@charset "UTF-8";
/* ========================================================================
  #HAMBURGER
  ======================================================================== */
/*.c-hamburger > .component-content,
.c-hamburger .toggle-content,
.c-hamburger .toggle-header {
    height: 100%;
}*/

.c-hamburger summary.toggle-header:before {
    content: "\f0c9";
}

.c-hamburger details[open] summary:before {
    content: "\f00d";
}

.toggle.c-hamburger {
    top: 49px;
    left: 0;
    width: 100%;
    height: fit-content;
    margin-top: 1px;
}

.toggle details.toggle-content[open] {
    background: linear-gradient(to bottom,#007db9 8%,#0a4e7f);
}

.toggle details[open] summary:before {
    content: "\f00d";
}

.toggle summary.toggle-header {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 0 10px;
    background: inherit;
    cursor: pointer;
    min-height: 25px;
    color: #FFFFFF;
    height: 48px;
}

    .toggle summary.toggle-header::-webkit-details-marker {
        display: none;
    }

    .toggle summary.toggle-header:before {
        display: inline-block;
        font: normal normal normal 1.8em FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f0c9";
        position: absolute;
        left: 15px;
        top: 20%;
    }

    .toggle summary.toggle-header.show {
        display: inline-block !important;
    }

    .toggle summary.toggle-header .toggle-label {
        display: block;
        float: right;
        margin: 0 0 0 10px;
    }

        .toggle summary.toggle-header .toggle-label p {
            margin-bottom: 0;
        }

.toggle .show {
    color: #878787;
}

.toggle .toggle-content {
    margin-top: -1px;
}

.toggle details summary ~ .component > .component-content {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    display: none;
}

.toggle details[open] summary ~ .component {
    overflow: hidden;
}

    .toggle details[open] summary ~ .component > .component-content {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        display: block;
    }

@-webkit-keyframes swing {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    50% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes swing {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    50% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes easeInOutBack {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    20% {
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%);
    }

    30% {
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%);
    }

    60% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    80% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes easeInOutBack {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    20% {
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%);
    }

    30% {
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%);
    }

    60% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    80% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes easeInOutBounce {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    25% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    50% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    62.5% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }

    75% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    87.5% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes easeInOutBounce {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    25% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    50% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    62.5% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }

    75% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    87.5% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes easeInOutCirc {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    10% {
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%);
    }

    90% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes easeInOutCirc {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    10% {
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%);
    }

    90% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes easeInOutCubic {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    30% {
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%);
    }

    70% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes easeInOutCubic {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    30% {
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%);
    }

    70% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes easeInOutElastic {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    30% {
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%);
    }

    70% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes easeInOutElastic {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    30% {
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%);
    }

    70% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes easeInOutExpo {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    30% {
        -webkit-transform: translateY(-90%);
        transform: translateY(-90%);
    }

    70% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes easeInOutExpo {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    30% {
        -webkit-transform: translateY(-90%);
        transform: translateY(-90%);
    }

    70% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes easeInOutQad {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes easeInOutQad {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes easeInOutQuart {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    30% {
        -webkit-transform: translateY(-90%);
        transform: translateY(-90%);
    }

    70% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes easeInOutQuart {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    30% {
        -webkit-transform: translateY(-90%);
        transform: translateY(-90%);
    }

    70% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes easeInOutQuint {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    30% {
        -webkit-transform: translateY(-90%);
        transform: translateY(-90%);
    }

    70% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes easeInOutQuint {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    30% {
        -webkit-transform: translateY(-90%);
        transform: translateY(-90%);
    }

    70% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes easeInOutSine {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    25% {
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%);
    }

    75% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes easeInOutSine {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    25% {
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%);
    }

    75% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes outQuad {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    25% {
        -webkit-transform: translateY(-70%);
        transform: translateY(-70%);
    }

    50% {
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%);
    }

    75% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes outQuad {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    25% {
        -webkit-transform: translateY(-70%);
        transform: translateY(-70%);
    }

    50% {
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%);
    }

    75% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}