@charset "UTF-8";

.u-span1of12 {
    width: 8.3333333333% !important;
}

@media (min-width: 580px) {
    .u-span1of12\@sm {
        width: 8.3333333333% !important;
    }
}

@media (min-width: 960px) {
    .u-span1of12\@md {
        width: 8.3333333333% !important;
    }
}

@media (min-width: 1320px) {
    .u-span1of12\@lg {
        width: 8.3333333333% !important;
    }
}

.u-span2of12 {
    width: 16.6666666667% !important;
}

@media (min-width: 580px) {
    .u-span2of12\@sm {
        width: 16.6666666667% !important;
    }
}

@media (min-width: 960px) {
    .u-span2of12\@md {
        width: 16.6666666667% !important;
    }
}

@media (min-width: 1320px) {
    .u-span2of12\@lg {
        width: 16.6666666667% !important;
    }
}

.u-span3of12 {
    width: 25% !important;
}

@media (min-width: 580px) {
    .u-span3of12\@sm {
        width: 25% !important;
    }
}

@media (min-width: 960px) {
    .u-span3of12\@md {
        width: 25% !important;
    }
}

@media (min-width: 1320px) {
    .u-span3of12\@lg {
        width: 25% !important;
    }
}

.u-span4of12 {
    width: 33.3333333333% !important;
}

@media (min-width: 580px) {
    .u-span4of12\@sm {
        width: 33.3333333333% !important;
    }
}

@media (min-width: 960px) {
    .u-span4of12\@md {
        width: 33.3333333333% !important;
    }
}

@media (min-width: 1320px) {
    .u-span4of12\@lg {
        width: 33.3333333333% !important;
    }
}

.u-span5of12 {
    width: 41.6666666667% !important;
}

@media (min-width: 580px) {
    .u-span5of12\@sm {
        width: 41.6666666667% !important;
    }
}

@media (min-width: 960px) {
    .u-span5of12\@md {
        width: 41.6666666667% !important;
    }
}

@media (min-width: 1320px) {
    .u-span5of12\@lg {
        width: 41.6666666667% !important;
    }
}

.u-span6of12 {
    width: 50% !important;
}

@media (min-width: 580px) {
    .u-span6of12\@sm {
        width: 50% !important;
    }
}

@media (min-width: 960px) {
    .u-span6of12\@md {
        width: 50% !important;
    }
}

@media (min-width: 1320px) {
    .u-span6of12\@lg {
        width: 50% !important;
    }
}

.u-span7of12 {
    width: 58.3333333333% !important;
}

@media (min-width: 580px) {
    .u-span7of12\@sm {
        width: 58.3333333333% !important;
    }
}

@media (min-width: 960px) {
    .u-span7of12\@md {
        width: 58.3333333333% !important;
    }
}

@media (min-width: 1320px) {
    .u-span7of12\@lg {
        width: 58.3333333333% !important;
    }
}

.u-span8of12 {
    width: 66.6666666667% !important;
}

@media (min-width: 580px) {
    .u-span8of12\@sm {
        width: 66.6666666667% !important;
    }
}

@media (min-width: 960px) {
    .u-span8of12\@md {
        width: 66.6666666667% !important;
    }
}

@media (min-width: 1320px) {
    .u-span8of12\@lg {
        width: 66.6666666667% !important;
    }
}

.u-span9of12 {
    width: 75% !important;
}

@media (min-width: 580px) {
    .u-span9of12\@sm {
        width: 75% !important;
    }
}

@media (min-width: 960px) {
    .u-span9of12\@md {
        width: 75% !important;
    }
}

@media (min-width: 1320px) {
    .u-span9of12\@lg {
        width: 75% !important;
    }
}

.u-span10of12 {
    width: 83.3333333333% !important;
}

@media (min-width: 580px) {
    .u-span10of12\@sm {
        width: 83.3333333333% !important;
    }
}

@media (min-width: 960px) {
    .u-span10of12\@md {
        width: 83.3333333333% !important;
    }
}

@media (min-width: 1320px) {
    .u-span10of12\@lg {
        width: 83.3333333333% !important;
    }
}

.u-span11of12 {
    width: 91.6666666667% !important;
}

@media (min-width: 580px) {
    .u-span11of12\@sm {
        width: 91.6666666667% !important;
    }
}

@media (min-width: 960px) {
    .u-span11of12\@md {
        width: 91.6666666667% !important;
    }
}

@media (min-width: 1320px) {
    .u-span11of12\@lg {
        width: 91.6666666667% !important;
    }
}

.u-span12of12 {
    width: 100% !important;
}

@media (min-width: 580px) {
    .u-span12of12\@sm {
        width: 100% !important;
    }
}

@media (min-width: 960px) {
    .u-span12of12\@md {
        width: 100% !important;
    }
}

@media (min-width: 1320px) {
    .u-span12of12\@lg {
        width: 100% !important;
    }
}

.u-span1of1 {
    width: 100% !important;
}

.u-span1of2 {
    width: 50% !important;
}

.u-span2of4 {
    width: 50% !important;
}

.u-span1of3 {
    width: 33.3333333333% !important;
}

.u-span2of3 {
    width: 66.6666666667% !important;
}

.u-span1of4 {
    width: 25% !important;
}

.u-span3of4 {
    width: 75% !important;
}

.u-span1of5 {
    width: 20% !important;
}

.u-span2of5 {
    width: 40% !important;
}

.u-span3of5 {
    width: 60% !important;
}

.u-span4of5 {
    width: 80% !important;
}

