/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0
}

a {
    text-decoration: none
}

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
}

*,*:before,*:after {
    box-sizing: inherit
}

img,video {
    height: auto;
    max-width: 100%
}

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

td:not([align]),th:not([align]) {
    text-align: left
}

@font-face {
    font-family: quicksand-bold;
    src: url(Quicksand-Bold.df5cd79997e22ec0.woff2) format("woff2"),url(Quicksand-Bold.0ebd06b07814b93e.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: quicksand-semi-bold;
    src: url(Quicksand-SemiBold.413ea8e98ec0f8e4.woff2) format("woff2"),url(Quicksand-SemiBold.2b3f0df60dc56b44.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: quicksand-light;
    src: url(Quicksand-Light.ada2658d3d02ee82.woff2) format("woff2"),url(Quicksand-Light.907255080c50d921.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: quicksand-regular;
    src: url(Quicksand-Regular.d7a2c6c0f476cdf6.woff2) format("woff2"),url(Quicksand-Regular.21efa4a2d9dea2ab.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: quicksand-medium;
    src: url(Quicksand-Medium.8d276e8484796c87.woff2) format("woff2"),url(Quicksand-Medium.9109a8dde2574699.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(fa-solid-900.631e7c263e81c4bb.woff2) format("woff2"),url(fa-solid-900.e2efc4219f5490da.woff) format("woff")
}

@font-face {
    font-family: roboto-bold;
    src: url(roboto-bold-webfont.6922ce4e78826c62.woff2) format("woff2"),url(roboto-bold-webfont.70ce619991bb2c3b.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: roboto-black;
    src: url(roboto-black-webfont.5ac6b57e0a2a6372.woff2) format("woff2"),url(roboto-black-webfont.9226acb2b24313e1.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: roboto-regular;
    src: url(roboto-regular-webfont.9665bbcf75382b38.woff2) format("woff2"),url(roboto-regular-webfont.21b913c2a368210f.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.is-number {
    font-family: roboto-bold
}

.is-bold {
    font-family: quicksand-bold
}

.is-semi-bold {
    font-family: quicksand-semi-bold
}

.is-light {
    font-family: quicksand-light
}

.is-medium {
    font-family: quicksand-medium
}

.is-size-40 {
    font-size: 2.5rem;
    line-height: 2.5rem
}

.is-size-24 {
    font-size: 1.5rem;
    line-height: 1.5rem
}

.is-size-22 {
    font-size: 1.375rem;
    line-height: 1.5rem
}

.is-size-20 {
    font-size: 1.25rem;
    line-height: 1.3rem
}

.is-size-16 {
    font-size: 1rem;
    line-height: 1.25rem
}

.is-size-14 {
    font-size: .875rem;
    line-height: 1.25rem
}

.is-size-12 {
    font-size: .75rem;
    line-height: 1.25rem
}

.is-size-10 {
    font-size: .625rem;
    line-height: 1.25rem
}

.has-text-blue {
    color: var(--blue)
}

.has-text-red {
    color: var(--red)
}

.has-text-blue-50 {
    color: var(--blue)
}

.text-highlight-blue-50 {
    display: inline-block;
    background: var(--blue);
    color: var(--white);
    border-radius: 6px;
    padding: .25rem .5rem;
    box-shadow: 2px 4px 8px #2264cb30
}

.text-highlight-white-blue,.text-highlight-white-red {
    display: inline-block;
    background: linear-gradient(to right,#fffc,#fffc);
    color: var(--blue);
    border-radius: 6px;
    padding: .25rem .5rem;
    box-shadow: 2px 4px 8px #2264cb30
}

.text-highlight-white-red {
    color: var(--red)
}

a {
    display: var(--a-tag-display, flex);
    align-items: center;
    color: var(--blue);
    text-decoration: none
}

a.inline {
    display: inline-block
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both!important
}

.animated .fast {
    animation-duration: .4s
}

.infinite {
    animation-iteration-count: infinite
}

.alternate {
    animation-direction: alternate
}

.delay1 {
    animation-delay: 1s!important
}

.delay1-5 {
    animation-delay: 1.5s!important
}

.delay2 {
    animation-delay: 2s!important
}

.delay2-5 {
    animation-delay: 2.5s!important
}

.delay3 {
    animation-delay: 3s!important
}

.delay4 {
    animation-delay: 4s!important
}

.delay5 {
    animation-delay: 5s!important
}

.delay-05 {
    animation-delay: .5s!important
}

.swing {
    transform-origin: top center;
    animation-name: brk-swing!important
}

@keyframes brk-swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0)
    }
}

.flash {
    animation-name: brk-flash!important
}

@keyframes brk-flash {
    0%,to,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.shake {
    animation-name: brk-shake!important
}

@keyframes brk-shake {
    0%,to {
        transform: translate(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate(-10px)
    }

    20%,40%,60%,80% {
        transform: translate(10px)
    }
}

.bounce {
    animation-name: brk-bounce!important
}

@keyframes brk-bounce {
    0%,to,20%,50%,80% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}

.tada {
    animation-name: brk-tada!important
}

@keyframes brk-tada {
    0% {
        transform: scale(1)
    }

    10%,20% {
        transform: scale(.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale(1.1) rotate(-3deg)
    }

    to {
        transform: scale(1) rotate(0)
    }
}

.wobble {
    animation-name: brk-wobble!important
}

@keyframes brk-wobble {
    0% {
        transform: translate(0)
    }

    15% {
        transform: translate(-25%) rotate(-5deg)
    }

    30% {
        transform: translate(20%) rotate(3deg)
    }

    45% {
        transform: translate(-15%) rotate(-3deg)
    }

    60% {
        transform: translate(10%) rotate(2deg)
    }

    75% {
        transform: translate(-5%) rotate(-1deg)
    }

    to {
        transform: translate(0)
    }
}

.pulse {
    animation-name: brk-pulse!important
}

@keyframes brk-pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

.flip {
    transform: translateY(visible);
    animation-name: brk-flip!important
}

@keyframes brk-flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        animation-timing-function: ease-in
    }
}

.flipInX {
    transform: translateY(visible);
    animation-name: brk-flipInX!important
}

@keyframes brk-flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        transform: perspective(400px) rotateX(10deg)
    }

    to {
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

.flipOutX {
    animation-name: brk-flipOutX!important;
    transform: translateY(visible)
}

@keyframes brk-flipOutX {
    0% {
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipInY {
    transform: translateY(visible);
    animation-name: brk-flipInY!important
}

@keyframes brk-flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        transform: perspective(400px) rotateY(10deg)
    }

    to {
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

.flipOutY {
    transform: translateY(visible);
    animation-name: brk-flipOutY!important
}

@keyframes brk-flipOutY {
    0% {
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.fadeIn {
    animation-name: brk-fadeIn!important
}

@keyframes brk-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeInUp {
    animation-name: brk-fadeInUp!important
}

@keyframes brk-fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDown {
    animation-name: brk-fadeInDown!important
}

@keyframes brk-fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInLeft {
    animation-name: brk-fadeInLeft!important
}

@keyframes brk-fadeInLeft {
    0% {
        opacity: 0;
        transform: translate(-20px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

.fadeInRight {
    animation-name: brk-fadeInRight!important
}

@keyframes brk-fadeInRight {
    0% {
        opacity: 0;
        max-width: 0%;
        transform: translate(20px)
    }

    to {
        opacity: 1;
        max-width: 100%;
        transform: translate(0)
    }
}

.fadeInUpBig {
    animation-name: brk-fadeInUpBig!important
}

@keyframes brk-fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDownBig {
    animation-name: brk-fadeInDownBig!important
}

@keyframes brk-fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInLeftBig {
    animation-name: brk-fadeInLeftBig!important
}

@keyframes brk-fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate(-2000px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes brk-fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate(2000px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

.fadeInRightBig {
    animation-name: brk-fadeInRightBig!important
}

@keyframes brk-fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: brk-fadeOut!important
}

@keyframes brk-fadeOutUp {
    0% {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        visibility: hidden;
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    animation-name: brk-fadeOutUp!important
}

@keyframes brk-fadeOutDown {
    0% {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        visibility: hidden;
        transform: translateY(20px)
    }
}

.fadeOutDown {
    animation-name: brk-fadeOutDown!important
}

@keyframes brk-fadeOutLeft {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(-20px)
    }
}

.fadeOutLeft {
    animation-name: brk-fadeOutLeft!important
}

@keyframes brk-fadeOutRight {
    0% {
        opacity: 1;
        max-width: 100%;
        overflow-y: auto;
        transform: translate(0)
    }

    to {
        opacity: 0;
        max-width: 0%;
        overflow-y: hidden;
        transform: translate(20px)
    }
}

.fadeOutRight {
    animation-name: brk-fadeOutRight!important
}

@keyframes brk-fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    animation-name: brk-fadeOutUpBig!important
}

@keyframes brk-fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    animation-name: brk-fadeOutDownBig!important
}

@keyframes brk-fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(-2000px)
    }
}

.fadeOutLeftBig {
    animation-name: brk-fadeOutLeftBig!important
}

@keyframes brk-fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(2000px)
    }
}

.fadeOutRightBig {
    animation-name: brk-fadeOutRightBig!important
}

@keyframes brk-bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        transform: scale(1.05)
    }

    70% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

.bounceIn {
    animation-name: brk-bounceIn!important
}

@keyframes brk-slideLeft {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

.slideLeft {
    animation-name: brk-slideLeft!important
}

@keyframes brk-slideInBottom {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

    to {
        transform: translateY(0)
    }
}

.slideInBottom {
    animation-name: brk-slideInBottom!important
}

@keyframes brk-slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    to {
        transform: translateY(0)
    }
}

.slideInDown {
    animation-name: brk-slideInDown!important
}

@keyframes brk-slideInLeft {
    0% {
        opacity: 0;
        transform: translate(-2000px)
    }

    to {
        transform: translate(0)
    }
}

.slideInLeft {
    animation-name: brk-slideInLeft!important
}

@keyframes brk-slideInRight {
    0% {
        opacity: 0;
        transform: translate(2000px)
    }

    to {
        transform: translate(0)
    }
}

.slideInRight {
    animation-name: brk-slideInRight!important
}

@keyframes brk-slideOutLeft {
    0% {
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(-2000px)
    }
}

.slideOutLeft {
    animation-name: brk-slideOutLeft!important
}

@keyframes brk-slideOutRight {
    0% {
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(2000px)
    }
}

.slideOutRight {
    animation-name: brk-slideOutRight!important
}

@keyframes brk-slideOutUp {
    0% {
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    animation-name: brk-slideOutUp!important
}

@keyframes brk-slideOutBottom {
    0% {
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.slideOutBottom {
    animation-name: brk-slideOutBottom!important
}

@keyframes brk-bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        transform: translateY(-30px)
    }

    80% {
        transform: translateY(10px)
    }

    to {
        transform: translateY(0)
    }
}

.bounceInUp {
    animation-name: brk-bounceInUp!important
}

@keyframes brk-bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        transform: translateY(30px)
    }

    80% {
        transform: translateY(-10px)
    }

    to {
        transform: translateY(0)
    }
}

.bounceInDown {
    animation-name: brk-bounceInDown!important
}

@keyframes brk-bounceInLeft {
    0% {
        opacity: 0;
        transform: translate(-2000px)
    }

    60% {
        opacity: 1;
        transform: translate(30px)
    }

    80% {
        transform: translate(-10px)
    }

    to {
        transform: translate(0)
    }
}

.bounceInLeft {
    animation-name: brk-bounceInLeft!important
}

@keyframes brk-bounceInRight {
    0% {
        opacity: 0;
        transform: translate(2000px)
    }

    60% {
        opacity: 1;
        transform: translate(-30px)
    }

    80% {
        transform: translate(10px)
    }

    to {
        transform: translate(0)
    }
}

.bounceInRight {
    animation-name: brk-bounceInRight!important
}

@keyframes brk-bounceOut {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        transform: scale(1.1)
    }

    to {
        opacity: 0;
        transform: scale(.3)
    }
}

.bounceOut {
    animation-name: brk-bounceOut!important
}

@keyframes brk-bounceOutUp {
    0% {
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        transform: translateY(20px)
    }

    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    animation-name: brk-bounceOutUp!important
}

@keyframes brk-bounceOutDown {
    0% {
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        transform: translateY(-20px)
    }

    to {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    animation-name: brk-bounceOutDown!important
}

@keyframes brk-bounceOutLeft {
    0% {
        transform: translate(0)
    }

    20% {
        opacity: 1;
        transform: translate(20px)
    }

    to {
        opacity: 0;
        transform: translate(-2000px)
    }
}

.bounceOutLeft {
    animation-name: brk-bounceOutLeft!important
}

@keyframes brk-bounceOutRight {
    0% {
        transform: translate(0)
    }

    20% {
        opacity: 1;
        transform: translate(-20px)
    }

    to {
        opacity: 0;
        transform: translate(2000px)
    }
}

.bounceOutRight {
    animation-name: brk-bounceOutRight!important
}

@keyframes brk-rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    animation-name: brk-rotateIn!important
}

@keyframes brk-rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: brk-rotateInUpLeft!important
}

@keyframes brk-rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: brk-rotateInDownLeft!important
}

@keyframes brk-rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: brk-rotateInUpRight!important
}

@keyframes brk-rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: brk-rotateInDownRight!important
}

@keyframes brk-rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: brk-rotateOut!important
}

@keyframes brk-rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: brk-rotateOutUpLeft!important
}

@keyframes brk-rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: brk-rotateOutDownLeft!important
}

