@font-face {
    font-display: swap;
    font-family: Averta;
    font-style: normal;
    font-weight: 300;
    src: url("https://cdn-production-opera-website.operacdn.com/staticfiles/e3dfd0d4fc2b3c04b6d2.e09eb1852edf.woff2?46ab8bf22792") format("woff2"), url("https://cdn-production-opera-website.operacdn.com/staticfiles/f6906eee912e32c7e392.209fdd2579cf.woff?46ab8bf22792") format("woff"), url("https://cdn-production-opera-website.operacdn.com/staticfiles/8ee3daeccb6219e5ff0e.abe5df8ce453.ttf?08d8626602a4") format("ttf")
}

@font-face {
    font-display: swap;
    font-family: Averta;
    font-style: normal;
    font-weight: 400;
    src: url("https://cdn-production-opera-website.operacdn.com/staticfiles/706946ffe299a566a769.e83f361179db.woff2?08d8626602a4") format("woff2"), url("https://cdn-production-opera-website.operacdn.com/staticfiles/0fe7797a13c1e188551c.e3383362501a.woff?46ab8bf22792") format("woff"), url("https://cdn-production-opera-website.operacdn.com/staticfiles/71353bc5a932df6f1f10.c3bf452d611b.ttf?08d8626602a4") format("ttf")
}

@font-face {
    font-display: swap;
    font-family: Averta;
    font-style: normal;
    font-weight: 700;
    src: url("https://cdn-production-opera-website.operacdn.com/staticfiles/ca35c941c9bbd1f77db0.e82c7285bc1a.woff2?46ab8bf22792") format("woff2"), url("https://cdn-production-opera-website.operacdn.com/staticfiles/6e46c1fb4be7441729b2.2ee3f7912152.woff?46ab8bf22792") format("woff"), url("https://cdn-production-opera-website.operacdn.com/staticfiles/ba429507264c6d0265fb.4e7f24fdbc48.ttf?46ab8bf22792") format("ttf")
}

@-webkit-keyframes bounceDown {
    0% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(7px)
    }
    to {
        transform: translateY(0)
    }
}

@-moz-keyframes bounceDown {
    0% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(7px)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes bounceDown {
    0% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(7px)
    }
    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceDownScale2x {
    0% {
        transform: translateY(0) scale(2)
    }
    40% {
        transform: translateY(7px) scale(2)
    }
    to {
        transform: translateY(0) scale(2)
    }
}

@-moz-keyframes bounceDownScale2x {
    0% {
        transform: translateY(0) scale(2)
    }
    40% {
        transform: translateY(7px) scale(2)
    }
    to {
        transform: translateY(0) scale(2)
    }
}

@keyframes bounceDownScale2x {
    0% {
        transform: translateY(0) scale(2)
    }
    40% {
        transform: translateY(7px) scale(2)
    }
    to {
        transform: translateY(0) scale(2)
    }
}

@-webkit-keyframes typewriter {
    0% {
        animation-timing-function: steps(2);
        width: 0
    }
    5% {
        width: 2.5em
    }
    15% {
        animation-timing-function: steps(11);
        width: 2.5em
    }
    20% {
        width: 12.7em
    }
    to {
        width: 12.7em
    }
}

@-moz-keyframes typewriter {
    0% {
        animation-timing-function: steps(2);
        width: 0
    }
    5% {
        width: 2.5em
    }
    15% {
        animation-timing-function: steps(11);
        width: 2.5em
    }
    20% {
        width: 12.7em
    }
    to {
        width: 12.7em
    }
}

@keyframes typewriter {
    0% {
        animation-timing-function: steps(2);
        width: 0
    }
    5% {
        width: 2.5em
    }
    15% {
        animation-timing-function: steps(11);
        width: 2.5em
    }
    20% {
        width: 12.7em
    }
    to {
        width: 12.7em
    }
}

@-webkit-keyframes heartbeat {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
    10% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.91);
        transform: scale(.91)
    }
    17% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }
    33% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.87);
        transform: scale(.87)
    }
    45% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes heartbeat {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
    10% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.91);
        transform: scale(.91)
    }
    17% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }
    33% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.87);
        transform: scale(.87)
    }
    45% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartbeat {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
    10% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.91);
        transform: scale(.91)
    }
    17% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }
    33% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.87);
        transform: scale(.87)
    }
    45% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.fade-in-right {
    -webkit-animation: fade-in-right .6s cubic-bezier(.39, .575, .565, 1) both;
    animation: fade-in-right .6s cubic-bezier(.39, .575, .565, 1) both
}

