/* Minification failed. Returning unminified contents. (253,18): run-time error CSS1030: Expected identifier, found ':' (253,19): run-time error CSS1031: Expected selector, found 'not(' (253,19): run-time error CSS1025: Expected comma or open brace, found 'not(' */ /*! * Bootstrap Grid v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */@-ms-viewport{width:device-width}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.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}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;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-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.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-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-sm-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-md-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-lg-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-sm-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-md-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-lg-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-xl-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}} /*# sourceMappingURL=bootstrap-grid.min.css.map */ /* COLORS: - off-white: #eee; - light-gray: #d9d9d9; - gray: #7d7d7d; - off-black (text default): #222; */ /* ---------------------------------------------------------------------------------------------------- GLOBAL ---------------------------------------------------------------------------------------------------- >> Default -------------------------------------------------- */ * { box-sizing: border-box; } html { width: 100%; max-width: 100vw; font-size: 62.5%; overflow-x: hidden; } html, body { margin: 0; padding: 0; } body { width: 100%; max-width: 100vw; height: auto; min-height: 100vh; color: #222; font-size: 1.6rem; overflow-x: hidden; } html.no-scroll { overflow: hidden; } html.no-scroll { overflow: hidden; } /* Bootstrap overwrite */ .container { padding-left: 1.5rem; padding-right: 1.5rem; } h1, h2, h3, h4, h5, h6, p, span, blockquote, ul, li, td, th, input { margin: 0; padding: 0; } a { font-family: inherit; font-size: inherit; text-decoration: none; } a:hover { color: inherit; text-decoration: none; } a:visited { color: inherit; } li { list-style: none; } label { margin: 0; padding: 0; } button { margin: 0; padding: 0; background: transparent; border: none; } button:focus { outline: 0; } button:disabled, input:disabled, button:disabled:hover, input:disabled:hover { background: rgba(0,0,0,.15) !important; border-color: transparent !important; color: #fff !important; cursor: default !important; } input, textarea { box-sizing: border-box; border: .1rem solid #d9d9d9; outline: 0; } input:focus, textarea:focus { border-color: #7d7d7d; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* remove input number arrows */ input[type=number] { -moz-appearance: textfield; } select { background: transparent; border: none; cursor: pointer; } select + select { margin-left: 1rem; } img { vertical-align: initial !important; } .page-content { min-height: calc(100vh - 31.6rem); } .font-inherit{ font-size:inherit; } .grecaptcha-badge { visibility : hidden } /* >> Animations -------------------------------------------------- */ @keyframes loading { 0% { top: 9.6rem; left: 9.6rem; width: 0; height: 0; opacity: 1; } 100% { top: 1.8rem; left: 1.8rem; width: 15.6rem; height: 15.6rem; opacity: 0; } } @keyframes loadingBtn { 0% { top: calc(50% - .3rem); left: calc(50% - .3rem); width: 0; height: 0; opacity: 1; } 100% { top: calc(50% - 1.8rem); left: calc(50% - 1.8rem); width: 3rem; height: 3rem; opacity: 0; } } /* >> Elements -------------------------------------------------- */ /* angle */ .angle { position: relative; display: block; width: 1.5rem; height: .9rem; } .angle span { display: block; position: absolute; width: .9rem; height: .1rem; background: #000; } .angle--up span { bottom: .5rem; } .angle--up span:nth-of-type(1) { left: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .angle--up span:nth-of-type(2) { right: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .angle--down span { top: .5rem; } .angle--down span:nth-of-type(1) { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .angle--down span:nth-of-type(2) { right: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .angle--left span { right: .5rem; } .angle--left span:nth-of-type(1) { top: .1rem; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .angle--left span:nth-of-type(2) { bottom: .1rem; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } /* arrows */ .arrow { display: block; position: relative; width: 1.5rem; height: 1.4rem; -webkit-transition: margin .2s; -moz-transition: margin .2s; transition: margin .2s; } .arrow span { position: absolute; -webkit-transition: background-color .2s; -moz-transition: background-color .2s; transition: background-color .2s; } .arrow.black span { background: #222; } .arrow.gray span { background: #7d7d7d; } .arrow.white span { background: #fff; } .arrow--up, .arrow--down { width: 1.4rem; height: 1.5rem; } .arrow--up span, .arrow--down span { width: .2rem; } .arrow--right, .arrow--left { width: 1.5rem; height: 1.4rem; } .arrow--right span, .arrow--left span { height: .2rem; } .arrow--up span:nth-of-type(1), .arrow--up span:nth-of-type(3) { height: .9rem; top: -.15rem; } .arrow--up span:nth-of-type(1) { left: .3rem; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .arrow--up span:nth-of-type(2) { left: calc(50% - .1rem); bottom: 0; height: 100%; } .arrow--up span:nth-of-type(3) { right: .3rem; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .arrow--right span:nth-of-type(1), .arrow--right span:nth-of-type(3) { width: .9rem; right: -.15rem; } .arrow--right span:nth-of-type(1) { top: .3rem; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .arrow--right span:nth-of-type(2) { top: calc(50% - .1rem); left: 0; width: 100%; } .arrow--right span:nth-of-type(3) { bottom: .3rem; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .arrow--down span:nth-of-type(1), .arrow--down span:nth-of-type(3) { height: .9rem; bottom: -.15rem; } .arrow--down span:nth-of-type(1) { right: .3rem; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .arrow--down span:nth-of-type(2) { left: calc(50% - .1rem); top: 0; height: 100%; } .arrow--down span:nth-of-type(3) { left: .3rem; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .arrow--left span:nth-of-type(1), .arrow--left span:nth-of-type(3) { width: .9rem; left: -.15rem; } .arrow--left span:nth-of-type(1) { bottom: .3rem; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .arrow--left span:nth-of-type(2) { top: calc(50% - .1rem); right: 0; width: 100%; } .arrow--left span:nth-of-type(3) { top: .3rem; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } /* attraction (slide) */ .slide.attraction { width: 15.5rem; } .slide.attraction:not(:nth-of-type(10)) { margin-right: 1rem; } .slide.attraction:nth-of-type(n+11) { display: none; } .slide.attraction .slide__content .clickable-area { position: relative; } .slide.attraction .slide__content .clickable-area > a { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 2.5rem); z-index: 1; } .slide.attraction .slide__img { display: block; width: 100%; height: 8rem; border: .1rem solid #eee; border-radius: 1rem; -webkit-transition: background-size .2s; -moz-transition: background-size .2s; transition: background-size .2s; } .slide.attraction .slide__img:hover { background-size: auto 110% !important; } .slide.attraction .slide__content h4 { min-height: 3.7rem; margin: .8rem 0 0.5rem; font-size: 1.4rem; line-height: 1.8rem; } .slide.attraction .slide__content h4 + p, .slide.attraction .slide__content h4 + p span { font-size: 1.3rem; line-height: 1.6rem; } .slide.attraction .slide__content h4 + p span.old { display: inline-block; margin-bottom: .5rem; color: #777; text-decoration: line-through; } .slide.attraction .slide__content h4 + p strong { font-size: 1.5rem; line-height: 1.8rem; } .slide.attraction .slide__content .tab.active .tab__header { padding-bottom: .8rem; } .slide.attraction .slide__content .tab.active .tab__header p .text { padding-bottom: 0; border: none; color: #222; } .slide.attraction .slide__content .tab.active .tab__header p .angle { margin-top: .6rem; } .slide.attraction .slide__content .tab.active .tab__header p .angle span { background: #222; } @media (min-width: 576px) { .slide.attraction { width: 20rem; } .slide.attraction .slide__img { height: 8.5rem; } .slide.attraction .slide__content .tab.active .tab__header { padding-bottom: 1rem; } .slide.attraction .slide__content .tab__body, .slide.attraction .slide__content .tab__body p:nth-of-type(1) { padding: 1rem; } } @media (min-width: 992px) { .slide.attraction { width: calc(33.3% - .67rem); } .slide.attraction:nth-of-type(n+3) { margin-right: 0; } .slide.attraction:nth-of-type(n+4) { display: none !important; } .slide.attraction .slider__header > .flexbox { display: -webkit-flex; display: flex; } .slide.attraction .slide__img { height: 12.6rem; border-radius: 0; } .slide.attraction .slide__content h4 { min-height: 4.5rem; font-size: 1.6rem; } .slide.attraction .slide__content h4 + p, .slide.attraction .slide__content .tab__body p, .slide.attraction .slide__content .tab__body p span { font-size: 1.4rem; line-height: 1.8rem; } } @media (min-width: 1200px) { .slide.attraction .slide__img { height: 15.0rem; } .slide.attraction .slide__content h4 { line-height: 2rem; } .slide.attraction .slide__content h4 + p strong { font-size: 1.6rem; } } @media (min-width: 1400px) { .slide.attraction .slide__img { height: 17.4rem; } .slide.attraction .slide__content h4 { font-size: 1.8rem; line-height: 2.2rem; } .slide.attraction .slide__content h4 + p { font-size: 1.6rem; } .slide.attraction .slide__content h4 + p strong { font-size: 1.8rem; } .slide.attraction .info-panel img { margin: 1rem 0 1.5rem 5rem; } } /* Button Memer Savings Popup */ .btn--savings-popup { position: relative; margin: 0; padding-bottom: .3rem; border-bottom: .1rem solid #ccc; color: #7d7d7d; font-size: 1.2rem; line-height: 1.4rem; -webkit-transition: color .2s; -moz-transition: color .2s; transition: color .2s; } .btn--savings-popup:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 0; height: .1rem; background: #222; -webkit-transition: width .2s; -moz-transition: width .2s; transition: width .2s; z-index: 1; } .btn--savings-popup:hover { color: #222; } .btn--savings-popup:hover:after { width: 100%; } /* button link */ .btn--link { display: block; position: relative; width: 100%; max-width: 36rem; height: 5rem; margin: auto; background: #222; border: .3rem solid #222; color: #fff !important; font-size: 1.6rem; font-weight: 600; line-height: 5rem; text-align: center; -webkit-transition: background-color .2s, color .2s; -moz-transition: background-color .2s, color .2s; transition: background-color .2s, border-color .2s, color .2s; } .btn--link .arrow--right { margin: .2rem 0 0 1.5rem; -webkit-transition: margin .2s; -moz-transition: margin .2s; transition: margin .2s; } .btn--link:hover, .btn--link:focus { background-color: #eee; border-color: #222; color: #222 !important; } .btn--link:hover .arrow--right { margin: .2rem -1rem 0 2.5rem; } .btn--link:hover .arrow--right span { background: #222; } .btn--img.active img { filter : invert(1) } .btn--img:hover img { filter : invert(1) } /* checkbox */ .checkbox { display: block; position: relative; padding-left: 3rem; line-height: 1.8rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox input { position: absolute; top: 0; left: 0; width: 1.8rem; height: 1.8rem; cursor: pointer; opacity: 0; z-index: 1; } .checkbox .checkmark { position: absolute; top: 0; left: 0; width: 1.8rem; height: 1.8rem; background: transparent; border: .1rem solid #222; border-radius: .2rem; } .checkbox:hover input ~ .checkmark { background: transparent; } .checkbox input:checked ~ .checkmark:after { display: block; background: #222; } .checkbox .checkmark:after { content: ''; position: absolute; top: .3rem; left: .3rem; width: calc(100% - .6rem); height: calc(100% - .6rem); border-radius: .2rem; } .checkbox.radio .checkmark, .checkbox.radio .checkmark:after { border-radius: 50%; } .checkbox.radio .checkmark:after { top: .3rem; left: .3rem; width: calc(100% - .6rem); height: calc(100% - .6rem); border-radius: 50%; } .checkbox.radio input:checked ~ .checkmark:after { background: #222; } .checkbox.disabled { color: #aaa !important; pointer-events: none !important; } .checkbox.disabled .checkmark { border-color: #aaa !important; } /* cross */ .cross { display: block; position: relative; cursor: pointer; } .cross span { position: absolute; top: calc(50% - .1rem); right: 0; left: 0; width: 75%; height: .3rem; margin: auto; background: #222; border-radius: .1rem; pointer-events : none } .cross span:nth-of-type(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .cross span:nth-of-type(2) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .cross.black span { background : #222 } .cross.white span { background : #fff } @media (min-width: 1200px) { .btn--link { height: 6rem; font-size: 1.8rem; } } /* dropdown */ .dropdown { position: relative; } .dropdown__btn { width: auto; height: 100%; font-size: 1.4rem; } .dropdown__btn:hover { text-decoration: none; } .dropdown__btn .arrow { -webkit-transform: scale(.6); -moz-transform: scale(.6); transform: scale(.6); } .dropdown__panel { position: absolute; top: 3rem; left: calc(50% - 6rem); width: 12rem; padding: 1rem; background: #fff; border-radius: .5rem; box-shadow: 0 0 .5rem .1rem rgba(0,0,0,.2); opacity: 0; -webkit-transition: top .2s, opacity .2s; -moz-transition: top .2s, opacity .2s; transition: top .2s, opacity .2s; visibility: hidden; } .dropdown__panel li { font-size: 1.4rem; line-height: 2.5rem; cursor: pointer; } .dropdown__panel li:hover { font-weight: 600; } .dropdown__panel li a, .dropdown__panel li:hover a { font-size: inherit; font-weight: inherit; text-decoration: none; } .dropdown__panel li .arrow { margin-left: .5rem; -webkit-transform: scale(.7); -moz-transform: scale(.7); transform: scale(.7); } .dropdown.active .dropdown__panel { top: 5rem; opacity: 1; visibility: visible; } /* input/select + error-msg */ input + .error-msg, .select + .error-msg, .checkbox + .error-msg { margin-top: .2rem; color: #ff262b; font-size: 1.4rem; line-height: 1.7rem; } div.iti:has(input) + .error-msg { margin-top: .2rem; color: #ff262b; font-size: 1.4rem; line-height: 1.7rem; } input:not(.error) + .error-msg, .select:not(.error) + .error-msg, .checkbox:not(.error) + .error-msg { display: none; } div.iti:has(input:not(.error)) + .error-msg { display: none; } input.error, .select.error ul, .checkbox.error .checkmark { border-color: #ff262b !important; } input.error + .error-msg, .select.error + .error-msg, .checkbox.error + .error-msg { display: block; } /* loading element */ #explore .loading { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255, .7); z-index: 9999; } #explore .loading-element { display: inline-block; width: 20rem; height: 20rem; margin: auto; background: none; overflow: hidden; } #explore .loading-element > div div { position: absolute; animation: loading 1s cubic-bezier(0,.2,.8,1) infinite; border: .4rem solid transparent; border-radius: 50%; opacity: 1; } #explore .loading-element > div div:nth-child(1) { border-color: #000; animation-delay: 0s; } #explore .loading-element > div div:nth-child(2) { border-color: #b9b9b9; animation-delay: -0.5s; } #explore .loading-element > div { width: 100%; height: 100%; position: relative; transform: translateZ(0) scale(1); backface-visibility: hidden; transform-origin: 0 0; } #explore .loading-element > div div { box-sizing: content-box; } .ajax-cover-container-css .loading { position: absolute; } .ajax-cover-container-css .loading-element { display: inline-block; position: absolute; margin: 0; background: none; overflow: hidden; } .ajax-cover-container-css .loading-element > div { width: 100%; height: 100%; position: relative; -webkit-transform: translateZ(0) scale(1); -moz-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); backface-visibility: hidden; transform-origin: 0 0; } .ajax-cover-container-css .loading-element > div div { position: absolute; box-sizing: content-box; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0,.2,.8,1); border-radius: 50%; border-style: solid; opacity: 1; } .ajax-cover-container-css .loading-element > div div:nth-child(1) { border-color: #000; animation-delay: 0s !important; } .ajax-cover-container-css .loading-element > div div:nth-child(2) { border-color: #b9b9b9; animation-delay: -0.5s !important; } .ajax-cover-container-css:not(.btn) .loading { top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255, .7); } .ajax-cover-container-css:not(.btn) .loading-element { top: calc(50% - 10rem); left: calc(50% - 10rem); width: 20rem; height: 20rem; } .ajax-cover-container-css:not(.btn) .loading-element > div div { animation-name: loading; border-width: .4rem; } .ajax-cover-container-css.btn:hover { background: #222; color: #fff; } .ajax-cover-container-css.btn .loading { top: -.3rem; left: -.3rem; width: calc(100% + .6rem); height: calc(100% + .6rem); background: rgba(255,255,255, .2); border: .3rem solid rgba(255,255,255, .3); } .ajax-cover-container-css.btn.active .loading { background: rgba(255,255,255, .92); border: none; } .ajax-cover-container-css.btn .loading-element { top: calc(50% - 2rem); left: calc(50% - 2rem); width: 4rem; height: 4rem; } .ajax-cover-container-css.btn .loading-element > div div { animation-name: loadingBtn; border-width: .3rem; } /* loading screen */ .loading-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.75); z-index: 10; } .loading-screen img { width: 3rem; height: auto; } /* minus */ .minus { position: relative; width: 3.5rem; height: 3.5rem; } .minus span { position: absolute; top: calc(50% - .05rem); left: calc(50% - .65rem); width: 1.3rem; height: .1rem; pointer-events: none; -webkit-transition: background-color .2s; -moz-transition: background-color .2s; transition: background-color .2s; } .minus.black span { background: #222; } .minus.gray span { background: #7d7d7d; } .minus.white span { background: #fff; } /* plus */ .plus { position: relative; width: 3.5rem; height: 3.5rem; } .plus span { position: absolute; pointer-events: none; -webkit-transition: background-color .2s; -moz-transition: background-color .2s; transition: background-color .2s; } .plus span:nth-of-type(1) { width: 1.3rem; height: .1rem; top: calc(50% - .05rem); left: calc(50% - .65rem); } .plus span:nth-of-type(2) { width: .1rem; height: 1.3rem; top: calc(50% - .65rem); left: calc(50% - .05rem); } .plus.black span { background: #222; } .plus.gray span { background: #7d7d7d; } .plus.white span { background: #fff; } /* response area */ .response-area { display: none; width: 100%; margin: 1rem auto 2rem; padding: 1rem; border-radius: .5rem; color: #fff; text-align: center; line-height: 2rem; } .response-area.error { display : block; background: #f94d4d; } .response-area.success { display : block; background: #49c66f; } .response-area.message { color: #222; background: #eee; } /* savings popup */ .savings-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 1.5rem; background: rgba(0,0,0,.75); cursor: pointer; overflow: hidden; z-index: 99999; } .savings-popup__window { display: block; position: relative; width: 100%; max-width: 50rem; padding: 5rem 1.5rem 3rem; background: #fff; border: .2rem solid #000; } .savings-popup__window .close { position: absolute; top: 1rem; right: 1rem; width: 2.5rem; height: 2.5rem; border: .2rem solid #222; border-radius: 50%; } .savings-popup__window .close .cross { pointer-events: none; } .savings-popup__window .close .cross span { width: 60%; } .savings-popup__window .close:hover { background: #222; } .savings-popup__window .close:hover .cross span { background: #fff; } .savings-popup__window .close .cross span { width: 60%; } .savings-popup__window ul { padding-left: 1rem; } .savings-popup__window ul li { list-style: disc; padding: .4rem 0 .4rem 1rem; font-size: 1.4rem; line-height: 1.6rem; } .savings-popup__window .btn--link { height: 5rem; margin-top: 2rem; font-size: 1.4rem; line-height: 4.4rem; } .savings-popup__window p { margin-top:2rem; } /* select */ .select { position: relative; width: 100%; height: 4rem; cursor: pointer; } .select ul { width: 100%; max-height: 4rem; background: #fff; border: 1px solid #d9d9d9; overflow: hidden; } .select li { padding: .7rem; } .select .title { position: relative; } .select .title input { width: calc(100% - 5rem); height: 2.6rem !important; padding: 0 !important; border: none !important; color: #333; line-height: 2.6rem !important; cursor: pointer; } .select .title .angle { position: absolute; top: calc(50% - .4rem); right: 2rem; } .select .option { display: none; } .select.active ul { position: absolute; top: 0; left: 0; max-height: 29rem; z-index: 5; } .select.active .title { background: #f5f4f2; } .select.active .title input { height: 4rem !important; padding: 0; background: transparent; } .select.active .title .icon { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); } .select.active .option { display: block; } .select.active .option.active { color: #ccc; } .select.active .option .icon { position: absolute; top: 1.2rem; right: 0; width: 1rem; } .select.disabled ul { background: #f1f1f1; border-color: #e3e3e3; color: #e3e3e3; } .select.disabled .title { color: #e3e3e3; cursor: not-allowed; } @media (min-width: 576px) { .savings-popup__window { padding: 5rem 3rem; } .savings-popup__window ul li { padding: .2rem 0 .2rem 1.5rem; } } @media (min-width: 768px) { .savings-popup__window { max-width: 60rem; } .savings-popup__window ul, .savings-popup__window ul li { padding-left: 1.5rem; } .select.active .option:hover { background: #e6e3df; } .select.active .option:hover .icon { stroke: #dc0072 !important; } } /* slider */ .slider { position: relative; } .slider .slides-wrapper { width: 100%; height: 100%; } .slider__btn { border-radius: 50%; -webkit-transition: background-color .2s, transform .2s; -moz-transition: background-color .2s, transform .2s; transition: background-color .2s, transform .2s; z-index: 9; } .slider__btn:not(.dot) { width: 3.5rem; height: 3.5rem; background: #d9d9d9; } .slider__btn:not(.dot):hover { background: #eee; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } .slider__btn:not(.dot) .arrow { -webkit-transform: scale(.7); -moz-transform: scale(.7); transform: scale(.7); } .slider__btn.dot { width: 1.4rem; height: 1.4rem; margin: 2rem .7rem; background: #7d7d7d; } .slider__btn.dot:hover, .slider__btn.dot.active { background: #222; } .slider.slider--dots .slide { display: none; } .slider.slider--dots .slide.active { display: block; } @media (min-width: 992px) { .slider__btn.dot { width: 1.6rem; height: 1.6rem; } } /* tab */ .tab { position: relative; } .tab__header { cursor: pointer; } .tab__body { display: none; -webkit-transition: max-height .2s; -moz-transition: max-height .2s; transition: max-height .2s; } .tab.active .tab__header .arrow { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .tab.active .tab__body { display: block; } /* tick */ .tick { display: inline-block; position: relative; width: 2.5rem; height: 1.8rem; } .tick span { position: absolute; height: .3rem; background: #222; } .tick span:nth-of-type(1) { bottom: .5rem; left: 0; width: 1.2rem; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .tick span:nth-of-type(2) { right: -.1rem; bottom: .8rem; width: 2rem; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } /* >> Layout -------------------------------------------------- */ .flexbox { display: -webkit-flex; display: flex; } /* no-wrap (default) */ .flexbox.wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* allow wrapping */ /* horizontal */ .flexbox.left { -webkit-justify-content: flex-start; justify-content: flex-start; } /* align left */ .flexbox.center { -webkit-justify-content: center; justify-content: center; } /* align center */ .flexbox.right { -webkit-justify-content: flex-end; justify-content: flex-end; } /* align right */ .flexbox.between { -webkit-justify-content: space-between; justify-content: space-between; } /* split direct children with equal gaps between */ /* vertical */ .flexbox.top { -webkit-align-items: flex-start; align-items: flex-start; } /* vertical align top */ .flexbox.middle { -webkit-align-items: center; align-items: center; } /* vertical align middle */ .flexbox.bottom { -webkit-align-items: flex-end; align-items: flex-end; } /* vertical align bottom */ .flexbox.same-height { -webkit-align-items: stretch; align-items: stretch; } /* direct children get same height (in relation to the tallest) */ /* >> Typography -------------------------------------------------- */ h1, h2, h3, h4, h5, h6, p, span, a, li, button, label, input, textarea { color: #222; font-family: 'Inter', sans-serif; } h1 { font-size: 3.2rem; font-weight: 400; } h2 { font-size: 2rem; font-weight: 600; } h3 { font-size: 1.8rem; font-weight: 600; } h4 { font-size: 1.4rem; font-weight: 600; } h5 { font-size: 1.4rem; font-weight: 400; } p, span, a, li, input, textarea, th, td { font-size: 1.6rem; } @media (min-width: 576px) { h1 { font-size: 3.5rem; } h1 { font-size: 2.2rem; } h3 { font-size: 2rem; } h4 { font-size: 1.6rem; } } @media (min-width: 768px) { h1 { font-size: 4.2rem; } h2 { font-size: 2.5rem; } h3 { font-size: 2.2rem; } } @media (min-width: 992px) { h1 { font-size: 5rem; font-weight: 600; } h2 { font-size: 2.8rem; } h3 { font-size: 2.5rem; } } @media (min-width: 1200px) { h1 { font-size: 6.2rem; } h2 { font-size: 3.2rem; } h3 { font-size: 2.8rem; } h4 { font-size: 1.8rem; } h5 { font-size: 1.6rem; } } @media (min-width: 1400px) { h1 { font-size: 6.5rem; } h2 { font-size: 3.5rem; } h3 { font-size: 3rem; } } /* ---------------------------------------------------------------------------------------------------- HEADER ---------------------------------------------------------------------------------------------------- */ .header { position: relative; padding: 1.2rem 0; background: #fff; border-bottom: .1rem solid #7d7d7d; z-index: 999; } .header.no-border { border: none; } .header .screen--dark { position: absolute; top: 0; left: 40rem; width: 100vw; height: 100vh; background: rgba(0,0,0,.75); cursor: pointer; opacity: 0; -webkit-transition: opacity .3s ease-in; -moz-transition: opacity .3s ease-in; transition: opacity .3s ease-in; visibility: hidden; z-index: 98; } .header .container > .flexbox { position: relative; margin: 0 -.75rem; } @media (min-width: 576px) { .header { padding: 1.5rem 0; } .header .container > .flexbox { margin: 0; } } @media (min-width: 768px) { .header { padding: 2rem 0; } } @media (min-width: 992px) { .header { padding: 2.5rem 0; } } @media (min-width: 1200px) { .header { padding: 3rem 0; } .header .screen--dark { left: 50rem; } } @media (min-width: 1400px) { .container { min-width: 132rem; } } /* >> Sidenav -------------------------------------------------- */ .header .sidenav { position: absolute; top: 5.5rem; left: -100vw; width: 100vw; height: calc(100vh - 5.5rem); padding: 1.5rem 3rem 3rem; background: #fff; z-index: 99; } .header .sidenav ul { height: auto; min-height: calc(100vh - 34rem); margin: 2rem 0 4rem; } .header .sidenav ul li { border-bottom: .1rem solid #7d7d7d; } .header .sidenav ul li a { position: relative; width: 100%; padding: 1rem 0; } .header .sidenav ul li:not(.logout-wrapper) a { display: block; } .header .sidenav ul li.logout-wrapper a { opacity: .5; } .header .sidenav ul li a, .header .sidenav ul li a span { -webkit-transition: padding .2s; -moz-transition: padding .2s; transition: padding .2s; } .header .sidenav ul li a span { padding: 0; } .header .sidenav ul li a img { width: auto; height: 1.8rem; } .header .sidenav ul li:not(.logout-wrapper) a img { position: absolute; left: 0; top: calc(50% - .9rem); opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; transition: opacity .2s; visibility: hidden; } .header .sidenav ul li.logout-wrapper a img { vertical-align: middle !important; } .header .sidenav ul li a:hover, .header .sidenav ul li a:hover span { font-weight: 700; } .header .sidenav ul li a:hover img { opacity: 1; visibility: visible; } .header .sidenav ul li a.sidenav--account:hover span { padding-left: 3rem; } .header .sidenav ul li a.sidenav--membership:hover span, .header .sidenav ul li a.sidenav--tickets:hover span { padding-left: 4rem; } .header .sidenav__app__intro img { width: 6rem; height: auto; } .header .sidenav__app__intro p { width: calc(100% - 8rem); } .header .sidenav__app__links { margin-top: 2rem; } .header .sidenav__app__links a { width: calc(50% - .5rem); height: 5rem; background: #eee; border: .3rem solid #eee; border-radius: 1rem; -webkit-transition: border-color .2s; -moz-transition: border-color .2s; transition: border-color .2s; } .header .sidenav__app__links a:hover { border-color: #222; } .header .sidenav__app__links a img { width: auto; height: 1.5rem; margin-right: 1rem; } @media (min-width: 375px) { .header .sidenav__app__intro p { font-size: 2rem; } } @media (min-width: 576px) { .header .sidenav { width: 40rem; padding: 3rem; } .header .sidenav ul { min-height: calc(100vh - 40rem); margin: 3rem 0 5rem; } } @media (min-width: 768px) { .header .sidenav .btn--link { max-width: initial; } .header .sidenav ul li.logout-wrapper { display: none; } } @media (min-width: 992px) { .header .sidenav { padding-top: 5rem; } .header .sidenav ul { min-height: calc(100vh - 42rem); } } @media (min-width: 1200px) { .header .sidenav { width: 50rem; padding: 6rem; } .header .sidenav ul { min-height: calc(100vh - 47rem); } .header .sidenav ul li a, .header .sidenav ul li a span { font-size: 1.8rem; } .header .sidenav ul li a img { height: 2rem; } .header .sidenav ul li:not(.logout-wrapper) a img { top: calc(50% - 1rem); } .header .sidenav__app__intro img { width: 8rem; } .header .sidenav__app__intro p { width: calc(100% - 10rem); } } /* >> Main -------------------------------------------------- */ .header .container > .flexbox .left-wrapper { padding-left: .7rem; } .header .burger-menu { position: relative; width: 4rem; height: 4rem; cursor: pointer; } .header .burger-menu span { position: absolute; right: 0; left: 0; width: 2.4rem; height: .4rem; margin: auto; background: #222; -webkit-transition: transform .2s; -moz-transition: transform .2s; transition: transform .2s; } .header .burger-menu span:nth-of-type(1) { top: calc(50% - .9rem); } .header .burger-menu span:nth-of-type(2) { top: calc(50% - .2rem); } .header .burger-menu span:nth-of-type(3) { bottom: calc(50% - .9rem); } .header__logo { position: relative; width: 10rem; height: 4rem; margin-left: 1rem; } .header__logo img { width: 100%; height: auto; margin-top:1rem; } .header__options { width: calc(100% - 15.5rem); } .header__options__search-field, .header__options .account-btn-wrapper.bg--red, .header__options .account-btn-wrapper.bg--red:hover { background: #e85c5c; } .header__options .account-btn-wrapper, .header__options__cart { position: relative; width: 4rem; height: 4rem; } .header__options .account-btn-wrapper .btn--logout { display: none; position: absolute; top: 0; right: 0; width: 100%; max-width: 4rem; height: 4rem; padding-left: 1.7rem; background: #e85c5c; border-radius: 2rem; color: #fff; font-size: 1.5rem; font-weight: 600; line-height: 3.8rem; text-align: center; -webkit-transition: max-width .2s; -moz-transition: max-width .2s; transition: max-width .2s; } .header__options .account-btn-wrapper .btn--logout span { position: absolute; top: 0; left: -.1rem; width: 4.2rem; height: 4rem; background: #fff; border-radius: 50%; box-shadow: 0 0 .3rem .1rem rgba(0,0,0,.3); } .header__options .account-btn-wrapper .btn--logout span img { height: 1.6rem; margin-left: .5rem; } .header__options .account-btn-wrapper .btn--logout.active { max-width: 17rem; } .header__options__account-link { width: 100%; height: 100%; } .header__options .icon { width: auto; height: 2.2rem; } .header__options .icon.white { display: none; } .header__options__search-field { position: relative; width: 4rem; height: 4rem; background: #fff; } .header__options__search-field input { width: 0; height: 4rem; padding: .5rem 0; background-color: #eee; border: 1px solid #d9d9d9; border-radius: 2rem; opacity: 0; visibility: hidden; z-index: 0; } .header__options__search-field .btn--search { position: absolute; top: 1px; right: 0; width: 4rem; height: 100%; border-top-right-radius: 2rem; border-bottom-right-radius: 2rem; z-index: 1; } .header__options__search-field .btn--search .icon { width: auto; height: 2rem; } .header__options__search-field .cross { display: none; width: 3rem; height: 3rem; } .header__options__search-field.active { position: absolute; top: 0; right: 0; width: 100%; -webkit-transition: width .2s; -moz-transition: width .2s; transition: width .2s; z-index: 9; } .header__options__search-field.active .btn--search { right: 5.5rem; width: 5rem; height: calc(4rem - 2px); border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; } .header__options__search-field.active .btn--search .icon { opacity: .5; } .header__options__search-field.active input { width: calc(100% - 6.25rem); margin-right: 1.5rem; padding: .5rem 6rem .5rem 1rem; opacity: 1; visibility: visible; } .header__options__search-field.active .cross { display: block; } .header__options__search-field input:focus { background: #fff; border-color: #222; } .header__options__search-field input:focus + .btn--search { background: #fff; } .header__options__search-field input:focus + .btn--search .icon { opacity: 1; } .header__options .dropdown { display: none; height: 4rem; margin-right: 2rem; } .header__options .dropdown__btn { font-size: 1.3rem; } .header__options .dropdown__btn:hover { text-decoration: underline; } .header__options .dropdown__btn .arrow { margin-left: .5rem; } .header__options .desktop-btn span:not(.img-wrapper) { display: none; color: #fff; font-weight: 600; } .header__options__cart { margin-right: 1rem; } .header__options__cart .desktop-btn { width: 100%; height: 100%; text-decoration: none; } .header__options__cart .desktop-btn:hover { text-decoration: none; } .header__options__cart .basket-items-qty { display: none; position: absolute; top: 0; left: 0; width: 2.5rem; height: 2.5rem; background: #369aed; border-radius: 50%; color: #fff; font-size: 1.1rem; font-weight: 600; line-height: 2.5rem; opacity: 0; text-align: center; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); } .header__options__cart .basket-items-qty.active { display: block; } .header__options__cart .basket-items-qty.animate { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: transform .1s ease-out; -moz-transition: transform .1s ease-out; transition: transform .1s ease-out; } /* sidenav active */ .header.sidenav-visible .sidenav { left: 0; -webkit-transition: left .2s ease-out; -moz-transition: left .2s ease-out; transition: left .2s ease-out; } .header.sidenav-visible .left-wrapper { width: 100%; background: #fff; z-index: 99; } .header.sidenav-visible .burger-menu { position: absolute; top: 0; right: 0; } .header.sidenav-visible .burger-menu span:nth-of-type(1) { top: calc(50% - .2rem); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .header.sidenav-visible .burger-menu span:nth-of-type(2) { display: none; } .header.sidenav-visible .burger-menu span:nth-of-type(3) { bottom: calc(50% - .2rem); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .header.sidenav-visible .header__logo { margin-left: .75rem; } .header.sidenav-visible .container > .flexbox { -webkit-justify-content: flex-end; justify-content: flex-end; } @media (min-width: 375px) { .header .container > .flexbox .left-wrapper { padding-left: 0; } .header__logo { width: 12rem; } .header__options { width: calc(100% - 17.5rem); } .header__options__cart { margin-right: 0; } } @media (max-width: 575px) { .header.sidenav-visible .header__options { display: none; } } @media (min-width: 576px) { .header .burger-menu { margin-left: -.9rem; } .header__options__search-field.active { width: calc(100% + 2.3rem); margin-right: 0; right: -1.5rem; } .header.sidenav-visible .left-wrapper { position: fixed; top: 0; left: 0; width: 40rem; height: 6rem; } .header.sidenav-visible .burger-menu { position: absolute; top: 1rem; right: 2rem; } .header.sidenav-visible .header__logo { position: absolute; top: 1rem; left: 3rem; margin: 0; } .header.sidenav-visible .screen--dark { opacity: 1; visibility: visible; } } @media (min-width: 768px) { .header .header__logo { width: 14rem; } .header__options__search-field { margin-right: 1rem; } .header__options__search-field.active { width: 69.5%; } .header__options .desktop-btn { background: #222; border-radius: 2rem; -webkit-transition: background-color .2s; -moz-transition: background-color .2s; transition: background-color .2s; } .header__options .desktop-btn.bg--red { -webkit-transition: background-color .5s; -moz-transition: background-color .5s; transition: background-color .5s; } .header__options .account-btn-wrapper { width: 12rem; } .header__options .header__options__cart { width: 9rem; margin-left: 1rem; } .header__options .desktop-btn .icon:not(.white) { display: none; } .header__options .desktop-btn .icon { height: 1.8rem; margin-right: .6rem; } .header__options .desktop-btn .icon.white, .header__options .desktop-btn span:not(.img-wrapper) { display: inline-block; } .header__options .desktop-btn span:not(.img-wrapper) { font-size: 1.4rem; -webkit-transition: background-color .2s; -moz-transition: background-color .2s; transition: background-color .2s; } .header__options .desktop-btn:hover { background-color: #d9d9d9; } .header__options .desktop-btn:hover .icon:not(.white) { display: block; } .header__options .desktop-btn:hover .icon.white { display: none; } .header__options .desktop-btn:hover span { color: #222; } .header__options__cart .basket-items-qty { top: -.8rem; } .header.sidenav-visible .burger-menu, .header.sidenav-visible .header__logo { top: 1.5rem; } /* logged in */ .header.loggedIn .account-btn-wrapper { width: 17rem; padding-right: 3.5rem; } .header.loggedIn .account-btn-wrapper .btn--logout { display: block; } } @media (min-width: 992px) { .header .header__logo { width: 15rem; } .header__options__search-field, .header__options__search-field.active { position: relative; top: initial; right: initial; width: 38rem; } .header__options__search-field .btn--search { right: 1px; width: 5rem; height: calc(100% - 2px); padding-left: .5rem; } .header__options__search-field input { width: 100%; margin-right: 0; padding: .5rem 6rem .5rem 1.5rem; opacity: 1; visibility: visible; } .header__options__search-field.active input { width: 100%; margin-right: 0; } .header__options__search-field.active .btn--search { right: 1px; width: 5rem; height: calc(100% - 2px); } .header__options__search-field.active .cross { display: none; } /*.header__options .dropdown { display: -webkit-flex; display: flex; width: auto; }*/ .header.sidenav-visible .left-wrapper { height: 8rem; } .header.sidenav-visible .burger-menu, .header.sidenav-visible .header__logo { top: 2rem; } .header__options__cart .basket-items-qty { top: -1rem; left: -.5rem; width: 3rem; height: 3rem; font-size: 1.2rem; line-height: 3rem; } /* logged in */ .header.loggedIn .header__options__search-field { width: 34rem; } } @media (min-width: 1200px) { .header .left-wrapper, .header .burger-menu, .header .left-wrapper .header__logo, .header__options .dropdown:not(.header__options__cart) { height: 5rem; } .header .burger-menu { width: 5rem; margin-left: -1.3rem; } .header .header__logo { width: 16rem; } .header__options__search-field, .header__options__search-field.active { width: 47.5rem; margin-right: 2rem; } .header__options__search-field .btn--search { width: 6rem; } .header__options__search-field input { padding-right: 7rem; } .header__options .header__options__cart { margin-left: 2rem; } .header.sidenav-visible { padding: 3.5rem; } .header.sidenav-visible .left-wrapper { width: 50rem; height: 10rem; } .header.sidenav-visible .burger-menu { top: 3rem; right: 5rem; } .header.sidenav-visible .header__logo { top: 3rem; left: 6rem; } /* logged in */ .header.loggedIn .header__options__search-field { width: 43.5rem; } } @media (min-width: 1400px) { .header .header__logo { width: 18rem; } .header__options__search-field, .header__options__search-field.active { width: 59rem; } .header__options__search-field .btn--search { width: 7rem; } .header__options__search-field input { padding-right: 8rem; } /* logged in */ .header.loggedIn .header__options__search-field { width: 55.2rem; } } /* >> Login/Register/Password Popup -------------------------------------------------- */ .header .account-popup { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; padding: 1.5rem; background: rgba(0,0,0,.75); overflow-y: scroll; z-index: 9999; } .header .account-popup.active { display: -webkit-flex; display: flex; } .header .account-popup__window { position: relative; width: 100%; padding: 2rem; background: #fff; border-radius: 1rem; } .header .account-popup__window .btn--account-popup__close { position: absolute; top: 1rem; right: 1rem; width: 3rem; height: 3rem; padding: .3rem; border: .2rem solid #222; border-radius: 50%; -webkit-transition: transform .2s; -moz-transition: transform .2s; transition: transform .2s; } .header .account-popup__window .btn--account-popup__close:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } .header .account-popup__window .account-popup__logo { display: block; width: 100%; max-width: 15rem; margin: 1rem auto 2rem; } .header .account-popup__window .cfa { margin-bottom: 2rem; padding: 1rem; background: #dfdfdf; border-radius: 1rem; text-align: center; } .header .account-popup__window h3 { margin-bottom: 1rem; font-weight: 400; } .header .account-popup__window .text.flexbox { margin-top: 2rem; } .header .account-popup__window .text { margin-top: .5rem; } .header .account-popup__window .text, .header .account-popup__window .text > *, .header .account-popup__window .link--account { font-size: 1.3rem; line-height: 1.5rem; } .header .account-popup__window .text a.flexbox { width: max-content; } .header .account-popup__window .text a:not(.flexbox) { font-weight: 600; text-decoration: underline; } .header .account-popup__window .text a:not(.flexbox):hover { text-decoration: none; } .header .account-popup__window .link--account { margin-left: .7rem; text-decoration: underline; } .header .account-popup__window .link--account.link--password { display: block; margin-bottom: 2rem; text-align: center; } .header .account-popup__window .link--account:hover { text-decoration: none; } .header .account-popup__window fieldset { margin-bottom: 1rem; } .header .account-popup__window label { padding-bottom: .3rem; font-size: 1.4rem; } .header .account-popup__window input:not([type=checkbox]) { width: 100%; height: 5rem; padding: 0 1rem; border-radius: .5rem; line-height: 4.4rem; } .header .account-popup__window .checkbox { display: inline-block; margin: 1rem 0; font-size: 1.3rem; line-height: 1.5rem; } .header .account-popup__window .checkbox a { font-size: inherit; line-height: inherit; text-decoration: underline; } .header .account-popup__window .checkbox a:hover { text-decoration: none; } .header .account-popup__window .checkbox + .checkbox:not(.error) { margin: 0 0 2rem; } .header .account-popup__window .checkbox + .checkbox.error { margin: 0 0 .5rem; } .header .account-popup__window .checkbox + .checkbox + .error-msg { margin-bottom: 3rem; } .header .account-popup__window .btn--link { max-width: 100%; margin-top: 1rem; line-height: initial; } .header .account-popup__window .response { display: none; } .header .account-popup.signup .user-agreement { margin: 3rem 0 2rem; padding: 0 2rem; color: #666; font-size: 1.4rem; line-height: 1.7rem; text-align: center; } .header .account-popup.signup .user-agreement a { color: inherit; font-size: inherit; line-height: inherit; } .header .account-popup.password--forgotten .response { display: none; } .header .account-popup.password--forgotten .link--account, .header .account-popup.password--reset .link--account { margin: 1rem 0 0; } .header .account-popup.password--forgotten .link--account .arrow, .header .account-popup.password--reset .link--account .arrow { margin-right: .5rem; -webkit-transform: scale(.7); -moz-transform: scale(.7); transform: scale(.7); } .header .account-popup.password--forgotten .link--account:hover .arrow, .header .account-popup.password--reset .link--account:hover .arrow { margin: 0 .9rem 0 -.4rem; -webkit-transform: scale(.7); -moz-transform: scale(.7); transform: scale(.7); -webkit-transition: margin .2s; -moz-transition: margin .2s; transition: margin .2s; } /* Mod */ .header:not(.loggedIn) .account-popup__window .btn--account-popup__close { display: none; } @media (min-width: 576px) { .header .account-popup { padding: 3rem; } .header .account-popup__window { max-width: 52.5rem; padding: 3rem; } .header .account-popup__window .account-popup__logo { margin-top: 0; } .header .account-popup__window .btn--account-popup__close { top: 2rem; right: 2rem; } } @media (min-width: 992px) { .header .account-popup__window .text, .header .account-popup__window .text > * { font-size: 1.6rem; line-height: 2rem; } .header .account-popup__window label, .header .account-popup__window .link--password, .header .account-popup.password--forgotten .link--account, .header .account-popup.password--reset .link--account { font-size: 1.6rem; } } @media (min-width: 1200px) { .header .account-popup__window { max-width: 55rem; padding: 3rem 5rem; } .header .account-popup__window .btn--account-popup__close { top: 4rem; right: 4rem; width: 4rem; height: 4rem; } .header .account-popup__window .account-popup__logo { max-width: 18rem; margin-bottom: 3rem; } .header .account-popup__window .cfa { margin-bottom: 3rem; padding: 2rem; } .header .account-popup__window fieldset { margin-bottom: 2rem; } } @media (min-width: 1400px) { .header .account-popup__window { max-width: 59rem; } .header .account-popup__window .account-popup__logo { max-width: 20rem; } } /* ---------------------------------------------------------------------------------------------------- FOOTER ---------------------------------------------------------------------------------------------------- */ .footer { padding: 3rem 0; background: #000; } .footer ul li a { display: inline-block; padding: .5rem 0; color: #fff; } .footer .app-links a:not(.footer__logo) img { width: 12rem; border: .1rem solid #d9d9d9; border-radius: .5rem; } .footer .copy { color: #fff; font-size: 1.2rem; } .footer__logo { display: inline-block; width: 10rem; height: 4rem; margin-bottom: 3rem; } .footer__logo img { width: 100%; height: auto; } .footer .proud-of-msg { padding-top: .5rem; color: #fff; font-size: 1.6rem; } .footer .partners-wrapper:nth-of-type(1) { padding-top: 2rem; } .footer .partners-wrapper:nth-of-type(2) { padding-bottom: 2rem; border-bottom: .1rem solid #fff; } .footer .partners-wrapper img { width: auto; height: auto; margin-bottom: 1rem; } .footer .partners-wrapper img:not(:last-of-type) { margin-right: 2rem; } .footer .partners-wrapper:nth-of-type(1) img { max-width: 12rem; max-height: 3rem; } .footer .partners-wrapper:nth-of-type(2) img:nth-of-type(1) { max-height: 4rem; } .footer .partners-wrapper:nth-of-type(2) img:nth-of-type(2) { max-height: 3rem; } .footer__bottom { margin-top: 3rem; padding-top: 2rem; border-top: .1rem solid #fff; } .footer__bottom a img { width: 2rem; } .footer__bottom a:not(:last-of-type) img { margin-right: 2rem; } .footer .version--mobile .side { position: relative; width: 100%; padding: 2rem 0; border-bottom: .1rem solid #fff; } .footer .version--mobile .side a { display: block; width: fit-content; } .footer .version--mobile .side a + a { margin-left: 2rem; } .footer .version--mobile .side a img { width: 12rem; } .footer .version--mobile .copy { margin: 2rem auto 0; color: #fff; font-size: 1rem; text-align: center; } .footer .version--mobile .social-icons { width: 100%; max-width: 10rem; margin: 3rem auto 0; } .footer .version--mobile .social-icons a { display: block; width: 3rem; font-size: 0; line-height: 0; } .footer .version--mobile .social-icons a:not(:last-of-type) { margin-right: 2rem; } .footer .version--mobile .social-icons a img { width: 100%; } .footer .version--desktop { display: none; } .footer .version--desktop > .flexbox > div { width: calc(100% / 3); } .footer .version--desktop ul { width: calc(50% - .75rem); } .footer .version--desktop ul a { font-size: 1.4rem; } .footer .version--desktop ul a:hover { color: #d9d9d9; text-decoration: underline; } .footer .cookies-msg-popup { display: none; position: fixed; bottom: .75rem; right: -62rem; width: calc(100% - 1.5rem); max-width: 50rem; padding: .4rem; background: #fff; box-shadow: 0 0 1rem .2rem rgba(0,0,0,.5); -webkit-transition: right .2s; -moz-transition: right .2s; transition: right .2s; z-index: 99; } .footer .cookies-msg-popup.show { display: block; } .footer .cookies-msg-popup.active { right: .75rem; } .footer .cookies-msg-popup .flexbox { padding: 1.5rem 2rem; background: #f4f4f4; border: .1rem solid #222; } .footer .cookies-msg-popup p { width: calc(100% - 12rem); color: #222; font-size: 1.3rem; line-height: 1.6rem; } .footer .cookies-msg-popup p a { color: inherit; font-size: inherit; font-weight: 600; text-decoration: underline; } .footer .cookies-msg-popup p a:hover { text-decoration: none; } .footer .cookies-msg-popup button { width: 10rem; height: 5rem; background: #fff; border: .2rem solid #222; color: #222; font-size: 1.3rem; font-weight: 600; -webkit-transition: background-color .2s; -moz-transition: background-color .2s; transition: background-color .2s; } .footer .cookies-msg-popup button:hover { background-color: #222; color: #fff; } @media (min-width: 375px) { .footer__logo { width: 12rem; } } @media (min-width: 576px) { .footer .cookies-msg-popup { bottom: 2rem; box-shadow: -.5rem .5rem 1.5rem .2rem rgba(0,0,0,.5); } .footer .cookies-msg-popup.active { right: 2rem; } .footer .cookies-msg-popup .flexbox { padding: 2.5rem 3rem; } .footer .cookies-msg-popup p { width: calc(100% - 14rem); font-size: 1.4rem; line-height: 1.8rem; } .footer .cookies-msg-popup button { width: 12rem; font-size: 1.4rem; } } @media (min-width: 768px) { .footer .cookies-msg-popup { max-width: 60rem; } .footer .cookies-msg-popup p { font-size: 1.5rem; line-height: 1.9rem; } .footer .cookies-msg-popup button { font-size: 1.5rem; } .footer .app-links a:not(.footer__logo) img { width: 12rem; } } @media (min-width: 992px) { .footer .version--desktop .app-links > .flexbox a:last-of-type { margin-left: 2rem; } .footer .app-links a:not(.footer__logo) img { width: 14rem; } .footer__bottom a img { width: 2.5rem; } .footer__bottom a:not(:last-of-type) img { margin-right: 3rem; } .footer .version--mobile { display: none; } .footer .version--desktop { display: block; } .footer .version--desktop .social-icons a:last-of-type { width: 11rem; } .footer .version--desktop .social-icons a:last-of-type img { width: 100%; } .footer .partners-wrapper:nth-of-type(2) { padding-bottom: 0; border: none; } .footer .partners-wrapper:nth-of-type(2) img { margin-bottom: 0; } } @media (min-width: 1200px) { .footer { padding: 5rem 0; } .footer__logo { margin-bottom: 4rem; } .footer .app-links a:not(.footer__logo) img { width: 15rem; } .footer .version--desktop .app-links > .flexbox a:last-of-type { margin-right: 1.5rem; } .footer .version--desktop ul a { font-size: 1.6rem; } .footer__bottom { margin-top: 5rem; } .footer__bottom a img { width: 3rem; } } @media (min-width: 992px) and (max-width: 1399px) { .footer .partners-wrapper img:not(:last-of-type) { margin-right: 1.5rem; } .footer .partners-wrapper:nth-of-type(1) img { max-width: 11rem; max-height: 2.5rem; } .footer .partners-wrapper:nth-of-type(2) img:nth-of-type(1) { max-height: 3.5rem; } .footer .partners-wrapper:nth-of-type(2) img:nth-of-type(2) { max-height: 2.5rem; } } @media (min-width: 1400px) { .footer { padding: 6rem 0; } .footer__logo { width: 14rem; } } /*Marco for testing purposes*/ #bar { background-color: #eee; border-radius:2rem; width : 100%; height: 1rem; margin-top: 0.5rem; display: none; } .password-reqs { line-height : 1.4rem; } .password-reqs span{ font-size : 1.2rem; font-style : italic } .password-reqs span:not(#main):not(:last-child):after { content: ", "; } .progress-bar { height: 100%; border-radius: 2rem;} .progress-bar.fail { background: #f94d4d; } .progress-bar.success { background: #49c66f } .success-msg { width: 100%; background-color: #4eb94e; border-radius: 5px; color: white; padding: 10px; display: none; } /* ---------------------------------------------------------------------------------------------------- LEGAL ---------------------------------------------------------------------------------------------------- */ .legal { padding-bottom: 5rem; } .legal p, li { font-size: 1.4rem; line-height: 1.7rem; } .legal__top { padding: 1.5rem 0 0; } .legal__top h2 { min-height: 3rem; } .legal__top .date { padding-bottom: 1.5rem; color: #7d7d7d; font-size: 1.4rem; line-height: 1.7rem; } .legal__content { width: 100%; margin: auto; } .legal__content h3 { margin-bottom: 2rem; padding: 3rem 0 1rem; border-bottom: .2rem solid #222; color: #222; } .legal__content table td:nth-of-type(1):not(:nth-last-of-type(1)) { width: 5rem; } .legal__content table td h4 { padding-top: 2rem; color: #7d7d7d; } .legal__content table td h4.main { font-size: 1.8rem; line-height: 2.2rem; } .legal__content h3 + table > tbody > tr:nth-of-type(1) > td h4 { padding-top: 0; } .legal__content table td ul { padding-left: 1.2rem; } .legal__content table td ul li { padding-left: 2rem; list-style: disc; } .legal__content table td ul li.list-wrapper { list-style: none; } .legal__content table td ul li, .legal__content table td p { padding-top: .5rem; } .legal__content table td a { text-decoration: underline; } .legal__content table td a:hover { text-decoration: none; } .legal__content table.main > tbody > tr:nth-of-type(1) td p:nth-child(1) { padding-top: 0; } @media (min-width: 992px) { .legal { padding-bottom: 6rem; } .legal p, li { font-size: 1.6rem; line-height: 2rem; } .legal__content { max-width: 70.5rem; } .legal__content table td:nth-of-type(1):not(:nth-last-of-type(1)) { width: 8rem; } .legal__content table td.limited-line-height, .legal__content table td:not(.limited-line-height) ul li, .legal__content table td:not(.limited-line-height) p { padding-top: 1rem; } } @media (min-width: 1200px) { .legal { padding-bottom: 8rem; } .legal__content { max-width: 85rem; } .legal__content h3 { padding-top: 4rem; } .legal__content table td:nth-of-type(1):not(:nth-last-of-type(1)) { width: 10rem; } } @media (min-width: 1400px) { .legal { padding-bottom: 10rem; } .legal__content { max-width: 100rem; } .legal__content h3 { margin-bottom: 3rem; padding-top: 5rem; } .legal__content table td:nth-of-type(1):not(:nth-last-of-type(1)) { width: 12rem; } .legal__content table td.limited-line-height, .legal__content table td:not(.limited-line-height) ul li, .legal__content table td:not(.limited-line-height) p { padding-top: 1.5rem; } .legal__content table td ul li { padding-left: 3rem; } }