@keyframes brk-rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: brk-rotateOutUpRight!important
}

@keyframes brk-rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: brk-rotateOutDownRight!important
}

@keyframes brk-hinge {
    0% {
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }

    40% {
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }

    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }

    to {
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    animation-name: brk-hinge!important
}

@keyframes brk-rollIn {
    0% {
        opacity: 0;
        transform: translate(-100%) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: translate(0) rotate(0)
    }
}

.rollIn {
    animation-name: brk-rollIn!important
}

@keyframes brk-rollOut {
    0% {
        opacity: 1;
        transform: translate(0) rotate(0)
    }

    to {
        opacity: 0;
        transform: translate(100%) rotate(120deg)
    }
}

.rollOut {
    animation-name: brk-rollOut!important
}

@keyframes brk-lightSpeedIn {
    0% {
        transform: translate(100%) skew(-30deg);
        opacity: 0
    }

    60% {
        transform: translate(-20%) skew(30deg);
        opacity: 1
    }

    80% {
        transform: translate(0) skew(-15deg);
        opacity: 1
    }

    to {
        transform: translate(0) skew(0);
        opacity: 1
    }
}

.lightSpeedIn {
    animation-name: brk-lightSpeedIn!important;
    animation-timing-function: ease-out;
    animation-duration: .5s
}

