:root {
    --color-medium-green: #378045;
    --color-dark-green: #25643B;
    --color-light-green: #CBE8D5;
    --color-green-text: #5DA375;
    --color-toggle-background: #678672;
    --color-white: #fff;
    --color-bright-green: #57D356;
}

* {
    box-sizing: border-box
}

html {
    background-color: var(--color-dark-green);
}

body {
    margin: 0;
    color: #fff
}

.hero {
    padding-left: 15px;
    padding-right: 15px; /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE2MDBweCIgaGVpZ2h0PSI2MTdweCIgdmlld0JveD0iMCAwIDE2MDAgNjE3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0My4yICgzOTA2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JhcGggQkc8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIwLjY1NjcxNjQxOCI+CiAgICAgICAgPGcgaWQ9IkFydGJvYXJkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgLTgwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iSGVyby1CRyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg1LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcmFwaC1CRyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDgwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLTIiIHN0cm9rZT0iIzA0RjhENyIgZmlsbC1vcGFjaXR5PSIwLjMwMDA3MzU5NiIgZmlsbD0iIzA1RjhENyIgb3BhY2l0eT0iMC4xMzg5MzQyMzUiIHBvaW50cz0iMCAzNjUuNSAyMzAgMTYwLjUgMzc3IDE5NC41IDUyOCAxMDguNSA2OTQgMTk1LjUgODg3IDM3LjUgOTkzIDEwMi41IDEwNjcgNjguNSAxMjQ5IDE4MS41IDE0OTcuNSAyLjUgMTYxNS41IDg1LjUgMTY5OC41IDMzLjUgMTgxNi41IDYzNS41Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0yIiBmaWxsPSIjMDdGMEQ3IiBvcGFjaXR5PSIwLjM5NzE1NDg1MSIgY3g9IjIzMC41IiBjeT0iMTYwLjUiIHI9IjIuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0yIiBmaWxsPSIjMDdGMEQ3IiBvcGFjaXR5PSIwLjM5NzE1NDg1MSIgY3g9IjM3Ni41IiBjeT0iMTk0LjUiIHI9IjIuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0yIiBmaWxsPSIjMDdGMEQ3IiBvcGFjaXR5PSIwLjM5NzE1NDg1MSIgY3g9IjUyOC41IiBjeT0iMTA4LjUiIHI9IjIuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0yIiBmaWxsPSIjMDdGMEQ3IiBvcGFjaXR5PSIwLjM5NzE1NDg1MSIgY3g9IjY5My41IiBjeT0iMTk1LjUiIHI9IjIuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0yIiBmaWxsPSIjMDdGMEQ3IiBvcGFjaXR5PSIwLjM5NzE1NDg1MSIgY3g9Ijg4Ni41IiBjeT0iMzcuNSIgcj0iMi41Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiMwN0YwRDciIG9wYWNpdHk9IjAuMzk3MTU0ODUxIiBjeD0iOTkzLjUiIGN5PSIxMDIuNSIgcj0iMi41Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiMwN0YwRDciIG9wYWNpdHk9IjAuMzk3MTU0ODUxIiBjeD0iMTA2Ni41IiBjeT0iNjguNSIgcj0iMi41Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiMwN0YwRDciIG9wYWNpdHk9IjAuMzk3MTU0ODUxIiBjeD0iMTI0OC41IiBjeT0iMTgxLjUiIHI9IjIuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0yIiBmaWxsPSIjMDdGMEQ3IiBvcGFjaXR5PSIwLjM5NzE1NDg1MSIgY3g9IjE0OTcuNSIgY3k9IjIuNSIgcj0iMi41Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiMwN0YwRDciIG9wYWNpdHk9IjAuMzk3MTU0ODUxIiBjeD0iMTYxNS41IiBjeT0iODUuNSIgcj0iMi41Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); */ /* background-size: cover; */ /* background-repeat: no-repeat; */
    position: relative;
    min-height: 400px; /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE2MDBweCIgaGVpZ2h0PSI2MTdweCIgdmlld0JveD0iMCAwIDE2MDAgNjE3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0My4yICgzOTA2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JhcGggQkc8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIwLjY1NjcxNjQxOCI+CiAgICAgICAgPGcgaWQ9IkFydGJvYXJkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgLTgwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iSGVyby1CRyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg1LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcmFwaC1CRyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDgwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLTIiIHN0cm9rZT0iIzA0RjhENyIgZmlsbC1vcGFjaXR5PSIwLjMwMDA3MzU5NiIgZmlsbD0iIzA1RjhENyIgb3BhY2l0eT0iMC4xMzg5MzQyMzUiIHBvaW50cz0iMCAzNjUuNSAyMzAgMTYwLjUgMzc3IDE5NC41IDUyOCAxMDguNSA2OTQgMTk1LjUgODg3IDM3LjUgOTkzIDEwMi41IDEwNjcgNjguNSAxMjQ5IDE4MS41IDE0OTcuNSAyLjUgMTYxNS41IDg1LjUgMTY5OC41IDMzLjUgMTgxNi41IDYzNS41Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0yIiBmaWxsPSIjMDdGMEQ3IiBvcGFjaXR5PSIwLjM5NzE1NDg1MSIgY3g9IjIzMC41IiBjeT0iMTYwLjUiIHI9IjIuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0yIiBmaWxsPSIjMDdGMEQ3IiBvcGFjaXR5PSIwLjM5NzE1NDg1MSIgY3g9IjM3Ni41IiBjeT0iMTk0LjUiIHI9IjIuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0yIiBmaWxsPSIjMDdGMEQ3IiBvcGFjaXR5PSIwLjM5NzE1NDg1MSIgY3g9IjUyOC41IiBjeT0iMTA4LjUiIHI9IjIuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0yIiBmaWxsPSIjMDdGMEQ3IiBvcGFjaXR5PSIwLjM5NzE1NDg1MSIgY3g9IjY5My41IiBjeT0iMTk1LjUiIHI9IjIuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0yIiBmaWxsPSIjMDdGMEQ3IiBvcGFjaXR5PSIwLjM5NzE1NDg1MSIgY3g9Ijg4Ni41IiBjeT0iMzcuNSIgcj0iMi41Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiMwN0YwRDciIG9wYWNpdHk9IjAuMzk3MTU0ODUxIiBjeD0iOTkzLjUiIGN5PSIxMDIuNSIgcj0iMi41Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiMwN0YwRDciIG9wYWNpdHk9IjAuMzk3MTU0ODUxIiBjeD0iMTA2Ni41IiBjeT0iNjguNSIgcj0iMi41Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiMwN0YwRDciIG9wYWNpdHk9IjAuMzk3MTU0ODUxIiBjeD0iMTI0OC41IiBjeT0iMTgxLjUiIHI9IjIuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0yIiBmaWxsPSIjMDdGMEQ3IiBvcGFjaXR5PSIwLjM5NzE1NDg1MSIgY3g9IjE0OTcuNSIgY3k9IjIuNSIgcj0iMi41Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGZpbGw9IiMwN0YwRDciIG9wYWNpdHk9IjAuMzk3MTU0ODUxIiBjeD0iMTYxNS41IiBjeT0iODUuNSIgcj0iMi41Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+), linear-gradient(-180deg, #1a6d7d, #002a3a); */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxODIwIiBoZWlnaHQ9IjYzNiIgdmlld0JveD0iMCAwIDE4MjAgNjM2IiBmaWxsPSJub25lIj4KPHBhdGggb3BhY2l0eT0iMC4xMzg5MzQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMiAzNjQuNUwyMzIgMTU5LjVMMzc5IDE5My41TDUzMCAxMDcuNUw2OTYgMTk0LjVMODg5IDM2LjVMOTk1IDEwMS41TDEwNjkgNjcuNUwxMjUxIDE4MC41TDE0OTkuNSAxLjVMMTYxNy41IDg0LjVMMTcwMC41IDMyLjVMMTgxOC41IDYzNC41TDIgMzY0LjVaIiBmaWxsPSIjOTJDQkY0IiBmaWxsLW9wYWNpdHk9IjAuMyIgc3Ryb2tlPSIjOTJDQkY0Ii8+Cjwvc3ZnPg==), linear-gradient(180deg, #26653C 0%, #57AF56 100%);
    ;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .hero:before {
        top: -2vw;
        left: 0;
        border-color: transparent transparent var(--color-dark-green);
    }

    .hero:after, .hero:before {
        content: "";
        display: block;
        position: absolute;
        z-index: 3;
        border-width: 0 50vw 2vw 0;
        border-style: solid
    }

    .hero:after {
        bottom: -1.9vw;
        right: 0;
        border-color: transparent #57AF56 transparent transparent;
    }

    .hero svg:after {
        content: "test";
        width: 40px;
        height: 10px;
        background-color: #f64a35;
        position: absolute
    }

h2 {
    color: var(--color-white);
    margin-bottom: 64px;
    font-size: 2em
}

    h2:after {
        content: " ";
        width: 25px;
        height: 3px;
        background-color: var(--color-green-text);
        display: block;
        position: relative;
        bottom: -10px
    }

.section-padding {
    padding: 120px 0
}

.blue-lt[data-v-05586cd5] {
    background-color: var(--color-medium-green);
    position: relative
}

    .blue-lt[data-v-05586cd5]:after {
        top: -1.9vw;
        left: 0;
        border-color: transparent transparent var(--color-medium-green)
    }

    .blue-lt[data-v-05586cd5]:after, .blue-lt[data-v-05586cd5]:before {
        content: "";
        display: block;
        position: absolute;
        border-width: 0 50vw 2vw 0;
        border-style: solid
    }

    .blue-lt[data-v-05586cd5]:before {
        bottom: -1.9vw;
        right: 0;
        z-index: 3;
        border-color: transparent var(--color-medium-green) transparent transparent
    }

.blue-dk[data-v-05586cd5] {
    background-color: var(--color-dark-green);
    position: relative
}

    .blue-dk[data-v-05586cd5]:after {
        top: -1.9vw;
        left: 0;
        border-color: transparent transparent var(--color-dark-green)
    }

    .blue-dk[data-v-05586cd5]:after, .blue-dk[data-v-05586cd5]:before {
        content: "";
        display: block;
        position: absolute;
        border-width: 0 50vw 2vw 0;
        border-style: solid
    }

    .blue-dk[data-v-05586cd5]:before {
        bottom: -1.9vw;
        right: 0;
        z-index: 3;
        border-color: transparent var(--color-dark-green) transparent transparent
    }

.justify-content[data-v-05586cd5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.range-slider[data-v-4bb3a73b] {
    position: relative
}

@media (max-width:1000px) {
    .range-slider[data-v-4bb3a73b] {
        margin: 50px 0
    }
}

input[type=range][data-v-4bb3a73b] {
    -webkit-appearance: none !important;
    width: 100%;
    height: 15px;
    background-color: transparent;
    border: none;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    transition: all .3s ease;
    position: relative;
    outline: none
}

    input[type=range][data-v-4bb3a73b]::-moz-range-track {
        background-image: linear-gradient(90deg, #03ffd7, #199ed9 99%);
        border-radius: 4px
    }

.empty[data-v-4bb3a73b] {
    display: block;
    background-color: #d0dce0;
    right: 0;
    padding: 0;
    z-index: 0
}

.empty[data-v-4bb3a73b], .fill[data-v-4bb3a73b] {
    height: 15px;
    border-radius: 4px;
    position: absolute
}

.fill[data-v-4bb3a73b] {
    pointer-events: none; /* background-image: linear-gradient(90deg, #03ffd7, #199ed9 99%); */
    background-color: var(--color-bright-green);
    width: 100%;
}

input[type=range][data-v-4bb3a73b]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 36px;
    width: 36px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDM2IDM2IiBmaWxsPSJub25lIj4KICA8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kXzUwMl8yNDE1KSI+CiAgICA8cGF0aCBkPSJNMTggMzJDMjYuMjg0MyAzMiAzMyAyNS4yODQzIDMzIDE3QzMzIDguNzE1NzMgMjYuMjg0MyAyIDE4IDJDOS43MTU3MyAyIDMgOC43MTU3MyAzIDE3QzMgMjUuMjg0MyA5LjcxNTczIDMyIDE4IDMyWiIgZmlsbD0iYmxhY2siLz4KICA8L2c+CiAgPHBhdGggZD0iTTE4IDMyQzI2LjI4NDMgMzIgMzMgMjUuMjg0MyAzMyAxN0MzMyA4LjcxNTczIDI2LjI4NDMgMiAxOCAyQzkuNzE1NzMgMiAzIDguNzE1NzMgMyAxN0MzIDI1LjI4NDMgOS43MTU3MyAzMiAxOCAzMloiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl81MDJfMjQxNSkiLz4KICA8cGF0aCBkPSJNMTggMjJDMjAuNzYxNCAyMiAyMyAxOS43NjE0IDIzIDE3QzIzIDE0LjIzODYgMjAuNzYxNCAxMiAxOCAxMkMxNS4yMzg2IDEyIDEzIDE0LjIzODYgMTMgMTdDMTMgMTkuNzYxNCAxNS4yMzg2IDIyIDE4IDIyWiIgZmlsbD0iIzBBQ0FCMCIvPgogIDxnIGZpbHRlcj0idXJsKCNmaWx0ZXIxX2lfNTAyXzI0MTUpIj4KICAgIDxwYXRoIGQ9Ik0xOCAyMkMyMC43NjE0IDIyIDIzIDE5Ljc2MTQgMjMgMTdDMjMgMTQuMjM4NiAyMC43NjE0IDEyIDE4IDEyQzE1LjIzODYgMTIgMTMgMTQuMjM4NiAxMyAxN0MxMyAxOS43NjE0IDE1LjIzODYgMjIgMTggMjJaIiBmaWxsPSJibGFjayIvPgogIDwvZz4KICA8cGF0aCBkPSJNMTggMjEuNUMyMC40ODUzIDIxLjUgMjIuNSAxOS40ODUzIDIyLjUgMTdDMjIuNSAxNC41MTQ3IDIwLjQ4NTMgMTIuNSAxOCAxMi41QzE1LjUxNDcgMTIuNSAxMy41IDE0LjUxNDcgMTMuNSAxN0MxMy41IDE5LjQ4NTMgMTUuNTE0NyAyMS41IDE4IDIxLjVaIiBzdHJva2U9IiMwQThBNzkiLz4KICA8ZGVmcz4KICAgIDxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF81MDJfMjQxNSIgeD0iMSIgeT0iMSIgd2lkdGg9IjM0IiBoZWlnaHQ9IjM0IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgogICAgICA8ZmVPZmZzZXQgZHk9IjEiLz4KICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIvPgogICAgICA8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMC4xNjQ3MDYgMCAwIDAgMCAwLjIyNzQ1MSAwIDAgMCAwLjU1MzYxMiAwIi8+CiAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzUwMl8yNDE1Ii8+CiAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzUwMl8yNDE1IiByZXN1bHQ9InNoYXBlIi8+CiAgICA8L2ZpbHRlcj4KICAgIDxmaWx0ZXIgaWQ9ImZpbHRlcjFfaV81MDJfMjQxNSIgeD0iMTMiIHk9IjEyIiB3aWR0aD0iMTAiIGhlaWdodD0iMTEiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KICAgICAgPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KICAgICAgPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CiAgICAgIDxmZU9mZnNldCBkeT0iMSIvPgogICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxLjUiLz4KICAgICAgPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPgogICAgICA8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMC4yMjc0NTEgMCAwIDAgMCAwLjIwNTA0NiAwIDAgMCAwLjg5NTYzNSAwIi8+CiAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJzaGFwZSIgcmVzdWx0PSJlZmZlY3QxX2lubmVyU2hhZG93XzUwMl8yNDE1Ii8+CiAgICA8L2ZpbHRlcj4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl81MDJfMjQxNSIgeDE9IjE1MDMiIHkxPSIyIiB4Mj0iMTUwMyIgeTI9IjI5MjMuODYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTJCNEMxIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KPC9zdmc+) no-repeat 50%;
    border: none;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 999;
    cursor: pointer;
    top: -9px
}

input[type=range][data-v-4bb3a73b]::-webkit-slider-runnable-track {
    width: 100%;
    height: 15px;
    cursor: pointer;
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
    border-radius: 0;
    z-index: 1;
    border: 0 solid transparent
}

input[type=range][data-v-4bb3a73b]::-moz-range-thumb {
    -moz-appearance: none;
    height: 36px;
    width: 36px;
    background-color: transparent;
    border: none;
    background: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0My4yICgzOTA2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSI5Ny4zOTUxNjklIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzkyQjRDMSIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8Y2lyY2xlIGlkPSJwYXRoLTIiIGN4PSIxNSIgY3k9IjE1IiByPSIxNSI+PC9jaXJjbGU+CiAgICAgICAgPGZpbHRlciB4PSItMTYuNyUiIHk9Ii0xMy4zJSIgd2lkdGg9IjEzMy4zJSIgaGVpZ2h0PSIxMzMuMyUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImZpbHRlci0zIj4KICAgICAgICAgICAgPGZlTW9ycGhvbG9neSByYWRpdXM9IjAuNSIgb3BlcmF0b3I9ImRpbGF0ZSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSI+PC9mZU1vcnBob2xvZ3k+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeD0iMCIgZHk9IjEiIGluPSJzaGFkb3dTcHJlYWRPdXRlcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlT2Zmc2V0PgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxIiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiPjwvZmVHYXVzc2lhbkJsdXI+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwICAgMCAwIDAgMCAwLjE2NDcwNTg4MiAgIDAgMCAwIDAgMC4yMjc0NTA5OCAgMCAwIDAgMC41NTM2MTE4NjYgMCIgdHlwZT0ibWF0cml4IiBpbj0ic2hhZG93Qmx1ck91dGVyMSI+PC9mZUNvbG9yTWF0cml4PgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxjaXJjbGUgaWQ9InBhdGgtNCIgY3g9IjE1IiBjeT0iMTUiIHI9IjUiPjwvY2lyY2xlPgogICAgICAgIDxmaWx0ZXIgeD0iLTIwLjAlIiB5PSItMjAuMCUiIHdpZHRoPSIxNDAuMCUiIGhlaWdodD0iMTQwLjAlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJmaWx0ZXItNSI+CiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEuNSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd0JsdXJJbm5lcjEiPjwvZmVHYXVzc2lhbkJsdXI+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeD0iMCIgZHk9IjEiIGluPSJzaGFkb3dCbHVySW5uZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRJbm5lcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIiByZXN1bHQ9InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMC4yMjc0NTA5OCAgIDAgMCAwIDAgMC4yMDUwNDU4MjMgIDAgMCAwIDAuODk1NjM1MTkgMCIgdHlwZT0ibWF0cml4IiBpbj0ic2hhZG93SW5uZXJJbm5lcjEiPjwvZmVDb2xvck1hdHJpeD4KICAgICAgICA8L2ZpbHRlcj4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJBcnRib2FyZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNzguMDAwMDAwLCAtMjIyNy4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IkRvd24tVGltZS0mYW1wOy1SZWNvdmVyeS1Db3N0cyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDE4NjQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg5NC4wMDAwMDAsIDI5Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRGlhbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjg3LjAwMDAwMCwgNzMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJPdmFsIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0zKSIgeGxpbms6aHJlZj0iI3BhdGgtMiI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgeGxpbms6aHJlZj0iI3BhdGgtMiI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ik92YWwiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjMEFDQUIwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTQiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIxIiBmaWx0ZXI9InVybCgjZmlsdGVyLTUpIiB4bGluazpocmVmPSIjcGF0aC00Ij48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgc3Ryb2tlPSIjMEE4QTc5IiBzdHJva2Utd2lkdGg9IjEiIGN4PSIxNSIgY3k9IjE1IiByPSI0LjUiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K) no-repeat 50%;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 999;
    cursor: pointer;
    top: 0
}

