body.oc-loading,
body.oc-loading * {cursor:wait !important}
.stripe-loading-indicator {height:5px;background:transparent;position:fixed;top:0;left:0;width:100%;overflow:hidden;z-index:2000}
.stripe-loading-indicator .stripe,
.stripe-loading-indicator .stripe-loaded {height:5px;display:block;background:#0090c0;position:absolute;-webkit-box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF;box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF}
.stripe-loading-indicator .stripe {width:100%;-webkit-animation:oc-infinite-loader 60s linear;animation:oc-infinite-loader 60s linear}
.stripe-loading-indicator .stripe-loaded {width:100%;transform:translate3d(-100%,0,0);opacity:0;filter:alpha(opacity=0)}
.stripe-loading-indicator.loaded {opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.4s linear;transition:opacity 0.4s linear;-webkit-transition-delay:0.3s;transition-delay:0.3s}
.stripe-loading-indicator.loaded .stripe {animation-play-state:paused}
.stripe-loading-indicator.loaded .stripe-loaded {opacity:1;filter:alpha(opacity=100);transform:translate3d(0,0,0);-webkit-transition:transform 0.3s linear;transition:transform 0.3s linear}
.stripe-loading-indicator.hide {display:none}
body >p.flash-message {position:fixed;width:500px;left:50%;top:13px;margin-left:-250px;color:#fff;font-size:14px;padding:10px 30px 10px 15px;z-index:10300;word-wrap:break-word;text-shadow:0 -1px 0 rgba(0,0,0,0.15);text-align:center;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
body >p.flash-message.fade {opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.5s,width 0s;transition:all 0.5s,width 0s;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}
body >p.flash-message.fade.in {opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
body >p.flash-message.success {background:#8da85e}
body >p.flash-message.error {background:#c30}
body >p.flash-message.warning {background:#f0ad4e}
body >p.flash-message.info {background:#5fb6f5}
body >p.flash-message button.close {float:none;position:absolute;right:10px;top:8px;color:white;font-size:21px;line-height:1;font-weight:bold;opacity:0.2;filter:alpha(opacity=20);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;outline:none}
body >p.flash-message button.close:hover,
body >p.flash-message button.close:focus {color:white;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50)}
@media (max-width:768px) {body >p.flash-message {left:10px;right:10px;top:10px;margin-left:0;width:auto }}
[data-request][data-request-validate] [data-validate-for]:not(.visible),
[data-request][data-request-validate] [data-validate-error]:not(.visible) {display:none}
a.oc-loading:after,
button.oc-loading:after,
span.oc-loading:after {content:'';display:inline-block;vertical-align:middle;margin-left:.4em;height:1em;width:1em;animation:oc-rotate-loader 0.8s infinite linear;border:.2em solid currentColor;border-right-color:transparent;border-radius:50%;opacity:0.5;filter:alpha(opacity=50)}
@-moz-keyframes oc-rotate-loader {0% {-moz-transform:rotate(0deg) }100% {-moz-transform:rotate(360deg) }}
@-webkit-keyframes oc-rotate-loader {0% {-webkit-transform:rotate(0deg) }100% {-webkit-transform:rotate(360deg) }}
@-o-keyframes oc-rotate-loader {0% {-o-transform:rotate(0deg) }100% {-o-transform:rotate(360deg) }}
@-ms-keyframes oc-rotate-loader {0% {-ms-transform:rotate(0deg) }100% {-ms-transform:rotate(360deg) }}
@keyframes oc-rotate-loader {0% {transform:rotate(0deg) }100% {transform:rotate(360deg) }}
@-moz-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
@-webkit-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
@-o-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
@-ms-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
@keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
@charset "UTF-8";
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
padding: 21px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger.is-active:hover {
opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #fff;
}
.hamburger-box {
width: 20px;
height: 14px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 20px;
height: 2px;
background-color: #fff;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -6px;
}
.hamburger-inner::after {
bottom: -6px;
}
/*
* Collapse
*/
.hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
top: -12px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -6px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* Bulma Utilities */
.column {
display: block;
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
padding: 0.75rem;
}
.columns.is-mobile > .column.is-narrow {
flex: none;
width: unset;
}
.columns.is-mobile > .column.is-full {
flex: none;
width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
flex: none;
width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
flex: none;
width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
flex: none;
width: 50%;
}
.columns.is-mobile > .column.is-one-third {
flex: none;
width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
flex: none;
width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
flex: none;
width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
flex: none;
width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
flex: none;
width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
flex: none;
width: 80%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
margin-left: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
margin-left: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
margin-left: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
margin-left: 33.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
margin-left: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
margin-left: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
margin-left: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
margin-left: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
margin-left: 80%;
}
.columns.is-mobile > .column.is-0 {
flex: none;
width: 0%;
}
.columns.is-mobile > .column.is-offset-0 {
margin-left: 0%;
}
.columns.is-mobile > .column.is-1 {
flex: none;
width: 8.3333333333%;
}
.columns.is-mobile > .column.is-offset-1 {
margin-left: 8.3333333333%;
}
.columns.is-mobile > .column.is-2 {
flex: none;
width: 16.6666666667%;
}
.columns.is-mobile > .column.is-offset-2 {
margin-left: 16.6666666667%;
}
.columns.is-mobile > .column.is-3 {
flex: none;
width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
margin-left: 25%;
}
.columns.is-mobile > .column.is-4 {
flex: none;
width: 33.3333333333%;
}
.columns.is-mobile > .column.is-offset-4 {
margin-left: 33.3333333333%;
}
.columns.is-mobile > .column.is-5 {
flex: none;
width: 41.6666666667%;
}
.columns.is-mobile > .column.is-offset-5 {
margin-left: 41.6666666667%;
}
.columns.is-mobile > .column.is-6 {
flex: none;
width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
margin-left: 50%;
}
.columns.is-mobile > .column.is-7 {
flex: none;
width: 58.3333333333%;
}
.columns.is-mobile > .column.is-offset-7 {
margin-left: 58.3333333333%;
}
.columns.is-mobile > .column.is-8 {
flex: none;
width: 66.6666666667%;
}
.columns.is-mobile > .column.is-offset-8 {
margin-left: 66.6666666667%;
}
.columns.is-mobile > .column.is-9 {
flex: none;
width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
margin-left: 75%;
}
.columns.is-mobile > .column.is-10 {
flex: none;
width: 83.3333333333%;
}
.columns.is-mobile > .column.is-offset-10 {
margin-left: 83.3333333333%;
}
.columns.is-mobile > .column.is-11 {
flex: none;
width: 91.6666666667%;
}
.columns.is-mobile > .column.is-offset-11 {
margin-left: 91.6666666667%;
}
.columns.is-mobile > .column.is-12 {
flex: none;
width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
margin-left: 100%;
}
@media screen and (max-width: 768px) {
.column.is-narrow-mobile {
flex: none;
width: unset;
}
.column.is-full-mobile {
flex: none;
width: 100%;
}
.column.is-three-quarters-mobile {
flex: none;
width: 75%;
}
.column.is-two-thirds-mobile {
flex: none;
width: 66.6666%;
}
.column.is-half-mobile {
flex: none;
width: 50%;
}
.column.is-one-third-mobile {
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-mobile {
flex: none;
width: 25%;
}
.column.is-one-fifth-mobile {
flex: none;
width: 20%;
}
.column.is-two-fifths-mobile {
flex: none;
width: 40%;
}
.column.is-three-fifths-mobile {
flex: none;
width: 60%;
}
.column.is-four-fifths-mobile {
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-mobile {
margin-left: 75%;
}
.column.is-offset-two-thirds-mobile {
margin-left: 66.6666%;
}
.column.is-offset-half-mobile {
margin-left: 50%;
}
.column.is-offset-one-third-mobile {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-mobile {
margin-left: 25%;
}
.column.is-offset-one-fifth-mobile {
margin-left: 20%;
}
.column.is-offset-two-fifths-mobile {
margin-left: 40%;
}
.column.is-offset-three-fifths-mobile {
margin-left: 60%;
}
.column.is-offset-four-fifths-mobile {
margin-left: 80%;
}
.column.is-0-mobile {
flex: none;
width: 0%;
}
.column.is-offset-0-mobile {
margin-left: 0%;
}
.column.is-1-mobile {
flex: none;
width: 8.3333333333%;
}
.column.is-offset-1-mobile {
margin-left: 8.3333333333%;
}
.column.is-2-mobile {
flex: none;
width: 16.6666666667%;
}
.column.is-offset-2-mobile {
margin-left: 16.6666666667%;
}
.column.is-3-mobile {
flex: none;
width: 25%;
}
.column.is-offset-3-mobile {
margin-left: 25%;
}
.column.is-4-mobile {
flex: none;
width: 33.3333333333%;
}
.column.is-offset-4-mobile {
margin-left: 33.3333333333%;
}
.column.is-5-mobile {
flex: none;
width: 41.6666666667%;
}
.column.is-offset-5-mobile {
margin-left: 41.6666666667%;
}
.column.is-6-mobile {
flex: none;
width: 50%;
}
.column.is-offset-6-mobile {
margin-left: 50%;
}
.column.is-7-mobile {
flex: none;
width: 58.3333333333%;
}
.column.is-offset-7-mobile {
margin-left: 58.3333333333%;
}
.column.is-8-mobile {
flex: none;
width: 66.6666666667%;
}
.column.is-offset-8-mobile {
margin-left: 66.6666666667%;
}
.column.is-9-mobile {
flex: none;
width: 75%;
}
.column.is-offset-9-mobile {
margin-left: 75%;
}
.column.is-10-mobile {
flex: none;
width: 83.3333333333%;
}
.column.is-offset-10-mobile {
margin-left: 83.3333333333%;
}
.column.is-11-mobile {
flex: none;
width: 91.6666666667%;
}
.column.is-offset-11-mobile {
margin-left: 91.6666666667%;
}
.column.is-12-mobile {
flex: none;
width: 100%;
}
.column.is-offset-12-mobile {
margin-left: 100%;
}
}
@media screen and (min-width: 769px), print {
.column.is-narrow, .column.is-narrow-tablet {
flex: none;
width: unset;
}
.column.is-full, .column.is-full-tablet {
flex: none;
width: 100%;
}
.column.is-three-quarters, .column.is-three-quarters-tablet {
flex: none;
width: 75%;
}
.column.is-two-thirds, .column.is-two-thirds-tablet {
flex: none;
width: 66.6666%;
}
.column.is-half, .column.is-half-tablet {
flex: none;
width: 50%;
}
.column.is-one-third, .column.is-one-third-tablet {
flex: none;
width: 33.3333%;
}
.column.is-one-quarter, .column.is-one-quarter-tablet {
flex: none;
width: 25%;
}
.column.is-one-fifth, .column.is-one-fifth-tablet {
flex: none;
width: 20%;
}
.column.is-two-fifths, .column.is-two-fifths-tablet {
flex: none;
width: 40%;
}
.column.is-three-fifths, .column.is-three-fifths-tablet {
flex: none;
width: 60%;
}
.column.is-four-fifths, .column.is-four-fifths-tablet {
flex: none;
width: 80%;
}
.column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
margin-left: 75%;
}
.column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
margin-left: 66.6666%;
}
.column.is-offset-half, .column.is-offset-half-tablet {
margin-left: 50%;
}
.column.is-offset-one-third, .column.is-offset-one-third-tablet {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
margin-left: 25%;
}
.column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
margin-left: 20%;
}
.column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
margin-left: 40%;
}
.column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
margin-left: 60%;
}
.column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
margin-left: 80%;
}
.column.is-0, .column.is-0-tablet {
flex: none;
width: 0%;
}
.column.is-offset-0, .column.is-offset-0-tablet {
margin-left: 0%;
}
.column.is-1, .column.is-1-tablet {
flex: none;
width: 8.3333333333%;
}
.column.is-offset-1, .column.is-offset-1-tablet {
margin-left: 8.3333333333%;
}
.column.is-2, .column.is-2-tablet {
flex: none;
width: 16.6666666667%;
}
.column.is-offset-2, .column.is-offset-2-tablet {
margin-left: 16.6666666667%;
}
.column.is-3, .column.is-3-tablet {
flex: none;
width: 25%;
}
.column.is-offset-3, .column.is-offset-3-tablet {
margin-left: 25%;
}
.column.is-4, .column.is-4-tablet {
flex: none;
width: 33.3333333333%;
}
.column.is-offset-4, .column.is-offset-4-tablet {
margin-left: 33.3333333333%;
}
.column.is-5, .column.is-5-tablet {
flex: none;
width: 41.6666666667%;
}
.column.is-offset-5, .column.is-offset-5-tablet {
margin-left: 41.6666666667%;
}
.column.is-6, .column.is-6-tablet {
flex: none;
width: 50%;
}
.column.is-offset-6, .column.is-offset-6-tablet {
margin-left: 50%;
}
.column.is-7, .column.is-7-tablet {
flex: none;
width: 58.3333333333%;
}
.column.is-offset-7, .column.is-offset-7-tablet {
margin-left: 58.3333333333%;
}
.column.is-8, .column.is-8-tablet {
flex: none;
width: 66.6666666667%;
}
.column.is-offset-8, .column.is-offset-8-tablet {
margin-left: 66.6666666667%;
}
.column.is-9, .column.is-9-tablet {
flex: none;
width: 75%;
}
.column.is-offset-9, .column.is-offset-9-tablet {
margin-left: 75%;
}
.column.is-10, .column.is-10-tablet {
flex: none;
width: 83.3333333333%;
}
.column.is-offset-10, .column.is-offset-10-tablet {
margin-left: 83.3333333333%;
}
.column.is-11, .column.is-11-tablet {
flex: none;
width: 91.6666666667%;
}
.column.is-offset-11, .column.is-offset-11-tablet {
margin-left: 91.6666666667%;
}
.column.is-12, .column.is-12-tablet {
flex: none;
width: 100%;
}
.column.is-offset-12, .column.is-offset-12-tablet {
margin-left: 100%;
}
}
@media screen and (max-width: 1023px) {
.column.is-narrow-touch {
flex: none;
width: unset;
}
.column.is-full-touch {
flex: none;
width: 100%;
}
.column.is-three-quarters-touch {
flex: none;
width: 75%;
}
.column.is-two-thirds-touch {
flex: none;
width: 66.6666%;
}
.column.is-half-touch {
flex: none;
width: 50%;
}
.column.is-one-third-touch {
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-touch {
flex: none;
width: 25%;
}
.column.is-one-fifth-touch {
flex: none;
width: 20%;
}
.column.is-two-fifths-touch {
flex: none;
width: 40%;
}
.column.is-three-fifths-touch {
flex: none;
width: 60%;
}
.column.is-four-fifths-touch {
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-touch {
margin-left: 75%;
}
.column.is-offset-two-thirds-touch {
margin-left: 66.6666%;
}
.column.is-offset-half-touch {
margin-left: 50%;
}
.column.is-offset-one-third-touch {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-touch {
margin-left: 25%;
}
.column.is-offset-one-fifth-touch {
margin-left: 20%;
}
.column.is-offset-two-fifths-touch {
margin-left: 40%;
}
.column.is-offset-three-fifths-touch {
margin-left: 60%;
}
.column.is-offset-four-fifths-touch {
margin-left: 80%;
}
.column.is-0-touch {
flex: none;
width: 0%;
}
.column.is-offset-0-touch {
margin-left: 0%;
}
.column.is-1-touch {
flex: none;
width: 8.3333333333%;
}
.column.is-offset-1-touch {
margin-left: 8.3333333333%;
}
.column.is-2-touch {
flex: none;
width: 16.6666666667%;
}
.column.is-offset-2-touch {
margin-left: 16.6666666667%;
}
.column.is-3-touch {
flex: none;
width: 25%;
}
.column.is-offset-3-touch {
margin-left: 25%;
}
.column.is-4-touch {
flex: none;
width: 33.3333333333%;
}
.column.is-offset-4-touch {
margin-left: 33.3333333333%;
}
.column.is-5-touch {
flex: none;
width: 41.6666666667%;
}
.column.is-offset-5-touch {
margin-left: 41.6666666667%;
}
.column.is-6-touch {
flex: none;
width: 50%;
}
.column.is-offset-6-touch {
margin-left: 50%;
}
.column.is-7-touch {
flex: none;
width: 58.3333333333%;
}
.column.is-offset-7-touch {
margin-left: 58.3333333333%;
}
.column.is-8-touch {
flex: none;
width: 66.6666666667%;
}
.column.is-offset-8-touch {
margin-left: 66.6666666667%;
}
.column.is-9-touch {
flex: none;
width: 75%;
}
.column.is-offset-9-touch {
margin-left: 75%;
}
.column.is-10-touch {
flex: none;
width: 83.3333333333%;
}
.column.is-offset-10-touch {
margin-left: 83.3333333333%;
}
.column.is-11-touch {
flex: none;
width: 91.6666666667%;
}
.column.is-offset-11-touch {
margin-left: 91.6666666667%;
}
.column.is-12-touch {
flex: none;
width: 100%;
}
.column.is-offset-12-touch {
margin-left: 100%;
}
}
@media screen and (min-width: 1024px) {
.column.is-narrow-desktop {
flex: none;
width: unset;
}
.column.is-full-desktop {
flex: none;
width: 100%;
}
.column.is-three-quarters-desktop {
flex: none;
width: 75%;
}
.column.is-two-thirds-desktop {
flex: none;
width: 66.6666%;
}
.column.is-half-desktop {
flex: none;
width: 50%;
}
.column.is-one-third-desktop {
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-desktop {
flex: none;
width: 25%;
}
.column.is-one-fifth-desktop {
flex: none;
width: 20%;
}
.column.is-two-fifths-desktop {
flex: none;
width: 40%;
}
.column.is-three-fifths-desktop {
flex: none;
width: 60%;
}
.column.is-four-fifths-desktop {
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-desktop {
margin-left: 75%;
}
.column.is-offset-two-thirds-desktop {
margin-left: 66.6666%;
}
.column.is-offset-half-desktop {
margin-left: 50%;
}
.column.is-offset-one-third-desktop {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-desktop {
margin-left: 25%;
}
.column.is-offset-one-fifth-desktop {
margin-left: 20%;
}
.column.is-offset-two-fifths-desktop {
margin-left: 40%;
}
.column.is-offset-three-fifths-desktop {
margin-left: 60%;
}
.column.is-offset-four-fifths-desktop {
margin-left: 80%;
}
.column.is-0-desktop {
flex: none;
width: 0%;
}
.column.is-offset-0-desktop {
margin-left: 0%;
}
.column.is-1-desktop {
flex: none;
width: 8.3333333333%;
}
.column.is-offset-1-desktop {
margin-left: 8.3333333333%;
}
.column.is-2-desktop {
flex: none;
width: 16.6666666667%;
}
.column.is-offset-2-desktop {
margin-left: 16.6666666667%;
}
.column.is-3-desktop {
flex: none;
width: 25%;
}
.column.is-offset-3-desktop {
margin-left: 25%;
}
.column.is-4-desktop {
flex: none;
width: 33.3333333333%;
}
.column.is-offset-4-desktop {
margin-left: 33.3333333333%;
}
.column.is-5-desktop {
flex: none;
width: 41.6666666667%;
}
.column.is-offset-5-desktop {
margin-left: 41.6666666667%;
}
.column.is-6-desktop {
flex: none;
width: 50%;
}
.column.is-offset-6-desktop {
margin-left: 50%;
}
.column.is-7-desktop {
flex: none;
width: 58.3333333333%;
}
.column.is-offset-7-desktop {
margin-left: 58.3333333333%;
}
.column.is-8-desktop {
flex: none;
width: 66.6666666667%;
}
.column.is-offset-8-desktop {
margin-left: 66.6666666667%;
}
.column.is-9-desktop {
flex: none;
width: 75%;
}
.column.is-offset-9-desktop {
margin-left: 75%;
}
.column.is-10-desktop {
flex: none;
width: 83.3333333333%;
}
.column.is-offset-10-desktop {
margin-left: 83.3333333333%;
}
.column.is-11-desktop {
flex: none;
width: 91.6666666667%;
}
.column.is-offset-11-desktop {
margin-left: 91.6666666667%;
}
.column.is-12-desktop {
flex: none;
width: 100%;
}
.column.is-offset-12-desktop {
margin-left: 100%;
}
}
@media screen and (min-width: 1216px) {
.column.is-narrow-widescreen {
flex: none;
width: unset;
}
.column.is-full-widescreen {
flex: none;
width: 100%;
}
.column.is-three-quarters-widescreen {
flex: none;
width: 75%;
}
.column.is-two-thirds-widescreen {
flex: none;
width: 66.6666%;
}
.column.is-half-widescreen {
flex: none;
width: 50%;
}
.column.is-one-third-widescreen {
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-widescreen {
flex: none;
width: 25%;
}
.column.is-one-fifth-widescreen {
flex: none;
width: 20%;
}
.column.is-two-fifths-widescreen {
flex: none;
width: 40%;
}
.column.is-three-fifths-widescreen {
flex: none;
width: 60%;
}
.column.is-four-fifths-widescreen {
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-widescreen {
margin-left: 75%;
}
.column.is-offset-two-thirds-widescreen {
margin-left: 66.6666%;
}
.column.is-offset-half-widescreen {
margin-left: 50%;
}
.column.is-offset-one-third-widescreen {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-widescreen {
margin-left: 25%;
}
.column.is-offset-one-fifth-widescreen {
margin-left: 20%;
}
.column.is-offset-two-fifths-widescreen {
margin-left: 40%;
}
.column.is-offset-three-fifths-widescreen {
margin-left: 60%;
}
.column.is-offset-four-fifths-widescreen {
margin-left: 80%;
}
.column.is-0-widescreen {
flex: none;
width: 0%;
}
.column.is-offset-0-widescreen {
margin-left: 0%;
}
.column.is-1-widescreen {
flex: none;
width: 8.3333333333%;
}
.column.is-offset-1-widescreen {
margin-left: 8.3333333333%;
}
.column.is-2-widescreen {
flex: none;
width: 16.6666666667%;
}
.column.is-offset-2-widescreen {
margin-left: 16.6666666667%;
}
.column.is-3-widescreen {
flex: none;
width: 25%;
}
.column.is-offset-3-widescreen {
margin-left: 25%;
}
.column.is-4-widescreen {
flex: none;
width: 33.3333333333%;
}
.column.is-offset-4-widescreen {
margin-left: 33.3333333333%;
}
.column.is-5-widescreen {
flex: none;
width: 41.6666666667%;
}
.column.is-offset-5-widescreen {
margin-left: 41.6666666667%;
}
.column.is-6-widescreen {
flex: none;
width: 50%;
}
.column.is-offset-6-widescreen {
margin-left: 50%;
}
.column.is-7-widescreen {
flex: none;
width: 58.3333333333%;
}
.column.is-offset-7-widescreen {
margin-left: 58.3333333333%;
}
.column.is-8-widescreen {
flex: none;
width: 66.6666666667%;
}
.column.is-offset-8-widescreen {
margin-left: 66.6666666667%;
}
.column.is-9-widescreen {
flex: none;
width: 75%;
}
.column.is-offset-9-widescreen {
margin-left: 75%;
}
.column.is-10-widescreen {
flex: none;
width: 83.3333333333%;
}
.column.is-offset-10-widescreen {
margin-left: 83.3333333333%;
}
.column.is-11-widescreen {
flex: none;
width: 91.6666666667%;
}
.column.is-offset-11-widescreen {
margin-left: 91.6666666667%;
}
.column.is-12-widescreen {
flex: none;
width: 100%;
}
.column.is-offset-12-widescreen {
margin-left: 100%;
}
}
@media screen and (min-width: 1408px) {
.column.is-narrow-fullhd {
flex: none;
width: unset;
}
.column.is-full-fullhd {
flex: none;
width: 100%;
}
.column.is-three-quarters-fullhd {
flex: none;
width: 75%;
}
.column.is-two-thirds-fullhd {
flex: none;
width: 66.6666%;
}
.column.is-half-fullhd {
flex: none;
width: 50%;
}
.column.is-one-third-fullhd {
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-fullhd {
flex: none;
width: 25%;
}
.column.is-one-fifth-fullhd {
flex: none;
width: 20%;
}
.column.is-two-fifths-fullhd {
flex: none;
width: 40%;
}
.column.is-three-fifths-fullhd {
flex: none;
width: 60%;
}
.column.is-four-fifths-fullhd {
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-fullhd {
margin-left: 75%;
}
.column.is-offset-two-thirds-fullhd {
margin-left: 66.6666%;
}
.column.is-offset-half-fullhd {
margin-left: 50%;
}
.column.is-offset-one-third-fullhd {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-fullhd {
margin-left: 25%;
}
.column.is-offset-one-fifth-fullhd {
margin-left: 20%;
}
.column.is-offset-two-fifths-fullhd {
margin-left: 40%;
}
.column.is-offset-three-fifths-fullhd {
margin-left: 60%;
}
.column.is-offset-four-fifths-fullhd {
margin-left: 80%;
}
.column.is-0-fullhd {
flex: none;
width: 0%;
}
.column.is-offset-0-fullhd {
margin-left: 0%;
}
.column.is-1-fullhd {
flex: none;
width: 8.3333333333%;
}
.column.is-offset-1-fullhd {
margin-left: 8.3333333333%;
}
.column.is-2-fullhd {
flex: none;
width: 16.6666666667%;
}
.column.is-offset-2-fullhd {
margin-left: 16.6666666667%;
}
.column.is-3-fullhd {
flex: none;
width: 25%;
}
.column.is-offset-3-fullhd {
margin-left: 25%;
}
.column.is-4-fullhd {
flex: none;
width: 33.3333333333%;
}
.column.is-offset-4-fullhd {
margin-left: 33.3333333333%;
}
.column.is-5-fullhd {
flex: none;
width: 41.6666666667%;
}
.column.is-offset-5-fullhd {
margin-left: 41.6666666667%;
}
.column.is-6-fullhd {
flex: none;
width: 50%;
}
.column.is-offset-6-fullhd {
margin-left: 50%;
}
.column.is-7-fullhd {
flex: none;
width: 58.3333333333%;
}
.column.is-offset-7-fullhd {
margin-left: 58.3333333333%;
}
.column.is-8-fullhd {
flex: none;
width: 66.6666666667%;
}
.column.is-offset-8-fullhd {
margin-left: 66.6666666667%;
}
.column.is-9-fullhd {
flex: none;
width: 75%;
}
.column.is-offset-9-fullhd {
margin-left: 75%;
}
.column.is-10-fullhd {
flex: none;
width: 83.3333333333%;
}
.column.is-offset-10-fullhd {
margin-left: 83.3333333333%;
}
.column.is-11-fullhd {
flex: none;
width: 91.6666666667%;
}
.column.is-offset-11-fullhd {
margin-left: 91.6666666667%;
}
.column.is-12-fullhd {
flex: none;
width: 100%;
}
.column.is-offset-12-fullhd {
margin-left: 100%;
}
}
.columns {
margin-left: -0.75rem;
margin-right: -0.75rem;
margin-top: -0.75rem;
}
.columns:last-child {
margin-bottom: -0.75rem;
}
.columns:not(:last-child) {
margin-bottom: calc(1.5rem - 0.75rem);
}
.columns.is-centered {
justify-content: center;
}
.columns.is-gapless {
margin-left: 0;
margin-right: 0;
margin-top: 0;
}
.columns.is-gapless > .column {
margin: 0;
padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
margin-bottom: 0;
}
.columns.is-mobile {
display: flex;
}
.columns.is-multiline {
flex-wrap: wrap;
}
.columns.is-vcentered {
align-items: center;
}
@media screen and (min-width: 769px), print {
.columns:not(.is-desktop) {
display: flex;
}
}
@media screen and (min-width: 1024px) {
.columns.is-desktop {
display: flex;
}
}
.columns.is-variable {
--columnGap: 0.75rem;
margin-left: calc(-1 * var(--columnGap));
margin-right: calc(-1 * var(--columnGap));
}
.columns.is-variable > .column {
padding-left: var(--columnGap);
padding-right: var(--columnGap);
}
.columns.is-variable.is-0 {
--columnGap: 0rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-0-mobile {
--columnGap: 0rem;
}
}
@media screen and (min-width: 769px), print {
.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 screen and (min-width: 769px), print {
.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 screen and (min-width: 769px), print {
.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 screen and (min-width: 769px), print {
.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 screen and (min-width: 769px), print {
.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 screen and (min-width: 769px), print {
.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 screen and (min-width: 769px), print {
.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 screen and (min-width: 769px), print {
.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 screen and (min-width: 769px), print {
.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;
}
}
.steps:not(:last-child) {
margin-bottom: 1.5rem;
}
.steps .steps-segment {
position: relative;
}
.steps .steps-segment:not(:last-child):after {
content: " ";
display: block;
position: absolute;
}
@media screen and (max-width: 768px) {
.steps:not(.is-horizontal) .steps-segment {
display: block;
}
.steps:not(.is-horizontal) .steps-segment:not(:last-child) {
min-height: 4em;
}
}
.steps.is-vertical .steps-segment {
display: block;
}
.steps.is-vertical .steps-segment:not(:last-child) {
min-height: 4em;
}
@media screen and (min-width: 769px), print {
.steps:not(.is-vertical) {
display: flex;
}
.steps:not(.is-vertical) .steps-segment:not(:last-child) {
flex-basis: 1rem;
flex-grow: 1;
flex-shrink: 1;
}
.steps:not(.is-vertical).is-narrow .steps-segment {
flex-grow: 0;
}
.steps:not(.is-vertical).is-narrow .steps-segment:not(:last-child) {
min-width: 10em;
}
.steps:not(.is-vertical).is-narrow.is-centered {
justify-content: center;
}
.steps:not(.is-vertical).is-narrow.is-right {
justify-content: flex-end;
}
.steps:not(.is-vertical).has-content-centered {
text-align: center;
}
.steps:not(.is-vertical).is-balanced .steps-segment:last-child, .steps:not(.is-vertical).has-content-centered .steps-segment:last-child {
flex-basis: 1rem;
flex-grow: 1;
flex-shrink: 1;
}
.steps:not(.is-vertical).is-narrow.has-content-centered .steps-segment:last-child {
flex-grow: 0;
min-width: 10em;
}
.steps:not(.is-vertical) .steps-content.is-divider-content {
text-align: center;
}
}
.steps.is-horizontal {
display: flex;
}
.steps.is-horizontal .steps-segment:not(:last-child) {
flex-basis: 1rem;
flex-grow: 1;
flex-shrink: 1;
}
.steps.is-horizontal.is-narrow .steps-segment {
flex-grow: 0;
}
.steps.is-horizontal.is-narrow .steps-segment:not(:last-child) {
min-width: 10em;
}
.steps.is-horizontal.is-narrow.is-centered {
justify-content: center;
}
.steps.is-horizontal.is-narrow.is-right {
justify-content: flex-end;
}
.steps.is-horizontal.has-content-centered {
text-align: center;
}
.steps.is-horizontal.is-balanced .steps-segment:last-child, .steps.is-horizontal.has-content-centered .steps-segment:last-child {
flex-basis: 1rem;
flex-grow: 1;
flex-shrink: 1;
}
.steps.is-horizontal.is-narrow.has-content-centered .steps-segment:last-child {
flex-grow: 0;
min-width: 10em;
}
.steps.is-horizontal .steps-content.is-divider-content {
text-align: center;
}
.steps .steps-marker {
align-items: center;
display: flex;
border-radius: 50%;
font-weight: 700;
justify-content: center;
position: relative;
z-index: 10;
}
.steps {
font-size: 1rem;
}
.steps .steps-marker {
height: 2rem;
width: 2rem;
}
@media screen and (max-width: 768px) {
.steps:not(.is-horizontal) .steps-segment:not(:last-child):after {
bottom: -0.24rem;
left: calc(1rem - (0.2em));
top: 1.76rem;
width: 0.4em;
}
.steps:not(.is-horizontal) .steps-content {
margin-left: calc(1rem + .5em);
margin-top: -2rem;
padding-left: 1em;
padding-bottom: 1em;
}
.steps:not(.is-horizontal) .steps-content.is-divider-content {
margin-top: 0;
padding-bottom: 0;
}
.steps:not(.is-horizontal).has-content-centered .steps-content {
padding-top: calc(1rem - .5em);
}
.steps:not(.is-horizontal):not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps:not(.is-horizontal):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
top: 2.3rem;
bottom: 0.3rem;
}
}
.steps.is-vertical .steps-segment:not(:last-child):after {
bottom: -0.24rem;
left: calc(1rem - (0.2em));
top: 1.76rem;
width: 0.4em;
}
.steps.is-vertical .steps-content {
margin-left: calc(1rem + .5em);
margin-top: -2rem;
padding-left: 1em;
padding-bottom: 1em;
}
.steps.is-vertical .steps-content.is-divider-content {
margin-top: 0;
padding-bottom: 0;
}
.steps.is-vertical.has-content-centered .steps-content {
padding-top: calc(1rem - .5em);
}
.steps.is-vertical:not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-vertical:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
top: 2.3rem;
bottom: 0.3rem;
}
@media screen and (min-width: 769px), print {
.steps:not(.is-vertical) .steps-segment:not(:last-child):after {
height: 0.4em;
left: 1.76rem;
right: -0.24rem;
top: calc(1rem - (0.2em));
}
.steps:not(.is-vertical) .steps-content {
margin-left: 1rem;
}
.steps:not(.is-vertical) .steps-content:not(:last-child) {
margin-right: -1rem;
}
.steps:not(.is-vertical) .steps-content.is-divider-content {
margin-right: -1rem;
padding-left: 2em;
padding-right: 2em;
}
.steps:not(.is-vertical).has-content-centered .steps-segment:not(:last-child):after {
left: 50%;
right: -50%;
}
.steps:not(.is-vertical).has-content-centered .steps-marker {
position: absolute;
left: calc(50% - 1rem);
}
.steps:not(.is-vertical).has-content-centered .steps-content {
margin-top: 2rem;
margin-left: 0.5em;
margin-right: 0.5em;
padding-top: 0.2em;
}
.steps:not(.is-vertical):not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
left: 2.3rem;
right: 0.3rem;
}
.steps:not(.is-vertical):not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after, .steps:not(.is-vertical):not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after {
left: calc(50% + 1.3rem);
right: calc(-50% + 1.3rem);
}
}
.steps.is-horizontal .steps-segment:not(:last-child):after {
height: 0.4em;
left: 1.76rem;
right: -0.24rem;
top: calc(1rem - (0.2em));
}
.steps.is-horizontal .steps-content {
margin-left: 1rem;
}
.steps.is-horizontal .steps-content:not(:last-child) {
margin-right: -1rem;
}
.steps.is-horizontal .steps-content.is-divider-content {
margin-right: -1rem;
padding-left: 2em;
padding-right: 2em;
}
.steps.is-horizontal.has-content-centered .steps-segment:not(:last-child):after {
left: 50%;
right: -50%;
}
.steps.is-horizontal.has-content-centered .steps-marker {
position: absolute;
left: calc(50% - 1rem);
}
.steps.is-horizontal.has-content-centered .steps-content {
margin-top: 2rem;
margin-left: 0.5em;
margin-right: 0.5em;
padding-top: 0.2em;
}
.steps.is-horizontal:not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-horizontal:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
left: 2.3rem;
right: 0.3rem;
}
.steps.is-horizontal:not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after, .steps.is-horizontal:not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after {
left: calc(50% + 1.3rem);
right: calc(-50% + 1.3rem);
}
.steps.is-small {
font-size: 0.75rem;
}
.steps.is-small .steps-marker {
height: 1.5rem;
width: 1.5rem;
}
@media screen and (max-width: 768px) {
.steps.is-small:not(.is-horizontal) .steps-segment:not(:last-child):after {
bottom: -0.24rem;
left: calc(0.75rem - (0.2em));
top: 1.26rem;
width: 0.4em;
}
.steps.is-small:not(.is-horizontal) .steps-content {
margin-left: calc(0.75rem + .5em);
margin-top: -1.5rem;
padding-left: 1em;
padding-bottom: 1em;
}
.steps.is-small:not(.is-horizontal) .steps-content.is-divider-content {
margin-top: 0;
padding-bottom: 0;
}
.steps.is-small:not(.is-horizontal).has-content-centered .steps-content {
padding-top: calc(0.75rem - .5em);
}
.steps.is-small:not(.is-horizontal):not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-small:not(.is-horizontal):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
top: 1.8rem;
bottom: 0.3rem;
}
}
.steps.is-small.is-vertical .steps-segment:not(:last-child):after {
bottom: -0.24rem;
left: calc(0.75rem - (0.2em));
top: 1.26rem;
width: 0.4em;
}
.steps.is-small.is-vertical .steps-content {
margin-left: calc(0.75rem + .5em);
margin-top: -1.5rem;
padding-left: 1em;
padding-bottom: 1em;
}
.steps.is-small.is-vertical .steps-content.is-divider-content {
margin-top: 0;
padding-bottom: 0;
}
.steps.is-small.is-vertical.has-content-centered .steps-content {
padding-top: calc(0.75rem - .5em);
}
.steps.is-small.is-vertical:not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-small.is-vertical:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
top: 1.8rem;
bottom: 0.3rem;
}
@media screen and (min-width: 769px), print {
.steps.is-small:not(.is-vertical) .steps-segment:not(:last-child):after {
height: 0.4em;
left: 1.26rem;
right: -0.24rem;
top: calc(0.75rem - (0.2em));
}
.steps.is-small:not(.is-vertical) .steps-content {
margin-left: 0.75rem;
}
.steps.is-small:not(.is-vertical) .steps-content:not(:last-child) {
margin-right: -0.75rem;
}
.steps.is-small:not(.is-vertical) .steps-content.is-divider-content {
margin-right: -0.75rem;
padding-left: 2em;
padding-right: 2em;
}
.steps.is-small:not(.is-vertical).has-content-centered .steps-segment:not(:last-child):after {
left: 50%;
right: -50%;
}
.steps.is-small:not(.is-vertical).has-content-centered .steps-marker {
position: absolute;
left: calc(50% - 0.75rem);
}
.steps.is-small:not(.is-vertical).has-content-centered .steps-content {
margin-top: 1.5rem;
margin-left: 0.5em;
margin-right: 0.5em;
padding-top: 0.2em;
}
.steps.is-small:not(.is-vertical):not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-small:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
left: 1.8rem;
right: 0.3rem;
}
.steps.is-small:not(.is-vertical):not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after, .steps.is-small:not(.is-vertical):not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after {
left: calc(50% + 1.05rem);
right: calc(-50% + 1.05rem);
}
}
.steps.is-small.is-horizontal .steps-segment:not(:last-child):after {
height: 0.4em;
left: 1.26rem;
right: -0.24rem;
top: calc(0.75rem - (0.2em));
}
.steps.is-small.is-horizontal .steps-content {
margin-left: 0.75rem;
}
.steps.is-small.is-horizontal .steps-content:not(:last-child) {
margin-right: -0.75rem;
}
.steps.is-small.is-horizontal .steps-content.is-divider-content {
margin-right: -0.75rem;
padding-left: 2em;
padding-right: 2em;
}
.steps.is-small.is-horizontal.has-content-centered .steps-segment:not(:last-child):after {
left: 50%;
right: -50%;
}
.steps.is-small.is-horizontal.has-content-centered .steps-marker {
position: absolute;
left: calc(50% - 0.75rem);
}
.steps.is-small.is-horizontal.has-content-centered .steps-content {
margin-top: 1.5rem;
margin-left: 0.5em;
margin-right: 0.5em;
padding-top: 0.2em;
}
.steps.is-small.is-horizontal:not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-small.is-horizontal:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
left: 1.8rem;
right: 0.3rem;
}
.steps.is-small.is-horizontal:not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after, .steps.is-small.is-horizontal:not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after {
left: calc(50% + 1.05rem);
right: calc(-50% + 1.05rem);
}
.steps.is-medium {
font-size: 1.25rem;
}
.steps.is-medium .steps-marker {
height: 2.5rem;
width: 2.5rem;
}
@media screen and (max-width: 768px) {
.steps.is-medium:not(.is-horizontal) .steps-segment:not(:last-child):after {
bottom: -0.24rem;
left: calc(1.25rem - (0.2em));
top: 2.26rem;
width: 0.4em;
}
.steps.is-medium:not(.is-horizontal) .steps-content {
margin-left: calc(1.25rem + .5em);
margin-top: -2.5rem;
padding-left: 1em;
padding-bottom: 1em;
}
.steps.is-medium:not(.is-horizontal) .steps-content.is-divider-content {
margin-top: 0;
padding-bottom: 0;
}
.steps.is-medium:not(.is-horizontal).has-content-centered .steps-content {
padding-top: calc(1.25rem - .5em);
}
.steps.is-medium:not(.is-horizontal):not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-medium:not(.is-horizontal):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
top: 2.8rem;
bottom: 0.3rem;
}
}
.steps.is-medium.is-vertical .steps-segment:not(:last-child):after {
bottom: -0.24rem;
left: calc(1.25rem - (0.2em));
top: 2.26rem;
width: 0.4em;
}
.steps.is-medium.is-vertical .steps-content {
margin-left: calc(1.25rem + .5em);
margin-top: -2.5rem;
padding-left: 1em;
padding-bottom: 1em;
}
.steps.is-medium.is-vertical .steps-content.is-divider-content {
margin-top: 0;
padding-bottom: 0;
}
.steps.is-medium.is-vertical.has-content-centered .steps-content {
padding-top: calc(1.25rem - .5em);
}
.steps.is-medium.is-vertical:not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-medium.is-vertical:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
top: 2.8rem;
bottom: 0.3rem;
}
@media screen and (min-width: 769px), print {
.steps.is-medium:not(.is-vertical) .steps-segment:not(:last-child):after {
height: 0.4em;
left: 2.26rem;
right: -0.24rem;
top: calc(1.25rem - (0.2em));
}
.steps.is-medium:not(.is-vertical) .steps-content {
margin-left: 1.25rem;
}
.steps.is-medium:not(.is-vertical) .steps-content:not(:last-child) {
margin-right: -1.25rem;
}
.steps.is-medium:not(.is-vertical) .steps-content.is-divider-content {
margin-right: -1.25rem;
padding-left: 2em;
padding-right: 2em;
}
.steps.is-medium:not(.is-vertical).has-content-centered .steps-segment:not(:last-child):after {
left: 50%;
right: -50%;
}
.steps.is-medium:not(.is-vertical).has-content-centered .steps-marker {
position: absolute;
left: calc(50% - 1.25rem);
}
.steps.is-medium:not(.is-vertical).has-content-centered .steps-content {
margin-top: 2.5rem;
margin-left: 0.5em;
margin-right: 0.5em;
padding-top: 0.2em;
}
.steps.is-medium:not(.is-vertical):not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-medium:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
left: 2.8rem;
right: 0.3rem;
}
.steps.is-medium:not(.is-vertical):not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after, .steps.is-medium:not(.is-vertical):not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after {
left: calc(50% + 1.55rem);
right: calc(-50% + 1.55rem);
}
}
.steps.is-medium.is-horizontal .steps-segment:not(:last-child):after {
height: 0.4em;
left: 2.26rem;
right: -0.24rem;
top: calc(1.25rem - (0.2em));
}
.steps.is-medium.is-horizontal .steps-content {
margin-left: 1.25rem;
}
.steps.is-medium.is-horizontal .steps-content:not(:last-child) {
margin-right: -1.25rem;
}
.steps.is-medium.is-horizontal .steps-content.is-divider-content {
margin-right: -1.25rem;
padding-left: 2em;
padding-right: 2em;
}
.steps.is-medium.is-horizontal.has-content-centered .steps-segment:not(:last-child):after {
left: 50%;
right: -50%;
}
.steps.is-medium.is-horizontal.has-content-centered .steps-marker {
position: absolute;
left: calc(50% - 1.25rem);
}
.steps.is-medium.is-horizontal.has-content-centered .steps-content {
margin-top: 2.5rem;
margin-left: 0.5em;
margin-right: 0.5em;
padding-top: 0.2em;
}
.steps.is-medium.is-horizontal:not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-medium.is-horizontal:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
left: 2.8rem;
right: 0.3rem;
}
.steps.is-medium.is-horizontal:not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after, .steps.is-medium.is-horizontal:not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after {
left: calc(50% + 1.55rem);
right: calc(-50% + 1.55rem);
}
.steps.is-large {
font-size: 1.5rem;
}
.steps.is-large .steps-marker {
height: 3rem;
width: 3rem;
}
@media screen and (max-width: 768px) {
.steps.is-large:not(.is-horizontal) .steps-segment:not(:last-child):after {
bottom: -0.24rem;
left: calc(1.5rem - (0.2em));
top: 2.76rem;
width: 0.4em;
}
.steps.is-large:not(.is-horizontal) .steps-content {
margin-left: calc(1.5rem + .5em);
margin-top: -3rem;
padding-left: 1em;
padding-bottom: 1em;
}
.steps.is-large:not(.is-horizontal) .steps-content.is-divider-content {
margin-top: 0;
padding-bottom: 0;
}
.steps.is-large:not(.is-horizontal).has-content-centered .steps-content {
padding-top: calc(1.5rem - .5em);
}
.steps.is-large:not(.is-horizontal):not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-large:not(.is-horizontal):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
top: 3.3rem;
bottom: 0.3rem;
}
}
.steps.is-large.is-vertical .steps-segment:not(:last-child):after {
bottom: -0.24rem;
left: calc(1.5rem - (0.2em));
top: 2.76rem;
width: 0.4em;
}
.steps.is-large.is-vertical .steps-content {
margin-left: calc(1.5rem + .5em);
margin-top: -3rem;
padding-left: 1em;
padding-bottom: 1em;
}
.steps.is-large.is-vertical .steps-content.is-divider-content {
margin-top: 0;
padding-bottom: 0;
}
.steps.is-large.is-vertical.has-content-centered .steps-content {
padding-top: calc(1.5rem - .5em);
}
.steps.is-large.is-vertical:not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-large.is-vertical:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
top: 3.3rem;
bottom: 0.3rem;
}
@media screen and (min-width: 769px), print {
.steps.is-large:not(.is-vertical) .steps-segment:not(:last-child):after {
height: 0.4em;
left: 2.76rem;
right: -0.24rem;
top: calc(1.5rem - (0.2em));
}
.steps.is-large:not(.is-vertical) .steps-content {
margin-left: 1.5rem;
}
.steps.is-large:not(.is-vertical) .steps-content:not(:last-child) {
margin-right: -1.5rem;
}
.steps.is-large:not(.is-vertical) .steps-content.is-divider-content {
margin-right: -1.5rem;
padding-left: 2em;
padding-right: 2em;
}
.steps.is-large:not(.is-vertical).has-content-centered .steps-segment:not(:last-child):after {
left: 50%;
right: -50%;
}
.steps.is-large:not(.is-vertical).has-content-centered .steps-marker {
position: absolute;
left: calc(50% - 1.5rem);
}
.steps.is-large:not(.is-vertical).has-content-centered .steps-content {
margin-top: 3rem;
margin-left: 0.5em;
margin-right: 0.5em;
padding-top: 0.2em;
}
.steps.is-large:not(.is-vertical):not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-large:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
left: 3.3rem;
right: 0.3rem;
}
.steps.is-large:not(.is-vertical):not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after, .steps.is-large:not(.is-vertical):not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after {
left: calc(50% + 1.8rem);
right: calc(-50% + 1.8rem);
}
}
.steps.is-large.is-horizontal .steps-segment:not(:last-child):after {
height: 0.4em;
left: 2.76rem;
right: -0.24rem;
top: calc(1.5rem - (0.2em));
}
.steps.is-large.is-horizontal .steps-content {
margin-left: 1.5rem;
}
.steps.is-large.is-horizontal .steps-content:not(:last-child) {
margin-right: -1.5rem;
}
.steps.is-large.is-horizontal .steps-content.is-divider-content {
margin-right: -1.5rem;
padding-left: 2em;
padding-right: 2em;
}
.steps.is-large.is-horizontal.has-content-centered .steps-segment:not(:last-child):after {
left: 50%;
right: -50%;
}
.steps.is-large.is-horizontal.has-content-centered .steps-marker {
position: absolute;
left: calc(50% - 1.5rem);
}
.steps.is-large.is-horizontal.has-content-centered .steps-content {
margin-top: 3rem;
margin-left: 0.5em;
margin-right: 0.5em;
padding-top: 0.2em;
}
.steps.is-large.is-horizontal:not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-large.is-horizontal:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
left: 3.3rem;
right: 0.3rem;
}
.steps.is-large.is-horizontal:not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after, .steps.is-large.is-horizontal:not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after {
left: calc(50% + 1.8rem);
right: calc(-50% + 1.8rem);
}
.steps-segment:after {
background-color: #00d1b2;
}
.steps-segment.is-active:after {
background-color: #dbdbdb;
}
.steps-segment.is-active ~ .steps-segment:after {
background-color: #dbdbdb;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow) {
background-color: #00d1b2;
color: #fff;
}
.steps:not(.is-hollow) .steps-segment.is-active .steps-marker:not(.is-hollow) {
background-color: #00d1b2;
color: #fff;
}
.steps:not(.is-hollow) .steps-segment.is-active ~ .steps-segment .steps-marker:not(.is-hollow) {
background-color: #dbdbdb;
color: rgba(0, 0, 0, 0.7);
}
.steps.is-hollow .steps-marker,
.steps-marker.is-hollow {
border: 0.3em solid #00d1b2;
}
.steps.is-hollow .is-active .steps-marker,
.steps .is-active .steps-marker.is-hollow {
border-color: #00d1b2;
}
.steps.is-hollow .steps-segment.is-active ~ .steps-segment .steps-marker,
.steps-segment.is-active ~ .steps-segment .steps-marker.is-hollow {
border-color: #dbdbdb;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-white {
background-color: white !important;
color: #0a0a0a !important;
}
.steps.is-hollow .steps-marker.is-white,
.steps .steps-marker.is-hollow.is-white {
border-color: white !important;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-black {
background-color: #0a0a0a !important;
color: white !important;
}
.steps.is-hollow .steps-marker.is-black,
.steps .steps-marker.is-hollow.is-black {
border-color: #0a0a0a !important;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-light {
background-color: whitesmoke !important;
color: rgba(0, 0, 0, 0.7) !important;
}
.steps.is-hollow .steps-marker.is-light,
.steps .steps-marker.is-hollow.is-light {
border-color: whitesmoke !important;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-dark {
background-color: #363636 !important;
color: #fff !important;
}
.steps.is-hollow .steps-marker.is-dark,
.steps .steps-marker.is-hollow.is-dark {
border-color: #363636 !important;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-primary {
background-color: #00d1b2 !important;
color: #fff !important;
}
.steps.is-hollow .steps-marker.is-primary,
.steps .steps-marker.is-hollow.is-primary {
border-color: #00d1b2 !important;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-link {
background-color: #3273dc !important;
color: #fff !important;
}
.steps.is-hollow .steps-marker.is-link,
.steps .steps-marker.is-hollow.is-link {
border-color: #3273dc !important;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-info {
background-color: #3298dc !important;
color: #fff !important;
}
.steps.is-hollow .steps-marker.is-info,
.steps .steps-marker.is-hollow.is-info {
border-color: #3298dc !important;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-success {
background-color: #48c774 !important;
color: #fff !important;
}
.steps.is-hollow .steps-marker.is-success,
.steps .steps-marker.is-hollow.is-success {
border-color: #48c774 !important;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-warning {
background-color: #ffdd57 !important;
color: rgba(0, 0, 0, 0.7) !important;
}
.steps.is-hollow .steps-marker.is-warning,
.steps .steps-marker.is-hollow.is-warning {
border-color: #ffdd57 !important;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-danger {
background-color: #f14668 !important;
color: #fff !important;
}
.steps.is-hollow .steps-marker.is-danger,
.steps .steps-marker.is-hollow.is-danger {
border-color: #f14668 !important;
}
@media screen and (max-width: 768px) {
.steps:not(.is-horizontal).is-dashed .steps-segment:after, .steps:not(.is-horizontal) .steps-segment.is-dashed:after {
background: repeating-linear-gradient(0deg, #00d1b2, #00d1b2 5px, transparent 5px, transparent 10px);
}
.steps:not(.is-horizontal).is-dashed .steps-segment.is-active:after, .steps:not(.is-horizontal).is-dashed .steps-segment.is-active ~ .steps-segment:after,
.steps:not(.is-horizontal) .steps-segment.is-active.is-dashed:after,
.steps:not(.is-horizontal) .steps-segment.is-active ~ .steps-segment.is-dashed:after {
background: repeating-linear-gradient(0deg, #dbdbdb, #dbdbdb 5px, transparent 5px, transparent 10px);
}
}
.steps.is-vertical.is-dashed .steps-segment:after, .steps.is-vertical .steps-segment.is-dashed:after {
background: repeating-linear-gradient(0deg, #00d1b2, #00d1b2 5px, transparent 5px, transparent 10px);
}
.steps.is-vertical.is-dashed .steps-segment.is-active:after, .steps.is-vertical.is-dashed .steps-segment.is-active ~ .steps-segment:after,
.steps.is-vertical .steps-segment.is-active.is-dashed:after,
.steps.is-vertical .steps-segment.is-active ~ .steps-segment.is-dashed:after {
background: repeating-linear-gradient(0deg, #dbdbdb, #dbdbdb 5px, transparent 5px, transparent 10px);
}
@media screen and (min-width: 769px), print {
.steps:not(.is-vertical).is-dashed .steps-segment:after,
.steps:not(.is-vertical) .steps-segment.is-dashed:after {
background: repeating-linear-gradient(90deg, #00d1b2, #00d1b2 10px, transparent 10px, transparent 20px);
}
.steps:not(.is-vertical).is-dashed .steps-segment.is-active:after, .steps:not(.is-vertical).is-dashed .steps-segment.is-active ~ .steps-segment:after,
.steps:not(.is-vertical) .steps-segment.is-active.is-dashed:after,
.steps:not(.is-vertical) .steps-segment.is-active ~ .steps-segment.is-dashed:after {
background: repeating-linear-gradient(90deg, #dbdbdb, #dbdbdb 10px, transparent 10px, transparent 20px);
}
}
.steps.is-horizontal.is-dashed .steps-segment:after,
.steps.is-horizontal .steps-segment.is-dashed:after {
background: repeating-linear-gradient(90deg, #00d1b2, #00d1b2 10px, transparent 10px, transparent 20px);
}
.steps.is-horizontal.is-dashed .steps-segment.is-active:after, .steps.is-horizontal.is-dashed .steps-segment.is-active ~ .steps-segment:after,
.steps.is-horizontal .steps-segment.is-active.is-dashed:after,
.steps.is-horizontal .steps-segment.is-active ~ .steps-segment.is-dashed:after {
background: repeating-linear-gradient(90deg, #dbdbdb, #dbdbdb 10px, transparent 10px, transparent 20px);
}
.steps.is-thin .steps-marker {
width: 0.8em;
height: 0.8em;
}
.steps.is-thin.is-hollow .steps-marker,
.steps.is-thin .steps-marker.is-hollow {
border-width: 1px;
height: calc(0.8em + 1px);
width: calc(0.8em + 1px);
}
@media screen and (max-width: 768px) {
.steps.is-thin:not(.is-horizontal) .steps-segment:not(:last-child):after {
bottom: 0;
left: calc(0.4em - 0.5px);
top: 0.8em;
width: 1px;
}
.steps.is-thin:not(.is-horizontal) .steps-content {
margin-top: -1.2em;
margin-left: 0.8em;
}
.steps.is-thin:not(.is-horizontal).has-gaps .steps-segment:not(:last-child):after, .steps.is-thin:not(.is-horizontal) .steps-segment.has-gaps:not(:last-child):after {
bottom: 0.4em;
top: 1.2em;
}
.steps.is-thin:not(.is-horizontal).has-content-centered .steps-content {
padding-top: 1.6em;
}
}
.steps.is-thin.is-vertical .steps-segment:not(:last-child):after {
bottom: 0;
left: calc(0.4em - 0.5px);
top: 0.8em;
width: 1px;
}
.steps.is-thin.is-vertical .steps-content {
margin-top: -1.2em;
margin-left: 0.8em;
}
.steps.is-thin.is-vertical.has-gaps .steps-segment:not(:last-child):after, .steps.is-thin.is-vertical .steps-segment.has-gaps:not(:last-child):after {
bottom: 0.4em;
top: 1.2em;
}
.steps.is-thin.is-vertical.has-content-centered .steps-content {
padding-top: 1.6em;
}
@media screen and (min-width: 769px), print {
.steps.is-thin:not(.is-vertical) .steps-segment:not(:last-child):after {
left: 0.8em;
right: 0;
top: calc(0.4em - 0.5px);
height: 1px;
}
.steps.is-thin:not(.is-vertical) .steps-content {
margin-top: 0.8em;
}
.steps.is-thin:not(.is-vertical).has-content-centered .steps-segment:not(:last-child):after {
left: calc(50% + 0.4em);
right: calc(-50% + 0.4em);
}
.steps.is-thin:not(.is-vertical).has-content-centered .steps-marker {
position: absolute;
left: calc(50% - 0.4em);
}
.steps.is-thin:not(.is-vertical).has-gaps .steps-segment:not(:last-child):after, .steps.is-thin:not(.is-vertical) .steps-segment.has-gaps:not(:last-child):after {
left: 1.2em;
right: 0.4em;
}
.steps.is-thin:not(.is-vertical).has-content-centered.has-gaps .steps-segment:not(:last-child):after, .steps.is-thin:not(.is-vertical).has-content-centered .steps-segment.has-gaps:not(:last-child):after {
left: calc(50% + 0.8em);
right: calc(-50% + 0.8em);
}
}
.steps.is-thin.is-horizontal .steps-segment:not(:last-child):after {
left: 0.8em;
right: 0;
top: calc(0.4em - 0.5px);
height: 1px;
}
.steps.is-thin.is-horizontal .steps-content {
margin-top: 0.8em;
}
.steps.is-thin.is-horizontal.has-content-centered .steps-segment:not(:last-child):after {
left: calc(50% + 0.4em);
right: calc(-50% + 0.4em);
}
.steps.is-thin.is-horizontal.has-content-centered .steps-marker {
position: absolute;
left: calc(50% - 0.4em);
}
.steps.is-thin.is-horizontal.has-gaps .steps-segment:not(:last-child):after, .steps.is-thin.is-horizontal .steps-segment.has-gaps:not(:last-child):after {
left: 1.2em;
right: 0.4em;
}
.steps.is-thin.is-horizontal.has-content-centered.has-gaps .steps-segment:not(:last-child):after, .steps.is-thin.is-horizontal.has-content-centered .steps-segment.has-gaps:not(:last-child):after {
left: calc(50% + 0.8em);
right: calc(-50% + 0.8em);
}
.header {
position: absolute;
display: flex;
justify-content: space-between;
align-items: center;
transition: background opacity 0.3s ease-out;
top: 0;
left: 0;
width: 100%;
z-index: 101;
}
.header:before {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: -1;
}
.header > * {
flex: 1;
/*a { color: currentColor; }*/
}
.header .logo svg {
position: absolute;
width: 40px;
height: 40px;
}
.header .spacer {
flex: 1;
}
.header .phone {
flex: 0 0 auto;
padding: 0 5px;
font-size: 1.2em;
font-weight: normal;
}
.header .phone img {
width: 25px;
vertical-align: middle;
}
.header .phone a {
color: currentColor;
}
.header .social {
flex: 0 0 auto;
padding: 0 5px;
}
.header .shop-cart {
flex: 0 0 auto;
padding: 0 5px;
color: #333;
}
.header .menu-toggle {
flex: 0 0 50px;
}
@media (min-width: 992px) {
.header.main:not(.fixed) {
height: 140px;
/*background: transparent; */
}
.header.main:not(.fixed) > *, .header.main:not(.fixed) > * a {
color: white;
}
.header.main:not(.fixed) .logo {
/* @media (max-width: 991px) {
flex: 0 0 100px;
svg {
width: 90px;
height: 60px;
left: 10px;
top: 10px;
}
}*/
}
.header.main:not(.fixed) .logo svg {
position: absolute;
height: 100px;
z-index: 999;
}
}
@media (min-width: 992px) and (min-width: 992px) {
.header.main:not(.fixed) .logo {
flex: 0 0 180px;
}
.header.main:not(.fixed) .logo svg {
width: 180px;
height: 140px;
left: 20px;
top: 20px;
}
}
@media (min-width: 992px) {
.header.main:not(.fixed) .social {
display: none;
}
}
@media (min-width: 992px) {
.header.main:not(.fixed) .phone {
font-size: 1.7em;
text-align: center;
}
}
@media (max-width: 991px) {
.header.main:before {
content: " ";
position: absolute;
background: #333;
height: 60px;
}
.header.main > *, .header.main a {
color: white;
}
.header.main .top-menu-desktop {
display: none;
}
.header.main .logo {
flex: 0 0 70px;
height: 60px;
}
.header.main .logo svg {
width: 60px;
height: 44px;
top: 6px;
left: 19px;
}
}
@media (max-width: 991px) and (max-width: 700px) {
.header.main .logo {
flex: 0 0 70px;
}
}
@media (max-width: 991px) and (max-width: 359px) {
.header.main .logo {
display: none;
}
}
@media (max-width: 991px) {
.header.main .phone {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
}
@media (max-width: 991px) {
.header.main .menu-toggle {
display: block;
height: 60px;
}
}
@media (max-width: 991px) and (max-width: 600px) {
.header.main .phone img, .header.main .social {
display: none;
}
}
.header:not(.main) {
color: black;
height: 60px;
position: relative;
}
.header:not(.main):before {
background: white;
border-bottom: 1px solid #ccc;
}
.header:not(.main) > *, .header:not(.main) > * a {
color: #333;
}
.header:not(.main) .logo {
flex: 0 0 97px;
height: 60px;
}
.header:not(.main) .logo svg {
width: 60px;
height: 44px;
top: 6px;
left: 19px;
}
@media (max-width: 991px) {
.header:not(.main):before {
content: " ";
position: absolute;
background: #333;
height: 60px;
}
.header:not(.main) > *, .header:not(.main) a {
color: white;
}
.header:not(.main) .top-menu-desktop {
display: none;
}
.header:not(.main) .logo {
flex: 0 0 70px;
height: 60px;
}
.header:not(.main) .logo svg {
width: 60px;
height: 44px;
top: 6px;
left: 19px;
}
}
@media (max-width: 991px) and (max-width: 700px) {
.header:not(.main) .logo {
flex: 0 0 70px;
}
}
@media (max-width: 991px) and (max-width: 359px) {
.header:not(.main) .logo {
display: none;
}
}
@media (max-width: 991px) {
.header:not(.main) .phone {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
}
@media (max-width: 991px) {
.header:not(.main) .menu-toggle {
display: block;
height: 60px;
}
}
@media (max-width: 991px) and (max-width: 600px) {
.header:not(.main) .phone img, .header:not(.main) .social {
display: none;
}
}
.header.fixed {
position: fixed;
color: #333;
left: 0;
top: 0;
width: 100%;
height: 60px;
}
.header.fixed:before {
height: 60px;
background: white;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
transition: height 0.5s;
}
@media (min-width: 992px) {
.header.fixed:before {
border-bottom: 1px solid #ccc;
}
}
.header.fixed > * {
color: #333;
}
.header.fixed:not(.main) ~ .header-dummy {
height: 60px;
}
.header.fixed .logo {
flex: 0 0 97px;
height: 60px;
}
.header.fixed .logo svg {
width: 60px;
height: 44px;
top: 6px;
left: 19px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.header.fixed .phone {
display: none;
}
}
@media (max-width: 991px) {
.header.fixed:before {
content: " ";
position: absolute;
background: #333;
height: 60px;
}
.header.fixed > *, .header.fixed a {
color: white;
}
.header.fixed .top-menu-desktop {
display: none;
}
.header.fixed .logo {
flex: 0 0 70px;
height: 60px;
}
.header.fixed .logo svg {
width: 60px;
height: 44px;
top: 6px;
left: 19px;
}
}
@media (max-width: 991px) and (max-width: 700px) {
.header.fixed .logo {
flex: 0 0 70px;
}
}
@media (max-width: 991px) and (max-width: 359px) {
.header.fixed .logo {
display: none;
}
}
@media (max-width: 991px) {
.header.fixed .phone {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
}
@media (max-width: 991px) {
.header.fixed .menu-toggle {
display: block;
height: 60px;
}
}
@media (max-width: 991px) and (max-width: 600px) {
.header.fixed .phone img, .header.fixed .social {
display: none;
}
}
@media (max-width: 767px) {
.header.fixed:before, .header.fixed:not(.main) ~ .header-dummy {
height: 50px;
}
.header.fixed .logo svg {
height: 37px;
}
}
.menu-toggle {
display: none;
cursor: pointer;
position: relative;
z-index: 101;
}
.menu-toggle:hover {
color: white;
}
.menu-toggle:hover .hamburger .menui {
background: white;
}
.menu-toggle.menu-opened:hover {
color: white;
}
.crosssSite {
position: fixed;
z-index: 9999;
left: 0;
bottom: 0;
background: #000;
padding: 10px;
display: block;
}
.hamburger {
position: absolute;
z-index: 1001;
right: 0;
top: 0;
}
.hamburger.is-active, .header.fixed ~ .hamburger {
position: fixed;
}
@media (min-width: 992px) {
.hamburger {
display: none;
}
}
.footer {
background-color: #333;
padding: 50px 0;
color: #fff;
/*
.wrapper {
padding-left: 15px;
padding-right: 15px;
}*/
/*
.flex-row {
-ms-flex-pack: justify;
justify-content: space-between;
}*/
}
.footer .columns {
flex-wrap: wrap;
}
.footer .column {
flex: 1;
}
.footer a {
color: currentColor;
}
.footer a:hover {
color: currentColor;
}
.footer h4 {
margin: 0;
color: #fff;
font-size: 1.2em;
margin-bottom: 0.5em;
}
.footer p {
font-size: 15px;
margin-bottom: 1em;
line-height: 190%;
}
.footer img {
width: 20px;
height: 20px;
vertical-align: middle;
}
.footer .wa-block {
position: relative;
width: 32px;
height: 32px;
}
.footer .wa-block svg {
width: 32px;
height: 32px;
}
.footer .developed-by {
font-size: 13px;
}
.footer .developed-by a {
text-decoration: underline;
}
.footer .logo {
display: block;
width: 100%;
}
.footer .logo svg {
width: 95px;
height: 95px;
margin-top: -40px;
}
.footer .last.column {
text-align: left;
}
.footer .column > *:last-child {
margin-bottom: 0;
}
.footer .inner {
margin: 0 auto;
max-width: 1100px;
padding: 0 20px;
}
@media (max-width: 991px) {
.footer .columns {
padding: 0 50px;
}
.footer .last.column {
border-top: 1px solid #4a4a4a;
padding-top: 30px;
text-align: center;
flex: 0 0 100%;
}
.footer .logo svg {
margin-top: 0;
}
}
@media (max-width: 767px) {
.footer .column {
/*padding: 0 50px 50px;*/
text-align: center;
}
.footer .second.column {
border-top: 1px solid #4a4a4a;
padding-top: 30px;
margin-top: 30px;
flex: 0 0 100%;
}
.footer .logo svg {
width: 140px;
height: 140px;
}
}
@keyframes spinAround {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.spin:hover {
color: #9bc83c;
}
.spin::before {
border: 3px solid transparent;
}
.spin::after {
border: 0 solid transparent;
}
.spin:hover::before {
border-top-color: #9bc83c;
border-right-color: #9bc83c;
border-bottom-color: #9bc83c;
transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.spin:hover::after {
border-top: 3px solid #9bc83c;
border-left-width: 3px;
border-right-width: 3px;
-ms-transform: rotate(270deg);
transform: rotate(270deg);
transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}
.circle {
border-radius: 100%;
box-shadow: none;
}
.circle::before {
border-radius: 100%;
}
.circle::after {
border-radius: 100%;
}
.team-block {
padding-bottom: 30px;
}
.team-block label {
font-size: 2em;
font-weight: 200;
line-height: 100%;
letter-spacing: -1px;
margin-bottom: 0.2em;
display: block;
}
.team-block h3 {
color: #9bc83c;
display: block;
font-family: Roboto Slab, sans-serif;
font-size: 1em;
font-weight: 700;
padding-bottom: 25px;
padding-top: 0;
text-transform: uppercase;
}
.team-block p {
font-weight: 300;
}
.team-block figcaption {
-ms-flex: 1 0 100%;
flex: 1 0 100%;
width: 100%;
position: relative;
}
.team-block .frame {
margin: 0 auto;
max-width: 360px;
position: relative;
}
@media (min-width: 992px) {
.team-block figure {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.team-block .frame {
flex: 0 0 25%;
}
.team-block figcaption {
flex: 1;
padding-left: 15px;
}
}
@media (max-width: 575px) {
.team-block {
padding-bottom: 0;
}
.team-block p {
padding: 0 15px;
}
.team-block h3 {
margin-top: 25px;
}
.team-block .frame {
flex: 0 0 100%;
right: 0;
width: 100%;
}
}
@media (max-width: 767px) {
.team-block {
width: 100%;
}
.team-block label {
padding-left: 15px;
padding-right: 15px;
line-height: 1.2;
}
}
@media (max-width: 991px) {
.team-block h3, .team-block label {
text-align: center;
}
}
.circular-effect {
position: relative;
margin: 5%;
}
.circular-effect img {
display: block;
border-radius: 50%;
width: 100%;
}
.circular-effect .effect-holder {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
/*
.team-block figure {
clear: both;
margin-bottom: 30px;
-ms-flex-align: center;
align-items: center
}
.team-block figure label {
font-size: 2em;
font-weight: 200;
letter-spacing: -1px;
margin-bottom: 0;
display: block
}
.team-block figure p {
font-weight: 300
}
.team-block figure figcaption {
-ms-flex: 1 0 100%;
flex: 1 0 100%;
width: 100%;
position: relative
}
@media (min-width:992px) {
.team-block figure figcaption {
-ms-flex: 3 0 75%;
flex: 3 0 75%;
max-width: 75%;
padding-left: 15px
}
}
.team-block figure .frame {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
right: -25%;
width: 100%;
position: relative
}
@media (min-width:992px) {
.team-block figure .frame {
-ms-flex: 1 0 25%;
flex: 1 0 25%;
max-width: 25%;
position: relative;
right: 0
}
}
.team-block figure .effect-holder {
position: absolute;
left: 5%;
right: 5%;
padding-bottom: 90%;
top: 50%;
transform: translateY(-50%);
overflow: hidden
}
.team-block figure img {
display: block;
border-radius: 400px;
width: 90%;
max-width: 90%;
margin: 5%
}
@media (max-width:767px) {
.team-block {
float: none;
width: 100%
}
}
*/
.slick-dots {
position: absolute;
z-index: 10;
bottom: -30px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots button:before {
font-family: "slick";
font-size: 37px;
line-height: 20px;
position: absolute;
color: #9bc83c;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "•";
text-align: center;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots .slick-active button:before {
opacity: 0.75;
}
.events .outer-box {
margin: 30px 0 30px;
}
@media (max-width: 767px) {
.events .outer-box {
position: relative;
}
}
.events .outer-box .left, .events .outer-box .right {
flex: 1;
position: relative;
}
.events .outer-box .left {
z-index: 2;
flex: 0 0 45%;
}
@media (max-width: 1199px) and (min-width: 992px) {
.events .outer-box .left {
flex: 0 0 33%;
}
}
@media (max-width: 991px) {
.events .outer-box .left {
display: none;
}
}
.events .outer-box .right {
z-index: 1;
}
@media (max-width: 991px) {
.events .outer-box .text-box {
max-width: 500px;
margin: 0 auto;
}
}
.outer-box .left .frame {
padding: 10px;
transform: translateX(30px);
}
.outer-box p {
margin: 0 0 25px;
font-size: 0.9em;
color: #444;
}
.outer-box h3 {
font: 700 20px/20px Roboto Slab, sans-serif;
text-align: left;
padding-right: 80px;
}
.outer-box h4 {
margin-top: 25px;
}
.outer-box .social {
position: absolute;
right: 15px;
top: 15px;
z-index: 10;
text-align: right;
}
@media (min-width: 992px) and (max-width: 1199px) {
.outer-box .social {
right: 20px;
top: 15px;
}
}
@media (max-width: 767px) {
.outer-box .social {
right: 30px;
top: 15px;
}
}
.outer-box .social .social-title {
display: block;
font-size: 13px;
}
.outer-box .social li a {
outline: 0 !important;
}
.outer-box .frame {
position: relative;
background: #fff;
border: 1px solid #ccc;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
.outer-box .frame {
width: auto;
}
}
.outer-box .frame img {
display: block;
width: 100%;
height: auto;
}
.outer-box .text-box {
border: 1px solid #ccc;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
display: block;
padding: 30px;
}
@media (min-width: 992px) {
.outer-box .text-box {
padding-left: 60px;
}
}
.outer-box .text-box p {
margin-bottom: 10px;
}
.outer-box .text-box .btn-row {
/*padding: 15px;*/
/*position: absolute;*/
left: 0;
bottom: 10px;
text-align: center;
}
.outer-box .text-box .btn-green {
width: 190px;
display: inline-block;
vertical-align: middle;
margin: 0;
}
.outer-box .detail-row {
padding: 0 0 20px;
}
.outer-box .detail-row svg {
width: 18px;
height: 19px;
color: #9bc83c;
}
.outer-box .detail-row svg,
.outer-box .detail-row b {
display: inline-block;
vertical-align: middle;
}
.outer-box .detail-row b {
color: #444;
padding: 0 20px 0 0;
}
.outer-box .detail-row h3 {
margin: 0 0 15px;
}
.outer-box .slick-prev {
left: 50%;
margin-left: -45px;
bottom: -50px;
top: auto;
}
.outer-box .slick-next {
right: 50%;
margin-right: -45px;
bottom: -50px;
top: auto;
}
.event-card {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
padding: 20px;
margin-bottom: 2rem;
position: relative;
min-height: 290px;
display: flex;
flex-wrap: wrap;
padding-bottom: 75px;
}
.event-card > * {
flex: 1;
}
.event-card .desc {
margin-bottom: 15px;
}
.event-card .thumb {
position: relative;
padding-top: 100%;
}
.event-card .thumb img {
position: absolute;
left: 0;
top: 0;
width: 100%;
display: block;
}
/*
@media (max-width: 76px) {
.event-card {
padding-bottom: 60px;
}
}
@media (min-width: 768px) {
.event-card {
padding-bottom: 75px;
}
}*/
.event-card .heading {
font-weight: 700;
font-family: "Roboto Slab", sans-serif;
font-size: 1.4em;
text-transform: uppercase;
}
.event-card.-future .heading a {
color: #9bc83c;
}
.event-card.-future .heading a:hover {
color: #a349a4;
}
.event-card.-future .date-detail-row svg {
color: #9bc83c;
}
.event-card.-past .heading a {
color: #a349a4;
}
.event-card.-past .heading a:hover {
color: #9bc83c;
}
@media (min-width: 768px) {
.event-description {
padding-right: 20px;
flex: 1;
}
.event-thumb {
flex: 0 0 250px;
order: 1;
}
}
@media (max-width: 767px) {
.event-thumb {
flex: 0 0 100%;
margin-bottom: 1rem;
}
}
@media (min-width: 768px) {
.event-card .events-list-btns {
position: absolute;
bottom: 1rem;
left: 1rem;
text-align: left;
}
.event-card .btn-row .btn-green {
position: static;
display: inline-block;
margin-right: 10px;
}
}
.btn-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.btn-row > * {
padding: 5px;
display: inline-block;
}
.instagram {
display: flex;
flex-wrap: wrap;
}
.instagram figure {
flex: 1 0 10%;
width: 10%;
}
.instagram figure img {
display: block;
width: 100%;
}
.instagram {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.instagram figure {
-ms-flex: 1 0 10%;
flex: 1 0 10%;
width: 10%;
}
.fullscreen_slider,
.instagram figure img {
display: block;
width: 100%;
}
#eapps-instagram-feed-1 .eapps-instagram-feed-title {
font-family: Roboto, sans-serif;
font-size: 2.625em;
font-weight: 200;
letter-spacing: 0;
padding: 30px 10px;
}
.fullscreen_slider {
width: 100%;
height: 100%;
display: block;
position: relative;
}
.fullscreen_slider .slide {
width: 100%;
height: 100vh;
background-position: center center;
background-size: cover;
}
.fullscreen_slider .slide .filter-overlay {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.fullscreen_slider .slide .front {
width: 100%;
height: 100%;
position: absolute;
z-index: 50;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
top: 40px;
text-align: center;
padding: 0 15px;
}
.fullscreen_slider .slide .front p {
font-size: 22px;
color: #fff;
font-family: "Roboto Slab", sans-serif;
font-weight: 700;
}
.fullscreen_slider .slide h1 {
color: #fff;
font-size: 3.998em;
margin: 0 0 30px 0;
font-weight: 200;
}
.fullscreen_slider .slide a {
color: #fff;
}
.fullscreen_slider .slide .swiper-pagination {
z-index: 100;
position: absolute;
right: 40px;
bottom: 100px;
}
.fullscreen_slider #tags_cloud {
position: absolute;
left: 0;
right: 0;
bottom: 0;
color: #fff;
z-index: 100;
height: 0;
padding-bottom: 26%;
}
.fullscreen_slider #tags_cloud svg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.fullscreen_slider #tags_cloud a text {
color: #fff;
transition: color 0.35s ease-out, opacity 0.35s ease-out;
}
.fullscreen_slider #tags_cloud a:hover text {
color: #9bc83c;
opacity: 1;
transition: color 0.35s ease-out, opacity 0.35s ease-out;
}
@media (max-width: 767px) {
#tags_cloud {
display: none;
}
.fullscreen_slider .slide h1 {
font-size: 3em;
}
}
.fullscreen_slider {
height: 100%;
position: relative;
}
.fullscreen_slider .slide {
width: 100%;
height: 100vh;
background-position: 50%;
background-size: cover;
}
.fullscreen_slider .slide .filter-overlay {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.fullscreen_slider .slide .front {
width: 100%;
height: 100%;
position: absolute;
z-index: 50;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
top: 40px;
text-align: center;
padding: 0 15px;
}
.fullscreen_slider .slide .front p {
font-size: 22px;
color: #fff;
font-family: Roboto Slab, sans-serif;
font-weight: 700;
}
.fullscreen_slider .slide h1 {
color: #fff;
font-size: 3.998em;
margin: 0 0 30px;
font-weight: 200;
}
.fullscreen_slider .slide a {
color: #fff;
}
.fullscreen_slider .slide .swiper-pagination {
z-index: 100;
position: absolute;
right: 40px;
bottom: 100px;
}
.fullscreen_slider #tags_cloud {
position: absolute;
left: 0;
right: 0;
bottom: 0;
color: #fff;
z-index: 100;
height: 0;
padding-bottom: 26%;
}
.fullscreen_slider #tags_cloud svg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.fullscreen_slider #tags_cloud a text {
color: #fff;
transition: color 0.35s ease-out, opacity 0.35s ease-out;
}
.fullscreen_slider #tags_cloud a:hover text {
color: #9bc83c;
opacity: 1;
transition: color 0.35s ease-out, opacity 0.35s ease-out;
}
@media (max-width: 767px) {
#tags_cloud {
display: none;
}
.fullscreen_slider .slide h1 {
font-size: 3em;
}
}
.filters form {
opacity: 0;
transition: all 0.2s;
max-height: 0;
overflow: hidden;
}
.filters.open form {
opacity: 1;
transition: all 0.2s;
max-height: 250px;
}
.filters .toggle {
text-align: center;
padding-bottom: 20px;
}
.filters .toggle a {
color: #222;
text-decoration: underline;
}
.vflex {
display: flex;
flex-direction: column;
height: 100%;
}
.sidebar-layout {
display: flex;
flex-wrap: wrap;
padding: 0 20px;
}
.sidebar-layout > * {
flex: 1;
}
.sidebar-layout > .sidebar {
flex: 0 0 33.3333333333%;
}
.sidebar-layout > .content {
order: 2;
}
@media (max-width: 991px) {
.sidebar-layout .content {
order: 1;
}
.sidebar-layout .sidebar {
order: 2;
flex: 0 0 100%;
}
}
.activities-sidebar:not(.all) .activity-item:nth-child(n+11) {
display: none;
}
.activities-sidebar.all .show-all {
display: none;
}
.activities-sidebar {
padding-left: 15px;
padding-right: 15px;
font-size: 0.85em;
transition: 0.35s ease-out;
z-index: 10;
/*overflow: hidden;*/
}
@media (min-width: 992px) {
.activities-sidebar- {
position: absolute;
left: 0;
bottom: 6em;
top: 0;
width: 33.33%;
}
}
.activities-sidebar ul,
.activities-sidebar ol {
padding-left: 1.1em;
margin-bottom: 1em;
}
.activities-sidebar h2 {
font-weight: 500;
font-size: 1.4em;
display: block;
text-align: center;
text-transform: uppercase;
color: #9bc83c;
letter-spacing: -0.02em;
padding-top: 20px;
}
.activities-sidebar h3 {
text-align: left;
font-weight: 400;
font-size: 1.4em;
display: block;
text-align: left;
margin-top: 0;
margin-bottom: 0.5em;
}
.activity-icons {
display: flex;
}
.activity-icons > * {
padding: 10px;
text-align: center;
font-size: 0.8em;
}
.activity-icons > *:first-child {
padding-left: 0;
}
.activity-icons svg {
width: 30px;
height: 30px;
display: block;
margin: 0 auto 10px;
color: #9bc83c;
}
.activities-block {
position: relative;
}
.activities-block:not(.slick-initialized) > *:not(:first-child) {
display: none;
}
.activities-block .item {
display: flex;
width: 100%;
}
.activities-block .item > * {
flex: 1;
position: relative;
}
.activities-block .frame {
transform: translateX(-1px);
padding: 10px;
}
.activities-block .text-box {
height: 100%;
padding: 0;
background: #fff;
position: relative;
}
.activities-block .box-content {
padding: 30px 60px 50px;
flex: 1;
}
.activities-block .btn-group {
flex: 0 0 auto;
text-align: center;
padding: 0 20px 30px;
}
.activities-block h3, .activities-block h3 a {
color: #333;
}
@media (min-width: 1200px) {
.activities-block .item {
align-items: center;
}
.activities-block .vflex {
min-height: 460px;
}
.activities-block .slick-prev {
left: 15px;
}
.activities-block .slick-next {
right: 15px;
}
}
@media (max-width: 991px) {
.activities-block .box-content {
padding: 30px 60px;
}
.activities-block .right {
display: none;
}
.activities-block .slick-prev {
left: 15px;
}
.activities-block .slick-next {
right: 15px;
}
}
@media (max-width: 767px) {
.activities-block {
/*padding: 0 15px;*/
/*.slick-arrow { display: none !important; }*/
}
.activities-block .text-box {
margin: 0 15px;
}
.activities-block .box-content {
padding: 30px;
}
}
/*
.activities-block .wrapper:not(.single-item):not(.slick-initialized) .item+.item {
display: none;
}*/
/*
.activities-block {
&:not(.slick-slider) {
.item:not(:first-child) { display: none; }
}
}*/
/*
.activities-block .outer-box {
padding: 0 4px;
}
@media (max-width: 767px) {
.activities-block .outer-box {
max-width: 500px;
margin: 0 auto 0;
padding: 15px;
}
}
.activities-block .outer-box .left {
z-index: 1;
}
.activities-block .outer-box .right {
z-index: 2;
}
.activities-block .outer-box .right .frame {
padding: 10px;
width: 100%;
}
.activities-block .outer-box .text-box {
left: 0;
right: -31px;
background-color: #fff;
}
.activities-block .outer-box .text-box a:hover {
text-decoration: underline;
}
.activities-block .outer-box .social {
right: auto;
left: 39%;
top: 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
.activities-block .outer-box .social {
right: 15px;
left: auto;
}
}
.activities-block .btn-row a:last-child {
margin-left: 12px;
}
.activities-block h3 a {
color: #333;
}
.activities-block h3 a:hover {
color: #9bc83c;
}
.activity-icons .col {
padding: 10px;
text-align: center;
font-size: 0.8em;
}
.activity-icons .col svg {
width: 30px;
height: 30px;
display: block;
margin: 0 auto 10px;
color: #9bc83c;
}
@media (max-width: 991px) {
.activities-block .right {
display: none;
}
.activities-block .outer-box .text-box {
padding: 6% 60px 16% 60px;
position: relative;
margin: 0 auto;
right: 0 !important;
}
.activities-block .outer-box .left {
max-width: 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
@media (max-width: 767px) {
.activities-block .outer-box .social {
right: 20px;
left: auto;
}
.activities-block .item:nth-of-type(n+4) {
display: none;
}
.activities-block .outer-box .text-box {
padding: 15px 15px 130px 15px;
}
}
@media (max-width: 575px) {
.what_we_do {
padding-bottom: 0;
}
.what_we_do .p {
padding: 0 15px;
}
}
@media (max-width: 410px) {
.activities-block .btn-row a {
display: block !important;
margin: 10px auto 0 !important;
}
}
*/
.reviews {
display: flex;
flex-wrap: wrap;
font-size: 14px;
}
.reviews > * {
flex: 0 0 50%;
padding: 0 20px 3em;
}
@media (max-width: 991px) {
.reviews > * {
flex: 0 0 100%;
}
}
.reviews .date {
font-size: 1.4em;
color: #9bc83c;
font-weight: 700;
font-family: "Roboto Slab", sans-serif;
padding-bottom: 10px;
}
.reviews .text {
font-weight: 300;
font-style: italic;
line-height: 30px;
}
.reviews .name {
font-size: 110%;
font-weight: 400;
padding-top: 10px;
}
.top-menu-desktop li.active > a {
text-decoration: underline;
}
@media (min-width: 992px) {
.top-menu-desktop {
/*position: absolute;
top: 0;*/
white-space: nowrap;
text-align: left;
font-size: 13px;
font-weight: 700;
letter-spacing: 1px;
}
.top-menu-desktop a {
color: currentColor;
display: block;
position: relative;
text-transform: uppercase;
transition: color ease-out 0.3s;
}
.top-menu-desktop a:hover {
text-decoration: underline;
}
.top-menu-desktop ul.level-1 {
display: flex;
justify-content: flex-end;
}
.top-menu-desktop ul.level-2 {
visibility: hidden;
opacity: 0;
position: absolute;
z-index: 1;
border: 1px solid #ccc;
left: -15px;
min-width: 165px;
padding: 15px;
text-align: left;
transition: all 0.35s ease-in-out;
line-height: 200%;
transform: translateY(10%);
margin-top: -1px;
}
.header:not(.main) .top-menu-desktop ul.level-2 {
background: #fff;
}
.top-menu-desktop li.level-1 {
position: relative;
}
.top-menu-desktop li.level-1 > a {
padding: 21px 9px;
}
.top-menu-desktop li.level-1:hover ul.level-2 {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
.fixed .top-menu-desktop ul.level-2 {
background: #fff;
border-color: #ccc;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.fixed .top-menu-desktop a:hover {
color: #333;
text-decoration: underline;
}
}
@media (min-width: 1200px) {
.top-menu-desktop {
left: 210px;
right: 400px;
text-align: right;
}
}
@media (max-width: 991px) {
.top-menu-mobile {
position: fixed;
z-index: 1000;
right: 0;
background: #333;
width: 216px;
max-width: initial;
height: auto;
bottom: 0;
overflow: auto;
top: 0;
padding-top: 60px;
transform: translateX(100%);
transition: all 0.3s;
}
}
@media (max-width: 991px) and (max-width: 575px) {
.top-menu-mobile {
width: 100%;
}
}
@media (max-width: 991px) {
.top-menu-mobile li.level-1.has-childs:before {
position: absolute;
height: 16px;
width: 16px;
right: 16px;
font-size: 16px;
cursor: pointer;
top: 0.75rem;
text-align: center;
content: " ";
transition: all 0.3s;
background: url("../themes/shale/assets/img/down.svg");
background-size: 100%;
transform: rotateZ(-90deg);
display: block;
transition: all 0.3s;
/*color: #fff;*/
}
.top-menu-mobile li.level-1.has-childs.open:before {
transform: rotateZ(0);
}
}
@media (max-width: 991px) {
.top-menu-mobile .level-2 > a {
padding-left: 2em;
font-weight: normal;
}
}
@media (max-width: 991px) {
.top-menu-mobile.open {
transform: translateX(0px);
}
}
@media (max-width: 991px) {
.top-menu-mobile ul {
height: 100%;
margin-bottom: -1px;
}
.top-menu-mobile ul > li {
height: auto;
display: block;
line-height: normal;
position: relative;
text-align: left;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.top-menu-mobile ul a {
line-height: normal;
text-transform: uppercase;
font-size: 13px;
height: 100%;
display: block;
font-weight: 700;
position: relative;
transition: all ease-out 0.3s;
letter-spacing: 1px;
padding: 0.75rem 1rem;
color: #fff;
}
.top-menu-mobile ul a:hover {
background-color: rgba(255, 255, 255, 0.1);
}
}
@media (max-width: 991px) {
.top-menu-mobile .s-menu {
transition: all 0.3s;
visibility: hidden;
overflow: hidden;
max-height: 0;
opacity: 0;
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.top-menu-mobile .s-menu li {
background-color: #4d4d4d;
}
}
@media (max-width: 991px) {
.top-menu-mobile .sub-toggle {
height: 15px;
width: 15px;
right: 15px;
cursor: pointer;
top: 0.75rem;
transform: rotateZ(-90deg);
display: inline-block;
transition: all 0.3s;
}
}
@media (max-width: 991px) {
.top-menu-mobile li.open .s-menu {
visibility: visible;
max-height: 170px;
opacity: 1;
}
}
@media (min-width: 992px) {
.top-menu-mobile {
display: none;
}
}
.filter {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 1em;
font-size: 90%;
white-space: nowrap;
padding: 5px 0;
}
.filter > * {
-ms-flex: 1;
flex: 1;
margin: 0 5px;
cursor: pointer;
background: #9bc83c;
font: 700 1em Roboto, sans-serif;
padding: 10px 12px;
text-align: center;
text-transform: uppercase;
color: #fff;
transition: all 0.2s ease-out;
text-decoration: none !important;
border: 1px solid transparent;
padding: 5px;
cursor: pointer;
}
.filter > *:hover {
background: transparent;
border: 1px solid #ccc;
background: #fff;
color: #444;
}
.filter > *:focus {
outline: 0 !important;
}
.filter > *.active {
background: #a349a4;
}
.filter > *.active:hover {
color: white;
opacity: 0.5;
}
#showHideFilter {
text-decoration: underline;
width: 100%;
display: inline-block;
text-align: center;
color: #000;
margin-bottom: 1em;
}
@media (max-width: 991px) {
.filters .col-2-2 div {
width: 50%;
float: left;
}
.filters .col-2-2 div:first-child {
padding-right: 15px;
}
}
.breadcrumbs {
padding-top: 18px;
padding-bottom: 1em;
}
.breadcrumbs a {
color: #333;
}
.breadcrumbs * + *:before {
content: " / ";
}
.purchase {
display: flex;
align-items: center;
padding-bottom: 10px;
}
.purchase > * {
flex: 1;
padding-right: 15px;
}
.purchase .pic-cell {
flex: 0 0 90px;
}
.purchase .price-cell {
flex: 0 0 auto;
font-size: 16px;
font-family: "Roboto Slab", sans-serif;
white-space: nowrap;
}
.purchase .price-cell span {
display: block;
}
.purchase .price-cell .old {
position: relative;
}
.purchase .price-cell .new {
color: #e81c28;
}
.purchase .price-cell .old:before {
content: " ";
display: block;
position: absolute;
width: 100%;
top: 10px;
border-top: 3px solid #e81c28;
}
.purchase .delete-cell {
flex: 0 0 auto;
padding-right: 0;
}
.purchase h3 {
margin: 0 0 8px;
font-weight: bold;
font-family: "Roboto Slab", sans-serif;
font-size: 1.4em;
display: block;
text-transform: uppercase;
}
.total {
display: flex;
border-top: 1px solid #eee;
padding-top: 20px;
font-weight: bold;
font-family: "Roboto Slab", sans-serif;
font-size: 1.4em;
text-transform: uppercase;
font-size: 1em;
color: #333;
}
.total > * {
flex: 1;
padding-left: 15px;
}
.total .delete-cell {
flex: 0 0 auto;
}
.basket-widget {
text-align: right;
position: relative;
}
.basket-widget .cart-icon {
padding: 5px;
width: 60px;
position: relative;
}
.basket-widget .cart-icon svg {
width: 25px;
display: block;
height: 25px;
position: relative;
left: -1px;
}
.basket-widget .price-cell {
white-space: nowrap;
text-align: right;
font-family: "Roboto Slab", sans-serif;
}
.basket-widget .inner {
width: 50px;
height: 50px;
border: 2px solid #222;
border-radius: 50%;
padding: 11px;
text-align: center;
}
@media (max-width: 991px) {
.basket-widget .inner {
background: #fff;
border-color: #222;
color: #222;
}
}
.main .basket-widget .inner {
border-color: #fff;
}
.fixed .basket-widget .inner {
background-color: #fff;
border: 2px solid #333;
}
.basket-widget .counter {
display: block;
position: absolute;
right: 0;
top: 4px;
width: 18px;
height: 18px;
color: white;
background: #a349a4;
text-align: center;
font-size: 11px;
line-height: 18px;
border-radius: 50%;
}
.basket-widget.count-0 .counter {
display: none;
}
.basket-widget .items {
width: 320px;
text-align: left;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
position: absolute;
right: 0;
background: #fff;
color: #222;
padding: 15px;
transform: translateY(30px);
margin-top: 10px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.basket-widget .items:after {
content: " ";
position: absolute;
right: 19px;
top: -10px;
border-top: none;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-bottom: 10px solid #fff;
}
.basket-widget .items a {
color: #222 !important;
}
@media (max-width: 991px) {
.basket-widget .items {
right: -30px;
}
}
.basket-widget .items .columns {
margin-bottom: 0 !important;
padding-bottom: 5px;
}
.basket-widget .items .columns + .columns {
border-top: 1px solid #eee;
padding-top: 5px;
}
.basket-widget.open .items {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.basket-widget .column > *:nth-child(1) {
-ms-flex: 0 0 40px;
flex: 0 0 40px;
}
.basket-widget .column > *:nth-child(1) img {
width: 100%;
}
.basket-widget .column > *:nth-child(2) {
-ms-flex: 1;
flex: 1;
padding: 0 10px;
}
.basket-widget .column > *:nth-child(3) {
-ms-flex: 0 0 20px;
flex: 0 0 20px;
}
.basket-widget .column:hover .delete {
display: block;
}
.basket-widget .item + .item {
border-top: 1px solid #eee;
padding-top: 7px;
}
.basket-widget .btn-green {
margin: 1em 0 0;
width: 100%;
}
.shopping-cart-layout {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.shopping-cart-layout .main {
-ms-flex: 1;
flex: 1;
padding-right: 30px;
}
.shopping-cart-layout .sidebar {
-ms-flex: 0 0 30%;
flex: 0 0 30%;
}
@media (max-width: 939px) {
.shopping-cart-layout .main {
padding: 0;
}
.shopping-cart-layout .sidebar {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.buy-button i {
font-size: 22px;
}
.buy-button:hover {
color: #444;
}
.store-categories {
padding-bottom: 50px;
}
.store-categories a.active,
.store-categories span.active {
font-weight: bold;
color: #fe4aa3;
}
.store-categories .img {
padding-top: 80%;
background-size: cover;
background-color: #eee;
}
.store-categories .title {
margin-top: 0;
margin-bottom: 0 !important;
padding: 0 !important;
}
.store-categories .title.is-2 {
font-size: 1.4em;
font-weight: 700;
font-family: "Roboto Slab", sans-serif;
text-transform: uppercase;
text-align: left;
}
.store-categories p {
margin-bottom: 0;
}
.store-categories .row {
padding-bottom: 15px;
}
.store-categories .row .col-4-1 {
padding-right: 0;
}
.store-categories .row + .row {
border-top: 1px solid #ccc;
padding-top: 15px;
}
.categories_list {
text-align: center;
}
.categories_list-tag {
display: inline-block;
margin: 5px;
padding: 2px 10px;
white-space: nowrap;
border: 1px solid #9bc83c;
color: #fff;
background-color: #9bc83c;
transition: 0.35s ease-in-out;
}
.categories_list-tag:hover {
background-color: transparent;
color: #444;
transition: 0.35s ease-in-out;
border-color: #ccc;
}
.stay-section .buttons-group {
padding: 4em;
text-align: center;
}
.stay-section .btn-green {
width: 290px;
margin: 10px;
}
@media (min-width: 768px) {
.stay-section .btn-green {
/*margin: 4em 8px;
display: inline-block;*/
}
}
#map {
height: 100%;
}
.map-section {
min-height: 400px;
width: 100%;
display: -ms-flexbox;
display: flex;
border-top: 1px solid #ddd;
}
.map-section .right {
-ms-flex: 1 0 50%;
flex: 1 0 50%;
width: 50%;
position: relative;
}
.map-section iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.map-section h2 {
text-align: left;
}
.map-section p {
font-weight: 300;
line-height: 24px;
}
.map-section .left {
-ms-flex: 1 0 50%;
flex: 1 0 50%;
width: 50%;
}
@media (max-width: 575px) {
.map .btn-green {
width: 190px;
}
}
@media (max-width: 767px) {
.map-section {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.map-section .btn-green {
display: inline-block;
vertical-align: middle;
}
.map-section .left {
-ms-flex: 1 0 100%;
flex: 1 0 100%;
width: 100%;
}
.map-section .map-inner {
padding: 0 25px;
}
.map-section .right {
-ms-flex: 1 0 100%;
flex: 1 0 100%;
width: 100%;
height: 400px;
}
.map-section iframe {
height: 400px;
position: relative;
}
}
.prices-section .variants {
margin: 2em auto;
max-width: 1200px;
}
.prices-section .field {
margin-top: 10px;
margin-bottom: 2em;
}
.prices-section .field label {
font-family: Roboto, sans-serif;
font-size: 14px;
}
.prices-section .field select {
color: #333;
font-size: 14px;
margin-bottom: 1em;
}
.prices-section .day {
width: 34px;
margin-left: 0;
margin-right: 5px;
}
.prices-section .year {
width: 34px;
margin-left: 5px;
}
.prices-section .hour {
width: 34px;
margin-left: 5px;
}
.prices-section .rent_type h2 {
margin-top: 0;
margin-bottom: 70px;
font-size: 2em;
font-weight: 300;
display: inline-block;
line-height: 40px;
letter-spacing: -1px;
}
.prices-section .rent_type h2.selected {
border-bottom: 1px solid #333;
}
.prices-section .rent_type h2 a {
color: #333;
}
.prices-section .rent_type h2:first-child {
margin-right: 40px;
}
.prices-section form {
margin-top: 2em;
margin-bottom: 4em;
}
.prices-section h3 {
font-size: 1.4em;
font-weight: 700;
font-family: "Roboto Slab", sans-serif;
text-transform: uppercase;
}
.prices-section .variants {
margin: 2em auto;
max-width: 1200px;
}
.prices-section .field {
margin-top: 10px;
margin-bottom: 2em;
}
.prices-section .field label {
font-family: Roboto, sans-serif;
font-size: 14px;
}
.prices-section .field select {
color: #333;
font-size: 14px;
margin-bottom: 1em;
}
.prices-section .day {
width: 34px;
margin-left: 0;
margin-right: 5px;
}
.prices-section .hour,
.prices-section .year {
width: 34px;
margin-left: 5px;
}
.prices-section .rent_type h2 {
margin-top: 0;
margin-bottom: 70px;
font-size: 2em;
font-weight: 300;
display: inline-block;
line-height: 40px;
letter-spacing: -1px;
}
.prices-section .rent_type h2.selected {
border-bottom: 1px solid #333;
}
.prices-section .rent_type h2 a {
color: #333;
}
.prices-section .rent_type h2:first-child {
margin-right: 40px;
}
.prices-section form {
margin-top: 2em;
margin-bottom: 4em;
}
.prices-section h3 {
font-size: 1.4em;
font-weight: 700;
font-family: Roboto Slab, sans-serif;
text-transform: uppercase;
}
.food-half-section.-left {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
background-position: 50%;
background-size: cover;
position: relative;
}
@media (max-width: 767px) {
.food-half-section.-left {
flex: 0 0 100%;
max-width: 100%;
height: auto;
}
}
.food-half-section.-left .food-container {
min-height: 100%;
color: #fff;
background: rgba(0, 0, 0, 0.5);
position: relative;
width: 100%;
padding: 0 30px;
}
@media (max-width: 767px) {
.food-half-section.-left .food-container {
padding: 50px 60px 100px;
}
}
@media (max-width: 575px) {
.food-half-section.-left .food-container {
padding: 50px 30px 100px;
}
}
.food-half-section.-left h2 {
color: #fff;
text-align: left;
margin-top: 0;
letter-spacing: normal;
padding: 0;
}
.food-half-section.-left p {
font-weight: 300;
line-height: 25px;
max-width: 500px;
}
.food-half-section.-right {
flex: 0 0 50%;
max-width: 50%;
overflow: hidden;
position: relative;
max-height: 600px;
/*box-shadow: 0 0 4px rgba(0, 0, 0, .1);*/
padding: 17px 25px;
}
@media (max-width: 767px) {
.food-half-section.-right {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
height: auto;
max-height: none;
padding: 60px 60px;
}
}
@media (max-width: 575px) {
.food-half-section.-right {
padding: 30px 30px;
}
}
.food-half-section.-right .food-container {
position: relative;
height: 100%;
}
.foodtab-content-part {
/*padding-bottom: 3em;*/
}
@media (max-width: 767px) {
.foodtab-content-part {
display: none;
}
.foodtab-content-part.current {
display: block;
}
}
@media (min-width: 768px) {
.foodtab-content-part {
transform: scale(0.9);
left: 0;
right: 0;
height: 100%;
visibility: hidden;
position: absolute;
overflow: hidden;
opacity: 0;
transition: all 0.3s;
}
.foodtab-content-part.current {
visibility: visible;
opacity: 1;
transform: scale(1);
}
}
.foodtab-content-part:hover .scroll-btn {
opacity: 1;
transition: opacity 0.35s ease-out;
}
.foodtab-content-title {
font-size: 1em;
text-align: left;
font-family: Roboto Slab, sans-serif;
font-weight: 700;
color: #9bc83c;
text-transform: uppercase;
margin: 0;
margin-bottom: 1em;
}
.foodtab-menu-item {
float: left;
width: 50%;
padding-right: 20px;
margin-bottom: 2rem;
}
.foodtab-menu-item:last-child {
margin-bottom: 0;
}
@media (max-width: 991px) {
.foodtab-menu-item {
width: 100%;
padding-right: 0;
}
}
.foodtab-menu-item .heading {
font-size: 1.2em;
font-family: Roboto Slab, sans-serif;
font-weight: bold;
margin-bottom: 10px;
width: 100%;
}
.foodtab-menu-item .content {
font-weight: 300;
line-height: 24px;
}
.foodtab-menu-item:nth-child(2n+2) {
clear: left;
}
.food-tabs-nav {
position: absolute;
font-size: 18px;
font-weight: 200;
}
@media (min-width: 768px) {
.food-tabs-nav {
top: 6px;
right: 15px;
}
}
@media (max-width: 767px) {
.food-tabs-nav {
left: 60px;
bottom: 15px;
}
}
@media (max-width: 575px) {
.food-tabs-nav {
left: 30px;
}
}
.food-tabs-nav li {
display: inline-block;
line-height: 40px;
}
.food-tabs-nav li a {
color: #fff;
transition: all 0.2s ease-out;
display: block;
text-shadow: 1px 1px 5px #000;
opacity: 1;
}
.food-tabs-nav li a:hover {
color: #fff;
border-bottom: 1px solid #fff;
transition: all 0.2s ease-out;
opacity: 0.8;
}
.food-tabs-nav li a:focus,
.food-tabs-nav li a:visited {
text-decoration: none;
outline: 0;
}
.food-tabs-nav li a.current {
border-bottom: 1px solid #fff;
}
.food-tabs-nav li + li {
margin-left: 20px;
}
.white-fade {
position: absolute;
height: 60px;
bottom: 0;
display: block;
left: 0;
right: 0;
z-index: 2;
background: linear-gradient(0deg, #fff 0, #fff 50%, #fff 51%, rgba(255, 255, 255, 0.16));
filter: progid:dximagetransform.microsoft.gradient(startcolorstr="#ffffff", endcolorstr="#ffffff", gradienttype=0);
}
@media (max-width: 767px) {
.white-fade {
display: none;
}
}
@media (max-width: 991px) {
.white-fade {
left: 0;
right: 0;
}
}
.half-panels {
height: 0;
width: 100%;
position: relative;
min-height: 600px;
}
@media (max-width: 767px) {
.half-panels {
height: auto;
}
}
@media (min-width: 768px) {
.half-panels .banner-content {
display: flex;
justify-content: center;
flex-direction: column;
height: 600px;
}
}
@media (max-width: 767px) {
.half-panels .banner-content {
/*
padding-top: 30px;
padding-bottom: 130px;*/
}
}
.half-panels .scroll-btn {
display: none;
}
@media (min-width: 768px) {
.half-panels .scroll-btn {
display: block;
width: 30px;
height: 30px;
position: absolute;
right: 30px;
background-size: contain;
outline: 0;
z-index: 3;
opacity: 0;
transition: opacity 0.35s ease-out;
}
}
.half-panels .scroll-btn:hover {
opacity: 1;
}
@media (min-width: 768px) {
.half-panels .scroll-btn[data-direction=down] {
bottom: 40px;
background: url(../themes/shale/assets/img/down.svg) no-repeat 0 0;
}
}
@media (min-width: 768px) {
.half-panels .scroll-btn[data-direction=up] {
top: 40px;
background: url(../themes/shale/assets/img/down.svg) no-repeat 0 0;
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@media (max-width: 767px) {
.half-panels .scroll-btn {
display: none;
}
}
.modal-close {
right: 10px !important;
top: 10px !important;
}
.md-container {
/*background: #e74c3c;*/
min-height: 100%;
}
.md-modal {
position: fixed;
top: 50%;
left: 50%;
width: 100%;
max-width: 520px;
/*min-width: 320px;*/
height: auto;
max-height: 95vh;
/*overflow: auto;*/
padding: 0 6px;
z-index: 2000;
visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.md-show {
visibility: visible;
}
.md-overlay {
position: fixed;
width: 100%;
height: 100%;
visibility: hidden;
top: 0;
left: 0;
z-index: 1000;
opacity: 0;
background: rgba(0, 0, 0, 0.8);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.md-show ~ .md-overlay {
opacity: 1;
visibility: visible;
}
/* Content styles */
.md-content {
position: relative;
border-radius: 3px;
margin: 0 auto;
/*min-width: 450px;*/
}
.modal-close:before, .modal-close:after {
background-color: #333 !important;
}
.md-content.fancy {
/*color: #222;*/
max-width: 550px !important;
width: inherit !important;
background: #fff url(../themes/shale/assets/img/pattern.svg);
border: 3px solid #9bc83c;
max-width: 550px;
position: relative;
padding: 40px 50px;
}
.md-content.fancy .f-group {
margin-bottom: 15px;
}
@media (max-width: 575px) {
.md-content.fancy {
padding: 40px 20px;
}
}
/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content {
-webkit-transform: translateY(10%);
-moz-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%);
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.md-show.md-effect-3 .md-content {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.yt-iframe {
width: 100%;
position: relative;
padding-top: 56%;
background: silver;
}
.yt-iframe > iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.block-youtube {
padding-top: 0 !important;
}
.pt-0 {
padding-top: 0px;
}
.pt-10 {
padding-top: 10px;
}
.pt-20 {
padding-top: 20px;
}
.pt-30 {
padding-top: 30px;
}
.pt-40 {
padding-top: 40px;
}
.pt-50 {
padding-top: 50px;
}
.pt-60 {
padding-top: 60px;
}
.pt-70 {
padding-top: 70px;
}
.pt-80 {
padding-top: 80px;
}
.pb-0 {
padding-bottom: 0px;
}
.pb-10 {
padding-bottom: 10px;
}
.pb-20 {
padding-bottom: 20px;
}
.pb-30 {
padding-bottom: 30px;
}
.pb-40 {
padding-bottom: 40px;
}
.pb-50 {
padding-bottom: 50px;
}
.pb-60 {
padding-bottom: 60px;
}
.pb-70 {
padding-bottom: 70px;
}
.pb-80 {
padding-bottom: 80px;
}
.mt-0 {
margin-top: 0px;
}
.mt-10 {
margin-top: 10px;
}
.mt-20 {
margin-top: 20px;
}
.mt-30 {
margin-top: 30px;
}
.mt-40 {
margin-top: 40px;
}
.mt-50 {
margin-top: 50px;
}
.mt-60 {
margin-top: 60px;
}
.mt-70 {
margin-top: 70px;
}
.mt-80 {
margin-top: 80px;
}
.mb-0 {
margin-bottom: 0px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-70 {
margin-bottom: 70px;
}
.mb-80 {
margin-bottom: 80px;
}
.p-0-phone.-phone {
padding: 0px 0px;
}
@media (max-width: 767px) {
.p-0-phone {
padding: 0px 0px;
}
}
.p-10-phone.-phone {
padding: 10px 10px;
}
@media (max-width: 767px) {
.p-10-phone {
padding: 10px 10px;
}
}
.p-20-phone.-phone {
padding: 20px 20px;
}
@media (max-width: 767px) {
.p-20-phone {
padding: 20px 20px;
}
}
.p-30-phone.-phone {
padding: 30px 30px;
}
@media (max-width: 767px) {
.p-30-phone {
padding: 30px 30px;
}
}
.p-40-phone.-phone {
padding: 40px 40px;
}
@media (max-width: 767px) {
.p-40-phone {
padding: 40px 40px;
}
}
.p-50-phone.-phone {
padding: 50px 50px;
}
@media (max-width: 767px) {
.p-50-phone {
padding: 50px 50px;
}
}
.p-60-phone.-phone {
padding: 60px 60px;
}
@media (max-width: 767px) {
.p-60-phone {
padding: 60px 60px;
}
}
.p-70-phone.-phone {
padding: 70px 70px;
}
@media (max-width: 767px) {
.p-70-phone {
padding: 70px 70px;
}
}
.p-80-phone.-phone {
padding: 80px 80px;
}
@media (max-width: 767px) {
.p-80-phone {
padding: 80px 80px;
}
}
.p-0-desktop.-desktop {
padding: 0px 0px;
}
@media (min-width: 992px) {
.p-0-desktop {
padding: 0px 0px;
}
}
.p-10-desktop.-desktop {
padding: 10px 10px;
}
@media (min-width: 992px) {
.p-10-desktop {
padding: 10px 10px;
}
}
.p-20-desktop.-desktop {
padding: 20px 20px;
}
@media (min-width: 992px) {
.p-20-desktop {
padding: 20px 20px;
}
}
.p-30-desktop.-desktop {
padding: 30px 30px;
}
@media (min-width: 992px) {
.p-30-desktop {
padding: 30px 30px;
}
}
.p-40-desktop.-desktop {
padding: 40px 40px;
}
@media (min-width: 992px) {
.p-40-desktop {
padding: 40px 40px;
}
}
.p-50-desktop.-desktop {
padding: 50px 50px;
}
@media (min-width: 992px) {
.p-50-desktop {
padding: 50px 50px;
}
}
.p-60-desktop.-desktop {
padding: 60px 60px;
}
@media (min-width: 992px) {
.p-60-desktop {
padding: 60px 60px;
}
}
.p-70-desktop.-desktop {
padding: 70px 70px;
}
@media (min-width: 992px) {
.p-70-desktop {
padding: 70px 70px;
}
}
.p-80-desktop.-desktop {
padding: 80px 80px;
}
@media (min-width: 992px) {
.p-80-desktop {
padding: 80px 80px;
}
}
.rp.-phone {
padding: 10px 30px;
}
@media (max-width: 767px) {
.rp {
padding: 10px 30px;
}
}
.rp.-tablet {
padding: 50px 50px;
}
@media (min-width: 768px) and (max-width: 991px) {
.rp {
padding: 50px 50px;
}
}
.rp.-desktop {
padding: 80px 80px;
}
@media (min-width: 992px) {
.rp {
padding: 80px 80px;
}
}
.padding1.-phone {
padding: 15px 15px;
}
@media (max-width: 767px) {
.padding1 {
padding: 15px 15px;
}
}
.padding1.-tablet {
padding: 30px 40px;
}
@media (min-width: 768px) and (max-width: 991px) {
.padding1 {
padding: 30px 40px;
}
}
.padding1.-desktop {
padding: 40px 80px;
}
@media (min-width: 992px) {
.padding1 {
padding: 40px 80px;
}
}
.padding2.-phone {
padding: 20px 30px;
}
@media (max-width: 767px) {
.padding2 {
padding: 20px 30px;
}
}
.padding2.-tablet {
padding: 30px 50px;
}
@media (min-width: 768px) and (max-width: 991px) {
.padding2 {
padding: 30px 50px;
}
}
.padding2.-desktop {
padding: 80px 80px;
}
@media (min-width: 992px) {
.padding2 {
padding: 80px 80px;
}
}
.rpadding1 {
padding: 30px 50px;
/*@media (min-width: 992px) { padding: 30px 50px; }*/
}
@media (max-width: 767px) {
.rpadding1 {
padding: 20px 20px;
}
}
.btn-group .btn-green + .btn-green {
margin-left: 15px;
}
.btn-group > * {
padding: 5px;
display: inline-block;
}
.btn-green {
-webkit-appearance: none;
background: #9bc83c;
border-radius: 0;
border: 1px solid transparent;
color: #fff;
display: inline-block;
font: 700 1em Roboto, sans-serif;
padding: 10px 20px;
white-space: nowrap;
text-align: center;
text-decoration: none !important;
text-transform: uppercase;
transition: all 0.2s ease-out;
}
.btn-green:not([disabled=disabled]):hover {
background: transparent;
border: 1px solid #ccc;
background: #fff;
color: #444;
transition: all 0.2s ease-out;
}
.btn-green:focus {
outline: 0;
background: #9bc83c !important;
color: #fff !important;
}
.btn-green[disabled=disabled] {
opacity: 0.3;
background: #888;
}
.btn-green.-wide, .btn-green.-lg {
width: 190px;
}
.btn-green.-xlg {
width: 290px;
}
.btn-green.-block {
display: block;
}
.btn-green.-whapp {
font-size: 0;
height: 41px;
vertical-align: middle;
position: relative;
}
.btn-green.-whapp {
width: 40px;
height: 40px;
padding: 0;
padding-top: 3px;
}
.btn-green.-whapp svg {
display: inline;
width: 32px;
height: 32px;
}
.button {
padding: 10px 12px 11px;
height: auto;
display: inline-block;
line-height: 1;
border: 1px solid #9bc83c;
min-width: 40px;
}
.button.-green {
background-color: #9bc83c;
color: #fff;
}
.button.is-circle {
display: inline-block;
width: 70px !important;
height: 70px !important;
border-radius: 50% !important;
background: #9bc83c;
line-height: 58px;
color: #fff;
transition: all 0.2s ease-out;
}
.button.is-circle:hover {
background: #fff;
}
/*
.button {
&.is-shale {
cursor: pointer;
background: #9bc83c;
font: 700 1em Roboto, sans-serif;
padding: 10px 12px;
text-align: center;
text-transform: uppercase;
color: #fff;
transition: all .2s ease-out;
text-decoration: none !important;
border: 1px solid transparent;
border-radius: 0;
height: 43px;
&:hover {
background: transparent;
border: 1px solid #ccc;
background: #fff;
color: #444;
}
&:focus {
outline: 0 !important;
}
}
&.is-circle {
width: 70px;
height: 70px;
border-radius: 50%;
@media (max-width: 767px) {
line-height: 48px !important;
}
}
}
*/
.buy-button {
cursor: pointer;
background: #9bc83c;
font: 700 1em Roboto, sans-serif;
padding: 10px 12px;
text-align: center;
text-transform: uppercase;
color: #fff;
transition: all 0.2s ease-out;
text-decoration: none !important;
border: 1px solid transparent;
padding: 5px 15px;
margin: 0;
height: 43px;
}
.buy-button:hover {
background: transparent;
border: 1px solid #ccc;
background: #fff;
color: #444;
}
.buy-button:hover svg {
fill: currentColor;
}
.buy-button:focus {
outline: 0 !important;
}
.buy-button:focus svg {
fill: currentColor;
}
.buy-button.in-cart {
background: #fff;
border-color: #ccc;
color: #333;
}
.buy-button.in-cart svg {
fill: #333;
}
.buy-button.in-cart:focus svg {
fill: #fff;
}
.buy-button svg {
width: 25px;
height: 25px;
vertical-align: middle;
margin-left: -8px;
margin-top: 2px;
fill: white;
transition: all 0.2s ease-out;
-webkit-user-select: none;
/* Chrome all / Safari all */
-moz-user-select: none;
/* Firefox all */
-ms-user-select: none;
/* IE 10+ */
user-select: none;
}
.buy-button em {
font-style: normal;
}
.social {
margin: 0;
text-align: center;
}
.social.bottom {
padding: 20px 0 0 0;
border-top: 1px solid #eee;
}
.social li {
margin: 0 !important;
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.social a {
display: block;
width: 100%;
height: 100%;
}
.social .fb {
background-image: url(../themes/shale/assets/img/fb.svg);
}
.social .vk {
background-image: url(../themes/shale/assets/img/vk.svg);
}
.social .insta {
background-image: url(../themes/shale/assets/img/inst.svg);
}
.social svg {
width: 100%;
height: 100%;
}
.social .social-title {
width: auto;
}
.inline {
display: inline-block !important;
}
.nowrap {
white-space: nowrap;
}
/*.noscroll { overflow: hidden; }*/
body,
button,
input,
select,
textarea {
font-family: "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
code,
pre {
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: auto;
font-family: monospace;
}
body {
color: #4a4a4a;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
a {
color: #3273dc;
cursor: pointer;
text-decoration: none;
}
a strong {
color: currentColor;
}
a:hover {
color: #363636;
}
code {
background-color: whitesmoke;
color: #ff3860;
font-size: 0.875em;
font-weight: normal;
padding: 0.25em 0.5em 0.25em;
}
hr {
background-color: whitesmoke;
border: none;
display: block;
height: 2px;
margin: 1.5rem 0;
}
img {
height: auto;
max-width: 100%;
}
input[type=checkbox],
input[type=radio] {
vertical-align: baseline;
}
small {
font-size: 0.875em;
}
span {
font-style: inherit;
font-weight: inherit;
}
strong {
color: #363636;
font-weight: 700;
}
fieldset {
border: none;
}
pre {
-webkit-overflow-scrolling: touch;
background-color: whitesmoke;
color: #4a4a4a;
font-size: 0.875em;
overflow-x: auto;
padding: 1.25rem 1.5rem;
white-space: pre;
word-wrap: normal;
}
pre code {
background-color: transparent;
color: currentColor;
font-size: 1em;
padding: 0;
}
.table-container {
-webkit-overflow-scrolling: touch;
overflow: auto;
overflow-y: hidden;
max-width: 100%;
}
.tags {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start;
}
.tags .tag {
margin-bottom: 0.5rem;
}
.tags .tag:not(:last-child) {
margin-right: 0.5rem;
}
.tags:last-child {
margin-bottom: -0.5rem;
}
.tags:not(:last-child) {
margin-bottom: 1rem;
}
.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.has-addons .tag {
margin-right: 0;
}
.tags.has-addons .tag:not(:first-child) {
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;
}
.tags.is-centered {
-ms-flex-pack: center;
justify-content: center;
}
.tags.is-centered .tag {
margin-right: 0.25rem;
margin-left: 0.25rem;
}
.tags.is-right {
-ms-flex-pack: end;
justify-content: flex-end;
}
.tags.is-right .tag:not(:first-child) {
margin-left: 0.5rem;
}
.tags.is-right .tag:not(:last-child) {
margin-right: 0;
}
.tags.has-addons .tag {
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) {
-ms-flex-align: center;
align-items: center;
background-color: whitesmoke;
border-radius: 4px;
color: #4a4a4a;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 0.75rem;
height: 2em;
-ms-flex-pack: center;
justify-content: center;
line-height: 1.5;
padding-left: 0.75em;
padding-right: 0.75em;
white-space: nowrap;
}
.tag:not(body) .delete {
margin-left: 0.25rem;
margin-right: -0.375rem;
}
.tag:not(body).is-white {
background-color: white;
color: #0a0a0a;
}
.tag:not(body).is-black {
background-color: #0a0a0a;
color: white;
}
.tag:not(body).is-light {
background-color: whitesmoke;
color: #363636;
}
.tag:not(body).is-dark {
background-color: #363636;
color: whitesmoke;
}
.tag:not(body).is-primary {
background-color: #00d1b2;
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: #9bc83c;
color: #fff;
}
.tag:not(body).is-warning {
background-color: #ffdd57;
color: rgba(0, 0, 0, 0.7);
}
.tag:not(body).is-danger {
background-color: #ff3860;
color: #fff;
}
.tag:not(body).is-normal {
font-size: 0.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: -0.375em;
margin-right: 0.1875em;
}
.tag:not(body) .icon:last-child:not(:first-child) {
margin-left: 0.1875em;
margin-right: -0.375em;
}
.tag:not(body) .icon:first-child:last-child {
margin-left: -0.375em;
margin-right: -0.375em;
}
.tag:not(body).is-delete {
margin-left: 1px;
padding: 0;
position: relative;
width: 2em;
}
.tag:not(body).is-delete::before,
.tag:not(body).is-delete::after {
background-color: currentColor;
content: "";
display: block;
left: 50%;
position: absolute;
top: 50%;
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-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:hover,
.tag:not(body).is-delete:focus {
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;
}
.title,
.subtitle {
word-break: break-word;
}
.title em,
.title span,
.subtitle em,
.subtitle span {
font-weight: inherit;
}
.title sub,
.subtitle sub {
font-size: 0.75em;
}
.title sup,
.subtitle sup {
font-size: 0.75em;
}
.title .tag,
.subtitle .tag {
vertical-align: middle;
}
.title {
color: #363636;
font-size: 2rem;
font-weight: 600;
line-height: 1.125;
}
.title strong {
color: inherit;
font-weight: inherit;
}
.title + .highlight {
margin-top: -0.75rem;
}
.title:not(.is-spaced) + .subtitle {
margin-top: -1.25rem;
}
.title.is-1 {
font-size: 3rem;
}
.title.is-2 {
font-size: 2.5rem;
}
.title.is-3 {
font-size: 2rem;
}
.title.is-4 {
font-size: 1.5rem;
}
.title.is-5 {
font-size: 1.25rem;
}
.title.is-6 {
font-size: 1rem;
}
.title.is-7 {
font-size: 0.75rem;
}
.subtitle {
color: #4a4a4a;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.25;
}
.subtitle strong {
color: #363636;
font-weight: 600;
}
.subtitle:not(.is-spaced) + .title {
margin-top: -1.25rem;
}
.subtitle.is-1 {
font-size: 3rem;
}
.subtitle.is-2 {
font-size: 2.5rem;
}
.subtitle.is-3 {
font-size: 2rem;
}
.subtitle.is-4 {
font-size: 1.5rem;
}
.subtitle.is-5 {
font-size: 1.25rem;
}
.subtitle.is-6 {
font-size: 1rem;
}
.subtitle.is-7 {
font-size: 0.75rem;
}
.heading {
display: block;
font-size: 11px;
letter-spacing: 1px;
margin-bottom: 5px;
text-transform: uppercase;
}
.highlight {
font-weight: 400;
max-width: 100%;
overflow: hidden;
padding: 0;
}
.highlight pre {
overflow: auto;
max-width: 100%;
}
.number {
-ms-flex-align: center;
align-items: center;
background-color: whitesmoke;
border-radius: 290486px;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1.25rem;
height: 2em;
-ms-flex-pack: center;
justify-content: center;
margin-right: 1.5rem;
min-width: 2.5em;
padding: 0.25rem 0.5rem;
text-align: center;
vertical-align: top;
}
.card {
background-color: white;
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
color: #4a4a4a;
max-width: 100%;
position: relative;
}
.card-header {
background-color: transparent;
-ms-flex-align: stretch;
align-items: stretch;
box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
display: -ms-flexbox;
display: flex;
}
.card-header-title {
-ms-flex-align: center;
align-items: center;
color: #363636;
display: -ms-flexbox;
display: flex;
-ms-flex-positive: 1;
flex-grow: 1;
font-weight: 700;
padding: 0.75rem;
}
.card-header-title.is-centered {
-ms-flex-pack: center;
justify-content: center;
}
.card-header-icon {
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding: 0.75rem;
}
.card-image {
display: block;
position: relative;
}
.card-content {
background-color: transparent;
padding: 1.5rem;
}
.card-footer {
background-color: transparent;
border-top: 1px solid #dbdbdb;
-ms-flex-align: stretch;
align-items: stretch;
display: -ms-flexbox;
display: flex;
}
.card-footer-item {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
padding: 0.75rem;
}
.card-footer-item:not(:last-child) {
border-right: 1px solid #dbdbdb;
}
.card .media:not(:last-child) {
margin-bottom: 0.75rem;
}
.dropdown {
display: -ms-inline-flexbox;
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: initial;
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: white;
border-radius: 4px;
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
.dropdown-item {
color: #4a4a4a;
display: block;
font-size: 0.875rem;
line-height: 1.5;
padding: 0.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: whitesmoke;
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: 0.5rem 0;
}
.level {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.level code {
border-radius: 4px;
}
.level img {
display: inline-block;
vertical-align: top;
}
.level.is-mobile {
display: -ms-flexbox;
display: flex;
}
.level.is-mobile .level-left,
.level.is-mobile .level-right {
display: -ms-flexbox;
display: flex;
}
.level.is-mobile .level-left + .level-right {
margin-top: 0;
}
.level.is-mobile .level-item:not(:last-child) {
margin-bottom: 0;
margin-right: 0.75rem;
}
.level.is-mobile .level-item:not(.is-narrow) {
-ms-flex-positive: 1;
flex-grow: 1;
}
@media screen and (min-width: 768px), print {
.level {
display: -ms-flexbox;
display: flex;
}
.level > .level-item:not(.is-narrow) {
-ms-flex-positive: 1;
flex-grow: 1;
}
}
.level-item {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
}
.level-item .title,
.level-item .subtitle {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.level-item:not(:last-child) {
margin-bottom: 0.75rem;
}
}
.level-left,
.level-right {
-ms-flex-preferred-size: auto;
flex-basis: auto;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
-ms-flex-positive: 1;
flex-grow: 1;
}
@media screen and (min-width: 768px), print {
.level-left .level-item:not(:last-child),
.level-right .level-item:not(:last-child) {
margin-right: 0.75rem;
}
}
.level-left {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media screen and (max-width: 767px) {
.level-left + .level-right {
margin-top: 1.5rem;
}
}
@media screen and (min-width: 768px), print {
.level-left {
display: -ms-flexbox;
display: flex;
}
}
.level-right {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media screen and (min-width: 768px), print {
.level-right {
display: -ms-flexbox;
display: flex;
}
}
.list {
background-color: white;
border-radius: 4px;
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
}
.list-item {
display: block;
padding: 0.5em 1em;
}
.list-item:not(a) {
color: #4a4a4a;
}
.list-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.list-item:last-child {
border-top-left-radius: 4px;
border-top-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: whitesmoke;
cursor: pointer;
}
.media {
-ms-flex-align: start;
align-items: flex-start;
display: -ms-flexbox;
display: flex;
text-align: left;
}
.media .content:not(:last-child) {
margin-bottom: 0.75rem;
}
.media .media {
border-top: 1px solid rgba(219, 219, 219, 0.5);
display: -ms-flexbox;
display: flex;
padding-top: 0.75rem;
}
.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
margin-bottom: 0.5rem;
}
.media .media .media {
padding-top: 0.5rem;
}
.media .media .media + .media {
margin-top: 0.5rem;
}
.media + .media {
border-top: 1px solid rgba(219, 219, 219, 0.5);
margin-top: 1rem;
padding-top: 1rem;
}
.media.is-large + .media {
margin-top: 1.5rem;
padding-top: 1.5rem;
}
.media-left,
.media-right {
-ms-flex-preferred-size: auto;
flex-basis: auto;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.media-left {
margin-right: 1rem;
}
.media-right {
margin-left: 1rem;
}
.media-content {
-ms-flex-preferred-size: auto;
flex-basis: auto;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
text-align: left;
}
@media screen and (max-width: 767px) {
.media-content {
overflow-x: auto;
}
}
.menu {
font-size: 1rem;
}
.menu.is-small {
font-size: 0.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: #4a4a4a;
display: block;
padding: 0.5em 0.75em;
}
.menu-list a:hover {
background-color: whitesmoke;
color: #363636;
}
.menu-list a.is-active {
background-color: #3273dc;
color: #fff;
}
.menu-list li ul {
border-left: 1px solid #dbdbdb;
margin: 0.75em;
padding-left: 0.75em;
}
.menu-label {
color: #333;
font-size: 0.75em;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.menu-label:not(:first-child) {
margin-top: 1em;
}
.menu-label:not(:last-child) {
margin-bottom: 1em;
}
.message {
background-color: whitesmoke;
border-radius: 4px;
font-size: 1rem;
}
.message strong {
color: currentColor;
}
.message a:not(.button):not(.tag):not(.dropdown-item) {
color: currentColor;
text-decoration: underline;
}
.message.is-small {
font-size: 0.75rem;
}
.message.is-medium {
font-size: 1.25rem;
}
.message.is-large {
font-size: 1.5rem;
}
.message.is-white {
background-color: white;
}
.message.is-white .message-header {
background-color: white;
color: #0a0a0a;
}
.message.is-white .message-body {
border-color: white;
color: #4d4d4d;
}
.message.is-black {
background-color: #fafafa;
}
.message.is-black .message-header {
background-color: #0a0a0a;
color: white;
}
.message.is-black .message-body {
border-color: #0a0a0a;
color: #090909;
}
.message.is-light {
background-color: #fafafa;
}
.message.is-light .message-header {
background-color: whitesmoke;
color: #363636;
}
.message.is-light .message-body {
border-color: whitesmoke;
color: #505050;
}
.message.is-dark {
background-color: #fafafa;
}
.message.is-dark .message-header {
background-color: #363636;
color: whitesmoke;
}
.message.is-dark .message-body {
border-color: #363636;
color: #2a2a2a;
}
.message.is-primary {
background-color: #f5fffd;
}
.message.is-primary .message-header {
background-color: #00d1b2;
color: #fff;
}
.message.is-primary .message-body {
border-color: #00d1b2;
color: #021310;
}
.message.is-link {
background-color: #f6f9fe;
}
.message.is-link .message-header {
background-color: #3273dc;
color: #fff;
}
.message.is-link .message-body {
border-color: #3273dc;
color: #22509a;
}
.message.is-info {
background-color: #f6fbfe;
}
.message.is-info .message-header {
background-color: #209cee;
color: #fff;
}
.message.is-info .message-body {
border-color: #209cee;
color: #12537e;
}
.message.is-success {
background-color: #fbfdf7;
}
.message.is-success .message-header {
background-color: #9bc83c;
color: #fff;
}
.message.is-success .message-body {
border-color: #9bc83c;
color: #262e14;
}
.message.is-warning {
background-color: #fffdf5;
}
.message.is-warning .message-header {
background-color: #ffdd57;
color: rgba(0, 0, 0, 0.7);
}
.message.is-warning .message-body {
border-color: #ffdd57;
color: #3b3108;
}
.message.is-danger {
background-color: #fff5f7;
}
.message.is-danger .message-header {
background-color: #ff3860;
color: #fff;
}
.message.is-danger .message-body {
border-color: #ff3860;
color: #cd0930;
}
.message-header {
-ms-flex-align: center;
align-items: center;
background-color: #4a4a4a;
border-radius: 4px 4px 0 0;
color: #fff;
display: -ms-flexbox;
display: flex;
font-weight: 700;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 1.25;
padding: 0.75em 1em;
position: relative;
}
.message-header .delete {
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 0.75em;
}
.message-header + .message-body {
border-width: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.message-body {
border-color: #dbdbdb;
border-radius: 4px;
border-style: solid;
border-width: 0 0 0 4px;
color: #4a4a4a;
padding: 1.25em 1.5em;
}
.message-body code,
.message-body pre {
background-color: white;
}
.message-body pre code {
background-color: transparent;
}
.modal-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
max-height: calc(100vh - 40px);
overflow: hidden;
-ms-overflow-y: visible;
}
.modal-card-head,
.modal-card-foot {
-ms-flex-align: center;
align-items: center;
background-color: whitesmoke;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 20px;
position: relative;
}
.modal-card-head {
border-bottom: 1px solid #dbdbdb;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.modal-card-title {
color: #363636;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 1.5rem;
line-height: 1;
}
.modal-card-foot {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top: 1px solid #dbdbdb;
}
.modal-card-foot .button:not(:last-child) {
margin-right: 10px;
}
.modal-card-body {
-webkit-overflow-scrolling: touch;
background-color: white;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
overflow: auto;
padding: 20px;
}
.navbar {
background-color: white;
min-height: 3.25rem;
position: relative;
z-index: 30;
}
.navbar.is-white {
background-color: white;
color: #0a0a0a;
}
.navbar.is-white .navbar-brand > .navbar-item,
.navbar.is-white .navbar-brand .navbar-link {
color: #0a0a0a;
}
.navbar.is-white .navbar-brand > a.navbar-item:hover,
.navbar.is-white .navbar-brand > a.navbar-item.is-active,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand .navbar-link.is-active {
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: 991px) {
.navbar.is-white .navbar-start > .navbar-item,
.navbar.is-white .navbar-start .navbar-link,
.navbar.is-white .navbar-end > .navbar-item,
.navbar.is-white .navbar-end .navbar-link {
color: #0a0a0a;
}
.navbar.is-white .navbar-start > a.navbar-item:hover,
.navbar.is-white .navbar-start > a.navbar-item.is-active,
.navbar.is-white .navbar-start .navbar-link:hover,
.navbar.is-white .navbar-start .navbar-link.is-active,
.navbar.is-white .navbar-end > a.navbar-item:hover,
.navbar.is-white .navbar-end > a.navbar-item.is-active,
.navbar.is-white .navbar-end .navbar-link:hover,
.navbar.is-white .navbar-end .navbar-link.is-active {
background-color: #f2f2f2;
color: #0a0a0a;
}
.navbar.is-white .navbar-start .navbar-link::after,
.navbar.is-white .navbar-end .navbar-link::after {
border-color: #0a0a0a;
}
.navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #f2f2f2;
color: #0a0a0a;
}
.navbar.is-white .navbar-dropdown a.navbar-item.is-active {
background-color: white;
color: #0a0a0a;
}
}
.navbar.is-black {
background-color: #0a0a0a;
color: white;
}
.navbar.is-black .navbar-brand > .navbar-item,
.navbar.is-black .navbar-brand .navbar-link {
color: white;
}
.navbar.is-black .navbar-brand > a.navbar-item:hover,
.navbar.is-black .navbar-brand > a.navbar-item.is-active,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand .navbar-link.is-active {
background-color: black;
color: white;
}
.navbar.is-black .navbar-brand .navbar-link::after {
border-color: white;
}
.navbar.is-black .navbar-burger {
color: white;
}
@media screen and (min-width: 991px) {
.navbar.is-black .navbar-start > .navbar-item,
.navbar.is-black .navbar-start .navbar-link,
.navbar.is-black .navbar-end > .navbar-item,
.navbar.is-black .navbar-end .navbar-link {
color: white;
}
.navbar.is-black .navbar-start > a.navbar-item:hover,
.navbar.is-black .navbar-start > a.navbar-item.is-active,
.navbar.is-black .navbar-start .navbar-link:hover,
.navbar.is-black .navbar-start .navbar-link.is-active,
.navbar.is-black .navbar-end > a.navbar-item:hover,
.navbar.is-black .navbar-end > a.navbar-item.is-active,
.navbar.is-black .navbar-end .navbar-link:hover,
.navbar.is-black .navbar-end .navbar-link.is-active {
background-color: black;
color: white;
}
.navbar.is-black .navbar-start .navbar-link::after,
.navbar.is-black .navbar-end .navbar-link::after {
border-color: white;
}
.navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
background-color: black;
color: white;
}
.navbar.is-black .navbar-dropdown a.navbar-item.is-active {
background-color: #0a0a0a;
color: white;
}
}
.navbar.is-light {
background-color: whitesmoke;
color: #363636;
}
.navbar.is-light .navbar-brand > .navbar-item,
.navbar.is-light .navbar-brand .navbar-link {
color: #363636;
}
.navbar.is-light .navbar-brand > a.navbar-item:hover,
.navbar.is-light .navbar-brand > a.navbar-item.is-active,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand .navbar-link.is-active {
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: 991px) {
.navbar.is-light .navbar-start > .navbar-item,
.navbar.is-light .navbar-start .navbar-link,
.navbar.is-light .navbar-end > .navbar-item,
.navbar.is-light .navbar-end .navbar-link {
color: #363636;
}
.navbar.is-light .navbar-start > a.navbar-item:hover,
.navbar.is-light .navbar-start > a.navbar-item.is-active,
.navbar.is-light .navbar-start .navbar-link:hover,
.navbar.is-light .navbar-start .navbar-link.is-active,
.navbar.is-light .navbar-end > a.navbar-item:hover,
.navbar.is-light .navbar-end > a.navbar-item.is-active,
.navbar.is-light .navbar-end .navbar-link:hover,
.navbar.is-light .navbar-end .navbar-link.is-active {
background-color: #e8e8e8;
color: #363636;
}
.navbar.is-light .navbar-start .navbar-link::after,
.navbar.is-light .navbar-end .navbar-link::after {
border-color: #363636;
}
.navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #e8e8e8;
color: #363636;
}
.navbar.is-light .navbar-dropdown a.navbar-item.is-active {
background-color: whitesmoke;
color: #363636;
}
}
.navbar.is-dark {
background-color: #363636;
color: whitesmoke;
}
.navbar.is-dark .navbar-brand > .navbar-item,
.navbar.is-dark .navbar-brand .navbar-link {
color: whitesmoke;
}
.navbar.is-dark .navbar-brand > a.navbar-item:hover,
.navbar.is-dark .navbar-brand > a.navbar-item.is-active,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand .navbar-link.is-active {
background-color: #292929;
color: whitesmoke;
}
.navbar.is-dark .navbar-brand .navbar-link::after {
border-color: whitesmoke;
}
.navbar.is-dark .navbar-burger {
color: whitesmoke;
}
@media screen and (min-width: 991px) {
.navbar.is-dark .navbar-start > .navbar-item,
.navbar.is-dark .navbar-start .navbar-link,
.navbar.is-dark .navbar-end > .navbar-item,
.navbar.is-dark .navbar-end .navbar-link {
color: whitesmoke;
}
.navbar.is-dark .navbar-start > a.navbar-item:hover,
.navbar.is-dark .navbar-start > a.navbar-item.is-active,
.navbar.is-dark .navbar-start .navbar-link:hover,
.navbar.is-dark .navbar-start .navbar-link.is-active,
.navbar.is-dark .navbar-end > a.navbar-item:hover,
.navbar.is-dark .navbar-end > a.navbar-item.is-active,
.navbar.is-dark .navbar-end .navbar-link:hover,
.navbar.is-dark .navbar-end .navbar-link.is-active {
background-color: #292929;
color: whitesmoke;
}
.navbar.is-dark .navbar-start .navbar-link::after,
.navbar.is-dark .navbar-end .navbar-link::after {
border-color: whitesmoke;
}
.navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #292929;
color: whitesmoke;
}
.navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
background-color: #363636;
color: whitesmoke;
}
}
.navbar.is-primary {
background-color: #00d1b2;
color: #fff;
}
.navbar.is-primary .navbar-brand > .navbar-item,
.navbar.is-primary .navbar-brand .navbar-link {
color: #fff;
}
.navbar.is-primary .navbar-brand > a.navbar-item:hover,
.navbar.is-primary .navbar-brand > a.navbar-item.is-active,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active {
background-color: #00b89c;
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: 991px) {
.navbar.is-primary .navbar-start > .navbar-item,
.navbar.is-primary .navbar-start .navbar-link,
.navbar.is-primary .navbar-end > .navbar-item,
.navbar.is-primary .navbar-end .navbar-link {
color: #fff;
}
.navbar.is-primary .navbar-start > a.navbar-item:hover,
.navbar.is-primary .navbar-start > a.navbar-item.is-active,
.navbar.is-primary .navbar-start .navbar-link:hover,
.navbar.is-primary .navbar-start .navbar-link.is-active,
.navbar.is-primary .navbar-end > a.navbar-item:hover,
.navbar.is-primary .navbar-end > a.navbar-item.is-active,
.navbar.is-primary .navbar-end .navbar-link:hover,
.navbar.is-primary .navbar-end .navbar-link.is-active {
background-color: #00b89c;
color: #fff;
}
.navbar.is-primary .navbar-start .navbar-link::after,
.navbar.is-primary .navbar-end .navbar-link::after {
border-color: #fff;
}
.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #00b89c;
color: #fff;
}
.navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
background-color: #00d1b2;
color: #fff;
}
}
.navbar.is-link {
background-color: #3273dc;
color: #fff;
}
.navbar.is-link .navbar-brand > .navbar-item,
.navbar.is-link .navbar-brand .navbar-link {
color: #fff;
}
.navbar.is-link .navbar-brand > a.navbar-item:hover,
.navbar.is-link .navbar-brand > a.navbar-item.is-active,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand .navbar-link.is-active {
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: 991px) {
.navbar.is-link .navbar-start > .navbar-item,
.navbar.is-link .navbar-start .navbar-link,
.navbar.is-link .navbar-end > .navbar-item,
.navbar.is-link .navbar-end .navbar-link {
color: #fff;
}
.navbar.is-link .navbar-start > a.navbar-item:hover,
.navbar.is-link .navbar-start > a.navbar-item.is-active,
.navbar.is-link .navbar-start .navbar-link:hover,
.navbar.is-link .navbar-start .navbar-link.is-active,
.navbar.is-link .navbar-end > a.navbar-item:hover,
.navbar.is-link .navbar-end > a.navbar-item.is-active,
.navbar.is-link .navbar-end .navbar-link:hover,
.navbar.is-link .navbar-end .navbar-link.is-active {
background-color: #2366d1;
color: #fff;
}
.navbar.is-link .navbar-start .navbar-link::after,
.navbar.is-link .navbar-end .navbar-link::after {
border-color: #fff;
}
.navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-link .navbar-item.has-dropdown.is-active .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-item,
.navbar.is-info .navbar-brand .navbar-link {
color: #fff;
}
.navbar.is-info .navbar-brand > a.navbar-item:hover,
.navbar.is-info .navbar-brand > a.navbar-item.is-active,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand .navbar-link.is-active {
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: 991px) {
.navbar.is-info .navbar-start > .navbar-item,
.navbar.is-info .navbar-start .navbar-link,
.navbar.is-info .navbar-end > .navbar-item,
.navbar.is-info .navbar-end .navbar-link {
color: #fff;
}
.navbar.is-info .navbar-start > a.navbar-item:hover,
.navbar.is-info .navbar-start > a.navbar-item.is-active,
.navbar.is-info .navbar-start .navbar-link:hover,
.navbar.is-info .navbar-start .navbar-link.is-active,
.navbar.is-info .navbar-end > a.navbar-item:hover,
.navbar.is-info .navbar-end > a.navbar-item.is-active,
.navbar.is-info .navbar-end .navbar-link:hover,
.navbar.is-info .navbar-end .navbar-link.is-active {
background-color: #118fe4;
color: #fff;
}
.navbar.is-info .navbar-start .navbar-link::after,
.navbar.is-info .navbar-end .navbar-link::after {
border-color: #fff;
}
.navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-info .navbar-item.has-dropdown.is-active .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: #9bc83c;
color: #fff;
}
.navbar.is-success .navbar-brand > .navbar-item,
.navbar.is-success .navbar-brand .navbar-link {
color: #fff;
}
.navbar.is-success .navbar-brand > a.navbar-item:hover,
.navbar.is-success .navbar-brand > a.navbar-item.is-active,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand .navbar-link.is-active {
background-color: #8db734;
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: 991px) {
.navbar.is-success .navbar-start > .navbar-item,
.navbar.is-success .navbar-start .navbar-link,
.navbar.is-success .navbar-end > .navbar-item,
.navbar.is-success .navbar-end .navbar-link {
color: #fff;
}
.navbar.is-success .navbar-start > a.navbar-item:hover,
.navbar.is-success .navbar-start > a.navbar-item.is-active,
.navbar.is-success .navbar-start .navbar-link:hover,
.navbar.is-success .navbar-start .navbar-link.is-active,
.navbar.is-success .navbar-end > a.navbar-item:hover,
.navbar.is-success .navbar-end > a.navbar-item.is-active,
.navbar.is-success .navbar-end .navbar-link:hover,
.navbar.is-success .navbar-end .navbar-link.is-active {
background-color: #8db734;
color: #fff;
}
.navbar.is-success .navbar-start .navbar-link::after,
.navbar.is-success .navbar-end .navbar-link::after {
border-color: #fff;
}
.navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #8db734;
color: #fff;
}
.navbar.is-success .navbar-dropdown a.navbar-item.is-active {
background-color: #9bc83c;
color: #fff;
}
}
.navbar.is-warning {
background-color: #ffdd57;
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-brand > .navbar-item,
.navbar.is-warning .navbar-brand .navbar-link {
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-brand > a.navbar-item:hover,
.navbar.is-warning .navbar-brand > a.navbar-item.is-active,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand .navbar-link.is-active {
background-color: #ffd83d;
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-brand .navbar-link::after {
border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-burger {
color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 991px) {
.navbar.is-warning .navbar-start > .navbar-item,
.navbar.is-warning .navbar-start .navbar-link,
.navbar.is-warning .navbar-end > .navbar-item,
.navbar.is-warning .navbar-end .navbar-link {
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-start > a.navbar-item:hover,
.navbar.is-warning .navbar-start > a.navbar-item.is-active,
.navbar.is-warning .navbar-start .navbar-link:hover,
.navbar.is-warning .navbar-start .navbar-link.is-active,
.navbar.is-warning .navbar-end > a.navbar-item:hover,
.navbar.is-warning .navbar-end > a.navbar-item.is-active,
.navbar.is-warning .navbar-end .navbar-link:hover,
.navbar.is-warning .navbar-end .navbar-link.is-active {
background-color: #ffd83d;
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-start .navbar-link::after,
.navbar.is-warning .navbar-end .navbar-link::after {
border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #ffd83d;
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
background-color: #ffdd57;
color: rgba(0, 0, 0, 0.7);
}
}
.navbar.is-danger {
background-color: #ff3860;
color: #fff;
}
.navbar.is-danger .navbar-brand > .navbar-item,
.navbar.is-danger .navbar-brand .navbar-link {
color: #fff;
}
.navbar.is-danger .navbar-brand > a.navbar-item:hover,
.navbar.is-danger .navbar-brand > a.navbar-item.is-active,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand .navbar-link.is-active {
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: 991px) {
.navbar.is-danger .navbar-start > .navbar-item,
.navbar.is-danger .navbar-start .navbar-link,
.navbar.is-danger .navbar-end > .navbar-item,
.navbar.is-danger .navbar-end .navbar-link {
color: #fff;
}
.navbar.is-danger .navbar-start > a.navbar-item:hover,
.navbar.is-danger .navbar-start > a.navbar-item.is-active,
.navbar.is-danger .navbar-start .navbar-link:hover,
.navbar.is-danger .navbar-start .navbar-link.is-active,
.navbar.is-danger .navbar-end > a.navbar-item:hover,
.navbar.is-danger .navbar-end > a.navbar-item.is-active,
.navbar.is-danger .navbar-end .navbar-link:hover,
.navbar.is-danger .navbar-end .navbar-link.is-active {
background-color: #ff1f4b;
color: #fff;
}
.navbar.is-danger .navbar-start .navbar-link::after,
.navbar.is-danger .navbar-end .navbar-link::after {
border-color: #fff;
}
.navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #ff1f4b;
color: #fff;
}
.navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
background-color: #ff3860;
color: #fff;
}
}
.navbar > .container {
-ms-flex-align: stretch;
align-items: stretch;
display: -ms-flexbox;
display: flex;
min-height: 3.25rem;
width: 100%;
}
.navbar.has-shadow {
box-shadow: 0 2px 0 0 whitesmoke;
}
.navbar.is-fixed-bottom,
.navbar.is-fixed-top {
left: 0;
position: fixed;
right: 0;
z-index: 30;
}
.navbar.is-fixed-bottom {
bottom: 0;
}
.navbar.is-fixed-bottom.has-shadow {
box-shadow: 0 -2px 0 0 whitesmoke;
}
.navbar.is-fixed-top {
top: 0;
}
html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
padding-top: 3.25rem;
}
html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
padding-bottom: 3.25rem;
}
.navbar-brand,
.navbar-tabs {
-ms-flex-align: stretch;
align-items: stretch;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
min-height: 3.25rem;
}
.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 {
color: #4a4a4a;
cursor: pointer;
display: block;
height: 3.25rem;
position: relative;
width: 3.25rem;
margin-left: auto;
}
.navbar-burger span {
background-color: currentColor;
display: block;
height: 1px;
left: calc(50% - 8px);
position: absolute;
-ms-transform-origin: center;
transform-origin: center;
transition-duration: 86ms;
transition-property: background-color, opacity, transform;
transition-timing-function: ease-in-out;
width: 16px;
}
.navbar-burger span:nth-child(1) {
top: calc(50% - 6px);
}
.navbar-burger span:nth-child(2) {
top: calc(50% - 1px);
}
.navbar-burger span:nth-child(3) {
top: calc(50% + 4px);
}
.navbar-burger:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.navbar-burger.is-active span:nth-child(1) {
-ms-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) {
-ms-transform: translateY(-5px) rotate(-45deg);
transform: translateY(-5px) rotate(-45deg);
}
.navbar-menu {
display: none;
}
.navbar-item,
.navbar-link {
color: #4a4a4a;
display: block;
line-height: 1.5;
padding: 0.5rem 0.75rem;
position: relative;
}
.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
margin-left: -0.25rem;
margin-right: -0.25rem;
}
a.navbar-item,
.navbar-link {
cursor: pointer;
}
a.navbar-item:hover,
a.navbar-item.is-active,
.navbar-link:hover,
.navbar-link.is-active {
background-color: #fafafa;
color: #3273dc;
}
.navbar-item {
display: block;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.navbar-item img {
max-height: 1.75rem;
}
.navbar-item.has-dropdown {
padding: 0;
}
.navbar-item.is-expanded {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.navbar-item.is-tab {
border-bottom: 1px solid transparent;
min-height: 3.25rem;
padding-bottom: calc(0.5rem - 1px);
}
.navbar-item.is-tab:hover {
background-color: transparent;
border-bottom-color: #3273dc;
}
.navbar-item.is-tab.is-active {
background-color: transparent;
border-bottom-color: #3273dc;
border-bottom-style: solid;
border-bottom-width: 3px;
color: #3273dc;
padding-bottom: calc(0.5rem - 3px);
}
.navbar-content {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.navbar-link:not(.is-arrowless) {
padding-right: 2.5em;
}
.navbar-link:not(.is-arrowless)::after {
border-color: #3273dc;
margin-top: -0.375em;
right: 1.125em;
}
.navbar-dropdown {
font-size: 0.875rem;
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
.navbar-dropdown .navbar-item {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.navbar-divider {
background-color: whitesmoke;
border: none;
display: none;
height: 2px;
margin: 0.5rem 0;
}
@media screen and (max-width: 990px) {
.navbar > .container {
display: block;
}
.navbar-brand .navbar-item,
.navbar-tabs .navbar-item {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
}
.navbar-link::after {
display: none;
}
.navbar-menu {
background-color: white;
box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
padding: 0.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, 0.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 - 3.25rem);
overflow: auto;
}
html.has-navbar-fixed-top-touch,
body.has-navbar-fixed-top-touch {
padding-top: 3.25rem;
}
html.has-navbar-fixed-bottom-touch,
body.has-navbar-fixed-bottom-touch {
padding-bottom: 3.25rem;
}
}
@media screen and (min-width: 991px) {
.navbar,
.navbar-menu,
.navbar-start,
.navbar-end {
-ms-flex-align: stretch;
align-items: stretch;
display: -ms-flexbox;
display: flex;
}
.navbar {
min-height: 3.25rem;
}
.navbar.is-spaced {
padding: 1rem 2rem;
}
.navbar.is-spaced .navbar-start,
.navbar.is-spaced .navbar-end {
-ms-flex-align: center;
align-items: center;
}
.navbar.is-spaced a.navbar-item,
.navbar.is-spaced .navbar-link {
border-radius: 4px;
}
.navbar.is-transparent a.navbar-item:hover,
.navbar.is-transparent a.navbar-item.is-active,
.navbar.is-transparent .navbar-link:hover,
.navbar.is-transparent .navbar-link.is-active {
background-color: transparent !important;
}
.navbar.is-transparent .navbar-item.has-dropdown.is-active .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:hover {
background-color: whitesmoke;
color: #0a0a0a;
}
.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
background-color: whitesmoke;
color: #3273dc;
}
.navbar-burger {
display: none;
}
.navbar-item,
.navbar-link {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
}
.navbar-item {
display: -ms-flexbox;
display: flex;
}
.navbar-item.has-dropdown {
-ms-flex-align: stretch;
align-items: stretch;
}
.navbar-item.has-dropdown-up .navbar-link::after {
-ms-transform: rotate(135deg) translate(0.25em, -0.25em);
transform: rotate(135deg) translate(0.25em, -0.25em);
}
.navbar-item.has-dropdown-up .navbar-dropdown {
border-bottom: 2px solid #dbdbdb;
border-radius: 6px 6px 0 0;
border-top: none;
bottom: 100%;
box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
top: auto;
}
.navbar-item.is-active .navbar-dropdown,
.navbar-item.is-hoverable:hover .navbar-dropdown {
display: block;
}
.navbar.is-spaced .navbar-item.is-active .navbar-dropdown,
.navbar-item.is-active .navbar-dropdown.is-boxed,
.navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown,
.navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
opacity: 1;
pointer-events: auto;
-ms-transform: translateY(0);
transform: translateY(0);
}
.navbar-menu {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.navbar-start {
-ms-flex-pack: start;
justify-content: flex-start;
margin-right: auto;
}
.navbar-end {
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: auto;
}
.navbar-dropdown {
background-color: white;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top: 2px solid #dbdbdb;
box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
display: none;
font-size: 0.875rem;
left: 0;
min-width: 100%;
position: absolute;
top: 100%;
z-index: 20;
}
.navbar-dropdown .navbar-item {
padding: 0.375rem 1rem;
white-space: nowrap;
}
.navbar-dropdown a.navbar-item {
padding-right: 3rem;
}
.navbar-dropdown a.navbar-item:hover {
background-color: whitesmoke;
color: #0a0a0a;
}
.navbar-dropdown a.navbar-item.is-active {
background-color: whitesmoke;
color: #3273dc;
}
.navbar.is-spaced .navbar-dropdown,
.navbar-dropdown.is-boxed {
border-radius: 6px;
border-top: none;
box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
display: block;
opacity: 0;
pointer-events: none;
top: calc(100% + (-4px));
-ms-transform: translateY(-5px);
transform: translateY(-5px);
transition-duration: 86ms;
transition-property: opacity, transform;
}
.navbar-dropdown.is-right {
left: auto;
right: 0;
}
.navbar-divider {
display: block;
}
.navbar > .container .navbar-brand,
.container > .navbar .navbar-brand {
margin-left: -0.75rem;
}
.navbar > .container .navbar-menu,
.container > .navbar .navbar-menu {
margin-right: -0.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, 0.1);
}
.navbar.is-fixed-top-desktop {
top: 0;
}
html.has-navbar-fixed-top-desktop,
body.has-navbar-fixed-top-desktop {
padding-top: 3.25rem;
}
html.has-navbar-fixed-bottom-desktop,
body.has-navbar-fixed-bottom-desktop {
padding-bottom: 3.25rem;
}
html.has-spaced-navbar-fixed-top,
body.has-spaced-navbar-fixed-top {
padding-top: 5.25rem;
}
html.has-spaced-navbar-fixed-bottom,
body.has-spaced-navbar-fixed-bottom {
padding-bottom: 5.25rem;
}
a.navbar-item.is-active,
.navbar-link.is-active {
color: #0a0a0a;
}
a.navbar-item.is-active:not(:hover),
.navbar-link.is-active:not(:hover) {
background-color: transparent;
}
.navbar-item.has-dropdown:hover .navbar-link,
.navbar-item.has-dropdown.is-active .navbar-link {
background-color: #fafafa;
}
}
.hero.is-fullheight-with-navbar {
min-height: calc(100vh - 3.25rem);
}
.pagination {
font-size: 1rem;
margin: -0.25rem;
}
.pagination.is-small {
font-size: 0.75rem;
}
.pagination.is-medium {
font-size: 1.25rem;
}
.pagination.is-large {
font-size: 1.5rem;
}
.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
padding-left: 1em;
padding-right: 1em;
border-radius: 290486px;
}
.pagination.is-rounded .pagination-link {
border-radius: 290486px;
}
.pagination,
.pagination-list {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
font-size: 1em;
padding-left: 0.5em;
padding-right: 0.5em;
-ms-flex-pack: center;
justify-content: center;
margin: 0.25rem;
text-align: center;
}
.pagination-previous,
.pagination-next,
.pagination-link {
border-color: #dbdbdb;
color: #363636;
min-width: 2.25em;
}
.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
border-color: #b5b5b5;
color: #363636;
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
border-color: #3273dc;
}
.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
}
.pagination-previous[disabled],
.pagination-next[disabled],
.pagination-link[disabled] {
background-color: #dbdbdb;
border-color: #dbdbdb;
box-shadow: none;
color: #333;
opacity: 0.5;
}
.pagination-previous,
.pagination-next {
padding-left: 0.75em;
padding-right: 0.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 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.pagination {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pagination-previous,
.pagination-next {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.pagination-list li {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
@media screen and (min-width: 768px), print {
.pagination-list {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-order: 1;
order: 1;
}
.pagination-previous {
-ms-flex-order: 2;
order: 2;
}
.pagination-next {
-ms-flex-order: 3;
order: 3;
}
.pagination {
-ms-flex-pack: justify;
justify-content: space-between;
}
.pagination.is-centered .pagination-previous {
-ms-flex-order: 1;
order: 1;
}
.pagination.is-centered .pagination-list {
-ms-flex-pack: center;
justify-content: center;
-ms-flex-order: 2;
order: 2;
}
.pagination.is-centered .pagination-next {
-ms-flex-order: 3;
order: 3;
}
.pagination.is-right .pagination-previous {
-ms-flex-order: 1;
order: 1;
}
.pagination.is-right .pagination-next {
-ms-flex-order: 2;
order: 2;
}
.pagination.is-right .pagination-list {
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-order: 3;
order: 3;
}
}
.panel {
font-size: 1rem;
}
.panel:not(:last-child) {
margin-bottom: 1.5rem;
}
.panel-heading,
.panel-tabs,
.panel-block {
border-bottom: 1px solid #dbdbdb;
border-left: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
}
.panel-heading:first-child,
.panel-tabs:first-child,
.panel-block:first-child {
border-top: 1px solid #dbdbdb;
}
.panel-heading {
background-color: whitesmoke;
border-radius: 4px 4px 0 0;
color: #363636;
font-size: 1.25em;
font-weight: 300;
line-height: 1.25;
padding: 0.5em 0.75em;
}
.panel-tabs {
-ms-flex-align: end;
align-items: flex-end;
display: -ms-flexbox;
display: flex;
font-size: 0.875em;
-ms-flex-pack: center;
justify-content: center;
}
.panel-tabs a {
border-bottom: 1px solid #dbdbdb;
margin-bottom: -1px;
padding: 0.5em;
}
.panel-tabs a.is-active {
border-bottom-color: #4a4a4a;
color: #363636;
}
.panel-list a {
color: #4a4a4a;
}
.panel-list a:hover {
color: #3273dc;
}
.panel-block {
-ms-flex-align: center;
align-items: center;
color: #363636;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0.5em 0.75em;
}
.panel-block input[type=checkbox] {
margin-right: 0.75em;
}
.panel-block > .control {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
width: 100%;
}
.panel-block.is-wrapped {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.panel-block.is-active {
border-left-color: #3273dc;
color: #363636;
}
.panel-block.is-active .panel-icon {
color: #3273dc;
}
a.panel-block,
label.panel-block {
cursor: pointer;
}
a.panel-block:hover,
label.panel-block:hover {
background-color: whitesmoke;
}
.panel-icon {
display: inline-block;
font-size: 14px;
height: 1em;
line-height: 1em;
text-align: center;
vertical-align: top;
width: 1em;
color: #333;
margin-right: 0.75em;
}
.panel-icon .fa {
font-size: inherit;
line-height: inherit;
}
.tabs {
-webkit-overflow-scrolling: touch;
-ms-flex-align: stretch;
align-items: stretch;
display: -ms-flexbox;
display: flex;
font-size: 1rem;
-ms-flex-pack: justify;
justify-content: space-between;
overflow: hidden;
overflow-x: auto;
white-space: nowrap;
}
.tabs a {
-ms-flex-align: center;
align-items: center;
border-bottom-color: #dbdbdb;
border-bottom-style: solid;
border-bottom-width: 1px;
color: #4a4a4a;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: -1px;
padding: 0.5em 1em;
vertical-align: top;
}
.tabs a:hover {
border-bottom-color: #363636;
color: #363636;
}
.tabs li {
display: block;
}
.tabs li.is-active a {
border-bottom-color: #3273dc;
color: #3273dc;
}
.tabs ul {
-ms-flex-align: center;
align-items: center;
border-bottom-color: #dbdbdb;
border-bottom-style: solid;
border-bottom-width: 1px;
display: -ms-flexbox;
display: flex;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: start;
justify-content: flex-start;
}
.tabs ul.is-left {
padding-right: 0.75em;
}
.tabs ul.is-center {
-ms-flex: none;
flex: none;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0.75em;
padding-right: 0.75em;
}
.tabs ul.is-right {
-ms-flex-pack: end;
justify-content: flex-end;
padding-left: 0.75em;
}
.tabs .icon:first-child {
margin-right: 0.5em;
}
.tabs .icon:last-child {
margin-left: 0.5em;
}
.tabs.is-centered ul {
-ms-flex-pack: center;
justify-content: center;
}
.tabs.is-right ul {
-ms-flex-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: whitesmoke;
border-bottom-color: #dbdbdb;
}
.tabs.is-boxed li.is-active a {
background-color: white;
border-color: #dbdbdb;
border-bottom-color: transparent !important;
}
.tabs.is-fullwidth li {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.tabs.is-toggle a {
border-color: #dbdbdb;
border-style: solid;
border-width: 1px;
margin-bottom: 0;
position: relative;
}
.tabs.is-toggle a:hover {
background-color: whitesmoke;
border-color: #b5b5b5;
z-index: 2;
}
.tabs.is-toggle li + li {
margin-left: -1px;
}
.tabs.is-toggle li:first-child a {
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: 0.75rem;
}
.tabs.is-medium {
font-size: 1.25rem;
}
.tabs.is-large {
font-size: 1.5rem;
}
.column {
display: block;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
padding: 7.5px;
}
.columns.is-mobile > .column.is-narrow {
-ms-flex: none;
flex: none;
}
.columns.is-mobile > .column.is-full {
-ms-flex: none;
flex: none;
width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
-ms-flex: none;
flex: none;
width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
-ms-flex: none;
flex: none;
width: 50%;
}
.columns.is-mobile > .column.is-one-third {
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
-ms-flex: none;
flex: none;
width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
-ms-flex: none;
flex: none;
width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
-ms-flex: none;
flex: none;
width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
-ms-flex: none;
flex: none;
width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
-ms-flex: none;
flex: none;
width: 80%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
margin-left: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
margin-left: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
margin-left: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
margin-left: 33.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
margin-left: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
margin-left: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
margin-left: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
margin-left: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
margin-left: 80%;
}
.columns.is-mobile > .column.is-1 {
-ms-flex: none;
flex: none;
width: 8.33333%;
}
.columns.is-mobile > .column.is-offset-1 {
margin-left: 8.33333%;
}
.columns.is-mobile > .column.is-2 {
-ms-flex: none;
flex: none;
width: 16.66667%;
}
.columns.is-mobile > .column.is-offset-2 {
margin-left: 16.66667%;
}
.columns.is-mobile > .column.is-3 {
-ms-flex: none;
flex: none;
width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
margin-left: 25%;
}
.columns.is-mobile > .column.is-4 {
-ms-flex: none;
flex: none;
width: 33.33333%;
}
.columns.is-mobile > .column.is-offset-4 {
margin-left: 33.33333%;
}
.columns.is-mobile > .column.is-5 {
-ms-flex: none;
flex: none;
width: 41.66667%;
}
.columns.is-mobile > .column.is-offset-5 {
margin-left: 41.66667%;
}
.columns.is-mobile > .column.is-6 {
-ms-flex: none;
flex: none;
width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
margin-left: 50%;
}
.columns.is-mobile > .column.is-7 {
-ms-flex: none;
flex: none;
width: 58.33333%;
}
.columns.is-mobile > .column.is-offset-7 {
margin-left: 58.33333%;
}
.columns.is-mobile > .column.is-8 {
-ms-flex: none;
flex: none;
width: 66.66667%;
}
.columns.is-mobile > .column.is-offset-8 {
margin-left: 66.66667%;
}
.columns.is-mobile > .column.is-9 {
-ms-flex: none;
flex: none;
width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
margin-left: 75%;
}
.columns.is-mobile > .column.is-10 {
-ms-flex: none;
flex: none;
width: 83.33333%;
}
.columns.is-mobile > .column.is-offset-10 {
margin-left: 83.33333%;
}
.columns.is-mobile > .column.is-11 {
-ms-flex: none;
flex: none;
width: 91.66667%;
}
.columns.is-mobile > .column.is-offset-11 {
margin-left: 91.66667%;
}
.columns.is-mobile > .column.is-12 {
-ms-flex: none;
flex: none;
width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
margin-left: 100%;
}
@media screen and (max-width: 767px) {
.column.is-narrow-mobile {
-ms-flex: none;
flex: none;
}
.column.is-full-mobile {
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-three-quarters-mobile {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds-mobile {
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half-mobile {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third-mobile {
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-mobile {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-one-fifth-mobile {
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths-mobile {
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths-mobile {
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths-mobile {
-ms-flex: none;
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-mobile {
margin-left: 75%;
}
.column.is-offset-two-thirds-mobile {
margin-left: 66.6666%;
}
.column.is-offset-half-mobile {
margin-left: 50%;
}
.column.is-offset-one-third-mobile {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-mobile {
margin-left: 25%;
}
.column.is-offset-one-fifth-mobile {
margin-left: 20%;
}
.column.is-offset-two-fifths-mobile {
margin-left: 40%;
}
.column.is-offset-three-fifths-mobile {
margin-left: 60%;
}
.column.is-offset-four-fifths-mobile {
margin-left: 80%;
}
.column.is-1-mobile {
-ms-flex: none;
flex: none;
width: 8.33333%;
}
.column.is-offset-1-mobile {
margin-left: 8.33333%;
}
.column.is-2-mobile {
-ms-flex: none;
flex: none;
width: 16.66667%;
}
.column.is-offset-2-mobile {
margin-left: 16.66667%;
}
.column.is-3-mobile {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3-mobile {
margin-left: 25%;
}
.column.is-4-mobile {
-ms-flex: none;
flex: none;
width: 33.33333%;
}
.column.is-offset-4-mobile {
margin-left: 33.33333%;
}
.column.is-5-mobile {
-ms-flex: none;
flex: none;
width: 41.66667%;
}
.column.is-offset-5-mobile {
margin-left: 41.66667%;
}
.column.is-6-mobile {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6-mobile {
margin-left: 50%;
}
.column.is-7-mobile {
-ms-flex: none;
flex: none;
width: 58.33333%;
}
.column.is-offset-7-mobile {
margin-left: 58.33333%;
}
.column.is-8-mobile {
-ms-flex: none;
flex: none;
width: 66.66667%;
}
.column.is-offset-8-mobile {
margin-left: 66.66667%;
}
.column.is-9-mobile {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9-mobile {
margin-left: 75%;
}
.column.is-10-mobile {
-ms-flex: none;
flex: none;
width: 83.33333%;
}
.column.is-offset-10-mobile {
margin-left: 83.33333%;
}
.column.is-11-mobile {
-ms-flex: none;
flex: none;
width: 91.66667%;
}
.column.is-offset-11-mobile {
margin-left: 91.66667%;
}
.column.is-12-mobile {
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12-mobile {
margin-left: 100%;
}
}
@media screen and (min-width: 768px), print {
.column.is-narrow,
.column.is-narrow-tablet {
-ms-flex: none;
flex: none;
}
.column.is-full,
.column.is-full-tablet {
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-three-quarters,
.column.is-three-quarters-tablet {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds,
.column.is-two-thirds-tablet {
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half,
.column.is-half-tablet {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third,
.column.is-one-third-tablet {
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter,
.column.is-one-quarter-tablet {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-one-fifth,
.column.is-one-fifth-tablet {
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths,
.column.is-two-fifths-tablet {
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths,
.column.is-three-fifths-tablet {
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths,
.column.is-four-fifths-tablet {
-ms-flex: none;
flex: none;
width: 80%;
}
.column.is-offset-three-quarters,
.column.is-offset-three-quarters-tablet {
margin-left: 75%;
}
.column.is-offset-two-thirds,
.column.is-offset-two-thirds-tablet {
margin-left: 66.6666%;
}
.column.is-offset-half,
.column.is-offset-half-tablet {
margin-left: 50%;
}
.column.is-offset-one-third,
.column.is-offset-one-third-tablet {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter,
.column.is-offset-one-quarter-tablet {
margin-left: 25%;
}
.column.is-offset-one-fifth,
.column.is-offset-one-fifth-tablet {
margin-left: 20%;
}
.column.is-offset-two-fifths,
.column.is-offset-two-fifths-tablet {
margin-left: 40%;
}
.column.is-offset-three-fifths,
.column.is-offset-three-fifths-tablet {
margin-left: 60%;
}
.column.is-offset-four-fifths,
.column.is-offset-four-fifths-tablet {
margin-left: 80%;
}
.column.is-1,
.column.is-1-tablet {
-ms-flex: none;
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 {
-ms-flex: none;
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 {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3,
.column.is-offset-3-tablet {
margin-left: 25%;
}
.column.is-4,
.column.is-4-tablet {
-ms-flex: none;
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 {
-ms-flex: none;
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 {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6,
.column.is-offset-6-tablet {
margin-left: 50%;
}
.column.is-7,
.column.is-7-tablet {
-ms-flex: none;
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 {
-ms-flex: none;
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 {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9,
.column.is-offset-9-tablet {
margin-left: 75%;
}
.column.is-10,
.column.is-10-tablet {
-ms-flex: none;
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 {
-ms-flex: none;
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 {
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12,
.column.is-offset-12-tablet {
margin-left: 100%;
}
}
@media screen and (max-width: 990px) {
.column.is-narrow-touch {
-ms-flex: none;
flex: none;
}
.column.is-full-touch {
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-three-quarters-touch {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds-touch {
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half-touch {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third-touch {
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-touch {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-one-fifth-touch {
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths-touch {
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths-touch {
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths-touch {
-ms-flex: none;
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-touch {
margin-left: 75%;
}
.column.is-offset-two-thirds-touch {
margin-left: 66.6666%;
}
.column.is-offset-half-touch {
margin-left: 50%;
}
.column.is-offset-one-third-touch {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-touch {
margin-left: 25%;
}
.column.is-offset-one-fifth-touch {
margin-left: 20%;
}
.column.is-offset-two-fifths-touch {
margin-left: 40%;
}
.column.is-offset-three-fifths-touch {
margin-left: 60%;
}
.column.is-offset-four-fifths-touch {
margin-left: 80%;
}
.column.is-1-touch {
-ms-flex: none;
flex: none;
width: 8.33333%;
}
.column.is-offset-1-touch {
margin-left: 8.33333%;
}
.column.is-2-touch {
-ms-flex: none;
flex: none;
width: 16.66667%;
}
.column.is-offset-2-touch {
margin-left: 16.66667%;
}
.column.is-3-touch {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3-touch {
margin-left: 25%;
}
.column.is-4-touch {
-ms-flex: none;
flex: none;
width: 33.33333%;
}
.column.is-offset-4-touch {
margin-left: 33.33333%;
}
.column.is-5-touch {
-ms-flex: none;
flex: none;
width: 41.66667%;
}
.column.is-offset-5-touch {
margin-left: 41.66667%;
}
.column.is-6-touch {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6-touch {
margin-left: 50%;
}
.column.is-7-touch {
-ms-flex: none;
flex: none;
width: 58.33333%;
}
.column.is-offset-7-touch {
margin-left: 58.33333%;
}
.column.is-8-touch {
-ms-flex: none;
flex: none;
width: 66.66667%;
}
.column.is-offset-8-touch {
margin-left: 66.66667%;
}
.column.is-9-touch {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9-touch {
margin-left: 75%;
}
.column.is-10-touch {
-ms-flex: none;
flex: none;
width: 83.33333%;
}
.column.is-offset-10-touch {
margin-left: 83.33333%;
}
.column.is-11-touch {
-ms-flex: none;
flex: none;
width: 91.66667%;
}
.column.is-offset-11-touch {
margin-left: 91.66667%;
}
.column.is-12-touch {
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12-touch {
margin-left: 100%;
}
}
@media screen and (min-width: 991px) {
.column.is-narrow-desktop {
-ms-flex: none;
flex: none;
}
.column.is-full-desktop {
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-three-quarters-desktop {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds-desktop {
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half-desktop {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third-desktop {
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-desktop {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-one-fifth-desktop {
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths-desktop {
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths-desktop {
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths-desktop {
-ms-flex: none;
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-desktop {
margin-left: 75%;
}
.column.is-offset-two-thirds-desktop {
margin-left: 66.6666%;
}
.column.is-offset-half-desktop {
margin-left: 50%;
}
.column.is-offset-one-third-desktop {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-desktop {
margin-left: 25%;
}
.column.is-offset-one-fifth-desktop {
margin-left: 20%;
}
.column.is-offset-two-fifths-desktop {
margin-left: 40%;
}
.column.is-offset-three-fifths-desktop {
margin-left: 60%;
}
.column.is-offset-four-fifths-desktop {
margin-left: 80%;
}
.column.is-1-desktop {
-ms-flex: none;
flex: none;
width: 8.33333%;
}
.column.is-offset-1-desktop {
margin-left: 8.33333%;
}
.column.is-2-desktop {
-ms-flex: none;
flex: none;
width: 16.66667%;
}
.column.is-offset-2-desktop {
margin-left: 16.66667%;
}
.column.is-3-desktop {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3-desktop {
margin-left: 25%;
}
.column.is-4-desktop {
-ms-flex: none;
flex: none;
width: 33.33333%;
}
.column.is-offset-4-desktop {
margin-left: 33.33333%;
}
.column.is-5-desktop {
-ms-flex: none;
flex: none;
width: 41.66667%;
}
.column.is-offset-5-desktop {
margin-left: 41.66667%;
}
.column.is-6-desktop {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6-desktop {
margin-left: 50%;
}
.column.is-7-desktop {
-ms-flex: none;
flex: none;
width: 58.33333%;
}
.column.is-offset-7-desktop {
margin-left: 58.33333%;
}
.column.is-8-desktop {
-ms-flex: none;
flex: none;
width: 66.66667%;
}
.column.is-offset-8-desktop {
margin-left: 66.66667%;
}
.column.is-9-desktop {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9-desktop {
margin-left: 75%;
}
.column.is-10-desktop {
-ms-flex: none;
flex: none;
width: 83.33333%;
}
.column.is-offset-10-desktop {
margin-left: 83.33333%;
}
.column.is-11-desktop {
-ms-flex: none;
flex: none;
width: 91.66667%;
}
.column.is-offset-11-desktop {
margin-left: 91.66667%;
}
.column.is-12-desktop {
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12-desktop {
margin-left: 100%;
}
}
@media screen and (min-width: 1200px) {
.column.is-narrow-widescreen {
-ms-flex: none;
flex: none;
}
.column.is-full-widescreen {
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-three-quarters-widescreen {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds-widescreen {
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half-widescreen {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third-widescreen {
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-widescreen {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-one-fifth-widescreen {
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths-widescreen {
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths-widescreen {
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths-widescreen {
-ms-flex: none;
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-widescreen {
margin-left: 75%;
}
.column.is-offset-two-thirds-widescreen {
margin-left: 66.6666%;
}
.column.is-offset-half-widescreen {
margin-left: 50%;
}
.column.is-offset-one-third-widescreen {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-widescreen {
margin-left: 25%;
}
.column.is-offset-one-fifth-widescreen {
margin-left: 20%;
}
.column.is-offset-two-fifths-widescreen {
margin-left: 40%;
}
.column.is-offset-three-fifths-widescreen {
margin-left: 60%;
}
.column.is-offset-four-fifths-widescreen {
margin-left: 80%;
}
.column.is-1-widescreen {
-ms-flex: none;
flex: none;
width: 8.33333%;
}
.column.is-offset-1-widescreen {
margin-left: 8.33333%;
}
.column.is-2-widescreen {
-ms-flex: none;
flex: none;
width: 16.66667%;
}
.column.is-offset-2-widescreen {
margin-left: 16.66667%;
}
.column.is-3-widescreen {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3-widescreen {
margin-left: 25%;
}
.column.is-4-widescreen {
-ms-flex: none;
flex: none;
width: 33.33333%;
}
.column.is-offset-4-widescreen {
margin-left: 33.33333%;
}
.column.is-5-widescreen {
-ms-flex: none;
flex: none;
width: 41.66667%;
}
.column.is-offset-5-widescreen {
margin-left: 41.66667%;
}
.column.is-6-widescreen {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6-widescreen {
margin-left: 50%;
}
.column.is-7-widescreen {
-ms-flex: none;
flex: none;
width: 58.33333%;
}
.column.is-offset-7-widescreen {
margin-left: 58.33333%;
}
.column.is-8-widescreen {
-ms-flex: none;
flex: none;
width: 66.66667%;
}
.column.is-offset-8-widescreen {
margin-left: 66.66667%;
}
.column.is-9-widescreen {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9-widescreen {
margin-left: 75%;
}
.column.is-10-widescreen {
-ms-flex: none;
flex: none;
width: 83.33333%;
}
.column.is-offset-10-widescreen {
margin-left: 83.33333%;
}
.column.is-11-widescreen {
-ms-flex: none;
flex: none;
width: 91.66667%;
}
.column.is-offset-11-widescreen {
margin-left: 91.66667%;
}
.column.is-12-widescreen {
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12-widescreen {
margin-left: 100%;
}
}
@media screen and (min-width: 1440) {
.column.is-narrow-fullhd {
-ms-flex: none;
flex: none;
}
.column.is-full-fullhd {
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-three-quarters-fullhd {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds-fullhd {
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half-fullhd {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third-fullhd {
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-fullhd {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-one-fifth-fullhd {
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths-fullhd {
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths-fullhd {
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths-fullhd {
-ms-flex: none;
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-fullhd {
margin-left: 75%;
}
.column.is-offset-two-thirds-fullhd {
margin-left: 66.6666%;
}
.column.is-offset-half-fullhd {
margin-left: 50%;
}
.column.is-offset-one-third-fullhd {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-fullhd {
margin-left: 25%;
}
.column.is-offset-one-fifth-fullhd {
margin-left: 20%;
}
.column.is-offset-two-fifths-fullhd {
margin-left: 40%;
}
.column.is-offset-three-fifths-fullhd {
margin-left: 60%;
}
.column.is-offset-four-fifths-fullhd {
margin-left: 80%;
}
.column.is-1-fullhd {
-ms-flex: none;
flex: none;
width: 8.33333%;
}
.column.is-offset-1-fullhd {
margin-left: 8.33333%;
}
.column.is-2-fullhd {
-ms-flex: none;
flex: none;
width: 16.66667%;
}
.column.is-offset-2-fullhd {
margin-left: 16.66667%;
}
.column.is-3-fullhd {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3-fullhd {
margin-left: 25%;
}
.column.is-4-fullhd {
-ms-flex: none;
flex: none;
width: 33.33333%;
}
.column.is-offset-4-fullhd {
margin-left: 33.33333%;
}
.column.is-5-fullhd {
-ms-flex: none;
flex: none;
width: 41.66667%;
}
.column.is-offset-5-fullhd {
margin-left: 41.66667%;
}
.column.is-6-fullhd {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6-fullhd {
margin-left: 50%;
}
.column.is-7-fullhd {
-ms-flex: none;
flex: none;
width: 58.33333%;
}
.column.is-offset-7-fullhd {
margin-left: 58.33333%;
}
.column.is-8-fullhd {
-ms-flex: none;
flex: none;
width: 66.66667%;
}
.column.is-offset-8-fullhd {
margin-left: 66.66667%;
}
.column.is-9-fullhd {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9-fullhd {
margin-left: 75%;
}
.column.is-10-fullhd {
-ms-flex: none;
flex: none;
width: 83.33333%;
}
.column.is-offset-10-fullhd {
margin-left: 83.33333%;
}
.column.is-11-fullhd {
-ms-flex: none;
flex: none;
width: 91.66667%;
}
.column.is-offset-11-fullhd {
margin-left: 91.66667%;
}
.column.is-12-fullhd {
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12-fullhd {
margin-left: 100%;
}
}
.columns {
margin-left: -7.5px;
margin-right: -7.5px;
margin-top: -7.5px;
}
.columns:last-child {
margin-bottom: -7.5px;
}
.columns:not(:last-child) {
margin-bottom: calc(1.5rem - 7.5px);
}
.columns.is-centered {
-ms-flex-pack: center;
justify-content: center;
}
.columns.is-gapless {
margin-left: 0;
margin-right: 0;
margin-top: 0;
}
.columns.is-gapless > .column {
margin: 0;
padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
margin-bottom: 0;
}
.columns.is-mobile {
display: -ms-flexbox;
display: flex;
}
.columns.is-multiline {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.columns.is-vcentered {
-ms-flex-align: center;
align-items: center;
}
@media screen and (min-width: 768px), print {
.columns:not(.is-desktop) {
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 991px) {
.columns.is-desktop {
display: -ms-flexbox;
display: flex;
}
}
.columns.is-variable {
--columnGap: 0.75rem;
margin-left: calc(-1 * var(--columnGap));
margin-right: calc(-1 * var(--columnGap));
}
.columns.is-variable .column {
padding-left: var(--columnGap);
padding-right: var(--columnGap);
}
.columns.is-variable.is-0 {
--columnGap: 0rem;
}
@media screen and (max-width: 767px) {
.columns.is-variable.is-0-mobile {
--columnGap: 0rem;
}
}
@media screen and (min-width: 768px), print {
.columns.is-variable.is-0-tablet {
--columnGap: 0rem;
}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
.columns.is-variable.is-0-tablet-only {
--columnGap: 0rem;
}
}
@media screen and (max-width: 990px) {
.columns.is-variable.is-0-touch {
--columnGap: 0rem;
}
}
@media screen and (min-width: 991px) {
.columns.is-variable.is-0-desktop {
--columnGap: 0rem;
}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
.columns.is-variable.is-0-desktop-only {
--columnGap: 0rem;
}
}
@media screen and (min-width: 1200px) {
.columns.is-variable.is-0-widescreen {
--columnGap: 0rem;
}
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.columns.is-variable.is-0-widescreen-only {
--columnGap: 0rem;
}
}
@media screen and (min-width: 1440) {
.columns.is-variable.is-0-fullhd {
--columnGap: 0rem;
}
}
.columns.is-variable.is-1 {
--columnGap: 0.25rem;
}
@media screen and (max-width: 767px) {
.columns.is-variable.is-1-mobile {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 768px), print {
.columns.is-variable.is-1-tablet {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
.columns.is-variable.is-1-tablet-only {
--columnGap: 0.25rem;
}
}
@media screen and (max-width: 990px) {
.columns.is-variable.is-1-touch {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 991px) {
.columns.is-variable.is-1-desktop {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
.columns.is-variable.is-1-desktop-only {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 1200px) {
.columns.is-variable.is-1-widescreen {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.columns.is-variable.is-1-widescreen-only {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 1440) {
.columns.is-variable.is-1-fullhd {
--columnGap: 0.25rem;
}
}
.columns.is-variable.is-2 {
--columnGap: 0.5rem;
}
@media screen and (max-width: 767px) {
.columns.is-variable.is-2-mobile {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 768px), print {
.columns.is-variable.is-2-tablet {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
.columns.is-variable.is-2-tablet-only {
--columnGap: 0.5rem;
}
}
@media screen and (max-width: 990px) {
.columns.is-variable.is-2-touch {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 991px) {
.columns.is-variable.is-2-desktop {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
.columns.is-variable.is-2-desktop-only {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 1200px) {
.columns.is-variable.is-2-widescreen {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.columns.is-variable.is-2-widescreen-only {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 1440) {
.columns.is-variable.is-2-fullhd {
--columnGap: 0.5rem;
}
}
.columns.is-variable.is-3 {
--columnGap: 0.75rem;
}
@media screen and (max-width: 767px) {
.columns.is-variable.is-3-mobile {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 768px), print {
.columns.is-variable.is-3-tablet {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
.columns.is-variable.is-3-tablet-only {
--columnGap: 0.75rem;
}
}
@media screen and (max-width: 990px) {
.columns.is-variable.is-3-touch {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 991px) {
.columns.is-variable.is-3-desktop {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
.columns.is-variable.is-3-desktop-only {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 1200px) {
.columns.is-variable.is-3-widescreen {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.columns.is-variable.is-3-widescreen-only {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 1440) {
.columns.is-variable.is-3-fullhd {
--columnGap: 0.75rem;
}
}
.columns.is-variable.is-4 {
--columnGap: 1rem;
}
@media screen and (max-width: 767px) {
.columns.is-variable.is-4-mobile {
--columnGap: 1rem;
}
}
@media screen and (min-width: 768px), print {
.columns.is-variable.is-4-tablet {
--columnGap: 1rem;
}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
.columns.is-variable.is-4-tablet-only {
--columnGap: 1rem;
}
}
@media screen and (max-width: 990px) {
.columns.is-variable.is-4-touch {
--columnGap: 1rem;
}
}
@media screen and (min-width: 991px) {
.columns.is-variable.is-4-desktop {
--columnGap: 1rem;
}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
.columns.is-variable.is-4-desktop-only {
--columnGap: 1rem;
}
}
@media screen and (min-width: 1200px) {
.columns.is-variable.is-4-widescreen {
--columnGap: 1rem;
}
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.columns.is-variable.is-4-widescreen-only {
--columnGap: 1rem;
}
}
@media screen and (min-width: 1440) {
.columns.is-variable.is-4-fullhd {
--columnGap: 1rem;
}
}
.columns.is-variable.is-5 {
--columnGap: 1.25rem;
}
@media screen and (max-width: 767px) {
.columns.is-variable.is-5-mobile {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 768px), print {
.columns.is-variable.is-5-tablet {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
.columns.is-variable.is-5-tablet-only {
--columnGap: 1.25rem;
}
}
@media screen and (max-width: 990px) {
.columns.is-variable.is-5-touch {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 991px) {
.columns.is-variable.is-5-desktop {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
.columns.is-variable.is-5-desktop-only {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 1200px) {
.columns.is-variable.is-5-widescreen {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.columns.is-variable.is-5-widescreen-only {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 1440) {
.columns.is-variable.is-5-fullhd {
--columnGap: 1.25rem;
}
}
.columns.is-variable.is-6 {
--columnGap: 1.5rem;
}
@media screen and (max-width: 767px) {
.columns.is-variable.is-6-mobile {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 768px), print {
.columns.is-variable.is-6-tablet {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
.columns.is-variable.is-6-tablet-only {
--columnGap: 1.5rem;
}
}
@media screen and (max-width: 990px) {
.columns.is-variable.is-6-touch {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 991px) {
.columns.is-variable.is-6-desktop {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
.columns.is-variable.is-6-desktop-only {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 1200px) {
.columns.is-variable.is-6-widescreen {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.columns.is-variable.is-6-widescreen-only {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 1440) {
.columns.is-variable.is-6-fullhd {
--columnGap: 1.5rem;
}
}
.columns.is-variable.is-7 {
--columnGap: 1.75rem;
}
@media screen and (max-width: 767px) {
.columns.is-variable.is-7-mobile {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 768px), print {
.columns.is-variable.is-7-tablet {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
.columns.is-variable.is-7-tablet-only {
--columnGap: 1.75rem;
}
}
@media screen and (max-width: 990px) {
.columns.is-variable.is-7-touch {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 991px) {
.columns.is-variable.is-7-desktop {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
.columns.is-variable.is-7-desktop-only {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 1200px) {
.columns.is-variable.is-7-widescreen {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.columns.is-variable.is-7-widescreen-only {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 1440) {
.columns.is-variable.is-7-fullhd {
--columnGap: 1.75rem;
}
}
.columns.is-variable.is-8 {
--columnGap: 2rem;
}
@media screen and (max-width: 767px) {
.columns.is-variable.is-8-mobile {
--columnGap: 2rem;
}
}
@media screen and (min-width: 768px), print {
.columns.is-variable.is-8-tablet {
--columnGap: 2rem;
}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
.columns.is-variable.is-8-tablet-only {
--columnGap: 2rem;
}
}
@media screen and (max-width: 990px) {
.columns.is-variable.is-8-touch {
--columnGap: 2rem;
}
}
@media screen and (min-width: 991px) {
.columns.is-variable.is-8-desktop {
--columnGap: 2rem;
}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
.columns.is-variable.is-8-desktop-only {
--columnGap: 2rem;
}
}
@media screen and (min-width: 1200px) {
.columns.is-variable.is-8-widescreen {
--columnGap: 2rem;
}
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.columns.is-variable.is-8-widescreen-only {
--columnGap: 2rem;
}
}
@media screen and (min-width: 1440) {
.columns.is-variable.is-8-fullhd {
--columnGap: 2rem;
}
}
.tile {
-ms-flex-align: stretch;
align-items: stretch;
display: block;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
min-height: -webkit-min-content;
min-height: min-content;
}
.tile.is-ancestor {
margin-left: -0.75rem;
margin-right: -0.75rem;
margin-top: -0.75rem;
}
.tile.is-ancestor:last-child {
margin-bottom: -0.75rem;
}
.tile.is-ancestor:not(:last-child) {
margin-bottom: 0.75rem;
}
.tile.is-child {
margin: 0 !important;
}
.tile.is-parent {
padding: 0.75rem;
}
.tile.is-vertical {
-ms-flex-direction: column;
flex-direction: column;
}
.tile.is-vertical > .tile.is-child:not(:last-child) {
margin-bottom: 1.5rem !important;
}
@media screen and (min-width: 768px), print {
.tile:not(.is-child) {
display: -ms-flexbox;
display: flex;
}
.tile.is-1 {
-ms-flex: none;
flex: none;
width: 8.33333%;
}
.tile.is-2 {
-ms-flex: none;
flex: none;
width: 16.66667%;
}
.tile.is-3 {
-ms-flex: none;
flex: none;
width: 25%;
}
.tile.is-4 {
-ms-flex: none;
flex: none;
width: 33.33333%;
}
.tile.is-5 {
-ms-flex: none;
flex: none;
width: 41.66667%;
}
.tile.is-6 {
-ms-flex: none;
flex: none;
width: 50%;
}
.tile.is-7 {
-ms-flex: none;
flex: none;
width: 58.33333%;
}
.tile.is-8 {
-ms-flex: none;
flex: none;
width: 66.66667%;
}
.tile.is-9 {
-ms-flex: none;
flex: none;
width: 75%;
}
.tile.is-10 {
-ms-flex: none;
flex: none;
width: 83.33333%;
}
.tile.is-11 {
-ms-flex: none;
flex: none;
width: 91.66667%;
}
.tile.is-12 {
-ms-flex: none;
flex: none;
width: 100%;
}
}
p,
blockquote,
address,
em,
img,
small,
strong,
sub,
sup,
b,
i,
ol,
ul,
li,
fieldset,
form,
label,
table,
caption,
tbody,
tr,
th,
td,
article,
aside,
figcaption,
figure,
footer,
header,
nav,
iframe,
div,
span,
video,
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
section {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
.spin::before,
.spin::after {
top: 0;
left: 0;
box-sizing: inherit;
content: "";
position: absolute;
width: 100%;
height: 100%;
}
.calc-form,
.rent-calc-form {
position: relative;
z-index: 9;
display: block;
padding: 30px;
background: #fff;
border: 1px solid #ccc;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
clear: both;
}
blockquote {
quotes: none;
}
blockquote:before {
content: "";
content: none;
}
blockquote:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
article {
display: block;
}
aside {
display: block;
}
figcaption {
display: block;
}
figure {
display: block;
}
footer {
display: block;
}
header {
display: block;
}
nav {
display: block;
}
nav ul {
list-style: none;
}
* {
box-sizing: inherit;
box-sizing: border-box;
}
::after {
box-sizing: inherit;
}
::before {
box-sizing: inherit;
}
/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/
/* =====================================================================================================================
// RangeSlider */
.irs {
position: relative;
display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.irs-line {
position: relative;
display: block;
overflow: hidden;
outline: none !important;
}
.irs-line-left,
.irs-line-mid,
.irs-line-right {
position: absolute;
display: block;
top: 0;
}
.irs-line-left {
left: 0;
width: 11%;
}
.irs-line-mid {
left: 9%;
width: 82%;
}
.irs-line-right {
right: 0;
width: 11%;
}
.irs-bar {
position: absolute;
display: block;
left: 0;
width: 0;
}
.irs-bar-edge {
position: absolute;
display: block;
top: 0;
left: 0;
}
.irs-shadow {
position: absolute;
display: none;
left: 0;
width: 0;
}
.irs-slider {
position: absolute;
display: block;
cursor: default;
z-index: 1;
}
.irs-slider.type_last {
z-index: 2;
}
.irs-min {
position: absolute;
display: block;
left: 0;
cursor: default;
}
.irs-max {
position: absolute;
display: block;
right: 0;
cursor: default;
}
.irs-from,
.irs-to,
.irs-single {
position: absolute;
display: block;
top: 0;
left: 0;
cursor: default;
white-space: nowrap;
}
.irs-grid {
position: absolute;
display: none;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
}
.irs-with-grid .irs-grid {
display: block;
}
.irs-grid-pol {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 8px;
background: #000;
}
.irs-grid-pol.small {
height: 4px;
}
.irs-grid-text {
position: absolute;
bottom: 0;
left: 0;
white-space: nowrap;
text-align: center;
font-size: 9px;
line-height: 9px;
padding: 0 3px;
color: #000;
}
.irs-disable-mask {
position: absolute;
display: block;
top: 0;
left: -1%;
width: 102%;
height: 100%;
cursor: default;
background: rgba(0, 0, 0, 0);
z-index: 2;
}
.irs-disabled {
opacity: 0.4;
}
.lt-ie9 .irs-disabled {
filter: alpha(opacity=40);
}
.irs-hidden-input {
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
outline: none !important;
z-index: -9999 !important;
background: none !important;
border-style: solid !important;
border-color: transparent !important;
}
/* Ion.RangeSlider, Modern Skin
// css version 2.0.3
// © Denis Ineshin, 2014 https://github.com/IonDen
// ===================================================================================================================*/
/* =====================================================================================================================
// Skin details */
.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge,
.irs-slider {
background: url(../themes/shale/assets/img/sprite-skin-modern.png) repeat-x;
}
.irs {
height: 50px;
}
.irs-with-grid {
height: 70px;
}
.irs-line {
height: 6px;
top: 25px;
}
.irs-line-left {
height: 6px;
background-position: 0 -30px;
}
.irs-line-mid {
height: 6px;
background-position: 0 0;
}
.irs-line-right {
height: 6px;
background-position: 100% -30px;
}
.irs-bar {
height: 6px;
top: 25px;
background-position: 0 -60px;
}
.irs-bar-edge {
top: 25px;
height: 6px;
width: 6px;
background-position: 0 -90px;
}
.irs-shadow {
height: 5px;
top: 25px;
background: #000;
opacity: 0.25;
}
.lt-ie9 .irs-shadow {
filter: alpha(opacity=25);
}
.irs-slider {
width: 11px;
height: 18px;
top: 31px;
background-position: 0 -120px;
}
.irs-slider.state_hover,
.irs-slider:hover {
background-position: 0 -150px;
}
.irs-min,
.irs-max {
color: #999;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
top: 0;
padding: 1px 3px;
background: #e1e4e9;
border-radius: 4px;
}
.irs-from,
.irs-to,
.irs-single {
color: #fff;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background: #9bc83c;
border-radius: 4px;
}
.irs-from:after,
.irs-to:after,
.irs-single:after {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #9bc83c;
}
.irs-grid {
height: 34px;
}
.irs-grid-pol {
background: #c0c0c0;
}
.irs-grid-text {
bottom: 12px;
color: #c0c0c0;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-prev,
.slick-next {
position: absolute;
display: block;
cursor: pointer;
top: 50%;
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
background-color: transparent;
border: none;
outline: none;
z-index: 10;
height: 35px;
width: 35px;
z-index: 100;
}
.slick-prev svg,
.slick-next svg {
width: 100%;
height: 100%;
}
.slick-prev {
left: 10px;
}
.slick-next {
right: 10px;
}
.slick-slide {
position: relative;
}
html {
background: url(../themes/shale/assets/img/white-canvas.jpg) !important;
background-size: 100vh !important;
background-attachment: fixed !important;
}
body {
min-height: 100%;
font-size: 1em;
line-height: 1.4;
font-weight: 400;
font-family: Roboto, sans-serif;
color: #333;
background: #ffffffb3 !important;
position: relative;
}
h1 {
font-size: 2.625em;
font-weight: 100;
}
@media (max-width: 991px) {
h1 {
margin-top: 0.5rem;
}
}
h2 {
color: #333;
font-size: 2.063em;
}
@media (min-width: 992px) {
h2 {
padding-left: 0;
padding-right: 0;
}
}
.main_section h2 {
text-align: center;
font-size: 3.998em;
line-height: 100%;
font-weight: 200;
letter-spacing: -2px;
}
@media (min-width: 768px) and (max-width: 991px) {
.main_section h2 {
font-size: 2.625em;
letter-spacing: 0;
}
}
@media (max-width: 767px) {
.main_section h2 {
font-size: 2em;
padding: 20px 0;
letter-spacing: -1.5px;
max-width: 100%;
line-height: 1.2em;
}
}
@media (max-width: 575px) {
.main_section h2 {
padding: 0 30px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.main_section h2 {
font-size: 2.625em;
letter-spacing: 0;
}
}
@media (max-width: 767px) {
.main_section h2 {
font-size: 2em;
padding: 20px 0;
letter-spacing: -1.5px;
max-width: 100%;
line-height: 1.2em;
}
}
@media (max-width: 575px) {
.main_section h2 {
padding: 0 30px;
}
}
.centered > h2 {
padding-left: 30px;
padding-right: 30px;
}
@media (min-width: 992px) {
.centered > h2 {
padding-left: 0;
padding-right: 0;
}
}
h3 {
font-size: 1.5em;
}
h3.green {
color: #9bc83c;
}
h4 {
font-size: 1.25em;
font-weight: 500;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row:after {
content: " ";
display: table;
clear: both;
}
.wrapper {
max-width: 1100px;
display: block;
margin: 0 auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
.wrapper {
width: 960px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.wrapper {
width: 720px;
}
}
@media (max-width: 767px) {
.wrapper {
width: 540px;
}
}
@media (max-width: 575px) {
.wrapper {
width: 100%;
}
}
section {
display: block;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
color: #9bc83c;
text-decoration: none;
}
a:hover {
text-decoration: underline;
text-decoration: none;
color: #a349a4;
}
a:focus {
outline: 0 !important;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
.flex-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.col-4-1 {
float: left;
width: 25%;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.col-4-3 {
float: left;
width: 75%;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.col-3-1 {
float: left;
width: 33.33%;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.col-3-2 {
float: left;
width: 66.66%;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.col-2-1 {
float: left;
width: 50%;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.col-2-2 {
float: left;
width: 100%;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.main_section:not(.what_we_do):not(.prices):not(.reviews):not(.no-bg) {
background-color: #fff;
}
.main_section .wrapper {
position: relative;
}
.vc_row {
margin-left: -15px;
margin-right: -15px;
}
.icon-input {
position: relative;
display: block;
}
.icon-input .form-icon {
right: 5px;
}
.btn-row {
display: block;
text-align: center;
width: 100%;
}
.form-icon {
position: absolute;
right: 20px;
bottom: 10px;
width: 20px;
height: 20px;
color: #9bc83c;
z-index: 1;
}
.col-form {
width: 50%;
float: left;
}
.f-group {
position: relative;
}
button:focus {
outline: none;
}
.timetable h3 {
font-family: "Roboto Slab", sans-serif;
font-weight: 700;
font-size: 1.4em;
}
.ya-share2__container_size_m .ya-share2__icon {
-webkit-background-size: 35px 35px !important;
background-size: 35px 35px !important;
height: 35px !important;
width: 35px !important;
}
.sidepan img {
margin-left: 0;
transition: margin 1s ease;
}
.sidepan img:hover {
margin-left: -20px;
}
.search-form label:not(.for-check) {
font: 400 14px/14px Roboto, sans-serif;
color: #222;
display: block;
padding: 0 0 12px 0;
margin: 0;
max-width: 100%;
}
.mfp-inline-holder .mfp-content {
background: #fff url(../themes/shale/assets/img/pattern.svg);
border: 3px solid #9bc83c;
max-width: 550px;
padding: 40px 50px;
}
.mfp-ajax-holder .mfp-content {
background-color: #fff;
width: 550px;
padding: 40px 50px;
}
.mfp-content form > div {
margin-bottom: 1em;
}
table {
margin-top: 1em;
}
table td {
border: 1px solid #9bc83c;
font-size: 0.9em;
padding: 10px 15px;
}
#recieveCode {
width: 100%;
}
.wapp-link {
opacity: 1;
transition: opacity 0.2s ease-out;
}
.wapp-link:hover {
opacity: 0.8;
transition: opacity 0.2s ease-out;
}
.wapp-link svg {
width: 45px;
height: 45px;
}
.for-iphones-info {
display: none;
padding-top: 60px;
background: url(../themes/shale/assets/img/inst_dark.svg) 50% top no-repeat;
background-size: 45px;
font-size: 2em;
font-weight: 200;
padding-bottom: 25px;
}
.device-iPhone .for-iphones-info {
display: block;
}
._center-flex-elems {
-ms-flex-pack: center;
justify-content: center;
}
span.visible {
color: red;
font-size: 0.8em;
margin-bottom: 10px;
position: relative;
top: 5px;
display: block;
}
.centered {
text-align: center;
}
.section-space {
height: 50px;
display: block;
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-md-down {
display: none;
}
}
.clearfix {
*zoom: 1;
}
.clearfix:before {
content: " ";
display: table;
}
.clearfix:after {
content: " ";
display: table;
clear: both;
}
.secondname {
display: none;
}
.bigger {
font-size: 1.2em;
}
.full-width {
width: 100%;
}
.for-check {
padding-right: 20px;
}
input {
vertical-align: middle;
border-radius: 0;
}
input:focus {
outline: none;
}
select {
vertical-align: middle;
border-radius: 0;
height: 38px;
padding: 0 10px;
width: 100%;
}
input[type=radio] {
border: none !important;
width: auto !important;
height: auto !important;
}
input[type=text] {
width: 100%;
border: 1px solid #ccc;
padding: 0 15px;
border: 1px solid #ccc;
font: 400 14px Roboto, sans-serif;
color: #777;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
padding: 0 16px;
height: 40px;
min-height: 40px;
max-height: 40px;
z-index: 2;
position: relative;
background: #fff;
}
input[type=tel] {
width: 100%;
border: 1px solid #ccc;
padding: 0 15px;
border: 1px solid #ccc;
font: 400 14px Roboto, sans-serif;
color: #777;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
padding: 0 16px;
height: 40px;
min-height: 40px;
max-height: 40px;
z-index: 2;
position: relative;
background: #fff;
}
input[type=email] {
width: 100%;
border: 1px solid #ccc;
padding: 0 15px;
border: 1px solid #ccc;
font: 400 14px Roboto, sans-serif;
color: #777;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
padding: 0 16px;
height: 40px;
min-height: 40px;
max-height: 40px;
z-index: 2;
position: relative;
background: #fff;
}
textarea {
width: 100%;
border: 1px solid #ccc;
padding: 0 15px;
border: 1px solid #ccc;
font: 400 14px Roboto, sans-serif;
color: #777;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
padding: 0 16px;
height: 80px;
padding-top: 12px;
}
textarea:focus {
outline: none;
}
.button {
padding: 10px 12px 11px;
height: auto;
display: inline-block;
line-height: 1;
border-width: 1px;
border-style: solid;
border-color: #9bc83c;
min-width: 40px;
}
.button.-green {
background-color: #9bc83c;
color: #fff;
}
.what_we_do .wrapper {
position: relative;
z-index: 2;
}
.three_cols .col {
-ms-flex: 1 0 100%;
flex: 1 0 100%;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 992px) {
.three_cols .col {
-ms-flex: 1 0 33.333%;
flex: 1 0 33.333%;
width: 33.333%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.three_cols .col {
-ms-flex: 1 0 50%;
flex: 1 0 50%;
width: 50%;
position: relative;
}
}
.three_cols .col h3 {
font-size: 1em;
display: block;
margin-top: 0;
margin-bottom: 0.5em;
text-transform: uppercase;
color: #9bc83c;
font-family: "Roboto Slab", sans-serif;
font-weight: 700;
}
.three_cols .col a:hover {
text-decoration: underline;
}
.three_cols .col p {
max-width: 100%;
}
.three_cols p {
text-align: center;
padding: 0 20px;
margin-top: 0;
margin-bottom: 0;
font-weight: 300;
line-height: 1.9;
}
.three_cols figure {
display: block;
border-radius: 50%;
overflow: hidden;
position: relative;
height: 0;
padding-bottom: 100%;
width: 100%;
}
.three_cols figure img {
display: block;
width: 100%;
position: absolute;
height: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
.three_cols .col:nth-of-type(4) {
left: -50%;
}
.three_cols .col:nth-of-type(8) {
left: -50%;
}
.three_cols .col:nth-of-type(3) {
right: -50%;
}
.three_cols .col:nth-of-type(7) {
right: -50%;
}
}
.events .wrapper:not(.single-item):not(.slick-initialized) .item + .item {
display: none;
}
@media (max-width: 991px) and (min-width: 768px) {
.events .outer-box .social {
top: 5px;
}
}
@media (max-width: 767px) {
.events .wrapper:not(.single-item):not(.slick-initialized) .item + .item {
display: block;
}
}
@media (max-width: 575px) {
.events .outer-box .text-box {
margin-left: 15px;
margin-right: 15px;
padding-left: 15px;
max-width: initial;
}
.events .outer-box {
margin-top: 0;
margin-bottom: 50px;
}
}
.about-house {
padding-bottom: 3em;
padding-left: 15px;
padding-right: 15px;
}
.tarif_col-1-3 {
-ms-flex: 1 0 100%;
flex: 1 0 100%;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.tarif_col-1-3 {
-ms-flex: 1 0 33.333%;
flex: 1 0 33.333%;
max-width: 33.333%;
margin-bottom: 0;
padding-left: 10px;
padding-right: 10px;
}
}
.price-plans-section {
border: 1px solid #ccc;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
padding: 30px 15px 40px;
background-color: #fff;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
@media (min-width: 768px) {
.price-plans-section {
padding: 15px 15px 0;
}
}
.price-plans-section .head {
width: 100%;
border-bottom: 2px dotted #ccc;
padding: 0 0 0 15px;
-ms-flex-positive: 0;
flex-grow: 0;
}
@media (min-width: 768px) {
.price-plans-section .head {
padding: 0;
}
}
.price-plans-section p {
font: 400 14px/20px Roboto, sans-serif;
color: #777;
margin: 0 0 15px 0;
}
.price-plans-section .title {
color: #9bc83c;
font-weight: 700;
font-family: "Roboto Slab", sans-serif;
font-size: 1.4em;
display: block;
text-transform: uppercase;
padding: 0 0 5px 0;
}
.price-plans-section ul {
padding: 0;
margin: 30px 0 40px 15px;
list-style: none;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media (min-width: 768px) {
.price-plans-section ul {
margin: 15px 0 15px 15px;
}
}
.price-plans-section ul li {
display: block;
padding: 15px 0 0;
font: 400 14px/20px Roboto, sans-serif;
color: #444;
position: relative;
}
.price-plans-section ul li:first-child {
padding: 0;
}
.price-plans-section ul li .fa {
padding: 0 10px 0 0;
font-size: 12px;
}
.price-plans-section .btn-row {
margin: 1em auto;
}
.price-plans-section strong.amount {
font: 700 36px/36px Roboto, sans-serif;
display: block;
color: #222;
padding: 0 0 15px 0;
text-transform: uppercase;
}
.price-plans-section strong.amount em {
font-style: normal;
font-size: 14px;
}
.price-plans-section li:before {
position: absolute;
margin-left: -1em;
font-weight: bold;
content: "✓";
color: #9bc83c;
}
.picker__frame {
top: 50px;
}
.calc-form .row {
margin-bottom: 2em;
}
.calc-form-title {
display: block;
margin-bottom: 1em;
}
#resultCalc {
margin-top: 2em;
}
.result-text {
font-size: 1.4em;
font-weight: 700;
text-transform: uppercase;
}
.result-text span {
font-size: 2em;
font-weight: 200;
display: block;
}
.content .price-caption {
font-size: 0.8em;
font-style: italic;
}
.four-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.four-grid > .padded {
padding-left: 20px;
padding-right: 20px;
}
.four-grid > .padded-right {
padding-right: 20px;
}
.four-grid > .one {
-ms-flex: 1 0 25%;
flex: 1 0 25%;
width: 25%;
}
.four-grid > .two {
-ms-flex: 1 0 50%;
flex: 1 0 50%;
width: 50%;
}
.four-grid > .three {
-ms-flex: 3 0 75%;
flex: 3 0 75%;
width: 75%;
}
.three-grid {
margin-left: -15px;
margin-right: -15px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
}
.three-grid > .padded {
padding-left: 15px;
padding-right: 15px;
}
.three-grid > .one {
-ms-flex: 1 0 100%;
flex: 1 0 100%;
width: 100%;
}
@media (min-width: 768px) {
.three-grid > .one {
-ms-flex: 1 0 50%;
flex: 1 0 50%;
width: 50%;
}
}
@media (min-width: 992px) {
.three-grid > .one {
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
width: 33.333%;
}
}
.three-grid > .tree {
-ms-flex: 3 0 100%;
flex: 3 0 100%;
width: 100%;
}
.two-grid {
margin-left: -10px;
margin-right: -15px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.two-grid > .padded {
padding-left: 10px;
padding-right: 10px;
}
.two-grid > .one {
-ms-flex: 1 0 50%;
flex: 1 0 50%;
width: 50%;
}
.calculator {
max-width: 1000px;
padding-left: 20px;
padding-right: 20px;
margin: 0 auto;
text-align: left;
}
.calculator label {
font-weight: 500;
line-height: 16px;
text-transform: uppercase;
font-size: 12px;
}
.calculator p {
font-size: 12px;
display: block;
margin-top: 10px;
line-height: 17px;
font-weight: 300;
}
.calculator h3 {
font-size: 18px;
margin-bottom: 20px;
line-height: 20px;
font-weight: 400;
}
.calculator .hours {
width: 20px;
}
.calculator .three-grid .field {
margin-top: 0;
margin-bottom: 40px;
}
.show-calc-details {
text-decoration: underline;
}
.activity-item {
margin-bottom: 30px;
}
.activity-item .col-4-1 {
padding-right: 0;
}
@media (max-width: 767px) {
.activity-item .col-4-1 {
float: left;
width: 25%;
}
}
.activity-item .icons .col {
padding: 10px;
text-align: center;
font-size: 0.8em;
}
.activity-item .icons .col svg {
width: 25px;
height: 25px;
display: block;
margin: 0 auto 5px;
color: #9bc83c;
}
.banner-top.with-bkg {
height: 0;
padding-bottom: 21%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.activity-page {
position: relative;
max-width: 1600px;
margin: 0 auto;
}
.activity-page .wrapper {
max-width: 100%;
width: 100%;
}
.activity-page .col-3-1-empty {
display: none;
}
@media (min-width: 992px) {
.activity-page .col-3-1-empty {
width: 33%;
max-width: 33.33%;
display: block;
}
}
@media (max-width: 991px) {
.activity-page h1 {
font-size: 2.6em;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.activity-page h1 {
font-size: 2.6em;
}
}
.activity-page .gallery {
margin: 3em -4px;
}
@media (max-width: 991px) {
.activity-page .gallery {
-ms-flex-pack: center;
justify-content: center;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.activity-page .gallery {
-ms-flex-pack: center;
justify-content: center;
}
}
.activity-page .gallery img {
margin-left: 4px;
margin-right: 4px;
margin-bottom: 8px;
}
.banner-top {
overflow: hidden;
}
.imgs-holder {
background-color: #fff;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1920px;
}
.imgs-holder > div {
max-width: 33.33%;
}
.selects-row {
margin-bottom: 1em;
}
.selects-row label {
margin-top: 1em;
display: block;
}
.selects-row select {
height: 28px;
}
@media (min-width: 768px) and (max-width: 991px) {
.activity-item .col-4-1 {
width: 25%;
}
.activity-page .wrapper {
width: 720px;
}
}
@media (max-width: 767px) {
.past-events-section {
padding-left: 15px;
padding-right: 15px;
}
}
.past-events-section .pagination {
padding: 30px 0;
text-align: center;
-ms-flex-pack: center;
justify-content: center;
}
.past-events-section .pagination li {
width: 30px;
height: 30px;
margin-right: 10px;
text-align: center;
line-height: 30px;
font-size: 15px;
font-weight: 300;
line-height: normal;
border: 1px solid #ccc;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.past-events-section .pagination li:first-child,
.past-events-section .pagination li:last-child {
display: none;
}
.past-events-section .pagination li a,
.past-events-section .pagination li span {
text-decoration: none;
color: #9bc83c;
padding: 5px;
display: block;
}
.past-events-section .pagination li:not(.active):hover {
background-color: #9bc83c;
transition: background-color 0.35s ease-out;
}
.past-events-section .pagination li:not(.active):hover a,
.past-events-section .pagination li:not(.active):hover span {
color: #fff;
transition: color 0.35s ease-out;
}
.past-events-section .pagination li.active {
box-shadow: 0 2px 8px rgba(6, 6, 6, 0.14);
border: 2px solid #9bc83c;
}
.date-detail-row {
padding: 0 0 20px;
}
.date-detail-row svg {
width: 18px;
height: 19px;
color: #9bc83c;
}
.date-detail-row svg,
.date-detail-row b {
display: inline-block;
vertical-align: middle;
}
.date-detail-row b {
color: #444;
padding: 0 20px 0 0;
}
.date-detail-row h3 {
margin: 0 0 15px;
}
.event-page {
padding-bottom: 2em;
}
.header + .event-page {
padding-top: 4rem;
}
.event-page .wrapper {
overflow: hidden;
}
.event-page .content-box {
display: inline-block;
}
.event-page .content-box .wrapper:not(.last) {
text-align: left;
}
.rules-page {
min-height: 80vh;
background: #FFF;
padding-top: 100px;
}
.rules-content h2 {
font-size: 1.4em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0;
text-align: left;
}
.rules-content h3 {
font-size: 1.2em;
font-weight: 700;
}
.rules-content ul {
padding-left: 18px;
}
.rules-content ul li {
margin-bottom: 0.5em;
}
html.debug .block-wrapper:hover {
outline: 1px dashed green;
/*
&:before {
content: ' ';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
outline: 1px dashed #ccc;
}*/
}
.blocks {
/*padding-bottom: 50px;*/
}
.block-wrapper {
padding-top: 50px;
padding-bottom: 50px;
clear: both;
position: relative;
}
.block-wrapper.block-buttonParticipate,
.block-wrapper.block-buttonFeedback,
.block-wrapper.block-button {
padding-bottom: 0;
}
.block-wrapper.bg-white {
background: white;
}
.block-header {
padding: 20px 0;
}
.block-header .title {
margin: 0;
}
.block-columns {
padding: 0 0 20px 0;
}
.block-gallery {
padding: 20px 0;
}
.block-button {
padding: 0;
}
.block-buttonFeedback {
padding: 0;
}
.block-buttonParticipate {
padding: 0;
}
.block-picsColumns {
padding: 0 0 50px;
}
.block-categories {
padding: 0 30px;
}
.block-tabs {
padding: 0;
}
.block-tabs article {
font-weight: 300;
line-height: 24px;
}
.block-tabs article h3 {
font-size: 1.2em;
font-family: "Roboto Slab", sans-serif;
font-weight: 700;
margin-bottom: 10px;
width: 100%;
}
.block-gallery .gallery {
margin: -4px;
}
.content-sidebar .block-events {
display: none;
}
.text-block-3 img {
width: 80px;
position: absolute;
margin-left: -90px;
}
.text-block-3 h3 {
color: #9bc83c;
font-weight: 700;
font-family: "Roboto Slab", sans-serif;
font-size: 1.4em;
display: block;
text-transform: uppercase;
padding: 0 0 5px 0;
}
.text-block-3 p {
font-weight: 300;
}
.text-block-3 .columns > .column {
padding-left: 110px !important;
}
.block-circlesText {
padding-bottom: 3em;
}
.block-circlesText .figure {
clear: both;
margin-bottom: 30px;
-ms-flex-align: center;
align-items: center;
}
.block-circlesText .figure label {
font-size: 2em;
font-weight: 200;
letter-spacing: -1px;
margin-bottom: 0;
display: block;
}
.block-circlesText .figure h3 {
font-weight: 700;
font-family: "Roboto Slab", sans-serif;
font-size: 1em;
display: block;
margin-top: 0;
margin-bottom: 25px;
text-transform: uppercase;
color: #9bc83c;
}
.block-circlesText .figure p {
font-weight: 300;
}
.block-circlesText .figure figcaption {
position: relative;
}
.block-circlesText .figure .frame {
position: relative;
max-width: 250px;
margin: 0 auto;
}
.block-circlesText .figure .effect-holder {
position: absolute;
left: 5%;
right: 5%;
padding-bottom: 90%;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
overflow: hidden;
}
.block-circlesText .figure img {
display: block;
border-radius: 400px;
width: 90%;
max-width: 90%;
margin: 5%;
}
.box.is-green {
background: #9bc83c;
color: #fff;
}
.box.is-shale {
border-radius: 0;
}
.box.stretch {
height: 100%;
}
.boxed h1 {
color: #333;
font-weight: 200;
letter-spacing: -2px;
font-size: 40px;
margin-top: 0;
margin-top: 0;
line-height: 100%;
}
.boxed h2 {
color: #333;
font-size: 3.998em;
font-weight: 200;
letter-spacing: -2px;
font-family: Roboto, sans-serif;
margin-top: 0;
line-height: 100%;
}
.boxed h3 {
color: #9bc83c;
font-weight: 700;
font-family: "Roboto Slab", sans-serif;
font-size: 1.4em;
display: block;
text-transform: uppercase;
padding: 0 0 5px 0;
margin-top: 0;
line-height: 100%;
}
.notification.is-shale {
background: #9bc83c;
color: white;
}
.notification.is-warning {
background-color: #9bc83c;
}
.inner-nav {
margin: 0;
padding: 0;
background: #fff;
padding: 30px;
}
.inner-nav ul {
padding-left: 20px;
}
.inner-nav a {
color: #444;
}
.inner-nav i {
font-style: normal;
}
i.icon {
font-family: shale;
}
.title.is-black {
color: #333 !important;
}
.v-center {
display: table;
height: 100%;
}
.v-center > * {
height: 100%;
display: table-cell;
vertical-align: middle;
}
@font-face {
font-family: "shale";
src: url("../themes/shale/assets/css/./font/shale.eot?49584614");
src: url("../themes/shale/assets/css/./font/shale.eot?49584614#iefix") format("embedded-opentype"), url("../themes/shale/assets/css/./font/shale.woff?49584614") format("woff"), url("../themes/shale/assets/css/./font/shale.ttf?49584614") format("truetype"), url("../themes/shale/assets/css/./font/shale.svg?49584614#shale") format("svg");
font-weight: normal;
font-style: normal;
}
.purchase-item {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
}
.purchase-item + .purchase-item {
border-top: 1px solid #eee;
}
.purchase-item h3 {
color: #9bc83c;
font-weight: 700;
font-family: "Roboto Slab", sans-serif;
font-size: 1.4em;
display: block;
text-transform: uppercase;
padding: 0 0 5px 0;
margin-top: 0;
}
.purchase-item .img {
-ms-flex: 0 0 90px;
flex: 0 0 90px;
padding-left: 0;
}
.purchase-item .img img {
background: #eee;
width: 100%;
}
.purchase-item .price span {
display: block;
}
.total-order-price {
padding-top: 20px;
text-align: left;
border-top: 1px solid #ccc;
}
.total-order-price .total {
float: right;
}
.sidebar-menu {
list-style: none;
margin: 0;
padding: 0;
background-color: #fff;
}
.sidebar-menu a.active {
background: #9bc83c;
color: #fff !important;
}
.sidebar-menu > li {
position: relative;
margin: 0;
padding: 0;
}
.sidebar-menu > li > a {
padding: 12px 5px 12px 15px;
display: block;
/*border-left: 3px solid transparent;*/
color: #b8c7ce;
}
.sidebar-menu > li > a > .fa {
width: 20px;
}
.sidebar-menu > li a:hover {
color: #888;
background: #eee;
}
.sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #fff;
}
.sidebar-menu > li .label,
.sidebar-menu > li .badge {
margin-top: 3px;
margin-right: 5px;
}
.sidebar-menu li > a > .fa-angle-left {
width: auto;
height: auto;
padding: 0;
margin-right: 10px;
margin-top: 3px;
}
.sidebar-menu li.active > a > .fa-angle-left {
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.sidebar-menu li.active > .treeview-menu {
display: block;
}
.sidebar-menu a {
color: #444;
text-decoration: none;
}
.sidebar-menu .treeview-menu {
display: none;
list-style: none;
padding: 0;
margin: 0;
padding-left: 5px;
}
.sidebar-menu .treeview-menu .treeview-menu {
padding-left: 20px;
}
.sidebar-menu .treeview-menu > li {
margin: 0;
}
.sidebar-menu .treeview-menu > li > a {
padding: 5px 5px 5px 15px;
display: block;
font-size: 14px;
color: #222;
}
.sidebar-menu .treeview-menu > li > a > .fa {
width: 20px;
}
.sidebar-menu .treeview-menu > li > a > .fa-angle-left,
.sidebar-menu .treeview-menu > li > a > .fa-angle-down {
width: auto;
}
.sidebar-menu .treeview-menu > li.active > a,
.sidebar-menu .treeview-menu > li > a:hover {
color: #888;
}
.sidebar-menu li.child-active {
/*> a { border-left: 2px solid #888; }*/
}
.sidebar-menu li.child-active > .treeview-menu {
display: block;
}
.inner-nav {
white-space: nowrap;
}
.inner-nav a {
display: block;
padding: 7px;
}
.inner-nav li:hover > a {
background: #eaeaea;
}
.inner-nav > li > ul {
padding: 0 0 0 30px;
}
.inner-nav > li > ul > li:before {
content: "› ";
}
.inner-nav > li > ul > li > ul > li:before {
content: "» ";
}
.sidebar-wrapper {
padding: 0 20px;
}
.mobile-categories-tree {
font-weight: bold;
font-size: 19px;
}
.mobile-categories-tree a {
color: #fff;
}
.mobile-categories-tree ul.level-0 > li > a {
text-transform: uppercase;
}
.mobile-categories-tree .level-1 {
padding-left: 20px;
}
.product-box {
position: relative;
}
.product-box .go-back {
display: block;
height: 42px;
}
.product-box .arrows {
float: right;
text-align: right;
}
.product-box .arrows > * {
display: inline-block;
-ms-transform: none;
transform: none;
position: relative;
left: inherit;
right: inherit;
margin-left: 10px;
}
.product-box .labels {
position: relative;
}
.price {
font-size: 16px;
font-family: "Roboto Slab", sans-serif;
white-space: nowrap;
}
.price .old {
position: relative;
}
.price .old:before {
content: " ";
display: block;
position: absolute;
width: 100%;
top: 10px;
border-top: 3px solid #e81c28;
opacity: 0.6;
transform: rotate(-5deg);
}
.price .new {
color: #e81c28;
}
.store-product .sku {
margin-bottom: 1em;
}
.store-product .description {
margin-bottom: 1em;
}
.store-product .labels {
float: right;
padding-top: 15px;
}
.store-product .price {
padding: 15px 0 25px;
}
.store-product .buttons {
text-align: center;
display: block;
}
.store-product .buttons .buy-button {
display: inline-block;
margin: 0 10px;
}
.store-product .buttons .buy-button svg {
display: none;
}
.review .date {
font-size: 1.4em;
color: #9bc83c;
font-weight: 700;
font-family: "Roboto Slab", sans-serif;
}
.review .text {
line-height: 30px;
font-weight: 300;
font-style: italic;
font-size: 14px;
}
.review .name {
font-weight: 400;
font-size: 14px;
margin-top: 10px;
}
.slot {
padding: 2px;
overflow: hidden;
}
.slot .inner {
position: relative;
padding: 35px 1rem 1rem;
}
.slot .inner:after {
display: table;
content: " ";
clear: both;
}
.slot .price {
font-family: "Roboto Slab", sans-serif;
font-size: 16px;
}
.slot .sku {
color: #4d4d4d;
font-size: 13px;
}
.slot .title {
color: #9bc83c;
font-weight: 700;
font-family: "Roboto Slab", sans-serif;
font-size: 1.4em;
display: block;
text-transform: uppercase;
padding: 0 0 5px 0;
margin-top: 0;
margin-bottom: 0;
}
.slot .img {
width: 100%;
padding-top: 66%;
position: relative;
overflow: hidden;
margin: 0.5em 0 1rem;
}
.slot .img img {
background: #eee;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
transition: transform 0.5s ease;
-ms-transform: scale(1);
transform: scale(1);
}
.slot .img img:hover {
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.slot .intro {
margin-bottom: 1em;
}
.slot button {
float: right;
width: 43px;
}
.slot .buy-button em {
display: none;
}
.group .slot {
overflow: inherit;
}
.group .slot .inner {
height: inherit;
padding: 25px 15px 15px;
min-width: 215px;
}
.group .slot .title {
font-size: 18px;
line-height: 22px;
height: 44px;
overflow: hidden;
margin: 0;
}
.title.is-1 {
color: #333;
font-weight: 200;
letter-spacing: -2px;
font-size: 40px;
padding-top: 0;
font-size: 3.998em;
text-align: center;
}
@media (max-width: 600px) {
.title.is-1 {
font-size: 2em;
}
}
.title.is-2 {
color: #333;
font-weight: 200;
letter-spacing: -2px;
padding-top: 0;
font-size: 2em;
margin: 0 !important;
}
.title.is-3 {
color: #9bc83c;
font-weight: 700;
font-family: "Roboto Slab", sans-serif;
font-size: 1.4em;
display: block;
text-transform: uppercase;
padding: 0 0 5px 0;
font-size: 1em;
}
.title.is-4 {
color: #9bc83c;
font-weight: 700;
font-family: "Roboto Slab", sans-serif;
font-size: 1.4em;
display: block;
text-transform: uppercase;
padding: 0 0 5px 0;
font-size: 1em;
color: #444;
}
.content h3 {
font-size: 120%;
}
.zoom-on-hover {
position: relative;
overflow: hidden;
}
.zoom-on-hover .normal {
width: 100%;
}
.zoom-on-hover .zoom {
position: absolute;
opacity: 0;
-ms-transform-origin: top left;
transform-origin: top left;
}
.zoom {
display: inline-block;
}
.zoom:after {
content: "";
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 10px;
right: 10px;
background: url(../themes/shale/img/zoom.png);
background-size: cover;
opacity: 0.2;
}
.zoom img {
display: block;
}
.zoom img::selection {
background-color: transparent;
}
.pictures-widget-vue {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
margin: 0 -2px;
}
.pictures-widget-vue img {
display: block;
}
.pictures-widget-vue > * {
margin: 2px;
-ms-flex: 1;
flex: 1;
}
.pictures-widget-vue > *.thumbs-container {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.pictures-widget-vue .thumbs {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.pictures-widget-vue .thumbs > * {
-ms-flex: 1 1 33%;
flex: 1 1 33%;
display: block;
padding: 10px;
background: #eee;
margin: 2px 0;
background: #eee;
background-size: cover;
background-position: center;
cursor: pointer;
}
.pictures-widget-vue .thumbs > *:first-child {
margin-top: 0;
}
.pictures-widget-vue .thumbs > *:last-child {
margin-bottom: 0;
}
.pictures-widget-vue .thumbs > *.empty {
cursor: inherit;
background: transparent;
outline: 1px solid #eee;
}
.pictures-widget-vue .thumbs > *.active {
outline: 1px solid #444;
opacity: 0.3;
}
.pictures-widget-new {
position: relative;
padding-top: 57%;
}
.pictures-widget-new > * {
position: absolute;
background: #eee;
background-size: cover;
background-position: center;
}
.pictures-widget-new .mainpic,
.pictures-widget-new .vue-zoom-container {
width: calc(100% - 25% - 15px);
height: 100%;
left: 0;
top: 0;
}
.pictures-widget-new .thumb {
cursor: pointer;
width: 25%;
right: 0;
height: calc((100% - 30px)/3);
}
.pictures-widget-new .thumb:nth-child(2) {
top: 0;
}
.pictures-widget-new .thumb:nth-child(3) {
top: calc((100% - 30px)/3 + 15px);
}
.pictures-widget-new .thumb:nth-child(4) {
bottom: 0;
}
.pictures-widget {
position: relative;
padding-top: 57%;
}
.pictures {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.pictures .mainpic {
width: 100%;
height: 100%;
}
.pictures .mainpic .zoom {
width: 100%;
position: relative;
}
.pictures .mainpic .zoom img {
width: 100%;
}
.pictures .thumbs {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
position: relative;
padding-left: 5px;
}
.pictures .thumbs span {
display: block;
/*height: 1/3 * 100%;*/
height: 32%;
background-size: cover;
margin-bottom: 5px;
}
#page-id-page-store .page-title {
display: none;
}
@media (max-width: 767px) {
#page-id-page-store .bg-none {
padding-left: 1rem;
padding-right: 1rem;
}
}
#searchForm input {
font-size: 13px;
}
.title.align-center {
text-align: center;
}
.title.align-left {
text-align: left;
}
.carousel {
position: relative;
}
.carousel .item {
display: block;
position: relative;
/*padding-top: 70%;*/
width: 200px;
height: 200px;
}
.carousel .item img {
position: absolute;
width: 100%;
}
.centered {
text-align: center;
}
.animated {
animation-duration: 0.6s;
animation-fill-mode: both;
}
@font-face {
font-family: "shale";
src: url("../themes/shale/assets/font/shale.eot?74730395");
src: url("../themes/shale/assets/font/shale.eot?74730395#iefix") format("embedded-opentype"), url("../themes/shale/assets/font/shale.woff?74730395") format("woff"), url("../themes/shale/assets/font/shale.ttf?74730395") format("truetype"), url("../themes/shale/assets/font/shale.svg?74730395#shale") format("svg");
font-weight: normal;
font-style: normal;
}
.field {
margin-top: 10px;
margin-bottom: 2em;
}
[v-cloak] {
display: none;
}
textarea {
min-height: 100px;
resize: vertical;
}
.warning {
text-align: center;
color: orange;
}
/*Layout*/
.wrapper-fullwidth {
padding: 30px 50px 50px;
}
@media (max-width: 767px) {
.wrapper-fullwidth {
padding-left: 15px;
padding-right: 15px;
}
}
.store-layout a:hover {
color: #a349a4;
}
.catalog {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.catalog.group {
max-width: 1000px;
margin: 0 auto;
-ms-flex-pack: center;
justify-content: center;
}
.catalog.group .inner {
/*height: 100%;*/
margin: 10px;
}
@media (max-width: 1200px) {
.catalog.group .slot {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
}
}
@media (max-width: 767px) {
.catalog.group .slot {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.catalog.group .inner {
max-width: 500px;
margin: 0 auto 20px;
}
}
.catalog .slot {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
box-sizing: border-box;
margin-bottom: 20px;
}
@media (max-width: 1200px) {
.catalog .slot {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
}
@media (max-width: 600px) {
.catalog .slot {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
h1 small {
font-size: 60%;
}
.author {
text-align: center;
}
.author h3 {
color: #9bc83c;
font-weight: 700;
font-family: "Roboto Slab", sans-serif;
font-size: 1.4em;
display: block;
text-transform: uppercase;
padding: 0 0 5px 0;
}
.author img {
display: block;
margin: 0 auto 1em;
width: 100%;
max-width: 300px;
border-radius: 50%;
}
.labels {
text-align: right;
position: absolute;
right: 8px;
top: 4px;
}
.labels > *:before {
display: inline-block;
padding: 3px 8px;
line-height: 100%;
color: #fff;
font-size: 11px;
margin-left: 5px;
background: #ccc;
border-radius: 4px;
}
.labels .top:before {
content: "TOP";
background: #ec5eef;
}
.labels .discount:before {
content: "СКИДКА";
background: #DEDC37;
}
.label {
font-weight: normal;
}
.label:before {
display: inline-block;
padding: 3px 10px;
line-height: 100%;
color: #fff;
font-size: 13px;
margin-left: 5px;
background: #ccc;
}
.label.top:before {
content: "TOP";
background: #ffc809;
}
.label.discount:before {
content: "-25%";
background: #fe4aa3;
}
.pt-0 {
padding-top: 0;
}
.pa-30 {
padding: 30px;
}
.pa-50 {
padding: 50px;
}
.pt-30 {
padding-top: 30px;
}
.pt-50 {
padding-top: 50px;
}
.pt-100 {
padding-top: 100px;
}
.pb-0 {
padding-bottom: 0px;
}
.pb-30 {
padding-bottom: 30px;
}
.pb-50 {
padding-bottom: 50px;
}
.pb-100 {
padding-bottom: 100px;
}
.search {
padding-bottom: 30px;
position: relative;
}
@media (max-width: 767px) {
.col-3-2.team {
float: none;
width: 100%;
}
.col-3-2.team figure p {
text-align: center;
}
}
@media (min-width: 575px) {
.visible-xs {
display: none;
}
}
@media (min-width: 992px) {
.grow img {
transition: transform 0.5s ease;
-ms-transform: scale(1);
transform: scale(1);
}
.grow img:hover {
-ms-transform: scale(1.1);
transform: scale(1.1);
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transition: transform 0.7s ease;
}
#custom_scroll {
height: calc(100% - 82px);
margin-right: -15px;
}
}
@media (min-width: 1200px) {
.grow img {
transition: transform 0.5s ease;
-ms-transform: scale(1);
transform: scale(1);
}
.grow img:hover {
-ms-transform: scale(1.1);
transform: scale(1.1);
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transition: transform 0.7s ease;
}
}
@media (min-width: 1921px) {
.imgs-holder {
margin: 0 auto;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.img_col {
padding: 30px;
}
.col-4-1 {
width: 50%;
}
.col-4-1 input {
margin-bottom: 20px;
}
.icon-input .form-icon {
bottom: 30px;
}
}
@media (max-width: 767px) {
.social-repost-title {
text-align: center;
}
.banner-top.with-bkg {
padding-bottom: 45%;
}
.picker--opened .picker__holder {
max-width: 100%;
}
.icon-input .form-icon {
bottom: 25px;
}
.img_col {
padding: 30px 100px;
}
.search-form {
padding: 30px 15px;
margin: 0 15px;
}
.col-4-1 {
float: none;
width: 100%;
}
.col-4-1 input {
margin-bottom: 15px;
}
.col-3-1 {
float: none;
width: 100%;
}
.col-2-1 {
float: none;
width: 100%;
}
.col-2-1 input,
.col-2-1 .for-check {
margin-bottom: 15px;
}
span.visible {
top: 0;
}
}
@media (max-width: 575px) {
.img_col {
padding: 20px;
}
.centered p {
padding-left: 15px;
padding-right: 15px;
}
.mfp-inline-holder .mfp-content {
width: 100%;
padding: 40px 20px 20px;
}
.three_cols p,
.p {
line-height: 1.4;
}
}
/*! bulma.io v0.7.4 | MIT License | github.com/jgthms/bulma */
@keyframes a {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.breadcrumb,
.button,
.delete,
.file,
.is-unselectable,
.modal-close,
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous,
.tabs {
-webkit-touch-callout: none;
-webkit-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: 0.625em;
margin-top: -0.4375em;
pointer-events: none;
position: absolute;
top: 50%;
transform: rotate(-45deg);
transform-origin: center;
width: 0.625em;
}
.block:not(:last-child),
.box:not(:last-child),
.breadcrumb:not(:last-child),
.content:not(:last-child),
.highlight:not(:last-child),
.level:not(:last-child),
.list:not(:last-child),
.message:not(:last-child),
.notification:not(:last-child),
.progress: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,
.modal-close {
-moz-appearance: none;
-webkit-appearance: none;
background-color: rgba(10, 10, 10, 0.2);
border: none;
border-radius: 290486px;
cursor: pointer;
pointer-events: auto;
display: inline-block;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 0;
height: 20px;
max-height: 20px;
max-width: 20px;
min-height: 20px;
min-width: 20px;
outline: none;
position: relative;
vertical-align: top;
width: 20px;
}
.delete:after,
.delete:before,
.modal-close:after,
.modal-close:before {
background-color: #fff;
content: "";
display: block;
left: 50%;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform-origin: center center;
}
.delete:before,
.modal-close:before {
height: 2px;
width: 50%;
}
.delete:after,
.modal-close:after {
height: 50%;
width: 2px;
}
.delete:focus,
.delete:hover,
.modal-close:focus,
.modal-close:hover {
background-color: rgba(10, 10, 10, 0.3);
}
.delete:active,
.modal-close:active {
background-color: rgba(10, 10, 10, 0.4);
}
.is-small.delete,
.is-small.modal-close {
height: 16px;
max-height: 16px;
max-width: 16px;
min-height: 16px;
min-width: 16px;
width: 16px;
}
.is-medium.delete,
.is-medium.modal-close {
height: 24px;
max-height: 24px;
max-width: 24px;
min-height: 24px;
min-width: 24px;
width: 24px;
}
.is-large.delete,
.is-large.modal-close {
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 {
animation: a 0.5s infinite linear;
border: 2px solid #dbdbdb;
border-radius: 290486px;
border-right-color: transparent;
border-top-color: transparent;
content: "";
display: block;
height: 1em;
position: relative;
width: 1em;
}
.button,
.file-cta,
.file-name,
.input,
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous,
.select select,
.textarea {
-moz-appearance: none;
-webkit-appearance: none;
-ms-flex-align: center;
align-items: center;
border: 1px solid transparent;
border-radius: 0;
box-shadow: none;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1rem;
height: 2.25em;
-ms-flex-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: none;
}
.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;
}
/*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */
blockquote,
body,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: 400;
}
ul {
list-style: none;
}
button,
input,
select,
textarea {
margin: 0;
}
html {
box-sizing: border-box;
}
*,
:after,
:before {
box-sizing: inherit;
}
embed,
iframe,
img,
object,
video {
height: auto;
max-width: 100%;
}
audio {
max-width: 100%;
}
iframe {
border: 0;
}
td,
th {
padding: 0;
text-align: left;
}
html {
background-color: #fff;
font-size: 16px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
min-width: 300px;
overflow-x: hidden;
overflow-y: scroll;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
article,
aside,
figure,
footer,
header,
hgroup,
section {
display: block;
}
body,
button,
input,
select,
textarea {
font-family: Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
}
code,
pre {
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: auto;
font-family: monospace;
}
body {
color: #4a4a4a;
font-size: 1rem;
line-height: 1.5;
}
a {
color: #3273dc;
cursor: pointer;
}
a strong {
color: currentColor;
}
a:hover {
color: #363636;
}
code {
color: #ff3860;
font-size: 0.875em;
font-weight: 400;
padding: 0.25em 0.5em;
}
code,
hr {
background-color: #f5f5f5;
}
hr {
border: none;
height: 2px;
margin: 1.5rem 0;
}
img {
height: auto;
max-width: 100%;
}
input[type=checkbox],
input[type=radio] {
vertical-align: baseline;
}
small {
font-size: 0.875em;
}
span {
font-style: inherit;
font-weight: inherit;
}
strong {
color: #363636;
font-weight: 700;
}
fieldset {
border: none;
}
pre {
-webkit-overflow-scrolling: touch;
background-color: #f5f5f5;
color: #4a4a4a;
font-size: 0.875em;
overflow-x: auto;
padding: 1.25rem 1.5rem;
white-space: pre;
word-wrap: normal;
}
pre code {
background-color: transparent;
color: currentColor;
font-size: 1em;
padding: 0;
}
table td,
table th {
text-align: left;
vertical-align: top;
}
table th {
color: #363636;
}
.button {
background-color: #fff;
border-color: #dbdbdb;
border-width: 1px;
color: #363636;
cursor: pointer;
-ms-flex-pack: center;
justify-content: center;
padding: calc(.375em - 1px) 0.75em;
text-align: center;
white-space: nowrap;
}
.button strong {
color: inherit;
}
.button .icon,
.button .icon.is-large,
.button .icon.is-medium,
.button .icon.is-small {
height: 1.5em;
width: 1.5em;
}
.button .icon:first-child:not(:last-child) {
margin-left: calc(-.375em - 1px);
margin-right: 0.1875em;
}
.button .icon:last-child:not(:first-child) {
margin-left: 0.1875em;
margin-right: calc(-.375em - 1px);
}
.button .icon:first-child:last-child {
margin-left: calc(-.375em - 1px);
margin-right: calc(-.375em - 1px);
}
.button.is-hovered,
.button:hover {
border-color: #b5b5b5;
color: #363636;
}
.button.is-focused,
.button:focus {
border-color: #3273dc;
color: #363636;
}
.button.is-focused:not(:active),
.button:focus:not(:active) {
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.button.is-active,
.button:active {
border-color: #4a4a4a;
color: #363636;
}
.button.is-text {
background-color: transparent;
border-color: transparent;
color: #4a4a4a;
text-decoration: underline;
}
.button.is-text.is-focused,
.button.is-text.is-hovered,
.button.is-text:focus,
.button.is-text:hover {
background-color: #f5f5f5;
color: #363636;
}
.button.is-text.is-active,
.button.is-text:active {
background-color: #e8e8e8;
color: #363636;
}
.button.is-text[disabled],
fieldset[disabled] .button.is-text {
background-color: transparent;
border-color: transparent;
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.125em rgba(255, 255, 255, 0.25);
}
.button.is-white.is-active,
.button.is-white:active {
background-color: #f2f2f2;
border-color: transparent;
color: #0a0a0a;
}
.button.is-white[disabled],
fieldset[disabled] .button.is-white {
background-color: #fff;
border-color: transparent;
box-shadow: none;
}
.button.is-white.is-inverted {
background-color: #0a0a0a;
color: #fff;
}
.button.is-white.is-inverted:hover {
background-color: #000;
}
.button.is-white.is-inverted[disabled],
fieldset[disabled] .button.is-white.is-inverted {
background-color: #0a0a0a;
border-color: transparent;
box-shadow: none;
color: #fff;
}
.button.is-white.is-loading:after {
border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-white.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.button.is-white.is-outlined:focus,
.button.is-white.is-outlined:hover {
background-color: #fff;
border-color: #fff;
color: #0a0a0a;
}
.button.is-white.is-outlined.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-white.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-outlined {
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff;
}
.button.is-white.is-inverted.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
color: #0a0a0a;
}
.button.is-white.is-inverted.is-outlined:focus,
.button.is-white.is-inverted.is-outlined:hover {
background-color: #0a0a0a;
color: #fff;
}
.button.is-white.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-inverted.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
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.125em rgba(10, 10, 10, 0.25);
}
.button.is-black.is-active,
.button.is-black:active {
background-color: #000;
border-color: transparent;
color: #fff;
}
.button.is-black[disabled],
fieldset[disabled] .button.is-black {
background-color: #0a0a0a;
border-color: transparent;
box-shadow: none;
}
.button.is-black.is-inverted {
background-color: #fff;
color: #0a0a0a;
}
.button.is-black.is-inverted:hover {
background-color: #f2f2f2;
}
.button.is-black.is-inverted[disabled],
fieldset[disabled] .button.is-black.is-inverted {
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #0a0a0a;
}
.button.is-black.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-black.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
color: #0a0a0a;
}
.button.is-black.is-outlined:focus,
.button.is-black.is-outlined:hover {
background-color: #0a0a0a;
border-color: #0a0a0a;
color: #fff;
}
.button.is-black.is-outlined.is-loading:after {
border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-black.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
box-shadow: none;
color: #0a0a0a;
}
.button.is-black.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.button.is-black.is-inverted.is-outlined:focus,
.button.is-black.is-inverted.is-outlined:hover {
background-color: #fff;
color: #0a0a0a;
}
.button.is-black.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
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.125em rgba(245, 245, 245, 0.25);
}
.button.is-light.is-active,
.button.is-light:active {
background-color: #e8e8e8;
border-color: transparent;
color: #363636;
}
.button.is-light[disabled],
fieldset[disabled] .button.is-light {
background-color: #f5f5f5;
border-color: transparent;
box-shadow: none;
}
.button.is-light.is-inverted {
background-color: #363636;
color: #f5f5f5;
}
.button.is-light.is-inverted:hover {
background-color: #292929;
}
.button.is-light.is-inverted[disabled],
fieldset[disabled] .button.is-light.is-inverted {
background-color: #363636;
border-color: transparent;
box-shadow: none;
color: #f5f5f5;
}
.button.is-light.is-loading:after {
border-color: transparent transparent #363636 #363636 !important;
}
.button.is-light.is-outlined {
background-color: transparent;
border-color: #f5f5f5;
color: #f5f5f5;
}
.button.is-light.is-outlined:focus,
.button.is-light.is-outlined:hover {
background-color: #f5f5f5;
border-color: #f5f5f5;
color: #363636;
}
.button.is-light.is-outlined.is-loading:after {
border-color: transparent transparent #f5f5f5 #f5f5f5 !important;
}
.button.is-light.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-outlined {
background-color: transparent;
border-color: #f5f5f5;
box-shadow: none;
color: #f5f5f5;
}
.button.is-light.is-inverted.is-outlined {
background-color: transparent;
border-color: #363636;
color: #363636;
}
.button.is-light.is-inverted.is-outlined:focus,
.button.is-light.is-inverted.is-outlined:hover {
background-color: #363636;
color: #f5f5f5;
}
.button.is-light.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-inverted.is-outlined {
background-color: transparent;
border-color: #363636;
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.125em rgba(54, 54, 54, 0.25);
}
.button.is-dark.is-active,
.button.is-dark:active {
background-color: #292929;
border-color: transparent;
color: #f5f5f5;
}
.button.is-dark[disabled],
fieldset[disabled] .button.is-dark {
background-color: #363636;
border-color: transparent;
box-shadow: none;
}
.button.is-dark.is-inverted {
background-color: #f5f5f5;
color: #363636;
}
.button.is-dark.is-inverted:hover {
background-color: #e8e8e8;
}
.button.is-dark.is-inverted[disabled],
fieldset[disabled] .button.is-dark.is-inverted {
background-color: #f5f5f5;
border-color: transparent;
box-shadow: none;
color: #363636;
}
.button.is-dark.is-loading:after {
border-color: transparent transparent #f5f5f5 #f5f5f5 !important;
}
.button.is-dark.is-outlined {
background-color: transparent;
border-color: #363636;
color: #363636;
}
.button.is-dark.is-outlined:focus,
.button.is-dark.is-outlined:hover {
background-color: #363636;
border-color: #363636;
color: #f5f5f5;
}
.button.is-dark.is-outlined.is-loading:after {
border-color: transparent transparent #363636 #363636 !important;
}
.button.is-dark.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-outlined {
background-color: transparent;
border-color: #363636;
box-shadow: none;
color: #363636;
}
.button.is-dark.is-inverted.is-outlined {
background-color: transparent;
border-color: #f5f5f5;
color: #f5f5f5;
}
.button.is-dark.is-inverted.is-outlined:focus,
.button.is-dark.is-inverted.is-outlined:hover {
background-color: #f5f5f5;
color: #363636;
}
.button.is-dark.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
background-color: transparent;
border-color: #f5f5f5;
box-shadow: none;
color: #f5f5f5;
}
.button.is-primary {
background-color: #00d1b2;
border-color: transparent;
color: #fff;
}
.button.is-primary.is-hovered,
.button.is-primary:hover {
background-color: #00c4a7;
border-color: transparent;
color: #fff;
}
.button.is-primary.is-focused,
.button.is-primary:focus {
border-color: transparent;
color: #fff;
}
.button.is-primary.is-focused:not(:active),
.button.is-primary:focus:not(:active) {
box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}
.button.is-primary.is-active,
.button.is-primary:active {
background-color: #00b89c;
border-color: transparent;
color: #fff;
}
.button.is-primary[disabled],
fieldset[disabled] .button.is-primary {
background-color: #00d1b2;
border-color: transparent;
box-shadow: none;
}
.button.is-primary.is-inverted {
background-color: #fff;
color: #00d1b2;
}
.button.is-primary.is-inverted:hover {
background-color: #f2f2f2;
}
.button.is-primary.is-inverted[disabled],
fieldset[disabled] .button.is-primary.is-inverted {
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #00d1b2;
}
.button.is-primary.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-primary.is-outlined {
background-color: transparent;
border-color: #00d1b2;
color: #00d1b2;
}
.button.is-primary.is-outlined:focus,
.button.is-primary.is-outlined:hover {
background-color: #00d1b2;
border-color: #00d1b2;
color: #fff;
}
.button.is-primary.is-outlined.is-loading:after {
border-color: transparent transparent #00d1b2 #00d1b2 !important;
}
.button.is-primary.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-outlined {
background-color: transparent;
border-color: #00d1b2;
box-shadow: none;
color: #00d1b2;
}
.button.is-primary.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.button.is-primary.is-inverted.is-outlined:focus,
.button.is-primary.is-inverted.is-outlined:hover {
background-color: #fff;
color: #00d1b2;
}
.button.is-primary.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
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.125em rgba(50, 115, 220, 0.25);
}
.button.is-link.is-active,
.button.is-link:active {
background-color: #2366d1;
border-color: transparent;
color: #fff;
}
.button.is-link[disabled],
fieldset[disabled] .button.is-link {
background-color: #3273dc;
border-color: transparent;
box-shadow: none;
}
.button.is-link.is-inverted {
background-color: #fff;
color: #3273dc;
}
.button.is-link.is-inverted:hover {
background-color: #f2f2f2;
}
.button.is-link.is-inverted[disabled],
fieldset[disabled] .button.is-link.is-inverted {
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #3273dc;
}
.button.is-link.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-link.is-outlined {
background-color: transparent;
border-color: #3273dc;
color: #3273dc;
}
.button.is-link.is-outlined:focus,
.button.is-link.is-outlined:hover {
background-color: #3273dc;
border-color: #3273dc;
color: #fff;
}
.button.is-link.is-outlined.is-loading:after {
border-color: transparent transparent #3273dc #3273dc !important;
}
.button.is-link.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-outlined {
background-color: transparent;
border-color: #3273dc;
box-shadow: none;
color: #3273dc;
}
.button.is-link.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.button.is-link.is-inverted.is-outlined:focus,
.button.is-link.is-inverted.is-outlined:hover {
background-color: #fff;
color: #3273dc;
}
.button.is-link.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
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.125em rgba(32, 156, 238, 0.25);
}
.button.is-info.is-active,
.button.is-info:active {
background-color: #118fe4;
border-color: transparent;
color: #fff;
}
.button.is-info[disabled],
fieldset[disabled] .button.is-info {
background-color: #209cee;
border-color: transparent;
box-shadow: none;
}
.button.is-info.is-inverted {
background-color: #fff;
color: #209cee;
}
.button.is-info.is-inverted:hover {
background-color: #f2f2f2;
}
.button.is-info.is-inverted[disabled],
fieldset[disabled] .button.is-info.is-inverted {
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #209cee;
}
.button.is-info.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-info.is-outlined {
background-color: transparent;
border-color: #209cee;
color: #209cee;
}
.button.is-info.is-outlined:focus,
.button.is-info.is-outlined:hover {
background-color: #209cee;
border-color: #209cee;
color: #fff;
}
.button.is-info.is-outlined.is-loading:after {
border-color: transparent transparent #209cee #209cee !important;
}
.button.is-info.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-outlined {
background-color: transparent;
border-color: #209cee;
box-shadow: none;
color: #209cee;
}
.button.is-info.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.button.is-info.is-inverted.is-outlined:focus,
.button.is-info.is-inverted.is-outlined:hover {
background-color: #fff;
color: #209cee;
}
.button.is-info.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff;
}
.button.is-success {
background-color: #9bc83c;
border-color: transparent;
color: #fff;
}
.button.is-success.is-hovered,
.button.is-success:hover {
background-color: #94c136;
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.125em rgba(155, 200, 60, 0.25);
}
.button.is-success.is-active,
.button.is-success:active {
background-color: #8db734;
border-color: transparent;
color: #fff;
}
.button.is-success[disabled],
fieldset[disabled] .button.is-success {
background-color: #9bc83c;
border-color: transparent;
box-shadow: none;
}
.button.is-success.is-inverted {
background-color: #fff;
color: #9bc83c;
}
.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: #9bc83c;
}
.button.is-success.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-success.is-outlined {
background-color: transparent;
border-color: #9bc83c;
color: #9bc83c;
}
.button.is-success.is-outlined:focus,
.button.is-success.is-outlined:hover {
background-color: #9bc83c;
border-color: #9bc83c;
color: #fff;
}
.button.is-success.is-outlined.is-loading:after {
border-color: transparent transparent #9bc83c #9bc83c !important;
}
.button.is-success.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-outlined {
background-color: transparent;
border-color: #9bc83c;
box-shadow: none;
color: #9bc83c;
}
.button.is-success.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.button.is-success.is-inverted.is-outlined:focus,
.button.is-success.is-inverted.is-outlined:hover {
background-color: #fff;
color: #9bc83c;
}
.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, 0.7);
}
.button.is-warning.is-hovered,
.button.is-warning:hover {
background-color: #ffdb4a;
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-focused,
.button.is-warning:focus {
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-focused:not(:active),
.button.is-warning:focus:not(:active) {
box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
}
.button.is-warning.is-active,
.button.is-warning:active {
background-color: #ffd83d;
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning[disabled],
fieldset[disabled] .button.is-warning {
background-color: #ffdd57;
border-color: transparent;
box-shadow: none;
}
.button.is-warning.is-inverted {
color: #ffdd57;
}
.button.is-warning.is-inverted,
.button.is-warning.is-inverted:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-inverted[disabled],
fieldset[disabled] .button.is-warning.is-inverted {
background-color: rgba(0, 0, 0, 0.7);
border-color: transparent;
box-shadow: none;
color: #ffdd57;
}
.button.is-warning.is-loading:after {
border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-warning.is-outlined {
background-color: transparent;
border-color: #ffdd57;
color: #ffdd57;
}
.button.is-warning.is-outlined:focus,
.button.is-warning.is-outlined:hover {
background-color: #ffdd57;
border-color: #ffdd57;
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-outlined.is-loading:after {
border-color: transparent transparent #ffdd57 #ffdd57 !important;
}
.button.is-warning.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-outlined {
background-color: transparent;
border-color: #ffdd57;
box-shadow: none;
color: #ffdd57;
}
.button.is-warning.is-inverted.is-outlined {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.7);
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-inverted.is-outlined:focus,
.button.is-warning.is-inverted.is-outlined:hover {
background-color: rgba(0, 0, 0, 0.7);
color: #ffdd57;
}
.button.is-warning.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.7);
box-shadow: none;
color: rgba(0, 0, 0, 0.7);
}
.button.is-danger {
background-color: #ff3860;
border-color: transparent;
color: #fff;
}
.button.is-danger.is-hovered,
.button.is-danger:hover {
background-color: #ff2b56;
border-color: transparent;
color: #fff;
}
.button.is-danger.is-focused,
.button.is-danger:focus {
border-color: transparent;
color: #fff;
}
.button.is-danger.is-focused:not(:active),
.button.is-danger:focus:not(:active) {
box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
}
.button.is-danger.is-active,
.button.is-danger:active {
background-color: #ff1f4b;
border-color: transparent;
color: #fff;
}
.button.is-danger[disabled],
fieldset[disabled] .button.is-danger {
background-color: #ff3860;
border-color: transparent;
box-shadow: none;
}
.button.is-danger.is-inverted {
background-color: #fff;
color: #ff3860;
}
.button.is-danger.is-inverted:hover {
background-color: #f2f2f2;
}
.button.is-danger.is-inverted[disabled],
fieldset[disabled] .button.is-danger.is-inverted {
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #ff3860;
}
.button.is-danger.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-danger.is-outlined {
background-color: transparent;
border-color: #ff3860;
color: #ff3860;
}
.button.is-danger.is-outlined:focus,
.button.is-danger.is-outlined:hover {
background-color: #ff3860;
border-color: #ff3860;
color: #fff;
}
.button.is-danger.is-outlined.is-loading:after {
border-color: transparent transparent #ff3860 #ff3860 !important;
}
.button.is-danger.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-outlined {
background-color: transparent;
border-color: #ff3860;
box-shadow: none;
color: #ff3860;
}
.button.is-danger.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.button.is-danger.is-inverted.is-outlined:focus,
.button.is-danger.is-inverted.is-outlined:hover {
background-color: #fff;
color: #ff3860;
}
.button.is-danger.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff;
}
.button.is-small {
border-radius: 2px;
font-size: 0.75rem;
}
.button.is-normal {
font-size: 1rem;
}
.button.is-medium {
font-size: 1.25rem;
}
.button.is-large {
font-size: 1.5rem;
}
.button[disabled],
fieldset[disabled] .button {
background-color: #fff;
border-color: #dbdbdb;
box-shadow: none;
opacity: 0.5;
}
.button.is-fullwidth {
display: -ms-flexbox;
display: flex;
width: 100%;
}
.button.is-loading {
color: transparent !important;
pointer-events: none;
}
.button.is-loading:after {
position: absolute;
left: calc(50% - 0.5em);
top: calc(50% - 0.5em);
position: absolute !important;
}
.button.is-static {
background-color: #f5f5f5;
border-color: #dbdbdb;
color: #333;
box-shadow: none;
pointer-events: none;
}
.button.is-rounded {
border-radius: 290486px;
padding-left: 1em;
padding-right: 1em;
}
.buttons {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start;
}
.buttons .button {
margin-bottom: 0.5rem;
}
.buttons .button:not(:last-child):not(.is-fullwidth) {
margin-right: 0.5rem;
}
.buttons:last-child {
margin-bottom: -0.5rem;
}
.buttons:not(:last-child) {
margin-bottom: 1rem;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
border-radius: 2px;
font-size: 0.75rem;
}
.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
font-size: 1.25rem;
}
.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
font-size: 1.5rem;
}
.buttons.has-addons .button:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.buttons.has-addons .button:not(:last-child) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
margin-right: -1px;
}
.buttons.has-addons .button:last-child {
margin-right: 0;
}
.buttons.has-addons .button.is-hovered,
.buttons.has-addons .button:hover {
z-index: 2;
}
.buttons.has-addons .button.is-active,
.buttons.has-addons .button.is-focused,
.buttons.has-addons .button.is-selected,
.buttons.has-addons .button:active,
.buttons.has-addons .button:focus {
z-index: 3;
}
.buttons.has-addons .button.is-active:hover,
.buttons.has-addons .button.is-focused:hover,
.buttons.has-addons .button.is-selected:hover,
.buttons.has-addons .button:active:hover,
.buttons.has-addons .button:focus:hover {
z-index: 4;
}
.buttons.has-addons .button.is-expanded {
-ms-flex-positive: 1;
flex-grow: 1;
}
.buttons.is-centered {
-ms-flex-pack: center;
justify-content: center;
}
.buttons.is-right {
-ms-flex-pack: end;
justify-content: flex-end;
}
.container {
margin: 0 auto;
position: relative;
}
@media screen and (min-width: 991px) {
.container {
max-width: 863px;
width: 863px;
}
.container.is-fluid {
margin-left: 64px;
margin-right: 64px;
max-width: none;
width: auto;
}
}
@media screen and (max-width: 1199px) {
.container.is-widescreen {
max-width: 1072px;
width: auto;
}
}
@media screen and (max-width: 1439px) {
.container.is-fullhd {
max-width: 1312px;
width: auto;
}
}
@media screen and (min-width: 1200px) {
.container {
max-width: 1072px;
width: 1072px;
}
}
@media screen and (min-width: 1440) {
.container {
max-width: 1312px;
width: 1312px;
}
}
.content li + li {
margin-top: 0.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: #363636;
font-weight: 600;
line-height: 1.125
}
.content h1 {
font-size: 2em;
margin-bottom: .5em
}*/
.content blockquote {
background-color: #f5f5f5;
border-left: 5px solid #dbdbdb;
padding: 1.25em 1.5em;
}
.content ol {
list-style-position: outside;
margin-left: 2em;
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;
margin-top: 1em;
}
.content ul ul {
list-style-type: circle;
margin-top: 0.5em;
}
.content ul ul ul {
list-style-type: square;
}
.content dd {
margin-left: 2em;
}
.content figure {
margin-left: 2em;
margin-right: 2em;
text-align: center;
}
.content figure:not(:first-child) {
margin-top: 2em;
}
.content figure:not(:last-child) {
margin-bottom: 2em;
}
.content figure img {
display: inline-block;
}
.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: 1px solid #dbdbdb;
border-width: 0 0 1px;
padding: 0.5em 0.75em;
vertical-align: top;
}
.content table th {
color: #363636;
text-align: left;
}
.content table thead td,
.content table thead th {
border-width: 0 0 2px;
color: #363636;
}
.content table tfoot td,
.content table tfoot th {
border-width: 2px 0 0;
color: #363636;
}
.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
border-bottom-width: 0;
}
.content.is-small {
font-size: 0.75rem;
}
.content.is-medium {
font-size: 1.25rem;
}
.content.is-large {
font-size: 1.5rem;
}
.input,
.textarea {
background-color: #fff;
border-color: #dbdbdb;
color: #363636;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
max-width: 100%;
width: 100%;
}
.input::-moz-placeholder,
.textarea::-moz-placeholder {
color: rgba(54, 54, 54, 0.3);
}
.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
color: rgba(54, 54, 54, 0.3);
}
.input:-moz-placeholder,
.textarea:-moz-placeholder {
color: rgba(54, 54, 54, 0.3);
}
.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
color: rgba(54, 54, 54, 0.3);
}
.input.is-hovered,
.input:hover,
.textarea.is-hovered,
.textarea:hover {
border-color: #b5b5b5;
}
.input.is-active,
.input.is-focused,
.input:active,
.input:focus,
.textarea.is-active,
.textarea.is-focused,
.textarea:active,
.textarea:focus {
border-color: #3273dc;
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.input[disabled],
.textarea[disabled],
fieldset[disabled] .input,
fieldset[disabled] .textarea {
background-color: #f5f5f5;
border-color: #f5f5f5;
box-shadow: none;
color: #333;
}
.input[disabled]::-moz-placeholder,
.textarea[disabled]::-moz-placeholder,
fieldset[disabled] .input::-moz-placeholder,
fieldset[disabled] .textarea::-moz-placeholder {
color: rgba(51, 51, 51, 0.3);
}
.input[disabled]::-webkit-input-placeholder,
.textarea[disabled]::-webkit-input-placeholder,
fieldset[disabled] .input::-webkit-input-placeholder,
fieldset[disabled] .textarea::-webkit-input-placeholder {
color: rgba(51, 51, 51, 0.3);
}
.input[disabled]:-moz-placeholder,
.textarea[disabled]:-moz-placeholder,
fieldset[disabled] .input:-moz-placeholder,
fieldset[disabled] .textarea:-moz-placeholder {
color: rgba(51, 51, 51, 0.3);
}
.input[disabled]:-ms-input-placeholder,
.textarea[disabled]:-ms-input-placeholder,
fieldset[disabled] .input:-ms-input-placeholder,
fieldset[disabled] .textarea:-ms-input-placeholder {
color: rgba(51, 51, 51, 0.3);
}
.input[readonly],
.textarea[readonly] {
box-shadow: none;
}
.input.is-white,
.textarea.is-white {
border-color: #fff;
}
.input.is-white.is-active,
.input.is-white.is-focused,
.input.is-white:active,
.input.is-white:focus,
.textarea.is-white.is-active,
.textarea.is-white.is-focused,
.textarea.is-white:active,
.textarea.is-white:focus {
box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}
.input.is-black,
.textarea.is-black {
border-color: #0a0a0a;
}
.input.is-black.is-active,
.input.is-black.is-focused,
.input.is-black:active,
.input.is-black:focus,
.textarea.is-black.is-active,
.textarea.is-black.is-focused,
.textarea.is-black:active,
.textarea.is-black:focus {
box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}
.input.is-light,
.textarea.is-light {
border-color: #f5f5f5;
}
.input.is-light.is-active,
.input.is-light.is-focused,
.input.is-light:active,
.input.is-light:focus,
.textarea.is-light.is-active,
.textarea.is-light.is-focused,
.textarea.is-light:active,
.textarea.is-light:focus {
box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}
.input.is-dark,
.textarea.is-dark {
border-color: #363636;
}
.input.is-dark.is-active,
.input.is-dark.is-focused,
.input.is-dark:active,
.input.is-dark:focus,
.textarea.is-dark.is-active,
.textarea.is-dark.is-focused,
.textarea.is-dark:active,
.textarea.is-dark:focus {
box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}
.input.is-primary,
.textarea.is-primary {
border-color: #00d1b2;
}
.input.is-primary.is-active,
.input.is-primary.is-focused,
.input.is-primary:active,
.input.is-primary:focus,
.textarea.is-primary.is-active,
.textarea.is-primary.is-focused,
.textarea.is-primary:active,
.textarea.is-primary:focus {
box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}
.input.is-link,
.textarea.is-link {
border-color: #3273dc;
}
.input.is-link.is-active,
.input.is-link.is-focused,
.input.is-link:active,
.input.is-link:focus,
.textarea.is-link.is-active,
.textarea.is-link.is-focused,
.textarea.is-link:active,
.textarea.is-link:focus {
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.input.is-info,
.textarea.is-info {
border-color: #209cee;
}
.input.is-info.is-active,
.input.is-info.is-focused,
.input.is-info:active,
.input.is-info:focus,
.textarea.is-info.is-active,
.textarea.is-info.is-focused,
.textarea.is-info:active,
.textarea.is-info:focus {
box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
}
.input.is-success,
.textarea.is-success {
border-color: #9bc83c;
}
.input.is-success.is-active,
.input.is-success.is-focused,
.input.is-success:active,
.input.is-success:focus,
.textarea.is-success.is-active,
.textarea.is-success.is-focused,
.textarea.is-success:active,
.textarea.is-success:focus {
box-shadow: 0 0 0 0.125em rgba(155, 200, 60, 0.25);
}
.input.is-warning,
.textarea.is-warning {
border-color: #ffdd57;
}
.input.is-warning.is-active,
.input.is-warning.is-focused,
.input.is-warning:active,
.input.is-warning:focus,
.textarea.is-warning.is-active,
.textarea.is-warning.is-focused,
.textarea.is-warning:active,
.textarea.is-warning:focus {
box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
}
.input.is-danger,
.textarea.is-danger {
border-color: #ff3860;
}
.input.is-danger.is-active,
.input.is-danger.is-focused,
.input.is-danger:active,
.input.is-danger:focus,
.textarea.is-danger.is-active,
.textarea.is-danger.is-focused,
.textarea.is-danger:active,
.textarea.is-danger:focus {
box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
}
.input.is-small,
.textarea.is-small {
border-radius: 2px;
font-size: 0.75rem;
}
.input.is-medium,
.textarea.is-medium {
font-size: 1.25rem;
}
.input.is-large,
.textarea.is-large {
font-size: 1.5rem;
}
.input.is-fullwidth,
.textarea.is-fullwidth {
display: block;
width: 100%;
}
.input.is-inline,
.textarea.is-inline {
display: inline;
width: auto;
}
.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: 0.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: #333;
cursor: not-allowed;
}
.radio + .radio {
margin-left: 0.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 {
background-color: #fff;
border-color: #dbdbdb;
color: #363636;
cursor: pointer;
display: block;
font-size: 1em;
max-width: 100%;
outline: none;
}
.select select::-moz-placeholder {
color: rgba(54, 54, 54, 0.3);
}
.select select::-webkit-input-placeholder {
color: rgba(54, 54, 54, 0.3);
}
.select select:-moz-placeholder {
color: rgba(54, 54, 54, 0.3);
}
.select select:-ms-input-placeholder {
color: rgba(54, 54, 54, 0.3);
}
.select select.is-hovered,
.select select:hover {
border-color: #b5b5b5;
}
.select select.is-active,
.select select.is-focused,
.select select:active,
.select select:focus {
border-color: #3273dc;
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.select select[disabled],
fieldset[disabled] .select select {
background-color: #f5f5f5;
border-color: #f5f5f5;
box-shadow: none;
color: #333;
}
.select select[disabled]::-moz-placeholder,
fieldset[disabled] .select select::-moz-placeholder {
color: rgba(51, 51, 51, 0.3);
}
.select select[disabled]::-webkit-input-placeholder,
fieldset[disabled] .select select::-webkit-input-placeholder {
color: rgba(51, 51, 51, 0.3);
}
.select select[disabled]:-moz-placeholder,
fieldset[disabled] .select select:-moz-placeholder {
color: rgba(51, 51, 51, 0.3);
}
.select select[disabled]:-ms-input-placeholder,
fieldset[disabled] .select select:-ms-input-placeholder {
color: rgba(51, 51, 51, 0.3);
}
.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: 0.5em 1em;
}
.select:not(.is-multiple):not(.is-loading):hover:after {
border-color: #363636;
}
.select.is-white:not(:hover):after,
.select.is-white select {
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 0.125em rgba(255, 255, 255, 0.25);
}
.select.is-black:not(:hover):after,
.select.is-black select {
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 0.125em rgba(10, 10, 10, 0.25);
}
.select.is-light:not(:hover):after,
.select.is-light select {
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 0.125em rgba(245, 245, 245, 0.25);
}
.select.is-dark:not(:hover):after,
.select.is-dark select {
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 0.125em rgba(54, 54, 54, 0.25);
}
.select.is-primary:not(:hover):after,
.select.is-primary select {
border-color: #00d1b2;
}
.select.is-primary select.is-hovered,
.select.is-primary select:hover {
border-color: #00b89c;
}
.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 0.125em rgba(0, 209, 178, 0.25);
}
.select.is-link:not(:hover):after,
.select.is-link select {
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 0.125em rgba(50, 115, 220, 0.25);
}
.select.is-info:not(:hover):after,
.select.is-info select {
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 0.125em rgba(32, 156, 238, 0.25);
}
.select.is-success:not(:hover):after,
.select.is-success select {
border-color: #9bc83c;
}
.select.is-success select.is-hovered,
.select.is-success select:hover {
border-color: #8db734;
}
.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 0.125em rgba(155, 200, 60, 0.25);
}
.select.is-warning:not(:hover):after,
.select.is-warning select {
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 0.125em rgba(255, 221, 87, 0.25);
}
.select.is-danger:not(:hover):after,
.select.is-danger select {
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 0.125em rgba(255, 56, 96, 0.25);
}
.select.is-small {
border-radius: 2px;
font-size: 0.75rem;
}
.select.is-medium {
font-size: 1.25rem;
}
.select.is-large {
font-size: 1.5rem;
}
.select.is-disabled:after {
border-color: #333;
}
.select.is-fullwidth,
.select.is-fullwidth select {
width: 100%;
}
.select.is-loading:after {
margin-top: 0;
position: absolute;
right: 0.625em;
top: 0.625em;
transform: none;
}
.select.is-loading.is-small:after {
font-size: 0.75rem;
}
.select.is-loading.is-medium:after {
font-size: 1.25rem;
}
.select.is-loading.is-large:after {
font-size: 1.5rem;
}
.file {
-ms-flex-align: stretch;
align-items: stretch;
display: -ms-flexbox;
display: flex;
-ms-flex-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 0.5em rgba(255, 255, 255, 0.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 0.5em rgba(10, 10, 10, 0.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 0.5em rgba(245, 245, 245, 0.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 0.5em rgba(54, 54, 54, 0.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: #00d1b2;
border-color: transparent;
color: #fff;
}
.file.is-primary.is-hovered .file-cta,
.file.is-primary:hover .file-cta {
background-color: #00c4a7;
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 0.5em rgba(0, 209, 178, 0.25);
color: #fff;
}
.file.is-primary.is-active .file-cta,
.file.is-primary:active .file-cta {
background-color: #00b89c;
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 0.5em rgba(50, 115, 220, 0.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 0.5em rgba(32, 156, 238, 0.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: #9bc83c;
border-color: transparent;
color: #fff;
}
.file.is-success.is-hovered .file-cta,
.file.is-success:hover .file-cta {
background-color: #94c136;
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 0.5em rgba(155, 200, 60, 0.25);
color: #fff;
}
.file.is-success.is-active .file-cta,
.file.is-success:active .file-cta {
background-color: #8db734;
border-color: transparent;
color: #fff;
}
.file.is-warning .file-cta {
background-color: #ffdd57;
border-color: transparent;
color: rgba(0, 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, 0.7);
}
.file.is-warning.is-focused .file-cta,
.file.is-warning:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
color: rgba(0, 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, 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 0.5em rgba(255, 56, 96, 0.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: 0.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 {
-ms-flex-direction: column;
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 {
-ms-flex-pack: center;
justify-content: center;
}
.file.is-fullwidth .file-label {
width: 100%;
}
.file.is-fullwidth .file-name {
-ms-flex-positive: 1;
flex-grow: 1;
max-width: none;
}
.file.is-right {
-ms-flex-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;
-ms-flex-order: -1;
order: -1;
}
.file-label {
-ms-flex-align: stretch;
align-items: stretch;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-ms-flex-pack: start;
justify-content: flex-start;
overflow: hidden;
position: relative;
}
.file-label:hover .file-cta {
background-color: #eee;
color: #363636;
}
.file-label:hover .file-name {
border-color: #d5d5d5;
}
.file-label:active .file-cta {
background-color: #e8e8e8;
color: #363636;
}
.file-label:active .file-name {
border-color: #cfcfcf;
}
.file-input {
height: 100%;
left: 0;
opacity: 0;
outline: none;
position: absolute;
top: 0;
width: 100%;
}
.file-cta,
.file-name {
border-color: #dbdbdb;
border-radius: 4px;
font-size: 1em;
padding-left: 1em;
padding-right: 1em;
white-space: nowrap;
}
.file-cta {
background-color: #f5f5f5;
color: #4a4a4a;
}
.file-name {
border-color: #dbdbdb;
border-style: solid;
border-width: 1px 1px 1px 0;
display: block;
max-width: 16em;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
}
.file-icon {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
height: 1em;
-ms-flex-pack: center;
justify-content: center;
margin-right: 0.5em;
width: 1em;
}
.file-icon .fa {
font-size: 14px;
}
.label {
color: #363636;
display: block;
font-size: 1rem;
font-weight: 700;
}
.label:not(:last-child) {
margin-bottom: 0.5em;
}
.label.is-small {
font-size: 0.75rem;
}
.label.is-medium {
font-size: 1.25rem;
}
.label.is-large {
font-size: 1.5rem;
}
.help {
display: block;
font-size: 0.75rem;
margin-top: 0.25rem;
}
.help.is-white {
color: #fff;
}
.help.is-black {
color: #0a0a0a;
}
.help.is-light {
color: #f5f5f5;
}
.help.is-dark {
color: #363636;
}
.help.is-primary {
color: #00d1b2;
}
.help.is-link {
color: #3273dc;
}
.help.is-info {
color: #209cee;
}
.help.is-success {
color: #9bc83c;
}
.help.is-warning {
color: #ffdd57;
}
.help.is-danger {
color: #ff3860;
}
.field:not(:last-child) {
margin-bottom: 0.75rem;
}
.field.has-addons {
display: -ms-flexbox;
display: flex;
-ms-flex-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 {
-ms-flex-positive: 1;
flex-grow: 1;
}
.field.has-addons.has-addons-centered {
-ms-flex-pack: center;
justify-content: center;
}
.field.has-addons.has-addons-right {
-ms-flex-pack: end;
justify-content: flex-end;
}
.field.has-addons.has-addons-fullwidth .control {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.field.is-grouped {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
}
.field.is-grouped > .control {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.field.is-grouped > .control:not(:last-child) {
margin-bottom: 0;
margin-right: 0.75rem;
}
.field.is-grouped > .control.is-expanded {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.field.is-grouped.is-grouped-centered {
-ms-flex-pack: center;
justify-content: center;
}
.field.is-grouped.is-grouped-right {
-ms-flex-pack: end;
justify-content: flex-end;
}
.field.is-grouped.is-grouped-multiline {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.field.is-grouped.is-grouped-multiline > .control:last-child,
.field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
margin-bottom: 0.75rem;
}
.field.is-grouped.is-grouped-multiline:last-child {
margin-bottom: -0.75rem;
}
.field.is-grouped.is-grouped-multiline:not(:last-child) {
margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
.field.is-horizontal {
display: -ms-flexbox;
display: flex;
}
}
.field-label .label {
font-size: inherit;
}
@media screen and (max-width: 767px) {
.field-label {
margin-bottom: 0.5rem;
}
}
@media print, screen and (min-width: 768px) {
.field-label {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 1.5rem;
text-align: right;
}
.field-label.is-small {
font-size: 0.75rem;
padding-top: 0.375em;
}
.field-label.is-normal {
padding-top: 0.375em;
}
.field-label.is-medium {
font-size: 1.25rem;
padding-top: 0.375em;
}
.field-label.is-large {
font-size: 1.5rem;
padding-top: 0.375em;
}
}
.field-body .field .field {
margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
.field-body {
display: -ms-flexbox;
display: flex;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 5;
flex-grow: 5;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.field-body .field {
margin-bottom: 0;
}
.field-body > .field {
-ms-flex-negative: 1;
flex-shrink: 1;
}
.field-body > .field:not(.is-narrow) {
-ms-flex-positive: 1;
flex-grow: 1;
}
.field-body > .field:not(:last-child) {
margin-right: 0.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: #333;
}
.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: 0.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: 0.625em;
top: 0.625em;
z-index: 4;
}
.control.is-loading.is-small:after {
font-size: 0.75rem;
}
.control.is-loading.is-medium:after {
font-size: 1.25rem;
}
.control.is-loading.is-large:after {
font-size: 1.5rem;
}
.icon {
-ms-flex-align: center;
align-items: center;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-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-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-16by9 .has-ratio,
.image.is-16by9 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;
}
.notification {
background-color: #f5f5f5;
border-radius: 4px;
padding: 1.25rem 2.5rem 1.25rem 1.5rem;
position: relative;
}
.notification a:not(.button):not(.dropdown-item) {
color: currentColor;
text-decoration: underline;
}
.notification strong {
color: currentColor;
}
.notification code,
.notification pre {
background: #fff;
}
.notification pre code {
background: transparent;
}
.notification > .delete {
position: absolute;
right: 0.5rem;
top: 0.5rem;
}
.notification .content,
.notification .subtitle,
.notification .title {
color: currentColor;
}
.notification.is-white {
background-color: #fff;
color: #0a0a0a;
}
.notification.is-black {
background-color: #0a0a0a;
color: #fff;
}
.notification.is-light {
background-color: #f5f5f5;
color: #363636;
}
.notification.is-dark {
background-color: #363636;
color: #f5f5f5;
}
.notification.is-primary {
background-color: #00d1b2;
color: #fff;
}
.notification.is-link {
background-color: #3273dc;
color: #fff;
}
.notification.is-info {
background-color: #209cee;
color: #fff;
}
.notification.is-success {
background-color: #9bc83c;
color: #fff;
}
.notification.is-warning {
background-color: #ffdd57;
color: rgba(0, 0, 0, 0.7);
}
.notification.is-danger {
background-color: #ff3860;
color: #fff;
}
.progress {
-moz-appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 290486px;
display: block;
height: 1rem;
overflow: hidden;
padding: 0;
width: 100%;
}
.progress::-webkit-progress-bar {
background-color: #dbdbdb;
}
.progress::-webkit-progress-value {
background-color: #4a4a4a;
}
.progress::-moz-progress-bar {
background-color: #4a4a4a;
}
.progress::-ms-fill {
background-color: #4a4a4a;
border: none;
}
.progress:indeterminate {
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-name: b;
animation-timing-function: linear;
background-color: #dbdbdb;
background-image: linear-gradient(90deg, #4a4a4a 30%, #dbdbdb 0);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 150% 150%;
}
.progress:indeterminate::-webkit-progress-bar {
background-color: transparent;
}
.progress:indeterminate::-moz-progress-bar {
background-color: transparent;
}
.progress.is-white::-webkit-progress-value {
background-color: #fff;
}
.progress.is-white::-moz-progress-bar {
background-color: #fff;
}
.progress.is-white::-ms-fill {
background-color: #fff;
}
.progress.is-white:indeterminate {
background-image: linear-gradient(90deg, #fff 30%, #dbdbdb 0);
}
.progress.is-black::-webkit-progress-value {
background-color: #0a0a0a;
}
.progress.is-black::-moz-progress-bar {
background-color: #0a0a0a;
}
.progress.is-black::-ms-fill {
background-color: #0a0a0a;
}
.progress.is-black:indeterminate {
background-image: linear-gradient(90deg, #0a0a0a 30%, #dbdbdb 0);
}
.progress.is-light::-webkit-progress-value {
background-color: #f5f5f5;
}
.progress.is-light::-moz-progress-bar {
background-color: #f5f5f5;
}
.progress.is-light::-ms-fill {
background-color: #f5f5f5;
}
.progress.is-light:indeterminate {
background-image: linear-gradient(90deg, #f5f5f5 30%, #dbdbdb 0);
}
.progress.is-dark::-webkit-progress-value {
background-color: #363636;
}
.progress.is-dark::-moz-progress-bar {
background-color: #363636;
}
.progress.is-dark::-ms-fill {
background-color: #363636;
}
.progress.is-dark:indeterminate {
background-image: linear-gradient(90deg, #363636 30%, #dbdbdb 0);
}
.progress.is-primary::-webkit-progress-value {
background-color: #00d1b2;
}
.progress.is-primary::-moz-progress-bar {
background-color: #00d1b2;
}
.progress.is-primary::-ms-fill {
background-color: #00d1b2;
}
.progress.is-primary:indeterminate {
background-image: linear-gradient(90deg, #00d1b2 30%, #dbdbdb 0);
}
.progress.is-link::-webkit-progress-value {
background-color: #3273dc;
}
.progress.is-link::-moz-progress-bar {
background-color: #3273dc;
}
.progress.is-link::-ms-fill {
background-color: #3273dc;
}
.progress.is-link:indeterminate {
background-image: linear-gradient(90deg, #3273dc 30%, #dbdbdb 0);
}
.progress.is-info::-webkit-progress-value {
background-color: #209cee;
}
.progress.is-info::-moz-progress-bar {
background-color: #209cee;
}
.progress.is-info::-ms-fill {
background-color: #209cee;
}
.progress.is-info:indeterminate {
background-image: linear-gradient(90deg, #209cee 30%, #dbdbdb 0);
}
.progress.is-success::-webkit-progress-value {
background-color: #9bc83c;
}
.progress.is-success::-moz-progress-bar {
background-color: #9bc83c;
}
.progress.is-success::-ms-fill {
background-color: #9bc83c;
}
.progress.is-success:indeterminate {
background-image: linear-gradient(90deg, #9bc83c 30%, #dbdbdb 0);
}
.progress.is-warning::-webkit-progress-value {
background-color: #ffdd57;
}
.progress.is-warning::-moz-progress-bar {
background-color: #ffdd57;
}
.progress.is-warning::-ms-fill {
background-color: #ffdd57;
}
.progress.is-warning:indeterminate {
background-image: linear-gradient(90deg, #ffdd57 30%, #dbdbdb 0);
}
.progress.is-danger::-webkit-progress-value {
background-color: #ff3860;
}
.progress.is-danger::-moz-progress-bar {
background-color: #ff3860;
}
.progress.is-danger::-ms-fill {
background-color: #ff3860;
}
.progress.is-danger:indeterminate {
background-image: linear-gradient(90deg, #ff3860 30%, #dbdbdb 0);
}
.progress.is-small {
height: 0.75rem;
}
.progress.is-medium {
height: 1.25rem;
}
.progress.is-large {
height: 1.5rem;
}
@keyframes b {
0% {
background-position: 200% 0;
}
to {
background-position: -200% 0;
}
}
.card {
background-color: #fff;
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
color: #4a4a4a;
max-width: 100%;
position: relative;
}
.card-header {
background-color: transparent;
-ms-flex-align: stretch;
align-items: stretch;
box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
}
.card-header,
.card-header-title {
display: -ms-flexbox;
display: flex;
}
.card-header-title {
-ms-flex-align: center;
align-items: center;
color: #363636;
-ms-flex-positive: 1;
flex-grow: 1;
font-weight: 700;
padding: 0.75rem;
}
.card-header-icon,
.card-header-title.is-centered {
-ms-flex-pack: center;
justify-content: center;
}
.card-header-icon {
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -ms-flexbox;
display: flex;
padding: 0.75rem;
}
.card-image {
display: block;
position: relative;
}
.card-content {
background-color: transparent;
padding: 1.5rem;
}
.card-footer {
background-color: transparent;
border-top: 1px solid #dbdbdb;
-ms-flex-align: stretch;
align-items: stretch;
}
.card-footer,
.card-footer-item {
display: -ms-flexbox;
display: flex;
}
.card-footer-item {
-ms-flex-align: center;
align-items: center;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
padding: 0.75rem;
}
.card-footer-item:not(:last-child) {
border-right: 1px solid #dbdbdb;
}
.card .media:not(:last-child) {
margin-bottom: 0.75rem;
}
.dropdown {
display: -ms-inline-flexbox;
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, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
.dropdown-item {
color: #4a4a4a;
display: block;
font-size: 0.875rem;
line-height: 1.5;
padding: 0.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: 0.5rem 0;
}
.level {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.level code {
border-radius: 4px;
}
.level img {
display: inline-block;
vertical-align: top;
}
.level.is-mobile,
.level.is-mobile .level-left,
.level.is-mobile .level-right {
display: -ms-flexbox;
display: flex;
}
.level.is-mobile .level-left + .level-right {
margin-top: 0;
}
.level.is-mobile .level-item:not(:last-child) {
margin-bottom: 0;
margin-right: 0.75rem;
}
.level.is-mobile .level-item:not(.is-narrow) {
-ms-flex-positive: 1;
flex-grow: 1;
}
@media print, screen and (min-width: 768px) {
.level {
display: -ms-flexbox;
display: flex;
}
.level > .level-item:not(.is-narrow) {
-ms-flex-positive: 1;
flex-grow: 1;
}
}
.level-item {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
}
.level-item .subtitle,
.level-item .title {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.level-item:not(:last-child) {
margin-bottom: 0.75rem;
}
}
.level-left,
.level-right {
-ms-flex-preferred-size: auto;
flex-basis: auto;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
-ms-flex-positive: 1;
flex-grow: 1;
}
@media print, screen and (min-width: 768px) {
.level-left .level-item:not(:last-child),
.level-right .level-item:not(:last-child) {
margin-right: 0.75rem;
}
}
.level-left {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media screen and (max-width: 767px) {
.level-left + .level-right {
margin-top: 1.5rem;
}
}
@media print, screen and (min-width: 768px) {
.level-left {
display: -ms-flexbox;
display: flex;
}
}
.level-right {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media print, screen and (min-width: 768px) {
.level-right {
display: -ms-flexbox;
display: flex;
}
}
.list {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
}
.list-item {
display: block;
padding: 0.5em 1em;
}
.list-item:not(a) {
color: #4a4a4a;
}
.list-item:first-child,
.list-item:last-child {
border-top-left-radius: 4px;
border-top-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 {
-ms-flex-align: start;
align-items: flex-start;
display: -ms-flexbox;
display: flex;
text-align: left;
}
.media .content:not(:last-child) {
margin-bottom: 0.75rem;
}
.media .media {
border-top: 1px solid rgba(219, 219, 219, 0.5);
display: -ms-flexbox;
display: flex;
padding-top: 0.75rem;
}
.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
margin-bottom: 0.5rem;
}
.media .media .media {
padding-top: 0.5rem;
}
.media .media .media + .media {
margin-top: 0.5rem;
}
.media + .media {
border-top: 1px solid rgba(219, 219, 219, 0.5);
margin-top: 1rem;
padding-top: 1rem;
}
.media.is-large + .media {
margin-top: 1.5rem;
padding-top: 1.5rem;
}
.media-left,
.media-right {
-ms-flex-preferred-size: auto;
flex-basis: auto;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.media-left {
margin-right: 1rem;
}
.media-right {
margin-left: 1rem;
}
.media-content {
-ms-flex-preferred-size: auto;
flex-basis: auto;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
text-align: left;
}
@media screen and (max-width: 767px) {
.media-content {
overflow-x: auto;
}
}
.menu {
font-size: 1rem;
}
.menu.is-small {
font-size: 0.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: #4a4a4a;
display: block;
padding: 0.5em 0.75em;
}
.menu-list a:hover {
background-color: #f5f5f5;
color: #363636;
}
.menu-list a.is-active {
background-color: #3273dc;
color: #fff;
}
.menu-list li ul {
border-left: 1px solid #dbdbdb;
margin: 0.75em;
padding-left: 0.75em;
}
.menu-label {
color: #333;
font-size: 0.75em;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.menu-label:not(:first-child) {
margin-top: 1em;
}
.menu-label:not(:last-child) {
margin-bottom: 1em;
}
.message {
background-color: #f5f5f5;
border-radius: 4px;
font-size: 1rem;
}
.message strong {
color: currentColor;
}
.message a:not(.button):not(.tag):not(.dropdown-item) {
color: currentColor;
text-decoration: underline;
}
.message.is-small {
font-size: 0.75rem;
}
.message.is-medium {
font-size: 1.25rem;
}
.message.is-large {
font-size: 1.5rem;
}
.message.is-white {
background-color: #fff;
}
.message.is-white .message-header {
background-color: #fff;
color: #0a0a0a;
}
.message.is-white .message-body {
border-color: #fff;
color: #4d4d4d;
}
.message.is-black {
background-color: #fafafa;
}
.message.is-black .message-header {
background-color: #0a0a0a;
color: #fff;
}
.message.is-black .message-body {
border-color: #0a0a0a;
color: #090909;
}
.message.is-light {
background-color: #fafafa;
}
.message.is-light .message-header {
background-color: #f5f5f5;
color: #363636;
}
.message.is-light .message-body {
border-color: #f5f5f5;
color: #505050;
}
.message.is-dark {
background-color: #fafafa;
}
.message.is-dark .message-header {
background-color: #363636;
color: #f5f5f5;
}
.message.is-dark .message-body {
border-color: #363636;
color: #2a2a2a;
}
.message.is-primary {
background-color: #f5fffd;
}
.message.is-primary .message-header {
background-color: #00d1b2;
color: #fff;
}
.message.is-primary .message-body {
border-color: #00d1b2;
color: #021310;
}
.message.is-link {
background-color: #f6f9fe;
}
.message.is-link .message-header {
background-color: #3273dc;
color: #fff;
}
.message.is-link .message-body {
border-color: #3273dc;
color: #22509a;
}
.message.is-info {
background-color: #f6fbfe;
}
.message.is-info .message-header {
background-color: #209cee;
color: #fff;
}
.message.is-info .message-body {
border-color: #209cee;
color: #12537e;
}
.message.is-success {
background-color: #fbfdf7;
}
.message.is-success .message-header {
background-color: #9bc83c;
color: #fff;
}
.message.is-success .message-body {
border-color: #9bc83c;
color: #262e14;
}
.message.is-warning {
background-color: #fffdf5;
}
.message.is-warning .message-header {
background-color: #ffdd57;
color: rgba(0, 0, 0, 0.7);
}
.message.is-warning .message-body {
border-color: #ffdd57;
color: #3b3108;
}
.message.is-danger {
background-color: #fff5f7;
}
.message.is-danger .message-header {
background-color: #ff3860;
color: #fff;
}
.message.is-danger .message-body {
border-color: #ff3860;
color: #cd0930;
}
.message-header {
-ms-flex-align: center;
align-items: center;
background-color: #4a4a4a;
border-radius: 4px 4px 0 0;
color: #fff;
display: -ms-flexbox;
display: flex;
font-weight: 700;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 1.25;
padding: 0.75em 1em;
position: relative;
}
.message-header .delete {
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 0.75em;
}
.message-header + .message-body {
border-width: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.message-body {
border-color: #dbdbdb;
border-radius: 4px;
border-style: solid;
border-width: 0 0 0 4px;
color: #4a4a4a;
padding: 1.25em 1.5em;
}
.message-body code,
.message-body pre {
background-color: #fff;
}
.message-body pre code {
background-color: transparent;
}
@media print, screen and (min-width: 768px) {
.modal-card,
.modal-content {
margin: 0 auto;
max-height: calc(100vh - 40px);
width: 640px;
}
}
.modal-close {
background: none;
height: 40px;
position: fixed;
right: 20px;
top: 20px;
width: 40px;
}
.modal-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
max-height: calc(100vh - 40px);
overflow: hidden;
-ms-overflow-y: visible;
}
.modal-card-foot,
.modal-card-head {
-ms-flex-align: center;
align-items: center;
background-color: #f5f5f5;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 20px;
position: relative;
}
.modal-card-head {
border-bottom: 1px solid #dbdbdb;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.modal-card-title {
color: #363636;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 1.5rem;
line-height: 1;
}
.modal-card-foot {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top: 1px solid #dbdbdb;
}
.modal-card-foot .button:not(:last-child) {
margin-right: 10px;
}
.modal-card-body {
-webkit-overflow-scrolling: touch;
background-color: #fff;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
overflow: auto;
padding: 20px;
}
.navbar {
background-color: #fff;
min-height: 3.25rem;
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:hover,
.navbar.is-white .navbar-brand > a.navbar-item.is-active,
.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: 991px) {
.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:hover,
.navbar.is-white .navbar-end > a.navbar-item.is-active,
.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:hover,
.navbar.is-white .navbar-start > a.navbar-item.is-active,
.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: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:hover,
.navbar.is-black .navbar-brand > a.navbar-item.is-active,
.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: 991px) {
.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:hover,
.navbar.is-black .navbar-end > a.navbar-item.is-active,
.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:hover,
.navbar.is-black .navbar-start > a.navbar-item.is-active,
.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: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:hover,
.navbar.is-light .navbar-brand > a.navbar-item.is-active,
.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: 991px) {
.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:hover,
.navbar.is-light .navbar-end > a.navbar-item.is-active,
.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:hover,
.navbar.is-light .navbar-start > a.navbar-item.is-active,
.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: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:hover,
.navbar.is-dark .navbar-brand > a.navbar-item.is-active,
.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: 991px) {
.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:hover,
.navbar.is-dark .navbar-end > a.navbar-item.is-active,
.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:hover,
.navbar.is-dark .navbar-start > a.navbar-item.is-active,
.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: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: #00d1b2;
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:hover,
.navbar.is-primary .navbar-brand > a.navbar-item.is-active,
.navbar.is-primary .navbar-brand > a.navbar-item:hover {
background-color: #00b89c;
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: 991px) {
.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:hover,
.navbar.is-primary .navbar-end > a.navbar-item.is-active,
.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:hover,
.navbar.is-primary .navbar-start > a.navbar-item.is-active,
.navbar.is-primary .navbar-start > a.navbar-item:hover {
background-color: #00b89c;
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:hover .navbar-link {
background-color: #00b89c;
color: #fff;
}
.navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
background-color: #00d1b2;
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:hover,
.navbar.is-link .navbar-brand > a.navbar-item.is-active,
.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: 991px) {
.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:hover,
.navbar.is-link .navbar-end > a.navbar-item.is-active,
.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:hover,
.navbar.is-link .navbar-start > a.navbar-item.is-active,
.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: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:hover,
.navbar.is-info .navbar-brand > a.navbar-item.is-active,
.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: 991px) {
.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:hover,
.navbar.is-info .navbar-end > a.navbar-item.is-active,
.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:hover,
.navbar.is-info .navbar-start > a.navbar-item.is-active,
.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: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: #9bc83c;
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:hover,
.navbar.is-success .navbar-brand > a.navbar-item.is-active,
.navbar.is-success .navbar-brand > a.navbar-item:hover {
background-color: #8db734;
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: 991px) {
.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:hover,
.navbar.is-success .navbar-end > a.navbar-item.is-active,
.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:hover,
.navbar.is-success .navbar-start > a.navbar-item.is-active,
.navbar.is-success .navbar-start > a.navbar-item:hover {
background-color: #8db734;
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:hover .navbar-link {
background-color: #8db734;
color: #fff;
}
.navbar.is-success .navbar-dropdown a.navbar-item.is-active {
background-color: #9bc83c;
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, 0.7);
}
.navbar.is-warning .navbar-brand .navbar-link.is-active,
.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:hover {
background-color: #ffd83d;
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-brand .navbar-link:after {
border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-burger {
color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 991px) {
.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, 0.7);
}
.navbar.is-warning .navbar-end .navbar-link.is-active,
.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:hover,
.navbar.is-warning .navbar-start .navbar-link.is-active,
.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:hover {
background-color: #ffd83d;
color: rgba(0, 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, 0.7);
}
.navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link {
background-color: #ffd83d;
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
background-color: #ffdd57;
color: rgba(0, 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:hover,
.navbar.is-danger .navbar-brand > a.navbar-item.is-active,
.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: 991px) {
.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:hover,
.navbar.is-danger .navbar-end > a.navbar-item.is-active,
.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:hover,
.navbar.is-danger .navbar-start > a.navbar-item.is-active,
.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: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 {
-ms-flex-align: stretch;
align-items: stretch;
display: -ms-flexbox;
display: flex;
min-height: 3.25rem;
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;
}
.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: 3.25rem;
}
body.has-navbar-fixed-bottom,
html.has-navbar-fixed-bottom {
padding-bottom: 3.25rem;
}
.navbar-brand,
.navbar-tabs {
-ms-flex-align: stretch;
align-items: stretch;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
min-height: 3.25rem;
}
.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 {
color: #4a4a4a;
cursor: pointer;
display: block;
height: 3.25rem;
position: relative;
width: 3.25rem;
margin-left: auto;
}
.navbar-burger span {
background-color: currentColor;
display: block;
height: 1px;
left: calc(50% - 8px);
position: absolute;
transform-origin: center;
transition-duration: 86ms;
transition-property: background-color, opacity, transform;
transition-timing-function: ease-in-out;
width: 16px;
}
.navbar-burger span:first-child {
top: calc(50% - 6px);
}
.navbar-burger span:nth-child(2) {
top: calc(50% - 1px);
}
.navbar-burger span:nth-child(3) {
top: calc(50% + 4px);
}
.navbar-burger:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.navbar-burger.is-active span:first-child {
transform: translateY(5px) rotate(45deg);
}
.navbar-burger.is-active span:nth-child(2) {
opacity: 0;
}
.navbar-burger.is-active span:nth-child(3) {
transform: translateY(-5px) rotate(-45deg);
}
.navbar-menu {
display: none;
}
.navbar-item,
.navbar-link {
color: #4a4a4a;
display: block;
line-height: 1.5;
padding: 0.5rem 0.75rem;
position: relative;
}
.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
margin-left: -0.25rem;
margin-right: -0.25rem;
}
.navbar-link,
a.navbar-item {
cursor: pointer;
}
.navbar-link.is-active,
.navbar-link:hover,
a.navbar-item.is-active,
a.navbar-item:hover {
background-color: #fafafa;
color: #3273dc;
}
.navbar-item {
display: block;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.navbar-item img {
max-height: 1.75rem;
}
.navbar-item.has-dropdown {
padding: 0;
}
.navbar-item.is-expanded {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.navbar-item.is-tab {
border-bottom: 1px solid transparent;
min-height: 3.25rem;
padding-bottom: calc(.5rem - 1px);
}
.navbar-item.is-tab.is-active,
.navbar-item.is-tab:hover {
background-color: transparent;
border-bottom-color: #3273dc;
}
.navbar-item.is-tab.is-active {
border-bottom-style: solid;
border-bottom-width: 3px;
color: #3273dc;
padding-bottom: calc(.5rem - 3px);
}
.navbar-content {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.navbar-link:not(.is-arrowless) {
padding-right: 2.5em;
}
.navbar-link:not(.is-arrowless):after {
border-color: #3273dc;
margin-top: -0.375em;
right: 1.125em;
}
.navbar-dropdown {
font-size: 0.875rem;
padding-bottom: 0.5rem;
padding-top: 0.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: 0.5rem 0;
}
@media screen and (max-width: 990px) {
.navbar > .container {
display: block;
}
.navbar-brand .navbar-item,
.navbar-tabs .navbar-item {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
}
.navbar-link:after {
display: none;
}
.navbar-menu {
background-color: #fff;
box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
padding: 0.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, 0.1);
}
.navbar.is-fixed-top-touch {
top: 0;
}
.navbar.is-fixed-top-touch .navbar-menu,
.navbar.is-fixed-top .navbar-menu {
-webkit-overflow-scrolling: touch;
max-height: calc(100vh - 3.25rem);
overflow: auto;
}
body.has-navbar-fixed-top-touch,
html.has-navbar-fixed-top-touch {
padding-top: 3.25rem;
}
body.has-navbar-fixed-bottom-touch,
html.has-navbar-fixed-bottom-touch {
padding-bottom: 3.25rem;
}
}
@media screen and (min-width: 991px) {
.navbar,
.navbar-end,
.navbar-menu,
.navbar-start {
-ms-flex-align: stretch;
align-items: stretch;
display: -ms-flexbox;
display: flex;
}
.navbar {
min-height: 3.25rem;
}
.navbar.is-spaced {
padding: 1rem 2rem;
}
.navbar.is-spaced .navbar-end,
.navbar.is-spaced .navbar-start {
-ms-flex-align: center;
align-items: center;
}
.navbar.is-spaced .navbar-link,
.navbar.is-spaced a.navbar-item {
border-radius: 4px;
}
.navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link,
.navbar.is-transparent .navbar-link.is-active,
.navbar.is-transparent .navbar-link:hover,
.navbar.is-transparent a.navbar-item.is-active,
.navbar.is-transparent a.navbar-item:hover {
background-color: transparent !important;
}
.navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
background-color: #f5f5f5;
color: #0a0a0a;
}
.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
background-color: #f5f5f5;
color: #3273dc;
}
.navbar-burger {
display: none;
}
.navbar-item,
.navbar-link {
-ms-flex-align: center;
align-items: center;
}
.navbar-item,
.navbar-link {
display: -ms-flexbox;
display: flex;
}
.navbar-item.has-dropdown {
-ms-flex-align: stretch;
align-items: stretch;
}
.navbar-item.has-dropdown-up .navbar-link:after {
transform: rotate(135deg) translate(0.25em, -0.25em);
}
.navbar-item.has-dropdown-up .navbar-dropdown {
border-bottom: 2px solid #dbdbdb;
border-radius: 6px 6px 0 0;
border-top: none;
bottom: 100%;
box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
top: auto;
}
.navbar-item.is-active .navbar-dropdown,
.navbar-item.is-hoverable:hover .navbar-dropdown {
display: block;
}
.navbar-item.is-active .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:hover .navbar-dropdown {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.navbar-menu {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.navbar-start {
-ms-flex-pack: start;
justify-content: flex-start;
margin-right: auto;
}
.navbar-end {
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: auto;
}
.navbar-dropdown {
background-color: #fff;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top: 2px solid #dbdbdb;
box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
display: none;
font-size: 0.875rem;
left: 0;
min-width: 100%;
position: absolute;
top: 100%;
z-index: 20;
}
.navbar-dropdown .navbar-item {
padding: 0.375rem 1rem;
white-space: nowrap;
}
.navbar-dropdown a.navbar-item {
padding-right: 3rem;
}
.navbar-dropdown a.navbar-item:hover {
background-color: #f5f5f5;
color: #0a0a0a;
}
.navbar-dropdown a.navbar-item.is-active {
background-color: #f5f5f5;
color: #3273dc;
}
.navbar-dropdown.is-boxed,
.navbar.is-spaced .navbar-dropdown {
border-radius: 6px;
border-top: none;
box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
display: block;
opacity: 0;
pointer-events: none;
top: calc(100% + -4px);
transform: translateY(-5px);
transition-duration: 86ms;
transition-property: opacity, transform;
}
.navbar-dropdown.is-right {
left: auto;
right: 0;
}
.navbar-divider {
display: block;
}
.container > .navbar .navbar-brand,
.navbar > .container .navbar-brand {
margin-left: -0.75rem;
}
.container > .navbar .navbar-menu,
.navbar > .container .navbar-menu {
margin-right: -0.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, 0.1);
}
.navbar.is-fixed-top-desktop {
top: 0;
}
body.has-navbar-fixed-top-desktop,
html.has-navbar-fixed-top-desktop {
padding-top: 3.25rem;
}
body.has-navbar-fixed-bottom-desktop,
html.has-navbar-fixed-bottom-desktop {
padding-bottom: 3.25rem;
}
body.has-spaced-navbar-fixed-top,
html.has-spaced-navbar-fixed-top {
padding-top: 5.25rem;
}
body.has-spaced-navbar-fixed-bottom,
html.has-spaced-navbar-fixed-bottom {
padding-bottom: 5.25rem;
}
.navbar-link.is-active,
a.navbar-item.is-active {
color: #0a0a0a;
}
.navbar-link.is-active:not(:hover),
a.navbar-item.is-active:not(:hover) {
background-color: transparent;
}
.navbar-item.has-dropdown.is-active .navbar-link,
.navbar-item.has-dropdown:hover .navbar-link {
background-color: #fafafa;
}
}
.hero.is-fullheight-with-navbar {
min-height: calc(100vh - 3.25rem);
}
.pagination {
font-size: 1rem;
margin: -0.25rem;
}
.pagination.is-small {
font-size: 0.75rem;
}
.pagination.is-medium {
font-size: 1.25rem;
}
.pagination.is-large {
font-size: 1.5rem;
}
.pagination.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 {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous {
font-size: 1em;
padding-left: 0.5em;
padding-right: 0.5em;
-ms-flex-pack: center;
justify-content: center;
margin: 0.25rem;
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: #b5b5b5;
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, 0.2);
}
.pagination-link[disabled],
.pagination-next[disabled],
.pagination-previous[disabled] {
background-color: #dbdbdb;
border-color: #dbdbdb;
box-shadow: none;
color: #333;
opacity: 0.5;
}
.pagination-next,
.pagination-previous {
padding-left: 0.75em;
padding-right: 0.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 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.pagination {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pagination-list li,
.pagination-next,
.pagination-previous {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
@media print, screen and (min-width: 768px) {
.pagination-list {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-order: 1;
order: 1;
}
.pagination-previous {
-ms-flex-order: 2;
order: 2;
}
.pagination-next {
-ms-flex-order: 3;
order: 3;
}
.pagination {
-ms-flex-pack: justify;
justify-content: space-between;
}
.pagination.is-centered .pagination-previous {
-ms-flex-order: 1;
order: 1;
}
.pagination.is-centered .pagination-list {
-ms-flex-pack: center;
justify-content: center;
-ms-flex-order: 2;
order: 2;
}
.pagination.is-centered .pagination-next {
-ms-flex-order: 3;
order: 3;
}
.pagination.is-right .pagination-previous {
-ms-flex-order: 1;
order: 1;
}
.pagination.is-right .pagination-next {
-ms-flex-order: 2;
order: 2;
}
.pagination.is-right .pagination-list {
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-order: 3;
order: 3;
}
}
.panel {
font-size: 1rem;
}
.panel:not(:last-child) {
margin-bottom: 1.5rem;
}
.panel-block,
.panel-heading,
.panel-tabs {
border-bottom: 1px solid #dbdbdb;
border-left: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
}
.panel-block:first-child,
.panel-heading:first-child,
.panel-tabs:first-child {
border-top: 1px solid #dbdbdb;
}
.panel-heading {
background-color: #f5f5f5;
border-radius: 4px 4px 0 0;
color: #363636;
font-size: 1.25em;
font-weight: 300;
line-height: 1.25;
padding: 0.5em 0.75em;
}
.panel-tabs {
-ms-flex-align: end;
align-items: flex-end;
display: -ms-flexbox;
display: flex;
font-size: 0.875em;
-ms-flex-pack: center;
justify-content: center;
}
.panel-tabs a {
border-bottom: 1px solid #dbdbdb;
margin-bottom: -1px;
padding: 0.5em;
}
.panel-tabs a.is-active {
border-bottom-color: #4a4a4a;
color: #363636;
}
.panel-list a {
color: #4a4a4a;
}
.panel-list a:hover {
color: #3273dc;
}
.panel-block {
-ms-flex-align: center;
align-items: center;
color: #363636;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0.5em 0.75em;
}
.panel-block input[type=checkbox] {
margin-right: 0.75em;
}
.panel-block > .control {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
width: 100%;
}
.panel-block.is-wrapped {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.panel-block.is-active {
border-left-color: #3273dc;
color: #363636;
}
.panel-block.is-active .panel-icon {
color: #3273dc;
}
a.panel-block,
label.panel-block {
cursor: pointer;
}
a.panel-block:hover,
label.panel-block:hover {
background-color: #f5f5f5;
}
.panel-icon {
display: inline-block;
font-size: 14px;
height: 1em;
line-height: 1em;
text-align: center;
vertical-align: top;
width: 1em;
color: #333;
margin-right: 0.75em;
}
.panel-icon .fa {
font-size: inherit;
line-height: inherit;
}
.tabs {
-webkit-overflow-scrolling: touch;
-ms-flex-align: stretch;
align-items: stretch;
font-size: 1rem;
-ms-flex-pack: justify;
justify-content: space-between;
overflow: hidden;
overflow-x: auto;
white-space: nowrap;
}
.tabs,
.tabs a {
display: -ms-flexbox;
display: flex;
}
.tabs a {
-ms-flex-align: center;
align-items: center;
border-bottom-color: #dbdbdb;
border-bottom-style: solid;
border-bottom-width: 1px;
color: #4a4a4a;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: -1px;
padding: 0.5em 1em;
vertical-align: top;
}
.tabs a:hover {
border-bottom-color: #363636;
color: #363636;
}
.tabs li {
display: block;
}
.tabs li.is-active a {
border-bottom-color: #3273dc;
color: #3273dc;
}
.tabs ul {
-ms-flex-align: center;
align-items: center;
border-bottom-color: #dbdbdb;
border-bottom-style: solid;
border-bottom-width: 1px;
display: -ms-flexbox;
display: flex;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: start;
justify-content: flex-start;
}
.tabs ul.is-center,
.tabs ul.is-left {
padding-right: 0.75em;
}
.tabs ul.is-center {
-ms-flex: none;
flex: none;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0.75em;
}
.tabs ul.is-right {
-ms-flex-pack: end;
justify-content: flex-end;
padding-left: 0.75em;
}
.tabs .icon:first-child {
margin-right: 0.5em;
}
.tabs .icon:last-child {
margin-left: 0.5em;
}
.tabs.is-centered ul {
-ms-flex-pack: center;
justify-content: center;
}
.tabs.is-right ul {
-ms-flex-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 {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.tabs.is-toggle a {
border: 1px solid #dbdbdb;
margin-bottom: 0;
position: relative;
}
.tabs.is-toggle a:hover {
background-color: #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: 0.75rem;
}
.tabs.is-medium {
font-size: 1.25rem;
}
.tabs.is-large {
font-size: 1.5rem;
}
.column {
display: block;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
padding: 7.5px;
}
.columns.is-mobile > .column.is-narrow {
-ms-flex: none;
flex: none;
}
.columns.is-mobile > .column.is-full {
-ms-flex: none;
flex: none;
width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
-ms-flex: none;
flex: none;
width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
-ms-flex: none;
flex: none;
width: 50%;
}
.columns.is-mobile > .column.is-one-third {
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
-ms-flex: none;
flex: none;
width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
-ms-flex: none;
flex: none;
width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
-ms-flex: none;
flex: none;
width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
-ms-flex: none;
flex: none;
width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
-ms-flex: none;
flex: none;
width: 80%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
margin-left: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
margin-left: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
margin-left: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
margin-left: 33.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
margin-left: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
margin-left: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
margin-left: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
margin-left: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
margin-left: 80%;
}
.columns.is-mobile > .column.is-1 {
-ms-flex: none;
flex: none;
width: 8.33333%;
}
.columns.is-mobile > .column.is-offset-1 {
margin-left: 8.33333%;
}
.columns.is-mobile > .column.is-2 {
-ms-flex: none;
flex: none;
width: 16.66667%;
}
.columns.is-mobile > .column.is-offset-2 {
margin-left: 16.66667%;
}
.columns.is-mobile > .column.is-3 {
-ms-flex: none;
flex: none;
width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
margin-left: 25%;
}
.columns.is-mobile > .column.is-4 {
-ms-flex: none;
flex: none;
width: 33.33333%;
}
.columns.is-mobile > .column.is-offset-4 {
margin-left: 33.33333%;
}
.columns.is-mobile > .column.is-5 {
-ms-flex: none;
flex: none;
width: 41.66667%;
}
.columns.is-mobile > .column.is-offset-5 {
margin-left: 41.66667%;
}
.columns.is-mobile > .column.is-6 {
-ms-flex: none;
flex: none;
width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
margin-left: 50%;
}
.columns.is-mobile > .column.is-7 {
-ms-flex: none;
flex: none;
width: 58.33333%;
}
.columns.is-mobile > .column.is-offset-7 {
margin-left: 58.33333%;
}
.columns.is-mobile > .column.is-8 {
-ms-flex: none;
flex: none;
width: 66.66667%;
}
.columns.is-mobile > .column.is-offset-8 {
margin-left: 66.66667%;
}
.columns.is-mobile > .column.is-9 {
-ms-flex: none;
flex: none;
width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
margin-left: 75%;
}
.columns.is-mobile > .column.is-10 {
-ms-flex: none;
flex: none;
width: 83.33333%;
}
.columns.is-mobile > .column.is-offset-10 {
margin-left: 83.33333%;
}
.columns.is-mobile > .column.is-11 {
-ms-flex: none;
flex: none;
width: 91.66667%;
}
.columns.is-mobile > .column.is-offset-11 {
margin-left: 91.66667%;
}
.columns.is-mobile > .column.is-12 {
-ms-flex: none;
flex: none;
width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
margin-left: 100%;
}
@media screen and (max-width: 767px) {
.column.is-full-mobile,
.column.is-narrow-mobile {
-ms-flex: none;
flex: none;
}
.column.is-full-mobile {
width: 100%;
}
.column.is-three-quarters-mobile {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds-mobile {
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half-mobile {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third-mobile {
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-mobile {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-one-fifth-mobile {
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths-mobile {
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths-mobile {
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths-mobile {
-ms-flex: none;
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-mobile {
margin-left: 75%;
}
.column.is-offset-two-thirds-mobile {
margin-left: 66.6666%;
}
.column.is-offset-half-mobile {
margin-left: 50%;
}
.column.is-offset-one-third-mobile {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-mobile {
margin-left: 25%;
}
.column.is-offset-one-fifth-mobile {
margin-left: 20%;
}
.column.is-offset-two-fifths-mobile {
margin-left: 40%;
}
.column.is-offset-three-fifths-mobile {
margin-left: 60%;
}
.column.is-offset-four-fifths-mobile {
margin-left: 80%;
}
.column.is-1-mobile {
-ms-flex: none;
flex: none;
width: 8.33333%;
}
.column.is-offset-1-mobile {
margin-left: 8.33333%;
}
.column.is-2-mobile {
-ms-flex: none;
flex: none;
width: 16.66667%;
}
.column.is-offset-2-mobile {
margin-left: 16.66667%;
}
.column.is-3-mobile {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3-mobile {
margin-left: 25%;
}
.column.is-4-mobile {
-ms-flex: none;
flex: none;
width: 33.33333%;
}
.column.is-offset-4-mobile {
margin-left: 33.33333%;
}
.column.is-5-mobile {
-ms-flex: none;
flex: none;
width: 41.66667%;
}
.column.is-offset-5-mobile {
margin-left: 41.66667%;
}
.column.is-6-mobile {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6-mobile {
margin-left: 50%;
}
.column.is-7-mobile {
-ms-flex: none;
flex: none;
width: 58.33333%;
}
.column.is-offset-7-mobile {
margin-left: 58.33333%;
}
.column.is-8-mobile {
-ms-flex: none;
flex: none;
width: 66.66667%;
}
.column.is-offset-8-mobile {
margin-left: 66.66667%;
}
.column.is-9-mobile {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9-mobile {
margin-left: 75%;
}
.column.is-10-mobile {
-ms-flex: none;
flex: none;
width: 83.33333%;
}
.column.is-offset-10-mobile {
margin-left: 83.33333%;
}
.column.is-11-mobile {
-ms-flex: none;
flex: none;
width: 91.66667%;
}
.column.is-offset-11-mobile {
margin-left: 91.66667%;
}
.column.is-12-mobile {
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12-mobile {
margin-left: 100%;
}
}
@media print, screen and (min-width: 768px) {
.column.is-narrow,
.column.is-narrow-tablet {
-ms-flex: none;
flex: none;
}
.column.is-full,
.column.is-full-tablet {
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-three-quarters,
.column.is-three-quarters-tablet {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds,
.column.is-two-thirds-tablet {
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half,
.column.is-half-tablet {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third,
.column.is-one-third-tablet {
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter,
.column.is-one-quarter-tablet {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-one-fifth,
.column.is-one-fifth-tablet {
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths,
.column.is-two-fifths-tablet {
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths,
.column.is-three-fifths-tablet {
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths,
.column.is-four-fifths-tablet {
-ms-flex: none;
flex: none;
width: 80%;
}
.column.is-offset-three-quarters,
.column.is-offset-three-quarters-tablet {
margin-left: 75%;
}
.column.is-offset-two-thirds,
.column.is-offset-two-thirds-tablet {
margin-left: 66.6666%;
}
.column.is-offset-half,
.column.is-offset-half-tablet {
margin-left: 50%;
}
.column.is-offset-one-third,
.column.is-offset-one-third-tablet {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter,
.column.is-offset-one-quarter-tablet {
margin-left: 25%;
}
.column.is-offset-one-fifth,
.column.is-offset-one-fifth-tablet {
margin-left: 20%;
}
.column.is-offset-two-fifths,
.column.is-offset-two-fifths-tablet {
margin-left: 40%;
}
.column.is-offset-three-fifths,
.column.is-offset-three-fifths-tablet {
margin-left: 60%;
}
.column.is-offset-four-fifths,
.column.is-offset-four-fifths-tablet {
margin-left: 80%;
}
.column.is-1,
.column.is-1-tablet {
-ms-flex: none;
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 {
-ms-flex: none;
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 {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3,
.column.is-offset-3-tablet {
margin-left: 25%;
}
.column.is-4,
.column.is-4-tablet {
-ms-flex: none;
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 {
-ms-flex: none;
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 {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6,
.column.is-offset-6-tablet {
margin-left: 50%;
}
.column.is-7,
.column.is-7-tablet {
-ms-flex: none;
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 {
-ms-flex: none;
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 {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9,
.column.is-offset-9-tablet {
margin-left: 75%;
}
.column.is-10,
.column.is-10-tablet {
-ms-flex: none;
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 {
-ms-flex: none;
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 {
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12,
.column.is-offset-12-tablet {
margin-left: 100%;
}
}
@media screen and (max-width: 990px) {
.column.is-full-touch,
.column.is-narrow-touch {
-ms-flex: none;
flex: none;
}
.column.is-full-touch {
width: 100%;
}
.column.is-three-quarters-touch {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds-touch {
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half-touch {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third-touch {
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-touch {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-one-fifth-touch {
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths-touch {
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths-touch {
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths-touch {
-ms-flex: none;
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-touch {
margin-left: 75%;
}
.column.is-offset-two-thirds-touch {
margin-left: 66.6666%;
}
.column.is-offset-half-touch {
margin-left: 50%;
}
.column.is-offset-one-third-touch {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-touch {
margin-left: 25%;
}
.column.is-offset-one-fifth-touch {
margin-left: 20%;
}
.column.is-offset-two-fifths-touch {
margin-left: 40%;
}
.column.is-offset-three-fifths-touch {
margin-left: 60%;
}
.column.is-offset-four-fifths-touch {
margin-left: 80%;
}
.column.is-1-touch {
-ms-flex: none;
flex: none;
width: 8.33333%;
}
.column.is-offset-1-touch {
margin-left: 8.33333%;
}
.column.is-2-touch {
-ms-flex: none;
flex: none;
width: 16.66667%;
}
.column.is-offset-2-touch {
margin-left: 16.66667%;
}
.column.is-3-touch {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3-touch {
margin-left: 25%;
}
.column.is-4-touch {
-ms-flex: none;
flex: none;
width: 33.33333%;
}
.column.is-offset-4-touch {
margin-left: 33.33333%;
}
.column.is-5-touch {
-ms-flex: none;
flex: none;
width: 41.66667%;
}
.column.is-offset-5-touch {
margin-left: 41.66667%;
}
.column.is-6-touch {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6-touch {
margin-left: 50%;
}
.column.is-7-touch {
-ms-flex: none;
flex: none;
width: 58.33333%;
}
.column.is-offset-7-touch {
margin-left: 58.33333%;
}
.column.is-8-touch {
-ms-flex: none;
flex: none;
width: 66.66667%;
}
.column.is-offset-8-touch {
margin-left: 66.66667%;
}
.column.is-9-touch {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9-touch {
margin-left: 75%;
}
.column.is-10-touch {
-ms-flex: none;
flex: none;
width: 83.33333%;
}
.column.is-offset-10-touch {
margin-left: 83.33333%;
}
.column.is-11-touch {
-ms-flex: none;
flex: none;
width: 91.66667%;
}
.column.is-offset-11-touch {
margin-left: 91.66667%;
}
.column.is-12-touch {
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12-touch {
margin-left: 100%;
}
}
@media screen and (min-width: 991px) {
.column.is-narrow-desktop {
-ms-flex: none;
flex: none;
}
.column.is-full-desktop {
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-three-quarters-desktop {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds-desktop {
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half-desktop {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third-desktop {
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-desktop {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-one-fifth-desktop {
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths-desktop {
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths-desktop {
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths-desktop {
-ms-flex: none;
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-desktop {
margin-left: 75%;
}
.column.is-offset-two-thirds-desktop {
margin-left: 66.6666%;
}
.column.is-offset-half-desktop {
margin-left: 50%;
}
.column.is-offset-one-third-desktop {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-desktop {
margin-left: 25%;
}
.column.is-offset-one-fifth-desktop {
margin-left: 20%;
}
.column.is-offset-two-fifths-desktop {
margin-left: 40%;
}
.column.is-offset-three-fifths-desktop {
margin-left: 60%;
}
.column.is-offset-four-fifths-desktop {
margin-left: 80%;
}
.column.is-1-desktop {
-ms-flex: none;
flex: none;
width: 8.33333%;
}
.column.is-offset-1-desktop {
margin-left: 8.33333%;
}
.column.is-2-desktop {
-ms-flex: none;
flex: none;
width: 16.66667%;
}
.column.is-offset-2-desktop {
margin-left: 16.66667%;
}
.column.is-3-desktop {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3-desktop {
margin-left: 25%;
}
.column.is-4-desktop {
-ms-flex: none;
flex: none;
width: 33.33333%;
}
.column.is-offset-4-desktop {
margin-left: 33.33333%;
}
.column.is-5-desktop {
-ms-flex: none;
flex: none;
width: 41.66667%;
}
.column.is-offset-5-desktop {
margin-left: 41.66667%;
}
.column.is-6-desktop {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6-desktop {
margin-left: 50%;
}
.column.is-7-desktop {
-ms-flex: none;
flex: none;
width: 58.33333%;
}
.column.is-offset-7-desktop {
margin-left: 58.33333%;
}
.column.is-8-desktop {
-ms-flex: none;
flex: none;
width: 66.66667%;
}
.column.is-offset-8-desktop {
margin-left: 66.66667%;
}
.column.is-9-desktop {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9-desktop {
margin-left: 75%;
}
.column.is-10-desktop {
-ms-flex: none;
flex: none;
width: 83.33333%;
}
.column.is-offset-10-desktop {
margin-left: 83.33333%;
}
.column.is-11-desktop {
-ms-flex: none;
flex: none;
width: 91.66667%;
}
.column.is-offset-11-desktop {
margin-left: 91.66667%;
}
.column.is-12-desktop {
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12-desktop {
margin-left: 100%;
}
}
@media screen and (min-width: 1200px) {
.column.is-narrow-widescreen {
-ms-flex: none;
flex: none;
}
.column.is-full-widescreen {
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-three-quarters-widescreen {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds-widescreen {
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half-widescreen {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third-widescreen {
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-widescreen {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-one-fifth-widescreen {
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths-widescreen {
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths-widescreen {
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths-widescreen {
-ms-flex: none;
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-widescreen {
margin-left: 75%;
}
.column.is-offset-two-thirds-widescreen {
margin-left: 66.6666%;
}
.column.is-offset-half-widescreen {
margin-left: 50%;
}
.column.is-offset-one-third-widescreen {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-widescreen {
margin-left: 25%;
}
.column.is-offset-one-fifth-widescreen {
margin-left: 20%;
}
.column.is-offset-two-fifths-widescreen {
margin-left: 40%;
}
.column.is-offset-three-fifths-widescreen {
margin-left: 60%;
}
.column.is-offset-four-fifths-widescreen {
margin-left: 80%;
}
.column.is-1-widescreen {
-ms-flex: none;
flex: none;
width: 8.33333%;
}
.column.is-offset-1-widescreen {
margin-left: 8.33333%;
}
.column.is-2-widescreen {
-ms-flex: none;
flex: none;
width: 16.66667%;
}
.column.is-offset-2-widescreen {
margin-left: 16.66667%;
}
.column.is-3-widescreen {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3-widescreen {
margin-left: 25%;
}
.column.is-4-widescreen {
-ms-flex: none;
flex: none;
width: 33.33333%;
}
.column.is-offset-4-widescreen {
margin-left: 33.33333%;
}
.column.is-5-widescreen {
-ms-flex: none;
flex: none;
width: 41.66667%;
}
.column.is-offset-5-widescreen {
margin-left: 41.66667%;
}
.column.is-6-widescreen {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6-widescreen {
margin-left: 50%;
}
.column.is-7-widescreen {
-ms-flex: none;
flex: none;
width: 58.33333%;
}
.column.is-offset-7-widescreen {
margin-left: 58.33333%;
}
.column.is-8-widescreen {
-ms-flex: none;
flex: none;
width: 66.66667%;
}
.column.is-offset-8-widescreen {
margin-left: 66.66667%;
}
.column.is-9-widescreen {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9-widescreen {
margin-left: 75%;
}
.column.is-10-widescreen {
-ms-flex: none;
flex: none;
width: 83.33333%;
}
.column.is-offset-10-widescreen {
margin-left: 83.33333%;
}
.column.is-11-widescreen {
-ms-flex: none;
flex: none;
width: 91.66667%;
}
.column.is-offset-11-widescreen {
margin-left: 91.66667%;
}
.column.is-12-widescreen {
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12-widescreen {
margin-left: 100%;
}
}
@media screen and (min-width: 1440) {
.column.is-full-fullhd,
.column.is-narrow-fullhd {
-ms-flex: none;
flex: none;
}
.column.is-full-fullhd {
width: 100%;
}
.column.is-three-quarters-fullhd {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds-fullhd {
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half-fullhd {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third-fullhd {
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-fullhd {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-one-fifth-fullhd {
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths-fullhd {
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths-fullhd {
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths-fullhd {
-ms-flex: none;
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-fullhd {
margin-left: 75%;
}
.column.is-offset-two-thirds-fullhd {
margin-left: 66.6666%;
}
.column.is-offset-half-fullhd {
margin-left: 50%;
}
.column.is-offset-one-third-fullhd {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-fullhd {
margin-left: 25%;
}
.column.is-offset-one-fifth-fullhd {
margin-left: 20%;
}
.column.is-offset-two-fifths-fullhd {
margin-left: 40%;
}
.column.is-offset-three-fifths-fullhd {
margin-left: 60%;
}
.column.is-offset-four-fifths-fullhd {
margin-left: 80%;
}
.column.is-1-fullhd {
-ms-flex: none;
flex: none;
width: 8.33333%;
}
.column.is-offset-1-fullhd {
margin-left: 8.33333%;
}
.column.is-2-fullhd {
-ms-flex: none;
flex: none;
width: 16.66667%;
}
.column.is-offset-2-fullhd {
margin-left: 16.66667%;
}
.column.is-3-fullhd {
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3-fullhd {
margin-left: 25%;
}
.column.is-4-fullhd {
-ms-flex: none;
flex: none;
width: 33.33333%;
}
.column.is-offset-4-fullhd {
margin-left: 33.33333%;
}
.column.is-5-fullhd {
-ms-flex: none;
flex: none;
width: 41.66667%;
}
.column.is-offset-5-fullhd {
margin-left: 41.66667%;
}
.column.is-6-fullhd {
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6-fullhd {
margin-left: 50%;
}
.column.is-7-fullhd {
-ms-flex: none;
flex: none;
width: 58.33333%;
}
.column.is-offset-7-fullhd {
margin-left: 58.33333%;
}
.column.is-8-fullhd {
-ms-flex: none;
flex: none;
width: 66.66667%;
}
.column.is-offset-8-fullhd {
margin-left: 66.66667%;
}
.column.is-9-fullhd {
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9-fullhd {
margin-left: 75%;
}
.column.is-10-fullhd {
-ms-flex: none;
flex: none;
width: 83.33333%;
}
.column.is-offset-10-fullhd {
margin-left: 83.33333%;
}
.column.is-11-fullhd {
-ms-flex: none;
flex: none;
width: 91.66667%;
}
.column.is-offset-11-fullhd {
margin-left: 91.66667%;
}
.column.is-12-fullhd {
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12-fullhd {
margin-left: 100%;
}
}
.columns {
margin-left: -7.5px;
margin-right: -7.5px;
margin-top: -7.5px;
}
.columns:last-child {
margin-bottom: -7.5px;
}
.columns:not(:last-child) {
margin-bottom: calc(1.5rem - 7.5px);
}
.columns.is-centered {
-ms-flex-pack: center;
justify-content: center;
}
.columns.is-gapless {
margin-left: 0;
margin-right: 0;
margin-top: 0;
}
.columns.is-gapless > .column {
margin: 0;
padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
margin-bottom: 0;
}
.columns.is-mobile {
display: -ms-flexbox;
display: flex;
}
.columns.is-multiline {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.columns.is-vcentered {
-ms-flex-align: center;
align-items: center;
}
@media print, screen and (min-width: 768px) {
.columns:not(.is-desktop) {
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 991px) {
.columns.is-desktop {
display: -ms-flexbox;
display: flex;
}
}
.columns.is-variable {
--columnGap: 0.75rem;
margin-left: calc(-1 * var(--columnGap));
margin-right: calc(-1 * var(--columnGap));
}
.columns.is-variable .column {
padding-left: var(--columnGap);
padding-right: var(--columnGap);
}
.columns.is-variable.is-0 {
--columnGap: 0rem ;
}
@media screen and (max-width: 767px) {
.columns.is-variable.is-0-mobile {
--columnGap: 0rem ;
}
}
@media print, screen and (min-width: 768px) {
.columns.is-variable.is-0-tablet {
--columnGap: 0rem ;
}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
.columns.is-variable.is-0-tablet-only {
--columnGap: 0rem ;
}
}
@media screen and (max-width: 990px) {
.columns.is-variable.is-0-touch {
--columnGap: 0rem ;
}
}
@media screen and (min-width: 991px) {
.columns.is-variable.is-0-desktop {
--columnGap: 0rem ;
}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
.columns.is-variable.is-0-desktop-only {
--columnGap: 0rem ;
}
}
@media screen and (min-width: 1200px) {
.columns.is-variable.is-0-widescreen {
--columnGap: 0rem ;
}
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.columns.is-variable.is-0-widescreen-only {
--columnGap: 0rem ;
}
}
@media screen and (min-width: 1440) {
.columns.is-variable.is-0-fullhd {
--columnGap: 0rem ;
}
}
.columns.is-variable.is-1 {
--columnGap: 0.25rem ;
}
@media screen and (max-width: 767px) {
.columns.is-variable.is-1-mobile {
--columnGap: 0.25rem ;
}
}
@media print, screen and (min-width: 768px) {
.columns.is-variable.is-1-tablet {
--columnGap: 0.25rem ;
}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
.columns.is-variable.is-1-tablet-only {
--columnGap: 0.25rem ;
}
}
@media screen and (max-width: 990px) {
.columns.is-variable.is-1-touch {
--columnGap: 0.25rem ;
}
}
@media screen and (min-width: 991px) {
.columns.is-variable.is-1-desktop {
--columnGap: 0.25rem ;
}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
.columns.is-variable.is-1-desktop-only {
--columnGap: 0.25rem ;
}
}
@media screen and (min-width: 1200px) {
.columns.is-variable.is-1-widescreen {
--columnGap: 0.25rem ;
}
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.columns.is-variable.is-1-widescreen-only {
--columnGap: 0.25rem ;
}
}
@media screen and (min-width: 1440) {
.columns.is-variable.is-1-fullhd {
--columnGap: 0.25rem ;
}
}
.columns.is-variable.is-2 {
--columnGap: 0.5rem ;
}
@media screen and (max-width: 767px) {
.columns.is-variable.is-2-mobile {
--columnGap: 0.5rem ;
}
}
@media print, screen and (min-width: 768px) {
.columns.is-variable.is-2-tablet {
--columnGap: 0.5rem ;
}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
.columns.is-variable.is-2-tablet-only {
--columnGap: 0.5rem ;
}
}
@media screen and (max-width: 990px) {
.columns.is-variable.is-2-touch {
--columnGap: 0.5rem ;
}
}
@media screen and (min-width: 991px) {
.columns.is-variable.is-2-desktop {
--columnGap: 0.5rem ;
}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
.columns.is-variable.is-2-desktop-only {
--columnGap: 0.5rem ;
}
}
@media screen and (min-width: 1200px) {
.columns.is-variable.is-2-widescreen {
--columnGap: 0.5rem ;
}
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.columns.is-variable.is-2-widescreen-only {
--columnGap: 0.5rem ;
}
}
@media screen and (min-width: 1440) {
.columns.is-variable.is-2-fullhd {
--columnGap: 0.5rem ;
}
}
.columns.is-variable.is-3 {
--columnGap: 0.75rem ;
}
@media screen and (max-width: 767px) {
.columns.is-variable.is-3-mobile {
--columnGap: 0.75rem ;
}
}
@media print, screen and (min-width: 768px) {
.columns.is-variable.is-3-tablet {
--columnGap: 0.75rem ;
}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
.columns.is-variable.is-3-tablet-only {
--columnGap: 0.75rem ;
}
}
@media screen and (max-width: 990px) {
.columns.is-variable.is-3-touch {
--columnGap: 0.75rem ;
}
}
@media screen and (min-width: 991px) {
.columns.is-variable.is-3-desktop {
--columnGap: 0.75rem ;
}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
.columns.is-variable.is-3-desktop-only {
--columnGap: 0.75rem ;
}
}
@media screen and (min-width: 1200px) {
.columns.is-variable.is-3-widescreen {
--columnGap: 0.75rem ;
}
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.columns.is-variable.is-3-widescreen-only {
--columnGap: 0.75rem ;
}
}
@media screen and (min-width: 1440) {
.columns.is-variable.is-3-fullhd {
--columnGap: 0.75rem ;
}
}
.columns.is-variable.is-4 {
--columnGap: 1rem ;
}
@media screen and (max-width: 767px) {
.columns.is-variable.is-4-mobile {
--columnGap: 1rem ;
}
}
@media print, screen and (min-width: 768px) {
.columns.is-variable.is-4-tablet {
--columnGap: 1rem ;
}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
.columns.is-variable.is-4-tablet-only {
--columnGap: 1rem ;
}
}
@media screen and (max-width: 990px) {
.columns.is-variable.is-4-touch {
--columnGap: 1rem ;
}
}
@media screen and (min-width: 991px) {
.columns.is-variable.is-4-desktop {
--columnGap: 1rem ;
}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
.columns.is-variable.is-4-desktop-only {
--columnGap: 1rem ;
}
}
@media screen and (min-width: 1200px) {
.columns.is-variable.is-4-widescreen {
--columnGap: 1rem ;
}
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.columns.is-variable.is-4-widescreen-only {
--columnGap: 1rem ;
}
}
@media screen and (min-width: 1440) {
.columns.is-variable.is-4-fullhd {
--columnGap: 1rem ;
}
}
.columns.is-variable.is-5 {
--columnGap: 1.25rem ;
}
@media screen and (max-width: 767px) {
.columns.is-variable.is-5-mobile {
--columnGap: 1.25rem ;
}
}
@media print, screen and (min-width: 768px) {
.columns.is-variable.is-5-tablet {
--columnGap: 1.25rem ;
}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
.columns.is-variable.is-5-tablet-only {
--columnGap: 1.25rem ;
}
}
@media screen and (max-width: 990px) {
.columns.is-variable.is-5-touch {
--columnGap: 1.25rem ;
}
}
@media screen and (min-width: 991px) {
.columns.is-variable.is-5-desktop {
--columnGap: 1.25rem ;
}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
.columns.is-variable.is-5-desktop-only {
--columnGap: 1.25rem ;
}
}
@media screen and (min-width: 1200px) {
.columns.is-variable.is-5-widescreen {
--columnGap: 1.25rem ;
}
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.columns.is-variable.is-5-widescreen-only {
--columnGap: 1.25rem ;
}
}
@media screen and (min-width: 1440) {
.columns.is-variable.is-5-fullhd {
--columnGap: 1.25rem ;
}
}
.columns.is-variable.is-6 {
--columnGap: 1.5rem ;
}
@media screen and (max-width: 767px) {
.columns.is-variable.is-6-mobile {
--columnGap: 1.5rem ;
}
}
@media print, screen and (min-width: 768px) {
.columns.is-variable.is-6-tablet {
--columnGap: 1.5rem ;
}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
.columns.is-variable.is-6-tablet-only {
--columnGap: 1.5rem ;
}
}
@media screen and (max-width: 990px) {
.columns.is-variable.is-6-touch {
--columnGap: 1.5rem ;
}
}
@media screen and (min-width: 991px) {
.columns.is-variable.is-6-desktop {
--columnGap: 1.5rem ;
}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
.columns.is-variable.is-6-desktop-only {
--columnGap: 1.5rem ;
}
}
@media screen and (min-width: 1200px) {
.columns.is-variable.is-6-widescreen {
--columnGap: 1.5rem ;
}
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.columns.is-variable.is-6-widescreen-only {
--columnGap: 1.5rem ;
}
}
@media screen and (min-width: 1440) {
.columns.is-variable.is-6-fullhd {
--columnGap: 1.5rem ;
}
}
.columns.is-variable.is-7 {
--columnGap: 1.75rem ;
}
@media screen and (max-width: 767px) {
.columns.is-variable.is-7-mobile {
--columnGap: 1.75rem ;
}
}
@media print, screen and (min-width: 768px) {
.columns.is-variable.is-7-tablet {
--columnGap: 1.75rem ;
}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
.columns.is-variable.is-7-tablet-only {
--columnGap: 1.75rem ;
}
}
@media screen and (max-width: 990px) {
.columns.is-variable.is-7-touch {
--columnGap: 1.75rem ;
}
}
@media screen and (min-width: 991px) {
.columns.is-variable.is-7-desktop {
--columnGap: 1.75rem ;
}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
.columns.is-variable.is-7-desktop-only {
--columnGap: 1.75rem ;
}
}
@media screen and (min-width: 1200px) {
.columns.is-variable.is-7-widescreen {
--columnGap: 1.75rem ;
}
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.columns.is-variable.is-7-widescreen-only {
--columnGap: 1.75rem ;
}
}
@media screen and (min-width: 1440) {
.columns.is-variable.is-7-fullhd {
--columnGap: 1.75rem ;
}
}
.columns.is-variable.is-8 {
--columnGap: 2rem ;
}
@media screen and (max-width: 767px) {
.columns.is-variable.is-8-mobile {
--columnGap: 2rem ;
}
}
@media print, screen and (min-width: 768px) {
.columns.is-variable.is-8-tablet {
--columnGap: 2rem ;
}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
.columns.is-variable.is-8-tablet-only {
--columnGap: 2rem ;
}
}
@media screen and (max-width: 990px) {
.columns.is-variable.is-8-touch {
--columnGap: 2rem ;
}
}
@media screen and (min-width: 991px) {
.columns.is-variable.is-8-desktop {
--columnGap: 2rem ;
}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
.columns.is-variable.is-8-desktop-only {
--columnGap: 2rem ;
}
}
@media screen and (min-width: 1200px) {
.columns.is-variable.is-8-widescreen {
--columnGap: 2rem ;
}
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.columns.is-variable.is-8-widescreen-only {
--columnGap: 2rem ;
}
}
@media screen and (min-width: 1440) {
.columns.is-variable.is-8-fullhd {
--columnGap: 2rem ;
}
}
.tile {
-ms-flex-align: stretch;
align-items: stretch;
display: block;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
min-height: -webkit-min-content;
min-height: min-content;
}
.tile.is-ancestor {
margin-left: -0.75rem;
margin-right: -0.75rem;
margin-top: -0.75rem;
}
.tile.is-ancestor:last-child {
margin-bottom: -0.75rem;
}
.tile.is-ancestor:not(:last-child) {
margin-bottom: 0.75rem;
}
.tile.is-child {
margin: 0 !important;
}
.tile.is-parent {
padding: 0.75rem;
}
.tile.is-vertical {
-ms-flex-direction: column;
flex-direction: column;
}
.tile.is-vertical > .tile.is-child:not(:last-child) {
margin-bottom: 1.5rem !important;
}
@media print, screen and (min-width: 768px) {
.tile:not(.is-child) {
display: -ms-flexbox;
display: flex;
}
.tile.is-1 {
width: 8.33333%;
}
.tile.is-1,
.tile.is-2 {
-ms-flex: none;
flex: none;
}
.tile.is-2 {
width: 16.66667%;
}
.tile.is-3 {
width: 25%;
}
.tile.is-3,
.tile.is-4 {
-ms-flex: none;
flex: none;
}
.tile.is-4 {
width: 33.33333%;
}
.tile.is-5 {
width: 41.66667%;
}
.tile.is-5,
.tile.is-6 {
-ms-flex: none;
flex: none;
}
.tile.is-6 {
width: 50%;
}
.tile.is-7 {
width: 58.33333%;
}
.tile.is-7,
.tile.is-8 {
-ms-flex: none;
flex: none;
}
.tile.is-8 {
width: 66.66667%;
}
.tile.is-9 {
width: 75%;
}
.tile.is-9,
.tile.is-10 {
-ms-flex: none;
flex: none;
}
.tile.is-10 {
width: 83.33333%;
}
.tile.is-11 {
-ms-flex: none;
flex: none;
width: 91.66667%;
}
.tile.is-12 {
-ms-flex: none;
flex: none;
width: 100%;
}
}
address,
article,
aside,
b,
blockquote,
body,
caption,
div,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
label,
li,
nav,
ol,
p,
section,
small,
span,
strong,
sub,
sup,
table,
tbody,
td,
th,
tr,
ul,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
h1,
h2,
h3,
h4,
h5 {
margin: 1em 0 0.5em;
font-weight: inherit;
line-height: 1.2;
}
.spin:after,
.spin:before {
top: 0;
left: 0;
box-sizing: inherit;
content: "";
position: absolute;
width: 100%;
height: 100%;
}
.calc-form,
.rent-calc-form {
position: relative;
z-index: 9;
display: block;
padding: 30px;
background: #fff;
border: 1px solid #ccc;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
clear: both;
}
blockquote {
quotes: none;
}
blockquote:after,
blockquote:before {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
article,
aside,
figcaption,
figure,
footer,
header,
nav {
display: block;
}
nav ul {
list-style: none;
}
* {
box-sizing: inherit;
box-sizing: border-box;
}
:after,
:before {
box-sizing: inherit;
}
.slick-slider {
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list,
.slick-slider {
position: relative;
display: block;
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
transform: translateZ(0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:after,
.slick-track:before {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-next,
.slick-prev {
position: absolute;
display: block;
cursor: pointer;
top: 50%;
transform: translateY(-50%);
padding: 0;
background-color: transparent;
border: none;
outline: none;
z-index: 10;
height: 35px;
width: 35px;
z-index: 100;
}
.slick-next svg,
.slick-prev svg {
width: 100%;
height: 100%;
}
.slick-prev {
left: 10px;
}
.slick-next {
right: 10px;
}
.slick-slide {
position: relative;
}
html {
height: 100%;
}
body {
font-size: 1em;
line-height: 1.4;
font-weight: 400;
font-family: Roboto, sans-serif;
color: #333;
}
h1 {
font-size: 2.625em;
font-weight: 100;
}
@media (max-width: 991px) {
h1 {
margin-top: 0.5rem;
}
}
h2 {
color: #333;
font-size: 2.063em;
}
@media (min-width: 992px) {
h2 {
padding-left: 0;
padding-right: 0;
}
}
.centered > h2 {
padding-left: 30px;
padding-right: 30px;
}
@media (min-width: 992px) {
.centered > h2 {
padding-left: 0;
padding-right: 0;
}
}
h3 {
font-size: 1.5em;
}
h3.green {
color: #9bc83c;
}
h4 {
font-size: 1.25em;
font-weight: 500;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row:after {
content: " ";
display: table;
clear: both;
}
.wrapper {
max-width: 1100px;
display: block;
margin: 0 auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
.wrapper {
width: 960px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.wrapper {
width: 720px;
}
}
@media (max-width: 767px) {
.wrapper {
width: 540px;
}
}
@media (max-width: 575px) {
.wrapper {
width: 100%;
}
}
section {
display: block;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
color: #9bc83c;
text-decoration: none;
}
a:hover {
text-decoration: underline;
text-decoration: none;
color: #a349a4;
}
a:focus {
outline: 0 !important;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
.main_section:not(.what_we_do):not(.prices):not(.reviews):not(.no-bg) {
background-color: #fff;
}
.main_section .wrapper {
position: relative;
}
.vc_row {
margin-left: -15px;
margin-right: -15px;
}
.p {
font-size: 1em;
line-height: 1.9;
max-width: 750px;
margin: 0 auto;
display: block;
}
.icon-input {
position: relative;
display: block;
}
.icon-input .form-icon {
right: 5px;
}
.btn-row {
display: block;
text-align: center;
width: 100%;
}
.form-icon {
position: absolute;
right: 20px;
bottom: 10px;
width: 20px;
height: 20px;
color: #9bc83c;
z-index: 1;
}
.col-form {
width: 50%;
float: left;
}
.f-group {
position: relative;
}
button:focus {
outline: none;
}
.timetable h3 {
font-family: Roboto Slab, sans-serif;
font-weight: 700;
font-size: 1.4em;
}
.content-box {
border: 1px solid #ccc;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.content-box-title {
color: #9bc83c;
font-weight: 700;
font-family: Roboto Slab, sans-serif;
font-size: 1.4em;
display: block;
text-transform: uppercase;
padding: 0 0 5px;
}
.ya-share2__container_size_m .ya-share2__icon {
height: 35px !important;
width: 35px !important;
}
.sidepan img {
margin-left: 0;
transition: margin 1s ease;
}
.sidepan img:hover {
margin-left: -20px;
}
.search-form label:not(.for-check) {
font: 400 14px/14px Roboto, sans-serif;
color: #222;
display: block;
padding: 0 0 12px;
margin: 0;
max-width: 100%;
}
table {
margin-top: 1em;
}
table td {
border: 1px solid #9bc83c;
font-size: 0.9em;
padding: 10px 15px;
}
#recieveCode {
width: 100%;
}
.for-iphones-info {
display: none;
padding-top: 60px;
background: url(../themes/shale/assets/img/inst_dark.svg) 50% top no-repeat;
background-size: 45px;
font-size: 2em;
font-weight: 200;
padding-bottom: 25px;
}
.device-iPhone .for-iphones-info {
display: block;
}
._center-flex-elems {
-ms-flex-pack: center;
justify-content: center;
}
span.visible {
color: red;
font-size: 0.8em;
margin-bottom: 10px;
position: relative;
top: 5px;
display: block;
}
.centered {
text-align: center;
}
.section-space {
height: 50px;
display: block;
}
.secondname {
display: none;
}
.bigger {
font-size: 1.2em;
}
.full-width {
width: 100%;
}
.for-check {
padding-right: 20px;
}
input {
vertical-align: middle;
border-radius: 0;
}
input:focus {
outline: none;
}
select {
vertical-align: middle;
border-radius: 0;
height: 38px;
padding: 0 10px;
width: 100%;
}
input[type=radio] {
border: none !important;
width: auto !important;
height: auto !important;
}
input[type=email],
input[type=tel],
input[type=text] {
height: 40px;
min-height: 40px;
max-height: 40px;
z-index: 2;
position: relative;
background: #fff;
}
input[type=email],
input[type=tel],
input[type=text],
textarea {
width: 100%;
padding: 0 15px;
border: 1px solid #ccc;
font: 400 14px Roboto, sans-serif;
color: #777;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
padding: 0 16px;
}
textarea {
height: 80px;
padding-top: 12px;
}
textarea:focus {
outline: none;
}
.what_we_do .wrapper {
position: relative;
z-index: 2;
}
@media (max-width: 575px) {
.what_we_do {
padding-bottom: 0;
}
.what_we_do .p {
padding: 0 15px;
}
}
.three_cols .col {
-ms-flex: 1 0 100%;
flex: 1 0 100%;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 992px) {
.three_cols .col {
-ms-flex: 1 0 33.333%;
flex: 1 0 33.333%;
width: 33.333%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.three_cols .col {
-ms-flex: 1 0 50%;
flex: 1 0 50%;
width: 50%;
position: relative;
}
}
.three_cols .col h3 {
font-size: 1em;
display: block;
margin-top: 0;
margin-bottom: 0.5em;
text-transform: uppercase;
color: #9bc83c;
font-family: Roboto Slab, sans-serif;
font-weight: 700;
}
.three_cols .col a:hover {
text-decoration: underline;
}
.three_cols .col p {
max-width: 100%;
}
.three_cols p {
text-align: center;
padding: 0 20px;
margin-top: 0;
margin-bottom: 0;
font-weight: 300;
line-height: 1.9;
}
.three_cols figure {
display: block;
border-radius: 50%;
overflow: hidden;
position: relative;
height: 0;
padding-bottom: 100%;
width: 100%;
}
.three_cols figure img {
display: block;
width: 100%;
position: absolute;
height: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
.three_cols .col:nth-of-type(4),
.three_cols .col:nth-of-type(8) {
left: -50%;
}
.three_cols .col:nth-of-type(3),
.three_cols .col:nth-of-type(7) {
right: -50%;
}
}
.events .wrapper:not(.single-item):not(.slick-initialized) .item + .item {
display: none;
}
@media (max-width: 767px) {
.events .wrapper:not(.single-item):not(.slick-initialized) .item + .item {
display: block;
}
}
.about-house {
padding-bottom: 3em;
padding-left: 15px;
padding-right: 15px;
}
.tarif_col-1-3 {
-ms-flex: 1 0 100%;
flex: 1 0 100%;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.tarif_col-1-3 {
-ms-flex: 1 0 33.333%;
flex: 1 0 33.333%;
max-width: 33.333%;
margin-bottom: 0;
padding-left: 10px;
padding-right: 10px;
}
}
.price-plans-section {
border: 1px solid #ccc;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
padding: 30px 15px 40px;
background-color: #fff;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
@media (min-width: 768px) {
.price-plans-section {
padding: 15px 15px 0;
}
}
.price-plans-section .head {
width: 100%;
border-bottom: 2px dotted #ccc;
padding: 0 0 0 15px;
-ms-flex-positive: 0;
flex-grow: 0;
}
@media (min-width: 768px) {
.price-plans-section .head {
padding: 0;
}
}
.price-plans-section p {
font: 400 14px/20px Roboto, sans-serif;
color: #777;
margin: 0 0 15px;
}
.price-plans-section ul {
padding: 0;
margin: 30px 0 40px 15px;
list-style: none;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media (min-width: 768px) {
.price-plans-section ul {
margin: 15px 0 15px 15px;
}
}
.price-plans-section ul li {
display: block;
padding: 15px 0 0;
font: 400 14px/20px Roboto, sans-serif;
color: #444;
position: relative;
}
.price-plans-section ul li:first-child {
padding: 0;
}
.price-plans-section ul li .fa {
padding: 0 10px 0 0;
font-size: 12px;
}
.price-plans-section .btn-row {
margin: 1em auto;
}
.price-plans-section strong.amount {
font: 700 36px/36px Roboto, sans-serif;
display: block;
color: #222;
padding: 0 0 15px;
text-transform: uppercase;
}
.price-plans-section strong.amount em {
font-style: normal;
font-size: 14px;
}
.price-plans-section li:before {
position: absolute;
margin-left: -1em;
font-weight: 700;
content: "✓";
color: #9bc83c;
}
.calc-form-title {
display: block;
margin-bottom: 1em;
}
#resultCalc {
margin-top: 2em;
}
.result-text {
font-size: 1.4em;
font-weight: 700;
text-transform: uppercase;
}
.result-text span {
font-size: 2em;
font-weight: 200;
display: block;
}
.content .price-caption {
font-size: 0.8em;
font-style: italic;
}
.four-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.four-grid > .padded {
padding-left: 20px;
padding-right: 20px;
}
.four-grid > .padded-right {
padding-right: 20px;
}
.four-grid > .one {
-ms-flex: 1 0 25%;
flex: 1 0 25%;
width: 25%;
}
.four-grid > .two {
-ms-flex: 1 0 50%;
flex: 1 0 50%;
width: 50%;
}
.four-grid > .three {
-ms-flex: 3 0 75%;
flex: 3 0 75%;
width: 75%;
}
.three-grid {
margin-left: -15px;
margin-right: -15px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
}
.three-grid > .padded {
padding-left: 15px;
padding-right: 15px;
}
.three-grid > .one {
-ms-flex: 1 0 100%;
flex: 1 0 100%;
width: 100%;
}
@media (min-width: 768px) {
.three-grid > .one {
-ms-flex: 1 0 50%;
flex: 1 0 50%;
width: 50%;
}
}
@media (min-width: 992px) {
.three-grid > .one {
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
width: 33.333%;
}
}
.three-grid > .tree {
-ms-flex: 3 0 100%;
flex: 3 0 100%;
width: 100%;
}
.two-grid {
margin-left: -10px;
margin-right: -15px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.two-grid > .padded {
padding-left: 10px;
padding-right: 10px;
}
.two-grid > .one {
-ms-flex: 1 0 50%;
flex: 1 0 50%;
width: 50%;
}
.calculator {
max-width: 1000px;
padding-left: 20px;
padding-right: 20px;
margin: 0 auto;
text-align: left;
}
.calculator label {
font-weight: 500;
line-height: 16px;
text-transform: uppercase;
font-size: 12px;
}
.calculator p {
font-size: 12px;
display: block;
margin-top: 10px;
line-height: 17px;
font-weight: 300;
}
.calculator h3 {
font-size: 18px;
margin-bottom: 20px;
line-height: 20px;
font-weight: 400;
}
.calculator .hours {
width: 20px;
}
.calculator .three-grid .field {
margin-top: 0;
margin-bottom: 40px;
}
.show-calc-details {
text-decoration: underline;
}
.reviews-section .wrapper {
display: block;
}
.reviews-section .wrapper .review {
width: 50%;
padding-left: 30px;
padding-right: 30px;
position: relative;
margin-bottom: 2em;
float: left;
}
.reviews-section .wrapper .review:nth-child(2n) {
float: right;
}
.reviews-section .wrapper .review blockquote {
line-height: 30px;
font-weight: 300;
font-style: italic;
font-size: 14px;
}
.reviews-section .wrapper .review .name {
font-weight: 400;
font-size: 14px;
margin-top: 10px;
}
.review h3 {
font-size: 1.4em;
color: #9bc83c;
font-weight: 700;
font-family: Roboto Slab, sans-serif;
}
@media (max-width: 991px) {
.reviews-section .wrapper .review {
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 2em;
float: none;
}
}
@media (max-width: 575px) {
.reviews-section .wrapper .review blockquote {
line-height: 1.4em;
}
}
.spin:hover {
color: #9bc83c;
}
.spin:hover:before {
border-top-color: #9bc83c;
border-right-color: #9bc83c;
border-bottom-color: #9bc83c;
transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.spin:hover:after {
border-top: 3px solid #9bc83c;
border-left-width: 3px;
border-right-width: 3px;
transform: rotate(270deg);
transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}
.spin:before {
border: 3px solid transparent;
}
.spin:after {
border: 0 solid transparent;
}
.circle {
box-shadow: none;
}
.circle,
.circle:after,
.circle:before {
border-radius: 100%;
}
.inner-nav {
margin: 0;
padding: 0;
background: #fff;
padding: 30px;
}
.inner-nav ul {
padding-left: 20px;
}
.inner-nav a {
color: #444;
}
.inner-nav i {
font-style: normal;
}
i.icon {
font-family: shale;
}
.title.is-black {
color: #333 !important;
}
.v-center {
display: table;
height: 100%;
}
.v-center > * {
height: 100%;
display: table-cell;
vertical-align: middle;
}
@font-face {
font-family: shale;
src: url(../themes/shale/assets/css/font/shale.eot?49584614);
src: url(../themes/shale/assets/css/font/shale.eot?49584614#iefix) format("embedded-opentype"), url(../themes/shale/assets/css/font/shale.woff?49584614) format("woff"), url(../themes/shale/assets/css/font/shale.ttf?49584614) format("truetype"), url(../themes/shale/assets/css/font/shale.svg?49584614#shale) format("svg");
font-weight: 400;
font-style: normal;
}
.purchase-item {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
}
.purchase-item + .purchase-item {
border-top: 1px solid #eee;
}
.purchase-item h3 {
color: #9bc83c;
font-weight: 700;
font-family: Roboto Slab, sans-serif;
font-size: 1.4em;
display: block;
text-transform: uppercase;
padding: 0 0 5px;
margin-top: 0;
}
.purchase-item .img {
-ms-flex: 0 0 90px;
flex: 0 0 90px;
padding-left: 0;
}
.purchase-item .img img {
background: #eee;
width: 100%;
}
.purchase-item .price span {
display: block;
}
.total-order-price {
padding-top: 20px;
text-align: left;
border-top: 1px solid #ccc;
}
.shop-cart,
.total-order-price .total {
float: right;
}
.modal-bg {
text-align: center;
position: fixed;
z-index: 101;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
background: rgba(0, 0, 0, 0.7);
}
.f-s {
display: none;
position: absolute;
z-index: 100;
}
.f-s.cap {
width: 200px;
height: 200px;
left: -250px;
top: 50px;
}
.f-s.arrow {
width: 100px;
height: 220px;
right: -100px;
top: 500px;
}
.f-s.party {
width: 200px;
height: 200px;
left: -300px;
top: 1100px;
}
.f-s.cap {
width: 200px;
height: 200px;
left: -250px;
top: 50px;
}
.f-s.arrow {
width: 100px;
height: 220px;
right: -100px;
top: 500px;
}
.f-s.party {
width: 200px;
height: 200px;
left: -300px;
top: 1100px;
}
@media (min-width: 1400px) {
.f-s {
display: block;
}
.slick-next {
right: -50px;
}
.slick-prev {
left: -50px;
}
}
.pint {
position: absolute;
z-index: 1;
left: 15px;
bottom: 15px;
}
.pint a {
display: block;
}
[x-cloak] {
display: none;
}
/*
html, body {
height: 100%;
}
body {
display: flex;
flex-direction: column;
}
.flex-content {
flex: 1 0 auto;
}
.footer {
flex-shrink: 0;
}*/
.all-events-link {
font-size: 13px;
text-decoration: none;
position: absolute;
right: 10px;
top: 10px;
}
.event-page .content-box {
position: relative;
}
.centered {
padding: 1em 0;
}
.centered .button + .button {
margin-left: 1em;
}
.modal {
-ms-flex-align: center;
align-items: center;
display: none;
opacity: 0;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
position: fixed;
z-index: 900;
transition: all 0.5s;
}
.modal.is-active {
display: -ms-flexbox;
display: flex;
opacity: 1;
}
.modal-background {
background-color: rgba(10, 10, 10, 0.86);
}
.modal-content,
.modal-card {
margin: 0 20px;
max-height: calc(100vh - 160px);
overflow: auto;
position: relative;
width: 100%;
}
.modal-content.fancy,
.modal-card.fancy {
max-width: 550px !important;
width: inherit !important;
background: #fff url(../themes/shale/assets/img/pattern.svg);
border: 3px solid #9bc83c;
max-width: 550px;
padding: 40px 50px;
}
.modal-close {
background: none;
height: 40px;
position: fixed;
right: 20px;
top: 20px;
width: 40px;
}
.mfp-inline-holder .mfp-content {
max-width: 550px;
width: inherit;
}
.subtitle {
font-weight: 200;
}
.subtitle.align-center {
text-align: center;
}
.subtitle.is-1 {
font-size: 2em;
color: #ccc;
}
.subtitle.is-2 {
font-size: 1.5em;
color: #ccc;
}
.subtitle.is-3 {
font-size: 2em;
color: #ccc;
}
span.pic {
display: block;
position: relative;
padding-top: 100%;
}
.img-responsive {
width: 100%;
display: block;
height: auto;
position: absolute;
top: 0;
opacity: 0;
transition: opacity 0.5s;
}
.img-responsive.lazyloaded {
opacity: 1;
}
.page-layout {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
padding-top: 20px;
}
@media (max-width: 991px) {
.page-layout .col1 {
-ms-flex-order: 1;
order: 1;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0 1em 1em;
}
.page-layout .col2 {
-ms-flex-order: 2;
order: 2;
padding: 0 1em 2em;
}
}
@media (min-width: 992px) {
.page-layout .col1 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
padding-left: 1em;
}
.page-layout .col2 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
padding: 0 1em;
}
}
#back-to-top {
position: fixed;
bottom: 120px;
right: 30px;
width: 30px;
height: 30px;
color: #5d5e5e;
opacity: 0;
transition: all 0.28s ease-out;
}
#back-to-top.active {
opacity: 1;
z-index: 10;
}
#back-to-top:hover {
color: #767878;
opacity: 0.9;
}
.box {
background-color: white;
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
color: #4a4a4a;
display: block;
padding: 1.25rem;
}
.section {
padding: 50px 0;
}
.banner {
padding-top: 33.333%;
background-size: cover;
background-position: center;
display: block;
position: relative;
}
.banner img {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.house-gal {
opacity: 1;
height: auto;
transition: height 0.35s ease-out;
}
.house-gal > * {
display: block;
position: relative;
}
.house-gal:not(.slick-slider) {
display: flex;
}
.house-gal:not(.slick-slider) > * {
flex: 0 0 25%;
}
.house-gal .slick-next, .house-gal .slick-prev {
position: absolute;
}
.house-gal .slick-prev {
left: 10px;
}
.house-gal .slick-next {
right: 10px;
}
.zoom {
position: relative;
display: block;
}
.zoom:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.5) url(../themes/shale/assets/img/lupa.svg) 50% 50% no-repeat;
background-size: 50px auto;
opacity: 0.2;
transition: opacity 0.2s ease-out;
}
.zoom:hover:after {
opacity: 0.5;
}
.slick-slide img {
width: 100%;
height: auto;
}
h1,
h2,
h3,
h4,
h5 {
margin: 0;
padding: 0 0 0.5em;
font-weight: inherit;
line-height: 1.2;
}
a.active > .button {
background: #9bc83c;
}
a.active > .button * {
color: #fff;
}
@media screen and (min-width: 768px) {
.is-hidden-tablet {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.is-hidden-mobile {
display: none !important;
}
}
.mobile-sidebar .icons-tabs {
text-align: center;
padding: 20px 0;
}
.mobile-sidebar i {
font-family: "shale";
font-size: 28px;
font-style: normal;
}
@media (max-width: 767px) {
.mobile-sidebar .icons-tabs {
padding-top: 0;
margin-top: -1rem;
}
}
.mobile-sidebar.open .button.is-circle {
/*background: #fff; */
/*color: #444;*/
/*border: 2px solid #444;*/
}
.mobile-sidebar.open .button.is-circle i {
font-size: 0;
}
.mobile-sidebar.open .button.is-circle i:before {
content: "";
font-size: 28px;
}
.mobile-sidebar .filter {
display: block;
}
h1 {
font-weight: 100;
}
.edit-link {
position: absolute;
z-index: 100;
background: #9bc83c;
color: #fff;
display: inline-block;
padding: 5px;
}
* > :first-child {
margin-top: 0 !important;
}
* > :last-child {
margin-bottom: 0 !important;
}
.wapp-link svg {
width: 45px;
height: 45px;
}
.wapp-link-inline {
display: inline-block;
margin-left: 10px;
outline: 0 !important;
vertical-align: middle;
height: 41px;
width: 41px;
background: #9bc83c;
padding: 5px;
}
.wapp-link-inline svg {
width: 30px;
height: 30px;
color: #fff;
}
@media (min-width: 768px) {
.wapp-link-inline {
display: none;
}
}
.content-block .inner {
border: 1px solid #ccc;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
background: #fff;
}
.content-block ul,
.content-block ol {
padding-left: 1.1em;
margin-bottom: 1em;
}
.content-block p {
margin-bottom: 1em;
}
.fadeOutDown {
display: none !important;
}
/*# sourceMappingURL=styles.css.map */
/* ======================================
SHALE - Modern Animated Buttons v2
====================================== */
/* --- Base button override --- */
.btn-green {
-webkit-appearance: none;
background: linear-gradient(135deg, #4caf50 0%, #66bb6a 50%, #43a047 100%) !important;
background-size: 200% 200% !important;
border-radius: 50px !important;
border: none !important;
color: #fff !important;
display: inline-block;
font: 700 0.92em/1 Roboto, sans-serif;
padding: 14px 32px !important;
white-space: nowrap;
text-align: center;
text-decoration: none !important;
text-transform: uppercase;
letter-spacing: 0.04em;
cursor: pointer;
position: relative;
overflow: hidden;
box-shadow: 0 4px 15px rgba(76,175,80,0.3);
transition: transform 0.3s cubic-bezier(.4,0,.2,1),
box-shadow 0.3s cubic-bezier(.4,0,.2,1),
background-position 0.5s ease !important;
z-index: 1;
}
/* Shimmer overlay */
.btn-green::before {
content: '';
position: absolute;
top: 0; left: -100%;
width: 100%; height: 100%;
background: linear-gradient(
120deg,
transparent 0%,
rgba(255,255,255,0.25) 50%,
transparent 100%
);
transition: left 0.5s ease;
z-index: 2;
pointer-events: none;
}
.btn-green:not([disabled=disabled]):hover {
background: linear-gradient(135deg, #4caf50 0%, #66bb6a 50%, #43a047 100%) !important;
background-position: 100% 0 !important;
border: none !important;
color: #fff !important;
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(76,175,80,0.4);
}
.btn-green:not([disabled=disabled]):hover::before {
left: 100%;
}
.btn-green:not([disabled=disabled]):active {
transform: translateY(-1px) !important;
box-shadow: 0 3px 10px rgba(76,175,80,0.3) !important;
}
.btn-green:focus {
outline: 0;
background: linear-gradient(135deg, #4caf50 0%, #66bb6a 50%, #43a047 100%) !important;
color: #fff !important;
box-shadow: 0 0 0 3px rgba(76,175,80,0.3), 0 4px 15px rgba(76,175,80,0.3);
}
.btn-green[disabled=disabled] {
opacity: 0.4;
background: #aaa !important;
box-shadow: none;
cursor: not-allowed;
transform: none !important;
}
.btn-green.-wide, .btn-green.-lg {
width: auto;
min-width: 190px;
padding: 16px 36px !important;
font-size: 0.95em;
}
.btn-green.-xlg {
width: auto;
min-width: 280px;
padding: 18px 44px !important;
font-size: 1em;
}
/* --- Button group / row --- */
.btn-row {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
align-items: center;
}
.btn-group {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
align-items: center;
}
.btn-group .btn-green + .btn-green {
margin-left: 0;
}
/* --- WhatsApp button in btn-row --- */
.wapp-link-inline {
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50%;
background: linear-gradient(135deg, #25d366, #128c7e);
box-shadow: 0 4px 12px rgba(37,211,102,0.3);
transition: transform 0.3s cubic-bezier(.4,0,.2,1), box-shadow 0.3s;
vertical-align: middle;
}
.wapp-link-inline:hover {
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(37,211,102,0.4);
}
.wapp-link-inline svg {
width: 26px;
height: 26px;
fill: #fff;
}
/* --- Map section buttons override (old styles removal) --- */
.map .btn-green,
.map-section .btn-green {
background: linear-gradient(135deg, #4caf50 0%, #66bb6a 50%, #43a047 100%) !important;
color: #fff !important;
}
/* --- Pulse animation for CTA buttons --- */
@keyframes shaleBtnPulse {
0% { box-shadow: 0 4px 15px rgba(76,175,80,0.3); }
50% { box-shadow: 0 4px 25px rgba(76,175,80,0.5); }
100% { box-shadow: 0 4px 15px rgba(76,175,80,0.3); }
}
.btn-green.-pulse {
animation: shaleBtnPulse 2s ease-in-out infinite;
}
/* --- Mobile adjustments --- */
@media (max-width: 640px) {
.btn-green {
padding: 12px 24px !important;
font-size: 0.85em;
}
.btn-green.-wide, .btn-green.-lg {
min-width: 160px;
padding: 14px 28px !important;
}
.btn-row, .btn-group {
flex-direction: column;
align-items: stretch;
}
.btn-row .btn-green, .btn-group .btn-green {
width: 100%;
}
}
/* ======================================
SHALE - Modern Sidebar & Page Layout
====================================== */
/* --- Page Layout Container --- */
.shale-page {
background: #f8faf8;
min-height: 80vh;
padding: 0 0 60px;
}
.shale-page__hero {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
padding: 100px 0 50px;
text-align: center;
position: relative;
overflow: hidden;
}
.shale-page__hero::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
right: 0;
height: 60px;
background: #f8faf8;
border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}
.shale-page__hero-inner {
max-width: 1260px;
margin: 0 auto;
padding: 0 24px;
position: relative;
z-index: 1;
}
.shale-page__h1 {
font: 700 2.2em/1.2 'Roboto Slab', serif;
color: #fff;
margin: 0 0 12px;
text-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.shale-page__crumbs {
display: flex;
justify-content: center;
gap: 6px;
flex-wrap: wrap;
font-size: 0.85em;
color: rgba(255,255,255,0.6);
}
.shale-page__crumbs a {
color: rgba(255,255,255,0.7);
text-decoration: none;
transition: color 0.2s;
}
.shale-page__crumbs a:hover { color: #66bb6a; }
.shale-page__crumbs span { color: rgba(255,255,255,0.4); }
.shale-page__body {
max-width: 1260px;
margin: -20px auto 0;
padding: 0 24px;
display: grid;
grid-template-columns: 300px 1fr;
gap: 32px;
position: relative;
z-index: 2;
}
/* --- Sidebar --- */
.shale-sidebar {
position: sticky;
top: 80px;
align-self: start;
max-height: calc(100vh - 100px);
overflow-y: auto;
}
.shale-sidebar::-webkit-scrollbar { width: 4px; }
.shale-sidebar::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }
/* --- Sidebar Menu Redesign --- */
.sidebar-menu {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
border-radius: 16px !important;
box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
overflow: hidden !important;
}
.sidebar-menu > li {
margin: 0 !important;
padding: 0 !important;
border-bottom: 1px solid #f5f5f5;
}
.sidebar-menu > li:last-child { border-bottom: none; }
.sidebar-menu > li > a {
display: flex !important;
align-items: center;
gap: 10px;
padding: 14px 18px !important;
color: #444 !important;
font-size: 0.92em;
font-weight: 500;
text-decoration: none !important;
transition: all 0.25s ease !important;
border-left: 3px solid transparent !important;
}
.sidebar-menu > li > a > .fa {
font-size: 0.85em;
color: #aaa;
width: 18px !important;
text-align: center;
transition: color 0.2s;
}
.sidebar-menu > li > a:hover {
background: #f8faf8 !important;
color: #2e7d32 !important;
border-left-color: #4caf50 !important;
}
.sidebar-menu > li > a:hover > .fa {
color: #4caf50;
}
.sidebar-menu a.active {
background: linear-gradient(135deg, #43a047, #66bb6a) !important;
color: #fff !important;
border-left-color: transparent !important;
font-weight: 600;
border-radius: 0 !important;
}
.sidebar-menu a.active > .fa { color: #fff !important; }
/* Treeview submenu */
.sidebar-menu .treeview-menu {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
padding-left: 0 !important;
background: #fafcfa !important;
display: block !important;
}
.sidebar-menu .treeview-menu > li { border-bottom: 1px solid #f0f0f0; }
.sidebar-menu .treeview-menu > li:last-child { border-bottom: none; }
.sidebar-menu .treeview-menu > li > a {
display: flex !important;
align-items: center;
gap: 8px;
padding: 10px 18px 10px 32px !important;
font-size: 0.88em !important;
color: #666 !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
border-left: 3px solid transparent !important;
}
.sidebar-menu .treeview-menu > li > a:hover {
background: #f0f5f0 !important;
color: #2e7d32 !important;
border-left-color: #81c784 !important;
}
.sidebar-menu .treeview-menu > li > a > .fa {
font-size: 0.7em;
color: #ccc;
width: 14px !important;
text-align: center;
}
.sidebar-menu .treeview-menu .treeview-menu {
padding-left: 0 !important;
background: #f5f8f5 !important;
}
.sidebar-menu .treeview-menu .treeview-menu > li > a {
padding-left: 48px !important;
font-size: 0.84em !important;
}
/* --- Content Card --- */
.shale-page__content {
background: #fff;
border-radius: 20px;
box-shadow: 0 4px 24px rgba(0,0,0,0.05);
padding: 40px 44px;
min-height: 300px;
}
.shale-page__content h1 {
font: 700 1.6em/1.3 'Roboto Slab', serif;
color: #1a1a2e;
margin: 0 0 24px;
}
.shale-page__content h1 small {
font-size: 0.5em;
font-weight: 400;
color: #aaa;
margin-left: 10px;
}
.shale-page__content h2 {
font: 700 1.3em/1.3 'Roboto Slab', serif;
color: #1a1a2e;
margin: 28px 0 14px;
}
.shale-page__content h3 {
font: 700 1.1em/1.3 'Roboto Slab', serif;
color: #333;
margin: 20px 0 10px;
}
.shale-page__content p {
font-size: 0.95em;
line-height: 1.75;
color: #555;
margin: 0 0 14px;
}
.shale-page__content img {
max-width: 100%;
height: auto;
border-radius: 12px;
margin: 10px 0;
}
.shale-page__content ul, .shale-page__content ol {
padding-left: 20px;
margin: 0 0 14px;
}
.shale-page__content li {
font-size: 0.95em;
line-height: 1.7;
color: #555;
margin-bottom: 4px;
}
.shale-page__content a {
color: #2e7d32;
text-decoration: underline;
text-decoration-color: rgba(46,125,50,0.3);
transition: text-decoration-color 0.2s;
}
.shale-page__content a:hover {
text-decoration-color: #2e7d32;
}
.shale-page__content table {
width: 100%;
border-collapse: collapse;
margin: 14px 0;
}
.shale-page__content table th,
.shale-page__content table td {
padding: 10px 14px;
border: 1px solid #eee;
font-size: 0.92em;
text-align: left;
}
.shale-page__content table th {
background: #f8faf8;
font-weight: 600;
color: #333;
}
/* Share block */
.shale-page__share {
margin-top: 32px;
padding-top: 24px;
border-top: 1px solid #f0f0f0;
text-align: center;
}
/* --- Animations --- */
.shale-page__reveal {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.shale-page__reveal.is-vis {
opacity: 1;
transform: translateY(0);
}
/* --- Responsive --- */
@media (max-width: 991px) {
.shale-page__body {
grid-template-columns: 1fr;
gap: 20px;
}
.shale-sidebar {
position: static;
max-height: none;
}
.sidebar-menu {
border-radius: 12px !important;
}
.shale-page__content {
padding: 28px 24px;
}
.shale-page__h1 { font-size: 1.6em; }
}
@media (max-width: 640px) {
.shale-page__hero { padding: 80px 0 40px; }
.shale-page__content { padding: 24px 18px; border-radius: 16px; }
.shale-page__content h1 { font-size: 1.3em; }
}
/* --- Old layout overrides to prevent conflicts --- */
.activity-page.shale-page {
padding-top: 0 !important;
}
.activity-page.shale-page .wrapper {
max-width: none;
padding: 0;
}
.activity-page.shale-page .page-layout {
display: contents;
}
.activity-page.shale-page .page-layout .col1 {
flex: none;
padding: 0;
}
.activity-page.shale-page .page-layout .col2 {
flex: none;
padding: 0;
}
.activity-page.shale-page .box {
background: none;
box-shadow: none;
border: none;
padding: 0;
margin: 0;
}
/* ======================================
SHALE - Modern Content Blocks v2
====================================== */
/* --- Block wrappers inside content card --- */
.shale-page__content .block-wrapper {
margin-bottom: 32px;
opacity: 0;
transform: translateY(24px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.shale-page__content .block-wrapper.is-vis {
opacity: 1;
transform: translateY(0);
}
/* --- Headers inside content --- */
.shale-page__content .block-header .title {
font-family: 'Roboto Slab', serif !important;
color: #1a1a2e;
position: relative;
padding-bottom: 16px;
margin-bottom: 24px !important;
font-weight: 700;
}
.shale-page__content .block-header .title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 3px;
background: linear-gradient(90deg, #4caf50, #81c784);
border-radius: 3px;
}
.shale-page__content .block-header .title.align-center::after {
left: 50%;
transform: translateX(-50%);
}
.shale-page__content .block-header .title.is-h1,
.shale-page__content .block-header .title.is-1 {
font-size: 1.5em !important;
line-height: 1.3;
}
/* --- Content columns --- */
.shale-page__content .block-columns .columns {
gap: 24px;
}
.shale-page__content .block-columns .content {
font-size: 0.95em;
line-height: 1.8;
color: #555;
}
.shale-page__content .block-columns .content p {
margin-bottom: 14px;
}
.shale-page__content .block-columns .content strong {
color: #333;
font-weight: 600;
}
.shale-page__content .block-columns .content a {
color: #2e7d32;
text-decoration: underline;
text-decoration-color: rgba(46,125,50,0.3);
transition: text-decoration-color 0.2s;
}
.shale-page__content .block-columns .content a:hover {
text-decoration-color: #2e7d32;
}
/* Boxed columns */
.shale-page__content .block-columns .boxed .box {
background: #f8faf8 !important;
border-radius: 16px !important;
padding: 28px 24px !important;
border: 1px solid #e8f0e8 !important;
box-shadow: none !important;
transition: transform 0.3s, box-shadow 0.3s;
}
.shale-page__content .block-columns .boxed .box:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(0,0,0,0.06) !important;
}
/* --- Gallery blocks --- */
.shale-page__content .block-gallery .columns {
display: grid !important;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
flex-wrap: nowrap !important;
}
.shale-page__content .block-gallery .column {
width: 100% !important;
padding: 0 !important;
flex: none !important;
}
.shale-page__content .block-gallery .column a {
display: block;
border-radius: 12px;
overflow: hidden;
position: relative;
aspect-ratio: 1;
}
.shale-page__content .block-gallery .column a::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,0.3) 100%);
opacity: 0;
transition: opacity 0.3s;
}
.shale-page__content .block-gallery .column a:hover::after {
opacity: 1;
}
.shale-page__content .block-gallery .column img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px;
transition: transform 0.4s ease;
}
.shale-page__content .block-gallery .column a:hover img {
transform: scale(1.06);
}
@media (max-width: 768px) {
.shale-page__content .block-gallery .columns {
grid-template-columns: repeat(2, 1fr);
}
}
/* --- Schedule/timetable styled text --- */
.shale-page__content .block-columns .content p[style*="text-align: center"] {
background: #f8faf8;
border-radius: 10px;
padding: 10px 16px !important;
margin-bottom: 6px !important;
border-left: 3px solid #4caf50;
text-align: left !important;
transition: transform 0.2s, background 0.2s;
}
.shale-page__content .block-columns .content p[style*="text-align: center"]:hover {
background: #f0f8f0;
transform: translateX(4px);
}
.shale-page__content .block-columns .content p[style*="text-align: center"] strong {
color: #2e7d32;
font-weight: 700;
min-width: 90px;
display: inline-block;
}
/* --- Share section --- */
.shale-page__share .share-item {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 50%;
background: #f0f0f0;
margin: 0 4px;
transition: transform 0.25s, background 0.25s;
}
.shale-page__share .share-item:hover {
transform: translateY(-2px);
background: #e8f5e9;
}
/* --- Italic note paragraphs --- */
.shale-page__content .content em,
.shale-page__content .content i {
color: #888;
font-size: 0.9em;
}
/* --- Smooth stagger animation for blocks --- */
.shale-page__content .block-wrapper:nth-child(1) { transition-delay: 0s; }
.shale-page__content .block-wrapper:nth-child(2) { transition-delay: 0.08s; }
.shale-page__content .block-wrapper:nth-child(3) { transition-delay: 0.16s; }
.shale-page__content .block-wrapper:nth-child(4) { transition-delay: 0.24s; }
.shale-page__content .block-wrapper:nth-child(5) { transition-delay: 0.32s; }
.shale-page__content .block-wrapper:nth-child(6) { transition-delay: 0.4s; }
.shale-page__content .block-wrapper:nth-child(7) { transition-delay: 0.48s; }
.shale-page__content .block-wrapper:nth-child(8) { transition-delay: 0.56s; }
.shale-page__content .block-wrapper:nth-child(9) { transition-delay: 0.64s; }
.shale-page__content .block-wrapper:nth-child(10) { transition-delay: 0.72s; }
/* =============================================
SHALE PAGE - HARD OVERRIDE (kill old styles)
============================================= */
/* Kill old activity-page styles completely */
.shale-page.activity-page {
position: relative !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
background: #f8faf8 !important;
}
/* Kill .wrapper inside shale-page */
.shale-page .wrapper {
max-width: none !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
}
/* Kill old page-layout flex styles */
.shale-page .page-layout {
display: contents !important;
}
.shale-page .flex-row {
display: contents !important;
}
.shale-page .col1,
.shale-page .col2 {
flex: none !important;
padding: 0 !important;
width: auto !important;
max-width: none !important;
}
/* Kill old .box styles inside shale-page */
.shale-page .box {
background: none !important;
box-shadow: none !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
}
/* ===== Hero - cleaner look ===== */
.shale-page__hero {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%) !important;
padding: 110px 0 60px !important;
text-align: center;
position: relative;
overflow: hidden;
}
.shale-page__hero::before {
content: '';
position: absolute;
top: -50%;
right: -20%;
width: 500px;
height: 500px;
background: radial-gradient(circle, rgba(76,175,80,0.15) 0%, transparent 70%);
border-radius: 50%;
pointer-events: none;
}
.shale-page__hero::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
right: 0;
height: 50px;
background: #f8faf8;
border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}
.shale-page__h1 {
font: 700 2.2em/1.25 'Roboto Slab', serif !important;
color: #fff !important;
margin: 0 0 12px !important;
text-shadow: 0 2px 8px rgba(0,0,0,0.3);
letter-spacing: -0.02em;
}
/* ===== Body grid ===== */
.shale-page__body {
max-width: 1260px !important;
margin: -24px auto 0 !important;
padding: 0 24px 60px !important;
display: grid !important;
grid-template-columns: 280px 1fr !important;
gap: 32px !important;
position: relative;
z-index: 2;
}
/* ===== Sidebar ===== */
.shale-sidebar {
position: sticky !important;
top: 80px !important;
align-self: start !important;
max-height: calc(100vh - 100px) !important;
overflow-y: auto !important;
}
/* --- Sidebar Menu - complete restyle --- */
.shale-page .sidebar-menu,
.sidebar-menu {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
border-radius: 16px !important;
box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
overflow: hidden !important;
}
.shale-page .sidebar-menu > li,
.sidebar-menu > li {
margin: 0 !important;
padding: 0 !important;
border-bottom: 1px solid #f3f3f3 !important;
position: relative;
}
.shale-page .sidebar-menu > li:last-child { border-bottom: none !important; }
.shale-page .sidebar-menu > li > a,
.shale-page .sidebar-menu .treeview-menu > li > a {
display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 13px 18px !important;
color: #444 !important;
font-size: 0.9em !important;
font-weight: 500 !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
border-left: 3px solid transparent !important;
background: #fff !important;
line-height: 1.4 !important;
}
.shale-page .sidebar-menu .treeview-menu > li > a {
padding-left: 32px !important;
font-size: 0.86em !important;
color: #666 !important;
}
.shale-page .sidebar-menu .treeview-menu .treeview-menu > li > a {
padding-left: 46px !important;
font-size: 0.83em !important;
color: #777 !important;
}
/* Hover */
.shale-page .sidebar-menu li > a:hover {
background: #f5faf5 !important;
color: #2e7d32 !important;
border-left-color: #4caf50 !important;
}
/* Active */
.shale-page .sidebar-menu a.active,
.sidebar-menu a.active {
background: linear-gradient(135deg, #43a047, #66bb6a) !important;
color: #fff !important;
border-left-color: transparent !important;
font-weight: 600 !important;
}
.shale-page .sidebar-menu a.active .fa,
.shale-page .sidebar-menu a.active i { color: #fff !important; }
/* Icons */
.shale-page .sidebar-menu .fa {
font-size: 0.8em !important;
color: #bbb !important;
width: 16px !important;
text-align: center !important;
flex-shrink: 0;
}
.shale-page .sidebar-menu a:hover .fa { color: #4caf50 !important; }
/* Treeview submenu */
.shale-page .sidebar-menu .treeview-menu {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
background: #fafcfa !important;
display: block !important;
}
.shale-page .sidebar-menu .treeview-menu .treeview-menu {
background: #f6f9f6 !important;
}
.shale-page .sidebar-menu .treeview-menu > li {
border-bottom: 1px solid #f0f0f0 !important;
margin: 0 !important;
padding: 0 !important;
}
.shale-page .sidebar-menu .treeview-menu > li:last-child { border-bottom: none !important; }
/* ===== Content Card ===== */
.shale-page__content {
background: #fff !important;
border-radius: 20px !important;
box-shadow: 0 4px 24px rgba(0,0,0,0.05) !important;
padding: 44px 48px !important;
min-height: 300px;
}
/* Content typography */
.shale-page__content .content,
.shale-page__content .content-sidebar {
font-size: 0.95em;
line-height: 1.8;
color: #555;
}
.shale-page__content .content p,
.shale-page__content .content-sidebar p {
margin-bottom: 14px;
line-height: 1.8;
color: #555;
}
.shale-page__content .content strong,
.shale-page__content .content-sidebar strong {
color: #333;
}
.shale-page__content .content a,
.shale-page__content .content-sidebar a {
color: #2e7d32;
}
.shale-page__content .content img,
.shale-page__content .content-sidebar img {
max-width: 100%;
height: auto;
border-radius: 12px;
margin: 8px 0;
}
/* ===== Responsive ===== */
@media (max-width: 991px) {
.shale-page__body {
grid-template-columns: 1fr !important;
gap: 20px !important;
padding: 0 16px 40px !important;
}
.shale-sidebar {
position: static !important;
max-height: none !important;
overflow: visible !important;
}
.shale-page__content {
padding: 28px 24px !important;
border-radius: 16px !important;
}
.shale-page__h1 { font-size: 1.6em !important; }
.shale-page__hero { padding: 90px 0 50px !important; }
}
@media (max-width: 640px) {
.shale-page__hero { padding: 80px 0 40px !important; }
.shale-page__content { padding: 22px 16px !important; }
.shale-page__h1 { font-size: 1.4em !important; }
.shale-page__body { padding: 0 12px 30px !important; }
}
/* =============================================
SHALE PAGE v3 - No hero, clean card layout
============================================= */
/* Remove hero completely */
.shale-page__hero { display: none !important; }
/* Page body - adjust top padding since no hero */
.shale-page__body {
margin-top: 0 !important;
padding-top: 110px !important;
padding-bottom: 60px !important;
}
/* Breadcrumbs inside card */
.shale-page__crumbs {
display: flex !important;
flex-wrap: wrap;
gap: 6px;
align-items: center;
margin-bottom: 16px;
font-size: 0.84em;
justify-content: flex-start !important;
text-align: left !important;
}
.shale-page__crumbs a {
color: #4caf50 !important;
text-decoration: none !important;
font-weight: 500;
transition: color 0.2s;
}
.shale-page__crumbs a:hover { color: #2e7d32 !important; }
.shale-page__crumbs-sep { color: #ccc; }
.shale-page__crumbs-cur { color: #999; }
/* Title inside content card */
.shale-page__title {
font: 700 1.7em/1.3 'Roboto Slab', serif !important;
color: #1a1a2e !important;
margin: 0 0 28px !important;
padding-bottom: 20px;
border-bottom: 2px solid #f0f0f0;
position: relative;
}
.shale-page__title::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 80px;
height: 2px;
background: linear-gradient(90deg, #4caf50, #81c784);
border-radius: 2px;
}
.shale-page__title small {
font-size: 0.45em;
font-weight: 400;
color: #aaa;
margin-left: 10px;
}
/* Background */
.shale-page {
background: #f5f7f5 !important;
min-height: 80vh;
}
@media (max-width: 991px) {
.shale-page__body {
padding-top: 90px !important;
}
.shale-page__title { font-size: 1.4em !important; }
}
@media (max-width: 640px) {
.shale-page__body {
padding-top: 80px !important;
}
.shale-page__title { font-size: 1.2em !important; }
}
/* ============================================================
SHALE MEDIA PAGE (Video / Photo pages)
Beautiful modern video gallery with animations
============================================================ */
/* --- Reveal animation base --- */
.shale-mp-reveal {
opacity: 0;
transform: translateY(40px);
transition: opacity 0.7s cubic-bezier(.23,1,.32,1), transform 0.7s cubic-bezier(.23,1,.32,1);
}
.shale-mp-reveal.is-vis {
opacity: 1;
transform: translateY(0);
}
/* --- Page wrapper --- */
.shale-media-page {
background: #f5f7f5 !important;
min-height: 100vh;
}
/* --- Hero banner --- */
.shale-media-page__hero {
position: relative;
overflow: hidden;
padding: 80px 24px 60px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
min-height: 260px;
}
.shale-media-page__hero-bg {
position: absolute;
inset: 0;
background: linear-gradient(135deg, #1a3a2a 0%, #2d6a4f 40%, #40916c 100%);
z-index: 0;
}
.shale-media-page__hero-bg::after {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(circle at 20% 80%, rgba(255,255,255,.06) 0%, transparent 50%),
radial-gradient(circle at 80% 20%, rgba(255,255,255,.04) 0%, transparent 50%);
}
.shale-media-page__hero-bg::before {
content: '';
position: absolute;
bottom: -2px;
left: 0;
right: 0;
height: 80px;
background: linear-gradient(to top, #f5f7f5, transparent);
z-index: 1;
}
.shale-media-page__hero-inner {
position: relative;
z-index: 2;
max-width: 700px;
}
.shale-media-page__title {
color: #fff !important;
font-family: 'Roboto Slab', serif;
font-size: 2.8em;
font-weight: 700;
margin: 0 0 12px;
text-shadow: 0 2px 20px rgba(0,0,0,.3);
letter-spacing: -0.02em;
line-height: 1.2;
}
.shale-media-page__sub {
color: rgba(255,255,255,.75);
font-size: 1.15em;
font-weight: 300;
margin: 0;
letter-spacing: 0.02em;
}
/* --- Body / blocks container --- */
.shale-media-page__body {
max-width: 1100px;
margin: 0 auto;
padding: 40px 24px 80px;
}
.shale-media-page__body .blocks {
display: flex;
flex-direction: column;
gap: 0;
}
/* --- Override ugly old backgrounds --- */
.shale-media-page__body .block-wrapper {
background: none !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
}
.shale-media-page__body .block-wrapper .wrapper {
padding: 0 !important;
max-width: 100% !important;
}
/* --- Video section headers --- */
.shale-media-page__body .block-header {
margin-top: 48px !important;
margin-bottom: 8px !important;
}
.shale-media-page__body .block-header:first-child {
margin-top: 0 !important;
}
.shale-media-page__body .block-header .title {
font-family: 'Roboto Slab', serif !important;
font-size: 1.5em !important;
font-weight: 700 !important;
color: #1a3a2a !important;
margin: 0 !important;
padding: 0 0 12px !important;
position: relative !important;
display: inline-block !important;
}
.shale-media-page__body .block-header .title::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 50px;
height: 3px;
border-radius: 2px;
background: linear-gradient(90deg, #40916c, #52b788);
}
/* --- YouTube video cards --- */
.shale-media-page__body .block-youtube {
margin-bottom: 32px !important;
perspective: 1000px;
}
.shale-media-page__body .block-youtube > .wrapper {
background: #fff !important;
border-radius: 16px !important;
box-shadow: 0 4px 24px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.04) !important;
overflow: hidden !important;
transition: transform 0.4s cubic-bezier(.23,1,.32,1), box-shadow 0.4s ease !important;
padding: 0 !important;
}
.shale-media-page__body .block-youtube > .wrapper:hover {
transform: translateY(-4px) !important;
box-shadow: 0 12px 40px rgba(0,0,0,.1), 0 2px 8px rgba(0,0,0,.06) !important;
}
.shale-media-page__body .block-youtube .yt-iframe {
border-radius: 16px !important;
overflow: hidden !important;
}
/* --- Content blocks (text descriptions) --- */
.shale-media-page__body .block-columns {
margin-bottom: 24px !important;
}
.shale-media-page__body .block-columns .content {
background: #fff !important;
border-radius: 12px !important;
padding: 20px 24px !important;
box-shadow: 0 2px 12px rgba(0,0,0,.04) !important;
font-size: 1.05em !important;
line-height: 1.7 !important;
color: #2d2d2d !important;
}
/* --- Decorative floating dots animation --- */
.shale-media-page__hero-inner::before {
content: '🎬';
position: absolute;
top: -40px;
left: -60px;
font-size: 2em;
opacity: 0.2;
animation: shaleMediaFloat 6s ease-in-out infinite;
}
.shale-media-page__hero-inner::after {
content: '🎨';
position: absolute;
bottom: -40px;
right: -60px;
font-size: 2em;
opacity: 0.2;
animation: shaleMediaFloat 6s ease-in-out infinite reverse;
}
@keyframes shaleMediaFloat {
0%, 100% { transform: translateY(0) rotate(0deg); }
50% { transform: translateY(-15px) rotate(8deg); }
}
/* --- Grid layout for adjacent video blocks (2-col on desktop) --- */
@media (min-width: 900px) {
.shale-media-page__body {
padding: 60px 24px 100px;
}
.shale-media-page__hero {
min-height: 320px;
padding: 100px 24px 80px;
}
.shale-media-page__title {
font-size: 3.2em;
}
}
@media (max-width: 600px) {
.shale-media-page__hero {
padding: 60px 16px 48px;
min-height: 200px;
}
.shale-media-page__title {
font-size: 1.8em;
}
.shale-media-page__sub {
font-size: 0.95em;
}
.shale-media-page__body {
padding: 24px 12px 60px;
}
.shale-media-page__body .block-youtube > .wrapper {
border-radius: 12px !important;
}
.shale-media-page__body .block-header {
margin-top: 32px !important;
}
.shale-media-page__body .block-header .title {
font-size: 1.2em !important;
}
}
/* --- Remove old page-title for media pages --- */
.shale-media-page .page-title {
display: none !important;
}
/* --- Smooth play icon overlay on video cards --- */
.shale-media-page__body .block-youtube > .wrapper::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 64px;
height: 64px;
margin: -32px 0 0 -32px;
background: rgba(255,255,255,.85);
border-radius: 50%;
z-index: 10;
pointer-events: none;
opacity: 0;
transform: scale(0.8);
transition: opacity 0.3s, transform 0.3s;
box-shadow: 0 4px 20px rgba(0,0,0,.15);
}
.shale-media-page__body .block-youtube > .wrapper:hover::before {
opacity: 0;
}
/* --- Override any old striped/patterned backgrounds --- */
body[id*="page-id-page-video"] .header-dummy + div,
body[id*="page-id-page-video"] {
background: #f5f7f5 !important;
}
/* --- Scrollbar for page --- */
.shale-media-page::-webkit-scrollbar {
width: 6px;
}
.shale-media-page::-webkit-scrollbar-track {
background: #f5f7f5;
}
.shale-media-page::-webkit-scrollbar-thumb {
background: #40916c;
border-radius: 3px;
}
/* ============================================================
SHALE TEAM SECTION — «Наши педагоги»
Modern teacher cards with animations
============================================================ */
.shale-team-reveal {
opacity: 0;
transform: translateY(36px);
transition: opacity .7s cubic-bezier(.23,1,.32,1), transform .7s cubic-bezier(.23,1,.32,1);
}
.shale-team-reveal.is-vis {
opacity: 1;
transform: translateY(0);
}
.shale-team {
background: linear-gradient(180deg, #f5f7f5 0%, #eef3ee 100%);
padding: 80px 24px 100px;
overflow: hidden;
}
/* --- Header --- */
.shale-team__header {
text-align: center;
max-width: 640px;
margin: 0 auto 56px;
}
.shale-team__badge {
display: inline-block;
background: linear-gradient(135deg, #40916c, #52b788);
color: #fff;
font-size: .75em;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
padding: 6px 18px;
border-radius: 20px;
margin-bottom: 16px;
}
.shale-team__title {
font-family: 'Roboto Slab', serif;
font-size: 2.6em;
font-weight: 700;
color: #1a3a2a;
margin: 0 0 14px;
line-height: 1.15;
}
.shale-team__sub {
font-size: 1.1em;
color: #5a6b5a;
line-height: 1.6;
margin: 0;
}
/* --- Card grid --- */
.shale-team__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 32px;
max-width: 1100px;
margin: 0 auto;
}
/* --- Individual card --- */
.shale-team__card {
background: #fff;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 4px 24px rgba(0,0,0,.06);
transition: transform .4s cubic-bezier(.23,1,.32,1), box-shadow .4s ease;
display: flex;
flex-direction: column;
}
.shale-team__card:hover {
transform: translateY(-6px);
box-shadow: 0 16px 48px rgba(0,0,0,.1);
}
/* --- Photo area --- */
.shale-team__card-photo {
position: relative;
width: 100%;
aspect-ratio: 1;
overflow: hidden;
background: linear-gradient(135deg, #e8f0e8, #d5e5d5);
}
.shale-team__card-photo img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .6s cubic-bezier(.23,1,.32,1);
}
.shale-team__card:hover .shale-team__card-photo img {
transform: scale(1.06);
}
.shale-team__card-ring {
position: absolute;
bottom: -2px;
left: 0;
right: 0;
height: 30px;
background: #fff;
border-radius: 20px 20px 0 0;
}
/* --- Body / text area --- */
.shale-team__card-body {
padding: 0 24px 28px;
flex: 1;
display: flex;
flex-direction: column;
}
.shale-team__card-role {
display: inline-block;
background: rgba(64,145,108,.1);
color: #2d6a4f;
font-size: .78em;
font-weight: 600;
padding: 4px 12px;
border-radius: 12px;
margin-bottom: 10px;
align-self: flex-start;
}
.shale-team__card-name {
font-family: 'Roboto Slab', serif;
font-size: 1.2em;
font-weight: 700;
color: #1a3a2a;
margin: 0 0 10px;
line-height: 1.3;
}
.shale-team__card-text {
font-size: .92em;
line-height: 1.65;
color: #4a5a4a;
flex: 1;
max-height: 90px;
overflow: hidden;
position: relative;
transition: max-height .5s cubic-bezier(.23,1,.32,1);
}
.shale-team__card-text::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50px;
background: linear-gradient(to top, #fff, transparent);
pointer-events: none;
transition: opacity .3s;
}
.shale-team__card.is-expanded .shale-team__card-text {
max-height: 1000px;
}
.shale-team__card.is-expanded .shale-team__card-text::after {
opacity: 0;
}
/* --- Toggle button --- */
.shale-team__card-toggle {
background: none;
border: none;
color: #40916c;
font-size: .88em;
font-weight: 600;
cursor: pointer;
padding: 8px 0 0;
margin-top: 4px;
text-align: left;
transition: color .2s;
}
.shale-team__card-toggle:hover {
color: #2d6a4f;
}
.shale-team__card-toggle-less {
display: none;
}
.shale-team__card.is-expanded .shale-team__card-toggle-more {
display: none;
}
.shale-team__card.is-expanded .shale-team__card-toggle-less {
display: inline;
}
/* --- Responsive --- */
@media (max-width: 900px) {
.shale-team {
padding: 60px 16px 70px;
}
.shale-team__title {
font-size: 2em;
}
.shale-team__grid {
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 24px;
}
}
@media (max-width: 520px) {
.shale-team {
padding: 48px 12px 56px;
}
.shale-team__title {
font-size: 1.6em;
}
.shale-team__sub {
font-size: .95em;
}
.shale-team__grid {
grid-template-columns: 1fr;
gap: 20px;
}
.shale-team__card-body {
padding: 0 20px 24px;
}
}
/* --- Override old team styles --- */
.main_section.about.pt-50.pb-50#team {
display: none !important;
}
/* ============================================================
SKELETON LOADERS — shimmer placeholders for heavy content
============================================================ */
@keyframes shaleShimmer {
0% { background-position: -600px 0; }
100% { background-position: 600px 0; }
}
.shale-skeleton {
position: relative;
overflow: hidden;
background: linear-gradient(90deg, #e8ece8 0%, #f4f8f4 40%, #e8ece8 80%);
background-size: 600px 100%;
animation: shaleShimmer 1.8s infinite linear;
}
/* --- Skeleton icon in center --- */
.shale-skeleton__icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
z-index: 2;
}
.shale-skeleton__icon svg {
width: 48px;
height: 48px;
fill: #c0cfc0;
opacity: .7;
}
.shale-skeleton__icon span {
font-size: .82em;
color: #a0b0a0;
font-weight: 500;
letter-spacing: .02em;
}
/* --- YouTube skeleton --- */
.shale-skel-yt {
position: absolute;
inset: 0;
z-index: 1;
border-radius: inherit;
background: linear-gradient(90deg, #e8ece8 0%, #f4f8f4 40%, #e8ece8 80%);
background-size: 600px 100%;
animation: shaleShimmer 1.8s infinite linear;
transition: opacity .4s ease;
pointer-events: none;
}
.shale-skel-yt.is-loaded {
opacity: 0;
}
.shale-skel-yt .shale-skeleton__icon svg {
width: 56px;
height: 56px;
fill: #b0c8b0;
}
/* --- Map skeleton --- */
.shale-skel-map {
position: absolute;
inset: 0;
z-index: 5;
border-radius: inherit;
background: linear-gradient(90deg, #e0eae0 0%, #f0f6f0 40%, #e0eae0 80%);
background-size: 600px 100%;
animation: shaleShimmer 1.8s infinite linear;
transition: opacity .5s ease;
pointer-events: none;
}
.shale-skel-map.is-loaded {
opacity: 0;
pointer-events: none;
}
/* --- Map skeleton fake elements --- */
.shale-skel-map__roads {
position: absolute;
inset: 0;
overflow: hidden;
opacity: .25;
}
.shale-skel-map__road {
position: absolute;
background: #c0d4c0;
border-radius: 2px;
}
.shale-skel-map__road:nth-child(1) { top: 30%; left: 0; right: 0; height: 3px; }
.shale-skel-map__road:nth-child(2) { top: 55%; left: 0; right: 0; height: 2px; }
.shale-skel-map__road:nth-child(3) { left: 25%; top: 0; bottom: 0; width: 3px; }
.shale-skel-map__road:nth-child(4) { left: 60%; top: 0; bottom: 0; width: 2px; }
.shale-skel-map__road:nth-child(5) { top: 75%; left: 10%; right: 20%; height: 2px; transform: rotate(-8deg); }
/* --- Override old yt-iframe silver background --- */
.yt-iframe {
background: transparent !important;
overflow: hidden;
border-radius: 12px;
}
/* --- Ensure skeleton fills yt-iframe correctly --- */
.yt-iframe .shale-skel-yt {
border-radius: 12px;
}
/* --- Also make shale-loc__map relative for skeleton --- */
.shale-loc__map {
position: relative !important;
}
/* ============================================================
TELEGRAM SHARE BUTTON — replaces old social share buttons
============================================================ */
.shale-tg-share {
margin: 24px 0;
text-align: center;
}
.shale-tg-share__btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 12px 28px;
border-radius: 50px;
background: linear-gradient(135deg, #0088cc, #229ED9);
color: #fff !important;
font-size: .95em;
font-weight: 600;
text-decoration: none !important;
box-shadow: 0 4px 16px rgba(0,136,204,.25);
transition: transform .3s cubic-bezier(.23,1,.32,1), box-shadow .3s ease;
}
.shale-tg-share__btn:hover {
transform: translateY(-3px);
box-shadow: 0 8px 28px rgba(0,136,204,.35);
color: #fff !important;
}
.shale-tg-share__btn:active {
transform: translateY(-1px);
}
.shale-tg-share__btn svg {
flex-shrink: 0;
}
/* Override old share styles */
.shale-ap__share {
display: none !important;
}
ul.social {
display: none !important;
}
/* ============================================================
GLOBAL REVEAL ANIMATION — for all main page sections
============================================================ */
.shale-greveal {
opacity: 0;
transform: translateY(36px);
transition: opacity .75s cubic-bezier(.23,1,.32,1), transform .75s cubic-bezier(.23,1,.32,1);
}
.shale-greveal.is-vis {
opacity: 1;
transform: translateY(0);
}
/* ============================================================
REVIEWS SECTION — modern testimonial cards
============================================================ */
.shale-reviews {
background: linear-gradient(180deg, #f5f7f5 0%, #eef3ee 100%);
padding: 80px 24px 100px;
overflow: hidden;
}
.shale-reviews__inner {
max-width: 1100px;
margin: 0 auto;
}
/* --- Header --- */
.shale-reviews__header {
text-align: center;
margin-bottom: 48px;
}
.shale-reviews__badge {
display: inline-block;
background: linear-gradient(135deg, #40916c, #52b788);
color: #fff;
font-size: .75em;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
padding: 6px 18px;
border-radius: 20px;
margin-bottom: 14px;
}
.shale-reviews__title {
font-family: 'Roboto Slab', serif;
font-size: 2.4em;
font-weight: 700;
color: #1a3a2a;
margin: 0 0 10px;
}
.shale-reviews__sub {
font-size: 1.05em;
color: #5a6b5a;
margin: 0;
}
/* --- Card grid --- */
.shale-reviews__cards {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 24px;
}
/* --- Individual card --- */
.shale-reviews__card {
background: #fff;
border-radius: 16px;
padding: 28px 24px 24px;
box-shadow: 0 4px 20px rgba(0,0,0,.05);
display: flex;
flex-direction: column;
transition: transform .4s cubic-bezier(.23,1,.32,1), box-shadow .4s;
position: relative;
}
.shale-reviews__card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 36px rgba(0,0,0,.08);
}
.shale-reviews__card-quote {
margin-bottom: 12px;
}
.shale-reviews__card-text {
flex: 1;
font-size: .95em;
line-height: 1.65;
color: #3a4a3a;
margin-bottom: 18px;
}
.shale-reviews__card-text p {
margin: 0;
}
.shale-reviews__card-footer {
display: flex;
align-items: center;
gap: 12px;
border-top: 1px solid #eef3ee;
padding-top: 14px;
}
.shale-reviews__card-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
background: linear-gradient(135deg, #40916c, #52b788);
color: #fff;
font-weight: 700;
font-size: 1.1em;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.shale-reviews__card-name {
font-weight: 600;
color: #1a3a2a;
font-size: .92em;
}
.shale-reviews__card-date {
font-size: .78em;
color: #999;
}
/* --- Buttons --- */
.shale-reviews__btns {
display: flex;
justify-content: center;
gap: 16px;
margin-top: 40px;
flex-wrap: wrap;
}
.shale-reviews__btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 32px;
border-radius: 50px;
font-weight: 700;
font-size: .95em;
text-decoration: none;
cursor: pointer;
border: none;
transition: transform .3s cubic-bezier(.23,1,.32,1), box-shadow .3s;
}
.shale-reviews__btn:hover {
transform: translateY(-2px);
}
.shale-reviews__btn.--green {
background: linear-gradient(135deg, #40916c, #52b788);
color: #fff;
box-shadow: 0 4px 16px rgba(64,145,108,.25);
}
.shale-reviews__btn.--green:hover {
box-shadow: 0 8px 28px rgba(64,145,108,.35);
color: #fff;
}
.shale-reviews__btn.--outline {
background: transparent;
color: #40916c;
border: 2px solid #40916c;
}
.shale-reviews__btn.--outline:hover {
background: rgba(64,145,108,.06);
box-shadow: 0 4px 16px rgba(64,145,108,.15);
}
/* --- Hide old reviews styles --- */
.reviews-section.main_section {
display: none !important;
}
/* --- Responsive --- */
@media (max-width: 700px) {
.shale-reviews {
padding: 56px 16px 70px;
}
.shale-reviews__title {
font-size: 1.7em;
}
.shale-reviews__cards {
grid-template-columns: 1fr;
gap: 16px;
}
.shale-reviews__btns {
flex-direction: column;
align-items: center;
}
}
/* ============================================================
GLOBAL SMOOTH SCROLL & SECTION TRANSITIONS
============================================================ */
html {
scroll-behavior: smooth;
}
/* Subtle section separators */
.shale-team,
.shale-reviews,
.shale-loc {
position: relative;
}
.shale-team::before,
.shale-reviews::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 3px;
background: linear-gradient(90deg, transparent, #40916c, transparent);
border-radius: 2px;
}
/* ============================================================
REVIEW CARDS — CSS-only entrance animation (works after AJAX)
============================================================ */
@keyframes shaleRvCardIn {
from { opacity: 0; transform: translateY(24px); }
to { opacity: 1; transform: translateY(0); }
}
.shale-rv-card {
animation: shaleRvCardIn .6s cubic-bezier(.23,1,.32,1) both;
}
/* Fix: reviews grid - show more, wider cards */
.shale-reviews__cards {
grid-template-columns: 1fr !important;
gap: 20px !important;
}
@media (min-width: 700px) {
.shale-reviews__cards {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (min-width: 1000px) {
.shale-reviews__cards {
grid-template-columns: repeat(3, 1fr) !important;
}
}
/* Card text - show all, no truncation */
.shale-reviews__card-text {
font-size: .95em !important;
line-height: 1.7 !important;
max-height: none !important;
overflow: visible !important;
}
.shale-reviews__card-text p {
margin: 0 0 8px !important;
}
.shale-reviews__card-text p:last-child {
margin-bottom: 0 !important;
}
/* Review load more loading state */
.shale-reviews__btn.is-loading {
pointer-events: none;
opacity: .6;
}
.shale-reviews__btn.is-loading::after {
content: '...';
animation: shaleDots 1s steps(3,end) infinite;
}
@keyframes shaleDots {
0% { content: '.'; }
33% { content: '..'; }
66% { content: '...'; }
}
/* ============================================================
REVIEWS — Compact cards with truncation + expand
============================================================ */
/* Override old text rules — clamp to ~4 lines */
.shale-reviews__card-text {
font-size: .9em !important;
line-height: 1.6 !important;
max-height: 6.4em !important; /* 4 lines × 1.6em */
overflow: hidden !important;
position: relative !important;
transition: max-height .4s ease !important;
}
.shale-reviews__card-text::after {
content: '';
position: absolute;
bottom: 0; left: 0; right: 0;
height: 2em;
background: linear-gradient(transparent, #fff);
pointer-events: none;
transition: opacity .3s;
}
/* Expanded state */
.shale-reviews__card.is-open .shale-reviews__card-text {
max-height: 800px !important;
}
.shale-reviews__card.is-open .shale-reviews__card-text::after {
opacity: 0;
}
/* Toggle button */
.shale-rv-toggle {
display: inline-flex;
align-items: center;
gap: 4px;
background: none;
border: none;
cursor: pointer;
font-size: .82em;
font-weight: 600;
color: #40916c;
padding: 4px 0 8px;
transition: color .2s;
}
.shale-rv-toggle:hover { color: #2d6a4f; }
.shale-rv-toggle__less { display: none; }
.shale-reviews__card.is-open .shale-rv-toggle__more { display: none; }
.shale-reviews__card.is-open .shale-rv-toggle__less { display: inline; }
/* Card tweaks for compactness */
.shale-reviews__card {
padding: 20px !important;
}
.shale-reviews__card-quote {
margin-bottom: 6px !important;
}
/* Grid: 2 cols on medium, 3 on desktop */
.shale-reviews__cards {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
@media (min-width: 640px) {
.shale-reviews__cards {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (min-width: 1000px) {
.shale-reviews__cards {
grid-template-columns: repeat(3, 1fr) !important;
}
}
/* ============================================================
Telegram buttons — replace WA styling everywhere
============================================================ */
/* Hero banner Telegram button */
.shale-hero__btn--tg {
background: #0088cc !important;
color: #fff !important;
border-color: #0088cc !important;
}
.shale-hero__btn--tg:hover {
background: #006daa !important;
border-color: #006daa !important;
}
.shale-hero__btn--tg svg {
width: 22px; height: 22px; fill: #fff;
}
/* Hide old WA styling */
.shale-hero__btn--wa,
.shale-ev__btn--wa,
.shale-ap__cta-btn--wa,
.shale-loc__btn.--wa,
.wapp-button { display: none !important; }
/* Events card Telegram button */
.shale-ev__btn--tg {
background: #0088cc !important;
color: #fff !important;
border-radius: 50% !important;
width: 36px !important; height: 36px !important;
display: inline-flex !important; align-items: center; justify-content: center;
padding: 0 !important;
transition: background .2s, transform .2s;
}
.shale-ev__btn--tg:hover {
background: #006daa !important;
transform: scale(1.1);
}
.shale-ev__btn--tg svg {
width: 18px; height: 18px; fill: #fff;
}
/* Location block Telegram button */
.shale-loc__btn.--tg {
background: #0088cc !important;
color: #fff !important;
border-color: #0088cc !important;
}
.shale-loc__btn.--tg:hover {
background: #006daa !important;
border-color: #006daa !important;
}
.shale-loc__btn.--tg svg {
width: 18px; height: 18px; fill: #fff;
}
/* Activity page CTA Telegram button */
.shale-ap__cta-btn--tg {
background: #0088cc !important;
color: #fff !important;
border-radius: 50% !important;
width: 48px !important; height: 48px !important;
display: inline-flex !important; align-items: center; justify-content: center;
padding: 0 !important;
transition: background .2s, transform .2s;
}
.shale-ap__cta-btn--tg:hover {
background: #006daa !important;
transform: scale(1.1);
}
.shale-ap__cta-btn--tg svg {
width: 24px; height: 24px; fill: #fff;
}
/* Small inline Telegram button (replaces wapp-link-inline) */
.shale-tg-share__btn-sm {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 36px; height: 36px;
border-radius: 50%;
background: #0088cc;
color: #fff !important;
transition: background .2s, transform .2s;
vertical-align: middle;
margin-left: 8px;
}
.shale-tg-share__btn-sm:hover {
background: #006daa;
transform: scale(1.1);
}
.shale-tg-share__btn-sm svg { fill: #fff; }
/* Hide any remaining old WA inline buttons */
.wapp-link-inline { display: none !important; }
/* ============================================================
NEW FOOTER — shale-footer
============================================================ */
.shale-footer {
position: relative;
background: #1a1a2e;
color: rgba(255,255,255,.85);
font-size: 15px;
line-height: 1.7;
}
.shale-footer a { color: rgba(255,255,255,.85); text-decoration: none; transition: color .2s; }
.shale-footer a:hover { color: #52b788; }
/* Wave divider */
.shale-footer__wave {
position: absolute; top: -30px; left: 0; right: 0; height: 32px;
color: #1a1a2e; pointer-events: none;
}
.shale-footer__wave svg { display: block; width: 100%; height: 100%; }
.shale-footer__inner {
max-width: 1140px; margin: 0 auto; padding: 60px 24px 0;
}
/* 3-column grid */
.shale-footer__grid {
display: grid;
grid-template-columns: 1.3fr 1fr 1fr;
gap: 48px;
}
/* Brand column */
.shale-footer__brand { display: flex; flex-direction: column; gap: 16px; }
.shale-footer__logo svg {
width: 80px; height: 80px; fill: #fff; opacity: .9;
}
.shale-footer__tagline {
font-size: .92em; color: rgba(255,255,255,.6); margin: 0;
}
.shale-footer__tg {
display: inline-flex; align-items: center; gap: 8px;
background: #0088cc; color: #fff !important; padding: 10px 20px;
border-radius: 10px; font-weight: 600; font-size: .9em;
transition: background .2s, transform .2s;
align-self: flex-start;
}
.shale-footer__tg:hover { background: #006daa; transform: translateY(-2px); }
.shale-footer__tg svg { width: 20px; height: 20px; flex-shrink: 0; }
/* Headings */
.shale-footer__heading {
font-size: 1em; font-weight: 700; color: #fff;
margin: 0 0 16px; text-transform: uppercase; letter-spacing: .05em;
position: relative; padding-bottom: 10px;
}
.shale-footer__heading::after {
content: ''; position: absolute; bottom: 0; left: 0;
width: 32px; height: 3px; border-radius: 2px;
background: linear-gradient(90deg, #52b788, #40916c);
}
/* Links list */
.shale-footer__links {
list-style: none; margin: 0; padding: 0;
}
.shale-footer__links li { margin-bottom: 10px; }
.shale-footer__links a {
font-size: .93em; position: relative; padding-left: 14px;
}
.shale-footer__links a::before {
content: ''; position: absolute; left: 0; top: 50%;
width: 5px; height: 5px; border-radius: 50%;
background: #52b788; transform: translateY(-50%);
}
/* Contacts list */
.shale-footer__contacts {
list-style: none; margin: 0; padding: 0;
}
.shale-footer__contacts li {
display: flex; align-items: flex-start; gap: 10px;
margin-bottom: 14px; font-size: .93em;
}
.shale-footer__contacts svg {
width: 18px; height: 18px; fill: #52b788; flex-shrink: 0; margin-top: 3px;
}
/* Bottom bar */
.shale-footer__bottom {
margin-top: 40px; padding: 20px 0;
border-top: 1px solid rgba(255,255,255,.1);
display: flex; flex-wrap: wrap; gap: 8px 24px;
font-size: .82em; color: rgba(255,255,255,.45);
}
.shale-footer__bottom a { color: rgba(255,255,255,.55); text-decoration: underline; }
.shale-footer__bottom a:hover { color: #52b788; }
/* Hide old footer */
footer.footer { display: none !important; }
/* Responsive */
@media (max-width: 800px) {
.shale-footer__grid {
grid-template-columns: 1fr;
gap: 32px;
text-align: center;
}
.shale-footer__brand { align-items: center; }
.shale-footer__tg { align-self: center; }
.shale-footer__heading::after { left: 50%; transform: translateX(-50%); }
.shale-footer__links a { padding-left: 0; }
.shale-footer__links a::before { display: none; }
.shale-footer__contacts li { justify-content: center; }
.shale-footer__bottom { justify-content: center; text-align: center; }
}
/* ============================================================
VIDEO PAGE — fixes: no emojis, 2-col grid, cross-links
============================================================ */
/* Remove emoji decorations */
.shale-media-page__hero-inner::before { content: '' !important; display: none !important; }
.shale-media-page__hero-inner::after { content: '' !important; display: none !important; }
/* Video blocks — 2-column masonry-like grid */
.shale-media-page__body .blocks {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 24px !important;
}
/* Headers span full width */
.shale-media-page__body .block-header {
grid-column: 1 / -1 !important;
margin-top: 32px !important;
margin-bottom: 0 !important;
}
.shale-media-page__body .block-header:first-child {
margin-top: 0 !important;
}
/* YouTube cards fill one column */
.shale-media-page__body .block-youtube {
margin-bottom: 0 !important;
}
.shale-media-page__body .block-youtube > .wrapper {
height: 100%;
}
/* Text/columns blocks span full width */
.shale-media-page__body .block-columns {
grid-column: 1 / -1 !important;
}
/* Mobile: single column */
@media (max-width: 700px) {
.shale-media-page__body .blocks {
grid-template-columns: 1fr !important;
}
}
/* Cross-links bar */
.shale-vpage-links {
max-width: 1100px;
margin: 0 auto;
padding: 0 24px 60px;
}
.shale-vpage-links__title {
font-family: 'Roboto Slab', serif;
font-size: 1.4em;
font-weight: 700;
color: #1a3a2a;
margin: 0 0 20px;
position: relative;
padding-bottom: 12px;
}
.shale-vpage-links__title::after {
content: '';
position: absolute; bottom: 0; left: 0;
width: 40px; height: 3px; border-radius: 2px;
background: linear-gradient(90deg, #40916c, #52b788);
}
.shale-vpage-links__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 16px;
}
.shale-vpage-link {
display: flex; align-items: center; gap: 14px;
padding: 16px 20px;
background: #fff;
border-radius: 14px;
box-shadow: 0 2px 12px rgba(0,0,0,.05);
text-decoration: none !important;
color: #2d2d2d !important;
transition: transform .3s, box-shadow .3s;
}
.shale-vpage-link:hover {
transform: translateY(-3px);
box-shadow: 0 8px 28px rgba(0,0,0,.1);
color: #40916c !important;
}
.shale-vpage-link__icon {
width: 42px; height: 42px; border-radius: 10px;
display: flex; align-items: center; justify-content: center;
flex-shrink: 0;
}
.shale-vpage-link__icon svg { width: 22px; height: 22px; fill: #fff; }
.shale-vpage-link__icon.--green { background: linear-gradient(135deg, #40916c, #52b788); }
.shale-vpage-link__icon.--blue { background: linear-gradient(135deg, #0077b6, #00b4d8); }
.shale-vpage-link__icon.--warm { background: linear-gradient(135deg, #e07a5f, #f2cc8f); }
.shale-vpage-link__text {
font-size: .95em; font-weight: 600; line-height: 1.3;
}
.shale-vpage-link__sub {
font-size: .8em; font-weight: 400; color: #888; margin-top: 2px;
}
/* ============================================================
SP2 — Sidebar Pages v2 (open, modern, no boxes)
============================================================ */
/* Hide old shale-page layout */
.shale-page { display: none !important; }
.sp2 { min-height: 80vh; background: #fafcfa; padding-bottom: 0; }
/* --- Hero --- */
.sp2__hero {
background: linear-gradient(135deg, #1a3a2a 0%, #0d1b2a 100%);
padding: 110px 0 56px;
position: relative; overflow: hidden;
}
.sp2__hero-bg {
position: absolute; inset: 0;
background: radial-gradient(circle at 30% 20%, rgba(82,183,136,.15) 0%, transparent 60%),
radial-gradient(circle at 80% 80%, rgba(0,136,204,.08) 0%, transparent 50%);
}
.sp2__hero-inner {
max-width: 1200px; margin: 0 auto; padding: 0 28px;
position: relative; z-index: 1;
}
.sp2__h1 {
font: 700 2.4em/1.15 'Roboto Slab', serif;
color: #fff; margin: 12px 0 0;
text-shadow: 0 2px 12px rgba(0,0,0,.2);
}
.sp2__crumbs {
display: flex; flex-wrap: wrap; gap: 6px;
font-size: .85em; color: rgba(255,255,255,.55);
}
.sp2__crumbs a { color: rgba(255,255,255,.7); text-decoration: none; transition: color .2s; }
.sp2__crumbs a:hover { color: #52b788; }
.sp2__crumbs-sep { color: rgba(255,255,255,.3); }
.sp2__crumbs-cur { color: rgba(255,255,255,.45); }
/* --- Body grid --- */
.sp2__body {
max-width: 1200px; margin: -28px auto 0; padding: 0 28px;
display: grid; grid-template-columns: 280px 1fr; gap: 36px;
position: relative; z-index: 2;
}
/* --- Sidebar nav --- */
.sp2__side { position: sticky; top: 80px; align-self: start; }
.sp2__nav {
border-radius: 16px;
overflow: hidden;
background: #fff;
box-shadow: 0 2px 16px rgba(0,0,0,.06);
}
.sp2__nav-head {
display: flex; align-items: center; gap: 10px;
padding: 16px 20px; font-weight: 700; font-size: .9em;
color: #1a3a2a; background: linear-gradient(135deg, #e8f5e9, #f1f8e9);
border-bottom: 1px solid #e0e8e0;
}
.sp2__nav-head svg { width: 18px; height: 18px; fill: #40916c; flex-shrink: 0; }
/* Override old sidebar-menu inside sp2 */
.sp2__nav .sidebar-menu {
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
.sp2__nav .sidebar-menu > li > a {
padding: 12px 20px !important;
font-size: .88em !important;
border-left: 3px solid transparent !important;
}
.sp2__nav .sidebar-menu > li > a:hover {
background: #f5faf5 !important;
color: #2e7d32 !important;
border-left-color: #52b788 !important;
}
.sp2__nav .sidebar-menu a.active {
background: linear-gradient(90deg, #40916c, #52b788) !important;
color: #fff !important; font-weight: 600 !important;
border-left-color: transparent !important;
}
.sp2__nav .sidebar-menu .treeview-menu > li > a {
padding: 9px 20px 9px 36px !important;
font-size: .84em !important;
}
/* Telegram button under sidebar */
.sp2__side-tg {
display: flex; align-items: center; justify-content: center; gap: 8px;
margin-top: 16px; padding: 12px 18px;
background: #0088cc; color: #fff !important;
border-radius: 12px; font-weight: 600; font-size: .88em;
text-decoration: none !important;
transition: background .2s, transform .2s;
}
.sp2__side-tg:hover { background: #006daa; transform: translateY(-2px); }
.sp2__side-tg svg { width: 18px; height: 18px; flex-shrink: 0; }
/* --- Main content (NO box, open feel) --- */
.sp2__main {
padding: 36px 0 60px;
min-height: 400px;
}
.sp2__main h1, .sp2__main h2, .sp2__main h3 {
font-family: 'Roboto Slab', serif;
color: #1a3a2a;
}
.sp2__main h1 { font-size: 1.5em; margin: 0 0 20px; font-weight: 700; }
.sp2__main h2 {
font-size: 1.25em; margin: 32px 0 14px; font-weight: 700;
padding-bottom: 10px; position: relative;
border-bottom: 2px solid #e8f5e9;
}
.sp2__main h3 { font-size: 1.05em; margin: 20px 0 10px; font-weight: 600; }
.sp2__main p { font-size: .95em; line-height: 1.8; color: #444; margin: 0 0 16px; }
.sp2__main img { max-width: 100%; height: auto; border-radius: 12px; margin: 12px 0; }
.sp2__main ul, .sp2__main ol { padding-left: 22px; margin: 0 0 16px; }
.sp2__main li { font-size: .95em; line-height: 1.7; color: #444; margin-bottom: 6px; }
.sp2__main a { color: #2e7d32; text-decoration-color: rgba(46,125,50,.3); transition: text-decoration-color .2s; }
.sp2__main a:hover { text-decoration-color: #2e7d32; }
.sp2__main table { width: 100%; border-collapse: collapse; margin: 16px 0; }
.sp2__main table th, .sp2__main table td {
padding: 10px 14px; border: 1px solid #eee; font-size: .92em; text-align: left;
}
.sp2__main table th { background: #f5faf5; font-weight: 600; color: #333; }
.sp2__main strong { color: #1a3a2a; }
.sp2__main em { color: #666; }
/* Old content-sidebar class */
.sp2__main .content-sidebar .block-wrapper {
background: none !important; border: none !important; padding: 0 !important;
}
.sp2__main .content-sidebar .wrapper { padding: 0 !important; max-width: 100% !important; }
/* --- Cross-links --- */
.sp2__xlinks {
max-width: 1200px; margin: 0 auto;
padding: 48px 28px 64px;
border-top: 1px solid #e8ede8;
}
.sp2__xlinks-title {
font: 700 1.3em/1.2 'Roboto Slab', serif;
color: #1a3a2a; margin: 0 0 24px;
position: relative; padding-bottom: 12px;
}
.sp2__xlinks-title::after {
content: ''; position: absolute; bottom: 0; left: 0;
width: 40px; height: 3px; border-radius: 2px;
background: linear-gradient(90deg, #40916c, #52b788);
}
.sp2__xlinks-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 16px;
}
.sp2__xlink {
display: flex; align-items: center; gap: 14px;
padding: 18px 20px; background: #fff;
border-radius: 14px;
box-shadow: 0 2px 12px rgba(0,0,0,.04);
text-decoration: none !important; color: #333 !important;
transition: transform .3s, box-shadow .3s;
}
.sp2__xlink:hover {
transform: translateY(-3px);
box-shadow: 0 8px 28px rgba(0,0,0,.09);
}
.sp2__xlink-ico {
width: 44px; height: 44px; border-radius: 12px;
display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.sp2__xlink-ico svg { width: 22px; height: 22px; fill: #fff; }
.sp2__xlink-ico.--green { background: linear-gradient(135deg, #40916c, #52b788); }
.sp2__xlink-ico.--blue { background: linear-gradient(135deg, #0077b6, #00b4d8); }
.sp2__xlink-ico.--warm { background: linear-gradient(135deg, #e07a5f, #f2cc8f); }
.sp2__xlink-ico.--purple { background: linear-gradient(135deg, #7b2cbf, #c77dff); }
.sp2__xlink-name { display: block; font-size: .95em; font-weight: 600; line-height: 1.3; }
.sp2__xlink-desc { display: block; font-size: .8em; color: #888; margin-top: 2px; }
/* --- Animations --- */
.sp2__reveal {
opacity: 0; transform: translateY(20px);
transition: opacity .6s ease, transform .6s ease;
}
.sp2__reveal.is-vis { opacity: 1; transform: translateY(0); }
/* --- Responsive --- */
@media (max-width: 960px) {
.sp2__body { grid-template-columns: 1fr; gap: 20px; }
.sp2__side { position: static; }
.sp2__nav { border-radius: 12px; }
.sp2__h1 { font-size: 1.8em; }
.sp2__main { padding: 24px 0 40px; }
}
@media (max-width: 600px) {
.sp2__hero { padding: 90px 0 40px; }
.sp2__h1 { font-size: 1.4em; }
.sp2__body { padding: 0 16px; }
.sp2__xlinks { padding: 32px 16px 48px; }
.sp2__xlinks-grid { grid-template-columns: 1fr; }
}
/* ============================================================
AF2 — Events / Afisha page redesign
============================================================ */
.af2 { background: #fafcfa; }
/* Hero */
.af2__hero {
background: linear-gradient(135deg, #1a3a2a 0%, #0d1b2a 100%);
padding: 110px 0 64px; position: relative; overflow: hidden;
text-align: center;
}
.af2__hero-bg {
position: absolute; inset: 0;
background: radial-gradient(circle at 25% 30%, rgba(82,183,136,.12) 0%, transparent 60%),
radial-gradient(circle at 75% 70%, rgba(0,136,204,.08) 0%, transparent 50%);
}
.af2__hero-inner { position: relative; z-index: 1; max-width: 700px; margin: 0 auto; padding: 0 24px; }
.af2__badge {
display: inline-block; padding: 6px 16px; border-radius: 20px;
background: rgba(82,183,136,.15); color: #52b788;
font-size: .8em; font-weight: 600; letter-spacing: .03em; margin-bottom: 14px;
}
.af2__h1 {
font: 700 2.8em/1.1 'Roboto Slab', serif; color: #fff; margin: 0 0 12px;
text-shadow: 0 2px 12px rgba(0,0,0,.2);
}
.af2__sub { color: rgba(255,255,255,.65); font-size: 1.1em; margin: 0; font-weight: 300; }
/* Body */
.af2__body { max-width: 1160px; margin: 0 auto; padding: 48px 24px 0; }
/* Section heads */
.af2__section-head { margin: 0 0 28px; }
.af2__section-badge {
display: inline-block; padding: 4px 14px; border-radius: 16px;
background: linear-gradient(135deg, #40916c, #52b788); color: #fff;
font-size: .75em; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
margin-bottom: 8px;
}
.af2__section-badge.--past { background: linear-gradient(135deg, #6c757d, #adb5bd); }
.af2__section-title {
font: 700 1.6em/1.2 'Roboto Slab', serif; color: #1a3a2a; margin: 0;
}
/* Grid */
.af2__grid {
display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 24px; margin-bottom: 48px;
}
/* Card */
.af2__card {
background: #fff; border-radius: 18px; overflow: hidden;
box-shadow: 0 2px 16px rgba(0,0,0,.05);
transition: transform .35s cubic-bezier(.23,1,.32,1), box-shadow .35s ease;
display: flex; flex-direction: column;
}
.af2__card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 36px rgba(0,0,0,.1);
}
.af2__card--past { opacity: .85; }
.af2__card--past:hover { opacity: 1; }
/* Card image */
.af2__card-img {
display: block; position: relative; overflow: hidden;
aspect-ratio: 16/10;
}
.af2__card-img img {
width: 100%; height: 100%; object-fit: cover;
transition: transform .5s ease;
}
.af2__card:hover .af2__card-img img { transform: scale(1.05); }
.af2__card-live {
position: absolute; top: 12px; left: 12px;
padding: 5px 12px; border-radius: 8px;
background: linear-gradient(135deg, #40916c, #52b788); color: #fff;
font-size: .75em; font-weight: 700; letter-spacing: .03em;
box-shadow: 0 2px 8px rgba(0,0,0,.15);
}
/* Card body */
.af2__card-body { padding: 20px 22px 22px; flex: 1; display: flex; flex-direction: column; }
.af2__card-date {
display: flex; align-items: center; gap: 6px;
font-size: .82em; color: #888; font-weight: 500; margin-bottom: 8px;
}
.af2__card-date svg { width: 16px; height: 16px; fill: #aaa; flex-shrink: 0; }
.af2__card-title {
font: 700 1.1em/1.3 'Roboto Slab', serif; margin: 0 0 10px;
}
.af2__card-title a { color: #1a3a2a; text-decoration: none; transition: color .2s; }
.af2__card-title a:hover { color: #40916c; }
.af2__card-desc {
font-size: .88em; line-height: 1.6; color: #666; margin-bottom: 16px; flex: 1;
}
/* Card actions */
.af2__card-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: auto; }
.af2__btn {
display: inline-flex; align-items: center; justify-content: center;
padding: 9px 18px; border-radius: 10px;
font-size: .85em; font-weight: 600; text-decoration: none !important;
transition: all .25s ease; cursor: pointer; border: none;
}
.af2__btn--outline {
background: transparent; color: #40916c !important;
border: 1.5px solid #40916c;
}
.af2__btn--outline:hover { background: #40916c; color: #fff !important; }
.af2__btn--green {
background: linear-gradient(135deg, #40916c, #52b788); color: #fff !important;
border: none;
}
.af2__btn--green:hover { background: linear-gradient(135deg, #2d6a4f, #40916c); transform: translateY(-1px); }
.af2__btn-tg {
display: inline-flex; align-items: center; justify-content: center;
width: 36px; height: 36px; border-radius: 50%;
background: #0088cc; transition: background .2s, transform .2s;
}
.af2__btn-tg:hover { background: #006daa; transform: scale(1.1); }
.af2__btn-tg svg { width: 18px; height: 18px; fill: #fff; }
/* Pagination */
.af2__pager { text-align: center; padding: 0 0 48px; }
.af2__pager .pagination {
display: inline-flex; gap: 6px; list-style: none;
padding: 0; margin: 0;
}
.af2__pager .pagination li a,
.af2__pager .pagination li span {
display: flex; align-items: center; justify-content: center;
min-width: 40px; height: 40px; padding: 0 10px;
border-radius: 10px; font-size: .9em; font-weight: 600;
text-decoration: none; color: #555; background: #fff;
box-shadow: 0 2px 8px rgba(0,0,0,.04);
transition: all .2s;
}
.af2__pager .pagination li:not(.active):hover a,
.af2__pager .pagination li:not(.active):hover span {
background: #f0f5f0; color: #40916c;
}
.af2__pager .pagination li.active span {
background: linear-gradient(135deg, #40916c, #52b788);
color: #fff; box-shadow: 0 4px 12px rgba(64,145,108,.3);
}
/* Cross-links — reuse sp2 structure */
.af2__xlinks {
max-width: 1160px; margin: 0 auto; padding: 0 24px 64px;
border-top: 1px solid #e8ede8;
padding-top: 48px;
}
.af2__xlinks-title {
font: 700 1.3em/1.2 'Roboto Slab', serif; color: #1a3a2a;
margin: 0 0 24px; position: relative; padding-bottom: 12px;
}
.af2__xlinks-title::after {
content: ''; position: absolute; bottom: 0; left: 0;
width: 40px; height: 3px; border-radius: 2px;
background: linear-gradient(90deg, #40916c, #52b788);
}
.af2__xlinks-grid {
display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px;
}
.af2__xlink {
display: flex; align-items: center; gap: 14px;
padding: 18px 20px; background: #fff; border-radius: 14px;
box-shadow: 0 2px 12px rgba(0,0,0,.04);
text-decoration: none !important; color: #333 !important;
transition: transform .3s, box-shadow .3s;
}
.af2__xlink:hover { transform: translateY(-3px); box-shadow: 0 8px 28px rgba(0,0,0,.09); }
.af2__xlink-ico {
width: 44px; height: 44px; border-radius: 12px;
display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.af2__xlink-ico svg { width: 22px; height: 22px; fill: #fff; }
.af2__xlink-ico.--green { background: linear-gradient(135deg, #40916c, #52b788); }
.af2__xlink-ico.--warm { background: linear-gradient(135deg, #e07a5f, #f2cc8f); }
.af2__xlink-ico.--purple { background: linear-gradient(135deg, #7b2cbf, #c77dff); }
.af2__xlink-name { display: block; font-size: .95em; font-weight: 600; line-height: 1.3; }
.af2__xlink-desc { display: block; font-size: .8em; color: #888; margin-top: 2px; }
/* Animations */
.af2__reveal {
opacity: 0; transform: translateY(20px);
transition: opacity .6s ease, transform .6s ease;
}
.af2__reveal.is-vis { opacity: 1; transform: translateY(0); }
/* Hide old events styling */
.past-events-section { display: none !important; }
/* Responsive */
@media (max-width: 700px) {
.af2__hero { padding: 90px 0 48px; }
.af2__h1 { font-size: 2em; }
.af2__grid { grid-template-columns: 1fr; gap: 18px; }
.af2__body { padding: 32px 16px 0; }
.af2__xlinks { padding: 32px 16px 48px; }
.af2__xlinks-grid { grid-template-columns: 1fr; }
}
/* ============================================================
EV1 — Single Event page redesign
============================================================ */
.ev1 { background: #fafcfa; }
/* Hero with background photo */
.ev1__hero {
position: relative; min-height: 340px;
display: flex; align-items: flex-end;
padding: 120px 0 48px; overflow: hidden;
}
.ev1__hero-bg {
position: absolute; inset: 0;
background: linear-gradient(135deg, #1a3a2a 0%, #0d1b2a 100%);
}
.ev1__hero-bg img {
width: 100%; height: 100%; object-fit: cover; opacity: .35;
}
.ev1__hero-overlay {
position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(13,27,42,.85) 100%);
}
.ev1__hero-inner {
position: relative; z-index: 1;
max-width: 1200px; margin: 0 auto; padding: 0 28px; width: 100%;
}
.ev1__crumbs {
display: flex; flex-wrap: wrap; gap: 6px;
font-size: .82em; color: rgba(255,255,255,.5); margin-bottom: 16px;
}
.ev1__crumbs a { color: rgba(255,255,255,.7); text-decoration: none; transition: color .2s; }
.ev1__crumbs a:hover { color: #52b788; }
.ev1__crumbs span { color: rgba(255,255,255,.3); }
.ev1__crumbs-cur { color: rgba(255,255,255,.45); }
.ev1__h1 {
font: 700 2.2em/1.15 'Roboto Slab', serif; color: #fff; margin: 0 0 14px;
text-shadow: 0 2px 12px rgba(0,0,0,.3);
}
.ev1__meta { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.ev1__meta-date {
display: flex; align-items: center; gap: 6px;
color: rgba(255,255,255,.75); font-size: .95em; font-weight: 500;
}
.ev1__meta-date svg { width: 18px; height: 18px; fill: #52b788; }
.ev1__meta-badge {
padding: 4px 14px; border-radius: 16px;
background: linear-gradient(135deg, #40916c, #52b788); color: #fff;
font-size: .78em; font-weight: 700; letter-spacing: .03em;
}
.ev1__meta-badge.--past { background: linear-gradient(135deg, #6c757d, #adb5bd); }
/* Body: 2 columns */
.ev1__body {
max-width: 1200px; margin: 0 auto; padding: 40px 28px 0;
display: grid; grid-template-columns: 1fr 320px; gap: 40px;
}
/* Content */
.ev1__content {
min-height: 300px;
}
.ev1__subtitle {
font: 700 1.4em/1.3 'Roboto Slab', serif; color: #1a3a2a; margin: 0 0 20px;
}
.ev1__content h2 { font: 700 1.25em/1.3 'Roboto Slab', serif; color: #1a3a2a; margin: 28px 0 12px; }
.ev1__content h3 { font: 700 1.05em/1.3 'Roboto Slab', serif; color: #333; margin: 20px 0 10px; }
.ev1__content h4 { font: 600 1em/1.3 sans-serif; color: #333; margin: 16px 0 8px; }
.ev1__content p { font-size: .95em; line-height: 1.8; color: #444; margin: 0 0 14px; }
.ev1__content img { max-width: 100%; height: auto; border-radius: 12px; margin: 12px 0; }
.ev1__content strong { color: #1a3a2a; }
.ev1__content a { color: #2e7d32; }
.ev1__content .block-wrapper { background: none !important; border: none !important; padding: 0 !important; }
.ev1__content .wrapper { padding: 0 !important; max-width: 100% !important; }
/* Prices */
.ev1__prices {
margin: 32px 0; padding: 28px; background: #fff;
border-radius: 16px; box-shadow: 0 2px 16px rgba(0,0,0,.05);
}
.ev1__prices-title {
font: 700 1.15em/1.2 'Roboto Slab', serif; color: #1a3a2a; margin: 0 0 16px;
}
.ev1__price-row {
display: flex; align-items: baseline; gap: 8px;
padding: 8px 0; border-bottom: 1px dashed #e8e8e8;
}
.ev1__price-row:last-child { border-bottom: none; }
.ev1__price-label { font-size: .92em; color: #555; }
.ev1__price-dots { flex: 1; border-bottom: 1px dotted #ccc; margin-bottom: 4px; }
.ev1__price-val { font-size: 1.05em; font-weight: 700; color: #1a3a2a; white-space: nowrap; }
/* CTA */
.ev1__cta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 28px 0; }
.ev1__cta-btn {
display: inline-flex; align-items: center; gap: 8px;
padding: 12px 24px; border-radius: 12px;
font-size: .95em; font-weight: 600; text-decoration: none !important;
cursor: pointer; border: none; transition: all .25s;
}
.ev1__cta-btn.--green {
background: linear-gradient(135deg, #40916c, #52b788); color: #fff !important;
}
.ev1__cta-btn.--green:hover { background: linear-gradient(135deg, #2d6a4f, #40916c); transform: translateY(-2px); }
.ev1__cta-btn.--tg {
background: #0088cc; color: #fff !important;
}
.ev1__cta-btn.--tg:hover { background: #006daa; transform: translateY(-2px); }
.ev1__cta-btn.--tg svg { width: 18px; height: 18px; }
/* Sidebar card */
.ev1__aside { position: sticky; top: 80px; align-self: start; }
.ev1__aside-card {
background: #fff; border-radius: 18px; padding: 28px 24px;
box-shadow: 0 4px 24px rgba(0,0,0,.06);
}
.ev1__aside-title {
font: 700 1.05em/1.2 'Roboto Slab', serif; color: #1a3a2a; margin: 0 0 18px;
}
.ev1__aside-row {
display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px;
}
.ev1__aside-row svg { width: 20px; height: 20px; fill: #52b788; flex-shrink: 0; margin-top: 2px; }
.ev1__aside-label { display: block; font-size: .78em; color: #999; text-transform: uppercase; letter-spacing: .04em; }
.ev1__aside-val { display: block; font-size: .92em; color: #333; font-weight: 500; }
.ev1__aside-val a { color: #333; text-decoration: none; }
.ev1__aside-val a:hover { color: #40916c; }
.ev1__aside-btn {
display: block; width: 100%; text-align: center;
padding: 13px; border-radius: 12px;
background: linear-gradient(135deg, #40916c, #52b788); color: #fff !important;
font-weight: 700; font-size: .95em; text-decoration: none !important;
cursor: pointer; border: none;
transition: all .25s; margin-top: 8px;
}
.ev1__aside-btn:hover { background: linear-gradient(135deg, #2d6a4f, #40916c); transform: translateY(-2px); }
.ev1__aside-back {
display: block; margin-top: 16px; text-align: center;
font-size: .88em; color: #888; text-decoration: none;
transition: color .2s;
}
.ev1__aside-back:hover { color: #40916c; }
/* Cross-links */
.ev1__xlinks {
max-width: 1200px; margin: 0 auto; padding: 48px 28px 64px;
border-top: 1px solid #e8ede8;
}
.ev1__xlinks-title {
font: 700 1.3em/1.2 'Roboto Slab', serif; color: #1a3a2a;
margin: 0 0 24px; position: relative; padding-bottom: 12px;
}
.ev1__xlinks-title::after {
content: ''; position: absolute; bottom: 0; left: 0;
width: 40px; height: 3px; border-radius: 2px;
background: linear-gradient(90deg, #40916c, #52b788);
}
.ev1__xlinks-grid {
display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px;
}
/* Hide old event-page styles */
.event-page { display: none !important; }
/* Responsive */
@media (max-width: 960px) {
.ev1__body { grid-template-columns: 1fr; gap: 24px; }
.ev1__aside { position: static; }
.ev1__h1 { font-size: 1.7em; }
}
@media (max-width: 600px) {
.ev1__hero { min-height: 260px; padding: 90px 0 36px; }
.ev1__h1 { font-size: 1.4em; }
.ev1__body { padding: 24px 16px 0; }
.ev1__xlinks { padding: 32px 16px 48px; }
.ev1__xlinks-grid { grid-template-columns: 1fr; }
}
/* ============================================================
STORE PAGE — hide hero banner
============================================================ */
.shale-media-page .af2__hero-inner .af2__badge,
.shale-media-page .af2__hero-inner .af2__sub {
/* These are fine by default, selectively hide for store */
}
/* ============================================================
STORE PAGE — hide hero banner & header banner, fix layout
============================================================ */
#page-id-page-store .af2__hero { display: none !important; }
#page-id-page-store .banner { display: none !important; }
#page-id-page-store .shale-media-page__body { padding-top: 24px; }
#page-id-page-store .shale-media-page {
background: #fafcfa;
}
/* Store: category tags */
#page-id-page-store .categories_list-tag {
display: inline-flex; align-items: center;
padding: 6px 18px; border-radius: 20px;
background: #fff; border: 1px solid #e0e8e0;
color: #2d6a4f; font-size: .88em; font-weight: 500;
text-decoration: none !important; transition: all .25s;
margin: 0 6px 8px 0;
}
#page-id-page-store .categories_list-tag:hover {
background: #40916c; color: #fff; border-color: #40916c;
transform: translateY(-1px); box-shadow: 0 2px 8px rgba(64,145,108,.2);
}
/* Store: catalog product cards */
#page-id-page-store .catalog .product {
border-radius: 14px; overflow: hidden; border: 1px solid #e8ede8;
background: #fff; transition: all .3s;
}
#page-id-page-store .catalog .product:hover {
transform: translateY(-3px); box-shadow: 0 8px 28px rgba(0,0,0,.08);
}
#page-id-page-store .catalog .product img {
border-radius: 0;
}
/* Store: search form */
#page-id-page-store .block-search {
margin: 8px auto 16px; max-width: 600px;
}
#page-id-page-store .block-search input[type="text"],
#page-id-page-store .block-search input[type="search"] {
border-radius: 12px; border: 1px solid #d8dfd8; padding: 12px 16px;
width: 100%; font-size: .95em;
transition: border-color .25s, box-shadow .25s;
}
#page-id-page-store .block-search input:focus {
border-color: #52b788; box-shadow: 0 0 0 3px rgba(82,183,136,.15);
outline: none;
}
/* Store: block titles */
#page-id-page-store .block-wrapper h2,
#page-id-page-store .block-header h2 {
font-family: 'Roboto Slab', serif; color: #1a3a2a;
position: relative; padding-bottom: 10px; margin-bottom: 20px;
}
#page-id-page-store .block-wrapper h2::after,
#page-id-page-store .block-header h2::after {
content: ''; position: absolute; bottom: 0; left: 0;
width: 40px; height: 3px; border-radius: 2px;
background: linear-gradient(90deg, #40916c, #52b788);
}
/* Store: food-half-section fix */
#page-id-page-store .food-half-section {
border-radius: 14px; overflow: hidden;
}
/* Store: 3-column pics fix (if any) */
#page-id-page-store .picsColumns .column {
border-radius: 14px; background: #fff; padding: 24px;
border: 1px solid #e8ede8;
}
/* Store: tabs fix */
#page-id-page-store .main_section.stay {
background: #fff; border-radius: 16px;
border: 1px solid #e8ede8; margin: 16px 0;
overflow: hidden;
}
/* ============================================================
FIX: Scope video grid to video page only, reset for store
============================================================ */
/* Reset grid for store page — restore normal block flow */
#page-id-page-store .shale-media-page__body .blocks {
display: block !important;
grid-template-columns: none !important;
gap: 0 !important;
}
/* Reset all grid-column overrides for store */
#page-id-page-store .shale-media-page__body .block-header {
grid-column: auto !important;
margin-top: 0 !important;
}
#page-id-page-store .shale-media-page__body .block-columns {
grid-column: auto !important;
}
/* Hero badge / subtitle still leaking via web-scraper — ensure solid hide */
#page-id-page-store .af2__hero {
display: none !important;
height: 0 !important;
overflow: hidden !important;
visibility: hidden !important;
}
#page-id-page-store .banner {
display: none !important;
height: 0 !important;
visibility: hidden !important;
}
/* --- Store page complete visual overhaul --- */
/* Breathing room at top */
#page-id-page-store .shale-media-page__body {
padding: 32px 0 0 !important;
max-width: 1200px;
margin: 0 auto;
}
/* Block wrappers */
#page-id-page-store .block-wrapper {
margin-bottom: 32px !important;
padding: 0 20px !important;
}
/* Search */
#page-id-page-store .block-search {
max-width: 560px;
margin: 0 auto 24px !important;
}
#page-id-page-store #searchForm {
display: flex; gap: 8px; align-items: stretch;
max-width: 100% !important;
}
#page-id-page-store #searchForm input[type="text"] {
flex: 1;
border: 2px solid #e0e8e0 !important;
border-radius: 12px !important;
padding: 12px 16px !important;
font-size: .95em !important;
transition: border-color .2s, box-shadow .2s !important;
outline: none !important;
}
#page-id-page-store #searchForm input[type="text"]:focus {
border-color: #52b788 !important;
box-shadow: 0 0 0 3px rgba(82,183,136,.15) !important;
}
#page-id-page-store #searchForm button,
#page-id-page-store #searchForm input[type="submit"] {
border-radius: 12px !important;
background: linear-gradient(135deg, #40916c, #52b788) !important;
color: #fff !important;
border: none !important;
padding: 10px 20px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: all .25s !important;
}
#page-id-page-store #searchForm button:hover,
#page-id-page-store #searchForm input[type="submit"]:hover {
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(64,145,108,.25) !important;
}
/* Categories */
#page-id-page-store .categories_list {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
justify-content: center !important;
padding: 0 16px !important;
margin-bottom: 8px !important;
}
/* Authors (food-half = tabs) */
#page-id-page-store .main_section.stay {
display: flex !important;
flex-wrap: wrap !important;
background: #fff !important;
border-radius: 18px !important;
overflow: hidden !important;
box-shadow: 0 4px 24px rgba(0,0,0,.05) !important;
border: 1px solid #e8ede8 !important;
margin: 0 0 32px !important;
}
#page-id-page-store .food-half-section.-left {
border-radius: 18px 0 0 18px !important;
min-height: 380px !important;
}
#page-id-page-store .food-half-section.-left .food-container {
background: rgba(0,0,0,.45) !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
padding: 40px 32px !important;
}
#page-id-page-store .food-half-section.-right {
padding: 24px 28px !important;
max-height: none !important;
}
@media (max-width: 767px) {
#page-id-page-store .food-half-section.-left {
border-radius: 18px 18px 0 0 !important;
min-height: 240px !important;
}
#page-id-page-store .food-half-section.-right {
padding: 20px 16px !important;
}
}
/* Foodtab tabs styling */
#page-id-page-store .foodtab-content-title {
padding: 10px 18px !important;
border-radius: 10px !important;
cursor: pointer !important;
transition: all .25s !important;
font-size: .95em !important;
}
#page-id-page-store .foodtab-content-title:hover {
background: rgba(82,183,136,.08) !important;
}
/* Catalog cards */
#page-id-page-store .catalog.group {
max-width: 100% !important;
}
#page-id-page-store .catalog .slot {
padding: 8px !important;
}
#page-id-page-store .catalog .inner {
background: #fff !important;
border-radius: 16px !important;
overflow: hidden !important;
border: 1px solid #e8ede8 !important;
transition: all .3s !important;
height: 100% !important;
}
#page-id-page-store .catalog .inner:hover {
transform: translateY(-4px) !important;
box-shadow: 0 8px 28px rgba(0,0,0,.08) !important;
border-color: #c0d8c0 !important;
}
#page-id-page-store .catalog .inner img {
border-radius: 0 !important;
transition: transform .3s !important;
}
#page-id-page-store .catalog .inner:hover img {
transform: scale(1.03) !important;
}
#page-id-page-store .catalog .inner h3.title {
font-family: 'Roboto Slab', serif !important;
font-size: .95em !important;
color: #1a3a2a !important;
padding: 0 14px !important;
margin: 10px 0 4px !important;
}
#page-id-page-store .catalog .inner .code {
font-size: .78em !important;
color: #999 !important;
padding: 0 14px !important;
}
#page-id-page-store .catalog .inner .prices {
padding: 6px 14px 12px !important;
}
#page-id-page-store .catalog .inner .prices .old-price {
color: #bbb !important;
text-decoration: line-through !important;
font-size: .85em !important;
}
#page-id-page-store .catalog .inner .prices .new-price,
#page-id-page-store .catalog .inner .prices .price {
font-weight: 700 !important;
color: #2d6a4f !important;
font-size: 1.1em !important;
}
/* Cart button in catalog */
#page-id-page-store .catalog .btn-cart,
#page-id-page-store .catalog .cart-button,
#page-id-page-store .catalog a[data-request] {
border-radius: 10px !important;
transition: all .25s !important;
}
/* Pics columns (delivery, discounts, gift) */
#page-id-page-store .block-picsColumns .wrapper {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 20px !important;
}
#page-id-page-store .block-picsColumns .column,
#page-id-page-store .block-picsColumns .columns-item {
background: #fff !important;
border-radius: 16px !important;
padding: 28px 24px !important;
border: 1px solid #e8ede8 !important;
text-align: center !important;
transition: all .3s !important;
}
#page-id-page-store .block-picsColumns .column:hover,
#page-id-page-store .block-picsColumns .columns-item:hover {
transform: translateY(-3px) !important;
box-shadow: 0 8px 24px rgba(0,0,0,.06) !important;
}
#page-id-page-store .block-picsColumns img {
width: 56px !important;
height: 56px !important;
margin: 0 auto 16px !important;
display: block !important;
}
@media (max-width: 767px) {
#page-id-page-store .block-picsColumns .wrapper {
grid-template-columns: 1fr !important;
}
}
/* Section titles */
#page-id-page-store h2.title {
font-family: 'Roboto Slab', serif !important;
color: #1a3a2a !important;
font-weight: 700 !important;
position: relative !important;
padding-bottom: 12px !important;
margin-bottom: 24px !important;
}
#page-id-page-store h2.title::after {
content: '' !important;
position: absolute !important;
bottom: 0 !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 40px !important;
height: 3px !important;
border-radius: 2px !important;
background: linear-gradient(90deg, #40916c, #52b788) !important;
}
/* NashDom block */
#page-id-page-store .block-nashDom,
#page-id-page-store .block-nashDom .wrapper {
background: none !important;
}
#page-id-page-store .nashdom-text {
background: #fff !important;
border-radius: 16px !important;
padding: 28px !important;
border: 1px solid #e8ede8 !important;
line-height: 1.8 !important;
color: #444 !important;
font-size: .95em !important;
}
/* Author cards */
#page-id-page-store .author {
background: #fff !important;
border-radius: 16px !important;
padding: 24px !important;
border: 1px solid #e8ede8 !important;
margin-bottom: 20px !important;
transition: all .3s !important;
}
#page-id-page-store .author:hover {
box-shadow: 0 8px 24px rgba(0,0,0,.06) !important;
}
#page-id-page-store .author h3 {
font-family: 'Roboto Slab', serif !important;
color: #1a3a2a !important;
}
/* ============================================================
STORE PAGE v3 — Full modern redesign
============================================================ */
/* --- Reset previous store rules that conflict --- */
#page-id-page-store .shale-media-page__body .blocks {
display: block !important;
grid-template-columns: unset !important;
gap: 0 !important;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* --- Hero hidden --- */
#page-id-page-store .af2__hero,
#page-id-page-store .banner {
display: none !important;
height: 0 !important;
visibility: hidden !important;
}
/* --- Global section spacing --- */
#page-id-page-store .block-wrapper {
margin-bottom: 48px !important;
padding: 0 !important;
background: none !important;
}
#page-id-page-store .block-wrapper > .wrapper {
padding: 0 !important;
max-width: 100% !important;
}
/* --- Search bar --- */
#page-id-page-store .block-search {
max-width: 580px !important;
margin: 32px auto 24px !important;
}
#page-id-page-store #searchForm {
display: flex !important;
gap: 0 !important;
max-width: 100% !important;
border: 2px solid #d8e4d8 !important;
border-radius: 14px !important;
overflow: hidden !important;
transition: border-color .2s !important;
background: #fff !important;
}
#page-id-page-store #searchForm:focus-within {
border-color: #52b788 !important;
box-shadow: 0 0 0 4px rgba(82,183,136,.12) !important;
}
#page-id-page-store #searchForm input[type="text"] {
flex: 1 !important;
border: none !important;
padding: 14px 18px !important;
font-size: .95em !important;
outline: none !important;
background: transparent !important;
}
#page-id-page-store #searchForm a,
#page-id-page-store #searchForm button,
#page-id-page-store #searchForm .fa {
background: linear-gradient(135deg, #40916c, #52b788) !important;
color: #fff !important;
border: none !important;
padding: 14px 20px !important;
cursor: pointer !important;
font-size: 1em !important;
display: flex !important;
align-items: center !important;
}
/* --- Categories + Authors block --- */
#page-id-page-store .block-categories .columns {
display: flex !important;
flex-wrap: wrap !important;
gap: 24px !important;
}
#page-id-page-store .block-categories .column.is-one-third-tablet {
flex: 0 0 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
#page-id-page-store .categories_list {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
justify-content: center !important;
padding: 0 !important;
}
#page-id-page-store .categories_list-tag {
display: inline-flex !important;
align-items: center !important;
padding: 8px 18px !important;
border-radius: 24px !important;
background: #fff !important;
border: 1.5px solid #dce8dc !important;
color: #2d6a4f !important;
font-size: .88em !important;
font-weight: 500 !important;
text-decoration: none !important;
transition: all .25s !important;
}
#page-id-page-store .categories_list-tag:hover {
background: linear-gradient(135deg, #40916c, #52b788) !important;
color: #fff !important;
border-color: #40916c !important;
transform: translateY(-2px) !important;
box-shadow: 0 4px 12px rgba(64,145,108,.2) !important;
}
/* Authors carousel */
#page-id-page-store .block-categories .column.is-two-thirds-tablet {
flex: 0 0 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
#page-id-page-store .team-block.slick {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 24px !important;
}
#page-id-page-store .team-block figure {
background: #fff !important;
border-radius: 18px !important;
padding: 28px !important;
border: 1px solid #e8ede8 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
transition: all .3s !important;
}
#page-id-page-store .team-block figure:hover {
transform: translateY(-4px) !important;
box-shadow: 0 12px 32px rgba(0,0,0,.07) !important;
}
#page-id-page-store .team-block .frame {
margin-bottom: 16px !important;
}
#page-id-page-store .team-block .circular-effect {
width: 120px !important;
height: 120px !important;
border-radius: 50% !important;
overflow: hidden !important;
}
#page-id-page-store .team-block .circular-effect img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
#page-id-page-store .team-block .effect-holder {
display: none !important;
}
#page-id-page-store .team-block figcaption label {
font-size: .78em !important;
color: #52b788 !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: .04em !important;
display: block !important;
margin-bottom: 6px !important;
}
#page-id-page-store .team-block figcaption h3 {
font-family: 'Roboto Slab', serif !important;
font-size: 1.05em !important;
color: #1a3a2a !important;
margin: 0 0 10px !important;
}
#page-id-page-store .team-block figcaption p {
font-size: .88em !important;
line-height: 1.6 !important;
color: #666 !important;
}
@media (max-width: 600px) {
#page-id-page-store .team-block.slick {
grid-template-columns: 1fr !important;
}
}
/* --- Catalog product cards --- */
#page-id-page-store .products-group {
padding: 0 !important;
}
#page-id-page-store .products-group h2.title {
font-family: 'Roboto Slab', serif !important;
color: #1a3a2a !important;
font-weight: 700 !important;
font-size: 1.4em !important;
position: relative !important;
padding-bottom: 12px !important;
margin-bottom: 28px !important;
text-align: left !important;
}
#page-id-page-store .products-group h2.title::after {
content: '' !important;
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
width: 40px !important;
height: 3px !important;
border-radius: 2px !important;
background: linear-gradient(90deg, #40916c, #52b788) !important;
}
#page-id-page-store .catalog.group {
max-width: 100% !important;
gap: 0 !important;
}
#page-id-page-store .catalog .slot {
padding: 10px !important;
}
#page-id-page-store .catalog .slot .inner {
background: #fff !important;
border-radius: 16px !important;
overflow: hidden !important;
border: 1px solid #e8ede8 !important;
transition: all .3s ease !important;
box-shadow: none !important;
height: 100% !important;
}
#page-id-page-store .catalog .slot .inner:hover {
transform: translateY(-4px) !important;
box-shadow: 0 12px 32px rgba(0,0,0,.08) !important;
border-color: #c0d8c0 !important;
}
#page-id-page-store .catalog .slot .img {
overflow: hidden !important;
border-radius: 0 !important;
}
#page-id-page-store .catalog .slot .img img {
transition: transform .4s !important;
width: 100% !important;
}
#page-id-page-store .catalog .slot .inner:hover .img img {
transform: scale(1.05) !important;
}
#page-id-page-store .catalog .slot .slot-header {
padding: 12px 16px 4px !important;
}
#page-id-page-store .catalog .slot .slot-header h3.title {
font-family: 'Roboto Slab', serif !important;
font-size: .92em !important;
color: #1a3a2a !important;
margin: 0 !important;
padding: 0 !important;
}
#page-id-page-store .catalog .slot .slot-header h3.title::after {
display: none !important;
}
#page-id-page-store .catalog .slot .slot-header h3.title a {
color: #1a3a2a !important;
text-decoration: none !important;
}
#page-id-page-store .catalog .slot .sku {
font-size: .75em !important;
color: #aaa !important;
margin: 2px 0 0 !important;
}
#page-id-page-store .catalog .slot .price {
padding: 4px 16px 8px !important;
}
#page-id-page-store .catalog .slot .price .old {
color: #bbb !important;
text-decoration: line-through !important;
font-size: .85em !important;
margin-right: 6px !important;
}
#page-id-page-store .catalog .slot .price .new {
font-weight: 700 !important;
color: #2d6a4f !important;
font-size: 1.15em !important;
}
#page-id-page-store .catalog .slot .buy-button {
border-radius: 0 0 16px 16px !important;
padding: 10px !important;
font-size: .85em !important;
transition: all .25s !important;
border: none !important;
width: 100% !important;
}
#page-id-page-store .catalog .slot .btn-green {
background: linear-gradient(135deg, #40916c, #52b788) !important;
color: #fff !important;
}
#page-id-page-store .catalog .slot .btn-green:hover {
background: linear-gradient(135deg, #2d6a4f, #40916c) !important;
}
#page-id-page-store .catalog .slot .btn-green.in-cart {
background: #e8f5e9 !important;
color: #2d6a4f !important;
}
/* --- PicsColumns: Доставим / Скидки / Упакуем --- */
#page-id-page-store .block-picsColumns .text-block-3 .columns {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 20px !important;
}
#page-id-page-store .block-picsColumns .column.is-4 {
width: 100% !important;
flex: none !important;
background: #fff !important;
border-radius: 18px !important;
padding: 32px 24px !important;
border: 1px solid #e8ede8 !important;
text-align: center !important;
transition: all .3s !important;
}
#page-id-page-store .block-picsColumns .column.is-4:hover {
transform: translateY(-4px) !important;
box-shadow: 0 12px 32px rgba(0,0,0,.06) !important;
}
#page-id-page-store .block-picsColumns .column.is-4 img {
width: 56px !important;
height: 56px !important;
margin: 0 auto 18px !important;
display: block !important;
filter: hue-rotate(10deg) saturate(1.2) !important;
}
#page-id-page-store .block-picsColumns .column.is-4 h3 {
font-family: 'Roboto Slab', serif !important;
color: #1a3a2a !important;
font-size: 1.05em !important;
margin: 0 0 10px !important;
}
#page-id-page-store .block-picsColumns .column.is-4 p {
font-size: .88em !important;
line-height: 1.7 !important;
color: #666 !important;
}
@media (max-width: 767px) {
#page-id-page-store .block-picsColumns .text-block-3 .columns {
grid-template-columns: 1fr !important;
}
}
/* --- Tabs block: "Вместе воплощать идеи" --- */
#page-id-page-store .block-tabs .main_section.stay {
border: none !important;
border-top: none !important;
border-bottom: none !important;
border-radius: 18px !important;
overflow: hidden !important;
box-shadow: 0 4px 24px rgba(0,0,0,.06) !important;
margin: 0 !important;
}
#page-id-page-store .half-panels.flex-row {
display: flex !important;
flex-wrap: wrap !important;
}
#page-id-page-store .food-half-section.-left {
flex: 0 0 45% !important;
max-width: 45% !important;
min-height: 420px !important;
border-radius: 18px 0 0 18px !important;
}
#page-id-page-store .food-half-section.-left .food-container {
background: linear-gradient(180deg, rgba(13,27,42,.55) 0%, rgba(13,27,42,.8) 100%) !important;
padding: 40px 32px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
height: 100% !important;
}
/* FIX: Light text on dark overlay */
#page-id-page-store .food-half-section.-left h2 {
color: #fff !important;
font-family: 'Roboto Slab', serif !important;
font-size: 1.5em !important;
text-shadow: 0 2px 8px rgba(0,0,0,.3) !important;
}
#page-id-page-store .food-half-section.-left p {
color: rgba(255,255,255,.85) !important;
font-size: .92em !important;
line-height: 1.7 !important;
text-shadow: 0 1px 4px rgba(0,0,0,.2) !important;
}
#page-id-page-store .food-tabs-nav ul {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 0 20px !important;
}
#page-id-page-store .food-tabs-nav a {
display: inline-block !important;
padding: 8px 16px !important;
border-radius: 10px !important;
font-size: .82em !important;
font-weight: 600 !important;
color: rgba(255,255,255,.7) !important;
background: rgba(255,255,255,.1) !important;
backdrop-filter: blur(4px) !important;
cursor: pointer !important;
transition: all .25s !important;
text-decoration: none !important;
border: 1px solid rgba(255,255,255,.15) !important;
}
#page-id-page-store .food-tabs-nav a:hover,
#page-id-page-store .food-tabs-nav a.current {
background: rgba(82,183,136,.5) !important;
color: #fff !important;
border-color: rgba(82,183,136,.6) !important;
}
/* Right panel (tab content) */
#page-id-page-store .food-half-section.-right {
flex: 0 0 55% !important;
max-width: 55% !important;
padding: 32px 28px !important;
background: #fff !important;
max-height: none !important;
overflow-y: auto !important;
}
#page-id-page-store .food-half-section.-right .white-fade {
display: none !important;
}
#page-id-page-store .foodtab-content-title {
font-family: 'Roboto Slab', serif !important;
color: #1a3a2a !important;
font-size: 1.1em !important;
padding: 0 0 12px !important;
margin: 0 0 16px !important;
border-bottom: 2px solid #e8ede8 !important;
}
#page-id-page-store .foodtab-menu-item {
margin-bottom: 16px !important;
}
#page-id-page-store .foodtab-menu-item h3 {
font-family: 'Roboto Slab', serif !important;
color: #2d6a4f !important;
font-size: .95em !important;
margin: 0 0 6px !important;
}
#page-id-page-store .foodtab-menu-item p {
font-size: .88em !important;
line-height: 1.7 !important;
color: #555 !important;
}
#page-id-page-store .scroll-btn {
display: none !important;
}
@media (max-width: 767px) {
#page-id-page-store .food-half-section.-left {
flex: 0 0 100% !important;
max-width: 100% !important;
min-height: 280px !important;
border-radius: 18px 18px 0 0 !important;
}
#page-id-page-store .food-half-section.-right {
flex: 0 0 100% !important;
max-width: 100% !important;
padding: 24px 20px !important;
}
}
/* --- NashDom block --- */
#page-id-page-store .block-nashDom {
background: none !important;
}
#page-id-page-store .block-nashDom .wrapper {
background: #fff !important;
border-radius: 18px !important;
padding: 32px !important;
border: 1px solid #e8ede8 !important;
}
#page-id-page-store .block-nashDom h2 {
font-family: 'Roboto Slab', serif !important;
color: #1a3a2a !important;
font-size: 1.3em !important;
margin: 0 0 16px !important;
position: relative !important;
padding-bottom: 12px !important;
}
#page-id-page-store .block-nashDom h2::after {
content: '' !important;
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
width: 40px !important;
height: 3px !important;
border-radius: 2px !important;
background: linear-gradient(90deg, #40916c, #52b788) !important;
}
#page-id-page-store .block-nashDom p {
font-size: .92em !important;
line-height: 1.8 !important;
color: #555 !important;
}
#page-id-page-store .block-nashDom .nashdom-gallery {
display: none !important;
}
/* --- Cross-links --- */
#page-id-page-store .shale-vpage-links {
max-width: 1200px !important;
margin: 0 auto !important;
padding: 0 20px 48px !important;
}
/* ============================================================
PRODUCT PAGE v2 — Modern single product redesign
============================================================ */
/* Background */
#page-id-store-product { background: #fafcfa; }
/* Hide old sidebar on product page — show clean 1-column */
#page-id-store-product .store-sidebar {
display: none !important;
}
#page-id-store-product .store-main.column {
flex: 0 0 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
#page-id-store-product .store-layout.columns {
max-width: 1100px !important;
margin: 0 auto !important;
padding: 24px 20px !important;
display: block !important;
}
#page-id-store-product .wrapper-fullwidth {
max-width: 100% !important;
padding: 0 !important;
}
/* Title */
#page-id-store-product .store-product h1.title {
font-family: 'Roboto Slab', serif !important;
font-size: 1.8em !important;
color: #1a3a2a !important;
font-weight: 700 !important;
margin: 0 0 8px !important;
padding: 0 !important;
text-align: left !important;
}
/* Breadcrumbs */
#page-id-store-product .breadcrumbs {
display: flex !important;
flex-wrap: wrap !important;
gap: 4px !important;
margin: 0 0 24px !important;
padding: 0 !important;
font-size: .85em !important;
}
#page-id-store-product .breadcrumbs a {
color: #52b788 !important;
text-decoration: none !important;
transition: color .2s !important;
}
#page-id-store-product .breadcrumbs a:hover {
color: #2d6a4f !important;
}
#page-id-store-product .breadcrumbs a::after {
content: ' / ' !important;
color: #ccc !important;
margin-left: 4px !important;
}
#page-id-store-product .breadcrumbs a:last-child::after {
display: none !important;
}
/* Product box — remove old boxy style */
#page-id-store-product .product-box {
background: #fff !important;
border-radius: 20px !important;
padding: 32px !important;
border: 1px solid #e8ede8 !important;
box-shadow: 0 4px 24px rgba(0,0,0,.04) !important;
margin: 0 0 40px !important;
position: relative !important;
}
/* Arrows (next/prev) */
#page-id-store-product .product-box .arrows {
position: absolute !important;
top: 16px !important;
right: 16px !important;
display: flex !important;
gap: 8px !important;
z-index: 2 !important;
}
#page-id-store-product .product-box .arrows a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 36px !important;
height: 36px !important;
border-radius: 10px !important;
background: #f0f4f0 !important;
color: #555 !important;
text-decoration: none !important;
transition: all .25s !important;
font-size: .9em !important;
}
#page-id-store-product .product-box .arrows a:hover {
background: #52b788 !important;
color: #fff !important;
}
/* Back link */
#page-id-store-product .go-back {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
color: #888 !important;
text-decoration: none !important;
font-size: .88em !important;
margin-bottom: 20px !important;
transition: color .2s !important;
}
#page-id-store-product .go-back:hover {
color: #52b788 !important;
}
/* Image gallery */
#page-id-store-product .zoom-desc {
display: flex !important;
gap: 12px !important;
margin-bottom: 24px !important;
border-radius: 14px !important;
overflow: hidden !important;
background: #f8f8f8 !important;
}
#page-id-store-product .vue-zoom-container {
border-radius: 14px !important;
min-height: 320px !important;
flex: 1 !important;
}
#page-id-store-product .thumbs-container {
flex: 0 0 80px !important;
}
#page-id-store-product .thumb {
border-radius: 10px !important;
transition: all .2s !important;
border: 2px solid transparent !important;
}
#page-id-store-product .thumb.active {
outline: none !important;
opacity: 1 !important;
border-color: #52b788 !important;
}
#page-id-store-product .thumb:not(.active):not(.empty):hover {
border-color: #d0e0d0 !important;
}
/* SKU */
#page-id-store-product .product-box .sku {
font-size: .82em !important;
color: #aaa !important;
margin: 0 0 16px !important;
letter-spacing: .02em !important;
}
/* Description */
#page-id-store-product .product-box .description {
font-size: .95em !important;
line-height: 1.8 !important;
color: #555 !important;
margin-bottom: 24px !important;
padding-bottom: 24px !important;
border-bottom: 1px solid #f0f0f0 !important;
}
#page-id-store-product .product-box .description p {
margin: 0 0 12px !important;
}
/* Labels */
#page-id-store-product .product-box .labels {
margin-bottom: 12px !important;
}
#page-id-store-product .product-box .labels span:not(:empty) {
display: inline-block !important;
padding: 4px 12px !important;
border-radius: 8px !important;
font-size: .78em !important;
font-weight: 600 !important;
letter-spacing: .03em !important;
margin-right: 6px !important;
}
#page-id-store-product .product-box .labels .top:not(:empty) {
background: linear-gradient(135deg, #ff9800, #ffc107) !important;
color: #fff !important;
}
#page-id-store-product .product-box .labels .discount:not(:empty) {
background: linear-gradient(135deg, #e53935, #ff5252) !important;
color: #fff !important;
}
/* Price */
#page-id-store-product .product-box .price {
display: flex !important;
align-items: baseline !important;
gap: 12px !important;
margin-bottom: 20px !important;
}
#page-id-store-product .product-box .price .old {
font-size: 1em !important;
color: #bbb !important;
text-decoration: line-through !important;
}
#page-id-store-product .product-box .price .new {
font-size: 1.8em !important;
font-weight: 800 !important;
color: #2d6a4f !important;
font-family: 'Roboto Slab', serif !important;
}
/* Buy button */
#page-id-store-product .product-box .buttons {
margin-top: 8px !important;
}
#page-id-store-product .btn-green.buy-button {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
padding: 14px 32px !important;
border-radius: 14px !important;
font-size: .95em !important;
font-weight: 700 !important;
border: none !important;
cursor: pointer !important;
transition: all .3s !important;
background: linear-gradient(135deg, #40916c, #52b788) !important;
color: #fff !important;
box-shadow: 0 4px 16px rgba(64,145,108,.2) !important;
}
#page-id-store-product .btn-green.buy-button:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 24px rgba(64,145,108,.3) !important;
background: linear-gradient(135deg, #2d6a4f, #40916c) !important;
}
#page-id-store-product .btn-green.buy-button.in-cart {
background: #e8f5e9 !important;
color: #2d6a4f !important;
box-shadow: none !important;
}
#page-id-store-product .btn-green.buy-button svg {
width: 18px !important;
height: 18px !important;
}
/* Recommendations */
#page-id-store-product .products-group {
margin-bottom: 40px !important;
padding: 0 !important;
}
#page-id-store-product .products-group h2 {
font-family: 'Roboto Slab', serif !important;
font-size: 1.3em !important;
color: #1a3a2a !important;
font-weight: 700 !important;
position: relative !important;
padding-bottom: 12px !important;
margin-bottom: 24px !important;
}
#page-id-store-product .products-group h2::after {
content: '' !important;
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
width: 40px !important;
height: 3px !important;
border-radius: 2px !important;
background: linear-gradient(90deg, #40916c, #52b788) !important;
}
#page-id-store-product .catalog.group {
max-width: 100% !important;
}
#page-id-store-product .catalog .slot {
padding: 10px !important;
}
#page-id-store-product .catalog .slot .inner {
background: #fff !important;
border-radius: 16px !important;
overflow: hidden !important;
border: 1px solid #e8ede8 !important;
transition: all .3s ease !important;
box-shadow: none !important;
height: 100% !important;
}
#page-id-store-product .catalog .slot .inner:hover {
transform: translateY(-4px) !important;
box-shadow: 0 12px 32px rgba(0,0,0,.08) !important;
}
#page-id-store-product .catalog .slot .img img {
transition: transform .4s !important;
width: 100% !important;
}
#page-id-store-product .catalog .slot .inner:hover .img img {
transform: scale(1.05) !important;
}
#page-id-store-product .catalog .slot .slot-header h3.title {
font-family: 'Roboto Slab', serif !important;
font-size: .92em !important;
color: #1a3a2a !important;
}
#page-id-store-product .catalog .slot .slot-header h3.title a {
color: #1a3a2a !important;
text-decoration: none !important;
}
#page-id-store-product .catalog .slot .price .old {
color: #bbb !important;
text-decoration: line-through !important;
font-size: .85em !important;
}
#page-id-store-product .catalog .slot .price .new {
font-weight: 700 !important;
color: #2d6a4f !important;
font-size: 1.1em !important;
}
/* Mobile sidebar (keep functional but restyle) */
#page-id-store-product .mobile-sidebar {
margin-bottom: 16px !important;
}
#page-id-store-product .mobile-sidebar .category-icons .button {
border-radius: 12px !important;
background: #fff !important;
border: 1px solid #e0e8e0 !important;
transition: all .25s !important;
}
#page-id-store-product .mobile-sidebar .category-icons .button:hover {
border-color: #52b788 !important;
}
/* Responsive */
@media (max-width: 768px) {
#page-id-store-product .store-product h1.title {
font-size: 1.4em !important;
}
#page-id-store-product .product-box {
padding: 20px !important;
border-radius: 16px !important;
}
#page-id-store-product .zoom-desc {
flex-direction: column-reverse !important;
}
#page-id-store-product .thumbs-container {
flex: none !important;
width: 100% !important;
}
#page-id-store-product .flex-vert {
flex-direction: row !important;
gap: 8px !important;
}
#page-id-store-product .thumb {
width: 60px !important;
height: 60px !important;
flex: none !important;
}
#page-id-store-product .vue-zoom-container {
min-height: 240px !important;
}
#page-id-store-product .product-box .price .new {
font-size: 1.4em !important;
}
}
/* ============================================================
CATALOG PAGE v2 — Category listing modern style
============================================================ */
/* Body: page-id-store-category */
body[id^="page-id-store-category"] { background: #fafcfa; }
/* Also target the catalog layout generically */
body[id^="page-id-store-category"] .store-sidebar,
.store-sidebar.sidebar {
/* Keep sidebar functional but improve look - already handled by product page */
}
/* Category page: same sidebar hide + full width */
body[id^="page-id-store-category"] .store-sidebar {
display: none !important;
}
body[id^="page-id-store-category"] .store-main.column {
flex: 0 0 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
body[id^="page-id-store-category"] .store-layout.columns {
max-width: 1200px !important;
margin: 0 auto !important;
padding: 24px 20px !important;
display: block !important;
}
body[id^="page-id-store-category"] .wrapper-fullwidth {
max-width: 100% !important;
padding: 0 !important;
}
body[id^="page-id-store-category"] h1.title {
font-family: 'Roboto Slab', serif !important;
font-size: 1.7em !important;
color: #1a3a2a !important;
margin: 0 0 8px !important;
}
body[id^="page-id-store-category"] .breadcrumbs {
display: flex !important;
flex-wrap: wrap !important;
gap: 4px !important;
margin: 0 0 20px !important;
font-size: .85em !important;
}
body[id^="page-id-store-category"] .breadcrumbs a {
color: #52b788 !important;
text-decoration: none !important;
}
body[id^="page-id-store-category"] .breadcrumbs a::after {
content: ' / ' !important;
color: #ccc !important;
margin-left: 4px !important;
}
body[id^="page-id-store-category"] .breadcrumbs a:last-child::after {
display: none !important;
}
/* Catalog grid */
body[id^="page-id-store-category"] .catalog.group {
max-width: 100% !important;
}
body[id^="page-id-store-category"] .catalog .slot {
padding: 10px !important;
}
body[id^="page-id-store-category"] .catalog .slot .inner {
background: #fff !important;
border-radius: 16px !important;
overflow: hidden !important;
border: 1px solid #e8ede8 !important;
transition: all .3s ease !important;
box-shadow: none !important;
}
body[id^="page-id-store-category"] .catalog .slot .inner:hover {
transform: translateY(-4px) !important;
box-shadow: 0 12px 32px rgba(0,0,0,.08) !important;
}
body[id^="page-id-store-category"] .catalog .slot .img img {
transition: transform .4s !important;
}
body[id^="page-id-store-category"] .catalog .slot .inner:hover .img img {
transform: scale(1.05) !important;
}
body[id^="page-id-store-category"] .catalog .slot .slot-header h3.title {
font-family: 'Roboto Slab', serif !important;
font-size: .92em !important;
color: #1a3a2a !important;
}
body[id^="page-id-store-category"] .catalog .slot .slot-header h3.title a {
color: #1a3a2a !important;
text-decoration: none !important;
}
body[id^="page-id-store-category"] .catalog .slot .price .old {
color: #bbb !important;
text-decoration: line-through !important;
}
body[id^="page-id-store-category"] .catalog .slot .price .new {
font-weight: 700 !important;
color: #2d6a4f !important;
font-size: 1.1em !important;
}
body[id^="page-id-store-category"] .catalog .slot .btn-green {
background: linear-gradient(135deg, #40916c, #52b788) !important;
color: #fff !important;
border-radius: 0 0 16px 16px !important;
border: none !important;
transition: all .25s !important;
}
body[id^="page-id-store-category"] .catalog .slot .btn-green:hover {
background: linear-gradient(135deg, #2d6a4f, #40916c) !important;
}
body[id^="page-id-store-category"] .catalog .slot .btn-green.in-cart {
background: #e8f5e9 !important;
color: #2d6a4f !important;
}
/* Filter bar */
body[id^="page-id-store-category"] .filter,
body[id^="page-id-store-category"] [x-data*="filter"] {
margin-bottom: 16px !important;
}
/* ============================================================
STORE PAGE v4 — Critical fixes
============================================================ */
/* 1. SHOW hero (un-hide) — keep green header like other pages */
#page-id-page-store .af2__hero {
display: flex !important;
height: auto !important;
overflow: visible !important;
visibility: visible !important;
}
/* Fix hero content for store */
#page-id-page-store .af2__h1 {
font-size: 2em !important;
}
#page-id-page-store .af2__badge {
display: inline-block !important;
}
#page-id-page-store .af2__sub {
display: block !important;
}
/* 2. SEARCH — full width, proper styling */
#page-id-page-store .block-search {
max-width: 100% !important;
margin: 0 0 32px !important;
padding: 0 !important;
}
#page-id-page-store #searchForm {
max-width: 100% !important;
margin: 0 !important;
display: flex !important;
border: 2px solid #d8e4d8 !important;
border-radius: 16px !important;
overflow: hidden !important;
background: #fff !important;
transition: border-color .25s, box-shadow .25s !important;
}
#page-id-page-store #searchForm:focus-within {
border-color: #52b788 !important;
box-shadow: 0 0 0 4px rgba(82,183,136,.12) !important;
}
#page-id-page-store #searchForm .field.is-grouped {
display: flex !important;
width: 100% !important;
margin: 0 !important;
gap: 0 !important;
}
#page-id-page-store #searchForm .control.is-expanded {
flex: 1 !important;
}
#page-id-page-store #searchForm .control.is-expanded input {
width: 100% !important;
border: none !important;
padding: 16px 20px !important;
font-size: 1em !important;
outline: none !important;
background: transparent !important;
box-shadow: none !important;
-webkit-appearance: none !important;
height: auto !important;
}
#page-id-page-store #searchForm .control:last-child {
flex: 0 0 auto !important;
}
#page-id-page-store #searchForm .control:last-child .button,
#page-id-page-store #searchForm .control:last-child a {
height: 100% !important;
padding: 16px 24px !important;
background: linear-gradient(135deg, #40916c, #52b788) !important;
color: #fff !important;
border: none !important;
border-radius: 0 !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
#page-id-page-store #searchForm .fa-search {
color: #fff !important;
font-size: 1.1em !important;
}
/* 3. CATEGORIES + AUTHORS — stack vertically, full width */
#page-id-page-store .block-categories > .columns {
display: flex !important;
flex-direction: column !important;
gap: 32px !important;
}
#page-id-page-store .block-categories .column.is-one-third-tablet {
width: 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
#page-id-page-store .block-categories .column.is-two-thirds-tablet {
width: 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
/* Categories tags — centered wrap */
#page-id-page-store .categories_list {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
justify-content: center !important;
padding: 0 !important;
margin: 0 !important;
}
/* Authors — 2-column grid, full width */
#page-id-page-store .team-block[authors-carousel] {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 24px !important;
width: 100% !important;
}
#page-id-page-store .team-block[authors-carousel] > div {
width: 100% !important;
}
#page-id-page-store .team-block figure {
background: #fff !important;
border-radius: 18px !important;
padding: 32px 28px !important;
border: 1px solid #e8ede8 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
transition: all .3s !important;
margin: 0 !important;
height: 100% !important;
}
#page-id-page-store .team-block figure:hover {
transform: translateY(-4px) !important;
box-shadow: 0 12px 32px rgba(0,0,0,.07) !important;
}
#page-id-page-store .team-block .frame {
margin-bottom: 16px !important;
width: 120px !important;
height: 120px !important;
}
#page-id-page-store .team-block .circular-effect {
width: 120px !important;
height: 120px !important;
border-radius: 50% !important;
overflow: hidden !important;
}
#page-id-page-store .team-block .circular-effect img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
#page-id-page-store .team-block .effect-holder {
display: none !important;
}
#page-id-page-store .team-block figcaption label {
font-size: .8em !important;
color: #52b788 !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: .03em !important;
display: block !important;
margin-bottom: 6px !important;
}
#page-id-page-store .team-block figcaption h3 {
font-family: 'Roboto Slab', serif !important;
font-size: 1.05em !important;
color: #1a3a2a !important;
margin: 0 0 10px !important;
}
#page-id-page-store .team-block figcaption p {
font-size: .86em !important;
line-height: 1.6 !important;
color: #666 !important;
}
@media (max-width: 600px) {
#page-id-page-store .team-block[authors-carousel] {
grid-template-columns: 1fr !important;
}
}
/* 4. PICSCOLUMNS — 3-card grid: Доставим/Скидки/Упакуем */
#page-id-page-store .block-picsColumns .text-block-3 > .columns {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
flex-wrap: unset !important;
}
#page-id-page-store .block-picsColumns .text-block-3 > .columns > .column.is-4 {
width: 100% !important;
flex: unset !important;
max-width: 100% !important;
padding: 0 !important;
background: #fff !important;
border-radius: 18px !important;
border: 1px solid #e8ede8 !important;
text-align: center !important;
transition: all .3s !important;
}
#page-id-page-store .block-picsColumns .column.is-4 > * {
padding: 0 24px !important;
}
#page-id-page-store .block-picsColumns .column.is-4 > img {
width: 56px !important;
height: 56px !important;
display: block !important;
margin: 28px auto 16px !important;
padding: 0 !important;
}
#page-id-page-store .block-picsColumns .column.is-4 > h3 {
font-family: 'Roboto Slab', serif !important;
color: #1a3a2a !important;
font-size: 1.05em !important;
margin: 0 0 10px !important;
}
#page-id-page-store .block-picsColumns .column.is-4 > p {
font-size: .88em !important;
line-height: 1.7 !important;
color: #666 !important;
padding-bottom: 28px !important;
}
#page-id-page-store .block-picsColumns .column.is-4:hover {
transform: translateY(-4px) !important;
box-shadow: 0 12px 32px rgba(0,0,0,.06) !important;
}
@media (max-width: 767px) {
#page-id-page-store .block-picsColumns .text-block-3 > .columns {
grid-template-columns: 1fr !important;
}
}
/* 5. Keep banner hidden but hero visible */
#page-id-page-store a.banner {
display: none !important;
}
/* ============================================================
PRODUCT PAGE v3 — Green hero, fixed gallery, modern layout
============================================================ */
/* --- Hero --- */
.sp-hero {
position: relative;
padding: 110px 0 40px;
overflow: hidden;
background: linear-gradient(135deg, #1a3a2a 0%, #0d1b2a 100%);
}
.sp-hero__bg {
position: absolute; inset: 0;
background: radial-gradient(ellipse at 30% 50%, rgba(82,183,136,.15) 0%, transparent 70%);
}
.sp-hero__inner {
position: relative; z-index: 1;
max-width: 1100px; margin: 0 auto; padding: 0 24px;
}
.sp-hero__crumbs {
display: flex; flex-wrap: wrap; gap: 6px;
font-size: .82em; color: rgba(255,255,255,.45); margin-bottom: 14px;
}
.sp-hero__crumbs a {
color: rgba(255,255,255,.65); text-decoration: none; transition: color .2s;
}
.sp-hero__crumbs a:hover { color: #52b788; }
.sp-hero__crumbs span { color: rgba(255,255,255,.3); }
.sp-hero__crumbs-cur { color: rgba(255,255,255,.4); }
.sp-hero__h1 {
font: 700 1.8em/1.2 'Roboto Slab', serif; color: #fff; margin: 0;
text-shadow: 0 2px 12px rgba(0,0,0,.2);
}
.sp-hero__h1 small { font-size: .5em; opacity: .5; }
/* --- Product body --- */
.sp-prod {
background: #fafcfa;
padding: 40px 0 64px;
}
.sp-prod__grid {
max-width: 1100px;
margin: 0 auto;
padding: 0 24px;
}
/* --- Fix gallery images (override inline styles) --- */
#page-id-store-product .store-product {
background: none !important;
}
#page-id-store-product .store-product h1.title {
display: none !important;
}
#page-id-store-product .store-product .breadcrumbs {
display: none !important;
}
/* Product box */
#page-id-store-product .product-box,
#page-id-store-product .box.is-shale.product-box {
background: #fff !important;
border-radius: 20px !important;
padding: 28px !important;
border: 1px solid #e8ede8 !important;
box-shadow: 0 4px 24px rgba(0,0,0,.04) !important;
margin: 0 0 40px !important;
}
/* Gallery — fix squished images */
#page-id-store-product .zoom-desc {
display: flex !important;
gap: 12px !important;
border-radius: 14px !important;
overflow: hidden !important;
background: #f5f7f5 !important;
margin-bottom: 24px !important;
min-height: 360px !important;
}
#page-id-store-product .vue-zoom-container {
flex: 1 !important;
border-radius: 14px !important;
background-color: #f5f7f5 !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
min-height: 360px !important;
}
#page-id-store-product .vue-zoom-container .zoom {
padding-top: 100% !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
#page-id-store-product .thumbs-container {
flex: 0 0 80px !important;
}
#page-id-store-product .flex-vert {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
height: 100% !important;
}
#page-id-store-product .thumb {
border-radius: 10px !important;
cursor: pointer !important;
background-size: cover !important;
background-position: center !important;
flex: 1 !important;
min-height: 70px !important;
transition: all .2s !important;
border: 2px solid transparent !important;
}
#page-id-store-product .thumb.active {
outline: none !important;
opacity: 1 !important;
border-color: #52b788 !important;
}
#page-id-store-product .thumb:not(.active):not(.empty):hover {
border-color: #d0e0d0 !important;
}
#page-id-store-product .thumb.empty {
display: none !important;
}
/* Go-back */
#page-id-store-product .go-back {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
color: #52b788 !important;
text-decoration: none !important;
font-size: .88em !important;
font-weight: 500 !important;
margin-bottom: 16px !important;
transition: color .2s !important;
}
#page-id-store-product .go-back:hover { color: #2d6a4f !important; }
/* Arrows */
#page-id-store-product .product-box > .arrows {
position: absolute !important;
top: 20px !important; right: 20px !important;
display: flex !important; gap: 8px !important; z-index: 2 !important;
}
#page-id-store-product .arrows a {
display: flex !important; align-items: center !important; justify-content: center !important;
width: 36px !important; height: 36px !important;
border-radius: 10px !important; background: #f0f4f0 !important;
color: #555 !important; text-decoration: none !important;
transition: all .25s !important;
}
#page-id-store-product .arrows a:hover {
background: #52b788 !important; color: #fff !important;
}
/* SKU */
#page-id-store-product .product-box .sku {
font-size: .82em !important; color: #aaa !important;
margin: 0 0 16px !important; letter-spacing: .02em !important;
}
/* Description */
#page-id-store-product .product-box .description {
font-size: .95em !important; line-height: 1.8 !important;
color: #555 !important; margin-bottom: 24px !important;
padding-bottom: 20px !important;
border-bottom: 1px solid #f0f0f0 !important;
}
#page-id-store-product .product-box .description p {
margin: 0 0 10px !important;
}
/* Labels */
#page-id-store-product .labels span.top:not(:empty) {
display: inline-block !important; padding: 4px 14px !important;
border-radius: 8px !important; font-size: .78em !important;
font-weight: 600 !important;
background: linear-gradient(135deg, #ff9800, #ffc107) !important;
color: #fff !important; margin-right: 6px !important;
}
#page-id-store-product .labels span.discount:not(:empty) {
display: inline-block !important; padding: 4px 14px !important;
border-radius: 8px !important; font-size: .78em !important;
font-weight: 600 !important;
background: linear-gradient(135deg, #e53935, #ff5252) !important;
color: #fff !important;
}
/* Price */
#page-id-store-product .product-box > .price {
display: flex !important; align-items: baseline !important;
gap: 14px !important; margin: 16px 0 20px !important;
}
#page-id-store-product .product-box .price .old {
font-size: 1em !important; color: #bbb !important;
text-decoration: line-through !important;
}
#page-id-store-product .product-box .price .new {
font-size: 2em !important; font-weight: 800 !important;
color: #2d6a4f !important; font-family: 'Roboto Slab', serif !important;
}
/* Buy button */
#page-id-store-product .product-box .buttons {
margin-top: 8px !important;
}
#page-id-store-product .btn-green.buy-button {
display: inline-flex !important; align-items: center !important;
gap: 10px !important; padding: 15px 36px !important;
border-radius: 14px !important; font-size: 1em !important;
font-weight: 700 !important; border: none !important;
cursor: pointer !important; transition: all .3s !important;
background: linear-gradient(135deg, #40916c, #52b788) !important;
color: #fff !important;
box-shadow: 0 4px 16px rgba(64,145,108,.2) !important;
}
#page-id-store-product .btn-green.buy-button:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 28px rgba(64,145,108,.3) !important;
background: linear-gradient(135deg, #2d6a4f, #40916c) !important;
}
#page-id-store-product .btn-green.buy-button.in-cart {
background: #e8f5e9 !important; color: #2d6a4f !important;
box-shadow: none !important;
}
#page-id-store-product .btn-green.buy-button svg {
width: 20px !important; height: 20px !important;
}
/* Recommendations */
#page-id-store-product .products-group {
margin: 0 0 40px !important; padding: 0 !important;
}
#page-id-store-product .products-group h2 {
font-family: 'Roboto Slab', serif !important;
font-size: 1.3em !important; color: #1a3a2a !important;
font-weight: 700 !important; position: relative !important;
padding: 0 0 12px !important; margin: 0 0 24px !important;
}
#page-id-store-product .products-group h2::after {
content: '' !important; position: absolute !important;
bottom: 0 !important; left: 0 !important;
width: 40px !important; height: 3px !important;
border-radius: 2px !important;
background: linear-gradient(90deg, #40916c, #52b788) !important;
}
#page-id-store-product .catalog.group {
max-width: 100% !important;
}
#page-id-store-product .catalog .slot .inner {
background: #fff !important; border-radius: 16px !important;
overflow: hidden !important; border: 1px solid #e8ede8 !important;
transition: all .3s !important;
}
#page-id-store-product .catalog .slot .inner:hover {
transform: translateY(-4px) !important;
box-shadow: 0 12px 32px rgba(0,0,0,.08) !important;
}
#page-id-store-product .catalog .slot .inner:hover .img img {
transform: scale(1.05) !important;
}
#page-id-store-product .catalog .slot .img { overflow: hidden !important; }
#page-id-store-product .catalog .slot .img img {
transition: transform .4s !important; width: 100% !important;
}
#page-id-store-product .catalog .slot h3.title {
font-family: 'Roboto Slab', serif !important;
font-size: .92em !important; color: #1a3a2a !important;
}
#page-id-store-product .catalog .slot h3.title a {
color: #1a3a2a !important; text-decoration: none !important;
}
#page-id-store-product .catalog .slot .price .old {
color: #bbb !important; text-decoration: line-through !important;
}
#page-id-store-product .catalog .slot .price .new {
font-weight: 700 !important; color: #2d6a4f !important;
}
/* Hide old layout wrappers, sidebar */
#page-id-store-product .wrapper-fullwidth { display: none !important; }
/* Background */
#page-id-store-product { background: #fafcfa !important; }
/* Responsive */
@media (max-width: 768px) {
.sp-hero { padding: 90px 0 32px; }
.sp-hero__h1 { font-size: 1.4em; }
.sp-prod { padding: 24px 0 48px; }
#page-id-store-product .zoom-desc {
flex-direction: column !important;
min-height: auto !important;
}
#page-id-store-product .vue-zoom-container {
min-height: 260px !important;
}
#page-id-store-product .thumbs-container {
flex: none !important; width: 100% !important;
}
#page-id-store-product .flex-vert {
flex-direction: row !important;
}
#page-id-store-product .thumb {
width: 60px !important; height: 60px !important;
flex: none !important; min-height: auto !important;
}
#page-id-store-product .product-box {
padding: 20px !important; border-radius: 16px !important;
}
}
/* ============================================================
STORE: Fix picsColumns — override Bulma completely
============================================================ */
#page-id-page-store .block-picsColumns {
padding: 0 !important;
}
#page-id-page-store .block-picsColumns > .wrapper {
padding: 0 !important;
max-width: 100% !important;
}
#page-id-page-store .block-picsColumns .text-block-3 {
width: 100% !important;
}
/* Kill Bulma .columns flex and use CSS Grid */
#page-id-page-store .block-picsColumns .text-block-3 > .columns {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
margin: 0 !important;
padding: 0 !important;
flex-wrap: unset !important;
}
/* Kill Bulma .column.is-4 flex/width overrides */
#page-id-page-store .block-picsColumns .text-block-3 > .columns > .column,
#page-id-page-store .block-picsColumns .text-block-3 > .columns > .column.is-4 {
width: 100% !important;
flex: unset !important;
max-width: 100% !important;
margin: 0 !important;
padding: 32px 28px !important;
background: #fff !important;
border-radius: 20px !important;
border: 1px solid #e0ebe0 !important;
text-align: center !important;
transition: all .35s cubic-bezier(.4,0,.2,1) !important;
box-shadow: 0 2px 12px rgba(0,0,0,.03) !important;
}
#page-id-page-store .block-picsColumns .text-block-3 > .columns > .column:hover {
transform: translateY(-6px) !important;
box-shadow: 0 16px 40px rgba(64,145,108,.12) !important;
border-color: #b8d8b8 !important;
}
/* Icon */
#page-id-page-store .block-picsColumns .text-block-3 .column > img {
width: 64px !important;
height: 64px !important;
display: block !important;
margin: 0 auto 20px !important;
padding: 0 !important;
filter: none !important;
}
/* Title */
#page-id-page-store .block-picsColumns .text-block-3 .column > h3 {
font-family: 'Roboto Slab', serif !important;
color: #1a3a2a !important;
font-size: 1.1em !important;
font-weight: 700 !important;
margin: 0 0 12px !important;
padding: 0 !important;
}
/* Text */
#page-id-page-store .block-picsColumns .text-block-3 .column > p {
font-size: .9em !important;
line-height: 1.7 !important;
color: #666 !important;
margin: 0 !important;
padding: 0 !important;
}
/* Mobile: 1 column */
@media (max-width: 767px) {
#page-id-page-store .block-picsColumns .text-block-3 > .columns {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
}
/* ============================================================
STORE: Override old .text-block-3 absolute positioning
============================================================ */
#page-id-page-store .text-block-3 img {
position: static !important;
margin-left: 0 !important;
width: 64px !important;
height: 64px !important;
display: block !important;
margin: 0 auto 20px !important;
}
#page-id-page-store .text-block-3 h3 {
text-transform: none !important;
color: #1a3a2a !important;
font-size: 1.1em !important;
text-align: center !important;
margin: 0 0 12px !important;
padding: 0 !important;
}
#page-id-page-store .text-block-3 p {
text-align: center !important;
font-size: .9em !important;
line-height: 1.7 !important;
color: #666 !important;
}
#page-id-page-store .text-block-3 .columns > .column {
padding-left: 28px !important;
padding-right: 28px !important;
padding-top: 32px !important;
padding-bottom: 28px !important;
}
/* ============================================================
STORE: COMPLETE .text-block-3 neutralisation
Kill every legacy style from this class on the store page
============================================================ */
#page-id-page-store .block-picsColumns .text-block-3 {
display: block !important;
padding: 0 !important;
margin: 0 !important;
position: static !important;
width: 100% !important;
max-width: 100% !important;
overflow: visible !important;
}
#page-id-page-store .block-picsColumns .text-block-3 > .columns {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
margin: 0 !important;
padding: 0 !important;
flex-wrap: unset !important;
width: 100% !important;
}
#page-id-page-store .block-picsColumns .text-block-3 > .columns > .column,
#page-id-page-store .block-picsColumns .text-block-3 > .columns > .column.is-4 {
padding: 32px 28px 28px !important;
width: 100% !important;
flex: unset !important;
max-width: 100% !important;
margin: 0 !important;
background: #fff !important;
border-radius: 20px !important;
border: 1px solid #e0ebe0 !important;
text-align: center !important;
position: relative !important;
box-shadow: 0 2px 12px rgba(0,0,0,.03) !important;
transition: transform .35s cubic-bezier(.4,0,.2,1), box-shadow .35s cubic-bezier(.4,0,.2,1) !important;
}
#page-id-page-store .block-picsColumns .text-block-3 > .columns > .column:hover {
transform: translateY(-6px) !important;
box-shadow: 0 16px 40px rgba(64,145,108,.12) !important;
border-color: #b8d8b8 !important;
}
/* Icon — remove position:absolute, center it */
#page-id-page-store .block-picsColumns .text-block-3 img,
#page-id-page-store .text-block-3 img {
position: static !important;
display: block !important;
margin: 0 auto 18px !important;
margin-left: auto !important;
width: 60px !important;
height: 60px !important;
filter: none !important;
}
/* Title — remove uppercase, center */
#page-id-page-store .block-picsColumns .text-block-3 h3,
#page-id-page-store .text-block-3 h3 {
text-transform: none !important;
color: #1a3a2a !important;
font-family: 'Roboto Slab', serif !important;
font-size: 1.1em !important;
font-weight: 700 !important;
text-align: center !important;
margin: 0 0 12px !important;
padding: 0 !important;
}
/* Paragraph — center, readable */
#page-id-page-store .block-picsColumns .text-block-3 p,
#page-id-page-store .text-block-3 p {
text-align: center !important;
font-size: .9em !important;
line-height: 1.7 !important;
color: #555 !important;
font-weight: 400 !important;
margin: 0 !important;
padding: 0 !important;
}
/* Kill legacy padding-left: 110px */
#page-id-page-store .text-block-3 .columns > .column,
#page-id-page-store .block-picsColumns .text-block-3 .columns > .column {
padding-left: 28px !important;
}
/* Mobile */
@media (max-width: 767px) {
#page-id-page-store .block-picsColumns .text-block-3 > .columns {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
}
/* ============================================================
NEW PRODUCT PAGE — sp-card design system
============================================================ */
/* Hide old elements completely */
#page-id-store-product .store-product { display: none !important; }
#page-id-store-product .wrapper-fullwidth { display: none !important; }
#page-id-store-product .pictures-widget { display: none !important; }
#page-id-store-product .zoom-desc { display: none !important; }
/* Body bg */
#page-id-store-product {
background: #f7faf7 !important;
}
/* Inner container */
.sp-prod__inner {
max-width: 1100px;
margin: 0 auto;
padding: 0 24px;
}
/* ---- Out of stock ---- */
.sp-empty {
text-align: center;
padding: 80px 24px;
max-width: 480px;
margin: 0 auto;
}
.sp-empty__icon { margin-bottom: 24px; }
.sp-empty__title {
font: 700 1.5em/1.3 'Roboto Slab', serif;
color: #1a3a2a;
margin: 0 0 12px;
}
.sp-empty__text {
color: #777;
font-size: .95em;
margin: 0 0 28px;
line-height: 1.6;
}
.sp-empty__btn {
display: inline-block;
padding: 14px 36px;
border-radius: 14px;
background: linear-gradient(135deg, #40916c, #52b788);
color: #fff;
text-decoration: none;
font-weight: 600;
transition: all .3s;
}
.sp-empty__btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(64,145,108,.25);
}
/* ---- Product card ---- */
.sp-card {
margin-bottom: 48px;
animation: spCardIn .6s ease-out both;
}
@keyframes spCardIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.sp-card__row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
background: #fff;
border-radius: 24px;
padding: 32px;
border: 1px solid #e8ede8;
box-shadow: 0 4px 32px rgba(0,0,0,.04);
}
/* ---- Gallery ---- */
.sp-card__gallery {
position: relative;
}
.sp-card__main-img {
width: 100%;
padding-top: 100%;
border-radius: 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-color: #f5f7f5;
cursor: crosshair;
position: relative;
overflow: hidden;
transition: background-image .3s;
}
.sp-card__zoom-lens {
position: absolute;
inset: 0;
background-size: 200%;
background-repeat: no-repeat;
z-index: 2;
pointer-events: none;
}
.sp-card__thumbs {
display: flex;
gap: 8px;
margin-top: 12px;
}
.sp-card__thumb {
flex: 1;
aspect-ratio: 1;
max-width: 72px;
border-radius: 12px;
background-size: cover;
background-position: center;
background-color: #f0f3f0;
border: 2px solid transparent;
cursor: pointer;
transition: all .25s;
outline: none;
padding: 0;
}
.sp-card__thumb.is-active {
border-color: #52b788;
box-shadow: 0 0 0 3px rgba(82,183,136,.15);
}
.sp-card__thumb:not(.is-active):hover {
border-color: #d0e0d0;
transform: scale(1.05);
}
.sp-card__nav {
position: absolute;
top: 12px;
right: 12px;
display: flex;
gap: 6px;
z-index: 3;
}
.sp-card__nav-btn {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 10px;
background: rgba(255,255,255,.9);
backdrop-filter: blur(8px);
color: #555;
text-decoration: none;
font-size: 1.1em;
font-weight: 700;
transition: all .25s;
border: 1px solid rgba(0,0,0,.06);
}
.sp-card__nav-btn:hover {
background: #52b788;
color: #fff;
border-color: transparent;
}
/* ---- Info column ---- */
.sp-card__info {
display: flex;
flex-direction: column;
gap: 0;
}
.sp-card__back {
display: inline-flex;
align-items: center;
gap: 6px;
color: #52b788;
text-decoration: none;
font-size: .85em;
font-weight: 500;
margin-bottom: 16px;
transition: color .2s;
width: fit-content;
}
.sp-card__back:hover { color: #2d6a4f; }
.sp-card__sku {
font-size: .8em;
color: #aaa;
letter-spacing: .03em;
margin: 0 0 14px;
}
.sp-card__labels {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 16px;
}
.sp-card__cat {
display: inline-block;
padding: 5px 14px;
border-radius: 20px;
background: #edf7f0;
color: #2d6a4f;
font-size: .8em;
font-weight: 500;
text-decoration: none;
transition: all .25s;
}
.sp-card__cat:hover {
background: #52b788;
color: #fff;
}
.sp-card__badge {
display: inline-block;
padding: 5px 14px;
border-radius: 20px;
font-size: .78em;
font-weight: 600;
color: #fff;
}
.sp-card__badge.--top {
background: linear-gradient(135deg, #ff9800, #ffc107);
}
.sp-card__badge.--sale {
background: linear-gradient(135deg, #e53935, #ff5252);
}
.sp-card__desc {
font-size: .92em;
line-height: 1.8;
color: #555;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #f0f2f0;
}
.sp-card__desc p {
margin: 0 0 10px;
}
.sp-card__price {
display: flex;
align-items: baseline;
gap: 16px;
margin-bottom: 24px;
}
.sp-card__price-old {
font-size: 1em;
color: #bbb;
text-decoration: line-through;
}
.sp-card__price-new {
font: 800 2.2em/1 'Roboto Slab', serif;
color: #2d6a4f;
}
.sp-card__actions {
display: flex;
gap: 12px;
align-items: center;
margin-bottom: 28px;
}
/* Override default buy button inside sp-card */
.sp-card__actions .buy-button,
.sp-card .buy-button {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
padding: 15px 36px !important;
border-radius: 14px !important;
font-size: 1em !important;
font-weight: 700 !important;
border: none !important;
cursor: pointer !important;
transition: all .3s !important;
background: linear-gradient(135deg, #40916c, #52b788) !important;
color: #fff !important;
box-shadow: 0 4px 16px rgba(64,145,108,.2) !important;
text-decoration: none !important;
}
.sp-card__actions .buy-button:hover,
.sp-card .buy-button:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 28px rgba(64,145,108,.3) !important;
background: linear-gradient(135deg, #2d6a4f, #40916c) !important;
}
.sp-card__actions .buy-button.in-cart,
.sp-card .buy-button.in-cart {
background: #e8f5e9 !important;
color: #2d6a4f !important;
box-shadow: none !important;
}
.sp-card__actions .buy-button svg,
.sp-card .buy-button svg {
width: 20px !important;
height: 20px !important;
}
.sp-card__tg {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 14px 24px;
border-radius: 14px;
background: #e3f2fd;
color: #1976d2;
text-decoration: none;
font-weight: 600;
font-size: .92em;
transition: all .3s;
white-space: nowrap;
}
.sp-card__tg:hover {
background: #1976d2;
color: #fff;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(25,118,210,.2);
}
.sp-card__delivery {
display: flex;
flex-direction: column;
gap: 12px;
padding: 20px;
background: #f8faf8;
border-radius: 14px;
border: 1px solid #e8ede8;
}
.sp-card__delivery-item {
display: flex;
align-items: center;
gap: 10px;
font-size: .85em;
color: #666;
}
.sp-card__delivery-item svg {
flex-shrink: 0;
}
/* ---- Recommendations ---- */
.sp-prod__rec {
margin-top: 48px;
animation: spCardIn .6s .2s ease-out both;
}
.sp-prod__rec .products-group h2 {
font: 700 1.4em/1.2 'Roboto Slab', serif !important;
color: #1a3a2a !important;
position: relative !important;
padding: 0 0 14px !important;
margin: 0 0 28px !important;
}
.sp-prod__rec .products-group h2::after {
content: '' !important;
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
width: 40px !important;
height: 3px !important;
border-radius: 2px !important;
background: linear-gradient(90deg, #40916c, #52b788) !important;
}
.sp-prod__rec .catalog .slot .inner {
background: #fff !important;
border-radius: 16px !important;
overflow: hidden !important;
border: 1px solid #e8ede8 !important;
transition: all .3s !important;
}
.sp-prod__rec .catalog .slot .inner:hover {
transform: translateY(-4px) !important;
box-shadow: 0 12px 32px rgba(0,0,0,.06) !important;
}
.sp-prod__rec .catalog .slot .inner:hover .img img {
transform: scale(1.05) !important;
}
.sp-prod__rec .catalog .slot .img {
overflow: hidden !important;
}
.sp-prod__rec .catalog .slot .img img {
transition: transform .4s !important;
width: 100% !important;
}
.sp-prod__rec .catalog .slot h3.title a {
color: #1a3a2a !important;
text-decoration: none !important;
font-family: 'Roboto Slab', serif !important;
}
.sp-prod__rec .catalog .slot .price .old {
color: #bbb !important;
text-decoration: line-through !important;
}
.sp-prod__rec .catalog .slot .price .new {
font-weight: 700 !important;
color: #2d6a4f !important;
}
.sp-prod__rec .btn-green {
background: linear-gradient(135deg, #40916c, #52b788) !important;
color: #fff !important;
border-radius: 10px !important;
border: none !important;
transition: all .3s !important;
}
.sp-prod__rec .btn-green:hover {
background: linear-gradient(135deg, #2d6a4f, #40916c) !important;
}
.sp-prod__rec .btn-green.in-cart {
background: #e8f5e9 !important;
color: #2d6a4f !important;
}
/* ---- Responsive ---- */
@media (max-width: 860px) {
.sp-card__row {
grid-template-columns: 1fr;
gap: 28px;
padding: 20px;
}
.sp-card__main-img {
padding-top: 90%;
}
.sp-card__price-new {
font-size: 1.8em;
}
.sp-card__actions {
flex-direction: column;
align-items: stretch;
}
.sp-card__actions .buy-button,
.sp-card .buy-button {
justify-content: center !important;
width: 100% !important;
}
.sp-card__tg {
justify-content: center;
}
}
@media (max-width: 480px) {
.sp-card__row {
padding: 16px;
border-radius: 18px;
}
.sp-card__thumb {
max-width: 56px;
}
}
/* Fallback ![]()
inside main gallery — visible by default, hidden when Alpine loads */
.sp-card__main-fallback {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
z-index: 1;
border-radius: 16px;
pointer-events: none;
}
/* When Alpine.js is active, hide the fallback img so background-image shows */
[x-data] .sp-card__main-img .sp-card__main-fallback {
opacity: 0;
}
/* Ensure main-img always has proper dimensions */
.sp-card__main-img {
min-height: 300px;
}
/* ============================================================
PRODUCT GALLERY v3 — real ![]()
based
============================================================ */
.sp-card__main-wrap {
position: relative;
width: 100%;
border-radius: 16px;
overflow: hidden;
background: #f5f7f5;
aspect-ratio: 1 / 1;
display: flex;
align-items: center;
justify-content: center;
}
.sp-card__img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
border-radius: 16px;
transition: opacity .3s ease;
}
/* Hide old background-image based main-img */
.sp-card__main-img {
display: none !important;
}
/* Remove old fallback rules */
.sp-card__main-fallback {
display: none !important;
}
.sp-card__zoom-lens {
display: none !important;
}
/* ============================================================
STORE: Gallery (house-gal) — beautiful grid
============================================================ */
#page-id-page-store .block-nashDom .house-gal,
#page-id-page-store .house-gal {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 12px !important;
max-width: 1100px !important;
margin: 0 auto !important;
padding: 0 20px !important;
}
#page-id-page-store .house-gal > a.zoom {
display: block !important;
position: relative !important;
border-radius: 14px !important;
overflow: hidden !important;
aspect-ratio: 4 / 3 !important;
flex: unset !important;
}
#page-id-page-store .house-gal > a.zoom::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(180deg, transparent 60%, rgba(0,0,0,.15) 100%) !important;
opacity: 0 !important;
transition: opacity .3s !important;
border-radius: 14px !important;
}
#page-id-page-store .house-gal > a.zoom:hover::after {
opacity: 1 !important;
}
#page-id-page-store .house-gal > a.zoom img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
transition: transform .4s cubic-bezier(.4,0,.2,1) !important;
border-radius: 14px !important;
}
#page-id-page-store .house-gal > a.zoom:hover img {
transform: scale(1.06) !important;
}
@media (max-width: 767px) {
#page-id-page-store .house-gal {
grid-template-columns: repeat(2, 1fr) !important;
gap: 8px !important;
padding: 0 12px !important;
}
}
@media (max-width: 480px) {
#page-id-page-store .house-gal {
grid-template-columns: 1fr !important;
}
}
/* About house text block */
#page-id-page-store .block-nashDom .about-house,
#page-id-page-store .about-house {
max-width: 1100px !important;
margin: 0 auto 32px !important;
padding: 0 20px !important;
}
#page-id-page-store .about-house h2 {
font: 700 1.5em/1.3 'Roboto Slab', serif !important;
color: #1a3a2a !important;
position: relative !important;
padding-bottom: 14px !important;
margin-bottom: 20px !important;
}
#page-id-page-store .about-house h2::after {
content: '' !important;
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
width: 40px !important;
height: 3px !important;
border-radius: 2px !important;
background: linear-gradient(90deg, #40916c, #52b788) !important;
}
#page-id-page-store .about-house .p {
font-size: .92em !important;
line-height: 1.8 !important;
color: #555 !important;
}
/* ============================================================
STORE: PicsColumns — FINAL nuclear override
Kill ALL nesting constraints, force full-width 3-col grid
============================================================ */
#page-id-page-store .block-picsColumns {
padding: 40px 0 !important;
}
#page-id-page-store .block-picsColumns > .wrapper {
max-width: 1100px !important;
margin: 0 auto !important;
padding: 0 20px !important;
width: 100% !important;
}
#page-id-page-store .block-picsColumns .text-block-3 {
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
#page-id-page-store .block-picsColumns .text-block-3 > .columns,
#page-id-page-store .text-block-3 > .columns {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
flex-wrap: unset !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#page-id-page-store .block-picsColumns .text-block-3 > .columns > .column,
#page-id-page-store .block-picsColumns .text-block-3 > .columns > .column.is-4,
#page-id-page-store .text-block-3 > .columns > .column,
#page-id-page-store .text-block-3 > .columns > .column.is-4,
#page-id-page-store .text-block-3 .columns > .column {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
flex: unset !important;
margin: 0 !important;
padding: 36px 28px 32px !important;
padding-left: 28px !important;
background: #fff !important;
border-radius: 20px !important;
border: 1px solid #e0ebe0 !important;
text-align: center !important;
box-shadow: 0 2px 16px rgba(0,0,0,.03) !important;
transition: all .35s cubic-bezier(.4,0,.2,1) !important;
position: relative !important;
}
#page-id-page-store .block-picsColumns .text-block-3 > .columns > .column:hover,
#page-id-page-store .text-block-3 > .columns > .column:hover {
transform: translateY(-6px) !important;
box-shadow: 0 16px 40px rgba(64,145,108,.13) !important;
border-color: #b8d8b8 !important;
}
/* Icon */
#page-id-page-store .block-picsColumns .text-block-3 .column img,
#page-id-page-store .text-block-3 .column img,
#page-id-page-store .text-block-3 img {
position: static !important;
display: block !important;
width: 56px !important;
height: 56px !important;
margin: 0 auto 20px !important;
margin-left: auto !important;
padding: 12px !important;
background: #edf7f0 !important;
border-radius: 16px !important;
flex-shrink: 0 !important;
}
/* Title */
#page-id-page-store .block-picsColumns .text-block-3 .column h3,
#page-id-page-store .text-block-3 .column h3,
#page-id-page-store .text-block-3 h3 {
text-transform: none !important;
color: #1a3a2a !important;
font-family: 'Roboto Slab', serif !important;
font-size: 1.05em !important;
font-weight: 700 !important;
text-align: center !important;
margin: 0 0 12px !important;
padding: 0 !important;
line-height: 1.3 !important;
}
/* Text */
#page-id-page-store .block-picsColumns .text-block-3 .column p,
#page-id-page-store .text-block-3 .column p,
#page-id-page-store .text-block-3 p {
text-align: center !important;
font-size: .88em !important;
line-height: 1.7 !important;
color: #666 !important;
font-weight: 400 !important;
margin: 0 !important;
padding: 0 !important;
}
@media (max-width: 767px) {
#page-id-page-store .block-picsColumns .text-block-3 > .columns,
#page-id-page-store .text-block-3 > .columns {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
}
/* ============================================================
STORE: PicsColumns — Inline style via JS (ultimate fix)
============================================================ */
#page-id-page-store .block-picsColumns .text-block-3 > .columns {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
margin: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
flex-wrap: unset !important;
-webkit-box-orient: unset !important;
-webkit-box-direction: unset !important;
flex-direction: unset !important;
}
#page-id-page-store .block-picsColumns .text-block-3 > .columns > .column,
#page-id-page-store .block-picsColumns .text-block-3 > .columns > .column.is-4 {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
flex: unset !important;
flex-basis: unset !important;
flex-grow: unset !important;
flex-shrink: unset !important;
box-sizing: border-box !important;
margin: 0 !important;
padding: 36px 28px 32px !important;
padding-left: 28px !important;
background: #fff !important;
border-radius: 20px !important;
border: 1px solid #e0ebe0 !important;
text-align: center !important;
box-shadow: 0 2px 16px rgba(0,0,0,.03) !important;
transition: all .35s cubic-bezier(.4,0,.2,1) !important;
}
/* Hide picsColumns block entirely on store page */
#page-id-page-store .block-picsColumns {
display: none !important;
}
/* Remove dark filter from main hero banner */
.shale-hero__overlay {
background: linear-gradient(180deg,
transparent 0%,
transparent 50%,
rgba(10,20,30,0.2) 80%,
rgba(10,20,30,0.4) 100%
) !important;
}
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:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;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(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.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;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:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;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{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top: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--pdf .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:transparent;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:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.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--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;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;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.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{animation:a 1s linear infinite;background:transparent;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}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.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}.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;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:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;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;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);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:50%;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:none;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}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}