@keyframes brk-lightSpeedOut {
    0% {
        transform: translate(0) skew(0);
        opacity: 1
    }

    to {
        transform: translate(100%) skew(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: brk-lightSpeedOut!important;
    animation-timing-function: ease-in;
    animation-duration: .25s
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

@keyframes brk-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes brk-increaseHeight {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.increaseHeight {
    animation-name: brk-increaseHeight!important
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -500px 0
    }

    to {
        background-position: 500px 0
    }
}

.placeHolderShimmer {
    animation-duration: 1.6s;
    animation-fill-mode: both!important;
    animation-name: brk-placeHolderShimmer!important
}

.transition {
    transition: all 1s ease
}

.fade-in {
    animation: fadeIn .35s forwards 0s ease-in
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

* {
    box-sizing: border-box
}

html {
    font-family: var(--font-regular),sans-serif;
    color: var(--text)
}

.scroll {
    margin: .5rem
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--blue);
    box-shadow: inset 0 0 6px #0000004d;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.scroll::-webkit-scrollbar-track {
    padding: 10px!important;
    box-shadow: inset 0 0 6px #0000004d;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: var(---grey-lighten)
}

.scroll::-webkit-scrollbar {
    width: 6px
}

:root {
    --blue: #0066cc;
    --blue-active: #0248ac;
    --blue-lighten: #aad5ed;
    --blue-aqua: #ddeef8;
    --blue-dark: #110043;
    --grey: #cdd2dc;
    --grey-lighten: #ebecf3;
    --grey-darken: #616c83;
    --green: #69d480;
    --green-aqua: #c3eecc;
    --green-accent: #A2FF00;
    --red: #f65f65;
    --red-aqua: #fbbfc1;
    --white: #ffffff;
    --black: #000000;
    --yellow: #fec620;
    --pink: #fde6e9;
    --text: #616c83;
    --text-contrast: #212630;
    --background: #f7f7fa;
    --font-regular: "quicksand-regular";
    --font-medium: "quicksand-medium";
    --font-bold: "quicksand-bold";
    --input-required-margin: 0 .2rem 0 0
}

@media only screen and (min-width: 0) {
    .container {
        width:calc(100vw - 40px);
        margin-right: auto;
        margin-left: auto
    }

    .row {
        box-sizing: border-box;
        display: flex;
        flex: 0 1 auto;
        flex-direction: row;
        flex-wrap: wrap;
        margin-right: -16px;
        margin-left: -16px
    }

    .row.reverse {
        flex-direction: row-reverse
    }

    .col.reverse {
        flex-direction: column-reverse
    }

    .col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4 {
        box-sizing: border-box;
        flex: 0 0 auto;
        padding-right: 16px;
        padding-left: 16px
    }

    .col-sm {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }

    .col-sm-1 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-sm-2 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-sm-3 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-sm-4 {
        flex-basis: 100%;
        max-width: 100%
    }

    .start-sm {
        justify-content: flex-start;
        text-align: start
    }

    .center-sm {
        justify-content: center;
        text-align: center
    }

    .end-sm {
        justify-content: flex-end;
        text-align: end
    }

    .top-sm {
        align-items: flex-start
    }

    .middle-sm {
        align-items: center
    }

    .bottom-sm {
        align-items: flex-end
    }

    .around-sm {
        justify-content: space-around
    }

    .between-sm {
        justify-content: space-between
    }

    .first-sm {
        order: -1
    }

    .last-sm {
        order: 1
    }
}

@media only screen and (min-width: 1024px) {
    .container {
        width:calc(100vw - 160px);
        max-width: 1206px;
        margin: 0 auto
    }

    .col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
        box-sizing: border-box;
        flex: 0 0 auto;
        padding-right: 16px;
        padding-left: 16px
    }

    .col-md {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }

    .col-md-1 {
        flex-basis: 8.333%;
        max-width: 8.333%
    }

    .col-md-2 {
        flex-basis: 16.667%;
        max-width: 16.667%
    }

    .col-md-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .col-md-5 {
        flex-basis: 41.667%;
        max-width: 41.667%
    }

    .col-md-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex-basis: 58.333%;
        max-width: 58.333%
    }

    .col-md-8 {
        flex-basis: 66.667%;
        max-width: 66.667%
    }

    .col-md-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    .col-md-11 {
        flex-basis: 91.667%;
        max-width: 91.667%
    }

    .col-md-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.333%
    }

    .col-md-offset-2 {
        margin-left: 16.667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.333%
    }

    .col-md-offset-5 {
        margin-left: 41.667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.333%
    }

    .col-md-offset-8 {
        margin-left: 66.667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.333%
    }

    .col-md-offset-11 {
        margin-left: 91.667%
    }

    .start-md {
        justify-content: flex-start;
        text-align: start
    }

    .center-md {
        justify-content: center;
        text-align: center
    }

    .end-md {
        justify-content: flex-end;
        text-align: end
    }

    .top-md {
        align-items: flex-start
    }

    .middle-md {
        align-items: center
    }

    .bottom-md {
        align-items: flex-end
    }

    .around-md {
        justify-content: space-around
    }

    .between-md {
        justify-content: space-between
    }

    .first-md {
        order: -1
    }

    .last-md {
        order: 1
    }
}