input[type=range][data-v-4bb3a73b]::-moz-range-track {
    width: 100%;
    height: 15px;
    cursor: pointer;
    background: none transparent;
    border-radius: 0;
    border: 0 solid transparent;
    position: relative;
    z-index: -1
}

input[type=range][data-v-4bb3a73b]::-ms-track {
    width: 100%;
    height: 15px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent
}

input[type=range][data-v-4bb3a73b]::-ms-fill-lower {
    background: #03ffd7;
    border: 0 solid transparent;
    border-radius: 0;
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d
}

input[type=range][data-v-4bb3a73b]::-ms-fill-upper {
    background: #d0dce0;
    border: 0 solid transparent;
    border-radius: 0;
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d
}

input[type=range][data-v-4bb3a73b]::-ms-thumb {
    box-shadow: g #000, 0 0 1px #0d0d0d;
    border: 0 solid hsla(0, 0%, 100%, 0);
    height: 10px;
    width: 10px;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
    height: 6px;
    z-index: 2000;
    position: relative
}

.marker[data-v-4bb3a73b] {
    position: absolute;
    width: 100%
}

.marker-label[data-v-4bb3a73b] {
    float: left;
    width: 33.3333%;
    display: block;
    color: var(--color-white);
    font-size: 14px;
    margin-top: 10px
}

