abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted
}

audio:not([controls]) {
    display: none
}

b, strong {
    font-weight: bolder
}

button {
    -webkit-appearance: button;
    overflow: visible
}

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    button:-moz-focusring, input:-moz-focusring {
        outline: 1px dotted ButtonText
    }

button, select {
    text-transform: none
}

details {
    display: block
}

hr {
    overflow: visible
}

html {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%
}

input {
    -webkit-border-radius: 0
}

    input[type=button], input[type=reset], input[type=submit] {
        -webkit-appearance: button
    }

    input[type=number] {
        width: auto
    }

    input[type=search] {
        -webkit-appearance: textfield
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

main {
    display: block
}

pre {
    overflow: auto
}

progress {
    display: inline-block
}

summary {
    display: block
}

svg:not(:root) {
    overflow: hidden
}

template {
    display: none
}

textarea {
    overflow: auto
}

[hidden] {
    display: none
}

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

* {
    font-size: inherit;
    line-height: inherit
}

:after, :before {
    text-decoration: inherit;
    vertical-align: inherit
}

button, input, select, textarea {
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit
}

* {
    margin: 0;
    padding: 0
}

*, :after, :before {
    border-style: solid;
    border-width: 0
}

[tabindex], a, area, button, input, label, select, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

select {
    -moz-appearance: none;
    -webkit-appearance: none
}

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

    select::-ms-value {
        color: currentColor
    }

svg {
    fill: currentColor
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled] {
    cursor: default
}

[hidden][aria-hidden=false] {
    clip: rect(0 0 0 0);
    display: inherit;
    position: absolute
}

    [hidden][aria-hidden=false]:focus {
        clip: auto
    }

* {
    background-repeat: no-repeat
}

:root {
    background-color: #fff;
    box-sizing: border-box;
    color: #000;
    cursor: default;
    font: 100%/1.5 sans-serif
}

a {
    text-decoration: none
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}

button, input, select, textarea {
    background-color: transparent;
    color: inherit
}

[type=button], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=reset], [type=search], [type=submit], [type=tel], [type=text], [type=time], [type=url], [type=week], button, select, textarea {
    min-height: 1.5em
}

code, kbd, pre, samp {
    font-family: monospace,monospace
}

nav ol, nav ul {
    list-style: none
}

small {
    font-size: 75%
}

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

textarea {
    resize: vertical
}

::-moz-selection {
    background-color: #b3d4fc;
    color: #fff;
    text-shadow: none
}

::selection {
    background-color: #b3d4fc;
    color: #fff;
    text-shadow: none
}

