.section {
    margin: 6.4rem 0
}

 .section.has-background-full,
 .section.section-pad {
    padding: 6.4rem 0
}

 .has-background {
    padding: 1.6rem;
    background-color: rgba(128, 130, 133, .15)
}

 .has-background-full {
    position: relative;
    z-index: 1
}

 .has-background-full::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 150vw;
    margin-left: -50vw;
    background-color: rgba(128, 130, 133, .15);
    z-index: -100
}





 .pullquote,
 blockquote {
    margin-bottom: 1.6rem;
    padding: 1.6rem;
    background-color: rgba(128, 130, 133, .15);
    border-left: 5px solid #80bc00
}

 .pullquote p,
 .pullquote q,
 blockquote p,
 blockquote q {
    font-size: 1.25rem;
    line-height: 1.6rem;
    display: block
}

 .pullquote footer,
 blockquote footer {
    text-align: right;
    margin-top: .8rem
}

 .callout {
    margin-bottom: 1.6rem;
    padding: 0 1.6rem;
    border-left: 5px solid #808285
}

 .callout-accent {
    border-color: #80bc00
}

 .callout-secondary {
    border-color: #295135
}

 .callout-primary {
    border-color: #1e6b52
}

 .callout-notice {
    border-color: #80bc00
}

 .callout-caution {
    border-color: #ffd400
}

 .callout-warning {
    border-color: red
}





 .borderless td,
 .borderless th {
    border: none
}

 .table-condensed td,
 .table-condensed th {
    padding: 0.4rem
}

 .table-striped tbody > tr:nth-child(odd) > td,
 .table-striped tbody > tr:nth-child(odd) > th,
 .comparison-table tbody > tr:nth-child(odd) > td,
 .comparison-table tbody > tr:nth-child(odd) > th,
 .table-hover tr:hover {
    background: rgba(128, 130, 133, .15)
}

 .table-accent {
    border: 2px solid #80bc00
}

 .table-accent thead {
    background: #80bc00;
    color: #fff
}

 .table-secondary {
    border: 2px solid #295135
}

 .table-secondary thead {
    background: #295135;
    color: #fff
}

 .table-primary {
    border: 2px solid #1e6b52
}

 .table-primary thead {
    background: #1e6b52;
    color: #fff
}

 .table-notice {
    border: 2px solid #80bc00
}

 .table-notice thead {
    background: #80bc00;
    color: #fff
}

 .table-caution {
    border: 2px solid #ffd400
}

 .table-caution thead {
    background: #ffd400
}

 .table-warning {
    border: 2px solid red
}

 .table-warning thead {
    background: red;
    color: #fff
}

 .cell-accent {
    background-color: #b3d766 !important
}

 .cell-secondary {
    background-color: #7f9786 !important
}

 .cell-primary {
    background-color: #78a697 !important
}

 .cell-notice {
    background-color: #b3d766 !important
}

 .cell-caution {
    background-color: #ffe566 !important
}

 .cell-caution-alt {
    background-color: #ffc166 !important
}

 .cell-warning {
    background-color: #f66 !important
}

 .comparison-table td {
    vertical-align: middle
}

 .comparison-table .icon-ok {
    color: #80bc00
}

 .comparison-table .icon-minus-sign {
    color: #ffd400
}

 .comparison-table .icon-remove {
    color: red
}










 .btn.u-full {
    justify-content: center
}







 .table-of-contents {
    padding: 1.6rem;
    max-width: 700px;
    border: 1px solid #cccdce;
    margin-bottom: 1.6rem
}

 .table-of-contents > ol {
    margin-left: 0
}

 .table-of-contents ol,
 .table-of-contents ol ol,
 .table-of-contents ol ol ol {
    list-style-type: none
}

 .table-of-contents ol li {
    margin: 0
}

.grid {
    margin-left: -0.8rem;
    margin-right: -0.8rem;
    margin-top: -0.8rem
}

.grid:last-child {
    margin-bottom: -0.8rem
}

.grid:not(:last-child) {
    margin-bottom: calc(1.6rem - 0.8rem)
}

.grid.is-centered {
    justify-content: center
}

.grid.is-vcentered {
    align-items: center
}

.grid.is-gapless {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
}

.grid.is-gapless > .grid_item {
    margin: 0;
    padding: 0 !important
}

.grid.is-gapless:not(:last-child) {
    margin-bottom: 1.6rem
}

.grid.is-gapless:last-child {
    margin-bottom: 0
}

.grid.is-mobile {
    display: flex
}

.grid.is-multiline {
    flex-wrap: wrap
}

@media(min-width: 700px) {
    .grid:not(.grid--large-only) {
        display: flex
    }
}

@media(min-width: 1024px) {
    .grid--large-only {
        display: flex
    }
}

.grid_item {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: .8rem;
    box-sizing: border-box
}

.grid.is-mobile .grid_item.is-full {
    flex: none;
    width: 100%
}

.grid.is-mobile .grid_item.is-three-fourths {
    flex: none;
    width: 75%
}

.grid.is-mobile .grid_item.is-two-thirds {
    flex: none;
    width: 66.6666%
}

.grid.is-mobile .grid_item.is-half {
    flex: none;
    width: 50%
}

.grid.is-mobile .grid_item.is-one-third {
    flex: none;
    width: 33.3333%
}

.grid.is-mobile .grid_item.is-one-fourth {
    flex: none;
    width: 25%
}

@media(min-width: 300px) {
    .grid_item.is-full-sm {
        flex: none;
        width: 100%
    }

    .grid_item.is-three-fourths-sm {
        flex: none;
        width: 75%
    }

    .grid_item.is-two-thirds-sm {
        flex: none;
        width: 66.6666%
    }

    .grid_item.is-half-sm {
        flex: none;
        width: 50%
    }

    .grid_item.is-one-third-sm {
        flex: none;
        width: 33.3333%
    }

    .grid_item.is-one-fourth-sm {
        flex: none;
        width: 25%
    }
}