.max[data-v-4bb3a73b] {
    text-align: right
}

.middle[data-v-4bb3a73b] {
    text-align: center
}

.marker[data-v-4bb3a73b]:after {
    clear: both;
    display: block;
    content: " "
}

.range-value[data-v-4bb3a73b] {
    min-width: 50px;
    text-align: center;
    display: inline-block;
    padding: 10px;
    background-color: #fff;
    color: #000;
    top: 30px;
    border-radius: 4px;
    position: absolute;
    margin-left: -5px
}

    .range-value[data-v-4bb3a73b]:after {
        width: 0;
        height: 0;
        position: absolute;
        content: "";
        top: -5px;
        left: calc(50% - 5px);
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #fff
    }

.number-input[data-v-4414a7f0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    margin: auto;
    margin-bottom: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

label[data-v-4414a7f0] {
    display: block;
    text-align: center;
    color: var(--color-white);
    margin-bottom: 20px
}

input[type=number][data-v-4414a7f0]::-webkit-inner-spin-button, input[type=number][data-v-4414a7f0]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.input-button[data-v-4414a7f0] {
    background-color: var(--color-light-green);
    width: 25%;
    font-size: 30px;
    text-align: center;
    color: var(--color-green-text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .input-button[data-v-4414a7f0]:hover {
        cursor: pointer
    }

input[type=number][data-v-4414a7f0] {
    width: 50%;
    font-size: 20px;
    text-align: center;
    padding: 10px;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: none
}

.switch input[data-v-46c1965b] {
    display: none
}

.switch .switch-icon[data-v-46c1965b] {
    display: inline-block;
    cursor: pointer;
    width: 88px;
    height: 25px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4OCIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDg4IDI1IiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNTAyXzIzODIpIj4KICAgIDxwYXRoIGQ9Ik03NS41IDBIMTIuNUM1LjU5NjQ0IDAgMCA1LjU5NjQ0IDAgMTIuNUMwIDE5LjQwMzYgNS41OTY0NCAyNSAxMi41IDI1SDc1LjVDODIuNDAzNiAyNSA4OCAxOS40MDM2IDg4IDEyLjVDODggNS41OTY0NCA4Mi40MDM2IDAgNzUuNSAwWiIgZmlsbD0iIzY3ODY3MiIvPgogIDwvZz4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcDBfNTAyXzIzODIiPgogICAgICA8cmVjdCB3aWR0aD0iODgiIGhlaWdodD0iMjUiIGZpbGw9IndoaXRlIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KPC9zdmc+);
    margin: 0 20px;
    position: relative;
    top: 20px
}

.switch .switch-icon img[data-v-46c1965b] {
    position: relative;
    top: -6px;
    left: -10px;
    transition: left .25s ease-in-out
}

.switch .switch-icon img.right[data-v-46c1965b] {
    left: 40px;
    transition: left .25s ease-in-out
}

.switch .label[data-v-46c1965b] {
    color: rgba(255,255,255,0.4);
    transition: color .25s ease-in-out
}

.switch .label.active[data-v-46c1965b] {
    color: var(--color-white);
    font-weight: bold;
    transition: color .25s ease-in-out
}

h2[data-v-9a22759a] {
    margin-bottom: 30px
}

h3[data-v-9a22759a] {
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 30px
}

.data-group[data-v-9a22759a] {
    margin-bottom: 30px
}

.data[data-v-9a22759a] {
    font-size: 30px
}

.data-label[data-v-9a22759a] {
    font-size: 16px;
    color: var(--color-white);
}

.total-cost[data-v-9a22759a] {
    font-size: 68px; /* color: #f3523e; */
    color: var(--color-white);
    font-weight: 700
}

.btn[data-v-9a22759a] {
    color: #51c6fe;
    border: 1px solid #51c6fe;
    display: inline-block;
    margin: 32px 0
}

svg[data-v-9a22759a] path, svg[data-v-9a22759a] tspan {
    fill: var(--color-white);
}

@media (min-width:1000px) {
    .total-cost[data-v-9a22759a] {
        font-size: 90px
    }
}

.total-cost-label[data-v-9a22759a] {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase
}

.ps-container {
    -ms-touch-action: none;
    overflow: hidden !important
}

    .ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
        display: block
    }

    .ps-container.ps-in-scrolling {
        pointer-events: none
    }

        .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
            background-color: #eee;
            opacity: .9
        }

            .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
                background-color: #999
            }

        .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
            background-color: #eee;
            opacity: .9
        }

            .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
                background-color: #999
            }

    .ps-container > .ps-scrollbar-x-rail {
        display: none;
        position: absolute;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        opacity: 0;
        -webkit-transition: background-color .2s linear, opacity .2s linear;
        -moz-transition: background-color .2s linear, opacity .2s linear;
        -o-transition: background-color .2s linear, opacity .2s linear;
        transition: background-color .2s linear, opacity .2s linear;
        bottom: 3px;
        height: 8px
    }

        .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
            position: absolute;
            background-color: #aaa;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            border-radius: 4px;
            -webkit-transition: background-color .2s linear;
            -moz-transition: background-color .2s linear;
            -o-transition: background-color .2s linear;
            transition: background-color .2s linear;
            bottom: 0;
            height: 8px
        }

    .ps-container > .ps-scrollbar-y-rail {
        display: none;
        position: absolute;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        opacity: 0;
        -webkit-transition: background-color .2s linear, opacity .2s linear;
        -moz-transition: background-color .2s linear, opacity .2s linear;
        -o-transition: background-color .2s linear, opacity .2s linear;
        transition: background-color .2s linear, opacity .2s linear;
        right: 3px;
        width: 8px
    }

        .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
            position: absolute;
            background-color: #aaa;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            border-radius: 4px;
            -webkit-transition: background-color .2s linear;
            -moz-transition: background-color .2s linear;
            -o-transition: background-color .2s linear;
            transition: background-color .2s linear;
            right: 0;
            width: 8px
        }

    .ps-container:hover.ps-in-scrolling {
        pointer-events: none
    }

        .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
            background-color: #eee;
            opacity: .9
        }

            .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
                background-color: #999
            }

        .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
            background-color: #eee;
            opacity: .9
        }

            .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
                background-color: #999
            }

    .ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
        opacity: .6
    }

        .ps-container:hover > .ps-scrollbar-x-rail:hover {
            background-color: #eee;
            opacity: .9
        }

            .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
                background-color: #999
            }

        .ps-container:hover > .ps-scrollbar-y-rail:hover {
            background-color: #eee;
            opacity: .9
        }

            .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
                background-color: #999
            }