.u-span1of6 {
    width: 16.6666666667% !important;
}

.u-span5of6 {
    width: 83.3333333333% !important;
}

.u-span1of7 {
    width: 14.2857142857% !important;
}

.u-span2of7 {
    width: 28.5714285714% !important;
}

.u-span3of7 {
    width: 42.8571428571% !important;
}

.u-span4of7 {
    width: 57.1428571429% !important;
}

.u-span5of7 {
    width: 71.4285714286% !important;
}

.u-span6of7 {
    width: 85.7142857143% !important;
}

.u-span1of8 {
    width: 12.5% !important;
}

.u-span3of8 {
    width: 37.5% !important;
}

.u-span5of8 {
    width: 62.5% !important;
}

.u-span7of8 {
    width: 62.5% !important;
}

.u-span1of9 {
    width: 11.1111111111% !important;
}

.u-span2of9 {
    width: 22.2222222222% !important;
}

.u-span3of9 {
    width: 33.3333333333% !important;
}

.u-span4of9 {
    width: 44.4444444444% !important;
}

.u-span5of9 {
    width: 55.5555555556% !important;
}

.u-span6of9 {
    width: 66.6666666667% !important;
}

.u-span7of9 {
    width: 77.7777777778% !important;
}

.u-span8of9 {
    width: 88.8888888889% !important;
}

.u-span1of10 {
    width: 10% !important;
}

.u-span3of10 {
    width: 30% !important;
}

.u-span4of10 {
    width: 40% !important;
}

.u-span6of10 {
    width: 60% !important;
}

.u-span8of10 {
    width: 80% !important;
}

.u-span1of11 {
    width: 9.0909090909% !important;
}

.u-span2of12 {
    width: 16.6666666667% !important;
}

.u-span3of12 {
    width: 25% !important;
}

.u-span4of12 {
    width: 33.3333333333% !important;
}

.u-span5of12 {
    width: 41.6666666667% !important;
}

.u-span6of12 {
    width: 50% !important;
}

.u-span7of12 {
    width: 58.3333333333% !important;
}

.u-span8of12 {
    width: 66.6666666667% !important;
}

.u-span10of12 {
    width: 83.3333333333% !important;
}

.u-span12of12 {
    width: 100% !important;
}

.u-sm-shown {
    display: none !important;
}

@media (min-width: 580px) {
    .u-sm-span1of1 {
        width: 100% !important;
    }

    .u-sm-span1of2 {
        width: 50% !important;
    }

    .u-sm-span2of4 {
        width: 50% !important;
    }

    .u-sm-span1of3 {
        width: 33.3333333333% !important;
    }

    .u-sm-span2of3 {
        width: 66.6666666667% !important;
    }

    .u-sm-span1of4 {
        width: 25% !important;
    }

    .u-sm-span3of4 {
        width: 75% !important;
    }

    .u-sm-span1of5 {
        width: 20% !important;
    }

    .u-sm-span2of5 {
        width: 40% !important;
    }

    .u-sm-span3of5 {
        width: 60% !important;
    }

    .u-sm-span4of5 {
        width: 80% !important;
    }

    .u-sm-span1of6 {
        width: 16.6666666667% !important;
    }

    .u-sm-span5of6 {
        width: 83.3333333333% !important;
    }

    .u-sm-span1of7 {
        width: 14.2857142857% !important;
    }

    .u-sm-span2of7 {
        width: 28.5714285714% !important;
    }

    .u-sm-span3of7 {
        width: 42.8571428571% !important;
    }

    .u-sm-span4of7 {
        width: 57.1428571429% !important;
    }

    .u-sm-span5of7 {
        width: 71.4285714286% !important;
    }

    .u-sm-span6of7 {
        width: 85.7142857143% !important;
    }

    .u-sm-span1of8 {
        width: 12.5% !important;
    }

    .u-sm-span3of8 {
        width: 37.5% !important;
    }

    .u-sm-span5of8 {
        width: 62.5% !important;
    }

    .u-sm-span7of8 {
        width: 62.5% !important;
    }

    .u-sm-span1of9 {
        width: 11.1111111111% !important;
    }

    .u-sm-span2of9 {
        width: 22.2222222222% !important;
    }

    .u-sm-span3of9 {
        width: 33.3333333333% !important;
    }

    .u-sm-span4of9 {
        width: 44.4444444444% !important;
    }

    .u-sm-span5of9 {
        width: 55.5555555556% !important;
    }

    .u-sm-span6of9 {
        width: 66.6666666667% !important;
    }

    .u-sm-span7of9 {
        width: 77.7777777778% !important;
    }

    .u-sm-span8of9 {
        width: 88.8888888889% !important;
    }

    .u-sm-span1of10 {
        width: 10% !important;
    }

    .u-sm-span3of10 {
        width: 30% !important;
    }

    .u-sm-span4of10 {
        width: 40% !important;
    }

    .u-sm-span6of10 {
        width: 60% !important;
    }

    .u-sm-span8of10 {
        width: 80% !important;
    }

    .u-sm-span1of11 {
        width: 9.0909090909% !important;
    }

    .u-sm-span2of12 {
        width: 16.6666666667% !important;
    }

    .u-sm-span3of12 {
        width: 25% !important;
    }

    .u-sm-span4of12 {
        width: 33.3333333333% !important;
    }

    .u-sm-span5of12 {
        width: 41.6666666667% !important;
    }

    .u-sm-span6of12 {
        width: 50% !important;
    }

    .u-sm-span7of12 {
        width: 58.3333333333% !important;
    }

    .u-sm-span8of12 {
        width: 66.6666666667% !important;
    }

    .u-sm-span10of12 {
        width: 83.3333333333% !important;
    }

    .u-sm-span12of12 {
        width: 100% !important;
    }

    .u-sm-shown {
        display: block !important;
    }
}