@-webkit-keyframes fade-in-right {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-moz-keyframes fade-in-right {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fade-in-right {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.fade-out-right {
    animation: fade-out-right .7s cubic-bezier(.25, .46, .45, .94) both
}

@-webkit-keyframes scale-in-center {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes scale-in-center {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale-in-center {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.scale-in-center {
    -webkit-animation: scale-in-center .5s cubic-bezier(.25, .46, .45, .94) both;
    -moz-animation: scale-in-center .5s cubic-bezier(.25, .46, .45, .94) both;
    -o-animation: scale-in-center .5s cubic-bezier(.25, .46, .45, .94) both;
    animation: scale-in-center .5s cubic-bezier(.25, .46, .45, .94) both
}

@-webkit-keyframes fade-out-right {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    to {
        opacity: 0;
        transform: translateX(50px)
    }
}

@-moz-keyframes fade-out-right {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    to {
        opacity: 0;
        transform: translateX(50px)
    }
}

@keyframes fade-out-right {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    to {
        opacity: 0;
        transform: translateX(50px)
    }
}

@-webkit-keyframes fade-out-tile {
    0%,
    to {
        flex-basis: 0;
        opacity: 0;
        padding-left: 0;
        padding-right: 0;
        visibility: hidden
    }
}

@-moz-keyframes fade-out-tile {
    0%,
    to {
        flex-basis: 0;
        opacity: 0;
        padding-left: 0;
        padding-right: 0;
        visibility: hidden
    }
}

@keyframes fade-out-tile {
    0%,
    to {
        flex-basis: 0;
        opacity: 0;
        padding-left: 0;
        padding-right: 0;
        visibility: hidden
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

img+h1 {
    margin-top: .46em
}

.lazy-resolved img {
    height: auto
}

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
    scroll-padding-top: 6.5rem
}

@media(min-width:1024px) {
    html {
        scroll-padding-top: 7.5rem
    }
}

@media(min-width:1824px) {
    html.large-screen-ready {
        font-size: 65%
    }
}

@media(min-width:1924px) {
    html.large-screen-ready {
        font-size: 88%
    }
}

html.with-info-bar {
    scroll-padding-top: 10rem
}

@media(min-width:1024px) {
    html.with-info-bar {
        scroll-padding-top: 10.5rem
    }
}

body,
html {
    height: 100%;
    margin: 0;
    padding: 0
}

body {
    background-color: #fff;
    color: #000;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 400;
    height: auto;
    min-height: 100%;
    overflow-x: hidden
}

:focus {
    outline: 0
}

main {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    flex: 1 0 auto;
    font-family: Averta, Arial, sans-serif;
    letter-spacing: .02em;
    line-height: 1.5;
    width: 100%
}

main,
main article,
main aside,
main details,
main figcaption,
main figure,
main footer,
main header,
main hgroup,
main nav,
main section {
    display: block
}

hr {
    background: #ebebeb;
    border: 0;
    height: .1rem
}

hr.thick {
    background: #fafafa;
    height: 1.5rem
}

hr.black-15 {
    background: #d9d9d9
}

kbd {
    background-color: #c8c8c8;
    border-radius: .3rem;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    padding: .2rem .5rem
}

.flex {
    display: -ms-flexbox;
    display: -webkit-flex
}

.flex-direction--column {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-direction--row {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.justify-content--center {
    justify-content: center
}

.justify-content--right {
    justify-content: right
}

.justify-content--left {
    justify-content: left
}

.justify-content--between {
    justify-content: space-between
}

.align-items--center {
    align-items: center
}

.block-img-txt {
    padding-bottom: 6.4rem;
    padding-top: 6.4rem
}

.block-img-txt .featured-img {
    margin-bottom: 4rem
}

@media(min-width:768px) {
    .block-img-txt .featured-img {
        margin-bottom: 0
    }
}

.block-img-txt .featured-img img {
    -webkit-border-radius: 25em;
    -moz-border-radius: 25em;
    border-radius: 25em;
    display: inline-block
}

.block-img-txt h2,
.block-img-txt h3 {
    margin: 3.2rem 0
}

.block-img-txt p {
    font-size: 1.6rem;
    margin-bottom: 3.2rem
}

.block {
    display: block
}

.block--frame {
    border-style: solid;
    border-width: 1rem;
    color: #fff
}

@media(min-width:1024px) {
    .block--frame {
        border-width: 2rem
    }
    .block--frame--100vh {
        -ms-flex-pack: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        min-height: calc(100vh - 10rem)
    }
}

.block--frame--blue {
    background-color: #004196;
    border-color: #00357a
}

.block--frame--coral {
    background-color: #ff9c8c;
    border-color: #ff8370
}

.block--frame--green {
    background-color: #88c39c;
    border-color: #6ab482
}

.block--frame--light-blue {
    background-color: #a1d9ff;
    border-color: #85ceff
}

.block--frame--pink {
    background-color: #fabbcb;
    border-color: #fb637e
}

.block--frame--pink--bg-fix {
    background-color: #f7bbd3;
    border-color: #fb637e
}

.block--frame--red {
    background-color: #a11717;
    border-color: #a11717
}

.block--frame--purple {
    background-color: #cca7d8;
    border-color: #bd8ecd
}

.block--frame--turquoise {
    background-color: #83c6cf;
    border-color: #5db5c0
}

.block--frame--navy {
    background-color: #9fc8cd;
    border-color: #00249c
}

.block--grey-bg-50h {
    position: relative
}

.block--grey-bg-50h:after {
    background: #fafafa;
    bottom: 50%;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.block--grey-bg-70h {
    position: relative
}

.block--grey-bg-70h:after {
    background: #fafafa;
    bottom: 0;
    content: "";
    left: 2rem;
    position: absolute;
    right: 2rem;
    top: 0;
    z-index: -1
}

@media(min-width:768px) {
    .block--grey-bg-70h:after {
        top: 35%
    }
}

.block--grey-90-bg {
    background-color: #1a1a1a
}

.block--grey-bg {
    background-color: #fafafa
}

.block--white-bg {
    background-color: #fff
}

.block--bluish-bg {
    background-color: #f4f7fa
}

.block--pink-bg {
    background-color: #f78d9d
}

.block--red-bg {
    background-color: #a11717
}

.block--blue-bg {
    background-color: #00357a
}

.block--green-bg {
    background-color: #88c39c
}

.block--turquoise-bg {
    background-color: #83c6cf
}

.block--blue-light-bg {
    background-color: #92c1e9
}

.block--rose-bg {
    background-color: #f5dadf
}

.block--pink-light-bg {
    background-color: #fabbcb
}

.block--green-light-bg {
    background-color: #bde9c9
}

.block--border {
    border: .1rem solid #ebebeb
}

.block--border-bottom {
    border-bottom: .1rem solid #ebebeb
}

.block--relative {
    position: relative
}

.block--block {
    display: block
}

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

.block--inline-block {
    display: inline-block
}

.block--sticky {
    position: sticky;
    top: 10rem
}

.block--rounded {
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem
}

.block--rounded-more {
    -webkit-border-radius: 2.4rem;
    -moz-border-radius: 2.4rem;
    border-radius: 2.4rem
}

.block--overflow-hidden {
    overflow: hidden
}

@media(min-width:1024px) {
    .block--scale-up {
        -webkit-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25);
        z-index: 0
    }
}

.block--gx {
    background-color: rgba(6, 3, 13, .64);
    border: .1rem solid hsla(0, 0%, 100%, .15)
}

.block--video {
    height: auto;
    max-width: 100%
}

.shadowbox {
    -moz-box-shadow: 0 8px 80px -12px hsla(0, 0%, 92%, .8);
    -ms-box-shadow: 0 8px 80px -12px hsla(0, 0%, 92%, .8);
    box-shadow: 0 8px 80px -12px hsla(0, 0%, 92%, .8);
    padding: 2rem
}

.shadowbox--rounded {
    -webkit-border-radius: 2.4rem;
    -moz-border-radius: 2.4rem;
    border-radius: 2.4rem
}

.shadowbox--white-bg {
    background: #fff
}

.shadowbox--inline-block {
    display: inline-block
}

.shadowbox--more-shadow {
    -moz-box-shadow: -2.4rem 3.2rem 8.5rem -1.3rem rgba(0, 0, 0, .24);
    -ms-box-shadow: -2.4rem 3.2rem 8.5rem -1.3rem rgba(0, 0, 0, .24);
    box-shadow: -2.4rem 3.2rem 8.5rem -1.3rem rgba(0, 0, 0, .24)
}

.shadowbox--hoverable {
    cursor: pointer
}

.shadowbox--hoverable:hover {
    -moz-box-shadow: 0 .8rem 8rem -1.2rem hsla(0, 0%, 84%, .8);
    -ms-box-shadow: 0 .8rem 8rem -1.2rem hsla(0, 0%, 84%, .8);
    box-shadow: 0 .8rem 8rem -1.2rem hsla(0, 0%, 84%, .8)
}

.vertical--middle {
    vertical-align: middle
}

.vertical--top {
    vertical-align: top
}

.vertical--text-top {
    vertical-align: text-top
}

.vertical--super {
    vertical-align: super
}

.vertical--bottom {
    vertical-align: bottom
}

@media(max-width:1224px) {
    .hidden--to-xl {
        display: none
    }
}

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

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

@media(min-width:1225px) {
    .hidden--from-xl {
        display: none
    }
}

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

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

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

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

.no-shrink {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
}

.pointer-events--none {
    pointer-events: none
}

.width-100 {
    width: 100%
}

.width-no-max {
    max-width: none
}

@media(max-width:1024px) {
    .x-scroll-wrapper {
        overflow-y: hidden
    }
    .x-scroll-wrapper__inner {
        box-sizing: border-box;
        min-width: 315vw
    }
    .x-scroll-wrapper__inner--half {
        min-width: 157.5vw
    }
}

.ma7 {
    margin: 6.6rem
}

.my7 {
    margin-bottom: 6.6rem;
    margin-top: 6.6rem
}

.mx7 {
    margin-left: 6.6rem;
    margin-right: 6.6rem
}

.mt7 {
    margin-top: 6.6rem
}

.mb7 {
    margin-bottom: 6.6rem
}

.ml7 {
    margin-left: 6.6rem
}

.mr7 {
    margin-right: 6.6rem
}

.pa7 {
    padding: 6.6rem
}

.py7 {
    padding-bottom: 6.6rem;
    padding-top: 6.6rem
}

.px7 {
    padding-left: 6.6rem;
    padding-right: 6.6rem
}

.pt7 {
    padding-top: 6.6rem
}

.pb7 {
    padding-bottom: 6.6rem
}

.pl7 {
    padding-left: 6.6rem
}

.pr7 {
    padding-right: 6.6rem
}

.ma6 {
    margin: 5rem
}

.my6 {
    margin-bottom: 5rem;
    margin-top: 5rem
}

.mx6 {
    margin-left: 5rem;
    margin-right: 5rem
}

.mt6 {
    margin-top: 5rem
}

.mb6 {
    margin-bottom: 5rem
}

.ml6 {
    margin-left: 5rem
}

.mr6 {
    margin-right: 5rem
}

.pa6 {
    padding: 5rem
}

.py6 {
    padding-bottom: 5rem;
    padding-top: 5rem
}

.px6 {
    padding-left: 5rem;
    padding-right: 5rem
}

.pt6 {
    padding-top: 5rem
}

.pb6 {
    padding-bottom: 5rem
}

.pl6 {
    padding-left: 5rem
}

.pr6 {
    padding-right: 5rem
}

.ma5 {
    margin: 4rem
}

.my5 {
    margin-bottom: 4rem;
    margin-top: 4rem
}

.mx5 {
    margin-left: 4rem;
    margin-right: 4rem
}

.mt5 {
    margin-top: 4rem
}

.mb5 {
    margin-bottom: 4rem
}

.ml5 {
    margin-left: 4rem
}

.mr5 {
    margin-right: 4rem
}

.pa5 {
    padding: 4rem
}

.py5 {
    padding-bottom: 4rem;
    padding-top: 4rem
}

.px5 {
    padding-left: 4rem;
    padding-right: 4rem
}

.pt5 {
    padding-top: 4rem
}

.pb5 {
    padding-bottom: 4rem
}

.pl5 {
    padding-left: 4rem
}

.pr5 {
    padding-right: 4rem
}

.ma4 {
    margin: 2rem
}

.my4 {
    margin-bottom: 2rem;
    margin-top: 2rem
}

.mx4 {
    margin-left: 2rem;
    margin-right: 2rem
}

.mt4 {
    margin-top: 2rem
}

.mb4 {
    margin-bottom: 2rem
}

.ml4 {
    margin-left: 2rem
}

.mr4 {
    margin-right: 2rem
}

.pa4 {
    padding: 2rem
}

.py4 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.px4 {
    padding-left: 2rem;
    padding-right: 2rem
}

.pt4 {
    padding-top: 2rem
}

.pb4 {
    padding-bottom: 2rem
}

.pl4 {
    padding-left: 2rem
}

.pr4 {
    padding-right: 2rem
}

.ma3 {
    margin: 1.5rem
}

.my3 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

.mx3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.mt3 {
    margin-top: 1.5rem
}

.mb3 {
    margin-bottom: 1.5rem
}

.ml3 {
    margin-left: 1.5rem
}

.mr3 {
    margin-right: 1.5rem
}

.pa3 {
    padding: 1.5rem
}

.py3 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.px3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.pt3 {
    padding-top: 1.5rem
}

.pb3 {
    padding-bottom: 1.5rem
}

.pl3 {
    padding-left: 1.5rem
}

.pr3 {
    padding-right: 1.5rem
}

.ma2 {
    margin: 1rem
}

.my2 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.mx2 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mt2 {
    margin-top: 1rem
}

.mb2 {
    margin-bottom: 1rem
}

.ml2 {
    margin-left: 1rem
}

.mr2 {
    margin-right: 1rem
}

.pa2 {
    padding: 1rem
}

.py2 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.px2 {
    padding-left: 1rem;
    padding-right: 1rem
}

.pt2 {
    padding-top: 1rem
}

.pb2 {
    padding-bottom: 1rem
}

.pl2 {
    padding-left: 1rem
}

.pr2 {
    padding-right: 1rem
}

.ma1 {
    margin: .5rem
}

.my1 {
    margin-bottom: .5rem;
    margin-top: .5rem
}

.mx1 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mt1 {
    margin-top: .5rem
}

.mb1 {
    margin-bottom: .5rem
}

.ml1 {
    margin-left: .5rem
}

.mr1 {
    margin-right: .5rem
}

.pa1 {
    padding: .5rem
}

.py1 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.px1 {
    padding-left: .5rem;
    padding-right: .5rem
}

.pt1 {
    padding-top: .5rem
}

.pb1 {
    padding-bottom: .5rem
}

.pl1 {
    padding-left: .5rem
}

.pr1 {
    padding-right: .5rem
}

.ma0 {
    margin: 0
}

.my0 {
    margin-bottom: 0;
    margin-top: 0
}

.mx0 {
    margin-left: 0;
    margin-right: 0
}

.mt0 {
    margin-top: 0
}

.mb0 {
    margin-bottom: 0
}

.ml0 {
    margin-left: 0
}

.mr0 {
    margin-right: 0
}

.pa0 {
    padding: 0
}

.py0 {
    padding-bottom: 0;
    padding-top: 0
}

.px0 {
    padding-left: 0;
    padding-right: 0
}

.pt0 {
    padding-top: 0
}

.pb0 {
    padding-bottom: 0
}

.pl0 {
    padding-left: 0
}

.pr0 {
    padding-right: 0
}

.vmy3 {
    margin-bottom: 10rem;
    margin-top: 10rem
}

@media only screen and (min-width:768px) {
    .vmy3 {
        margin-bottom: 20rem;
        margin-top: 20rem
    }
}

.vmt3 {
    margin-top: 10rem
}

@media only screen and (min-width:768px) {
    .vmt3 {
        margin-top: 20rem
    }
}

.vmb3 {
    margin-bottom: 10rem
}

@media only screen and (min-width:768px) {
    .vmb3 {
        margin-bottom: 20rem
    }
}

.vpy3 {
    padding-bottom: 10rem;
    padding-top: 10rem
}

@media only screen and (min-width:768px) {
    .vpy3 {
        padding-bottom: 20rem;
        padding-top: 20rem
    }
}

.vpt3 {
    padding-top: 10rem
}

@media only screen and (min-width:768px) {
    .vpt3 {
        padding-top: 20rem
    }
}

.vpb3 {
    padding-bottom: 10rem
}

@media only screen and (min-width:768px) {
    .vpb3 {
        padding-bottom: 20rem
    }
}

.vmy150 {
    margin-bottom: 7.5rem;
    margin-top: 7.5rem
}

@media only screen and (min-width:768px) {
    .vmy150 {
        margin-bottom: 15rem;
        margin-top: 15rem
    }
}

.vmt150 {
    margin-top: 7.5rem
}

@media only screen and (min-width:768px) {
    .vmt150 {
        margin-top: 15rem
    }
}

.vmb150 {
    margin-bottom: 7.5rem
}

@media only screen and (min-width:768px) {
    .vmb150 {
        margin-bottom: 15rem
    }
}

.vpy150 {
    padding-bottom: 7.5rem;
    padding-top: 7.5rem
}

@media only screen and (min-width:768px) {
    .vpy150 {
        padding-bottom: 15rem;
        padding-top: 15rem
    }
}

.vpt150 {
    padding-top: 7.5rem
}

@media only screen and (min-width:768px) {
    .vpt150 {
        padding-top: 15rem
    }
}

.vpb150 {
    padding-bottom: 7.5rem
}

@media only screen and (min-width:768px) {
    .vpb150 {
        padding-bottom: 15rem
    }
}

.vmy2 {
    margin-bottom: 5rem;
    margin-top: 5rem
}

@media only screen and (min-width:768px) {
    .vmy2 {
        margin-bottom: 10rem;
        margin-top: 10rem
    }
}

.vmt2 {
    margin-top: 5rem
}

@media only screen and (min-width:768px) {
    .vmt2 {
        margin-top: 10rem
    }
}

.vmb2 {
    margin-bottom: 5rem
}

@media only screen and (min-width:768px) {
    .vmb2 {
        margin-bottom: 10rem
    }
}

.vpy2 {
    padding-bottom: 5rem;
    padding-top: 5rem
}

@media only screen and (min-width:768px) {
    .vpy2 {
        padding-bottom: 10rem;
        padding-top: 10rem
    }
}

.vpt2 {
    padding-top: 5rem
}

@media only screen and (min-width:768px) {
    .vpt2 {
        padding-top: 10rem
    }
}

.vpb2 {
    padding-bottom: 5rem
}

@media only screen and (min-width:768px) {
    .vpb2 {
        padding-bottom: 10rem
    }
}

.vmy1 {
    margin-bottom: 3.3rem;
    margin-top: 3.3rem
}

@media only screen and (min-width:768px) {
    .vmy1 {
        margin-bottom: 6.6rem;
        margin-top: 6.6rem
    }
}

.vmt1 {
    margin-top: 3.3rem
}

@media only screen and (min-width:768px) {
    .vmt1 {
        margin-top: 6.6rem
    }
}

.vmb1 {
    margin-bottom: 3.3rem
}

@media only screen and (min-width:768px) {
    .vmb1 {
        margin-bottom: 6.6rem
    }
}

.vpy1 {
    padding-bottom: 3.3rem;
    padding-top: 3.3rem
}

@media only screen and (min-width:768px) {
    .vpy1 {
        padding-bottom: 6.6rem;
        padding-top: 6.6rem
    }
}

.vpt1 {
    padding-top: 3.3rem
}

@media only screen and (min-width:768px) {
    .vpt1 {
        padding-top: 6.6rem
    }
}

.vpb1 {
    padding-bottom: 3.3rem
}

@media only screen and (min-width:768px) {
    .vpb1 {
        padding-bottom: 6.6rem
    }
}

a {
    color: #909090;
    text-decoration: underline
}

a:hover {
    color: #606060
}

a img {
    border: 0
}

.h-level-1,
h1 {
    font-size: 4rem;
    line-height: 1
}

@media only screen and (min-width:768px) {
    .h-level-1,
    h1 {
        font-size: 5.6rem
    }
}

.h-level-2,
h2 {
    font-size: 3.2rem
}

@media only screen and (min-width:768px) {
    .h-level-2,
    h2 {
        font-size: 4rem
    }
}

.h-level-3,
h3 {
    font-size: 2.4rem
}

@media only screen and (min-width:768px) {
    .h-level-3,
    h3 {
        font-size: 3.2rem
    }
}

.h-level-4,
h4 {
    font-size: 2rem
}

@media only screen and (min-width:768px) {
    .h-level-4,
    h4 {
        font-size: 2.4rem
    }
}

.h-level-5,
h5 {
    font-size: 1.6rem
}

@media only screen and (min-width:768px) {
    .h-level-5,
    h5 {
        font-size: 2rem
    }
}

.h-level-6,
h6 {
    font-size: 1.4rem
}

@media only screen and (min-width:768px) {
    .h-level-6,
    h6 {
        font-size: 1.8rem
    }
}

h2,
h3,
h4,
h5,
h6 {
    line-height: 1;
    margin: 0 0 1rem
}

h2.with-link a,
h3.with-link a,
h4.with-link a,
h5.with-link a,
h6.with-link a {
    color: inherit;
    text-decoration: none
}

p {
    font-size: 1.4rem;
    line-height: normal;
    margin: .6em 0
}

@media only screen and (min-width:768px) {
    p {
        font-size: 1.6rem
    }
}

ol,
ul {
    font-size: 1.4rem
}

@media only screen and (min-width:768px) {
    ol,
    ul {
        font-size: 1.6rem
    }
}

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

ol.list-style--black-ticks,
ul.list-style--black-ticks {
    list-style-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/771862861df82b03148e.f3ba63599e77.svg?08d8626602a4")
}

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

table td,
table th {
    border: 2px solid #000;
    padding: .5em
}

table th {
    background-color: #ebebeb
}

table p {
    margin: 0
}

.h-level-0 {
    font-size: 3.2rem;
    line-height: 1
}

@media only screen and (min-width:768px) {
    .h-level-0 {
        font-size: 6.4rem
    }
}

.text-decoration--none {
    text-decoration: none
}

.text-decoration--underline {
    text-decoration: underline
}

.text-level-1 {
    font-size: 1.8rem
}

@media only screen and (min-width:768px) {
    .text-level-1 {
        font-size: 2.4rem
    }
}

.text-level-2 {
    font-size: 1.6rem
}

@media only screen and (min-width:768px) {
    .text-level-2 {
        font-size: 2rem
    }
}

.text-level-3 {
    font-size: 1.4rem
}

@media only screen and (min-width:768px) {
    .text-level-3 {
        font-size: 1.8rem
    }
}

.text-level-4 {
    font-size: 1.2rem
}

@media only screen and (min-width:768px) {
    .text-level-4 {
        font-size: 1.6rem
    }
}

.text-level-5 {
    font-size: 1rem
}

@media only screen and (min-width:768px) {
    .text-level-5 {
        font-size: 1.4rem
    }
}

.text--section-name {
    color: grey;
    display: block;
    font-size: 1rem;
    letter-spacing: .25em;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .text--section-name {
        font-size: 1.2rem
    }
}

.text-align--left {
    text-align: left
}

.text-align--right {
    text-align: right
}

.text-align--justify {
    text-align: justify
}

.text-align--center {
    text-align: center
}

.text-transform--uppercase {
    text-transform: uppercase
}

.color--blue {
    color: #0060fe
}

.color--blue-dark {
    color: #2084d9
}

.color--black {
    color: #000
}

.color--black-30 {
    color: #b3b3b3
}

.color--gray {
    color: #909090
}

.color--white {
    color: #fff
}

.color--pink {
    color: #fabbcb
}

.color--pink-dark {
    color: #fb637e
}

.color--navy {
    color: #00249c
}

.font-weight--black {
    font-weight: 700
}

.font-weight--bold {
    font-weight: 400
}

.font-weight--normal {
    font-weight: 300
}

address {
    font-style: normal
}

.first-letter--underline:first-letter {
    text-decoration: underline
}

.wrapper {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 160rem
}

.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem
}

@media only screen and (min-width:1224px) {
    .container-fluid {
        padding-left: 9.3rem;
        padding-right: 9.3rem
    }
}

.row {
    -webkit-box-flex: 0, 1, auto;
    -moz-box-flex: 0, 1, auto;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0, 1, auto;
    -ms-flex: 0, 1, auto;
    flex: 0, 1, auto;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem
}

.row.reverse {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.col.reverse {
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.col-xs {
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-basis: auto;
    flex-basis: auto
}

.col-xs,
.col-xs-1 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-1 {
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-basis: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%
}

.col-xs-2 {
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-basis: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
}

.col-xs-2,
.col-xs-3 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-3 {
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.col-xs-4 {
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-basis: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
}

.col-xs-4,
.col-xs-5 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-5 {
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-basis: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%
}

.col-xs-6 {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.col-xs-6,
.col-xs-7 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-7 {
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-basis: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%
}

.col-xs-8 {
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-basis: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%
}

.col-xs-8,
.col-xs-9 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-9 {
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.col-xs-10 {
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-basis: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%
}

.col-xs-10,
.col-xs-11 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-11 {
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-basis: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%
}

.col-xs-12 {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.col-xs-12,
.col-xs-offset-0 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.3333333333%
}

.col-xs-offset-1,
.col-xs-offset-2 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-3,
.col-xs-offset-4 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-offset-4 {
    margin-left: 33.3333333333%
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%
}

.col-xs-offset-5,
.col-xs-offset-6 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.3333333333%
}

.col-xs-offset-7,
.col-xs-offset-8 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10,
.col-xs-offset-9 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-offset-10 {
    margin-left: 83.3333333333%
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%
}

.col-xs-offset-11,
.col-xs-offset-12 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-basis: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    max-width: 100%
}

.start-xs {
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left
}

.center-xs {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    text-align: center
}

.end-xs {
    -ms-flex-pack: flex-end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right
}

.top-xs {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start
}

.middle-xs {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.bottom-xs {
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end
}

.around-xs {
    -ms-flex-pack: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around
}

.between-xs {
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.first-xs {
    order: -1
}

.last-xs {
    order: 1
}

@media only screen and (min-width:320px) {
    .container {
        width: 32rem
    }
    .col-xs {
        -webkit-flex-basis: auto;
        -moz-flex-basis: auto;
        -ms-flex-basis: auto;
        flex-basis: auto
    }
    .col-xs,
    .col-xs-1 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xs-1 {
        -webkit-flex-basis: 8.3333333333%;
        -moz-flex-basis: 8.3333333333%;
        -ms-flex-basis: 8.3333333333%;
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
    .col-xs-2 {
        -webkit-flex-basis: 16.6666666667%;
        -moz-flex-basis: 16.6666666667%;
        -ms-flex-basis: 16.6666666667%;
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-xs-2,
    .col-xs-3 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xs-3 {
        -webkit-flex-basis: 25%;
        -moz-flex-basis: 25%;
        -ms-flex-basis: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .col-xs-4 {
        -webkit-flex-basis: 33.3333333333%;
        -moz-flex-basis: 33.3333333333%;
        -ms-flex-basis: 33.3333333333%;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }
    .col-xs-4,
    .col-xs-5 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xs-5 {
        -webkit-flex-basis: 41.6666666667%;
        -moz-flex-basis: 41.6666666667%;
        -ms-flex-basis: 41.6666666667%;
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }
    .col-xs-6 {
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        -ms-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .col-xs-6,
    .col-xs-7 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xs-7 {
        -webkit-flex-basis: 58.3333333333%;
        -moz-flex-basis: 58.3333333333%;
        -ms-flex-basis: 58.3333333333%;
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }
    .col-xs-8 {
        -webkit-flex-basis: 66.6666666667%;
        -moz-flex-basis: 66.6666666667%;
        -ms-flex-basis: 66.6666666667%;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }
    .col-xs-8,
    .col-xs-9 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xs-9 {
        -webkit-flex-basis: 75%;
        -moz-flex-basis: 75%;
        -ms-flex-basis: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .col-xs-10 {
        -webkit-flex-basis: 83.3333333333%;
        -moz-flex-basis: 83.3333333333%;
        -ms-flex-basis: 83.3333333333%;
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }
    .col-xs-10,
    .col-xs-11 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xs-11 {
        -webkit-flex-basis: 91.6666666667%;
        -moz-flex-basis: 91.6666666667%;
        -ms-flex-basis: 91.6666666667%;
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }
    .col-xs-12 {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .col-xs-12,
    .col-xs-offset-0 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xs-offset-0 {
        margin-left: 0
    }
    .col-xs-offset-1 {
        margin-left: 8.3333333333%
    }
    .col-xs-offset-1,
    .col-xs-offset-2 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xs-offset-2 {
        margin-left: 16.6666666667%
    }
    .col-xs-offset-3 {
        margin-left: 25%
    }
    .col-xs-offset-3,
    .col-xs-offset-4 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xs-offset-4 {
        margin-left: 33.3333333333%
    }
    .col-xs-offset-5 {
        margin-left: 41.6666666667%
    }
    .col-xs-offset-5,
    .col-xs-offset-6 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xs-offset-6 {
        margin-left: 50%
    }
    .col-xs-offset-7 {
        margin-left: 58.3333333333%
    }
    .col-xs-offset-7,
    .col-xs-offset-8 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xs-offset-8 {
        margin-left: 66.6666666667%
    }
    .col-xs-offset-9 {
        margin-left: 75%
    }
    .col-xs-offset-10,
    .col-xs-offset-9 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xs-offset-10 {
        margin-left: 83.3333333333%
    }
    .col-xs-offset-11 {
        margin-left: 91.6666666667%
    }
    .col-xs-offset-11,
    .col-xs-offset-12 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xs-offset-12 {
        margin-left: 100%
    }
    .col-xs {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -ms-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .start-xs {
        -ms-flex-pack: flex-start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        text-align: left
    }
    .center-xs {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        text-align: center
    }
    .end-xs {
        -ms-flex-pack: flex-end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        text-align: right
    }
    .top-xs {
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start
    }
    .middle-xs {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }
    .bottom-xs {
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end
    }
    .around-xs {
        -ms-flex-pack: space-around;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around
    }
    .between-xs {
        -ms-flex-pack: space-between;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between
    }
    .first-xs {
        order: -1
    }
    .last-xs {
        order: 1
    }
}

@media only screen and (min-width:640px) {
    .container {
        width: 57rem
    }
    .col-sm {
        -webkit-flex-basis: auto;
        -moz-flex-basis: auto;
        -ms-flex-basis: auto;
        flex-basis: auto
    }
    .col-sm,
    .col-sm-1 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-sm-1 {
        -webkit-flex-basis: 8.3333333333%;
        -moz-flex-basis: 8.3333333333%;
        -ms-flex-basis: 8.3333333333%;
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
    .col-sm-2 {
        -webkit-flex-basis: 16.6666666667%;
        -moz-flex-basis: 16.6666666667%;
        -ms-flex-basis: 16.6666666667%;
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-sm-2,
    .col-sm-3 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-sm-3 {
        -webkit-flex-basis: 25%;
        -moz-flex-basis: 25%;
        -ms-flex-basis: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -webkit-flex-basis: 33.3333333333%;
        -moz-flex-basis: 33.3333333333%;
        -ms-flex-basis: 33.3333333333%;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }
    .col-sm-4,
    .col-sm-5 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-sm-5 {
        -webkit-flex-basis: 41.6666666667%;
        -moz-flex-basis: 41.6666666667%;
        -ms-flex-basis: 41.6666666667%;
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }
    .col-sm-6 {
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        -ms-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .col-sm-6,
    .col-sm-7 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-sm-7 {
        -webkit-flex-basis: 58.3333333333%;
        -moz-flex-basis: 58.3333333333%;
        -ms-flex-basis: 58.3333333333%;
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }
    .col-sm-8 {
        -webkit-flex-basis: 66.6666666667%;
        -moz-flex-basis: 66.6666666667%;
        -ms-flex-basis: 66.6666666667%;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }
    .col-sm-8,
    .col-sm-9 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-sm-9 {
        -webkit-flex-basis: 75%;
        -moz-flex-basis: 75%;
        -ms-flex-basis: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -webkit-flex-basis: 83.3333333333%;
        -moz-flex-basis: 83.3333333333%;
        -ms-flex-basis: 83.3333333333%;
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }
    .col-sm-10,
    .col-sm-11 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-sm-11 {
        -webkit-flex-basis: 91.6666666667%;
        -moz-flex-basis: 91.6666666667%;
        -ms-flex-basis: 91.6666666667%;
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }
    .col-sm-12 {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .col-sm-12,
    .col-sm-offset-0 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
    .col-sm-offset-1 {
        margin-left: 8.3333333333%
    }
    .col-sm-offset-1,
    .col-sm-offset-2 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-sm-offset-2 {
        margin-left: 16.6666666667%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-3,
    .col-sm-offset-4 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-sm-offset-4 {
        margin-left: 33.3333333333%
    }
    .col-sm-offset-5 {
        margin-left: 41.6666666667%
    }
    .col-sm-offset-5,
    .col-sm-offset-6 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-7 {
        margin-left: 58.3333333333%
    }
    .col-sm-offset-7,
    .col-sm-offset-8 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-sm-offset-8 {
        margin-left: 66.6666666667%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-10,
    .col-sm-offset-9 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-sm-offset-10 {
        margin-left: 83.3333333333%
    }
    .col-sm-offset-11 {
        margin-left: 91.6666666667%
    }
    .col-sm-offset-11,
    .col-sm-offset-12 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
    .col-sm {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -ms-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .start-sm {
        -ms-flex-pack: flex-start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        text-align: left
    }
    .center-sm {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        text-align: center
    }
    .end-sm {
        -ms-flex-pack: flex-end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        text-align: right
    }
    .top-sm {
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start
    }
    .middle-sm {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }
    .bottom-sm {
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end
    }
    .around-sm {
        -ms-flex-pack: space-around;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around
    }
    .between-sm {
        -ms-flex-pack: space-between;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between
    }
    .first-sm {
        order: -1
    }
    .last-sm {
        order: 1
    }
}

@media only screen and (min-width:768px) {
    .container {
        width: 64rem
    }
    .col-md {
        -webkit-flex-basis: auto;
        -moz-flex-basis: auto;
        -ms-flex-basis: auto;
        flex-basis: auto
    }
    .col-md,
    .col-md-1 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-md-1 {
        -webkit-flex-basis: 8.3333333333%;
        -moz-flex-basis: 8.3333333333%;
        -ms-flex-basis: 8.3333333333%;
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
    .col-md-2 {
        -webkit-flex-basis: 16.6666666667%;
        -moz-flex-basis: 16.6666666667%;
        -ms-flex-basis: 16.6666666667%;
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-md-2,
    .col-md-3 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-md-3 {
        -webkit-flex-basis: 25%;
        -moz-flex-basis: 25%;
        -ms-flex-basis: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .col-md-4 {
        -webkit-flex-basis: 33.3333333333%;
        -moz-flex-basis: 33.3333333333%;
        -ms-flex-basis: 33.3333333333%;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }
    .col-md-4,
    .col-md-5 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-md-5 {
        -webkit-flex-basis: 41.6666666667%;
        -moz-flex-basis: 41.6666666667%;
        -ms-flex-basis: 41.6666666667%;
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }
    .col-md-6 {
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        -ms-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .col-md-6,
    .col-md-7 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-md-7 {
        -webkit-flex-basis: 58.3333333333%;
        -moz-flex-basis: 58.3333333333%;
        -ms-flex-basis: 58.3333333333%;
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }
    .col-md-8 {
        -webkit-flex-basis: 66.6666666667%;
        -moz-flex-basis: 66.6666666667%;
        -ms-flex-basis: 66.6666666667%;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }
    .col-md-8,
    .col-md-9 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-md-9 {
        -webkit-flex-basis: 75%;
        -moz-flex-basis: 75%;
        -ms-flex-basis: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .col-md-10 {
        -webkit-flex-basis: 83.3333333333%;
        -moz-flex-basis: 83.3333333333%;
        -ms-flex-basis: 83.3333333333%;
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }
    .col-md-10,
    .col-md-11 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-md-11 {
        -webkit-flex-basis: 91.6666666667%;
        -moz-flex-basis: 91.6666666667%;
        -ms-flex-basis: 91.6666666667%;
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }
    .col-md-12 {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .col-md-12,
    .col-md-offset-0 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-md-offset-0 {
        margin-left: 0
    }
    .col-md-offset-1 {
        margin-left: 8.3333333333%
    }
    .col-md-offset-1,
    .col-md-offset-2 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-md-offset-2 {
        margin-left: 16.6666666667%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-3,
    .col-md-offset-4 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-md-offset-4 {
        margin-left: 33.3333333333%
    }
    .col-md-offset-5 {
        margin-left: 41.6666666667%
    }
    .col-md-offset-5,
    .col-md-offset-6 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-7 {
        margin-left: 58.3333333333%
    }
    .col-md-offset-7,
    .col-md-offset-8 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-md-offset-8 {
        margin-left: 66.6666666667%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-10,
    .col-md-offset-9 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-md-offset-10 {
        margin-left: 83.3333333333%
    }
    .col-md-offset-11 {
        margin-left: 91.6666666667%
    }
    .col-md-offset-11,
    .col-md-offset-12 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
    .col-md {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -ms-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .start-md {
        -ms-flex-pack: flex-start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        text-align: left
    }
    .center-md {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        text-align: center
    }
    .end-md {
        -ms-flex-pack: flex-end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        text-align: right
    }
    .top-md {
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start
    }
    .middle-md {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }
    .bottom-md {
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end
    }
    .around-md {
        -ms-flex-pack: space-around;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around
    }
    .between-md {
        -ms-flex-pack: space-between;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between
    }
    .first-md {
        order: -1
    }
    .last-md {
        order: 1
    }
}

@media only screen and (min-width:1024px) {
    .container {
        width: 80rem
    }
    .col-lg {
        -webkit-flex-basis: auto;
        -moz-flex-basis: auto;
        -ms-flex-basis: auto;
        flex-basis: auto
    }
    .col-lg,
    .col-lg-1 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-lg-1 {
        -webkit-flex-basis: 8.3333333333%;
        -moz-flex-basis: 8.3333333333%;
        -ms-flex-basis: 8.3333333333%;
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
    .col-lg-2 {
        -webkit-flex-basis: 16.6666666667%;
        -moz-flex-basis: 16.6666666667%;
        -ms-flex-basis: 16.6666666667%;
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-lg-2,
    .col-lg-3 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-lg-3 {
        -webkit-flex-basis: 25%;
        -moz-flex-basis: 25%;
        -ms-flex-basis: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -webkit-flex-basis: 33.3333333333%;
        -moz-flex-basis: 33.3333333333%;
        -ms-flex-basis: 33.3333333333%;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }
    .col-lg-4,
    .col-lg-5 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-lg-5 {
        -webkit-flex-basis: 41.6666666667%;
        -moz-flex-basis: 41.6666666667%;
        -ms-flex-basis: 41.6666666667%;
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }
    .col-lg-6 {
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        -ms-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .col-lg-6,
    .col-lg-7 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-lg-7 {
        -webkit-flex-basis: 58.3333333333%;
        -moz-flex-basis: 58.3333333333%;
        -ms-flex-basis: 58.3333333333%;
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }
    .col-lg-8 {
        -webkit-flex-basis: 66.6666666667%;
        -moz-flex-basis: 66.6666666667%;
        -ms-flex-basis: 66.6666666667%;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }
    .col-lg-8,
    .col-lg-9 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-lg-9 {
        -webkit-flex-basis: 75%;
        -moz-flex-basis: 75%;
        -ms-flex-basis: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -webkit-flex-basis: 83.3333333333%;
        -moz-flex-basis: 83.3333333333%;
        -ms-flex-basis: 83.3333333333%;
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }
    .col-lg-10,
    .col-lg-11 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-lg-11 {
        -webkit-flex-basis: 91.6666666667%;
        -moz-flex-basis: 91.6666666667%;
        -ms-flex-basis: 91.6666666667%;
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }
    .col-lg-12 {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .col-lg-12,
    .col-lg-offset-0 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
    .col-lg-offset-1 {
        margin-left: 8.3333333333%
    }
    .col-lg-offset-1,
    .col-lg-offset-2 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-lg-offset-2 {
        margin-left: 16.6666666667%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-3,
    .col-lg-offset-4 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-lg-offset-4 {
        margin-left: 33.3333333333%
    }
    .col-lg-offset-5 {
        margin-left: 41.6666666667%
    }
    .col-lg-offset-5,
    .col-lg-offset-6 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-7 {
        margin-left: 58.3333333333%
    }
    .col-lg-offset-7,
    .col-lg-offset-8 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-lg-offset-8 {
        margin-left: 66.6666666667%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-10,
    .col-lg-offset-9 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-lg-offset-10 {
        margin-left: 83.3333333333%
    }
    .col-lg-offset-11 {
        margin-left: 91.6666666667%
    }
    .col-lg-offset-11,
    .col-lg-offset-12 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
    .col-lg {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -ms-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .start-lg {
        -ms-flex-pack: flex-start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        text-align: left
    }
    .center-lg {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        text-align: center
    }
    .end-lg {
        -ms-flex-pack: flex-end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        text-align: right
    }
    .top-lg {
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start
    }
    .middle-lg {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }
    .bottom-lg {
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end
    }
    .around-lg {
        -ms-flex-pack: space-around;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around
    }
    .between-lg {
        -ms-flex-pack: space-between;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between
    }
    .first-lg {
        order: -1
    }
    .last-lg {
        order: 1
    }
}

@media only screen and (min-width:1224px) {
    .container {
        width: 106.4rem
    }
    .col-xl {
        -webkit-flex-basis: auto;
        -moz-flex-basis: auto;
        -ms-flex-basis: auto;
        flex-basis: auto
    }
    .col-xl,
    .col-xl-1 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xl-1 {
        -webkit-flex-basis: 8.3333333333%;
        -moz-flex-basis: 8.3333333333%;
        -ms-flex-basis: 8.3333333333%;
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
    .col-xl-2 {
        -webkit-flex-basis: 16.6666666667%;
        -moz-flex-basis: 16.6666666667%;
        -ms-flex-basis: 16.6666666667%;
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-xl-2,
    .col-xl-3 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xl-3 {
        -webkit-flex-basis: 25%;
        -moz-flex-basis: 25%;
        -ms-flex-basis: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -webkit-flex-basis: 33.3333333333%;
        -moz-flex-basis: 33.3333333333%;
        -ms-flex-basis: 33.3333333333%;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }
    .col-xl-4,
    .col-xl-5 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xl-5 {
        -webkit-flex-basis: 41.6666666667%;
        -moz-flex-basis: 41.6666666667%;
        -ms-flex-basis: 41.6666666667%;
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }
    .col-xl-6 {
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        -ms-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .col-xl-6,
    .col-xl-7 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xl-7 {
        -webkit-flex-basis: 58.3333333333%;
        -moz-flex-basis: 58.3333333333%;
        -ms-flex-basis: 58.3333333333%;
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }
    .col-xl-8 {
        -webkit-flex-basis: 66.6666666667%;
        -moz-flex-basis: 66.6666666667%;
        -ms-flex-basis: 66.6666666667%;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }
    .col-xl-8,
    .col-xl-9 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xl-9 {
        -webkit-flex-basis: 75%;
        -moz-flex-basis: 75%;
        -ms-flex-basis: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -webkit-flex-basis: 83.3333333333%;
        -moz-flex-basis: 83.3333333333%;
        -ms-flex-basis: 83.3333333333%;
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }
    .col-xl-10,
    .col-xl-11 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xl-11 {
        -webkit-flex-basis: 91.6666666667%;
        -moz-flex-basis: 91.6666666667%;
        -ms-flex-basis: 91.6666666667%;
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }
    .col-xl-12 {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .col-xl-12,
    .col-xl-offset-0 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xl-offset-0 {
        margin-left: 0
    }
    .col-xl-offset-1 {
        margin-left: 8.3333333333%
    }
    .col-xl-offset-1,
    .col-xl-offset-2 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xl-offset-2 {
        margin-left: 16.6666666667%
    }
    .col-xl-offset-3 {
        margin-left: 25%
    }
    .col-xl-offset-3,
    .col-xl-offset-4 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xl-offset-4 {
        margin-left: 33.3333333333%
    }
    .col-xl-offset-5 {
        margin-left: 41.6666666667%
    }
    .col-xl-offset-5,
    .col-xl-offset-6 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xl-offset-6 {
        margin-left: 50%
    }
    .col-xl-offset-7 {
        margin-left: 58.3333333333%
    }
    .col-xl-offset-7,
    .col-xl-offset-8 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xl-offset-8 {
        margin-left: 66.6666666667%
    }
    .col-xl-offset-9 {
        margin-left: 75%
    }
    .col-xl-offset-10,
    .col-xl-offset-9 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xl-offset-10 {
        margin-left: 83.3333333333%
    }
    .col-xl-offset-11 {
        margin-left: 91.6666666667%
    }
    .col-xl-offset-11,
    .col-xl-offset-12 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xl-offset-12 {
        margin-left: 100%
    }
    .col-xl {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -ms-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .start-xl {
        -ms-flex-pack: flex-start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        text-align: left
    }
    .center-xl {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        text-align: center
    }
    .end-xl {
        -ms-flex-pack: flex-end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        text-align: right
    }
    .top-xl {
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start
    }
    .middle-xl {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }
    .bottom-xl {
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end
    }
    .around-xl {
        -ms-flex-pack: space-around;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around
    }
    .between-xl {
        -ms-flex-pack: space-between;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between
    }
    .first-xl {
        order: -1
    }
    .last-xl {
        order: 1
    }
}

@media only screen and (min-width:1824px) {
    .container {
        width: 106.4rem
    }
    .col-xxl {
        -webkit-flex-basis: auto;
        -moz-flex-basis: auto;
        -ms-flex-basis: auto;
        flex-basis: auto
    }
    .col-xxl,
    .col-xxl-1 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xxl-1 {
        -webkit-flex-basis: 8.3333333333%;
        -moz-flex-basis: 8.3333333333%;
        -ms-flex-basis: 8.3333333333%;
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
    .col-xxl-2 {
        -webkit-flex-basis: 16.6666666667%;
        -moz-flex-basis: 16.6666666667%;
        -ms-flex-basis: 16.6666666667%;
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-xxl-2,
    .col-xxl-3 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xxl-3 {
        -webkit-flex-basis: 25%;
        -moz-flex-basis: 25%;
        -ms-flex-basis: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .col-xxl-4 {
        -webkit-flex-basis: 33.3333333333%;
        -moz-flex-basis: 33.3333333333%;
        -ms-flex-basis: 33.3333333333%;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }
    .col-xxl-4,
    .col-xxl-5 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xxl-5 {
        -webkit-flex-basis: 41.6666666667%;
        -moz-flex-basis: 41.6666666667%;
        -ms-flex-basis: 41.6666666667%;
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }
    .col-xxl-6 {
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        -ms-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .col-xxl-6,
    .col-xxl-7 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xxl-7 {
        -webkit-flex-basis: 58.3333333333%;
        -moz-flex-basis: 58.3333333333%;
        -ms-flex-basis: 58.3333333333%;
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }
    .col-xxl-8 {
        -webkit-flex-basis: 66.6666666667%;
        -moz-flex-basis: 66.6666666667%;
        -ms-flex-basis: 66.6666666667%;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }
    .col-xxl-8,
    .col-xxl-9 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xxl-9 {
        -webkit-flex-basis: 75%;
        -moz-flex-basis: 75%;
        -ms-flex-basis: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .col-xxl-10 {
        -webkit-flex-basis: 83.3333333333%;
        -moz-flex-basis: 83.3333333333%;
        -ms-flex-basis: 83.3333333333%;
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }
    .col-xxl-10,
    .col-xxl-11 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xxl-11 {
        -webkit-flex-basis: 91.6666666667%;
        -moz-flex-basis: 91.6666666667%;
        -ms-flex-basis: 91.6666666667%;
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }
    .col-xxl-12 {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .col-xxl-12,
    .col-xxl-offset-0 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xxl-offset-0 {
        margin-left: 0
    }
    .col-xxl-offset-1 {
        margin-left: 8.3333333333%
    }
    .col-xxl-offset-1,
    .col-xxl-offset-2 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xxl-offset-2 {
        margin-left: 16.6666666667%
    }
    .col-xxl-offset-3 {
        margin-left: 25%
    }
    .col-xxl-offset-3,
    .col-xxl-offset-4 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xxl-offset-4 {
        margin-left: 33.3333333333%
    }
    .col-xxl-offset-5 {
        margin-left: 41.6666666667%
    }
    .col-xxl-offset-5,
    .col-xxl-offset-6 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xxl-offset-6 {
        margin-left: 50%
    }
    .col-xxl-offset-7 {
        margin-left: 58.3333333333%
    }
    .col-xxl-offset-7,
    .col-xxl-offset-8 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xxl-offset-8 {
        margin-left: 66.6666666667%
    }
    .col-xxl-offset-9 {
        margin-left: 75%
    }
    .col-xxl-offset-10,
    .col-xxl-offset-9 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xxl-offset-10 {
        margin-left: 83.3333333333%
    }
    .col-xxl-offset-11 {
        margin-left: 91.6666666667%
    }
    .col-xxl-offset-11,
    .col-xxl-offset-12 {
        box-sizing: border-box;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .col-xxl-offset-12 {
        margin-left: 100%
    }
    .col-xxl {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -ms-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .start-xxl {
        -ms-flex-pack: flex-start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        text-align: left
    }
    .center-xxl {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        text-align: center
    }
    .end-xxl {
        -ms-flex-pack: flex-end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        text-align: right
    }
    .top-xxl {
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start
    }
    .middle-xxl {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }
    .bottom-xxl {
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end
    }
    .around-xxl {
        -ms-flex-pack: space-around;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around
    }
    .between-xxl {
        -ms-flex-pack: space-between;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between
    }
    .first-xxl {
        order: -1
    }
    .last-xxl {
        order: 1
    }
}

.btn {
    background-color: transparent;
    border: .1rem solid transparent;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-family: Averta, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    padding: 1rem 2rem;
    text-align: center;
    text-decoration: none;
    -webkit-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out;
    -ms-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out;
    -o-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out;
    transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out;
    vertical-align: middle;
    white-space: nowrap
}

.btn--light-gray {
    border-color: rgba(0, 0, 0, .2);
    color: #000
}

.btn--light-gray:hover {
    border-color: rgba(0, 0, 0, .6)
}

.btn--light-gray:focus {
    background-color: #fff;
    border-color: #004196
}

.btn--light-gray::placeholder {
    color: rgba(0, 0, 0, .2)
}

.btn--large {
    font-size: 1.6rem;
    padding: 1.5rem 4rem
}

.btn--primary {
    background-color: #00249c;
    border-color: #00249c;
    color: #fff
}

.btn--primary:hover {
    background-color: #0d2677;
    color: #fff
}

.btn--light {
    border-color: #000;
    color: #000;
    text-decoration: none
}

.btn--light:hover {
    background-color: #f4f4f4;
    color: #000
}

.btn--blue-border {
    border-color: #0060fe;
    color: #0060fe
}

.btn--blue-border:hover {
    background-color: #0060fe;
    color: #fff
}

.btn--red {
    background-color: #fa1e4e;
    -moz-box-shadow: 0 1.2rem 3.2rem -1.2rem rgba(201, 0, 64, .6);
    -ms-box-shadow: 0 1.2rem 3.2rem -1.2rem rgba(201, 0, 64, .6);
    box-shadow: 0 1.2rem 3.2rem -1.2rem rgba(201, 0, 64, .6);
    color: #fff;
    text-decoration: none
}

.btn--red:hover {
    background-color: #e00535;
    color: #fff
}

.btn--black {
    background-color: #000;
    color: #fff;
    text-decoration: none
}

.btn--black:hover {
    background-color: #333;
    color: #fff
}

.btn--white {
    background-color: #fff;
    color: #00249c;
    text-decoration: none
}

.btn--white:hover {
    background-color: #ccc;
    color: #000c36
}

.btn--black-link {
    color: #000;
    padding: 0
}

.btn--black-link:hover {
    color: #000
}

.btn--green {
    background-color: #168900;
    color: #fff;
    text-decoration: none
}

.btn--green:hover {
    color: #fff
}

.btn--arrowed:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/2f0de4df6a76a6aa02f9.0bb74469b23f.svg?46ab8bf22792");
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 1.4rem;
    margin: 0 0 .3rem .7em;
    position: relative;
    transition: transform .5s cubic-bezier(.175, .885, .32, 1.275);
    vertical-align: middle;
    width: 1.4rem
}

.btn--arrowed--white:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/1a7d399367bb0baa0705.b18503a8a40b.svg?46ab8bf22792")
}

.btn--arrowed:hover:after {
    transform: translate(.3rem, -.3rem)
}

.btn--arrowed--down:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/bdc8dfc2d0d03dc747d4.d649f7e471ff.svg?46ab8bf22792")
}

.btn--arrowed--down-white:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/e30e292c042e58918349.f669cb2ae86f.svg?46ab8bf22792")
}

.btn--arrowed--down-white:hover:after {
    transform: translate(.3rem, .3rem)
}

.btn--link {
    background-color: transparent
}

.btn--link,
.btn--link.btn--arrowed:hover {
    color: #0060fe
}

.btn--link.btn--arrowed:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/e7d993752837b5acb4f6.cde9e3ca79ad.svg?08d8626602a4")
}

.btn--wider {
    min-width: 16.4rem
}

.btn--circular {
    border: .1rem solid #a9a9a9;
    border-radius: 50%;
    height: 3.2rem;
    line-height: 3.2rem;
    padding: 0;
    position: relative;
    width: 3.2rem
}

.btn--circular-left:after,
.btn--circular-right:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/314468e33d711c01f85c.cbadaf79bd17.svg?46ab8bf22792");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 45%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.btn--circular-left:after {
    transform: rotate(180deg)
}

.btn--circular:hover {
    border-color: #000
}

.btn--circular:hover:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/3f8bb167cd447e841c8e.2a69ed3f8336.svg?08d8626602a4");
    content: ""
}

.btn--circular--white {
    border: .1rem solid #fff;
    border-radius: 50%;
    height: 3.2rem;
    line-height: 3.2rem;
    padding: 0;
    position: relative;
    width: 3.2rem
}

.btn--circular--white-left:after,
.btn--circular--white-right:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/8b224a3ccf68ce64c82a.3850ed37759d.svg?08d8626602a4");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 45%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.btn--circular--white-left:after {
    transform: rotate(180deg)
}

.btn--circular--white:hover {
    background-color: #fff;
    border-color: #fff
}

.btn--circular--white:hover:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/dc25dfacc193f38065e2.17004ffd9666.svg?46ab8bf22792");
    content: ""
}

.btn--wrap {
    white-space: normal
}

.btn--scale-up-150 {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5)
}

.btn-img {
    background-color: #ebebeb;
    border-radius: 3.6rem;
    color: #000;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: .1rem;
    min-width: 10rem;
    padding-right: 2rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .25s ease-in-out;
    white-space: nowrap
}

.btn-img,
.btn-img__box {
    align-items: center;
    display: flex;
    height: 3.6rem
}

.btn-img__box {
    background-color: #dadada;
    border-radius: 50%;
    box-sizing: border-box;
    justify-content: center;
    margin-right: 1rem;
    padding: .5rem;
    width: 3.6rem
}

.btn-img__box img {
    max-height: 1.5rem;
    transition: transform .25s ease-in-out;
    width: 100%
}

.btn-img--blue {
    background-color: #0299ff;
    color: #fff
}

.btn-img--blue:hover {
    color: #f4f4f4
}

.btn-img--blue .btn-img__box {
    background-color: #028deb
}

.btn-img--blue .btn-img__box img {
    width: 75%
}

.btn-img:hover {
    color: #000;
    text-decoration: none
}

.btn-img:hover .btn-img__box img {
    transform: scale(1.2)
}

.cookie-consent__wrapper {
    background-color: rgba(0, 0, 0, .5);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000
}

.cookie-consent__inner {
    background-color: #fff;
    box-shadow: 0 15px 50px rgba(0, 0, 0, .25);
    display: none;
    font-family: Averta, Arial, sans-serif;
    margin: 0 auto
}

.cookie-consent__inner a {
    color: #909090;
    text-decoration: underline
}

.cookie-consent__inner a:hover {
    color: #606060
}

@media(min-width:768px) {
    .cookie-consent__basic {
        max-width: 28rem
    }
}

.cookie-consent__head {
    border-bottom: 1px solid #e6e6e6;
    margin: 0;
    padding: 1.6rem 2.4rem
}

.cookie-consent__body {
    padding: 1.7rem 2.4rem
}

.cookie-consent__body h4 {
    margin: 0
}

.cookie-consent__body p {
    font-size: 1rem;
    line-height: 1.6rem;
    margin: 1.1rem 0
}

.cookie-consent__footer {
    border-top: 1px solid #e6e6e6;
    margin: 0;
    padding: 0 2.4rem 1.7rem
}

.cookie-consent__btn {
    box-sizing: border-box;
    margin: 1.2rem 0 0
}

.cookie-consent__btn.btn {
    font-size: 1.2rem
}

.cookie-consent__btn.btn--primary {
    background: #2084d9;
    border-color: #2084d9
}

.cookie-consent__btn.btn--primary:hover {
    background: #489ce4;
    border-color: #489ce4
}

@media(min-width:768px) {
    .cookie-consent__advanced {
        max-width: 48rem
    }
}

.cookie-consent__advanced .popup h4 {
    font-size: 1.2rem
}

.cookie-consent__advanced-close {
    background: url("https://cdn-production-opera-website.operacdn.com/staticfiles/678b79664d418603e6c0.4993d5e05c7c.svg?08d8626602a4") no-repeat;
    background-size: 1.6rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    cursor: pointer;
    height: 1.6rem;
    opacity: .2;
    position: absolute;
    right: 0;
    top: -.8rem;
    transition: all .2s ease-out;
    width: 1.6rem
}

.cookie-consent__advanced-close:hover {
    opacity: 1;
    transform: rotate(90deg)
}

.cookie-consent__switch {
    background-color: #d9d9d9;
    border-radius: 1.2rem;
    cursor: pointer;
    display: inline-block;
    height: 2.4rem;
    position: relative;
    width: 4.8rem
}

.cookie-consent__switch:before {
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 .2rem .5rem 0 rgba(0, 0, 0, .2);
    content: "";
    display: block;
    height: 1.7rem;
    left: .4rem;
    position: absolute;
    top: .3rem;
    transition: left .15s ease-out;
    width: 1.7rem
}

.cookie-consent__switch.active {
    background-color: #00249c
}

.cookie-consent__switch.active:before {
    left: 2.8rem
}

.info-bar {
    background: #000;
    color: #fff;
    position: relative;
    z-index: 2
}

.info-bar__caption {
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    font-family: Averta, Arial, sans-serif;
    height: 3.6rem;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    line-height: 1;
    margin: 0 3rem 0 0;
    text-align: left
}

@media(min-width:768px) {
    .info-bar__caption {
        height: 3rem;
        text-align: center
    }
}

.info-bar__icon {
    background: transparent url("https://cdn-production-opera-website.operacdn.com/staticfiles/7c43cc9b1eea676681c0.68350fb6c0de.svg?46ab8bf22792");
    background-size: 100%;
    display: inline-block;
    flex: none;
    height: 1.2rem;
    margin-right: 1.5rem;
    width: 1.2rem
}

.info-bar__close {
    background: transparent url("https://cdn-production-opera-website.operacdn.com/staticfiles/371adaebb29e69549dc6.5a30862a9a02.svg?08d8626602a4");
    background-size: 100%;
    border: 0 solid transparent;
    cursor: pointer;
    height: 1.2rem;
    position: absolute;
    right: 2rem;
    top: 1.2rem;
    width: 1.2rem;
    z-index: 1
}

.with-info-bar .header__menu-nav {
    padding-top: 12.6rem
}

.with-info-bar .hf__header.active .header__menu-nav {
    padding-top: 9.2rem
}

.with-info-bar~.use-cases .article-sidebar {
    padding-top: 10.6rem
}

.section-features-list .feature-tile {
    margin-bottom: 2rem
}

.section-features-list .feature-name {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex
}

.section-features-list .feature-name img {
    height: 5.2rem;
    margin: 0 1rem 0 0
}

@media(min-width:768px) {
    .section-features-list .feature-name img {
        margin: 0 1.2rem 0 0
    }
}

.section-features-list .feature-name h3 {
    font-size: 1.7rem;
    margin: 0
}

.section-features-list .feature-name a {
    color: inherit;
    text-decoration: none
}

.section-features-list .feature-name a:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.section-features-list .feature-wrapper {
    color: inherit;
    display: block;
    margin: 1rem;
    overflow: hidden;
    padding: 4rem 3rem;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

@media(min-width:768px) {
    .section-features-list .feature-wrapper {
        margin: 1rem 0;
        min-height: 12rem
    }
}

.section-features-list .feature-wrapper:hover {
    background-color: #fff;
    opacity: 1
}

.section-features-list .feature-wrapper:hover:before {
    display: none
}

@media(max-width:768px) {
    .section-features-list .feature-slider .feature-wrapper {
        -moz-box-shadow: 0 8px 80px -12px hsla(0, 0%, 92%, .8);
        -ms-box-shadow: 0 8px 80px -12px hsla(0, 0%, 92%, .8);
        box-shadow: 0 8px 80px -12px hsla(0, 0%, 92%, .8)
    }
}

.section-features-list .feature-slider .feature-name img {
    margin: 0 0 1rem
}

@media(min-width:768px) {
    .section-features-list .feature-slider .feature-name img {
        margin: 0 1.2rem 0 0
    }
    .section-features-list ul .feature-wrapper:before {
        background: #fff;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: opacity .25s ease-in-out;
        width: 100%;
        z-index: 1
    }
    .section-features-list ul:hover .feature-wrapper:before {
        opacity: .5
    }
}

.section-features-list--hoverable-box-shadow .feature-wrapper:hover {
    -moz-box-shadow: 0 8px 80px -12px hsla(0, 0%, 92%, .8);
    -ms-box-shadow: 0 8px 80px -12px hsla(0, 0%, 92%, .8);
    box-shadow: 0 8px 80px -12px hsla(0, 0%, 92%, .8)
}

.cover-tile {
    border: 1px solid #ebebeb;
    border-radius: 2.4rem;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: box-shadow .5s ease-in-out;
    -moz-transition: box-shadow .5s ease-in-out;
    -ms-transition: box-shadow .5s ease-in-out;
    -o-transition: box-shadow .5s ease-in-out;
    transition: box-shadow .5s ease-in-out
}

.cover-tile__img-container {
    background-color: #ffc638;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 23vw;
    -webkit-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    -ms-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out
}

.cover-tile__img-container--ad-blocker {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/5626d2387b51eb86de51.b6c77cc99023.jpg?46ab8bf22792")
}

.cover-tile__img-container--ad-blocker-gx {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/26d5687686c5256222ae.690afbc503bc.jpg?08d8626602a4")
}

.cover-tile__img-container--bookmarks {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/63307c5c545aaeb62353.f18b858c2801.jpg?08d8626602a4")
}

.cover-tile__img-container--customize-messenger-icons {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/d3e8da660457e163c978.aaad3659b854.jpg?46ab8bf22792")
}

.cover-tile__img-container--corsair-icue {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/4b6dcebe9e636997afa2.56e84dd5937b.jpg?46ab8bf22792")
}

.cover-tile__img-container--dark-or-light {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/450f7923fdef5650590e.68d75d50ab2d.jpg?46ab8bf22792")
}

.cover-tile__img-container--discord-gx {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/1962378cc5c942954d30.45f63475a5a3.jpg?08d8626602a4")
}

.cover-tile__img-container--force-dark-pages-gx {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/f284b744e821b3c4b89b.2b13a2768a6b.jpg?46ab8bf22792")
}

.cover-tile__img-container--gx-design {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/7e78a36dd691bbe7d208.28bf4e7d8c46.jpg?08d8626602a4")
}

.cover-tile__img-container--light-themes {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/759f58dfbb9d0e428090.29af92e8db49.jpg?46ab8bf22792")
}

.cover-tile__img-container--gx-cleaner {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/b0cc41fe4fe9a710ee18.46d7aecb8026.jpg?08d8626602a4")
}

.cover-tile__img-container--gx-corner {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/4d0aa97df9c1f414d8fc.85618f7617f9.jpg?08d8626602a4")
}

.cover-tile__img-container--gx-control,
.cover-tile__img-container--hot-tabs-killer-gx {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/eaa10e67df3afb6cf62e.fdb7a53b8766.jpg?08d8626602a4")
}

.cover-tile__img-container--gx-control-2021 {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/112934fc6bea1ef1abdf.3b9539d2051d.jpg?46ab8bf22792")
}

.cover-tile__img-container--gx-easy-files {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/a8d3e55558b7a36d22c5.f19f40eaf7d9.jpg?46ab8bf22792")
}

.cover-tile__img-container--gx-pinboards {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/7bb03fc3584be5955593.5bd5d9e5d195.jpg?08d8626602a4")
}

.cover-tile__img-container--gx-logitech {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/6f7cb6621f6f23856cba.cebb531a3b21.png?08d8626602a4")
}

.cover-tile__img-container--gx-profiles {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/d38e508b9717b44acdfd.a0b90650ca6f.png?46ab8bf22792")
}

.cover-tile__img-container--gx-operius {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/bdcf5a96577b1d2fd1e5.306ffd034db4.jpg?46ab8bf22792")
}

.cover-tile__img-container--gx-gxmobile {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/65158fd630956ddfff72.5594bb8de22c.jpg?46ab8bf22792")
}

.cover-tile__img-container--gx-video-pickup {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/8a0b913eb48644b24087.81ecdc7c2127.png?46ab8bf22792")
}

.cover-tile__img-container--instagram {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/53b47f39928872a27a02.5dde855fb29d.jpg?46ab8bf22792")
}

.cover-tile__img-container--instagram-gx {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/560b50e41b87286180de.7d38b5c8601f.jpg?46ab8bf22792")
}

.cover-tile__img-container--messengers {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/1f009838578a153b5888.b3686933f395.jpg?08d8626602a4")
}

.cover-tile__img-container--messengers-gx {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/d9f810b126d858e6a852.d2993e492b4b.jpg?46ab8bf22792")
}

.cover-tile__img-container--player-in-sidebar {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/2e9bde50b91ba0a8897e.25d9c19c706b.jpg?08d8626602a4")
}

.cover-tile__img-container--search-in-tabs {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/18023bcd881764593b1c.ce074c4c8964.jpg?08d8626602a4")
}

.cover-tile__img-container--search-in-tabs-gx {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/c91f2302baa3ef259979.f923dd9fc883.jpg?46ab8bf22792")
}

.cover-tile__img-container--secondary-color {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/02f9d13d10790b005117.99e8176b0f2f.jpg?08d8626602a4")
}

.cover-tile__img-container--shopping-corner {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/4900141f86214f58524b.4953e20e3374.jpg?08d8626602a4")
}

.cover-tile__img-container--sidebar {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/632621b92b83887baa55.8cc28fc4b01a.jpg?08d8626602a4")
}

.cover-tile__img-container--sidebar-red {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/e99fc076fd2a7d17388c.fd74c357c50e.jpg?46ab8bf22792")
}

.cover-tile__img-container--sidebar-gx {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/f6f306ade1748ca79ce4.837e54b18348.jpg?08d8626602a4")
}

.cover-tile__img-container--twitch {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/b33daddda39656811dc3.63588fda5f81.jpg?08d8626602a4")
}

.cover-tile__img-container--twitter {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/6697708b81bc06a065bd.a9c5770a9c57.jpg?46ab8bf22792")
}

.cover-tile__img-container--twitter-gx {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/bf0fef0710eb099d4205.72aa1358f4b4.jpg?46ab8bf22792")
}

.cover-tile__img-container--weather {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/8a6a7aa47a8c5fe94915.bbdba6d5aa5a.jpg?46ab8bf22792")
}

.cover-tile__img-container--whatsapp {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/93f904ac5fc7fbd80895.aef1fba9169d.jpg?08d8626602a4")
}

.cover-tile__img-container--instagram-red {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/2a775cb33eb4f07a16a0.b2e57e60c2ab.jpg?08d8626602a4")
}

.cover-tile__img-container--messenger {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/461598f8950d81edc8a5.c021eb20e7be.jpg?08d8626602a4")
}

.cover-tile__img-container--workspaces {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/24de5f3c8bb59d6285ef.97dea95d5bf5.jpg?46ab8bf22792")
}

.cover-tile__img-container--workspaces-gx {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/a8d6f1fa6eeb97156e3a.6ff8c20cadd2.jpg?08d8626602a4")
}

.cover-tile__img-container--vkontakte {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/4f0c441dde004a85d7f9.672130d1e85b.jpg?46ab8bf22792")
}

.cover-tile__img-container--vpn {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/4de77292407abef170f3.f7f8809b3852.jpg?08d8626602a4")
}

.cover-tile__img-container--flow {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/e3697418384cfa790e07.97ba04ab8114.jpg?46ab8bf22792")
}

.cover-tile__img-container--flow-gx {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/63c110e2c1789e09580a.fc251f743651.jpg?08d8626602a4")
}

.cover-tile__img-container--loomi-en {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/28c8a88a854d287a5e59.98698af9f441.jpg?46ab8bf22792")
}

.cover-tile__img-container--loomi-pl {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/cb51b043a4b9c4af415a.e963f9a0062c.png?46ab8bf22792")
}

.cover-tile__img-container--video-pop-out {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/af065933a607f447752a.e6ec8691b91b.png?46ab8bf22792")
}

.cover-tile__img-container--video-call-popout {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/7e1573c95556f1e3adaf.23bdaf7ee370.jpg?46ab8bf22792")
}

.cover-tile__img-container--ims_software {
    background-image: url("./ims.png")
}


.cover-tile__img-container--vpn-gx {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/e90bac9bc8967adff16b.f33cc357a244.jpg?46ab8bf22792")
}

.cover-tile__img-container--telegram {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/7ce7a867f0a0b7f8a64d.0ea7438ea4a6.jpg?08d8626602a4")
}

.cover-tile__img-container--bg-music-gx {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/eaefa301cef845089c84.30172d149a1d.jpg?46ab8bf22792")
}

.cover-tile__img-container--razer-chroma {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/416fa838e3b484acd46f.b20ab344e1a1.jpg?08d8626602a4")
}

.cover-tile__img-container--pin-boards {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/b7a30f9809094188d0c2.434332d7aedd.jpg?08d8626602a4")
}

.cover-tile__img-container--player-gx {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/d2e5aa8d9bf018baebcf.a9aee55aa80b.jpg?46ab8bf22792")
}

.cover-tile__img-container--player-gx-2021 {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/e8797a98d43e96e41c18.4dd542877c24.jpg?46ab8bf22792")
}

.cover-tile__img-container--easy-files {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/3217b41d8f994733ebcb.d4385f82dabf.jpg?08d8626602a4")
}

.cover-tile__img-container--browser-sync {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/bbd65f3fc608134bc01c.fa9c902084d3.jpg?46ab8bf22792")
}

.cover-tile__img-container--cryptobrowser--ape-board {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/bad800268cb934fe5f8f.3c293e74d3ec.png?08d8626602a4")
}

.cover-tile__img-container--cryptobrowser--buy-sell-swap {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/4cdaff5d089f7b33307e.ac01bccdd264.png?46ab8bf22792")
}

.cover-tile__img-container--cryptobrowser--nft {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/c9550346b6a22bb84256.87e63a08a962.png?46ab8bf22792")
}

.cover-tile__img-container--cryptobrowser--polygon {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/1b1c480502b73bf0ed27.83ac79735a11.png?08d8626602a4")
}

.cover-tile__img-container .video-wrapper-simple {
    margin: 0
}

.cover-tile__content-box {
    background: #fff;
    height: 100%;
    position: relative;
    z-index: 1
}

.cover-tile--crypto,
.cover-tile--gx {
    border-color: hsla(0, 0%, 100%, .15);
    border-radius: 1rem
}

.cover-tile--crypto .cover-tile__content-box,
.cover-tile--gx .cover-tile__content-box {
    background-color: transparent;
    box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .4)
}

.cover-tile--crypto .cover-tile__img-container,
.cover-tile--gx .cover-tile__img-container {
    background-color: transparent
}

.cover-tile--crypto .cover-tile__heading,
.cover-tile--gx .cover-tile__heading {
    color: #fff
}

.cover-tile--crypto .btn-img--action .action--off,
.cover-tile--gx .btn-img--action .action--off {
    display: none
}

.cover-tile--crypto .btn-img--action.active .action--off,
.cover-tile--gx .btn-img--action.active .action--off {
    display: initial
}

.cover-tile--crypto .btn-img--action.active .action--on,
.cover-tile--gx .btn-img--action.active .action--on {
    display: none
}

.cover-tile:hover .cover-tile__img-container:not(.video) {
    -webkit-transform: scale(1.05) translateY(-.5rem);
    -ms-transform: scale(1.05) translateY(-.5rem);
    -moz-transform: scale(1.05) translateY(-.5rem);
    -o-transform: scale(1.05) translateY(-.5rem);
    transform: scale(1.05) translateY(-.5rem)
}

.welcome-page--r20 .header-wrapper {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 2rem;
    width: 100%
}

.welcome-page--r20 .header-wrapper header {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.welcome-page--r20 .header-wrapper header .welcome-page--header__wrapper {
    margin: 0
}

.welcome-page--r20 .footer-wrapper {
    border-top: 1px solid #d9d9d9;
    width: 100%
}

.welcome-page--r20 .welcome-page--latest-addition {
    border-right: .1rem solid #dadada;
    margin-top: 1rem
}

@media(min-width:768px) {
    .welcome-page--r20 .welcome-page--latest-addition {
        margin-top: 0
    }
}

.welcome-page--r20 .welcome-page--latest-addition__header {
    margin: 0
}

.welcome-page--r20 .welcome-page--latest-addition__subheader {
    color: #b3b3b3;
    font-size: 1.2rem;
    margin: 0
}

.welcome-page--r20 .welcome-page--hero {
    background: #83c6cf;
    border: 1.5rem solid #5db5c0;
    box-sizing: border-box;
    min-width: 100%;
    text-align: center
}

@media(min-width:1224px) {
    .welcome-page--r20 .welcome-page--hero {
        background: #83c6cf url("https://cdn-production-opera-website.operacdn.com/staticfiles/9cb07869779287e0b4fb.83cbe6df4696.jpg?46ab8bf22792") no-repeat;
        background-size: cover;
        text-align: left
    }
    .welcome-page--r20 .welcome-page--hero.upgraded {
        background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/ed47922adb128a906fe3.9050bfca07e0.jpg?46ab8bf22792")
    }
}

@media(min-width:1824px) {
    .welcome-page--r20 .welcome-page--hero {
        background-position: center 35%
    }
}

.welcome-page--r20 .welcome-page--hero__header {
    color: #43a5b1;
    margin: 5rem 0
}

@media(min-width:1224px) {
    .welcome-page--r20 .welcome-page--hero__header {
        margin: 10rem 0
    }
}

.welcome-page--r20 .cover-tile {
    border: .1rem solid #dadada
}



.footer__social-icons {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0 0 -.4rem;
    padding: 0
}

.footer__social-icons li {
    display: inline-flex
}

.footer__social-icons a {
    display: inline-block;
    height: 2.4rem;
    margin: 0 .5rem;
    width: 2.4rem
}

.footer__social-icons svg path {
    -webkit-transition: fill .25s ease-in-out;
    -moz-transition: fill .25s ease-in-out;
    -ms-transition: fill .25s ease-in-out;
    -o-transition: fill .25s ease-in-out;
    transition: fill .25s ease-in-out
}

.footer__social-icons svg:hover path {
    fill: #00249c
}

.footer__social-icons.gx-red svg path {
    fill: #fa1e4e
}

.footer__social-icons.gx-59 svg path {
    fill: #8c7db0
}

.footer__social-icons.gx-59 svg:hover path {
    fill: #fa1e4e
}

html {
    -webkit-font-smoothing: antialiased
}

body {
    height: 100vh;
    text-align: center
}

img {
    height: auto;
    max-width: 100%
}

header {
    box-sizing: border-box;
    padding: 2rem 2rem 0;
    text-align: left;
    width: 100%;
    z-index: 2
}

header,
header img {
    position: relative
}

header img,
header p {
    vertical-align: middle
}

header p {
    display: inline;
    font-size: 1.3em
}

header a {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle
}

header a.blog-link {
    color: #0299ff;
    display: none;
    float: right;
    font-size: 1.6rem;
    line-height: 1.33;
    opacity: .75;
    position: relative;
    top: .3em
}

@media(min-width:640px) {
    header a.blog-link {
        display: inline-block
    }
}

header a.btn {
    float: right;
    font-size: 1.2rem
}

header .gx-join-community {
    align-items: center;
    display: flex;
    float: right
}

header .gx-join-community__p {
    color: #fa1e4e
}

header .recommended {
    font-weight: 100;
    margin: 0 0 0 2.4rem
}

header .recommended img {
    margin: 0;
    padding: 0 0 0 1rem;
    vertical-align: sub
}

header .additional-info {
    border-left: .1rem solid #dadada;
    letter-spacing: 0;
    margin: 0 0 0 2.4rem;
    padding: .7em 0 .7em 2.4rem
}

header .additional-info img {
    margin: 0;
    padding-right: 1rem;
    vertical-align: text-top
}

h1 {
    font-size: 4.4rem;
    line-height: 1.5;
    margin: 0 auto
}

h1,
h1~p {
    color: #000
}

h1~p {
    font-size: 2rem
}

.btn.btn--light {
    line-height: normal
}

.read_more_arrow a {
    color: #0299ff;
    text-decoration: none
}

.read_more_arrow a:after {
    content: url("https://cdn-production-opera-website.operacdn.com/staticfiles/314466794027f3efbb03.52e1826e6fba.svg?08d8626602a4");
    display: inline-block;
    margin: -.2em 0 0 .7em;
    position: relative;
    -webkit-transition: transform .5s cubic-bezier(.175, .885, .32, 1.275);
    -moz-transition: transform .5s cubic-bezier(.175, .885, .32, 1.275);
    -ms-transition: transform .5s cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: transform .5s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .5s cubic-bezier(.175, .885, .32, 1.275);
    vertical-align: middle;
    width: 1.5rem
}

.read_more_arrow a:hover:after {
    -webkit-transform: translateX(.7rem);
    -ms-transform: translateX(.7rem);
    -moz-transform: translateX(.7rem);
    -o-transform: translateX(.7rem);
    transform: translateX(.7rem)
}

.action.tick_switch .tick_switch__button {
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 2rem;
    cursor: pointer;
    display: inline-block;
    height: 3.2rem;
    width: 3.2rem
}

.action.tick_switch .tick_switch__button#light {
    background-color: #e8f5ff;
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/0b1aec61f73e8a6b0242.e44e98c93123.svg?46ab8bf22792")
}

.action.tick_switch .tick_switch__button#dark {
    background-color: #273139;
    transform: scale(.95)
}

.action.tick_switch.active #light {
    background-image: none;
    transform: scale(.95)
}

.action.tick_switch.active #dark {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/0b1aec61f73e8a6b0242.e44e98c93123.svg?46ab8bf22792");
    transform: scale(1)
}

.action-msg__label--on {
    display: inline-flex
}

.action-msg.active .action-msg__label--on,
.action-msg__label--off {
    display: none
}

.action-msg.active .action-msg__label--off {
    display: inline-flex
}

.action-adblock {
    min-width: 16.2rem
}

.action-adblock-label--on {
    display: block
}

.action-adblock-label--off,
.action-adblock.active .action-adblock-label--on {
    display: none
}

.action-adblock.active .action-adblock-label--off {
    display: block
}

.switch {
    background-color: #b1b1b1;
    border-radius: 1.2rem;
    cursor: pointer;
    display: inline-block;
    height: 2.4rem;
    position: relative;
    width: 4.8rem
}

.switch:before {
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 .2rem .5rem 0 rgba(0, 0, 0, .2);
    content: "";
    display: block;
    height: 1.7rem;
    left: .4rem;
    position: absolute;
    top: .3rem;
    transition: left .15s ease-out;
    width: 1.7rem
}

.switch.active {
    background-color: #0199ff
}

.switch.active:before {
    left: 2.8rem
}

.welcome-page {
    box-sizing: border-box;
    line-height: 1.5;
    min-height: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1
}

@media(min-width:768px)and (min-height:530px) {
    .welcome-page {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: auto
    }
}

@media(min-width:768px) {
    .welcome-page--footer {
        box-sizing: border-box;
        width: 100%
    }
}

.welcome-page p {
    line-height: 1.5
}

.software-page_landing {
    background-color: #fff;
    border-radius: 2.4rem;
    box-shadow: 0 .8rem 8rem -1.2rem #ebebeb;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

@media(min-width:768px) {
    .software-page_landing {
        justify-content: space-between
    }
}

.software-page_landing section {
    border-left: .1rem solid #ebebeb;
    box-sizing: border-box;
    min-height: 19rem;
    min-width: 29rem;
    position: relative
}

@media(max-width:768px) {
    .software-page_landing section:nth-of-type(1n+3):before {
        background: #ebebeb;
        content: "";
        display: block;
        height: .2rem;
        left: 4.7rem;
        position: absolute;
        right: 4.7rem;
        top: 0
    }
    .software-page_landing section:nth-of-type(odd) {
        border-left: 0
    }
}

@media(min-width:768px) {
    .software-page_landing section {
        width: 33.2%
    }
    .software-page_landing section:nth-of-type(3n+1) {
        border-left: 0
    }
    .software-page_landing section:nth-of-type(1n+4):before {
        background: #ebebeb;
        content: "";
        display: block;
        height: .2rem;
        left: 4.7rem;
        position: absolute;
        right: 4.7rem;
        top: 0
    }
}

.software-page_landing section h2 {
    color: #000;
    font-size: 2.4rem;
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
    vertical-align: middle
}

.software-page_landing section h2.with-icon {
    margin: 0 auto 2rem
}

.software-page_landing section h2.with-icon:before {
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 2.8rem;
    margin-bottom: .4rem;
    margin-right: 1.5rem;
    vertical-align: middle;
    width: 2.8rem
}

.software-page_landing section h2.with-icon.adblocker:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/5fdc071cc35f8646e53b.e4a0c3f9c11e.svg?46ab8bf22792")
}

.software-page_landing section h2.with-icon.battery-saver:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/a38f9f2279b187018348.64cf5e865e0e.svg?08d8626602a4")
}

.software-page_landing section h2.with-icon.bookmarks:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/f6b2b3a0743cb1f9b080.c3d05e56b3ed.svg?46ab8bf22792")
}

.software-page_landing section h2.with-icon.crypto:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/383aaeb28a04a04190f2.f35769df0a6f.svg?46ab8bf22792")
}

.software-page_landing section h2.with-icon.instagram:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/44f5a50b2bd41214434e.72b988515793.svg?08d8626602a4");
    background-size: 2.8rem
}

.software-page_landing section h2.with-icon.messenger:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/b382dbdbcaa0ba795532.867cb1836fda.svg?46ab8bf22792");
    width: 3.2rem
}

.software-page_landing section h2.with-icon.theme:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/b639c053397708840ebc.da69f2505c26.svg?08d8626602a4")
}

.software-page_landing section h2.with-icon.snapshot:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/007232dfa49d128e5889.234023437ad5.svg?08d8626602a4");
    width: 3.2rem
}

.software-page_landing section h2.with-icon.whatsapp:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/97930e2f92ad68405bda.9ddf7ae41c53.svg?46ab8bf22792");
    width: 3.2rem
}

.software-page_landing section h2.with-icon.workspaces:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/bb95554dcec7d9c8c4c3.f607df6bf9a7.svg?46ab8bf22792");
    background-size: 2.5rem
}

.software-page_landing section h2.with-icon.vpn:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/07e044416ed290466d44.5bf0b970c4ec.svg?46ab8bf22792");
    width: 3.8rem
}

.software-page_landing section p {
    color: #b5b5ba;
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin: .5rem auto 2rem;
    max-width: 15em
}

.software-page_landing section .action.image-btn {
    cursor: pointer
}

.software-page_landing section .action.image-btn img {
    width: 3.2rem
}

.software-page_landing section .action.image-btn:hover img {
    transform: scale(1.1)
}

.software-page_landing section .action.image-btn.tick_switch img~img,
.software-page_landing section .action.image-btn.tick_switch span~span {
    margin-left: 1.5rem
}

.software-page_landing section .action .action-msg {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    margin: 0 0 1.5rem 1.5rem;
    transition: all .1s ease-in-out;
    white-space: nowrap
}

.software-page_landing section .action .action-msg .with-icon {
    line-height: unset;
    padding: .6rem 1.2rem
}

.software-page_landing section .blue_btn {
    background-color: #0299ff;
    border-radius: .2rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2;
    padding: 0 1.4rem;
    text-decoration: none;
    transition: all .1s ease-in-out
}

.software-page_landing section .blue_btn:hover {
    transform: scale(1.1)
}

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

.welcome-overlay {
    background-color: rgba(0, 0, 0, .8);
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999
}

.welcome-overlay.active {
    display: block
}

.welcome-overlay__hint {
    animation-delay: 0s;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-name: pulse;
    background: #0299ff;
    border-radius: 100%;
    box-sizing: border-box;
    color: #fff;
    height: 51rem;
    padding-right: 22.1rem;
    padding-top: 26rem;
    position: fixed;
    right: -20rem;
    text-align: right;
    top: -20rem;
    transform-origin: top right;
    transition: all .5s ease-in;
    width: 51rem
}

.welcome-overlay__img {
    position: absolute;
    right: 22rem;
    top: 21.4rem
}

.welcome-overlay__header {
    max-width: 25rem
}

.welcome-overlay__description {
    max-width: 22rem
}

.welcome-overlay__button {
    border: .1rem solid #fff;
    border-radius: .3rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.33;
    padding: .3rem 1.8rem;
    text-decoration: none;
    text-transform: uppercase
}

.welcome-overlay__button:hover {
    background: #0299ff;
    color: #fff
}

.welcome-overlay--easysetup .welcome-overlay__button {
    margin-left: 4rem
}

.welcome-overlay--easysetup .welcome-overlay__description,
.welcome-overlay--easysetup .welcome-overlay__header {
    display: inline-block
}

.welcome-weather .weather-input {
    border: .1rem solid #d8e2eb;
    border-radius: .4rem
}

.welcome-weather .weather-input::placeholder {
    color: #b1b1b1
}

.welcome-weather .autocomplete {
    margin-top: 1rem;
    max-height: 15rem;
    overflow: scroll;
    position: absolute;
    z-index: 5
}

.welcome-weather .autocomplete div {
    background: #fff;
    border: .1rem solid #d8e2eb;
    padding: .7rem
}

.welcome-weather .green {
    color: #4dd467
}

.welcome-avira-search .avira-search-video__player {
    -moz-box-shadow: 0 .4rem 3.6rem -1.2rem #000;
    -ms-box-shadow: 0 .4rem 3.6rem -1.2rem #000;
    box-shadow: 0 .4rem 3.6rem -1.2rem #000;
    height: 48rem;
    margin: 4rem auto 0;
    width: 76.8rem
}

.welcome-avira-search .avira-search-video__overlay {
    background: rgba(25, 25, 25, .4);
    bottom: 0;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%
}

.welcome-avira-search .avira-search-video__overlay.hidden {
    display: none
}

.welcome-avira-search .avira-search-video__button {
    cursor: pointer;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}