@media only screen and (min-width: 1366px) {
    .container {
        width:calc(100vw - 160px)
    }

    .col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
        box-sizing: border-box;
        flex: 0 0 auto;
        padding-right: 16px;
        padding-left: 16px
    }

    .col-lg {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }

    .col-lg-1 {
        flex-basis: 8.333%;
        max-width: 8.333%
    }

    .col-lg-2 {
        flex-basis: 16.667%;
        max-width: 16.667%
    }

    .col-lg-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .col-lg-5 {
        flex-basis: 41.667%;
        max-width: 41.667%
    }

    .col-lg-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex-basis: 58.333%;
        max-width: 58.333%
    }

    .col-lg-8 {
        flex-basis: 66.667%;
        max-width: 66.667%
    }

    .col-lg-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    .col-lg-11 {
        flex-basis: 91.667%;
        max-width: 91.667%
    }

    .col-lg-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.333%
    }

    .col-lg-offset-2 {
        margin-left: 16.667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.333%
    }

    .col-lg-offset-5 {
        margin-left: 41.667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.333%
    }

    .col-lg-offset-8 {
        margin-left: 66.667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.333%
    }

    .col-lg-offset-11 {
        margin-left: 91.667%
    }

    .start-lg {
        justify-content: flex-start;
        text-align: start
    }

    .center-lg {
        justify-content: center;
        text-align: center
    }

    .end-lg {
        justify-content: flex-end;
        text-align: end
    }

    .top-lg {
        align-items: flex-start
    }

    .middle-lg {
        align-items: center
    }

    .bottom-lg {
        align-items: flex-end
    }

    .around-lg {
        justify-content: space-around
    }

    .between-lg {
        justify-content: space-between
    }

    .first-lg {
        order: -1
    }

    .last-lg {
        order: 1
    }
}

html,body {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%
}

.app-loading {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%
}

.app-loading .spinner {
    height: 200px;
    width: 200px;
    animation: rotate 2s linear infinite;
    transform-origin: center center;
    position: absolute;
    inset: 0;
    margin: auto
}

.app-loading .spinner .path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    animation: dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: #ddd
}

@keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

/*# sourceMappingURL=styles.ad16c8f32afb2f99.css.map*/