code[class*="language-"], pre[class*="language-"] {
    color: black;
    background: none;
    text-shadow: 0 1px white;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', 'Source Code Pro', monospace;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

    pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
        text-shadow: none;
        background: #b3d4fc
    }

    pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection {
        text-shadow: none;
        background: #b3d4fc
    }

@media print {
    code[class*="language-"], pre[class*="language-"] {
        text-shadow: none
    }
}

pre[class*="language-"] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto
}

:not(pre) > code[class*="language-"], pre[class*="language-"] {
    background: #f5f2f0
}

:not(pre) > code[class*="language-"] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal
}

.token.comment, .token.prolog, .token.doctype, .token.cdata {
    color: slategray
}

.token.punctuation {
    color: #999
}

.namespace {
    opacity: .7
}

.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {
    color: #905
}

.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
    color: #690
}

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
    color: #a67f59;
    background: rgba(255, 255, 255, 0.5)
}

.token.atrule, .token.attr-value, .token.keyword {
    color: #07a
}

.token.function {
    color: #DD4A68
}

.token.regex, .token.important, .token.variable {
    color: #e90
}

.token.important, .token.bold {
    font-weight: bold
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

pre.line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber
}

    pre.line-numbers > code {
        position: relative
    }

.line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.8em;
    width: 3em;
    letter-spacing: -1px;
    border-right: 1px solid #999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber
}