.u-md-shown {
    display: none !important;
}

@media (min-width: 960px) {
    .u-md-span1of1 {
        width: 100% !important;
    }

    .u-md-span1of2 {
        width: 50% !important;
    }

    .u-md-span2of4 {
        width: 50% !important;
    }

    .u-md-span1of3 {
        width: 33.3333333333% !important;
    }

    .u-md-span2of3 {
        width: 66.6666666667% !important;
    }

    .u-md-span1of4 {
        width: 25% !important;
    }

    .u-md-span3of4 {
        width: 75% !important;
    }

    .u-md-span1of5 {
        width: 20% !important;
    }

    .u-md-span2of5 {
        width: 40% !important;
    }

    .u-md-span3of5 {
        width: 60% !important;
    }

    .u-md-span4of5 {
        width: 80% !important;
    }

    .u-md-span1of6 {
        width: 16.6666666667% !important;
    }

    .u-md-span5of6 {
        width: 83.3333333333% !important;
    }

    .u-md-span1of7 {
        width: 14.2857142857% !important;
    }

    .u-md-span2of7 {
        width: 28.5714285714% !important;
    }

    .u-md-span3of7 {
        width: 42.8571428571% !important;
    }

    .u-md-span4of7 {
        width: 57.1428571429% !important;
    }

    .u-md-span5of7 {
        width: 71.4285714286% !important;
    }

    .u-md-span6of7 {
        width: 85.7142857143% !important;
    }

    .u-md-span1of8 {
        width: 12.5% !important;
    }

    .u-md-span3of8 {
        width: 37.5% !important;
    }

    .u-md-span5of8 {
        width: 62.5% !important;
    }

    .u-md-span7of8 {
        width: 62.5% !important;
    }

    .u-md-span1of9 {
        width: 11.1111111111% !important;
    }

    .u-md-span2of9 {
        width: 22.2222222222% !important;
    }

    .u-md-span3of9 {
        width: 33.3333333333% !important;
    }

    .u-md-span4of9 {
        width: 44.4444444444% !important;
    }

    .u-md-span5of9 {
        width: 55.5555555556% !important;
    }

    .u-md-span6of9 {
        width: 66.6666666667% !important;
    }

    .u-md-span7of9 {
        width: 77.7777777778% !important;
    }

    .u-md-span8of9 {
        width: 88.8888888889% !important;
    }

    .u-md-span1of10 {
        width: 10% !important;
    }

    .u-md-span3of10 {
        width: 30% !important;
    }

    .u-md-span4of10 {
        width: 40% !important;
    }

    .u-md-span6of10 {
        width: 60% !important;
    }

    .u-md-span8of10 {
        width: 80% !important;
    }

    .u-md-span1of11 {
        width: 9.0909090909% !important;
    }

    .u-md-span2of12 {
        width: 16.6666666667% !important;
    }

    .u-md-span3of12 {
        width: 25% !important;
    }

    .u-md-span4of12 {
        width: 33.3333333333% !important;
    }

    .u-md-span5of12 {
        width: 41.6666666667% !important;
    }

    .u-md-span6of12 {
        width: 50% !important;
    }

    .u-md-span7of12 {
        width: 58.3333333333% !important;
    }

    .u-md-span8of12 {
        width: 66.6666666667% !important;
    }

    .u-md-span10of12 {
        width: 83.3333333333% !important;
    }

    .u-md-span12of12 {
        width: 100% !important;
    }

    .u-md-shown {
        display: block !important;
    }
}

.u-lg-shown {
    display: none !important;
}

