* {
    -webkit-tap-highlight-color: transparent;
}

*, :after, :before {
    box-sizing: border-box;
}

html, input, select, textarea {
    /*font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.25rem*/
}

body, html, input, textarea {
    color: #000;
}

body, html {
    height: 100%;
    width: 100%;
    margin: 0;
    /*font-size: 16px;
    line-height: 1.5rem;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    text-rendering: optimizeLegibility*/
}

img {
    vertical-align: middle;
}

a {
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

select {
    -webkit-appearance: none;
}

    select::-ms-expand {
        display: none;
    }

p {
    line-height: 1.5rem;
}

.bb-footer .bb-container, .bb-header .bb-container {
    width: auto;
    margin: auto;
    max-width: 1600px;
    width: 100%;
    padding: 0 .625em;
}

@media screen and (min-width:1680px) {
    .bb-footer .bb-container, .bb-header .bb-container {
        padding: 0 .625em;
    }
}

.bb-footer [class*=bb-col-], .bb-header [class*=bb-col-] {
    padding: 0 .3125em;
}

@media screen and (min-width:480px) {
    .bb-footer [class*=bb-col-], .bb-header [class*=bb-col-] {
        padding: 0 1.25em;
    }
}

.bb-row, .pure-g {
    /*letter-spacing: -.31em;
*letter-spacing:normal;
*word-spacing:-.43em;
    text-rendering: optimizespeed;
    font-family: FreeSans, Arimo, Droid Sans, Helvetica, Arial, sans-serif;*/
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bb-row, .opera-only :-o-prefocus, .pure-g {
    /*word-spacing:-.43em*/
}

.pure-u {
    font-family: sans-serif;
}

.bb-col-1, .bb-col-1-1, .bb-col-1-2, .bb-col-1-3, .bb-col-1-4, .bb-col-1-6, .bb-col-1-12, .bb-col-2-3, .bb-col-2-12, .bb-col-3-4, .bb-col-3-12, .bb-col-4-12, .bb-col-5-6, .bb-col-5-12, .bb-col-6-12, .bb-col-7-12, .bb-col-8-12, .bb-col-9-12, .bb-col-10-12, .bb-col-11-12, .bb-col-12-12, .pure-u {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.bb-col-1-12 {
    width: 8.3333%;
}

.bb-col-1-6, .bb-col-2-12 {
    width: 16.6667%;
}

.bb-col-1-4, .bb-col-3-12 {
    width: 25%;
}

.bb-col-1-3, .bb-col-4-12 {
    width: 33.3333%;
}

.bb-col-5-12 {
    width: 41.6667%;
}

.bb-col-1-2, .bb-col-6-12 {
    width: 50%;
}

.bb-col-7-12 {
    width: 58.3333%;
}

.bb-col-2-3, .bb-col-8-12 {
    width: 66.6667%;
}

.bb-col-3-4, .bb-col-9-12 {
    width: 75%;
}

.bb-col-5-6, .bb-col-10-12 {
    width: 83.3333%;
}

.bb-col-11-12 {
    width: 91.6667%;
}

.bb-col-1, .bb-col-1-1, .bb-col-12-12 {
    width: 100%;
}

@media screen and (min-width:35.5em) {
    .bb-col-xs-1, .bb-col-xs-1-1, .bb-col-xs-1-2, .bb-col-xs-1-3, .bb-col-xs-1-4, .bb-col-xs-1-6, .bb-col-xs-1-12, .bb-col-xs-2-3, .bb-col-xs-2-12, .bb-col-xs-3-4, .bb-col-xs-3-12, .bb-col-xs-4-12, .bb-col-xs-5-6, .bb-col-xs-5-12, .bb-col-xs-6-12, .bb-col-xs-7-12, .bb-col-xs-8-12, .bb-col-xs-9-12, .bb-col-xs-10-12, .bb-col-xs-11-12, .bb-col-xs-12-12 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .bb-col-xs-1-12 {
        width: 8.3333%;
    }

    .bb-col-xs-1-6, .bb-col-xs-2-12 {
        width: 16.6667%;
    }

    .bb-col-xs-1-4, .bb-col-xs-3-12 {
        width: 25%;
    }

    .bb-col-xs-1-3, .bb-col-xs-4-12 {
        width: 33.3333%;
    }

    .bb-col-xs-5-12 {
        width: 41.6667%;
    }

    .bb-col-xs-1-2, .bb-col-xs-6-12 {
        width: 50%;
    }

    .bb-col-xs-7-12 {
        width: 58.3333%;
    }

    .bb-col-xs-2-3, .bb-col-xs-8-12 {
        width: 66.6667%;
    }

    .bb-col-xs-3-4, .bb-col-xs-9-12 {
        width: 75%;
    }

    .bb-col-xs-5-6, .bb-col-xs-10-12 {
        width: 83.3333%;
    }

    .bb-col-xs-11-12 {
        width: 91.6667%;
    }

    .bb-col-xs-1, .bb-col-xs-1-1, .bb-col-xs-12-12 {
        width: 100%;
    }
}

@media screen and (min-width:60em) {
    .bb-col-md-1, .bb-col-md-1-1, .bb-col-md-1-2, .bb-col-md-1-3, .bb-col-md-1-4, .bb-col-md-1-6, .bb-col-md-1-12, .bb-col-md-2-3, .bb-col-md-2-12, .bb-col-md-3-4, .bb-col-md-3-12, .bb-col-md-4-12, .bb-col-md-5-6, .bb-col-md-5-12, .bb-col-md-6-12, .bb-col-md-7-12, .bb-col-md-8-12, .bb-col-md-9-12, .bb-col-md-10-12, .bb-col-md-11-12, .bb-col-md-12-12 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .bb-col-md-1-12 {
        width: 8.3333%;
    }

    .bb-col-md-1-6, .bb-col-md-2-12 {
        width: 16.6667%;
    }

    .bb-col-md-1-4, .bb-col-md-3-12 {
        width: 25%;
    }

    .bb-col-md-1-3, .bb-col-md-4-12 {
        width: 33.3333%;
    }

    .bb-col-md-5-12 {
        width: 41.6667%;
    }

    .bb-col-md-1-2, .bb-col-md-6-12 {
        width: 50%;
    }

    .bb-col-md-7-12 {
        width: 58.3333%;
    }

    .bb-col-md-2-3, .bb-col-md-8-12 {
        width: 66.6667%;
    }

    .bb-col-md-3-4, .bb-col-md-9-12 {
        width: 75%;
    }

    .bb-col-md-5-6, .bb-col-md-10-12 {
        width: 83.3333%;
    }

    .bb-col-md-11-12 {
        width: 91.6667%;
    }

    .bb-col-md-1, .bb-col-md-1-1, .bb-col-md-12-12 {
        width: 100%;
    }
}

@media screen and (min-width:80em) {
    .bb-col-lg-1, .bb-col-lg-1-1, .bb-col-lg-1-2, .bb-col-lg-1-3, .bb-col-lg-1-4, .bb-col-lg-1-6, .bb-col-lg-1-12, .bb-col-lg-2-3, .bb-col-lg-2-12, .bb-col-lg-3-4, .bb-col-lg-3-12, .bb-col-lg-4-12, .bb-col-lg-5-6, .bb-col-lg-5-12, .bb-col-lg-6-12, .bb-col-lg-7-12, .bb-col-lg-8-12, .bb-col-lg-9-12, .bb-col-lg-10-12, .bb-col-lg-11-12, .bb-col-lg-12-12 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .bb-col-lg-1-12 {
        width: 8.3333%;
    }

    .bb-col-lg-1-6, .bb-col-lg-2-12 {
        width: 16.6667%;
    }

    .bb-col-lg-1-4, .bb-col-lg-3-12 {
        width: 25%;
    }

    .bb-col-lg-1-3, .bb-col-lg-4-12 {
        width: 33.3333%;
    }

    .bb-col-lg-5-12 {
        width: 41.6667%;
    }

    .bb-col-lg-1-2, .bb-col-lg-6-12 {
        width: 50%;
    }

    .bb-col-lg-7-12 {
        width: 58.3333%;
    }

    .bb-col-lg-2-3, .bb-col-lg-8-12 {
        width: 66.6667%;
    }

    .bb-col-lg-3-4, .bb-col-lg-9-12 {
        width: 75%;
    }

    .bb-col-lg-5-6, .bb-col-lg-10-12 {
        width: 83.3333%;
    }

    .bb-col-lg-11-12 {
        width: 91.6667%;
    }

    .bb-col-lg-1, .bb-col-lg-1-1, .bb-col-lg-12-12 {
        width: 100%;
    }
}

.bb-row {
    font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
    width: 100%;
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list, .slick-slider {
    position: relative;
    display: block;
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .slick-track:after, .slick-track:before {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    outline: 0;
    margin: auto;
    display: none;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow {
    height: 2.5rem;
    width: 2.5rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .1s linear;
    z-index: 2;
    outline: 0;
    cursor: pointer;
    border: none;
    opacity: 1;
    visibility: visible;
    background: #dbdbdb;
}

    .slick-arrow:before {
        color: #fff;
    }

    .slick-arrow:active, .slick-arrow:hover {
        background: #b5b5b5;
    }

    .slick-arrow.slick-hidden {
        display: none;
    }

    .slick-arrow.slick-disabled {
        opacity: 0;
        visibility: hidden;
    }

    .slick-arrow.slick-prev {
        left: 0;
    }

    .slick-arrow.slick-next {
        right: 0;
    }

body {
    -webkit-backface-visibility: hidden;
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
    }

    to {
        -webkit-transform: scale(1);
    }
}

@keyframes a {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

    to {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    background: #23241f;
}

.hljs, .hljs-subst, .hljs-tag {
    color: #f8f8f2;
}

.hljs-emphasis, .hljs-strong {
    color: #a8a8a2;
}

.hljs-bullet, .hljs-link, .hljs-literal, .hljs-number, .hljs-quote, .hljs-regexp {
    color: #ae81ff;
}

.hljs-code, .hljs-section, .hljs-selector-class, .hljs-title {
    color: #a6e22e;
}

.hljs-strong {
    font-weight: 700;
}

.hljs-emphasis {
    font-style: italic;
}

.hljs-attr, .hljs-keyword, .hljs-name, .hljs-selector-tag {
    color: #f92672;
}

.hljs-attribute, .hljs-symbol {
    color: #66d9ef;
}

.hljs-class .hljs-title, .hljs-params {
    color: #f8f8f2;
}

.hljs-addition, .hljs-built_in, .hljs-builtin-name, .hljs-selector-attr, .hljs-selector-id, .hljs-selector-pseudo, .hljs-string, .hljs-template-variable, .hljs-type, .hljs-variable {
    color: #e6db74;
}

.hljs-comment, .hljs-deletion, .hljs-meta {
    color: #75715e;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.clearfix:before, .clr:before {
    content: "";
    display: table;
}

.clearfix:after, .clr:after {
    content: "";
    clear: both;
    display: table;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.inl-block {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    *vertical-align: auto;
    text-rendering: auto;
}

.f-ctr-align {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.abs-ctr {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.f-wr-item {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    max-width: 50%;
}

.f-vert-align {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.list-unstyled {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.oinvisible {
    visibility: hidden;
    opacity: 0;
}

.ovisible {
    visibility: visible;
    opacity: 1;
}

.bb-main-nav ul li a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.boxes-list li:before, .sec-package .container:after {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bb-footer .bb-col-1:last-child:before, .contact .icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

@font-face {
    font-family: Neuropolitical;
    font-style: normal;
    font-weight: 400;
    src: url(/web/20180816053845im_/http://ergoslife.com/content/assets/fonts/neuropolitical-regulard41d.eot#iefix) format("embedded-opentype"), url(/web/20180816053845im_/http://ergoslife.com/content/assets/fonts/neuropolitical-regular.html) format("woff2"), url(/web/20180816053845im_/http://ergoslife.com/content/assets/fonts/neuropolitical-regular.woff) format("woff"), url(/web/20180816053845im_/http://ergoslife.com/content/assets/fonts/neuropolitical-regular.ttf) format("truetype"), url(/web/20180816053845im_/http://ergoslife.com/content/assets/fonts/neuropolitical-regular-2.html#Neuropolitical) format("svg");
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-family: Neuropolitical, Verdana, Arial, sans-serif;
}

.bb-footer h1, .bb-footer h2, .bb-footer h3, .bb-footer h4, .bb-footer h5, .bb-footer h6, .bb-header h1, .bb-header h2, .bb-header h3, .bb-header h4, .bb-header h5, .bb-header h6 {
    text-transform: uppercase;
}

h1 {
    font-size: 2.25rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.75rem;
}

h4 {
    font-size: 1.625rem;
}

h5 {
    font-size: 1.375rem;
}

h6 {
    font-size: 1.125rem;
}

a {
    text-decoration: none;
}

p {
    line-height: 1.875rem;
}

.f-b, .f-red {
    font-weight: 900;
}

.f-red {
    color: #a10101;
}

@font-face {
    font-family: icomoon;
    src: url(/web/20180816053845im_/http://ergoslife.com/content/assets/fonts/icons/icomoon6550.eot);
    src: url(/web/20180816053845im_/http://ergoslife.com/content/assets/fonts/icons/icomoon6550.eot#iefix) format("embedded-opentype"), url(/web/20180816053845im_/http://ergoslife.com/content/assets/fonts/icons/icomoon6550.ttf) format("truetype"), url(/web/20180816053845im_/http://ergoslife.com/content/assets/fonts/icons/icomoon6550.woff) format("woff"), url(/web/20180816053845im_/http://ergoslife.com/content/assets/fonts/icons/icomoon6550.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
}

[class*=" icon-"], [class^=icon-] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-package:before, .sec-package .container:after {
    content: "\bb998";
}

.boxes-list li:before, .icon-checkbox:before {
    content: "\bb899";
}

.icon-bb:before {
    content: "\bb900";
}

.icon-card:before {
    content: "\bb901";
}

.icon-chevron-left:before {
    content: "\bb902";
}

.icon-chevron-right:before {
    content: "\bb903";
}

.footer-fixed #btn-fixed .icon:before, .icon-close:before {
    content: "\bb904";
}

.icon-down:before {
    content: "\bb905";
}

.icon-email:before {
    content: "\bb906";
}

.icon-home:before {
    content: "\bb907";
}

.icon-menu:before {
    content: "\bb908";
}

.icon-phone:before {
    content: "\bb909";
}

.btn-link {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    max-width: 18.75rem;
    min-height: 3.5rem;
    text-align: center;
    font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    color: #fff;
    border-radius: .25em;
    border: 0;
    position: relative;
    outline: 0;
    background: #dc5058;
    transition: background .1s linear;
    margin: auto;
}

    .btn-link:hover {
        background: #d02a33;
    }

    .btn-link:active {
        background: #a52129;
    }

.btn-code {
    position: relative;
    opacity: .7;
    margin: 0;
    display: block;
    transition: opacity .1s linear;
}

    .btn-code:before {
        content: "";
        height: 2.5em;
        width: 2.5em;
        background: transparent url(/web/20180816053845im_/http://ergoslife.com/content/assets/images/cc-logo.png) no-repeat 0 0;
        background-size: contain;
        background-position: 50%;
        position: absolute;
        top: 50%;
        left: -.625rem;
        -webkit-transform: translateY(-50%) translateX(-100%);
        -ms-transform: translateY(-50%) translateX(-100%);
        transform: translateY(-50%) translateX(-100%);
    }

    .btn-code span {
        display: none;
        font-family: Neuropolitical, Verdana, Arial, sans-serif;
        font-size: .875rem;
        color: #000;
    }

    .btn-code:hover {
        opacity: 1;
    }

    .btn-code:active {
        opacity: .7;
    }

@media screen and (min-width:80em) {
    .btn-code span {
        display: block;
    }
}

#btn-mm {
    background: none;
    color: #000;
    border: none;
    outline: 0;
    margin-right: .9375rem;
    cursor: pointer;
}

    #btn-mm .icon:before {
        font-size: 2.25rem;
    }

.boxes-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .boxes-list li {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 1.875rem;
    }

        .boxes-list li:before {
            color: #f05033;
            margin-right: 1.25rem;
            font-size: 1.375rem;
        }

.settings-table {
    margin: 0;
    padding: 0;
    list-style-type: none;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #eeeded;
    font-size: 1rem;
}

    .settings-table, .settings-table li {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .settings-table li {
            border-bottom: 1px solid silver;
        }

            .settings-table li div {
                padding: .75em .9375em 1em;
                -webkit-flex: 1;
                -ms-flex: 1;
                flex: 1;
                width: 100%;
                word-break: break-all;
                word-break: break-word;
                overflow-wrap: break-word;
            }

            .settings-table li.thead div {
                background: #444;
                color: #fff;
                text-align: center;
                padding: 1em .75em;
                border-right: 1px solid #fff;
            }

@media screen and (min-width:60em) {
    .settings-table li div {
        padding: .75em 1.25em 1em;
    }
}

.three-groups li {
    width: 100%;
}

    .three-groups li:first-child, .three-groups li:last-child, .three-groups li:nth-child(3) {
        display: none;
    }

.three-groups div:first-of-type {
    max-width: 13.125em;
    text-align: center;
    background: #dcdbdb;
}

@media screen and (min-width:48em) {
    .three-groups li {
        width: 50%;
    }

        .three-groups li:first-child {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }
}

@media screen and (min-width:80em) {
    .three-groups li {
        width: 33.3333%;
    }

        .three-groups li:last-child, .three-groups li:nth-child(3) {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }
}

.two-groups li {
    width: 100%;
}

    .two-groups li:first-child {
        display: none;
    }

.two-groups div:first-of-type {
    text-align: center;
    background: #dcdbdb;
    max-width: 15em;
}

@media screen and (min-width:60em) {
    .two-groups li {
        width: 50%;
    }

        .two-groups li:first-child {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }
}

.one-group div {
    width: 50%;
    text-align: center;
}

    .one-group div:first-of-type {
        background: #dcdbdb;
    }

    .one-group div:nth-of-type(2) {
        background: #e5e4e4;
    }

    .one-group div:last-of-type {
        width: 100%;
        text-align: left;
        padding-left: 2.1875em;
    }

.one-group li {
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .one-group li div:last-of-type {
        width: 100%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        border-top: 1px solid #fff;
        text-align: center;
    }

@media screen and (min-width:48em) {
    .one-group div {
        max-width: 13.125em;
        width: auto;
    }

        .one-group div:last-of-type {
            max-width: 100%;
            text-align: left;
            padding-left: 2.1875em;
        }

    .one-group li div:last-of-type {
        width: 100%;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-top: 0;
        text-align: left;
    }
}

.bb-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 5;
    background: #fff;
}

.old-one .bb-header {
    padding-right: 17px;
}

    .old-one .bb-header .logo {
        background-position: 1rem .25rem;
    }

.bb-header:after {
    background: #fff;
    width: 70%;
    top: 0;
    right: 0;
}

.bb-header .logo, .bb-header:after {
    content: "";
    height: 100%;
    position: absolute;
}

.bb-header .logo {
    display: block;
    width: 10rem;
    background: transparent url(/web/20180816053845im_/http://ergoslife.com/content/assets/images/bb-logo.svg) no-repeat 0 0;
    background-size: contain;
    background-position: 1rem .25rem;
    top: 50%;
    left: 30%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 5;
}

.bb-header h2 {
    font-size: .875rem;
    margin: 0;
    padding: 1.125rem 16.25rem 1.125rem 0;
    width: 100%;
    display: none;
}

.bb-header > .bb-row {
    height: 3.75rem;
}

    .bb-header > .bb-row > .black-bg {
        background: #000;
    }

        .bb-header > .bb-row > .black-bg h2 {
            color: #fff;
        }

    .bb-header > .bb-row .bb-col-1:last-child {
        position: absolute;
        top: .75rem;
        right: 0;
        z-index: 1;
        padding-right: 0;
    }

.bb-header .btn-code {
    margin-left: 3.125rem;
}

@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
    .bb-header .btn-code {
        margin-left: 5rem;
    }
}

@media screen and (min-width:35.5em) {
    .bb-header:after {
        height: 100%;
        width: 12.5rem;
    }

    .bb-header .logo {
        left: 100%;
        -webkit-transform: translateY(-50%) translateX(-175%);
        -ms-transform: translateY(-50%) translateX(-175%);
        transform: translateY(-50%) translateX(-175%);
    }

    .bb-header h2 {
        display: block;
    }
}

@media screen and (min-width:60em) {
    .bb-header h2 {
        font-size: 1.25rem;
    }
}

@media screen and (min-width:80em) {
    .bb-header:after {
        display: none;
    }

    .bb-header .logo {
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }

    .old-one .bb-header {
        padding-right: 17px;
    }

        .old-one .bb-header .logo {
            background-position: .5rem .25rem;
        }

    .bb-header h2 {
        padding: 1.125rem 3.75rem 1.125rem 0;
    }

    .bb-header > .bb-row .bb-col-1:last-child {
        position: relative;
        top: 0;
        padding-right: 1.25rem;
    }
}

.bb-main-nav {
    margin: 0 .625rem 0 auto;
    position: relative;
    cursor: pointer;
}

    .bb-main-nav h2 {
        font-size: .875rem;
        text-transform: none;
        background: #fff;
        z-index: 2;
        margin: 0;
        min-width: 23.125rem;
        padding: 1.125rem .625rem;
        display: none;
    }

    .bb-main-nav .icon:before {
        display: inline-block;
        top: .125rem;
        position: relative;
        transition: all .1s linear;
    }

    .bb-main-nav ul {
        position: absolute;
        top: 3.75rem;
        left: auto;
        right: 0;
        z-index: -1;
        max-height: calc(100vh - 60px);
        height: calc(100vh - 60px);
        background: #fff;
        overflow: auto;
        opacity: 0;
        visibility: hidden;
        padding: 0 0 .625rem;
        margin: 0;
        width: 96%;
        min-width: 100vw;
        list-style-type: none;
        -webkit-transform: translateY(-.75rem) translateX(.625rem);
        -ms-transform: translateY(-.75rem) translateX(.625rem);
        transform: translateY(-.75rem) translateX(.625rem);
        transition: all .15s linear;
    }

        .bb-main-nav ul li {
            padding: .625rem;
            transition: background .1s linear;
        }

            .bb-main-nav ul li.cc-item {
                display: block;
                border-bottom: 1px solid #404040;
            }

                .bb-main-nav ul li.cc-item a {
                    -webkit-justify-content: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                }

            .bb-main-nav ul li a {
                color: #404040;
                font-family: Neuropolitical, Verdana, Arial, sans-serif;
                font-size: .875rem;
                text-transform: uppercase;
                transition: color .1s linear;
            }

            .bb-main-nav ul li img {
                margin-right: .625rem;
            }

            .bb-main-nav ul li:hover {
                background: gray;
            }

                .bb-main-nav ul li:hover a {
                    color: #fff;
                }

            .bb-main-nav ul li.active {
                background: #404040;
            }

                .bb-main-nav ul li.active a {
                    color: #fff;
                }

    .bb-main-nav + .btn-code {
        display: none;
    }

    .bb-main-nav.open ul {
        opacity: 1;
        visibility: visible;
        box-shadow: 2px 3px 8px rgba(0,0,0,.31);
    }

    .bb-main-nav #btn-mm {
        display: block;
    }

@media screen and (min-width:35.5em) {
    .bb-main-nav ul {
        min-width: 22.5rem;
        height: auto;
    }
}

@media screen and (min-width:80em) {
    .bb-main-nav h2 {
        display: block;
    }

    .bb-main-nav #btn-mm {
        display: none;
    }

    .bb-main-nav ul {
        right: auto;
        left: 50%;
        -webkit-transform: translateY(-100%) translateX(-50%);
        -ms-transform: translateY(-100%) translateX(-50%);
        transform: translateY(-100%) translateX(-50%);
    }

        .bb-main-nav ul li.cc-item {
            display: none;
        }

    .bb-main-nav + .btn-code {
        display: block;
    }

    .bb-main-nav.open ul {
        -webkit-transform: translateY(0) translateX(-50%);
        -ms-transform: translateY(0) translateX(-50%);
        transform: translateY(0) translateX(-50%);
    }

    .bb-main-nav.open .icon:before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

.bb-footer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    color: #fff;
    background: #fff;
}

    .bb-footer .bb-col-1:last-child {
        background: #000;
        position: relative;
    }

        .bb-footer .bb-col-1:last-child:before {
            content: "";
            width: calc(100% + 100px);
            height: 100%;
            background: #000;
            z-index: -1;
        }

    .bb-footer .desc {
        margin-bottom: 3.125rem;
    }

        .bb-footer .desc h2 {
            font-size: 1.125rem;
        }

        .bb-footer .desc p {
            max-width: 33.125rem;
            font-size: .875rem;
        }

.footer-fixed .bb-footer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    min-height: 100%;
}

@media screen and (min-width:480px) {
    .bb-footer .desc p {
        font-size: 1rem;
    }
}

@media screen and (min-width:35.5em) {
    .bb-footer .bb-col-1 {
        padding: 0 1.875rem;
    }

        .bb-footer .bb-col-1:first-child {
            padding-right: 0;
        }
}

@media screen and (min-width:80em) {
    .bb-footer:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        background: #000;
        z-index: -1;
    }

    .old-one .bb-footer:before {
        left: -8px;
    }

    .bb-footer .bb-col-1:last-child {
        background: none;
    }

        .bb-footer .bb-col-1:last-child:before {
            display: none;
        }

    .bb-footer > .bb-container > .bb-row {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .footer-fixed .bb-footer .bb-container > .bb-row {
        min-height: 100vh;
        padding-top: 3.75rem;
    }
}

@media screen and (min-width:90em) {
    .bb-footer .desc {
        margin-bottom: 12vmin;
    }

    .footer-fixed .bb-footer .bb-container > .bb-row {
        padding-top: 0;
    }
}

#btn-fixed {
    display: none;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    position: fixed;
    bottom: .9375rem;
    right: 1.5625rem;
    z-index: 4;
    border-radius: 50%;
    background: #000;
    border: none;
    cursor: pointer;
    outline: 0;
    height: 2.75rem;
    width: 2.75rem;
    -webkit-animation: a 1.3s ease-out infinite;
    animation: a 1.3s ease-out infinite;
    transition: all .1s linear;
}

    #btn-fixed .icon {
        position: relative;
    }

        #btn-fixed .icon:after {
            content: "";
            pointer-events: none;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            border-radius: 50%;
        }

        #btn-fixed .icon:before {
            font-size: 2.25rem;
            color: #fff;
        }

    #btn-fixed:active, #btn-fixed:hover {
        background: #323232;
    }

        #btn-fixed:active, #btn-fixed:active .icon:after, #btn-fixed:hover, #btn-fixed:hover .icon:after {
            -webkit-animation-play-state: paused;
            animation-play-state: paused;
        }

.footer-fixed #btn-fixed {
    -webkit-animation: none;
    animation: none;
}

    .footer-fixed #btn-fixed .icon:before {
        font-size: 1.125rem;
    }

.old-one #btn-fixed {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.old-one .bb-footer {
    position: fixed;
    top: 1.875rem;
    width: 100%;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition: all .2s linear;
}

.old-one.footer-fixed {
    overflow: hidden;
}

    .old-one.footer-fixed .bb-footer {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

@media screen and (min-width:480px) {
    .old-one .bb-footer {
        top: .625rem;
    }
}

@media screen and (min-width:35.5em) {
    .old-one .bb-footer {
        top: 0;
    }
}

@media screen and (min-width:80em) {
    .old-one .bb-footer {
        bottom: 0;
    }
}

.contact {
    width: 100%;
    padding: 1.875rem 0;
    position: relative;
    z-index: 2;
}

    .contact .bb-col-1 {
        padding: 0;
    }

    .contact .info {
        margin-top: 3.125rem;
    }

    .contact .icon {
        background: #323232;
        font-size: 1.25rem;
        height: 2rem;
        width: 2rem;
        position: absolute;
        top: .1875rem;
        left: -2.8125rem;
    }

        .contact .icon.icon-email:before, .contact .icon.icon-phone:before {
            font-size: 1.375rem;
        }

        .contact .icon.icon-email:before {
            font-size: 1.625rem;
        }

@media screen and (min-width:90em) {
    .contact .info {
        margin-top: 12vmin;
    }
}

.ft-tit {
    font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.125rem;
    text-transform: none;
    margin-top: 0;
}

    .ft-tit .small-tit {
        font-size: .875rem;
    }

.ft-info {
    padding-left: 3.75rem;
    font-style: normal;
}

    .ft-info p {
        margin-top: 0;
        position: relative;
        line-height: 2.25rem;
        font-size: .875rem;
    }

    .ft-info span {
        display: block;
    }

@media screen and (min-width:480px) {
    .ft-info p {
        font-size: 1rem;
    }
}

.ft-cont {
    padding-left: 3.75rem;
}

    .ft-cont a {
        display: block;
        position: relative;
        color: #fff;
        line-height: 2.25rem;
        text-decoration: none;
        margin-top: .375rem;
        margin-bottom: 1rem;
        font-size: .875rem;
    }

@media screen and (min-width:480px) {
    .ft-cont a {
        font-size: 1rem;
    }
}

@media screen and (min-width:35.5em) {
    .ft-cont a {
        margin-bottom: 2.875rem;
    }
}

.pr-slider {
    width: 100%;
    position: relative;
}

.pr-images {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 45.625rem;
    max-height: 15.625rem;
    padding: .9375rem 1.25rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    outline: 0;
}

    .pr-images a {
        outline: 0;
    }

    .pr-images .img-box {
        width: 11.25rem;
        box-shadow: 3px 3px 6px rgba(0,0,0,.36);
        transition: all .1s linear;
        position: relative;
    }

        .pr-images .img-box img {
            width: 100%;
            height: auto;
        }

        .pr-images .img-box:active, .pr-images .img-box:hover {
            box-shadow: 3px 3px 6px rgba(0,0,0,.6);
            -webkit-transform: scale(1.04);
            -ms-transform: scale(1.04);
            transform: scale(1.04);
        }

    .pr-images.two .img-box:first-child {
        -webkit-transform: translateY(35%) translateX(15%);
        -ms-transform: translateY(35%) translateX(15%);
        transform: translateY(35%) translateX(15%);
    }

    .pr-images.two .img-box:last-child {
        -webkit-transform: translateY(-25%) translateX(-5%);
        -ms-transform: translateY(-25%) translateX(-5%);
        transform: translateY(-25%) translateX(-5%);
    }

    .pr-images.two:active .img-box:first-child, .pr-images.two:hover .img-box:first-child {
        -webkit-transform: translateY(25%) translateX(20%);
        -ms-transform: translateY(25%) translateX(20%);
        transform: translateY(25%) translateX(20%);
    }

        .pr-images.two:active .img-box:first-child:active, .pr-images.two:active .img-box:first-child:hover, .pr-images.two:hover .img-box:first-child:active, .pr-images.two:hover .img-box:first-child:hover {
            -webkit-transform: translateY(25%) translateX(20%) scale(1.04);
            -ms-transform: translateY(25%) translateX(20%) scale(1.04);
            transform: translateY(25%) translateX(20%) scale(1.04);
        }

    .pr-images.two:active .img-box:last-child, .pr-images.two:hover .img-box:last-child {
        -webkit-transform: translateY(-15%) translateX(-10%);
        -ms-transform: translateY(-15%) translateX(-10%);
        transform: translateY(-15%) translateX(-10%);
    }

        .pr-images.two:active .img-box:last-child:active, .pr-images.two:active .img-box:last-child:hover, .pr-images.two:hover .img-box:last-child:active, .pr-images.two:hover .img-box:last-child:hover {
            -webkit-transform: translateY(-15%) translateX(-10%) scale(1.04);
            -ms-transform: translateY(-15%) translateX(-10%) scale(1.04);
            transform: translateY(-15%) translateX(-10%) scale(1.04);
        }

    .pr-images.three .img-box:first-child {
        -webkit-transform: translateY(45%) translateX(-15%);
        -ms-transform: translateY(45%) translateX(-15%);
        transform: translateY(45%) translateX(-15%);
    }

    .pr-images.three .img-box:nth-child(2) {
        -webkit-transform: translateY(-15%) translateX(15%);
        -ms-transform: translateY(-15%) translateX(15%);
        transform: translateY(-15%) translateX(15%);
    }

    .pr-images.three .img-box:last-child {
        -webkit-transform: translateY(-75%) translateX(-5%);
        -ms-transform: translateY(-75%) translateX(-5%);
        transform: translateY(-75%) translateX(-5%);
    }

    .pr-images.three:active .img-box:first-child, .pr-images.three:hover .img-box:first-child {
        -webkit-transform: translateY(35%) translateX(-15%);
        -ms-transform: translateY(35%) translateX(-15%);
        transform: translateY(35%) translateX(-15%);
    }

        .pr-images.three:active .img-box:first-child:active, .pr-images.three:active .img-box:first-child:hover, .pr-images.three:hover .img-box:first-child:active, .pr-images.three:hover .img-box:first-child:hover {
            -webkit-transform: translateY(35%) translateX(-15%) scale(1.04);
            -ms-transform: translateY(35%) translateX(-15%) scale(1.04);
            transform: translateY(35%) translateX(-15%) scale(1.04);
        }

    .pr-images.three:active .img-box:nth-child(2), .pr-images.three:hover .img-box:nth-child(2) {
        -webkit-transform: translateY(-15%) translateX(20%);
        -ms-transform: translateY(-15%) translateX(20%);
        transform: translateY(-15%) translateX(20%);
    }

        .pr-images.three:active .img-box:nth-child(2):active, .pr-images.three:active .img-box:nth-child(2):hover, .pr-images.three:hover .img-box:nth-child(2):active, .pr-images.three:hover .img-box:nth-child(2):hover {
            -webkit-transform: translateY(-15%) translateX(20%) scale(1.04);
            -ms-transform: translateY(-15%) translateX(20%) scale(1.04);
            transform: translateY(-15%) translateX(20%) scale(1.04);
        }

    .pr-images.three:active .img-box:last-child, .pr-images.three:hover .img-box:last-child {
        -webkit-transform: translateY(-65%);
        -ms-transform: translateY(-65%);
        transform: translateY(-65%);
    }

        .pr-images.three:active .img-box:last-child:active, .pr-images.three:active .img-box:last-child:hover, .pr-images.three:hover .img-box:last-child:active, .pr-images.three:hover .img-box:last-child:hover {
            -webkit-transform: translateY(-65%) scale(1.04);
            -ms-transform: translateY(-65%) scale(1.04);
            transform: translateY(-65%) scale(1.04);
        }

@media screen and (min-width:480px) {
    .pr-images {
        max-height: 21.25rem;
    }

        .pr-images .img-box {
            width: 15.625rem;
        }
}

@media screen and (min-width:35.5em) {
    .pr-images {
        max-height: 31.875rem;
    }

        .pr-images .img-box {
            width: 23.75rem;
        }
}

@media screen and (min-width:80em) {
    .pr-images {
        min-height: 70vh;
        max-height: 100%;
        padding: 0 6.875rem;
    }

        .pr-images.two .img-box:first-child {
            -webkit-transform: translateY(55%) translateX(15%);
            -ms-transform: translateY(55%) translateX(15%);
            transform: translateY(55%) translateX(15%);
        }

        .pr-images.two .img-box:last-child {
            -webkit-transform: translateY(-45%) translateX(-5%);
            -ms-transform: translateY(-45%) translateX(-5%);
            transform: translateY(-45%) translateX(-5%);
        }

        .pr-images.two:active .img-box:first-child, .pr-images.two:hover .img-box:first-child {
            -webkit-transform: translateY(45%) translateX(20%);
            -ms-transform: translateY(45%) translateX(20%);
            transform: translateY(45%) translateX(20%);
        }

            .pr-images.two:active .img-box:first-child:active, .pr-images.two:active .img-box:first-child:hover, .pr-images.two:hover .img-box:first-child:active, .pr-images.two:hover .img-box:first-child:hover {
                -webkit-transform: translateY(45%) translateX(20%) scale(1.04);
                -ms-transform: translateY(45%) translateX(20%) scale(1.04);
                transform: translateY(45%) translateX(20%) scale(1.04);
            }

        .pr-images.two:active .img-box:last-child, .pr-images.two:hover .img-box:last-child {
            -webkit-transform: translateY(-35%) translateX(-10%);
            -ms-transform: translateY(-35%) translateX(-10%);
            transform: translateY(-35%) translateX(-10%);
        }

            .pr-images.two:active .img-box:last-child:active, .pr-images.two:active .img-box:last-child:hover, .pr-images.two:hover .img-box:last-child:active, .pr-images.two:hover .img-box:last-child:hover {
                -webkit-transform: translateY(-35%) translateX(-10%) scale(1.04);
                -ms-transform: translateY(-35%) translateX(-10%) scale(1.04);
                transform: translateY(-35%) translateX(-10%) scale(1.04);
            }
}

@media screen and (min-width:101.25em) {
    .pr-images .img-box {
        width: 31.25rem;
    }
}

main {
    overflow-x: hidden;
}

    main > iframe {
        height: calc(100vh - 66px) !important;
        border: 0;
    }

    main section {
        min-height: 25em;
    }

    main h2, main h3 {
        font-size: 1.25rem;
        margin-bottom: 1.625rem;
        line-height: 1.75rem;
        text-align: center;
    }

    main p {
        margin: 1rem 0;
    }

        main p:last-of-type {
            margin-bottom: .625rem;
        }

@media screen and (min-width:35.5em) {
    main h2, main h3 {
        font-size: 1.625rem;
        margin-bottom: 2.625rem;
        line-height: 2rem;
        text-align: left;
    }
}

@media screen and (min-width:80em) {
    main section {
        min-height: 33.75em;
    }

    main h2, main h3 {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }

    main p {
        margin: 1.625rem 0;
    }
}

pre {
    -moz-tab-size: 2;
    tab-size: 2;
    white-space: pre-wrap;
    word-break: break-word;
    width: 100%;
    margin: 0;
    line-height: 0;
    padding: .25em 0 0;
}

    pre code.html {
        max-height: 24.375rem;
        overflow: auto;
        line-height: 1.5em;
    }

        pre code.html > .hljs-tag, pre code.html > .javascript {
            left: -1.25rem;
            position: relative;
        }

    pre span {
        font-size: .875rem;
    }

@media screen and (min-width:35.5em) {
    pre {
        -moz-tab-size: 3;
        tab-size: 3;
        padding: .25em .25em 0;
    }
}

.sec-black {
    background: #000;
    color: #fff;
}

.sec-black-left {
    position: relative;
}

    .sec-black-left .col-1:first-child {
        color: #fff;
    }

    .sec-black-left:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        bottom: 0;
        left: 0;
        background: #000;
        z-index: -1;
    }

@media screen and (min-width:60em) {
    .sec-black-left:before {
        content: "";
        top: 0;
        right: 50%;
        bottom: 0;
        left: 0;
        background: #000;
        z-index: -1;
    }
}

.sec-black-right {
    position: relative;
}

    .sec-black-right .col-1:last-child {
        color: #fff;
    }

    .sec-black-right:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        bottom: 0;
        left: 0;
        background: #000;
        z-index: -1;
    }

@media screen and (min-width:60em) {
    .sec-black-right:before {
        top: 0;
        right: 0;
        bottom: 0;
        left: 50%;
        background: #000;
        z-index: -1;
    }
}

.main-promo {
    color: #fff;
    padding: 1.5625em 0;
}

    .main-promo h2 {
        font-size: 1.75rem;
        margin-top: 1.5em;
    }

@media screen and (min-width:48em) {
    .main-promo {
        padding: 3.125em 0;
    }
}

@media screen and (min-width:60em) {
    .main-promo h2 {
        margin-top: 1em;
    }
}

@media screen and (min-width:80em) {
    .main-promo h2 {
        font-size: 2.25rem;
    }
}

.sec-examples {
    text-align: center;
}

    .sec-examples > .container {
        padding: 1.875em .9375em 3.125em;
    }

    .sec-examples h2, .sec-examples p {
        max-width: 53.125em;
        margin: 1em auto;
    }

    .sec-examples h3 {
        font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 1.25rem;
        margin-bottom: 1em;
    }

        .sec-examples h3 small {
            display: block;
            font-weight: 400;
            font-size: 80%;
            margin-top: .625rem;
            height: 2.75rem;
        }

    .sec-examples .slider-container {
        text-align: left;
    }

    .sec-examples pre code.html {
        max-height: 25em;
    }

@media screen and (min-width:35.5em) {
    .sec-examples > .container {
        padding: 5em 1.875em 3.125em;
    }

    .sec-examples h2, .sec-examples p {
        text-align: center;
    }
}

.sec-config-info {
    padding: 5em 0 5.3125em;
    overflow: hidden;
    position: relative;
    min-height: 0;
}

    .sec-config-info:before {
        content: "";
        width: 120%;
        height: 108%;
        background: linear-gradient(hsla(0,0%,100%,.6), transparent);
        position: absolute;
        top: -55%;
        left: -22%;
        bottom: 0;
        -webkit-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        transform: rotate(-30deg);
        z-index: 1;
    }

    .sec-config-info h2 {
        margin-top: 0;
    }

    .sec-config-info h2, .sec-config-info ul {
        position: relative;
        z-index: 2;
    }

    .sec-config-info .container {
        position: relative;
        padding: 0 1.875em;
    }

        .sec-config-info .container:after {
            content: "";
            position: absolute;
            right: -7.5em;
            top: 60%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            height: 43.75em;
            width: 43.75em;
            background: transparent url(/web/20180816053845im_/http://ergoslife.com/content/assets/images/cog.svg) no-repeat 0 0;
            background-size: cover;
            opacity: .3;
            z-index: 1;
        }

@media screen and (min-width:48em) {
    .sec-config-info:before {
        width: 85%;
        height: 108%;
    }
}

@media screen and (min-width:80em) {
    .sec-config-info .container {
        padding: 0 3.75em;
    }
}

@media screen and (min-width:85.375em) {
    .sec-config-info:before {
        top: -35%;
        left: -24%;
    }
}

.sec-settings > .container {
    position: relative;
}

    .sec-settings > .container:before {
        content: "";
        height: 65.625em;
        width: 65.625em;
        background: transparent url(/web/20180816053845im_/http://ergoslife.com/content/assets/images/cog.svg) no-repeat 0 0;
        -webkit-transform: scaleX(-1) translateY(-50%);
        -ms-transform: scaleX(-1) translateY(-50%);
        transform: scaleX(-1) translateY(-50%);
        background-size: cover;
        opacity: .3;
        display: block;
        position: absolute;
        top: 50%;
        left: -21.875em;
        z-index: -1;
    }

    .sec-settings > .container > article .row {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .sec-settings > .container > article .col-1 {
        margin-bottom: 1.25em;
    }

@media screen and (max-width:35.4375em) {
    .sec-settings .col-1 {
        padding: 0;
    }

    .sec-settings > .container > article .col-1 {
        margin-bottom: 0;
    }
}

@media screen and (min-width:80em) {
    .sec-settings > .container > article .row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .sec-settings > .container > article .col-1 {
        margin-bottom: 0;
    }
}

.art-settings {
    margin-top: 2.8125em;
    padding: 0;
}

    .art-settings:first-child {
        margin-top: 2.5em;
    }

    .art-settings h3 {
        margin-top: 0;
    }

@media screen and (min-width:35.5em) {
    .art-settings {
        padding: 0 1.25em;
    }
}

@media screen and (min-width:80em) {
    .art-settings {
        margin-top: 7.1875em;
        padding: 0 3.75em;
    }
}

.sec-package {
    padding: 2.5em 0 2.8125em;
    min-height: 0;
}

    .sec-package .container {
        position: relative;
    }

        .sec-package .container:after {
            position: absolute;
            top: 50%;
            left: 75%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 10.9375rem;
            color: #dbdbdb;
        }

@media screen and (min-width:80em) {
    .sec-package {
        padding: 5em 0 5.3125em;
    }
}