.line-numbers-rows > span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: .8em;
    text-align: right
}

body {
    font-family: "Montserrat", Helvetica, Arial;
    font-weight: 100
}

h1 {
    font-family: "Montserrat", Helvetica, Arial;
    font-size: 3.157em;
    margin: 0 0 .47513462em;
    line-height: 100%
}

@media (max-width:480px) {
    h1 {
        font-size: 2.074em;
        margin: 0 0 .72324012em;
        line-height: 100%
    }
}

h2 {
    font-family: "Montserrat", Helvetica, Arial;
    font-size: 2.369em;
    margin: 0 0 .63317856em;
    line-height: 100%
}

@media (max-width:480px) {
    h2 {
        font-size: 1.728em;
        margin: 0 0 .86805556em;
        line-height: 100%
    }
}

h3 {
    font-size: 1.777em;
    margin: 0 0 .8441193em;
    line-height: 100%;
    font-weight: 700
}

@media (max-width:480px) {
    h3 {
        font-size: 1.44em;
        margin: 0 0 .94963422em;
        line-height: 100%
    }
}

h4 {
    font-size: 1.333em;
    margin: 0 0 1.12528132em;
    line-height: 100%;
    font-weight: 700
}

@media (max-width:480px) {
    h4 {
        font-size: 1.2em;
        margin: 0 0 1.12528132em;
        line-height: 100%
    }
}

p, blockquote {
    margin: 0 0 1.5em;
    line-height: 1.5em
}

    p a, blockquote a {
        text-decoration: underline
    }

blockquote {
    padding: .5em .5em .5em 1em;
    border-left: 4px solid #CCD3DE;
    background: #f5f7fa;
    border-radius: 4px
}

ul, ol {
    margin: 0 0 1.5em;
    line-height: 1.5em
}

    ul ul, ol ul, ul ol, ol ol {
        padding: 0 0 0 1em
    }

a {
    color: #199ed9
}

p, span, div, ul, li {
    font-family: "Montserrat", Helvetica, Arial;
    font-size: 18px;
    font-weight: 100
}

@media (max-width:480px) {
    p, span, div, ul, li {
        font-size: 16px
    }
}

.caps {
    text-transform: uppercase
}

.text-teal {
    color: #54c0c0
}

.text-midnight {
    color: #002a3a
}

.sm-heading {
    font-size: 20px;
    font-weight: 200;
    font-family: "Montserrat", Helvetica, Arial
}

.midnight .sm-heading {
    color: #9aa9af
}

    .midnight .sm-heading.border-bottom {
        padding-bottom: 10px;
        border-bottom: 1px solid #364950
    }

.midnight p {
    color: #B1C1C7
}

.lt-gray .sm-heading {
    color: #b3bec3
}

    .lt-gray .sm-heading.border-bottom {
        padding-bottom: 10px;
        border-bottom: 1px solid #d9dfe1
    }