@media (min-width: 1320px) {
    .u-lg-span1of1 {
        width: 100% !important;
    }

    .u-lg-span1of2 {
        width: 50% !important;
    }

    .u-lg-span2of4 {
        width: 50% !important;
    }

    .u-lg-span1of3 {
        width: 33.3333333333% !important;
    }

    .u-lg-span2of3 {
        width: 66.6666666667% !important;
    }

    .u-lg-span1of4 {
        width: 25% !important;
    }

    .u-lg-span3of4 {
        width: 75% !important;
    }

    .u-lg-span1of5 {
        width: 20% !important;
    }

    .u-lg-span2of5 {
        width: 40% !important;
    }

    .u-lg-span3of5 {
        width: 60% !important;
    }

    .u-lg-span4of5 {
        width: 80% !important;
    }

    .u-lg-span1of6 {
        width: 16.6666666667% !important;
    }

    .u-lg-span5of6 {
        width: 83.3333333333% !important;
    }

    .u-lg-span1of7 {
        width: 14.2857142857% !important;
    }

    .u-lg-span2of7 {
        width: 28.5714285714% !important;
    }

    .u-lg-span3of7 {
        width: 42.8571428571% !important;
    }

    .u-lg-span4of7 {
        width: 57.1428571429% !important;
    }

    .u-lg-span5of7 {
        width: 71.4285714286% !important;
    }

    .u-lg-span6of7 {
        width: 85.7142857143% !important;
    }

    .u-lg-span1of8 {
        width: 12.5% !important;
    }

    .u-lg-span3of8 {
        width: 37.5% !important;
    }

    .u-lg-span5of8 {
        width: 62.5% !important;
    }

    .u-lg-span7of8 {
        width: 62.5% !important;
    }

    .u-lg-span1of9 {
        width: 11.1111111111% !important;
    }

    .u-lg-span2of9 {
        width: 22.2222222222% !important;
    }

    .u-lg-span3of9 {
        width: 33.3333333333% !important;
    }

    .u-lg-span4of9 {
        width: 44.4444444444% !important;
    }

    .u-lg-span5of9 {
        width: 55.5555555556% !important;
    }

    .u-lg-span6of9 {
        width: 66.6666666667% !important;
    }

    .u-lg-span7of9 {
        width: 77.7777777778% !important;
    }

    .u-lg-span8of9 {
        width: 88.8888888889% !important;
    }

    .u-lg-span1of10 {
        width: 10% !important;
    }

    .u-lg-span3of10 {
        width: 30% !important;
    }

    .u-lg-span4of10 {
        width: 40% !important;
    }

    .u-lg-span6of10 {
        width: 60% !important;
    }

    .u-lg-span8of10 {
        width: 80% !important;
    }

    .u-lg-span1of11 {
        width: 9.0909090909% !important;
    }

    .u-lg-span2of12 {
        width: 16.6666666667% !important;
    }

    .u-lg-span3of12 {
        width: 25% !important;
    }

    .u-lg-span4of12 {
        width: 33.3333333333% !important;
    }

    .u-lg-span5of12 {
        width: 41.6666666667% !important;
    }

    .u-lg-span6of12 {
        width: 50% !important;
    }

    .u-lg-span7of12 {
        width: 58.3333333333% !important;
    }

    .u-lg-span8of12 {
        width: 66.6666666667% !important;
    }

    .u-lg-span10of12 {
        width: 83.3333333333% !important;
    }

    .u-lg-span12of12 {
        width: 100% !important;
    }

    .u-lg-shown {
        display: block !important;
    }
}

.u-span3of7 {
    width: 42.8571428571% !important;
}

.u-span3of10 {
    width: 30% !important;
}

.u-span4of7 {
    width: 57.1428571429% !important;
}

.u-span4of10 {
    width: 40% !important;
}

.u-span5of7 {
    width: 71.4285714286% !important;
}

.u-span5of10 {
    width: 50% !important;
}

.u-span6of7 {
    width: 85.7142857143% !important;
}

.u-span6of10 {
    width: 60% !important;
}

.u-span7of7 {
    width: 100% !important;
}

.u-span7of10 {
    width: 70% !important;
}

.u-span8of7 {
    width: 114.2857142857% !important;
}

.u-span8of10 {
    width: 80% !important;
}

.u-span9of7 {
    width: 128.5714285714% !important;
}

.u-span9of10 {
    width: 90% !important;
}

.u-span10of7 {
    width: 142.8571428571% !important;
}

.u-span10of10 {
    width: 100% !important;
}

.u-span11of7 {
    width: 157.1428571429% !important;
}

.u-span11of10 {
    width: 110% !important;
}

[class*="u-island"] {
    position: relative;
}

/* Vertical padding
--------------------------------------------------------------------------------*/
[class*="u-island"][class*="island16"] {
    padding: 8px;
}

@media screen and (min-width: 320px) {
    [class*="u-island"][class*="island16"] {
        padding: calc(0.8vw + 5.44px);
    }
}

@media screen and (min-width: 1320px) {
    [class*="u-island"][class*="island16"] {
        padding: 16px;
    }
}

[class*="u-island"][class*="island32"] {
    padding: 16px;
}

@media screen and (min-width: 320px) {
    [class*="u-island"][class*="island32"] {
        padding: calc(1.6vw + 10.88px);
    }
}

@media screen and (min-width: 1320px) {
    [class*="u-island"][class*="island32"] {
        padding: 32px;
    }
}

[class*="u-island"][class*="island48"] {
    padding: 24px;
}

@media screen and (min-width: 320px) {
    [class*="u-island"][class*="island48"] {
        padding: calc(2.4vw + 16.32px);
    }
}

@media screen and (min-width: 1320px) {
    [class*="u-island"][class*="island48"] {
        padding: 48px;
    }
}

[class*="u-island"][class*="V16"],
[class*="u-island"][class*="T16"] {
    padding-top: 8px;
}

@media screen and (min-width: 320px) {
    [class*="u-island"][class*="V16"],
    [class*="u-island"][class*="T16"] {
        padding-top: calc(0.8vw + 5.44px);
    }
}

@media screen and (min-width: 1320px) {
    [class*="u-island"][class*="V16"],
    [class*="u-island"][class*="T16"] {
        padding-top: 16px;
    }
}

[class*="u-island"][class*="V32"],
[class*="u-island"][class*="T32"] {
    padding-top: 16px;
}

@media screen and (min-width: 320px) {
    [class*="u-island"][class*="V32"],
    [class*="u-island"][class*="T32"] {
        padding-top: calc(1.6vw + 10.88px);
    }
}

@media screen and (min-width: 1320px) {
    [class*="u-island"][class*="V32"],
    [class*="u-island"][class*="T32"] {
        padding-top: 32px;
    }
}

[class*="u-island"][class*="V48"],
[class*="u-island"][class*="T48"] {
    padding-top: 24px;
}

@media screen and (min-width: 320px) {
    [class*="u-island"][class*="V48"],
    [class*="u-island"][class*="T48"] {
        padding-top: calc(2.4vw + 16.32px);
    }
}

@media screen and (min-width: 1320px) {
    [class*="u-island"][class*="V48"],
    [class*="u-island"][class*="T48"] {
        padding-top: 48px;
    }
}

