@charset "UTF-8";
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1360px
    }
}

@media (min-width: 1860px) {
    .container {
        max-width: 1800px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters > .col, .no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-hd, .col-hd-1, .col-hd-2, .col-hd-3, .col-hd-4, .col-hd-5, .col-hd-6, .col-hd-7, .col-hd-8, .col-hd-9, .col-hd-10, .col-hd-11, .col-hd-12, .col-hd-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto, .col-xxl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

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

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1, .col-auto {
    -webkit-box-flex: 0
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-2, .col-3 {
    -webkit-box-flex: 0
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-4, .col-5 {
    -webkit-box-flex: 0
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-6, .col-7 {
    -webkit-box-flex: 0
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-8, .col-9 {
    -webkit-box-flex: 0
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-10, .col-11 {
    -webkit-box-flex: 0
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -webkit-box-ordinal-group: 0;
    order: -1
}

.order-last {
    -webkit-box-ordinal-group: 14;
    order: 13
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    order: 0
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    order: 1
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    order: 2
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    order: 3
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    order: 6
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    order: 7
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    order: 8
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    order: 9
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    order: 10
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    order: 11
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0%;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%
    }

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

    .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%
    }

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

    .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%
    }

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

    .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0%;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

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

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

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

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

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

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0%;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

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

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

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

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

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

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0%;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

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

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

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

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

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

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1400px) {
    .col-hd {
        flex-basis: 0%;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-hd-auto {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-hd-1 {
        -webkit-box-flex: 0;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-hd-2 {
        -webkit-box-flex: 0;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-hd-3 {
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-hd-4 {
        -webkit-box-flex: 0;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-hd-5 {
        -webkit-box-flex: 0;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-hd-6 {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-hd-7 {
        -webkit-box-flex: 0;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-hd-8 {
        -webkit-box-flex: 0;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-hd-9 {
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-hd-10 {
        -webkit-box-flex: 0;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-hd-11 {
        -webkit-box-flex: 0;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-hd-12 {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-hd-first {
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .order-hd-last {
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .order-hd-0 {
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .order-hd-1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .order-hd-2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .order-hd-3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .order-hd-4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .order-hd-5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .order-hd-6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .order-hd-7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .order-hd-8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .order-hd-9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .order-hd-10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .order-hd-11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .order-hd-12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .offset-hd-0 {
        margin-left: 0
    }

    .offset-hd-1 {
        margin-left: 8.3333333333%
    }

    .offset-hd-2 {
        margin-left: 16.6666666667%
    }

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

    .offset-hd-4 {
        margin-left: 33.3333333333%
    }

    .offset-hd-5 {
        margin-left: 41.6666666667%
    }

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

    .offset-hd-7 {
        margin-left: 58.3333333333%
    }

    .offset-hd-8 {
        margin-left: 66.6666666667%
    }

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

    .offset-hd-10 {
        margin-left: 83.3333333333%
    }

    .offset-hd-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1860px) {
    .col-xxl {
        flex-basis: 0%;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xxl-auto {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xxl-1 {
        -webkit-box-flex: 0;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xxl-2 {
        -webkit-box-flex: 0;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xxl-3 {
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxl-4 {
        -webkit-box-flex: 0;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xxl-5 {
        -webkit-box-flex: 0;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xxl-6 {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxl-7 {
        -webkit-box-flex: 0;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xxl-8 {
        -webkit-box-flex: 0;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xxl-9 {
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxl-10 {
        -webkit-box-flex: 0;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xxl-11 {
        -webkit-box-flex: 0;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xxl-12 {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xxl-first {
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .order-xxl-last {
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .order-xxl-0 {
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .order-xxl-1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .order-xxl-2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .order-xxl-3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .order-xxl-4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .order-xxl-5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .order-xxl-6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .order-xxl-7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .order-xxl-8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .order-xxl-9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .order-xxl-10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .order-xxl-11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .order-xxl-12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xxl-2 {
        margin-left: 16.6666666667%
    }

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

    .offset-xxl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xxl-5 {
        margin-left: 41.6666666667%
    }

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

    .offset-xxl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xxl-8 {
        margin-left: 66.6666666667%
    }

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

    .offset-xxl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xxl-11 {
        margin-left: 91.6666666667%
    }
}

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

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

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

.slick-list:focus {
    outline: none
}

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

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

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: rgb(246.5, 246.5, 246.5);
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    outline: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
    background-image: linear-gradient(180deg, #fff 50%, #eee);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #dee2e6;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
    background-image: linear-gradient(180deg, #eee 50%, #ccc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #dee2e6;
    border-radius: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));
    background-image: linear-gradient(180deg, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff));
    background-image: linear-gradient(180deg, #eee 50%, #fff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #dee2e6;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

body, html {
    overflow-x: hidden
}

html {
    font-size: 10px
}

.site {
    overflow: hidden
}

button, input[type=button], input[type=reset], input[type=submit] {
    outline: 0 !important;
    border: none;
    cursor: pointer
}

body {
    font-family: Poppins, sans-serif;
    font-size: 1.6rem;
    color: #20354c;
    background: #fff;
    line-height: 1.6;
    font-weight: 400
}

@media (max-width: 767.98px) {
    body {
        font-size: 1.4rem
    }
}

b, strong {
    font-weight: 700
}

.t-color-white {
    color: #fff
}

.t-color-gray {
    color: #212121
}

a {
    color: #056cd0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

a:focus, a:hover {
    text-decoration: none;
    color: #589fe2
}

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

:focus {
    outline: none
}

h1 {
    font-size: 6.5rem;
    line-height: 1.07;
    font-weight: 600
}

@media (max-width: 1199.98px) {
    h1 {
        font-size: 5.5rem
    }
}

@media (max-width: 991.98px) {
    h1 {
        font-size: 4.5rem
    }
}

@media (max-width: 767.98px) {
    h1 {
        font-size: 3.5rem
    }
}

h2 {
    font-size: 4.5rem;
    line-height: 1.22;
    font-weight: 600;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    h2 {
        font-size: 2.2rem
    }
}

h3 {
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    h3 {
        font-size: 2.2rem
    }
}

h4 {
    font-size: 2.2rem;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    h4 {
        font-size: 1.8rem
    }
}

h5 {
    font-size: 1.8rem;
    line-height: 1.66;
    font-weight: 600
}

@media (max-width: 767.98px) {
    h5 {
        font-size: 1.4rem
    }
}

.alignleft {
    float: left;
    margin-right: 2rem
}

@media (max-width: 991.98px) {
    .alignleft {
        margin-right: 1rem
    }
}

.alignright {
    float: right;
    margin-left: 2rem
}

@media (max-width: 991.98px) {
    .alignright {
        margin-right: 1rem
    }
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media print {
    body {
        font-size: 14px;
        background: transparent
    }

    .floating-share, .site-footer, .site-header {
        display: none
    }

    #page.site {
        padding: 0 !important
    }

    .slick-slide {
        display: block !important;
        float: none !important;
        height: auto !important
    }
}

.check-list {
    padding: 0
}

.check-list li {
    position: relative;
    margin-top: 6px;
    padding-left: 30px;
    list-style: none;
    font-size: 14px;
    line-height: 24px
}

.check-list li:before {
    position: absolute;
    top: 4px;
    left: 0;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cfilter color-interpolation-filters='auto' id='a'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 0.964706 0 0 0 0 0.572549 0 0 0 0 0.168627 0 0 0 1.000000 0'/%3E%3C/filter%3E%3Cpath id='b' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3Cg transform='translate(0 -319)' filter='url(%23a)' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0 319)'%3E%3Cmask id='c' fill='%23fff'%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cpath d='M7.452 17.593v-3h6v-11h3v14h-9z' fill='%23006CD4' mask='url(%23c)' transform='rotate(45 11.952 10.593)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 24px;
    content: ""
}

iframe {
    max-width: 100%
}

:focus-visible {
    outline: 2px solid #f6922b !important;
    outline-offset: .25rem
}

.button-link.button-link-white:focus-visible, .button-primary:focus-visible, .featured .link a.button-link-white:focus-visible, .home-did-you-know .button.button-primary:focus-visible {
    color: #fff
}

.section-accordion {
    padding: 2rem 0
}

.section-accordion__item {
    margin: 0;
    padding: 0;
    border-top: 1px solid #d5d5d5
}

.section-accordion__item:last-of-type {
    border-bottom: 1px solid #d5d5d5
}

.section-accordion__item-title {
    text-align: left;
    outline: 0;
    text-decoration: none;
    display: -webkit-box;
    display: flex;
    position: relative;
    padding: 2rem 8rem 2rem 0;
    font-size: 2.2rem;
    line-height: 1.091;
    background: #fff;
    border: none;
    border-radius: 0;
    font-weight: 700;
    color: #1f344b
}

.section-accordion__item-title:focus, .section-accordion__item-title:hover {
    color: #1f344b
}

.section-accordion__item-title:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 2rem;
    top: 2.45rem;
    width: 0;
    height: 0;
    padding: 0;
    border-left: 1rem solid #056cd0;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.section-accordion__item-title[aria-expanded=true]:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.section-accordion__item-title-icon {
    display: inline-block;
    background-position: 50%;
    background-size: contain;
    margin-right: 2rem;
    width: 6.4rem;
    height: 6.4rem;
    margin-top: -2rem;
    margin-bottom: -2rem;
    flex-shrink: 0
}

.section-accordion__item-content-inner {
    padding: 1rem 0
}

.section-accordion__row {
    padding-bottom: 2rem
}

@media (min-width: 768px) {
    .section-accordion__row {
        display: -webkit-box;
        display: flex
    }
}

.section-accordion__row:last-child {
    padding-bottom: 4rem
}

@media (min-width: 768px) {
    .section-accordion__row:last-child {
        padding-bottom: 0
    }
}

.section-accordion__col {
    margin-bottom: 2rem
}

@media (min-width: 768px) {
    .section-accordion__col {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .section-accordion__col_card {
        padding-left: 3rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    .section-accordion__col_card {
        padding-left: 4.8rem;
        padding-right: 4.8rem
    }
}

.section-accordion__card {
    background: linear-gradient(135deg, #48d1ea, #0367d7);
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25);
    color: #fff;
    border-radius: 2.5rem;
    padding: 3rem 2.5rem 2.8rem;
    width: 100%;
    max-width: 100%;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.667;
    margin: auto
}

@media (min-width: 768px) {
    .section-accordion__card {
        padding: 4.5rem 2.5rem 3.8rem;
        width: 30rem
    }
}

.section-accordion__card a:focus, .section-accordion__card a:hover {
    color: #1f344b
}

.section-accordion__card a.section-accordion__card-link {
    margin-top: 1.5rem;
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700
}

.section-accordion__card a.section-accordion__card-link:after {
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f30b";
    padding-left: .2em;
    -webkit-transition: all .2s;
    transition: all .2s
}

.section-accordion__card a.section-accordion__card-link:focus, .section-accordion__card a.section-accordion__card-link:hover {
    color: #fff
}

.section-accordion__card a.section-accordion__card-link:focus:after, .section-accordion__card a.section-accordion__card-link:hover:after {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.accordion {
    margin-bottom: 2rem
}

.accordion .accordion-title {
    text-align: left;
    outline: 0;
    text-decoration: none;
    display: -webkit-box;
    display: flex;
    position: relative;
    padding: 2rem 8rem 2rem 2rem;
    margin: 0;
    line-height: 1;
    background: #fff;
    border-radius: 0;
    font-weight: 700;
    color: #1f344b;
    border: none;
    border-top: 1px solid #d5d5d5;
    cursor: pointer
}

.accordion .accordion-title:last-of-type {
    border-bottom: 1px solid #d5d5d5
}

.accordion .accordion-title:focus, .accordion .accordion-title:hover {
    color: #1f344b
}

.accordion .accordion-title:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 2rem;
    top: 2.45rem;
    width: 0;
    height: 0;
    padding: 0;
    border-left: 1rem solid #056cd0;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.accordion .accordion-title[aria-expanded=true]:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.accordion .accordion-title:last-of-type[aria-expanded=true] {
    border-bottom: 1px solid transparent
}

.accordion .accordion-content {
    padding: 0 2rem
}

.accordion .accordion-content:last-of-type {
    border-bottom: 1px solid #d5d5d5
}

.accordion .accordion-title + p {
    display: none
}

.accordion .accordion-content + p {
    display: none
}

.accordion p:empty {
    display: none
}

@media print {
    .accordion .accordion-content {
        display: block !important
    }
}

.announcement-bar {
    position: relative;
    z-index: 1;
    padding: 10px 70px 10px 20px;
    background: #f6922b;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    text-align: center;
    min-height: 64px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

@media (max-width: 767.98px) {
    .announcement-bar {
        padding: 10px 30px 10px 0
    }
}

.announcement-bar.no-display {
    display: none
}

.announcement-bar .icon {
    max-width: 24px;
    margin-right: 10px
}

.announcement-bar .content {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    text-shadow: 0 2px 8px 0 rgba(0, 0, 0, .17)
}

@media (max-width: 767.98px) {
    .announcement-bar .content {
        font-size: 12px;
        line-height: 16px
    }
}

.announcement-bar .button {
    height: 44px;
    margin-top: 0;
    padding: 0 13px;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: .61px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}

@media (max-width: 1199.98px) {
    .announcement-bar .button {
        margin-top: 10px;
        margin-left: 0
    }
}

@media (max-width: 767.98px) {
    .announcement-bar .button {
        height: 32px;
        padding: 0 6px;
        font-size: 12px;
        line-height: 26px
    }
}

.announcement-bar .dismiss {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background-image: url(../../../../../../../../themes/esrb/assets/images/close-icon.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: rgba(0, 0, 0, .63);
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    cursor: pointer
}

.announcement-bar .dismiss:hover {
    opacity: .8
}

@media (max-width: 767.98px) {
    .announcement-bar .dismiss {
        top: 18px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

body.has-announcementbar .site-header + .site-content-contain {
    padding-top: 160px
}

body.has-announcementbar .site-header.transparent-header + .site-content-contain {
    padding-top: 104px
}

body.no-announcementbar .transparent-header + .site-content-contain {
    padding-top: 40px
}

.app-link {
    display: inline-block;
    height: 3em;
    margin-top: 1em;
    margin-bottom: 1em;
    line-height: 3;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.app-link.android {
    width: 10em;
    background-image: url(../../../../../../../../themes/esrb/assets/images/google-play-badge.svg)
}

.app-link.ios {
    width: 9em;
    background-image: url(../../../../../../../../themes/esrb/assets/images/download-on-app-store.svg)
}

.app-link + .app-link {
    margin-left: 1em
}

.typeahead.dropdown-menu {
    width: 280px;
    background-color: #fff;
    color: #1f344b;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.6;
    max-height: 25rem;
    overflow-y: scroll;
    z-index: 1;
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25)
}

.typeahead.dropdown-menu > li {
    padding: .2rem .5rem;
    display: block;
    line-height: 1.4
}

.typeahead.dropdown-menu > li.active {
    background-color: #f1f1f1
}

.typeahead.dropdown-menu > li.active a {
    background-color: #f1f1f1
}

.blog-subscribe-col {
    padding-bottom: 3rem
}

.blog-subscribe, .blog-subscribe-col {
    -webkit-box-align: stretch;
    align-items: stretch
}

.blog-subscribe {
    display: -webkit-box;
    display: flex;
    background-color: #fff;
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25);
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding: 2rem
}

.blog-subscribe figure {
    text-align: center
}

.blog-subscribe figure img {
    margin-bottom: 5rem;
    max-width: 25rem;
    margin-left: -10%
}

.blog-subscribe h2 {
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 600
}

.blog-subscribe form input {
    padding: 0 1rem;
    height: 5rem;
    width: 100%;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #aaa;
    margin-bottom: 2rem;
    background-color: #fff;
    border-radius: 0;
    -webkit-appearance: none
}

.blog-subscribe form input::-webkit-input-placeholder {
    font-style: italic
}

.blog-subscribe form input:-moz-placeholder, .blog-subscribe form input::-moz-placeholder {
    font-style: italic
}

.blog-subscribe form input:-ms-input-placeholder {
    font-style: italic
}

.blog-subscribe form .button {
    width: 100%;
    box-shadow: none
}

.button {
    display: inline-block;
    height: 5rem;
    min-width: 5rem;
    font-size: 1.6rem;
    line-height: 5rem;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 0 2rem;
    font-weight: 600;
    letter-spacing: .035em;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.button-primary, .home-did-you-know .button.button-primary {
    color: #000;
    background-color: #f6922b;
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25)
}

.button-primary:hover, .home-did-you-know .button.button-primary:hover {
    color: #000;
    background-color: #f9b774
}

.button-toggle {
    border: .3rem solid #1f344b;
    background-color: #fff;
    color: #1f344b;
    line-height: 4.4rem
}

.button-toggle.on, .button-toggle:hover {
    color: #fff;
    background-color: #1f344b
}

.button-white {
    border: .3rem solid #fff;
    line-height: 4.4rem;
    color: #fff
}

.button-white.on {
    color: #056cd0;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25)
}

.button.fullwidth {
    width: 100%
}

.cn-buttons-container .cn-button {
    height: 5rem;
    min-width: 5rem;
    padding: 0 2rem;
    font-family: Poppins, sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: .035em;
    line-height: 5rem;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    cursor: pointer
}

.button-link, .featured .link a {
    color: #056cd0;
    display: inline-block;
    font-size: 1.6rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .05em
}

@media (max-width: 575.98px) {
    .button-link, .featured .link a {
        font-size: 1.4rem
    }
}

.button-link:focus, .button-link:hover, .featured .link a:focus, .featured .link a:hover {
    color: #589fe2
}

.button-link:after, .featured .link a:after {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-left: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-right-blue.svg) no-repeat 0
}

.button-link-white {
    color: #fff
}

.button-link-white:hover {
    color: #fff;
    opacity: .9
}

.button-link-white:after {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-left: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-right-white.svg) no-repeat 0
}

.circle-button {
    color: #000;
    background-color: #f6922b;
    display: inline-block;
    width: 3em;
    height: 3em;
    line-height: 3;
    text-align: center;
    border-radius: 50%
}

.circle-button:focus, .circle-button:hover {
    color: #000;
    background-color: #f9b774
}

.circle-button:after {
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 3em
}

.circle-button.arrow-up:after {
    content: "\f30c"
}

.circle-button.arrow-right:after {
    content: "\f30b"
}

.circle-button.arrow-down:after {
    content: "\f309"
}

.circle-button.arrow-left:after {
    content: "\f30a"
}

.home-did-you-know .page-template-template-privacy-certified .button.button-primary, .home-did-you-know body.privacy-certified .button.button-primary, .page-template-template-privacy-certified .button-primary, .page-template-template-privacy-certified .home-did-you-know .button.button-primary, body.privacy-certified .button-primary, body.privacy-certified .home-did-you-know .button.button-primary {
    color: #fff;
    background-color: #6926c6;
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25)
}

.page-template-template-privacy-certified .button-primary:focus, .page-template-template-privacy-certified .button-primary:hover, body.privacy-certified .button-primary:focus, body.privacy-certified .button-primary:hover {
    color: #fff;
    background-color: rgb(131.2161016949, 67.906779661, 219.093220339)
}

.page-template-template-privacy-certified .circle-button, body.privacy-certified .circle-button {
    color: #fff;
    background-color: #6926c6;
    display: inline-block;
    width: 3em;
    height: 3em;
    line-height: 3;
    text-align: center;
    border-radius: 50%
}

.page-template-template-privacy-certified .circle-button:focus, .page-template-template-privacy-certified .circle-button:hover, body.privacy-certified .circle-button:focus, body.privacy-certified .circle-button:hover {
    color: #fff;
    background-color: rgb(131.2161016949, 67.906779661, 219.093220339)
}

.page-template-template-privacy-certified .poly-box .orange-box, body.privacy-certified .poly-box .orange-box {
    background-color: #6926c6
}

.checkered-wrapper {
    color: #20354c;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media (max-width: 991.98px) {
    .checkered-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

@media (min-width: 992px) {
    .checkered-wrapper {
        -webkit-box-flex: 0;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
        margin-left: 8.3333333333%
    }
}

@media (min-width: 1860px) {
    .checkered-wrapper {
        -webkit-box-flex: 0;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
        margin-left: 16.6666666667%
    }
}

.checkered-item {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding-bottom: 4rem
}

@media screen and (min-width: 0 \0
) {
    .checkered-item {
        height: 100%
    }
}

.checkered-item-image {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (min-width: 0 \0
) {
    .checkered-item-image {
        height: 100%
    }
}

@media (min-width: 992px) {
    .checkered-item-image {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.checkered-item-image img {
    box-shadow: 0 25px 45px rgba(31, 53, 74, .25);
    width: 100%;
    max-width: 450px;
    height: auto;
    display: block
}

@media (max-width: 767.98px) {
    .checkered-item-image img {
        box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
    }
}

.checkered-item-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: relative;
    width: 100%;
    padding: 2rem 15px;
    -webkit-box-pack: center;
    justify-content: center
}

@media (min-width: 992px) {
    .checkered-item-content {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.checkered-item-content h2, .checkered-item-content h3 {
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .checkered-item-content h2, .checkered-item-content h3 {
        font-size: 2.2rem
    }
}

.checkered-item-link {
    color: #056cd0;
    text-transform: uppercase;
    font-weight: 700
}

.checkered-item-link:after {
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f30b";
    padding-left: .2em;
    -webkit-transition: all .2s;
    transition: all .2s
}

@media (min-width: 992px) {
    .checkered-item:nth-child(odd) .checkered-item-image {
        -webkit-box-ordinal-group: 2;
        order: 1;
        padding-right: 4rem;
        position: relative
    }

    .checkered-item:nth-child(odd) .checkered-item-image img {
        position: relative;
        z-index: 2
    }

    .checkered-item:nth-child(odd) .checkered-item-image:after {
        content: "";
        display: block;
        position: absolute;
        width: 320px;
        height: 220px;
        background-image: url(../../../../../../../../themes/esrb/assets/images/pattern.svg);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        bottom: -50px;
        left: -140px;
        z-index: 1
    }

    .checkered-item:nth-child(odd) .checkered-item-content {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .checkered-item:nth-child(2n) .checkered-item-image {
        -webkit-box-ordinal-group: 3;
        order: 2;
        padding-left: 4rem;
        position: relative
    }

    .checkered-item:nth-child(2n) .checkered-item-image img {
        position: relative;
        z-index: 2
    }

    .checkered-item:nth-child(2n) .checkered-item-image:after {
        content: "";
        display: block;
        position: absolute;
        width: 320px;
        height: 220px;
        background-image: url(../../../../../../../../themes/esrb/assets/images/pattern.svg);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        bottom: -50px;
        right: -140px;
        z-index: 1
    }

    .checkered-item:nth-child(2n) .checkered-item-content {
        -webkit-box-ordinal-group: 2;
        order: 1
    }
}

.checkered-item.pattern-top .checkered-item-image:after {
    bottom: auto;
    top: -50px
}

.site-content-contain {
    padding-top: 10rem
}

.transparent-header + .site-content-contain {
    padding-top: 4rem
}

@media print {
    .site-content-contain {
        padding-top: .5cm
    }
}

html.with-featherlight {
    overflow: hidden
}

.featherlight {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background: #333;
    background: transparent
}

.featherlight:last-of-type {
    background: rgba(0, 0, 0, .8)
}

.featherlight:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.featherlight .featherlight-content {
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    background: #fff;
    cursor: auto;
    white-space: normal
}

.featherlight .featherlight-inner {
    display: block
}

.featherlight link.featherlight-inner, .featherlight script.featherlight-inner, .featherlight style.featherlight-inner {
    display: none
}

.featherlight .featherlight-close-icon {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    line-height: 25px;
    width: 25px;
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    background: #fff;
    background: hsla(0, 0%, 100%, .3);
    color: #000;
    border: none;
    padding: 0
}

.featherlight .featherlight-close-icon::-moz-focus-inner {
    border: 0;
    padding: 0
}

.featherlight .featherlight-image {
    width: 100%
}

.featherlight-iframe .featherlight-content {
    border-bottom: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch
}

.featherlight iframe {
    border: none
}

.featherlight * {
    box-sizing: border-box
}

@media only screen and (max-width: 1024px) {
    .featherlight .featherlight-content {
        margin-left: 0;
        margin-right: 0;
        max-height: 98%;
        padding: 10px 10px 0;
        border-bottom: 10px solid transparent
    }
}

@media print {
    html.with-featherlight > * > :not(.featherlight) {
        display: none
    }
}

.featured {
    position: relative;
    z-index: 1
}

@media (max-width: 991.98px) {
    .featured {
        padding-top: 10rem
    }
}

.featured .featured-post {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    justify-content: flex-start;
    background-color: #fff;
    color: #1f344b;
    position: relative
}

@media (max-width: 991.98px) {
    .featured .featured-post {
        flex-wrap: wrap
    }
}

.featured figure {
    -webkit-box-flex: 0;
    flex: 0 0 40%;
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch
}

.featured figure img {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover;object-position:center";
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (max-width: 991.98px) {
    .featured figure {
        -webkit-box-flex: 0;
        flex: 0 0 100%
    }
}

.featured .entry-content {
    padding: 3.2rem 7.2rem;
    font-size: 1.6rem;
    max-width: 60em
}

@media (max-width: 991.98px) {
    .featured .entry-content {
        padding: 3.2rem
    }
}

@media (max-width: 767.98px) {
    .featured .entry-content {
        font-size: 1.4rem;
        padding: 3.2rem 1.5rem 1.5rem
    }
}

.featured .sticky {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .035em;
    margin-bottom: 1rem
}

.featured h3 {
    font-size: 2.8rem;
    font-weight: 600;
    margin-bottom: 2rem
}

.featured h3 a {
    color: #1f344b
}

.featured .blog-link {
    position: absolute;
    right: 3rem;
    bottom: 3rem
}

@media (max-width: 767.98px) {
    .featured .blog-link {
        right: auto;
        bottom: -7rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.floating-share {
    position: fixed;
    top: 23rem;
    right: 0;
    z-index: 30;
    background: #fff;
    padding: 1.5rem;
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
}

.floating-share h5 {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .03em
}

.floating-share ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.floating-share li {
    padding: 0;
    margin: 0 0 1rem
}

.floating-share li:last-child {
    margin: 0
}

.floating-share li a {
    display: block;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    background: #056cd0;
    color: #fff;
    text-align: center;
    font-size: 2rem
}

@media (max-width: 767.98px) {
    .floating-share {
        display: none
    }
}

@media (max-width: 991.98px) {
    .floating-share {
        padding: 6rem 1rem 1rem
    }

    .floating-share h5 {
        position: absolute;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        margin: -4.5rem 0 0 -.8rem
    }

    .floating-share li a {
        width: 2.4rem;
        height: 2.4rem;
        line-height: 2.4rem;
        font-size: 1.6rem
    }
}

.top-footer {
    background-color: #fff;
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 3rem;
    text-align: center
}

@media (max-width: 767.98px) {
    .top-footer {
        font-size: 2.2rem
    }
}

.top-footer .widget {
    padding: 4rem 0
}

.top-footer .textwidget p:last-child {
    margin-bottom: 0
}

.top-footer a {
    text-decoration: underline
}

.site-footer {
    background-color: #1f344b;
    color: #fff;
    padding: 0
}

.site-footer .footer {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 7.2rem 0
}

.site-footer .footer .widget {
    margin-right: 6rem
}

.site-footer .footer .widget:last-child {
    margin-right: 0
}

.site-footer .footer .widget.widget_nav_menu2 {
    -webkit-box-flex: 1;
    flex-grow: 1
}

.site-footer .footer .menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: flex;
    line-height: 1.5
}

.site-footer .footer .menu > .menu-item {
    margin-right: 5rem
}

.site-footer .footer .menu > .menu-item:last-child {
    margin-right: 0
}

.site-footer .footer .menu > .menu-item > a {
    text-transform: uppercase;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 400
}

.site-footer .footer .menu > .menu-item > a:focus, .site-footer .footer .menu > .menu-item > a:hover {
    text-decoration: underline
}

.site-footer .footer .menu .sub-menu {
    font-size: 1.4rem;
    list-style: none;
    padding: 0;
    margin: 1rem 0 0
}

.site-footer .footer .menu .sub-menu .menu-item {
    margin-bottom: .6rem
}

.site-footer .footer .menu .sub-menu a {
    color: rgb(191.25, 191.25, 191.25)
}

.site-footer .footer .menu .sub-menu a:focus, .site-footer .footer .menu .sub-menu a:hover {
    text-decoration: underline
}

.site-footer .block-link {
    display: inline-block;
    padding: 1rem;
    background-color: #fff;
    max-width: 22rem
}

@media screen and (min-width: 0\0
) {
    .site-footer .block-link {
        width: 18rem
    }
}

.site-footer .widgettitle {
    font-size: 2rem;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 1rem
}

.site-footer .sub-footer {
    border-top: 1px solid #fff;
    padding: 3rem 0;
    font-size: 1.2rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.site-footer .sub-footer .widget {
    margin-left: 1.5rem
}

.site-footer .sub-footer .menu {
    list-style: none;
    padding: 0;
    margin: 0;
    text-transform: uppercase
}

.site-footer .sub-footer .menu .menu-item {
    display: inline-block;
    margin-right: 2rem
}

.site-footer .sub-footer .menu .menu-item:last-child {
    margin-right: 0
}

.site-footer .sub-footer .menu .menu-item a {
    color: #fff;
    font-weight: 600
}

.site-footer .sub-footer .menu .menu-item a:focus, .site-footer .sub-footer .menu .menu-item a:hover {
    text-decoration: underline
}

.site-footer .searchform form, .site-footer .subscribe form {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    max-width: 350px
}

.site-footer .searchform form input[type=email], .site-footer .searchform form input[type=search], .site-footer .searchform form input[type=text], .site-footer .subscribe form input[type=email], .site-footer .subscribe form input[type=search], .site-footer .subscribe form input[type=text] {
    padding: 0 1rem;
    width: 100%;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: #fff;
    border-radius: 0;
    -webkit-appearance: none
}

@media (max-width: 1399.98px) {
    .site-footer .searchform form input[type=email], .site-footer .searchform form input[type=search], .site-footer .searchform form input[type=text], .site-footer .subscribe form input[type=email], .site-footer .subscribe form input[type=search], .site-footer .subscribe form input[type=text] {
        min-width: 0
    }
}

.site-footer .searchform form input[type=email]::-webkit-input-placeholder, .site-footer .searchform form input[type=search]::-webkit-input-placeholder, .site-footer .searchform form input[type=text]::-webkit-input-placeholder, .site-footer .subscribe form input[type=email]::-webkit-input-placeholder, .site-footer .subscribe form input[type=search]::-webkit-input-placeholder, .site-footer .subscribe form input[type=text]::-webkit-input-placeholder {
    font-style: italic
}

.site-footer .searchform form input[type=email]:-moz-placeholder, .site-footer .searchform form input[type=search]:-moz-placeholder, .site-footer .searchform form input[type=text]:-moz-placeholder, .site-footer .subscribe form input[type=email]:-moz-placeholder, .site-footer .subscribe form input[type=search]:-moz-placeholder, .site-footer .subscribe form input[type=text]:-moz-placeholder {
    font-style: italic
}

.site-footer .searchform form input[type=email]::-moz-placeholder, .site-footer .searchform form input[type=search]::-moz-placeholder, .site-footer .searchform form input[type=text]::-moz-placeholder, .site-footer .subscribe form input[type=email]::-moz-placeholder, .site-footer .subscribe form input[type=search]::-moz-placeholder, .site-footer .subscribe form input[type=text]::-moz-placeholder {
    font-style: italic
}

.site-footer .searchform form input[type=email]:-ms-input-placeholder, .site-footer .searchform form input[type=search]:-ms-input-placeholder, .site-footer .searchform form input[type=text]:-ms-input-placeholder, .site-footer .subscribe form input[type=email]:-ms-input-placeholder, .site-footer .subscribe form input[type=search]:-ms-input-placeholder, .site-footer .subscribe form input[type=text]:-ms-input-placeholder {
    font-style: italic
}

.site-footer .searchform form .button, .site-footer .subscribe form .button {
    margin-left: 2rem;
    font-size: 2.4rem;
    padding: 0
}

.site-footer .searchform form .button, .site-footer .searchform form input[type=email], .site-footer .searchform form input[type=search], .site-footer .searchform form input[type=text], .site-footer .subscribe form .button, .site-footer .subscribe form input[type=email], .site-footer .subscribe form input[type=search], .site-footer .subscribe form input[type=text] {
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
}

.site-footer .socials a {
    width: 4.2rem;
    height: 4.2rem;
    text-align: center;
    line-height: 4.2rem;
    font-size: 2.4rem;
    display: inline-block;
    color: #fff;
    background: #056cd0;
    margin: 2rem 1rem 0 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

.site-footer .socials a:focus, .site-footer .socials a:hover {
    box-shadow: 0 0 15px hsla(0, 0%, 100%, .2)
}

.site-footer .socials a img {
    margin-bottom: 3px
}

.site-footer .footer-sitemap-toggle {
    display: none;
    padding: 2.5rem 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.6rem;
    position: relative
}

.site-footer .footer-sitemap-toggle:after {
    content: "";
    width: 12px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    background: url(../../../../../../../../themes/esrb/assets/images/white-chevron.svg) no-repeat 50%;
    background-size: contain;
    margin-top: -12px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

@media (max-width: 1859.98px) {
    .site-footer .footer .menu {
        flex-wrap: wrap
    }

    .site-footer .footer .menu > .menu-item {
        -webkit-box-flex: 0;
        flex: 0 0 33.333%;
        margin: 0 0 3rem
    }
}

@media (max-width: 1399.98px) {
    .site-footer .footer {
        flex-wrap: wrap
    }

    .site-footer .footer .widget_nav_menu2 {
        -webkit-box-ordinal-group: 0;
        order: -1;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        margin-bottom: 5rem
    }

    .site-footer .footer .widget_text {
        -webkit-box-flex: 0;
        flex: 0 0 55%
    }

    .site-footer .sub-footer {
        flex-wrap: wrap
    }

    .site-footer .sub-footer .widget {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        margin: 0;
        text-align: center
    }

    .site-footer .sub-footer .widget:nth-child(2) {
        -webkit-box-ordinal-group: 0;
        order: -1;
        margin-bottom: 2rem
    }
}

@media (max-width: 767.98px) {
    .site-footer .footer {
        padding-top: 0;
        -webkit-box-pack: stretch;
        justify-content: stretch
    }

    .site-footer .footer .widget {
        margin: 0 0 5rem;
        width: 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%
    }

    .site-footer .footer .widget:last-child {
        margin: 0;
        padding-top: 2rem
    }

    .site-footer .footer .menu > .menu-item {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        margin: 0 0 1.5rem
    }

    .site-footer .footer .menu .sub-menu {
        padding-left: 1rem
    }

    .site-footer .footer .menu .sub-menu .menu-item {
        margin-bottom: 1rem
    }

    .site-footer .footer .widget:nth-child(3) {
        -webkit-box-flex: 0;
        flex: 0 0 100%
    }

    .site-footer .textwidget, .site-footer .widgettitle {
        text-align: center
    }

    .site-footer .footer-menu-container {
        border-bottom: 1px solid #d5d5d5;
        overflow: hidden
    }

    .site-footer .footer-menu-container .menu {
        height: 0;
        opacity: 0;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }

    .site-footer .footer-menu-container.on .footer-sitemap-toggle:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .site-footer .footer-menu-container.on .menu {
        height: auto;
        opacity: 1
    }

    .site-footer .footer-sitemap-toggle {
        display: block
    }
}

@media (max-width: 575.98px) {
    .site-footer .footer-menu-container {
        margin: 0 -15px;
        padding: 0 15px
    }
}

.site-footer-short {
    padding: 0 0 3rem
}

.site-footer-short .footer {
    padding: 3rem 0 1rem;
    -webkit-box-align: center;
    align-items: center
}

.site-footer-short .footer .menu {
    flex-wrap: wrap
}

.site-footer-short .footer .menu > .menu-item {
    margin: 1rem 3rem 1rem 0;
    flex-basis: auto
}

.site-footer-short .socials a {
    margin: 1rem 1rem 1rem 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

.site-footer-short .socials a:focus, .site-footer-short .socials a:hover {
    box-shadow: 0 0 15px #1f344b
}

.site-footer-short .copyright {
    padding: 1rem 0;
    font-size: 1.2rem
}

.esrb-form {
    font-size: 1.4rem
}

.esrb-form h3 {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 2rem
}

.esrb-form h4 {
    font-size: 1.4rem;
    font-weight: 700
}

.esrb-form input[type=text] {
    font-size: 2rem;
    line-height: 1;
    padding: 2rem;
    border: 1px solid #d5d5d5;
    width: 100%;
    -webkit-appearance: none
}

@media (max-width: 991.98px) {
    .esrb-form input[type=text] {
        font-size: 1.6rem;
        padding: 1rem
    }
}

.esrb-form .fieldgroup {
    margin: 2rem 0 1rem;
    padding: 0 0 2rem;
    border-bottom: 1px solid #d5d5d5
}

.esrb-form .fieldgroup ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.esrb-form .fieldgroup .groups {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap
}

.esrb-form .fieldgroup .groups .group {
    -webkit-box-flex: 0;
    flex: 0 0 16%
}

.esrb-form .fieldgroup .groups .group > h4 {
    cursor: pointer
}

.esrb-form input[type=checkbox] {
    display: none
}

.esrb-form input[type=checkbox] + label {
    line-height: 1;
    margin: 0 0 1rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.esrb-form input[type=checkbox] + label:before {
    content: "";
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-right: 1rem;
    background-image: url(../../../../../../../../themes/esrb/assets/images/cb.svg);
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    flex-shrink: 0
}

.esrb-form input[type=checkbox]:checked + label:before {
    background-image: url(../../../../../../../../themes/esrb/assets/images/cb-checked.svg)
}

.esrb-form input[type=checkbox]:active + label:before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: .75
}

.esrb-form input[type=checkbox].reversed + label:before {
    background-image: url(../../../../../../../../themes/esrb/assets/images/cb-checked.svg)
}

.esrb-form input[type=checkbox].reversed:checked + label:before {
    background-image: url(../../../../../../../../themes/esrb/assets/images/cb.svg)
}

.esrb-form .submit {
    text-align: center;
    margin-top: 3rem
}

.esrb-form select {
    width: 100%
}

.esrb-form .fieldgroup.ielements input[type=checkbox] + label {
    -webkit-box-align: start;
    align-items: flex-start
}

.select2-selection--single {
    border-radius: 0 !important;
    font-size: 1.6rem;
    height: 4rem !important
}

.select2-selection__rendered {
    line-height: 4rem !important
}

.select2-selection__arrow {
    height: 4rem !important;
    width: 4rem !important
}

.select2-selection__arrow b {
    border-color: #056cd0 transparent transparent !important;
    border-width: 10px 10px 0 !important;
    margin-top: -5px !important;
    margin-left: -5px !important
}

.select2-search {
    display: none
}

.fullscreen-notice {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.fullscreen-notice .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(31, 52, 74, .75)
}

.fullscreen-notice .window {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 3rem;
    border: 1px solid #d5d5d5;
    box-shadow: 0 25px 45px rgba(31, 53, 74, .25)
}

@media (max-width: 767.98px) {
    .fullscreen-notice .window {
        box-shadow: 0 10px 25px rgba(31, 53, 74, .25);
        max-width: 90%
    }
}

.fullscreen-notice .window .close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: 2rem;
    height: 2rem;
    background: url(../../../../../../../../themes/esrb/assets/images/x.svg) no-repeat 50%;
    background-size: contain;
    opacity: 1
}

.fullscreen-notice .window .heading {
    width: 37rem;
    height: 4rem;
    max-width: 100%;
    background: url(../../../../../../../../themes/esrb/assets/images/esrb-dark.svg) no-repeat 50%;
    background-size: contain
}

.fullscreen-notice .window .content {
    margin: 2rem 0;
    padding: 2rem 0;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5
}

.fullscreen-notice .window .content span {
    color: #056cd0;
    font-weight: 700
}

.fullscreen-notice .window .title {
    font-size: 1.8rem;
    line-height: 1.66;
    font-weight: 600
}

@media (max-width: 767.98px) {
    .fullscreen-notice .window .title {
        font-size: 1.4rem
    }
}

.fullscreen-notice .window .buttons {
    text-align: right
}

.section-gamers__white {
    background: #fff
}

.section-gamers__blue {
    background: linear-gradient(135deg, #48d1ea, #0367d7);
    padding: 4rem 0
}

@media (min-width: 1200px) {
    .section-gamers__blue {
        padding: 12rem 0
    }
}

.section-gamers__top {
    display: -webkit-box;
    display: flex;
    padding-top: 4rem
}

@media (min-width: 768px) {
    .section-gamers__top {
        padding-top: 7.6rem
    }
}

.section-gamers__top-content {
    padding-bottom: 4rem
}

.section-gamers__top-image {
    display: none;
    position: relative;
    padding-right: 12rem;
    margin-bottom: -12rem;
    right: -12rem;
    flex-shrink: 0
}

@media (min-width: 1200px) {
    .section-gamers__top-image {
        display: block;
        width: 62rem
    }
}

.section-gamers__top-image-wrapper {
    position: relative;
    padding: 50% 0;
    box-shadow: 0 20px 70px rgba(31, 53, 74, .25)
}

@media (max-width: 767.98px) {
    .section-gamers__top-image-wrapper {
        box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
    }
}

.section-gamers__top-image-wrapper:before {
    content: "";
    display: block;
    width: 27.5rem;
    height: 24.7rem;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 4rem;
    right: -10rem
}

.section-gamers__top-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover;object-position:center";
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (min-width: 1200px) {
    .gamers-ages {
        display: -webkit-box;
        display: flex
    }
}

.gamers-ages__nav {
    margin: auto;
    max-width: 21rem
}

@media (min-width: 768px) {
    .gamers-ages__nav {
        max-width: 32rem
    }
}

.gamers-ages__nav a.gamers-ages__nav-item {
    display: block;
    border-radius: 1rem;
    margin: 1rem;
    color: #fff;
    background-color: rgba(31, 52, 74, .5);
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 30rem;
    max-width: 95%;
    font-size: 1.6rem;
    line-height: 1.5625;
    padding: 1.4rem;
    text-align: center
}

.gamers-ages__nav a.gamers-ages__nav-item:focus, .gamers-ages__nav a.gamers-ages__nav-item:hover {
    background-color: rgba(31, 52, 74, .75)
}

.gamers-ages__nav a.gamers-ages__nav-item.active {
    background: #fff;
    color: #1f344a;
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25)
}

.gamers-ages__nav a.gamers-ages__nav-item.active:focus, .gamers-ages__nav a.gamers-ages__nav-item.active:hover {
    background: #fff
}

.gamers-ages__slide, .gamers-ages__slides {
    position: relative;
    max-width: 100vw
}

.gamers-ages__slide {
    padding: 4rem 1rem;
    width: 100%;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media (min-width: 1200px) {
    .gamers-ages__slide {
        padding: 5rem 5rem 5rem 9rem;
        width: 900px
    }
}

.gamers-ages__slide-inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    color: #fff;
    position: relative;
    max-width: 62rem
}

.gamers-ages__slide-title {
    margin-top: auto;
    margin-bottom: 0;
    font-size: 2.2rem;
    line-height: 1.27;
    font-weight: 600
}

@media (min-width: 1200px) {
    .gamers-ages__slide-title {
        font-size: 3.5rem;
        line-height: 1.2
    }
}

.gamers-ages__slide-content {
    margin-bottom: auto;
    margin-top: 0
}

.gamers-ages__slide-bg {
    position: absolute;
    top: -50px;
    left: 0;
    right: -100px;
    bottom: 0;
    display: none;
    z-index: -1
}

@media (min-width: 1200px) {
    .gamers-ages__slide-bg {
        display: block
    }
}

.gamers-ages__slide-bg svg {
    overflow: visible
}

.gamers-ages__slide.active {
    opacity: 1;
    z-index: 1
}

.gamers-ages__slide:not(.active) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1
}

.gamers-ages .slick-list {
    overflow: visible
}

.gamers-ages .slick-track, .gamers-ages .slide {
    display: -webkit-box;
    display: flex
}

.gamers-ages .slide {
    padding: 15px;
    height: auto
}

.site-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000
}

.site-header .menu-wrap {
    position: relative
}

.site-header .menu-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right bottom, from(#4cd1e9), to(#006cd4));
    background: linear-gradient(to bottom right, #4cd1e9, #006cd4);
    opacity: 1;
    pointer-events: none;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.site-header.default-header {
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25)
}

.site-header.default-header .menu-wrap:before {
    opacity: 1
}

.site-header.transparent-header .menu-wrap:before {
    opacity: 0
}

@media (max-width: 991.98px) {
    .site-header.transparent-header .menu-wrap:before {
        opacity: 1
    }
}

@media (max-width: 991.98px) {
    .site-header .container {
        max-width: none
    }
}

.topline {
    font-size: 1.4rem;
    position: relative;
    font-weight: 600;
    letter-spacing: .05em;
    background-color: #fff
}

@media (max-width: 767.98px) {
    .topline {
        font-size: 1.2rem
    }
}

.topline > .container {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end
}

@media (max-width: 575.98px) {
    .topline > .container {
        display: block
    }
}

.topline .menu {
    list-style: none;
    margin: 0;
    padding: 0
}

@media (max-width: 575.98px) {
    .topline .menu {
        display: -webkit-box;
        display: flex;
        justify-content: space-around
    }
}

.topline .menu .menu-item {
    margin: 0 1.2rem;
    display: inline-block
}

@media (max-width: 767.98px) {
    .topline .menu .menu-item {
        margin: 0 .3rem
    }
}

.topline .menu .menu-item a {
    display: inline-block;
    line-height: 1;
    padding: 1.3rem .2rem;
    color: #1f344b
}

@media (max-width: 767.98px) {
    .topline .menu .menu-item a {
        padding: 1.4rem .2rem
    }
}

.topline .menu .menu-item a:focus, .topline .menu .menu-item a:hover {
    background-color: rgba(5, 108, 208, .1)
}

.topline .menu .menu-item.current-menu-item a {
    border-top: .5rem solid #056cd0;
    padding-top: .8rem;
    color: #056cd0
}

.topline .menu .menu-item:first-child {
    margin-left: 0
}

.topline .menu .menu-item:last-child {
    margin-right: 0
}

.header-content {
    height: 6rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    position: relative
}

.header-content .logo a {
    display: inline-block;
    width: 35rem;
    height: 3.9rem;
    background: url(../../../../../../../../themes/esrb/assets/images/esrb-full.svg) 50% no-repeat;
    background-size: contain
}

@media (max-width: 1199.98px) {
    .header-content .logo a {
        width: 5rem;
        background: url(../../../../../../../../themes/esrb/assets/images/esrb.svg) 50% no-repeat;
        background-size: contain
    }
}

.privacy-certified .header-content .logo a {
    background-image: url(../../../../../../../../themes/esrb/assets/images/esrb-privacy-certified-logo-big.svg);
    background-position-x: left
}

@media (max-width: 1199.98px) {
    .privacy-certified .header-content .logo a {
        width: 15rem
    }
}

.header-content .search {
    display: -webkit-box;
    display: flex;
    margin-left: 1.6rem
}

@media (max-width: 1199.98px) {
    .header-content .search {
        margin-left: 1rem
    }
}

.header-content .search-container {
    position: relative;
    margin: auto
}

@media (min-width: 576px) {
    .header-content .search-container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .header-content .search-container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .header-content .search-container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .header-content .search-container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .header-content .search-container {
        max-width: 1360px
    }
}

@media (min-width: 1860px) {
    .header-content .search-container {
        max-width: 1800px
    }
}

.header-content .search-container .advanced {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 767.98px) {
    .header-content .search-container .advanced {
        display: none
    }
}

.header-content .search form {
    background: #fff;
    position: fixed;
    -webkit-transition: opacity .2s 0s, -webkit-transform .1s .2s;
    transition: opacity .2s 0s, -webkit-transform .1s .2s;
    transition: transform .1s .2s, opacity .2s 0s;
    transition: transform .1s .2s, opacity .2s 0s, -webkit-transform .1s .2s;
    top: 10rem;
    left: 0;
    width: 100vw;
    -webkit-transform: translateY(-20rem);
    transform: translateY(-20rem);
    opacity: 0;
    margin: 0;
    padding: 0;
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25)
}

.site-header.sticky .header-content .search form {
    top: 6rem
}

.header-content .search form button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    color: #056cd0;
    display: block;
    position: absolute;
    top: 0;
    left: 1.5rem;
    width: 4rem;
    height: 100%;
    font-size: 3rem;
    z-index: 1
}

@media (max-width: 575.98px) {
    .header-content .search form button {
        font-size: 2rem
    }
}

.header-content .search form input[type=text] {
    padding-left: 7rem;
    position: relative;
    border: none
}

.header-content .search a.search-icon {
    position: relative;
    line-height: 6rem;
    height: 6rem
}

.header-content .search a.search-icon:before {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    position: relative;
    top: .4rem;
    display: inline-block;
    background: url(search-icon.svg) no-repeat 50%;
    background-size: contain
}

.header-content .search a.search-icon:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    z-index: 100;
    opacity: 0;
    -webkit-transition: opacity .15s 0s;
    transition: opacity .15s 0s
}

.header-content .search a.search-icon:focus, .header-content .search a.search-icon:hover {
    background: rgba(31, 52, 75, .25)
}

.header-content .search.on form {
    -webkit-transition: opacity .2s .15s, -webkit-transform .25s 0s;
    transition: opacity .2s .15s, -webkit-transform .25s 0s;
    transition: transform .25s 0s, opacity .2s .15s;
    transition: transform .25s 0s, opacity .2s .15s, -webkit-transform .25s 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.header-content .search.on form input[type=text] {
    display: block
}

@media (max-width: 575.98px) {
    .header-content .search.on form input[type=text] {
        padding-top: 0;
        padding-bottom: 0;
        height: 5rem;
        line-height: 5rem
    }
}

.header-content .search.on a.search-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.92' height='21.92'%3E%3Cg fill='none' stroke='%23fff' stroke-width='3'%3E%3Cpath data-name='Line 123' d='M1.06 1.06l19.8 19.8'/%3E%3Cpath data-name='Line 124' d='M20.86 1.06l-19.8 19.8'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.header-content .search.on a.search-icon:after {
    opacity: 1;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.main-menu {
    display: -webkit-box;
    display: flex
}

@media (max-width: 767.98px) {
    .main-menu > div:first-child {
        display: none
    }
}

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

.main-menu .menu > .menu-item {
    display: inline-block;
    margin: 0;
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 500;
    position: relative
}

.main-menu .menu > .menu-item > a {
    color: #fff;
    letter-spacing: .05em;
    line-height: 6rem;
    height: 6rem;
    display: inline-block;
    padding: 0 1.6rem;
    -webkit-transition: all .25s;
    transition: all .25s
}

.main-menu .menu .menu-item.current-menu-item > a {
    font-weight: 700
}

.main-menu .menu .sub-menu {
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    list-style: none;
    width: 32rem;
    background-color: #fff;
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25);
    padding: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: opacity .2s, -webkit-transform .5s;
    transition: opacity .2s, -webkit-transform .5s;
    transition: transform .5s, opacity .2s;
    transition: transform .5s, opacity .2s, -webkit-transform .5s
}

.main-menu .menu .sub-menu:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    z-index: 100
}

.main-menu .menu .sub-menu > .menu-item {
    border-bottom: 1px solid #d5d5d5
}

.main-menu .menu .sub-menu > .menu-item:last-child {
    border: none
}

.main-menu .menu .sub-menu > .menu-item > a {
    display: block;
    text-transform: none;
    padding: 15px 20px
}

.main-menu .menu .sub-menu > .menu-item > a:focus, .main-menu .menu .sub-menu > .menu-item > a:hover {
    opacity: 1;
    background-color: #f1f1f1
}

.main-menu .menu .sub-menu > .menu-item > a .menu-description {
    display: block;
    margin-top: 5px;
    color: #1f344b;
    font-size: 1.2rem;
    font-style: italic
}

.main-menu .menu .menu-item.on > .sub-menu, .main-menu .menu .menu-item:hover > .sub-menu {
    opacity: 1;
    max-height: 100vh;
    overflow: visible
}

.main-menu .menu .menu-item.on > a, .main-menu .menu .menu-item:hover > a {
    background: rgba(31, 52, 75, .25)
}

.main-menu .menu .menu-item > a:focus, .main-menu .menu .menu-item > a:hover {
    background: rgba(31, 52, 75, .25)
}

.site-header.sticky {
    position: fixed;
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .site-header.sticky {
        -webkit-transition: all .1s;
        transition: all .1s
    }
}

.site-header.sticky .menu-wrap:before {
    opacity: 1
}

.site-header.sticky .topline {
    display: none
}

@media (min-width: 768px) {
    .menu-toggle {
        display: none
    }
}

.menu-toggle a {
    display: inline-block;
    width: 4.2rem;
    height: 4.2rem;
    position: relative;
    opacity: 1
}

.menu-toggle a i {
    display: block;
    width: 2.1rem;
    height: .2rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.menu-toggle a i:first-child {
    -webkit-transform: translate(-50%, -.7rem);
    transform: translate(-50%, -.7rem)
}

.menu-toggle a i:last-child {
    -webkit-transform: translate(-50%, .7rem);
    transform: translate(-50%, .7rem)
}

.site-header.menu-on .menu-toggle a i:first-child {
    -webkit-transform: translate(-50%) rotate(135deg);
    transform: translate(-50%) rotate(135deg)
}

.site-header.menu-on .menu-toggle a i:last-child {
    -webkit-transform: translate(-50%) rotate(-135deg);
    transform: translate(-50%) rotate(-135deg)
}

.site-header.menu-on .menu-toggle a i:nth-child(2) {
    -webkit-transform: translate(-50%) scaleX(0);
    transform: translate(-50%) scaleX(0)
}

@media (max-width: 767.98px) {
    .site-header.menu-on .main-menu > div:first-child {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        height: 100vh;
        left: 0;
        right: 0;
        z-index: -1
    }

    .site-header.menu-on .main-menu .menu {
        background-color: #fff;
        position: absolute;
        top: 0;
        padding-top: 10rem;
        -webkit-transition: padding-top .15s ease-out;
        transition: padding-top .15s ease-out;
        height: 100%;
        left: 0;
        width: 100%
    }

    .site-header.menu-on .main-menu .menu > .menu-item {
        display: block;
        margin: 0;
        border-bottom: 1px solid #d5d5d5
    }

    .site-header.menu-on .main-menu .menu > .menu-item > a {
        color: #1f344b;
        padding: 3rem 2.3rem;
        display: block;
        line-height: 1;
        height: auto;
        position: relative
    }

    .site-header.menu-on .main-menu .menu > .menu-item-has-children > a:after {
        content: "";
        position: absolute;
        top: 30px;
        right: 30px;
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-left: 7px solid #056cd0;
        border-bottom: 7px solid transparent
    }

    .site-header.menu-on .main-menu .menu > .menu-item-has-children.on > a:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .site-header.menu-on .main-menu .menu .sub-menu {
        position: static;
        background-color: #f1f1f1;
        box-shadow: none;
        padding: 0;
        -webkit-transform: none;
        transform: none;
        width: auto;
        border-top: 1px solid #d5d5d5
    }

    .site-header.menu-on .main-menu .menu .sub-menu:before {
        display: none
    }

    .site-header.menu-on .main-menu .menu .sub-menu > .menu-item {
        border-bottom: none;
        font-size: 1.4rem
    }

    .site-header.menu-on .main-menu .menu .sub-menu > .menu-item > a {
        display: block;
        text-transform: none;
        padding: 10px 40px;
        color: #1f344b
    }

    .site-header.menu-on .main-menu .menu .sub-menu > .menu-item > a:hover {
        opacity: 1;
        background-color: #f1f1f1
    }

    .site-header.menu-on .main-menu .menu .sub-menu > .menu-item > a .menu-description {
        display: none
    }

    .site-header.sticky.menu-on .main-menu .menu {
        padding-top: 6rem
    }
}

.page-template-template-privacy-certified .header-content {
    -webkit-box-pack: end;
    justify-content: end
}

.page-template-template-privacy-certified.page-id-437 .header-content {
    -webkit-box-pack: justify;
    justify-content: space-between
}

.history-banner {
    position: fixed;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 100;
    -webkit-transform: translateY(-62px);
    transform: translateY(-62px);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    background: #fff;
    padding-bottom: 2rem
}

.history-banner__toggle {
    position: absolute;
    right: 1.5rem;
    top: 1rem
}

.history-banner__hide {
    position: absolute;
    top: 2rem;
    right: 1.5rem;
    display: none;
    cursor: pointer
}

.history-banner__close {
    display: none
}

.history-banner__announce {
    padding: 1rem 0 0;
    background: -webkit-gradient(linear, right top, left top, from(#48d1ea), to(#0367d7));
    background: linear-gradient(270deg, #48d1ea, #0367d7);
    color: #fff;
    cursor: pointer
}

.history-banner__announce > div {
    padding: 0 1.5rem 3rem
}

.history-banner__image {
    display: none
}

.history-banner__preamble {
    text-align: center;
    padding-top: 1rem
}

.history-banner__title {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
    padding: 1rem 0;
    margin: 0 auto;
    max-width: 30rem
}

.history-banner__author {
    display: none
}

.history-banner__button {
    text-align: center;
    padding: 1rem 2rem
}

.history-banner.on {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.history-banner.on .history-banner__announce {
    cursor: inherit
}

.history-banner.on .history-banner__announce > div {
    display: none
}

.history-banner.on .history-banner__hide {
    display: block
}

.history-banner.off {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 0
}

@media (min-width: 1400px) {
    .history-banner {
        left: auto;
        right: 2rem;
        -webkit-transform: translateY(-40rem);
        transform: translateY(-40rem);
        width: 25rem;
        box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
    }

    .history-banner__announce, .history-banner__hide, .history-banner__toggle {
        display: none
    }

    .history-banner__close {
        display: block;
        position: absolute;
        top: .8rem;
        right: 1rem;
        cursor: pointer
    }

    .history-banner__close svg {
        width: 2rem;
        height: 2rem
    }

    .history-banner__image {
        display: block
    }

    .history-banner__preamble {
        font-size: 1.2rem
    }

    .history-banner__title {
        font-size: 1.6rem
    }

    .history-banner__author {
        display: block;
        font-size: 1.2rem;
        font-weight: 500;
        text-align: center;
        padding: 0 2rem
    }
}

@media (min-width: 1860px) {
    .history-banner {
        right: 3rem;
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        width: 37.5rem
    }

    .history-banner__close {
        top: 2rem;
        right: 2rem
    }

    .history-banner__close svg {
        width: 3.8rem;
        height: 3.8rem
    }

    .history-banner__preamble {
        font-size: 1.6rem
    }

    .history-banner__title {
        font-size: 1.8rem
    }

    .history-banner__author {
        font-size: 1.6rem
    }
}

.lang {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    list-style: none
}

@media (min-width: 576px) {
    .lang {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .lang {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .lang {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .lang {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .lang {
        max-width: 1360px
    }
}

@media (min-width: 1860px) {
    .lang {
        max-width: 1800px
    }
}

@media (max-width: 767.98px) {
    .lang {
        text-align: center
    }
}

.lang li {
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 1rem
}

.language-select {
    display: inline-block;
    position: relative;
    padding: 0 1rem
}

.language-select-toggle:focus + .language-list, .language-select-toggle:hover + .language-list {
    max-height: 90vh;
    opacity: 1
}

.language-select a {
    display: block;
    padding: .5rem 1rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

.language-select a.active {
    background: #f1f1f1
}

.language-select a:focus, .language-select a:hover {
    background: #f1f1f1
}

.language-list {
    position: absolute;
    left: 0;
    padding: 0;
    margin: 0;
    z-index: 1;
    background: #fff;
    list-style: none;
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25);
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.language-list.on, .language-list:focus, .language-list:hover {
    max-height: 90vh;
    opacity: 1
}

.loading-spinner {
    display: inline-block;
    width: 64px;
    height: 64px
}

.loading-spinner:after {
    content: " ";
    display: block;
    width: 46px;
    height: 46px;
    margin: 1px;
    border-radius: 50%;
    border-color: #056cd0 transparent;
    border-style: solid;
    border-width: 5px;
    -webkit-animation: lds-dual-ring 1.2s linear infinite;
    animation: lds-dual-ring 1.2s linear infinite
}

@-webkit-keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.spinner-cont {
    width: 100%;
    text-align: center
}

.no-results-found {
    padding: 2rem 0 15rem
}

.no-results-found h2 {
    font-size: 2.2rem;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 1rem
}

@media (max-width: 767.98px) {
    .no-results-found h2 {
        font-size: 1.8rem
    }
}

.featured .link .no-results-found a, .no-results-found .button-link, .no-results-found .featured .link a {
    color: #056cd0
}

.paginate {
    margin: 4rem 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.paginate a {
    color: #1f344b
}

.paginate .page-numbers {
    display: block;
    margin: 0 1rem;
    opacity: .5;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    height: 4rem;
    line-height: 4rem;
    min-width: 1rem
}

.paginate .page-numbers.current, .paginate .page-numbers:hover {
    opacity: 1
}

.paginate .page-numbers.prev {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg);
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-left.svg)
}

.paginate .page-numbers.next, .paginate .page-numbers.prev {
    background-color: #1f344b;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 4rem;
    height: 4rem;
    font-size: 0
}

.paginate .page-numbers.next {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg)
}

.page-template-template-search .paginate a.page-numbers:nth-last-of-type(2) {
    display: none
}

.page-template-template-search .paginate a.page-numbers.prev:nth-last-of-type(2) {
    display: block
}

.page-template-template-search .paginate .page-numbers.current + a.page-numbers {
    display: block
}

.page-template-template-search .paginate .page-numbers.current + a.page-numbers + a.page-numbers {
    display: block
}

.poly-box {
    color: #1f344b;
    position: relative;
    z-index: 1;
    -webkit-filter: drop-shadow(0 10px 25px rgba(31, 53, 74, .25));
    filter: drop-shadow(0 10px 25px rgba(31, 53, 74, .25));
    display: -webkit-box;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    justify-content: stretch;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-font-smoothing: antialised;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: none
}

@media screen and (min-width: 0 \0
) {
    .poly-box {
        box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
    }
}

.poly-box > .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.poly-box > .content-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-bottom: 62.5%;
    z-index: 10
}

.poly-box:hover {
    -webkit-filter: drop-shadow(0 15px 35px rgba(31, 53, 74, .35));
    filter: drop-shadow(0 15px 35px rgba(31, 53, 74, .35))
}

.poly-box .white-box {
    position: relative;
    height: 100%;
    width: 100%
}

.poly-box .inner {
    padding: 2rem;
    position: relative;
    z-index: 1
}

@media (max-width: 991.98px) {
    .poly-box .inner {
        padding: 2rem
    }
}

.poly-box .date {
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: .03em
}

.poly-box figure {
    position: relative;
    z-index: 1;
    margin: 0;
    height: 0;
    padding-bottom: 73%
}

.poly-box figure img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover
}

.poly-box figure.rect, .poly-box figure.square {
    position: relative
}

.poly-box figure.rect img, .poly-box figure.square img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover
}

.poly-box figure.square {
    padding: 50% 0
}

.poly-box figure.rect {
    padding: 33% 0
}

.poly-box .white-box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-clip-path: polygon(6rem 0, 100% 0, 100% 100%, 0 100%, 0 6rem, 6rem 6rem);
    clip-path: polygon(6rem 0, 100% 0, 100% 100%, 0 100%, 0 6rem, 6rem 6rem);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.poly-box p {
    margin: 0
}

.poly-box h3, .poly-box h4 {
    font-size: 2.2rem;
    margin-bottom: 1rem
}

.poly-box h2 {
    height: 12rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 600
}

.poly-box .author {
    font-size: 1.4rem;
    font-weight: 600;
    position: absolute;
    left: 2rem;
    right: 2rem;
    bottom: 2rem;
    z-index: 10;
    padding-right: 6rem
}

.poly-box .orange-box {
    background-color: #f6922b;
    background-image: url(../../../../../../../../themes/esrb/assets/images/orange-box-dark-arrow-right.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    font-size: 0;
    width: 5rem;
    height: 5rem;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2
}

.poly-box a.cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.poly-box .pusher {
    float: right;
    width: 0
}

.poly-box .squarepusher {
    float: right;
    clear: right;
    width: 5rem;
    height: 12.5rem
}

.related {
    background-color: #f2f2f2;
    padding: 11rem 0
}

@media (max-width: 767.98px) {
    .related {
        padding: 3rem 0
    }
}

.related > .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .related > .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .related > .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .related > .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .related > .container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .related > .container {
        max-width: 1200px
    }
}

@media (min-width: 1860px) {
    .related > .container {
        max-width: 1200px
    }
}

.related h2.related__title {
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin-bottom: 3rem
}

@media (max-width: 767.98px) {
    .related h2.related__title {
        font-size: 2.2rem
    }
}

.related h2 a {
    color: #1f344b
}

.related .post-col {
    margin-bottom: 3rem
}

.related .poly-box .white-box {
    padding-bottom: 6rem
}

.related .poly-box h2 {
    height: auto;
    min-height: 12rem
}

.section-hero {
    overflow: hidden
}

.section-hero, .section-hero .container {
    position: relative
}

@media (max-width: 991.98px) {
    .section-hero .container {
        max-width: none
    }
}

@media screen and (min-width: 0\0
) {
    .section-hero .container .row {
        width: 100%
    }
}

.section-hero .hero-content {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    min-height: 50vh;
    margin: 2.5rem 0 4.5rem;
    padding: 5rem;
    background-color: #666;
    background-repeat: no-repeat;
    background-position: center 25%;
    background-size: cover
}

@media (max-width: 991.98px) {
    .section-hero .hero-content {
        display: block;
        min-height: auto;
        height: auto;
        margin: 0 -1.5rem 4rem
    }
}

@media (max-width: 575.98px) {
    .section-hero .hero-content {
        margin: 0 -1.5rem 2rem;
        padding: 2.5rem 1.5rem
    }
}

.section-hero .hero-content .hero-content-shade {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 108, 212, .2)), to(rgba(0, 108, 212, 0)));
    background: linear-gradient(0deg, rgba(0, 108, 212, .2) 0, rgba(0, 108, 212, 0))
}

.section-hero .hero-content .hero-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center 25%;
    background-size: cover
}

@media (max-width: 767.98px) {
    .section-hero .hero-content .hero-background_desktop {
        display: none
    }
}

@media (min-width: 768px) {
    .section-hero .hero-content .hero-background_mobile {
        display: none
    }
}

.section-hero .content {
    position: relative;
    max-width: 59.3rem;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6
}

@media (max-width: 767.98px) {
    .section-hero .content {
        font-size: 1.6rem
    }
}

.section-hero .content h1 {
    font-size: 6.5rem;
    line-height: 1.07;
    font-weight: 600;
    margin: 0 0 .5rem
}

@media (max-width: 1199.98px) {
    .section-hero .content h1 {
        font-size: 5.5rem
    }
}

@media (max-width: 991.98px) {
    .section-hero .content h1 {
        font-size: 4.5rem
    }
}

@media (max-width: 767.98px) {
    .section-hero .content h1 {
        font-size: 3.5rem
    }
}

.section-hero .content .down {
    display: block;
    margin-top: 3rem
}

@media (max-width: 575.98px) {
    .section-hero .content {
        min-height: 24rem;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center
    }

    .section-hero .content h1 {
        margin: 0
    }

    .section-hero .content .description, .section-hero .content .down {
        display: none
    }
}

.section-hero .pattern {
    position: absolute;
    width: 31.8rem;
    height: 28.5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/pattern.svg) no-repeat 50%
}

@media (max-width: 991.98px) {
    .section-hero .pattern {
        display: none
    }
}

.section-hero .pattern-left {
    left: -18.2rem;
    bottom: -8rem
}

@media (max-width: 767.98px) {
    .section-hero .pattern-left {
        z-index: -1
    }
}

.section-hero .pattern-right {
    right: -21rem;
    top: 4.4rem
}

@media (min-width: 576px) {
    .section-hero .mobile-description {
        display: none
    }
}

@media (max-width: 575.98px) {
    .page-template-template-spanish #content .section-hero .hero-content {
        min-height: 500px
    }
}

@media (max-width: 575.98px) {
    .page-id-4553 .section-hero .content {
        -webkit-box-align: end;
        align-items: flex-end
    }
}

.js #page {
    position: relative;
    padding-bottom: 0;
    min-height: 100vh;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.js .site-footer {
    margin: auto 0 0;
    width: 100%
}

.team-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 0;
    list-style: none
}

.team-list .team-item {
    position: relative;
    width: 48%;
    margin-bottom: 20px;
    padding-top: 40px
}

@media (min-width: 768px) {
    .team-list .team-item {
        width: 22%
    }
}

.team-list .team-caption {
    position: absolute;
    top: 10px;
    left: 50%;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-align: right;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.team-list .team-image {
    height: 80px;
    width: 80px;
    margin: auto;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 100%
}

.team-list .team-name {
    max-width: 180px;
    margin: auto;
    font-size: 11px;
    line-height: 18px;
    text-align: center
}

.team-list .team-name-name, .team-list .team-name-position {
    display: block
}

.tips-section {
    padding: 8rem 0
}

.tips-content {
    padding-bottom: 4rem;
    font-size: 1.8rem;
    line-height: 1.66;
    font-weight: 600
}

@media (max-width: 767.98px) {
    .tips-content {
        font-size: 1.4rem
    }
}

.tips-content h2 {
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .tips-content h2 {
        font-size: 2.2rem
    }
}

.tips-wrapper {
    color: #20354c;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media (max-width: 991.98px) {
    .tips-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

@media (min-width: 992px) {
    .tips-wrapper {
        -webkit-box-flex: 0;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
        margin-left: 8.3333333333%
    }
}

@media (min-width: 1860px) {
    .tips-wrapper {
        -webkit-box-flex: 0;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
        margin-left: 16.6666666667%
    }
}

.tips-item {
    position: relative;
    width: 100%;
    padding: 2rem 15px
}

@media (min-width: 576px) {
    .tips-item.three-cols {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width: 992px) {
    .tips-item.three-cols {
        -webkit-box-flex: 0;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
}

@media (min-width: 1400px) {
    .tips-item.three-cols:nth-of-type(3n+2) {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .tips-item.three-cols:nth-of-type(3n+3) {
        padding-right: 5rem
    }

    .tips-item.three-cols:nth-of-type(3n+1) {
        padding-right: 5rem
    }
}

@media (min-width: 576px) {
    .tips-item.two-cols {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width: 992px) {
    .tips-item.two-cols:nth-of-type(odd) {
        padding-right: 6rem
    }

    .tips-item.two-cols:nth-of-type(2n) {
        padding-left: 6rem
    }
}

.tips-item-image {
    padding-bottom: 1rem
}

.tips-item-image img {
    width: 7rem;
    height: 6rem;
    font-family: "object-fit:contain;object-position:center left";
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center left;
    object-position: center left;
    display: inline-block
}

.tips-item-content h3 {
    font-size: 1.8rem;
    line-height: 1.66;
    font-weight: 600
}

@media (max-width: 767.98px) {
    .tips-item-content h3 {
        font-size: 1.4rem
    }
}

.top-footer-subscribe {
    position: relative;
    z-index: 1
}

.top-footer-subscribe__box {
    position: relative;
    overflow: hidden;
    margin: auto;
    color: #fff;
    text-align: center;
    max-width: 96rem;
    font-size: 1.4rem;
    line-height: 1.66;
    font-weight: 400;
    padding: 2rem
}

@media (min-width: 768px) {
    .top-footer-subscribe__box {
        font-size: 1.8rem;
        padding: 5rem 2rem
    }
}

@media (min-width: 992px) {
    .top-footer-subscribe__box {
        padding: 5rem
    }
}

.top-footer-subscribe__box h2, .top-footer-subscribe__box h3 {
    color: #fff;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 3rem
}

.top-footer-subscribe__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: linear-gradient(45deg, #48d1ea, #0367d7)
}

@media (min-width: 576px) {
    .top-footer-subscribe__bg:after, .top-footer-subscribe__bg:before {
        content: "";
        position: absolute;
        width: 38rem;
        height: 34rem;
        background-image: url(../../../../../../../../themes/esrb/assets/images/pattern-light.svg);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 10
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .top-footer-subscribe__bg:after, .top-footer-subscribe__bg:before {
        display: none
    }
}

@media (min-width: 576px) {
    .top-footer-subscribe__bg:before {
        bottom: -19rem;
        left: -14rem;
        background-image: url(../../../../../../../../themes/esrb/assets/images/pattern-dark.svg)
    }

    .top-footer-subscribe__bg:after {
        top: -16rem;
        right: -20rem
    }
}

.top-footer-subscribe__inner {
    position: relative;
    z-index: 1
}

.top-footer-subscribe form {
    display: -webkit-box;
    display: flex;
    max-width: 48rem;
    margin: 2rem auto
}

.top-footer-subscribe form input {
    padding: 0 1rem;
    height: 5rem;
    width: 100%;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 0;
    -webkit-appearance: none
}

.top-footer-subscribe form input::-webkit-input-placeholder {
    font-style: italic
}

.top-footer-subscribe form input:-moz-placeholder, .top-footer-subscribe form input::-moz-placeholder {
    font-style: italic
}

.top-footer-subscribe form input:-ms-input-placeholder {
    font-style: italic
}

.top-footer-subscribe form .button {
    width: 14rem;
    box-shadow: none;
    margin-left: 2rem;
    flex-shrink: 0
}

@media (min-width: 992px) {
    .top-footer + .top-footer-subscribe {
        margin-top: -7rem
    }

    .top-footer-subscribe {
        -webkit-transform: translateY(7rem);
        transform: translateY(7rem)
    }

    .top-footer-subscribe + .site-footer {
        padding-top: 7rem
    }
}

.video-popup {
    position: relative;
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
}

.video-popup img {
    display: block;
    width: 100%
}

.video-popup .play-video {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12rem;
    height: 12rem;
    margin: -6rem 0 0 -6rem;
    border-radius: 50%;
    background: #f6922b;
    cursor: pointer
}

.video-popup .play-video:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -2rem 0 0 -1.2rem;
    border-left: 3.5rem solid #000;
    border-top: 2rem solid transparent;
    border-bottom: 2rem solid transparent
}

#cover {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #1f344b;
    opacity: .7
}

#button_close {
    position: absolute;
    top: -25px;
    right: -25px;
    z-index: 2000;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: #f6922b;
    border-radius: 50%;
    font: 40px/50px Arial;
    text-align: center;
    color: #1f344b;
    cursor: pointer
}

@media (max-width: 767.98px) {
    #button_close {
        top: -15px;
        right: -15px;
        width: 30px;
        height: 30px;
        font-size: 20px;
        line-height: 30px
    }
}

#video_block {
    position: absolute;
    left: 10%;
    z-index: 10000;
    width: 80%
}

@media (max-width: 991.98px) {
    #video_block {
        left: 5%;
        width: 90%
    }
}

#iframe_wrapper {
    position: relative;
    width: 100%;
    height: 0;
    margin: 0;
    padding-top: 56.25%;
    background: #1f344b
}

#iframe_wrapper:before {
    content: "Loading...";
    display: block;
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    font-size: 2rem;
    text-align: center;
    color: #f6922b
}

#iframe_wrapper iframe, #iframe_wrapper video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 575.98px) {
    .hidden-xs-down, .hidden-xs-down-anyway {
        display: none
    }
}

.flex-xs-down {
    display: none
}

@media (max-width: 575.98px) {
    .flex-xs-down {
        display: -webkit-box;
        display: flex
    }
}

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

.flex-sm-down {
    display: none
}

@media (max-width: 767.98px) {
    .flex-sm-down {
        display: -webkit-box;
        display: flex
    }
}

.page-404 {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    min-height: 100vh;
    padding: 5rem 0 9rem;
    text-align: center
}

@media (max-width: 767.98px) {
    .page-404 {
        padding: 3rem 0
    }
}

.page-404 .title {
    margin: 0 0 6rem;
    font-size: 2.8rem;
    line-height: 1.2;
    font-weight: 600;
    color: #818181
}

@media (max-width: 767.98px) {
    .page-404 .title {
        margin: 0 0 3rem;
        font-size: 2.2rem
    }
}

.page-404 .title img {
    width: 15.5rem;
    margin-right: 7rem;
    vertical-align: baseline
}

@media (max-width: 1199.98px) {
    .page-404 .title img {
        margin-right: 4rem
    }
}

@media (max-width: 767.98px) {
    .page-404 .title img {
        display: block;
        margin: 0 auto 3rem
    }
}

.page-404 .try {
    display: table;
    margin: 0 auto;
    padding-left: 12.5rem;
    font-weight: 500;
    text-align: left
}

@media (max-width: 1199.98px) {
    .page-404 .try {
        padding-left: 9.5rem
    }
}

@media (max-width: 767.98px) {
    .page-404 .try {
        padding-left: 0
    }
}

.page-404 .try .try-title {
    margin-bottom: .5rem;
    line-height: 1.2;
    color: #818181
}

.page-404 .try ul {
    padding-left: 3rem;
    color: #056cd0
}

.page-404 .try .back-home {
    margin-top: 3rem
}

.page-404 .try .back-home a:after {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-left: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-right-blue.svg) no-repeat 0;
    cursor: pointer
}

.about-hero {
    position: relative;
    overflow: hidden
}

.about-hero .hero-content {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    min-height: 65rem;
    height: calc(100vh - 32.5rem);
    margin: 2.5rem 0 12.5rem;
    padding: 0 15rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

@media (max-width: 1199.98px) {
    .about-hero .hero-content {
        padding: 0 8rem
    }
}

@media (max-width: 991.98px) {
    .about-hero .hero-content {
        display: block;
        min-height: auto;
        height: auto;
        margin: 2.5rem 0 10rem;
        padding: 8rem 5rem
    }
}

@media (max-width: 767.98px) {
    .about-hero .hero-content {
        padding: 6rem 4rem
    }
}

@media (max-width: 575.98px) {
    .about-hero .hero-content {
        margin: 2.5rem 0 4rem;
        padding: 6rem 3rem
    }
}

.about-hero .hero-content .hero-content-shade {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 108, 212, .2)), to(rgba(0, 108, 212, 0)));
    background: linear-gradient(0deg, rgba(0, 108, 212, .2) 0, rgba(0, 108, 212, 0))
}

.about-hero .content {
    position: relative;
    width: 59.3rem;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6
}

@media (max-width: 1199.98px) {
    .about-hero .content {
        width: auto
    }
}

.about-hero .content h1 {
    font-size: 5.5rem;
    margin: 0 0 2rem
}

.about-hero .content .down {
    display: block;
    width: 5.4rem;
    height: 5.4rem;
    margin-top: 3rem;
    border-radius: 50%;
    background-color: orange;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 5.4rem;
    text-align: center;
    color: #fff
}

.about-hero .pattern {
    position: absolute;
    width: 31.8rem;
    height: 28.5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/pattern.svg) no-repeat 50%
}

@media (max-width: 575.98px) {
    .about-hero .pattern {
        display: none
    }
}

.about-hero .pattern-left {
    left: -13.8rem;
    bottom: 4.5rem
}

@media (max-width: 767.98px) {
    .about-hero .pattern-left {
        z-index: -1
    }
}

.about-hero .pattern-right {
    right: -16.2rem;
    top: 4.4rem
}

.about-mission {
    overflow: hidden;
    padding-bottom: 11rem
}

@media (max-width: 1199.98px) {
    .about-mission {
        padding-bottom: 8rem
    }
}

@media (max-width: 575.98px) {
    .about-mission {
        padding-bottom: 4rem
    }
}

.about-mission h2 {
    font-size: 3.5rem;
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 3rem
}

.about-mission .philosophy {
    line-height: 1.9;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 3.7rem;
    -moz-column-gap: 3.7rem;
    column-gap: 3.7rem
}

@media (max-width: 767.98px) {
    .about-mission .philosophy {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0
    }
}

.about-team h2 {
    font-size: 3.5rem;
    font-weight: 600;
    margin-bottom: 5rem
}

.about-team .team-photo {
    position: relative;
    margin: 0 0 10rem
}

.about-team .team-photo .pattern-left {
    top: auto;
    bottom: -4rem
}

.about-team .team-photo .pattern-right {
    top: -10rem
}

.about-team .team-photo img {
    display: block;
    position: relative;
    z-index: 20;
    width: 100%;
    box-shadow: 0 2.5rem 4.5rem rgba(31, 52, 74, .25)
}

.about-history {
    padding: 7rem 0;
    background: -webkit-gradient(linear, right top, left top, from(#4cd1e9), to(#006cd4));
    background: linear-gradient(270deg, #4cd1e9, #006cd4);
    color: #fff
}

@media (max-width: 991.98px) {
    .about-history {
        padding: 7rem 0
    }
}

@media (max-width: 767.98px) {
    .about-history {
        padding: 7rem 0
    }
}

@media (max-width: 575.98px) {
    .about-history {
        padding: 5rem 0 6rem
    }
}

.about-history .slider-wrapper {
    position: relative
}

.about-history .slider-wrapper .history {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 4.5rem;
    font-weight: 600
}

@media (max-width: 767.98px) {
    .about-history .slider-wrapper .history {
        position: static;
        margin-bottom: 3rem
    }
}

.about-history .slider {
    position: relative;
    min-height: 32rem
}

@media (max-width: 1859.98px) {
    .about-history .slider {
        min-height: 32rem
    }
}

@media (max-width: 1199.98px) {
    .about-history .slider {
        min-height: 32rem
    }
}

@media (max-width: 991.98px) {
    .about-history .slider {
        min-height: 24rem
    }
}

@media (max-width: 767.98px) {
    .about-history .slider {
        min-height: auto
    }
}

.about-history .slider .item {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    min-height: 348px
}

@media (max-width: 1859.98px) {
    .about-history .slider .item {
        min-height: 348px
    }
}

@media (max-width: 1199.98px) {
    .about-history .slider .item {
        min-height: 348px
    }
}

@media (max-width: 991.98px) {
    .about-history .slider .item {
        min-height: 24rem
    }
}

@media (max-width: 767.98px) {
    .about-history .slider .item {
        display: block;
        min-height: auto
    }
}

@media screen and (min-width: 0\0
) {
    .about-history .slider .item {
        height: 34rem
    }
}

@media screen and (min-width: 0\0
) and (max-width: 1859.98px) {
    .about-history .slider .item {
        height: 32rem
    }
}

@media screen and (min-width: 0\0
) and (max-width: 1199.98px) {
    .about-history .slider .item {
        height: 32rem
    }
}

@media screen and (min-width: 0\0
) and (max-width: 991.98px) {
    .about-history .slider .item {
        height: 24rem
    }
}

@media screen and (min-width: 0\0
) and (max-width: 767.98px) {
    .about-history .slider .item {
        height: auto
    }
}

.about-history .slider .item .year {
    font-size: 43rem;
    font-weight: 700;
    line-height: .85;
    color: #50d1e8;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    opacity: .5
}

@media (max-width: 1859.98px) {
    .about-history .slider .item .year {
        font-size: 40rem
    }
}

@media (max-width: 1199.98px) {
    .about-history .slider .item .year {
        font-size: 34rem
    }
}

@media (max-width: 991.98px) {
    .about-history .slider .item .year {
        font-size: 28rem
    }
}

@media (max-width: 767.98px) {
    .about-history .slider .item .year {
        font-size: 6.8rem;
        top: .7rem;
        right: auto
    }
}

@media (max-width: 575.98px) {
    .about-history .slider .item .year {
        font-size: 6.8rem;
        position: static;
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 0\0
) {
    .about-history .slider .item .year {
        line-height: 1
    }
}

.about-history .slider .item .content {
    position: relative;
    padding-left: 29.7rem;
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400
}

@media (max-width: 991.98px) {
    .about-history .slider .item .content {
        padding-left: 24rem
    }
}

@media (max-width: 767.98px) {
    .about-history .slider .item .content {
        padding-left: 18rem
    }
}

@media (max-width: 575.98px) {
    .about-history .slider .item .content {
        padding-left: 0
    }
}

.about-history .slider .item .more-link {
    display: table;
    margin-top: 2rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.about-history .slider .item .more-link:after {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-left: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-right-white.svg) no-repeat 0
}

.about-history .nav {
    float: right;
    padding-top: 4.6rem
}

.about-history .nav a {
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25);
    margin: 0 1rem
}

.about-history .nav a:first-child {
    margin-left: 0
}

.about-history .nav a:last-child {
    margin-right: 0
}

.about-history .nav a.next, .about-history .nav a.prev {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-transition: all .2s;
    transition: all .2s
}

.about-history .nav a.next:focus, .about-history .nav a.next:hover, .about-history .nav a.prev:focus, .about-history .nav a.prev:hover {
    box-shadow: 0 0 15px #1f344b
}

.about-history .nav a.prev {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg);
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-left.svg)
}

.about-history .nav a.next, .about-history .nav a.prev {
    background-color: #1f344b;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 4rem;
    height: 4rem;
    font-size: 0;
    width: 6.6rem;
    height: 6.6rem
}

.about-history .nav a.next {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg)
}

.about-history .nav a.slick-disabled {
    opacity: .4;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    cursor: not-allowed
}

.about-history .nav > div {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-right: 4rem
}

.about-history .nav > div a {
    box-shadow: none
}

@media (max-width: 575.98px) {
    .about-history .nav {
        float: none;
        -webkit-box-pack: center;
        justify-content: center
    }

    .about-history .nav > div {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        text-align: center;
        margin-bottom: 2rem;
        margin-right: 0
    }
}

.about-did-you-know {
    padding: 10rem 0 11rem;
    background-color: #f1f1f1
}

@media (max-width: 767.98px) {
    .about-did-you-know {
        padding: 7rem 0
    }
}

@media (max-width: 575.98px) {
    .about-did-you-know {
        padding: 4rem 0 5rem
    }
}

.about-did-you-know .slider .item {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-bottom: 2.5rem
}

@media (max-width: 991.98px) {
    .about-did-you-know .slider .item {
        display: block
    }
}

.about-did-you-know .slider .item figure {
    margin: 0;
    -webkit-box-flex: 0;
    flex: 0 0 50%
}

.about-did-you-know .slider .item figure img {
    display: block;
    width: 100%;
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
}

.about-did-you-know .slider .item .content {
    padding: 5rem;
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400
}

@media (max-width: 767.98px) {
    .about-did-you-know .slider .item .content {
        padding: 3rem
    }
}

@media (max-width: 575.98px) {
    .about-did-you-know .slider .item .content {
        padding: 2rem 0
    }
}

.about-did-you-know .slider .item .content h3 {
    margin-bottom: 1rem
}

.about-did-you-know .slider .item .content .button {
    margin-top: 2rem
}

.about-did-you-know .nav {
    float: right
}

.about-did-you-know .nav a {
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25);
    margin: 0 1rem
}

.about-did-you-know .nav a:first-child {
    margin-left: 0
}

.about-did-you-know .nav a:last-child {
    margin-right: 0
}

.about-did-you-know .nav a.next, .about-did-you-know .nav a.prev {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-transition: all .2s;
    transition: all .2s
}

.about-did-you-know .nav a.next:focus, .about-did-you-know .nav a.next:hover, .about-did-you-know .nav a.prev:focus, .about-did-you-know .nav a.prev:hover {
    box-shadow: 0 0 15px #1f344b
}

.about-did-you-know .nav a.prev {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg);
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-left.svg)
}

.about-did-you-know .nav a.next, .about-did-you-know .nav a.prev {
    background-color: #1f344b;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 4rem;
    height: 4rem;
    font-size: 0;
    width: 6.6rem;
    height: 6.6rem
}

.about-did-you-know .nav a.next {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg)
}

.about-did-you-know .nav a.slick-disabled {
    opacity: .4;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    cursor: not-allowed
}

.app-content {
    position: relative;
    overflow: hidden;
    background: linear-gradient(244deg, #48d1ea, #48d1ea 0, #0367d7)
}

.app-content .phone {
    position: relative;
    margin: 0 0 4rem;
    padding: 4.9rem 0 1.5rem
}

@media (max-width: 1199.98px) {
    .app-content .phone {
        margin: 0
    }
}

.app-content .phone .pattern {
    position: absolute;
    width: 40rem;
    height: 43.5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/pattern.svg) no-repeat 50%
}

.app-content .phone .pattern-left {
    left: 4rem;
    bottom: 0
}

@media (max-width: 575.98px) {
    .app-content .phone .pattern-left {
        left: -2.8rem
    }
}

.app-content .phone .pattern-right {
    right: 4rem;
    top: 0
}

@media (max-width: 475px) {
    .app-content .phone .pattern-right {
        display: none
    }
}

.app-content .phone img {
    display: block;
    position: relative;
    width: auto;
    max-height: 516px;
    margin-left: auto;
    margin-right: auto
}

.app-content .content {
    color: #fff
}

@media (max-width: 575.98px) {
    .app-content .content {
        padding: 0 0 7rem
    }
}

@media (min-width: 576px) {
    .app-content .content {
        padding: 0 0 5rem
    }
}

@media (min-width: 1200px) {
    .app-content .content {
        padding: 0
    }
}

.app-content .content .right-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 55rem;
    height: 100%
}

@media (max-width: 991.98px) {
    .app-content .content .right-content {
        min-height: auto
    }
}

.app-content .content .right-content .title {
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 9rem
}

.app-content .content .right-content .text {
    max-width: 57rem;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.8rem;
    padding-bottom: .8rem
}

.app-content .content .right-content .circle-button {
    display: inline-block
}

@media (min-width: 1200px) {
    .app-content .content .right-content .circle-button {
        margin-bottom: 9rem
    }
}

.page-template-template-app .app-video .container {
    max-width: 1472px
}

.page-template-template-app .app-video .row {
    margin-inline: auto
}

.page-template-template-app .app-video .section-video__grid.has-desc {
    grid-column-gap: 17.8rem
}

.page-template-template-app .app-video .section-video__grid.has-title.has-desc {
    grid-template-areas:"desc video"
}

.page-template-template-app .app-video .section-video__text {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 30px
}

.page-template-template-app .app-access-ratings-slider .app-access-ratings-slides:not(.slick-initialized) {
    padding-right: 11rem
}

.page-template-template-app .app-access-ratings-slider .slick-list {
    overflow: hidden;
    padding-right: 11rem
}

.page-template-template-app .app-access-ratings-slider .item-wrap.slick-slide {
    opacity: .3
}

.page-template-template-app .app-access-ratings-slider .item-wrap img {
    box-shadow: none
}

.blog-archive {
    position: relative
}

.blog-archive > .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .blog-archive > .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .blog-archive > .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .blog-archive > .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .blog-archive > .container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .blog-archive > .container {
        max-width: 1200px
    }
}

@media (min-width: 1860px) {
    .blog-archive > .container {
        max-width: 1400px
    }
}

.blog-archive:after, .blog-archive:before {
    display: block;
    content: " ";
    position: absolute;
    width: 300px;
    height: 280px;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.blog-archive:before {
    top: 0;
    right: -180px
}

@media (min-width: 992px) {
    .blog-archive:before {
        right: -180px
    }
}

@media (min-width: 1860px) {
    .blog-archive:before {
        right: -180px
    }
}

.blog-archive:after {
    top: 400px;
    left: -180px
}

@media (min-width: 992px) {
    .blog-archive:after {
        left: -180px
    }
}

@media (min-width: 1860px) {
    .blog-archive:after {
        left: -180px
    }
}

.blog-archive h1 {
    padding-top: 7rem;
    font-size: 6.5rem;
    line-height: 1.07;
    font-weight: 600;
    padding-bottom: 2rem
}

@media (max-width: 1199.98px) {
    .blog-archive h1 {
        font-size: 5.5rem
    }
}

@media (max-width: 991.98px) {
    .blog-archive h1 {
        font-size: 4.5rem
    }
}

@media (max-width: 767.98px) {
    .blog-archive h1 {
        font-size: 3.5rem
    }
}

.blog-archive .search-form {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    max-width: 350px;
    max-width: 62rem;
    justify-content: space-between
}

.blog-archive .search-form input[type=email], .blog-archive .search-form input[type=search], .blog-archive .search-form input[type=text] {
    padding: 0 1rem;
    width: 100%;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: #fff;
    border-radius: 0;
    -webkit-appearance: none
}

@media (max-width: 1399.98px) {
    .blog-archive .search-form input[type=email], .blog-archive .search-form input[type=search], .blog-archive .search-form input[type=text] {
        min-width: 0
    }
}

.blog-archive .search-form input[type=email]::-webkit-input-placeholder, .blog-archive .search-form input[type=search]::-webkit-input-placeholder, .blog-archive .search-form input[type=text]::-webkit-input-placeholder {
    font-style: italic
}

.blog-archive .search-form input[type=email]:-moz-placeholder, .blog-archive .search-form input[type=search]:-moz-placeholder, .blog-archive .search-form input[type=text]:-moz-placeholder {
    font-style: italic
}

.blog-archive .search-form input[type=email]::-moz-placeholder, .blog-archive .search-form input[type=search]::-moz-placeholder, .blog-archive .search-form input[type=text]::-moz-placeholder {
    font-style: italic
}

.blog-archive .search-form input[type=email]:-ms-input-placeholder, .blog-archive .search-form input[type=search]:-ms-input-placeholder, .blog-archive .search-form input[type=text]:-ms-input-placeholder {
    font-style: italic
}

.blog-archive .search-form .button {
    margin-left: 2rem;
    font-size: 2.4rem;
    padding: 0
}

.blog-archive .search-form .button, .blog-archive .search-form input[type=email], .blog-archive .search-form input[type=search], .blog-archive .search-form input[type=text] {
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
}

.blog-archive a {
    color: #1f344b
}

.blog-archive .featured {
    padding: 5rem 0
}

.blog-archive .featured .featured-post {
    -webkit-box-align: center;
    align-items: center
}

.blog-archive .featured h2 {
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .blog-archive .featured h2 {
        font-size: 2.2rem
    }
}

.blog-archive .featured figure {
    box-shadow: 0 25px 45px rgba(31, 53, 74, .25)
}

@media (max-width: 767.98px) {
    .blog-archive .featured figure {
        box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
    }
}

.blog-archive .featured .post_thumbnail__video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

.blog-archive .featured .post_thumbnail__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.blog-archive .posts {
    margin-top: 4rem
}

.blog-archive .post, .blog-archive .post .poly-box {
    height: 100%
}

.blog-archive .blog-post-col {
    padding-bottom: 3rem
}

.blog-archive .poly-box .white-box {
    padding-bottom: 6rem
}

.blog-archive .poly-box h2 {
    height: auto;
    min-height: 12rem
}

.blog-archive .blog-filter {
    margin-bottom: 3rem;
    border-bottom: 1px solid #d5d5d5
}

.blog-archive .blog-filter a {
    display: inline-block;
    margin-right: 7rem;
    margin-bottom: -1.5px;
    padding-bottom: .9rem;
    line-height: 2.5rem;
    font-weight: 500;
    text-transform: uppercase
}

@media (max-width: 575.98px) {
    .blog-archive .blog-filter a {
        margin-right: 2rem;
        padding-bottom: 0;
        font-size: 1.2rem
    }
}

.blog-archive .blog-filter a:last-of-type {
    margin-right: 0
}

.blog-archive .blog-filter a.active {
    border-bottom: 3px solid #056cd0;
    color: #056cd0
}

@media (max-width: 767.98px) {
    .blog-archive--spanish .blog-filter {
        border: none
    }

    .blog-archive--spanish .blog-filter a {
        margin-bottom: 1.5rem;
        margin-right: 3rem;
        padding-bottom: .3rem
    }
}

.blog-search {
    position: relative
}

.blog-single-webinar.blogSingle {
    padding-top: 0;
    padding-bottom: 0
}

.blog-single-webinar.blogSingle .content {
    border-bottom: none;
    padding-bottom: 0
}

.blog-single-webinar .team-list .team-name {
    margin-top: 10px
}

.blog-single-webinar .team-list .team-name-name {
    font-size: 14px;
    line-height: 22px
}

.blog-single-webinar .team-list .team-name-position {
    display: block
}

.blog-single-webinar .team-list .team-image {
    width: 90px;
    height: 90px
}

.webinar-header {
    position: relative;
    color: #fff;
    background: linear-gradient(45deg, #0367d7, #48d1ea);
    text-align: center;
    padding: 40px 2rem 0;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 60px
}

@media (min-width: 768px) {
    .webinar-header {
        padding: 70px 2rem 0;
        margin-bottom: 75px
    }
}

@media (min-width: 1200px) {
    .webinar-header {
        padding: 70px 2rem 0;
        margin-bottom: 105px
    }
}

@media (min-width: 768px) {
    .webinar-header:before {
        position: absolute;
        top: 10px;
        left: 0;
        width: 165px;
        height: 226px;
        background-image: url(../../../../../../../../themes/esrb/assets/images/pattern-top.png);
        background-size: cover;
        background-position: 100% 100%;
        content: ""
    }

    .webinar-header:after {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 247px;
        height: 247px;
        background-image: url(../../../../../../../../themes/esrb/assets/images/pattern-bottom.png);
        background-size: cover;
        background-position: 0 0;
        content: ""
    }
}

.webinar-header .pre-title-cover {
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 23px;
    -webkit-box-pack: center;
    justify-content: center
}

.webinar-header .pre-title-cover img, .webinar-header .pre-title-cover svg {
    display: inline-block;
    max-width: 32px;
    height: auto;
    margin-right: 12px
}

.webinar-header .pre-title-cover path {
    fill: #f6922b
}

.webinar-header .pre-title {
    color: #f6922b;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.33px;
    line-height: 25px;
    text-transform: uppercase
}

.webinar-header .blog-custom-title, .webinar-header h1 {
    margin-bottom: 3rem
}

.webinar-header .webinar-video-wrapper {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: -40px
}

@media (min-width: 768px) {
    .webinar-header .webinar-video-wrapper {
        margin-bottom: -50px
    }
}

@media (min-width: 1200px) {
    .webinar-header .webinar-video-wrapper {
        margin-bottom: -70px
    }
}

@media (max-width: 767.98px) {
    .webinar-header .webinar-video-wrapper {
        display: block
    }
}

.webinar-header .webinar-video-wrapper .video-wrapper {
    background: #fff;
    max-width: 100%;
    box-shadow: 0 25px 45px rgba(31, 53, 74, .25)
}

@media (max-width: 767.98px) {
    .webinar-header .webinar-video-wrapper .video-wrapper {
        box-shadow: 0 10px 25px rgba(31, 53, 74, .25);
        max-width: 100%
    }
}

.webinar-header .webinar-video-wrapper .video-image {
    position: relative;
    display: block;
    padding-top: 65%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.webinar-header .webinar-video-wrapper .video-image.video-popup:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(31, 52, 75, .5);
    content: ""
}

.webinar-header .webinar-video-wrapper .video-image.video-popup svg {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 197px;
    height: 50px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    content: ""
}

.blogSingle {
    overflow: hidden;
    padding: 9.3rem 0 10rem;
    color: #1f344b
}

@media (max-width: 575.98px) {
    .blogSingle {
        padding: 4rem 0 5rem
    }
}

.blogSingle .back_to_blog {
    font-weight: 700;
    text-transform: uppercase;
    margin: 1rem 0 5rem
}

@media (max-width: 1399.98px) {
    .blogSingle .back_to_blog {
        margin: 0 0 5rem
    }
}

.blogSingle .back_to_blog a:before {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-right: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-left-blue.svg) no-repeat 0
}

.blogSingle h1 {
    font-size: 4.5rem;
    font-weight: 600;
    line-height: 1.3;
    text-align: center
}

@media (max-width: 767.98px) {
    .blogSingle h1 {
        font-size: 3.5rem
    }
}

.blogSingle h2, .blogSingle h3 {
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 3rem 0 1rem
}

.blogSingle p {
    margin: 0 0 3rem
}

.blogSingle .author {
    font-size: 2.2rem;
    margin: 1.2rem 0 1.8rem
}

.blogSingle .author, .blogSingle .date {
    font-weight: 600;
    line-height: 1.5;
    text-align: center
}

.blogSingle .date {
    font-size: 1.6rem;
    text-transform: uppercase;
    margin: 0 0 5rem
}

.blogSingle .post_thumbnail {
    margin-bottom: 4rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto
}

.blogSingle .post_thumbnail img {
    display: block;
    width: 100%
}

@media (max-width: 767.98px) {
    .blogSingle .post_thumbnail img {
        margin-bottom: 5rem
    }
}

@media (max-width: 575.98px) {
    .blogSingle .post_thumbnail img {
        margin-bottom: 3rem
    }
}

.blogSingle .post_thumbnail .post_thumbnail__video {
    position: relative;
    height: 0;
    padding-bottom: 56.25%
}

@media (max-width: 575.98px) {
    .blogSingle .post_thumbnail .post_thumbnail__video {
        margin-left: -15px;
        margin-right: -15px
    }
}

.blogSingle .post_thumbnail .post_thumbnail__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.blogSingle .wp-caption-text, .blogSingle caption, .blogSingle figcaption {
    display: block;
    margin-top: 1rem;
    font-size: 1.4rem;
    font-weight: 600;
    font-style: italic;
    opacity: .5
}

.blogSingle .content {
    margin-bottom: 4rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid #d5d5d5;
    line-height: 1.8;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: .03em
}

.blogSingle .content blockquote {
    position: relative;
    overflow: hidden;
    margin: 0 0 3rem;
    padding: 10rem 5rem 7rem;
    background: linear-gradient(45deg, #0367d7, #48d1ea);
    font-size: 3.5rem;
    font-weight: 600;
    color: #fff;
    line-height: 1.4
}

@media (max-width: 767.98px) {
    .blogSingle .content blockquote {
        padding: 7rem 2rem 4rem
    }
}

@media (max-width: 575.98px) {
    .blogSingle .content blockquote {
        padding: 4rem 1.5rem 1rem
    }
}

.blogSingle .content blockquote:after, .blogSingle .content blockquote:before {
    content: "";
    position: absolute;
    z-index: 10;
    width: 38.2rem;
    height: 34.2rem
}

@media (max-width: 1199.98px) {
    .blogSingle .content blockquote:after, .blogSingle .content blockquote:before {
        display: none
    }
}

.blogSingle .content blockquote:before {
    bottom: -15.8rem;
    left: -20rem;
    background: url(../../../../../../../../themes/esrb/assets/images/pattern-light.svg) no-repeat 50%
}

.blogSingle .content blockquote:after {
    top: -7.8rem;
    right: -21rem;
    background: url(../../../../../../../../themes/esrb/assets/images/pattern-dark.svg) no-repeat 50%
}

.blogSingle .content blockquote p {
    position: relative;
    z-index: 20;
    margin: 0 auto 3rem
}

.blogSingle .content .alignleft {
    float: left;
    margin: .5em 1em .5em 0
}

.blogSingle .content .alignright {
    float: right;
    margin: .5em 0 .5em 1em
}

.blogSingle .content .aligncenter {
    display: block;
    margin: 0 auto 3rem
}

.blogSingle .written_for {
    font-weight: 600;
    text-align: center;
    margin-bottom: 2rem
}

.blogSingle .tags {
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}

.blogSingle .tags a {
    text-transform: none;
    text-decoration: underline
}

.careers__header {
    padding: 8.8rem 2rem 4rem
}

@media (min-width: 768px) {
    .careers__header {
        padding: 8.8rem 5rem 4rem
    }
}

@media (min-width: 1200px) {
    .careers__header {
        padding: 10rem 5rem 5rem
    }
}

.careers__header {
    position: relative;
    overflow: hidden;
    padding: 8.8rem 0 4rem;
    background: linear-gradient(45deg, #0367d7, #48d1ea);
    text-align: center;
    color: #fff
}

@media (min-width: 768px) {
    .careers__header {
        padding: 8.8rem 0 4rem
    }
}

@media (min-width: 1200px) {
    .careers__header {
        padding: 10rem 0 5rem
    }
}

.careers__header--single {
    padding-top: 5rem
}

.careers__header .pattern {
    position: absolute;
    width: 31.8rem;
    height: 28.5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/pattern.svg) no-repeat 50%
}

@media (max-width: 767.98px) {
    .careers__header .pattern {
        display: none
    }
}

.careers__header .pattern-left {
    left: -18rem;
    bottom: -8rem
}

.careers__header .pattern-right {
    right: -14rem;
    bottom: -2rem
}

.careers__header .container {
    padding: 0 2rem
}

@media (min-width: 576px) {
    .careers__header .container {
        padding: 0 15px
    }
}

.careers__back-link {
    margin: 0 0 8rem;
    text-align: left
}

.careers__back-link a {
    font-weight: 600;
    text-transform: uppercase;
    color: #fff
}

.careers__back-link a:active, .careers__back-link a:focus, .careers__back-link a:hover {
    outline: none;
    text-decoration: none;
    color: #fff
}

.careers__back-link a:before {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-right: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-left-white.svg) no-repeat 0
}

.careers__title {
    position: relative;
    margin: 0 0 1rem;
    font-size: 2.2rem
}

@media (min-width: 576px) {
    .careers__title {
        font-size: 4.5rem
    }
}

.careers__location {
    position: relative;
    margin: 0 0 3rem
}

.careers__body, .careers__btn {
    position: relative
}

.careers__body {
    overflow: hidden
}

.careers__body:after, .careers__body:before {
    content: "";
    position: absolute;
    width: 37rem;
    height: 25rem;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1
}

@media (max-width: 1199.98px) {
    .careers__body:after, .careers__body:before {
        display: none
    }
}

.careers__body:before {
    top: 75rem;
    right: -25rem
}

.careers__body:after {
    top: 28rem;
    left: -13rem
}

.careers__body__inner {
    position: relative;
    z-index: 10;
    max-width: 99rem;
    margin: 0 auto;
    padding: 5rem 2rem 10rem
}

@media (min-width: 768px) {
    .careers__body__inner {
        padding: 5rem 5rem 10rem
    }
}

.careers__footer {
    margin: 5rem 0 0;
    padding: 5rem 0 0;
    border-top: 1px solid #d5d5d5;
    text-align: center
}

.careers__footer h4 {
    margin: 0 0 2rem
}

.careers__top-footer {
    background: #f1f1f1
}

.careers__up {
    display: none;
    position: fixed;
    top: 50%;
    right: 1rem;
    z-index: 10;
    cursor: pointer
}

@media (min-width: 768px) {
    .careers__up {
        right: 3rem
    }
}

.careers__info {
    position: relative;
    max-width: 76.4rem;
    margin: 0 auto 2.5rem;
    font-size: 1.6rem
}

@media (min-width: 576px) {
    .careers__info {
        font-size: 1.8rem;
        margin: 2rem auto 2.5rem
    }
}

.careers__list {
    max-width: 93rem;
    margin: 0 auto;
    padding: 5rem 2rem 7rem
}

@media (min-width: 768px) {
    .careers__list {
        padding: 7rem 3rem 11rem
    }
}

@media (min-width: 1200px) {
    .careers__list {
        padding: 7rem 2rem 11rem
    }
}

.careers__list__title {
    margin: 0 0 3rem;
    text-align: center
}

.careers__list__department-title {
    margin: 4rem 0 2rem
}

.careers__job {
    display: block;
    position: relative;
    margin-bottom: 1.5rem;
    padding: 1.6rem 1.5rem;
    background: #fff;
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
}

@media (min-width: 768px) {
    .careers__job {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        min-height: 7.5rem;
        margin-bottom: 2rem;
        padding: 2rem 9rem 2rem 2rem
    }
}

.careers__job:after {
    content: "";
    display: none;
    position: absolute;
    top: 50%;
    right: 2rem;
    width: 5rem;
    height: 5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 768px) {
    .careers__job:after {
        display: block;
        background-color: #f6922b;
        background-image: url(../../../../../../../../themes/esrb/assets/images/orange-box-dark-arrow-right.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        font-size: 0;
        width: 5rem;
        height: 5rem
    }
}

.careers__job__title {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    color: #056cd0
}

@media (min-width: 768px) {
    .careers__job__title {
        display: inline;
        font-size: 1.8rem
    }
}

.careers__job__location {
    display: block;
    margin: .5rem 0 0;
    font-size: 1.2rem;
    font-weight: 500;
    color: #1f344b
}

@media (min-width: 768px) {
    .careers__job__location {
        display: inline;
        margin: 0 0 0 1.5rem;
        font-size: 1.6rem
    }
}

.careers__no-positions {
    margin: 3rem 0;
    font-size: 1.6rem;
    text-align: center
}

@media (min-width: 768px) {
    .careers__no-positions {
        margin: 5rem 0;
        font-size: 2.2rem
    }
}

@media (min-width: 1200px) {
    .careers__no-positions {
        margin: 10rem 0
    }
}

.contact-hero {
    position: relative;
    overflow: hidden
}

.contact-hero .hero-content {
    margin: 2.5rem 0 5.5rem;
    padding: 23rem 15rem 20rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

@media (max-width: 1199.98px) {
    .contact-hero .hero-content {
        padding: 16rem 8rem
    }
}

@media (max-width: 991.98px) {
    .contact-hero .hero-content {
        margin: 2.5rem 0 10rem;
        padding: 8rem 5rem
    }
}

@media (max-width: 575.98px) {
    .contact-hero .hero-content {
        margin: 2.5rem 0 4rem;
        padding: 6rem 3rem
    }
}

.contact-hero .content {
    width: 59.3rem;
    margin-bottom: 3rem;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1.6
}

@media (max-width: 1199.98px) {
    .contact-hero .content {
        width: auto
    }
}

.contact-hero .content h1 {
    margin: 0 0 2rem
}

.contact-hero .down {
    display: block;
    width: 5.4rem;
    height: 5.4rem;
    border-radius: 50%;
    background-color: orange;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 5.4rem;
    text-align: center;
    color: #fff
}

.contact-hero .pattern {
    position: absolute;
    width: 31.8rem;
    height: 28.5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/pattern.svg) no-repeat 50%
}

@media (max-width: 575.98px) {
    .contact-hero .pattern {
        display: none
    }
}

.contact-hero .pattern-left {
    left: -13.8rem;
    bottom: 4.5rem
}

@media (max-width: 767.98px) {
    .contact-hero .pattern-left {
        z-index: -1
    }
}

.contact-hero .pattern-right {
    right: -16.2rem;
    top: 4.4rem
}

.contact-content {
    position: relative;
    overflow: hidden
}

.contact-content .info {
    max-width: 103rem;
    padding-bottom: 3rem;
    margin: auto;
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 1.6
}

.contact-content blockquote {
    border-top: .24rem solid #056cd0;
    margin: 4rem 0 0;
    padding-top: 1.1rem
}

.contact-content blockquote p {
    color: #056cd0;
    font-style: italic
}

.contact-form {
    position: relative;
    padding: 4rem 0 7rem;
    background: linear-gradient(244deg, #48d1ea, #48d1ea 0, #0367d7);
    color: #fff
}

@media (max-width: 767.98px) {
    .contact-form {
        padding: 3rem 0
    }
}

.contact-form .content-form {
    position: relative;
    z-index: 30;
    max-width: 103rem;
    margin: auto
}

.contact-form .content-form .gform_wrapper .gform_footer {
    text-align: center
}

.contact-form .content-form .gform_wrapper label.gfield_label {
    font-weight: 600;
    font-size: 1.8rem
}

.contact-form .content-form .gform_wrapper .gfield_required {
    color: #fff;
    margin: 0 4px 0 0;
    float: left
}

.contact-form .content-form .gform_wrapper ul.gform_fields li.gfield {
    margin-top: 3.7rem;
    padding: 0
}

.contact-form .content-form .gform_wrapper ul.gform_fields li.gfield.gf_25, .contact-form .content-form .gform_wrapper ul.gform_fields li.gfield.gf_75, .contact-form .content-form .gform_wrapper ul.gform_fields li.gfield.gf_left_half, .contact-form .content-form .gform_wrapper ul.gform_fields li.gfield.gf_right_half {
    display: inline-block;
    vertical-align: bottom;
    width: calc(50% - .9rem)
}

@media (max-width: 767.98px) {
    .contact-form .content-form .gform_wrapper ul.gform_fields li.gfield.gf_25, .contact-form .content-form .gform_wrapper ul.gform_fields li.gfield.gf_75, .contact-form .content-form .gform_wrapper ul.gform_fields li.gfield.gf_left_half, .contact-form .content-form .gform_wrapper ul.gform_fields li.gfield.gf_right_half {
        width: 100%
    }
}

.contact-form .content-form .gform_wrapper ul.gform_fields li.gfield.gf_left_half {
    margin-right: 1.8rem
}

@media (max-width: 767.98px) {
    .contact-form .content-form .gform_wrapper ul.gform_fields li.gfield.gf_left_half {
        margin-right: 0
    }
}

.contact-form .content-form .gform_wrapper ul.gform_fields li.gfield.gf_25 {
    width: calc(25% - .9rem);
    margin-right: 1.8rem
}

@media (max-width: 767.98px) {
    .contact-form .content-form .gform_wrapper ul.gform_fields li.gfield.gf_25 {
        margin-right: 0;
        width: 100%
    }
}

.contact-form .content-form .gform_wrapper ul.gform_fields li.gfield.gf_75 {
    width: calc(75% - .9rem)
}

@media (max-width: 767.98px) {
    .contact-form .content-form .gform_wrapper ul.gform_fields li.gfield.gf_75 {
        width: 100%
    }
}

.contact-form .content-form .gform_wrapper ul.gform_fields li.gfield .ginput_complex .ginput_left {
    width: 100%;
    padding: 0 !important
}

.contact-form .content-form .gform_wrapper ul.gform_fields li.gfield .ginput_complex label {
    display: none
}

.contact-form .content-form .gform_wrapper ul.gform_fields li.gfield .ginput_complex select {
    margin: 0
}

@media screen and (min-width: 0\0
) {
    .contact-form .content-form .gform_wrapper ul.gform_fields li.gfield .ginput_container_address, .contact-form .content-form .gform_wrapper ul.gform_fields li.gfield .ginput_container_select {
        position: relative
    }

    .contact-form .content-form .gform_wrapper ul.gform_fields li.gfield .ginput_container_address:after, .contact-form .content-form .gform_wrapper ul.gform_fields li.gfield .ginput_container_select:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        width: 3.5rem;
        background: #fff
    }
}

.contact-form .content-form .gform_wrapper ul.gform_fields li.gfield input[type=email], .contact-form .content-form .gform_wrapper ul.gform_fields li.gfield input[type=text], .contact-form .content-form .gform_wrapper ul.gform_fields li.gfield select, .contact-form .content-form .gform_wrapper ul.gform_fields li.gfield textarea {
    width: 100% !important;
    max-width: 100% !important;
    height: 6rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    background-color: #fff;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25)
}

.contact-form .content-form .gform_wrapper ul.gform_fields li.gfield select {
    font-style: italic;
    font-size: 1.6rem;
    padding-right: 1.5rem;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background: #fff url(../../../../../../../../themes/esrb/assets/images/dropdown-arrow.svg) no-repeat right top 1.72rem;
    background-origin: content-box;
    cursor: pointer;
    height: 6rem
}

@media screen and (min-width: 0\0
) {
    .contact-form .content-form .gform_wrapper ul.gform_fields li.gfield select {
        background: #fff url(../../../../../../../../themes/esrb/assets/images/dropdown-arrow.svg) no-repeat right 4rem top 1.72rem
    }
}

.contact-form .content-form .gform_wrapper ul.gform_fields li.gfield textarea {
    width: 100%;
    height: 16rem
}

.contact-form .content-form .gform_wrapper .privacy-policy {
    width: 100%
}

.contact-form .content-form .gform_wrapper .privacy-policy label {
    font-size: 1.8rem;
    font-weight: 400 !important
}

@media (max-width: 767.98px) {
    .contact-form .content-form .gform_wrapper .privacy-policy label {
        font-size: 1.4rem
    }
}

@media (max-width: 575.98px) {
    .contact-form .content-form .gform_wrapper .privacy-policy label {
        font-size: 1rem
    }
}

.contact-form .content-form .gform_wrapper .privacy-policy label a {
    color: #fff;
    font-weight: 700
}

.contact-form .content-form .gform_wrapper .privacy-policy ul.gfield_checkbox li {
    display: block !important
}

@media (max-width: 767.98px) {
    .contact-form .content-form .gform_wrapper .privacy-policy ul.gfield_checkbox li label {
        width: auto
    }
}

.contact-form .content-form .gform_wrapper .privacy-policy input[type=checkbox] {
    position: relative;
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    background: transparent;
    margin-top: 0;
    margin-right: 1rem
}

.contact-form .content-form .gform_wrapper .privacy-policy input[type=checkbox]:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    text-align: center;
    line-height: 20px
}

.contact-form .content-form .gform_wrapper .privacy-policy input[type=checkbox]:checked:before {
    content: "✔"
}

.contact-form .content-form .gform_wrapper input.gform_button.button {
    font-size: 1.6rem;
    font-weight: 600;
    color: #000;
    width: 12.1rem;
    background-color: #f6922b
}

.page-template-template-privacy-certified .contact-form .content-form .gform_wrapper input.gform_button.button {
    background-color: #6926c6
}

.contact-form .content-form .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked + label, .contact-form .content-form .gform_wrapper ul.gfield_radio li input[type=radio]:checked + label {
    font-weight: 400 !important
}

.contact-form .content-form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: 100% !important
}

.contact-form .content-form .gform_wrapper li.gfield.gfield_error, .contact-form .content-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background: transparent;
    margin-bottom: 0 !important;
    border: none !important
}

.contact-form .content-form .gform_wrapper .gfield_error .gfield_label, .contact-form .content-form .gform_wrapper li.gfield_error ul.gfield_checkbox, .contact-form .content-form .gform_wrapper li.gfield_error ul.gfield_radio {
    color: #fff
}

.contact-form .content-form .gform_wrapper .field_description_below .gfield_description {
    padding-top: .5rem
}

.contact-form .content-form .gform_wrapper .validation_message {
    color: #f6922b
}

.contact-form .content-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    padding: 5px 10px
}

.contact-form .pattern {
    position: absolute;
    width: 31.8rem;
    height: 28.5rem
}

@media (max-width: 575.98px) {
    .contact-form .pattern {
        display: none
    }
}

.contact-form .pattern-left {
    left: -13.8rem;
    bottom: 13.5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/pattern.svg) no-repeat 50%
}

.contact-form .pattern-right {
    right: -16.2rem;
    top: 4.4rem;
    background: url(../../../../../../../../themes/esrb/assets/images/pattern-dark.svg) no-repeat 50%
}

.page-template-template-privacy-certified .contact-content {
    background-color: #f4f4f4;
    padding-top: 0
}

.page-template-template-privacy-certified .contact-content .info {
    padding-bottom: 4.4rem
}

.page-template-template-privacy-certified .contact-content .info p {
    margin-bottom: 0
}

#pf-contact-content {
    background-color: transparent
}

#pf-contact-content .info {
    padding-block: 4.4rem;
    font-weight: 500
}

#pf-contact-content .info p {
    margin-bottom: 0
}

#pf-contact-form {
    padding: 0 0 4.4rem;
    background: transparent
}

#pf-contact-form .content-form {
    background: linear-gradient(244deg, #48d1ea, #48d1ea 0, #0367d7);
    padding: 0 5rem 1rem
}

#pf-contact-form .content-form .gform_legacy_markup_wrapper {
    margin-top: 0
}

#pf-contact-form .content-form .gform_wrapper input.gform_button.button {
    background-color: #f6922b
}

#pf-contact-form .pattern-left {
    left: -14.8rem;
    top: 4.4rem
}

#pf-contact-form .pattern-right {
    right: -15.2rem;
    bottom: 13.5rem;
    top: auto;
    background: url(../../../../../../../../themes/esrb/assets/images/pattern.svg) no-repeat 50%
}

.main-privacy-page .contact-content a {
    text-transform: uppercase;
    font-weight: 500
}

.main-privacy-page .contact-content a:after {
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "\f30b";
    font-family: Font Awesome\ 5 Free;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: 1;
    padding-left: 1rem;
    text-rendering: auto;
    -webkit-transition: all .2s;
    transition: all .2s
}

.floating-box_blue {
    float: right;
    background: #01b0ef;
    width: 22ch;
    padding: 1.5rem;
    color: #fff;
    margin-left: 2rem;
    box-shadow: 0 0 7px #01b0ef;
    font-style: italic
}

.controls-single .control-header {
    position: relative;
    overflow: hidden;
    min-height: 27.5rem;
    padding: 5rem 0 4rem;
    background: linear-gradient(45deg, #0367d7, #48d1ea);
    color: #fff
}

.controls-single .control-header:after, .controls-single .control-header:before {
    content: "";
    position: absolute;
    width: 37rem;
    height: 25rem;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1
}

@media (max-width: 767.98px) {
    .controls-single .control-header:after, .controls-single .control-header:before {
        display: none
    }
}

.controls-single .control-header:before {
    top: 0;
    right: -18rem;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern-dark.svg)
}

.controls-single .control-header:after {
    top: 14rem;
    left: -20rem
}

@media (min-width: 1200px) {
    .controls-single .control-header:after {
        top: 12rem;
        left: -10rem
    }
}

@media (min-width: 1400px) {
    .controls-single .control-header:after {
        top: 12rem;
        left: -6rem
    }
}

.controls-single .control-header.has-new-style:after {
    top: auto;
    bottom: -6rem;
    opacity: .2
}

@media print {
    .controls-single .control-header {
        min-height: 2em;
        padding: 1rem 0
    }
}

.controls-single .control-header .back_to_parental_controls {
    font-weight: 600;
    text-transform: uppercase;
    color: #fff
}

.controls-single .control-header .back_to_parental_controls:before {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-right: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-left-white.svg) no-repeat 0
}

@media print {
    .controls-single .control-header .back_to_parental_controls {
        display: none
    }
}

.controls-single .control-header h1 {
    margin: 2.6rem 0 2rem;
    font-size: 3.5rem
}

.controls-single .control-header h1.has-buttons {
    margin: 2.6rem 0 2rem
}

.controls-single .control-header h1.no-buttons {
    margin: 8rem 0 2rem
}

@media print {
    .controls-single .control-header h1 {
        color: #1f344b
    }
}

.controls-single .control-header .header-buttons {
    position: relative;
    z-index: 10;
    margin: 0 -.5rem auto 0
}

@media print {
    .controls-single .control-header .header-buttons {
        display: none
    }
}

.controls-single .control-header .header-buttons > div {
    padding: 0 .5rem
}

.controls-single .control-header .header-buttons .header-button-item {
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: inherit
}

.controls-single .control-header .header-buttons .slick-track {
    margin-left: 0
}

.controls-single .control-header .btn {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    overflow: hidden;
    height: 6.6rem;
    padding: 2rem .5rem;
    background: #f1f1f1;
    border-radius: 1rem;
    opacity: .85;
    cursor: pointer
}

.controls-single .control-header .btn.active {
    background: #fff;
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25);
    opacity: 1
}

.controls-single .control-header .btn img {
    float: left;
    max-width: 3.3rem;
    margin-right: .8rem
}

.controls-single .control-header .btn-title {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: left
}

@media (max-width: 767.98px) {
    .controls-single .control-header .slick-slider {
        width: 90%
    }
}

@media (max-width: 575.98px) {
    .controls-single .control-header .slick-slider {
        width: 80%
    }
}

.controls-single .control-header .slick-list {
    margin: 0 -.5rem;
    overflow: visible !important
}

.controls-single .control-header .slick-list .slick-slide {
    padding: 0 .5rem
}

.controls-single .control-header .pc-related-platforms a {
    z-index: 3;
    color: #fff;
    opacity: .7
}

.controls-single .control-header .pc-related-platforms a:first-of-type:before, .controls-single .control-header .pc-related-platforms a:last-of-type:after {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem
}

.controls-single .control-header .pc-related-platforms a:first-of-type:before {
    margin-right: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-left-white.svg) no-repeat 0
}

.controls-single .control-header .pc-related-platforms a:last-of-type:after {
    margin-left: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-right-white.svg) no-repeat 0
}

@media (min-width: 1400px) {
    .controls-single .control-header.has-new-style {
        padding: 0 0 2rem
    }
}

@media (min-width: 768px) {
    .controls-single .control-header.has-new-style {
        background: linear-gradient(315deg, #48d1ea, #0367d7)
    }
}

@media (max-width: 1199.98px) {
    .controls-single .control-header.has-new-style .container {
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .controls-single .control-header.has-new-style .pl-9__lg {
        padding-left: 9rem
    }
}

.controls-single .control-header.has-new-style h1 {
    font-size: 5.8rem
}

@media (max-width: 767.98px) {
    .controls-single .control-header.has-new-style h1 {
        font-size: 3.5rem
    }
}

.controls-single .control-header.has-new-style .header-buttons {
    display: block;
    max-width: 45rem
}

.controls-single .control-header.has-new-style .header-buttons .header-button-item {
    display: inline-block;
    width: auto;
    padding: 0 1rem 1.5rem 0
}

.controls-single .control-header.has-new-style .header-buttons .btn {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 1.2rem;
    color: #fff;
    height: 4.2rem;
    padding-inline: 1rem
}

.controls-single .control-header.has-new-style .header-buttons .btn.active {
    background-color: #fff;
    color: #0456a6
}

.controls-single .control-header.has-new-style .header-buttons .btn .btn-title {
    font-size: 1.77rem
}

@media (max-width: 767.98px) {
    .controls-single .control-header.has-new-style .header-buttons .btn .btn-title {
        font-size: 1.47rem
    }
}

.controls-single .control-content {
    padding: 4rem 0 6rem
}

.controls-single .control-content h2 {
    font-size: 2.8rem
}

.controls-single .control-content ol, .controls-single .control-content {
    margin-bottom: 3rem
}

.controls-single .control-content li {
    margin-bottom: 1.5rem
}

.controls-single .control-content .view-full {
    display: none;
    margin-top: 2rem;
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #056cd0
}

@media print {
    .controls-single .control-content .view-full {
        display: none
    }
}

.controls-single .control-content .view-full:after {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-left: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-right-blue.svg) no-repeat 0;
    cursor: pointer
}

.controls-single .control-content .view-full.active {
    display: block
}

.controls-single .control-content .view-full span {
    cursor: pointer
}

@media print {
    .controls-single .control-content iframe {
        display: none
    }
}

@media print {
    .controls-single .control-content .content > div {
        display: none
    }

    .controls-single .control-content .content > div.full {
        display: block;
        color: #1f344b
    }
}

.controls-single .control-others {
    padding: 6rem 0 7rem;
    background: #e6e6e6
}

@media print {
    .controls-single .control-others {
        display: none
    }
}

.controls-single .control-others-title {
    margin: 0 0 3rem;
    font-size: 3.5rem;
    font-weight: 600
}

.controls-single .control-others .platform {
    padding-bottom: 3rem
}

.controls-single .control-others .platform figure {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding-bottom: 70.589%;
    background: url(../../../../../../../../themes/esrb/assets/images/placeholder-light.jpg) no-repeat 50%;
    background-size: 101%
}

.controls-single .control-others .platform figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.controls-single .control-others .platform .title {
    font-size: 2.2rem;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1;
    padding: 1.8rem 3rem;
    position: relative;
    background: #fff
}

@media (max-width: 767.98px) {
    .controls-single .control-others .platform .title {
        font-size: 1.8rem
    }
}

@media (max-width: 991.98px) {
    .controls-single .control-others .platform .title {
        font-size: 1.6rem;
        padding: 1rem 2rem
    }
}

.controls-single .control-others .platform .title .arrow {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 5.8rem;
    background: #f6922b url(../../../../../../../../themes/esrb/assets/images/arrow-right-white.svg) no-repeat 50%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

@media (max-width: 991.98px) {
    .controls-single .control-others .platform .title .arrow {
        width: 3.6rem
    }
}

.controls-single .control-others .platform a.platform-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.controls-single .control-others .platform > div {
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25);
    position: relative;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.controls-single .control-others .platform > div:hover {
    box-shadow: 0 25px 45px rgba(31, 53, 74, .25)
}

@media (max-width: 767.98px) {
    .controls-single .control-others .platform > div:hover {
        box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
    }
}

.controls-single .control-others .platform > div:hover .title:after {
    background-color: #f9b774
}

@media (max-width: 991.98px) {
    .controls-single .control-others .slick-slider {
        width: 80%
    }
}

@media (max-width: 575.98px) {
    .controls-single .control-others .slick-slider {
        width: auto
    }
}

.controls-single .control-others .slick-list {
    overflow: visible !important
}

.controls-single .control-others .slick-list .slick-slide {
    opacity: .75;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.controls-single .control-others .slick-list .slick-slide.slick-active {
    opacity: 1
}

.controls-single .control-others .nav {
    display: -webkit-box;
    display: flex;
    padding: 3rem 0 0;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.controls-single .control-others .nav a {
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25);
    margin: 0 1rem
}

.controls-single .control-others .nav a:first-child {
    margin-left: 0
}

.controls-single .control-others .nav a:last-child {
    margin-right: 0
}

.controls-single .control-others .nav a.next, .controls-single .control-others .nav a.prev {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-transition: all .2s;
    transition: all .2s
}

.controls-single .control-others .nav a.next:focus, .controls-single .control-others .nav a.next:hover, .controls-single .control-others .nav a.prev:focus, .controls-single .control-others .nav a.prev:hover {
    box-shadow: 0 0 15px #1f344b
}

.controls-single .control-others .nav a.prev {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg);
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-left.svg)
}

.controls-single .control-others .nav a.next, .controls-single .control-others .nav a.prev {
    background-color: #1f344b;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 4rem;
    height: 4rem;
    font-size: 0;
    width: 6.6rem;
    height: 6.6rem
}

.controls-single .control-others .nav a.next {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg)
}

.controls-single .control-others .nav a.slick-disabled {
    opacity: .4;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    cursor: not-allowed
}

@media (max-width: 575.98px) {
    .controls-single .control-others .nav {
        float: none;
        -webkit-box-pack: center;
        justify-content: center
    }
}

.controls-single .control-others.has-new-style {
    background: #fff
}

.controls-single .control-others.has-new-style .platform > div {
    box-shadow: 0 3.04px 3.04px 0 rgba(0, 0, 0, .25);
    border-radius: 15px;
    -webkit-transition: color 0s;
    transition: color 0s;
    color: #0456a6
}

.controls-single .control-others.has-new-style .platform > div:focus, .controls-single .control-others.has-new-style .platform > div:hover {
    color: #fff;
    background: linear-gradient(138.98deg, #0456a6 7.92%, #4bd0e9 91.97%)
}

@media (max-width: 767.98px) {
    .controls-single .control-others.has-new-style .platform > div:focus, .controls-single .control-others.has-new-style .platform > div:hover {
        background: #0456a6
    }
}

.controls-single .control-others.has-new-style .platform figure {
    background-image: none;
    height: 31rem;
    padding: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width: 767.98px) {
    .controls-single .control-others.has-new-style .platform figure {
        display: none
    }
}

.controls-single .control-others.has-new-style .platform figure img {
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: 100%;
    display: block
}

.controls-single .control-others.has-new-style .platform .title {
    text-align: center;
    background-color: transparent;
    font-size: 2.4rem
}

@media (max-width: 767.98px) {
    .controls-single .control-others.has-new-style .platform .title {
        padding: 2.7rem 0
    }
}

@media (max-width: 767.98px) {
    .controls-single .control-others.has-new-style .nav {
        display: none
    }
}

.faqsPage {
    position: relative;
    overflow: hidden;
    padding: 12rem 0 10rem;
    color: #1f344b
}

@media (max-width: 1199.98px) {
    .faqsPage {
        padding: 10rem 0
    }
}

@media (max-width: 767.98px) {
    .faqsPage {
        padding: 9rem 0 8rem
    }
}

@media (max-width: 575.98px) {
    .faqsPage {
        padding: 5rem 0
    }
}

.faqsPage h1 {
    margin: 0 0 5rem;
    font-size: 4.5rem
}

.faqsPage .pattern {
    position: absolute;
    width: 31.8rem;
    height: 28.5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/pattern.svg) no-repeat 50%
}

@media (max-width: 991.98px) {
    .faqsPage .pattern {
        display: none
    }
}

.faqsPage .pattern-left {
    left: -13.8rem;
    top: 33.5rem
}

.faqsPage .pattern-right {
    right: -16.2rem;
    top: 7rem
}

.faqsPage .e3Faq {
    position: relative;
    z-index: 20;
    background: #fff
}

.faqsPage .e3Faq .faq-categories-heading {
    display: none;
    text-align: left
}

.faqsPage .e3Faq .faq-categories-heading .faq-categories {
    margin: 0 0 3rem;
    padding: 0
}

.faqsPage .e3Faq .faq-categories-heading .faq-categories li {
    margin: 0 2rem 2rem 0
}

.faqsPage .e3Faq .faq-categories-heading .faq-categories li:last-of-type {
    margin: 0 0 2rem
}

.faqsPage .e3Faq .faq-categories-heading .faq-categories li a {
    padding: 1.3rem 2.8rem;
    border-radius: 0;
    border: 3px solid #1f344b;
    font-weight: 600;
    text-transform: uppercase;
    color: #1f344b;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.faqsPage .e3Faq .faq-categories-heading .faq-categories li a.active, .faqsPage .e3Faq .faq-categories-heading .faq-categories li a:focus, .faqsPage .e3Faq .faq-categories-heading .faq-categories li a:hover, .faqsPage .e3Faq .faq-categories-heading .faq-categories li aactive {
    color: #fff;
    background: #1f344b
}

.faqsPage .e3Faq .faq-container {
    padding: 0
}

.faqsPage .e3Faq .faq-container .faq-item {
    margin: 0;
    padding: 0;
    border-top: 1px solid #d5d5d5
}

.faqsPage .e3Faq .faq-container .faq-item:last-of-type {
    border-bottom: 1px solid #d5d5d5
}

.faqsPage .e3Faq .faq-container .faq-item .question {
    padding: 2rem 8rem 2rem 0;
    background: #fff;
    border: none;
    border-radius: 0;
    font-weight: 700;
    color: #1f344b
}

.faqsPage .e3Faq .faq-container .faq-item .question:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 2rem;
    top: 2.45rem;
    width: 0;
    height: 0;
    padding: 0;
    border-left: 1rem solid #056cd0;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.faqsPage .e3Faq .faq-container .faq-item .question[aria-expanded=true]:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.faqsPage .e3Faq .faq-container .faq-item .answer {
    font-size: 1.4rem;
    padding: 0 17rem 2rem 0;
    border: none;
    border-radius: 0;
    background: transparent
}

@media (max-width: 767.98px) {
    .faqsPage .e3Faq .faq-container .faq-item .answer {
        padding-right: 10rem;
        padding-right: 6rem
    }
}

.faqsPage .e3Faq .faq-container .faq-item .answer a {
    font-weight: 700
}

.faqsPage .e3Faq .faq-container .faq-item .answer a.more {
    text-transform: uppercase;
    padding-right: 1.5rem
}

.faqsPage .e3Faq .faq-container .faq-item .answer a.more:after {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-left: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-right-blue.svg) no-repeat 0
}

.faqsPage .e3Faq .collapse.show {
    display: block
}

.historyPage {
    position: relative;
    overflow: hidden;
    padding: 12rem 0 0;
    background: #f8f8f8;
    color: #1f344b
}

@media (max-width: 1199.98px) {
    .historyPage {
        padding: 10rem 0 0
    }
}

@media (max-width: 767.98px) {
    .historyPage {
        padding: 9rem 0 0
    }
}

@media (max-width: 575.98px) {
    .historyPage {
        padding: 5rem 0 0
    }
}

.historyPage h1 {
    margin: 0 0 3rem;
    font-size: 4.5rem
}

.historyPage .pattern {
    position: absolute;
    z-index: 10;
    width: 31.8rem;
    height: 28.5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/pattern.svg) no-repeat 50%
}

@media (max-width: 1199.98px) {
    .historyPage .pattern {
        display: none
    }
}

.historyPage .pattern-left {
    left: -13.8rem;
    top: 33.5rem
}

.historyPage .pattern-right {
    right: -16.2rem;
    top: 7rem
}

.historyPage .history-items {
    position: relative;
    z-index: 20
}

.historyPage .history-items .item:nth-of-type(odd) {
    background: #fff
}

.historyPage .history-items .item:nth-of-type(2n) {
    background: #f1f1f1
}

.historyPage .history-items .item:first-of-type {
    background: transparent
}

.historyPage .history-items .item .year-item {
    position: relative
}

.historyPage .history-items .item .year-item .year {
    position: absolute;
    top: 0;
    left: 0;
    width: 15rem;
    padding: 6.15rem 3rem 6.15rem 0;
    font-size: 4.5rem;
    font-weight: 700;
    line-height: 1;
    text-align: right;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

@media (max-width: 575.98px) {
    .historyPage .history-items .item .year-item .year {
        font-size: 3.8rem;
        width: 12rem;
        padding: 4rem 2rem 4rem 0
    }
}

.historyPage .history-items .item .year-item .events {
    position: relative;
    margin-left: 15rem;
    padding: 4rem 0 4rem 7.5rem
}

@media (max-width: 575.98px) {
    .historyPage .history-items .item .year-item .events {
        margin-left: 12rem;
        padding: 1rem 0 1rem 4.5rem
    }
}

.historyPage .history-items .item .year-item .events:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    border-left: 1px solid #1f344b
}

.historyPage .history-items .item .year-item .events .event {
    display: block;
    position: relative;
    padding: 3rem 0
}

.historyPage .history-items .item .year-item .events .event:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -8.25rem;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -.8rem;
    border-radius: 50%;
    background: #1f344b;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

@media (max-width: 575.98px) {
    .historyPage .history-items .item .year-item .events .event:before {
        left: -5.25rem
    }
}

.historyPage .history-items .item .year-item .events .event .event-txt {
    font-size: 1.8rem;
    font-weight: 400;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

@media (max-width: 575.98px) {
    .historyPage .history-items .item .year-item .events .event .event-txt {
        font-size: 1.6rem
    }
}

.historyPage .history-items .item .year-item .events .event .event-txt .more-link:after {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-left: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-right-blue.svg) no-repeat 0
}

.historyPage .history-items .item .year-item .events .event .event-img img {
    margin: 1rem 1rem 0 0;
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
}

.historyPage .history-items .item:first-of-type .year-item .events:before {
    top: 8rem
}

@media (max-width: 575.98px) {
    .historyPage .history-items .item:first-of-type .year-item .events:before {
        top: 6rem
    }
}

.historyPage .history-items .item:first-of-type .year-item .events .event:first-of-type:before {
    top: 3.6rem;
    margin-top: 0
}

.historyPage .history-items .item:last-of-type .year-item .events:before {
    top: 0;
    height: 9rem
}

@media (max-width: 575.98px) {
    .historyPage .history-items .item:last-of-type .year-item .events:before {
        height: 6rem
    }
}

.historyPage .history-items .item:last-of-type .year-item .events.more2children:before {
    bottom: 9rem;
    height: auto
}

@media (max-width: 575.98px) {
    .historyPage .history-items .item:last-of-type .year-item .events.more2children:before {
        bottom: 5.6rem
    }
}

.historyPage .history-items .item:last-of-type .year-item .events .event:before {
    top: 3.6rem;
    margin-top: 0
}

.historyPage .history-items .item.active .year-item .year {
    font-size: 6rem;
    margin-left: -2rem;
    margin-top: -.7rem
}

@media (max-width: 1399.98px) {
    .historyPage .history-items .item.active .year-item .year {
        font-size: 5.5rem;
        margin-left: -1.5rem;
        margin-top: -.5rem
    }
}

@media (max-width: 575.98px) {
    .historyPage .history-items .item.active .year-item .year {
        font-size: 3.8rem;
        margin: 0
    }
}

.historyPage .history-items .item.active .year-item .events .event.active:before {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    background: #056cd0
}

.home-hero {
    position: relative
}

.home-hero .down {
    margin-top: 5rem
}

@media (max-width: 1199.98px) {
    .home-hero .down {
        margin: 6rem auto 8rem
    }
}

@media (max-width: 767.98px) {
    .home-hero .down {
        margin-top: 3rem;
        margin-bottom: 4rem
    }
}

@media (max-width: 991.98px) {
    .home-hero .container-fluid {
        max-width: none
    }
}

@media (min-width: 992px) {
    .home-hero .container-fluid .row > div:first-child {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center
    }
}

.home-hero .hero-background {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 991.98px) {
    .home-hero .hero-background:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 62rem;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 108, 212, 0)), to(#006cd4));
        background: linear-gradient(180deg, rgba(0, 108, 212, 0), #006cd4);
        opacity: .2
    }
}

.home-hero .hero-background > img, .home-hero .hero-background > picture img {
    position: absolute;
    top: 0;
    left: 40%;
    width: 60%;
    height: 53rem;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1859.98px) {
    .home-hero .hero-background > img, .home-hero .hero-background > picture img {
        height: 50vh
    }
}

@media (max-width: 991.98px) {
    .home-hero .hero-background > img, .home-hero .hero-background > picture img {
        left: 0;
        width: 100%;
        height: 62rem;
        -o-object-position: 60% 50%;
        object-position: 60% 50%
    }
}

@media (max-width: 767.98px) {
    .home-hero .hero-background > img, .home-hero .hero-background > picture img {
        -o-object-position: 66% 50%;
        object-position: 66% 50%
    }
}

@media (max-width: 575.98px) {
    .home-hero .hero-background > img, .home-hero .hero-background > picture img {
        height: 56rem
    }
}

.home-hero .hero-background .gradient {
    position: absolute;
    top: 0;
    left: 40%;
    width: 60%;
    height: 53rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(31, 52, 75, .5)), color-stop(10rem, rgba(31, 52, 75, .2)), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(rgba(31, 52, 75, .5), rgba(31, 52, 75, .2) 10rem, hsla(0, 0%, 100%, 0))
}

@media (max-width: 1859.98px) {
    .home-hero .hero-background .gradient {
        height: 50vh
    }
}

@media (max-width: 991.98px) {
    .home-hero .hero-background .gradient {
        left: 0;
        width: 100%;
        height: 62rem;
        -o-object-position: 60% 50%;
        object-position: 60% 50%
    }
}

@media (max-width: 767.98px) {
    .home-hero .hero-background .gradient {
        -o-object-position: 30% 50%;
        object-position: 30% 50%
    }
}

@media (max-width: 575.98px) {
    .home-hero .hero-background .gradient {
        height: 56rem
    }
}

.home-hero .hero-background .blue {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    background: -webkit-gradient(linear, right top, left bottom, from(#4cd1e9), to(#006cd4));
    background: linear-gradient(to bottom left, #4cd1e9, #006cd4);
    overflow: hidden;
    z-index: 5
}

@media (max-width: 991.98px) {
    .home-hero .hero-background .blue {
        top: 62rem;
        height: 40rem;
        width: 100%
    }
}

@media (max-width: 767.98px) {
    .home-hero .hero-background .blue {
        top: 62rem;
        height: 24rem;
        width: 100%
    }
}

@media (max-width: 575.98px) {
    .home-hero .hero-background .blue {
        top: 56rem;
        height: 24rem;
        width: 100%
    }
}

.home-hero .hero-background .blue:after, .home-hero .hero-background .blue:before {
    content: "";
    position: absolute;
    width: 38rem;
    height: 34rem;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern-light.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10
}

@media (max-width: 767.98px) {
    .home-hero .hero-background .blue:after, .home-hero .hero-background .blue:before {
        display: none
    }
}

.home-hero .hero-background .blue:before {
    top: -10rem;
    right: -15rem;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern-dark.svg)
}

.home-hero .hero-background .blue:after {
    bottom: -10rem;
    left: -15rem
}

.home-hero .hero-content {
    padding-top: 35rem;
    position: relative
}

@media (max-width: 1859.98px) {
    .home-hero .hero-content {
        padding-top: 30vh
    }
}

@media (max-width: 991.98px) {
    .home-hero .hero-content {
        padding-top: 25vh
    }
}

@media (max-width: 767.98px) {
    .home-hero .hero-content {
        padding-top: 42rem
    }
}

@media (max-width: 575.98px) {
    .home-hero .hero-content {
        padding-top: 36rem
    }
}

.home-hero .rating {
    text-align: center;
    padding-top: 6rem;
    margin: 0;
    position: relative
}

@media (max-width: 1859.98px) {
    .home-hero .rating {
        padding-top: 6rem
    }
}

@media (max-width: 991.98px) {
    .home-hero .rating {
        padding-top: 7rem
    }
}

@media (max-width: 767.98px) {
    .home-hero .rating {
        padding-top: 0;
        margin-top: 0
    }
}

.home-hero .rating img {
    max-width: 42rem;
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
}

@media (max-width: 1399.98px) {
    .home-hero .rating img {
        max-width: 32rem
    }
}

@media (max-width: 991.98px) {
    .home-hero .rating img {
        max-width: 47rem
    }
}

@media (max-width: 767.98px) {
    .home-hero .rating img {
        max-width: 32rem
    }
}

@media (max-width: 575.98px) {
    .home-hero .rating img {
        max-width: 26.5rem
    }
}

.home-hero .rating:after {
    content: "";
    position: absolute;
    width: 0;
    height: 4rem;
    border-left: 1px solid #1f344b;
    top: 100%;
    left: 50%;
    margin-top: 3rem
}

@media (max-width: 991.98px) {
    .home-hero .rating:after {
        margin-top: 5rem
    }
}

@media (max-width: 767.98px) {
    .home-hero .rating:after {
        margin-top: 1rem
    }
}

.home-hero .ratings-carousel {
    position: relative;
    margin: 0 auto;
    -webkit-perspective: 1500px;
    perspective: 1500px
}

.home-hero .ratings-carousel img {
    -webkit-transition: -webkit-transform .1s linear;
    transition: -webkit-transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear, -webkit-transform .1s linear;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.home-hero .ratings-carousel img.on {
    opacity: 1
}

.home-hero .ratings-carousel img.out {
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg)
}

.home-hero .ratings-carousel img.in {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg)
}

.home-hero .ratings-carousel .dots {
    position: absolute;
    left: 100%;
    bottom: 0
}

@media (max-width: 575.98px) {
    .home-hero .ratings-carousel .dots {
        left: auto;
        right: -1.5rem
    }
}

.home-hero .ratings-carousel .dots .dot {
    display: block;
    margin: 1rem;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    border: 1px solid #5b5b5b;
    cursor: pointer
}

.home-hero .ratings-carousel .dots .dot.on {
    background-color: #6b6b6b
}

@media (max-width: 575.98px) {
    .home-hero .ratings-carousel .dots .dot {
        margin: 1rem 0
    }
}

.home-hero .content {
    padding-top: 8.7rem;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.66;
    font-weight: 600;
    font-weight: 400;
    padding-bottom: 9rem;
    max-width: 80ex;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 767.98px) {
    .home-hero .content {
        font-size: 1.4rem
    }
}

@media (max-width: 991.98px) {
    .home-hero .content {
        padding-top: 15rem
    }
}

@media (max-width: 767.98px) {
    .home-hero .content {
        padding-top: 8rem;
        padding-bottom: 4rem
    }
}

.home-hero .content .link {
    font-size: 1.6rem;
    text-align: center;
    text-transform: uppercase;
    margin-top: 2.4rem;
    font-weight: 700
}

.home-hero .search-ratings {
    color: #fff
}

@media (max-width: 1199.98px) {
    .home-hero .search-ratings {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.home-hero .search-ratings h2 {
    font-size: 6.5rem;
    line-height: 1.07;
    font-weight: 600;
    max-width: 8em;
    margin-bottom: .7em
}

@media (max-width: 1199.98px) {
    .home-hero .search-ratings h2 {
        font-size: 5.5rem
    }
}

@media (max-width: 991.98px) {
    .home-hero .search-ratings h2 {
        font-size: 4.5rem
    }
}

@media (max-width: 767.98px) {
    .home-hero .search-ratings h2 {
        font-size: 3.5rem
    }
}

@media (max-width: 1399.98px) {
    .home-hero .search-ratings h2 {
        font-size: 5.5rem
    }
}

@media (max-width: 1199.98px) {
    .home-hero .search-ratings h2 {
        font-size: 4.5rem
    }
}

.home-hero .search-ratings form {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    max-width: 350px;
    margin-bottom: 4.2rem;
    max-width: 60rem
}

.home-hero .search-ratings form input[type=email], .home-hero .search-ratings form input[type=search], .home-hero .search-ratings form input[type=text] {
    padding: 0 1rem;
    width: 100%;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: #fff;
    border-radius: 0;
    -webkit-appearance: none
}

@media (max-width: 1399.98px) {
    .home-hero .search-ratings form input[type=email], .home-hero .search-ratings form input[type=search], .home-hero .search-ratings form input[type=text] {
        min-width: 0
    }
}

.home-hero .search-ratings form input[type=email]::-webkit-input-placeholder, .home-hero .search-ratings form input[type=search]::-webkit-input-placeholder, .home-hero .search-ratings form input[type=text]::-webkit-input-placeholder {
    font-style: italic
}

.home-hero .search-ratings form input[type=email]:-moz-placeholder, .home-hero .search-ratings form input[type=search]:-moz-placeholder, .home-hero .search-ratings form input[type=text]:-moz-placeholder {
    font-style: italic
}

.home-hero .search-ratings form input[type=email]::-moz-placeholder, .home-hero .search-ratings form input[type=search]::-moz-placeholder, .home-hero .search-ratings form input[type=text]::-moz-placeholder {
    font-style: italic
}

.home-hero .search-ratings form input[type=email]:-ms-input-placeholder, .home-hero .search-ratings form input[type=search]:-ms-input-placeholder, .home-hero .search-ratings form input[type=text]:-ms-input-placeholder {
    font-style: italic
}

.home-hero .search-ratings form .button {
    margin-left: 2rem;
    font-size: 2.4rem;
    padding: 0
}

.home-hero .search-ratings form .button, .home-hero .search-ratings form input[type=email], .home-hero .search-ratings form input[type=search], .home-hero .search-ratings form input[type=text] {
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
}

.home-hero .search-ratings h3, .home-hero .search-ratings h4 {
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .035em;
    margin-bottom: 1.4rem
}

.home-hero .search-ratings ul.games {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 1.4rem;
    font-weight: 400;
    max-width: 52rem
}

.home-hero .search-ratings ul.games li {
    display: inline;
    padding: 0 1.6rem 1.6rem 0;
    line-height: 2.5em
}

.home-hero .search-ratings ul.games a {
    display: inline-block;
    white-space: nowrap;
    line-height: 1.4;
    color: #fff;
    border-bottom: 1px solid #fff
}

.home-hero .search-ratings ul.games a:focus, .home-hero .search-ratings ul.games a:hover {
    border-bottom: 1px solid hsla(0, 0%, 100%, .3)
}

.home-hero .search-ratings form {
    max-width: 45rem
}

@media (max-width: 1859.98px) {
    .home-hero .search-ratings form {
        max-width: 33rem
    }
}

@media (max-width: 991.98px) {
    .home-hero .search-ratings form {
        max-width: 50rem
    }
}

@media (max-width: 767.98px) {
    .home-hero .search-ratings h4, .home-hero .search-ratings ul {
        display: none
    }

    .home-hero .search-ratings form {
        max-width: none
    }
}

.home-welcome {
    background-color: #f1f1f1;
    padding: 5rem 0;
    text-align: center
}

.home-welcome h2 {
    font-size: 4.5rem;
    line-height: 1.22;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 3.5rem;
    color: #056cd0
}

@media (max-width: 767.98px) {
    .home-welcome h2 {
        font-size: 2.2rem
    }
}

.home-welcome .content {
    font-size: 1.8rem;
    line-height: 1.66;
    font-weight: 600;
    font-weight: 400;
    max-width: 88rem;
    margin: 0 auto;
    line-height: 1.6
}

@media (max-width: 767.98px) {
    .home-welcome .content {
        font-size: 1.4rem
    }
}

.home-welcome .link {
    margin-top: 2rem
}

.home-explained {
    padding: 7rem 0 12rem;
    position: relative
}

@media (max-width: 1199.98px) {
    .home-explained {
        padding: 4rem 0 8rem
    }
}

@media (max-width: 767.98px) {
    .home-explained {
        padding: 1rem 0 5rem
    }
}

.home-explained:after, .home-explained:before {
    content: "";
    position: absolute;
    width: 38rem;
    height: 34rem;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern-light.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10
}

@media (max-width: 991.98px) {
    .home-explained:after, .home-explained:before {
        display: none
    }
}

.home-explained:before {
    top: -20rem;
    right: -25rem
}

.home-explained:after {
    bottom: 0;
    left: -25rem
}

.home-explained .buttons {
    list-style: none;
    padding: 2rem 0;
    margin: 0 auto;
    text-align: center
}

@media (min-width: 576px) {
    .home-explained .buttons {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .home-explained .buttons {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .home-explained .buttons {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .home-explained .buttons {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .home-explained .buttons {
        max-width: 1360px
    }
}

@media (min-width: 1860px) {
    .home-explained .buttons {
        max-width: 1800px
    }
}

@media (max-width: 1199.98px) {
    .home-explained .buttons {
        display: none
    }
}

.home-explained .buttons li {
    display: inline-block;
    margin: 0 1rem
}

.home-explained .buttons-container {
    background: radial-gradient(ellipse at top, #fff 60%, hsla(0, 0%, 100%, 0))
}

@media (min-width: 992px) {
    .home-explained .buttons-container.fixed {
        position: fixed;
        top: 6rem;
        left: 0;
        right: 0;
        z-index: 1
    }

    .home-explained .buttons-container.fixed + div {
        padding-top: 9rem
    }
}

.home-explained .images {
    position: relative
}

@media (max-width: 1199.98px) {
    .home-explained .images {
        max-width: 45rem;
        margin: 0 auto
    }
}

@media (max-width: 575.98px) {
    .home-explained .images {
        max-width: 90%
    }
}

.home-explained .images img {
    width: 100%
}

.home-explained .images .explained-default {
    opacity: .35
}

.home-explained .images figure {
    position: absolute;
    margin: 0;
    opacity: 0;
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25);
    -webkit-transition: opacity .3s ease, box-shadow .3s ease .3s, -webkit-transform .3s ease .3s;
    transition: opacity .3s ease, box-shadow .3s ease .3s, -webkit-transform .3s ease .3s;
    transition: opacity .3s ease, transform .3s ease .3s, box-shadow .3s ease .3s;
    transition: opacity .3s ease, transform .3s ease .3s, box-shadow .3s ease .3s, -webkit-transform .3s ease .3s
}

.home-explained .images figure.top_left {
    top: 0;
    left: 0;
    width: 31%
}

.home-explained .images figure.top_right {
    top: 0;
    right: 0;
    width: 70.7%
}

.home-explained .images figure.bottom {
    bottom: 0;
    left: 0;
    width: 100%
}

.home-explained .images figure.none {
    top: 0;
    left: 0;
    width: 100%
}

.home-explained .images figure.on {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: 0 25px 45px rgba(31, 53, 74, .25)
}

@media (max-width: 767.98px) {
    .home-explained .images figure.on {
        box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
    }
}

@media (max-width: 1199.98px) {
    .home-explained .contents {
        text-align: center;
        margin-top: 3rem
    }
}

.home-explained .content {
    position: relative;
    padding: 3rem 5rem 4rem;
    font-size: 1.8rem;
    line-height: 1.66;
    font-weight: 600;
    font-weight: 400;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

@media (max-width: 767.98px) {
    .home-explained .content {
        font-size: 1.4rem;
        padding: 3rem 2.5rem
    }
}

@media (max-width: 1199.98px) {
    .home-explained .content {
        min-height: 200px
    }
}

.home-explained .content strong {
    font-weight: inherit;
    text-decoration: underline
}

@media (min-width: 1200px) {
    .home-explained .content-image-column {
        padding-right: 4rem
    }
}

.home-explained-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .home-explained-container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .home-explained-container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .home-explained-container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .home-explained-container {
        max-width: 1086px
    }
}

.home-explained .slick-list {
    overflow: visible !important
}

@media (max-width: 767.98px) {
    .home-explained .slick-list {
        overflow: hidden !important
    }
}

.home-explained .slick-list .slick-slide {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.home-explained .slick-list .slick-slide.slick-active {
    opacity: 1
}

.explained-content {
    padding-top: 7rem
}

@media (max-width: 1199.98px) {
    .explained-content {
        display: block;
        padding-top: 0
    }
}

@media (max-width: 767.98px) {
    .explained-content-block.with-image {
        padding-top: 4rem
    }
}

.explained-content-nav {
    display: none
}

@media (max-width: 1199.98px) {
    .explained-content-nav {
        display: -webkit-box;
        display: flex;
        padding-right: 15px;
        padding-top: 30px;
        float: none;
        -webkit-box-pack: center;
        justify-content: center
    }

    .explained-content-nav a {
        box-shadow: 0 5px 10px rgba(31, 53, 74, .25);
        margin: 0 1rem
    }

    .explained-content-nav a:first-child {
        margin-left: 0
    }

    .explained-content-nav a:last-child {
        margin-right: 0
    }

    .explained-content-nav a.next, .explained-content-nav a.prev {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
        -webkit-transition: all .2s;
        transition: all .2s
    }

    .explained-content-nav a.next:focus, .explained-content-nav a.next:hover, .explained-content-nav a.prev:focus, .explained-content-nav a.prev:hover {
        box-shadow: 0 0 15px #1f344b
    }

    .explained-content-nav a.prev {
        background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg);
        background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-left.svg)
    }

    .explained-content-nav a.next, .explained-content-nav a.prev {
        background-color: #1f344b;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        width: 4rem;
        height: 4rem;
        font-size: 0;
        width: 6.6rem;
        height: 6.6rem
    }

    .explained-content-nav a.next {
        background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg)
    }

    .explained-content-nav a.slick-disabled {
        opacity: .4;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        cursor: not-allowed
    }
}

.home-blog {
    background: -webkit-gradient(linear, right top, left bottom, from(#4cd1e9), to(#006cd4));
    background: linear-gradient(to bottom left, #4cd1e9, #006cd4);
    padding: 10rem 0 13rem;
    color: #fff;
    position: relative
}

.home-blog:after, .home-blog:before {
    content: "";
    position: absolute;
    width: 20%;
    height: 30%;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern-light.svg);
    background-size: contain;
    background-repeat: no-repeat
}

@media (max-width: 991.98px) {
    .home-blog:after, .home-blog:before {
        display: none
    }
}

.home-blog:before {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.home-blog:after {
    bottom: -20rem;
    left: -15rem
}

.home-blog .nav {
    padding-right: 15px;
    padding-top: 30px;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.home-blog .nav a {
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25);
    margin: 0 1rem
}

.home-blog .nav a:first-child {
    margin-left: 0
}

.home-blog .nav a:last-child {
    margin-right: 0
}

.home-blog .nav a.next, .home-blog .nav a.prev {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-transition: all .2s;
    transition: all .2s
}

.home-blog .nav a.next:focus, .home-blog .nav a.next:hover, .home-blog .nav a.prev:focus, .home-blog .nav a.prev:hover {
    box-shadow: 0 0 15px #1f344b
}

.home-blog .nav a.prev {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg);
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-left.svg)
}

.home-blog .nav a.next, .home-blog .nav a.prev {
    background-color: #1f344b;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 4rem;
    height: 4rem;
    font-size: 0;
    width: 6.6rem;
    height: 6.6rem
}

.home-blog .nav a.next {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg)
}

.home-blog .nav a.slick-disabled {
    opacity: .4;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    cursor: not-allowed
}

@media (max-width: 991.98px) {
    .home-blog .nav {
        float: none;
        -webkit-box-pack: center;
        justify-content: center
    }
}

.home-blog .featured {
    padding-top: 9rem
}

.home-blog .featured .post_thumbnail__video {
    position: relative
}

@media (max-width: 575.98px) {
    .home-blog .featured .post_thumbnail__video {
        padding-bottom: 56.25%
    }
}

.home-blog .featured .post_thumbnail__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.home-blog .featured h2 {
    margin-bottom: 1em;
    font-size: 3.5rem
}

@media (max-width: 767.98px) {
    .home-blog .featured h2 {
        font-size: 2.2rem
    }
}

.home-blog .featured .featured-post {
    background-color: #fff;
    box-shadow: 0 25px 45px rgba(31, 53, 74, .25)
}

@media (max-width: 767.98px) {
    .home-blog .featured .featured-post {
        box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
    }
}

@media (max-width: 991.98px) {
    .home-blog .featured .entry-content {
        padding: 3.2rem
    }
}

@media (max-width: 767.98px) {
    .home-blog .featured .entry-content {
        padding: 3.2rem 1.5rem 1.5rem
    }
}

@media (min-width: 1860px) {
    .home-blog .featured .entry-content {
        padding: 0 3.2rem;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center
    }
}

.home-blog .blog-link {
    margin-top: 3rem;
    text-align: center
}

@media (min-width: 1200px) {
    .home-blog .blog-link {
        margin-top: 5rem
    }
}

.home-blog .tools {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: calc(100% + 30px)
}

@media (max-width: 991.98px) {
    .home-blog .tools {
        flex-wrap: wrap
    }
}

.home-blog .tools .info {
    font-size: 1.6rem
}

@media (max-width: 991.98px) {
    .home-blog .tools .info {
        text-align: center;
        padding-bottom: 3rem
    }
}

.home-blog .tools .info h2 {
    font-size: 3.5rem;
    font-weight: 600
}

.home-blog .tools .info .link {
    margin-top: 2rem
}

.home-blog .tools .items .slick-list {
    overflow: visible
}

.home-blog .tools .items .slick-slide {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.home-blog .tools .items .slick-active + .slick-slide {
    opacity: .5
}

.home-blog .tools .items .slick-active {
    opacity: 1 !important
}

.home-blog .tools .items .item-wrap {
    padding: 0 15px
}

.home-blog .tools .items .item-wrap .poly-box .inner {
    padding: 3rem
}

@media (max-width: 991.98px) {
    .home-blog .tools .items .item-wrap .poly-box .inner {
        padding: 2rem
    }
}

.member {
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fff));
    background: linear-gradient(180deg, #f2f2f2, #fff);
    padding: 6rem 0
}

.member .back_to {
    font-weight: 700;
    text-transform: uppercase;
    margin: 1rem 0 5rem
}

@media (max-width: 1399.98px) {
    .member .back_to {
        margin: 0 0 5rem
    }
}

.member .back_to a:before {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-right: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-left-blue.svg) no-repeat 0
}

.member .top-row {
    display: -webkit-box;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media (max-width: 575.98px) {
    .member .top-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center
    }
}

.member-title {
    font-size: 4.5rem;
    line-height: 1.22;
    font-weight: 600;
    text-align: center
}

@media (max-width: 767.98px) {
    .member-title {
        font-size: 3.8rem
    }
}

.member-status {
    font-size: 2.2rem;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
    padding-bottom: 4rem
}

@media (max-width: 767.98px) {
    .member-status {
        font-size: 1.8rem
    }
}

.member-status-good:before {
    content: "";
    display: inline-block;
    width: 2em;
    height: .8em;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.327' height='19.426'%3E%3Cpath d='M24.206 2.121L9.021 17.304l-6.9-6.901' fill='none' stroke='%234cd1e9' stroke-linecap='square' stroke-width='3'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: baseline
}

.member-tiles {
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.member-tile, .member-tiles {
    display: -webkit-box;
    display: flex
}

.member-tile {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    border: 1px solid #707070;
    padding: 6rem 5rem 5rem;
    height: 100%;
    width: 100%
}

@media (max-width: 767.98px) {
    .member-tile {
        padding: 6rem 2rem 5rem
    }
}

.member-tile img {
    display: block;
    margin: 0 auto;
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain
}

.member-tile-wrap {
    display: -webkit-box;
    display: flex;
    position: relative;
    width: 100%;
    padding: .75rem 15px;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 768px) {
    .member-tile-wrap {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.member-seals {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 5rem 1rem;
    border: 1px solid #707070
}

.member-seals .member-seals-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.member-seals .seal-wrapper {
    display: block;
    padding: 1rem
}

@media (max-width: 575.98px) {
    .member-seals .seal-wrapper {
        padding: .5rem
    }
}

.member-seals img {
    width: 114px;
    height: auto;
    display: block;
    min-height: 15rem;
    font-family: "object-fit:contain;object-position:center";
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

@media (max-width: 575.98px) {
    .member-seals img {
        min-height: 11rem
    }
}

.member-seals .member-seals-link {
    margin: 2rem 0 0;
    text-align: center
}

.member-seals .member-seals-link p:last-of-type {
    margin-bottom: 0
}

.member-policy-link {
    position: absolute;
    bottom: 1.5rem;
    right: 2rem;
    color: #056cd0;
    text-transform: uppercase;
    font-weight: 700
}

.member-policy-link:after {
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f30b";
    padding-left: .2em;
    -webkit-transition: all .2s;
    transition: all .2s
}

.member-policy-links {
    padding-top: 5rem
}

.member-policy-link-item {
    text-align: right;
    display: block;
    color: #056cd0;
    text-transform: uppercase;
    font-weight: 700
}

.member-policy-link-item:after {
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f30b";
    padding-left: .2em;
    -webkit-transition: all .2s;
    transition: all .2s
}

.member-counter-line {
    padding: 4rem 1rem 3rem;
    text-align: center
}

.member-endorse {
    text-align: center
}

.member-feedback {
    background: #f1f1f1;
    padding: 6rem 0
}

.member-feedback-content {
    text-align: center
}

@media (min-width: 1200px) {
    .member-feedback-content {
        text-align: left
    }
}

.member-feedback-button-wrapper {
    display: -webkit-box;
    display: flex;
    padding: 4rem 0 0;
    -webkit-box-pack: center;
    justify-content: center
}

@media (min-width: 1200px) {
    .member-feedback-button-wrapper {
        padding: 0;
        height: 100%;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: end;
        justify-content: flex-end
    }
}

.page-content {
    background: linear-gradient(-1deg, #fff, #f2f2f2);
    padding: 10rem 0 13rem;
    position: relative;
    overflow: hidden;
    min-height: 60rem
}

@media (max-width: 991.98px) {
    .page-content {
        padding: 7rem 0
    }
}

.page-content .entry-content {
    max-width: 90rem;
    margin: auto
}

.page-content ol, .page-content p {
    margin-bottom: 3rem
}

.page-content li {
    margin-bottom: 1.5rem
}

.page-content h2 {
    font-size: 2.8rem
}

.page-content:after, .page-content:before {
    content: "";
    position: absolute;
    width: 37rem;
    height: 25rem;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1
}

@media (max-width: 767.98px) {
    .page-content:after, .page-content:before {
        display: none
    }
}

.page-content:before {
    top: 6rem;
    right: -25rem
}

.page-content:after {
    top: 25rem;
    left: -13rem
}

.page-content .title {
    font-size: 4.5rem;
    font-weight: 600;
    line-height: 8rem
}

.page-content .content {
    font-size: 1.6rem;
    position: relative;
    font-weight: 400;
    letter-spacing: .24px;
    line-height: 2.8rem;
    z-index: 3
}

@media print {
    .page-content {
        padding: 0;
        background: transparent
    }
}

@media print {
    .page-id-329 .section-hero .hero-content {
        min-height: auto;
        height: auto;
        margin: 0;
        padding: 30px 15px 0
    }

    .page-id-329 .section-hero .content {
        color: #1f344b
    }
}

.parental-hero {
    overflow-x: hidden;
    padding-bottom: 4rem
}

.parental-hero-container {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 1200px) {
    .parental-hero-container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .parental-hero-container {
        max-width: 1360px
    }
}

@media (min-width: 1860px) {
    .parental-hero-container {
        max-width: 1800px
    }
}

@media (max-width: 1199.98px) {
    .parental-hero-container {
        padding-left: 0;
        padding-right: 0
    }
}

.parental-hero-background {
    position: relative
}

.parental-hero-background img {
    display: block;
    width: 100%;
    height: auto
}

@media (max-width: 1199.98px) {
    .parental-hero-background img {
        min-height: 50vh;
        font-family: "object-fit:cover";
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (max-width: 767.98px) {
    .parental-hero-background img {
        min-height: 60vh;
        font-family: "object-fit:cover";
        -o-object-fit: cover;
        object-fit: cover
    }
}

.parental-hero-background .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#1f344b));
    background-image: linear-gradient(transparent, #1f344b)
}

.parental-hero-background:after, .parental-hero-background:before {
    display: block;
    content: " ";
    position: absolute;
    width: 300px;
    height: 280px;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.parental-hero-background:before {
    top: 0;
    right: -300px
}

@media (min-width: 992px) {
    .parental-hero-background:before {
        right: -250px
    }
}

@media (min-width: 1860px) {
    .parental-hero-background:before {
        right: -180px
    }
}

.parental-hero-background:after {
    bottom: -4rem;
    left: -300px
}

@media (min-width: 992px) {
    .parental-hero-background:after {
        left: -250px
    }
}

@media (min-width: 1860px) {
    .parental-hero-background:after {
        left: -180px
    }
}

.parental-hero-row {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-box-align: center;
    align-items: center;
    margin: 0
}

.parental-hero-content {
    position: relative;
    padding: 2rem;
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.66;
    font-weight: 600
}

@media (max-width: 767.98px) {
    .parental-hero-content {
        font-size: 1.4rem
    }
}

.parental-hero-content .circle-button {
    margin-top: 1rem
}

.parental-app, .parental-checkered {
    padding: 8rem 0
}

.parental-app {
    background-image: linear-gradient(45deg, #0367d7, #48d1ea);
    color: #fff
}

.parental-app-image {
    -webkit-box-align: center;
    align-items: center;
    position: relative
}

.parental-app-image img {
    position: relative;
    z-index: 2
}

.parental-app-image:before {
    content: "";
    display: block;
    position: absolute;
    width: 75.8rem;
    height: 43.5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/pattern.svg) no-repeat 50%;
    left: -15.8rem;
    bottom: 0
}

@media (max-width: 575.98px) {
    .parental-app-image:before {
        left: -19.8rem
    }
}

.parental-app-image:after {
    content: "";
    display: block;
    position: absolute;
    width: 75.8rem;
    height: 43.5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/pattern.svg) no-repeat 50%;
    right: -14.2rem;
    top: 0
}

@media (max-width: 475px) {
    .parental-app-image:after {
        display: none
    }
}

.parental-app-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.parental-app-content-wrapper {
    max-width: 57rem;
    font-weight: 400
}

.parental-app-content-wrapper h2 {
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 9rem
}

.parental-app-link {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700
}

.parental-app-link:after {
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f30b";
    padding-left: .2em;
    -webkit-transition: all .2s;
    transition: all .2s
}

.page-template-template-privacy-certified .logo img {
    width: 50rem
}

#privacy-seals_subpage .container {
    max-width: 106rem
}

#privacy-seals_subpage .content {
    max-width: none;
    width: 100%
}

#privacy-seals_subpage .content .logo img {
    width: 100%
}

.section-guide + .section-checkered {
    background: #f1f1f1;
    padding-top: 10rem;
    padding-bottom: 10rem
}

.notes {
    margin-top: 3rem
}

.registration-landing .registration-content-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row
}

@media (max-width: 767.98px) {
    .registration-landing .registration-content-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column
    }
}

.registration-landing .registration-content-wrapper .registaration-content {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding-right: 97px;
    width: 55%;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#006cd4), to(#4cd1e9));
    background: linear-gradient(90deg, #006cd4, #4cd1e9);
    min-height: calc(100vh - 488px)
}

@media (max-width: 767.98px) {
    .registration-landing .registration-content-wrapper .registaration-content {
        width: 100%;
        padding-right: 0
    }
}

.registration-landing .registration-content-wrapper .registaration-content:before {
    position: absolute;
    top: 10px;
    left: 0;
    width: 165px;
    height: 226px;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern-top.png);
    background-size: cover;
    background-position: 0 0;
    content: ""
}

.registration-landing .registration-content-wrapper .registaration-content:after {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 247px;
    height: 247px;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern-bottom.png);
    background-size: cover;
    background-position: 0 0;
    content: ""
}

.registration-landing .registration-content-wrapper .registaration-content .registaration-content-cover {
    position: relative;
    z-index: 1;
    max-width: 675px;
    margin-top: 75px;
    margin-bottom: 40px;
    padding-left: 20px
}

@media (max-width: 767.98px) {
    .registration-landing .registration-content-wrapper .registaration-content .registaration-content-cover {
        max-width: 100%;
        padding: 20px
    }
}

.registration-landing .registration-content-wrapper .registaration-content .pre-title-cover {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 23px
}

.registration-landing .registration-content-wrapper .registaration-content .pre-title-cover img, .registration-landing .registration-content-wrapper .registaration-content .pre-title-cover svg {
    display: inline-block;
    max-width: 32px;
    height: auto;
    margin-right: 12px
}

.registration-landing .registration-content-wrapper .registaration-content .pre-title-cover path {
    fill: #f6922b
}

.registration-landing .registration-content-wrapper .registaration-content .pre-title {
    color: #f6922b;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.33px;
    line-height: 25px;
    text-transform: uppercase
}

.registration-landing .registration-content-wrapper .registaration-content .title {
    font-family: Poppins;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 48px
}

@media (max-width: 767.98px) {
    .registration-landing .registration-content-wrapper .registaration-content .title {
        font-size: 28px;
        line-height: 40px
    }
}

.registration-landing .registration-content-wrapper .registaration-content .date-time {
    display: inline-block;
    padding: 8px 20px 8px 12px;
    border-left: 4px solid #f6922b;
    background: #fff;
    color: #1f344a;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px
}

.registration-landing .registration-content-wrapper .registaration-content .team-list .team-caption {
    color: #fff
}

.registration-landing .registration-content-wrapper .registaration-content .team-list .team-item {
    width: 48%
}

@media (min-width: 768px) {
    .registration-landing .registration-content-wrapper .registaration-content .team-list .team-item {
        width: 48%
    }
}

@media (min-width: 1200px) {
    .registration-landing .registration-content-wrapper .registaration-content .team-list .team-item {
        width: 22%
    }
}

.registration-landing .registration-content-wrapper .registaration-content .content p {
    font-size: 14px
}

.registration-landing .registration-content-wrapper .registaration-content .content .check-list {
    max-width: 500px
}

.registration-landing .registration-form-wrapper {
    position: relative;
    z-index: 2;
    width: 45%;
    padding-right: 20px
}

@media (max-width: 767.98px) {
    .registration-landing .registration-form-wrapper {
        width: 100%;
        padding: 0 20px
    }
}

.registration-landing .registration-form-wrapper .form-wrapper {
    background: #fff;
    max-width: 608px;
    margin: 30px 0 30px -60px;
    box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .3)
}

@media (max-width: 767.98px) {
    .registration-landing .registration-form-wrapper .form-wrapper {
        max-width: 100%;
        margin: 30px 0
    }
}

.registration-landing .registration-form-wrapper .gform_wrapper {
    margin: 0
}

.registration-landing .registration-form-wrapper .form {
    padding: 25px 38px
}

@media (max-width: 767.98px) {
    .registration-landing .registration-form-wrapper .form {
        padding: 25px 20px
    }
}

.registration-landing .registration-form-wrapper label {
    color: #006cd4;
    font-size: 14px !important;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 21px
}

.registration-landing .registration-form-wrapper .form-image {
    position: relative;
    padding-top: 55%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.registration-landing .registration-form-wrapper .form-image .form-caption {
    position: absolute;
    right: 15px;
    bottom: 18px;
    color: #fff;
    font-family: Poppins;
    font-size: 16px;
    font-style: italic;
    letter-spacing: 0;
    line-height: 18px;
    text-align: right
}

.registration-landing .registration-form-wrapper .gform_title {
    margin-top: 0;
    color: #006cd4;
    font-family: Poppins;
    font-size: 41px;
    font-weight: 700;
    line-height: 61px
}

@media (max-width: 767.98px) {
    .registration-landing .registration-form-wrapper .gform_title {
        font-size: 28px;
        line-height: 32px
    }
}

.registration-landing .registration-form-wrapper .gfield_required {
    display: none
}

.registration-landing .registration-form-wrapper input[type=date], .registration-landing .registration-form-wrapper input[type=email], .registration-landing .registration-form-wrapper input[type=password], .registration-landing .registration-form-wrapper input[type=search], .registration-landing .registration-form-wrapper input[type=tel], .registration-landing .registration-form-wrapper input[type=text], .registration-landing .registration-form-wrapper input[type=time], .registration-landing .registration-form-wrapper input[type=url], .registration-landing .registration-form-wrapper select, .registration-landing .registration-form-wrapper textarea {
    display: block;
    width: 100%;
    padding: 8px 12px !important;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    font-size: 14px !important
}

.registration-landing .registration-form-wrapper .gform_button {
    width: 100% !important;
    height: 50px;
    line-height: 50px;
    background: #f6922b;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 4px 12px 0 rgba(31, 52, 74, .32)
}

div.search-results {
    background: #f2f2f2;
    padding: 3rem 0 7rem
}

@media (max-width: 991.98px) {
    div.search-results {
        padding: 3rem 0
    }
}

@media (min-width: 576px) {
    div.search-results > .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    div.search-results > .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    div.search-results > .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    div.search-results > .container {
        max-width: 960px
    }
}

@media (min-width: 1400px) {
    div.search-results > .container {
        max-width: 1200px
    }
}

@media (min-width: 1860px) {
    div.search-results > .container {
        max-width: 1200px
    }
}

div.search-results-nav {
    margin-bottom: 4rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #d5d5d5
}

div.search-results-nav a {
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #20354c;
    margin-right: 3rem
}

@media (max-width: 575.98px) {
    div.search-results-nav a {
        font-size: .8rem;
        margin-right: 1.5rem
    }
}

div.search-results-nav a:last-of-type {
    margin-right: 0
}

div.search-results-nav a:hover {
    color: #056cd0
}

div.search-results h1 {
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin-bottom: 4rem
}

@media (max-width: 767.98px) {
    div.search-results h1 {
        font-size: 2.2rem
    }
}

@media (max-width: 991.98px) {
    div.search-results h1 {
        font-size: 2.2rem
    }
}

div.search-results .columns {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width: 767.98px) {
    div.search-results .columns {
        flex-wrap: wrap;
        margin: 0 -15px
    }
}

div.search-results .columns #results {
    -webkit-box-flex: 1;
    flex-grow: 1
}

div.search-results .columns .game {
    background: #fff;
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25);
    margin-bottom: 4rem;
    position: relative
}

@media (max-width: 767.98px) {
    div.search-results .columns .game {
        margin: 15px
    }
}

div.search-results .columns .game > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

div.search-results .columns .game .heading {
    padding: 2rem 7rem 2rem 3rem
}

@media (max-width: 767.98px) {
    div.search-results .columns .game .heading {
        padding: 1.5rem 5.1rem 1.5rem 1.5rem
    }
}

div.search-results .columns .game .heading h2 {
    font-size: 2rem;
    margin: 0
}

@media (max-width: 767.98px) {
    div.search-results .columns .game .heading h2 {
        font-size: 1.4rem
    }
}

div.search-results .columns .game .heading h2 a {
    display: block;
    position: relative
}

div.search-results .columns .game .heading h2 a:after {
    content: "";
    background-color: #f6922b;
    background-image: url(../../../../../../../../themes/esrb/assets/images/orange-box-dark-arrow-right.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    font-size: 0;
    width: 5rem;
    height: 5rem;
    position: absolute;
    left: 100%;
    top: 0
}

@media (max-width: 767.98px) {
    div.search-results .columns .game .heading h2 a:after {
        width: 3.6rem;
        height: 3.6rem;
        background-size: contain
    }
}

div.search-results .columns .game .heading .platforms {
    font-size: 1.4rem;
    font-style: italic
}

@media (max-width: 767.98px) {
    div.search-results .columns .game .heading .platforms {
        font-size: 1.2rem
    }
}

div.search-results .columns .game table {
    width: 100%;
    line-height: 1.5
}

@media (max-width: 767.98px) {
    div.search-results .columns .game table {
        display: none
    }
}

div.search-results .columns .game table td, div.search-results .columns .game table th {
    border: 1px solid #d5d5d5;
    font-size: 1.2rem;
    padding: 1rem 1.5rem;
    vertical-align: top
}

div.search-results .columns .game table td:first-child, div.search-results .columns .game table th:first-child {
    border-left: none;
    text-align: center
}

div.search-results .columns .game table td:last-child, div.search-results .columns .game table th:last-child {
    border-right: none
}

div.search-results .columns .game table th {
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle
}

div.search-results .columns .game table th:first-child {
    width: 10%
}

div.search-results .columns .game table th:nth-child(2), div.search-results .columns .game table th:nth-child(3) {
    width: 20%
}

div.search-results .columns .game table .synopsis {
    max-height: 5.4rem;
    overflow: hidden;
    position: relative
}

div.search-results .columns .game table .synopsis:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1.8rem;
    width: 18rem;
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff)
}

div.search-results .columns .filter {
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    background: #fff;
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25);
    padding: 2rem;
    margin-right: 4rem
}

div.search-results .columns .filter input[type=text] {
    font-size: 1.6rem;
    padding: 1.5rem
}

@media (max-width: 767.98px) {
    div.search-results .columns .filter {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        margin-bottom: 3rem;
        box-shadow: none;
        border-top: 1px solid #d5d5d5;
        border-bottom: 1px solid #d5d5d5
    }

    div.search-results .columns .filter .refine {
        display: none;
        margin-top: 2rem
    }
}

@media (min-width: 768px) {
    div.search-results .columns .filter .submit {
        display: none
    }
}

div.search-results .columns .filter h2 {
    font-size: 1.8rem;
    margin-bottom: 1rem
}

@media (max-width: 767.98px) {
    div.search-results .columns .filter h2 {
        position: relative;
        margin: 0;
        cursor: pointer
    }

    div.search-results .columns .filter h2:after {
        position: absolute;
        top: 50%;
        right: 0;
        content: "";
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #1f344b;
        border-style: solid;
        border-width: 10px 0 10px 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

div.search-results .columns .filter h3 {
    font-size: 1.6rem;
    font-weight: 600
}

div.search-results .columns .filter .filter-group {
    margin: 2rem 0;
    border-top: 1px solid #d5d5d5;
    padding: 2rem 0 0
}

div.search-results .columns .filter .filter-group ul {
    list-style: none;
    padding: 0;
    margin: 0
}

div.search-results .columns .filter .filter-group .group.hidden, div.search-results .columns .filter .filter-group ul li.hidden {
    display: none
}

div.search-results .columns .filter .ratings .groups {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

div.search-results .columns .filter .ratings .group {
    margin: 0 .5rem
}

div.search-results .columns .filter .ratings .group:first-child {
    margin-left: 0
}

div.search-results .columns .filter .ratings .group:last-child {
    margin-right: 0
}

@media screen and (min-width: 0\0
) {
    div.search-results .columns .filter .ratings .group {
        flex-basis: 50px
    }
}

div.search-results .columns .filter .ratings input[type=checkbox] {
    display: none
}

div.search-results .columns .filter .ratings input[type=checkbox] + label {
    opacity: .5
}

div.search-results .columns .filter .ratings input[type=checkbox] + label:before {
    display: none
}

div.search-results .columns .filter .ratings input[type=checkbox]:checked + label {
    opacity: 1;
    box-shadow: 0 0 6px rgba(76, 209, 233, .5)
}

.search-ratings-page {
    padding: 9rem 0;
    min-height: 100vh;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background: -webkit-gradient(linear, right top, left bottom, from(#48d1ea), to(#0367d7));
    background: linear-gradient(to bottom left, #48d1ea 0, #0367d7);
    color: #fff
}

@media (max-width: 767.98px) {
    .search-ratings-page {
        padding: 3rem 0
    }
}

.search-ratings-page h1 {
    font-size: 5.5rem;
    margin: 0 0 3rem
}

@media (max-width: 767.98px) {
    .search-ratings-page h1 {
        font-size: 3.2rem
    }
}

.search-ratings-page > .container {
    margin: 0;
    position: relative
}

@media (min-width: 576px) {
    .search-ratings-page > .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .search-ratings-page > .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .search-ratings-page > .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .search-ratings-page > .container {
        max-width: 960px
    }
}

@media (min-width: 1400px) {
    .search-ratings-page > .container {
        max-width: 960px
    }
}

@media (min-width: 1860px) {
    .search-ratings-page > .container {
        max-width: 960px
    }
}

.search-ratings-page > .container:after, .search-ratings-page > .container:before {
    display: block;
    content: " ";
    position: absolute;
    width: 300px;
    height: 280px;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 0
}

@media (max-width: 1199.98px) {
    .search-ratings-page > .container:after, .search-ratings-page > .container:before {
        display: none
    }
}

.search-ratings-page > .container:before {
    top: 20px;
    right: -95px
}

@media (min-width: 992px) {
    .search-ratings-page > .container:before {
        right: -95px
    }
}

@media (min-width: 1860px) {
    .search-ratings-page > .container:before {
        right: -95px
    }
}

.search-ratings-page > .container:after {
    bottom: -60px;
    left: -120px
}

@media (min-width: 992px) {
    .search-ratings-page > .container:after {
        left: -120px
    }
}

@media (min-width: 1860px) {
    .search-ratings-page > .container:after {
        left: -120px
    }
}

.search-ratings-page .esrb-form {
    background: #fff;
    box-shadow: 0 25px 45px rgba(31, 53, 74, .25);
    padding: 4rem;
    color: #1f344b;
    position: relative;
    z-index: 1
}

@media (max-width: 767.98px) {
    .search-ratings-page .esrb-form {
        box-shadow: 0 10px 25px rgba(31, 53, 74, .25);
        padding: 2rem
    }
}

.search-ratings-page .esrb-form img {
    width: 6rem;
    height: auto;
    max-width: 100%
}

.search-ratings-page .esrb-form .group > h4 {
    cursor: pointer;
    margin-bottom: .5rem
}

.search-ratings-page .esrb-form .group.hidden {
    display: none
}

@media (max-width: 991.98px) {
    .search-ratings-page .esrb-form input[type=text] {
        font-size: 1.6rem;
        padding: 1rem
    }
}

.search-ratings-page .esrb-form .platforms {
    overflow: hidden
}

.search-ratings-page .esrb-form .platforms ul li {
    margin: 0;
    padding: 0
}

.search-ratings-page .esrb-form .platforms .groups {
    margin-right: -2.5rem
}

.search-ratings-page .esrb-form .platforms .groups .group {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding: 0 2.5rem 0 0
}

@media (max-width: 991.98px) {
    .search-ratings-page .esrb-form .platforms .groups {
        margin-right: 0
    }

    .search-ratings-page .esrb-form .platforms .groups .group {
        -webkit-box-flex: 0;
        flex: 0 0 33.333%;
        padding: 0
    }
}

@media (max-width: 575.98px) {
    .search-ratings-page .esrb-form .platforms .groups .group {
        -webkit-box-flex: 0;
        flex: 0 0 100%
    }
}

@media (max-width: 991.98px) {
    .search-ratings-page .esrb-form .ratings .group:first-child {
        display: none
    }

    .search-ratings-page .esrb-form .ratings .group {
        -webkit-box-flex: 0;
        flex: 0 0 20%
    }

    .search-ratings-page .esrb-form .ratings label {
        display: inline-block
    }

    .search-ratings-page .esrb-form .ratings input[type=checkbox] {
        display: none
    }

    .search-ratings-page .esrb-form .ratings input[type=checkbox] + label {
        opacity: .5
    }

    .search-ratings-page .esrb-form .ratings input[type=checkbox] + label:before {
        display: none
    }

    .search-ratings-page .esrb-form .ratings input[type=checkbox]:checked + label {
        opacity: 1;
        box-shadow: 0 0 6px rgba(76, 209, 233, .5)
    }
}

.search-ratings-page .esrb-form .descriptors .groups {
    display: grid;
    grid-template-columns:repeat(5, 1fr)
}

@media (max-width: 991.98px) {
    .search-ratings-page .esrb-form .descriptors .groups {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (max-width: 575.98px) {
    .search-ratings-page .esrb-form .descriptors .groups {
        grid-template-columns:repeat(2, 1fr)
    }
}

.search-ratings-page .esrb-form .ielements .groups {
    display: grid;
    grid-template-columns:repeat(3, 1fr)
}

@media (max-width: 991.98px) {
    .search-ratings-page .esrb-form .ielements .groups {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width: 575.98px) {
    .search-ratings-page .esrb-form .ielements .groups {
        grid-template-columns:1fr
    }
}

.page-template-template-spanish .section-hero .hero-content {
    min-height: 40rem
}

.page-template-template-spanish .section-hero .content h1 {
    font-size: 4.5rem
}

.page-template-template-spanish .section-hero .pattern.pattern-left {
    display: none
}

@media (max-width: 1199.98px) {
    .page-template-template-spanish .section-guide {
        padding-bottom: 8rem
    }
}

@media (max-width: 991.98px) {
    .page-template-template-spanish .section-guide {
        padding-bottom: 6rem
    }
}

.page-template-template-spanish .section-parental_controls {
    padding-top: 4.5rem
}

.page-template-template-spanish .section-parental_controls:before {
    display: none
}

.page-template-template-spanish .section-parental_controls h2 {
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin-bottom: 3rem
}

@media (max-width: 767.98px) {
    .page-template-template-spanish .section-parental_controls h2 {
        font-size: 2.2rem;
        margin-bottom: 1.5rem
    }
}

.page-template-template-spanish .section-parental_controls .row.platforms.slick-initialized {
    position: relative;
    padding-bottom: 9.6rem
}

.page-template-template-spanish .section-parental_controls .row.platforms.slick-initialized .slick-list {
    overflow: visible
}

.page-template-template-spanish .section-parental_controls .row.platforms.slick-initialized .slick-arrow {
    display: block
}

.page-template-template-spanish .section-parental_controls .row.platforms.slick-initialized.slick-initialized .slick-arrow {
    display: block;
    position: absolute;
    bottom: 0;
    width: 6.6rem;
    height: 6.6rem;
    margin: 3rem .5rem 0;
    background-color: #1f344b;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    font-size: 0;
    cursor: pointer
}

.page-template-template-spanish .section-parental_controls .row.platforms.slick-initialized.slick-initialized .slick-arrow.slick-prev {
    left: 50%;
    margin-left: -7.1rem;
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-left.svg)
}

.page-template-template-spanish .section-parental_controls .row.platforms.slick-initialized.slick-initialized .slick-arrow.slick-next {
    right: 50%;
    margin-right: -7.1rem;
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg)
}

.page-template-template-spanish .section-parental_controls .row.platforms.slick-initialized.slick-initialized .slick-arrow.slick-hidden {
    display: none;
    margin: 0
}

.page-template-template-spanish .section-parental_controls .row.platforms.slick-initialized.slick-initialized .slick-arrow.slick-disabled {
    opacity: .5
}

.top-footer-spanish {
    padding: 0 2rem;
    background: #f1f1f1
}

.SRPage {
    position: relative;
    overflow: hidden;
    padding: 12rem 0 0;
    color: #1f344b
}

@media (max-width: 1199.98px) {
    .SRPage {
        padding: 10rem 0 0
    }
}

@media (max-width: 767.98px) {
    .SRPage {
        padding: 9rem 0 0
    }
}

@media (max-width: 575.98px) {
    .SRPage {
        padding: 5rem 0 0
    }
}

.SRPage-new {
    padding: 6rem 0 0
}

.SRPage-new .sr-seals {
    padding: 0 3rem
}

.SRPage-new .sr-seals .sr-seal-img img {
    max-height: 20.4rem;
    width: auto
}

.SRPage-new .sr-seals .sr-seal-title {
    margin: 1.5rem 0 0
}

.SRPage-new .sr-seals .sr-seal {
    background: none;
    box-shadow: none;
    margin-bottom: 0;
    padding-bottom: .5rem
}

.SRPage-new .sr-faq {
    padding-top: 6rem
}

.SRPage h1 {
    margin: 0 0 3rem
}

.SRPage .pattern {
    position: absolute;
    width: 31.8rem;
    height: 28.5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/pattern.svg) no-repeat 50%
}

@media (max-width: 991.98px) {
    .SRPage .pattern {
        display: none
    }
}

.SRPage .pattern-left {
    left: -13.8rem;
    top: 33.5rem
}

.SRPage .pattern-right {
    right: -16.2rem;
    top: 7rem
}

.SRPage .e3Faq {
    position: relative;
    z-index: 20;
    background: #fff
}

.SRPage .e3Faq .faq-categories-heading {
    display: none;
    text-align: left
}

.SRPage .e3Faq .faq-categories-heading .faq-categories {
    margin: 0 0 3rem;
    padding: 0
}

.SRPage .e3Faq .faq-categories-heading .faq-categories li {
    margin: 0 2rem 2rem 0
}

.SRPage .e3Faq .faq-categories-heading .faq-categories li:last-of-type {
    margin: 0 0 2rem
}

.SRPage .e3Faq .faq-categories-heading .faq-categories li a {
    padding: 1.3rem 2.8rem;
    border-radius: 0;
    border: 3px solid #1f344b;
    font-weight: 600;
    text-transform: uppercase;
    color: #1f344b;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.SRPage .e3Faq .faq-categories-heading .faq-categories li a.active, .SRPage .e3Faq .faq-categories-heading .faq-categories li a:focus, .SRPage .e3Faq .faq-categories-heading .faq-categories li a:hover, .SRPage .e3Faq .faq-categories-heading .faq-categories li aactive {
    color: #fff;
    background: #1f344b
}

.SRPage .e3Faq .faq-container {
    padding: 0
}

.SRPage .e3Faq .faq-container .faq-item {
    margin: 0;
    padding: 0;
    border-top: 1px solid #d5d5d5
}

.SRPage .e3Faq .faq-container .faq-item:last-of-type {
    border-bottom: 1px solid #d5d5d5
}

.SRPage .e3Faq .faq-container .faq-item .question {
    padding: 2rem 8rem 2rem 0;
    background: #fff;
    border: none;
    border-radius: 0;
    font-weight: 700;
    color: #1f344b
}

.SRPage .e3Faq .faq-container .faq-item .question:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 2rem;
    top: 2.45rem;
    width: 0;
    height: 0;
    padding: 0;
    border-left: 1rem solid #056cd0;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.SRPage .e3Faq .faq-container .faq-item .question[aria-expanded=true]:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.SRPage .e3Faq .faq-container .faq-item .answer {
    font-size: 1.4rem;
    padding: 0 17rem 2rem 0;
    border: none;
    border-radius: 0;
    background: transparent
}

@media (max-width: 767.98px) {
    .SRPage .e3Faq .faq-container .faq-item .answer {
        padding-right: 10rem;
        padding-right: 6rem
    }
}

.SRPage .e3Faq .faq-container .faq-item .answer a {
    font-weight: 700
}

.SRPage .e3Faq .faq-container .faq-item .answer a.more {
    text-transform: uppercase;
    padding-right: 1.5rem
}

.SRPage .e3Faq .faq-container .faq-item .answer a.more:after {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-left: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-right-blue.svg) no-repeat 0
}

.SRPage .e3Faq .collapse.show {
    display: block
}

.sr-intro {
    padding: 0 0 3rem;
    font-weight: 500
}

.sr-seals {
    padding: 5.5rem 3rem 4.5rem;
    background: linear-gradient(45deg, #0367d7, #48d1ea);
    font-weight: 500;
    text-align: center;
    color: #fff
}

.sr-seals h2 {
    margin: 0 0 1rem;
    font-size: 3.6rem
}

@media (max-width: 767.98px) {
    .sr-seals h2 {
        font-size: 2.2rem
    }
}

.sr-seals p {
    margin: 0 0 4rem;
    font-size: 1.8rem
}

@media (max-width: 767.98px) {
    .sr-seals p {
        font-size: 1.6rem
    }
}

.sr-seals .sr-seal {
    display: inline-block;
    width: 28rem;
    margin: 0 1.5rem 3rem;
    padding: 3.5rem 1rem;
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25);
    font-weight: 600;
    color: #1f344b
}

.sr-seals .sr-seal-title {
    margin: 0 0 1.5rem
}

.sr-seals .sr-seal-img {
    display: inline-block
}

.sr-seals .sr-seal-img img {
    display: block
}

.sr-faq {
    padding: 10rem 0 0
}

@media (max-width: 575.98px) {
    .sr-faq {
        padding: 5rem 0 0
    }
}

.sr-faq h2 {
    margin: 0 0 3rem;
    font-size: 2.8rem
}

@media (max-width: 767.98px) {
    .sr-faq h2 {
        font-size: 2rem
    }
}

.sr-faqs {
    padding: 0 0 10rem
}

@media (max-width: 575.98px) {
    .sr-faqs {
        padding: 0 0 5rem
    }
}

.sr-contact {
    padding: 10rem 0;
    background: linear-gradient(45deg, #0367d7, #48d1ea);
    text-align: center;
    color: #fff
}

@media (max-width: 575.98px) {
    .sr-contact {
        padding: 5rem 0
    }
}

.sr-contact-txt {
    margin: 0 0 3rem;
    font-weight: 600
}

.home-did-you-know .sr-contact-btn .button.button-primary, .sr-contact-btn .button-primary, .sr-contact-btn .home-did-you-know .button.button-primary {
    color: #fff;
    background-color: #6926c6;
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25)
}

.sr-contact-btn .button-primary:hover {
    color: #fff;
    background-color: rgb(131.2161016949, 67.906779661, 219.093220339)
}

@media (min-width: 576px) {
    .synopsis .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .synopsis .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .synopsis .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .synopsis .container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .synopsis .container {
        max-width: 1330px
    }
}

@media (min-width: 1860px) {
    .synopsis .container {
        max-width: 1330px
    }
}

@media (min-width: 1400px) {
    .synopsis .container.small {
        max-width: 1200px
    }
}

@media (min-width: 1860px) {
    .synopsis .container.small {
        max-width: 1200px
    }
}

.synopsis .row {
    -webkit-box-pack: center;
    justify-content: center
}

.synopsis .synopsis-header {
    position: relative;
    overflow: hidden;
    padding: 3.6rem 0;
    background: -webkit-gradient(linear, right bottom, left top, from(#48d1ea), to(#0367d7));
    background: linear-gradient(to left top, #48d1ea 0, #0367d7);
    color: #fff
}

.synopsis .synopsis-header .back-to-search {
    font-weight: 700;
    text-transform: uppercase
}

.synopsis .synopsis-header .back-to-search a {
    color: #fff
}

.synopsis .synopsis-header .back-to-search a:before {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-right: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-left-white.svg) no-repeat 0
}

.synopsis .synopsis-header h1 {
    margin: 5rem 0 1rem;
    font-size: 4.5rem;
    font-weight: 600;
    line-height: 1.8;
    text-align: center
}

.synopsis .synopsis-header .subtitle {
    font-size: 2.2rem;
    font-weight: 600;
    font-style: italic;
    line-height: 1;
    text-align: center
}

.synopsis .synopsis-header .pattern {
    position: absolute;
    width: 31.8rem;
    height: 28.5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/pattern-light.svg) no-repeat 50%
}

@media (max-width: 991.98px) {
    .synopsis .synopsis-header .pattern {
        display: none
    }
}

.synopsis .synopsis-header .pattern-left {
    left: -13.8rem;
    top: 15.8rem
}

.synopsis .synopsis-header .pattern-right {
    right: -16.2rem;
    top: 3.7rem;
    background: url(../../../../../../../../themes/esrb/assets/images/pattern-dark.svg) no-repeat 50%
}

.synopsis .synopsis-retailers {
    margin-bottom: 8rem;
    background: #fff;
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25)
}

.synopsis .synopsis-retailers .retailers {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 9rem
}

.synopsis .synopsis-retailers .retailers .retailer {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 1.5rem;
    border-right: 1px solid #d5d5d5
}

.synopsis .synopsis-retailers .retailers .retailer:first-child {
    border-left: 1px solid #d5d5d5
}

.synopsis .synopsis-retailers .retailers .retailer img {
    max-height: 5rem;
    height: 5rem;
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain
}

.synopsis .synopsis-retailers .retailers .retailer img[alt="walmart.com"] {
    max-height: 6rem;
    height: 6rem
}

.synopsis .platforms {
    color: #1f344b;
    margin-bottom: 4.2rem
}

.synopsis .platforms .platforms-title {
    font-size: 1.8rem;
    font-weight: 600
}

.synopsis .info {
    overflow: hidden;
    font-size: 1.4rem;
    display: grid;
    grid-template-columns:10.1rem 1fr;
    gap: 2rem
}

.synopsis .info .description {
    max-width: 250px
}

.synopsis .info .synopsis .info .info-txt {
    float: none;
    padding: 0
}

.synopsis .info .info-img img {
    width: 100%
}

.synopsis .info .info-txt .interactive {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: .5px solid #707070
}

.synopsis .other-info {
    margin-top: .8rem;
    margin-right: 0;
    padding-top: .8rem;
    border-top: .5px solid #707070;
    font-size: 1.4rem
}

.synopsis .other-info ul {
    padding: 0;
    list-style: none
}

.synopsis .other-info ul li {
    margin: 0
}

.synopsis .summary {
    color: #1f344b
}

@media (max-width: 991.98px) {
    .synopsis .summary {
        margin-top: 5rem
    }
}

.synopsis .summary .summary-title {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 2rem
}

.synopsis .learn-more {
    margin-top: 7rem;
    padding: 4.3rem;
    background: #f1f1f1;
    font-size: 2.2rem;
    font-weight: 600;
    text-align: center
}

.synopsis .learn-more a:after {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-left: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-right-blue.svg) no-repeat 0
}

.synopsis-sections {
    padding-top: 8rem
}

@media (max-width: 991.98px) {
    .synopsis-sections {
        padding-top: 5rem
    }
}

.synopsis-sections .section-additional_resources h2 {
    text-align: center
}

.synopsis-sections .latest-blog-posts__header {
    -webkit-box-pack: center;
    justify-content: center
}

.synopsis-sections .latest-blog-posts__all {
    text-align: center;
    margin: 5rem 0
}

.synopsis-sections .latest-blog-posts__all a {
    text-transform: none;
    font-weight: 700;
    font-size: 1.8rem;
    text-align: center
}

.teamPage {
    padding: 9.3rem 0 10rem;
    color: #1f344b
}

@media (max-width: 575.98px) {
    .teamPage {
        padding: 4rem 0 5rem
    }
}

.teamPage .back_to_team {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5rem
}

.teamPage .back_to_team a:before {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-right: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-left-blue.svg) no-repeat 0
}

.teamPage h1 {
    font-size: 4.5rem;
    font-weight: 500;
    line-height: 1.5;
    margin: 0
}

@media (max-width: 767.98px) {
    .teamPage h1 {
        font-size: 3rem
    }
}

.teamPage h2, .teamPage h3 {
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.5;
    margin: 3rem 0 1rem
}

.teamPage .team .row {
    margin: 0 -20px
}

.teamPage .team .row > div {
    padding: 0 20px
}

.teamPage .team .photo {
    display: block;
    margin-right: 5%
}

@media (max-width: 1859.98px) {
    .teamPage .team .photo {
        margin-right: 0
    }
}

@media (max-width: 767.98px) {
    .teamPage .team .photo {
        width: 80%
    }
}

@media (max-width: 575.98px) {
    .teamPage .team .photo {
        width: 100%
    }
}

.teamPage .team .photo img {
    display: block;
    width: 100%;
    box-shadow: 0 25px 45px rgba(31, 53, 74, .25)
}

@media (max-width: 767.98px) {
    .teamPage .team .photo img {
        box-shadow: 0 10px 25px rgba(31, 53, 74, .25);
        margin-bottom: 5rem
    }
}

@media (max-width: 575.98px) {
    .teamPage .team .photo img {
        margin-bottom: 3rem
    }
}

.teamPage .team .info .position {
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 4rem
}

@media (max-width: 575.98px) {
    .teamPage .team .info .position {
        margin-bottom: 2rem
    }
}

.teamArchive {
    position: relative;
    overflow: hidden;
    padding: 10rem 0;
    color: #1f344b
}

@media (max-width: 767.98px) {
    .teamArchive {
        padding: 9rem 0 8rem
    }
}

@media (max-width: 575.98px) {
    .teamArchive {
        padding: 5rem 0
    }
}

.teamArchive .pattern {
    position: absolute;
    z-index: 10;
    width: 31.8rem;
    height: 28.5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/pattern.svg) no-repeat 50%
}

@media (max-width: 1199.98px) {
    .teamArchive .pattern {
        display: none
    }
}

.teamArchive .pattern-left {
    left: -13.8rem;
    top: 33.5rem
}

.teamArchive .pattern-right {
    right: -16.2rem;
    top: 7rem
}

.teamArchive h1 {
    font-size: 4.5rem;
    font-weight: 600;
    line-height: 1.7;
    margin-bottom: 6rem
}

@media (max-width: 767.98px) {
    .teamArchive h1 {
        font-size: 3rem;
        line-height: 1.4;
        margin-bottom: 3rem
    }
}

.teamArchive .photo {
    display: block;
    position: relative;
    z-index: 20;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% auto
}

@media (max-width: 767.98px) {
    .teamArchive .photo {
        margin-bottom: 5rem
    }
}

@media (max-width: 575.98px) {
    .teamArchive .photo {
        margin-bottom: 3rem
    }
}

.teamArchive .photo-main {
    display: block;
    margin-right: 5%
}

@media (max-width: 1859.98px) {
    .teamArchive .photo-main {
        margin-right: 4rem
    }
}

@media (max-width: 1199.98px) {
    .teamArchive .photo-main {
        margin-right: 0
    }
}

@media (max-width: 767.98px) {
    .teamArchive .photo-main {
        width: 80%;
        padding-top: 80%
    }
}

@media (max-width: 575.98px) {
    .teamArchive .photo-main {
        width: 100%;
        padding-top: 100%
    }
}

.teamArchive .info {
    position: relative;
    z-index: 20;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    background: #fff
}

.teamArchive .info .name {
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 1rem
}

.teamArchive .info .position {
    font-weight: 600;
    margin-bottom: 2.5rem
}

.teamArchive .info .content {
    line-height: 1.75;
    margin-bottom: 2rem
}

.teamArchive .info .link {
    font-weight: 700;
    text-transform: uppercase
}

.teamArchive .info .link a:after {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-left: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-right-blue.svg) no-repeat 0
}

.teamArchive .row_team {
    margin-top: 5rem
}

.teamArchive .row_team .photo {
    margin-bottom: 30px
}

.teamArchive .row_team .photo .photo-cover {
    position: absolute;
    top: 2rem;
    bottom: 2rem;
    left: 2rem;
    right: 2rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 1.5rem;
    background: linear-gradient(45deg, rgba(72, 209, 234, .75), rgba(3, 103, 215, .75));
    text-align: center;
    color: #fff;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transform: scale(0);
    transform: scale(0)
}

@media (max-width: 767.98px) {
    .teamArchive .row_team .photo .photo-cover {
        position: static;
        -webkit-transform: scale(1);
        transform: scale(1);
        background: linear-gradient(45deg, #48d1ea, #0367d7)
    }
}

.teamArchive .row_team .photo .photo-cover .name {
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.5;
    display: block
}

.teamArchive .row_team .photo .photo-cover .position {
    font-weight: 600;
    display: block;
    margin-bottom: 3.5rem
}

@media (max-width: 767.98px) {
    .teamArchive .row_team .photo .photo-cover .position {
        margin-bottom: 0
    }
}

.teamArchive .row_team .photo .photo-cover .link {
    display: block;
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width: 767.98px) {
    .teamArchive .row_team .photo .photo-cover .link {
        display: none
    }
}

.teamArchive .row_team .photo .photo-cover .link:after {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-left: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-right-white.svg) no-repeat 0
}

.teamArchive .row_team .photo:hover .photo-cover {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.thank-you-banner {
    position: relative;
    padding: 50px 0 182px;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#006cd4), to(#4cd1e9));
    background: linear-gradient(90deg, #006cd4, #4cd1e9);
    text-align: center
}

.thank-you-banner:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 105px;
    height: 190px;
    background-image: url(../../../../../../../../themes/esrb/assets/images/thankyou-banner-left.png);
    background-size: cover;
    background-position: 0 0;
    content: ""
}

.thank-you-banner:after {
    position: absolute;
    top: 10px;
    right: 0;
    width: 240px;
    height: 240px;
    background-image: url(../../../../../../../../themes/esrb/assets/images/thankyou-banner-right.png);
    background-size: cover;
    background-position: 0 0;
    content: ""
}

.thank-you-banner .title {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px
}

.thank-you-banner .description {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px
}

.thankyou-content {
    position: relative;
    z-index: 1;
    margin: -126px 0 83px
}

.thankyou-content .container {
    max-width: 672px;
    background: #fff;
    box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .3);
    padding: 40px 30px
}

.thankyou-content .event-title {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px
}

.thankyou-content .event-date {
    margin-bottom: 12px;
    color: #006cd4;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px
}

.thankyou-content hr {
    margin: 40px 0
}

.thankyou-content .recent-posts {
    margin-bottom: 20px
}

.thankyou-content .recent-posts .title {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    text-align: center
}

.thankyou-content .recent-posts .post-grid {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media (max-width: 767.98px) {
    .thankyou-content .recent-posts .post-grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column
    }
}

.thankyou-content .recent-posts .post-grid .post-card {
    width: 31%
}

@media (max-width: 767.98px) {
    .thankyou-content .recent-posts .post-grid .post-card {
        width: 100%;
        margin-bottom: 10px
    }
}

.thankyou-content .recent-posts .post-grid h2 {
    line-height: 15px
}

.thankyou-content .recent-posts .post-grid .post-title {
    color: #1f344a;
    font-size: 16px;
    font-weight: 700;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.thankyou-content .recent-posts .post-grid .post-title:hover {
    color: #f6922b
}

.thankyou-content .thankyou-footer {
    font-size: 14px;
    line-height: 23px;
    text-align: center
}

.thankyou-content .thankyou-footer a {
    font-weight: 700;
    color: #f6922b;
    text-decoration: underline
}

.webinar-detail .webinar-content-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row
}

@media (max-width: 767.98px) {
    .webinar-detail .webinar-content-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column
    }
}

.webinar-detail .webinar-content-wrapper .registaration-content {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding-right: 97px;
    width: 55%;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#006cd4), to(#4cd1e9));
    background: linear-gradient(90deg, #006cd4, #4cd1e9)
}

@media (max-width: 767.98px) {
    .webinar-detail .webinar-content-wrapper .registaration-content {
        width: 100%;
        padding-right: 0
    }
}

.webinar-detail .webinar-content-wrapper .registaration-content:before {
    position: absolute;
    top: 10px;
    left: 0;
    width: 165px;
    height: 226px;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern-top.png);
    background-size: cover;
    background-position: 0 0;
    content: ""
}

.webinar-detail .webinar-content-wrapper .registaration-content:after {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 247px;
    height: 247px;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern-bottom.png);
    background-size: cover;
    background-position: 0 0;
    content: ""
}

.webinar-detail .webinar-content-wrapper .registaration-content .registaration-content-cover {
    position: relative;
    z-index: 1;
    max-width: 675px;
    margin-top: 75px;
    margin-bottom: 40px;
    padding-left: 20px
}

@media (max-width: 767.98px) {
    .webinar-detail .webinar-content-wrapper .registaration-content .registaration-content-cover {
        max-width: 100%;
        padding: 20px
    }
}

.webinar-detail .webinar-content-wrapper .registaration-content .pre-title-cover {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 23px
}

.webinar-detail .webinar-content-wrapper .registaration-content .pre-title-cover img, .webinar-detail .webinar-content-wrapper .registaration-content .pre-title-cover svg {
    display: inline-block;
    max-width: 32px;
    height: auto;
    margin-right: 12px
}

.webinar-detail .webinar-content-wrapper .registaration-content .pre-title-cover path {
    fill: #f6922b
}

.webinar-detail .webinar-content-wrapper .registaration-content .pre-title {
    color: #f6922b;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.33px;
    line-height: 25px;
    text-transform: uppercase
}

.webinar-detail .webinar-content-wrapper .registaration-content .title {
    font-family: Poppins;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 48px
}

@media (max-width: 767.98px) {
    .webinar-detail .webinar-content-wrapper .registaration-content .title {
        font-size: 28px;
        line-height: 40px
    }
}

.webinar-detail .webinar-content-wrapper .registaration-content .date-time {
    display: inline-block;
    padding: 8px 20px 8px 12px;
    border-left: 4px solid #f6922b;
    background: #fff;
    color: #1f344a;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px
}

.webinar-detail .webinar-content-wrapper .registaration-content .team-list .team-caption {
    color: #fff
}

.webinar-detail .webinar-content-wrapper .registaration-content .team-list .team-item {
    width: 48%
}

@media (min-width: 768px) {
    .webinar-detail .webinar-content-wrapper .registaration-content .team-list .team-item {
        width: 48%
    }
}

@media (min-width: 1200px) {
    .webinar-detail .webinar-content-wrapper .registaration-content .team-list .team-item {
        width: 22%
    }
}

.webinar-detail .webinar-content-wrapper .registaration-content .content p {
    font-size: 14px
}

.webinar-detail .webinar-content-wrapper .registaration-content .content .check-list {
    max-width: 500px
}

.webinar-detail .webinar-video-wrapper {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-pack: center;
    justify-content: center;
    width: 45%;
    padding-right: 20px
}

@media (max-width: 767.98px) {
    .webinar-detail .webinar-video-wrapper {
        width: 100%;
        display: block;
        padding: 0 20px
    }
}

.webinar-detail .webinar-video-wrapper .video-wrapper {
    background: #fff;
    max-width: 608px;
    margin: 30px 0 30px -60px;
    box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .3)
}

@media (max-width: 767.98px) {
    .webinar-detail .webinar-video-wrapper .video-wrapper {
        max-width: 100%;
        margin: 30px 0
    }
}

.webinar-detail .webinar-video-wrapper .video-image {
    position: relative;
    display: block;
    padding-top: 65%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.webinar-detail .webinar-video-wrapper .video-image.video-popup:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(31, 52, 75, .5);
    content: ""
}

.webinar-detail .webinar-video-wrapper .video-image.video-popup:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 89px;
    height: 89px;
    background-image: url(../../../../../../../../themes/esrb/assets/images/play-button.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    content: ""
}

.website-search {
    background-color: #f2f2f2;
    min-height: 75vh
}

@media (min-width: 576px) {
    .website-search .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .website-search .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .website-search .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .website-search .container {
        max-width: 960px
    }
}

@media (min-width: 1400px) {
    .website-search .container {
        max-width: 1200px
    }
}

@media (min-width: 1860px) {
    .website-search .container {
        max-width: 1200px
    }
}

.website-search-header {
    color: #fff;
    background: -webkit-gradient(linear, right top, left bottom, from(#4cd1e9), to(#006cd4));
    background: linear-gradient(to bottom left, #4cd1e9, #006cd4);
    margin-bottom: 4rem;
    padding-bottom: 2rem
}

.website-search-header h1 {
    padding-top: 1rem;
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin: 0 0 1rem
}

@media (max-width: 767.98px) {
    .website-search-header h1 {
        font-size: 2.2rem
    }
}

@media (max-width: 991.98px) {
    .website-search-header h1 {
        font-size: 2.2rem
    }
}

.website-search-header .searchform {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    max-width: 350px
}

.website-search-header .searchform input[type=email], .website-search-header .searchform input[type=search], .website-search-header .searchform input[type=text] {
    padding: 0 1rem;
    width: 100%;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: #fff;
    border-radius: 0;
    -webkit-appearance: none
}

@media (max-width: 1399.98px) {
    .website-search-header .searchform input[type=email], .website-search-header .searchform input[type=search], .website-search-header .searchform input[type=text] {
        min-width: 0
    }
}

.website-search-header .searchform input[type=email]::-webkit-input-placeholder, .website-search-header .searchform input[type=search]::-webkit-input-placeholder, .website-search-header .searchform input[type=text]::-webkit-input-placeholder {
    font-style: italic
}

.website-search-header .searchform input[type=email]:-moz-placeholder, .website-search-header .searchform input[type=search]:-moz-placeholder, .website-search-header .searchform input[type=text]:-moz-placeholder {
    font-style: italic
}

.website-search-header .searchform input[type=email]::-moz-placeholder, .website-search-header .searchform input[type=search]::-moz-placeholder, .website-search-header .searchform input[type=text]::-moz-placeholder {
    font-style: italic
}

.website-search-header .searchform input[type=email]:-ms-input-placeholder, .website-search-header .searchform input[type=search]:-ms-input-placeholder, .website-search-header .searchform input[type=text]:-ms-input-placeholder {
    font-style: italic
}

.website-search-header .searchform .button {
    margin-left: 2rem;
    font-size: 2.4rem;
    padding: 0
}

.website-search-header .searchform .button, .website-search-header .searchform input[type=email], .website-search-header .searchform input[type=search], .website-search-header .searchform input[type=text] {
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
}

.website-search-header .searchform .screen-reader-text {
    display: none
}

.website-search-refine, .website-search .result {
    background: #fff;
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25);
    margin-bottom: 4rem
}

.website-search-refine {
    padding: 2rem
}

.website-search-refine ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.website-search .result {
    padding: 3rem;
    display: -webkit-box;
    display: flex;
    font-size: 1.2rem;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width: 575.98px) {
    .website-search .result {
        flex-wrap: wrap
    }
}

.website-search .result .summary {
    -webkit-box-flex: 1;
    flex-grow: 1
}

.website-search .result em {
    font-weight: 700;
    font-style: normal
}

.website-search .result .title {
    font-size: 2rem;
    line-height: 1.4;
    padding: 1rem 0 2rem
}

.website-search .result .icon {
    display: inline-block;
    width: 2.1rem;
    height: 2.1rem;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: .7rem;
    -webkit-transform: translateY(.5rem);
    transform: translateY(.5rem)
}

.website-search .result .icon-page {
    background-image: url(../../../../../../../../themes/esrb/assets/images/icon-page.svg)
}

.website-search .result .icon-post {
    background-image: url(../../../../../../../../themes/esrb/assets/images/icon-post.svg)
}

.website-search .result .url {
    line-height: 1
}

.website-search .result .url a {
    color: #1f344b;
    opacity: .5
}

.website-search .result .description {
    height: 3.6rem;
    line-height: 1.5;
    position: relative;
    overflow: hidden
}

.website-search .result .description:after {
    content: "";
    position: absolute;
    width: 10rem;
    height: 1.8rem;
    bottom: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff)
}

.website-search .result .thumbnail {
    padding-left: 2rem;
    -webkit-box-flex: 0;
    flex: 0 0 20rem
}

@media (max-width: 575.98px) {
    .website-search .result .thumbnail {
        padding-left: 0;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        -webkit-box-ordinal-group: 0;
        order: -1
    }
}

.website-search .result .thumbnail img {
    width: 20rem;
    height: 12rem;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px
}

@media (max-width: 575.98px) {
    .website-search .result .thumbnail img {
        width: 16rem;
        height: 9rem
    }
}

.website-search .result .author, .website-search .result .date {
    display: inline-block;
    color: #1f344b;
    opacity: .5;
    line-height: 1
}

.website-search .result .date {
    text-transform: uppercase
}

.website-search .result .author:before {
    content: " • "
}

.where-to-find {
    padding: 4rem 0
}

@media (max-width: 767.98px) {
    .where-to-find {
        padding: 4rem 0 0
    }
}

.where-to-find h1 {
    font-size: 4.5rem;
    line-height: 1.7
}

.where-to-find h2 {
    font-size: 2.8rem;
    line-height: 1.7;
    margin-bottom: 2rem
}

.where-to-find .where-slider {
    position: relative;
    overflow: hidden;
    margin: 3rem 0 6rem;
    padding: 4rem 0 3.5rem;
    background: -webkit-gradient(linear, right top, left top, from(#48d1ea), to(#0367d7));
    background: linear-gradient(-90deg, #48d1ea, #0367d7)
}

.where-to-find .where-slider:after, .where-to-find .where-slider:before {
    content: "";
    position: absolute;
    width: 37rem;
    height: 34rem;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1
}

@media (max-width: 991.98px) {
    .where-to-find .where-slider:after, .where-to-find .where-slider:before {
        display: none
    }
}

.where-to-find .where-slider:before {
    top: 2rem;
    right: -18rem;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern-dark.svg)
}

.where-to-find .where-slider:after {
    bottom: 2rem;
    left: -18rem
}

.where-to-find .where-slider .slider-buttons {
    width: 50%;
    margin: 0 auto 2rem;
    border: none
}

@media (max-width: 1199.98px) {
    .where-to-find .where-slider .slider-buttons {
        width: 100%
    }
}

.where-to-find .where-slider .slider-buttons .nav-item {
    margin: 0;
    padding: 0 .5rem 1rem
}

@media (min-width: 1860px) {
    .where-to-find .where-slider .slider-buttons .nav-item {
        padding: 0 2rem 1rem
    }
}

.where-to-find .where-slider .slider-buttons .nav-item .nav-link {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 5rem;
    padding: 1rem 1.9rem;
    background: #fff;
    border-radius: 1rem;
    border: none;
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25);
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    cursor: pointer
}

@media (min-width: 1860px) {
    .where-to-find .where-slider .slider-buttons .nav-item .nav-link {
        padding: 1rem 3.5rem
    }
}

@media (max-width: 1199.98px) {
    .where-to-find .where-slider .slider-buttons .nav-item .nav-link {
        padding: 1rem 3rem
    }
}

.where-to-find .where-slider .slider-buttons .nav-item .nav-link.active {
    background: #1f344b;
    border: none;
    color: #fff
}

.where-to-find .where-slider .slider-buttons .slick-list {
    overflow: visible !important
}

.where-to-find .where-slider .slider-buttons .slick-track {
    margin-left: -.5rem
}

@media (min-width: 1860px) {
    .where-to-find .where-slider .slider-buttons .slick-track {
        margin-left: -2rem
    }
}

.where-to-find .where-slider .slider-filtered {
    position: relative;
    z-index: 10;
    width: 50%;
    margin: 0 auto
}

@media (max-width: 1199.98px) {
    .where-to-find .where-slider .slider-filtered {
        width: 100%
    }
}

.where-to-find .where-slider .slider-filtered .slide-item .img {
    height: 54rem;
    margin: 0 auto;
    overflow: hidden
}

@media (max-width: 1859.98px) {
    .where-to-find .where-slider .slider-filtered .slide-item .img {
        height: 45rem
    }
}

@media (max-width: 1399.98px) {
    .where-to-find .where-slider .slider-filtered .slide-item .img {
        height: 37rem
    }
}

@media (max-width: 1199.98px) {
    .where-to-find .where-slider .slider-filtered .slide-item .img {
        height: auto
    }
}

.where-to-find .where-slider .slider-filtered .slide-item .img img {
    display: block;
    height: 100%;
    margin: 0 auto;
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain
}

.where-to-find .where-slider .slider-filtered .slide-item .caption {
    margin-top: 3rem;
    font-size: 1.8rem;
    font-weight: 500;
    text-align: center;
    color: #fff
}

.where-to-find .where-slider .slider-nav {
    position: absolute;
    left: -40%;
    right: -40%;
    top: 50%;
    z-index: 20;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: -3.3rem;
    padding: 0 10%
}

.where-to-find .where-slider .slider-nav a {
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25);
    margin: 0 1rem
}

.where-to-find .where-slider .slider-nav a:first-child {
    margin-left: 0
}

.where-to-find .where-slider .slider-nav a:last-child {
    margin-right: 0
}

.where-to-find .where-slider .slider-nav a.next, .where-to-find .where-slider .slider-nav a.prev {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-transition: all .2s;
    transition: all .2s
}

.where-to-find .where-slider .slider-nav a.next:focus, .where-to-find .where-slider .slider-nav a.next:hover, .where-to-find .where-slider .slider-nav a.prev:focus, .where-to-find .where-slider .slider-nav a.prev:hover {
    box-shadow: 0 0 15px #1f344b
}

.where-to-find .where-slider .slider-nav a.prev {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg);
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-left.svg)
}

.where-to-find .where-slider .slider-nav a.next, .where-to-find .where-slider .slider-nav a.prev {
    background-color: #1f344b;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 4rem;
    height: 4rem;
    font-size: 0;
    width: 6.6rem;
    height: 6.6rem
}

.where-to-find .where-slider .slider-nav a.next {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg)
}

.where-to-find .where-slider .slider-nav a.slick-disabled {
    opacity: .4;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    cursor: not-allowed
}

@media (max-width: 1199.98px) {
    .where-to-find .where-slider .slider-nav {
        position: static;
        -webkit-box-pack: center;
        justify-content: center;
        margin: 0;
        padding: 3rem 0 0
    }
}

.where-to-find .where-companies {
    margin-bottom: 5rem
}

.where-to-find .where-companies h2 {
    font-size: 2.8rem;
    line-height: 1.7;
    margin-bottom: 2rem
}

.where-to-find .where-companies .row {
    margin: 0 -7px
}

.where-to-find .where-companies .row .companies-slide {
    padding: 0 7px 14px
}

.where-to-find .where-companies .company {
    display: -webkit-box;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 18rem;
    padding: 2rem 2rem 6rem;
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25);
    border-radius: 1rem;
    color: #1f344b
}

@media (max-width: 1199.98px) {
    .where-to-find .where-companies .company {
        min-width: 2.2rem;
        min-height: 19rem
    }
}

@media (max-width: 767.98px) {
    .where-to-find .where-companies .company {
        min-height: 16rem
    }
}

.where-to-find .where-companies .company .company-logo {
    display: block
}

.where-to-find .where-companies .company .company-logo img {
    display: block;
    max-height: 8rem
}

.where-to-find .where-companies .company .company-name {
    display: block;
    position: absolute;
    left: 2rem;
    right: 2rem;
    bottom: 2rem;
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center
}

@media (max-width: 767.98px) {
    .where-to-find .where-companies .slick-slider {
        width: 70%
    }
}

.where-to-find .where-companies .slick-list {
    overflow: visible !important
}

.where-to-find .where-companies .slick-track {
    margin-left: 0
}

.where-to-find .where-txt {
    margin-bottom: 5rem
}

.where-to-find .where-txt h2 {
    font-size: 2.8rem;
    line-height: 1.7;
    margin-bottom: 2rem
}

.where-to-find .where_link {
    padding-top: 6px
}

.where-to-find .where_link a {
    font-weight: 600;
    text-transform: uppercase
}

.where-to-find .where_link a:after {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-left: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-right-blue.svg) no-repeat 0;
    cursor: pointer
}

.section-additional_resources {
    position: relative;
    padding-bottom: 8rem
}

@media (max-width: 575.98px) {
    .section-additional_resources {
        padding-bottom: 5rem
    }
}

@media print {
    .section-additional_resources {
        padding-top: 5rem
    }
}

.section-additional_resources .container > .row {
    margin-inline: 0
}

.section-additional_resources h2 {
    font-size: 2.8rem;
    margin: 0 0 4.2rem
}

@media (max-width: 575.98px) {
    .section-additional_resources h2 {
        text-align: center
    }
}

.section-additional_resources .row-resources {
    margin: 0
}

@media (min-width: 768px) {
    .section-additional_resources .row-resources {
        margin: 0 -2.3rem
    }
}

.section-additional_resources .row-resources .col {
    padding: 0 .8rem 3rem
}

.section-additional_resources .poly-box {
    height: 100%
}

@media print {
    .section-additional_resources .poly-box {
        min-height: 55rem !important;
        -webkit-filter: none;
        filter: none
    }
}

.section-additional_resources .poly-box .inner h3 {
    font-size: 1.57rem;
    margin: 0 0 1rem
}

.section-additional_resources .poly-box .inner .excerpt {
    font-size: 1.35rem
}

@media print {
    .section-additional_resources .poly-box .orange-box {
        display: none
    }
}

@media print {
    .section-additional_resources .white-box {
        background: #fff
    }
}

.section-additional_resources .white-box:after {
    -webkit-clip-path: none;
    clip-path: none
}

@media print {
    .section-additional_resources .white-box:after {
        display: none
    }
}

@media (max-width: 991.98px) {
    .section-additional_resources .slick-slider {
        width: 80%
    }
}

@media print and (max-width: 991.98px) {
    .section-additional_resources .slick-slider {
        width: auto
    }
}

@media (max-width: 575.98px) {
    .section-additional_resources .slick-slider {
        width: auto
    }
}

.section-additional_resources .slick-list {
    overflow: visible !important
}

.section-additional_resources .slick-list .slick-track {
    min-width: 100%;
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.section-additional_resources .slick-list .slick-track:after, .section-additional_resources .slick-list .slick-track:before {
    display: none
}

@media print {
    .section-additional_resources .slick-list .slick-track {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 -1.5rem
    }
}

.section-additional_resources .slick-list .slick-slide {
    opacity: .75;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    display: -webkit-box;
    display: flex;
    height: auto;
    max-width: 100%;
    padding: 0 .8rem
}

@media (min-width: 768px) {
    .section-additional_resources .slick-list .slick-slide {
        max-width: 26.4rem
    }
}

.section-additional_resources .slick-list .slick-slide.slick-active {
    opacity: 1
}

.section-additional_resources .nav {
    display: -webkit-box;
    display: flex;
    padding: 3rem 0 0;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.section-additional_resources .nav a {
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25);
    margin: 0 1rem
}

.section-additional_resources .nav a:first-child {
    margin-left: 0
}

.section-additional_resources .nav a:last-child {
    margin-right: 0
}

.section-additional_resources .nav a.next, .section-additional_resources .nav a.prev {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-transition: all .2s;
    transition: all .2s
}

.section-additional_resources .nav a.next:focus, .section-additional_resources .nav a.next:hover, .section-additional_resources .nav a.prev:focus, .section-additional_resources .nav a.prev:hover {
    box-shadow: 0 0 15px #1f344b
}

.section-additional_resources .nav a.prev {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg);
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-left.svg)
}

.section-additional_resources .nav a.next, .section-additional_resources .nav a.prev {
    background-color: #1f344b;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 4rem;
    height: 4rem;
    font-size: 0;
    width: 6.6rem;
    height: 6.6rem
}

.section-additional_resources .nav a.next {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg)
}

.section-additional_resources .nav a.slick-disabled {
    opacity: .4;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    cursor: not-allowed
}

@media (max-width: 575.98px) {
    .section-additional_resources .nav {
        float: none;
        -webkit-box-pack: center;
        justify-content: center
    }
}

.section-additional_resources.center-content h2 {
    text-align: center
}

.section-additional_resources.center-content .slick-list .slick-track {
    -webkit-box-pack: center;
    justify-content: center
}

.section-additional_resources.add-top-padding {
    padding-top: 8rem
}

@media (max-width: 575.98px) {
    .section-additional_resources.add-top-padding {
        padding-top: 5rem
    }
}

.app-access-ratings {
    background: #f1f1f1;
    padding: 5rem 0;
    position: relative
}

.app-access-ratings:after, .app-access-ratings:before {
    content: "";
    position: absolute;
    width: 20%;
    height: 30%;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern-light.svg);
    background-size: contain;
    background-repeat: no-repeat
}

@media (max-width: 991.98px) {
    .app-access-ratings:after, .app-access-ratings:before {
        display: none
    }
}

.app-access-ratings:before {
    top: -15rem;
    right: -15rem
}

.app-access-ratings:after {
    bottom: -15rem;
    left: -15rem
}

.app-access-ratings .nav {
    padding-right: 15px;
    padding-top: 30px;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.app-access-ratings .nav a {
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25);
    margin: 0 1rem
}

.app-access-ratings .nav a:first-child {
    margin-left: 0
}

.app-access-ratings .nav a:last-child {
    margin-right: 0
}

.app-access-ratings .nav a.next, .app-access-ratings .nav a.prev {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-transition: all .2s;
    transition: all .2s
}

.app-access-ratings .nav a.next:focus, .app-access-ratings .nav a.next:hover, .app-access-ratings .nav a.prev:focus, .app-access-ratings .nav a.prev:hover {
    box-shadow: 0 0 15px #1f344b
}

.app-access-ratings .nav a.prev {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg);
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-left.svg)
}

.app-access-ratings .nav a.next, .app-access-ratings .nav a.prev {
    background-color: #1f344b;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 4rem;
    height: 4rem;
    font-size: 0;
    width: 6.6rem;
    height: 6.6rem
}

.app-access-ratings .nav a.next {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg)
}

.app-access-ratings .nav a.slick-disabled {
    opacity: .4;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    cursor: not-allowed
}

@media (max-width: 991.98px) {
    .app-access-ratings .nav {
        float: none;
        -webkit-box-pack: center;
        justify-content: center
    }
}

.app-access-ratings-slider .slick-list {
    overflow: visible
}

.app-access-ratings-slider .slick-slide {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.app-access-ratings-slider .slick-active {
    opacity: 1 !important
}

.app-access-ratings-slider .item-wrap {
    padding: 1rem
}

.app-access-ratings-slider .item-wrap img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25)
}

.app-access-ratings-slides:not(.slick-initialized) {
    display: -webkit-box;
    display: flex
}

.app-access-ratings-slides:not(.slick-initialized) .item-wrap {
    flex-basis: 100%;
    display: none
}

.app-access-ratings-slides:not(.slick-initialized) .item-wrap:first-of-type {
    display: block
}

@media (min-width: 768px) {
    .app-access-ratings-slides:not(.slick-initialized) .item-wrap {
        flex-basis: 50%
    }

    .app-access-ratings-slides:not(.slick-initialized) .item-wrap:nth-of-type(2) {
        display: block
    }
}

@media (min-width: 1860px) {
    .app-access-ratings-slides:not(.slick-initialized) .item-wrap {
        flex-basis: 33.3%
    }

    .app-access-ratings-slides:not(.slick-initialized) .item-wrap:nth-of-type(3) {
        display: block
    }
}

@media (min-width: 1200px) {
    .app-access-ratings-wrapper {
        display: -webkit-box;
        display: flex
    }
}

.app-access-ratings-content {
    padding-bottom: 3rem;
    text-align: center
}

.app-access-ratings-content h2, .app-access-ratings-content h3 {
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin-bottom: 2rem
}

@media (max-width: 767.98px) {
    .app-access-ratings-content h2, .app-access-ratings-content h3 {
        font-size: 2.2rem
    }
}

@media (min-width: 1200px) {
    .app-access-ratings-content {
        text-align: left;
        width: 50%;
        padding-bottom: 0;
        display: -webkit-box;
        display: flex
    }

    .app-access-ratings-content-inner {
        margin: auto;
        padding-right: 10rem
    }
}

@media (min-width: 1200px) {
    .app-access-ratings-slider {
        width: 50%
    }
}

.app-download {
    padding: 5rem 0
}

.app-download h2 {
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin-bottom: 3rem
}

@media (max-width: 767.98px) {
    .app-download h2 {
        font-size: 2.2rem
    }
}

.app-download .content {
    text-align: center
}

.app-video {
    padding: 5rem 0
}

@media (max-width: 991.98px) {
    .app-video {
        padding: 2.5rem 0
    }
}

.app-video-link {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25)
}

.app-video-link:before {
    content: "";
    width: 11rem;
    height: 11rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5.5rem;
    margin-top: -5.5rem;
    z-index: 2;
    border-radius: 50%;
    background-image: url(../../../../../../../../themes/esrb/assets/images/play-button-dark.svg);
    background-size: contain;
    box-shadow: 0 0 0 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (max-width: 767.98px) {
    .app-video-link:before {
        width: 7rem;
        height: 7rem;
        margin-left: -3.5rem;
        margin-top: -3.5rem
    }
}

.app-video-link:focus:before, .app-video-link:hover:before {
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25);
    -webkit-transform: translateY(-.5rem);
    transform: translateY(-.5rem)
}

.app-video-link img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto
}

.blue-privacy-section {
    padding-block: 6.75rem;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
    background: -webkit-gradient(linear, right top, left bottom, from(#4cd1e9), to(#006cd4));
    background: linear-gradient(to bottom left, #4cd1e9, #006cd4)
}

.blue-privacy-section:after, .blue-privacy-section:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 200%;
    position: absolute;
    width: 20%
}

.blue-privacy-section:after {
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern-light.svg);
    bottom: -23rem;
    left: -19.5rem
}

.blue-privacy-section:before {
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern-dark.svg);
    right: -21rem;
    top: -4rem
}

.blue-privacy-section p {
    margin-bottom: 1.3rem
}

.blue-privacy-section h5 {
    font-size: 2.2rem
}

.blue-privacy-section .orange-button {
    color: #000;
    background: #f6922b;
    font-size: 2.1rem;
    margin-top: 2rem
}

.section-consoles-slider {
    position: relative;
    margin: 2rem 0 4rem
}

.section-consoles-slider .content {
    font-size: 1.8rem;
    line-height: 1.66;
    font-weight: 600;
    font-weight: 400;
    margin: 3rem auto
}

.section-consoles-slider .content h1, .section-consoles-slider .content h2 {
    text-align: center;
    font-size: 4rem;
    line-height: 1.22;
    font-weight: 600;
    margin-bottom: 0
}

@media (max-width: 1399.98px) {
    .section-consoles-slider .content h1, .section-consoles-slider .content h2 {
        font-size: 3.5rem
    }
}

@media (max-width: 767.98px) {
    .section-consoles-slider .content h1, .section-consoles-slider .content h2 {
        font-size: 2.2rem
    }
}

@media (max-width: 767.98px) {
    .section-consoles-slider .content {
        font-size: 1.4rem
    }
}

@media (max-width: 991.98px) {
    .section-consoles-slider .content {
        margin-top: 0
    }
}

.section-consoles-slider .quick-links {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 3rem;
    margin-bottom: 3rem
}

@media (max-width: 991.98px) {
    .section-consoles-slider .quick-links {
        display: none
    }
}

.section-consoles-slider .quick-links__list {
    display: -webkit-box;
    display: flex;
    list-style: none;
    border: 1px solid #1f344b;
    margin: 0;
    padding: 0 1em;
    border-radius: 2em
}

.section-consoles-slider .quick-links li {
    font-size: 1.8rem;
    line-height: 1.66;
    font-weight: 600;
    font-size: 1.4rem
}

@media (max-width: 767.98px) {
    .section-consoles-slider .quick-links li {
        font-size: 1.4rem
    }
}

@media (min-width: 1200px) {
    .section-consoles-slider .quick-links li {
        font-size: 1.6rem
    }
}

.section-consoles-slider .quick-links a {
    display: inline-block;
    line-height: 1;
    padding: .75em 1em
}

.section-consoles-slider .quick-links__label {
    line-height: 1;
    padding: .75em 1em;
    position: relative
}

.section-consoles-slider .quick-links__label:after {
    display: inline-block;
    content: "";
    background: #5b5b5b;
    position: absolute;
    right: 0;
    width: 1px;
    height: 1em
}

.section-consoles-slider .consoles-slider {
    max-width: 920px;
    margin: auto
}

.section-consoles-slider .consoles-slider__slides {
    position: relative
}

.section-consoles-slider .consoles-slider__slides:not(.slick-initialized) .consoles-slider__slide {
    display: none
}

.section-consoles-slider .consoles-slider__slides:not(.slick-initialized) .consoles-slider__slide:first-of-type {
    display: -webkit-box;
    display: flex
}

.section-consoles-slider .consoles-slider__slide-bg {
    position: relative;
    overflow: hidden;
    background: linear-gradient(138.98deg, #0456a6 7.92%, #4bd0e9 91.97%);
    border-radius: 3.2rem;
    padding-bottom: 74%
}

@media (min-width: 768px) {
    .section-consoles-slider .consoles-slider__slide-bg {
        padding-bottom: 51%
    }
}

.section-consoles-slider .consoles-slider__slide-bg:after, .section-consoles-slider .consoles-slider__slide-bg:before {
    content: "";
    position: absolute;
    width: 37rem;
    height: 25rem;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern.svg);
    background-size: contain;
    background-repeat: no-repeat
}

@media (max-width: 767.98px) {
    .section-consoles-slider .consoles-slider__slide-bg:after, .section-consoles-slider .consoles-slider__slide-bg:before {
        display: none
    }
}

.section-consoles-slider .consoles-slider__slide-bg:before {
    width: 25%;
    height: 40%;
    top: -5%;
    left: -7%;
    opacity: .4
}

.section-consoles-slider .consoles-slider__slide-bg:after {
    width: 25%;
    height: 40%;
    bottom: -5%;
    right: -7%
}

.section-consoles-slider .consoles-slider__slide-bg-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
    padding: 4rem;
    height: 100%
}

@media (min-width: 768px) {
    .section-consoles-slider .consoles-slider__slide-bg-inner {
        border-radius: 1.8rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
}

.section-consoles-slider .consoles-slider__slide-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center
}

.section-consoles-slider .consoles-slider__slide-content, .section-consoles-slider .consoles-slider__slide-image {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1;
    z-index: 1
}

.section-consoles-slider .consoles-slider__slide-image img {
    width: 100%;
    height: auto;
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
    aspect-ratio: 16/10
}

@media (min-width: 768px) {
    .section-consoles-slider .consoles-slider__slide-image img {
        -o-object-position: center right;
        object-position: center right
    }
}

.section-consoles-slider .consoles-slider__slide h3 {
    color: #fff;
    text-align: center
}

@media (min-width: 768px) {
    .section-consoles-slider .consoles-slider__slide h3 {
        text-align: left;
        margin-right: -5em;
        margin-bottom: 1em
    }
}

@media (min-width: 1200px) {
    .section-consoles-slider .consoles-slider__slide h3 {
        font-size: 4.4rem;
        margin-bottom: 3.5rem
    }
}

.section-consoles-slider .consoles-slider__slide-tags {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 1.5rem 1rem
}

.section-consoles-slider .consoles-slider__slide-tags li {
    -webkit-box-flex: 1;
    flex-grow: 1
}

.section-consoles-slider .consoles-slider__slide-tags a {
    color: #1f344b;
    padding: .5em 0;
    display: block;
    white-space: nowrap;
    border: 1px solid;
    border-radius: .5em;
    font-weight: 600;
    text-align: center
}

@media (min-width: 768px) {
    .section-consoles-slider .consoles-slider__slide-tags a {
        color: #fff;
        padding: .3em .5em
    }
}

.section-consoles-slider .consoles-slider__slide-tags a:focus, .section-consoles-slider .consoles-slider__slide-tags a:hover {
    color: #fff;
    background: #1f344b;
    border-color: #1f344b
}

@media (min-width: 768px) {
    .section-consoles-slider .consoles-slider__slide-tags a:focus, .section-consoles-slider .consoles-slider__slide-tags a:hover {
        background: #fff;
        border-color: #fff;
        color: #056cd0
    }
}

.section-consoles-slider .consoles-slider__slide-tags-desktop {
    display: none
}

@media (min-width: 768px) {
    .section-consoles-slider .consoles-slider__slide-tags-desktop {
        display: block;
        max-width: 64rem
    }
}

.section-consoles-slider .consoles-slider__slide-tags-mobile {
    margin-top: 1em;
    margin-bottom: 1em
}

@media (min-width: 768px) {
    .section-consoles-slider .consoles-slider__slide-tags-mobile, .section-consoles-slider .consoles-slider__slide.hide-image-on-desktop .consoles-slider__slide-image {
        display: none
    }
}

@media (min-width: 768px) {
    .section-consoles-slider .consoles-slider__slide.tags-in-grid .consoles-slider__slide-tags {
        display: grid;
        grid-template-columns:1fr 1fr 1fr 1fr
    }
}

.section-consoles-slider .consoles-slider__controls {
    position: absolute;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    padding-top: calc(71% - 4.5rem)
}

@media (min-width: 768px) {
    .section-consoles-slider .consoles-slider__controls {
        padding-top: 0;
        top: auto;
        bottom: 3rem;
        pointer-events: auto
    }
}

.section-consoles-slider .consoles-slider__controls .slick-dots {
    height: 3rem;
    display: -webkit-box;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    gap: .4rem
}

.section-consoles-slider .consoles-slider__controls .slick-dots li {
    padding: 0;
    margin: 0
}

.section-consoles-slider .consoles-slider__controls .slick-dots li button {
    overflow: hidden;
    color: transparent;
    border-radius: 50%;
    width: .4rem;
    height: .4rem;
    padding: 0;
    margin: 0;
    background: #fff;
    opacity: .5
}

.section-consoles-slider .consoles-slider__controls .slick-dots li.slick-active button {
    background: #056cd0;
    opacity: 1
}

.section-consoles-slider .consoles-slider__controls .arrows {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 3rem
}

.section-consoles-slider .consoles-slider__controls .arrows .slick-arrow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.874 1.295c.568.568.568 1.49 0 2.058L5.629 9.598h22.674a1.455 1.455 0 1 1 0 2.91H5.629l6.245 6.245a1.455 1.455 0 0 1-2.058 2.057l-8.728-8.729a1.455 1.455 0 0 1 0-2.057l8.728-8.729a1.455 1.455 0 0 1 2.058 0z' fill='%23fff'/%3E%3C/svg%3E");
    width: 3rem;
    height: 2rem;
    background-position: 50%;
    background-size: contain;
    background-color: transparent;
    background-repeat: no-repeat;
    color: transparent;
    overflow: hidden
}

.section-consoles-slider .consoles-slider__controls .arrows .slick-arrow.slick-next {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.section-content_descriptors {
    padding: 8rem 0
}

@media (max-width: 767.98px) {
    .section-content_descriptors {
        padding: 3rem 0;
        text-align: center
    }
}

.section-content_descriptors .thumb {
    width: 9rem;
    height: 5.3rem;
    margin-bottom: 3rem;
    background: url(../../../../../../../../themes/esrb/assets/images/rating-content-thumb.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

@media (max-width: 767.98px) {
    .section-content_descriptors .thumb {
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 576px) {
    .section-content_descriptors > .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .section-content_descriptors > .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .section-content_descriptors > .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .section-content_descriptors > .container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .section-content_descriptors > .container {
        max-width: 1200px
    }
}

@media (min-width: 1860px) {
    .section-content_descriptors > .container {
        max-width: 1200px
    }
}

.section-content_descriptors h2 {
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin-bottom: 1rem
}

@media (max-width: 767.98px) {
    .section-content_descriptors h2 {
        font-size: 2.2rem
    }
}

.section-content_descriptors .description {
    margin-bottom: 6rem
}

.section-content_descriptors .descriptors {
    text-align: left
}

.section-content_descriptors .descriptors ul {
    list-style: none;
    margin-bottom: 6rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0 0 0 2px;
    text-transform: uppercase;
    letter-spacing: .035em;
    font-size: 1.4rem
}

.section-content_descriptors .descriptors ul:after {
    display: block;
    clear: both;
    content: ""
}

@media (max-width: 575.98px) {
    .section-content_descriptors .descriptors ul {
        font-size: 1.1rem;
        -webkit-box-pack: center;
        justify-content: center
    }
}

.section-content_descriptors .descriptors ul li {
    display: block;
    border: 2px solid #1f344b;
    margin: 0 0 4px -2px;
    padding: 0
}

.section-content_descriptors .descriptors ul li a {
    color: #1f344b;
    padding: 1.2rem 2.5rem;
    line-height: 1;
    display: inline-block
}

.section-content_descriptors .descriptors ul li.ui-state-active a {
    background: #1f344b;
    color: #fff
}

.section-content_descriptors .descriptors .descriptor {
    padding: 2rem 0;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    margin-top: -1px
}

.section-content_descriptors .descriptors .descriptor.hidden {
    display: none
}

.section-content_descriptors .descriptors .descriptor .title {
    font-size: 1.6rem;
    font-weight: 600;
    position: relative
}

.section-content_descriptors .descriptors .descriptor .title a {
    color: #1f344b;
    display: block
}

.section-content_descriptors .descriptors .descriptor .title a:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 1rem;
    top: .3rem;
    width: 0;
    height: 0;
    padding: 0;
    border-left: .75rem solid #056cd0;
    border-top: .75rem solid transparent;
    border-bottom: .75rem solid transparent;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.section-content_descriptors .descriptors .descriptor .title a.on:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.section-content_descriptors .descriptors .descriptor .content {
    font-size: 1.4rem;
    display: none;
    margin-top: 1rem
}

.section-content_descriptors .descriptors .less, .section-content_descriptors .descriptors .more {
    margin-top: 4rem;
    text-align: center
}

@media print {
    .section-content_descriptors {
        break-inside: avoid-page;
        page-break-inside: avoid;
        padding: 2rem 0
    }

    .section-content_descriptors .descriptors .descriptor {
        padding: 0 0 2rem;
        border: none;
        margin: 0
    }

    .section-content_descriptors .descriptors .descriptor.hideable {
        display: block !important
    }

    .section-content_descriptors .descriptors .descriptor .title {
        font-size: 14px
    }

    .section-content_descriptors .descriptors .descriptor .content {
        display: block !important;
        font-size: 12px
    }

    .section-content_descriptors .tab {
        display: none
    }

    .section-content_descriptors .tab#all-content, .section-content_descriptors .tab#todo-el-contenido, .section-content_descriptors .tab#tout-le-contenu {
        display: block
    }
}

.about-rated-by {
    background-color: #f1f1f1;
    padding: 8rem 0 10rem;
    position: relative
}

.about-rated-by:after {
    width: 300px;
    height: 280px;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    z-index: 1;
    left: 0;
    bottom: 0;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.about-rated-by h2 {
    font-size: 3.5rem;
    margin-bottom: 2rem
}

.about-rated-by .columns {
    margin: 0 0 1rem;
    line-height: 1.9
}

@media (min-width: 576px) {
    .about-rated-by .columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 3.7rem;
        -moz-column-gap: 3.7rem;
        column-gap: 3.7rem
    }
}

.about-rated-by .items {
    margin: 0 -15px;
    position: relative;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.about-rated-by .items:not(.slick-initialized) {
    opacity: 0
}

.about-rated-by .items:not(.slick-initialized) > .slide-item {
    display: none
}

.about-rated-by .items:not(.slick-initialized) > .slide-item:first-of-type {
    display: block
}

.about-rated-by .items .slick-track {
    display: -webkit-box;
    display: flex
}

.about-rated-by .items .slick-list {
    overflow: visible
}

.about-rated-by .items .slick-slide {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    margin: 0;
    display: -webkit-box;
    display: flex;
    height: auto
}

.about-rated-by .items .slick-active + .slick-slide {
    opacity: .5
}

.about-rated-by .items .slick-active {
    opacity: 1 !important
}

.about-rated-by .items .item-wrap {
    padding: 0 15px
}

@media (min-width: 1200px) {
    .about-rated-by .items .item-wrap {
        max-width: 378px
    }
}

.about-rated-by .items .item-wrap .poly-box {
    height: auto !important;
    width: 100%
}

.about-rated-by .items .item-wrap .poly-box h3, .about-rated-by .items .item-wrap .poly-box h4 {
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 0
}

.about-rated-by .items .item-wrap .poly-box .inner {
    padding: 2rem
}

@media (max-width: 991.98px) {
    .about-rated-by .items .item-wrap .poly-box .inner {
        padding: 1.5rem
    }
}

.about-rated-by .items .item-wrap .poly-box .date {
    margin-bottom: 1rem
}

.about-rated-by .items .item-wrap .poly-box .byline {
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    z-index: 1;
    font-size: 1.4rem
}

@media (max-width: 991.98px) {
    .about-rated-by .items .item-wrap .poly-box .byline {
        bottom: 1.5rem;
        left: 1.5rem
    }
}

.about-rated-by .items .item-wrap .poly-box .grey-box {
    background-color: #20354c;
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg);
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    background-position: 50%;
    background-repeat: no-repeat;
    font-size: 0;
    width: 5rem;
    height: 5rem;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    opacity: .4
}

.about-rated-by .nav {
    padding-top: 40px;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.about-rated-by .nav a {
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25);
    margin: 0 1rem
}

.about-rated-by .nav a:first-child {
    margin-left: 0
}

.about-rated-by .nav a:last-child {
    margin-right: 0
}

.about-rated-by .nav a.next, .about-rated-by .nav a.prev {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-transition: all .2s;
    transition: all .2s
}

.about-rated-by .nav a.next:focus, .about-rated-by .nav a.next:hover, .about-rated-by .nav a.prev:focus, .about-rated-by .nav a.prev:hover {
    box-shadow: 0 0 15px #1f344b
}

.about-rated-by .nav a.prev {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg);
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-left.svg)
}

.about-rated-by .nav a.next, .about-rated-by .nav a.prev {
    background-color: #1f344b;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 4rem;
    height: 4rem;
    font-size: 0;
    width: 6.6rem;
    height: 6.6rem
}

.about-rated-by .nav a.next {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg)
}

.about-rated-by .nav a.slick-disabled {
    opacity: .4;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    cursor: not-allowed
}

@media (max-width: 991.98px) {
    .about-rated-by .nav {
        float: none;
        -webkit-box-pack: center;
        justify-content: center
    }
}

.section-control_tools {
    position: relative;
    padding: 3rem 0 4rem
}

@media print {
    .section-control_tools {
        padding: 0
    }
}

.section-control_tools .back {
    margin-bottom: 1rem;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer
}

.section-control_tools .back:before {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-right: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-left-black.svg) no-repeat 0
}

.section-control_tools .back.hidden {
    visibility: hidden
}

.section-control_tools h2 {
    font-size: 2.8rem;
    margin: 0 0 2rem
}

@media (max-width: 575.98px) {
    .section-control_tools h2 {
        text-align: center
    }
}

.section-control_tools h2 span {
    text-decoration: underline
}

.section-control_tools .control-feature {
    position: relative;
    padding: 4rem 1rem 1rem;
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25);
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    cursor: pointer
}

@media print {
    .section-control_tools .control-feature {
        padding: 15px 0 0;
        border: 1px solid #ccc;
        box-shadow: none
    }
}

.section-control_tools .control-feature-img-wrapper {
    margin: 2rem 2vw 1rem
}

.section-control_tools .control-feature-img {
    width: 100%;
    height: 0;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

@media print {
    .section-control_tools .control-feature-img {
        display: none
    }
}

.section-control_tools .control-feature-img-print {
    display: none
}

@media print {
    .section-control_tools .control-feature-img-print {
        display: block
    }

    .section-control_tools .control-feature-img-print img {
        display: block;
        margin: 0 auto
    }
}

.section-control_tools .control-feature-arrow {
    visibility: hidden
}

.section-control_tools .control-feature-arrow:before {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-left: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-right-blue.svg) no-repeat 0
}

.section-control_tools .control-feature a {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10
}

.section-control_tools .what_to_control {
    position: relative
}

@media (max-width: 575.98px) {
    .section-control_tools .what_to_control {
        padding: 0 3.5rem
    }
}

@media (max-width: 400px) {
    .section-control_tools .what_to_control {
        padding: 0 1rem
    }
}

.section-control_tools .what_to_control > .row {
    opacity: 1;
    -webkit-transition: opacity .5s ease-out .2s;
    transition: opacity .5s ease-out .2s
}

@media (max-width: 575.98px) {
    .section-control_tools .what_to_control > .row {
        margin: 0 -10px
    }
}

@media (max-width: 575.98px) {
    .section-control_tools .what_to_control > .row .col-xs-12 {
        padding: 0 10px
    }
}

.section-control_tools .what_to_control > .row.step2 {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.section-control_tools .what_to_control .slick-track {
    display: -webkit-box !important;
    display: flex !important
}

.section-control_tools .what_to_control .slick-slide {
    height: inherit !important
}

.section-control_tools .what_to_control .control-feature {
    height: 100%;
    display: grid;
    grid-template-rows:auto 1fr auto
}

.section-control_tools .what_to_control .control-feature-img-wrapper {
    align-self: self-end
}

.section-control_tools .control_tools {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity .5s ease-out .2s;
    transition: opacity .5s ease-out .2s
}

@media (max-width: 575.98px) {
    .section-control_tools .control_tools {
        padding: 0 5rem
    }
}

@media (max-width: 575.98px) {
    .section-control_tools .control_tools > .row {
        margin: 0 -10px
    }
}

@media (max-width: 575.98px) {
    .section-control_tools .control_tools > .row .col-xs-12 {
        padding: 0 10px
    }
}

.section-control_tools .control_tools .control-feature-arrow {
    visibility: visible
}

.section-control_tools .control_tools.active {
    z-index: 10;
    opacity: 1;
    position: static
}

.section-control_tools .steps {
    margin: 1.5rem 0 2rem;
    opacity: .5;
    font-size: 1.4rem;
    text-align: right
}

@media print {
    .section-control_tools .steps {
        display: none
    }
}

@media (max-width: 991.98px) {
    .section-control_tools .slick-slider {
        width: 80%
    }
}

@media print and (max-width: 991.98px) {
    .section-control_tools .slick-slider {
        width: auto
    }
}

@media (max-width: 575.98px) {
    .section-control_tools .slick-slider {
        width: auto
    }
}

.section-control_tools .slick-track {
    min-width: 100%;
    margin: 0
}

@media print {
    .section-control_tools .slick-track {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 -15px
    }
}

@media print {
    .section-control_tools .slick-track .slick-slide {
        min-width: 0;
        padding-bottom: 15px
    }
}

.section-control_tools .slick-list {
    overflow: visible !important
}

.section-control_tools .nav {
    display: -webkit-box;
    display: flex;
    padding: 3rem 0 0;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.section-control_tools .nav a {
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25);
    margin: 0 1rem
}

.section-control_tools .nav a:first-child {
    margin-left: 0
}

.section-control_tools .nav a:last-child {
    margin-right: 0
}

.section-control_tools .nav a.next, .section-control_tools .nav a.prev {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-transition: all .2s;
    transition: all .2s
}

.section-control_tools .nav a.next:focus, .section-control_tools .nav a.next:hover, .section-control_tools .nav a.prev:focus, .section-control_tools .nav a.prev:hover {
    box-shadow: 0 0 15px #1f344b
}

.section-control_tools .nav a.prev {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg);
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-left.svg)
}

.section-control_tools .nav a.next, .section-control_tools .nav a.prev {
    background-color: #1f344b;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 4rem;
    height: 4rem;
    font-size: 0;
    width: 6.6rem;
    height: 6.6rem
}

.section-control_tools .nav a.next {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg)
}

.section-control_tools .nav a.slick-disabled {
    opacity: .4;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    cursor: not-allowed
}

@media (max-width: 575.98px) {
    .section-control_tools .nav {
        float: none;
        -webkit-box-pack: center;
        justify-content: center
    }
}

.section-control_tools .nav.hidden {
    display: none
}

.home-did-you-know {
    padding: 2rem 0;
    background-color: #f1f1f1
}

@media (max-width: 991.98px) {
    .home-did-you-know {
        padding: 3rem 0
    }
}

.home-did-you-know .slider .slick-slide img {
    display: inline-block
}

.home-did-you-know .slider .item {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.home-did-you-know .slider .item h3 {
    color: #056cd0
}

.home-did-you-know .slider .item > figure {
    margin: 0;
    -webkit-box-flex: 0;
    flex: 0 0 33%
}

.home-did-you-know .slider .item > figure img {
    box-shadow: 0 25px 45px rgba(31, 53, 74, .25)
}

@media (max-width: 767.98px) {
    .home-did-you-know .slider .item > figure img {
        box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
    }
}

.home-did-you-know .slider .item .content {
    max-width: 72rem;
    padding: 5rem;
    font-size: 1.8rem;
    line-height: 1.66;
    font-weight: 400
}

.home-did-you-know .slider .item .content figure {
    display: none
}

@media (max-width: 575.98px) {
    .home-did-you-know .slider .item .content {
        font-size: 1.4rem;
        padding: 0 0 2rem
    }
}

@media (max-width: 991.98px) {
    .home-did-you-know .slider .item {
        display: block;
        text-align: center
    }

    .home-did-you-know .slider .item > figure {
        display: none
    }

    .home-did-you-know .slider .item .content figure {
        display: block;
        margin-top: 4rem
    }
}

.home-did-you-know .nav {
    -webkit-box-pack: end;
    justify-content: flex-end;
    position: relative;
    top: -4rem
}

.home-did-you-know .nav a {
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25);
    margin: 0 1rem
}

.home-did-you-know .nav a:first-child {
    margin-left: 0
}

.home-did-you-know .nav a:last-child {
    margin-right: 0
}

.home-did-you-know .nav a.next, .home-did-you-know .nav a.prev {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-transition: all .2s;
    transition: all .2s
}

.home-did-you-know .nav a.next:focus, .home-did-you-know .nav a.next:hover, .home-did-you-know .nav a.prev:focus, .home-did-you-know .nav a.prev:hover {
    box-shadow: 0 0 15px #1f344b
}

.home-did-you-know .nav a.prev {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg);
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-left.svg)
}

.home-did-you-know .nav a.next, .home-did-you-know .nav a.prev {
    background-color: #1f344b;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 4rem;
    height: 4rem;
    font-size: 0;
    width: 6.6rem;
    height: 6.6rem
}

.home-did-you-know .nav a.next {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg)
}

.home-did-you-know .nav a.slick-disabled {
    opacity: .4;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    cursor: not-allowed
}

@media (max-width: 991.98px) {
    .home-did-you-know .nav {
        top: 0;
        -webkit-box-pack: center;
        justify-content: center;
        margin: 1rem 0 0
    }
}

.section-faq {
    padding: 10rem 0
}

.section-faq.has-padding-small {
    padding: 4rem 0
}

.section-faq .section-faq__title {
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    text-align: center;
    margin-bottom: 2rem
}

@media (max-width: 767.98px) {
    .section-faq .section-faq__title {
        font-size: 2.2rem
    }
}

@media (min-width: 1200px) {
    .section-faq .section-faq__content {
        font-size: 1.25em
    }
}

.section-faq .e3Faq {
    padding-top: 3rem
}

.section-faq .link {
    padding-top: 5rem;
    text-align: center
}

.section-faq.has-heading-aligned-left .section-faq__title {
    text-align: left
}

.section-faq.has-new-style.faqsPage .e3Faq .faq-container .faq-item {
    border-top: none
}

.section-faq.has-new-style.faqsPage .e3Faq .faq-container .faq-item:last-of-type {
    border-bottom: none
}

.section-faq.has-new-style.faqsPage .e3Faq .faq-container .faq-item .question:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 7.94a2.322 2.322 0 0 1-2.321 2.322H2.32a2.321 2.321 0 0 1 0-4.643H13.68A2.32 2.32 0 0 1 16 7.94z' fill='%23056CD0'/%3E%3Cpath d='M10.32 2.322v11.356a2.322 2.322 0 0 1-4.642 0V2.322a2.322 2.322 0 1 1 4.642 0z' fill='%23056CD0'/%3E%3C/svg%3E");
    background-color: transparent;
    border: none;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.section-faq.has-new-style.faqsPage .e3Faq .faq-container .faq-item .question[aria-expanded=true]:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.section-faq.has-new-style .section-faq__title {
    font-size: 4.5rem;
    line-height: 1.22;
    font-weight: 600;
    margin-bottom: 2rem
}

@media (max-width: 767.98px) {
    .section-faq.has-new-style .section-faq__title {
        font-size: 2.2rem
    }
}

.section-faq.has-new-style .section-faq__content {
    max-width: 700px
}

.featured-blog-post {
    padding: 7rem 0;
    color: #fff;
    background: #1f344b
}

.featured-blog-post-item {
    max-width: 900px;
    padding: 1rem;
    margin: auto
}

.featured-blog-post-heading {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem
}

.featured-blog-post-title {
    font-size: 2.8rem
}

.featured-blog-post-link {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    display: block
}

.featured-blog-post-link:after {
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f30b";
    padding-left: .2em;
    -webkit-transition: all .2s;
    transition: all .2s
}

.featured-blog-post .button {
    margin-top: 3rem
}

.featured-blog-post_privacy.featured-blog-post {
    background: #f4f4f4;
    padding: 10rem 0 0;
    margin-bottom: -5rem
}

@media (min-width: 1200px) {
    .featured-blog-post_privacy.featured-blog-post {
        margin-bottom: -10rem
    }
}

.featured-blog-post_privacy.featured-blog-post .container {
    position: relative;
    z-index: 2;
    background: #fff;
    max-width: 100%;
    margin: -15rem auto 4rem;
    color: #000;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
}

@media (min-width: 1200px) {
    .featured-blog-post_privacy.featured-blog-post .container {
        max-width: 1092px
    }
}

@media (min-width: 1400px) {
    .featured-blog-post_privacy.featured-blog-post .container {
        max-width: 1192px
    }
}

.featured-blog-post_privacy.featured-blog-post .featured-blog-post-title {
    font-size: 1.8rem;
    font-weight: 400
}

.featured-blog-post_privacy .featured-blog-post-item {
    max-width: 100%;
    margin: auto;
    padding: 4rem 1rem
}

@media (min-width: 576px) {
    .featured-blog-post_privacy .featured-blog-post-item {
        max-width: 514px
    }
}

@media (min-width: 768px) {
    .featured-blog-post_privacy .featured-blog-post-item {
        max-width: 628px;
        padding: 5.5rem 1rem
    }
}

@media (min-width: 1200px) {
    .featured-blog-post_privacy .featured-blog-post-item {
        max-width: none;
        padding: 5rem 1rem
    }
}

.featured-blog-post_privacy .featured-blog-post-link {
    color: #056cd0;
    font-weight: 500;
    text-align: right;
    padding-top: 1rem
}

@media (min-width: 1200px) {
    .featured-blog-post_privacy:last-of-type {
        margin-bottom: 0
    }

    .featured-blog-post_privacy + div {
        padding-top: 10rem
    }
}

@media print {
    .section-content_descriptors .descriptors .descriptor .title a:after, .section-content_descriptors .descriptors .more, .section-content_descriptors .descriptors ul {
        display: none
    }
}

.page-template-template-privacy-certified .featured-blog-post_privacy .featured-blog-post-item {
    padding-inline: 0;
    padding-top: 0;
    color: #20354c
}

.page-template-template-privacy-certified .featured-blog-post_privacy.featured-blog-post {
    padding: 4rem 0 0
}

.page-template-template-privacy-certified .featured-blog-post_privacy.featured-blog-post .featured-blog-post-heading {
    font-size: 3.5rem;
    color: #20354c;
    text-transform: inherit;
    margin-bottom: 1em
}

.page-template-template-privacy-certified .featured-blog-post_privacy.featured-blog-post .featured-blog-post-title {
    font-weight: 600;
    padding-bottom: 2rem;
    font-size: 2.8rem;
    line-height: 1.3
}

.page-template-template-privacy-certified .featured-blog-post_privacy.featured-blog-post .featured-blog-post-link {
    text-align: left
}

.page-template-template-privacy-certified .featured-blog-post_privacy.featured-blog-post .container {
    background: transparent;
    box-shadow: none;
    padding: 0;
    margin: 0 auto
}

.page-template-template-privacy-certified .featured-blog-post_privacy.featured-blog-post .container img {
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 100%
}

.page-template-template-privacy-certified .featured-blog-post_privacy.featured-blog-post .row {
    background: #fff;
    margin: 0 auto
}

.page-template-template-privacy-certified .featured-blog-post_privacy.featured-blog-post .col-xl-5 {
    padding-left: 0
}

.page-template-template-privacy-certified .featured-blog-post_privacy.featured-blog-post .col-xl-7 {
    padding: 2rem 4rem 2rem 1.7rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center
}

.section-gaming-guide-ages {
    margin: 0 auto;
    background: #fff
}

.section-gaming-guide-ages button.slick-next.slick-arrow:before, .section-gaming-guide-ages button.slick-prev.slick-arrow:before {
    content: "\f0da";
    font-family: Font Awesome\ 5 Free;
    font-size: 2.5rem;
    color: #fff;
    font-weight: 900
}

.section-gaming-guide-ages button.slick-prev.slick-arrow:before {
    content: "\f0d9"
}

.section-gaming-guide-ages button.slick-next.slick-arrow, .section-gaming-guide-ages button.slick-prev.slick-arrow {
    content: "";
    color: transparent;
    background: #0456a6;
    width: 3.2rem;
    height: 4.2rem;
    position: absolute;
    top: 0;
    font-size: 0
}

.section-gaming-guide-ages button.slick-prev.slick-arrow {
    left: -3.2rem;
    border-radius: .8rem 0 0 .8rem
}

.section-gaming-guide-ages button.slick-next.slick-arrow {
    right: -3.2rem;
    border-radius: 0 .8rem .8rem 0
}

.gaming-guide-ages__top {
    color: #0456a6;
    padding: 3rem 0;
    position: relative
}

@media (min-width: 1200px) {
    .gaming-guide-ages__top {
        padding: 6rem 0
    }
}

.gaming-guide-ages__bottom {
    -webkit-transform: translateY(-4.5rem);
    transform: translateY(-4.5rem)
}

@media (max-width: 991.98px) {
    .gaming-guide-ages__bottom {
        -webkit-transform: none;
        transform: none
    }
}

.gaming-guide-ages__bottom-text, .gaming-guide-ages__top-text {
    align-self: baseline
}

.gaming-guide-ages__bottom-text h2, .gaming-guide-ages__bottom-text h3, .gaming-guide-ages__top-text h2, .gaming-guide-ages__top-text h3 {
    color: #0456a6
}

.gaming-guide-ages__bottom-text h3, .gaming-guide-ages__top-text h3 {
    margin-bottom: 1.5rem
}

.gaming-guide-ages__bottom-text.has-no-image, .gaming-guide-ages__top-text.has-no-image {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 992px) {
    .gaming-guide-ages__bottom-text {
        padding-top: 9rem
    }
}

@media (max-width: 991.98px) {
    .gaming-guide-ages__bottom-text {
        padding: 4.5rem 1.5rem
    }
}

@media (max-width: 1399.98px) {
    .gaming-guide-ages__bottom-text p {
        line-height: 1.5
    }
}

@media (max-width: 991.98px) {
    .gaming-guide-ages__bottom-image, .gaming-guide-ages__top-image {
        display: none
    }
}

.gaming-guide-ages__top-image {
    min-height: 100%;
    z-index: 2
}

.gaming-guide-ages__top-image img {
    height: 100%;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover
}

.gaming-guide-ages__slider-section {
    position: relative
}

.gaming-guide-ages__slider-section .col {
    padding: 0
}

.gaming-guide-ages__inner .slick-list {
    overflow: visible
}

@media (max-width: 1199.98px) {
    .gaming-guide-ages__inner .slick-list {
        overflow: hidden
    }
}

.gaming-guide-ages__nav {
    margin-bottom: 4.5rem
}

@media (max-width: 1199.98px) {
    .gaming-guide-ages__nav {
        max-width: 26rem;
        margin: 0 auto;
        position: relative;
        -webkit-transform: translateY(70%);
        transform: translateY(70%);
        z-index: 3;
        background: #0456a6
    }
}

@media (min-width: 1200px) {
    .gaming-guide-ages__nav {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center
    }
}

.gaming-guide-ages__nav-item {
    display: inline-block;
    margin: 0 .3rem;
    color: #0456a6;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 2.4rem;
    line-height: 1.5;
    padding: .75rem 3rem;
    text-align: center;
    background: #fff;
    font-weight: 400;
    border-radius: 2em
}

@media (max-width: 1199.98px) {
    .gaming-guide-ages__nav-item {
        opacity: 0
    }
}

.gaming-guide-ages__nav-item.active, .gaming-guide-ages__nav-item:hover {
    color: #fff;
    background-color: #0456a6
}

@media (max-width: 1199.98px) {
    .gaming-guide-ages__nav-item.active {
        opacity: 1
    }
}

.gaming-guide-ages__slide {
    background: #f2f7fa;
    overflow: hidden;
    padding: 6.4rem 4rem 4rem
}

@media (min-width: 768px) {
    .gaming-guide-ages__slide {
        padding: 6.4rem 4rem 4rem
    }
}

@media (min-width: 1400px) {
    .gaming-guide-ages__slide {
        border-radius: 2.4rem
    }
}

@media (min-width: 1200px) {
    .gaming-guide-ages__slide {
        padding: 6.4rem
    }
}

@media (min-width: 768px) {
    .gaming-guide-ages__slide-image {
        width: 40%
    }
}

.gaming-guide-ages__slide-image-wrap {
    position: relative;
    padding-bottom: 56.25%
}

.gaming-guide-ages__slide-image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit:cover;object-position:center";
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 1.2rem
}

@media (min-width: 1200px) {
    .gaming-guide-ages__slide-image img {
        border-radius: 1.5rem
    }
}

.gaming-guide-ages__slide-title {
    display: none
}

@media (min-width: 768px) {
    .gaming-guide-ages__slide-title {
        display: block;
        font-size: 3.2rem;
        line-height: 1.2;
        margin-bottom: 1em
    }
}

.gaming-guide-ages__slide-content {
    font-size: 2rem;
    color: #0456a6;
    text-align: center
}

@media (min-width: 768px) {
    .gaming-guide-ages__slide-content {
        text-align: initial;
        width: 60%;
        margin-left: auto;
        margin-right: auto
    }
}

.gaming-guide-ages__slide-inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
    position: relative;
    gap: 4rem
}

@media (min-width: 768px) {
    .gaming-guide-ages__slide-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
}

@media (min-width: 1200px) {
    .gaming-guide-ages__slide-inner {
        gap: 6.4rem
    }
}

.gaming-guide-ages__bottom-image img {
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.gaming-guide-ages__slides {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1400px) {
    .gaming-guide-ages__slides {
        max-width: 1360px
    }
}

.section-gaming-guide-pages .container {
    max-width: 1360px
}

.section-gaming-guide-pages .gaming-guide-cards__wrap {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
    display: grid;
    grid-template-columns:1fr;
    gap: 1.7rem
}

@media (min-width: 768px) {
    .section-gaming-guide-pages .gaming-guide-cards__wrap {
        grid-template-columns:1fr 1fr;
        grid-column-gap: 3rem;
        grid-row-gap: 4.8rem;
        padding-top: 4.8rem;
        padding-bottom: 4.8rem
    }
}

@media (min-width: 768px) {
    .section-gaming-guide-pages .gaming-guide-cards__wrap.mobile {
        display: none
    }
}

.section-gaming-guide-pages .gaming-guide-cards__wrap.desktop {
    display: none
}

@media (min-width: 768px) {
    .section-gaming-guide-pages .gaming-guide-cards__wrap.desktop {
        display: grid
    }
}

.section-gaming-guide-pages .gaming-guide-cards__col {
    display: grid;
    grid-row-gap: 4.8rem
}

.section-gaming-guide-pages .gaming-guide-card {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    overflow: hidden;
    padding: 2.7rem;
    border-radius: 2rem;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1490196078), 0 1.88px 1.88px 0 rgba(0, 0, 0, .2509803922)
}

@media (min-width: 768px) {
    .section-gaming-guide-pages .gaming-guide-card {
        box-shadow: 0 5.5px 5.91px 0 rgba(0, 0, 0, .2509803922);
        padding: 3rem;
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

.section-gaming-guide-pages .gaming-guide-card__link {
    color: #0456a6;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    gap: 4.5rem
}

.section-gaming-guide-pages .gaming-guide-card__link-title {
    display: block;
    font-size: 1.8rem;
    line-height: 1.25;
    font-weight: 600
}

@media (min-width: 768px) {
    .section-gaming-guide-pages .gaming-guide-card__link-title {
        font-size: 2.6rem;
        margin-bottom: 2rem
    }
}

@media (min-width: 1200px) {
    .section-gaming-guide-pages .gaming-guide-card__link-title {
        font-size: 3.2rem;
        margin-bottom: 2.4rem
    }
}

.section-gaming-guide-pages .gaming-guide-card__link-icon {
    max-width: 68px
}

@media (min-width: 768px) {
    .section-gaming-guide-pages .gaming-guide-card__link {
        display: block
    }

    .section-gaming-guide-pages .gaming-guide-card__link-icon {
        display: none
    }
}

.section-gaming-guide-pages .gaming-guide-card__extra {
    display: none
}

@media (min-width: 768px) {
    .section-gaming-guide-pages .gaming-guide-card__extra {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-flex: 1;
        flex-grow: 1
    }
}

.section-gaming-guide-pages .gaming-guide-card__content {
    margin-bottom: 1rem;
    color: #5b5b5b
}

.section-gaming-guide-pages .gaming-guide-card__image {
    display: -webkit-box;
    display: flex;
    margin-top: auto;
    margin-bottom: 0
}

.section-gaming-guide-pages .gaming-guide-card__image img {
    max-height: 15rem;
    width: auto;
    display: block;
    margin: auto 0 0 auto
}

@media (min-width: 1200px) {
    .section-gaming-guide-pages .gaming-guide-card__image img {
        max-height: 20rem
    }
}

@media (min-width: 768px) {
    .section-gaming-guide-pages .gaming-guide-card.is-image-touches-bottom {
        padding-bottom: 0
    }
}

.section-gaming-guide-pages .gaming-guide-card.is-image-wide .gaming-guide-card__image img {
    width: 100%;
    height: auto;
    max-height: 28rem;
    margin: auto auto 0
}

@media (min-width: 768px) {
    .section-gaming-guide-pages .gaming-guide-card.is-image-right {
        padding-right: 0;
        display: grid;
        grid-template-columns:1fr
    }

    .section-gaming-guide-pages .gaming-guide-card.is-image-right .gaming-guide-card__image img {
        max-height: 20rem
    }
}

@media (min-width: 992px) {
    .section-gaming-guide-pages .gaming-guide-card.is-image-right {
        grid-template-columns:6fr 4fr
    }

    .section-gaming-guide-pages .gaming-guide-card.is-image-right .gaming-guide-card__image img {
        margin-left: -2.3rem;
        scale: 1.3
    }
}

.section-gaming-guide-pages .gaming-guide-card:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: -1;
    background: #0456a6
}

@media (min-width: 768px) {
    .section-gaming-guide-pages .gaming-guide-card:before {
        background: linear-gradient(138.98deg, #0456a6 7.92%, #4bd0e9 91.97%)
    }
}

.section-gaming-guide-pages .gaming-guide-card:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='63' height='62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='31.494' cy='30.904' rx='31.494' ry='30.904' fill='%23F6922B'/%3E%3Cpath d='M41.335 29.516H14.172v4.321h27.163v6.338l9.055-8.642-9.055-8.355v6.338z' fill='%23000'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    left: 3rem;
    bottom: 3rem;
    width: 6.2rem;
    height: 6.2rem;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media (min-width: 768px) {
    .section-gaming-guide-pages .gaming-guide-card:after {
        content: "";
        display: block
    }
}

.section-gaming-guide-pages .gaming-guide-card:focus:after, .section-gaming-guide-pages .gaming-guide-card:focus:before, .section-gaming-guide-pages .gaming-guide-card:hover:after, .section-gaming-guide-pages .gaming-guide-card:hover:before {
    opacity: 1
}

.section-gaming-guide-pages .gaming-guide-card:focus .gaming-guide-card__content, .section-gaming-guide-pages .gaming-guide-card:focus .gaming-guide-card__link, .section-gaming-guide-pages .gaming-guide-card:hover .gaming-guide-card__content, .section-gaming-guide-pages .gaming-guide-card:hover .gaming-guide-card__link {
    color: #fff
}

.section-gaming-guide-pages .gaming-guide-card:focus .gaming-guide-card__link-icon img, .section-gaming-guide-pages .gaming-guide-card:hover .gaming-guide-card__link-icon img {
    -webkit-filter: invert(1) brightness(2);
    filter: invert(1) brightness(2)
}

@media (min-width: 1200px) {
    .section-hero-fgg + .section-gaming-guide-pages {
        margin-top: -12.2rem
    }
}

@media (min-width: 768px) {
    .section-hero-fgg + .section-gaming-guide-pages .gaming-guide-cards__wrap {
        padding-top: 0
    }
}

@media (min-width: 1200px) {
    .section-hero-fgg + .section-gaming-guide-pages .gaming-guide-cards__wrap.desktop .gaming-guide-cards__col:nth-of-type(2) {
        padding-top: 11.2rem
    }
}

.section-gaming-guide-page-content .gaming-guide__back-url {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 5.7rem
}

@media (max-width: 991.98px) {
    .section-gaming-guide-page-content .gaming-guide__back-url {
        font-size: 2.1rem
    }
}

.section-gaming-guide-page-content .gaming-guide__page-siblings {
    list-style: none;
    border-left: 3px solid #5b5b5b
}

@media (max-width: 991.98px) {
    .section-gaming-guide-page-content .gaming-guide__page-siblings {
        border: none;
        padding-left: 0;
        margin: 2.5rem 0
    }
}

.section-gaming-guide-page-content .gaming-guide__page-sibling {
    margin: 2.5rem 0
}

@media (max-width: 991.98px) {
    .section-gaming-guide-page-content .gaming-guide {
        margin: 0
    }
}

.section-gaming-guide-page-content .gaming-guide__page-sibling:first-child {
    margin-top: 0
}

.section-gaming-guide-page-content .gaming-guide__page-sibling:last-child {
    margin-bottom: 0
}

.section-gaming-guide-page-content .gaming-guide__page-sibling a {
    font-size: 2.4rem;
    line-height: 3.3rem;
    color: #1f344b
}

@media (max-width: 991.98px) {
    .section-gaming-guide-page-content .gaming-guide__page-sibling a {
        font-size: 1.8rem;
        color: #056cd0
    }
}

@media (max-width: 991.98px) {
    .section-gaming-guide-page-content .gaming-guide__page-sibling a:after {
        content: " ⟶"
    }
}

.section-gaming-guide-page-content .gaming-guide__page-sibling_active a, .section-gaming-guide-page-content .gaming-guide__page-sibling a:hover {
    font-weight: 700
}

.section-gaming-guide-page-content blockquote {
    border-top: .3rem solid #056cd0;
    padding-top: 1.1rem;
    margin: 4rem 0 0
}

.section-gaming-guide-page-content blockquote p {
    max-width: 100% !important;
    color: #056cd0;
    font-size: 2rem;
    font-weight: 300
}

.section-gaming-guide-page-title:has(.gaming-guide__title-video) {
    margin: 5.3rem auto 20rem;
    background: linear-gradient(311.41deg, #50d1e8 8.81%, #056cd0 94.17%)
}

@media (max-width: 991.98px) {
    .section-gaming-guide-page-title:has(.gaming-guide__title-video) {
        margin: 0 auto 3.2rem;
        background: none
    }
}

.section-gaming-guide-page-title:has(.gaming-guide__title-video) .gaming-guide__title {
    margin: 5.6rem 0 1rem;
    font-size: 5.5rem;
    line-height: 5.7rem;
    color: #fff;
    font-weight: 700
}

@media (max-width: 991.98px) {
    .section-gaming-guide-page-title:has(.gaming-guide__title-video) .gaming-guide__title {
        color: #1f344b;
        font-size: 2.9rem;
        margin: 3.2rem auto
    }
}

.section-gaming-guide-page-title:has(.gaming-guide__title-video) .gaming-guide__video {
    width: 88.8rem;
    -webkit-transform: translateY(5rem);
    transform: translateY(5rem)
}

@media (max-width: 991.98px) {
    .section-gaming-guide-page-title:has(.gaming-guide__title-video) .gaming-guide__video {
        width: auto;
        -webkit-transform: none;
        transform: none
    }
}

.section-gaming-guide-page-title:has(.gaming-guide-title__no-video) .gaming-guide__title {
    margin: 7.2rem 0;
    font-size: 5.5rem;
    line-height: 5.7rem;
    color: #056cd0;
    font-weight: 700
}

@media (max-width: 1199.98px) {
    .section-gaming-guide-page-title:has(.gaming-guide-title__no-video) .gaming-guide__title {
        color: #1f344b;
        font-size: 2.9rem;
        margin: 3.2rem auto
    }
}

.section-gaming-guide-numbered-items {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
    background: #fafafa
}

@media (min-width: 768px) {
    .section-gaming-guide-numbered-items {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

.section-gaming-guide-numbered-items .gg-numbered-items__top {
    margin-bottom: 4.4rem
}

@media (min-width: 1200px) {
    .section-gaming-guide-numbered-items .gg-numbered-items__top {
        font-size: 1.8rem
    }
}

.section-gaming-guide-numbered-items .gg-numbered-items__top h2, .section-gaming-guide-numbered-items .gg-numbered-items__top h3 {
    color: #0456a6;
    margin-bottom: 1rem
}

.section-gaming-guide-numbered-items .gg-numbered-items__list {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {
    .section-gaming-guide-numbered-items .gg-numbered-items__list-inner {
        display: -webkit-box;
        display: flex;
        gap: 3rem
    }
}

@media (min-width: 1200px) {
    .section-gaming-guide-numbered-items .gg-numbered-items__list-inner {
        gap: 5rem
    }
}

.section-gaming-guide-numbered-items .gg-numbered-item {
    display: -webkit-box;
    display: flex;
    gap: 1.8rem;
    position: relative;
    padding-bottom: 2.6rem
}

@media (min-width: 768px) {
    .section-gaming-guide-numbered-items .gg-numbered-item {
        padding-bottom: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-flex: 1;
        flex: 1 1
    }
}

.section-gaming-guide-numbered-items .gg-numbered-item:after {
    content: "";
    display: block;
    position: absolute;
    top: 4.2rem;
    left: 2rem;
    bottom: 0;
    width: .2rem;
    background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(49%, transparent), color-stop(50%, #212121), to(#212121));
    background-image: linear-gradient(0deg, transparent, transparent 49%, #212121 50%, #212121);
    background-size: 1.8rem 1.8rem;
    opacity: .32
}

@media (min-width: 768px) {
    .section-gaming-guide-numbered-items .gg-numbered-item:after {
        height: .2rem;
        background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(49%, transparent), color-stop(50%, #212121), to(#212121));
        background-image: linear-gradient(90deg, transparent, transparent 49%, #212121 50%, #212121);
        background-size: 2rem;
        top: 2rem;
        left: calc(50% + 2.1rem);
        width: calc(100% - 2.1rem);
        bottom: auto
    }
}

@media (min-width: 1200px) {
    .section-gaming-guide-numbered-items .gg-numbered-item:after {
        top: 3.8rem;
        left: calc(50% + 4rem);
        width: calc(100% - 2rem)
    }
}

.section-gaming-guide-numbered-items .gg-numbered-item:last-of-type:after {
    display: none
}

.section-gaming-guide-numbered-items .gg-numbered-item__number {
    width: 4.2rem;
    height: 4.2rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 50%;
    background: #f2f7fa;
    color: #0456a6;
    font-size: 2rem;
    font-weight: 700;
    flex-shrink: 0
}

@media (min-width: 768px) {
    .section-gaming-guide-numbered-items .gg-numbered-item__number {
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1200px) {
    .section-gaming-guide-numbered-items .gg-numbered-item__number {
        font-size: 3.2rem;
        width: 8rem;
        height: 8rem
    }
}

@media (min-width: 768px) {
    .section-gaming-guide-numbered-items .gg-numbered-item__wrap {
        padding: 1.6rem
    }
}

.section-gaming-guide-numbered-items .gg-numbered-item__title {
    color: #0456a6;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 700;
    margin-top: 1rem;
    margin-bottom: 1.1rem
}

@media (min-width: 768px) {
    .section-gaming-guide-numbered-items .gg-numbered-item__title {
        text-align: center
    }
}

@media (min-width: 1200px) {
    .section-gaming-guide-numbered-items .gg-numbered-item__title {
        font-size: 2.4rem
    }
}

@media (min-width: 768px) {
    .section-gaming-guide-numbered-items .gg-numbered-item__content {
        text-align: center
    }
}

@media (min-width: 1200px) {
    .section-gaming-guide-numbered-items .gg-numbered-item__content {
        font-size: 1.8rem
    }
}

.section-guide_heading {
    padding: 3rem 0 2rem;
    position: relative
}

@media (max-width: 767.98px) {
    .section-guide_heading {
        padding: 3rem 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .section-guide_heading .container {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .section-guide_heading .container.button-container {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .section-guide_heading .container.button-container .down {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .section-guide_heading .lang {
        -webkit-box-ordinal-group: 3;
        order: 2
    }
}

.section-guide_heading:after {
    display: block;
    content: " ";
    position: absolute;
    width: 300px;
    height: 280px;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    top: 0;
    right: -180px
}

@media (max-width: 991.98px) {
    .section-guide_heading:after {
        display: none
    }
}

.section-guide_heading .lang, .section-guide_heading .sections {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    list-style: none
}

@media (min-width: 576px) {
    .section-guide_heading .lang, .section-guide_heading .sections {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .section-guide_heading .lang, .section-guide_heading .sections {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .section-guide_heading .lang, .section-guide_heading .sections {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .section-guide_heading .lang, .section-guide_heading .sections {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .section-guide_heading .lang, .section-guide_heading .sections {
        max-width: 1360px
    }
}

@media (min-width: 1860px) {
    .section-guide_heading .lang, .section-guide_heading .sections {
        max-width: 1800px
    }
}

@media (max-width: 767.98px) {
    .section-guide_heading .lang, .section-guide_heading .sections {
        text-align: center
    }
}

.section-guide_heading .lang li, .section-guide_heading .sections li {
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 1rem
}

@media (min-width: 576px) {
    .section-guide_heading > .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .section-guide_heading > .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .section-guide_heading > .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .section-guide_heading > .container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .section-guide_heading > .container {
        max-width: 1200px
    }
}

@media (min-width: 1860px) {
    .section-guide_heading > .container {
        max-width: 1200px
    }
}

@media (min-width: 1200px) {
    .section-guide_heading .button-container {
        position: relative
    }
}

@media (min-width: 1200px) {
    .section-guide_heading .button-container .down {
        position: absolute;
        z-index: 10;
        bottom: 2rem;
        left: -5rem
    }
}

.section-guide_heading h1 {
    margin: 5rem 0
}

@media (max-width: 767.98px) {
    .section-guide_heading h1 {
        text-align: center;
        margin: 1rem 0;
        font-size: 3.5rem
    }
}

.section-guide_heading .sections {
    padding: 0
}

@media (max-width: 991.98px) {
    .section-guide_heading .sections {
        display: none
    }
}

.section-guide_heading .sections li {
    margin-right: 1rem
}

@media (max-width: 1199.98px) {
    .section-guide_heading .sections .button {
        font-size: 1.4rem
    }
}

@media print {
    .section-guide_heading {
        padding: 0 !important
    }

    .section-guide_heading .down {
        display: none
    }

    .section-guide_heading h1 {
        margin: 0 !important
    }
}

.section-guide {
    padding-top: 1rem;
    padding-bottom: 10rem
}

.section-guide .image img, .section-guide .image svg {
    width: 100%;
    max-width: 643px;
    height: auto
}

@media screen and (min-width: 0\0
) {
    .section-guide .image img, .section-guide .image svg {
        height: 454px
    }
}

.section-guide .content .link a {
    color: #056cd0;
    text-transform: uppercase;
    font-weight: 700
}

.section-guide .content .link a:after {
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f30b";
    padding-left: .2em;
    -webkit-transition: all .2s;
    transition: all .2s
}

.section-guide h2 {
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .section-guide h2 {
        font-size: 2.2rem
    }
}

@media (max-width: 767.98px) {
    .section-guide {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

.hero-blue {
    position: relative
}

@media (max-width: 991.98px) {
    .hero-blue .container-fluid {
        max-width: none
    }
}

@media (min-width: 992px) {
    .hero-blue .container-fluid .row > div:first-child {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center
    }
}

.hero-blue .hero-background {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 991.98px) {
    .hero-blue .hero-background:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 62rem;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 108, 212, 0)), to(#006cd4));
        background: linear-gradient(180deg, rgba(0, 108, 212, 0), #006cd4);
        opacity: .2
    }
}

.hero-blue .hero-background > img {
    position: absolute;
    top: 0;
    left: 40%;
    width: 60%;
    height: 53rem;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover
}

.page-template-template-privacy-certified .hero-blue .hero-background > img {
    height: auto;
    min-height: 100%
}

@media (max-width: 1859.98px) {
    .hero-blue .hero-background > img {
        height: 50vh
    }
}

@media (max-width: 991.98px) {
    .hero-blue .hero-background > img {
        left: 0;
        width: 100%;
        height: 62rem;
        -o-object-position: 60% 50%;
        object-position: 60% 50%
    }
}

@media (max-width: 767.98px) {
    .hero-blue .hero-background > img {
        -o-object-position: 70% 50%;
        object-position: 70% 50%
    }
}

@media (max-width: 575.98px) {
    .hero-blue .hero-background > img {
        height: 56rem;
        -o-object-position: 70% 50%;
        object-position: 70% 50%
    }
}

.hero-blue .hero-background .gradient {
    position: absolute;
    top: 0;
    left: 40%;
    width: 60%;
    height: 53rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(31, 52, 75, .5)), color-stop(10rem, rgba(31, 52, 75, .2)), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(rgba(31, 52, 75, .5), rgba(31, 52, 75, .2) 10rem, hsla(0, 0%, 100%, 0))
}

@media (max-width: 1859.98px) {
    .hero-blue .hero-background .gradient {
        height: 50vh
    }
}

@media (max-width: 991.98px) {
    .hero-blue .hero-background .gradient {
        left: 0;
        width: 100%;
        height: 62rem;
        -o-object-position: 60% 50%;
        object-position: 60% 50%
    }
}

@media (max-width: 767.98px) {
    .hero-blue .hero-background .gradient {
        -o-object-position: 30% 50%;
        object-position: 30% 50%
    }
}

@media (max-width: 575.98px) {
    .hero-blue .hero-background .gradient {
        height: 56rem
    }
}

.hero-blue .hero-background .blue {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    background: -webkit-gradient(linear, right top, left bottom, from(#4cd1e9), to(#006cd4));
    background: linear-gradient(to bottom left, #4cd1e9, #006cd4);
    overflow: hidden;
    z-index: 5
}

@media (max-width: 991.98px) {
    .hero-blue .hero-background .blue {
        top: 62rem;
        height: 26rem;
        width: 100%
    }
}

@media (max-width: 767.98px) {
    .hero-blue .hero-background .blue {
        height: 24rem
    }
}

@media (max-width: 575.98px) {
    .hero-blue .hero-background .blue {
        top: 56rem;
        width: 100%
    }
}

.hero-blue .hero-content {
    padding-top: 35rem
}

.page-template-template-privacy-certified .hero-blue .hero-content {
    padding-top: 10rem
}

@media (max-width: 1859.98px) {
    .hero-blue .hero-content {
        padding-top: 50vh
    }
}

@media (max-width: 991.98px) {
    .hero-blue .hero-content {
        padding-top: 38rem
    }
}

@media (max-width: 767.98px) {
    .hero-blue .hero-content {
        padding-top: 36rem
    }
}

@media (max-width: 575.98px) {
    .hero-blue .hero-content {
        padding-top: 36rem
    }
}

@media (min-width: 992px) {
    .hero-blue .hero-content .left-column {
        -webkit-box-flex: 0;
        flex: 0 0 40%;
        max-width: 40%
    }

    .hero-blue .hero-content .right-column {
        -webkit-box-flex: 0;
        flex: 0 0 60%;
        max-width: 60%;
        position: absolute;
        top: 50vh;
        right: 0
    }
}

@media (min-width: 992px) and (min-width: 1860px) {
    .hero-blue .hero-content .right-column {
        top: 53rem
    }
}

.hero-blue .content {
    font-size: 1.8rem;
    line-height: 1.66;
    font-weight: 600;
    font-weight: 400;
    color: #fff;
    max-width: 400px;
    margin-left: 0;
    margin-right: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 22rem 0 0
}

.hero-blue .content h1, .hero-blue .content h2 {
    font-size: 5.5rem;
    line-height: 1.07;
    font-weight: 600
}

@media (max-width: 1859.98px) {
    .hero-blue .content h1, .hero-blue .content h2 {
        font-size: 5rem
    }
}

@media (max-width: 1399.98px) {
    .hero-blue .content h1, .hero-blue .content h2 {
        font-size: 4.5rem
    }
}

@media (max-width: 1199.98px) {
    .hero-blue .content h1, .hero-blue .content h2 {
        font-size: 3.5rem
    }
}

@media (max-width: 991.98px) {
    .hero-blue .content h1, .hero-blue .content h2 {
        padding-bottom: 5rem
    }
}

@media (max-width: 767.98px) {
    .hero-blue .content {
        font-size: 1.4rem
    }
}

@media (max-width: 1859.98px) {
    .hero-blue .content {
        padding: 5rem 0
    }
}

@media (max-width: 1399.98px) {
    .hero-blue .content {
        padding: 2rem 0;
        max-width: 350px
    }
}

@media (max-width: 991.98px) {
    .hero-blue .content {
        padding: 5.5rem 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        height: 50rem;
        max-width: 500px;
        margin-left: auto;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center
    }
}

@media (max-width: 767.98px) {
    .hero-blue .content {
        height: 50rem
    }
}

@media (max-width: 575.98px) {
    .hero-blue .content {
        padding: 5rem 0 9rem;
        height: 44rem
    }
}

.page-template-template-privacy-certified .hero-blue .content {
    max-width: 100%;
    padding: 0 0 10rem
}

.hero-blue .content .down {
    margin-top: 2rem
}

@media (max-width: 991.98px) {
    .hero-blue .content .down {
        display: none
    }
}

.hero-blue .content-slider {
    position: relative
}

.hero-blue .content-slider-controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.hero-blue .content-slider-controls-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    height: 15rem
}

.hero-blue .content-slider-link {
    display: table;
    position: relative;
    height: 100%;
    margin: 0 1rem;
    cursor: pointer
}

.hero-blue .content-slider-link:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: hsla(0, 0%, 100%, .8);
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 1
}

.hero-blue .content-slider-link:hover:after {
    opacity: .5
}

.hero-blue .content-slider-link.active:after {
    opacity: 0
}

.hero-blue .content-slider-link img {
    display: block;
    width: auto;
    height: 15rem
}

@media (min-width: 1200px) {
    .hero-blue .content-slider-link img {
        height: 16rem
    }
}

.hero-blue .content-slider-descriptor {
    display: none;
    width: 100%;
    position: absolute;
    padding: 2rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    color: #056cd0;
    font-size: 1.8rem;
    line-height: 1.66;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center
}

@media (max-width: 767.98px) {
    .hero-blue .content-slider-descriptor {
        font-size: 1.4rem
    }
}

.hero-blue .content-slider .content-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 1.8rem;
    line-height: 1.66;
    font-weight: 600;
    font-weight: 400;
    padding-top: 12rem;
    padding-bottom: 4rem;
    color: #1f344b;
    margin-left: auto;
    margin-right: auto;
    max-width: 550px;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

@media (max-width: 767.98px) {
    .hero-blue .content-slider .content-slide {
        font-size: 1.4rem
    }
}

@media (min-width: 1400px) {
    .hero-blue .content-slider .content-slide {
        max-width: 750px
    }
}

@media (max-width: 575.98px) {
    .hero-blue .content-slider .content-slide {
        padding-top: 9rem
    }
}

.hero-blue .content-slider .content-slide.active {
    position: relative;
    opacity: 1
}

.hero-blue .content-slider .vertical-line {
    display: block;
    height: 3.9rem;
    width: 1px;
    background: #1f344b;
    margin: 0 auto 1.5rem
}

@media (min-width: 1400px) {
    .hero-blue .content-slider .vertical-line {
        margin: 0 auto 3rem
    }
}

.hero-blue .privacy-seals {
    text-align: center
}

.hero-blue .privacy-seals .alignleft {
    float: none
}

@media print {
    .category-toggler, .section-guide_heading .lang, .section-guide_heading .sections, .section-guide_heading:after {
        display: none
    }

    .section-guide_heading {
        padding: 50px 0
    }

    .section-guide_heading h1 {
        margin: 0;
        line-height: 1
    }
}

.page-template-template-privacy-certified .hero-blue .hero-content {
    padding-top: 0;
    max-width: 120.6rem
}

.page-template-template-privacy-certified .hero-blue .hero-content > .row {
    padding-block: 10rem
}

@media (min-width: 576px) {
    .page-template-template-privacy-certified .hero-blue .hero-content > .row {
        padding: 6.7rem 0 5.7rem
    }
}

.page-template-template-privacy-certified .hero-blue .hero-content .left-column {
    -webkit-box-flex: 0;
    flex: 0 0 60%;
    max-width: 60%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width: 767.98px) {
    .page-template-template-privacy-certified .hero-blue .hero-content .left-column {
        -webkit-box-flex: 0;
        flex: none;
        max-width: none
    }
}

.page-template-template-privacy-certified .hero-blue .hero-content .right-column {
    position: relative;
    top: auto;
    align-content: center;
    -webkit-box-flex: 0;
    flex: 0 0 40%;
    max-width: 40%
}

@media (max-width: 767.98px) {
    .page-template-template-privacy-certified .hero-blue .hero-content .right-column {
        -webkit-box-flex: 0;
        flex: none;
        max-width: none
    }
}

.page-template-template-privacy-certified .hero-blue .hero-background .blue {
    width: 100%;
    top: 0;
    height: 100%
}

.page-template-template-privacy-certified .hero-blue .hero-background > img {
    display: none
}

.page-template-template-privacy-certified .hero-blue .content {
    padding: 0;
    -webkit-transform: none;
    transform: none;
    text-align: left;
    gap: 28px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center
}

@media (max-width: 991.98px) {
    .page-template-template-privacy-certified .hero-blue .content {
        height: auto;
        padding-bottom: 1rem
    }
}

.page-template-template-privacy-certified .hero-blue .content h2 {
    clear: both;
    padding-top: 2rem;
    display: block
}

.page-template-template-privacy-certified .hero-blue .content h5 {
    font-size: 3.5rem;
    line-height: 1.5em
}

.page-template-template-privacy-certified .hero-blue .certified-logos {
    display: -webkit-box;
    display: flex;
    gap: 25px;
    -webkit-box-pack: end;
    justify-content: end
}

@media (max-width: 767.98px) {
    .page-template-template-privacy-certified .hero-blue .certified-logos {
        -webkit-box-pack: center;
        justify-content: center
    }
}

.page-template-template-privacy-certified .hero-blue .certified-logos img {
    max-width: calc(50% - 1.25rem)
}

.section-hero-fgg__inner {
    position: relative;
    overflow: hidden;
    min-height: 27.5rem;
    padding: 5rem 0 4rem;
    background: linear-gradient(45deg, #0367d7, #48d1ea);
    color: #fff
}

@media (max-width: 767.98px) {
    .section-hero-fgg__inner {
        padding: 5rem 0 0
    }
}

@media (min-width: 768px) {
    .section-hero-fgg__inner {
        background: linear-gradient(315deg, #48d1ea, #0367d7)
    }
}

@media (min-width: 992px) {
    .section-hero-fgg__inner .pl-9__lg {
        padding-left: 9rem
    }
}

.section-hero-fgg__inner:after, .section-hero-fgg__inner:before {
    content: "";
    position: absolute;
    width: 37rem;
    height: 25rem;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1
}

@media (max-width: 767.98px) {
    .section-hero-fgg__inner:after, .section-hero-fgg__inner:before {
        display: none
    }
}

.section-hero-fgg__inner:before {
    top: 0;
    right: -10rem;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern-dark.svg)
}

.section-hero-fgg__inner:after {
    bottom: -3rem;
    left: -10rem;
    opacity: .2
}

@media print {
    .section-hero-fgg__inner {
        min-height: 2em;
        padding: 1rem 0
    }
}

.section-hero-fgg__inner h1 {
    font-size: 5.6rem;
    line-height: 1.2
}

@media (max-width: 767.98px) {
    .section-hero-fgg__inner h1 {
        font-size: 3.5rem
    }
}

.section-hero-fgg__inner p {
    font-size: 2rem
}

.section-hero-fgg__inner .header-image__wrap {
    position: relative;
    max-width: 40rem
}

@media (max-width: 767.98px) {
    .section-hero-fgg__inner .header-image__wrap {
        margin: 0 0 -4rem 2rem;
        max-width: 24.8rem
    }
}

.section-hero-fgg__inner-navigation {
    box-shadow: 0 .147rem .147rem 0 rgba(0, 0, 0, .25)
}

.section-hero-fgg__inner-navigation a {
    border-right: 1px solid #bfbfbf;
    padding: 0 2rem;
    margin: 2rem 0;
    color: #0456a6;
    font-weight: 600;
    font-size: 1.4rem;
    gap: 2rem
}

.section-hero-fgg__inner-navigation a.active {
    opacity: .4
}

.section-hero-fgg__inner-navigation a:last-of-type {
    border-right: none
}

.section-hero-fgg__inner-navigation-bottom a {
    box-shadow: 0 .188rem .188rem 0 rgba(0, 0, 0, .2509803922);
    border-radius: 2rem;
    padding: 2.7rem;
    gap: 2rem;
    margin-bottom: 1rem;
    font-size: 1.752rem;
    font-weight: 600
}

.section-hero-fgg__inner-navigation-bottom a:last-of-type {
    margin-bottom: 5rem
}

.section-hero-fgg {
    position: relative;
    margin: 3rem 0
}

@media (min-width: 1200px) {
    .section-hero-fgg {
        margin-top: 6.4rem;
        margin-bottom: 0
    }
}

.section-hero-fgg .container {
    max-width: 1360px
}

.section-hero-fgg h1, .section-hero-fgg h2 {
    text-align: center;
    color: #056cd0;
    background: linear-gradient(353.72deg, #056cd0 6.92%, #3789d9 79.07%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 5.5rem;
    line-height: 1.4;
    font-weight: 700
}

@media (max-width: 1859.98px) {
    .section-hero-fgg h1, .section-hero-fgg h2 {
        font-size: 5rem
    }
}

@media (max-width: 1399.98px) {
    .section-hero-fgg h1, .section-hero-fgg h2 {
        font-size: 4.5rem
    }
}

@media (max-width: 1199.98px) {
    .section-hero-fgg h1, .section-hero-fgg h2 {
        font-size: 3rem
    }
}

@media (min-width: 768px) {
    .section-hero-fgg h1, .section-hero-fgg h2 {
        text-align: left
    }
}

@media (min-width: 1200px) {
    .section-hero-fgg .hero-fgg__wrap {
        display: grid;
        grid-template-columns:64rem auto;
        grid-row-gap: 2rem;
        grid-template-areas:"title image" "desc image";
        grid-template-rows:-webkit-min-content 1fr;
        grid-template-rows:min-content 1fr;
        min-height: 62rem
    }
}

.section-hero-fgg .hero-fgg__title {
    grid-area: title
}

.section-hero-fgg .hero-fgg__image {
    grid-area: image;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='783' height='640' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='351.973' cy='282.967' rx='351.973' ry='282.967' transform='matrix(.98916 -.14681 .15254 .9883 0 103.348)' fill='%23F2F7FA'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.section-hero-fgg .hero-fgg__image img {
    width: 100%;
    max-width: 71rem;
    display: block;
    height: auto;
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto
}

.section-hero-fgg .hero-fgg__description {
    grid-area: desc;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 400;
    max-width: 32rem;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 767.98px) {
    .section-hero-fgg .hero-fgg__description {
        font-size: 1.4rem
    }
}

@media (min-width: 768px) {
    .section-hero-fgg .hero-fgg__description {
        max-width: 80%
    }
}

@media (min-width: 1200px) {
    .section-hero-fgg .hero-fgg__description {
        max-width: 57rem;
        margin-left: 0
    }
}

.section-hero-fgg .hero-fgg__quick-links {
    display: none
}

@media (min-width: 768px) {
    .section-hero-fgg .hero-fgg__quick-links {
        display: block
    }
}

.section-hero-fgg .hero-fgg__quick-links-label {
    color: #0456a6;
    font-weight: 600;
    margin-bottom: 1.7rem;
    font-size: 1.6rem;
    margin-top: 3rem
}

.section-hero-fgg .hero-fgg__quick-links-list {
    list-style: none;
    padding-left: .9rem;
    margin-left: .6rem;
    border-left: .2rem solid #f1f1f1
}

.section-hero-fgg .hero-fgg__quick-links-list a {
    display: block;
    color: #0456a6;
    font-weight: 500;
    font-size: 1.6rem;
    margin-bottom: 1rem
}

.section-hero-title {
    position: relative;
    margin: 5rem 0 3rem
}

.section-hero-title .content {
    font-size: 1.8rem;
    line-height: 1.66;
    font-weight: 600;
    font-weight: 400
}

.section-hero-title .content h1, .section-hero-title .content h2 {
    text-align: center;
    color: #056cd0;
    background: linear-gradient(353.72deg, #056cd0 6.92%, #3789d9 79.07%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 5.5rem;
    line-height: 1.07;
    font-weight: 700
}

@media (max-width: 1859.98px) {
    .section-hero-title .content h1, .section-hero-title .content h2 {
        font-size: 5rem
    }
}

@media (max-width: 1399.98px) {
    .section-hero-title .content h1, .section-hero-title .content h2 {
        font-size: 4.5rem
    }
}

@media (max-width: 1199.98px) {
    .section-hero-title .content h1, .section-hero-title .content h2 {
        font-size: 3.5rem
    }
}

@media (max-width: 767.98px) {
    .section-hero-title .content {
        font-size: 1.4rem
    }
}

.image-content {
    padding: 4rem 0
}

@media (min-width: 992px) {
    .image-content {
        padding: 10rem 0
    }
}

.image-content-wrapper {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

@media (max-width: 991.98px) {
    .image-content-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

@media (min-width: 992px) {
    .image-content-wrapper {
        -webkit-box-flex: 0;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
        margin-left: 8.3333333333%
    }
}

@media (min-width: 1860px) {
    .image-content-wrapper {
        -webkit-box-flex: 0;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
        margin-left: 16.6666666667%
    }
}

.image-content-item {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 992px) {
    .image-content-item {
        padding-bottom: 4rem
    }
}

.image-content-item-image {
    padding-bottom: 10rem;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 992px) {
    .image-content-item-image {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 4rem
    }

    .image-content-item-image img {
        position: relative;
        z-index: 2
    }

    .image-content-item-image:after {
        content: "";
        display: block;
        position: absolute;
        width: 320px;
        height: 220px;
        background-image: url(../../../../../../../../themes/esrb/assets/images/pattern.svg);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        bottom: -50px;
        left: -140px;
        z-index: 1
    }
}

.image-content-item-image img {
    box-shadow: 0 25px 45px rgba(31, 53, 74, .25);
    width: 100%;
    height: auto;
    display: block
}

@media (max-width: 767.98px) {
    .image-content-item-image img {
        box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
    }
}

.image-content-item-icons {
    position: absolute;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    bottom: 0;
    right: 0;
    max-width: 100%
}

.image-content-item-icons img {
    margin-left: 3rem;
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25);
    width: 114px;
    height: auto;
    display: block;
    min-height: 15rem;
    font-family: "object-fit:contain;object-position:bottom center";
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom center;
    object-position: bottom center
}

@media (max-width: 767.98px) {
    .image-content-item-icons img {
        margin-left: 1rem;
        max-width: 80px
    }
}

@media (max-width: 575.98px) {
    .image-content-item-icons img {
        min-height: 11rem
    }
}

.image-content-item-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: relative;
    width: 100%;
    padding: 4rem 15px 2rem;
    -webkit-box-pack: center;
    justify-content: center
}

@media (min-width: 992px) {
    .image-content-item-content {
        padding-top: 2rem;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.image-content-item-link {
    color: #056cd0;
    text-transform: uppercase;
    font-weight: 700
}

.image-content-item-link:after {
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f30b";
    padding-left: .2em;
    -webkit-transition: all .2s;
    transition: all .2s
}

.image-content-item.pattern-top .image-content-item-image:after {
    bottom: auto;
    top: -50px
}

.about-inside {
    padding: 13rem 0 17rem;
    font-size: 1.6rem;
    line-height: 3rem
}

.about-inside p {
    margin-bottom: 1em
}

.about-inside h2 {
    font-size: 3.5rem;
    font-weight: 600;
    margin-bottom: 3rem
}

.about-inside .video-popup {
    position: relative
}

.about-inside .video-popup:before {
    width: 300px;
    height: 280px;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    z-index: -1;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.about-inside .video-popup .play-video {
    width: 9rem;
    height: 9rem;
    margin: -4.5rem 0 0 -4.5rem
}

.section-interactive_elements {
    position: relative;
    padding: 10rem 0;
    background-color: #f2f2f2
}

@media (max-width: 767.98px) {
    .section-interactive_elements {
        margin-top: 0;
        padding: 3rem 0
    }
}

.section-interactive_elements .thumb {
    width: 9rem;
    height: 5.3rem;
    margin-bottom: 3rem;
    background: url(../../../../../../../../themes/esrb/assets/images/rating-elements-thumb.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

@media (max-width: 767.98px) {
    .section-interactive_elements .thumb {
        margin-left: auto;
        margin-right: auto
    }
}

.section-interactive_elements h2 {
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .section-interactive_elements h2 {
        font-size: 2.2rem
    }
}

.section-interactive_elements .description {
    margin-bottom: 4rem
}

@media (min-width: 576px) {
    .section-interactive_elements > .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .section-interactive_elements > .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .section-interactive_elements > .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .section-interactive_elements > .container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .section-interactive_elements > .container {
        max-width: 1200px
    }
}

@media (min-width: 1860px) {
    .section-interactive_elements > .container {
        max-width: 1200px
    }
}

.section-interactive_elements .elements {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.section-interactive_elements .elements .element {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 3rem
}

@media (max-width: 1199.98px) {
    .section-interactive_elements .elements .element {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (max-width: 767.98px) {
    .section-interactive_elements .elements .element {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.section-interactive_elements .elements .title {
    font-size: 2.2rem;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .section-interactive_elements .elements .title {
        font-size: 1.8rem
    }
}

.section-interactive_elements .elements .content {
    font-size: 1.4rem
}

.section-interactive_elements .elements .content + .title {
    margin-top: 3rem
}

.section-interactive_elements .elements p:last-child {
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .section-interactive_elements {
        text-align: center
    }
}

@media print {
    .section-interactive_elements {
        padding: 2rem 0;
        background: #fff;
        break-inside: avoid-page;
        page-break-inside: avoid
    }
}

.latest-blog-posts {
    padding: 4.5rem 0
}

.latest-blog-posts__header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 3rem
}

@media (max-width: 767.98px) {
    .latest-blog-posts__header {
        display: block
    }
}

.latest-blog-posts__all a {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #056cd0
}

.latest-blog-posts__all a:active, .latest-blog-posts__all a:focus, .latest-blog-posts__all a:hover {
    color: #589fe2
}

.latest-blog-posts__all a:after {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-left: .5rem;
    background: url(../../../../../../../../themes/esrb/assets/images/arrow-right-blue.svg) no-repeat 0
}

.latest-blog-posts__title {
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .latest-blog-posts__title {
        font-size: 2.2rem;
        margin-bottom: 1.5rem
    }
}

.latest-blog-posts .poly-box h2 {
    height: auto
}

.latest-blog-posts .poly-box h2 a {
    color: #1f344b
}

.latest-blog-posts .poly-box .white-box {
    padding-bottom: 6rem
}

.latest-blog-posts__slider .slick-list {
    overflow: visible
}

.latest-blog-posts__slider .slick-track {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    opacity: 0 !important
}

.latest-blog-posts__slider .slick-track .slick-slide {
    float: none;
    height: auto
}

.latest-blog-posts__slider .slick-track .poly-box, .latest-blog-posts__slider .slick-track .post, .latest-blog-posts__slider .slick-track .spanish-blog {
    height: 100%
}

.latest-blog-posts__slider.slick-initialized .slick-track {
    opacity: 1 !important
}

.latest-blog-posts .slick-controls {
    text-align: center
}

@media (min-width: 768px) {
    .latest-blog-posts .slick-controls {
        text-align: right
    }
}

.latest-blog-posts .slick-controls .slick-arrow {
    display: none
}

.latest-blog-posts .slick-initialized + .slick-controls {
    text-align: center
}

@media (min-width: 768px) {
    .latest-blog-posts .slick-initialized + .slick-controls {
        text-align: right
    }
}

.latest-blog-posts .slick-initialized + .slick-controls .slick-arrow {
    display: inline-block;
    width: 6.6rem;
    height: 6.6rem;
    margin: 3rem .5rem 0;
    background-color: #1f344b;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    font-size: 0;
    cursor: pointer
}

.latest-blog-posts .slick-initialized + .slick-controls .slick-arrow.slick-prev {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-left.svg)
}

.latest-blog-posts .slick-initialized + .slick-controls .slick-arrow.slick-next {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg)
}

.latest-blog-posts .slick-initialized + .slick-controls .slick-arrow.slick-hidden {
    display: none;
    margin: 0
}

.latest-blog-posts .slick-initialized + .slick-controls .slick-arrow.slick-disabled {
    opacity: .5
}

.section-most_viewed_games {
    padding: 9rem 0;
    color: #fff;
    background-color: #056cd0;
    background: -webkit-gradient(linear, left bottom, right top, from(#0367d7), to(#48d1ea));
    background: linear-gradient(to top right, #0367d7 0, #48d1ea)
}

@media print {
    .section-most_viewed_games {
        display: none
    }
}

@media (max-width: 767.98px) {
    .section-most_viewed_games {
        padding: 3rem 0
    }
}

@media (min-width: 576px) {
    .section-most_viewed_games > .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .section-most_viewed_games > .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .section-most_viewed_games > .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .section-most_viewed_games > .container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .section-most_viewed_games > .container {
        max-width: 1200px
    }
}

@media (min-width: 1860px) {
    .section-most_viewed_games > .container {
        max-width: 1200px
    }
}

.section-most_viewed_games h2 {
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    text-align: center;
    margin-bottom: 4rem
}

@media (max-width: 767.98px) {
    .section-most_viewed_games h2 {
        font-size: 2.2rem
    }
}

.section-most_viewed_games .more {
    text-align: center
}

.section-most_viewed_games .games {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.section-most_viewed_games .games .game {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%
}

@media (max-width: 767.98px) {
    .section-most_viewed_games .games .game {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.section-most_viewed_games .games .game > a {
    display: block;
    background: #fff;
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25);
    padding: 2rem 9rem 2rem 2rem;
    margin-bottom: 3rem;
    position: relative
}

.section-most_viewed_games .games .game > a:after {
    content: "";
    background-color: #f6922b;
    background-image: url(../../../../../../../../themes/esrb/assets/images/orange-box-dark-arrow-right.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    font-size: 0;
    position: absolute;
    top: 50%;
    right: 2rem;
    width: 5rem;
    height: 5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.section-most_viewed_games .games .game > a h3, .section-most_viewed_games .games .game > a h4 {
    overflow: hidden;
    margin: 0;
    white-space: nowrap;
    font-size: 2.2rem;
    line-height: 1.6;
    font-weight: 600
}

@media (max-width: 767.98px) {
    .section-most_viewed_games .games .game > a h3, .section-most_viewed_games .games .game > a h4 {
        font-size: 1.8rem
    }
}

.section-most_viewed_games .games .game > a .platforms {
    font-size: 1.4rem;
    font-style: italic;
    color: #1f344b
}

.section-parental_controls {
    position: relative;
    padding: 10rem 0 8rem
}

@media print {
    .section-parental_controls {
        page-break-after: always;
        page-break-inside: avoid;
        padding: 50px 0 0
    }
}

@media (max-width: 1199.98px) {
    .section-parental_controls {
        padding-bottom: 4rem
    }
}

.section-parental_controls:before {
    display: block;
    content: " ";
    position: absolute;
    top: -180px;
    right: -180px;
    width: 300px;
    height: 280px;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

@media (min-width: 992px) {
    .section-parental_controls:before {
        right: -180px
    }
}

@media (min-width: 1860px) {
    .section-parental_controls:before {
        right: -180px
    }
}

@media (max-width: 991.98px) {
    .section-parental_controls:before {
        display: none
    }
}

.section-parental_controls h2 {
    font-size: 2.8rem;
    margin: 0 0 3rem
}

@media (max-width: 575.98px) {
    .section-parental_controls h2 {
        text-align: center
    }
}

.section-parental_controls .platforms .platform {
    padding-bottom: 3rem
}

.section-parental_controls .platforms .platform figure {
    margin: 0;
    background: url(../../../../../../../../themes/esrb/assets/images/placeholder-light.jpg) no-repeat 50%;
    background-size: 101%;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 70.589%
}

.section-parental_controls .platforms .platform figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: "object-fit:contain;object-position:center";
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.section-parental_controls .platforms .platform .title {
    position: relative;
    min-height: 5.8rem;
    padding: 1.8rem 3rem;
    background: #fff;
    font-size: 2.2rem;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1
}

@media (max-width: 767.98px) {
    .section-parental_controls .platforms .platform .title {
        font-size: 1.8rem
    }
}

@media (max-width: 991.98px) {
    .section-parental_controls .platforms .platform .title {
        font-size: 1.6rem;
        min-height: 3.6rem;
        padding: 1rem 2rem
    }
}

@media print {
    .section-parental_controls .platforms .platform .title {
        text-align: center
    }
}

.section-parental_controls .platforms .platform .title .arrow {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 5.8rem;
    background: #f6922b url(../../../../../../../../themes/esrb/assets/images/arrow-right-black.svg) no-repeat 50%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

@media (max-width: 991.98px) {
    .section-parental_controls .platforms .platform .title .arrow {
        width: 3.6rem
    }
}

.section-parental_controls .platforms .platform a.platform-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.section-parental_controls .platforms .platform > div {
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25);
    position: relative;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.section-parental_controls .platforms .platform > div:hover {
    box-shadow: 0 25px 45px rgba(31, 53, 74, .25)
}

@media (max-width: 767.98px) {
    .section-parental_controls .platforms .platform > div:hover {
        box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
    }
}

.section-parental_controls .platforms .platform > div:hover .title:after {
    background-color: #f9b774
}

.section-parental_controls .platforms .platform .platform-select {
    position: relative
}

.section-parental_controls .platforms .platform .platform-select .platform-select-title {
    font-size: 2.2rem;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1;
    position: relative;
    z-index: 20;
    padding: 1.8rem 6rem 1.8rem 3rem;
    background: #fff url(../../../../../../../../themes/esrb/assets/images/dropdown-arrow.svg) no-repeat right 3rem top 1.72rem;
    cursor: pointer
}

@media (max-width: 767.98px) {
    .section-parental_controls .platforms .platform .platform-select .platform-select-title {
        font-size: 1.8rem
    }
}

@media (max-width: 991.98px) {
    .section-parental_controls .platforms .platform .platform-select .platform-select-title {
        font-size: 1.6rem;
        padding: 1rem 4rem 1rem 2rem;
        background: #fff url(../../../../../../../../themes/esrb/assets/images/dropdown-arrow.svg) no-repeat right 2rem top .5rem
    }
}

@media print {
    .section-parental_controls .platforms .platform .platform-select .platform-select-title {
        text-align: center
    }
}

.section-parental_controls .platforms .platform .platform-select .platform-select-hidden {
    position: absolute;
    top: 5rem;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 0;
    max-height: 0;
    padding: 0 2rem;
    overflow: hidden;
    background: #fff;
    -webkit-transition: max-height .5s ease-out .1s;
    transition: max-height .5s ease-out .1s
}

@media (max-width: 991.98px) {
    .section-parental_controls .platforms .platform .platform-select .platform-select-hidden {
        top: 3.4rem
    }
}

.section-parental_controls .platforms .platform .platform-select .platform-select-hidden.open {
    height: auto;
    max-height: 1000px;
    padding: 1rem 2rem;
    box-shadow: 0 25px 45px rgba(31, 53, 74, .25)
}

@media (max-width: 767.98px) {
    .section-parental_controls .platforms .platform .platform-select .platform-select-hidden.open {
        box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
    }
}

.section-parental_controls .platforms .platform .platform-select .platform-select-hidden div {
    margin-bottom: 1rem
}

.section-parental_controls .platforms .platform .platform-select .platform-select-hidden div a {
    font-size: 1.4rem;
    text-decoration: underline
}

@media print {
    .section-most_viewed_games {
        background: transparent;
        color: #1f344b
    }

    .section-most_viewed_games .more {
        display: none
    }
}

.ps-epc {
    position: relative;
    overflow: hidden;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#f4f4f4));
    background-image: linear-gradient(#f1f1f1, #f4f4f4);
    padding-top: 5rem;
    padding-bottom: 3rem
}

@media (min-width: 768px) {
    .ps-epc {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (min-width: 1200px) {
    .ps-epc {
        padding-top: 10rem
    }
}

.ps-epc:after, .ps-epc:before {
    position: absolute;
    width: 32rem;
    height: 28rem;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern.svg);
    background-size: contain;
    background-repeat: no-repeat
}

@media (min-width: 1200px) {
    .ps-epc:after, .ps-epc:before {
        display: block;
        content: ""
    }
}

@media (min-width: 1200px) {
    .ps-epc:before {
        top: 16rem;
        left: -25rem
    }

    .ps-epc:after {
        bottom: 10rem;
        right: -25rem
    }
}

@media (min-width: 1400px) {
    .ps-epc:before {
        top: 16rem;
        left: -24rem
    }

    .ps-epc:after {
        bottom: 16rem;
        right: -24rem
    }
}

@media (min-width: 1860px) {
    .ps-epc:before {
        top: 16rem;
        left: -17rem
    }

    .ps-epc:after {
        bottom: 16rem;
        right: -16rem
    }
}

.ps-epc__container {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .ps-epc__container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .ps-epc__container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .ps-epc__container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .ps-epc__container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .ps-epc__container {
        max-width: 1360px
    }
}

@media (min-width: 1860px) {
    .ps-epc__container {
        max-width: 1800px
    }
}

.ps-epc__content {
    color: #1f344b;
    text-align: center;
    max-width: 768px;
    margin: 0 auto 4.5rem
}

.ps-epc__content h2 {
    font-size: 2.2rem;
    line-height: 1.5;
    margin-bottom: 1rem
}

@media (min-width: 768px) {
    .ps-epc__content h2 {
        font-size: 3.5rem
    }
}

.ps-epc__items {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin: auto
}

@media (min-width: 768px) {
    .ps-epc__items {
        max-width: 624px
    }
}

@media (min-width: 1200px) {
    .ps-epc__items {
        max-width: 1208px
    }
}

.ps-epc__item {
    padding: .8rem;
    width: 100%
}

@media (min-width: 1200px) {
    .ps-epc__item {
        width: 50%
    }
}

.ps-epc__item-box {
    background: #fff;
    height: 100%;
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25);
    padding: 2.5rem 2rem
}

@media (min-width: 768px) {
    .ps-epc__item-box {
        padding: 7.3rem 4rem
    }
}

@media (min-width: 1200px) {
    .ps-epc__item-box {
        padding: 8.5rem 4rem
    }
}

.ps-epc__item-title {
    font-size: 2.2rem
}

@media (min-width: 768px) {
    .ps-epc__item-title {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center
    }
}

.ps-epc__item-title h3, .ps-epc__item-title h4 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    font-size: 2.2rem;
    line-height: 1.6;
    font-weight: 600
}

@media (min-width: 768px) {
    .ps-epc__item-title h3, .ps-epc__item-title h4 {
        margin-top: 0
    }
}

@media (max-width: 767.98px) {
    .ps-epc__item-title h3, .ps-epc__item-title h4 {
        font-size: 1.8rem
    }
}

.ps-epc__item-image {
    width: 4rem;
    height: 4rem;
    display: -webkit-box;
    display: flex
}

@media (min-width: 768px) {
    .ps-epc__item-image {
        margin-right: 1em
    }
}

.ps-epc__item-image img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: auto
}

.ps-epc__item-content {
    font-size: 1.4rem;
    font-weight: 500
}

@media (min-width: 768px) {
    .ps-epc__item-content {
        font-size: 1.6rem
    }
}

.ps-epc__item-content p:last-child {
    margin-bottom: 0
}

.ps-epc__item_cta .ps-epc__item-box {
    background: #7b14bc;
    color: #fff;
    display: -webkit-box;
    display: flex
}

.page-template-template-privacy-certified .ps-epc__item_cta .ps-epc__item-box {
    background: #056cd0
}

.ps-epc__item_cta .ps-epc__item-box h2, .ps-epc__item_cta .ps-epc__item-box h3 {
    font-size: 2.2rem
}

@media (min-width: 768px) {
    .ps-epc__item_cta .ps-epc__item-box h2, .ps-epc__item_cta .ps-epc__item-box h3 {
        font-size: 3rem
    }
}

.ps-epc__item_cta .ps-epc__item-box .button {
    background: #fff;
    color: #7b14bc;
    margin-top: 1em
}

.page-template-template-privacy-certified .ps-epc__item_cta .ps-epc__item-box .button {
    background: #f6922b;
    color: #fff
}

@media (min-width: 768px) {
    .ps-epc__item_cta .ps-epc__item-box .button {
        margin-top: 2em
    }
}

.ps-epc__item_cta .ps-epc__item-inner {
    margin: auto
}

.page-template-template-privacy-certified .ps-epc {
    padding-top: 0;
    padding-bottom: 4.4rem
}

.page-template-template-privacy-certified .ps-epc__content {
    margin: 1rem auto
}

.page-template-template-privacy-certified .ps-epc__content h2 {
    color: #1f344b;
    font-size: 3.3rem;
    margin: 3rem auto 2.2rem
}

.page-template-template-privacy-certified .ps-epc__item-box {
    padding: 3.4rem 4.2rem
}

.page-template-template-privacy-certified .ps-epc__item-link {
    color: #1f344b
}

.quotes-section {
    padding: 7rem 1rem
}

@media (min-width: 576px) {
    .quotes-section.no-top-padding {
        padding-top: 0
    }
}

.quotes-section .quote {
    color: #1f344b;
    font-size: 2.8rem;
    font-weight: 600
}

@media (max-width: 767.98px) {
    .quotes-section .quote {
        font-size: 2.2rem
    }
}

.quotes-section .quote-slider {
    max-width: 890px;
    margin: auto
}

.quotes-section .quote-author-name {
    font-weight: 600
}

.quotes-section .quote-author-name:before {
    content: "- "
}

.quotes-section .quote-author-name:after {
    content: ", "
}

.section-rating_categories {
    color: #fff;
    background-color: #056cd0;
    background: -webkit-gradient(linear, left bottom, right top, from(#0367d7), to(#48d1ea));
    background: linear-gradient(to top right, #0367d7 0, #48d1ea);
    padding: 3rem 0;
    position: relative
}

@media (max-width: 767.98px) {
    .section-rating_categories {
        padding: 3rem 0;
        text-align: center
    }
}

.section-rating_categories:before {
    display: block;
    content: " ";
    position: absolute;
    width: 300px;
    height: 280px;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    top: -80px;
    left: -248px
}

@media (max-width: 991.98px) {
    .section-rating_categories:before {
        display: none
    }
}

@media (min-width: 1400px) {
    .section-rating_categories:before {
        left: -180px
    }
}

.section-rating_categories .thumb {
    width: 9rem;
    height: 5.3rem;
    margin-bottom: 3rem;
    background: url(../../../../../../../../themes/esrb/assets/images/rating-category-thumb.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

@media (max-width: 767.98px) {
    .section-rating_categories .thumb {
        margin-left: auto;
        margin-right: auto
    }
}

.section-rating_categories > .container {
    position: relative;
    z-index: 1
}

@media (min-width: 576px) {
    .section-rating_categories > .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .section-rating_categories > .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .section-rating_categories > .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .section-rating_categories > .container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .section-rating_categories > .container {
        max-width: 1200px
    }
}

@media (min-width: 1860px) {
    .section-rating_categories > .container {
        max-width: 1800px
    }
}

.section-rating_categories h2 {
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin-bottom: 1rem
}

@media (max-width: 767.98px) {
    .section-rating_categories h2 {
        font-size: 2.2rem
    }
}

.section-rating_categories .description {
    margin-bottom: 6rem
}

@media (max-width: 767.98px) {
    .section-rating_categories .description {
        margin-bottom: 2.1rem
    }
}

.section-rating_categories .category-toggler {
    text-align: right;
    margin-top: .9rem
}

@media (max-width: 767.98px) {
    .section-rating_categories .category-toggler {
        text-align: center;
        margin-bottom: 6rem
    }
}

.section-rating_categories .rating-category {
    position: relative;
    -webkit-perspective: 2000px;
    perspective: 2000px;
    text-align: center;
    width: 100%;
    display: -webkit-box;
    display: flex
}

.section-rating_categories .rating-category .back, .section-rating_categories .rating-category .front {
    -webkit-transition: opacity 0s linear .15s, -webkit-transform .3s linear;
    transition: opacity 0s linear .15s, -webkit-transform .3s linear;
    transition: transform .3s linear, opacity 0s linear .15s;
    transition: transform .3s linear, opacity 0s linear .15s, -webkit-transform .3s linear
}

.section-rating_categories .rating-category .front {
    min-height: 100%;
    background-color: #fff;
    padding: 7rem 7rem 9rem;
    position: relative;
    opacity: 1;
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
}

.section-rating_categories .rating-category .front img {
    width: 14rem;
    height: auto
}

@media print {
    .section-rating_categories .rating-category .front img {
        position: relative
    }

    .section-rating_categories .rating-category .front img:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #fff
    }
}

.section-rating_categories .rating-category .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    height: auto;
    z-index: -1;
    background-color: #fff;
    color: #1f344b;
    padding: 1rem 1em 2em;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: 0;
    box-shadow: 0 10px 25px rgba(31, 53, 74, .25);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

@media screen and (min-width: 0 \0
) {
    .section-rating_categories .rating-category .back {
        height: 100%
    }
}

.section-rating_categories .rating-category .back .title {
    font-size: 2.2rem;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .section-rating_categories .rating-category .back .title {
        font-size: 1.8rem
    }
}

.section-rating_categories .rating-category .back .text {
    font-size: 1.4rem
}

@media screen and (min-width: 0 \0
) {
    .section-rating_categories .rating-category .back .text {
        font-size: 1.3rem
    }
}

@media (hover: hover) {
    .section-rating_categories .rating-category:hover .front {
        -webkit-transform: translateY(-2rem) rotateY(-180deg);
        transform: translateY(-2rem) rotateY(-180deg);
        opacity: 0
    }

    .section-rating_categories .rating-category:hover .back {
        -webkit-transform: translateY(-2rem) rotateY(0deg);
        transform: translateY(-2rem) rotateY(0deg);
        opacity: 1
    }
}

@media (hover: none) {
    .section-rating_categories .rating-category.hover .front {
        -webkit-transform: translateY(-2rem) rotateY(-180deg);
        transform: translateY(-2rem) rotateY(-180deg);
        opacity: 0
    }

    .section-rating_categories .rating-category.hover .back {
        -webkit-transform: translateY(-2rem) rotateY(0deg);
        transform: translateY(-2rem) rotateY(0deg);
        opacity: 1
    }
}

.section-rating_categories .rating-category.on .front {
    -webkit-transform: translateY(-2rem) rotateY(-180deg);
    transform: translateY(-2rem) rotateY(-180deg);
    opacity: 0
}

.section-rating_categories .rating-category.on .back {
    -webkit-transform: translateY(-2rem) rotateY(0deg);
    transform: translateY(-2rem) rotateY(0deg);
    opacity: 1
}

@media screen and (min-width: 0 \0
) {
    .section-rating_categories .rating-category.hover .front, .section-rating_categories .rating-category:hover .front {
        -webkit-transform: translateY(-2rem) rotateY(-180deg);
        transform: translateY(-2rem) rotateY(-180deg);
        opacity: 0
    }

    .section-rating_categories .rating-category.hover .back, .section-rating_categories .rating-category:hover .back {
        -webkit-transform: translateY(-2rem) rotateY(0deg);
        transform: translateY(-2rem) rotateY(0deg);
        opacity: 1
    }
}

.section-rating_categories .slider {
    margin: 0 -15px
}

@media (min-width: 1200px) {
    .section-rating_categories .slider {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        justify-content: center
    }
}

.section-rating_categories .slick-list {
    overflow: visible
}

.section-rating_categories .slick-track {
    display: -webkit-box;
    display: flex
}

.section-rating_categories .slide {
    display: -webkit-box;
    display: flex;
    padding: 15px;
    height: auto
}

@media (min-width: 1200px) {
    .section-rating_categories .slide {
        max-width: 25%
    }
}

@media (min-width: 1860px) {
    .section-rating_categories .slide {
        max-width: 20%
    }
}

.section-rating_categories .slick-slide img {
    display: inline-block
}

.section-rating_categories .nav {
    margin-top: 4rem;
    text-align: right;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.section-rating_categories .nav a {
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25);
    margin: 0 1rem
}

.section-rating_categories .nav a:first-child {
    margin-left: 0
}

.section-rating_categories .nav a:last-child {
    margin-right: 0
}

.section-rating_categories .nav a.next, .section-rating_categories .nav a.prev {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-transition: all .2s;
    transition: all .2s
}

.section-rating_categories .nav a.next:focus, .section-rating_categories .nav a.next:hover, .section-rating_categories .nav a.prev:focus, .section-rating_categories .nav a.prev:hover {
    box-shadow: 0 0 15px #1f344b
}

.section-rating_categories .nav a.prev {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg);
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-left.svg)
}

.section-rating_categories .nav a.next, .section-rating_categories .nav a.prev {
    background-color: #1f344b;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 4rem;
    height: 4rem;
    font-size: 0;
    width: 6.6rem;
    height: 6.6rem
}

.section-rating_categories .nav a.next {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg)
}

.section-rating_categories .nav a.slick-disabled {
    opacity: .4;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    cursor: not-allowed
}

@media (max-width: 575.98px) {
    .section-rating_categories .nav {
        -webkit-box-pack: center;
        justify-content: center
    }
}

@media print {
    .section-rating_categories .nav {
        display: none
    }
}

@media (min-width: 1200px) {
    .section-rating_categories .nav {
        display: none
    }
}

@media print {
    .section-rating_categories {
        padding: 0;
        background: transparent;
        color: #1f344b;
        break-inside: avoid-page;
        page-break-inside: avoid
    }

    .section-rating_categories:before {
        display: none
    }

    .section-rating_categories .slide {
        width: 100% !important
    }

    .section-rating_categories .slick-track {
        width: auto !important;
        -webkit-transform: none !important;
        transform: none !important;
        opacity: 1 !important
    }

    .section-rating_categories .rating-category {
        position: static;
        overflow: hidden;
        margin-bottom: 20px;
        text-align: left
    }

    .section-rating_categories .rating-category .front {
        position: static;
        float: left;
        width: 100px;
        padding: 0;
        opacity: 1 !important;
        -webkit-transform: none !important;
        transform: none !important;
        background-color: #fff;
        box-shadow: none
    }

    .section-rating_categories .rating-category .back {
        display: block;
        position: static;
        float: left;
        overflow: hidden;
        width: 600px;
        min-height: 0;
        height: auto;
        padding: 1rem 1em 2em;
        opacity: 1;
        color: #1f344b !important;
        box-shadow: none;
        -webkit-transform: none;
        transform: none
    }

    .section-rating_categories .rating-category.on .back, .section-rating_categories .rating-category.on .front {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }

    .section-rating_categories .rating-category.hover .front, .section-rating_categories .rating-category:hover .front {
        opacity: 1 !important;
        -webkit-transform: none !important;
        transform: none !important
    }

    .section-guide_heading .container.button-container .down {
        display: none !important
    }
}

.section-rating_summaries {
    padding: 13rem 0
}

@media print {
    .section-rating_summaries {
        display: none
    }
}

@media (max-width: 767.98px) {
    .section-rating_summaries {
        padding: 3rem 0
    }
}

.section-rating_summaries h2 {
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .section-rating_summaries h2 {
        font-size: 2.2rem
    }
}

@media (min-width: 576px) {
    .section-rating_summaries > .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .section-rating_summaries > .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .section-rating_summaries > .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .section-rating_summaries > .container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .section-rating_summaries > .container {
        max-width: 1200px
    }
}

@media (min-width: 1860px) {
    .section-rating_summaries > .container {
        max-width: 1200px
    }
}

.section-rating_summaries .content {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.section-rating_summaries .content .image-cont {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%
}

@media (max-width: 767.98px) {
    .section-rating_summaries .content .image-cont {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 3rem
    }
}

.section-rating_summaries .content .image-cont > div {
    position: relative;
    width: 90%;
    padding-bottom: 90%
}

@media (max-width: 767.98px) {
    .section-rating_summaries .content .image-cont > div {
        margin: 0 auto;
        width: 70%;
        padding-bottom: 70%
    }
}

.section-rating_summaries .content .image-cont > div:before {
    display: block;
    content: " ";
    position: absolute;
    top: -80px;
    left: -100px;
    width: 300px;
    height: 280px;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

@media (max-width: 991.98px) {
    .section-rating_summaries .content .image-cont > div:before {
        display: none
    }
}

.section-rating_summaries .content .image-cont > div img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
    box-shadow: 0 25px 45px rgba(31, 53, 74, .25)
}

@media (max-width: 767.98px) {
    .section-rating_summaries .content .image-cont > div img {
        box-shadow: 0 10px 25px rgba(31, 53, 74, .25)
    }
}

.section-rating_summaries .content .content-cont {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center
}

@media (max-width: 767.98px) {
    .section-rating_summaries .content .content-cont {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center
    }
}

.row-related-games {
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 0;
    gap: 10rem
}

@media (max-width: 1199.98px) {
    .row-related-games {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center
    }
}

.row-related-games a {
    color: #fff
}

.row-related-games .col {
    background: -webkit-gradient(linear, left top, left bottom, from(#188dff), to(#71b9ff));
    background: linear-gradient(180deg, #188dff, #71b9ff);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .25);
    min-width: 200px;
    padding: 35px 70px 32px 32px;
    display: grid;
    grid-template-rows:auto 70px;
    gap: 10px
}

@media (max-width: 1199.98px) {
    .row-related-games .col {
        max-width: 400px;
        -webkit-box-flex: 0;
        flex-grow: 0;
        grid-template-rows:auto 50px
    }
}

.row-related-games .col img {
    position: absolute;
    top: 12px;
    right: 12px;
    outline: 3px solid #fff
}

.row-related-games h3 {
    font-size: 2.4rem;
    padding-right: 13px
}

.row-related-games .company {
    font-size: 1.57rem;
    font-weight: 300;
    line-height: 2.2294rem;
    padding-right: 13px;
    padding-bottom: 18px
}

.row-related-games .platforms {
    font-size: 1.35rem;
    line-height: 2.16rem
}

.row-related-games .platforms-title {
    font-weight: 700
}

.row-related-games .platforms-txt {
    font-weight: 300
}

.section-additional_resources .row-related-games.poly-box {
    height: auto
}

.seals-section {
    padding: 8rem 0;
    background-color: #f1f1f1
}

.seals-section h2 {
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
    padding-bottom: 2rem
}

@media (max-width: 767.98px) {
    .seals-section h2 {
        font-size: 2.2rem
    }
}

.seal-images {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 4rem 15px
}

.seal-image {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.seal-image:first-of-type {
    -webkit-box-ordinal-group: 3;
    order: 2
}

.seal-image:nth-of-type(2) {
    -webkit-box-ordinal-group: 2;
    order: 1
}

.seal-image:nth-of-type(3) {
    -webkit-box-ordinal-group: 4;
    order: 3
}

@media (min-width: 576px) {
    .seal-image:first-of-type {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .seal-image:nth-of-type(2) {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .seal-image:nth-of-type(3) {
        -webkit-box-ordinal-group: 4;
        order: 3
    }
}

@media (max-width: 767.98px) {
    .seal-image {
        margin-left: 1rem;
        margin-right: 1rem;
        max-width: 80px
    }
}

.seal-image img {
    width: 114px;
    height: auto;
    display: block;
    min-height: 15rem;
    font-family: "object-fit:contain;object-position:bottom center";
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom center;
    object-position: bottom center
}

@media (max-width: 575.98px) {
    .seal-image img {
        min-height: 11rem
    }
}

.seal-contents {
    display: -webkit-box;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 100%;
    padding: 4rem 15px
}

@media (max-width: 575.98px) {
    .seal-contents {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

@media (max-width: 991.98px) {
    .seal-contents {
        max-width: 100%
    }
}

@media (min-width: 1860px) {
    .seal-contents {
        -webkit-box-flex: 0;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
        margin-left: 16.6666666667%
    }
}

.seal-content {
    position: relative;
    width: 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 2rem 15px;
    text-align: center
}

@media (min-width: 576px) {
    .seal-content {
        -webkit-box-flex: 0;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
}

.seal-content h3 {
    font-size: 1.8rem;
    line-height: 1.66;
    font-weight: 600
}

@media (max-width: 767.98px) {
    .seal-content h3 {
        font-size: 1.4rem
    }
}

.seal-bottom {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 100%;
    padding: 4rem 15px
}

@media (max-width: 575.98px) {
    .seal-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .seal-bottom {
        -webkit-box-flex: 0;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
        margin-left: 16.6666666667%
    }
}

@media (min-width: 1860px) {
    .seal-bottom {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 25%
    }
}

.seal-bottom-image {
    margin-right: 3rem;
    flex-shrink: 0
}

@media (max-width: 767.98px) {
    .seal-bottom-image {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 3rem
    }
}

.seal-bottom-image img {
    width: 114px;
    height: auto;
    display: block;
    min-height: 15rem;
    font-family: "object-fit:contain;object-position:center";
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

@media (max-width: 575.98px) {
    .seal-bottom-image img {
        min-height: 11rem
    }
}

.seal-bottom-content {
    text-align: center
}

@media (min-width: 576px) {
    .seal-bottom-content {
        text-align: left
    }
}

.seal-bottom-content h3 {
    font-size: 1.8rem;
    line-height: 1.66;
    font-weight: 600
}

@media (max-width: 767.98px) {
    .seal-bottom-content h3 {
        font-size: 1.4rem
    }
}

.section-checkered {
    padding-top: 4rem;
    padding-bottom: 8rem
}

.testimonial-privacy {
    position: relative
}

.testimonial-privacy__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.testimonial-privacy__bg-image {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover;object-position:center";
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.testimonial-privacy__bg-image_desktop {
    display: none
}

@media (min-width: 1200px) {
    .testimonial-privacy__bg-image_desktop {
        display: block
    }
}

.testimonial-privacy__bg-image_mobile {
    display: block
}

@media (min-width: 1200px) {
    .testimonial-privacy__bg-image_mobile {
        display: none
    }
}

.testimonial-privacy__container {
    position: relative;
    margin: auto;
    max-width: 100%
}

@media (min-width: 1200px) {
    .testimonial-privacy__container {
        max-width: 1092px
    }
}

@media (min-width: 1400px) {
    .testimonial-privacy__container {
        max-width: 1192px
    }
}

.testimonial-privacy__content {
    max-width: 100%;
    margin: auto;
    padding: 5rem 2rem;
    color: #fff;
    position: relative
}

@media (min-width: 576px) {
    .testimonial-privacy__content {
        padding: 5rem 1rem;
        max-width: 514px
    }
}

@media (min-width: 768px) {
    .testimonial-privacy__content {
        max-width: 628px;
        padding: 15rem 1rem
    }
}

@media (min-width: 1200px) {
    .testimonial-privacy__content {
        max-width: 910px;
        padding: 8rem 1rem
    }
}

@media (min-width: 1400px) {
    .testimonial-privacy__content {
        padding: 12rem 1rem
    }
}

@media (min-width: 1860px) {
    .testimonial-privacy__content {
        padding: 15rem 1rem
    }
}

@media (min-width: 768px) {
    .testimonial-privacy__content:after, .testimonial-privacy__content:before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 16rem;
        height: 8.9rem;
        background-image: url(../../../../../../../../themes/esrb/assets/images/quote.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        -webkit-transform-origin: center;
        transform-origin: center;
        z-index: 1
    }
}

.testimonial-privacy__content:before {
    top: 14rem;
    left: -4rem
}

@media (min-width: 1200px) {
    .testimonial-privacy__content:before {
        top: 6rem;
        left: -15rem
    }
}

@media (min-width: 1400px) {
    .testimonial-privacy__content:before {
        top: 10rem
    }
}

@media (min-width: 1860px) {
    .testimonial-privacy__content:before {
        top: 13rem
    }
}

.testimonial-privacy__content:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    bottom: 8rem;
    right: -6rem
}

@media (min-width: 1200px) {
    .testimonial-privacy__content:after {
        bottom: 5rem;
        right: -10rem
    }
}

@media (min-width: 1400px) {
    .testimonial-privacy__content:after {
        bottom: 7rem
    }
}

@media (min-width: 1860px) {
    .testimonial-privacy__content:after {
        bottom: 10rem
    }
}

.testimonial-privacy__quote {
    position: relative;
    z-index: 2;
    font-size: 2.2rem;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 1rem
}

@media (min-width: 768px) {
    .testimonial-privacy__quote {
        font-size: 2.8rem
    }
}

.testimonial-privacy__quote-author {
    font-size: 1.4rem;
    font-weight: 700
}

@media (min-width: 768px) {
    .testimonial-privacy__quote-author {
        font-size: 1.6rem
    }
}

.testimonial-privacy__slider {
    position: relative
}

@media (max-width: 767.98px) {
    .testimonial-privacy__slider {
        padding-bottom: 10rem
    }
}

.testimonial-privacy__slider-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.testimonial-privacy__slider-bg-image {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover;object-position:center";
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.testimonial-privacy__slider-bg-image_desktop {
    display: none
}

@media (min-width: 1200px) {
    .testimonial-privacy__slider-bg-image_desktop {
        display: block
    }
}

.testimonial-privacy__slider-bg-image_mobile {
    display: block
}

@media (min-width: 1200px) {
    .testimonial-privacy__slider-bg-image_mobile {
        display: none
    }
}

.testimonial-privacy__slider-bg:after {
    display: block;
    content: "";
    background: rgba(0, 0, 0, .4);
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.testimonial-privacy__slider-container {
    position: relative;
    margin: auto;
    max-width: 100%;
    z-index: 2
}

@media (min-width: 1200px) {
    .testimonial-privacy__slider-container {
        max-width: 1092px
    }
}

@media (min-width: 1400px) {
    .testimonial-privacy__slider-container {
        max-width: 1192px
    }
}

.testimonial-privacy__slider-quote_wrapper {
    max-width: 100%;
    margin: auto;
    padding: 5rem 2rem;
    color: #fff;
    position: relative
}

@media (min-width: 576px) {
    .testimonial-privacy__slider-quote_wrapper {
        padding: 5rem 1rem;
        max-width: 514px
    }
}

@media (min-width: 768px) {
    .testimonial-privacy__slider-quote_wrapper {
        max-width: 628px;
        padding: 15rem 1rem
    }
}

@media (min-width: 1200px) {
    .testimonial-privacy__slider-quote_wrapper {
        max-width: 910px;
        padding: 8rem 1rem
    }
}

@media (min-width: 1400px) {
    .testimonial-privacy__slider-quote_wrapper {
        padding: 12rem 1rem
    }
}

@media (min-width: 1860px) {
    .testimonial-privacy__slider-quote_wrapper {
        padding: 15rem 1rem
    }
}

.testimonial-privacy__slider-quote {
    position: relative;
    z-index: 2;
    font-size: 2.2rem;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 1rem
}

@media (min-width: 768px) {
    .testimonial-privacy__slider-quote {
        font-size: 2.8rem
    }
}

.testimonial-privacy__slider-quote_author {
    font-size: 1.4rem;
    font-weight: 700
}

@media (min-width: 768px) {
    .testimonial-privacy__slider-quote_author {
        font-size: 1.6rem
    }
}

.testimonial-privacy__slider .slick-track {
    display: -webkit-box !important;
    display: flex !important
}

.testimonial-privacy__slider .slick-slide {
    height: inherit !important
}

.testimonial-privacy__slider .buttons {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

@media (max-width: 767.98px) {
    .testimonial-privacy__slider .buttons {
        top: auto;
        -webkit-transform: none;
        transform: none;
        bottom: 8.5rem
    }
}

.testimonial-privacy__slider button.next.slick-arrow.testimonial-next, .testimonial-privacy__slider button.prev.slick-arrow.testimonial-prev {
    background: transparent;
    position: absolute
}

.testimonial-privacy__slider button.prev.slick-arrow.testimonial-prev {
    left: 3%
}

.testimonial-privacy__slider button.next.slick-arrow.testimonial-next {
    left: auto;
    right: 3%
}

.section-video-slider h2 {
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin-bottom: 3rem
}

@media (max-width: 767.98px) {
    .section-video-slider h2 {
        font-size: 2.2rem;
        margin-bottom: 1.5rem
    }
}

.video-slider {
    position: relative;
    z-index: 5
}

@media (max-width: 575.98px) {
    .video-slider {
        margin-left: -15px;
        margin-right: -15px
    }
}

.video-slider:after, .video-slider:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 300px;
    height: 280px;
    background-image: url(../../../../../../../../themes/esrb/assets/images/pattern.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

@media (max-width: 991.98px) {
    .video-slider:after, .video-slider:before {
        display: none
    }
}

.video-slider:before {
    bottom: -12rem;
    left: -14.5rem
}

.video-slider:after {
    top: -8.4rem;
    right: -14.5rem
}

.video-slider .video-slide {
    position: relative;
    z-index: 5
}

.video-slider .slick-dots {
    list-style: none;
    display: block;
    margin: 2.2rem 0 0;
    padding: 0;
    line-height: .8rem;
    text-align: center
}

.video-slider .slick-dots li {
    display: inline-block;
    width: 10rem;
    height: .8rem;
    margin: .8rem;
    background: #d5d5d5;
    cursor: pointer
}

.video-slider .slick-dots li.slick-active {
    background: #f6922b
}

.video-slider .slick-dots li button {
    display: none
}

.video-slider__controls {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin: 3rem 0 0
}

.video-slider__controls a {
    box-shadow: 0 5px 10px rgba(31, 53, 74, .25);
    margin: 0 1rem
}

.video-slider__controls a:first-child {
    margin-left: 0
}

.video-slider__controls a:last-child {
    margin-right: 0
}

.video-slider__controls a.next, .video-slider__controls a.prev {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-transition: all .2s;
    transition: all .2s
}

.video-slider__controls a.next:focus, .video-slider__controls a.next:hover, .video-slider__controls a.prev:focus, .video-slider__controls a.prev:hover {
    box-shadow: 0 0 15px #1f344b
}

.video-slider__controls a.prev {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg);
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-left.svg)
}

.video-slider__controls a.next, .video-slider__controls a.prev {
    background-color: #1f344b;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 4rem;
    height: 4rem;
    font-size: 0;
    width: 6.6rem;
    height: 6.6rem
}

.video-slider__controls a.next {
    background-image: url(../../../../../../../../themes/esrb/assets/images/blue-box-arrow-right.svg)
}

.video-slider__controls a.slick-disabled {
    opacity: .4;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    cursor: not-allowed
}

@media (max-width: 991.98px) {
    .video-slider__controls {
        float: none;
        -webkit-box-pack: center;
        justify-content: center
    }
}

.section-video {
    position: relative;
    padding: 11rem 0;
    background: linear-gradient(45deg, #48d1ea, #0367d7)
}

@media print {
    .section-video {
        display: none
    }
}

.section-video > img {
    width: 100%;
    height: auto;
    display: block
}

@media (max-width: 991.98px) {
    .section-video {
        padding: 5rem 0
    }
}

.section-video.has-transparent-bg {
    background: none
}

.section-video.has-small-section-paddings {
    padding: 4rem 0
}

@media (max-width: 991.98px) {
    .section-video.has-small-section-paddings {
        padding: 2rem 0
    }
}

@media (max-width: 767.98px) {
    .section-video__grid.has-video-on-top-mobile {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .section-video__grid.has-video-on-top-mobile .section-video__video {
        -webkit-box-ordinal-group: 1;
        order: 0;
        margin-bottom: 15px
    }

    .section-video__grid.has-video-on-top-mobile .section-video__title {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .section-video__grid.has-video-on-top-mobile .section-video__description {
        -webkit-box-ordinal-group: 3;
        order: 2
    }
}

@media (min-width: 768px) {
    .section-video__grid {
        display: grid;
        grid-template-areas:"video";
        grid-auto-rows: minmax(1em, auto)
    }
}

@media (min-width: 1200px) {
    .section-video__grid {
        grid-row-gap: 0;
        grid-template-areas:"video"
    }
}

@media (min-width: 768px) {
    .section-video__grid.has-title {
        grid-template-columns:1fr;
        grid-row-gap: 15px;
        grid-template-areas:"title" "video"
    }
}

@media (min-width: 1200px) {
    .section-video__grid.has-title {
        grid-row-gap: 15px;
        grid-template-areas:"title" "video"
    }
}

@media (min-width: 768px) {
    .section-video__grid.has-desc {
        grid-column-gap: 30px;
        grid-template-columns:minmax(35%, auto) minmax(65%, auto);
        grid-template-areas:"desc video"
    }

    .section-video__grid.has-desc.has-video-on-left-desktop {
        grid-template-columns:minmax(65%, auto) minmax(35%, auto);
        grid-template-areas:"video desc"
    }
}

@media (min-width: 1200px) {
    .section-video__grid.has-desc {
        grid-column-gap: 60px;
        grid-row-gap: 0;
        grid-template-columns:auto 700px;
        grid-template-areas:"desc video"
    }

    .section-video__grid.has-desc.has-video-on-left-desktop {
        grid-template-columns:700px auto;
        grid-template-areas:"video desc"
    }
}

@media (min-width: 768px) {
    .section-video__grid.has-title.has-desc {
        grid-row-gap: 30px;
        grid-template-columns:minmax(35%, auto) minmax(65%, auto);
        grid-template-areas:"title title" "desc video"
    }

    .section-video__grid.has-title.has-desc.has-video-on-left-desktop {
        grid-template-columns:minmax(65%, auto) minmax(35%, auto);
        grid-template-areas:"title title" "video desc"
    }

    .section-video__grid.has-title.has-desc.has-video-on-left-desktop .section-video__title {
        text-align: center
    }
}

@media (min-width: 1200px) {
    .section-video__grid.has-title.has-desc {
        grid-template-columns:auto 700px;
        grid-template-areas:"title video" "desc video";
        grid-row-gap: 30px;
        grid-template-rows:-webkit-min-content 1fr;
        grid-template-rows:min-content 1fr
    }

    .section-video__grid.has-title.has-desc.has-video-on-left-desktop {
        grid-template-columns:700px auto;
        grid-template-areas:"video title" "video desc"
    }

    .section-video__grid.has-title.has-desc.has-video-on-left-desktop .section-video__title {
        text-align: initial
    }
}

.section-video__grid.has-title-font-size.size-h2 h2, .section-video__grid.has-title-font-size.size-h2 h3 {
    font-size: 4.5rem;
    line-height: 1.22;
    font-weight: 600;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .section-video__grid.has-title-font-size.size-h2 h2, .section-video__grid.has-title-font-size.size-h2 h3 {
        font-size: 2.2rem
    }
}

.section-video__grid.has-title-font-size.size-h3 h2, .section-video__grid.has-title-font-size.size-h3 h3 {
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .section-video__grid.has-title-font-size.size-h3 h2, .section-video__grid.has-title-font-size.size-h3 h3 {
        font-size: 2.2rem
    }
}

.section-video__grid.has-title-font-size.size-h4 h2, .section-video__grid.has-title-font-size.size-h4 h3 {
    font-size: 2.2rem;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .section-video__grid.has-title-font-size.size-h4 h2, .section-video__grid.has-title-font-size.size-h4 h3 {
        font-size: 1.8rem
    }
}

.section-video__grid.has-title-font-size.size-h5 h2, .section-video__grid.has-title-font-size.size-h5 h3 {
    font-size: 1.8rem;
    line-height: 1.66;
    font-weight: 600
}

@media (max-width: 767.98px) {
    .section-video__grid.has-title-font-size.size-h5 h2, .section-video__grid.has-title-font-size.size-h5 h3 {
        font-size: 1.4rem
    }
}

.section-video__grid.has-title-font-size.size-body h2, .section-video__grid.has-title-font-size.size-body h3 {
    font-family: Poppins, sans-serif;
    font-size: 1.6rem;
    line-height: 1.6;
    font-weight: 400
}

@media (max-width: 767.98px) {
    .section-video__grid.has-title-font-size.size-body h2, .section-video__grid.has-title-font-size.size-body h3 {
        font-size: 1.4rem
    }
}

.section-video__grid.has-description-vertically-center .section-video__description {
    align-content: center
}

.section-video__title {
    grid-area: title
}

.section-video__title h2, .section-video__title h3 {
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .section-video__title h2, .section-video__title h3 {
        font-size: 2.2rem
    }
}

.section-video__description {
    grid-area: desc;
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .section-video__description {
        margin-bottom: 0
    }
}

.section-video__video {
    grid-area: video
}

.white-cta {
    background-color: #fff;
    font-size: 3.5rem;
    line-height: 1.42;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 3rem;
    text-align: center
}

@media (max-width: 767.98px) {
    .white-cta {
        font-size: 2.2rem
    }
}

.white-cta .content {
    padding: 4rem 0
}

.white-cta .content p:last-child {
    margin-bottom: 0
}

.white-cta a {
    text-decoration: underline
}

@media print {
    .section-rating_summaries {
        page-break-after: always
    }
}

.gform_wrapper .gfield_checkbox li input[type=checkbox] {
    margin-top: 0 !important;
    margin-right: 3px
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}

.mfp-bg, .mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.mfp-wrap {
    z-index: 1043;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus, .mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    top: 50%;
    margin: -55px 0 0;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after, .mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure, img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-height: 300px), screen and (max-width: 800px) and (orientation: landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.white-popup {
    position: relative;
    background: #fff;
    padding: 40px;
    text-align: center;
    width: auto;
    max-width: 700px;
    margin: 0 auto
}

.mfp-move-horizontal .mfp-with-anim {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px)
}

.mfp-move-horizontal.mfp-bg, .mfp-move-horizontal .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.mfp-move-horizontal.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.mfp-move-horizontal.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-move-horizontal.mfp-removing .mfp-with-anim {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0
}

.mfp-move-horizontal.mfp-removing.mfp-bg {
    opacity: 0
}