.lt-gray p, .lt-gray li, .white p {
    color: #4e6973
}

.teal p {
    color: #C9F1F1
}

.blue p {
    color: #B6E8FF
}

.page-title h1 {
    font-size: 50px;
    font-weight: 700;
    color: #fff
}

table {
    font-size: 15px;
    line-height: 130%
}

    table thead th {
        font-size: 18px
    }

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.btn {
    font-family: "Montserrat", Helvetica;
    display: inline-block;
    padding: 15px 20px 15px 20px;
    font-weight: 100;
    font-size: 15px;
    letter-spacing: 0;
    transition: background .15s, border .15s, box-shadow .3s, color .15s;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 4px;
    line-height: 100%
}

    .btn:active, .btn:focus {
        text-decoration: none
    }

    .btn:hover {
        cursor: pointer
    }

@media (max-width:767px) {
    .btn {
        display: block;
        text-align: center
    }
}

.btn.btn__sm {
    padding: 12px 15px
}

.btn.btn__lg {
    padding: 20px 30px
}

.btn.btn__xl {
    padding: 50px
}

.btn.round {
    border-radius: 1000px
}

.btn.blue {
    background: #199ed9;
    color: #fff
}

    .btn.blue:hover {
        background: #3cb4e9
    }

.btn.blue-medium {
    background: #0080c6;
    color: #fff
}

    .btn.blue-medium:hover {
        background: #00a1f9
    }

.btn.teal {
    background: #54c0c0;
    color: #fff
}

    .btn.teal:hover {
        background: #79cece
    }

.btn.orange {
    background: #ff8213;
    color: #fff
}

    .btn.orange:hover {
        background: #ff9d46
    }

.btn.mango {
    background: #fdb933;
    color: #fff
}

    .btn.mango:hover {
        background: #fdca66
    }

.btn.white {
    background: #fff;
    color: #355460
}

    .btn.white:hover {
        background: rgba(255, 255, 255, 0.9)
    }

.btn.gray {
    background: #CCD3DE;
    color: #355460
}

    .btn.gray:hover {
        background: #ebeef2
    }

.btn.red {
    background: #f3523e;
    color: #fff
}

    .btn.red:hover {
        background: #f67d6e
    }

.btn.green {
    background: #58c990;
    color: #fff
}

    .btn.green:hover {
        background: #7fd5aa
    }

.btn.blue-ghost {
    background: none;
    border: 1px solid #199ed9;
    color: #199ed9
}