[class*="u-island"][class*="T64"] {
    padding-top: 32px;
}

@media screen and (min-width: 320px) {
    [class*="u-island"][class*="T64"] {
        padding-top: calc(3.2vw + 21.76px);
    }
}

@media screen and (min-width: 1320px) {
    [class*="u-island"][class*="T64"] {
        padding-top: 64px;
    }
}

[class*="u-island"][class*="V16"],
[class*="u-island"][class*="B16"] {
    padding-bottom: 8px;
}

@media screen and (min-width: 320px) {
    [class*="u-island"][class*="V16"],
    [class*="u-island"][class*="B16"] {
        padding-bottom: calc(0.8vw + 5.44px);
    }
}

@media screen and (min-width: 1320px) {
    [class*="u-island"][class*="V16"],
    [class*="u-island"][class*="B16"] {
        padding-bottom: 16px;
    }
}

[class*="u-island"][class*="V32"],
[class*="u-island"][class*="B32"] {
    padding-bottom: 16px;
}

@media screen and (min-width: 320px) {
    [class*="u-island"][class*="V32"],
    [class*="u-island"][class*="B32"] {
        padding-bottom: calc(1.6vw + 10.88px);
    }
}

@media screen and (min-width: 1320px) {
    [class*="u-island"][class*="V32"],
    [class*="u-island"][class*="B32"] {
        padding-bottom: 32px;
    }
}

[class*="u-island"][class*="V48"],
[class*="u-island"][class*="B48"] {
    padding-bottom: 24px;
}

@media screen and (min-width: 320px) {
    [class*="u-island"][class*="V48"],
    [class*="u-island"][class*="B48"] {
        padding-bottom: calc(2.4vw + 16.32px);
    }
}

@media screen and (min-width: 1320px) {
    [class*="u-island"][class*="V48"],
    [class*="u-island"][class*="B48"] {
        padding-bottom: 48px;
    }
}

[class*="u-island"][class*="B64"] {
    padding-bottom: 32px;
}

@media screen and (min-width: 320px) {
    [class*="u-island"][class*="B64"] {
        padding-bottom: calc(3.2vw + 21.76px);
    }
}

@media screen and (min-width: 1320px) {
    [class*="u-island"][class*="B64"] {
        padding-bottom: 64px;
    }
}

[class*="u-island"][class*="B72"] {
    padding-bottom: 36px;
}

@media screen and (min-width: 320px) {
    [class*="u-island"][class*="B72"] {
        padding-bottom: calc(3.6vw + 24.48px);
    }
}

@media screen and (min-width: 1320px) {
    [class*="u-island"][class*="B72"] {
        padding-bottom: 72px;
    }
}

[class*="u-island"][class*="H24"] {
    padding-left: 12px;
}

@media screen and (min-width: 320px) {
    [class*="u-island"][class*="H24"] {
        padding-left: calc(1.2vw + 8.16px);
    }
}

@media screen and (min-width: 1320px) {
    [class*="u-island"][class*="H24"] {
        padding-left: 24px;
    }
}

[class*="u-island"][class*="H24"] {
    padding-right: 12px;
}

@media screen and (min-width: 320px) {
    [class*="u-island"][class*="H24"] {
        padding-right: calc(1.2vw + 8.16px);
    }
}

@media screen and (min-width: 1320px) {
    [class*="u-island"][class*="H24"] {
        padding-right: 24px;
    }
}

[class*="u-island"][class*="H32"] {
    padding-left: 16px;
}

@media screen and (min-width: 320px) {
    [class*="u-island"][class*="H32"] {
        padding-left: calc(1.6vw + 10.88px);
    }
}

@media screen and (min-width: 1320px) {
    [class*="u-island"][class*="H32"] {
        padding-left: 32px;
    }
}

[class*="u-island"][class*="H32"] {
    padding-right: 16px;
}

@media screen and (min-width: 320px) {
    [class*="u-island"][class*="H32"] {
        padding-right: calc(1.6vw + 10.88px);
    }
}

@media screen and (min-width: 1320px) {
    [class*="u-island"][class*="H32"] {
        padding-right: 32px;
    }
}

[class*="u-island"][class*="H48"] {
    padding-left: 24px;
}

@media screen and (min-width: 320px) {
    [class*="u-island"][class*="H48"] {
        padding-left: calc(2.4vw + 16.32px);
    }
}

@media screen and (min-width: 1320px) {
    [class*="u-island"][class*="H48"] {
        padding-left: 48px;
    }
}

[class*="u-island"][class*="H48"] {
    padding-right: 24px;
}

@media screen and (min-width: 320px) {
    [class*="u-island"][class*="H48"] {
        padding-right: calc(2.4vw + 16.32px);
    }
}

@media screen and (min-width: 1320px) {
    [class*="u-island"][class*="H48"] {
        padding-right: 48px;
    }
}

.u-after0of12 {
    margin-right: 0% !important;
}

@media (min-width: 580px) {
    .u-sm-after0of12 {
        margin-right: 0% !important;
    }
}

