@charset "UTF-8";

@font-face {
    font-family: Font Awesome\ 5 Brands;
    font-style: normal;
    font-weight: 400;
    src: url(https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-brands-400.eot);
    src: url(https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-brands-400.eot#iefix) format("embedded-opentype"), url(https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-brands-400.woff2) format("woff2"), url(https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-brands-400.woff) format("woff"), url(https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-brands-400.ttf) format("truetype"), url(https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-brands-400.svg#fontawesome) format("svg");
    font-display: block
}

@font-face {
    font-family: Font Awesome\ 5 Free;
    font-style: normal;
    font-weight: 400;
    src: url(https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-regular-400.eot);
    src: url(https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-regular-400.eot#iefix) format("embedded-opentype"), url(https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-regular-400.woff2) format("woff2"), url(https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-regular-400.woff) format("woff"), url(https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-regular-400.ttf) format("truetype"), url(https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-regular-400.svg#fontawesome) format("svg");
    font-display: block
}

@font-face {
    font-family: Font Awesome\ 5 Free;
    font-style: normal;
    font-weight: 900;
    src: url(https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-solid-900.eot);
    src: url(https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-solid-900.eot#iefix) format("embedded-opentype"), url(https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-solid-900.woff2) format("woff2"), url(https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-solid-900.woff) format("woff"), url(https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-solid-900.ttf) format("truetype"), url(https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-solid-900.svg#fontawesome) format("svg");
    font-display: block
}

@font-face {
    font-family: Brandon Grotesque Black;
    font-style: normal;
    font-weight: 900;
    src: url(/static/fonts/BrandonGrotesque-Black.woff2) format("woff2"), url(/static/fonts/BrandonGrotesque-Black.woff) format("woff")
}

@font-face {
    font-family: Brandon Grotesque Black Italic;
    font-style: italic;
    font-weight: 900;
    src: url(/static/fonts/BrandonGrotesque-BlackItalic.woff2) format("woff2"), url(/static/fonts/BrandonGrotesque-BlackItalic.woff) format("woff")
}

@font-face {
    font-family: Brandon Grotesque Bold;
    font-style: normal;
    font-weight: 700;
    src: url(/static/fonts/BrandonGrotesque-Bold.woff2) format("woff2"), url(/static/fonts/BrandonGrotesque-Bold.woff) format("woff")
}

@font-face {
    font-family: Brandon Grotesque Bold Italic;
    font-style: italic;
    font-weight: 700;
    src: url(/static/fonts/BrandonGrotesque-BoldItalic.woff2) format("woff2"), url(/static/fonts/BrandonGrotesque-BoldItalic.woff) format("woff")
}

@font-face {
    font-family: Brandon Grotesque Light;
    font-style: normal;
    font-weight: 300;
    src: url(/static/fonts/BrandonGrotesque-Light.woff2) format("woff2"), url(/static/fonts/BrandonGrotesque-Light.woff) format("woff")
}

@font-face {
    font-family: Brandon Grotesque Light Italic;
    font-style: italic;
    font-weight: 300;
    src: url(/static/fonts/BrandonGrotesque-LightItalic.woff2) format("woff2"), url(/static/fonts/BrandonGrotesque-LightItalic.woff) format("woff")
}

@font-face {
    font-family: Brandon Grotesque Medium;
    font-style: normal;
    font-weight: 500;
    src: url(/static/fonts/BrandonGrotesque-Medium.woff2) format("woff2"), url(/static/fonts/BrandonGrotesque-Medium.woff) format("woff")
}

@font-face {
    font-family: Brandon Grotesque Medium Italic;
    font-style: italic;
    font-weight: 500;
    src: url(/static/fonts/BrandonGrotesque-MediumItalic.woff2) format("woff2"), url(/static/fonts/BrandonGrotesque-MediumItalic.woff) format("woff")
}

@font-face {
    font-family: Brandon Grotesque Regular;
    font-style: normal;
    font-weight: 400;
    src: url(/static/fonts/BrandonGrotesque-Regular.woff2) format("woff2"), url(/static/fonts/BrandonGrotesque-Regular.woff) format("woff")
}

@font-face {
    font-family: Brandon Grotesque Regular Italic;
    font-style: italic;
    font-weight: 400;
    src: url(/static/fonts/BrandonGrotesque-RegularItalic.woff2) format("woff2"), url(/static/fonts/BrandonGrotesque-RegularItalic.woff) format("woff")
}

@font-face {
    font-family: Brandon Grotesque Thin;
    font-style: normal;
    font-weight: 100;
    src: url(/static/fonts/BrandonGrotesque-Thin.woff2) format("woff2"), url(/static/fonts/BrandonGrotesque-Thin.woff) format("woff")
}

@font-face {
    font-family: Brandon Grotesque Thine Italic;
    font-style: italic;
    font-weight: 100;
    src: url(/static/fonts/BrandonGrotesque-ThinItalic.woff2) format("woff2"), url(/static/fonts/BrandonGrotesque-ThinItalic.woff) format("woff")
}

.m--1 {
    margin: .5rem
}

.m--2 {
    margin: 1rem
}

.m--3 {
    margin: 2rem
}

.m--4 {
    margin: 3rem
}

.m--5 {
    margin: 6rem
}

.m--auto {
    margin: auto
}

.mb--1 {
    margin-bottom: .5rem
}

.mb--2 {
    margin-bottom: 1rem
}

.mb--3 {
    margin-bottom: 2rem
}

.mb--4 {
    margin-bottom: 3rem
}

.mb--5 {
    margin-bottom: 6rem
}

.mb--auto {
    margin-bottom: auto
}

.mt--1 {
    margin-top: .5rem
}

.mt--2 {
    margin-top: 1rem
}

.mt--3 {
    margin-top: 2rem
}

.mt--4 {
    margin-top: 3rem
}

.mt--5 {
    margin-top: 6rem
}

.mt--auto {
    margin-top: auto
}

.mr--1 {
    margin-right: .5rem
}

.mr--2 {
    margin-right: 1rem
}

.mr--3 {
    margin-right: 2rem
}

.mr--4 {
    margin-right: 3rem
}

.mr--5 {
    margin-right: 6rem
}

.mr--auto {
    margin-right: auto
}

.ml--1 {
    margin-left: .5rem
}

.ml--2 {
    margin-left: 1rem
}

.ml--3 {
    margin-left: 2rem
}

.ml--4 {
    margin-left: 3rem
}

.ml--5 {
    margin-left: 6rem
}

.ml--auto {
    margin-left: auto
}

@media screen and (min-width:480px) {
    .m-xs--1 {
        margin: .5rem
    }

    .m-xs--2 {
        margin: 1rem
    }

    .m-xs--3 {
        margin: 2rem
    }

    .m-xs--4 {
        margin: 3rem
    }

    .m-xs--5 {
        margin: 6rem
    }

    .m-xs--auto {
        margin: auto
    }

    .mb-xs--1 {
        margin-bottom: .5rem
    }

    .mb-xs--2 {
        margin-bottom: 1rem
    }

    .mb-xs--3 {
        margin-bottom: 2rem
    }

    .mb-xs--4 {
        margin-bottom: 3rem
    }

    .mb-xs--5 {
        margin-bottom: 6rem
    }

    .mb-xs--auto {
        margin-bottom: auto
    }

    .mt-xs--1 {
        margin-top: .5rem
    }

    .mt-xs--2 {
        margin-top: 1rem
    }

    .mt-xs--3 {
        margin-top: 2rem
    }

    .mt-xs--4 {
        margin-top: 3rem
    }

    .mt-xs--5 {
        margin-top: 6rem
    }

    .mt-xs--auto {
        margin-top: auto
    }

    .mr-xs--1 {
        margin-right: .5rem
    }

    .mr-xs--2 {
        margin-right: 1rem
    }

    .mr-xs--3 {
        margin-right: 2rem
    }

    .mr-xs--4 {
        margin-right: 3rem
    }

    .mr-xs--5 {
        margin-right: 6rem
    }

    .mr-xs--auto {
        margin-right: auto
    }

    .ml-xs--1 {
        margin-left: .5rem
    }

    .ml-xs--2 {
        margin-left: 1rem
    }

    .ml-xs--3 {
        margin-left: 2rem
    }

    .ml-xs--4 {
        margin-left: 3rem
    }

    .ml-xs--5 {
        margin-left: 6rem
    }

    .ml-xs--auto {
        margin-left: auto
    }
}

@media screen and (min-width:576px) {
    .m-sm--1 {
        margin: .5rem
    }

    .m-sm--2 {
        margin: 1rem
    }

    .m-sm--3 {
        margin: 2rem
    }

    .m-sm--4 {
        margin: 3rem
    }

    .m-sm--5 {
        margin: 6rem
    }

    .m-sm--auto {
        margin: auto
    }

    .mb-sm--1 {
        margin-bottom: .5rem
    }

    .mb-sm--2 {
        margin-bottom: 1rem
    }

    .mb-sm--3 {
        margin-bottom: 2rem
    }

    .mb-sm--4 {
        margin-bottom: 3rem
    }

    .mb-sm--5 {
        margin-bottom: 6rem
    }

    .mb-sm--auto {
        margin-bottom: auto
    }

    .mt-sm--1 {
        margin-top: .5rem
    }

    .mt-sm--2 {
        margin-top: 1rem
    }

    .mt-sm--3 {
        margin-top: 2rem
    }

    .mt-sm--4 {
        margin-top: 3rem
    }

    .mt-sm--5 {
        margin-top: 6rem
    }

    .mt-sm--auto {
        margin-top: auto
    }

    .mr-sm--1 {
        margin-right: .5rem
    }

    .mr-sm--2 {
        margin-right: 1rem
    }

    .mr-sm--3 {
        margin-right: 2rem
    }

    .mr-sm--4 {
        margin-right: 3rem
    }

    .mr-sm--5 {
        margin-right: 6rem
    }

    .mr-sm--auto {
        margin-right: auto
    }

    .ml-sm--1 {
        margin-left: .5rem
    }

    .ml-sm--2 {
        margin-left: 1rem
    }

    .ml-sm--3 {
        margin-left: 2rem
    }

    .ml-sm--4 {
        margin-left: 3rem
    }

    .ml-sm--5 {
        margin-left: 6rem
    }

    .ml-sm--auto {
        margin-left: auto
    }
}

@media screen and (min-width:768px) {
    .m-md--1 {
        margin: .5rem
    }

    .m-md--2 {
        margin: 1rem
    }

    .m-md--3 {
        margin: 2rem
    }

    .m-md--4 {
        margin: 3rem
    }

    .m-md--5 {
        margin: 6rem
    }

    .m-md--auto {
        margin: auto
    }

    .mb-md--1 {
        margin-bottom: .5rem
    }

    .mb-md--2 {
        margin-bottom: 1rem
    }

    .mb-md--3 {
        margin-bottom: 2rem
    }

    .mb-md--4 {
        margin-bottom: 3rem
    }

    .mb-md--5 {
        margin-bottom: 6rem
    }

    .mb-md--auto {
        margin-bottom: auto
    }

    .mt-md--1 {
        margin-top: .5rem
    }

    .mt-md--2 {
        margin-top: 1rem
    }

    .mt-md--3 {
        margin-top: 2rem
    }

    .mt-md--4 {
        margin-top: 3rem
    }

    .mt-md--5 {
        margin-top: 6rem
    }

    .mt-md--auto {
        margin-top: auto
    }

    .mr-md--1 {
        margin-right: .5rem
    }

    .mr-md--2 {
        margin-right: 1rem
    }

    .mr-md--3 {
        margin-right: 2rem
    }

    .mr-md--4 {
        margin-right: 3rem
    }

    .mr-md--5 {
        margin-right: 6rem
    }

    .mr-md--auto {
        margin-right: auto
    }

    .ml-md--1 {
        margin-left: .5rem
    }

    .ml-md--2 {
        margin-left: 1rem
    }

    .ml-md--3 {
        margin-left: 2rem
    }

    .ml-md--4 {
        margin-left: 3rem
    }

    .ml-md--5 {
        margin-left: 6rem
    }

    .ml-md--auto {
        margin-left: auto
    }
}

@media screen and (min-width:992px) {
    .m-lg--1 {
        margin: .5rem
    }

    .m-lg--2 {
        margin: 1rem
    }

    .m-lg--3 {
        margin: 2rem
    }

    .m-lg--4 {
        margin: 3rem
    }

    .m-lg--5 {
        margin: 6rem
    }

    .m-lg--auto {
        margin: auto
    }

    .mb-lg--1 {
        margin-bottom: .5rem
    }

    .mb-lg--2 {
        margin-bottom: 1rem
    }

    .mb-lg--3 {
        margin-bottom: 2rem
    }

    .mb-lg--4 {
        margin-bottom: 3rem
    }

    .mb-lg--5 {
        margin-bottom: 6rem
    }

    .mb-lg--auto {
        margin-bottom: auto
    }

    .mt-lg--1 {
        margin-top: .5rem
    }

    .mt-lg--2 {
        margin-top: 1rem
    }

    .mt-lg--3 {
        margin-top: 2rem
    }

    .mt-lg--4 {
        margin-top: 3rem
    }

    .mt-lg--5 {
        margin-top: 6rem
    }

    .mt-lg--auto {
        margin-top: auto
    }

    .mr-lg--1 {
        margin-right: .5rem
    }

    .mr-lg--2 {
        margin-right: 1rem
    }

    .mr-lg--3 {
        margin-right: 2rem
    }

    .mr-lg--4 {
        margin-right: 3rem
    }

    .mr-lg--5 {
        margin-right: 6rem
    }

    .mr-lg--auto {
        margin-right: auto
    }

    .ml-lg--1 {
        margin-left: .5rem
    }

    .ml-lg--2 {
        margin-left: 1rem
    }

    .ml-lg--3 {
        margin-left: 2rem
    }

    .ml-lg--4 {
        margin-left: 3rem
    }

    .ml-lg--5 {
        margin-left: 6rem
    }

    .ml-lg--auto {
        margin-left: auto
    }
}

@media screen and (min-width:1200px) {
    .m-xl--1 {
        margin: .5rem
    }

    .m-xl--2 {
        margin: 1rem
    }

    .m-xl--3 {
        margin: 2rem
    }

    .m-xl--4 {
        margin: 3rem
    }

    .m-xl--5 {
        margin: 6rem
    }

    .m-xl--auto {
        margin: auto
    }

    .mb-xl--1 {
        margin-bottom: .5rem
    }

    .mb-xl--2 {
        margin-bottom: 1rem
    }

    .mb-xl--3 {
        margin-bottom: 2rem
    }

    .mb-xl--4 {
        margin-bottom: 3rem
    }

    .mb-xl--5 {
        margin-bottom: 6rem
    }

    .mb-xl--auto {
        margin-bottom: auto
    }

    .mt-xl--1 {
        margin-top: .5rem
    }

    .mt-xl--2 {
        margin-top: 1rem
    }

    .mt-xl--3 {
        margin-top: 2rem
    }

    .mt-xl--4 {
        margin-top: 3rem
    }

    .mt-xl--5 {
        margin-top: 6rem
    }

    .mt-xl--auto {
        margin-top: auto
    }

    .mr-xl--1 {
        margin-right: .5rem
    }

    .mr-xl--2 {
        margin-right: 1rem
    }

    .mr-xl--3 {
        margin-right: 2rem
    }

    .mr-xl--4 {
        margin-right: 3rem
    }

    .mr-xl--5 {
        margin-right: 6rem
    }

    .mr-xl--auto {
        margin-right: auto
    }

    .ml-xl--1 {
        margin-left: .5rem
    }

    .ml-xl--2 {
        margin-left: 1rem
    }

    .ml-xl--3 {
        margin-left: 2rem
    }

    .ml-xl--4 {
        margin-left: 3rem
    }

    .ml-xl--5 {
        margin-left: 6rem
    }

    .ml-xl--auto {
        margin-left: auto
    }
}

@media screen and (min-width:1600px) {
    .m-xxl--1 {
        margin: .5rem
    }

    .m-xxl--2 {
        margin: 1rem
    }

    .m-xxl--3 {
        margin: 2rem
    }

    .m-xxl--4 {
        margin: 3rem
    }

    .m-xxl--5 {
        margin: 6rem
    }

    .m-xxl--auto {
        margin: auto
    }

    .mb-xxl--1 {
        margin-bottom: .5rem
    }

    .mb-xxl--2 {
        margin-bottom: 1rem
    }

    .mb-xxl--3 {
        margin-bottom: 2rem
    }

    .mb-xxl--4 {
        margin-bottom: 3rem
    }

    .mb-xxl--5 {
        margin-bottom: 6rem
    }

    .mb-xxl--auto {
        margin-bottom: auto
    }

    .mt-xxl--1 {
        margin-top: .5rem
    }

    .mt-xxl--2 {
        margin-top: 1rem
    }

    .mt-xxl--3 {
        margin-top: 2rem
    }

    .mt-xxl--4 {
        margin-top: 3rem
    }

    .mt-xxl--5 {
        margin-top: 6rem
    }

    .mt-xxl--auto {
        margin-top: auto
    }

    .mr-xxl--1 {
        margin-right: .5rem
    }

    .mr-xxl--2 {
        margin-right: 1rem
    }

    .mr-xxl--3 {
        margin-right: 2rem
    }

    .mr-xxl--4 {
        margin-right: 3rem
    }

    .mr-xxl--5 {
        margin-right: 6rem
    }

    .mr-xxl--auto {
        margin-right: auto
    }

    .ml-xxl--1 {
        margin-left: .5rem
    }

    .ml-xxl--2 {
        margin-left: 1rem
    }

    .ml-xxl--3 {
        margin-left: 2rem
    }

    .ml-xxl--4 {
        margin-left: 3rem
    }

    .ml-xxl--5 {
        margin-left: 6rem
    }

    .ml-xxl--auto {
        margin-left: auto
    }
}

.p--1 {
    padding: .5rem
}

.p--2 {
    padding: 1rem
}

.p--3 {
    padding: 2rem
}

.p--4 {
    padding: 3rem
}

.p--5 {
    padding: 6rem
}

.p--auto {
    padding: auto
}

.pb--1 {
    padding-bottom: .5rem
}

.pb--2 {
    padding-bottom: 1rem
}

.pb--3 {
    padding-bottom: 2rem
}

.pb--4 {
    padding-bottom: 3rem
}

.pb--5 {
    padding-bottom: 6rem
}

.pb--auto {
    padding-bottom: auto
}

.pt--1 {
    padding-top: .5rem
}

.pt--2 {
    padding-top: 1rem
}

.pt--3 {
    padding-top: 2rem
}

.pt--4 {
    padding-top: 3rem
}

.pt--5 {
    padding-top: 6rem
}

.pt--auto {
    padding-top: auto
}

.pr--1 {
    padding-right: .5rem
}

.pr--2 {
    padding-right: 1rem
}

.pr--3 {
    padding-right: 2rem
}

.pr--4 {
    padding-right: 3rem
}

.pr--5 {
    padding-right: 6rem
}

.pr--auto {
    padding-right: auto
}

.pl--1 {
    padding-left: .5rem
}

.pl--2 {
    padding-left: 1rem
}

.pl--3 {
    padding-left: 2rem
}

.pl--4 {
    padding-left: 3rem
}

.pl--5 {
    padding-left: 6rem
}

.pl--auto {
    padding-left: auto
}

@media screen and (min-width:480px) {
    .p-xs--1 {
        padding: .5rem
    }

    .p-xs--2 {
        padding: 1rem
    }

    .p-xs--3 {
        padding: 2rem
    }

    .p-xs--4 {
        padding: 3rem
    }

    .p-xs--5 {
        padding: 6rem
    }

    .p-xs--auto {
        padding: auto
    }

    .pb-xs--1 {
        padding-bottom: .5rem
    }

    .pb-xs--2 {
        padding-bottom: 1rem
    }

    .pb-xs--3 {
        padding-bottom: 2rem
    }

    .pb-xs--4 {
        padding-bottom: 3rem
    }

    .pb-xs--5 {
        padding-bottom: 6rem
    }

    .pb-xs--auto {
        padding-bottom: auto
    }

    .pt-xs--1 {
        padding-top: .5rem
    }

    .pt-xs--2 {
        padding-top: 1rem
    }

    .pt-xs--3 {
        padding-top: 2rem
    }

    .pt-xs--4 {
        padding-top: 3rem
    }

    .pt-xs--5 {
        padding-top: 6rem
    }

    .pt-xs--auto {
        padding-top: auto
    }

    .pr-xs--1 {
        padding-right: .5rem
    }

    .pr-xs--2 {
        padding-right: 1rem
    }

    .pr-xs--3 {
        padding-right: 2rem
    }

    .pr-xs--4 {
        padding-right: 3rem
    }

    .pr-xs--5 {
        padding-right: 6rem
    }

    .pr-xs--auto {
        padding-right: auto
    }

    .pl-xs--1 {
        padding-left: .5rem
    }

    .pl-xs--2 {
        padding-left: 1rem
    }

    .pl-xs--3 {
        padding-left: 2rem
    }

    .pl-xs--4 {
        padding-left: 3rem
    }

    .pl-xs--5 {
        padding-left: 6rem
    }

    .pl-xs--auto {
        padding-left: auto
    }
}

@media screen and (min-width:576px) {
    .p-sm--1 {
        padding: .5rem
    }

    .p-sm--2 {
        padding: 1rem
    }

    .p-sm--3 {
        padding: 2rem
    }

    .p-sm--4 {
        padding: 3rem
    }

    .p-sm--5 {
        padding: 6rem
    }

    .p-sm--auto {
        padding: auto
    }

    .pb-sm--1 {
        padding-bottom: .5rem
    }

    .pb-sm--2 {
        padding-bottom: 1rem
    }

    .pb-sm--3 {
        padding-bottom: 2rem
    }

    .pb-sm--4 {
        padding-bottom: 3rem
    }

    .pb-sm--5 {
        padding-bottom: 6rem
    }

    .pb-sm--auto {
        padding-bottom: auto
    }

    .pt-sm--1 {
        padding-top: .5rem
    }

    .pt-sm--2 {
        padding-top: 1rem
    }

    .pt-sm--3 {
        padding-top: 2rem
    }

    .pt-sm--4 {
        padding-top: 3rem
    }

    .pt-sm--5 {
        padding-top: 6rem
    }

    .pt-sm--auto {
        padding-top: auto
    }

    .pr-sm--1 {
        padding-right: .5rem
    }

    .pr-sm--2 {
        padding-right: 1rem
    }

    .pr-sm--3 {
        padding-right: 2rem
    }

    .pr-sm--4 {
        padding-right: 3rem
    }

    .pr-sm--5 {
        padding-right: 6rem
    }

    .pr-sm--auto {
        padding-right: auto
    }

    .pl-sm--1 {
        padding-left: .5rem
    }

    .pl-sm--2 {
        padding-left: 1rem
    }

    .pl-sm--3 {
        padding-left: 2rem
    }

    .pl-sm--4 {
        padding-left: 3rem
    }

    .pl-sm--5 {
        padding-left: 6rem
    }

    .pl-sm--auto {
        padding-left: auto
    }
}

@media screen and (min-width:768px) {
    .p-md--1 {
        padding: .5rem
    }

    .p-md--2 {
        padding: 1rem
    }

    .p-md--3 {
        padding: 2rem
    }

    .p-md--4 {
        padding: 3rem
    }

    .p-md--5 {
        padding: 6rem
    }

    .p-md--auto {
        padding: auto
    }

    .pb-md--1 {
        padding-bottom: .5rem
    }

    .pb-md--2 {
        padding-bottom: 1rem
    }

    .pb-md--3 {
        padding-bottom: 2rem
    }

    .pb-md--4 {
        padding-bottom: 3rem
    }

    .pb-md--5 {
        padding-bottom: 6rem
    }

    .pb-md--auto {
        padding-bottom: auto
    }

    .pt-md--1 {
        padding-top: .5rem
    }

    .pt-md--2 {
        padding-top: 1rem
    }

    .pt-md--3 {
        padding-top: 2rem
    }

    .pt-md--4 {
        padding-top: 3rem
    }

    .pt-md--5 {
        padding-top: 6rem
    }

    .pt-md--auto {
        padding-top: auto
    }

    .pr-md--1 {
        padding-right: .5rem
    }

    .pr-md--2 {
        padding-right: 1rem
    }

    .pr-md--3 {
        padding-right: 2rem
    }

    .pr-md--4 {
        padding-right: 3rem
    }

    .pr-md--5 {
        padding-right: 6rem
    }

    .pr-md--auto {
        padding-right: auto
    }

    .pl-md--1 {
        padding-left: .5rem
    }

    .pl-md--2 {
        padding-left: 1rem
    }

    .pl-md--3 {
        padding-left: 2rem
    }

    .pl-md--4 {
        padding-left: 3rem
    }

    .pl-md--5 {
        padding-left: 6rem
    }

    .pl-md--auto {
        padding-left: auto
    }
}

@media screen and (min-width:992px) {
    .p-lg--1 {
        padding: .5rem
    }

    .p-lg--2 {
        padding: 1rem
    }

    .p-lg--3 {
        padding: 2rem
    }

    .p-lg--4 {
        padding: 3rem
    }

    .p-lg--5 {
        padding: 6rem
    }

    .p-lg--auto {
        padding: auto
    }

    .pb-lg--1 {
        padding-bottom: .5rem
    }

    .pb-lg--2 {
        padding-bottom: 1rem
    }

    .pb-lg--3 {
        padding-bottom: 2rem
    }

    .pb-lg--4 {
        padding-bottom: 3rem
    }

    .pb-lg--5 {
        padding-bottom: 6rem
    }

    .pb-lg--auto {
        padding-bottom: auto
    }

    .pt-lg--1 {
        padding-top: .5rem
    }

    .pt-lg--2 {
        padding-top: 1rem
    }

    .pt-lg--3 {
        padding-top: 2rem
    }

    .pt-lg--4 {
        padding-top: 3rem
    }

    .pt-lg--5 {
        padding-top: 6rem
    }

    .pt-lg--auto {
        padding-top: auto
    }

    .pr-lg--1 {
        padding-right: .5rem
    }

    .pr-lg--2 {
        padding-right: 1rem
    }

    .pr-lg--3 {
        padding-right: 2rem
    }

    .pr-lg--4 {
        padding-right: 3rem
    }

    .pr-lg--5 {
        padding-right: 6rem
    }

    .pr-lg--auto {
        padding-right: auto
    }

    .pl-lg--1 {
        padding-left: .5rem
    }

    .pl-lg--2 {
        padding-left: 1rem
    }

    .pl-lg--3 {
        padding-left: 2rem
    }

    .pl-lg--4 {
        padding-left: 3rem
    }

    .pl-lg--5 {
        padding-left: 6rem
    }

    .pl-lg--auto {
        padding-left: auto
    }
}

@media screen and (min-width:1200px) {
    .p-xl--1 {
        padding: .5rem
    }

    .p-xl--2 {
        padding: 1rem
    }

    .p-xl--3 {
        padding: 2rem
    }

    .p-xl--4 {
        padding: 3rem
    }

    .p-xl--5 {
        padding: 6rem
    }

    .p-xl--auto {
        padding: auto
    }

    .pb-xl--1 {
        padding-bottom: .5rem
    }

    .pb-xl--2 {
        padding-bottom: 1rem
    }

    .pb-xl--3 {
        padding-bottom: 2rem
    }

    .pb-xl--4 {
        padding-bottom: 3rem
    }

    .pb-xl--5 {
        padding-bottom: 6rem
    }

    .pb-xl--auto {
        padding-bottom: auto
    }

    .pt-xl--1 {
        padding-top: .5rem
    }

    .pt-xl--2 {
        padding-top: 1rem
    }

    .pt-xl--3 {
        padding-top: 2rem
    }

    .pt-xl--4 {
        padding-top: 3rem
    }

    .pt-xl--5 {
        padding-top: 6rem
    }

    .pt-xl--auto {
        padding-top: auto
    }

    .pr-xl--1 {
        padding-right: .5rem
    }

    .pr-xl--2 {
        padding-right: 1rem
    }

    .pr-xl--3 {
        padding-right: 2rem
    }

    .pr-xl--4 {
        padding-right: 3rem
    }

    .pr-xl--5 {
        padding-right: 6rem
    }

    .pr-xl--auto {
        padding-right: auto
    }

    .pl-xl--1 {
        padding-left: .5rem
    }

    .pl-xl--2 {
        padding-left: 1rem
    }

    .pl-xl--3 {
        padding-left: 2rem
    }

    .pl-xl--4 {
        padding-left: 3rem
    }

    .pl-xl--5 {
        padding-left: 6rem
    }

    .pl-xl--auto {
        padding-left: auto
    }
}

@media screen and (min-width:1600px) {
    .p-xxl--1 {
        padding: .5rem
    }

    .p-xxl--2 {
        padding: 1rem
    }

    .p-xxl--3 {
        padding: 2rem
    }

    .p-xxl--4 {
        padding: 3rem
    }

    .p-xxl--5 {
        padding: 6rem
    }

    .p-xxl--auto {
        padding: auto
    }

    .pb-xxl--1 {
        padding-bottom: .5rem
    }

    .pb-xxl--2 {
        padding-bottom: 1rem
    }

    .pb-xxl--3 {
        padding-bottom: 2rem
    }

    .pb-xxl--4 {
        padding-bottom: 3rem
    }

    .pb-xxl--5 {
        padding-bottom: 6rem
    }

    .pb-xxl--auto {
        padding-bottom: auto
    }

    .pt-xxl--1 {
        padding-top: .5rem
    }

    .pt-xxl--2 {
        padding-top: 1rem
    }

    .pt-xxl--3 {
        padding-top: 2rem
    }

    .pt-xxl--4 {
        padding-top: 3rem
    }

    .pt-xxl--5 {
        padding-top: 6rem
    }

    .pt-xxl--auto {
        padding-top: auto
    }

    .pr-xxl--1 {
        padding-right: .5rem
    }

    .pr-xxl--2 {
        padding-right: 1rem
    }

    .pr-xxl--3 {
        padding-right: 2rem
    }

    .pr-xxl--4 {
        padding-right: 3rem
    }

    .pr-xxl--5 {
        padding-right: 6rem
    }

    .pr-xxl--auto {
        padding-right: auto
    }

    .pl-xxl--1 {
        padding-left: .5rem
    }

    .pl-xxl--2 {
        padding-left: 1rem
    }

    .pl-xxl--3 {
        padding-left: 2rem
    }

    .pl-xxl--4 {
        padding-left: 3rem
    }

    .pl-xxl--5 {
        padding-left: 6rem
    }

    .pl-xxl--auto {
        padding-left: auto
    }
}

.carousel--right {
    display: block;
    margin-bottom: -10px
}

.carousel--right .content-grid__column {
    display: block
}

.carousel--right .content-grid__column:first-child {
    position: relative;
    background: linear-gradient(-8deg, #d1d3d4, #fff)
}

.carousel--right .content-grid__column:first-child:before {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 85px;
    height: 85px;
    background-image: url(/static/images/stamp-number-one.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    background-position-x: right;
    background-position-y: top
}

.carousel--right .content-grid__column:first-child .rte-wrapper {
    position: relative
}

.carousel--right .content-grid__column:first-child p {
    line-height: 1.2rem;
    width: 70%;
    margin: 14px auto
}

.carousel--right .content-grid__column:nth-child(2) {
    align-items: center;
    background-image: url(/static/images/background-home-condoms.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: center
}

.carousel--right .content-grid__column:nth-child(2) img {
    max-width: 45%
}

.carousel--right .slider {
    margin: auto
}

.carousel--right .slider-list {
    margin-bottom: 50px !important;
    height: auto !important;
    min-height: 300px
}

.carousel--right .slider-frame {
    width: 97%;
    margin: auto !important
}

.carousel--right .slider-slide {
    height: auto !important;
    padding-bottom: 40px
}

.carousel--left {
    display: block;
    margin-bottom: -10px
}

.carousel--left .content-grid__column {
    display: block
}

.carousel--left .content-grid__column:first-child {
    color: #fff;
    padding: 20px 0;
    background-color: #4b515c
}

.carousel--left .content-grid__column:nth-child(2) {
    align-items: center;
    background-image: url(/static/images/background-home-lubricants.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: center
}

.carousel--left .content-grid__column:nth-child(2) img {
    max-width: 45%
}

.carousel--left .content-grid__column:nth-child(2) .slider-list {
    padding-top: 6%
}

.carousel--left .content-grid__column:nth-child(2) .slider-slide {
    padding-bottom: 40px
}

.carousel--left .slider {
    margin: auto
}

.carousel--left .slider-list {
    margin-bottom: 20px !important;
    min-height: 310px
}

.carousel--left .slider-frame {
    width: 97%;
    margin: auto !important
}

.carousel--center {
    display: block
}

.carousel--center .content-grid__column {
    display: block;
    padding: 0;
    background-image: url(/static/images/background-home-slide.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: right;
    background-position-y: center
}

.carousel--center .content-grid__column .rte-wrapper {
    padding: 20px
}

.carousel--center .content-grid__column h2 {
    text-transform: uppercase;
    margin: 0
}

.carousel--center .content-grid__column .carousel {
    width: 90%;
    margin: 0 auto 6vw;
    padding: 10px;
    background-color: #d9d9d9;
    border-radius: 100px
}

.carousel--center .content-grid__column .carousel-item__content {
    color: #000;
    display: flex;
    flex-direction: column;
    height: 100%
}

.carousel--center .content-grid__column .carousel-item__content-wrapper {
    align-items: center;
    justify-content: flex-start;
    width: 70%;
    margin: auto
}

.carousel--center .content-grid__column .carousel-item__content-image {
    position: relative
}

.carousel--center .content-grid__column .carousel-item__content-image img {
    position: relative;
    width: 100%;
    max-width: 110px
}

.carousel--center .content-grid__column .carousel-item__content-image :before {
    background: radial-gradient(#000 -300%, transparent 70%)
}

.carousel--center .content-grid__column>.button-link {
    font-size: 1.1rem;
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    background-color: #d1d3d4;
    border: 0 !important;
    border-radius: 0
}

.carousel--center .content-grid__column>.button-link:hover {
    background-color: #bbb
}

.carousel--center .slider {
    margin: auto
}

.carousel--center .slider-list {
    margin-bottom: 20px !important;
    height: auto !important;
    min-height: 280px
}

.carousel--center .slider-frame {
    width: 97%;
    margin: auto !important
}

.carousel .slider-control-centerright {
    right: 5% !important;
    width: 18px;
    height: 27px;
    background-image: url(/static/images/map-icon.png);
    background-size: 250px;
    background-position-x: 20px
}

.carousel .slider-control-centerright button {
    font-size: 2rem;
    font-weight: 700;
    color: #4b515c;
    width: 100%;
    height: 100%;
    background-color: transparent
}

.carousel .slider-control-centerleft {
    left: 5% !important;
    width: 18px;
    height: 27px;
    background-image: url(/static/images/map-icon.png);
    background-size: 250px;
    background-position-x: 36px
}

.carousel .slider-control-centerleft button {
    font-size: 2rem;
    font-weight: 700;
    color: #4b515c;
    width: 100%;
    height: 100%;
    background-color: transparent
}

.carousel .slider-control-bottomcenter {
    display: none
}

.carousel .slider-control-bottomcenter .paging-item {
    zoom: 2
}

.carousel .slider-control-bottomcenter .paging-item.active .paging-dot {
    zoom: 1.5
}

.carousel-item__btn {
    color: #fff;
    display: inline-block;
    align-self: center;
    max-width: 200px;
    margin: 10px 0;
    padding: 2px 20px;
    background-color: #fff;
    border: 2px solid transparent;
    border-radius: 20px;
    justify-self: center
}

.carousel-item__btn span {
    font-size: .8rem;
    font-weight: 700;
    line-height: 1.1;
    color: #4b515c;
    text-transform: uppercase;
    display: inline-block
}

.carousel-item__btn:hover {
    background-color: #4b515c;
    border: 2px solid #fff
}

.carousel-item__btn:hover span {
    color: #fff
}

.carousel-item__content-header,
.carousel-item__description {
    display: none
}

.carousel-item__content-wrapper {
    text-align: center;
    display: flex;
    flex-direction: column
}

.carousel-item__content-image {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 40px 20px 10px
}

.carousel-item__content-image img {
    position: relative
}

.carousel-item__content-image :before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 60%;
    height: 90%;
    background: radial-gradient(#000 -200%, transparent 70%);
    content: "";
    transform: translate(-50%, -50%)
}

@media screen and (min-width:480px) {
    .carousel--right .slider-list {
        min-height: 280px;
        width: auto !important;
        height: auto !important
    }

    .carousel--right .slider-slide {
        padding-bottom: 40px;
        width: 30% !important;
        position: relative !important;
        height: auto !important;
        left: 0 !important
    }

    .carousel--left .slider-list {
        min-height: 280px;
        width: auto !important;
        height: auto !important
    }

    .carousel--left .slider-slide {
        padding-bottom: 40px;
        width: 30% !important;
        position: relative !important;
        height: auto !important;
        left: 0 !important
    }

    .carousel--center .content-grid__column .carousel {
        margin: 0 auto 10vw;
        padding: 30px;
        border-radius: 180px
    }

    .carousel--center .slider-list {
        min-height: 280px;
        width: auto !important;
        height: auto !important
    }

    .carousel--center .slider-slide {
        padding-bottom: 40px;
        width: 30% !important;
        position: relative !important;
        height: auto !important;
        left: 0 !important
    }

    .carousel-item__btn {
        max-width: none
    }
}

@media screen and (min-width:576px) {
    .carousel--right {
        display: flex;
        margin-bottom: 0
    }

    .carousel--right .content-grid__column {
        display: inline-block;
        width: 50%;
        max-width: 50%
    }

    .carousel--right .content-grid__column .carousel-item__content-image {
        padding: 40px 0 10px
    }

    .carousel--right .content-grid__column:first-child:before {
        top: 1%;
        right: 1%;
        width: 50px;
        height: 50px
    }

    .carousel--right .content-grid__column:nth-child(2) img {
        max-width: 100%
    }

    .carousel--right .slider-list {
        margin-bottom: 0 !important
    }

    .carousel--right .slider-control-centerleft,
    .carousel--right .slider-control-centerright {
        display: none
    }

    .carousel--right .slider-list {
        min-height: 290px
    }

    .carousel--right .slider-slide {
        padding-bottom: 40px
    }

    .carousel--left {
        display: flex
    }

    .carousel--left .content-grid__column {
        display: inline-block;
        width: 50%;
        max-width: 50%
    }

    .carousel--left .content-grid__column .carousel-item__content-image {
        padding: 40px 0 10px
    }

    .carousel--left .content-grid__column:first-child {
        order: 2
    }

    .carousel--left .content-grid__column:first-child .rte-wrapper {
        margin-top: 10%
    }

    .carousel--left .content-grid__column:nth-child(2) {
        order: 1
    }

    .carousel--left .content-grid__column:nth-child(2) img {
        max-width: 100%
    }

    .carousel--left .content-grid__column:nth-child(2) .slider-list {
        padding-top: 0
    }

    .carousel--left .slider-list {
        margin-bottom: 0 !important
    }

    .carousel--left .slider-control-centerleft,
    .carousel--left .slider-control-centerright {
        display: none
    }

    .carousel--left .slider-list {
        min-height: 290px
    }

    .carousel--left .slider-slide {
        padding-bottom: 40px
    }

    .carousel--center .content-grid__column .carousel-item__content-header {
        font-family: Brandon Grotesque Regular, Arial, Helvetica, sans-serif;
        font-size: .8rem;
        text-transform: uppercase;
        display: block;
        min-height: 65px;
        margin: 5px 2px
    }

    .carousel--center .content-grid__column .carousel-item__content-image {
        padding: 40px 0 10px
    }

    .carousel--center .content-grid__column .carousel-item__content-image img {
        max-width: 100%
    }

    .carousel--center .content-grid__column .rte-wrapper {
        padding: 30px 20px 20px
    }

    .carousel--center .slider-list {
        margin-bottom: 0 !important
    }

    .carousel--center .slider-control-centerleft,
    .carousel--center .slider-control-centerright {
        display: none
    }

    .carousel--center .slider-list {
        min-height: 280px
    }
}

@media screen and (min-width:768px) {
    .carousel--right .content-grid__column:first-child p {
        margin: 20px auto 40px
    }

    .carousel--right .content-grid__column:first-child:before {
        top: 24%;
        right: 0;
        width: 85px;
        height: 85px
    }

    .carousel--right .content-grid__column:first-child .slider-list {
        min-height: 0
    }

    .carousel--left .content-grid__column:first-child {
        padding: 0
    }

    .carousel--left .content-grid__column:first-child .rte-wrapper {
        margin-top: 0
    }

    .carousel--left .content-grid__column:first-child .slider-list {
        min-height: 0
    }

    .carousel--center .content-grid__column .carousel {
        margin: 0 auto 4vw;
        padding: 0 25px
    }

    .carousel--center .content-grid__column .carousel-item__content-header {
        font-size: .9rem
    }

    .carousel--center .content-grid__column .carousel-item__content-image img {
        max-width: 100px
    }

    .carousel--center .content-grid__column .carousel-item__content-wrapper {
        width: 100%
    }

    .carousel--center .content-grid__column .slider-list {
        min-height: 280px
    }

    .carousel--center .content-grid__column .slider-slide {
        padding-bottom: 40px
    }

    .carousel-item__btn span {
        font-size: .8rem
    }
}

@media screen and (min-width:992px) {
    .carousel--right .content-grid__column:first-child:before {
        top: 22%;
        right: 1%;
        width: 130px;
        height: 130px
    }

    .carousel--right .content-grid__column:first-child p {
        width: 45%
    }

    .carousel--left .content-grid__column:first-child .rte-wrapper {
        margin-top: 10%
    }
}

@media screen and (min-width:1200px) {
    .carousel--right .content-grid__column:first-child:before {
        top: 6%;
        right: 1%;
        width: 150px;
        height: 150px
    }

    .carousel--right .content-grid__column:first-child p {
        width: 48%
    }

    .carousel--right .content-grid__column:first-child .rte-wrapper {
        margin-top: 4%
    }

    .carousel--center .content-grid__column .carousel-item__content-wrapper {
        width: 75%
    }

    .carousel--center .content-grid__column .carousel-item__content-header {
        font-size: 1rem;
        min-height: 45px
    }

    .carousel--center .content-grid__column .carousel-item__content-image img {
        max-width: 145px
    }
}

@media screen and (min-width:1600px) {
    .carousel--right .content-grid__column:first-child:before {
        top: 16%;
        right: 4%;
        width: 170px;
        height: 170px
    }

    .carousel--right .content-grid__column:first-child p {
        width: 35%
    }

    .carousel--center .content-grid__column .carousel {
        margin: 0 auto 3vw;
        border-radius: 500px
    }

    .carousel--center .content-grid__column .carousel-item__content-image img {
        max-width: 220px
    }
}

.carousel-article {
    background-image: url(/static/images/background-campaigns-slide.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.carousel-article.carousel-buttom--xs .carousel-item__btn {
    display: inline-block;
    margin: auto
}

.carousel-article .carousel-item {
    width: 100%;
    max-width: 100%
}

.carousel-article .carousel-item__image {
    max-width: 100%
}

.carousel-article .carousel-item__content {
    padding: 0 20px
}

.carousel-article .carousel-item__content-header {
    font-size: 2rem;
    display: block
}

.carousel-article .carousel-item__description {
    display: block
}

.carousel-article .carousel-item__btn {
    display: none
}

.carousel-article .carousel__prev-slide-btn {
    background-image: url(/static/images/map-icon.png);
    background-size: 250px;
    filter: contrast(0) brightness(0);
    background-position-x: 36px
}

.carousel-article .carousel__next-slide-btn {
    background-image: url(/static/images/map-icon.png);
    background-size: 250px;
    filter: contrast(0) brightness(0);
    background-position-x: 20px
}

.carousel-article .slider-frame {
    width: 90%;
    margin: auto !important
}

@media screen and (min-width:576px) {
    .carousel-article.carousel-buttom--xs .carousel-item__btn {
        display: none
    }
}

.carousel-blog {
    color: #fff;
    background-color: #4b515c
}

.carousel-blog h2 {
    margin: 10px 0;
    text-transform: uppercase
}

.carousel-blog .carousel {
    padding: 10px
}

.carousel-blog .carousel .slider-control-centerright {
    right: 0 !important
}

.carousel-blog .carousel .slider-control-centerleft {
    left: 0 !important
}

.carousel-blog .carouse-select-steps {
    display: none
}

.carousel-blog .carousel-item {
    width: 85%
}

.carousel-blog .carousel-item__content {
    text-align: center;
    display: block
}

.carousel-blog .carousel-item__content h2 {
    display: flex;
    font-size: 1.1rem;
    text-align: center;
    margin-bottom: 2.5%;
    text-transform: uppercase;
    justify-content: center;
    align-items: center
}

.carousel-blog .carousel-item__content-image {
    padding: 0
}

.carousel-blog .carousel-item__content-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 0
}

.carousel-blog .carousel-item__content-wrapper:after {
    color: #fff;
    padding: 4px 10px;
    background-color: #4b515c;
    border: 2px solid #fff
}

.carousel-blog .carousel-item__description {
    text-align: justify;
    font-size: .9rem;
    display: block
}

.carousel-blog .carousel-item__btn {
    background-color: #4b515c;
    border: 2px solid #fff;
    padding: 5px 30px;
    margin: 0
}

.carousel-blog .carousel-item__btn span {
    color: #fff;
    font-weight: 700
}

.carousel-blog .carousel-item__btn:hover {
    background-color: #fff
}

.carousel-blog .carousel-item__btn:hover span {
    color: #4b515c
}

.carousel-blog .button-link {
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #fff !important
}

.carousel-blog .button-link:hover {
    background-color: #fff;
    color: #3a3b3e;
    border: 2px solid #fff !important
}

.carousel-blog .button-link:last-of-type {
    margin: 0;
    width: 100%;
    padding: 10px 0;
    color: #fff;
    border-radius: 0;
    font-size: 1.1rem;
    text-transform: uppercase;
    background-color: #393e48;
    border: none !important
}

.carousel-blog .button-link:last-of-type:hover {
    background-color: #1c1f27;
    border: none !important
}

@media screen and (min-width:480px) {
    .carousel-blog .carousel-item__content {
        flex-basis: 50%;
        padding-left: 5%
    }

    .carousel-blog .carousel-item__content-image {
        flex-basis: 50%
    }

    .carousel-blog .carousel-item__btn {
        position: absolute;
        left: 37%;
        bottom: -25%
    }

    .carousel-blog .slider-slide {
        padding-bottom: 15px
    }
}

@media screen and (min-width:576px) {
    .carousel-blog .carousel-item__content-image {
        flex-basis: 100%
    }

    .carousel-blog .carousel-item__content-wrapper {
        flex-direction: column
    }

    .carousel-blog .carousel-item__content {
        text-align: center;
        flex-basis: 100%;
        padding-left: 0
    }

    .carousel-blog .carousel-item__content h2 {
        text-align: center;
        min-height: 66px
    }

    .carousel-blog .carousel-item__description {
        min-height: 90px
    }

    .carousel-blog .carousel-item__btn {
        position: static
    }
}

@media screen and (min-width:768px) {
    .carousel-blog .carousel-item__content h2 {
        min-height: 50px
    }

    .carousel-blog .carousel-item__content-image img {
        max-width: 100%
    }

    .carousel-blog .carousel-item__description {
        min-height: 110px
    }

    .carousel-blog .carousel-item__btn {
        margin-bottom: 20px
    }
}

@media screen and (min-width:992px) {
    .carousel-blog .carousel-item__content h2 {
        min-height: 50px
    }

    .carousel-blog .carousel-item__description {
        min-height: 90px
    }
}

@media screen and (min-width:1200px) {
    .carousel-blog .carousel-item__description {
        min-height: 80px
    }
}

@media screen and (min-width:1600px) {
    .carousel-blog .carousel-item__content h2 {
        min-height: 60px
    }

    .carousel-blog .carousel-item__description {
        min-height: 90px
    }
}

.carousel-campaigns h2 {
    margin: 10px 0
}

.carousel-campaigns .carousel .slider-control-centerleft {
    background-image: url(/static/images/map-icon.png);
    background-size: 250px;
    filter: contrast(0);
    background-position-x: 36px
}

.carousel-campaigns .carousel .slider-control-centerright {
    background-image: url(/static/images/map-icon.png);
    background-size: 250px;
    filter: contrast(0);
    background-position-x: 20px
}

.carousel-campaigns .carousel .carouse-select-steps {
    display: none
}

.carousel-campaigns .carousel-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.carousel-campaigns .carousel-navigation__item {
    margin: 0 5px
}

.carousel-campaigns .carousel-navigation__item:before {
    display: block;
    width: 7px;
    height: 7px;
    background-color: #000;
    border-radius: 100%;
    content: ""
}

.carousel-campaigns .carousel-navigation__item--active:before {
    width: 10px;
    height: 10px
}

.carousel-campaigns .carousel-navigation__step-label {
    display: none
}

.carousel-campaigns .carousel .slider-control-bottomcenter {
    position: relative !important;
    display: block
}

.carousel-campaigns .carousel .slider-control-bottomcenter ul {
    display: inline-flex !important
}

.carousel-campaigns .carousel .slider-control-centerleft,
.carousel-campaigns .carousel .slider-control-centerright {
    width: 18px;
    height: 31px;
    transform: translateY(-300%) !important
}

.carousel-campaigns .carousel-item__description {
    display: block
}

.carousel-campaigns .carousel-item__description p {
    margin: 0 0 20px
}

.carousel-campaigns .carousel-item__content {
    display: block
}

.carousel-campaigns .carousel-item__content h2 {
    font-size: 1.8rem;
    display: block;
    margin: 10px 0 0
}

.carousel-campaigns .carousel-item__content-wrapper {
    width: 100%;
    margin: auto
}

.carousel-campaigns .carousel-item__content-wrapper:after {
    display: none
}

@media screen and (min-width:768px) {
    .carousel-item {
        max-width: 82%
    }
}

.carousel-comments {
    color: #fff;
    position: relative;
    background: linear-gradient(46deg, #393e48 35%, #1c1f27 65%)
}

.carousel-comments:before {
    position: absolute;
    top: 2%;
    right: 1%;
    display: block;
    width: 70px;
    height: 70px;
    background-image: url(/static/images/stamp-number-one.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: ""
}

.carousel-comments .carousel {
    position: relative
}

.carousel-comments .carousel .carouse-select-steps {
    display: none
}

.carousel-comments .carousel .slider-control-bottomcenter {
    display: block
}

.carousel-comments .carousel-item {
    width: 75%
}

.carousel-comments .carousel-item__btn,
.carousel-comments .carousel-item__content h2,
.carousel-comments .carousel-item__description {
    display: block
}

.carousel-comments .carousel-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.carousel-comments .carousel-navigation__item {
    margin: 0 5px
}

.carousel-comments .carousel-navigation__item:before {
    display: block;
    width: 7px;
    height: 7px;
    background-color: #fff;
    border-radius: 100%;
    content: ""
}

.carousel-comments .carousel-navigation__item--active:before {
    width: 10px;
    height: 10px
}

.carousel-comments .carousel-navigation__step-label {
    display: none
}

@media screen and (min-width:576px) {
    .carousel-comments:before {
        top: 1%;
        right: 10%
    }

    .carousel-comments .carousel-item {
        width: 55%
    }
}

@media screen and (min-width:768px) {
    .carousel-comments:before {
        top: 2%;
        width: 150px;
        height: 150px
    }
}

@media screen and (min-width:992px) {
    .carousel-comments:before {
        right: 16%
    }
}

@media screen and (min-width:1200px) {
    .carousel-comments:before {
        right: 20%
    }
}

@media screen and (min-width:1600px) {
    .carousel-comments:before {
        right: 25%
    }
}

.carousel-header .carouse-select-steps,
.carousel-header .slider-control-centerleft,
.carousel-header .slider-control-centerright {
    display: none
}

.carousel-header .slider-list {
    min-height: 200px
}

.carousel-header .slider-slide {
    height: auto !important
}

.carousel-header .carousel-item {
    width: 100%;
    max-width: 100%
}

.carousel-header .carousel-item__content {
    display: none
}

.carousel-header .carousel-item__content-image {
    width: 100%;
    padding: 0
}

.carousel-header .carousel-item__content-image .link {
    width: 100%
}

.carousel-header .slider-control-bottomcenter {
    display: block
}

.carousel-header .slider-control-bottomcenter ul {
    top: -20px !important;
    align-items: center
}

.carousel-header .slider-control-bottomcenter .paging-item {
    zoom: 1.5
}

.carousel-header .slider-control-bottomcenter .paging-item button {
    display: flex;
    padding: 0 5px;
    fill: #4b515c !important
}

.country-selector,
.search-box {
    display: none
}

@media screen and (min-width:768px) {
    .search-box {
        display: block;
        align-self: end;
        justify-self: end;
        margin-top: 40px;
        padding-top: 10px
    }

    .search-box__form {
        display: flex
    }

    .search-box__field {
        background-color: transparent;
        border-radius: 50px;
        border: 1px solid #bbb;
        padding: 0 15px;
        font-size: .8rem;
        min-width: 160px
    }

    .search-box__field::placeholder {
        font-size: .8rem;
        text-transform: uppercase
    }

    .search-box__btn {
        background-image: url(/static/images/map-icon.png);
        margin-left: 5px;
        width: 25px;
        height: 35px;
        filter: contrast(2);
        border: none;
        cursor: pointer;
        background-position: -118px 0;
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: cover
    }
}

@media screen and (min-width:992px) {
    .search-box {
        align-self: center;
        margin-bottom: -6px;
        padding-top: 0
    }
}

@media screen and (min-width:1200px) {
    .search-box {
        margin-top: -8px
    }

    .search-box__btn {
        background-position: -118px 4px
    }
}

@media screen and (min-width:1600px) {
    .search-box {
        margin-top: -26px
    }
}

.breadcrumbs__item {
    display: inline-block;
    margin: 0 2px;
    text-transform: uppercase;
    font-size: .8rem
}

.breadcrumbs__item:after {
    content: ">";
    margin-left: 5px;
    font-size: 1rem
}

.breadcrumbs__item:last-child:after {
    content: " "
}

a.button-link {
    font-family: Brandon Grotesque Bold;
    text-transform: uppercase;
    min-width: 130px;
    margin: 5px;
    padding: 5px 10px;
    background: transparent;
    border: 1px solid #4b515c !important;
    border-radius: 1rem;
    transition: all .5s ease
}

a.button-link:hover {
    color: #fff;
    background: #bbb;
    border: 1px solid #bbb !important
}

.btn-gray a.button-link {
    font-family: Brandon Grotesque Bold;
    color: #fff;
    min-width: 130px;
    margin: 5px;
    padding: 5px 10px;
    background: transparent;
    border: 1px solid #fff !important;
    border-radius: 1rem;
    transition: all .5s ease
}

.btn-gray a.button-link:hover,
.btn-white a.button-link {
    color: #4b515c;
    background: #fff;
    border: 1px solid #fff !important
}

.btn-white a.button-link {
    font-family: Brandon Grotesque Bold;
    min-width: 130px;
    margin: 5px;
    padding: 5px 10px;
    border-radius: 1rem;
    transition: all .5s ease
}

.btn-white a.button-link:active,
.btn-white a.button-link:hover {
    color: #fff;
    background: #4b515c;
    border: 1px solid #fff !important
}

.btn-trout .carousel-item__btn:active,
.btn-trout .carousel-item__btn:hover {
    border: 2px solid #4b515c
}

@media screen and (min-width:768px) {

    .btn-gray a.button-link,
    a.button-link {
        min-width: 145px
    }
}

.main-header {
    position: relative;
    background: linear-gradient(-55deg, #d1d3d4, #fff);
    width: 100%;
    margin-top: -30px;
    padding: 15px 0;
    z-index: 10;
    min-height: 135px
}

.main-header__logo {
    display: block;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    z-index: 2020;
    top: 40%;
    left: 38%
}

.main-header__logo a {
    margin: auto
}

.main-header__logo img {
    max-width: 100px
}

.main-header .main-nav,
.main-header .wrapper--main-header__top-items {
    display: none
}

.main-header__toggle {
    float: left
}

.main-header__bottom {
    display: block
}

.main-header .mobile-nav__header-links-container {
    position: absolute;
    text-align: center
}

.main-header .mobile-nav__header-links-container .header-links {
    padding: 0;
    margin: 0;
    text-align: center
}

.main-header .mobile-nav__header-links-container .header-links__link-container {
    width: 5vw;
    margin: 0 2px;
    min-width: 15px
}

.main-header .mobile-nav .navigation-list {
    display: flex;
    flex-direction: column
}

.main-header .mobile-nav__link-container {
    display: none
}

.main-header .mobile-nav__link-container:nth-of-type(2) {
    order: 1
}

.main-header .mobile-nav__link-container:nth-of-type(3) {
    order: 2
}

.main-header .mobile-nav__link-container:nth-of-type(4) {
    order: 5
}

.main-header .mobile-nav__link-container:nth-of-type(5) {
    order: 3
}

.main-header .mobile-nav__link-container:nth-of-type(6) {
    order: 6
}

.main-header .mobile-nav__link-container:nth-of-type(7) {
    order: 4
}

.main-header .mobile-nav__link-container:nth-of-type(8) {
    order: 7
}

.main-header .mobile-nav__link-container:nth-of-type(9) {
    order: 8
}

.main-header .mobile-nav__panel .header-links {
    margin-top: 10px;
    margin-right: -95vw
}

.main-header .mobile-nav+button.mobile-nav__close-button {
    float: left;
    padding: 0;
    margin-left: 5%;
    width: 23px;
    height: 32px;
    background-color: transparent;
    background-image: url(/static/images/map-icon.png);
    background-size: 300px;
    border-color: transparent;
    background-position-x: 156px;
    background-position-y: 32px;
    position: relative;
    z-index: 10
}

.main-header .mobile-nav--open {
    background-color: #4b515c;
    position: absolute;
    width: 100%;
    margin-top: -20px;
    padding: 60px 20px 20px
}

.main-header .mobile-nav--open .sublist--hidden {
    display: none
}

.main-header .mobile-nav--open .sublist--visible {
    display: block
}

.main-header .mobile-nav--open .mobile-nav__link-container {
    width: 100%;
    display: block;
    margin: 5px auto
}

.main-header .mobile-nav--open .mobile-nav__link-container .header-links__link-title {
    display: block;
    color: #fff
}

.main-header .mobile-nav--open .mobile-nav__link-container button {
    color: #fff;
    font-family: Brandon Grotesque Medium;
    margin-left: -5px
}

.main-header .mobile-nav--open .mobile-nav__header-links-container {
    display: none
}

.main-header .mobile-nav--open .mobile-nav__second-lvl-nav-elements {
    padding-left: 15px
}

.main-header .mobile-nav--open .mobile-nav__second-lvl-nav-elements a {
    color: #bbb
}

.main-header .mobile-nav--open .mobile-nav__second-lvl-link {
    display: block;
    width: 100%;
    color: #fff;
    text-align: left;
    padding: 10px 0;
    border-bottom: 1px solid #1c1f27
}

.main-header .mobile-nav--open .mobile-nav__second-lvl-link+.link--child-active,
.main-header .mobile-nav--open .mobile-nav__second-lvl-link-container--back-button {
    display: none
}

.main-header .mobile-nav--open+button.mobile-nav__close-button {
    background-position-x: 130px
}

.main-header .header-links__link-title {
    display: none
}

.main-header .main_header__contents {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.main-header .main_header__contents button.main-nav__toggle {
    display: none
}

@media screen and (min-width:480px) {
    .main-header__logo {
        left: 40%
    }
}

@media screen and (min-width:576px) {
    .main-header {
        padding: 12vw 0 0
    }

    .main-header .main_header__contents {
        display: grid;
        width: 70%;
        grid-template-columns: 2fr 1fr;
        transform: translate(35%, -30%)
    }

    .main-header__logo {
        margin-right: auto;
        margin-left: 15px;
        top: 35%;
        left: 0
    }

    .main-header__logo a {
        width: 70%
    }

    .main-header__logo img {
        max-width: 140px
    }

    .main-header__bottom {
        text-align: justify
    }

    .main-header .wrapper--main-header__top-items {
        display: block;
        position: absolute;
        right: 5%;
        top: 48%
    }

    .main-header .main-nav {
        display: block
    }

    .main-header .main-nav__second-lvl-nav-elements {
        z-index: 20;
        padding: 5px 0;
        position: absolute;
        border-radius: 5px;
        background: #4b515c;
        box-shadow: 0 0 80px -15px #000
    }

    .main-header .main-nav__second-lvl-link {
        color: #fff;
        padding: 0 12px
    }

    .main-header .main-nav__second-lvl-link-container .link {
        width: 100%;
        color: #fff;
        font-size: .9rem;
        text-align: left;
        font-weight: 400;
        display: inline-block;
        text-transform: uppercase;
        font-family: Brandon Grotesque Light
    }

    .main-header .main-nav__second-lvl-link-container:hover {
        background-color: #252c39
    }

    .main-header .main-nav__toggle {
        display: none
    }

    .main-header .main-nav__first-lvl-nav-elements {
        flex-wrap: wrap;
        max-width: 100%;
        margin-right: 0
    }

    .main-header .main-nav__link {
        font-size: .9rem;
        color: #787878
    }

    .main-header .main-nav__link.link--active {
        color: #1c1f27
    }

    .main-header .main-nav__link-container {
        width: 50%;
        position: relative
    }

    .main-header .main-nav__link-container:first-child {
        display: none
    }

    .main-header .main-nav__link-container--has-children:after {
        content: "";
        margin-left: 5px;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-top: 6px solid #d1d3d4;
        position: absolute;
        top: 50%;
    }

    .main-header .mobile-nav,
    .main-header .mobile-nav+button.mobile-nav__close-button {
        display: none
    }

    .main-header .mobile-nav__panel .header-links {
        margin-right: -98vw
    }

    .main-header .header-links__link-container {
        max-width: 25px;
        margin: 0 5px
    }

    .main-header .header-links__link-container img {
        max-width: 20px
    }
}

@media screen and (min-width:768px) {
    .main-header .main-nav__first-lvl-nav-elements {
        margin-left: 5vw;
    }
    .main-header {
        padding: 10vw 0 0
    }

    .main-header__logo {
        margin-left: 9%
    }

    .main-header__logo a {
        margin: 0 0 0 auto
    }

    .main-header__logo img {
        max-width: 160px
    }

    .main-header .main-nav__second-lvl-nav-elements {
        bottom: 6px
    }

    .main-header .main_header__contents {
        transform: translate(35%, -40%);
        width: 72%
    }

    .main-header .wrapper--main-header__top-items {
        right: 6%
    }

    .main-header .wrapper--main-header__bottom-items {
        height: 2vw
    }

    .main-header .header-links__link-container {
        margin: 0 12px
    }
}

@media screen and (min-width:992px) {
    .main-header {
        padding: 6vw 0 0
    }

    .main-header__logo {
        margin-left: 4%
    }

    .main-header .main_header__contents {
        transform: translate(25%, -40%);
        max-width: 680px
    }

    .main-header .wrapper--main-header__top-items {
        right: 16.8%
    }

    .main-header .main-nav__first-lvl-nav-elements {
        max-width: 100%
    }
}

@media screen and (min-width:1200px) {
    .main-header .main_header__contents {
        max-width: 58%
    }

    .main-header .main-nav__second-lvl-nav-elements {
        bottom: 0
    }

    .main-header .wrapper--main-header__top-items {
        right: 15%
    }

    .main-header .wrapper--main-header__bottom-items {
        height: 1.5vw
    }

    .main-header .header-links__link-container {
        margin: 0 5px
    }

    .main-header .header-links__link-container img {
        max-width: 30px
    }
}

@media screen and (min-width:1600px) {
    .main-header {
        padding: 10.5vw 0 0
    }

    .main-header__logo {
        top: 38%;
        margin-left: 2%
    }

    .main-header .wrapper--main-header__top-items {
        right: 19%;
        top: 39%
    }

    .main-header .main_header__contents {
        transform: translate(15%, -50%);
        max-width: 62%
    }

    .main-header .main-nav__link {
        font-size: 1vw;
        margin: 5px 0
    }

    .main-header .main-nav__link:active,
    .main-header .main-nav__link:hover {
        opacity: .8
    }

    .main-header .header-links__link-container {
        min-width: 30px
    }
}

.main-footer {
    background: linear-gradient(-8deg, #d1d3d4, #fff);
    width: 100%;
    text-align: center;
    margin-bottom: -10px;
    padding: 10px 0 30px
}

.main-footer .footer__social {
    margin: 0 0 15px;
    padding: 0
}

.main-footer .footer__social__item {
    list-style: none;
    padding: 0;
    margin: 0 5px;
    display: inline-block
}

.main-footer .footer__social__link-image {
    width: 25px
}

.main-footer .footer__social__link-title {
    display: none
}

.main-footer .footer__menu {
    padding: 0
}

.main-footer .footer__menu__column {
    margin: 0;
    padding: 0
}

.main-footer .footer__menu__column__wrapper {
    list-style: none;
    padding: 0 10px;
    margin: 15px auto auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5px;
    text-align: left
}

.main-footer .footer__menu__item {
    list-style: none;
    padding: 0;
    margin: 0
}

.main-footer .footer__menu__item a {
    font-family: Brandon Grotesque Regular;
    text-transform: uppercase;
    font-size: .7rem;
    color: #787878
}

.main-footer__bottom {
    margin: 30px 0 10px;
    font-size: .8rem;
    color: #787878
}

.main-footer .footer-regulatory-text {
    width: 100%;
    margin: auto
}

.main-footer .footer-social-links {
    display: none
}

@media screen and (min-width:576px) {

    .main-footer__bottom,
    .main-footer__top {
        padding: 0 5%
    }
}

@media screen and (min-width:768px) {
    .main-footer .footer__menu__column__wrapper {
        text-align: center;
        grid-template-columns: repeat(4, 1fr)
    }
}

@media screen and (min-width:992px) {
    .main-footer .footer-regulatory-text {
        width: 60%
    }
}

.title-white a,
.title-white h1,
.title-white h2,
.title-white h3,
.title-white h4,
.title-white h5,
.title-white h6 {
    color: #fff
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Brandon Grotesque Black;
    color: #4b515c;
    text-align: center;
    display: block;
    margin: 10px auto -10px
}

h1 {
    font-size: 1.6rem
}

h2 {
    font-size: 1.4rem
}

h3 {
    font-size: 1.2rem
}

h4 {
    font-size: 1rem
}

h5 {
    font-size: .9rem
}

h6 {
    font-size: .8rem
}

@media screen and (min-width:576px) {
    h1 {
        font-size: 2.5rem
    }

    h2 {
        font-size: 2rem
    }

    h3 {
        font-size: 1.5rem
    }

    h4 {
        font-size: 1rem
    }

    h5 {
        font-size: 1.2rem
    }

    h6 {
        font-size: 1rem
    }
}

@media screen and (min-width:768px) {
    h1 {
        font-size: 3rem
    }

    h2 {
        font-size: 2.5rem
    }

    h3 {
        font-size: 2rem
    }

    h4 {
        font-size: 1.5rem
    }
}

@media screen and (min-width:1600px) {
    h1 {
        font-size: 3.5vw
    }

    h2 {
        font-size: 3vw
    }

    h3 {
        font-size: 2.5vw
    }

    h4 {
        font-size: 2vw
    }

    h5 {
        font-size: 1.5vw
    }
}

.about {
    color: #fff;
    background: #4b515c
}

.about h1 {
    text-transform: uppercase
}

.about .content-grid__row {
    flex-wrap: wrap
}

.about .content-grid__row:last-of-type {
    margin-bottom: 40px
}

.about .capsule {
    height: auto;
    max-width: 200px;
    margin: 1rem 0;
    overflow: hidden;
    background: #393e48;
    border-radius: 0 6rem 6rem 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.about .capsule img {
    width: 30vw;
    margin-left: 15px
}

.about .capsule.second {
    margin: 1rem 0 1rem auto;
    border-radius: 6rem 0 0 6rem
}

.about .capsule.couple .image-as-link {
    display: flex;
    justify-self: flex-end;
    align-items: center
}

.about .capsule.couple img {
    height: auto;
    width: auto;
    margin: 0
}

.about .capsule-text .rte {
    font-size: 1rem;
    text-align: center;
    text-transform: uppercase;
    margin: 1rem 0;
    padding: 20px;
    border: 1px solid #fff;
    border-radius: 6rem
}

.about .capsule-text .rte strong {
    font-family: Brandon Grotesque Bold;
    font-size: 2rem;
    display: block
}

.about .capsule-text .rte strong span {
    font-family: Brandon Grotesque Regular;
    font-weight: 100
}

.about .center .rte {
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    margin: 10px auto
}

.about .center .rte p {
    padding: 0 !important;
    display: inline;
    margin: 0
}

.about .center .rte strong {
    font-family: Brandon Grotesque Bold
}

.about .section__line {
    position: relative;
    min-height: 0
}

.about .section__line:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    width: 0;
    height: 60%;
    min-height: 80px;
    border-left: 1px solid #fff;
    content: " ";
    transform: translate(-50%, -50%)
}

.about .section__line.simple {
    margin: 0
}

.about .section__line.simple:before {
    display: none
}

@media screen and (min-width:480px) {
    .about .capsule {
        max-width: 250px
    }
}

@media screen and (min-width:576px) {
    .about .capsule {
        max-width: 300px;
        border-radius: 0 10rem 10rem 0
    }

    .about .capsule.second {
        border-radius: 10rem 0 0 10rem
    }
}

@media screen and (min-width:768px) {
    .about h1 {
        font-size: 2rem
    }

    .about .content-grid__row:last-of-type {
        margin-bottom: 80px
    }

    .about .rte {
        font-size: 1.2rem
    }

    .about .capsule,
    .about .capsule.couple {
        max-width: 320px
    }

    .about .capsule-text .rte,
    .about .capsule.couple-text .rte {
        font-size: .7rem
    }

    .about .capsule-text .rte strong,
    .about .capsule.couple-text .rte strong {
        font-size: 1.5rem
    }

    .about .section__line {
        position: relative
    }

    .about .section__line.simple {
        margin: 2rem 0 1rem
    }
}

@media screen and (min-width:992px) {
    .about h1 {
        width: 75%
    }

    .about .capsule-text .rte {
        font-size: 1rem
    }

    .about .capsule-text .rte strong {
        font-size: 2rem
    }

    .about .center .rte p {
        display: block
    }

    .about .section__line {
        min-height: 190px
    }

    .about .section__line:before {
        min-height: 180px;
        display: block
    }
}

@media screen and (min-width:1200px) {
    .about h1 {
        font-size: 2rem
    }

    .about .capsule-text .rte {
        font-size: 1.2rem
    }

    .about .capsule-text .rte strong {
        font-size: 1.5rem
    }
}

.feed .breadcrumbs {
    display: none
}

.feed .main-title h1 {
    text-transform: uppercase;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px
}

.feed .article--col-3 {
    width: 100%;
    margin: 0 15px 15px
}

.feed .article__content {
    margin-top: -6px;
    background-color: #4b515c;
    padding: 5px 10px
}

.feed .article__description,
.feed .article__title {
    color: #fff;
    text-align: center;
    word-break: break-word
}

.feed .article__title {
    line-height: .85;
    font-size: 1.4rem
}

.feed .article__description {
    line-height: 1.5;
    font-size: .8rem
}

.feed .article-list {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0
}

.feed-article .main-title h1 {
    text-transform: uppercase;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px
}

.feed-article .responsive-youtube-video__player {
    display: block;
    width: 100% !important;
    height: 320px !important;
    margin: auto
}

.feed-article .related-article__title {
    word-break: break-word;
    line-height: 1.1;
    font-size: 1.5rem
}

.feed-article .related-article__description {
    line-height: 1.5;
    font-size: .9rem;
    text-align: center
}

.feed-article .related-articles {
    background: url(/static/images/background-campaigns-slide.jpg);
    background-position: 50%;
    background-size: cover
}

.feed-article .related-articles__list {
    flex-wrap: wrap;
    margin: 20px auto;
    padding: 0
}

@media screen and (min-width:576px) {
    .feed .breadcrumbs {
        color: #fff;
        display: block;
        background-color: #4b515c
    }

    .feed .breadcrumbs__items {
        margin: 0;
        padding: 16px 40px
    }

    .feed .breadcrumbs__item-link,
    .feed h1 {
        color: #fff
    }

    .feed h1 {
        background-color: #4b515c
    }

    .feed .article--col-3 {
        width: 40%;
        margin: 0;
        padding: 40px 1%
    }

    .feed .article:first-child {
        flex-basis: 100%;
        padding: 1% 20%;
        background-color: #4b515c
    }

    .feed .article:first-child .article__title {
        font-size: 1.6rem
    }

    .feed .article:first-child .article__description {
        font-size: .9rem
    }

    .feed-article h1 {
        color: #fff
    }

    .feed-article .responsive-youtube-video,
    .feed-article h1 {
        background-color: #4b515c
    }

    .feed-article .responsive-youtube-video__player {
        width: 70% !important;
        height: 300px !important;
        padding: 0 0 4%;
        box-sizing: content-box
    }

    .feed-article .related-articles__list {
        width: 70%
    }

    .feed-article .related-articles__list .related-article {
        width: 30%;
        margin: 0;
        padding: 0
    }
}

@media screen and (min-width:768px) {
    .feed .main-title h1 {
        font-size: 2.5rem
    }

    .feed .article--col-3 {
        width: 30%
    }

    .feed-article .responsive-youtube-video__player {
        height: 380px !important
    }
}

@media screen and (min-width:992px) {
    .feed .article--col-3 {
        width: 28%
    }

    .feed .article--col-3:first-child {
        padding: 1% 30%
    }

    .feed-article .responsive-youtube-video__player {
        height: 490px !important
    }
}

@media screen and (min-width:1200px) {
    .feed .article--col-3 {
        width: 25%
    }

    .feed-article .responsive-youtube-video__player {
        width: 60% !important;
        height: 520px !important
    }

    .feed-article .related-articles__list {
        width: 60%;
        margin: 30px auto
    }
}

@media screen and (min-width:1600px) {
    .feed .article--col-3 {
        width: 20%
    }

    .feed-article .responsive-youtube-video__player {
        height: 570px !important
    }
}

.faq {
    color: #fff;
    background: #1c1f27
}

.faq .main-title {
    display: none
}

.faq__content {
    width: 100%
}

.faq__list {
    margin: 0;
    padding: 20px
}

.faq__item {
    list-style: none
}

.faq__item-link {
    display: block;
    border-bottom: 1px solid #fff;
    transition: all .5s ease
}

.faq__item-link:active,
.faq__item-link:hover {
    color: #fff;
    border-bottom: 1px solid #787878
}

.faq__item-link .faq__item-question {
    font-size: 1rem
}

.faq__item-question {
    font-family: Brandon Grotesque Bold;
    font-size: 1.5rem
}

.faq__item-answer {
    text-align: left
}

.faq .accordion {
    margin: 30px 0
}

.faq .accordion__trigger {
    background-color: transparent;
    text-align: center;
    color: #fff;
    border: none;
    font-weight: 700;
    padding: 0;
    display: flex;
    align-items: center;
    max-width: 1300px;
    margin: auto;
    font-size: 1.1rem
}

.faq .accordion__trigger:active,
.faq .accordion__trigger:hover {
    opacity: .5
}

.faq .accordion__trigger:after {
    position: static;
    margin-left: 15px
}

.faq .accordion__text {
    text-align: left
}

.faq .accordion__outer {
    font-size: 1rem
}

.faq .accordion__inner {
    max-width: 1300px;
    margin: auto
}

.faq .accordion__inner ul {
    max-width: fit-content;
    text-align-last: left
}

@media screen and (min-width:768px) {
    .faq__list {
        text-align: center
    }

    .faq__list--questions-only {
        column-count: 2
    }

    .faq__item {
        display: block;
        margin: 0 5px
    }

    .faq__item-link {
        font-family: Brandon Grotesque Bold;
        color: #1c1f27;
        margin: 5px;
        padding: 5px 10px;
        background: #fff;
        border: 1px solid #fff !important;
        border-radius: 1rem
    }

    .faq__item-link:active,
    .faq__item-link:hover {
        color: #fff;
        background: #1c1f27;
        border: 1px solid #fff !important
    }

    .faq__item-question {
        font-size: 2rem;
        margin: 0
    }

    .faq__item-answer {
        text-align-last: left
    }
}

@media screen and (min-width:1200px) {
    .faq__list--questions-only {
        column-count: 3
    }

    .faq__list--questions-only .faq__item {
        page-break-inside: avoid;
        break-inside: avoid
    }
}

.CoreHomePage {
    text-align: center
}

.CoreHomePage .p-scale {
    padding: 20px 0
}

.CoreHomePage .p-scale.content-grid__column--size-12 .rte,
.CoreHomePage .p-scale.content-grid__column--size-12 h2 {
    margin-bottom: 16px
}

.CoreHomePage .p-scale.content-grid__column--size-12 p {
    display: inline
}

.CoreHomePage .main-title {
    display: none
}

.CoreHomePage .campaigns .rte-wrapper h2 {
    text-transform: uppercase;
    margin-top: 50px
}

@media screen and (min-width:768px) {
    .CoreHomePage .p-scale {
        padding: 35px 0
    }

    .CoreHomePage .p-scale.content-grid__column--size-12 p {
        display: block;
        margin: 2px auto
    }
}

.blog__heading-row {
    display: none
}

.blog .breadcrumbs {
    z-index: 1;
    display: none;
    padding: 15px 0;
    position: absolute;
    background: #1c1f27;
    color: #fff
}

.blog .breadcrumbs__items {
    margin: 0
}

.blog .breadcrumbs__item-link {
    color: #fff
}

.blog .main-title {
    background-color: #1c1f27;
    padding: 10px 0
}

.blog .main-title__header {
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    padding: 0 20px;
    margin: 0
}

.blog .blog-list__content {
    order: 2
}

.blog .blog-list__sidebar {
    order: 1;
    background: #d1d3d4;
    padding: 10px 0;
    margin: 0
}

.blog .blog-list__sidebar-col {
    padding: 0;
    margin: 0
}

.blog .blog-list__posts {
    padding: 20px 0;
    justify-content: center
}

.blog .blog-list__heading-row {
    border: none;
    text-transform: uppercase
}

.blog .blog-list__pagination-row {
    background: #d1d3d4
}

.blog .blog-list__item {
    border-bottom: 0
}

.blog .blog-list__item .post__title {
    font-size: 1.2rem
}

.blog .blog-list__item .post__title-col {
    font-family: Brandon Grotesque Bold;
    text-align: center;
    margin: 0
}

.blog .blog-list__item .post__information-col {
    display: none
}

.blog .blog-list__item .post__image {
    min-height: 100%
}

.blog .blog-list__item .post__data-col,
.blog .blog-list__item .post__image-col {
    margin: 0
}

.blog .blog-list .pagination__item--is-active {
    background-color: #1c1f27
}

.blog__content-grid-row {
    max-width: 80%;
    margin: auto
}

.blog__date {
    display: none
}

.blog-navigation {
    margin: 0
}

.blog-navigation a {
    font-family: Brandon Grotesque Bold !important;
    color: #1c1f27
}

.blog-navigation .link--active,
.blog-navigation a--is-active,
.blog-navigation a:active,
.blog-navigation a:focus,
.blog-navigation a:hover {
    color: #fff;
    background: #1c1f27;
    border-radius: 1rem
}

.blog-navigation__heading-row {
    display: none
}

.blog-navigation__list {
    padding: 0;
    border: 0;
    background: transparent;
    display: block;
    text-align: center
}

.blog-navigation__items {
    display: inline-block;
    width: inherit
}

.blog-navigation__item {
    transition: all .5s ease;
    text-transform: uppercase;
    font-size: .8rem;
    border: 1px solid #1c1f27;
    background: #d1d3d4;
    padding: 5px 10px;
    border-radius: 1rem;
    margin: 5px;
    color: #1c1f27
}

.blog-navigation__item:active,
.blog-navigation__item:focus,
.blog-navigation__item:hover {
    background: #1c1f27;
    border-radius: 1rem
}

.category .blog-list__heading-row {
    display: block;
    text-transform: uppercase;
    padding-bottom: 0;
    margin: 0;
    border-bottom: none
}

@media screen and (min-width:576px) {
    .blog .blog-list__posts .col--md12 {
        width: 50%
    }

    .blog .blog-list__item .post__data-col,
    .blog .blog-list__item .post__image-col {
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .blog .main-title {
        position: relative;
        background-image: url(/static/images/header_blog);
        background-position: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        padding: 15px 0
    }

    .blog .main-title__header {
        width: 50%;
        text-align: left;
        margin-left: 40px
    }

    .blog .blog-list__sidebar {
        padding: 15px 0
    }

    .blog .blog-list__posts {
        padding: 40px 0
    }

    .blog .blog-list__posts .col--md12 {
        width: 33.33%
    }
}

@media screen and (min-width:992px) {
    .blog .breadcrumbs {
        display: block
    }

    .blog .main-title {
        padding: 40px 0;
        background-size: 50%
    }

    .blog .main-title__header {
        width: 30%;
        text-align: left;
        margin-left: 40px;
        padding-left: 0
    }

    .blog .main-title:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 35%;
        width: 220px;
        height: 100%;
        background: #1c1f27;
        border-radius: 0 100% 100% 0
    }

    .blog .blog-list__content {
        width: 100%
    }

    .blog .blog-list__sidebar {
        width: 100%;
        padding: 20px 0
    }
}

@media screen and (min-width:1200px) {
    .blog .main-title:after {
        right: 42%;
        width: 130px
    }

    .blog .blog-list__content {
        padding: 0;
        margin: 0
    }

    .blog .blog-list__posts {
        width: 80%;
        margin: auto
    }

    .blog .blog-list__posts .col--md12 {
        width: 25%
    }
}

@media screen and (min-width:1600px) {
    .blog .main-title:after {
        right: 46%;
        width: 200px
    }

    .blog .blog-list__posts .col--md12 {
        width: 20%
    }
}

.article .breadcrumbs {
    display: none
}

.article .main-title {
    padding: 10px 0;
    background-color: #1c1f27
}

.article .main-title__header {
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    margin: 0 0 0 40px
}

.article .blog__title {
    text-transform: uppercase
}

.article .blog__content {
    order: 2;
    width: 100%
}

.article .blog__sidebar {
    order: 1;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    background: #d1d3d4
}

.article .blog .related-things {
    display: none
}

@media screen and (min-width:768px) {
    .article h1 {
        font-size: 3vw
    }

    .article h2 {
        font-size: 2.6vw
    }

    .article p {
        font-size: 1.25em
    }
}

@media screen and (min-width:992px) {
    .article .breadcrumbs {
        display: block
    }

    .article .breadcrumbs__items {
        margin: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: #1c1f27
    }
}

.products .breadcrumbs {
    position: absolute;
    color: #4b515c
}

.products .breadcrumbs .link {
    color: #4b515c
}

.products .main-title {
    text-transform: uppercase;
    padding: 70px 0 60px
}

.products .main-title__header {
    margin: 0
}

.product-list {
    padding: 0 15px;
    justify-content: center
}

.product-list__finder,
.product-list__grid {
    display: none
}

.product-list__wrapper {
    order: 0;
    padding: 0;
    margin-bottom: 0
}

.product-list__wrapper.grid-wrapper {
    max-width: 1302px
}

.product-list__wrapper .pagination:first-child {
    display: none
}

.product-list__button {
    display: block;
    margin: auto;
    border: none;
    background: none;
    color: #bbb;
    text-transform: uppercase;
    font-weight: 700
}

.product-list__button-col {
    background-color: #d9d9d9;
    margin: 0
}

.product-list__button-col .load-more__button {
    color: #4b515c;
    padding: 10px;
    width: 100%
}

.product-list__button-col .load-more__button:before {
    content: "Mais produtos"
}

.product-list__button-col .load-more__button:hover:before {
    color: #1c1f27
}

.product-list__item {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 20px 0
}

.product-list__item:hover .link:before {
    content: "";
    top: 0;
    left: 5%;
    right: 5%;
    padding: 56% 0;
    display: block;
    position: absolute;
    border-radius: 100%;
    box-shadow: 0 5px 10px #d9d9d9
}

.product-list__item .link {
    display: flex;
    text-align: center;
    align-items: center;
    flex-direction: column;
    position: relative
}

.product-list__item .product__image {
    margin: 6% auto 12%;
    position: relative;
    padding: 20% 0;
    max-height: 100%;
    max-width: 65%
}

.product-list__item .product__title {
    order: 1;
    margin-top: 20px;
    line-height: 1.1;
    font-size: 1.2em;
    text-transform: uppercase
}

.product-list__item .product__description {
    display: none
}

.product-list__item-list__button {
    order: 3;
    width: 60%;
    color: #787878;
    padding: 5px;
    margin-top: auto;
    font-size: .9rem;
    font-family: Brandon Grotesque Bold;
    border-radius: 50px;
    border: 2px solid #787878;
    text-transform: uppercase;
    background-color: transparent
}

.product-list__item-list__button:hover {
    color: #fff;
    border-color: #4b515c;
    background-color: #4b515c
}

.preservative .main-title {
    background: url(/static/images/header_condoms.jpg);
    background-position: 50%;
    background-size: cover
}

.lubricant .main-title {
    background: url(/static/images/background-lubricants-header-lubricants.jpg);
    background-position: 50%;
    background-size: cover
}

@media screen and (min-width:480px) {
    .product-list__item {
        width: 50%
    }
}

@media screen and (min-width:768px) {
    .product-list__item {
        width: 33%
    }
}

@media screen and (min-width:1200px) {
    .product-list {
        justify-content: start
    }

    .product-list__button-row {
        margin-bottom: 15px
    }

    .product-list__wrapper {
        order: 2
    }
}

.product__photos {
    width: 70%;
    margin: auto
}

.product__photos .row:nth-child(2) {
    display: none
}

.product .modal__body {
    width: fit-content;
    margin: auto
}

.product .modal__img {
    max-height: 90vh;
    width: auto
}

.product.grid-wrapper {
    max-width: 1302px
}

.product__heading-wrapper {
    display: none
}

.product__img {
    position: relative;
    border: 0
}

.product__img--zoom {
    position: relative;
    height: 100%
}

.product__img--default {
    border: none
}

.product__img--default img {
    position: relative;
    padding: 10% 0;
    margin: auto;
    width: auto !important;
    height: 50vw
}

.product__img--default:hover:before {
    content: "";
    display: block;
    top: 5px;
    left: 12%;
    right: 12%;
    bottom: 5px;
    position: absolute;
    box-shadow: 0 0 10px #d9d9d9;
    border-radius: 100%
}

.product__img-wrapper {
    width: 33%;
    display: none
}

.product__sidebar {
    order: 1
}

.product__finder {
    display: none
}

.product__left-navigation .row {
    border: none
}

.product__left-navigation .left-navigation__list {
    padding: 0
}

.product__left-navigation .left-navigation__list .col {
    width: 48%
}

.product__left-navigation .left-navigation__list .col:first-child {
    width: 100%
}

.product__left-navigation .left-navigation__badge {
    display: none
}

.product__left-navigation .left-navigation__title {
    border: none;
    padding: 5px;
    font-size: 2rem;
    text-align: center;
    text-transform: uppercase;
    background-color: transparent
}

.product__left-navigation .left-navigation__item {
    padding: 8px 0;
    font-size: 1rem;
    margin: 7px auto;
    text-align: center;
    border-radius: 26px;
    text-transform: uppercase;
    border: 2px solid #4b515c
}

.product__left-navigation .left-navigation__item--is-active,
.product__left-navigation .left-navigation__item:active,
.product__left-navigation .left-navigation__item:hover {
    color: #fff;
    background-color: #4b515c
}

.product__left-navigation .left-navigation__item--is-active {
    background-color: #4b515c
}

.product__information {
    font-size: 1.2rem
}

.product__collapsing {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px
}

.product .collapsing {
    padding: .25rem 0;
    flex-basis: 50%
}

.product .collapsing:first-child,
.product .collapsing:nth-child(2) {
    flex-basis: 100%
}

.product .collapsing:last-child {
    display: none
}

.product .collapsing__trigger {
    border: none;
    cursor: auto;
    color: #787878;
    background: none;
    padding: 5px 15px;
    font-weight: 700;
    text-transform: uppercase
}

.product .collapsing__trigger:after {
    display: none
}

.product .collapsing__outer {
    padding: 5px 15px;
    height: auto !important
}

.product__information-title {
    font-weight: 700;
    text-transform: uppercase
}

.product .product-buy-now .product__button {
    background-color: transparent;
    border: 2px solid #4b515c;
    color: #787878;
    border-radius: 50px;
    cursor: pointer;
    display: block;
    margin: auto;
    width: auto;
    padding: 5px 30px;
    text-transform: uppercase
}

.product .product-buy-now .product__button:before {
    content: "Comprar Agora";
    font-weight: 700;
    font-size: 1.2rem
}

.product .product-buy-now .product__button:hover {
    background-color: #4b515c;
    color: #fff
}

.product__last-text {
    display: none
}

.buy-now-modal__buttons-list {
    display: grid;
    grid-template-columns: 49% 49%;
    grid-auto-rows: 70px;
    grid-gap: 8px 2%
}

.buy-now-modal__buttons-list .product__button {
    margin: 0;
    padding: 0;
    color: transparent;
    border-radius: 0
}

.buy-now-modal__buttons-list .product__button:hover {
    color: transparent
}

.buy-now-modal__buttons-list .product__button[aria-label=Amazon] {
    background: url(/static/images/amazon.jpg) no-repeat 50%;
    background-size: 100%
}

.buy-now-modal__buttons-list .product__button[aria-label=Drogaraia] {
    background: url(/static/images/drogaraia.jpg) no-repeat 50%;
    background-size: 100%
}

.buy-now-modal__buttons-list .product__button[aria-label=Drogasil] {
    background: url(/static/images/drogasil.jpg) no-repeat 50%;
    background-size: 100%
}

.buy-now-modal__buttons-list .product__button[aria-label=Onofre] {
    background: url(/static/images/onofre.jpg) no-repeat 50%;
    background-size: 100%
}

.buy-now-modal__buttons-list .product__button[aria-label=DPSP] {
    background: url(/static/images/sao-pablo.jpg) no-repeat 50%;
    background-size: 100%
}

.buy-now-modal__buttons-list .product__button[aria-label="Drogaria Pacheco"] {
    background: url(/static/images/pacheco.jpg) no-repeat 50%;
    background-size: 100%
}

.buy-now-modal__buttons-list .product__button[aria-label="Pague Menos"] {
    background: url(/static/images/pague-menos.jpg) no-repeat 50%;
    background-size: 100%
}

.buy-now-modal__buttons-list .product__button[aria-label=Araújo] {
    background: url(/static/images/araujo.jpg) no-repeat 50%;
    background-size: 100%
}

.buy-now-modal__buttons-list .product__button[aria-label=Farmadelivery] {
    background: url(/static/images/farmadelivery.jpg) no-repeat 50%;
    background-size: 100%
}

.product-list__wrapper {
    order: 2
}

@media screen and (min-width:576px) {
    .product__left-navigation .left-navigation__list .col {
        width: 24%
    }

    .product .col--md4,
    .product .col--md8 {
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .product__left-navigation .left-navigation__item {
        font-size: 1.2rem
    }

    .product__img-wrapper {
        width: auto
    }
}

@media screen and (min-width:1200px) {

    .product__left-navigation .left-navigation__item,
    .product__left-navigation .left-navigation__list .col {
        width: 100%
    }

    .product__img--default img {
        height: 35vw
    }
}

.politics .breadcrumbs__items {
    margin: 0;
    padding: 1em 2em
}

.politics main {
    color: #fff;
    background-color: #4b515c
}

.politics main h1 {
    display: none
}

.politics main h2 {
    color: #fff;
    margin-bottom: 20px
}

.politics main .lds {
    max-width: 80%;
    margin: auto
}

.politics main a {
    font-weight: 700;
    color: #fff;
    text-decoration: underline
}

.contact {
    background-color: #1c1f27;
    color: #fff
}

.contact .main-title {
    display: none
}

.contact h1 {
    color: #fff;
    text-align: center
}

.contact .content-grid__row {
    flex-direction: column
}

.contact .content-grid__column:nth-child(2) {
    width: 90%;
    margin: auto
}

.contact .content-grid__column:nth-child(2) .form-control {
    margin-bottom: 5px
}

.contact .content-grid__column:nth-child(2) .form-control__link {
    color: #fff
}

.contact .content-grid__column:nth-child(2) .form-control__label {
    display: none
}

.contact .content-grid__column:nth-child(2) .form-control__label--terms {
    display: block;
    margin-left: 5px;
    margin-top: -5px
}

.contact .content-grid__column:nth-child(2) .form-control__input {
    width: 100%;
    padding: 10px;
    color: #fff;
    caret-color: #fff;
    border: 2px solid #fff;
    background-color: transparent
}

.contact .content-grid__column:nth-child(2) .form-control__input::placeholder {
    opacity: 1;
    color: #fff;
    font-weight: 700
}

.contact .content-grid__column:nth-child(2) .form-control__input--terms {
    width: auto;
    margin-left: 5px
}

.contact .content-grid__column:nth-child(2) .form-control--terms {
    display: flex;
    align-items: start;
    margin: 8px 0
}

.contact .content-grid__column:nth-child(2) .form-control .form-error {
    margin: 0 0 0 5px;
    list-style: none;
    padding: 10px 0;
    font-weight: 700;
    font-size: .65rem;
    letter-spacing: .08em
}

.contact .consumer-form__form {
    padding-bottom: 20px
}

.contact .consumer-form__form__submit {
    margin: 10px auto 0;
    display: block;
    cursor: pointer;
    color: #000;
    font-weight: 700;
    font-size: 1.2rem;
    padding: 2px 25px 0;
    border-radius: 8px;
    text-transform: uppercase;
    border: 2px solid #fff;
    background-color: #fff;
    transition: all .5s ease
}

.contact .consumer-form__form__submit:active,
.contact .consumer-form__form__submit:hover {
    background-color: transparent
}

.contact .consumer-form__form__submit:active:before,
.contact .consumer-form__form__submit:hover:before {
    color: #fff
}

.contact .consumer-form__form__submit:before {
    content: "ENVIAR";
    color: #1c1f27;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: 1rem
}

@media screen and (min-width:576px) {
    .contact h1 {
        margin: 0 auto 15px
    }
}

@media screen and (min-width:768px) {
    .contact h1 {
        transform: translateX(65%)
    }

    .contact__header {
        position: absolute;
        width: 50%;
        padding: 0 35px
    }

    .contact__form {
        display: grid;
        grid-template-areas: ". form" "text form";
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 3fr 4fr
    }

    .contact__form__message {
        padding: 0 35px;
        grid-area: text;
        max-width: 100%
    }

    .contact .content-grid__column:nth-child(2) {
        grid-area: form;
        padding: 0 8%;
        max-width: 100%;
        margin: 23% auto auto
    }

    .contact .consumer-form__form__submit {
        margin: 0 auto 0 56%
    }
}

@media screen and (min-width:992px) {
    .contact h1 {
        transform: translateX(75%)
    }

    .contact__header {
        padding: 0 70px
    }

    .contact__form {
        grid-gap: 15px
    }

    .contact__form__message {
        padding: 0 70px
    }

    .contact .content-grid__column:nth-child(2) {
        margin: 18% auto auto
    }

    .contact .consumer-form__form__submit {
        margin: 0 auto 0 57%
    }
}

@media screen and (min-width:1200px) {
    .contact h1 {
        transform: translateX(70%);
        margin: 0 auto 20px
    }

    .contact .content-grid__column:nth-child(2) {
        margin: 14% auto auto
    }
}

@media screen and (min-width:1600px) {
    .contact h1 {
        transform: translateX(65%)
    }

    .contact .content-grid__column:nth-child(2) {
        margin: 13% auto auto
    }
}

.search-results {
    padding-bottom: 40px
}

.search-results__header {
    font-size: 1.3rem;
    font-weight: 400
}

.search-results__form {
    display: none
}

.search-results__list {
    padding: 2% 5%;
    list-style: none
}

.search-results__element {
    border-bottom: 1px solid #bbb;
    margin-bottom: 15px;
    padding: 5px 10px
}

.search-results__title {
    display: block;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700
}

.search-results__title:hover {
    color: #bbb
}

.search-results__description {
    padding: 2px 20px 10px;
    text-align: center
}

.search-results__read-more {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .9rem;
    margin: 6px 0 0
}

.search-results__read-more:hover {
    color: #bbb
}

.search-results__btn {
    width: 100%;
    border: none;
    cursor: pointer;
    padding: 15px 0;
    color: #fff;
    font-weight: 700;
    font-size: 1.3rem;
    text-transform: uppercase;
    background-color: #bbb
}

.search-results__btn:hover {
    background-color: #1c1f27
}

@media screen and (min-width:576px) {
    .search-results__header {
        font-size: 2rem;
        font-weight: 400
    }
}

@media screen and (min-width:768px) {
    .search-results__header {
        font-size: 2.5rem;
        font-weight: 400
    }

    .search-results__title {
        display: inline-block;
        text-align: left
    }

    .search-results__description {
        text-align: left
    }

    .search-results__read-more {
        display: inline;
        text-align: left;
        margin: 0 0 0 6px
    }
}

.stores section.content-grid {
    padding: 0 2% 2%;
    max-width: 1600px;
    margin: 0 auto
}

.stores section.content-grid--jumbotron {
    display: none
}

.stores .main-title__header {
    text-transform: uppercase;
    font-size: 1.8rem;
    background: url(/static/images/background-home-condoms.jpg) no-repeat 50%;
    background-size: cover;
    padding: 60px 0
}

.stores h2 {
    font-size: 1.3rem;
    margin: 30px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.stores h2:before {
    content: "";
    background: url(/static/images/carrito.png) no-repeat 50%;
    width: 50px;
    height: 50px;
    display: inline-block;
    background-size: contain;
    margin-right: 15px
}

.stores .store-row {
    flex-wrap: wrap;
    width: 50%;
    display: inline-flex;
    margin-bottom: 20px
}

.stores .store-row .content-grid__column {
    text-align: center
}

.stores .store-row:last-child {
    width: 100%;
    margin-bottom: 15px
}

.stores .store-row:last-child .content-grid__column {
    flex-basis: 50%;
    max-width: 50%
}

.stores .store-row .image-as-link__link {
    margin-bottom: 20px
}

.stores .store-row .image-as-link__link :hover {
    opacity: .7
}

.stores .store-row .image-as-link__image {
    max-width: 75%;
    margin: auto;
    display: block
}

@media screen and (min-width:576px) {
    .stores section.content-grid {
        padding: 0 6% 2%
    }

    .stores h2 {
        font-size: 2rem
    }

    .stores .main-title__header {
        font-size: 3rem
    }
}

@media screen and (min-width:768px) {
    .stores section.content-grid {
        padding: 0 10% 2%
    }

    .stores .store-row {
        width: 100%;
        display: flex
    }

    .stores .store-row:last-child {
        width: 100%
    }

    .stores .store-row:last-child .content-grid__column {
        flex-basis: 33.33%;
        max-width: 33.33%
    }
}