.btn.blue-gradient {
    color: #fff;
    background: #199ed9
}

    .btn.blue-gradient.vertical {
        background: -moz-linear-gradient(top, #199ed9 0, #37d7ee 100%);
        background: -webkit-linear-gradient(top, #199ed9 0, #37d7ee 100%);
        background: linear-gradient(to bottom, #199ed9 0, #37d7ee 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@blue-datto', endColorstr='@teal-light', GradientType=1)
    }

    .btn.blue-gradient.horizontal {
        background: -moz-linear-gradient(left, #199ed9 0, #37d7ee 100%);
        background: -webkit-linear-gradient(left, #199ed9 0, #37d7ee 100%);
        background: linear-gradient(to right, #199ed9 0, #37d7ee 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@blue-datto', endColorstr='@teal-light', GradientType=1)
    }

.btn.red-gradient {
    color: #fff;
    background: #199ed9
}

    .btn.red-gradient.vertical {
        background: -moz-linear-gradient(left, #f3523e 0, #ff8213 100%);
        background: -webkit-linear-gradient(left, #f3523e 0, #ff8213 100%);
        background: linear-gradient(to right, #f3523e 0, #ff8213 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@red', endColorstr='@orange', GradientType=1)
    }

    .btn.red-gradient.horizontal {
        background: -moz-linear-gradient(left, #f3523e 0, #ff8213 100%);
        background: -webkit-linear-gradient(left, #f3523e 0, #ff8213 100%);
        background: linear-gradient(to right, #f3523e 0, #ff8213 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@red', endColorstr='@orange', GradientType=1)
    }

.btn.btn__loading {
    pointer-events: none;
    transition: none
}

.btn .loading__circle {
    display: inline-block;
    margin: -5px 0 -5px 5px;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 4px solid rgba(255, 255, 255, 0.2);
    border-top-color: #fff;
    animation: spin .8s infinite linear
}

@keyframes spin {
    100% {
        transform: rotate(360deg)
    }
}

input, select {
    font-family: "Montserrat", Helvetica, Arial;
    font-weight: 100 !important
}

@media (max-width:767px) {
    .marketo-form .btn-round {
        display: block;
        width: 100%
    }
}

.marketo-form .mktField {
    margin-bottom: 10px
}

    .marketo-form .mktField p {
        margin: 0
    }

    .marketo-form .mktField label {
        font-size: 15px;
        color: #9aa9af
    }

    .marketo-form .mktField input {
        width: 100%;
        border-radius: 4px;
        border: 1px solid #ccc;
        padding: 5px
    }

    .marketo-form .mktField select {
        width: 100%
    }

@keyframes sideMenu {
    0% {
        right: -300px
    }

    100% {
        right: 0
    }
}

@-webkit-keyframes sideMenu {
    0% {
        right: -300px
    }

    100% {
        right: 0
    }
}

@keyframes loadIn {
    0% {
        opacity: 1
    }

    99% {
        opacity: 0
    }

    100% {
        display: none
    }
}

@-webkit-keyframes loadIn {
    0% {
        opacity: 1
    }

    99% {
        opacity: 0
    }

    100% {
        display: none
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

form {
    width: 100%
}

.form label {
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    color: #80959d;
    margin-bottom: 5px
}

.form input {
    width: 100%;
    max-width: 450px;
    font-size: 18px;
    font-family: "Montserrat", Helvetica, Arial;
    font-weight: 100;
    background: none;
    border: 0;
    border-bottom: 2px solid #b3bfc4;
    padding: 8px 2px;
    color: #335561;
    margin-bottom: 30px;
    transition: all .2s ease-in-out;
    outline: none
}

    .form input::-webkit-input-placeholder {
        color: #bfcace
    }

    .form input:-moz-placeholder {
        color: #bfcace
    }

    .form input::-moz-placeholder {
        color: #bfcace
    }

    .form input:-ms-input-placeholder {
        color: #bfcace
    }

    .form input:focus {
        border-color: #199ed9
    }

body {
    margin: 0
}

.wrap {
    margin: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media (max-width:767px) {
    .wrap {
        padding: 0 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .wrap {
        width: 750px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .wrap {
        width: 750px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .wrap {
        width: 970px
    }
}

@media (min-width:1200px) and (max-width:1599px) {
    .wrap {
        width: 1170px
    }
}

@media (min-width:1600px) {
    .wrap {
        width: 1400px
    }
}

.wrap.fluid {
    width: 100% !important
}

.wrap.no-gutter {
    padding: 0 15px;
    box-sizing: border-box
}

.wrap.no-padding {
    padding: 0 !important
}

.wrap .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media (min-width:992px) {
    .wrap .row {
        margin-left: -15px;
        margin-right: -15px
    }
}

[class*=grid-] {
    padding: 0 15px;
    box-sizing: border-box;
    position: relative
}

@media (max-width:991px) {
    [class*=grid-] {
        width: 100% !important;
        padding: 0
    }
}

[class*=grid-].no-padding {
    padding: 0 !important
}

.no-gutter > [class*=grid-] {
    margin: 0 !important
}

.grid-12 {
    width: 100%
}

.grid-11 {
    width: 91.66666667%
}

.grid-10 {
    width: 83.33333333%
}

.grid-9 {
    width: 75%
}

.grid-8 {
    width: 66.66666667%
}

.grid-7 {
    width: 58.33333333%
}

.grid-6 {
    width: 50%
}

.grid-5 {
    width: 41.66666667%
}

.grid-4 {
    width: 33.33333333%
}

.grid-3 {
    width: 25%
}

.grid-2 {
    width: 16.66666667%
}

.grid-1 {
    width: 8.33333333%
}

@media (max-width:991px) {
    [class*=grid-offset-] {
        margin-left: 0 !important
    }
}

.grid-offset-12 {
    margin-left: 100%
}

.grid-offset-11 {
    margin-left: 91.66666667%
}

.grid-offset-10 {
    margin-left: 83.33333333%
}

.grid-offset-9 {
    margin-left: 75%
}

.grid-offset-8 {
    margin-left: 66.66666667%
}

.grid-offset-7 {
    margin-left: 58.33333333%
}

.grid-offset-6 {
    margin-left: 50%
}

.grid-offset-5 {
    margin-left: 41.66666667%
}

.grid-offset-4 {
    margin-left: 33.33333333%
}

.grid-offset-3 {
    margin-left: 25%
}

.grid-offset-2 {
    margin-left: 16.66666667%
}

.grid-offset-1 {
    margin-left: 8.33333333%
}

.grid-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width:767px) {
    .grid-auto {
        flex: none;
        width: 100%
    }
}

.grid-center {
    align-self: center
}

@media (max-width:991px) {
    .first-mobile {
        order: -1
    }
}

@media (max-width:767px) {
    .hidden-sm-down {
        display: none
    }
}

@media (min-width:768px) {
    .hidden-sm-up {
        display: none
    }
}

@media (max-width:991px) {
    .hidden-md-down {
        display: none
    }
}

@media (min-width:992px) {
    .hidden-md-up {
        display: none
    }
}

@media (max-width:1200px) {
    .hidden-lg-down {
        display: none
    }
}

@media (min-width:1201px) {
    .hidden-lg-up {
        display: none
    }
}

nav.gray {
    background-color: #E3E8EF
}

nav ul li {
    font-weight: 100
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding-left: 0
}

@media (min-width:768px) {
    nav ul {
        float: right
    }
}

nav::after {
    content: "";
    display: block;
    clear: both
}

nav ul li {
    padding: 6px 14px 7px;
    font-size: 16px
}

@media (min-width:768px) {
    nav ul li {
        display: inline-block
    }
}

.dropdown-menu li {
    display: block
}

    .dropdown-menu li a {
        width: 100%
    }

        .dropdown-menu li a:after, .dropdown-menu li a:before {
            display: none
        }

        .dropdown-menu li a:hover {
            border-radius: 2px
        }

table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    min-width: 800px
}

.table-responsive {
    overflow-x: auto
}

thead tr {
    font-weight: bold;
    text-align: left
}

    thead tr th {
        padding-bottom: 10px;
        border-bottom: 2px solid #b9e8ff
    }

tbody tr.highlighted {
    background: #199ed9
}

tbody td {
    padding: 10px 30px 10px 0;
    border-bottom: 1px solid #d9dfe1
}

tbody tr:last-child td {
    border: 0
}

td.highlighted, th.highlighted {
    border-left: 3px solid #199ed9;
    border-right: 3px solid #199ed9
}

th.highlighted {
    border-top: 3px solid #199ed9
}

tr:last-child td.highlighted {
    border-bottom: 3px solid #199ed9
}

td.gray {
    background-color: #E3E8EF
}

.feature-quote {
    text-align: center;
    font-family: "Montserrat", Helvetica, Arial;
    font-size: 2.5rem
}

@media (min-width:768px) {
    .feature-quote {
        border-left: 2px solid #E3E8EF;
        text-align: left;
        padding-left: 2rem;
        margin-left: 1rem
    }
}

.drop-filter {
    position: relative
}

    .drop-filter .icon {
        position: absolute;
        color: black;
        top: 11px;
        right: 25px;
        pointer-events: none;
        display: inline-block;
        width: 1em;
        height: 1em;
        fill: currentColor
    }

    .drop-filter select {
        padding: 15px 10px 11px;
        border: 0;
        margin-bottom: 10px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        width: 100%;
        text-transform: none
    }

        .drop-filter select:focus {
            outline: none
        }

html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

.remodal, [data-remodal-id] {
    display: none
}

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none
}

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch
}

    .remodal-wrapper:after {
        display: inline-block;
        height: 100%;
        margin-left: -0.05em;
        content: ""
    }

.remodal-overlay, .remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.remodal {
    position: relative;
    outline: none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

.remodal-is-initialized {
    display: inline-block
}

.remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened {
    filter: blur(3px)
}

.remodal-overlay {
    background: rgba(0, 42, 58, 0.85)
}

    .remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing {
        animation-duration: .3s;
        animation-fill-mode: forwards
    }

    .remodal-overlay.remodal-is-opening {
        animation-name: remodal-overlay-opening-keyframes
    }

    .remodal-overlay.remodal-is-closing {
        animation-name: remodal-overlay-closing-keyframes
    }

.remodal-wrapper {
    padding: 10px 10px 0
}

.remodal {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 35px;
    transform: translate3d(0, 0, 0);
    color: #002a3a;
    background: #fff;
    border-radius: 4px;
    text-align: left
}

    .remodal.remodal-is-opening, .remodal.remodal-is-closing {
        animation-duration: .3s;
        animation-fill-mode: forwards
    }

    .remodal.remodal-is-opening {
        animation-name: remodal-opening-keyframes
    }

    .remodal.remodal-is-closing {
        animation-name: remodal-closing-keyframes
    }

.remodal, .remodal-wrapper:after {
    vertical-align: middle
}

.remodal-close {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition: color .2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent
}

    .remodal-close:hover, .remodal-close:focus {
        color: #2b2e38
    }

    .remodal-close:before {
        font-family: Arial, sans-serif !important;
        font-size: 25px;
        line-height: 35px;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 35px;
        content: "\00d7";
        text-align: center
    }

    .remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner {
        padding: 0;
        border: 0
    }

@keyframes remodal-opening-keyframes {
    from {
        transform: scale(1.05);
        opacity: 0
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes remodal-closing-keyframes {
    from {
        transform: scale(1);
        opacity: 1
    }

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

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@media only screen and (min-width:641px) {
    .remodal {
        max-width: 700px
    }
}

.lt-ie9 .remodal-overlay {
    background: #2b2e38
}

.lt-ie9 .remodal {
    width: 700px
}

section.midnight, div.midnight, article.midnight {
    background: #002a3a;
    color: #fff
}

section.gray, div.gray, nav.gray, article.gray {
    background: #E3E8EF;
    color: #002a3a
}

section.lt-gray, div.lt-gray, article.lt-gray {
    background: #f5f7fa;
    color: #002a3a
}

section.teal, div.teal, article.teal {
    background: #54c0c0;
    color: #fff
}

section.blue, div.blue, article.blue {
    background: #199ed9;
    color: #fff
}

.section-padding {
    padding-top: 80px;
    padding-bottom: 80px
}

@media (max-width:991px) {
    .section-padding {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.section-padding__sm {
    padding-top: 50px;
    padding-bottom: 50px
}

@media (max-width:991px) {
    .section-padding__sm {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.section-padding__lg {
    padding-top: 120px;
    padding-bottom: 120px
}

@media (max-width:991px) {
    .section-padding__lg {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.section-padding__xs {
    padding-top: 30px;
    padding-bottom: 30px
}

.margin-bottom__lg {
    margin-bottom: 60px !important
}

.margin-bottom {
    margin-bottom: 40px !important
}

.margin-bottom__sm {
    margin-bottom: 20px !important
}

.margin-centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.margin-top__lg {
    margin-top: 60px !important
}

.margin-top {
    margin-top: 40px !important
}

.margin-top__sm {
    margin-top: 20px !important
}

.margin-none {
    margin: 0 !important
}

.padding-none {
    padding: 0 !important
}

.padding-bottom__lg {
    padding-bottom: 60px !important
}

.padding-bottom {
    padding-bottom: 40px !important
}

.padding-bottom__sm {
    padding-bottom: 20px !important
}

.padding-top__lg {
    padding-top: 60px !important
}

.padding-top {
    padding-top: 40px !important
}

.padding-top__sm {
    padding-top: 20px !important
}

h1.pattern-heading {
    color: #355460;
    margin-top: 0;
    font-family: "Montserrat", Helvetica, Arial;
    font-size: 25px;
    border-bottom: 1px solid #e6eaeb;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.pattern-single aside p {
    color: #738a93
}

.pattern-single aside .pattern-title {
    font-family: "Montserrat", Helvetica, Arial;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 35px;
    color: #bfcace;
    line-height: 100%
}

.brand-colors {
    display: table;
    table-layout: fixed;
    width: 100%;
    box-shadow: 0 3px 20px -5px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    border: 1px solid #e6eaeb
}

    .brand-colors .colors-row {
        display: table-row
    }

        .brand-colors .colors-row .color-single {
            display: table-cell;
            height: 120px
        }

@media (max-width:768px) {
    .brand-colors .colors-row .color-single {
        height: 80px
    }
}

.brand-colors .colors-row .color-single:first-child {
    border-top-left-radius: 6px
}

.brand-colors .colors-row .color-single:last-child {
    border-top-right-radius: 6px
}

.brand-colors .colors-row .color-single.blue-datto {
    background: #199ed9
}

.brand-colors .colors-row .color-single.blue-medium {
    background: #0080c6
}

.brand-colors .colors-row .color-single.blue-light {
    background: #51c6fe
}

.brand-colors .colors-row .color-single.teal {
    background: #54c0c0
}

.brand-colors .colors-row .color-single.teal-medium {
    background: #00aaaa
}

.brand-colors .colors-row .color-single.green {
    background: #58c990
}

.brand-colors .colors-row .color-single.citrus {
    background: #b0d156
}

.brand-colors .colors-row .color-single.red {
    background: #f3523e
}

.brand-colors .colors-row .color-single.orange {
    background: #ff8213
}

.brand-colors .colors-row .color-single.mango {
    background: #fdb933
}

.brand-colors .colors-row .color-single.yellow {
    background: #f6d93c
}

.brand-colors .colors-row .color-detail {
    display: table-cell;
    padding: 10px
}

    .brand-colors .colors-row .color-detail .color-title {
        color: #002a3a;
        font-weight: bold;
        font-size: 18px
    }

    .brand-colors .colors-row .color-detail .color-value p {
        color: #6999ac;
        margin-bottom: 0;
        font-size: 14px
    }

.typography h1.example, .typography h2.example, .typography h3.example, .typography h4.example {
    color: #002a3a;
    line-height: 100%;
    margin: 0
}

.typography .font-name {
    color: #99aab0;
    font-size: 16px
}

.typography .font-example {
    font-size: 60px
}

    .typography .font-example.bold {
        font-weight: bold
    }

    .typography .font-example.italic {
        font-style: italic
    }

    .typography .font-example.condensed {
        font-family: "Montserrat", Helvetica, Arial;
        font-size: 80px
    }

.typography .heading-description {
    color: #99aab0
}

.grid .sample-grid {
    background: #d9dfe1;
    border-radius: 4px;
    padding: 5px 0;
    margin-bottom: 20px
}

pre[class*="language-"] {
    border-radius: 4px
}

.lt-gray pre[class*="language-"] {
    background: #e6eaeb
}