@media (min-width: 960px) {
    .u-md-after0of12 {
        margin-right: 0% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-after0of12 {
        margin-right: 0% !important;
    }
}

.u-after1of12 {
    margin-right: 8.3333333333% !important;
}

@media (min-width: 580px) {
    .u-sm-after1of12 {
        margin-right: 8.3333333333% !important;
    }
}

@media (min-width: 960px) {
    .u-md-after1of12 {
        margin-right: 8.3333333333% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-after1of12 {
        margin-right: 8.3333333333% !important;
    }
}

.u-after2of12 {
    margin-right: 16.6666666667% !important;
}

@media (min-width: 580px) {
    .u-sm-after2of12 {
        margin-right: 16.6666666667% !important;
    }
}

@media (min-width: 960px) {
    .u-md-after2of12 {
        margin-right: 16.6666666667% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-after2of12 {
        margin-right: 16.6666666667% !important;
    }
}

.u-after3of12 {
    margin-right: 25% !important;
}

@media (min-width: 580px) {
    .u-sm-after3of12 {
        margin-right: 25% !important;
    }
}

@media (min-width: 960px) {
    .u-md-after3of12 {
        margin-right: 25% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-after3of12 {
        margin-right: 25% !important;
    }
}

.u-after4of12 {
    margin-right: 33.3333333333% !important;
}

@media (min-width: 580px) {
    .u-sm-after4of12 {
        margin-right: 33.3333333333% !important;
    }
}

@media (min-width: 960px) {
    .u-md-after4of12 {
        margin-right: 33.3333333333% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-after4of12 {
        margin-right: 33.3333333333% !important;
    }
}

.u-after5of12 {
    margin-right: 41.6666666667% !important;
}

@media (min-width: 580px) {
    .u-sm-after5of12 {
        margin-right: 41.6666666667% !important;
    }
}

@media (min-width: 960px) {
    .u-md-after5of12 {
        margin-right: 41.6666666667% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-after5of12 {
        margin-right: 41.6666666667% !important;
    }
}

.u-after6of12 {
    margin-right: 50% !important;
}

@media (min-width: 580px) {
    .u-sm-after6of12 {
        margin-right: 50% !important;
    }
}

@media (min-width: 960px) {
    .u-md-after6of12 {
        margin-right: 50% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-after6of12 {
        margin-right: 50% !important;
    }
}

.u-after7of12 {
    margin-right: 58.3333333333% !important;
}

@media (min-width: 580px) {
    .u-sm-after7of12 {
        margin-right: 58.3333333333% !important;
    }
}

@media (min-width: 960px) {
    .u-md-after7of12 {
        margin-right: 58.3333333333% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-after7of12 {
        margin-right: 58.3333333333% !important;
    }
}

.u-after8of12 {
    margin-right: 66.6666666667% !important;
}

@media (min-width: 580px) {
    .u-sm-after8of12 {
        margin-right: 66.6666666667% !important;
    }
}

@media (min-width: 960px) {
    .u-md-after8of12 {
        margin-right: 66.6666666667% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-after8of12 {
        margin-right: 66.6666666667% !important;
    }
}

.u-after9of12 {
    margin-right: 75% !important;
}

@media (min-width: 580px) {
    .u-sm-after9of12 {
        margin-right: 75% !important;
    }
}

@media (min-width: 960px) {
    .u-md-after9of12 {
        margin-right: 75% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-after9of12 {
        margin-right: 75% !important;
    }
}

.u-after10of12 {
    margin-right: 83.3333333333% !important;
}

@media (min-width: 580px) {
    .u-sm-after10of12 {
        margin-right: 83.3333333333% !important;
    }
}

@media (min-width: 960px) {
    .u-md-after10of12 {
        margin-right: 83.3333333333% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-after10of12 {
        margin-right: 83.3333333333% !important;
    }
}

.u-after11of12 {
    margin-right: 91.6666666667% !important;
}

@media (min-width: 580px) {
    .u-sm-after11of12 {
        margin-right: 91.6666666667% !important;
    }
}

@media (min-width: 960px) {
    .u-md-after11of12 {
        margin-right: 91.6666666667% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-after11of12 {
        margin-right: 91.6666666667% !important;
    }
}

.u-after1of7 {
    margin-right: 14.2857142857% !important;
}

.u-after1of10 {
    margin-right: 10% !important;
}

.u-before0of12 {
    margin-left: 0% !important;
}

@media (min-width: 580px) {
    .u-sm-before0of12 {
        margin-left: 0% !important;
    }
}

@media (min-width: 960px) {
    .u-md-before0of12 {
        margin-left: 0% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-before0of12 {
        margin-left: 0% !important;
    }
}

.u-before1of12 {
    margin-left: 8.3333333333% !important;
}

@media (min-width: 580px) {
    .u-sm-before1of12 {
        margin-left: 8.3333333333% !important;
    }
}

@media (min-width: 960px) {
    .u-md-before1of12 {
        margin-left: 8.3333333333% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-before1of12 {
        margin-left: 8.3333333333% !important;
    }
}

.u-before2of12 {
    margin-left: 16.6666666667% !important;
}

@media (min-width: 580px) {
    .u-sm-before2of12 {
        margin-left: 16.6666666667% !important;
    }
}

@media (min-width: 960px) {
    .u-md-before2of12 {
        margin-left: 16.6666666667% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-before2of12 {
        margin-left: 16.6666666667% !important;
    }
}

.u-before3of12 {
    margin-left: 25% !important;
}

@media (min-width: 580px) {
    .u-sm-before3of12 {
        margin-left: 25% !important;
    }
}

@media (min-width: 960px) {
    .u-md-before3of12 {
        margin-left: 25% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-before3of12 {
        margin-left: 25% !important;
    }
}

.u-before4of12 {
    margin-left: 33.3333333333% !important;
}

@media (min-width: 580px) {
    .u-sm-before4of12 {
        margin-left: 33.3333333333% !important;
    }
}

@media (min-width: 960px) {
    .u-md-before4of12 {
        margin-left: 33.3333333333% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-before4of12 {
        margin-left: 33.3333333333% !important;
    }
}

.u-before5of12 {
    margin-left: 41.6666666667% !important;
}

@media (min-width: 580px) {
    .u-sm-before5of12 {
        margin-left: 41.6666666667% !important;
    }
}

@media (min-width: 960px) {
    .u-md-before5of12 {
        margin-left: 41.6666666667% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-before5of12 {
        margin-left: 41.6666666667% !important;
    }
}

.u-before6of12 {
    margin-left: 50% !important;
}

@media (min-width: 580px) {
    .u-sm-before6of12 {
        margin-left: 50% !important;
    }
}

@media (min-width: 960px) {
    .u-md-before6of12 {
        margin-left: 50% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-before6of12 {
        margin-left: 50% !important;
    }
}

.u-before7of12 {
    margin-left: 58.3333333333% !important;
}

@media (min-width: 580px) {
    .u-sm-before7of12 {
        margin-left: 58.3333333333% !important;
    }
}

@media (min-width: 960px) {
    .u-md-before7of12 {
        margin-left: 58.3333333333% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-before7of12 {
        margin-left: 58.3333333333% !important;
    }
}

.u-before8of12 {
    margin-left: 66.6666666667% !important;
}

@media (min-width: 580px) {
    .u-sm-before8of12 {
        margin-left: 66.6666666667% !important;
    }
}

@media (min-width: 960px) {
    .u-md-before8of12 {
        margin-left: 66.6666666667% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-before8of12 {
        margin-left: 66.6666666667% !important;
    }
}

.u-before9of12 {
    margin-left: 75% !important;
}

@media (min-width: 580px) {
    .u-sm-before9of12 {
        margin-left: 75% !important;
    }
}

@media (min-width: 960px) {
    .u-md-before9of12 {
        margin-left: 75% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-before9of12 {
        margin-left: 75% !important;
    }
}

.u-before10of12 {
    margin-left: 83.3333333333% !important;
}

@media (min-width: 580px) {
    .u-sm-before10of12 {
        margin-left: 83.3333333333% !important;
    }
}

@media (min-width: 960px) {
    .u-md-before10of12 {
        margin-left: 83.3333333333% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-before10of12 {
        margin-left: 83.3333333333% !important;
    }
}

.u-before11of12 {
    margin-left: 91.6666666667% !important;
}

@media (min-width: 580px) {
    .u-sm-before11of12 {
        margin-left: 91.6666666667% !important;
    }
}

@media (min-width: 960px) {
    .u-md-before11of12 {
        margin-left: 91.6666666667% !important;
    }
}

@media (min-width: 1320px) {
    .u-lg-before11of12 {
        margin-left: 91.6666666667% !important;
    }
}

.u-before1of7 {
    margin-left: 14.2857142857% !important;
}

.u-before1of10 {
    margin-left: 10% !important;
}

@media (min-width: 960px) {
    .u-md-before2of5 {
        margin-left: 40% !important;
    }

    .u-md-before1of5 {
        margin-left: 20% !important;
    }

    .u-md-before1of10 {
        margin-left: 10% !important;
    }
}
/* Display
--------------------------------------------------------------------------------*/
.u-hidden {
    display: none !important;
}

.u-hiddenVisually {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.u-flex {
    display: flex !important;
}

.u-flexCol {
    flex-direction: column !important;
}

.u-flexJustifyBetween {
    justify-content: space-between !important;
}

.u-flexAbsoluteCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

.u-flexAlignBottom {
    margin-top: auto;
}

.u-posAbsoluteCenter {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.u-posFit {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    margin: auto !important;
    right: 0 !important;
    top: 0 !important;
}

/* Text
--------------------------------------------------------------------------------*/
.u-textLeft {
    text-align: left !important;
}

.u-textCenter {
    text-align: center !important;
}

.u-textRight {
    text-align: right !important;
}

.u-textNoWrap {
    white-space: nowrap !important;
}

.u-textTruncate {
    max-width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.u-price {
    display: flex;
    align-items: baseline !important;
    justify-content: center !important;
}

.u-price > * {
    margin-left: 8px;
}

.u-price--wrapped {
    flex-direction: column;
    align-items: center !important;
}

.u-textBold {
    font-weight: 700;
}

.explainer-content p {
    padding-bottom: 1rem;
}
/* Themes
--------------------------------------------------------------------------------*/
.u-bgBaseLight,
.u-bgBaseLight::before {
    background-color: #fff;
}

.u-textLight {
    color: #fff;
}

.u-bgBaseGrey,
.u-bgBaseGrey::before {
    background-color: #838383;
}

.u-textGrey {
    color: #838383;
}

.u-bgBaseLightGrey,
.u-bgBaseLightGrey::before {
    background-color: #f5f6f8;
}

.u-textLightGrey {
    color: #f5f6f8;
}

.u-bgBaseBeige,
.u-bgBaseBeige::before {
    background-color: #d6d6d6;
}

.u-textBeige {
    color: #d6d6d6;
}

.u-bgBaseDark,
.u-bgBaseDark::before {
    background-color: #272727;
}

.u-textDark {
    color: #272727;
}

.u-bgStrongRed,
.u-bgStrongRed::before {
    background-color: #ed0812;
}

.u-bgStrongBlue,
.u-bgStrongBlue::before {
    background-color: #096fdc;
}

.u-bgStrongGreen,
.u-bgStrongGreen::before {
    background-color: #25d287;
}

.u-bgStrongTurquoise,
.u-bgStrongTurquoise::before {
    background-color: #217d77;
}

.u-bgStrongYellow,
.u-bgStrongYellow::before {
    background-color: #ffdb38;
}

.u-bgStrongPurple,
.u-bgStrongPurple::before {
    background-color: #6b55ec;
}

.u-bgStrongBrown,
.u-bgStrongBrown::before {
    background-color: #694f38;
}

.u-bgSubtlePink,
.u-bgSubtlePink::before {
    background-color: #ffdee5;
}

.u-bgSubtleBlue,
.u-bgSubtleBlue::before {
    background-color: #d4eefa;
}

.u-bgSubtleGreen,
.u-bgSubtleGreen::before {
    background-color: #d3f4e8;
}

.u-bgSubtlePurple,
.u-bgSubtlePurple::before {
    background-color: #e3e1ff;
}

.u-bgSubtleBeige,
.u-bgSubtleBeige::before {
    background-color: #eee7e2;
}

.u-bgDarkBlue,
.u-bgDarkBlue::before {
    background-color: #002b6b;
}

.u-bgDarkGreen,
.u-bgDarkGreen::before {
    background-color: #0f3d24;
}

.u-textLight [class*="u-serif"] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.u-trailer8 {
    margin-bottom: 4px;
}

@media screen and (min-width: 320px) {
    .u-trailer8 {
        margin-bottom: calc(0.4vw + 2.72px);
    }
}

@media screen and (min-width: 1320px) {
    .u-trailer8 {
        margin-bottom: 8px;
    }
}

.u-trailer16 {
    margin-bottom: 8px;
}

@media screen and (min-width: 320px) {
    .u-trailer16 {
        margin-bottom: calc(0.8vw + 5.44px);
    }
}

@media screen and (min-width: 1320px) {
    .u-trailer16 {
        margin-bottom: 16px;
    }
}

.u-trailer24 {
    margin-bottom: 12px;
}

@media screen and (min-width: 320px) {
    .u-trailer24 {
        margin-bottom: calc(1.2vw + 8.16px);
    }
}

@media screen and (min-width: 1320px) {
    .u-trailer24 {
        margin-bottom: 24px;
    }
}

.u-trailer40 {
    margin-bottom: 20px;
}

@media screen and (min-width: 320px) {
    .u-trailer40 {
        margin-bottom: calc(2vw + 13.6px);
    }
}

@media screen and (min-width: 1320px) {
    .u-trailer40 {
        margin-bottom: 40px;
    }
}

.u-trailer48 {
    margin-bottom: 24px;
}

@media screen and (min-width: 320px) {
    .u-trailer48 {
        margin-bottom: calc(2.4vw + 16.32px);
    }
}

@media screen and (min-width: 1320px) {
    .u-trailer48 {
        margin-bottom: 48px;
    }
}

/* Serif
--------------------------------------------------------------------------------*/
.u-serif,
[class*="Copy"] h1:not([class]),
[class*="u-serif"] {
    font-family: "NORLYSHeadline";
    font-weight: 700;
}

.u-serif160 {
    line-height: 1;
}

.u-serif160 {
    font-size: 60px;
}

@media screen and (min-width: 320px) {
    .u-serif160 {
        font-size: calc(6vw + 40.8px);
    }
}

@media screen and (min-width: 1320px) {
    .u-serif160 {
        font-size: 120px;
    }
}

.u-serif80,
[class*="Copy"] h1:not([class]) {
    line-height: 1.125;
}

.u-serif80,
[class*="Copy"] h1:not([class]) {
    font-size: 30px;
}

@media screen and (min-width: 320px) {
    .u-serif80,
    [class*="Copy"] h1:not([class]) {
        font-size: calc(3vw + 20.4px);
    }
}

@media screen and (min-width: 1320px) {
    .u-serif80,
    [class*="Copy"] h1:not([class]) {
        font-size: 60px;
    }
}

.u-serif56,
.Copy--sm h1:not([class]) {
    line-height: 1.15;
}

.u-serif56,
.Copy--sm h1:not([class]) {
    font-size: 22px;
}

@media screen and (min-width: 320px) {
    .u-serif56,
    .Copy--sm h1:not([class]) {
        font-size: calc(1.8vw + 16.24px);
    }
}

@media screen and (min-width: 1320px) {
    .u-serif56,
    .Copy--sm h1:not([class]) {
        font-size: 40px;
    }
}

.u-serif40,
.u-serif40Bd {
    line-height: 1.15;
}

.u-serif40,
.u-serif40Bd {
    font-size: 22px;
}

@media screen and (min-width: 320px) {
    .u-serif40,
    .u-serif40Bd {
        font-size: calc(1.8vw + 16.24px);
    }
}

@media screen and (min-width: 1320px) {
    .u-serif40,
    .u-serif40Bd {
        font-size: 40px;
    }
}

.u-serif30Bd {
    line-height: 1.2;
}

.u-serif30Bd {
    font-size: 18px;
}

@media screen and (min-width: 320px) {
    .u-serif30Bd {
        font-size: calc(1vw + 14.8px);
    }
}

@media screen and (min-width: 1320px) {
    .u-serif30Bd {
        font-size: 28px;
    }
}

.u-serif18,
.u-serif18Bd {
    line-height: 1.3;
}

.u-serif18,
.u-serif18Bd {
    font-size: 16px;
}

@media screen and (min-width: 320px) {
    .u-serif18,
    .u-serif18Bd {
        font-size: calc(0.2vw + 15.36px);
    }
}

@media screen and (min-width: 1320px) {
    .u-serif18,
    .u-serif18Bd {
        font-size: 18px;
    }
}