@media(min-width: 700px) {
    .grid:not(.is-mobile) .grid_item.is-full {
        flex: none;
        width: 100%
    }

    .grid:not(.is-mobile) .grid_item.is-three-fourths {
        flex: none;
        width: 75%
    }

    .grid:not(.is-mobile) .grid_item.is-two-thirds {
        flex: none;
        width: 66.6666%
    }

    .grid:not(.is-mobile) .grid_item.is-half {
        flex: none;
        width: 50%
    }

    .grid:not(.is-mobile) .grid_item.is-one-third {
        flex: none;
        width: 33.3333%
    }

    .grid:not(.is-mobile) .grid_item.is-one-fourth {
        flex: none;
        width: 25%
    }

    .grid_item.is-full-md {
        flex: none;
        width: 100%
    }

    .grid_item.is-three-fourths-md {
        flex: none;
        width: 75%
    }

    .grid_item.is-two-thirds-md {
        flex: none;
        width: 66.6666%
    }

    .grid_item.is-half-md {
        flex: none;
        width: 50%
    }

    .grid_item.is-one-third-md {
        flex: none;
        width: 33.3333%
    }

    .grid_item.is-one-fourth-md {
        flex: none;
        width: 25%
    }
}

@media(min-width: 1024px) {
    .grid_item.is-full-lg {
        flex: none;
        width: 100%
    }

    .grid_item.is-three-fourths-lg {
        flex: none;
        width: 75%
    }

    .grid_item.is-two-thirds-lg {
        flex: none;
        width: 66.6666%
    }

    .grid_item.is-half-lg {
        flex: none;
        width: 50%
    }

    .grid_item.is-one-third-lg {
        flex: none;
        width: 33.3333%
    }

    .grid_item.is-one-fourth-lg {
        flex: none;
        width: 25%
    }
}

.social-icon {
    display: inline-block
}

.social-icon img {
    max-width: 25px;
    padding: .8rem 5px
}

.social-icon a:hover img {
    transform: scale(1.5)
}

.social-icon a::after {
    display: none
}

@keyframes fade-in {
    from {
        opacity: 0;
        top: 100px
    }

    to {
        opacity: 1;
        top: 0
    }
}

.anim-fadein {
    opacity: 0;
    position: relative
}

.anim-fadein.anim-active {
    position: relative;
    animation-name: fade-in;
    animation-duration: .4s;
    opacity: 1
}

.anim-underline {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden
}

.anim-underline::before {
    content: "";
    position: absolute;
    z-index: 1;
    right: 100%;
    bottom: 0;
    background: currentColor;
    height: 2px;
    transition-property: left, right;
    transition-duration: 1s;
    transition-timing-function: ease-out;
    transition-delay: .5s
}

.anim-underline.anim-active::before {
    left: 0;
    right: 0
}

.parallax-container {
    position: relative
}

.parallax-container::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc((100vw - 100%) / -2);
    bottom: 0;
    left: calc((100vw - 100%) / -2);
    background: #295135;
    background: var(--parallax-image, var(--theme-color, #295135));
    background-position: center;
    background-position: var(--parallax-image-position, center);
    z-index: -200;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover
}

.parallax-container-foreground {
    content: "";
    position: absolute;
    top: 0;
    right: calc((100vw - 100%) / -2);
    bottom: 0;
    left: calc((100vw - 100%) / -2);
    z-index:-20;
}

.bg-theme-color {
    background: #1e6b52 !important;
    background: var(--theme-color, #1e6b52) !important
}

.txt-theme-color {
    color: #1e6b52 !important;
    color: var(--theme-color, #1e6b52) !important
}

.bdr-theme-color {
    border-color: #1e6b52 !important;
    border-color: --theme-color, #1e6b52 !important
}

.u-txt-white {
    color: #fff !important
}

.u-txt-bold {
    font-weight: bold !important
}

.u-pad-05 {
    padding: .8rem !important
}

.u-pad-1 {
    padding: 1.6rem !important
}

.theme-uab {
    --theme-color: #1e6b52
}

.theme-apple {
    --theme-color: #80bc00
}

.theme-blaze {
    --theme-color: #ffd400
}

.theme-dark-green {
    --theme-color: #295135
}

.theme-coral {
    --theme-color: #ea6852
}

.theme-cyan {
    --theme-color: #238dc1
}

.theme-navy {
    --theme-color: #1c355e
}

.theme-gray {
    --theme-color: #808285
}

.theme-dark {
    --theme-color: #333435
}






.u-txt-c,
.uk-text-center {
    text-align: center !important
}

.u-txt-l {
    text-align: left !important
}

.u-txt-r {
    text-align: right !important
}

.u-full {
    display: block;
    width: 100%
}

.u-round {
    border-radius: 3px !important
}

.u-square {
    border-radius: 0 !important
}

.u-circle {
    border-radius: 50% !important
}

.overflow-container {
    overflow: auto !important
}

.u-no-margin-bottom {
    margin-bottom: 0 !important
}

.u-no-margin-top {
    margin-top: 0 !important
}

.u-font-head {
    font-family: kulturista-web, serif
}

.u-font-body {
    font-family: proxima-nova, arial, helvetica, sans-serif !important
}

[disabled] {
    pointer-events: none !important;
    background-color: rgba(128, 130, 133, .15) !important;
    color: #b3b4b6 !important
}

[hidden] {
    display: none !important
}

.visually-hidden:not(:focus):not(:active) {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}


img {
    max-width: 100%;
    object-fit: cover;
    margin: auto;
    display: block;
}