@font-face {
    font-family: Harmonia Sans Pro;
    font-weight: 400;
    src: url(../fonts/harmonia/e048affc-431d-4a34-8354-95bf77980524%EF%B9%96.eot#iefix);
    src: url(../fonts/harmonia/e048affc-431d-4a34-8354-95bf77980524%EF%B9%96.eot#iefix) format("eot"),url(../fonts/harmonia/f7fe53a8-6bb7-4a74-8035-6037ca032dae.woff) format("woff"),url(../fonts/harmonia/13572ed5-3afa-444d-811f-31cecef749f9.ttf) format("truetype")
}

@font-face {
    font-family: Harmonia Sans Pro;
    font-weight: 500;
    src: url(../fonts/harmonia/9ad7f3ab-733c-412a-8253-9f60e724f2ff%EF%B9%96.eot#iefix);
    src: url(../fonts/harmonia/9ad7f3ab-733c-412a-8253-9f60e724f2ff%EF%B9%96.eot#iefix) format("eot"),url(../fonts/harmonia/85757b72-744c-412a-8ae0-914b3e7ad674.woff) format("woff"),url(../fonts/harmonia/5342ef4c-d3a6-421b-a241-a2034b77d33b.ttf) format("truetype")
}

@font-face {
    font-family: Harmonia Sans Pro;
    font-weight: 700;
    src: url(../fonts/harmonia/c79712e5-cb83-4ce5-a81e-af7d5e0d6acf%EF%B9%96.eot#iefix);
    src: url(../fonts/harmonia/c79712e5-cb83-4ce5-a81e-af7d5e0d6acf%EF%B9%96.eot#iefix) format("eot"),url(../fonts/harmonia/8db1a098-0880-4cc9-a664-3dfd08033690.woff) format("woff"),url(../fonts/harmonia/50a9b845-5e61-4458-8e5c-12c45a4f6b92.ttf) format("truetype")
}

@font-face {
    font-family: Icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/icomoon/icomoon.woff) format("woff"),url(../fonts/icomoon/icomoon.eot) format("eot"),url(../fonts/icomoon/icomoon.ttf) format("truetype")
}

.gen-home button, .gen-learn button {
    transition: color .3s linear
}

.gen-home input, .gen-home select, .gen-home textarea, .gen-learn input, .gen-learn select, .gen-learn textarea {
    font-size: 16px;
    line-height: 24px
}

    .gen-home input[type=password], .gen-home input[type=text], .gen-home textarea, .gen-learn input[type=password], .gen-learn input[type=text], .gen-learn textarea {
        border-bottom: 1px solid #dbdbdb
    }

    .gen-home input[type=checkbox], .gen-home input[type=radio], .gen-home input[type=submit], .gen-learn input[type=checkbox], .gen-learn input[type=radio], .gen-learn input[type=submit] {
        width: auto
    }

.gen-home label, .gen-learn label {
    display: block
}

    .gen-home label:before, .gen-learn label:before {
        display: none !important
    }

.gen-home h2.terra-form, .gen-learn h2.terra-form {
    margin-top: 24px
}

.gen-home .terra-form label, .gen-learn .terra-form label {
    width: 100%;
    text-align: left;
    float: none
}

    .gen-home .terra-form label input, .gen-learn .terra-form label input {
        margin-right: 8px;
        float: none;
        text-align: left;
        width: auto
    }

.gen-home .terra-form .real-label, .gen-home .terra-form input, .gen-home .terra-form textarea, .gen-learn .terra-form .real-label, .gen-learn .terra-form input, .gen-learn .terra-form textarea {
    width: 100%;
    text-align: left;
    float: none
}

.gen-home .terra-form .sxFormInputContent, .gen-home .terra-form .sxValidation, .gen-learn .terra-form .sxFormInputContent, .gen-learn .terra-form .sxValidation {
    float: none;
    text-align: left
}

.gen-home .terra-form .field-validation-error, .gen-learn .terra-form .field-validation-error {
    float: none;
    text-align: left;
    padding-bottom: 16px;
    display: block;
    color: red
}

.gen-home .terra-form .field-validation-valid, .gen-learn .terra-form .field-validation-valid {
    padding-bottom: 16px;
    display: block
}

.gen-home h1, .gen-home h2, .gen-home h3, .gen-home h4, .gen-home h5, .gen-home h6, .gen-learn h1, .gen-learn h2, .gen-learn h3, .gen-learn h4, .gen-learn h5, .gen-learn h6 {
    font-family: Harmonia Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;
    font-weight: 700;
    margin-bottom: 22.5px
}

    .gen-home h1:last-child, .gen-home h2:last-child, .gen-home h3:last-child, .gen-home h4:last-child, .gen-home h5:last-child, .gen-home h6:last-child, .gen-learn h1:last-child, .gen-learn h2:last-child, .gen-learn h3:last-child, .gen-learn h4:last-child, .gen-learn h5:last-child, .gen-learn h6:last-child {
        margin-bottom: 0
    }

.gen-home h1, .gen-learn h1 {
    font-size: 50px;
    line-height: 55px
}

@media (min-width:768px) {
    .gen-home h1, .gen-learn h1 {
        font-size: 60px;
        line-height: 70px
    }
}

.gen-home h2, .gen-learn h2 {
    font-size: 38px;
    line-height: 42px
}

@media (min-width:768px) {
    .gen-home h2, .gen-learn h2 {
        font-size: 44px;
        line-height: 48px;
        letter-spacing: .5px
    }
}

.gen-home h3, .gen-learn h3 {
    font-size: 20px;
    line-height: 26px
}

@media (min-width:768px) {
    .gen-home h3, .gen-learn h3 {
        font-size: 24px;
        line-height: 30px
    }
}

.gen-home h4, .gen-learn h4 {
    font-size: 16px;
    line-height: 24px
}

@media (min-width:768px) {
    .gen-home h4, .gen-learn h4 {
        font-size: 18px;
        line-height: 26px
    }
}

.gen-home .page-wrapper img, .gen-learn .page-wrapper img {
    width: 100%;
    font-style: italic;
    vertical-align: middle;
    height: auto;
    display: block;
    border: 0
}

.gen-home a, .gen-learn a {
    color: #64a70b;
    transition: color .3s linear;
    text-decoration: none
}

    .gen-home a img, .gen-learn a img {
        transition: opacity .3s linear
    }

    .gen-home a:hover img, .gen-learn a:hover img {
        opacity: .75
    }

    .gen-home a:focus, .gen-learn a:focus {
        outline-color: #64a70b
    }

.gen-home .button, .gen-learn .button {
    display: inline-block;
    transition-property: all;
    background-color: #64a70b;
    border: 1px solid #64a70b;
    border-radius: 2px;
    color: #fff;
    padding: 7.5px 15px;
    text-align: center
}

@media (min-width:768px) {
    .gen-home .button, .gen-learn .button {
        padding: 7.5px 22.5px
    }
}

.gen-home .button:hover, .gen-learn .button:hover {
    background-color: #579802
}

.gen-home .button ~ .button, .gen-learn .button ~ .button {
    margin-top: 10px
}

.gen-home .button--outline, .gen-learn .button--outline {
    display: inline-block;
    transition-property: all;
    background-color: transparent;
    border: 1px solid #64a70b;
    color: #64a70b
}

    .gen-home .button--outline:hover, .gen-learn .button--outline:hover {
        background-color: #64a70b;
        border-color: #64a70b;
        color: #fff
    }

.gen-home .button--secondary, .gen-learn .button--secondary {
    display: inline-block;
    transition-property: all;
    background-color: transparent;
    border: none;
    color: #222;
    padding: 0 5px 0 0;
    text-align: left
}

    .gen-home .button--secondary span:before, .gen-learn .button--secondary span:before {
        color: #64a70b;
        font-size: 50%;
        margin-left: 5px;
        overflow: visible;
        top: 0;
        transition: transform .3s linear;
        width: 0
    }

    .gen-home .button--secondary:hover, .gen-learn .button--secondary:hover {
        background-color: transparent;
        color: #222
    }

.gen-home .button--white, .gen-learn .button--white {
    display: inline-block;
    transition-property: all;
    background-color: transparent;
    border: 1px solid #fff
}

    .gen-home .button--white:hover, .gen-learn .button--white:hover {
        background-color: #64a70b;
        border-color: #64a70b;
        color: #fff
    }

.gen-home .button-wrapper + .button-wrapper, .gen-learn .button-wrapper + .button-wrapper {
    margin-top: 10px
}

.gen-home .video-trigger, .gen-learn .video-trigger {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media (max-width:767px) {
    .gen-home .video-trigger, .gen-learn .video-trigger {
        display: inline-block;
        width: auto
    }
}

@media (max-width:767px) {
    .gen-home .video-trigger img, .gen-learn .video-trigger img {
        display: block;
        margin: 0 auto 15px !important
    }

        .gen-home .video-trigger img + .video-trigger__inner .video-trigger__text, .gen-learn .video-trigger img + .video-trigger__inner .video-trigger__text {
            font-size: 18px
        }

        .gen-home .video-trigger img + .video-trigger__inner .video-trigger__icon:before, .gen-learn .video-trigger img + .video-trigger__inner .video-trigger__icon:before {
            font-size: 22px;
            margin-top: -4px
        }
}

@media (min-width:768px) {
    .gen-home .video-trigger img, .gen-learn .video-trigger img {
        width: 50%
    }

        .gen-home .video-trigger img + .video-trigger__inner, .gen-learn .video-trigger img + .video-trigger__inner {
            padding-right: 30px
        }
}

.gen-home .video-trigger__inner, .gen-learn .video-trigger__inner {
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.gen-home .video-trigger img, .gen-learn .video-trigger img {
    margin-right: 15px;
    width: 200px
}

@media (min-width:768px) {
    .gen-home .video-trigger img, .gen-learn .video-trigger img {
        width: 140px
    }
}

.gen-home .video-trigger__text, .gen-learn .video-trigger__text {
    transition: all .3s linear;
    position: relative
}

.gen-home .video-trigger__icon, .gen-home .video-trigger__icon:before, .gen-learn .video-trigger__icon, .gen-learn .video-trigger__icon:before {
    transition: all .3s linear
}

    .gen-home .video-trigger__icon:before, .gen-learn .video-trigger__icon:before {
        display: inline-block;
        font-size: 20px;
        height: 24px;
        line-height: 24px;
        margin-top: -12px;
        padding-left: 2px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 50%;
        width: 24px
    }

.gen-home .video-trigger .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .video-trigger .video-trigger__inner:first-child .video-trigger__icon {
    display: inline-block;
    transition-property: all;
    background-color: #64a70b;
    border: 1px solid #64a70b;
    border-radius: 2px;
    color: #fff;
    padding: 7.5px 15px;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #4e8828;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-color: #4e8828;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 7.5px;
    padding-right: 7.5px
}

@media (min-width:768px) {
    .gen-home .video-trigger .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .video-trigger .video-trigger__inner:first-child .video-trigger__icon {
        padding: 7.5px 22.5px
    }
}

.gen-home .video-trigger .video-trigger__inner:first-child .video-trigger__icon:hover, .gen-learn .video-trigger .video-trigger__inner:first-child .video-trigger__icon:hover {
    background-color: #579802
}

.gen-home .video-trigger .video-trigger__inner:first-child .video-trigger__icon ~ .button, .gen-learn .video-trigger .video-trigger__inner:first-child .video-trigger__icon ~ .button {
    margin-top: 10px
}

@media (min-width:768px) {
    .gen-home .video-trigger .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .video-trigger .video-trigger__inner:first-child .video-trigger__icon {
        padding-left: 7.5px;
        padding-right: 7.5px
    }
}

.gen-home .video-trigger .video-trigger__inner:first-child .video-trigger__icon:before, .gen-learn .video-trigger .video-trigger__inner:first-child .video-trigger__icon:before {
    content: "\e90e";
    font-size: 16px;
    margin-top: -3px;
    position: relative;
    top: 0
}

.gen-home .video-trigger .video-trigger__inner:first-child .video-trigger__text, .gen-learn .video-trigger .video-trigger__inner:first-child .video-trigger__text {
    display: inline-block;
    transition-property: all;
    background-color: #64a70b;
    border: 1px solid #64a70b;
    border-radius: 2px;
    color: #fff;
    padding: 7.5px 15px;
    text-align: center;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

@media (min-width:768px) {
    .gen-home .video-trigger .video-trigger__inner:first-child .video-trigger__text, .gen-learn .video-trigger .video-trigger__inner:first-child .video-trigger__text {
        padding: 7.5px 22.5px
    }
}

.gen-home .video-trigger .video-trigger__inner:first-child .video-trigger__text:hover, .gen-learn .video-trigger .video-trigger__inner:first-child .video-trigger__text:hover {
    background-color: #579802
}

.gen-home .video-trigger .video-trigger__inner:first-child .video-trigger__text ~ .button, .gen-learn .video-trigger .video-trigger__inner:first-child .video-trigger__text ~ .button {
    margin-top: 10px
}

.gen-home .video-trigger:hover .video-trigger__inner:first-child .video-trigger__text, .gen-learn .video-trigger:hover .video-trigger__inner:first-child .video-trigger__text {
    background-color: #579802;
    color: #fff
}

.gen-home .video-trigger:hover img + .video-trigger__inner .video-trigger__icon:before, .gen-learn .video-trigger:hover img + .video-trigger__inner .video-trigger__icon:before {
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

@media (max-width:1022px) {
    .gen-home .video-trigger, .gen-learn .video-trigger {
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:767px) {
    .gen-home .video-trigger__inner, .gen-learn .video-trigger__inner {
        padding-right: 0
    }

        .gen-home .video-trigger__inner:first-child, .gen-learn .video-trigger__inner:first-child {
            width: 100%
        }

    .gen-home .video-trigger__text, .gen-learn .video-trigger__text {
        width: calc(100% - 41px)
    }
}

.gen-home dl, .gen-home ol, .gen-home ul, .gen-learn dl, .gen-learn ol, .gen-learn ul {
    margin-left: 30px
}

.gen-home td, .gen-home th, .gen-home tr, .gen-learn td, .gen-learn th, .gen-learn tr {
    padding: 15px
}

.gen-home em, .gen-learn em {
    font-style: normal
}

.gen-home strong, .gen-learn strong {
    font-weight: 700
}

.gen-home p, .gen-learn p {
    color: #747474;
    margin-bottom: 22.5px
}

    .gen-home p:last-child, .gen-learn p:last-child {
        margin-bottom: 0
    }

@media (max-width:767px) {
    .gen-home p, .gen-learn p {
        font-size: 14px;
        line-height: 20px
    }
}

.gen-home sup, .gen-learn sup {
    font-size: 70%;
    font-weight: 400;
    line-height: inherit;
    position: relative;
    top: -1px;
    vertical-align: top
}

.gen-home .span-1, .gen-learn .span-1 {
    width: 100%
}

    .gen-home .span-1.center, .gen-learn .span-1.center {
        margin-left: 0
    }

@media (min-width:480px) {
    .gen-home .span-1, .gen-learn .span-1 {
        width: 5.71429%
    }

        .gen-home .span-1.center, .gen-learn .span-1.center {
            margin-left: 47.14286%
        }
}

.gen-home .push-1, .gen-learn .push-1 {
    margin-left: 8.57143%
}

.gen-home .pull-1, .gen-learn .pull-1 {
    margin-left: -8.57143%
}

.gen-home .span-2, .gen-learn .span-2 {
    width: 100%
}

    .gen-home .span-2.center, .gen-learn .span-2.center {
        margin-left: 0
    }

@media (min-width:480px) {
    .gen-home .span-2, .gen-learn .span-2 {
        width: 14.28571%
    }

        .gen-home .span-2.center, .gen-learn .span-2.center {
            margin-left: 42.85714%
        }
}

.gen-home .push-2, .gen-learn .push-2 {
    margin-left: 17.14286%
}

.gen-home .pull-2, .gen-learn .pull-2 {
    margin-left: -17.14286%
}

.gen-home .span-3, .gen-learn .span-3 {
    width: 100%
}

    .gen-home .span-3.center, .gen-learn .span-3.center {
        margin-left: 0
    }

@media (min-width:480px) {
    .gen-home .span-3, .gen-learn .span-3 {
        width: 22.85714%
    }

        .gen-home .span-3 .span-3.center, .gen-learn .span-3 .span-3.center {
            margin-left: 38.57143%
        }
}

.gen-home .push-3, .gen-learn .push-3 {
    margin-left: 25.71429%
}

.gen-home .pull-3, .gen-learn .pull-3 {
    margin-left: -25.71429%
}

.gen-home .span-4, .gen-learn .span-4 {
    width: 100%
}

    .gen-home .span-4.center, .gen-learn .span-4.center {
        margin-left: 0
    }

@media (min-width:480px) {
    .gen-home .span-4, .gen-learn .span-4 {
        width: 31.42857%
    }

        .gen-home .span-4 .span-4.center, .gen-learn .span-4 .span-4.center {
            margin-left: 34.28571%
        }
}

.gen-home .push-4, .gen-learn .push-4 {
    margin-left: 34.28571%
}

.gen-home .pull-4, .gen-learn .pull-4 {
    margin-left: -34.28571%
}

.gen-home .span-5, .gen-learn .span-5 {
    width: 100%
}

    .gen-home .span-5.center, .gen-learn .span-5.center {
        margin-left: 0
    }

@media (min-width:480px) {
    .gen-home .span-5, .gen-learn .span-5 {
        width: 40%
    }

        .gen-home .span-5.center, .gen-learn .span-5.center {
            margin-left: 30%
        }
}

.gen-home .push-5, .gen-learn .push-5 {
    margin-left: 42.85714%
}

.gen-home .pull-5, .gen-learn .pull-5 {
    margin-left: -42.85714%
}

.gen-home .span-6, .gen-learn .span-6 {
    width: 100%
}

    .gen-home .span-6.center, .gen-learn .span-6.center {
        margin-left: 0
    }

@media (min-width:480px) {
    .gen-home .span-6, .gen-learn .span-6 {
        width: 48.57143%
    }

        .gen-home .span-6 .span-6.center, .gen-learn .span-6 .span-6.center {
            margin-left: 25.71429%
        }
}

.gen-home .push-6, .gen-learn .push-6 {
    margin-left: 51.42857%
}

.gen-home .pull-6, .gen-learn .pull-6 {
    margin-left: -51.42857%
}

.gen-home .span-7, .gen-learn .span-7 {
    width: 100%
}

    .gen-home .span-7.center, .gen-learn .span-7.center {
        margin-left: 0
    }

@media (min-width:480px) {
    .gen-home .span-7, .gen-learn .span-7 {
        width: 57.14286%
    }

        .gen-home .span-7.center, .gen-learn .span-7.center {
            margin-left: 21.42857%
        }
}

.gen-home .push-7, .gen-learn .push-7 {
    margin-left: 60%
}

.gen-home .pull-7, .gen-learn .pull-7 {
    margin-left: -60%
}

.gen-home .span-8, .gen-learn .span-8 {
    width: 100%
}

    .gen-home .span-8.center, .gen-learn .span-8.center {
        margin-left: 0
    }

@media (min-width:480px) {
    .gen-home .span-8, .gen-learn .span-8 {
        width: 65.71429%
    }

        .gen-home .span-8.center, .gen-learn .span-8.center {
            margin-left: 17.14286%
        }
}

.gen-home .push-8, .gen-learn .push-8 {
    margin-left: 68.57143%
}

.gen-home .pull-8, .gen-learn .pull-8 {
    margin-left: -68.57143%
}

.gen-home .span-9, .gen-learn .span-9 {
    width: 100%
}

    .gen-home .span-9.center, .gen-learn .span-9.center {
        margin-left: 0
    }

@media (min-width:480px) {
    .gen-home .span-9, .gen-learn .span-9 {
        width: 74.28571%
    }

        .gen-home .span-9.center, .gen-learn .span-9.center {
            margin-left: 12.85714%
        }
}

.gen-home .push-9, .gen-learn .push-9 {
    margin-left: 77.14286%
}

.gen-home .pull-9, .gen-learn .pull-9 {
    margin-left: -77.14286%
}

.gen-home .span-10, .gen-learn .span-10 {
    width: 100%
}

    .gen-home .span-10.center, .gen-learn .span-10.center {
        margin-left: 0
    }

@media (min-width:480px) {
    .gen-home .span-10, .gen-learn .span-10 {
        width: 82.85714%
    }

        .gen-home .span-10.center, .gen-learn .span-10.center {
            margin-left: 8.57143%
        }
}

.gen-home .push-10, .gen-learn .push-10 {
    margin-left: 85.71429%
}

.gen-home .pull-10, .gen-learn .pull-10 {
    margin-left: -85.71429%
}

.gen-home .span-11, .gen-learn .span-11 {
    width: 100%
}

    .gen-home .span-11.center, .gen-learn .span-11.center {
        margin-left: 0
    }

@media (min-width:480px) {
    .gen-home .span-11, .gen-learn .span-11 {
        width: 91.42857%
    }

        .gen-home .span-11.center, .gen-learn .span-11.center {
            margin-left: 4.28571%
        }
}

.gen-home .push-11, .gen-learn .push-11 {
    margin-left: 94.28571%
}

.gen-home .pull-11, .gen-learn .pull-11 {
    margin-left: -94.28571%
}

.gen-home .span-12, .gen-learn .span-12 {
    width: 100%
}

    .gen-home .span-12.center, .gen-learn .span-12.center {
        margin-left: 0
    }

@media (min-width:480px) {
    .gen-home .span-12, .gen-learn .span-12 {
        width: 100%
    }

        .gen-home .span-12.center, .gen-learn .span-12.center {
            margin-left: 0
        }
}

.gen-home .push-12, .gen-learn .push-12 {
    margin-left: 102.85714%
}

.gen-home .pull-12, .gen-learn .pull-12 {
    margin-left: -102.85714%
}

@media (min-width:240px) {
    .gen-home .span-1\@mobile, .gen-learn .span-1\@mobile {
        width: 5.71429%
    }

        .gen-home .span-1\@mobile.center, .gen-learn .span-1\@mobile.center {
            margin-left: 47.14286%
        }

    .gen-home .push-1\@mobile, .gen-learn .push-1\@mobile {
        margin-left: 8.57143%
    }

    .gen-home .pull-1\@mobile, .gen-learn .pull-1\@mobile {
        margin-left: -8.57143%
    }

    .gen-home .span-2\@mobile, .gen-learn .span-2\@mobile {
        width: 14.28571%
    }

        .gen-home .span-2\@mobile.center, .gen-learn .span-2\@mobile.center {
            margin-left: 42.85714%
        }

    .gen-home .push-2\@mobile, .gen-learn .push-2\@mobile {
        margin-left: 17.14286%
    }

    .gen-home .pull-2\@mobile, .gen-learn .pull-2\@mobile {
        margin-left: -17.14286%
    }

    .gen-home .span-3\@mobile, .gen-learn .span-3\@mobile {
        width: 22.85714%
    }

        .gen-home .span-3\@mobile.center, .gen-learn .span-3\@mobile.center {
            margin-left: 38.57143%
        }

    .gen-home .push-3\@mobile, .gen-learn .push-3\@mobile {
        margin-left: 25.71429%
    }

    .gen-home .pull-3\@mobile, .gen-learn .pull-3\@mobile {
        margin-left: -25.71429%
    }

    .gen-home .span-4\@mobile, .gen-learn .span-4\@mobile {
        width: 31.42857%
    }

        .gen-home .push-4\@mobile, .gen-home .span-4\@mobile.center, .gen-learn .push-4\@mobile, .gen-learn .span-4\@mobile.center {
            margin-left: 34.28571%
        }

    .gen-home .pull-4\@mobile, .gen-learn .pull-4\@mobile {
        margin-left: -34.28571%
    }

    .gen-home .span-5\@mobile, .gen-learn .span-5\@mobile {
        width: 40%
    }

        .gen-home .span-5\@mobile.center, .gen-learn .span-5\@mobile.center {
            margin-left: 30%
        }

    .gen-home .push-5\@mobile, .gen-learn .push-5\@mobile {
        margin-left: 42.85714%
    }

    .gen-home .pull-5\@mobile, .gen-learn .pull-5\@mobile {
        margin-left: -42.85714%
    }

    .gen-home .span-6\@mobile, .gen-learn .span-6\@mobile {
        width: 48.57143%
    }

        .gen-home .span-6\@mobile.center, .gen-learn .span-6\@mobile.center {
            margin-left: 25.71429%
        }

    .gen-home .push-6\@mobile, .gen-learn .push-6\@mobile {
        margin-left: 51.42857%
    }

    .gen-home .pull-6\@mobile, .gen-learn .pull-6\@mobile {
        margin-left: -51.42857%
    }

    .gen-home .span-7\@mobile, .gen-learn .span-7\@mobile {
        width: 57.14286%
    }

        .gen-home .span-7\@mobile.center, .gen-learn .span-7\@mobile.center {
            margin-left: 21.42857%
        }

    .gen-home .push-7\@mobile, .gen-learn .push-7\@mobile {
        margin-left: 60%
    }

    .gen-home .pull-7\@mobile, .gen-learn .pull-7\@mobile {
        margin-left: -60%
    }

    .gen-home .span-8\@mobile, .gen-learn .span-8\@mobile {
        width: 65.71429%
    }

        .gen-home .span-8\@mobile.center, .gen-learn .span-8\@mobile.center {
            margin-left: 17.14286%
        }

    .gen-home .push-8\@mobile, .gen-learn .push-8\@mobile {
        margin-left: 68.57143%
    }

    .gen-home .pull-8\@mobile, .gen-learn .pull-8\@mobile {
        margin-left: -68.57143%
    }

    .gen-home .span-9\@mobile, .gen-learn .span-9\@mobile {
        width: 74.28571%
    }

        .gen-home .span-9\@mobile.center, .gen-learn .span-9\@mobile.center {
            margin-left: 12.85714%
        }

    .gen-home .push-9\@mobile, .gen-learn .push-9\@mobile {
        margin-left: 77.14286%
    }

    .gen-home .pull-9\@mobile, .gen-learn .pull-9\@mobile {
        margin-left: -77.14286%
    }

    .gen-home .span-10\@mobile, .gen-learn .span-10\@mobile {
        width: 82.85714%
    }

        .gen-home .span-10\@mobile.center, .gen-learn .span-10\@mobile.center {
            margin-left: 8.57143%
        }

    .gen-home .push-10\@mobile, .gen-learn .push-10\@mobile {
        margin-left: 85.71429%
    }

    .gen-home .pull-10\@mobile, .gen-learn .pull-10\@mobile {
        margin-left: -85.71429%
    }

    .gen-home .span-11\@mobile, .gen-learn .span-11\@mobile {
        width: 91.42857%
    }

        .gen-home .span-11\@mobile.center, .gen-learn .span-11\@mobile.center {
            margin-left: 4.28571%
        }

    .gen-home .push-11\@mobile, .gen-learn .push-11\@mobile {
        margin-left: 94.28571%
    }

    .gen-home .pull-11\@mobile, .gen-learn .pull-11\@mobile {
        margin-left: -94.28571%
    }

    .gen-home .span-12\@mobile, .gen-learn .span-12\@mobile {
        width: 100%
    }

        .gen-home .span-12\@mobile.center, .gen-learn .span-12\@mobile.center {
            margin-left: 0
        }

    .gen-home .push-12\@mobile, .gen-learn .push-12\@mobile {
        margin-left: 102.85714%
    }

    .gen-home .pull-12\@mobile, .gen-learn .pull-12\@mobile {
        margin-left: -102.85714%
    }
}

@media (min-width:768px) {
    .gen-home .span-1\@tablet, .gen-learn .span-1\@tablet {
        width: 5.71429%
    }

        .gen-home .span-1\@tablet.center, .gen-learn .span-1\@tablet.center {
            margin-left: 47.14286%
        }

    .gen-home .push-1\@tablet, .gen-learn .push-1\@tablet {
        margin-left: 8.57143%
    }

    .gen-home .pull-1\@tablet, .gen-learn .pull-1\@tablet {
        margin-left: -8.57143%
    }

    .gen-home .span-2\@tablet, .gen-learn .span-2\@tablet {
        width: 14.28571%
    }

        .gen-home .span-2\@tablet.center, .gen-learn .span-2\@tablet.center {
            margin-left: 42.85714%
        }

    .gen-home .push-2\@tablet, .gen-learn .push-2\@tablet {
        margin-left: 17.14286%
    }

    .gen-home .pull-2\@tablet, .gen-learn .pull-2\@tablet {
        margin-left: -17.14286%
    }

    .gen-home .span-3\@tablet, .gen-learn .span-3\@tablet {
        width: 22.85714%
    }

        .gen-home .span-3\@tablet.center, .gen-learn .span-3\@tablet.center {
            margin-left: 38.57143%
        }

    .gen-home .push-3\@tablet, .gen-learn .push-3\@tablet {
        margin-left: 25.71429%
    }

    .gen-home .pull-3\@tablet, .gen-learn .pull-3\@tablet {
        margin-left: -25.71429%
    }

    .gen-home .span-4\@tablet, .gen-learn .span-4\@tablet {
        width: 31.42857%
    }

        .gen-home .push-4\@tablet, .gen-home .span-4\@tablet.center, .gen-learn .push-4\@tablet, .gen-learn .span-4\@tablet.center {
            margin-left: 34.28571%
        }

    .gen-home .pull-4\@tablet, .gen-learn .pull-4\@tablet {
        margin-left: -34.28571%
    }

    .gen-home .span-5\@tablet, .gen-learn .span-5\@tablet {
        width: 40%
    }

        .gen-home .span-5\@tablet.center, .gen-learn .span-5\@tablet.center {
            margin-left: 30%
        }

    .gen-home .push-5\@tablet, .gen-learn .push-5\@tablet {
        margin-left: 42.85714%
    }

    .gen-home .pull-5\@tablet, .gen-learn .pull-5\@tablet {
        margin-left: -42.85714%
    }

    .gen-home .span-6\@tablet, .gen-learn .span-6\@tablet {
        width: 48.57143%
    }

        .gen-home .span-6\@tablet.center, .gen-learn .span-6\@tablet.center {
            margin-left: 25.71429%
        }

    .gen-home .push-6\@tablet, .gen-learn .push-6\@tablet {
        margin-left: 51.42857%
    }

    .gen-home .pull-6\@tablet, .gen-learn .pull-6\@tablet {
        margin-left: -51.42857%
    }

    .gen-home .span-7\@tablet, .gen-learn .span-7\@tablet {
        width: 57.14286%
    }

        .gen-home .span-7\@tablet.center, .gen-learn .span-7\@tablet.center {
            margin-left: 21.42857%
        }

    .gen-home .push-7\@tablet, .gen-learn .push-7\@tablet {
        margin-left: 60%
    }

    .gen-home .pull-7\@tablet, .gen-learn .pull-7\@tablet {
        margin-left: -60%
    }

    .gen-home .span-8\@tablet, .gen-learn .span-8\@tablet {
        width: 65.71429%
    }

        .gen-home .span-8\@tablet.center, .gen-learn .span-8\@tablet.center {
            margin-left: 17.14286%
        }

    .gen-home .push-8\@tablet, .gen-learn .push-8\@tablet {
        margin-left: 68.57143%
    }

    .gen-home .pull-8\@tablet, .gen-learn .pull-8\@tablet {
        margin-left: -68.57143%
    }

    .gen-home .span-9\@tablet, .gen-learn .span-9\@tablet {
        width: 74.28571%
    }

        .gen-home .span-9\@tablet.center, .gen-learn .span-9\@tablet.center {
            margin-left: 12.85714%
        }

    .gen-home .push-9\@tablet, .gen-learn .push-9\@tablet {
        margin-left: 77.14286%
    }

    .gen-home .pull-9\@tablet, .gen-learn .pull-9\@tablet {
        margin-left: -77.14286%
    }

    .gen-home .span-10\@tablet, .gen-learn .span-10\@tablet {
        width: 82.85714%
    }

        .gen-home .span-10\@tablet.center, .gen-learn .span-10\@tablet.center {
            margin-left: 8.57143%
        }

    .gen-home .push-10\@tablet, .gen-learn .push-10\@tablet {
        margin-left: 85.71429%
    }

    .gen-home .pull-10\@tablet, .gen-learn .pull-10\@tablet {
        margin-left: -85.71429%
    }

    .gen-home .span-11\@tablet, .gen-learn .span-11\@tablet {
        width: 91.42857%
    }

        .gen-home .span-11\@tablet.center, .gen-learn .span-11\@tablet.center {
            margin-left: 4.28571%
        }

    .gen-home .push-11\@tablet, .gen-learn .push-11\@tablet {
        margin-left: 94.28571%
    }

    .gen-home .pull-11\@tablet, .gen-learn .pull-11\@tablet {
        margin-left: -94.28571%
    }

    .gen-home .span-12\@tablet, .gen-learn .span-12\@tablet {
        width: 100%
    }

        .gen-home .span-12\@tablet.center, .gen-learn .span-12\@tablet.center {
            margin-left: 0
        }

    .gen-home .push-12\@tablet, .gen-learn .push-12\@tablet {
        margin-left: 102.85714%
    }

    .gen-home .pull-12\@tablet, .gen-learn .pull-12\@tablet {
        margin-left: -102.85714%
    }
}

@media (min-width:1023px) {
    .gen-home .span-1\@large-tablet, .gen-learn .span-1\@large-tablet {
        width: 5.71429%
    }

        .gen-home .span-1\@large-tablet.center, .gen-learn .span-1\@large-tablet.center {
            margin-left: 47.14286%
        }

    .gen-home .push-1\@large-tablet, .gen-learn .push-1\@large-tablet {
        margin-left: 8.57143%
    }

    .gen-home .pull-1\@large-tablet, .gen-learn .pull-1\@large-tablet {
        margin-left: -8.57143%
    }

    .gen-home .span-2\@large-tablet, .gen-learn .span-2\@large-tablet {
        width: 14.28571%
    }

        .gen-home .span-2\@large-tablet.center, .gen-learn .span-2\@large-tablet.center {
            margin-left: 42.85714%
        }

    .gen-home .push-2\@large-tablet, .gen-learn .push-2\@large-tablet {
        margin-left: 17.14286%
    }

    .gen-home .pull-2\@large-tablet, .gen-learn .pull-2\@large-tablet {
        margin-left: -17.14286%
    }

    .gen-home .span-3\@large-tablet, .gen-learn .span-3\@large-tablet {
        width: 22.85714%
    }

        .gen-home .span-3\@large-tablet.center, .gen-learn .span-3\@large-tablet.center {
            margin-left: 38.57143%
        }

    .gen-home .push-3\@large-tablet, .gen-learn .push-3\@large-tablet {
        margin-left: 25.71429%
    }

    .gen-home .pull-3\@large-tablet, .gen-learn .pull-3\@large-tablet {
        margin-left: -25.71429%
    }

    .gen-home .span-4\@large-tablet, .gen-learn .span-4\@large-tablet {
        width: 31.42857%
    }

        .gen-home .push-4\@large-tablet, .gen-home .span-4\@large-tablet.center, .gen-learn .push-4\@large-tablet, .gen-learn .span-4\@large-tablet.center {
            margin-left: 34.28571%
        }

    .gen-home .pull-4\@large-tablet, .gen-learn .pull-4\@large-tablet {
        margin-left: -34.28571%
    }

    .gen-home .span-5\@large-tablet, .gen-learn .span-5\@large-tablet {
        width: 40%
    }

        .gen-home .span-5\@large-tablet.center, .gen-learn .span-5\@large-tablet.center {
            margin-left: 30%
        }

    .gen-home .push-5\@large-tablet, .gen-learn .push-5\@large-tablet {
        margin-left: 42.85714%
    }

    .gen-home .pull-5\@large-tablet, .gen-learn .pull-5\@large-tablet {
        margin-left: -42.85714%
    }

    .gen-home .span-6\@large-tablet, .gen-learn .span-6\@large-tablet {
        width: 48.57143%
    }

        .gen-home .span-6\@large-tablet.center, .gen-learn .span-6\@large-tablet.center {
            margin-left: 25.71429%
        }

    .gen-home .push-6\@large-tablet, .gen-learn .push-6\@large-tablet {
        margin-left: 51.42857%
    }

    .gen-home .pull-6\@large-tablet, .gen-learn .pull-6\@large-tablet {
        margin-left: -51.42857%
    }

    .gen-home .span-7\@large-tablet, .gen-learn .span-7\@large-tablet {
        width: 57.14286%
    }

        .gen-home .span-7\@large-tablet.center, .gen-learn .span-7\@large-tablet.center {
            margin-left: 21.42857%
        }

    .gen-home .push-7\@large-tablet, .gen-learn .push-7\@large-tablet {
        margin-left: 60%
    }

    .gen-home .pull-7\@large-tablet, .gen-learn .pull-7\@large-tablet {
        margin-left: -60%
    }

    .gen-home .span-8\@large-tablet, .gen-learn .span-8\@large-tablet {
        width: 65.71429%
    }

        .gen-home .span-8\@large-tablet.center, .gen-learn .span-8\@large-tablet.center {
            margin-left: 17.14286%
        }

    .gen-home .push-8\@large-tablet, .gen-learn .push-8\@large-tablet {
        margin-left: 68.57143%
    }

    .gen-home .pull-8\@large-tablet, .gen-learn .pull-8\@large-tablet {
        margin-left: -68.57143%
    }

    .gen-home .span-9\@large-tablet, .gen-learn .span-9\@large-tablet {
        width: 74.28571%
    }

        .gen-home .span-9\@large-tablet.center, .gen-learn .span-9\@large-tablet.center {
            margin-left: 12.85714%
        }

    .gen-home .push-9\@large-tablet, .gen-learn .push-9\@large-tablet {
        margin-left: 77.14286%
    }

    .gen-home .pull-9\@large-tablet, .gen-learn .pull-9\@large-tablet {
        margin-left: -77.14286%
    }

    .gen-home .span-10\@large-tablet, .gen-learn .span-10\@large-tablet {
        width: 82.85714%
    }

        .gen-home .span-10\@large-tablet.center, .gen-learn .span-10\@large-tablet.center {
            margin-left: 8.57143%
        }

    .gen-home .push-10\@large-tablet, .gen-learn .push-10\@large-tablet {
        margin-left: 85.71429%
    }

    .gen-home .pull-10\@large-tablet, .gen-learn .pull-10\@large-tablet {
        margin-left: -85.71429%
    }

    .gen-home .span-11\@large-tablet, .gen-learn .span-11\@large-tablet {
        width: 91.42857%
    }

        .gen-home .span-11\@large-tablet.center, .gen-learn .span-11\@large-tablet.center {
            margin-left: 4.28571%
        }

    .gen-home .push-11\@large-tablet, .gen-learn .push-11\@large-tablet {
        margin-left: 94.28571%
    }

    .gen-home .pull-11\@large-tablet, .gen-learn .pull-11\@large-tablet {
        margin-left: -94.28571%
    }

    .gen-home .span-12\@large-tablet, .gen-learn .span-12\@large-tablet {
        width: 100%
    }

        .gen-home .span-12\@large-tablet.center, .gen-learn .span-12\@large-tablet.center {
            margin-left: 0
        }

    .gen-home .push-12\@large-tablet, .gen-learn .push-12\@large-tablet {
        margin-left: 102.85714%
    }

    .gen-home .pull-12\@large-tablet, .gen-learn .pull-12\@large-tablet {
        margin-left: -102.85714%
    }
}

@media (min-width:1200px) {
    .gen-home .span-1\@desktop, .gen-learn .span-1\@desktop {
        width: 5.71429%
    }

        .gen-home .span-1\@desktop.center, .gen-learn .span-1\@desktop.center {
            margin-left: 47.14286%
        }

    .gen-home .push-1\@desktop, .gen-learn .push-1\@desktop {
        margin-left: 8.57143%
    }

    .gen-home .pull-1\@desktop, .gen-learn .pull-1\@desktop {
        margin-left: -8.57143%
    }

    .gen-home .span-2\@desktop, .gen-learn .span-2\@desktop {
        width: 14.28571%
    }

        .gen-home .span-2\@desktop.center, .gen-learn .span-2\@desktop.center {
            margin-left: 42.85714%
        }

    .gen-home .push-2\@desktop, .gen-learn .push-2\@desktop {
        margin-left: 17.14286%
    }

    .gen-home .pull-2\@desktop, .gen-learn .pull-2\@desktop {
        margin-left: -17.14286%
    }

    .gen-home .span-3\@desktop, .gen-learn .span-3\@desktop {
        width: 22.85714%
    }

        .gen-home .span-3\@desktop.center, .gen-learn .span-3\@desktop.center {
            margin-left: 38.57143%
        }

    .gen-home .push-3\@desktop, .gen-learn .push-3\@desktop {
        margin-left: 25.71429%
    }

    .gen-home .pull-3\@desktop, .gen-learn .pull-3\@desktop {
        margin-left: -25.71429%
    }

    .gen-home .span-4\@desktop, .gen-learn .span-4\@desktop {
        width: 31.42857%
    }

        .gen-home .push-4\@desktop, .gen-home .span-4\@desktop.center, .gen-learn .push-4\@desktop, .gen-learn .span-4\@desktop.center {
            margin-left: 34.28571%
        }

    .gen-home .pull-4\@desktop, .gen-learn .pull-4\@desktop {
        margin-left: -34.28571%
    }

    .gen-home .span-5\@desktop, .gen-learn .span-5\@desktop {
        width: 40%
    }

        .gen-home .span-5\@desktop.center, .gen-learn .span-5\@desktop.center {
            margin-left: 30%
        }

    .gen-home .push-5\@desktop, .gen-learn .push-5\@desktop {
        margin-left: 42.85714%
    }

    .gen-home .pull-5\@desktop, .gen-learn .pull-5\@desktop {
        margin-left: -42.85714%
    }

    .gen-home .span-6\@desktop, .gen-learn .span-6\@desktop {
        width: 48.57143%
    }

        .gen-home .span-6\@desktop.center, .gen-learn .span-6\@desktop.center {
            margin-left: 25.71429%
        }

    .gen-home .push-6\@desktop, .gen-learn .push-6\@desktop {
        margin-left: 51.42857%
    }

    .gen-home .pull-6\@desktop, .gen-learn .pull-6\@desktop {
        margin-left: -51.42857%
    }

    .gen-home .span-7\@desktop, .gen-learn .span-7\@desktop {
        width: 57.14286%
    }

        .gen-home .span-7\@desktop.center, .gen-learn .span-7\@desktop.center {
            margin-left: 21.42857%
        }

    .gen-home .push-7\@desktop, .gen-learn .push-7\@desktop {
        margin-left: 60%
    }

    .gen-home .pull-7\@desktop, .gen-learn .pull-7\@desktop {
        margin-left: -60%
    }

    .gen-home .span-8\@desktop, .gen-learn .span-8\@desktop {
        width: 65.71429%
    }

        .gen-home .span-8\@desktop.center, .gen-learn .span-8\@desktop.center {
            margin-left: 17.14286%
        }

    .gen-home .push-8\@desktop, .gen-learn .push-8\@desktop {
        margin-left: 68.57143%
    }

    .gen-home .pull-8\@desktop, .gen-learn .pull-8\@desktop {
        margin-left: -68.57143%
    }

    .gen-home .span-9\@desktop, .gen-learn .span-9\@desktop {
        width: 74.28571%
    }

        .gen-home .span-9\@desktop.center, .gen-learn .span-9\@desktop.center {
            margin-left: 12.85714%
        }

    .gen-home .push-9\@desktop, .gen-learn .push-9\@desktop {
        margin-left: 77.14286%
    }

    .gen-home .pull-9\@desktop, .gen-learn .pull-9\@desktop {
        margin-left: -77.14286%
    }

    .gen-home .span-10\@desktop, .gen-learn .span-10\@desktop {
        width: 82.85714%
    }

        .gen-home .span-10\@desktop.center, .gen-learn .span-10\@desktop.center {
            margin-left: 8.57143%
        }

    .gen-home .push-10\@desktop, .gen-learn .push-10\@desktop {
        margin-left: 85.71429%
    }

    .gen-home .pull-10\@desktop, .gen-learn .pull-10\@desktop {
        margin-left: -85.71429%
    }

    .gen-home .span-11\@desktop, .gen-learn .span-11\@desktop {
        width: 91.42857%
    }

        .gen-home .span-11\@desktop.center, .gen-learn .span-11\@desktop.center {
            margin-left: 4.28571%
        }

    .gen-home .push-11\@desktop, .gen-learn .push-11\@desktop {
        margin-left: 94.28571%
    }

    .gen-home .pull-11\@desktop, .gen-learn .pull-11\@desktop {
        margin-left: -94.28571%
    }

    .gen-home .span-12\@desktop, .gen-learn .span-12\@desktop {
        width: 100%
    }

        .gen-home .span-12\@desktop.center, .gen-learn .span-12\@desktop.center {
            margin-left: 0
        }

    .gen-home .push-12\@desktop, .gen-learn .push-12\@desktop {
        margin-left: 102.85714%
    }

    .gen-home .pull-12\@desktop, .gen-learn .pull-12\@desktop {
        margin-left: -102.85714%
    }
}

.gen-home .remove-center, .gen-learn .remove-center {
    margin-right: 0
}

.gen-home .row, .gen-learn .row {
    display: block
}

    .gen-home .row:after, .gen-learn .row:after {
        content: "" !important;
        display: block !important;
        clear: both !important
    }

@media screen and (min-width:768px) {
    .gen-home .row, .gen-learn .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

        .gen-home .row .text-block, .gen-learn .row .text-block {
            -ms-flex: 1;
            flex: 1
        }
}

.gen-home [class^=span-], .gen-learn [class^=span-] {
    float: left;
    margin-right: 2.85714%
}

    .gen-home [class^=span-]:last-child, .gen-learn [class^=span-]:last-child {
        margin-right: 0
    }

.gen-home .clearfix:after, .gen-learn .clearfix:after {
    content: "" !important;
    display: block !important;
    clear: both !important
}

.gen-home .hidden, .gen-learn .hidden {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    left: -10000px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: auto;
    width: 1px
}

.gen-home .reveal-adjust *, .gen-learn .reveal-adjust * {
    -ms-transform: none !important;
    transform: none !important;
    z-index: auto !important
}

.gen-home .reveal-adjust .reveal, .gen-learn .reveal-adjust .reveal {
    background-color: #fff !important;
    outline: 1px solid red;
    position: relative;
    z-index: 3000 !important
}

.gen-home .reveal-adjust .reveal-overlay, .gen-learn .reveal-adjust .reveal-overlay {
    background-color: #000;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .5;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2000
}

.gen-home [class*=" icon-"]:before, .gen-home [class^=icon-]:before, .gen-learn [class*=" icon-"]:before, .gen-learn [class^=icon-]:before {
    display: inline-block;
    font-family: Icomoon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    position: relative;
    font-variant: normal;
    speak: none;
    text-transform: none;
    top: -3px;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.concerto .gen-home [class*=" icon-"], .concerto .gen-home [class^=icon-], .concerto .gen-learn [class*=" icon-"], .concerto .gen-learn [class^=icon-] {
    font-family: IrobotWeb
}

.gen-home .icon-arrow-d:before, .gen-learn .icon-arrow-d:before {
    content: "\e900"
}

.gen-home .icon-arrow-l:before, .gen-learn .icon-arrow-l:before {
    content: "\e901"
}

.gen-home .icon-arrow-r:before, .gen-learn .icon-arrow-r:before {
    content: "\e902"
}

.gen-home .icon-arrow-u:before, .gen-learn .icon-arrow-u:before {
    content: "\e903"
}

.gen-home .icon-cart:before, .gen-learn .icon-cart:before {
    content: "\e904"
}

.gen-home .icon-checkmark:before, .gen-home .icon-true:before, .gen-learn .icon-checkmark:before, .gen-learn .icon-true:before {
    content: "\e90f"
}

.concerto .gen-home .icon-checkmark:before, .concerto .gen-home .icon-true:before, .concerto .gen-learn .icon-checkmark:before, .concerto .gen-learn .icon-true:before {
    content: "\f030"
}

.gen-home .icon-circle-arrow-r:before, .gen-learn .icon-circle-arrow-r:before {
    content: "\e90b"
}

.gen-home .icon-close:before, .gen-learn .icon-close:before {
    content: "\e905"
}

.concerto .gen-home .icon-close:before, .concerto .gen-learn .icon-close:before {
    content: "\f033"
}

.gen-home .icon-dash:before, .gen-home .icon-false:before, .gen-learn .icon-dash:before, .gen-learn .icon-false:before {
    content: "\e910"
}

.concerto .gen-home .icon-dash:before, .concerto .gen-home .icon-false:before, .concerto .gen-learn .icon-dash:before, .concerto .gen-learn .icon-false:before {
    content: "\f030"
}

.gen-home .icon-facebook:before, .gen-learn .icon-facebook:before {
    content: "\e906"
}

.gen-home .icon-instagram:before, .gen-learn .icon-instagram:before {
    content: "\e907"
}

.gen-home .icon-linkedin:before, .gen-learn .icon-linkedin:before {
    content: "\e908"
}

.gen-home .icon-menu:before, .gen-learn .icon-menu:before {
    content: "\e909"
}

.gen-home .icon-search:before, .gen-learn .icon-search:before {
    content: "\e90a"
}

.gen-home .icon-solid-arrow-r:before, .gen-learn .icon-solid-arrow-r:before {
    content: "\e90e"
}

.gen-home .icon-twitter:before, .gen-learn .icon-twitter:before {
    content: "\e90c"
}

.gen-home .icon-youtube:before, .gen-learn .icon-youtube:before {
    content: "\e90d"
}

.gen-home .wrapper, .gen-learn .wrapper {
    margin: 0 auto;
    max-width: 1400px;
    width: 100%;
    padding-right: 30px;
    padding-left: 30px
}

@media (min-width:480px) and (max-width:767px) {
    .gen-home .wrapper, .gen-learn .wrapper {
        padding-right: 45px;
        padding-left: 45px
    }
}

@media (min-width:768px) and (max-width:1399px) {
    .gen-home .wrapper, .gen-learn .wrapper {
        padding-right: 60px;
        padding-left: 60px
    }
}

.gen-home .modaal-noscroll, .gen-learn .modaal-noscroll {
    overflow: hidden
}

.gen-home .modaal-accessible-hide, .gen-learn .modaal-accessible-hide {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

.gen-home .modaal-overlay, .gen-learn .modaal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0
}

.gen-home .modaal-wrapper, .gen-learn .modaal-wrapper {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: auto;
    opacity: 1;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    transition: all .3s ease-in-out
}

    .gen-home .modaal-wrapper *, .gen-learn .modaal-wrapper * {
        box-sizing: border-box;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-backface-visibility: hidden
    }

    .gen-home .modaal-wrapper .modaal-close, .gen-learn .modaal-wrapper .modaal-close {
        border: none;
        background: transparent;
        padding: 0;
        -webkit-appearance: none
    }

    .gen-home .modaal-wrapper.modaal-start_none, .gen-learn .modaal-wrapper.modaal-start_none {
        display: none;
        opacity: 1
    }

    .gen-home .modaal-wrapper.modaal-start_fade, .gen-learn .modaal-wrapper.modaal-start_fade {
        opacity: 0
    }

    .gen-home .modaal-wrapper [tabindex="0"], .gen-learn .modaal-wrapper [tabindex="0"] {
        outline: none !important
    }

    .gen-home .modaal-wrapper.modaal-fullscreen, .gen-learn .modaal-wrapper.modaal-fullscreen {
        overflow: hidden
    }

.gen-home .modaal-outer-wrapper, .gen-learn .modaal-outer-wrapper {
    display: table;
    position: relative;
    width: 100%;
    height: 100%
}

.gen-home .modaal-fullscreen .modaal-outer-wrapper, .gen-learn .modaal-fullscreen .modaal-outer-wrapper {
    display: block
}

.gen-home .modaal-inner-wrapper, .gen-learn .modaal-inner-wrapper {
    display: table-cell;
    width: 100%;
    height: 100%;
    position: relative;
    vertical-align: middle;
    text-align: center;
    padding: 80px 25px
}

.gen-home .modaal-fullscreen .modaal-inner-wrapper, .gen-learn .modaal-fullscreen .modaal-inner-wrapper {
    padding: 0;
    display: block;
    vertical-align: top
}

.gen-home .modaal-container, .gen-learn .modaal-container {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: auto;
    text-align: left;
    color: #000;
    max-width: 1000px;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,.2);
    cursor: auto
}

    .gen-home .modaal-container.is_loading, .gen-learn .modaal-container.is_loading {
        height: 100px;
        width: 100px;
        overflow: hidden
    }

.gen-home .modaal-fullscreen .modaal-container, .gen-learn .modaal-fullscreen .modaal-container {
    max-width: none;
    height: 100%;
    overflow: auto
}

.gen-home .modaal-close, .gen-learn .modaal-close {
    position: fixed;
    right: 20px;
    top: 20px;
    color: #fff;
    cursor: pointer;
    opacity: 1;
    width: 50px;
    height: 50px;
    background: transparent;
    border-radius: 100%;
    transition: all .2s ease-in-out
}

    .gen-home .modaal-close:focus, .gen-home .modaal-close:hover, .gen-learn .modaal-close:focus, .gen-learn .modaal-close:hover {
        outline: none;
        background: #fff
    }

        .gen-home .modaal-close:focus:after, .gen-home .modaal-close:focus:before, .gen-home .modaal-close:hover:after, .gen-home .modaal-close:hover:before, .gen-learn .modaal-close:focus:after, .gen-learn .modaal-close:focus:before, .gen-learn .modaal-close:hover:after, .gen-learn .modaal-close:hover:before {
            background: #b93d0c
        }

    .gen-home .modaal-close span, .gen-learn .modaal-close span {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        padding: 0 !important;
        border: 0 !important;
        height: 1px !important;
        width: 1px !important;
        overflow: hidden
    }

    .gen-home .modaal-close:after, .gen-home .modaal-close:before, .gen-learn .modaal-close:after, .gen-learn .modaal-close:before {
        display: block;
        content: " ";
        position: absolute;
        top: 14px;
        left: 23px;
        width: 4px;
        height: 22px;
        border-radius: 4px;
        background: #fff;
        transition: background .2s ease-in-out
    }

    .gen-home .modaal-close:before, .gen-learn .modaal-close:before {
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .gen-home .modaal-close:after, .gen-learn .modaal-close:after {
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.gen-home .modaal-fullscreen .modaal-close, .gen-learn .modaal-fullscreen .modaal-close {
    background: #afb7bc;
    right: 10px;
    top: 10px
}

.gen-home .modaal-content-container, .gen-learn .modaal-content-container {
    padding: 30px
}

.gen-home .modaal-confirm-wrap, .gen-learn .modaal-confirm-wrap {
    padding: 30px 0 0;
    text-align: center;
    font-size: 0
}

.gen-home .modaal-confirm-btn, .gen-learn .modaal-confirm-btn {
    font-size: 14px;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    background: transparent
}

    .gen-home .modaal-confirm-btn.modaal-ok, .gen-learn .modaal-confirm-btn.modaal-ok {
        padding: 10px 15px;
        color: #fff;
        background: #555;
        border-radius: 3px;
        transition: background .2s ease-in-out
    }

        .gen-home .modaal-confirm-btn.modaal-ok:hover, .gen-learn .modaal-confirm-btn.modaal-ok:hover {
            background: #2f2f2f
        }

    .gen-home .modaal-confirm-btn.modaal-cancel, .gen-learn .modaal-confirm-btn.modaal-cancel {
        text-decoration: underline
    }

        .gen-home .modaal-confirm-btn.modaal-cancel:hover, .gen-learn .modaal-confirm-btn.modaal-cancel:hover {
            text-decoration: none;
            color: #2f2f2f
        }

.gen-home .modaal-instagram .modaal-container, .gen-learn .modaal-instagram .modaal-container {
    width: auto;
    background: transparent;
    box-shadow: none !important
}

.gen-home .modaal-instagram .modaal-content-container, .gen-learn .modaal-instagram .modaal-content-container {
    padding: 0;
    background: transparent
}

    .gen-home .modaal-instagram .modaal-content-container > blockquote, .gen-learn .modaal-instagram .modaal-content-container > blockquote {
        width: 1px !important;
        height: 1px !important;
        opacity: 0 !important
    }

.gen-home .modaal-instagram iframe, .gen-learn .modaal-instagram iframe {
    opacity: 0;
    margin: -6px !important;
    border-radius: 0 !important;
    width: 1000px !important;
    max-width: 800px !important;
    box-shadow: none !important;
    animation: b 1s linear forwards
}

.gen-home .modaal-image .modaal-inner-wrapper, .gen-learn .modaal-image .modaal-inner-wrapper {
    padding-left: 140px;
    padding-right: 140px
}

.gen-home .modaal-image .modaal-container, .gen-learn .modaal-image .modaal-container {
    width: auto;
    max-width: 100%
}

.gen-home .modaal-gallery-wrap, .gen-learn .modaal-gallery-wrap {
    position: relative;
    color: #fff
}

.gen-home .modaal-gallery-item, .gen-learn .modaal-gallery-item {
    display: none
}

    .gen-home .modaal-gallery-item.is_active, .gen-home .modaal-gallery-item img, .gen-learn .modaal-gallery-item.is_active, .gen-learn .modaal-gallery-item img {
        display: block
    }

.gen-home .modaal-gallery-label, .gen-learn .modaal-gallery-label {
    position: absolute;
    left: 0;
    width: 100%;
    margin: 20px 0 0;
    font-size: 18px;
    text-align: center;
    color: #fff
}

    .gen-home .modaal-gallery-label:focus, .gen-learn .modaal-gallery-label:focus {
        outline: none
    }

.gen-home .modaal-gallery-control, .gen-learn .modaal-gallery-control {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    cursor: pointer;
    color: #fff;
    width: 50px;
    height: 50px;
    background: transparent;
    border: none;
    border-radius: 100%;
    transition: all .2s ease-in-out
}

    .gen-home .modaal-gallery-control.is_hidden, .gen-learn .modaal-gallery-control.is_hidden {
        opacity: 0;
        cursor: default
    }

    .gen-home .modaal-gallery-control:focus, .gen-home .modaal-gallery-control:hover, .gen-learn .modaal-gallery-control:focus, .gen-learn .modaal-gallery-control:hover {
        outline: none;
        background: #fff
    }

        .gen-home .modaal-gallery-control:focus:after, .gen-home .modaal-gallery-control:focus:before, .gen-home .modaal-gallery-control:hover:after, .gen-home .modaal-gallery-control:hover:before, .gen-learn .modaal-gallery-control:focus:after, .gen-learn .modaal-gallery-control:focus:before, .gen-learn .modaal-gallery-control:hover:after, .gen-learn .modaal-gallery-control:hover:before {
            background: #afb7bc
        }

    .gen-home .modaal-gallery-control span, .gen-learn .modaal-gallery-control span {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        padding: 0 !important;
        border: 0 !important;
        height: 1px !important;
        width: 1px !important;
        overflow: hidden
    }

    .gen-home .modaal-gallery-control:after, .gen-home .modaal-gallery-control:before, .gen-learn .modaal-gallery-control:after, .gen-learn .modaal-gallery-control:before {
        display: block;
        content: " ";
        position: absolute;
        top: 16px;
        left: 25px;
        width: 4px;
        height: 18px;
        border-radius: 4px;
        background: #fff;
        transition: background .2s ease-in-out
    }

    .gen-home .modaal-gallery-control:before, .gen-learn .modaal-gallery-control:before {
        margin: -5px 0 0;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .gen-home .modaal-gallery-control:after, .gen-learn .modaal-gallery-control:after {
        margin: 5px 0 0;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.gen-home .modaal-gallery-next, .gen-learn .modaal-gallery-next {
    left: 100%;
    margin-left: 40px
}

.gen-home .modaal-gallery-prev, .gen-learn .modaal-gallery-prev {
    right: 100%;
    margin-right: 40px
}

    .gen-home .modaal-gallery-prev:after, .gen-home .modaal-gallery-prev:before, .gen-learn .modaal-gallery-prev:after, .gen-learn .modaal-gallery-prev:before {
        left: 22px
    }

    .gen-home .modaal-gallery-prev:before, .gen-learn .modaal-gallery-prev:before {
        margin: 5px 0 0;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .gen-home .modaal-gallery-prev:after, .gen-learn .modaal-gallery-prev:after {
        margin: -5px 0 0;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.gen-home .modaal-video-wrap, .gen-learn .modaal-video-wrap {
    margin: auto 50px;
    position: relative
}

.gen-home .modaal-video-container, .gen-learn .modaal-video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    background: #000;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto
}

    .gen-home .modaal-video-container embed, .gen-home .modaal-video-container iframe, .gen-home .modaal-video-container object, .gen-learn .modaal-video-container embed, .gen-learn .modaal-video-container iframe, .gen-learn .modaal-video-container object {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.gen-home .modaal-iframe .modaal-content, .gen-learn .modaal-iframe .modaal-content {
    width: 100%;
    height: 100%
}

.gen-home .modaal-iframe-elem, .gen-learn .modaal-iframe-elem {
    width: 100%;
    height: 100%;
    display: block
}

@media only screen and (min-width:1400px) {
    .gen-home .modaal-video-container, .gen-learn .modaal-video-container {
        padding-bottom: 0;
        height: 731px
    }
}

@media only screen and (max-width:1140px) {
    .gen-home .modaal-image .modaal-inner-wrapper, .gen-learn .modaal-image .modaal-inner-wrapper {
        padding-left: 25px;
        padding-right: 25px
    }

    .gen-home .modaal-gallery-control, .gen-learn .modaal-gallery-control {
        top: auto;
        bottom: 20px;
        -ms-transform: none;
        transform: none;
        background: rgba(0,0,0,.7)
    }

        .gen-home .modaal-gallery-control:after, .gen-home .modaal-gallery-control:before, .gen-learn .modaal-gallery-control:after, .gen-learn .modaal-gallery-control:before {
            background: #fff
        }

    .gen-home .modaal-gallery-next, .gen-learn .modaal-gallery-next {
        left: auto;
        right: 20px
    }

    .gen-home .modaal-gallery-prev, .gen-learn .modaal-gallery-prev {
        left: 20px;
        right: auto
    }
}

@media screen and (max-width:900px) {
    .gen-home .modaal-instagram iframe, .gen-learn .modaal-instagram iframe {
        width: 500px !important
    }
}

@media screen and (max-height:1100px) {
    .gen-home .modaal-instagram iframe, .gen-learn .modaal-instagram iframe {
        width: 700px !important
    }
}

@media screen and (max-height:1000px) {
    .gen-home .modaal-inner-wrapper, .gen-learn .modaal-inner-wrapper {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .gen-home .modaal-instagram iframe, .gen-learn .modaal-instagram iframe {
        width: 600px !important
    }
}

@media screen and (max-height:900px) {
    .gen-home .modaal-instagram iframe, .gen-learn .modaal-instagram iframe {
        width: 500px !important
    }

    .gen-home .modaal-video-container, .gen-learn .modaal-video-container {
        max-width: 900px;
        max-height: 510px
    }
}

@media only screen and (max-width:600px) {
    .gen-home .modaal-instagram iframe, .gen-learn .modaal-instagram iframe {
        width: 280px !important
    }
}

@media only screen and (max-height:820px) {
    .gen-home .modaal-gallery-label, .gen-learn .modaal-gallery-label {
        display: none
    }
}

.gen-home .modaal-loading-spinner, .gen-learn .modaal-loading-spinner {
    background: none;
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -100px;
    -ms-transform: scale(.25);
    transform: scale(.25)
}

    .gen-home .modaal-loading-spinner > div, .gen-learn .modaal-loading-spinner > div {
        width: 24px;
        height: 24px;
        margin-left: 4px;
        margin-top: 4px;
        position: absolute
    }

        .gen-home .modaal-loading-spinner > div > div, .gen-learn .modaal-loading-spinner > div > div {
            width: 100%;
            height: 100%;
            border-radius: 15px;
            background: #fff
        }

        .gen-home .modaal-loading-spinner > div:first-of-type > div, .gen-learn .modaal-loading-spinner > div:first-of-type > div {
            animation: c 1s linear infinite;
            animation-delay: 0s
        }

        .gen-home .modaal-loading-spinner > div:nth-of-type(2) > div, .gen-home .modaal-loading-spinner > div:nth-of-type(3) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(2) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(3) > div {
            -ms-animation: c 1s linear infinite;
            -moz-animation: c 1s linear infinite;
            -webkit-animation: c 1s linear infinite;
            -o-animation: c 1s linear infinite
        }

        .gen-home .modaal-loading-spinner > div:first-of-type, .gen-learn .modaal-loading-spinner > div:first-of-type {
            -ms-transform: translate(84px,84px) rotate(45deg) translate(70px);
            transform: translate(84px,84px) rotate(45deg) translate(70px)
        }

        .gen-home .modaal-loading-spinner > div:nth-of-type(2) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(2) > div {
            animation: c 1s linear infinite;
            animation-delay: .12s
        }

        .gen-home .modaal-loading-spinner > div:nth-of-type(2), .gen-learn .modaal-loading-spinner > div:nth-of-type(2) {
            -ms-transform: translate(84px,84px) rotate(90deg) translate(70px);
            transform: translate(84px,84px) rotate(90deg) translate(70px)
        }

        .gen-home .modaal-loading-spinner > div:nth-of-type(3) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(3) > div {
            animation: c 1s linear infinite;
            animation-delay: .25s
        }

        .gen-home .modaal-loading-spinner > div:nth-of-type(4) > div, .gen-home .modaal-loading-spinner > div:nth-of-type(5) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(4) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(5) > div {
            -ms-animation: c 1s linear infinite;
            -moz-animation: c 1s linear infinite;
            -webkit-animation: c 1s linear infinite;
            -o-animation: c 1s linear infinite
        }

        .gen-home .modaal-loading-spinner > div:nth-of-type(3), .gen-learn .modaal-loading-spinner > div:nth-of-type(3) {
            -ms-transform: translate(84px,84px) rotate(135deg) translate(70px);
            transform: translate(84px,84px) rotate(135deg) translate(70px)
        }

        .gen-home .modaal-loading-spinner > div:nth-of-type(4) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(4) > div {
            animation: c 1s linear infinite;
            animation-delay: .37s
        }

        .gen-home .modaal-loading-spinner > div:nth-of-type(4), .gen-learn .modaal-loading-spinner > div:nth-of-type(4) {
            -ms-transform: translate(84px,84px) rotate(180deg) translate(70px);
            transform: translate(84px,84px) rotate(180deg) translate(70px)
        }

        .gen-home .modaal-loading-spinner > div:nth-of-type(5) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(5) > div {
            animation: c 1s linear infinite;
            animation-delay: .5s
        }

        .gen-home .modaal-loading-spinner > div:nth-of-type(6) > div, .gen-home .modaal-loading-spinner > div:nth-of-type(7) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(6) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(7) > div {
            -ms-animation: c 1s linear infinite;
            -moz-animation: c 1s linear infinite;
            -webkit-animation: c 1s linear infinite;
            -o-animation: c 1s linear infinite
        }

        .gen-home .modaal-loading-spinner > div:nth-of-type(5), .gen-learn .modaal-loading-spinner > div:nth-of-type(5) {
            -ms-transform: translate(84px,84px) rotate(225deg) translate(70px);
            transform: translate(84px,84px) rotate(225deg) translate(70px)
        }

        .gen-home .modaal-loading-spinner > div:nth-of-type(6) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(6) > div {
            animation: c 1s linear infinite;
            animation-delay: .62s
        }

        .gen-home .modaal-loading-spinner > div:nth-of-type(6), .gen-learn .modaal-loading-spinner > div:nth-of-type(6) {
            -ms-transform: translate(84px,84px) rotate(270deg) translate(70px);
            transform: translate(84px,84px) rotate(270deg) translate(70px)
        }

        .gen-home .modaal-loading-spinner > div:nth-of-type(7) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(7) > div {
            animation: c 1s linear infinite;
            animation-delay: .75s
        }

        .gen-home .modaal-loading-spinner > div:nth-of-type(7), .gen-learn .modaal-loading-spinner > div:nth-of-type(7) {
            -ms-transform: translate(84px,84px) rotate(315deg) translate(70px);
            transform: translate(84px,84px) rotate(315deg) translate(70px)
        }

        .gen-home .modaal-loading-spinner > div:nth-of-type(8) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(8) > div {
            animation: c 1s linear infinite;
            animation-delay: .87s
        }

        .gen-home .modaal-loading-spinner > div:nth-of-type(8), .gen-learn .modaal-loading-spinner > div:nth-of-type(8) {
            -ms-transform: translate(84px,84px) rotate(1turn) translate(70px);
            transform: translate(84px,84px) rotate(1turn) translate(70px)
        }

.gen-home .modaal-close:before, .gen-learn .modaal-close:before {
    display: none
}

.gen-home .modaal-close:after, .gen-learn .modaal-close:after {
    background: transparent;
    content: "\e905";
    display: inline-block;
    font-family: Icomoon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    position: relative;
    font-variant: normal;
    speak: none;
    text-transform: none;
    top: -3px;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    left: 0;
    -ms-transform: none;
    transform: none;
    width: 50px
}

.gen-home .modaal-close:focus:after, .gen-home .modaal-close:hover:after, .gen-learn .modaal-close:focus:after, .gen-learn .modaal-close:hover:after {
    background: transparent;
    color: #64a70b
}

@media (max-width:767px) {
    .gen-home .modaal-video-wrap, .gen-learn .modaal-video-wrap {
        margin: auto 0
    }
}

.gen-home .slick-slider, .gen-learn .slick-slider {
    position: relative;
    display: block;
    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
}

.gen-home .slick-list, .gen-learn .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .gen-home .slick-list:focus, .gen-learn .slick-list:focus {
        outline: none
    }

    .gen-home .slick-list.dragging, .gen-learn .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

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

.gen-home .slick-track, .gen-learn .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

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

    .gen-home .slick-track:after, .gen-learn .slick-track:after {
        clear: both
    }

.slick-loading .gen-home .slick-track, .slick-loading .gen-learn .slick-track {
    visibility: hidden
}

.gen-home .slick-slide, .gen-learn .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .gen-home .slick-slide, [dir=rtl] .gen-learn .slick-slide {
    float: right
}

.gen-home .slick-slide img, .gen-learn .slick-slide img {
    display: block
}

.gen-home .slick-slide.slick-loading img, .gen-learn .slick-slide.slick-loading img {
    display: none
}

.gen-home .slick-slide.dragging img, .gen-learn .slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .gen-home .slick-slide, .slick-initialized .gen-learn .slick-slide {
    display: block
}

.slick-loading .gen-home .slick-slide, .slick-loading .gen-learn .slick-slide {
    visibility: hidden
}

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

.gen-home .slick-arrow.slick-hidden, .gen-learn .slick-arrow.slick-hidden {
    display: none
}

.gen-home .slick-loading .slick-list, .gen-learn .slick-loading .slick-list {
    background: #fff url(https://www.irobot.cn/images/ajax-loader.gif) 50% no-repeat
}

.gen-home .slick-next, .gen-home .slick-prev, .gen-learn .slick-next, .gen-learn .slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    border: none;
    outline: none
}

    .gen-home .slick-next:focus, .gen-home .slick-next:hover, .gen-home .slick-prev:focus, .gen-home .slick-prev:hover, .gen-learn .slick-next:focus, .gen-learn .slick-next:hover, .gen-learn .slick-prev:focus, .gen-learn .slick-prev:hover {
        outline: none;
        background: transparent;
        color: transparent
    }

        .gen-home .slick-next:focus:before, .gen-home .slick-next:hover:before, .gen-home .slick-prev:focus:before, .gen-home .slick-prev:hover:before, .gen-learn .slick-next:focus:before, .gen-learn .slick-next:hover:before, .gen-learn .slick-prev:focus:before, .gen-learn .slick-prev:hover:before {
            opacity: .75
        }

    .gen-home .slick-next.slick-disabled:before, .gen-home .slick-prev.slick-disabled:before, .gen-learn .slick-next.slick-disabled:before, .gen-learn .slick-prev.slick-disabled:before {
        opacity: .25
    }

    .gen-home .slick-next:before, .gen-home .slick-prev:before, .gen-learn .slick-next:before, .gen-learn .slick-prev:before {
        font-family: Icomoon;
        font-size: 20px;
        line-height: 1;
        color: #fff;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.gen-home .slick-prev, .gen-learn .slick-prev {
    left: -25px
}

[dir=rtl] .gen-home .slick-prev, [dir=rtl] .gen-learn .slick-prev {
    right: -25px
}

.gen-home .slick-prev:before, .gen-learn .slick-prev:before {
    content: "\e901"
}

[dir=rtl] .gen-home .slick-prev:before, [dir=rtl] .gen-learn .slick-prev:before {
    content: "\e902"
}

.gen-home .slick-next, .gen-learn .slick-next {
    right: -25px
}

[dir=rtl] .gen-home .slick-next, [dir=rtl] .gen-learn .slick-next {
    left: -25px
}

.gen-home .slick-next:before, .gen-learn .slick-next:before {
    content: "\e902"
}

[dir=rtl] .gen-home .slick-next:before, [dir=rtl] .gen-learn .slick-next:before {
    content: "\e901"
}

.gen-home .slick-dotted .slick-slider, .gen-learn .slick-dotted .slick-slider {
    margin-bottom: 30px
}

.gen-home .slick-dots, .gen-learn .slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

    .gen-home .slick-dots li, .gen-learn .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer
    }

        .gen-home .slick-dots li button, .gen-learn .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 5px;
            cursor: pointer
        }

            .gen-home .slick-dots li button:focus, .gen-home .slick-dots li button:hover, .gen-learn .slick-dots li button:focus, .gen-learn .slick-dots li button:hover {
                outline: none
            }

                .gen-home .slick-dots li button:focus:before, .gen-home .slick-dots li button:hover:before, .gen-learn .slick-dots li button:focus:before, .gen-learn .slick-dots li button:hover:before {
                    opacity: .75
                }

            .gen-home .slick-dots li button:before, .gen-learn .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "\e900";
                width: 20px;
                height: 20px;
                font-family: Icomoon;
                font-size: 6px;
                line-height: 20px;
                text-align: center;
                color: #888;
                opacity: .25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

        .gen-home .slick-dots li.slick-active button:before, .gen-learn .slick-dots li.slick-active button:before {
            color: #64a70b;
            opacity: 1
        }

.gen-home .slick-arrow, .gen-learn .slick-arrow {
    z-index: 2
}

    .gen-home .slick-arrow:before, .gen-learn .slick-arrow:before {
        color: #64a70b;
        display: block;
        font-size: 24px;
        text-align: center
    }

    .gen-home .slick-arrow:hover:before, .gen-learn .slick-arrow:hover:before {
        color: #579802;
        opacity: 1
    }

    .gen-home .slick-arrow.slick-disabled:before, .gen-learn .slick-arrow.slick-disabled:before {
        color: #b4b4b4;
        opacity: 1
    }

    .gen-home .slick-arrow.slick-disabled:hover:before, .gen-learn .slick-arrow.slick-disabled:hover:before {
        color: #b4b4b4
    }

.gen-home .slick-prev, .gen-learn .slick-prev {
    left: -30px
}

[dir=rtl] .gen-home .slick-prev, [dir=rtl] .gen-learn .slick-prev {
    left: auto;
    right: -30px
}

.gen-home .slick-next, .gen-learn .slick-next {
    right: -30px
}

[dir=rtl] .gen-home .slick-next, [dir=rtl] .gen-learn .slick-next {
    left: -30px;
    right: auto
}

.gen-home .slick-dots li button, .gen-learn .slick-dots li button {
    background-color: #888;
    border-radius: 100%;
    transition: background-color .3s linear
}

    .gen-home .slick-dots li button:before, .gen-learn .slick-dots li button:before {
        display: none
    }

    .gen-home .slick-dots li.slick-active button, .gen-home .slick-dots li button:hover, .gen-learn .slick-dots li.slick-active button, .gen-learn .slick-dots li button:hover {
        background-color: #64a70b
    }

.gen-home .slick-dots li, .gen-home .slick-dots li button, .gen-learn .slick-dots li, .gen-learn .slick-dots li button {
    height: 10px;
    width: 10px
}

.gen-home .carousel-pagination, .gen-learn .carousel-pagination {
    -ms-flex-align: center;
    align-items: center;
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 15px
}

    .gen-home .carousel-pagination .slick-arrow, .gen-home .carousel-pagination .slick-dots, .gen-learn .carousel-pagination .slick-arrow, .gen-learn .carousel-pagination .slick-dots {
        position: relative
    }

    .gen-home .carousel-pagination .slick-arrow, .gen-learn .carousel-pagination .slick-arrow {
        height: auto;
        width: auto;
        top: auto;
        -ms-transform: none;
        transform: none
    }

    .gen-home .carousel-pagination .slick-dots, .gen-learn .carousel-pagination .slick-dots {
        bottom: auto;
        line-height: 0;
        margin: 0;
        padding: 0 22.5px
    }

        .gen-home .carousel-pagination .slick-dots li button, .gen-learn .carousel-pagination .slick-dots li button {
            background-color: #b4b4b4
        }

        .gen-home .carousel-pagination .slick-dots li.slick-active button, .gen-learn .carousel-pagination .slick-dots li.slick-active button {
            background-color: #64a70b
        }

        .gen-home .carousel-pagination .slick-dots li:not(.slick-active):hover button, .gen-learn .carousel-pagination .slick-dots li:not(.slick-active):hover button {
            background-color: #579802
        }

    .gen-home .carousel-pagination .slick-prev, .gen-learn .carousel-pagination .slick-prev {
        left: auto
    }

    .gen-home .carousel-pagination .slick-next, .gen-learn .carousel-pagination .slick-next {
        right: auto
    }

.gen-home [dir=rtl] .slick-next, .gen-home [dir=rtl] .slick-prev, .gen-learn [dir=rtl] .slick-next, .gen-learn [dir=rtl] .slick-prev {
    left: auto;
    right: auto
}

.gen-home .slick-initialized + .carousel-pagination, .gen-learn .slick-initialized + .carousel-pagination {
    display: -ms-flexbox;
    display: flex
}

.gen-home .download-badges, .gen-learn .download-badges {
    margin: 0 auto;
    width: 100%
}

    .gen-home .download-badges a, .gen-learn .download-badges a {
        display: inline-block;
        vertical-align: middle
    }

        .gen-home .download-badges a:first-child, .gen-learn .download-badges a:first-child {
            height: 62px;
            width: 188px
        }

            .gen-home .download-badges a:first-child img, .gen-learn .download-badges a:first-child img {
                margin: 10px
            }

        .gen-home .download-badges a:last-child, .gen-learn .download-badges a:last-child {
            height: 66px;
            width: 170px
        }

    .gen-home .download-badges img, .gen-learn .download-badges img {
        max-width: 170px
    }

.gen-home .logo, .gen-learn .logo {
    display: block;
    max-width: 125px
}

.global-footer .gen-home .logo img, .global-footer .gen-learn .logo img, .global-header .gen-home .logo img, .global-header .gen-learn .logo img {
    display: block
}

.global-footer .gen-home .logo, .global-footer .gen-learn .logo {
    margin: 0 0 15px
}

    .global-footer .gen-home .logo img, .global-footer .gen-learn .logo img {
        width: 100%
    }

@media (min-width:900px) {
    .global-footer .gen-home .logo, .global-footer .gen-learn .logo {
        margin: 0
    }
}

.global-header .gen-home .logo, .global-header .gen-learn .logo {
    max-width: 40px
}

@media (min-width:900px) {
    .global-header .gen-home .logo, .global-header .gen-learn .logo {
        max-width: 50px
    }
}

.gen-home .skip-link, .gen-learn .skip-link {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    left: -10000px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: auto;
    width: 1px
}

    .gen-home .skip-link:focus, .gen-learn .skip-link:focus {
        background-color: #fff;
        clip: auto;
        display: block !important;
        height: auto;
        left: 15px;
        padding: 7.5px 15px;
        top: 15px;
        width: auto;
        z-index: 6
    }

.gen-home .col-4 td, .gen-home .col-4 th, .gen-learn .col-4 td, .gen-learn .col-4 th {
    width: 25%
}

.gen-home .throbber, .gen-learn .throbber {
    display: none
}

    .gen-home .throbber.throbber--active, .gen-learn .throbber.throbber--active {
        color: #64a70b;
        display: block;
        font-size: 4px;
        margin: 0;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        position: absolute;
        right: 0;
        text-indent: -9999em;
        top: 15px;
        animation: a 1.3s infinite linear;
        -ms-transform: translateZ(0);
        transform: translateZ(0)
    }

@keyframes a {
    0%,to {
        box-shadow: 0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0
    }

    12.5% {
        box-shadow: 0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em
    }

    25% {
        box-shadow: 0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em
    }

    50% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em
    }

    75% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0
    }

    87.5% {
        box-shadow: 0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em
    }
}

.gen-home .toggle, .gen-learn .toggle {
    text-align: left
}

@media (min-width:1200px) {
    label.gen-home .toggle__container, label.gen-learn .toggle__container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.gen-home .toggle__text, .gen-home .toggle__toggle, .gen-learn .toggle__text, .gen-learn .toggle__toggle {
    margin-bottom: 7.5px
}

.gen-home .toggle__text, .gen-learn .toggle__text {
    color: #696969;
    display: block;
    font-weight: 400
}

@media (min-width:1200px) {
    .gen-home .toggle__text, .gen-learn .toggle__text {
        margin-right: 15px
    }
}

.gen-home .toggle__toggle, .gen-learn .toggle__toggle {
    background-color: #696969;
    border-radius: 25px;
    display: block;
    height: 25px;
    position: relative;
    transition: all .3s linear;
    width: 50px
}

    .gen-home .toggle__toggle:after, .gen-learn .toggle__toggle:after {
        background-color: #fff;
        border-radius: 100%;
        content: "";
        height: 19px;
        left: 3px;
        position: absolute;
        transition: all .3s linear;
        top: 3px;
        width: 19px
    }

    .gen-home .toggle__toggle:hover, .gen-learn .toggle__toggle:hover {
        cursor: pointer
    }

.gen-home .toggle input:focus + label .toggle__toggle, .gen-learn .toggle input:focus + label .toggle__toggle {
    box-shadow: 0 0 5px 2px #64a70b
}

.gen-home .toggle input:checked + label .toggle__toggle, .gen-learn .toggle input:checked + label .toggle__toggle {
    background-color: #64a70b
}

    .gen-home .toggle input:checked + label .toggle__toggle:after, .gen-learn .toggle input:checked + label .toggle__toggle:after {
        -ms-transform: translateX(25px);
        transform: translateX(25px)
    }

.gen-home .countdown-clock, .gen-learn .countdown-clock {
    display: -ms-flexbox;
    display: flex;
    margin: 15px 0 22.5px;
    -ms-flex-pack: center;
    justify-content: center
}

.gen-home .countdown-clock__col, .gen-learn .countdown-clock__col {
    margin: 0 10px;
    text-align: center
}

.gen-home .countdown-clock__number, .gen-learn .countdown-clock__number {
    color: #64a70b;
    font-size: 24px;
    font-weight: 700
}

.gen-home .countdown-clock__label, .gen-learn .countdown-clock__label {
    color: #747474;
    font-size: 12px
}

.gen-home .featured-block__content, .gen-home .featured-block__image, .gen-learn .featured-block__content, .gen-learn .featured-block__image {
    position: relative
}

@media (min-width:1100px) {
    .gen-home .featured-block__content, .gen-home .featured-block__image, .gen-learn .featured-block__content, .gen-learn .featured-block__image {
        width: 50%
    }
}

.gen-home .featured-block__content p, .gen-learn .featured-block__content p {
    font-size: 16px;
    line-height: 26px
}

.gen-home .featured-block__content__disclaimer, .gen-learn .featured-block__content__disclaimer {
    display: block;
    margin-top: 30px
}

@media (min-width:1100px) {
    .gen-home .featured-block__content__disclaimer, .gen-learn .featured-block__content__disclaimer {
        margin-top: 60px
    }
}

.gen-home .featured-block__content__inner, .gen-learn .featured-block__content__inner {
    padding: 30px;
    text-align: center
}

.terra.gen-home .featured-block__content__inner, .terra.gen-learn .featured-block__content__inner {
    padding: 30px
}

@media (min-width:1100px) {
    .gen-home .featured-block__content__inner, .gen-learn .featured-block__content__inner {
        padding: 75px;
        text-align: left
    }
}

@media (min-width:1100px) {
    .gen-home .featured-block__row, .gen-learn .featured-block__row {
        -ms-flex-align: center;
        align-items: center;
        clear: both;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        position: relative;
        width: 100%
    }

        .gen-home .featured-block__row:nth-child(2n), .gen-learn .featured-block__row:nth-child(2n) {
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }
}

.gen-home .featured-block--basic .featured-block__content h3, .gen-learn .featured-block--basic .featured-block__content h3 {
    font-size: 16px;
    line-height: 24px
}

@media (min-width:768px) {
    .gen-home .featured-block--basic .featured-block__content h3, .gen-learn .featured-block--basic .featured-block__content h3 {
        font-size: 18px;
        line-height: 26px
    }
}

.gen-home .featured-block--basic .featured-block__content .button, .gen-home .featured-block--basic .featured-block__content p, .gen-learn .featured-block--basic .featured-block__content .button, .gen-learn .featured-block--basic .featured-block__content p {
    font-size: 14px;
    line-height: 20px
}

.terra.gen-home .featured-block--basic .featured-block__content .button, .terra.gen-home .featured-block--basic .featured-block__content p, .terra.gen-learn .featured-block--basic .featured-block__content .button, .terra.gen-learn .featured-block--basic .featured-block__content p {
    width: 100%
}

@media (min-width:768px) {
    .gen-home .featured-block--basic .featured-block__content .button, .gen-home .featured-block--basic .featured-block__content p, .gen-learn .featured-block--basic .featured-block__content .button, .gen-learn .featured-block--basic .featured-block__content p {
        font-size: 16px;
        line-height: 24px
    }
}

@media (min-width:1100px) {
    .gen-home .featured-block--basic .featured-block__row, .gen-learn .featured-block--basic .featured-block__row {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        margin: 75px 0
    }

        .gen-home .featured-block--basic .featured-block__row:nth-child(2n), .gen-learn .featured-block--basic .featured-block__row:nth-child(2n) {
            -ms-flex-direction: row;
            flex-direction: row
        }
}

@media (max-width:1099px) {
    .gen-home .featured-block--basic .featured-block__image, .gen-learn .featured-block--basic .featured-block__image {
        display: none
    }
}

.gen-home .featured-block--basic .featured-block__image__mobile, .gen-learn .featured-block--basic .featured-block__image__mobile {
    margin: 15px 0
}

@media (min-width:1100px) {
    .gen-home .featured-block--basic .featured-block__image__mobile, .gen-learn .featured-block--basic .featured-block__image__mobile {
        display: none
    }
}

@media (max-width:1099px) {
    .gen-home .featured-block--basic .featured-block__content__inner, .gen-learn .featured-block--basic .featured-block__content__inner {
        padding-left: 0;
        padding-right: 0
    }

    .gen-home .featured-block--basic .video-trigger, .gen-learn .featured-block--basic .video-trigger {
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:1099px) {
    .gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__text, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__text {
    width: 100%
}

.gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child {
    padding-right: 0
}

    .gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child .video-trigger__icon, .gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child .video-trigger__text, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child .video-trigger__text {
        background-color: transparent;
        color: #64a70b
    }

    .gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child .video-trigger__icon {
        border-color: #64a70b;
        margin-left: -1px
    }

.gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__icon, .gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__text, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__text {
    background-color: #64a70b
}

    .gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__icon:before, .gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__text, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__icon:before, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__text {
        color: #fff
    }

.gen-home .notification-banner, .gen-learn .notification-banner {
    background-color: #fff;
    height: 45px;
    overflow: hidden;
    transition: all .3s linear
}

    .gen-home .notification-banner p, .gen-learn .notification-banner p {
        color: #222
    }

.headroom--not-top .gen-home .notification-banner, .headroom--not-top .gen-learn .notification-banner {
    height: 0
}

[data-nav-open=true] .headroom--not-top .gen-home .notification-banner, [data-nav-open=true] .headroom--not-top .gen-learn .notification-banner {
    height: auto
}

.gen-home .notification-banner .wrapper, .gen-learn .notification-banner .wrapper {
    padding-bottom: 10px;
    padding-top: 10px
}

.gen-home .scroll-nav, .gen-learn .scroll-nav {
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.08);
    left: 0;
    line-height: 18px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5
}

@media (min-width:1023px) {
    .gen-home .scroll-nav, .gen-learn .scroll-nav {
        font-size: 18px;
        line-height: 22px
    }
}

.gen-home .scroll-nav table, .gen-learn .scroll-nav table {
    width: 100%
}

    .gen-home .scroll-nav table th, .gen-home .scroll-nav table tr, .gen-learn .scroll-nav table th, .gen-learn .scroll-nav table tr {
        padding-bottom: 0;
        padding-top: 0
    }

        .gen-home .scroll-nav table th:first-child, .gen-learn .scroll-nav table th:first-child {
            padding-left: 0
        }

        .gen-home .scroll-nav table th:nth-child(2), .gen-home .scroll-nav table th:nth-child(3), .gen-home .scroll-nav table th:nth-child(4), .gen-learn .scroll-nav table th:nth-child(2), .gen-learn .scroll-nav table th:nth-child(3), .gen-learn .scroll-nav table th:nth-child(4) {
            padding-left: 30px;
            padding-right: 30px
        }

        .gen-home .scroll-nav table th:nth-child(3), .gen-home .scroll-nav table th:nth-child(4), .gen-learn .scroll-nav table th:nth-child(3), .gen-learn .scroll-nav table th:nth-child(4) {
            border-left: 1px solid #f4f4f4
        }

        .gen-home .scroll-nav table th, .gen-home .scroll-nav table th p, .gen-learn .scroll-nav table th, .gen-learn .scroll-nav table th p {
            color: #222
        }

.gen-home .scroll-nav .wrapper, .gen-learn .scroll-nav .wrapper {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 15px;
    padding-top: 15px
}

.gen-home .scroll-nav__cta .button, .gen-learn .scroll-nav__cta .button {
    white-space: nowrap
}

.gen-home .scroll-nav ul, .gen-learn .scroll-nav ul {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0
}

    .gen-home .scroll-nav ul li, .gen-learn .scroll-nav ul li {
        list-style-type: none;
        padding: 0 15px;
        text-align: center
    }

    .gen-home .scroll-nav ul a, .gen-learn .scroll-nav ul a {
        color: #222;
        display: block;
        font-weight: 700;
        position: relative
    }

        .gen-home .scroll-nav ul a:hover, .gen-learn .scroll-nav ul a:hover {
            color: #579802
        }

        .gen-home .scroll-nav ul a.scroll-active:before, .gen-learn .scroll-nav ul a.scroll-active:before {
            background-color: #64a70b;
            bottom: -7.5px;
            content: "";
            height: 4px;
            left: 0;
            position: absolute;
            width: 100%
        }

.gen-home .scroll-nav__logo, .gen-learn .scroll-nav__logo {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

    .gen-home .scroll-nav__logo img, .gen-learn .scroll-nav__logo img {
        display: block;
        margin-right: 15px;
        width: 40px
    }

    .gen-home .scroll-nav__logo p, .gen-learn .scroll-nav__logo p {
        color: #222
    }

.gen-home .scroll-nav--compare, .gen-learn .scroll-nav--compare {
    display: none
}

    .gen-home .scroll-nav--compare table, .gen-learn .scroll-nav--compare table {
        table-layout: fixed
    }

    .gen-home .scroll-nav--compare td:first-child, .gen-home .scroll-nav--compare th:first-child, .gen-learn .scroll-nav--compare td:first-child, .gen-learn .scroll-nav--compare th:first-child {
        width: 40%
    }

@media (min-width:1023px) {
    .gen-home .scroll-nav--compare td:first-child, .gen-home .scroll-nav--compare th:first-child, .gen-learn .scroll-nav--compare td:first-child, .gen-learn .scroll-nav--compare th:first-child {
        width: 335px
    }
}

@media (max-width:767px) {
    .gen-home .scroll-nav--utility, .gen-learn .scroll-nav--utility {
        display: none
    }
}

@media (min-width:1023px) {
    .gen-home .scroll-nav--utility .scroll-nav__logo, .gen-learn .scroll-nav--utility .scroll-nav__logo {
        width: 30%
    }
}

.gen-home .scroll-nav--utility .scroll-nav__logo a, .gen-learn .scroll-nav--utility .scroll-nav__logo a {
    margin-right: 4%
}

.gen-home .scroll-nav--utility .scroll-nav__logo img, .gen-learn .scroll-nav--utility .scroll-nav__logo img {
    margin-right: 0
}

.gen-home .social-carousel .slick-slide, .gen-learn .social-carousel .slick-slide {
    display: block
}

.gen-home .social-carousel__slide, .gen-learn .social-carousel__slide {
    position: relative
}

    .gen-home .social-carousel__slide:focus .social-carousel__hover, .gen-home .social-carousel__slide:hover .social-carousel__hover, .gen-learn .social-carousel__slide:focus .social-carousel__hover, .gen-learn .social-carousel__slide:hover .social-carousel__hover {
        opacity: 1
    }

@media (min-width:768px) {
    .gen-home .social-carousel__slide, .gen-learn .social-carousel__slide {
        width: 33.3%
    }
}

.gen-home .social-carousel__slide p, .gen-learn .social-carousel__slide p {
    color: #fff
}

@media (min-width:1023px) {
    .gen-home .social-carousel__slide p, .gen-learn .social-carousel__slide p {
        font-size: 20px;
        line-height: 24px
    }
}

.gen-home .social-carousel__content, .gen-learn .social-carousel__content {
    padding: 15px 30px;
    text-align: center
}

@media (min-width:768px) and (max-width:1022px) {
    .gen-home .social-carousel__content, .gen-learn .social-carousel__content {
        padding: 30px
    }
}

@media (min-width:1023px) {
    .gen-home .social-carousel__content, .gen-learn .social-carousel__content {
        padding: 60px
    }
}

.gen-home .social-carousel__icon, .gen-learn .social-carousel__icon {
    left: 15px;
    position: absolute;
    top: 15px
}

    .gen-home .social-carousel__icon:before, .gen-learn .social-carousel__icon:before {
        color: #fff;
        font-size: 29px
    }

.gen-home .social-carousel__hover, .gen-learn .social-carousel__hover {
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(100,167,11,.75);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.gen-home .social-follow, .gen-learn .social-follow {
    margin: 15px 0 0;
    padding: 0;
    text-align: left;
    width: 100%
}

@media (min-width:768px) {
    .gen-home .social-follow, .gen-learn .social-follow {
        margin-top: 0;
        text-align: right
    }
}

.gen-home .social-follow li, .gen-learn .social-follow li {
    display: inline-block;
    list-style-type: none;
    margin: 0 7.5px
}

@media (max-width:767px) {
    .gen-home .social-follow li:first-child, .gen-learn .social-follow li:first-child {
        margin-left: 0
    }
}

.gen-home .social-follow li a, .gen-learn .social-follow li a {
    color: #222;
    height: 32px;
    line-height: 32px;
    position: relative;
    text-align: center;
    width: 32px
}

    .gen-home .social-follow li a span:not(.hidden), .gen-learn .social-follow li a span:not(.hidden) {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        z-index: 1
    }

        .gen-home .social-follow li a span:not(.hidden):after, .gen-learn .social-follow li a span:not(.hidden):after {
            background-color: #64a70b;
            border-radius: 100%;
            content: "";
            height: 32px;
            left: 50%;
            line-height: 32px;
            opacity: 0;
            position: absolute;
            top: 40%;
            transition: opacity .3s linear;
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            width: 32px;
            z-index: -1
        }

        .gen-home .social-follow li a span:not(.hidden).icon-facebook:after, .gen-learn .social-follow li a span:not(.hidden).icon-facebook:after {
            background-color: #3b5998
        }

        .gen-home .social-follow li a span:not(.hidden).icon-instagram:after, .gen-learn .social-follow li a span:not(.hidden).icon-instagram:after {
            background-color: #13548c
        }

        .gen-home .social-follow li a span:not(.hidden).icon-linkedin:after, .gen-learn .social-follow li a span:not(.hidden).icon-linkedin:after {
            background-color: #0077b5
        }

        .gen-home .social-follow li a span:not(.hidden).icon-twitter:after, .gen-learn .social-follow li a span:not(.hidden).icon-twitter:after {
            background-color: #1da1f2
        }

        .gen-home .social-follow li a span:not(.hidden).icon-youtube:after, .gen-learn .social-follow li a span:not(.hidden).icon-youtube:after {
            background-color: #e52d27
        }

    .gen-home .social-follow li a:hover, .gen-learn .social-follow li a:hover {
        color: #fff
    }

        .gen-home .social-follow li a:hover span:not(.hidden):after, .gen-learn .social-follow li a:hover span:not(.hidden):after {
            opacity: 1
        }

.gen-home .card--category, .gen-learn .card--category {
    border-radius: 5px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.08);
    margin-bottom: 30px;
    overflow: hidden
}

@media (min-width:768px) {
    .gen-home .card--category, .gen-learn .card--category {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .gen-home .card--category:hover .card__image img, .gen-learn .card--category:hover .card__image img {
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .gen-home .card--category:hover .card__info .button--secondary, .gen-home .card--category:hover .card__info .button--secondary .icon-arrow-r:before, .gen-learn .card--category:hover .card__info .button--secondary, .gen-learn .card--category:hover .card__info .button--secondary .icon-arrow-r:before {
        color: #64a70b
    }

    .braava .gen-home .card--category:hover .card__info .button--secondary, .braava .gen-home .card--category:hover .card__info .button--secondary .icon-arrow-r:before, .braava .gen-learn .card--category:hover .card__info .button--secondary, .braava .gen-learn .card--category:hover .card__info .button--secondary .icon-arrow-r:before {
        color: #12a2dc
    }

    .gen-home .card--category:hover .card__info .button--secondary.hover-blue, .gen-home .card--category:hover .card__info .button--secondary.hover-blue .icon-arrow-r:before, .gen-learn .card--category:hover .card__info .button--secondary.hover-blue, .gen-learn .card--category:hover .card__info .button--secondary.hover-blue .icon-arrow-r:before {
        color: #1aa2dc
    }
}

.gen-home .card--category .card__description, .gen-learn .card--category .card__description {
    margin-bottom: 0
}

.gen-home .card--category .card__flag, .gen-learn .card--category .card__flag {
    position: relative;
    top: 0
}

.gen-home .card--category .card__flag-container, .gen-learn .card--category .card__flag-container {
    display: block;
    margin-bottom: 7.5px
}

.gen-home .card--category .card__image, .gen-learn .card--category .card__image {
    overflow: hidden;
    position: relative
}

    .gen-home .card--category .card__image img, .gen-learn .card--category .card__image img {
        position: relative;
        transition: all .3s linear
    }

.gen-home .card--category .card__info, .gen-learn .card--category .card__info {
    padding: 15px;
    position: absolute;
    z-index: 1
}

    .gen-home .card--category .card__info .button, .gen-home .card--category .card__info p, .gen-learn .card--category .card__info .button, .gen-learn .card--category .card__info p {
        color: #fff
    }

    .gen-home .card--category .card__info .button, .gen-learn .card--category .card__info .button {
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        letter-spacing: .5px
    }

@media (min-width:768px) {
    .gen-home .card--category .card__info .button, .gen-learn .card--category .card__info .button {
        font-size: 18px;
        line-height: 26px;
        line-height: 24px
    }
}

.gen-home .card--category .card__info .button span:before, .gen-learn .card--category .card__info .button span:before {
    font-size: 85%
}

.gen-home .card--category .card__info .button:hover, .gen-learn .card--category .card__info .button:hover {
    color: #64a70b
}

.braava .gen-home .card--category .card__info .button:hover, .braava .gen-learn .card--category .card__info .button:hover {
    color: #12a2dc
}

.gen-home .card--category .card__info .card__description, .gen-learn .card--category .card__info .card__description {
    margin-top: -3px
}

.gen-home .card--category .card__content, .gen-learn .card--category .card__content {
    padding: 30px 30px 0
}

    .gen-home .card--category .card__content h3, .gen-learn .card--category .card__content h3 {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 7.5px
    }

@media (min-width:768px) {
    .gen-home .card--category .card__content h3, .gen-learn .card--category .card__content h3 {
        font-size: 28px;
        line-height: 28px
    }
}

.gen-home .card--category .card__content h4, .gen-learn .card--category .card__content h4 {
    margin-bottom: 7.5px
}

.gen-home .card--category .card__content .button, .gen-learn .card--category .card__content .button {
    width: 100%
}

.gen-home .card--category .card__content .card__description, .gen-learn .card--category .card__content .card__description {
    margin-bottom: 30px
}

.gen-home .card--category .card__cta, .gen-learn .card--category .card__cta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: auto;
    padding: 0 30px 30px
}

    .gen-home .card--category .card__cta a, .gen-learn .card--category .card__cta a {
        display: block
    }

.gen-home .card--category .card__price, .gen-learn .card--category .card__price {
    font-weight: 400;
    margin-top: 7.5px
}

.gen-home .card--category .card__title, .gen-learn .card--category .card__title {
    font-weight: 400
}

.gen-home .card--compare, .gen-learn .card--compare {
    border-radius: 5px;
    position: relative
}

    .gen-home .card--compare.card--product:before, .gen-learn .card--compare.card--product:before {
        border: 2px solid #64a70b;
        border-radius: 4px;
        box-shadow: none;
        height: 100%;
        top: 0
    }

.braava .gen-home .card--compare.card--product:before, .braava .gen-learn .card--compare.card--product:before {
    border: 2px solid #12a2dc
}

@media (max-width:767px) {
    .gen-home .card--compare.card--product:before, .gen-learn .card--compare.card--product:before {
        z-index: 0
    }
}

.gen-home .card--compare:after, .gen-learn .card--compare:after {
    display: inline-block;
    font-family: Icomoon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    position: relative;
    font-variant: normal;
    speak: none;
    text-transform: none;
    top: -3px;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #64a70b;
    border-radius: 4px;
    color: #fff;
    content: "\e905";
    display: none;
    height: 20px;
    font-size: 12px;
    left: auto;
    line-height: 20px;
    position: absolute;
    right: -3.75px;
    text-align: center;
    top: -2.5px;
    width: 20px;
    z-index: 1
}

.braava .gen-home .card--compare:after, .braava .gen-learn .card--compare:after {
    background-color: #12a2dc
}

.concerto .gen-home .card--compare:after, .concerto .gen-learn .card--compare:after {
    font-family: IrobotWeb
}

.gen-home .card--compare.selected:after, .gen-home .card--compare.selected:before, .gen-learn .card--compare.selected:after, .gen-learn .card--compare.selected:before {
    display: block
}

.gen-home .card--compare .card__content, .gen-learn .card--compare .card__content {
    text-align: center
}

.gen-home .card--compare .card__flag, .gen-learn .card--compare .card__flag {
    left: 50%;
    top: -7.5px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

    .gen-home .card--compare .card__flag + h4, .gen-learn .card--compare .card__flag + h4 {
        margin-top: 15px
    }

.gen-home .card--compare.card--product, .gen-learn .card--compare.card--product {
    display: block
}

    .gen-home .card--compare.card--product .card__title, .gen-learn .card--compare.card--product .card__title {
        font-size: 16px;
        line-height: 24px;
        text-align: center
    }

@media (min-width:768px) {
    .gen-home .card--compare.card--product .card__title, .gen-learn .card--compare.card--product .card__title {
        font-size: 18px;
        line-height: 26px
    }
}

@media (max-width:767px) {
    .gen-home .card--compare.card--product .card__cta, .gen-home .card--compare.card--product .card__price, .gen-home .card--compare.card--product .card__title, .gen-learn .card--compare.card--product .card__cta, .gen-learn .card--compare.card--product .card__price, .gen-learn .card--compare.card--product .card__title {
        font-size: 14px;
        line-height: 16px
    }
}

.gen-home .compare__chart .card--compare, .gen-learn .compare__chart .card--compare {
    margin: 0 auto;
    max-width: 265px
}

@media (max-width:767px) {
    .gen-home .compare__chart .card--compare, .gen-learn .compare__chart .card--compare {
        padding: 0
    }
}

.gen-home .compare__chart .card--compare:focus:before, .gen-home .compare__chart .card--compare:hover:before, .gen-learn .compare__chart .card--compare:focus:before, .gen-learn .compare__chart .card--compare:hover:before {
    display: none
}

.gen-home .compare__chart .card--compare .card__content, .gen-home .compare__chart .card--compare .card__cta, .gen-learn .compare__chart .card--compare .card__content, .gen-learn .compare__chart .card--compare .card__cta {
    text-align: left
}

    .gen-home .compare__chart .card--compare .card__cta .button, .gen-learn .compare__chart .card--compare .card__cta .button {
        color: #64a70b;
        text-align: left
    }

.braava .gen-home .compare__chart .card--compare .card__cta .button, .braava .gen-learn .compare__chart .card--compare .card__cta .button {
    color: #12a2dc
}

.gen-home .compare__chart .card--compare .card__cta .button:hover, .gen-home .compare__chart .card--compare .card__cta .button:hover .icon-arrow-r:before, .gen-learn .compare__chart .card--compare .card__cta .button:hover, .gen-learn .compare__chart .card--compare .card__cta .button:hover .icon-arrow-r:before {
    color: #579802
}

.braava .gen-home .compare__chart .card--compare .card__cta .button:hover, .braava .gen-home .compare__chart .card--compare .card__cta .button:hover .icon-arrow-r:before, .braava .gen-learn .compare__chart .card--compare .card__cta .button:hover, .braava .gen-learn .compare__chart .card--compare .card__cta .button:hover .icon-arrow-r:before {
    color: #1aa2dc
}

.gen-home .compare__chart .card--compare .card__flag, .gen-learn .compare__chart .card--compare .card__flag {
    left: 0;
    -ms-transform: none;
    transform: none;
    top: 7.5px
}

.gen-home .compare__chart .card--compare .card__price, .gen-learn .compare__chart .card--compare .card__price {
    margin-bottom: 0
}

.gen-home .compare__chart .card--compare .card__title, .gen-learn .compare__chart .card--compare .card__title {
    margin-bottom: 0;
    margin-top: 30px;
    text-align: left
}

.gen-home .card--coupon.card, .gen-learn .card--coupon.card {
    max-width: none
}

@media (min-width:768px) {
    .gen-home .card--coupon.card, .gen-learn .card--coupon.card {
        max-width: 49%
    }
}

@media (min-width:480px) {
    .gen-home .card--coupon.card, .gen-learn .card--coupon.card {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.gen-home .card--coupon, .gen-learn .card--coupon {
    border: 2px dashed #dbdbdb;
    border-radius: 2px;
    display: -ms-flexbox;
    display: flex;
    float: none;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 37.5px;
    position: relative;
    width: 100%
}

    .gen-home .card--coupon:hover, .gen-learn .card--coupon:hover {
        border-style: solid
    }

.slick-slide .gen-home .card--coupon, .slick-slide .gen-learn .card--coupon {
    display: -ms-flexbox !important;
    display: flex !important
}

.gen-home .card--coupon .card__content, .gen-home .card--coupon .card__image, .gen-learn .card--coupon .card__content, .gen-learn .card--coupon .card__image {
    width: 50%;
    width: calc(50% - 15px)
}

.gen-home .card--coupon .card__content, .gen-learn .card--coupon .card__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    padding-top: 15px
}

    .gen-home .card--coupon .card__content > div:first-child, .gen-learn .card--coupon .card__content > div:first-child {
        margin: auto 0
    }

    .gen-home .card--coupon .card__content > div:last-child, .gen-learn .card--coupon .card__content > div:last-child {
        margin-top: auto
    }

.gen-home .card--coupon .card__image, .gen-learn .card--coupon .card__image {
    margin-left: 15px
}

@media (min-width:768px) {
    .gen-home .card--coupon, .gen-learn .card--coupon {
        padding: 15px;
        width: 49%
    }

        .gen-home .card--coupon ~ .card--coupon, .gen-learn .card--coupon ~ .card--coupon {
            margin-left: 2%
        }

        .gen-home .card--coupon:first-child:nth-last-child(3), .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(3), .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon {
            width: 32.3333%
        }

        .gen-home .card--coupon:first-child:nth-last-child(4), .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(4), .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon {
            width: 24%
        }

            .gen-home .card--coupon:first-child:nth-last-child(3), .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon, .gen-home .card--coupon:first-child:nth-last-child(4), .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(3), .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(4), .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon {
                -ms-flex-direction: column;
                flex-direction: column
            }

                .gen-home .card--coupon:first-child:nth-last-child(3) .card__content, .gen-home .card--coupon:first-child:nth-last-child(3) .card__image, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__content, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__image, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__content, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__image, .gen-home .card--coupon:first-child:nth-last-child(4) .card__content, .gen-home .card--coupon:first-child:nth-last-child(4) .card__image, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__content, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__image, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__content, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__image, .gen-learn .card--coupon:first-child:nth-last-child(3) .card__content, .gen-learn .card--coupon:first-child:nth-last-child(3) .card__image, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__image, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__image, .gen-learn .card--coupon:first-child:nth-last-child(4) .card__content, .gen-learn .card--coupon:first-child:nth-last-child(4) .card__image, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__image, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__image {
                    margin-left: 0;
                    margin-right: 0;
                    width: 100%
                }

                .gen-home .card--coupon:first-child:nth-last-child(3) .card__content, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__content, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__content, .gen-home .card--coupon:first-child:nth-last-child(4) .card__content, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__content, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(3) .card__content, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(4) .card__content, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__content {
                    -ms-flex-positive: 2;
                    flex-grow: 2;
                    margin-top: 15px
                }

                    .gen-home .card--coupon:first-child:nth-last-child(3) .card__content > div:first-child, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__content > div:first-child, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__content > div:first-child, .gen-home .card--coupon:first-child:nth-last-child(4) .card__content > div:first-child, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__content > div:first-child, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__content > div:first-child, .gen-learn .card--coupon:first-child:nth-last-child(3) .card__content > div:first-child, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__content > div:first-child, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__content > div:first-child, .gen-learn .card--coupon:first-child:nth-last-child(4) .card__content > div:first-child, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__content > div:first-child, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__content > div:first-child {
                        margin: 0 0 15px
                    }
}

.gen-home .card--coupon .card__title, .gen-learn .card--coupon .card__title {
    color: #222;
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 0
}

.gen-home .card--coupon .card__description, .gen-learn .card--coupon .card__description {
    display: inline-block;
    transition-property: all;
    background-color: transparent;
    border: none;
    color: #222;
    padding: 0 5px 0 0;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

    .gen-home .card--coupon .card__description span:before, .gen-learn .card--coupon .card__description span:before {
        color: #64a70b;
        font-size: 50%;
        margin-left: 5px;
        overflow: visible;
        top: 0;
        transition: transform .3s linear;
        width: 0
    }

    .gen-home .card--coupon .card__description:hover, .gen-learn .card--coupon .card__description:hover {
        background-color: transparent;
        color: #222
    }

@media (min-width:768px) {
    .gen-home .card--coupon .card__description, .gen-learn .card--coupon .card__description {
        font-size: 18px;
        line-height: 26px
    }
}

.gen-home .card--coupon .card__description em, .gen-learn .card--coupon .card__description em {
    color: #12a2dc
}

.gen-home .card--coupon .card__description, .gen-home .card--coupon .card__description:hover, .gen-learn .card--coupon .card__description, .gen-learn .card--coupon .card__description:hover {
    color: #747474
}

.gen-home .card--coupon:after, .gen-learn .card--coupon:after {
    display: inline-block;
    font-family: Icomoon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    position: relative;
    font-variant: normal;
    speak: none;
    text-transform: none;
    top: -3px;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "\e902";
    font-size: 12px;
    left: 7px;
    position: absolute;
    top: 2px;
    z-index: 1
}

.gen-home .card--coupon:before, .gen-learn .card--coupon:before {
    border-color: #64a70b transparent transparent;
    border-style: solid;
    border-width: 50px 50px 0 0;
    content: "";
    height: 0;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 0;
    z-index: 1
}

@media (max-width:479px) {
    .gen-home .card--coupon, .gen-learn .card--coupon {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 15px
    }

        .gen-home .card--coupon .card__content, .gen-home .card--coupon .card__image, .gen-learn .card--coupon .card__content, .gen-learn .card--coupon .card__image {
            width: 100%
        }

        .gen-home .card--coupon .card__image, .gen-learn .card--coupon .card__image {
            margin-left: 0
        }
}

.gen-home .card--feature, .gen-learn .card--feature {
    margin-bottom: 60px
}

@media (max-width:767px) {
    .gen-home .card--feature:last-child, .gen-learn .card--feature:last-child {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .gen-home .card--feature, .gen-learn .card--feature {
        margin-bottom: 0
    }

        .gen-home .card--feature:nth-child(2), .gen-learn .card--feature:nth-child(2) {
            -ms-flex-order: -1;
            order: -1
        }
}

.gen-home .card--feature:before, .gen-learn .card--feature:before {
    background-color: #fff;
    bottom: -30px;
    border-radius: 2px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.08);
    content: "";
    display: none;
    height: 90%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media (min-width:1023px) {
    .gen-home .card--feature:before, .gen-learn .card--feature:before {
        height: 83%
    }
}

.gen-home .card--feature:first-child:before, .gen-learn .card--feature:first-child:before {
    height: 103%
}

@media (min-width:1023px) {
    .gen-home .card--feature:first-child:before, .gen-learn .card--feature:first-child:before {
        height: 100%
    }
}

.gen-home .card--feature .card__content, .gen-learn .card--feature .card__content {
    padding: 0;
    text-align: center
}

@media (min-width:768px) {
    .gen-home .card--feature .card__content, .gen-learn .card--feature .card__content {
        padding-left: 22.5px;
        padding-right: 22.5px
    }
}

@media (min-width:1023px) {
    .gen-home .card--feature .card__content, .gen-learn .card--feature .card__content {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:1200px) {
    .gen-home .card--feature .card__content, .gen-learn .card--feature .card__content {
        padding-left: 45px;
        padding-right: 45px
    }
}

@media (min-width:768px) {
    .gen-home .card--feature .card__cta, .gen-learn .card--feature .card__cta {
        opacity: 0;
        visibility: hidden
    }
}

@media (max-width:767px) {
    .gen-home .card--feature .card__cta .button, .gen-learn .card--feature .card__cta .button {
        width: 100%
    }
}

.gen-home .card--feature .card__cta a ~ a, .gen-learn .card--feature .card__cta a ~ a {
    margin-top: 22.5px
}

.gen-home .card--feature .card__cta a:not(.button), .gen-learn .card--feature .card__cta a:not(.button) {
    display: block
}

.gen-home .card--feature .card__description, .gen-learn .card--feature .card__description {
    margin-bottom: 15px
}

@media (min-width:768px) and (max-width:1023px) {
    .gen-home .card--feature .card__description, .gen-learn .card--feature .card__description {
        font-size: 14px;
        line-height: 20px
    }
}

.gen-home .card--feature .card__flag, .gen-learn .card--feature .card__flag {
    left: 10%;
    top: 46%
}

@media (max-width:767px) {
    .gen-home .card--feature .card__flag, .gen-learn .card--feature .card__flag {
        left: 0;
        top: 12%
    }
}

.gen-home .card--feature .card__image, .gen-learn .card--feature .card__image {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 75%
}

.gen-home .card--feature .card__image__active, .gen-home .card--feature .card__image__hover, .gen-learn .card--feature .card__image__active, .gen-learn .card--feature .card__image__hover {
    transition: none
}

.gen-home .card--feature .card__image__hover, .gen-learn .card--feature .card__image__hover {
    left: 0;
    opacity: 0;
    position: absolute;
    bottom: 0;
    visibility: hidden;
    width: 100%
}

@media (min-width:768px) {
    .gen-home .card--feature .card__image__inner, .gen-learn .card--feature .card__image__inner {
        height: 0;
        padding-bottom: 151.33333333%;
        width: 100%
    }

    .gen-home .card--feature .card__image__active, .gen-learn .card--feature .card__image__active {
        left: 0;
        position: absolute;
        bottom: 0;
        width: 100%
    }
}

.gen-home .card--feature .card__price, .gen-learn .card--feature .card__price {
    color: #222;
    font-weight: 400;
    margin-bottom: 7.5px
}

.gen-home .card--feature .card__title, .gen-learn .card--feature .card__title {
    display: inline-block;
    transition-property: all;
    background-color: transparent;
    border: none;
    color: #222;
    padding: 0 5px 0 0;
    text-align: left;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 7.5px;
    margin-top: 15px;
    text-align: center
}

    .gen-home .card--feature .card__title span:before, .gen-learn .card--feature .card__title span:before {
        color: #64a70b;
        font-size: 50%;
        margin-left: 5px;
        overflow: visible;
        top: 0;
        transition: transform .3s linear;
        width: 0
    }

    .gen-home .card--feature .card__title:hover, .gen-learn .card--feature .card__title:hover {
        background-color: transparent;
        color: #222
    }

@media (min-width:768px) {
    .gen-home .card--feature .card__title, .gen-learn .card--feature .card__title {
        font-size: 24px;
        line-height: 30px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .gen-home .card--feature .card__title, .gen-learn .card--feature .card__title {
        font-size: 20px;
        line-height: 26px
    }
}

@media (min-width:768px) {
    .gen-home .card--feature:focus:before, .gen-home .card--feature:hover:before, .gen-learn .card--feature:focus:before, .gen-learn .card--feature:hover:before {
        display: block
    }

    .gen-home .card--feature:focus .card__image__active, .gen-home .card--feature:hover .card__image__active, .gen-learn .card--feature:focus .card__image__active, .gen-learn .card--feature:hover .card__image__active {
        opacity: 0;
        visibility: hidden
    }

    .gen-home .card--feature:focus .card__cta, .gen-home .card--feature:focus .card__image__hover, .gen-home .card--feature:hover .card__cta, .gen-home .card--feature:hover .card__image__hover, .gen-learn .card--feature:focus .card__cta, .gen-learn .card--feature:focus .card__image__hover, .gen-learn .card--feature:hover .card__cta, .gen-learn .card--feature:hover .card__image__hover {
        opacity: 1;
        visibility: visible
    }
}

.gen-home .card--product, .gen-learn .card--product {
    padding: 15px;
    transition: all .3s linear
}

    .gen-home .card--product:before, .gen-learn .card--product:before {
        border-radius: 2px;
        box-shadow: 0 0 40px 0 rgba(0,0,0,.08);
        content: "";
        display: none;
        height: calc(100% - 30px);
        left: 0;
        position: absolute;
        top: 30px;
        width: 100%;
        z-index: -1
    }

    .gen-home .card--product:hover img, .gen-learn .card--product:hover img {
        opacity: 1 !important
    }

    .gen-home .card--product:hover .icon-arrow-r:before, .gen-learn .card--product:hover .icon-arrow-r:before {
        -ms-transform: translateX(5px);
        transform: translateX(5px)
    }

    .gen-home .card--product .card__description, .gen-learn .card--product .card__description {
        font-size: 14px;
        line-height: 22px
    }

    .gen-home .card--product .card__title, .gen-learn .card--product .card__title {
        display: inline-block;
        transition-property: all;
        background-color: transparent;
        border: none;
        color: #222;
        padding: 0 5px 0 0;
        text-align: left;
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 0;
        margin-top: 15px
    }

        .gen-home .card--product .card__title span:before, .gen-learn .card--product .card__title span:before {
            color: #64a70b;
            font-size: 50%;
            margin-left: 5px;
            overflow: visible;
            top: 0;
            transition: transform .3s linear;
            width: 0
        }

        .gen-home .card--product .card__title:hover, .gen-learn .card--product .card__title:hover {
            background-color: transparent;
            color: #222
        }

@media (min-width:768px) {
    .gen-home .card--product .card__title, .gen-learn .card--product .card__title {
        font-size: 24px;
        line-height: 30px
    }
}

.gen-home .card--product .card__price, .gen-learn .card--product .card__price {
    color: #222;
    font-weight: 400;
    margin-bottom: 15px
}

a.gen-home .card--product:focus:before, a.gen-home .card--product:hover:before, a.gen-learn .card--product:focus:before, a.gen-learn .card--product:hover:before {
    display: block
}

a.gen-home .card--product:focus img, a.gen-home .card--product:hover img, a.gen-learn .card--product:focus img, a.gen-learn .card--product:hover img {
    opacity: 1
}

.gen-home .card--quiz, .gen-learn .card--quiz {
    background-color: #64a70b;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 45px 7.5px 0;
    padding: 60px 30px;
    position: relative
}

    .gen-home .card--quiz h3, .gen-home .card--quiz p, .gen-learn .card--quiz h3, .gen-learn .card--quiz p {
        color: #fff
    }

    .gen-home .card--quiz h3, .gen-learn .card--quiz h3 {
        font-size: 24px;
        line-height: 28px
    }

@media (min-width:768px) {
    .gen-home .card--quiz h3, .gen-learn .card--quiz h3 {
        font-size: 36px;
        line-height: 36px
    }
}

.gen-home .card--quiz .button:not(.button--secondary), .gen-learn .card--quiz .button:not(.button--secondary) {
    background-color: #fff;
    border-color: #fff;
    color: #64a70b;
    width: 100%
}

    .gen-home .card--quiz .button:not(.button--secondary):hover, .gen-learn .card--quiz .button:not(.button--secondary):hover {
        background-color: #579802;
        color: #fff
    }

.gen-home .card--quiz .button.button--secondary, .gen-home .card--quiz .button.button--secondary span:before, .gen-learn .card--quiz .button.button--secondary, .gen-learn .card--quiz .button.button--secondary span:before {
    color: #fff
}

.gen-home .card, .gen-learn .card {
    color: #222;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.gen-home .card__content, .gen-learn .card__content {
    position: relative
}

.gen-home .card__flag, .gen-learn .card__flag {
    background-color: #64a70b;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    line-height: 19px;
    font-weight: 400;
    letter-spacing: .5px;
    padding: 0 3.75px;
    position: absolute;
    top: -30px;
    z-index: 1
}

.braava .gen-home .card__flag, .braava .gen-learn .card__flag {
    background-color: #12a2dc
}

.gen-home .card__title, .gen-learn .card__title {
    display: block
}

.gen-home .language-selector, .gen-learn .language-selector {
    margin: 15px 0;
    position: relative
}

.gen-home .language-selector__current, .gen-home .language-selector__select, .gen-learn .language-selector__current, .gen-learn .language-selector__select {
    display: inline-block;
    vertical-align: middle
}

.gen-home .language-selector__current, .gen-learn .language-selector__current {
    border-right: 1px solid #dbdbdb;
    margin-right: 15px;
    padding-right: 15px
}

    .gen-home .language-selector__current img, .gen-learn .language-selector__current img {
        border-radius: 100%;
        margin-right: 7.5px;
        max-width: 35px
    }

    .gen-home .language-selector__current img, .gen-home .language-selector__current p, .gen-learn .language-selector__current img, .gen-learn .language-selector__current p {
        display: inline-block;
        vertical-align: middle
    }

    .gen-home .language-selector__current p, .gen-learn .language-selector__current p {
        color: #222;
        font-weight: 700
    }

.gen-home .language-selector__dropdown, .gen-learn .language-selector__dropdown {
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: all .4s cubic-bezier(0,1,0,1);
    width: 100%;
    visibility: hidden
}

    .gen-home .language-selector__dropdown[aria-hidden=false], .gen-learn .language-selector__dropdown[aria-hidden=false] {
        max-height: 500px;
        transition-timing-function: cubic-bezier(.25,0,1,0);
        visibility: visible
    }

        .gen-home .language-selector__dropdown[aria-hidden=false] ul, .gen-learn .language-selector__dropdown[aria-hidden=false] ul {
            margin: 0;
            max-height: 470px;
            overflow: auto;
            padding: 15px 30px
        }

@media (min-width:768px) {
    .gen-home .language-selector__dropdown, .gen-learn .language-selector__dropdown {
        box-shadow: 0 0 40px 0 rgba(0,0,0,.08);
        bottom: 100%;
        position: absolute;
        right: 0;
        z-index: 3
    }
}

.gen-home .language-selector__dropdown li, .gen-learn .language-selector__dropdown li {
    list-style-type: none
}

    .gen-home .language-selector__dropdown li a, .gen-learn .language-selector__dropdown li a {
        color: #747474;
        display: block;
        padding: 3.75px 0
    }

        .gen-home .language-selector__dropdown li a:hover, .gen-learn .language-selector__dropdown li a:hover {
            color: #64a70b;
            text-decoration: underline
        }

.gen-home .language-selector__select button, .gen-learn .language-selector__select button {
    position: relative
}

    .gen-home .language-selector__select button .icon-arrow-d:before, .gen-learn .language-selector__select button .icon-arrow-d:before {
        color: #64a70b;
        font-size: 12px;
        top: -1px
    }

    .gen-home .language-selector__select button[aria-expanded=true] .icon-arrow-d:before, .gen-learn .language-selector__select button[aria-expanded=true] .icon-arrow-d:before {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

@media (max-width:767px) {
    .gen-home .mailing-list, .gen-learn .mailing-list {
        margin: 30px 0
    }
}

.gen-home .global-footer__mobile-toggle[aria-expanded=true] .icon-arrow-d:before, .gen-learn .global-footer__mobile-toggle[aria-expanded=true] .icon-arrow-d:before {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (min-width:768px) {
    .gen-home .global-footer__mobile-toggle, .gen-learn .global-footer__mobile-toggle {
        display: none
    }
}

@media (min-width:768px) {
    .gen-home .global-footer__group + .global-footer__group, .gen-learn .global-footer__group + .global-footer__group {
        margin-top: 30px
    }
}

.gen-home .global-footer__group ul, .gen-learn .global-footer__group ul {
    margin: 0;
    padding: 0
}

.gen-home .global-footer__group li, .gen-learn .global-footer__group li {
    list-style-type: none
}

    .gen-home .global-footer__group li ~ li, .gen-learn .global-footer__group li ~ li {
        margin-top: 3.75px
    }

    .gen-home .global-footer__group li a, .gen-learn .global-footer__group li a {
        color: #747474
    }

        .gen-home .global-footer__group li a:hover, .gen-learn .global-footer__group li a:hover {
            color: #64a70b;
            text-decoration: underline
        }

.gen-home .global-footer__group h2, .gen-learn .global-footer__group h2 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 15px
}

    .gen-home .global-footer__group h2 a, .gen-learn .global-footer__group h2 a {
        color: #222
    }

        .gen-home .global-footer__group h2 a:hover, .gen-learn .global-footer__group h2 a:hover {
            color: #64a70b;
            text-decoration: underline
        }

@media (max-width:767px) {
    .gen-home .global-footer__group, .gen-learn .global-footer__group {
        border-bottom: 1px solid #dbdbdb
    }

        .gen-home .global-footer__group ul, .gen-learn .global-footer__group ul {
            max-height: 0;
            overflow: hidden;
            transition: all .4s cubic-bezier(0,1,0,1);
            visibility: hidden
        }

            .gen-home .global-footer__group ul[aria-hidden=false], .gen-learn .global-footer__group ul[aria-hidden=false] {
                max-height: 400px;
                transition-timing-function: cubic-bezier(.25,0,1,0);
                visibility: visible
            }

        .gen-home .global-footer__group li a, .gen-learn .global-footer__group li a {
            display: block;
            padding: 3.75px 0
        }

        .gen-home .global-footer__group li:last-child, .gen-learn .global-footer__group li:last-child {
            margin-bottom: 15px
        }

        .gen-home .global-footer__group h2, .gen-learn .global-footer__group h2 {
            display: block;
            margin-bottom: 0;
            padding: 15px 30px 15px 0;
            position: relative;
            width: 100%
        }

            .gen-home .global-footer__group h2 button, .gen-learn .global-footer__group h2 button {
                height: 54px;
                padding: 15px;
                position: absolute;
                right: -15px;
                top: 0;
                width: 54px
            }

                .gen-home .global-footer__group h2 button .icon-arrow-d:before, .gen-learn .global-footer__group h2 button .icon-arrow-d:before {
                    color: #64a70b;
                    top: -1px
                }
}

.gen-home .global-footer__utility, .gen-learn .global-footer__utility {
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 30px;
    padding-top: 30px
}

    .gen-home .global-footer__utility ul, .gen-learn .global-footer__utility ul {
        margin: 0 0 15px;
        padding: 0;
        width: 100%
    }

    .gen-home .global-footer__utility li, .gen-learn .global-footer__utility li {
        display: inline-block;
        list-style-type: none;
        margin-bottom: 7.5px;
        margin-right: 15px
    }

    .gen-home .global-footer__utility p, .gen-learn .global-footer__utility p {
        margin-bottom: 22.5px
    }

    .gen-home .global-footer__utility a, .gen-learn .global-footer__utility a {
        color: #747474
    }

        .gen-home .global-footer__utility a:hover, .gen-learn .global-footer__utility a:hover {
            color: #64a70b;
            text-decoration: underline
        }

@media (min-width:768px) {
    .gen-home .global-footer__utility p, .gen-home .global-footer__utility ul, .gen-learn .global-footer__utility p, .gen-learn .global-footer__utility ul {
        margin-bottom: 7.5px
    }

    .gen-home .global-footer__utility li, .gen-learn .global-footer__utility li {
        margin-bottom: 0
    }
}

@media (min-width:1160px) {
    .gen-home .global-footer__utility p, .gen-home .global-footer__utility ul, .gen-learn .global-footer__utility p, .gen-learn .global-footer__utility ul {
        margin-bottom: 0
    }

    .gen-home .global-footer__utility .global-footer__copyright, .gen-home .global-footer__utility ul, .gen-learn .global-footer__utility .global-footer__copyright, .gen-learn .global-footer__utility ul {
        float: left
    }

    .gen-home .global-footer__utility .global-footer__regulatory, .gen-learn .global-footer__utility .global-footer__regulatory {
        float: right;
        text-align: right;
        width: 72%;
        width: calc(100% - 320px)
    }
}

.gen-home .flyout, .gen-learn .flyout {
    background-color: #fff;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .3s linear;
    visibility: hidden
}

    .gen-home .flyout li, .gen-learn .flyout li {
        list-style-type: none
    }

.gen-home .flyout__link, .gen-learn .flyout__link {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 0
}

.gen-home .flyout[aria-hidden=false], .gen-learn .flyout[aria-hidden=false] {
    max-height: 1000px;
    opacity: 1;
    visibility: visible
}

@media (max-width:899px) {
    .gen-home .flyout, .gen-learn .flyout {
        background-color: #55910e
    }

        .gen-home .flyout .wrapper, .gen-learn .flyout .wrapper {
            padding: 0
        }

    .gen-home .flyout__col a, .gen-learn .flyout__col a {
        color: #fff
    }

    .gen-home .flyout__children li, .gen-home .flyout__col, .gen-learn .flyout__children li, .gen-learn .flyout__col {
        position: relative;
        width: 100%
    }

        .gen-home .flyout__children li ~ li:before, .gen-home .flyout__col ~ .flyout__col:before, .gen-learn .flyout__children li ~ li:before, .gen-learn .flyout__col ~ .flyout__col:before {
            background-color: hsla(0,0%,86%,.2);
            content: "";
            display: block !important;
            height: 1px;
            left: 30px;
            position: absolute;
            top: 0;
            width: 90%;
            width: calc(100% - 60px)
        }

    .gen-home .flyout__link, .gen-home .flyout__toggle, .gen-learn .flyout__link, .gen-learn .flyout__toggle {
        display: block
    }

    .gen-home .flyout__link, .gen-learn .flyout__link {
        padding: 15px 60px 15px 45px;
        width: 100%
    }

    .gen-home .flyout__toggle, .gen-learn .flyout__toggle {
        padding: 15px 30px 15px 15px;
        position: absolute;
        right: 0;
        top: 0
    }

        .gen-home .flyout__toggle .icon-arrow-d:before, .gen-learn .flyout__toggle .icon-arrow-d:before {
            top: 0
        }

        .gen-home .flyout__toggle[aria-expanded=true] .icon-arrow-d:before, .gen-learn .flyout__toggle[aria-expanded=true] .icon-arrow-d:before {
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    .gen-home .flyout__children, .gen-learn .flyout__children {
        background-color: #4e8828;
        max-height: 0;
        overflow: hidden;
        visibility: hidden
    }

        .gen-home .flyout__children[aria-hidden=false], .gen-learn .flyout__children[aria-hidden=false] {
            max-height: 1000px;
            visibility: visible
        }

        .gen-home .flyout__children a, .gen-learn .flyout__children a {
            display: block;
            padding: 15px 60px
        }
}

@media (max-width:899px) and (min-width:480px) {
    .gen-home .flyout__children li ~ li:before, .gen-home .flyout__col ~ .flyout__col:before, .gen-learn .flyout__children li ~ li:before, .gen-learn .flyout__col ~ .flyout__col:before {
        left: 45px;
        width: 80%;
        width: calc(100% - 90px)
    }
}

@media (max-width:899px) and (min-width:480px) {
    .gen-home .flyout__link, .gen-learn .flyout__link {
        padding-left: 60px
    }
}

@media (max-width:899px) and (min-width:480px) {
    .gen-home .flyout__toggle, .gen-learn .flyout__toggle {
        padding-right: 45px
    }
}

@media (max-width:899px) and (min-width:480px) {
    .gen-home .flyout__children a, .gen-learn .flyout__children a {
        padding: 15px 75px
    }
}

@media (min-width:900px) {
    .gen-home .flyout, .gen-learn .flyout {
        box-shadow: 0 0 40px 0 rgba(0,0,0,.08);
        left: 0;
        padding: 30px;
        position: fixed;
        width: 100%
    }

    .global-header ul.gen-home .flyout__children, .global-header ul.gen-learn .flyout__children {
        margin-top: 15px
    }

    .gen-home .flyout__children > li ~ li, .gen-learn .flyout__children > li ~ li {
        margin-top: 3.75px
    }

    .gen-home .flyout__children a, .gen-learn .flyout__children a {
        color: #747474;
        font-size: 15px
    }

    .gen-home .flyout__link, .gen-learn .flyout__link {
        font-size: 18px
    }

    .global-header .gen-home .flyout__link, .global-header .gen-learn .flyout__link {
        color: #222
    }

    .global-header .gen-home .flyout a:hover, .global-header .gen-learn .flyout a:hover {
        color: #64a70b;
        text-decoration: underline
    }

    .gen-home .flyout .row, .gen-learn .flyout .row {
        -ms-flex-align: start;
        align-items: flex-start;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .gen-home .flyout__toggle, .gen-learn .flyout__toggle {
        display: none
    }

    .gen-home .flyout__col + .flyout__col, .gen-learn .flyout__col + .flyout__col {
        margin-left: 2.85714%
    }
}

.gen-home .global-header__logo, .gen-learn .global-header__logo {
    padding: 15px 0
}

@media (min-width:900px) {
    .gen-home .global-header__logo, .gen-learn .global-header__logo {
        padding: 22.5px 0
    }
}

.gen-home .global-header__cart, .gen-learn .global-header__cart {
    position: absolute;
    right: 0;
    top: 27px
}

@media (min-width:900px) {
    .gen-home .global-header__cart, .gen-learn .global-header__cart {
        top: 19.5px;
        -ms-transform: none;
        transform: none
    }
}

.gen-home .mini-cart__link, .gen-learn .mini-cart__link {
    position: relative;
    transition-property: opacity
}

.global-header .gen-home .mini-cart__link, .global-header .gen-learn .mini-cart__link {
    color: #fff
}

.gen-home .mini-cart__link:hover, .gen-learn .mini-cart__link:hover {
    opacity: .75
}

.gen-home .mini-cart__link .icon-cart:before, .gen-learn .mini-cart__link .icon-cart:before {
    font-size: 28px
}

@media (min-width:900px) {
    .gen-home .mini-cart__link .icon-cart:before, .gen-learn .mini-cart__link .icon-cart:before {
        font-size: 20px
    }
}

.gen-home .mini-cart__quantity, .gen-learn .mini-cart__quantity {
    background-color: #222;
    border-radius: 100%;
    color: #fff;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    right: -7.5px;
    text-align: center;
    top: -7.5px;
    width: 18px
}

.gen-home .global-header__mobile-toggle, .gen-learn .global-header__mobile-toggle {
    margin-right: 15px
}

    .gen-home .global-header__mobile-toggle button, .gen-learn .global-header__mobile-toggle button {
        color: #fff
    }

    .gen-home .global-header__mobile-toggle .icon-menu, .gen-learn .global-header__mobile-toggle .icon-menu {
        display: block;
        text-align: center;
        width: 24px
    }

        .gen-home .global-header__mobile-toggle .icon-menu:before, .gen-learn .global-header__mobile-toggle .icon-menu:before {
            font-size: 26px;
            top: 0
        }

@media (min-width:900px) {
    .gen-home .global-header__mobile-toggle, .gen-learn .global-header__mobile-toggle {
        display: none
    }
}

.gen-home .global-header__mobile-toggle .menu__toggle[aria-expanded=true] .icon-menu:before, .gen-learn .global-header__mobile-toggle .menu__toggle[aria-expanded=true] .icon-menu:before {
    content: "\e905";
    font-size: 20px
}

@media (max-width:899px) {
    .gen-home .menu__text-desktop, .gen-learn .menu__text-desktop {
        display: none
    }

    .gen-home .global-header__right, .gen-learn .global-header__right {
        background-color: #fff;
        display: none;
        left: 0;
        height: 90%;
        overflow: auto;
        position: fixed;
        width: 100%
    }

        .gen-home .global-header__right[aria-hidden=false], .gen-learn .global-header__right[aria-hidden=false] {
            display: block
        }

    .gen-home .global-header__logo, .gen-home .global-header__mobile-toggle, .gen-learn .global-header__logo, .gen-learn .global-header__mobile-toggle {
        display: inline-block;
        vertical-align: middle
    }

    .gen-home html[data-nav-open=true], .gen-home html[data-nav-open=true] body, .gen-learn html[data-nav-open=true], .gen-learn html[data-nav-open=true] body {
        height: 100%;
        left: 0;
        overflow: hidden;
        position: fixed;
        top: 0;
        width: 100%
    }
}

.gen-home .global-header__primary ul, .gen-learn .global-header__primary ul {
    margin: 0;
    padding: 0
}

.gen-home .global-header__primary .menu__toggle[aria-expanded=true] .icon-arrow-d:before, .gen-learn .global-header__primary .menu__toggle[aria-expanded=true] .icon-arrow-d:before {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width:899px) {
    .gen-home .global-header__primary, .gen-learn .global-header__primary {
        background-color: #64a70b
    }

        .gen-home .global-header__primary > ul > li, .gen-learn .global-header__primary > ul > li {
            position: relative;
            width: 100%
        }

            .gen-home .global-header__primary > ul > li ~ li:before, .gen-learn .global-header__primary > ul > li ~ li:before {
                background-color: hsla(0,0%,86%,.2);
                content: "";
                height: 1px;
                left: 30px;
                position: absolute;
                top: 0;
                width: 90%;
                width: calc(100% - 60px)
            }

        .gen-home .global-header__primary .menu__link, .gen-home .global-header__primary .menu__toggle, .gen-learn .global-header__primary .menu__link, .gen-learn .global-header__primary .menu__toggle {
            color: #fff;
            display: block
        }

        .gen-home .global-header__primary .menu__link, .gen-learn .global-header__primary .menu__link {
            padding: 15px 60px 15px 30px;
            width: 100%
        }

        .gen-home .global-header__primary .menu__toggle, .gen-learn .global-header__primary .menu__toggle {
            padding: 15px 30px 15px 15px;
            position: absolute;
            right: 0;
            top: 0
        }

            .gen-home .global-header__primary .menu__toggle .icon-arrow-d:before, .gen-learn .global-header__primary .menu__toggle .icon-arrow-d:before {
                top: 0
            }
}

@media (max-width:899px) and (min-width:480px) {
    .gen-home .global-header__primary > ul > li ~ li:before, .gen-learn .global-header__primary > ul > li ~ li:before {
        left: 45px;
        width: 80%;
        width: calc(100% - 90px)
    }
}

@media (max-width:899px) and (min-width:480px) {
    .gen-home .global-header__primary .menu__link, .gen-learn .global-header__primary .menu__link {
        padding-left: 45px
    }
}

@media (max-width:899px) and (min-width:480px) {
    .gen-home .global-header__primary .menu__toggle, .gen-learn .global-header__primary .menu__toggle {
        padding-right: 45px
    }
}

@media (min-width:900px) {
    .gen-home .global-header__primary, .gen-learn .global-header__primary {
        z-index: 1
    }

        .gen-home .global-header__primary .menu__link, .gen-home .global-header__primary .menu__toggle, .gen-learn .global-header__primary .menu__link, .gen-learn .global-header__primary .menu__toggle {
            color: #fff;
            padding: 15px 0 22.5px;
            position: relative
        }

            .gen-home .global-header__primary .menu__link:after, .gen-home .global-header__primary .menu__toggle:after, .gen-learn .global-header__primary .menu__link:after, .gen-learn .global-header__primary .menu__toggle:after {
                background-color: #fff;
                content: "";
                display: block;
                height: 0;
                left: 0;
                overflow: hidden;
                position: absolute;
                transition: height .3s linear;
                width: 100%
            }

            .gen-home .global-header__primary .menu__link:hover:after, .gen-home .global-header__primary .menu__toggle:hover:after, .gen-learn .global-header__primary .menu__link:hover:after, .gen-learn .global-header__primary .menu__toggle:hover:after {
                height: 3px
            }

            .gen-home .global-header__primary .menu__link:after, .gen-learn .global-header__primary .menu__link:after {
                top: calc(100% - 18px)
            }

        .gen-home .global-header__primary .menu__toggle, .gen-learn .global-header__primary .menu__toggle {
            display: block;
            position: relative
        }

            .gen-home .global-header__primary .menu__toggle .icon-arrow-d:before, .gen-learn .global-header__primary .menu__toggle .icon-arrow-d:before {
                font-size: 11px;
                top: -1px
            }

            .gen-home .global-header__primary .menu__toggle:after, .gen-learn .global-header__primary .menu__toggle:after {
                top: calc(100% - 22.5px)
            }

            .gen-home .global-header__primary .menu__toggle span, .gen-learn .global-header__primary .menu__toggle span {
                display: inline-block
            }

        .gen-home .global-header__primary .menu__has-children .menu__link, .gen-home .global-header__primary .menu__has-children .menu__toggle .hidden, .gen-learn .global-header__primary .menu__has-children .menu__link, .gen-learn .global-header__primary .menu__has-children .menu__toggle .hidden {
            display: none
        }

        .gen-home .global-header__primary > ul > li, .gen-learn .global-header__primary > ul > li {
            display: inline-block;
            list-style-type: none;
            margin-right: 2.85714%;
            position: relative
        }

            .gen-home .global-header__primary > ul > li:last-child, .gen-learn .global-header__primary > ul > li:last-child {
                margin-right: 0
            }

            .gen-home .global-header__primary > ul > li.active .menu__link:after, .gen-home .global-header__primary > ul > li.active .menu__toggle:after, .gen-learn .global-header__primary > ul > li.active .menu__link:after, .gen-learn .global-header__primary > ul > li.active .menu__toggle:after {
                height: 3px
            }
}

@media (min-width:900px) and (max-width:900px) {
    .gen-home .global-header__primary > ul > li, .gen-learn .global-header__primary > ul > li {
        margin-right: 2.5%
    }

    .gen-home .global-header__primary .menu__link, .gen-home .global-header__primary .menu__toggle, .gen-learn .global-header__primary .menu__link, .gen-learn .global-header__primary .menu__toggle {
        font-size: 14px
    }
}

@media (min-width:900px) {
    .gen-home .global-header__search, .gen-learn .global-header__search {
        bottom: -30px;
        position: absolute;
        right: -30px
    }
}

.gen-home .search, .gen-learn .search {
    position: relative
}

.gen-home .search__container, .gen-learn .search__container {
    background-color: #fff;
    border-radius: 2px;
    margin-top: 15px;
    position: relative
}

@media (min-width:900px) {
    .gen-home .search__container, .gen-learn .search__container {
        margin-right: 15px;
        margin-top: 0;
        overflow: hidden;
        position: absolute;
        right: 100%;
        top: -7.5px;
        width: 0
    }

        .gen-home .search__container[aria-hidden=false], .gen-learn .search__container[aria-hidden=false] {
            width: 230px
        }
}

.gen-home .search__input, .gen-learn .search__input {
    padding: 7.5px 0;
    margin: 0 15px;
    width: 90%;
    width: calc(100% - 30px)
}

    .gen-home .search__input input, .gen-learn .search__input input {
        padding-right: 30px;
        width: 100%
    }

.gen-home .search__submit, .gen-learn .search__submit {
    margin: 7.5px 0 7.5px 7.5px;
    position: absolute;
    right: 15px;
    top: 0
}

    .gen-home .search__submit:hover, .gen-learn .search__submit:hover {
        color: #64a70b;
        cursor: pointer
    }

.gen-home .search__input, .gen-home .search__submit, .gen-learn .search__input, .gen-learn .search__submit {
    display: inline-block;
    vertical-align: middle
}

.gen-home .search__toggle button, .gen-learn .search__toggle button {
    color: #fff;
    transition-property: opacity
}

    .gen-home .search__toggle button:hover, .gen-learn .search__toggle button:hover {
        opacity: .75
    }

    .gen-home .search__toggle button .icon-search:before, .gen-learn .search__toggle button .icon-search:before {
        font-size: 18px;
        top: -2px
    }

    .gen-home .search__toggle button[aria-expanded=true] .icon-search:before, .gen-learn .search__toggle button[aria-expanded=true] .icon-search:before {
        content: "\e905"
    }

@media (max-width:899px) {
    .gen-home .search__toggle, .gen-learn .search__toggle {
        display: none
    }
}

.gen-home .global-header__utility, .gen-learn .global-header__utility {
    padding: 15px 30px
}

@media (min-width:480px) and (max-width:899px) {
    .gen-home .global-header__utility, .gen-learn .global-header__utility {
        padding-left: 45px;
        padding-right: 45px
    }
}

@media (max-width:899px) {
    .gen-home .global-header__utility, .gen-learn .global-header__utility {
        background-color: #fff
    }

    .gen-home .global-header__utility-links, .gen-learn .global-header__utility-links {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: center
    }

        .gen-home .global-header__utility-links a, .gen-learn .global-header__utility-links a {
            display: inline-block;
            transition-property: all;
            background-color: #64a70b;
            border: 1px solid #64a70b;
            border-radius: 2px;
            color: #fff;
            padding: 7.5px 15px;
            text-align: center;
            width: 48%
        }

            .gen-home .global-header__utility-links a:hover, .gen-learn .global-header__utility-links a:hover {
                background-color: #579802
            }

            .gen-home .global-header__utility-links a ~ .button, .gen-learn .global-header__utility-links a ~ .button {
                margin-top: 10px
            }
}

@media (max-width:899px) and (min-width:768px) {
    .gen-home .global-header__utility-links a, .gen-learn .global-header__utility-links a {
        padding: 7.5px 22.5px
    }
}

@media (min-width:900px) {
    .gen-home .global-header__utility, .gen-learn .global-header__utility {
        padding: 0;
        position: absolute;
        right: 30px;
        text-align: right;
        top: -15px;
        width: 100%
    }

    .gen-home .global-header__utility-links, .gen-learn .global-header__utility-links {
        float: right;
        font-size: 14px
    }

        .gen-home .global-header__utility-links a, .gen-learn .global-header__utility-links a {
            color: #fff
        }

            .gen-home .global-header__utility-links a:hover, .gen-learn .global-header__utility-links a:hover {
                text-decoration: underline
            }

            .gen-home .global-header__utility-links a ~ a, .gen-learn .global-header__utility-links a ~ a {
                margin-left: 15px
            }
}

@media (min-width:900px) and (max-width:900px) {
    .gen-home .global-header__utility-links, .gen-learn .global-header__utility-links {
        font-size: 12px
    }
}

.gen-home .accordion, .gen-learn .accordion {
    margin: 30px auto 60px
}

.gen-home .accordion__header, .gen-learn .accordion__header {
    margin-bottom: 22.5px
}

.gen-home .accordion__content, .gen-learn .accordion__content {
    display: none;
    margin-bottom: 15px
}

    .gen-home .accordion__content[aria-hidden=false], .gen-learn .accordion__content[aria-hidden=false] {
        display: block
    }

.gen-home .accordion__image, .gen-learn .accordion__image {
    margin-bottom: 15px
}

.gen-home .accordion__item ~ .accordion__item, .gen-learn .accordion__item ~ .accordion__item {
    border-top: 1px solid #dbdbdb
}

.gen-home .accordion__left, .gen-learn .accordion__left {
    display: none
}

.gen-home .accordion.left-accordion .accordion__left, .gen-learn .accordion.left-accordion .accordion__left {
    display: block
}

.gen-home .accordion.left-accordion .accordion__right, .gen-learn .accordion.left-accordion .accordion__right {
    display: none
}

.gen-home .accordion__toggle h3, .gen-learn .accordion__toggle h3 {
    display: inline-block;
    transition-property: all;
    background-color: transparent;
    border: none;
    color: #222;
    padding: 0 5px 0 0;
    text-align: left;
    display: block;
    font-size: 18px;
    padding-bottom: 15px;
    padding-right: 60px;
    padding-top: 15px;
    position: relative;
    transition: color .3s linear;
    width: 100%
}

    .gen-home .accordion__toggle h3 span:before, .gen-learn .accordion__toggle h3 span:before {
        color: #64a70b;
        font-size: 50%;
        margin-left: 5px;
        overflow: visible;
        top: 0;
        transition: transform .3s linear;
        width: 0
    }

    .gen-home .accordion__toggle h3:hover, .gen-learn .accordion__toggle h3:hover {
        background-color: transparent;
        color: #222
    }

    .gen-home .accordion__toggle h3 span, .gen-learn .accordion__toggle h3 span {
        position: absolute;
        right: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

        .gen-home .accordion__toggle h3 span:before, .gen-learn .accordion__toggle h3 span:before {
            font-size: 65%;
            margin-left: 0;
            width: auto
        }

.gen-home .accordion__toggle[aria-expanded=true] h3 span, .gen-learn .accordion__toggle[aria-expanded=true] h3 span {
    -ms-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%)
}

.gen-home .accordion__toggle:hover h3, .gen-learn .accordion__toggle:hover h3 {
    color: #64a70b
}

    .gen-home .accordion__toggle:hover h3 span:before, .gen-learn .accordion__toggle:hover h3 span:before {
        -ms-transform: none;
        transform: none
    }

.gen-home .accordion__content__inner, .gen-learn .accordion__content__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

    .gen-home .accordion__content__inner .accordion__image, .gen-learn .accordion__content__inner .accordion__image {
        left: auto;
        top: auto;
        position: static;
        -ms-transform: none;
        transform: none;
        width: 33%;
        margin-right: 24px
    }

.terra.gen-home .accordion__content__inner .accordion__image, .terra.gen-learn .accordion__content__inner .accordion__image {
    display: none
}

.gen-home .accordion__content__inner .accordion__text, .gen-learn .accordion__content__inner .accordion__text {
    width: 66%
}

.terra.gen-home .accordion__content__inner .accordion__text, .terra.gen-learn .accordion__content__inner .accordion__text {
    width: 100%
}

@media (min-width:768px) and (max-width:1022px) {
    .gen-home .accordion__content__inner, .gen-learn .accordion__content__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .gen-home .accordion__image, .gen-home .accordion__text, .gen-learn .accordion__image, .gen-learn .accordion__text {
        width: 48%
    }

    .gen-home .accordion__image, .gen-learn .accordion__image {
        margin-bottom: 0
    }
}

@media (min-width:1023px) {
    .gen-home .accordion .row, .gen-learn .accordion .row {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0;
        position: relative
    }

    .gen-home .accordion__left, .gen-learn .accordion__left {
        display: block;
        width: 40%
    }

    .gen-home .accordion.left-accordion .accordion__left, .gen-home .accordion.left-accordion .accordion__right, .gen-learn .accordion.left-accordion .accordion__left, .gen-learn .accordion.left-accordion .accordion__right {
        display: block
    }

    .gen-home .accordion__right, .gen-learn .accordion__right {
        padding: 60px 0 60px 60px;
        width: 60%
    }

    .gen-home .accordion__image, .gen-learn .accordion__image {
        left: 0;
        margin-bottom: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 40%
    }
}

@media (min-width:1100px) {
    .gen-home .accordion__image, .gen-home .accordion__left, .gen-home .accordion__right, .gen-learn .accordion__image, .gen-learn .accordion__left, .gen-learn .accordion__right {
        width: 50%
    }

    .gen-home .accordion__right, .gen-learn .accordion__right {
        padding-right: 60px
    }
}

@media (min-width:768px) {
    .gen-home .card-container .row, .gen-learn .card-container .row {
        display: -ms-flexbox;
        display: flex;
        padding: 0
    }
}

.gen-home .card-container__header, .gen-learn .card-container__header {
    margin-bottom: 60px;
    text-align: center
}

.gen-home .card-container__footer, .gen-learn .card-container__footer {
    margin-top: 30px
}

.gen-home .card-container--gutter, .gen-learn .card-container--gutter {
    margin: 75px 0
}

    .gen-home .card-container--gutter .wrapper, .gen-learn .card-container--gutter .wrapper {
        position: relative
    }

    .gen-home .card-container--gutter .row, .gen-learn .card-container--gutter .row {
        padding: 0
    }

@media (min-width:768px) {
    .gen-home .card-container--gutter .row, .gen-learn .card-container--gutter .row {
        display: -ms-flexbox;
        display: flex
    }
}

.gen-home .card-container--gutter .card-container__header, .gen-learn .card-container--gutter .card-container__header {
    margin-bottom: 45px
}

@media (min-width:1024px) {
    .gen-home .card-container--gutter .card-container__header, .gen-learn .card-container--gutter .card-container__header {
        position: relative
    }
}

@media (min-width:768px) {
    .gen-home .card-container--gutter .card, .gen-learn .card-container--gutter .card {
        width: 49%
    }

        .gen-home .card-container--gutter .card ~ .card, .gen-learn .card-container--gutter .card ~ .card {
            margin-left: 2%
        }

        .gen-home .card-container--gutter .card:first-child:nth-last-child(3), .gen-home .card-container--gutter .card:first-child:nth-last-child(3) ~ .card, .gen-learn .card-container--gutter .card:first-child:nth-last-child(3), .gen-learn .card-container--gutter .card:first-child:nth-last-child(3) ~ .card {
            width: 32.3333%
        }

        .gen-home .card-container--gutter .card:first-child:nth-last-child(4), .gen-home .card-container--gutter .card:first-child:nth-last-child(4) ~ .card, .gen-learn .card-container--gutter .card:first-child:nth-last-child(4), .gen-learn .card-container--gutter .card:first-child:nth-last-child(4) ~ .card {
            width: 24%
        }
}

@media (min-width:1023px) {
    .gen-home .card-container--gutter .card ~ .card, .gen-learn .card-container--gutter .card ~ .card {
        margin-left: 30px
    }
}

@media (max-width:767px) {
    .gen-home .card-container--no-gutter .row, .gen-learn .card-container--no-gutter .row {
        padding: 0
    }
}

.gen-home .card-container--no-gutter .card-container__header, .gen-learn .card-container--no-gutter .card-container__header {
    margin-bottom: 0
}

.gen-home .card-container--no-gutter .wrapper, .gen-learn .card-container--no-gutter .wrapper {
    position: relative
}

@media (min-width:768px) {
    .gen-home .card-container--no-gutter .wrapper:before, .gen-learn .card-container--no-gutter .wrapper:before {
        background-image: url(../images/background-feature.jpg);
        background-position: top;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 7%;
        width: 100%;
        z-index: -1
    }
}

@media (min-width:768px) and (min-width:1023px) {
    .gen-home .card-container--no-gutter .wrapper:before, .gen-learn .card-container--no-gutter .wrapper:before {
        top: -25px
    }
}

.gen-home .card-container--no-gutter .card, .gen-learn .card-container--no-gutter .card {
    width: 100%
}

@media (min-width:768px) {
    .gen-home .card-container--no-gutter .card:first-child:nth-last-child(2), .gen-home .card-container--no-gutter .card:first-child:nth-last-child(2) ~ .card, .gen-learn .card-container--no-gutter .card:first-child:nth-last-child(2), .gen-learn .card-container--no-gutter .card:first-child:nth-last-child(2) ~ .card {
        width: 50%
    }

    .gen-home .card-container--no-gutter .card:first-child:nth-last-child(3), .gen-home .card-container--no-gutter .card:first-child:nth-last-child(3) ~ .card, .gen-learn .card-container--no-gutter .card:first-child:nth-last-child(3), .gen-learn .card-container--no-gutter .card:first-child:nth-last-child(3) ~ .card {
        width: 33.3333%
    }
}

.gen-home .hero + .card-container--gutter, .gen-learn .hero + .card-container--gutter {
    margin-top: 15px
}

@media (min-width:1023px) {
    .gen-home .hero + .card-container--gutter, .gen-learn .hero + .card-container--gutter {
        margin-top: 60px
    }
}

@media (min-width:1023px) {
    .gen-home .hero + .card-container--no-gutter .card-container__header, .gen-learn .hero + .card-container--no-gutter .card-container__header {
        padding-top: 60px
    }
}

@media (max-width:1022px) {
    .gen-home .compare__chart th, .gen-home .compare__group-body td, .gen-learn .compare__chart th, .gen-learn .compare__group-body td {
        width: 33.3%
    }

        .gen-home .compare__chart th:nth-child(4), .gen-home .compare__group-body td:nth-child(4), .gen-learn .compare__chart th:nth-child(4), .gen-learn .compare__group-body td:nth-child(4) {
            display: none
        }

    .gen-home .compare__chart, .gen-learn .compare__chart {
        width: 100%
    }
}

.gen-home .compare__chart, .gen-learn .compare__chart {
    display: none
}

    .gen-home .compare__chart table, .gen-learn .compare__chart table {
        table-layout: fixed;
        width: 100%
    }

    .gen-home .compare__chart thead th, .gen-learn .compare__chart thead th {
        vertical-align: top
    }

        .gen-home .compare__chart thead th:first-child, .gen-learn .compare__chart thead th:first-child {
            vertical-align: bottom
        }

        .gen-home .compare__chart thead th:nth-child(3), .gen-home .compare__chart thead th:nth-child(4), .gen-learn .compare__chart thead th:nth-child(3), .gen-learn .compare__chart thead th:nth-child(4) {
            border-left: 1px solid #f4f4f4
        }

.gen-home .compare #compare-table-headers td:first-child, .gen-home .compare #compare-table-headers th:first-child, .gen-home .compare__group-body td:first-child, .gen-home .compare__group-body th:first-child, .gen-learn .compare #compare-table-headers td:first-child, .gen-learn .compare #compare-table-headers th:first-child, .gen-learn .compare__group-body td:first-child, .gen-learn .compare__group-body th:first-child {
    width: 40%
}

@media (min-width:1023px) {
    .gen-home .compare #compare-table-headers td:first-child, .gen-home .compare #compare-table-headers th:first-child, .gen-home .compare__group-body td:first-child, .gen-home .compare__group-body th:first-child, .gen-learn .compare #compare-table-headers td:first-child, .gen-learn .compare #compare-table-headers th:first-child, .gen-learn .compare__group-body td:first-child, .gen-learn .compare__group-body th:first-child {
        width: 335px
    }
}

.gen-home .compare__group-body, .gen-learn .compare__group-body {
    position: relative;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.08)
}

    .gen-home .compare__group-body th, .gen-learn .compare__group-body th {
        text-align: left
    }

    .gen-home .compare__group-body td, .gen-learn .compare__group-body td {
        text-align: center
    }

        .gen-home .compare__group-body td:nth-child(3), .gen-home .compare__group-body td:nth-child(4), .gen-learn .compare__group-body td:nth-child(3), .gen-learn .compare__group-body td:nth-child(4) {
            border-left: 1px solid #f4f4f4
        }

        .gen-home .compare__group-body td p, .gen-learn .compare__group-body td p {
            color: #222
        }

        .gen-home .compare__group-body td .icon-checkmark:before, .gen-home .compare__group-body td .icon-dash:before, .gen-learn .compare__group-body td .icon-checkmark:before, .gen-learn .compare__group-body td .icon-dash:before {
            font-size: 20px
        }

        .gen-home .compare__group-body td .icon-checkmark, .gen-learn .compare__group-body td .icon-checkmark {
            color: #64a70b
        }

.braava .gen-home .compare__group-body td .icon-checkmark, .braava .gen-learn .compare__group-body td .icon-checkmark {
    color: #12a2dc
}

.gen-home .compare__group-body td .icon-dash, .gen-learn .compare__group-body td .icon-dash {
    color: #747474
}

.gen-home .compare__group-body tr ~ tr, .gen-learn .compare__group-body tr ~ tr {
    border-top: 1px solid #f4f4f4
}

.gen-home .compare__group-header, .gen-learn .compare__group-header {
    text-align: left
}

.gen-home .compare__row-heading, .gen-learn .compare__row-heading {
    position: relative
}

@media (min-width:768px) {
    .gen-home .compare__row-heading, .gen-learn .compare__row-heading {
        padding-right: 30px
    }
}

@media (max-width:767px) {
    .gen-home .compare__row-heading .compare__tooltip, .gen-home .compare__row-heading h4, .gen-learn .compare__row-heading .compare__tooltip, .gen-learn .compare__row-heading h4 {
        font-size: 14px;
        line-height: 16px
    }
}

.gen-home .compare__row-heading h4, .gen-learn .compare__row-heading h4 {
    display: inline;
    margin-right: 7.5px
}

.gen-home .compare__tooltip, .gen-learn .compare__tooltip {
    display: inline-block;
    margin-left: 6px;
    position: absolute
}

    .gen-home .compare__tooltip input:focus ~ .compare__tooltip__content, .gen-home .compare__tooltip input:hover ~ .compare__tooltip__content, .gen-learn .compare__tooltip input:focus ~ .compare__tooltip__content, .gen-learn .compare__tooltip input:hover ~ .compare__tooltip__content {
        opacity: 1;
        visibility: visible
    }

    .gen-home .compare__tooltip input:focus + label, .gen-learn .compare__tooltip input:focus + label {
        box-shadow: 0 0 5px 2px #64a70b
    }

.braava .gen-home .compare__tooltip input:focus + label, .braava .gen-learn .compare__tooltip input:focus + label {
    box-shadow: 0 0 5px 2px #12a2dc
}

.gen-home .compare__tooltip label, .gen-learn .compare__tooltip label {
    background-color: #64a70b;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    height: 20px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    transition: background-color .3s linear;
    width: 20px
}

.braava .gen-home .compare__tooltip label, .braava .gen-learn .compare__tooltip label {
    background-color: #12a2dc
}

.gen-home .compare__tooltip label:before, .gen-learn .compare__tooltip label:before {
    display: none
}

.gen-home .compare__tooltip label:hover, .gen-learn .compare__tooltip label:hover {
    background-color: #579802;
    cursor: pointer
}

.braava .gen-home .compare__tooltip label:hover, .braava .gen-learn .compare__tooltip label:hover {
    background-color: #1aa2dc
}

.gen-home .compare__tooltip__content, .gen-learn .compare__tooltip__content {
    background-color: #64a70b;
    border-radius: 4px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.08);
    left: 200%;
    opacity: 0;
    padding: 15px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s linear;
    visibility: hidden;
    width: 200px;
    max-width: 200px;
    z-index: 1
}

.braava .gen-home .compare__tooltip__content, .braava .gen-learn .compare__tooltip__content {
    background-color: #12a2dc
}

.gen-home .compare__tooltip__content:before, .gen-learn .compare__tooltip__content:before {
    border-color: transparent #64a70b transparent transparent;
    border-style: solid;
    border-width: 8px 15px 8px 0;
    content: "";
    height: 0;
    left: -15px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0
}

.braava .gen-home .compare__tooltip__content:before, .braava .gen-learn .compare__tooltip__content:before {
    border-color: transparent #12a2dc transparent transparent
}

.gen-home .compare__tooltip__content, .gen-home .compare__tooltip__content p, .gen-learn .compare__tooltip__content, .gen-learn .compare__tooltip__content p {
    color: #fff
}

    .gen-home .compare__tooltip__content p, .gen-learn .compare__tooltip__content p {
        font-weight: 400;
        margin: 0
    }

.gen-home .a-tooltip__container, .gen-learn .a-tooltip__container {
    position: absolute;
    font-family: inherit;
    font-size: 16px;
    color: #000;
    position: relative;
    display: inline-block;
    outline: none;
    transition: .5s
}

    .gen-home .a-tooltip__container .a-tooltip__text, .gen-learn .a-tooltip__container .a-tooltip__text {
        display: block;
        transition: .5s;
        opacity: 0;
        visibility: visible;
        position: absolute;
        right: auto;
        left: 56px;
        top: 2px;
        width: 200px;
        padding: 10px;
        z-index: 100;
        background: #6c7680;
        margin: -20px;
        border-radius: 2px;
        line-height: 16px;
        text-align: left;
        font-size: 12px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px
    }

        .gen-home .a-tooltip__container .a-tooltip__text p, .gen-learn .a-tooltip__container .a-tooltip__text p {
            margin: 0;
            color: #fff !important
        }

    .gen-home .a-tooltip__container:hover, .gen-learn .a-tooltip__container:hover {
        border: 0
    }

.gen-home .a-tooltip__icon, .gen-learn .a-tooltip__icon {
    position: relative;
    background-color: #6c7680;
    width: 22px !important;
    height: 22px !important;
    display: inline-block !important;
    text-align: center !important;
    border-radius: 10px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 400;
    line-height: 21px
}

    .gen-home .a-tooltip__icon:hover .a-tooltip__text, .gen-learn .a-tooltip__icon:hover .a-tooltip__text {
        opacity: 1
    }

        .gen-home .a-tooltip__icon:hover .a-tooltip__text:after, .gen-home .a-tooltip__icon:hover .a-tooltip__text:before, .gen-learn .a-tooltip__icon:hover .a-tooltip__text:after, .gen-learn .a-tooltip__icon:hover .a-tooltip__text:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-right: 10px solid #6c7680;
            left: -8px;
            top: 35%;
            cursor: auto;
            font-size: 12px;
            font-family: inherit
        }

.gen-home .compare, .gen-learn .compare {
    margin: 75px 0
}

.gen-home .compare__header, .gen-learn .compare__header {
    text-align: center
}

    .gen-home .compare__header p, .gen-learn .compare__header p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 7.5px
    }

@media (min-width:768px) {
    .gen-home .compare__header p, .gen-learn .compare__header p {
        font-size: 18px;
        line-height: 26px
    }
}

.gen-home .compare__header__cta .button--secondary, .gen-learn .compare__header__cta .button--secondary {
    color: #64a70b;
    margin-bottom: 7.5px;
    margin-top: 0
}

.braava .gen-home .compare__header__cta .button--secondary, .braava .gen-learn .compare__header__cta .button--secondary {
    color: #12a2dc
}

.gen-home .compare__header__cta .button--secondary:hover, .gen-learn .compare__header__cta .button--secondary:hover {
    color: #579802
}

.braava .gen-home .compare__header__cta .button--secondary:hover, .braava .gen-learn .compare__header__cta .button--secondary:hover {
    color: #1aa2dc
}

@media (max-width:1022px) {
    .gen-home .compare__header__cta .button--secondary, .gen-learn .compare__header__cta .button--secondary {
        display: block;
        text-align: center
    }
}

@media (min-width:1023px) {
    .gen-home .compare__header__cta .button--secondary, .gen-learn .compare__header__cta .button--secondary {
        margin-right: 15px
    }

        .gen-home .compare__header__cta .button--secondary:last-child, .gen-learn .compare__header__cta .button--secondary:last-child {
            margin-right: 0
        }
}

@media (max-width:1022px) {
    .gen-home .compare__instructions--desktop, .gen-learn .compare__instructions--desktop {
        display: none
    }
}

@media (min-width:1023px) {
    .gen-home .compare__instructions--mobile, .gen-learn .compare__instructions--mobile {
        display: none
    }
}

.gen-home .compare__mobile-cta, .gen-learn .compare__mobile-cta {
    margin-top: 30px;
    text-align: center
}

@media (min-width:1023px) {
    .gen-home .compare__mobile-cta, .gen-learn .compare__mobile-cta {
        display: none
    }
}

@media (max-width:767px) {
    .gen-home .compare__mobile-cta a, .gen-learn .compare__mobile-cta a {
        width: 100%
    }
}

.gen-home .compare__selection-container + .compare__mobile-cta, .gen-learn .compare__selection-container + .compare__mobile-cta {
    margin-top: 45px
}

.gen-home .compare #compare-reset, .gen-home .compare #compare-start, .gen-learn .compare #compare-reset, .gen-learn .compare #compare-start {
    display: none
}

.gen-home .compare__selection-container, .gen-learn .compare__selection-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 30px 0
}

.braava .gen-home .compare__selection-container, .braava .gen-learn .compare__selection-container {
    -ms-flex-pack: center;
    justify-content: center
}

.gen-home .compare__selection-container .card, .gen-learn .compare__selection-container .card {
    width: 50%
}

    .gen-home .compare__selection-container .card:first-child:nth-last-child(3), .gen-home .compare__selection-container .card:first-child:nth-last-child(3) ~ .card, .gen-home .compare__selection-container .card:first-child:nth-last-child(4), .gen-home .compare__selection-container .card:first-child:nth-last-child(4) ~ .card, .gen-home .compare__selection-container .card:first-child:nth-last-child(5), .gen-home .compare__selection-container .card:first-child:nth-last-child(5) ~ .card, .gen-home .compare__selection-container .card:first-child:nth-last-child(6), .gen-home .compare__selection-container .card:first-child:nth-last-child(6) ~ .card, .gen-learn .compare__selection-container .card:first-child:nth-last-child(3), .gen-learn .compare__selection-container .card:first-child:nth-last-child(3) ~ .card, .gen-learn .compare__selection-container .card:first-child:nth-last-child(4), .gen-learn .compare__selection-container .card:first-child:nth-last-child(4) ~ .card, .gen-learn .compare__selection-container .card:first-child:nth-last-child(5), .gen-learn .compare__selection-container .card:first-child:nth-last-child(5) ~ .card, .gen-learn .compare__selection-container .card:first-child:nth-last-child(6), .gen-learn .compare__selection-container .card:first-child:nth-last-child(6) ~ .card {
        width: 32.3333%
    }

.braava .gen-home .compare__selection-container .card:first-child:nth-last-child(3), .braava .gen-home .compare__selection-container .card:first-child:nth-last-child(3) ~ .card, .braava .gen-home .compare__selection-container .card:first-child:nth-last-child(4), .braava .gen-home .compare__selection-container .card:first-child:nth-last-child(4) ~ .card, .braava .gen-home .compare__selection-container .card:first-child:nth-last-child(5), .braava .gen-home .compare__selection-container .card:first-child:nth-last-child(5) ~ .card, .braava .gen-home .compare__selection-container .card:first-child:nth-last-child(6), .braava .gen-home .compare__selection-container .card:first-child:nth-last-child(6) ~ .card, .braava .gen-learn .compare__selection-container .card:first-child:nth-last-child(3), .braava .gen-learn .compare__selection-container .card:first-child:nth-last-child(3) ~ .card, .braava .gen-learn .compare__selection-container .card:first-child:nth-last-child(4), .braava .gen-learn .compare__selection-container .card:first-child:nth-last-child(4) ~ .card, .braava .gen-learn .compare__selection-container .card:first-child:nth-last-child(5), .braava .gen-learn .compare__selection-container .card:first-child:nth-last-child(5) ~ .card, .braava .gen-learn .compare__selection-container .card:first-child:nth-last-child(6), .braava .gen-learn .compare__selection-container .card:first-child:nth-last-child(6) ~ .card {
    margin: 0 6px;
    width: 15.6%
}

@media (max-width:1024px) {
    .braava .gen-home .compare__selection-container .card:first-child:nth-last-child(3), .braava .gen-home .compare__selection-container .card:first-child:nth-last-child(3) ~ .card, .braava .gen-home .compare__selection-container .card:first-child:nth-last-child(4), .braava .gen-home .compare__selection-container .card:first-child:nth-last-child(4) ~ .card, .braava .gen-home .compare__selection-container .card:first-child:nth-last-child(5), .braava .gen-home .compare__selection-container .card:first-child:nth-last-child(5) ~ .card, .braava .gen-home .compare__selection-container .card:first-child:nth-last-child(6), .braava .gen-home .compare__selection-container .card:first-child:nth-last-child(6) ~ .card, .braava .gen-learn .compare__selection-container .card:first-child:nth-last-child(3), .braava .gen-learn .compare__selection-container .card:first-child:nth-last-child(3) ~ .card, .braava .gen-learn .compare__selection-container .card:first-child:nth-last-child(4), .braava .gen-learn .compare__selection-container .card:first-child:nth-last-child(4) ~ .card, .braava .gen-learn .compare__selection-container .card:first-child:nth-last-child(5), .braava .gen-learn .compare__selection-container .card:first-child:nth-last-child(5) ~ .card, .braava .gen-learn .compare__selection-container .card:first-child:nth-last-child(6), .braava .gen-learn .compare__selection-container .card:first-child:nth-last-child(6) ~ .card {
        width: 32.3333%;
        margin: 0
    }
}

@media (min-width:1023px) {
    .gen-home .compare__selection-container .card, .gen-learn .compare__selection-container .card {
        width: 24%
    }

        .gen-home .compare__selection-container .card:first-child:nth-last-child(5), .gen-home .compare__selection-container .card:first-child:nth-last-child(5) ~ .card, .gen-learn .compare__selection-container .card:first-child:nth-last-child(5), .gen-learn .compare__selection-container .card:first-child:nth-last-child(5) ~ .card {
            width: 20%
        }

        .gen-home .compare__selection-container .card:first-child:nth-last-child(6), .gen-home .compare__selection-container .card:first-child:nth-last-child(6) ~ .card, .gen-learn .compare__selection-container .card:first-child:nth-last-child(6), .gen-learn .compare__selection-container .card:first-child:nth-last-child(6) ~ .card {
            width: 15.6%
        }
}

.gen-home .coupons, .gen-learn .coupons {
    margin: 75px 0;
    position: relative;
    width: 100%
}

.gen-home .coupons__carousel, .gen-learn .coupons__carousel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center
}

.gen-home .data-action, .gen-learn .data-action {
    margin: 75px 0
}

    .gen-home .data-action:first-child, .gen-learn .data-action:first-child {
        margin-top: 0
    }

.gen-home .data-action__button, .gen-learn .data-action__button {
    display: inline-block;
    margin-top: 15px;
    padding-right: 45px;
    position: relative
}

    .gen-home .data-action__button button[disabled], .gen-learn .data-action__button button[disabled] {
        background-color: #747474;
        border-color: #747474;
        display: none
    }

        .gen-home .data-action__button button[disabled]:hover, .gen-learn .data-action__button button[disabled]:hover {
            background-color: #747474;
            border-color: #747474
        }

.gen-home .data-action__error, .gen-home .data-action__stored, .gen-home .data-action__success, .gen-learn .data-action__error, .gen-learn .data-action__stored, .gen-learn .data-action__success {
    display: none
}

.gen-home .data-action__modal, .gen-learn .data-action__modal {
    background-color: rgba(0,0,0,.75);
    bottom: 0;
    height: 100%;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 7
}

    .gen-home .data-action__modal[aria-hidden=false], .gen-learn .data-action__modal[aria-hidden=false] {
        display: block
    }

.gen-home .data-action__modal__cta, .gen-learn .data-action__modal__cta {
    margin-top: 30px;
    text-align: right
}

    .gen-home .data-action__modal__cta .delete-cancel, .gen-learn .data-action__modal__cta .delete-cancel {
        border: none
    }

        .gen-home .data-action__modal__cta .delete-cancel:hover, .gen-learn .data-action__modal__cta .delete-cancel:hover {
            background-color: transparent;
            color: #579802
        }

.gen-home .data-action__modal__inner, .gen-learn .data-action__modal__inner {
    background-color: #fff;
    max-height: 80%;
    max-width: 80%;
    left: 50%;
    padding: 30px;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.gen-home .data-action-modal--open, .gen-learn .data-action-modal--open {
    overflow: hidden;
    display: block
}

    .gen-home .data-action-modal--open .page-content, .gen-learn .data-action-modal--open .page-content {
        z-index: 1
    }

.gen-home .featured-block, .gen-learn .featured-block {
    clear: both;
    margin: 60px auto 30px;
    position: relative;
    width: 100%
}

@media (min-width:768px) and (max-width:1099px) {
    .gen-home .featured-block, .gen-learn .featured-block {
        width: 85%
    }
}

.gen-home .featured-block__inner, .gen-learn .featured-block__inner {
    box-shadow: 0 0 40px 0 rgba(0,0,0,.08)
}

.gen-home .featured-block:not(.featured-block--basic) .featured-block__inner, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__inner {
    border-radius: 5px;
    overflow: hidden
}

.gen-home .featured-block--basic .featured-block__inner, .gen-learn .featured-block--basic .featured-block__inner {
    box-shadow: none
}

.gen-home .featured-block .video-trigger, .gen-learn .featured-block .video-trigger {
    display: inline-block;
    max-width: 100%;
    width: auto
}

.gen-home .featured-block .button-row, .gen-home .featured-block .video-trigger__inner:first-child, .gen-learn .featured-block .button-row, .gen-learn .featured-block .video-trigger__inner:first-child {
    max-width: 100%;
    width: 209px
}

.terra.gen-home .featured-block .button-row, .terra.gen-home .featured-block .video-trigger__inner:first-child, .terra.gen-learn .featured-block .button-row, .terra.gen-learn .featured-block .video-trigger__inner:first-child {
    width: 100%
}

@media (max-width:1099px) {
    .gen-home .featured-block .button-row, .gen-home .featured-block .video-trigger__inner:first-child, .gen-learn .featured-block .button-row, .gen-learn .featured-block .video-trigger__inner:first-child {
        margin: 0 auto
    }
}

.gen-home .featured-block .button-row .button, .gen-learn .featured-block .button-row .button {
    width: 100%
}

@media (max-width:767px) {
    .gen-home .featured-block .button-row, .gen-home .featured-block .video-trigger, .gen-home .featured-block .video-trigger__inner:first-child, .gen-learn .featured-block .button-row, .gen-learn .featured-block .video-trigger, .gen-learn .featured-block .video-trigger__inner:first-child {
        width: 100%
    }
}

.gen-home .featured-products, .gen-learn .featured-products {
    margin: 75px 0;
    clear: both;
    float: left;
    position: relative;
    width: 100%
}

@media (max-width:1399px) {
    .gen-home .featured-products .wrapper, .gen-learn .featured-products .wrapper {
        padding: 0;
        width: 100%
    }

    .gen-home .featured-products__content, .gen-home .featured-products__header, .gen-learn .featured-products__content, .gen-learn .featured-products__header {
        padding-right: 30px;
        padding-left: 30px
    }

    .gen-home .featured-products__child-carousel, .gen-learn .featured-products__child-carousel {
        padding-left: 30px
    }
}

@media (max-width:1399px) and (min-width:480px) and (max-width:767px) {
    .gen-home .featured-products__content, .gen-home .featured-products__header, .gen-learn .featured-products__content, .gen-learn .featured-products__header {
        padding-right: 45px;
        padding-left: 45px
    }
}

@media (max-width:1399px) and (min-width:768px) and (max-width:1399px) {
    .gen-home .featured-products__content, .gen-home .featured-products__header, .gen-learn .featured-products__content, .gen-learn .featured-products__header {
        padding-right: 60px;
        padding-left: 60px
    }
}

@media (max-width:1399px) and (min-width:480px) and (max-width:767px) {
    .gen-home .featured-products__child-carousel, .gen-learn .featured-products__child-carousel {
        padding-left: 45px
    }
}

@media (max-width:1399px) and (min-width:768px) and (max-width:1399px) {
    .gen-home .featured-products__child-carousel, .gen-learn .featured-products__child-carousel {
        padding-left: 60px
    }
}

@media (min-width:768px) {
    .gen-home .featured-products__content, .gen-learn .featured-products__content {
        margin-top: 60px
    }
}

.gen-home .featured-products__content .button--secondary, .gen-learn .featured-products__content .button--secondary {
    color: #64a70b
}

.gen-home .featured-products__content h3, .gen-learn .featured-products__content h3 {
    font-size: 48px;
    line-height: 50px
}

.gen-home .featured-products__content p, .gen-learn .featured-products__content p {
    margin-bottom: 42px
}

.gen-home .featured-products__content .button, .gen-learn .featured-products__content .button {
    width: 100%
}

@media (min-width:768px) {
    .gen-home .featured-products__content .button, .gen-learn .featured-products__content .button {
        max-width: 300px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.gen-home .featured-products__content .button ~ .button, .gen-learn .featured-products__content .button ~ .button {
    margin-top: 10px
}

@media (max-width:767px) {
    .gen-home .featured-products__content h3, .gen-learn .featured-products__content h3 {
        text-align: center
    }

    .gen-home .featured-products__content .featured-products__disclaimer, .gen-home .featured-products__content p, .gen-learn .featured-products__content .featured-products__disclaimer, .gen-learn .featured-products__content p {
        display: none
    }

    .gen-home .featured-products__content .button, .gen-learn .featured-products__content .button {
        display: block;
        margin: 0 auto
    }
}

@media (min-width:768px) {
    .gen-home .featured-products__child-carousel, .gen-home .featured-products__content, .gen-learn .featured-products__child-carousel, .gen-learn .featured-products__content {
        float: left
    }

    .gen-home .featured-products__content, .gen-learn .featured-products__content {
        padding-right: 30px;
        width: 50%
    }

    .gen-home .featured-products__child-carousel, .gen-learn .featured-products__child-carousel {
        width: 50%
    }
}

@media (min-width:1025px) {
    .gen-home .featured-products__child-carousel, .gen-home .featured-products__content, .gen-learn .featured-products__child-carousel, .gen-learn .featured-products__content {
        float: left
    }

    .gen-home .featured-products__content, .gen-learn .featured-products__content {
        padding-right: 30px;
        width: 33.33%
    }

    .gen-home .featured-products__child-carousel, .gen-learn .featured-products__child-carousel {
        width: 66.66%
    }
}

.gen-home .featured-products__disclaimer, .gen-learn .featured-products__disclaimer {
    margin-top: 30px
}

.gen-home .featured-products__header h2, .gen-learn .featured-products__header h2 {
    font-size: 20px;
    line-height: 26px
}

@media (min-width:768px) {
    .gen-home .featured-products__header h2, .gen-learn .featured-products__header h2 {
        font-size: 24px;
        line-height: 30px
    }
}

@media (min-width:768px) {
    .gen-home .featured-products__header, .gen-learn .featured-products__header {
        display: table;
        width: 100%
    }

        .gen-home .featured-products__header .featured-products__pagination, .gen-home .featured-products__header h2, .gen-learn .featured-products__header .featured-products__pagination, .gen-learn .featured-products__header h2 {
            display: table-cell;
            vertical-align: top
        }

        .gen-home .featured-products__header h2, .gen-learn .featured-products__header h2 {
            width: 33.33%
        }

        .gen-home .featured-products__header .featured-products__pagination, .gen-learn .featured-products__header .featured-products__pagination {
            padding-left: 5%;
            width: 66.66%
        }
}

.gen-home .featured-products__pagination > .slick-dots, .gen-learn .featured-products__pagination > .slick-dots {
    bottom: auto;
    display: table;
    position: relative;
    text-align: left;
    width: 100%
}

@media (min-width:768px) {
    .gen-home .featured-products__pagination > .slick-dots, .gen-learn .featured-products__pagination > .slick-dots {
        text-align: right
    }
}

.gen-home .featured-products__pagination > .slick-dots li, .gen-learn .featured-products__pagination > .slick-dots li {
    display: table-cell
}

    .gen-home .featured-products__pagination > .slick-dots li, .gen-home .featured-products__pagination > .slick-dots li button, .gen-learn .featured-products__pagination > .slick-dots li, .gen-learn .featured-products__pagination > .slick-dots li button {
        height: auto;
        width: auto
    }

        .gen-home .featured-products__pagination > .slick-dots li button, .gen-learn .featured-products__pagination > .slick-dots li button {
            background-color: transparent;
            border-radius: 0;
            color: #000;
            display: inline-block;
            font-size: 16px;
            line-height: 24px;
            margin-right: 7.5px;
            position: relative;
            text-align: left
        }

            .gen-home .featured-products__pagination > .slick-dots li button:before, .gen-learn .featured-products__pagination > .slick-dots li button:before {
                background-color: #64a70b;
                border-radius: 5%;
                content: "";
                display: block;
                height: 0;
                left: 0;
                position: absolute;
                top: 100%;
                transition: height .3s linear;
                width: 100%
            }

@media (min-width:1023px) {
    .gen-home .featured-products__pagination > .slick-dots li button, .gen-learn .featured-products__pagination > .slick-dots li button {
        margin-right: 0
    }
}

.gen-home .featured-products__pagination > .slick-dots li.slick-active button:before, .gen-home .featured-products__pagination > .slick-dots li button:hover:before, .gen-learn .featured-products__pagination > .slick-dots li.slick-active button:before, .gen-learn .featured-products__pagination > .slick-dots li button:hover:before {
    height: 3px;
    opacity: 1
}

.gen-home .featured-products__pagination > .slick-dots li.slick-active button, .gen-learn .featured-products__pagination > .slick-dots li.slick-active button {
    font-weight: 700
}

.gen-home .global-footer, .gen-learn .global-footer {
    background-color: #f4f4f4;
    font-size: 16px;
    line-height: 24px;
    padding-top: 60px
}

.gen-home .global-footer__middle, .gen-home .global-footer__top, .gen-learn .global-footer__middle, .gen-learn .global-footer__top {
    padding-bottom: 30px;
    padding-top: 30px
}

.gen-home .global-footer__middle, .gen-learn .global-footer__middle {
    padding-bottom: 60px
}

@media (min-width:768px) {
    .gen-home .global-footer__middle__left, .gen-learn .global-footer__middle__left {
        width: 100%
    }

    .gen-home .global-footer__middle__right, .gen-learn .global-footer__middle__right {
        margin-top: 45px;
        width: 305px
    }
}

@media (min-width:1023px) {
    .gen-home .global-footer__middle__left, .gen-home .global-footer__middle__right, .gen-learn .global-footer__middle__left, .gen-learn .global-footer__middle__right {
        float: left
    }

    .gen-home .global-footer__middle__left, .gen-learn .global-footer__middle__left {
        margin-right: 2.85714%;
        width: 74.28571%;
        width: calc(97.14286% - 305px)
    }

    .gen-home .global-footer__middle__right, .gen-learn .global-footer__middle__right {
        margin-top: 0;
        width: 305px
    }
}

@media (max-width:767px) {
    .gen-home .global-footer__top, .gen-learn .global-footer__top {
        padding-bottom: 0
    }
}

.gen-home .global-header, .gen-learn .global-header {
    background-color: #64a70b;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    transition: all .3s linear;
    width: 100%;
    z-index: 4
}

    .gen-home .global-header.headroom--not-top, .gen-learn .global-header.headroom--not-top {
        left: 0;
        position: fixed;
        top: 0
    }

        .gen-home .global-header.headroom--not-top + *, .gen-learn .global-header.headroom--not-top + * {
            margin-top: 94px
        }

[data-nav-open=true] .gen-home .global-header.headroom--not-top, [data-nav-open=true] .gen-learn .global-header.headroom--not-top {
    position: relative
}

    [data-nav-open=true] .gen-home .global-header.headroom--not-top + *, [data-nav-open=true] .gen-learn .global-header.headroom--not-top + * {
        margin-top: 0
    }

.gen-home .global-header__container > .wrapper > .row, .gen-learn .global-header__container > .wrapper > .row {
    position: relative
}

@media (min-width:900px) {
    .gen-home .global-header__container > .wrapper > .row, .gen-learn .global-header__container > .wrapper > .row {
        -ms-flex-align: end;
        align-items: flex-end;
        display: -ms-flexbox;
        display: flex
    }

        .gen-home .global-header__container > .wrapper > .row .global-header__left, .gen-home .global-header__container > .wrapper > .row .global-header__right, .gen-learn .global-header__container > .wrapper > .row .global-header__left, .gen-learn .global-header__container > .wrapper > .row .global-header__right {
            float: none
        }
}

@media (min-width:900px) {
    .gen-home .global-header__left, .gen-learn .global-header__left {
        margin-right: 4%;
        width: 50px
    }

    .gen-home .global-header__right, .gen-learn .global-header__right {
        position: relative;
        width: 90%;
        width: calc(96% - 50px)
    }
}

.gen-home .hero, .gen-learn .hero {
    clear: both;
    font-family: Harmonia Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;
    position: relative;
    overflow: hidden;
    text-align: center;
    z-index: 0
}

@media (min-width:1023px) {
    .gen-home .hero, .gen-learn .hero {
        display: -ms-flexbox;
        display: flex;
        min-height: 600px;
        text-align: left
    }
}

.gen-home .hero .video-trigger, .gen-learn .hero .video-trigger {
    outline: none
}

.gen-home .hero.has-secondary-cta .hero__cta, .gen-learn .hero.has-secondary-cta .hero__cta {
    max-width: 100%;
    padding: 0;
    width: 320px
}

@media (max-width:1022px) {
    .gen-home .hero.has-secondary-cta .hero__cta, .gen-learn .hero.has-secondary-cta .hero__cta {
        margin: 0 auto
    }
}

@media (min-width:768px) {
    .gen-home .hero.has-secondary-cta .hero__cta, .gen-learn .hero.has-secondary-cta .hero__cta {
        width: 335px
    }
}

.gen-home .hero.has-secondary-cta .hero__cta .button-row, .gen-learn .hero.has-secondary-cta .hero__cta .button-row {
    max-width: 100%
}

.gen-home .hero.has-secondary-cta .hero__video + .button-row, .gen-learn .hero.has-secondary-cta .hero__video + .button-row {
    margin-top: -15px
}

@media (min-width:1200px) {
    .gen-home .hero.has-secondary-cta .hero__inner, .gen-learn .hero.has-secondary-cta .hero__inner {
        max-width: 50%
    }
}

.gen-home .hero.has-secondary-cta .video-trigger, .gen-learn .hero.has-secondary-cta .video-trigger {
    display: inline-block;
    width: auto
}

@media (max-width:1022px) {
    .gen-home .hero__content, .gen-learn .hero__content {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media (max-width:1022px) and (min-width:480px) and (max-width:767px) {
    .gen-home .hero__content, .gen-learn .hero__content {
        padding-right: 45px;
        padding-left: 45px
    }
}

@media (max-width:1022px) and (min-width:768px) and (max-width:1399px) {
    .gen-home .hero__content, .gen-learn .hero__content {
        padding-right: 60px;
        padding-left: 60px
    }
}

.gen-home .hero__content h2, .gen-learn .hero__content h2 {
    font-size: 20px;
    line-height: 26px
}

@media (min-width:768px) {
    .gen-home .hero__content h2, .gen-learn .hero__content h2 {
        font-size: 24px;
        line-height: 30px
    }
}

@media (min-width:1023px) {
    .gen-home .hero__content, .gen-learn .hero__content {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        padding-left: 60px;
        padding-right: 60px
    }

        .gen-home .hero__content, .gen-home .hero__content p, .gen-learn .hero__content, .gen-learn .hero__content p {
            color: #fff
        }
}

.gen-home .hero__cta, .gen-learn .hero__cta {
    margin-bottom: 0;
    margin-top: 30px;
    padding: 0 15px
}

@media (min-width:1023px) {
    .gen-home .hero__cta, .gen-learn .hero__cta {
        padding: 0
    }
}

.gen-home .hero__cta .button-wrapper + .button-wrapper, .gen-learn .hero__cta .button-wrapper + .button-wrapper {
    margin-top: 15px
}

@media (max-width:1022px) {
    .gen-home .hero__cta .button--white, .gen-learn .hero__cta .button--white {
        border-color: #64a70b;
        color: #64a70b
    }
}

.gen-home .hero__image, .gen-learn .hero__image {
    display: none
}

@media (min-width:1023px) {
    .gen-home .hero__image, .gen-learn .hero__image {
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }

        .gen-home .hero__image img, .gen-learn .hero__image img {
            left: 50%;
            max-width: none;
            min-height: 100%;
            min-width: 100%;
            position: absolute;
            top: 50%;
            transition: all .3s linear;
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            width: auto
        }
}

.gen-home .hero__image--mobile, .gen-learn .hero__image--mobile {
    position: relative
}

@media (min-width:1023px) {
    .gen-home .hero__image--mobile, .gen-learn .hero__image--mobile {
        display: none
    }
}

.gen-home .hero__image .hero__background-video, .gen-learn .hero__image .hero__background-video {
    height: 0;
    right: 0;
    opacity: 0;
    padding-bottom: 42.6742532%;
    position: absolute;
    top: 0;
    transition: all .3s linear;
    width: 100%
}

    .gen-home .hero__image .hero__background-video iframe, .gen-learn .hero__image .hero__background-video iframe {
        height: 100%;
        right: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%
    }

@media (min-width:1023px) {
    .gen-home .hero__image .hero__background-video, .gen-learn .hero__image .hero__background-video {
        min-height: 100%;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

        .gen-home .hero__image .hero__background-video iframe, .gen-learn .hero__image .hero__background-video iframe {
            min-width: 1405px;
            top: 0;
            -ms-transform: none;
            transform: none
        }
}

.gen-home .hero__image .hero__background-video--ooyala .oo-player-container video, .gen-learn .hero__image .hero__background-video--ooyala .oo-player-container video {
    width: 100%;
    height: auto;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.gen-home .hero__image .hero__background-video--ooyala .oo-player-skin, .gen-learn .hero__image .hero__background-video--ooyala .oo-player-skin {
    display: none
}

.gen-home .hero__image.js-video-playing .hero__background-video, .gen-learn .hero__image.js-video-playing .hero__background-video {
    opacity: 1
}

.gen-home .hero__inner, .gen-learn .hero__inner {
    padding: 60px 0
}

@media (min-width:1023px) {
    .gen-home .hero__inner, .gen-learn .hero__inner {
        max-width: 60%
    }
}

@media (max-width:1022px) {
    .gen-home .hero__inner p, .gen-learn .hero__inner p {
        font-size: 16px;
        line-height: 24px
    }
}

.gen-home .hero__modal-trigger img + .video-trigger__inner .video-trigger__icon:before, .gen-home .hero__modal-trigger img + .video-trigger__inner .video-trigger__text, .gen-learn .hero__modal-trigger img + .video-trigger__inner .video-trigger__icon:before, .gen-learn .hero__modal-trigger img + .video-trigger__inner .video-trigger__text {
    color: #fff
}

@media (max-width:1022px) {
    .gen-home .hero__modal-trigger img + .video-trigger__inner .video-trigger__icon:before, .gen-home .hero__modal-trigger img + .video-trigger__inner .video-trigger__text, .gen-learn .hero__modal-trigger img + .video-trigger__inner .video-trigger__icon:before, .gen-learn .hero__modal-trigger img + .video-trigger__inner .video-trigger__text {
        color: #64a70b
    }
}

@media (max-width:1022px) {
    .gen-home .hero__modal-trigger img + .video-trigger__inner, .gen-learn .hero__modal-trigger img + .video-trigger__inner {
        display: block;
        text-align: center
    }

        .gen-home .hero__modal-trigger img + .video-trigger__inner .video-trigger__icon:before, .gen-learn .hero__modal-trigger img + .video-trigger__inner .video-trigger__icon:before {
            position: relative;
            margin-top: 0
        }

        .gen-home .hero__modal-trigger img + .video-trigger__inner .video-trigger__text, .gen-learn .hero__modal-trigger img + .video-trigger__inner .video-trigger__text {
            width: auto !important
        }
}

.gen-home .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__icon, .gen-home .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__text, .gen-learn .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__text {
    background-color: #fff
}

.gen-home .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__icon {
    background-color: #4e8828;
    border-color: #4e8828
}

    .gen-home .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__icon:before, .gen-learn .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__icon:before {
        color: #fff
    }

.gen-home .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__text, .gen-learn .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__text {
    color: #64a70b
}

.gen-home .hero__modal-trigger:hover img + .video-trigger__inner .video-trigger__icon:before, .gen-learn .hero__modal-trigger:hover img + .video-trigger__inner .video-trigger__icon:before {
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

.gen-home .hero__video, .gen-learn .hero__video {
    margin: 30px 0
}

@media (min-width:768px) and (max-width:1022px) {
    .gen-home .hero:not(.hero--callout) .video-trigger img + .video-trigger__inner, .gen-learn .hero:not(.hero--callout) .video-trigger img + .video-trigger__inner {
        padding-right: 0
    }
}

.gen-home .hero:not(.hero--callout) .button-row, .gen-learn .hero:not(.hero--callout) .button-row {
    max-width: 300px
}

@media (max-width:1022px) {
    .gen-home .hero:not(.hero--callout) .button-row, .gen-learn .hero:not(.hero--callout) .button-row {
        margin: 0 auto
    }
}

.gen-home .hero:not(.hero--callout) .button-row .button, .gen-learn .hero:not(.hero--callout) .button-row .button {
    width: 100%
}

.gen-home .hero--callout, .gen-learn .hero--callout {
    margin-left: auto;
    margin-right: auto;
    max-width: 1340px
}

@media (min-width:1023px) {
    .gen-home .hero--callout, .gen-learn .hero--callout {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        min-height: 410px
    }
}

.gen-home .hero--callout .hero__content h2, .gen-learn .hero--callout .hero__content h2 {
    font-size: 38px;
    line-height: 42px
}

@media (min-width:768px) {
    .gen-home .hero--callout .hero__content h2, .gen-learn .hero--callout .hero__content h2 {
        font-size: 44px;
        line-height: 48px
    }
}

.gen-home .hero--callout .hero__content p, .gen-learn .hero--callout .hero__content p {
    font-size: 16px;
    line-height: 24px
}

@media (min-width:768px) {
    .gen-home .hero--callout .hero__content p, .gen-learn .hero--callout .hero__content p {
        font-size: 18px;
        line-height: 26px
    }
}

@media (max-width:767px) {
    .gen-home .hero--callout .hero__cta, .gen-learn .hero--callout .hero__cta {
        padding-left: 0;
        padding-right: 0
    }

        .gen-home .hero--callout .hero__cta .button, .gen-learn .hero--callout .hero__cta .button {
            width: 100%
        }
}

@media (max-width:1022px) {
    .gen-home .hero--callout .hero__inner, .gen-learn .hero--callout .hero__inner {
        padding-bottom: 0
    }
}

@media (min-width:1023px) {
    .gen-home .hero--callout .hero__inner, .gen-learn .hero--callout .hero__inner {
        max-width: 45%
    }
}

@media (min-width:1023px) {
    .gen-home .hero--right .hero__content, .gen-learn .hero--right .hero__content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .gen-home .hero--right .hero__image, .gen-learn .hero--right .hero__image {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .gen-home .hero--right .hero__image img, .gen-learn .hero--right .hero__image img {
            left: 25%;
            -ms-transform: translate(-25%,-50%);
            transform: translate(-25%,-50%)
        }
}

.gen-home .hero--full-width, .gen-learn .hero--full-width {
    max-width: none
}

@media (min-width:1023px) {
    .gen-home .hero--full-width, .gen-learn .hero--full-width {
        min-height: 500px
    }
}

@media (min-width:1200px) {
    .gen-home .hero--full-width, .gen-learn .hero--full-width {
        min-height: 600px
    }

        .gen-home .hero--full-width .hero__content p, .gen-learn .hero--full-width .hero__content p {
            font-size: 16px;
            line-height: 24px
        }
}

.gen-home .hero--has-bg, .gen-learn .hero--has-bg {
    background-size: cover;
    background-position: 50%;
    border-radius: 4px
}

@media (max-width:1400px) {
    .gen-home .hero--has-bg, .gen-learn .hero--has-bg {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (max-width:1022px) {
    .gen-home .hero--has-bg, .gen-learn .hero--has-bg {
        background-image: none !important
    }
}

@media (min-width:1023px) and (max-width:1199px) {
    .gen-home .hero--has-bg, .gen-learn .hero--has-bg {
        min-height: 350px
    }
}

@media (max-width:768px) {
    .gen-home .hero--has-bg .hero__content, .gen-learn .hero--has-bg .hero__content {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width:1200px) {
    .gen-home .hero--has-bg .hero__inner, .gen-learn .hero--has-bg .hero__inner {
        padding-left: 45px;
        padding-right: 45px
    }
}

.gen-home .hero--has-bg .hero__image, .gen-learn .hero--has-bg .hero__image {
    display: none
}

.gen-home .hero--has-bg .hero__image--mobile, .gen-learn .hero--has-bg .hero__image--mobile {
    border-radius: 4px;
    overflow: hidden
}

.gen-home .icon-callouts, .gen-learn .icon-callouts {
    clear: both;
    margin: 75px 0
}

@media (max-width:767px) {
    .gen-home .icon-callouts__item + .icon-callouts__item, .gen-learn .icon-callouts__item + .icon-callouts__item {
        margin-top: 30px
    }
}

.gen-home .icon-callouts__content, .gen-learn .icon-callouts__content {
    float: left;
    padding: 0 30px;
    width: 90%;
    width: calc(100% - 40px)
}

@media (min-width:768px) and (max-width:1023px) {
    .gen-home .icon-callouts__content, .gen-learn .icon-callouts__content {
        padding: 0 15px
    }
}

.gen-home .icon-callouts__content h2, .gen-learn .icon-callouts__content h2 {
    font-size: 20px;
    line-height: 26px
}

@media (min-width:768px) {
    .gen-home .icon-callouts__content h2, .gen-learn .icon-callouts__content h2 {
        font-size: 24px;
        line-height: 30px
    }
}

.gen-home .icon-callouts__content h2 a, .gen-learn .icon-callouts__content h2 a {
    display: inline-block;
    transition-property: all;
    background-color: transparent;
    border: none;
    color: #222;
    padding: 0 5px 0 0;
    text-align: left
}

    .gen-home .icon-callouts__content h2 a span:before, .gen-learn .icon-callouts__content h2 a span:before {
        color: #64a70b;
        font-size: 50%;
        margin-left: 5px;
        overflow: visible;
        top: 0;
        transition: transform .3s linear;
        width: 0
    }

    .gen-home .icon-callouts__content h2 a:hover, .gen-learn .icon-callouts__content h2 a:hover {
        background-color: transparent;
        color: #222
    }

.gen-home .icon-callouts__image, .gen-learn .icon-callouts__image {
    float: left;
    width: 40px
}

.gen-home .icon-callouts--featured .row, .gen-learn .icon-callouts--featured .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
}

    .gen-home .icon-callouts--featured .row .icon-callouts__item, .gen-learn .icon-callouts--featured .row .icon-callouts__item {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 15px 0;
        width: 100%
    }

@media (max-width:767px) {
    .gen-home .icon-callouts--featured .row .icon-callouts__item + .icon-callouts__item, .gen-learn .icon-callouts--featured .row .icon-callouts__item + .icon-callouts__item {
        margin-top: 0
    }
}

@media (min-width:480px) and (max-width:1022px) {
    .gen-home .icon-callouts--featured .row .icon-callouts__item, .gen-learn .icon-callouts--featured .row .icon-callouts__item {
        width: 48%
    }

        .gen-home .icon-callouts--featured .row .icon-callouts__item:nth-child(2n), .gen-learn .icon-callouts--featured .row .icon-callouts__item:nth-child(2n) {
            margin-left: 2%
        }
}

@media (min-width:1023px) {
    .gen-home .icon-callouts--featured .row .icon-callouts__item, .gen-learn .icon-callouts--featured .row .icon-callouts__item {
        width: 23%
    }

        .gen-home .icon-callouts--featured .row .icon-callouts__item ~ .icon-callouts__item, .gen-learn .icon-callouts--featured .row .icon-callouts__item ~ .icon-callouts__item {
            margin-left: 2%
        }
}

.gen-home .icon-callouts--featured .row .icon-callouts__image, .gen-learn .icon-callouts--featured .row .icon-callouts__image {
    width: auto
}

    .gen-home .icon-callouts--featured .row .icon-callouts__image img, .gen-learn .icon-callouts--featured .row .icon-callouts__image img {
        height: 66px;
        width: auto
    }

.gen-home .icon-callouts--featured .row .icon-callouts__content, .gen-learn .icon-callouts--featured .row .icon-callouts__content {
    padding: 0 15px;
    width: 90%
}

    .gen-home .icon-callouts--featured .row .icon-callouts__content h2, .gen-learn .icon-callouts--featured .row .icon-callouts__content h2 {
        font-size: 16px;
        line-height: 24px
    }

@media (min-width:768px) {
    .gen-home .icon-callouts--featured .row .icon-callouts__content h2, .gen-learn .icon-callouts--featured .row .icon-callouts__content h2 {
        font-size: 18px;
        line-height: 26px
    }
}

.gen-home .icon-callouts--horizontal, .gen-learn .icon-callouts--horizontal {
    border-top: 1px solid #dbdbdb;
    padding-top: 90px
}

.gen-home .icon-callouts--large-image, .gen-learn .icon-callouts--large-image {
    border-top: 0;
    padding-top: 0
}

    .gen-home .icon-callouts--large-image .icon-callouts__image, .gen-learn .icon-callouts--large-image .icon-callouts__image {
        width: 75px
    }

    .gen-home .icon-callouts--large-image .icon-callouts__content, .gen-learn .icon-callouts--large-image .icon-callouts__content {
        width: 80%;
        width: calc(100% - 75px)
    }

        .gen-home .icon-callouts--large-image .icon-callouts__content h2, .gen-learn .icon-callouts--large-image .icon-callouts__content h2 {
            font-size: 16px;
            line-height: 24px
        }

@media (min-width:768px) {
    .gen-home .icon-callouts--large-image .icon-callouts__content h2, .gen-learn .icon-callouts--large-image .icon-callouts__content h2 {
        font-size: 18px;
        line-height: 26px
    }
}

@media (min-width:768px) {
    .gen-home .icon-callouts--vertical, .gen-learn .icon-callouts--vertical {
        text-align: center
    }

        .gen-home .icon-callouts--vertical .icon-callouts__content, .gen-learn .icon-callouts--vertical .icon-callouts__content {
            margin-top: 15px;
            width: 100%
        }

        .gen-home .icon-callouts--vertical .icon-callouts__image, .gen-learn .icon-callouts--vertical .icon-callouts__image {
            float: none;
            margin: 0 auto;
            max-width: 150px;
            width: auto
        }
}

@media (max-width:767px) {
    .gen-home .icon-callouts--vertical .icon-callouts__item, .gen-learn .icon-callouts--vertical .icon-callouts__item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .gen-home .icon-callouts--vertical .icon-callouts__item + .icon-callouts__item, .gen-learn .icon-callouts--vertical .icon-callouts__item + .icon-callouts__item {
            border-top: 1px solid #dbdbdb;
            margin-top: 15px;
            padding-top: 15px
        }

    .gen-home .icon-callouts--vertical .icon-callouts__content, .gen-home .icon-callouts--vertical .icon-callouts__image, .gen-learn .icon-callouts--vertical .icon-callouts__content, .gen-learn .icon-callouts--vertical .icon-callouts__image {
        float: none
    }
}

.gen-home .industry, .gen-learn .industry {
    margin: 75px 0;
    width: 100%
}

.gen-home .industry__logo, .gen-learn .industry__logo {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    margin-bottom: 15px
}

    .gen-home .industry__logo img, .gen-learn .industry__logo img {
        max-width: 100%;
        margin: 0 auto;
        width: auto
    }

.gen-home .industry .slick-arrow, .gen-learn .industry .slick-arrow {
    opacity: 0
}

    .gen-home .industry .slick-arrow:focus, .gen-learn .industry .slick-arrow:focus {
        opacity: 1
    }

.gen-home .industry .slick-prev, .gen-learn .industry .slick-prev {
    left: 0
}

[dir=rtl] .gen-home .industry .slick-prev, [dir=rtl] .gen-learn .industry .slick-prev {
    left: auto;
    right: 0
}

.gen-home .industry .slick-next, .gen-learn .industry .slick-next {
    right: 0
}

[dir=rtl] .gen-home .industry .slick-next, [dir=rtl] .gen-learn .industry .slick-next {
    left: 0;
    right: auto
}

.gen-home .industry .slick-slide, .gen-learn .industry .slick-slide {
    max-width: 300px;
    display: block
}

.gen-home .industry__slide, .gen-learn .industry__slide {
    padding: 0 15px;
    text-align: center
}

@media (min-width:1200px) {
    .gen-home .industry, .gen-learn .industry {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 90px auto;
        max-width: 1400px;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%
    }

    .gen-home .industry__slide, .gen-learn .industry__slide {
        -ms-flex: 1;
        flex: 1
    }
}

.gen-home .page-header .primary-nav-right .search-box form, .gen-learn .page-header .primary-nav-right .search-box form {
    display: inherit;
    width: 100%
}

@media (min-width:1400px) {
    .gen-home .product-carousel, .gen-learn .product-carousel {
        padding: 0 60px;
        position: relative;
        right: -30px
    }
}

.gen-home .product-carousel__pagination, .gen-learn .product-carousel__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:768px) {
    .gen-home .product-carousel__pagination, .gen-learn .product-carousel__pagination {
        margin: 0 auto;
        max-width: 75%
    }
}

.gen-home .product-carousel__slide, .gen-learn .product-carousel__slide {
    padding-bottom: 30px;
    padding-top: 30px
}

.gen-home .product-carousel .carousel-pagination, .gen-learn .product-carousel .carousel-pagination {
    margin-top: 0
}

.gen-home .product-carousel .slick-slide, .gen-home .product-carousel .slick-slide > div, .gen-home .product-carousel .slick-track, .gen-learn .product-carousel .slick-slide, .gen-learn .product-carousel .slick-slide > div, .gen-learn .product-carousel .slick-track {
    display: -ms-flexbox;
    display: flex
}

.gen-home .product-carousel__slide, .gen-learn .product-carousel__slide {
    display: -ms-flexbox !important;
    display: flex !important
}

    .gen-home .product-carousel__slide .card, .gen-learn .product-carousel__slide .card {
        width: 100%
    }

.gen-home .product-carousel .slick-slide, .gen-learn .product-carousel .slick-slide {
    float: none;
    height: auto
}

.gen-home .product-teaser, .gen-learn .product-teaser {
    background-color: #fff;
    font-family: Harmonia Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;
    overflow: hidden;
    position: relative;
    text-align: center
}

    .gen-home .product-teaser *, .gen-learn .product-teaser * {
        box-sizing: border-box
    }

    .gen-home .product-teaser h1, .gen-learn .product-teaser h1 {
        font-size: 50px;
        line-height: 55px;
        margin-bottom: 15px
    }

@media (min-width:768px) {
    .gen-home .product-teaser h1, .gen-learn .product-teaser h1 {
        font-size: 60px;
        line-height: 70px
    }
}

@media (max-width:479px) {
    .gen-home .product-teaser h1, .gen-learn .product-teaser h1 {
        font-size: 42px;
        line-height: 50px
    }
}

.gen-home .product-teaser p, .gen-learn .product-teaser p {
    color: #747474;
    font-size: 16px;
    line-height: 24px
}

@media (min-width:768px) {
    .gen-home .product-teaser p, .gen-learn .product-teaser p {
        font-size: 18px;
        line-height: 26px
    }
}

.gen-home .product-teaser sup, .gen-learn .product-teaser sup {
    font-size: 60%;
    position: relative;
    top: -1%
}

.gen-home .product-teaser__background, .gen-learn .product-teaser__background {
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2
}

.gen-home .product-teaser__background__left, .gen-home .product-teaser__background__right, .gen-learn .product-teaser__background__left, .gen-learn .product-teaser__background__right {
    position: absolute;
    top: 30px;
    width: 400px
}

@media (min-width:768px) {
    .gen-home .product-teaser__background__left, .gen-home .product-teaser__background__right, .gen-learn .product-teaser__background__left, .gen-learn .product-teaser__background__right {
        top: 0;
        width: 600px
    }
}

.gen-home .product-teaser__background__left, .gen-learn .product-teaser__background__left {
    right: 80%
}

@media (min-width:768px) {
    .gen-home .product-teaser__background__left, .gen-learn .product-teaser__background__left {
        right: 90%
    }
}

.gen-home .product-teaser__background__right, .gen-learn .product-teaser__background__right {
    left: 80%
}

@media (min-width:768px) {
    .gen-home .product-teaser__background__right, .gen-learn .product-teaser__background__right {
        left: 90%
    }
}

.gen-home .product-teaser__container, .gen-learn .product-teaser__container {
    margin: 0 auto;
    max-width: 700px;
    padding-top: 15px;
    position: relative;
    width: 100%
}

.gen-home .product-teaser__content, .gen-home .product-teaser__countdown, .gen-learn .product-teaser__content, .gen-learn .product-teaser__countdown {
    position: relative;
    z-index: 3
}

@media (max-width:767px) and (min-width:480px) {
    .gen-home .product-teaser__content, .gen-home .product-teaser__countdown, .gen-learn .product-teaser__content, .gen-learn .product-teaser__countdown {
        padding: 0 15%
    }
}

.gen-home .product-teaser__cta, .gen-learn .product-teaser__cta {
    margin: 15px 0
}

    .gen-home .product-teaser__cta .btn, .gen-learn .product-teaser__cta .btn {
        font-weight: 700;
        padding-left: 60px;
        padding-right: 60px
    }

    .gen-home .product-teaser__cta div, .gen-learn .product-teaser__cta div {
        max-width: 277px;
        overflow: hidden
    }

@media (max-width:767px) {
    .gen-home .product-teaser__cta div, .gen-learn .product-teaser__cta div {
        margin: 30px auto 0
    }
}

@media (min-width:768px) {
    .gen-home .product-teaser__cta, .gen-learn .product-teaser__cta {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

        .gen-home .product-teaser__cta .btn, .gen-learn .product-teaser__cta .btn {
            margin-right: 15px
        }

        .gen-home .product-teaser__cta div, .gen-learn .product-teaser__cta div {
            margin-left: 15px
        }
}

.gen-home .product-teaser__image, .gen-learn .product-teaser__image {
    margin: 0 auto;
    max-width: 680px;
    z-index: 1
}

.gen-home .product-teaser__background, .gen-home .product-teaser__content, .gen-home .product-teaser__countdown, .gen-learn .product-teaser__background, .gen-learn .product-teaser__content, .gen-learn .product-teaser__countdown {
    opacity: 0;
    transition: all .9s ease-in
}

.gen-home .product-teaser__content, .gen-learn .product-teaser__content {
    transition-duration: 1s;
    overflow: hidden
}

    .gen-home .product-teaser__content > *, .gen-learn .product-teaser__content > * {
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        transition: all 1.4s ease-out
    }

.gen-home .product-teaser__image, .gen-learn .product-teaser__image {
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition: all 1.9s ease-out
}

.gen-home .product-teaser.load-in, .gen-home .product-teaser.load-in .product-teaser__background, .gen-home .product-teaser.load-in .product-teaser__content, .gen-home .product-teaser.load-in .product-teaser__countdown, .gen-learn .product-teaser.load-in, .gen-learn .product-teaser.load-in .product-teaser__background, .gen-learn .product-teaser.load-in .product-teaser__content, .gen-learn .product-teaser.load-in .product-teaser__countdown {
    opacity: 1
}

    .gen-home .product-teaser.load-in .product-teaser__content, .gen-learn .product-teaser.load-in .product-teaser__content {
        transition-delay: .5s
    }

        .gen-home .product-teaser.load-in .product-teaser__content > *, .gen-learn .product-teaser.load-in .product-teaser__content > * {
            -ms-transform: translateY(0);
            transform: translateY(0)
        }

    .gen-home .product-teaser.load-in .product-teaser__countdown, .gen-learn .product-teaser.load-in .product-teaser__countdown {
        transition-delay: .3s
    }

    .gen-home .product-teaser.load-in .product-teaser__image, .gen-learn .product-teaser.load-in .product-teaser__image {
        -ms-transform: translateY(0);
        transform: translateY(0);
        transition-delay: 1.4s
    }

.gen-home .social-carousel, .gen-learn .social-carousel {
    margin: 75px 0
}

.gen-home .social-carousel__header, .gen-learn .social-carousel__header {
    margin-bottom: 30px;
    text-align: center
}

    .gen-home .social-carousel__header h2, .gen-learn .social-carousel__header h2 {
        margin-bottom: 0
    }

        .gen-home .social-carousel__header h2 + p, .gen-learn .social-carousel__header h2 + p {
            margin-top: 7.5px
        }

.gen-home .social-carousel__container, .gen-learn .social-carousel__container {
    padding-bottom: 15px
}

.gen-home .user-action__item, .gen-learn .user-action__item {
    margin: 30px 0
}

    .gen-home .user-action__item:first-child, .gen-learn .user-action__item:first-child {
        margin-top: 0
    }

    .gen-home .user-action__item a:hover, .gen-learn .user-action__item a:hover {
        color: #579802
    }

.gen-home .user-action__screen, .gen-learn .user-action__screen {
    margin-top: 15px
}

.headroom--not-top + .page-content .gen-home .scroll_nav, .headroom--not-top + .page-content .gen-learn .scroll_nav {
    top: 94px
}

.headroom--not-top + .page-content .gen-home .scroll-spy, .headroom--not-top + .page-content .gen-learn .scroll-spy {
    top: 94px;
    z-index: 4
}

.gen-learn .communityFooterBG, .gen-learn .page-footer {
    position: relative;
    z-index: 1
}

@media (max-width:755px) {
    .optanon-alert-box-wrapper .optanon-alert-box-corner-close .banner-close-button {
        float: right;
        position: absolute;
        right: 5px;
        top: -10px
    }
}

.optanon-alert-box-wrapper {
    box-shadow: 0 0 12px 4px rgba(0,0,0,.25);
    border-top: 1px solid #ccc;
    background: #fff
}

    .optanon-alert-box-wrapper .optanon-alert-box-button-middle {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: 1px solid transparent;
        border-radius: 2px;
        display: inline-block;
        font-family: inherit;
        font-size: 14px;
        line-height: 16px;
        padding: 0;
        text-decoration: none;
        transition-duration: .3s;
        transition-property: background,border-color,color;
        vertical-align: top;
        margin: 0;
        margin-bottom: 15px
    }

        .optanon-alert-box-wrapper .optanon-alert-box-button-middle .accept-cookies-button {
            padding: 6px 12px;
            display: inline-block;
            background: #4e8828;
            border-color: #4e8828;
            color: #fff
        }

            .optanon-alert-box-wrapper .optanon-alert-box-button-middle .accept-cookies-button:hover {
                background: #64a70b;
                border-color: #64a70b;
                color: #fff
            }

            .optanon-alert-box-wrapper .optanon-alert-box-button-middle .accept-cookies-button:focus {
                outline: none;
                background: #64a70b;
                border-color: #64a70b;
                color: #fff
            }

    .optanon-alert-box-wrapper .optanon-alert-box-bg {
        padding-bottom: 4px;
        background: #fff;
        padding-top: 12px
    }

    .optanon-alert-box-wrapper .optanon-alert-box-bottom-top {
        height: 0;
        background: #fff
    }

.homepage.modaal-noscroll, .homepage.modaal-noscroll .modaal-noscroll {
    overflow: hidden
}

    .homepage.modaal-noscroll .modaal-accessible-hide {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        padding: 0 !important;
        border: 0 !important;
        height: 1px !important;
        width: 1px !important;
        overflow: hidden
    }

    .homepage.modaal-noscroll .modaal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        opacity: 0
    }

    .homepage.modaal-noscroll .modaal-wrapper {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        overflow: auto;
        opacity: 1;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        transition: all .3s ease-in-out
    }

        .homepage.modaal-noscroll .modaal-wrapper * {
            box-sizing: border-box;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-backface-visibility: hidden
        }

        .homepage.modaal-noscroll .modaal-wrapper .modaal-close {
            border: none;
            background: transparent;
            padding: 0;
            -webkit-appearance: none
        }

        .homepage.modaal-noscroll .modaal-wrapper.modaal-start_none {
            display: none;
            opacity: 1
        }

        .homepage.modaal-noscroll .modaal-wrapper.modaal-start_fade {
            opacity: 0
        }

        .homepage.modaal-noscroll .modaal-wrapper [tabindex="0"] {
            outline: none !important
        }

        .homepage.modaal-noscroll .modaal-wrapper.modaal-fullscreen {
            overflow: hidden
        }

    .homepage.modaal-noscroll .modaal-outer-wrapper {
        display: table;
        position: relative;
        width: 100%;
        height: 100%
    }

    .homepage.modaal-noscroll .modaal-fullscreen .modaal-outer-wrapper {
        display: block
    }

    .homepage.modaal-noscroll .modaal-inner-wrapper {
        display: table-cell;
        width: 100%;
        height: 100%;
        position: relative;
        vertical-align: middle;
        text-align: center;
        padding: 80px 25px
    }

    .homepage.modaal-noscroll .modaal-fullscreen .modaal-inner-wrapper {
        padding: 0;
        display: block;
        vertical-align: top
    }

    .homepage.modaal-noscroll .modaal-container {
        position: relative;
        display: inline-block;
        width: 100%;
        margin: auto;
        text-align: left;
        color: #000;
        max-width: 1000px;
        border-radius: 0;
        background: #fff;
        box-shadow: 0 4px 15px rgba(0,0,0,.2);
        cursor: auto
    }

        .homepage.modaal-noscroll .modaal-container.is_loading {
            height: 100px;
            width: 100px;
            overflow: hidden
        }

    .homepage.modaal-noscroll .modaal-fullscreen .modaal-container {
        max-width: none;
        height: 100%;
        overflow: auto
    }

    .homepage.modaal-noscroll .modaal-close {
        position: fixed;
        right: 20px;
        top: 20px;
        color: #fff;
        cursor: pointer;
        opacity: 1;
        width: 50px;
        height: 50px;
        background: transparent;
        border-radius: 100%;
        transition: all .2s ease-in-out
    }

        .homepage.modaal-noscroll .modaal-close:focus, .homepage.modaal-noscroll .modaal-close:hover {
            outline: none;
            background: #fff
        }

            .homepage.modaal-noscroll .modaal-close:focus:after, .homepage.modaal-noscroll .modaal-close:focus:before, .homepage.modaal-noscroll .modaal-close:hover:after, .homepage.modaal-noscroll .modaal-close:hover:before {
                background: #b93d0c
            }

        .homepage.modaal-noscroll .modaal-close span {
            position: absolute !important;
            clip: rect(1px 1px 1px 1px);
            clip: rect(1px,1px,1px,1px);
            padding: 0 !important;
            border: 0 !important;
            height: 1px !important;
            width: 1px !important;
            overflow: hidden
        }

        .homepage.modaal-noscroll .modaal-close:after, .homepage.modaal-noscroll .modaal-close:before {
            display: block;
            content: " ";
            position: absolute;
            top: 14px;
            left: 23px;
            width: 4px;
            height: 22px;
            border-radius: 4px;
            background: #fff;
            transition: background .2s ease-in-out
        }

        .homepage.modaal-noscroll .modaal-close:before {
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .homepage.modaal-noscroll .modaal-close:after {
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

    .homepage.modaal-noscroll .modaal-fullscreen .modaal-close {
        background: #afb7bc;
        right: 10px;
        top: 10px
    }

    .homepage.modaal-noscroll .modaal-content-container {
        padding: 30px
    }

    .homepage.modaal-noscroll .modaal-confirm-wrap {
        padding: 30px 0 0;
        text-align: center;
        font-size: 0
    }

    .homepage.modaal-noscroll .modaal-confirm-btn {
        font-size: 14px;
        display: inline-block;
        margin: 0 10px;
        vertical-align: middle;
        cursor: pointer;
        border: none;
        background: transparent
    }

        .homepage.modaal-noscroll .modaal-confirm-btn.modaal-ok {
            padding: 10px 15px;
            color: #fff;
            background: #555;
            border-radius: 3px;
            transition: background .2s ease-in-out
        }

            .homepage.modaal-noscroll .modaal-confirm-btn.modaal-ok:hover {
                background: #2f2f2f
            }

        .homepage.modaal-noscroll .modaal-confirm-btn.modaal-cancel {
            text-decoration: underline
        }

            .homepage.modaal-noscroll .modaal-confirm-btn.modaal-cancel:hover {
                text-decoration: none;
                color: #2f2f2f
            }

@keyframes b {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.homepage.modaal-noscroll .modaal-instagram .modaal-container {
    width: auto;
    background: transparent;
    box-shadow: none !important
}

.homepage.modaal-noscroll .modaal-instagram .modaal-content-container {
    padding: 0;
    background: transparent
}

    .homepage.modaal-noscroll .modaal-instagram .modaal-content-container > blockquote {
        width: 1px !important;
        height: 1px !important;
        opacity: 0 !important
    }

.homepage.modaal-noscroll .modaal-instagram iframe {
    opacity: 0;
    margin: -6px !important;
    border-radius: 0 !important;
    width: 1000px !important;
    max-width: 800px !important;
    box-shadow: none !important;
    animation: b 1s linear forwards
}

.homepage.modaal-noscroll .modaal-image .modaal-inner-wrapper {
    padding-left: 140px;
    padding-right: 140px
}

.homepage.modaal-noscroll .modaal-image .modaal-container {
    width: auto;
    max-width: 100%
}

.homepage.modaal-noscroll .modaal-gallery-wrap {
    position: relative;
    color: #fff
}

.homepage.modaal-noscroll .modaal-gallery-item {
    display: none
}

    .homepage.modaal-noscroll .modaal-gallery-item.is_active, .homepage.modaal-noscroll .modaal-gallery-item img {
        display: block
    }

.homepage.modaal-noscroll .modaal-gallery-label {
    position: absolute;
    left: 0;
    width: 100%;
    margin: 20px 0 0;
    font-size: 18px;
    text-align: center;
    color: #fff
}

    .homepage.modaal-noscroll .modaal-gallery-label:focus {
        outline: none
    }

.homepage.modaal-noscroll .modaal-gallery-control {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    cursor: pointer;
    color: #fff;
    width: 50px;
    height: 50px;
    background: transparent;
    border: none;
    border-radius: 100%;
    transition: all .2s ease-in-out
}

    .homepage.modaal-noscroll .modaal-gallery-control.is_hidden {
        opacity: 0;
        cursor: default
    }

    .homepage.modaal-noscroll .modaal-gallery-control:focus, .homepage.modaal-noscroll .modaal-gallery-control:hover {
        outline: none;
        background: #fff
    }

        .homepage.modaal-noscroll .modaal-gallery-control:focus:after, .homepage.modaal-noscroll .modaal-gallery-control:focus:before, .homepage.modaal-noscroll .modaal-gallery-control:hover:after, .homepage.modaal-noscroll .modaal-gallery-control:hover:before {
            background: #afb7bc
        }

    .homepage.modaal-noscroll .modaal-gallery-control span {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        padding: 0 !important;
        border: 0 !important;
        height: 1px !important;
        width: 1px !important;
        overflow: hidden
    }

    .homepage.modaal-noscroll .modaal-gallery-control:after, .homepage.modaal-noscroll .modaal-gallery-control:before {
        display: block;
        content: " ";
        position: absolute;
        top: 16px;
        left: 25px;
        width: 4px;
        height: 18px;
        border-radius: 4px;
        background: #fff;
        transition: background .2s ease-in-out
    }

    .homepage.modaal-noscroll .modaal-gallery-control:before {
        margin: -5px 0 0;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .homepage.modaal-noscroll .modaal-gallery-control:after {
        margin: 5px 0 0;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.homepage.modaal-noscroll .modaal-gallery-next {
    left: 100%;
    margin-left: 40px
}

.homepage.modaal-noscroll .modaal-gallery-prev {
    right: 100%;
    margin-right: 40px
}

    .homepage.modaal-noscroll .modaal-gallery-prev:after, .homepage.modaal-noscroll .modaal-gallery-prev:before {
        left: 22px
    }

    .homepage.modaal-noscroll .modaal-gallery-prev:before {
        margin: 5px 0 0;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .homepage.modaal-noscroll .modaal-gallery-prev:after {
        margin: -5px 0 0;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.homepage.modaal-noscroll .modaal-video-wrap {
    margin: auto 50px;
    position: relative
}

.homepage.modaal-noscroll .modaal-video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    background: #000;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto
}

    .homepage.modaal-noscroll .modaal-video-container embed, .homepage.modaal-noscroll .modaal-video-container iframe, .homepage.modaal-noscroll .modaal-video-container object {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.homepage.modaal-noscroll .modaal-iframe .modaal-content {
    width: 100%;
    height: 100%
}

.homepage.modaal-noscroll .modaal-iframe-elem {
    width: 100%;
    height: 100%;
    display: block
}

@media only screen and (min-width:1400px) {
    .homepage.modaal-noscroll .modaal-video-container {
        padding-bottom: 0;
        height: 731px
    }
}

@media only screen and (max-width:1140px) {
    .homepage.modaal-noscroll .modaal-image .modaal-inner-wrapper {
        padding-left: 25px;
        padding-right: 25px
    }

    .homepage.modaal-noscroll .modaal-gallery-control {
        top: auto;
        bottom: 20px;
        -ms-transform: none;
        transform: none;
        background: rgba(0,0,0,.7)
    }

        .homepage.modaal-noscroll .modaal-gallery-control:after, .homepage.modaal-noscroll .modaal-gallery-control:before {
            background: #fff
        }

    .homepage.modaal-noscroll .modaal-gallery-next {
        left: auto;
        right: 20px
    }

    .homepage.modaal-noscroll .modaal-gallery-prev {
        left: 20px;
        right: auto
    }
}

@media screen and (max-width:900px) {
    .homepage.modaal-noscroll .modaal-instagram iframe {
        width: 500px !important
    }
}

@media screen and (max-height:1100px) {
    .homepage.modaal-noscroll .modaal-instagram iframe {
        width: 700px !important
    }
}

@media screen and (max-height:1000px) {
    .homepage.modaal-noscroll .modaal-inner-wrapper {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .homepage.modaal-noscroll .modaal-instagram iframe {
        width: 600px !important
    }
}

@media screen and (max-height:900px) {
    .homepage.modaal-noscroll .modaal-instagram iframe {
        width: 500px !important
    }

    .homepage.modaal-noscroll .modaal-video-container {
        max-width: 900px;
        max-height: 510px
    }
}

@media only screen and (max-width:600px) {
    .homepage.modaal-noscroll .modaal-instagram iframe {
        width: 280px !important
    }
}

@media only screen and (max-height:820px) {
    .homepage.modaal-noscroll .modaal-gallery-label {
        display: none
    }
}

.homepage.modaal-noscroll .modaal-loading-spinner {
    background: none;
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -100px;
    -ms-transform: scale(.25);
    transform: scale(.25)
}

@keyframes c {
    0% {
        opacity: 1;
        -ms-transform: scale(1.5);
        transform: scale(1.5)
    }

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

.homepage.modaal-noscroll .modaal-loading-spinner > div {
    width: 24px;
    height: 24px;
    margin-left: 4px;
    margin-top: 4px;
    position: absolute
}

    .homepage.modaal-noscroll .modaal-loading-spinner > div > div {
        width: 100%;
        height: 100%;
        border-radius: 15px;
        background: #fff
    }

    .homepage.modaal-noscroll .modaal-loading-spinner > div:first-of-type > div {
        animation: c 1s linear infinite;
        animation-delay: 0s
    }

    .homepage.modaal-noscroll .modaal-loading-spinner > div:nth-of-type(2) > div, .homepage.modaal-noscroll .modaal-loading-spinner > div:nth-of-type(3) > div {
        -ms-animation: c 1s linear infinite;
        -moz-animation: c 1s linear infinite;
        -webkit-animation: c 1s linear infinite;
        -o-animation: c 1s linear infinite
    }

    .homepage.modaal-noscroll .modaal-loading-spinner > div:first-of-type {
        -ms-transform: translate(84px,84px) rotate(45deg) translate(70px);
        transform: translate(84px,84px) rotate(45deg) translate(70px)
    }

    .homepage.modaal-noscroll .modaal-loading-spinner > div:nth-of-type(2) > div {
        animation: c 1s linear infinite;
        animation-delay: .12s
    }

    .homepage.modaal-noscroll .modaal-loading-spinner > div:nth-of-type(2) {
        -ms-transform: translate(84px,84px) rotate(90deg) translate(70px);
        transform: translate(84px,84px) rotate(90deg) translate(70px)
    }

    .homepage.modaal-noscroll .modaal-loading-spinner > div:nth-of-type(3) > div {
        animation: c 1s linear infinite;
        animation-delay: .25s
    }

    .homepage.modaal-noscroll .modaal-loading-spinner > div:nth-of-type(4) > div, .homepage.modaal-noscroll .modaal-loading-spinner > div:nth-of-type(5) > div {
        -ms-animation: c 1s linear infinite;
        -moz-animation: c 1s linear infinite;
        -webkit-animation: c 1s linear infinite;
        -o-animation: c 1s linear infinite
    }

    .homepage.modaal-noscroll .modaal-loading-spinner > div:nth-of-type(3) {
        -ms-transform: translate(84px,84px) rotate(135deg) translate(70px);
        transform: translate(84px,84px) rotate(135deg) translate(70px)
    }

    .homepage.modaal-noscroll .modaal-loading-spinner > div:nth-of-type(4) > div {
        animation: c 1s linear infinite;
        animation-delay: .37s
    }

    .homepage.modaal-noscroll .modaal-loading-spinner > div:nth-of-type(4) {
        -ms-transform: translate(84px,84px) rotate(180deg) translate(70px);
        transform: translate(84px,84px) rotate(180deg) translate(70px)
    }

    .homepage.modaal-noscroll .modaal-loading-spinner > div:nth-of-type(5) > div {
        animation: c 1s linear infinite;
        animation-delay: .5s
    }

    .homepage.modaal-noscroll .modaal-loading-spinner > div:nth-of-type(6) > div, .homepage.modaal-noscroll .modaal-loading-spinner > div:nth-of-type(7) > div {
        -ms-animation: c 1s linear infinite;
        -moz-animation: c 1s linear infinite;
        -webkit-animation: c 1s linear infinite;
        -o-animation: c 1s linear infinite
    }

    .homepage.modaal-noscroll .modaal-loading-spinner > div:nth-of-type(5) {
        -ms-transform: translate(84px,84px) rotate(225deg) translate(70px);
        transform: translate(84px,84px) rotate(225deg) translate(70px)
    }

    .homepage.modaal-noscroll .modaal-loading-spinner > div:nth-of-type(6) > div {
        animation: c 1s linear infinite;
        animation-delay: .62s
    }

    .homepage.modaal-noscroll .modaal-loading-spinner > div:nth-of-type(6) {
        -ms-transform: translate(84px,84px) rotate(270deg) translate(70px);
        transform: translate(84px,84px) rotate(270deg) translate(70px)
    }

    .homepage.modaal-noscroll .modaal-loading-spinner > div:nth-of-type(7) > div {
        animation: c 1s linear infinite;
        animation-delay: .75s
    }

    .homepage.modaal-noscroll .modaal-loading-spinner > div:nth-of-type(7) {
        -ms-transform: translate(84px,84px) rotate(315deg) translate(70px);
        transform: translate(84px,84px) rotate(315deg) translate(70px)
    }

    .homepage.modaal-noscroll .modaal-loading-spinner > div:nth-of-type(8) > div {
        animation: c 1s linear infinite;
        animation-delay: .87s
    }

    .homepage.modaal-noscroll .modaal-loading-spinner > div:nth-of-type(8) {
        -ms-transform: translate(84px,84px) rotate(1turn) translate(70px);
        transform: translate(84px,84px) rotate(1turn) translate(70px)
    }

.homepage.modaal-noscroll .modaal-close:before {
    display: none
}

.homepage.modaal-noscroll .modaal-close:after {
    background: transparent;
    content: "\e905";
    display: inline-block;
    font-family: Icomoon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    position: relative;
    font-variant: normal;
    speak: none;
    text-transform: none;
    top: -3px;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    left: 0;
    -ms-transform: none;
    transform: none;
    width: 50px
}

.homepage.modaal-noscroll .modaal-close:focus:after, .homepage.modaal-noscroll .modaal-close:hover:after {
    background: transparent;
    color: #64a70b
}

@media (max-width:767px) {
    .homepage.modaal-noscroll .modaal-video-wrap {
        margin: auto 0
    }
}

.newsletterSignup .form {
    width: 500px
}

    .newsletterSignup .form:after {
        clear: both;
        display: block;
        content: ""
    }

    .newsletterSignup .form p {
        font-size: 18px;
        font-weight: 400;
        margin: 0 0 5px
    }

    .newsletterSignup .form .sxFormSingleLineText {
        width: 205px;
        vertical-align: middle;
        float: left
    }

        .newsletterSignup .form .sxFormSingleLineText label:empty {
            display: none
        }

        .newsletterSignup .form .sxFormSingleLineText input {
            border: 1px solid #ebebeb;
            border-radius: 2px;
            box-sizing: content-box;
            font-size: 14px;
            padding: 5px;
            width: calc(100% - 16px);
            background: #fff
        }

        .newsletterSignup .form .sxFormSingleLineText input, .newsletterSignup .form input[type=submit] {
            -webkit-appearance: none;
            font-family: inherit;
            line-height: 21px;
            margin: 0;
            vertical-align: middle;
            float: left
        }

    .newsletterSignup .form input[type=submit] {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        background: #64a70b;
        border: 1px solid #64a70b;
        border-radius: 2px;
        color: #fff;
        font-size: 17px;
        padding: 6px 12px;
        transition: background .3s ease;
        width: auto;
        cursor: pointer
    }

    .newsletterSignup .form .sxFormSingleLineText .sxFormInputContent:after {
        clear: both;
        display: block;
        content: ""
    }

    .newsletterSignup .form .sxValidation {
        text-align: left;
        color: red;
        font-weight: 500;
        font-size: 14px;
        padding-top: 5px
    }