/* Minification failed. Returning unminified contents. (3193,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3194,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3195,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3199,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3200,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3201,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3202,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3203,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3207,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3208,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3209,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3210,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3211,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3212,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3213,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3221,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3222,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3223,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3224,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3225,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3226,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3227,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3228,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3229,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3230,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3231,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3232,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3233,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3234,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3235,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3236,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3237,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3238,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3239,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3240,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3241,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3249,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3250,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3251,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3252,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3253,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3254,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3255,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3256,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3257,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3258,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3259,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3260,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3261,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3262,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3263,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3264,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3265,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3266,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3267,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3268,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3269,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3277,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3278,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3279,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3280,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3281,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3282,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3283,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3284,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3285,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3286,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3287,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3288,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3289,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3290,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3291,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3292,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3293,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3294,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3295,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3296,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3297,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3305,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3306,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3307,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3308,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3309,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3310,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3311,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3312,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3313,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3314,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3315,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3316,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3317,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3318,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3319,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3320,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3321,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3322,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3323,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3324,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3325,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3333,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3334,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3335,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3336,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3337,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3338,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3339,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3340,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3341,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3342,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3343,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3344,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3345,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3346,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3347,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3348,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3349,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3350,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3351,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3352,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3353,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3361,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3362,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3363,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3364,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3365,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3366,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3367,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3368,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3369,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3370,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3371,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3372,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3373,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3374,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3375,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3376,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3377,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3378,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3379,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3380,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3381,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3389,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3390,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3391,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3392,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3393,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3394,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3395,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3396,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3397,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3398,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3399,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3400,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3401,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3402,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3403,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3404,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3405,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3406,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3407,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3408,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3409,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3410,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3413,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3414,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' */ @charset "UTF-8"; /*! normalize.css v2.0.1 | MIT License | git.io/normalize */ @import "../fonts/Platform/1704-GSLZZJ.css"; @import "../fonts/Platform/1808-BMDEFD.css"; article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: "“" "”" "‘" "’"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type=search] { -webkit-appearance: textfield; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } /*! Animate.css - http://daneden.me/animate Version - 3.4.0 Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated, .main:after, .header.active .mastnav__item, .hero .checklist .checklist__item { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite, .infinite.main:after, .header.active .infinite.mastnav__item, .hero .checklist .infinite.checklist__item { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge, .hinge.main:after, .header.active .hinge.mastnav__item, .hero .checklist .hinge.checklist__item { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .bounceIn.main:after, .header.active .bounceIn.mastnav__item, .hero .checklist .bounceIn.checklist__item, .animated.bounceOut, .bounceOut.main:after, .header.active .bounceOut.mastnav__item, .hero .checklist .bounceOut.checklist__item { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } .animated.flipOutX, .flipOutX.main:after, .header.active .flipOutX.mastnav__item, .hero .checklist .flipOutX.checklist__item, .animated.flipOutY, .flipOutY.main:after, .header.active .flipOutY.mastnav__item, .hero .checklist .flipOutY.checklist__item { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn, .main:after { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -5%, 0); transform: translate3d(0, -5%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight, .header.active .mastnav__item, .hero .checklist .checklist__item { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpSmall { from { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpSmall { from { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpSmall { -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall; } @-webkit-keyframes fadeInUpSmaller { from { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpSmaller { from { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpSmaller { -webkit-animation-name: fadeInUpSmaller; animation-name: fadeInUpSmaller; } @-webkit-keyframes fadeInUpSmallest { from { opacity: 0; -webkit-transform: translate3d(0, 0.6em, 0); transform: translate3d(0, 0.6em, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpSmallest { from { opacity: 0; -webkit-transform: translate3d(0, 0.6em, 0); transform: translate3d(0, 0.6em, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpSmallest { -webkit-animation-name: fadeInUpSmallest; animation-name: fadeInUpSmallest; } @-webkit-keyframes fadeOutUpSmallest { from { opacity: 1; -webkit-transform: none; transform: none; } to { opacity: 0; -webkit-transform: translate3d(0, -0.6em, 0); transform: translate3d(0, -0.6em, 0); } } @keyframes fadeOutUpSmallest { from { opacity: 1; -webkit-transform: none; transform: none; } to { opacity: 0; -webkit-transform: translate3d(0, -0.6em, 0); transform: translate3d(0, -0.6em, 0); } } .fadeOutUpSmallest { -webkit-animation-name: fadeOutUpSmallest; animation-name: fadeOutUpSmallest; } @-webkit-keyframes fadeInDownSmallest { from { opacity: 0; -webkit-transform: translate3d(0, -0.6em, 0); transform: translate3d(0, -0.6em, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownSmallest { from { opacity: 0; -webkit-transform: translate3d(0, -0.6em, 0); transform: translate3d(0, -0.6em, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownSmallest { -webkit-animation-name: fadeInDownSmallest; animation-name: fadeInDownSmallest; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip, .flip.main:after, .header.active .flip.mastnav__item, .hero .checklist .flip.checklist__item { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .margin-bottom, .shows__item, .news .news__item { margin-bottom: 32px; } @media (max-width: 768px) { .margin-bottom, .shows__item, .news .news__item { margin-bottom: 16px; } } :root { --color-primary: hsl(var(--color),var(--l)); --color-primary-darker: hsl(var(--color),calc(var(--l) - -50%)); --color-primary-darkest: hsl(var(--color),calc(var(--l) - 10%)); } :root { --light: #ffffff; --medium: #FCE5D8; --accent: #E40521; --accent-reverse: #ffffff; --accent-darker: #B4041A; } [data-theme=eldfesten] { --primary: hsl(352, 96%, 46%); --secondary: hsl(352, 96%, 46%); --cta-text: #ffffff; --footer: #000000; --footer-text: #ffffff; --gradient: linear-gradient(90deg, #E40521 0%, #FECC00 30.43%, #E40521 68.23%, #FECC00 100%); --cta: #E40521; } [data-theme=eldfesten] .jumbotron .navbar.submenu .dropdown .accordion-button:after { -webkit-filter: invert(100%); filter: invert(100%); } [data-theme=yellow] { --primary: hsl(52, 100%, 50%); --primary-lighter: hsl(52, 100%, 90%); --primary-darker: hsl(52, 100%, 30%); --secondary: hsl(135, 78%, 30%); --secondary-lightest: hsl(135, 78%, 95%); --secondary-lighter: hsl(135, 78%, 90%); --secondary-darker: hsl(135, 78%, 15%); --secondary-light: hsl(135, 78%, 70%); --footer: #11882F; --footer-text: #ffffff; --light: hsl(52, 100%, 70%); --medium: #FFF6DB; --mediumdark: #FFF6DB; --accent: #FFDD00; --cta: #FFDD00; --cta-text: #000000; --accent-reverse: #000000; --accent-darker: #F0D000; --converse: #13A538; --converse-cta: #11882F; --converse-text: #ffffff; } [data-theme=yellow] .jumbotron .navbar.submenu .dropdown .accordion-button:after { -webkit-filter: invert(100%); filter: invert(100%); } [data-theme=pink] { --primary: hsl(332, 79%, 49%); --primary-lighter: hsl(332, 79%, 90%); --primary-darker: hsl(332, 79%, 30%); --secondary: hsl(262, 55%, 33.1%); --secondary-lightest: hsl(262, 55%, 95%); --secondary-lighter: hsl(262, 55%, 90%); --secondary-darker: hsl(262, 55%, 22%); --secondary-light: hsl(262, 55%, 70%); --footer: hsl(262, 55%, 33.1%); --footer-text: #ffffff; --light: hsl(332, 79%, 70%); --medium: #FCDEEC; --mediumdark: #FCDEEC; --accent: #E94190; --cta: #E01A76; --cta-text: #ffffff; --accent-reverse: #ffffff; --accent-darker: #E62881; --converse: hsl(262, 55%, 33.1%); --converse-cta: hsl(262, 55%, 33.1%); --converse-text: #ffffff; } [data-theme=pink] .jumbotron .navbar.submenu .dropdown .accordion-button:after { -webkit-filter: invert(100%); filter: invert(100%); } [data-theme=red] { --primary: hsl(352, 96%, 46%); --primary-lighter: hsl(352, 96%, 90%); --primary-darker: hsl(352, 96%, 25%); --secondary: hsl(332, 79%, 49%); --secondary-lightest: hsl(332, 79%, 95%); --secondary-lighter: hsl(332, 79%, 90%); --secondary-darker: hsl(332, 79%, 30%); --secondary-light: hsl(332, 79%, 70%); --footer: #E01A76; --footer-text: #ffffff; --light: hsl(352, 96%, 70%); --medium: #FEDCE0; --mediumdark: #FEDCE0; --accent: #E40521; --cta: #E40521; --cta-text: #ffffff; --accent-reverse: #ffffff; --accent-darker: #B4041A; --converse: #E94190; --converse-cta: #E01A76; --converse-text: #ffffff; } [data-theme=red] .jumbotron .navbar.submenu .dropdown .accordion-button:after { -webkit-filter: invert(100%); filter: invert(100%); } [data-theme=purple] { --primary: hsl(262, 55%, 33.1%); --primary-lighter: hsl(262, 55%, 90%); --primary-darker: hsl(262, 55%, 22%); --secondary: hsl(135, 78%, 30%); --secondary-lightest: hsl(135, 78%, 95%); --secondary-lighter: hsl(135, 78%, 90%); --secondary-darker: hsl(135, 78%, 15%); --secondary-light: hsl(135, 78%, 70%); --footer: #11882F; --footer-text: #ffffff; --light: hsl(262, 55%, 70%); --medium: #EAE2F8; --mediumdark: #EAE2F8; --accent: hsl(262, 55%, 33.1%); --cta: hsl(262, 55%, 33.1%); --cta-text: #ffffff; --accent-reverse: #ffffff; --accent-darker: #3D206F; --converse: hsl(135, 78%, 30%); --converse-cta: #11882F; --converse-text: #ffffff; } [data-theme=purple] .jumbotron .navbar.submenu .dropdown .accordion-button:after { -webkit-filter: invert(100%); filter: invert(100%); } [data-theme=blue] { --primary: hsl(192, 100%, 39%); --primary-lighter: hsl(192, 100%, 90%); --primary-darker: hsl(192, 100%, 20%); --secondary: hsl(262, 55%, 33.1%); --secondary-lightest: hsl(262, 55%, 95%); --secondary-lighter: hsl(262, 55%, 90%); --secondary-darker: hsl(262, 55%, 22%); --secondary-light: hsl(262, 55%, 70%); --footer: hsl(262, 55%, 33.1%); --footer-text: #ffffff; --light: hsl(192, 100%, 70%); --medium: #DBF8FF; --mediumdark: #DBF8FF; --accent: #00B5E2; --cta: #009FC7; --cta-text: #ffffff; --accent-reverse: #ffffff; --accent-darker: #009FC7; --converse: hsl(262, 55%, 33.1%); --converse-cta: hsl(262, 55%, 33.1%); --converse-text: #ffffff; } [data-theme=blue] .jumbotron .navbar.submenu .dropdown .accordion-button:after { -webkit-filter: invert(100%); filter: invert(100%); } [data-theme=green] { --primary: hsl(135, 78%, 30%); --primary-lighter: hsl(135, 78%, 90%); --primary-darker: hsl(135, 78%, 15%); --secondary: hsl(332, 79%, 49%); --secondary-lightest: hsl(332, 79%, 95%); --secondary-lighter: hsl(332, 79%, 90%); --secondary-darker: hsl(332, 79%, 30%); --secondary-light: hsl(332, 79%, 70%); --footer: #E01A76; --footer-text: #ffffff; --light: hsl(135, 78%, 70%); --medium: #DFFBE6; --mediumdark: #DFFBE6; --accent: #13A538; --cta: #11882F; --cta-text: #ffffff; --accent-reverse: #ffffff; --accent-darker: #0F7A2A; --converse: #E94190; --converse-cta: #E01A76; --converse-text: #ffffff; } [data-theme=green] .jumbotron .navbar.submenu .dropdown .accordion-button:after { -webkit-filter: invert(100%); filter: invert(100%); } [data-theme=black] { --primary: hsl(0, 0%, 0%); --primary-lighter: hsl(0, 0%, 90%); --primary-darker: hsl(0, 0%, 0%); --secondary: hsl(262, 55%, 33.1%); --secondary-lightest: hsl(262, 55%, 95%); --secondary-lighter: hsl(262, 55%, 90%); --secondary-darker: hsl(262, 55%, 22%); --secondary-light: hsl(262, 55%, 70%); --footer: hsl(262, 55%, 33.1%); --footer-text: #ffffff; --light: hsl(0, 0%, 70%); --medium: #eeeeee; --mediumdark: #dddddd; --accent: hsl(262, 55%, 33.1%); --cta: #000000; --cta-text: #ffffff; --accent-reverse: #ffffff; --accent-darker: #222222; --converse-text: #000000; --converse: hsl(262, 55%, 33.1%); --converse-cta: hsl(262, 55%, 33.1%); --converse-text: #ffffff; } [data-theme=black] .block--darker { --cta: #ffffff; --cta-text: #000000; } [data-theme=black] .block--darker .btn-primary:hover, [data-theme=black] .block--darker .btn-primary:focus, [data-theme=black] .block--darker.cards--with-buttons .card-footer a:hover, [data-theme=black] .block--darker.cards--with-buttons .card-footer a:focus { background-color: #ccc; color: #000000; } [data-theme=black] .jumbotron .navbar.submenu .dropdown .accordion-button:after { -webkit-filter: invert(100%); filter: invert(100%); } .visually-hidden { margin: -1px; padding: 0; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip: rect(0, 0, 0, 0); position: absolute; } /* USAGE <button class="mobile-navigation-trigger"> <b class="visually-hidden">Open the navigation</b> <img src="img/mobile-navigation-icon.svg"> </button>*/ /* USAGE p { @include font-size(14px) }*/ /* USAGE .faded-text { @include opacity(0.8); }*/ .visually-hidden { margin: -1px; padding: 0; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip: rect(0, 0, 0, 0); position: absolute; } .center-center--row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .center-center--col { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .table { display: table; width: 100%; } .table > * { display: table-cell; vertical-align: middle; padding-right: 30px; } .table > *:last-child { padding-right: 0; } .flex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .height-100 { height: 100%; } .no-gutters { padding-left: 0; padding-right: 0; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } html, body { height: 100%; margin: 0; padding: 0; overflow-y: visible; } body { background-color: #fff; position: relative; overflow-x: hidden; } .outer-wrapper { background-color: #fff; margin: 0 auto; position: relative; min-height: 100vh; } [aria-expanded=false] > .expanded, [aria-expanded=true] > .collapsed { display: none; } .collapsing + .preamble { display: none; } .collapse.show + .preamble { display: none; } body.scrollDisabled { position: fixed; overflow-y: scroll; width: 100%; } body.scrollDisabled .main:after { display: block; } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0; } .alert-danger { color: #8a0315; background-color: #facdd3; border-color: #f8b4bd; } @-webkit-keyframes blur { from { -webkit-filter: blur(0); } to { -webkit-filter: blur(2.85714rem); } } @keyframes blur { from { -webkit-filter: blur(0); } to { -webkit-filter: blur(2.85714rem); } } #skiptocontent { position: relative; -webkit-transition: height 0.2s ease-out; transition: height 0.2s ease-out; z-index: 100; height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; font-weight: bold; background: #1b1b1b; color: #fff; } #skiptocontent:focus { height: 50px; outline-color: transparent; -webkit-transition: height 0.2s ease-in; transition: height 0.2s ease-in; } #skiptocontent span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html, body { font-size: 100%; } body { line-height: 1; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-size: 16px; color: #000; } body p { letter-spacing: 0.04em; } body p.lead, body p strong { letter-spacing: 0.02em; font-weight: 500; } .font--regular, article p, .shows__item__info p, .hero .hero__content__caption, .hero .main-header__caption, .hero .image-caption, .sidebar .sidebar__footer p, .sidebar .sidebar__footer a, .form__group__item--checkbox label, body, body p { font-family: "Platform Web", sans-serif; font-style: normal; font-weight: 400; } .font--medium, .article h4, .show-info-nav .show-info-nav__item, .show-info-nav .nav-item .nav-link.active, .no_local_shows-title, .shows__item__date .show__content__date__month, .hero .info .shows__item__date .show__content__date__month, .component-header .cat, .post-date, .box-item__footer__meta__details span, .sidebar .list .list__item .list__item__label, .news .news__item__cat, .contactcard .font--bold, .contactcard .old-header__search form .searchinput, .old-header__search form .contactcard .searchinput, .contactcard .old-header__search form button, .old-header__search form .contactcard button, .contactcard .biljettinfo h5, .biljettinfo .contactcard h5, .contactcard .show-info__meta .show-info__meta__item .show-info__meta__item__label, .show-info__meta .show-info__meta__item .contactcard .show-info__meta__item__label, .contactcard .shows__item__info__title, .contactcard .shows__item__date .show__content__date__day, .shows__item__date .contactcard .show__content__date__day, .contactcard .hero .info .shows__item__date .show__content__date__day, .hero .info .shows__item__date .contactcard .show__content__date__day, .contactcard .tour-schedule .tour-schedule__item .tour-schedule__item__time, .tour-schedule .tour-schedule__item .contactcard .tour-schedule__item__time, .contactcard .tour-schedule .tour-schedule__item h4, .tour-schedule .tour-schedule__item .contactcard h4, .contactcard .sidebar .sidebar__footer .title, .sidebar .sidebar__footer .contactcard .title, .contactcard h1, .contactcard h2, .contactcard h3, .contactcard .modal-sm .modal-title, .modal-sm .contactcard .modal-title, .contactcard .EPiServerForms .Form__MainBody h1, .EPiServerForms .Form__MainBody .contactcard h1, .contactcard .EPiServerForms .Form__MainBody h2, .EPiServerForms .Form__MainBody .contactcard h2, .contactcard .EPiServerForms .Form__MainBody h3, .EPiServerForms .Form__MainBody .contactcard h3, .contactcard .EPiServerForms .Form__MainBody h4, .EPiServerForms .Form__MainBody .contactcard h4, .contactcard .EPiServerForms .Form__MainBody h5, .EPiServerForms .Form__MainBody .contactcard h5, .contactcard .EPiServerForms .Form__MainBody h6, .EPiServerForms .Form__MainBody .contactcard h6, label, .hero .checklist__title, .checklist .checklist__item, .list--links .list__item, .slider--content .slider__item .slider__item__content span, .btn, .FormSubmitButton, input[type=reset], .FormResetButton, .cta, h6, h5 { font-family: "Platform Web", sans-serif; font-style: normal; font-weight: 500; } .font--semibold, .old-header__nav__dropdown-menu a.dropdown-item, .old-header__nav .old-header__nav__link, footer .list--links .list__item, footer .list--links a, .status__label, .component-header .lead, .modal .lead, h4 { font-family: "Platform Web", sans-serif; font-style: normal; font-weight: 500; } .font--bold, .old-header__search form .searchinput, .old-header__search form button, .biljettinfo h5, .show-info__meta .show-info__meta__item .show-info__meta__item__label, .shows__item__info__title, .shows__item__date .show__content__date__day, .hero .info .shows__item__date .show__content__date__day, .tour-schedule .tour-schedule__item .tour-schedule__item__time, .tour-schedule .tour-schedule__item h4, .sidebar .sidebar__footer .title, .EPiServerForms .Form__MainBody h1, .EPiServerForms .Form__MainBody h2, .EPiServerForms .Form__MainBody h3, .EPiServerForms .Form__MainBody h4, .EPiServerForms .Form__MainBody h5, .EPiServerForms .Form__MainBody h6, .modal-sm .modal-title, h3, h2, h1 { font-family: "Platform Web", sans-serif; font-style: normal; font-weight: 700; } h1, h2, h3, h4, h5, h6 { word-wrap: normal; line-height: 1.1; margin-top: 0; margin-bottom: 0.3em; color: #000; } h1 { font-size: 80px; letter-spacing: -0.015625em; line-height: 1; } @media (max-width: 768px) { h1 { font-size: 48px; } } h2 { font-size: 40px; line-height: 1.1; } @media (max-width: 575px) { h2 { font-size: 32px; } } h3 { font-size: 32px; line-height: 1.2; } @media (max-width: 575px) { h3 { font-size: 24px; } } h4 { font-size: 24px; } @media (max-width: 575px) { h4 { font-size: 18px; } } h5 { font-size: 16px; } h6 { font-size: 16px; } .lead { font-size: 21px; line-height: 1.3; color: #000; } @media (max-width: 575px) { .lead { font-size: 20px; } } p { line-height: 1.6; margin-bottom: 0; color: #000; } .hyphenate { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } ::-moz-selection { background: rgba(162, 163, 165, 0.8); color: white; } ::selection { background: rgba(162, 163, 165, 0.8); color: white; } .rt-h1, .rt-h2, .rt-h4, .rt-h5 { font-family: "Platform Web", sans-serif; font-weight: 700; color: #000; line-height: 1.1; margin-bottom: 16px; max-width: 730px; } @media (min-width: 769px) { .rt-h1, .rt-h2, .rt-h4, .rt-h5 { margin-bottom: 32px; } } .rt-h1 { font-size: 48px; } @media (min-width: 769px) { .rt-h1 { font-size: 96px; } } .rt-h2 { font-size: 40px; } @media (min-width: 769px) { .rt-h2 { font-size: 64px; } } .rt-h3 { font-size: 32px; font-family: "Platform Web", sans-serif; } @media (min-width: 769px) { .rt-h3 { font-size: 48px; margin-bottom: 16px; } } .rt-h4 { font-size: 24px; } @media (min-width: 769px) { .rt-h4 { font-size: 36px; } } .rt-h5 { font-size: 22px; } @media (min-width: 769px) { .rt-h5 { font-size: 32px; } } .rt-h6 { font-size: 21px; } @media (min-width: 769px) { .rt-h6 { font-size: 21px; } } .rt-tag { font-family: "Platform Web", sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.3px; text-transform: uppercase; margin-bottom: 16px; color: #000; } @media (min-width: 769px) { .rt-tag { font-size: 14px; margin-bottom: 32px; } } .rt-preamble, article p.rt-preamble { font-family: "Platform Web", sans-serif; font-size: 18px; font-weight: 500; line-height: 1.5; margin-bottom: 16px; max-width: 730px; color: #000; } @media (min-width: 769px) { .rt-preamble, article p.rt-preamble { font-size: 21px; margin-bottom: 32px; } } .rt-main-p, .rt-main-p p, .article p { font-family: "Platform Web", sans-serif; font-size: 16px; line-height: 1.5; margin-bottom: 24px; max-width: 730px; } .rt-p-small { font-family: "Platform Web", sans-serif; font-size: 16px; line-height: 1.4; } .rt-textlink { font-family: "Platform Web", sans-serif; font-size: 16px; line-height: 1.5; font-weight: 500; color: #E94190; display: block; position: relative; margin-bottom: 16px; } @media (min-width: 769px) { .rt-textlink { font-size: 18px; margin-bottom: 32px; } } .rt-textlink:after { content: ""; background-image: url("../icons/arrow-right.svg"); background-repeat: no-repeat; background-size: contain; width: 15px; height: 15px; position: absolute; top: 51%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-left: 10px; -webkit-transition: margin 0.2s ease-in-out; transition: margin 0.2s ease-in-out; } .rt-textlink:hover { color: #E94190; } .rt-textlink:hover:after { margin-left: 16px; } a { display: inline-block; color: inherit; text-decoration: none; -webkit-transition: color 0.15s; transition: color 0.15s; } a:hover { color: inherit; text-decoration: none; } a:active, a:hover, a:focus { outline: 0; } .cta { line-height: 24px; } .cta:hover { text-decoration: underline; } .expand { text-decoration: none; margin-top: 8px; } .article-content li a { color: #DC2141; text-decoration: underline; } .set-box { font-style: normal; font-weight: 500; font-size: 14px; line-height: 1; letter-spacing: 1px; color: #FFFFFF; padding: 6px 12px; text-align: center; background: #191818; border-radius: 13px; margin-top: 12px; display: block; max-width: 79px; } .btn, .FormSubmitButton, input[type=reset], .FormResetButton { font-size: 17px; border: none; border-radius: 6px; padding: 20px 24px 20px; line-height: 1; display: inline-block; -webkit-transition: 0.15s; transition: 0.15s; margin-left: auto; margin-right: auto; white-space: nowrap; text-transform: none; letter-spacing: 0; height: auto; background-color: white; text-decoration: none !important; } .btn:hover, .FormSubmitButton:hover, input[type=reset]:hover, .FormResetButton:hover { background-color: white; } @media (max-width: 768px) { .btn, .FormSubmitButton, input[type=reset], .FormResetButton { padding: 16px 24px 16px; } } .btn i, .FormSubmitButton i, input[type=reset] i, .FormResetButton i { display: none !important; } @media (min-width: 769px) { .btn, .FormSubmitButton, input[type=reset], .FormResetButton { padding-left: 40px; padding-right: 40px; } } .btn:hover, .FormSubmitButton:hover, input[type=reset]:hover, .FormResetButton:hover { text-decoration: none !important; } .btn:focus, .FormSubmitButton:focus, input[type=reset]:focus, .FormResetButton:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .btn--copy:hover { color: black; } .btn--primary, .FormSubmitButton { background-color: #DC2141; color: white !important; font-size: 18px; } .btn--primary:hover, .FormSubmitButton:hover { background: #b01a34; } .btn--primary:focus, .FormSubmitButton:focus { background: #b01a34; } .btn--secondary { background-color: transparent; background-color: white; border: 1px solid #191818; color: #000000; letter-spacing: 0; } .btn--secondary:hover { background-color: white; color: black; border-color: black; } .btn--disabled { background-color: #b3b3b3; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; cursor: default !important; display: block; color: white !important; } .btn--inv { background-color: white; color: #DC2141; } .btn--inv:hover, .btn--inv:focus { color: #DC2141; background: #e6e6e6; } .btn--large { height: 64px; width: 100%; border-radius: 0 2px 2px 0; } @media (max-width: 768px) { .btn--large { border-radius: 2px; height: 56px; line-height: 56px; } } .btn--small { font-size: 14px; padding: 8px 16px; font-weight: 400; font-size: 14px; line-height: 1; } .btn--rounded { border: 1px solid #999999; } .btn--rounded:hover, .btn--rounded:focus { color: black; border-color: black; } .btn--rounded .material-icons, .btn--rounded .slick-prev:before, .btn--rounded .slick-next:before { line-height: 18px; display: none; } .btn--expand { border: 1px solid #999999; padding: 6px 16px 8px; line-height: 1; } .btn--expand > span:after { content: ""; margin-left: 4px; background-image: url("../icons/angle.svg"); background-size: 14px 14px; height: 14px; width: 14px; display: inline-block; position: relative; top: 3px; } .btn--expand span.expanded:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .btn--expand:hover, .btn--expand:focus { color: black; border-color: black; } .btn--copy { margin-top: 0; background-color: #fff; padding: 7px 16px 8px 14px; font-weight: normal; height: 32px; line-height: 1; opacity: 0.7; -webkit-transition: 0.15s; transition: 0.15s; border-radius: 16px; } .btn--copy:hover { border-color: #333; opacity: 1; } .btn--copy span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; color: black; } .btn--copy span:before { content: ""; margin-right: 4px; display: inline-block; position: relative; width: 16px; height: 16px; background-image: url("../icons/link.svg"); } .btn--download { border: 1px solid #DC2141; border-radius: 3px; padding: 12px 16px; text-align: center; text-decoration: none; display: inline-block; white-space: nowrap; line-height: 1; color: #DC2141; font-weight: 500; font-size: 14px; -webkit-transition: 0.15s; transition: 0.15s; } .btn--download:hover { color: white; background-color: #DC2141; } .thumbs-up { cursor: pointer; } .thumbs-up:hover { opacity: 0.8; } .liked, .liked:focus { color: #DC2141; opacity: 1 !important; } .liked { -webkit-animation: jello 0.7s ease-in-out; animation: jello 0.7s ease-in-out; } .rt-btn { border: 0; padding: 14px 32px; font-family: "Platform Web", sans-serif; font-size: 18px; line-height: 1.5; font-weight: 700; color: #fff; background: #DC2141; border-radius: 4px; position: relative; display: inline-block; -webkit-transition: 0.15s; transition: 0.15s; } .rt-btn:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } .rt-btn:hover { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); color: #fff; } .rt-btn:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .rt-textblock .rt-btn { text-decoration: none; } .rt-main-p + .rt-btn { margin-top: 24px; } .rt-btn__pink { background-color: #E94190; } .rt-btn__play:before { content: ""; background-image: url("../icons/play.svg"); background-repeat: no-repeat; width: 11px; height: 12px; margin-right: 11px; display: inline-block; } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; -webkit-transform: scale(1); transform: scale(1); } 22.2% { -webkit-transform: skewX(-10deg) skewY(-10deg); transform: skewX(-10deg) skewY(-10deg); } 33.3% { -webkit-transform: skewX(4deg) skewY(4deg); transform: skewX(4deg) skewY(4deg); } 44.4% { -webkit-transform: skewX(-1deg) skewY(-1deg); transform: skewX(-1deg) skewY(-1deg); } 55.5% { -webkit-transform: skewX(1deg) skewY(1deg); transform: skewX(1deg) skewY(1deg); -webkit-transform: scale(2.2); transform: scale(2.2); } 66.6% { -webkit-transform: skewX(-0.4deg) skewY(-0.4deg); transform: skewX(-0.4deg) skewY(-0.4deg); } 77.7% { -webkit-transform: skewX(0.1deg) skewY(0.1deg); transform: skewX(0.1deg) skewY(0.1deg); } 88.8% { -webkit-transform: skewX(-0.2deg) skewY(-0.2deg); transform: skewX(-0.2deg) skewY(-0.2deg); -webkit-transform: scale(1); transform: scale(1); } } .giftcard-form__radio:checked + label:before, .giftcard-form__radio:not(:checked) + label:before { border: 1px solid #fff; } .hitta { background: #fee847; border-radius: 3px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 16px; color: #000; height: 40px; min-width: 85px; padding: 0; margin: 0; border: 0; } .material-icons, .slick-prev:before, .slick-next:before { vertical-align: middle; } .lines-button { display: block; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: none; background: none; padding: 0; } .lines-button:hover, .lines-button:focus { outline: 0; } .lines-button:active { -webkit-transition: 0; transition: 0; background: none; outline: 0; } .lines { display: block; width: 28px; height: 3px; background: white; -webkit-transition: 0.2s; transition: 0.2s; position: relative; } .lines:before, .lines:after { display: block; width: 28px; height: 3px; background: white; -webkit-transition: 0.2s; transition: 0.2s; position: absolute; left: 0; content: ""; -webkit-transform-origin: 2px center; -ms-transform-origin: 2px center; transform-origin: 2px center; } .lines:before { top: 8px; } .lines:after { top: -8px; } .header.active .mobile-menu .lines { background: transparent !important; } .header.active .mobile-menu .lines:before, .header.active .mobile-menu .lines:after { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 28px; } .header.active .mobile-menu .lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .header.active .mobile-menu .lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } .material-icons, .slick-prev:before, .slick-next:before { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; } /* Icons */ /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -20px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { vertical-align: middle; font-size: 16px; line-height: 1; opacity: 0.75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir=rtl] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: "←"; } [dir=rtl] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir=rtl] .slick-next { right: auto; left: -25px; } .slick-next:before { content: "→"; } [dir=rtl] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -32px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: "slick"; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: 0.75; color: black; } .slick-dots li { margin: 0; } .slick-dots { bottom: -32px; } .slick-dots li button:before { font-size: 16px; } .slick-dots li.slick-active button:before { color: rgba(0, 0, 0, 0.6); opacity: 1; } .slick-dotted.slick-slider { margin-bottom: 0; } .slick-slide { outline: 0; } .slick-arrow { background-color: white; border-radius: 40px; z-index: 1; height: 40px; width: 40px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); } .slick-arrow:focus { outline: 0; } .slick-next { right: -12px; } .slick-next:before { content: "\e315"; color: black; margin-left: 4px; font-size: 24px; } .slick-prev { left: -12px; } .slick-prev:before { content: "\e314"; color: black; font-size: 24px; } .slick-disabled { display: none !important; } .slider { margin-right: -8px; margin-left: -8px; height: 160px; } .slider .slider__item { height: 160px; padding: 0 8px; overflow: hidden; -webkit-transition: 0.15s; transition: 0.15s; } .slider .slider__item:hover { -webkit-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); } .slider .slider__item:focus { -webkit-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); } .slider .slider__item:active { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } .slider .slider__item img { display: block; height: 160px; width: 100%; -o-object-fit: cover; object-fit: cover; } .slider--content { height: auto; } .slider--content .slider__item { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: auto; padding: 0 12px; } .slider--content .slider__item .slider__item__content { height: 100%; width: 100%; } .slider--content .slider__item .slider__item__content h4 { margin-bottom: 4px; font-size: 20px; text-transform: uppercase; } .slider--content .slider__item .slider__item__content span { font-size: 13px; color: rgba(0, 0, 0, 0.5); } .slider--content .shows__item__img { height: 200px; } .slider--content .slick-arrow { top: 100px; } .img-caption { margin-top: 16px; } /*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */ html.swipebox-html.swipebox-touch { overflow: hidden !important; } #swipebox-overlay img { border: none !important; } #swipebox-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999 !important; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #swipebox-container { position: relative; width: 100%; height: 100%; } #swipebox-slider { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; } #swipebox-slider .slide { height: 100%; width: 100%; line-height: 1px; text-align: center; display: inline-block; } #swipebox-slider .slide:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } #swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide .swipebox-inline-container { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle; } #swipebox-slider .slide .swipebox-video-container { background: none; max-width: 1140px; max-height: 100%; width: 100%; padding: 5%; -webkit-box-sizing: border-box; box-sizing: border-box; } #swipebox-slider .slide .swipebox-video-container .swipebox-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } #swipebox-slider .slide-loading { background: url(img/loader.gif) no-repeat center center; } #swipebox-bottom-bar, #swipebox-top-bar { -webkit-transition: 0.5s; transition: 0.5s; position: absolute; left: 0; z-index: 999; height: 50px; width: 100%; } #swipebox-bottom-bar { top: 50%; margin-top: -25px; } #swipebox-top-bar { top: 16px; } #swipebox-title { display: block; width: 100%; text-align: center; } #swipebox-prev, #swipebox-next, #swipebox-close { border: none !important; text-decoration: none !important; cursor: pointer; width: 40px; height: 40px; top: 0; -webkit-transition: 0.15s; transition: 0.15s; } #swipebox-prev:hover, #swipebox-next:hover, #swipebox-close:hover { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } #swipebox-prev:focus, #swipebox-next:focus, #swipebox-close:focus { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } #swipebox-prev:active, #swipebox-next:active, #swipebox-close:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } #swipebox-prev:after, #swipebox-next:after, #swipebox-close:after { color: #fff; font-family: "Material Icons"; font-size: 40px; content: "close"; display: block; text-align: center; } #swipebox-arrows { display: block; margin: 0 auto; width: 100%; height: 50px; } #swipebox-prev { background-image: none !important; float: left; } #swipebox-prev:after { color: #fff; font-family: "Material Icons"; font-size: 40px; content: "arrow_back_ios"; display: block; text-align: center; } #swipebox-next { background-image: none !important; float: right; } #swipebox-next:after { color: #fff; font-family: "Material Icons"; font-size: 40px; content: "arrow_forward_ios"; display: block; text-align: center; } #swipebox-close { top: 16px; right: 16px; position: absolute; z-index: 9999; } .swipebox-no-close-button #swipebox-close { display: none; } #swipebox-prev.disabled, #swipebox-next.disabled { opacity: 0.3; } .swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider { -webkit-animation: rightSpring 0.3s; animation: rightSpring 0.3s; } .swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider { -webkit-animation: leftSpring 0.3s; animation: leftSpring 0.3s; } .swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; content: " "; position: absolute; z-index: 999; top: 0; height: 100%; width: 20px; opacity: 0; } .swipebox-touch #swipebox-container:before { left: 0; -webkit-box-shadow: inset 10px 0px 10px -8px #656565; box-shadow: inset 10px 0px 10px -8px #656565; } .swipebox-touch #swipebox-container:after { right: 0; -webkit-box-shadow: inset -10px 0px 10px -8px #656565; box-shadow: inset -10px 0px 10px -8px #656565; } .swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before { opacity: 1; } .swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after { opacity: 1; } @-webkit-keyframes rightSpring { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes rightSpring { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes leftSpring { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes leftSpring { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @media screen and (min-width: 800px) { #swipebox-arrows { width: 92%; } } /* Skin --------------------------*/ #swipebox-overlay { background: rgba(0, 0, 0, 0.8); } #swipebox-top-bar { color: white; font-size: 16px; line-height: 40px; } .modal-dialog { max-width: 630px; } .modal-dialog .close { float: none; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: none; opacity: 0.5; position: absolute; right: 24px; top: 24px; } .modal-dialog .close:hover { opacity: 1; } .modal-content { border: none; border-radius: 8px; overflow: hidden; } .modal-content p + p { margin-top: 24px; } .modal-content p a { color: #DC2141; text-decoration: underline; } .modal-header { padding: 48px 64px 16px; border-bottom: none; text-align: center; display: block !important; } @media (max-width: 576px) { .modal-header { padding-bottom: 24px; padding-left: 40px; padding-right: 40px; } } .modal-header h2 { font-size: 32px; } .modal-body { padding: 0 64px 64px; } @media (max-width: 576px) { .modal-body { padding-bottom: 48px; padding-left: 48px; padding-right: 48px; } } .modal .modal-footer { padding-left: 64px; padding-right: 64px; padding-top: 24px; padding-bottom: 32px; background: #fafafa; } .modal .modal-footer p, .modal .modal-footer a { font-size: 15px; line-height: 21px; } .modal .modal-footer a { margin-top: 8px; } .modal .modal-footer .title { margin-bottom: 8px; } .modal .modal-footer .no-cta { margin-top: 0; width: 100%; } @media (max-width: 576px) { .modal .modal-footer { padding-bottom: 32px; padding-left: 48px; padding-right: 48px; } } .modal a { color: #DC2141; } .modal .lead { margin-bottom: 0; font-size: 20px; margin-left: auto; margin-right: auto; font-style: italic; } .modal .lead .date { text-transform: uppercase; } .modal .lead span { margin-left: 8px; margin-right: 8px; } .modal-sm { max-width: 400px; margin: 0 auto; } .modal-sm .modal-body { padding: 0 64px 32px; } @media (max-width: 576px) { .modal-sm { max-width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .modal-sm .modal-title { line-height: 1.1; margin-left: auto; margin-right: auto; margin-top: 8px; } .modal.fade .modal-dialog { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .modal.show .modal-dialog { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } @media (max-width: 576px) { .modal.modal.fade { opacity: 1 !important; } .modal .modal-dialog { background-color: white; min-height: 100%; } .modal .modal-body, .modal .modal-footer { padding-left: 40px; padding-right: 40px; padding-bottom: 32px; } .modal.fade .modal-dialog { -webkit-transform: translate(0%, 100%); -ms-transform: translate(0%, 100%); transform: translate(0%, 100%); opacity: 1 !important; } .modal.show .modal-dialog { -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); opacity: 1 !important; } } .modal-body__btn { margin-top: 24px; } .modal-body__links { margin-top: 32px; font-weight: 500; } .modal-body__links p { font-weight: 400; margin-bottom: 8px; } .modal .modal-body__links__link { color: #000; padding-left: 8px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px; } .modal .modal-body__links__link:hover { text-decoration: underline; } .modal--video { background-color: rgba(0, 0, 0, 0.8); } .modal--video .close { color: #fff; opacity: 1; text-shadow: none; position: absolute; right: 24px; top: 24px; } .modal--video .close .material-icons, .modal--video .close .slick-prev:before, .modal--video .close .slick-next:before { font-size: 40px; } .modal--video .modal-dialog { background-color: transparent; } @media (min-width: 769px) { .modal--video .modal-dialog { width: 80vw; max-width: 1920px; } } .modal--video .modal-content { background-color: transparent; border-radius: 0; } .modal--video .modal-body { padding: 16px; } .modal-body__videowrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .modal-body__videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modal-footer > :not(:last-child) { margin-right: 0; } .modal-footer > :not(:first-child) { margin-left: 0; margin-top: 16px; } .modal .modal-region { background: transparent; } @media (min-width: 0) and (max-width: 769px) { .modal .modal-region { margin: 16px; } } @media (min-width: 0) and (max-width: 769px) { .modal .modal-region .modal-header { padding: 32px 24px 16px; } .modal .modal-region .modal-body { padding: 0 24px 24px; } } #canceledInfoModal p { font-size: 16px; line-height: 24px; } #canceledInfoModal a { text-decoration: underline; } #popup { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(65, 65, 65, 0.7); z-index: 9999; display: none; } #popup h3 { font-weight: bold; margin-bottom: 20px !important; font-size: 23px; } #popup .inner { width: 300px; margin: 0 auto; position: absolute; padding-top: 30px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } #popup .confirm.no { background: rgba(255, 233, 72, 0.42); } #popup .confirm { background: #FEE847; border-radius: 3px; font-style: normal; font-weight: 500; line-height: 16px; color: #000; font-size: 16px; min-width: 85px; margin: 0; display: inline-block; text-align: center; padding: 10px 0; text-decoration: none; } #popup .close-popup { position: absolute; right: 21px; top: 48px; cursor: pointer; } #popup .text { background: #ffffff; max-width: 100%; padding: 50px 40px; border-radius: 15px; } ul { margin-bottom: 24px; } .list { list-style: none; margin: 8px 0 0; padding: 0; } .list .list__item { display: block; margin: 0; padding: 0; line-height: 1.5; font-size: 15px; } .list .list__item--title { color: #262626; } .list--links { margin-top: 0; } .list--links .list__item { font-size: 18px; line-height: 40px; color: #262626; display: inline-block; margin-right: 24px; } .list--flat { margin-top: 0; } .list--flat .list__item { display: inline-block; margin-right: 24px; } .list--flat .list__item:last-child { margin-right: 0; } .checklist { list-style-type: none; } .checklist .checklist__item { font-size: 22px; margin-bottom: 24px; line-height: 1.3; } .hero .checklist .checklist__item { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; position: relative; } @media (min-width: 0) and (max-width: 479px) { .hero .checklist .checklist__item { text-align: left; } } @media (min-width: 480px) and (max-width: 769px) { .hero .checklist .checklist__item { text-align: left; } } .hero .checklist .checklist__item i { position: absolute; left: -40px; font-family: "Material Icons"; font-size: 28px; line-height: 24px; color: #FCC32D; top: 0; font-weight: 700; } .hero .checklist .checklist__item:nth-child(1n) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .hero .checklist .checklist__item:nth-child(2n) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .hero .checklist .checklist__item:nth-child(3n) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .hero .checklist .checklist__item:nth-child(4n) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .hero .checklist .checklist__item:nth-child(5n) { -webkit-animation-delay: 1s; animation-delay: 1s; } .hero .checklist .checklist__item:nth-child(6n) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .hero .checklist .checklist__item:nth-child(7n) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .hero .checklist .checklist__item:nth-child(8n) { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } .hero .checklist .checklist__item:nth-child(9n) { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } .hero .checklist .checklist__item:nth-child(10n) { -webkit-animation-delay: 2s; animation-delay: 2s; } .hero .checklist__title { color: #fff; font-size: 18px; padding-bottom: 24px; } @media (min-width: 480px) and (max-width: 769px) { .hero .checklist__title { padding-top: 45px; } } @media (min-width: 0) and (max-width: 479px) { .hero .checklist__title { padding-top: 45px; } } .socialshare__list { list-style-type: none; padding: 0; margin-top: 8px; margin-bottom: 4px; display: inline-block; } .socialshare__list .socialshare__list__item { display: inline-block; padding: 0; line-height: 32px; margin-top: 0; text-align: center; } .socialshare__list .socialshare__list__item a { display: block; margin-top: 0 !important; padding-right: 4px; opacity: 0.5; } .socialshare__list .socialshare__list__item a:hover { opacity: 0.9; } .socialshare__list .socialshare__list__item img { display: block; } .socialshare__list--vertical { display: inline-block; list-style-type: none; text-align: center; margin: 0; padding: 8px 16px; border: 1px solid #E5E5E5; border-radius: 2px; } @media (max-width: 576px) { .socialshare__list--vertical { display: block; margin-top: 24px; } } .socialshare__list--vertical .socialshare__list__item { padding: 12px 0; } @media (max-width: 576px) { .socialshare__list--vertical .socialshare__list__item { display: inline-block; } } .socialshare__list--mobile { list-style-type: none; margin: 0; padding: 0; } @media (min-width: 480px) { .socialshare__list--mobile { display: none; } } .socialshare__list--mobile .socialshare__list__item { display: inline; padding: 0 10px; } .socialshare__list--mobile .socialshare__list__item:last-child { padding-right: 0; } ::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } :-moz-placeholder { /* Firefox 18- */ color: rgba(0, 0, 0, 0.6); } ::-moz-placeholder { /* Firefox 19+ */ color: rgba(0, 0, 0, 0.6); } :-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } select:focus { outline: none; } select:not([multiple]) { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAABGklEQVR4Ae3RAcZCQRiF4buDfwshBGi+2UQgcIGAVtpSIuS/KyilG+UTcbk6zIH3GQBm3mM6AAAAAAAAAACA+eqf/yZBXcV/2XeCVPYx1FXj/FjGUMd45AQp/1HHGGLZNL+e61jHnKDmv8652YT1IvPfE2LX/Sh27/ycsF60yT/lk58JYn6eU4MJccjnlAmZ/33i0OAH4jg9Qcw/5g9YJpS+m6n0xvzpCfVe+nn59S7kGyYo+YYJWz3fO+E2PaFs9XzPhMy/6fmWCXq+YUJs9HzrhLh+JsQmrnq+bYKeb52g53snXPR88wQ93z9Bz/dP0PP9E/R89wQ93zpBz7dO0POtE/R86wQ93zpBzzdP+MoHAAAAAAAAAADAExTnTW20AtjhAAAAAElFTkSuQmCC"); background-position: right 12px center; background-repeat: no-repeat; background-size: 24px; color: #222326; padding-right: 48px !important; text-indent: 0.01px; text-overflow: ""; border-radius: 2px; } input, select:not([multiple]) { display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 16px; line-height: 1.5; color: #222326; background-color: #fff; border-radius: 0; color: #000; border: 1px solid #d9dadc; border-radius: 3px; } input[type=reset], .FormResetButton { border: 1px solid #d9dadc; width: auto; font-weight: 400; } textarea { display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 16px; line-height: 1.5; color: #222326; background-color: #fff; border-radius: 0; color: #000; border: 1px solid #d9dadc; resize: vertical; border-radius: 3px; } label { line-height: 24px; color: #000; } .Form__Element { margin-bottom: 16px; } .FormFileUpload__Input { padding: 16px; height: auto; background: #FAFAFA; } form.EPiServerForms section { padding-bottom: 0; padding-top: 0; border-bottom: none; } .FormRange__Min { display: block; } .FormRange__Max { float: right; } .Form__Description { line-height: 1.5; font-size: 18px; } .form .form__group:last-child { margin-bottom: 0; } .Form__Title { font-size: 40px; margin-bottom: 16px; } .FormTextbox--Textarea .FormTextbox__Input { min-height: 120px; } .FormRange__Input { max-width: 100% !important; } .FormCaptcha__Refresh { display: block; margin: 16px 0; } .FormCaptcha__Image { margin-bottom: 16px; display: block; } .Form__NavigationBar { display: block; margin: 32px auto 32px; text-align: center; } .Form__NavigationBar .btnNext, .Form__NavigationBar .btnPrev { display: inline-block; line-height: 40px; height: 40px !important; padding: 0 24px; font-family: "Platform Web", sans-serif !important; border-color: rgb(216, 216, 216) !important; margin-bottom: 16px; } .Form__NavigationBar .Form__NavigationBar__ProgressBar { display: inline-block; padding: 0 24px; } .form__group__item { margin-bottom: 16px; } .FormChoice .Form__Element__Caption { display: block; margin-bottom: 0.5rem; font-weight: 500; color: black; line-height: 24px; } .FormChoice label { display: block; padding-left: 24px; font-weight: 400; } .FormChoice label input[type=checkbox] { width: auto; height: auto; float: left; margin-left: -24px; margin-top: 3px; } .FormChoice label input[type=radio] { width: auto; height: auto; float: left; margin-left: -24px; margin-top: 3px; } .form__group__item--checkbox { padding-left: 32px; position: relative; } .form__group__item--checkbox label { cursor: pointer; } .form__group__item--checkbox input[type=checkbox] { opacity: 0; z-index: -1; margin: 4px 0 0; line-height: normal; position: absolute; margin-left: -20px; } .form__group__item--checkbox input[type=checkbox]:checked ~ .checkbox-indicator:before { content: "check"; position: absolute; font-family: "Material Icons"; font-size: 16px; line-height: 20px; width: 20px; height: 20px; text-align: center; } .form__group__item--checkbox .checkbox-indicator { background-color: #fff; border: 1px solid #c1c3c6; display: block; position: absolute; top: 1px; left: 0; width: 20px; height: 20px; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; } label.has-error { color: #DC2141; margin-top: 8px; font-weight: normal; } input.has-error, select.has-error { border: 1px solid #DC2141; } .Form__Status__Message { line-height: 1.5; } .FormSelection .Form__Element__Caption { display: block; } .FormSelection select[multiple] { height: auto; display: block; width: 100%; padding: 12px; font-size: 16px; line-height: 1.5; color: #222326; background-color: #fff; border-radius: 0; color: #000; border: 1px solid #d9dadc; border-radius: 3px; } .ValidationRequired.ValidationFail .FormTextbox__Input, .ValidationRequired.ValidationFail select { border: 1px solid #DC2141; } .ValidationRequired.ValidationFail .Form__Element__ValidationError { color: #DC2141; margin-top: 8px; font-weight: normal; display: inline-block !important; } .ValidationRequired .Form__Element__Caption:after { content: "*"; display: inline-block; margin-left: 4px; } .Form__MainBody { margin-top: 32px; border-top: 1px solid #D9DADC; padding-top: 32px; } .EPiServerForms { margin-top: 40px; } .EPiServerForms .Form__MainBody h1, .EPiServerForms .Form__MainBody h2, .EPiServerForms .Form__MainBody h3, .EPiServerForms .Form__MainBody h4, .EPiServerForms .Form__MainBody h5, .EPiServerForms .Form__MainBody h6 { margin: 32px 0 8px; } .EPiServerForms .Form__MainBody h1 h2, .EPiServerForms .Form__MainBody h2 h2, .EPiServerForms .Form__MainBody h3 h2, .EPiServerForms .Form__MainBody h4 h2, .EPiServerForms .Form__MainBody h5 h2, .EPiServerForms .Form__MainBody h6 h2 { font-size: 40px; } .EPiServerForms .Form__MainBody h1 h3, .EPiServerForms .Form__MainBody h2 h3, .EPiServerForms .Form__MainBody h3 h3, .EPiServerForms .Form__MainBody h4 h3, .EPiServerForms .Form__MainBody h5 h3, .EPiServerForms .Form__MainBody h6 h3 { font-size: 32px; } .EPiServerForms .Form__MainBody h1 h4, .EPiServerForms .Form__MainBody h2 h4, .EPiServerForms .Form__MainBody h3 h4, .EPiServerForms .Form__MainBody h4 h4, .EPiServerForms .Form__MainBody h5 h4, .EPiServerForms .Form__MainBody h6 h4 { font-size: 24px; } .EPiServerForms .Form__MainBody h1 h5, .EPiServerForms .Form__MainBody h2 h5, .EPiServerForms .Form__MainBody h3 h5, .EPiServerForms .Form__MainBody h4 h5, .EPiServerForms .Form__MainBody h5 h5, .EPiServerForms .Form__MainBody h6 h5 { font-size: 20px; } .EPiServerForms .Form__MainBody h1 h6, .EPiServerForms .Form__MainBody h2 h6, .EPiServerForms .Form__MainBody h3 h6, .EPiServerForms .Form__MainBody h4 h6, .EPiServerForms .Form__MainBody h5 h6, .EPiServerForms .Form__MainBody h6 h6 { font-size: 18px; } .FormSubmitButton { margin-top: 16px; } .FormParagraphText { margin-bottom: 24px; } .Form__Element { max-width: 600px; } .FormDivider { max-width: 100%; margin: 40px 0 32px; } .FormStep { max-width: 100%; } .FormParagraphText + .FormDivider { margin: 16px 0 32px; } .Form__MainBody > section > h3 { margin-top: 0; } .Form__Element__Caption { display: block; } .Form__Element.FormTextbox input + label { margin-top: 16px; } form .is-valid:checked { background-color: #198754; } form .is-invalid:checked { border-color: hsl(352, 96%, 46%) !important; } form .is-invalid { border-color: hsl(352, 96%, 46%) !important; } form .is-invalid:focus { border-color: hsl(352, 96%, 46%); -webkit-box-shadow: 0 0 0 0.25rem rgba(230, 5, 35, 0.25); box-shadow: 0 0 0 0.25rem rgba(230, 5, 35, 0.25); } form .is-invalid + .invalid-feedback { display: block; } form .is-valid { border-color: #198754 !important; } form .is-valid:focus { border-color: #198754; -webkit-box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } form .is-valid + .invalid-feedback { display: none; } form .invalid-feedback { color: hsl(352, 96%, 46%); font-size: 14px; } .alert-danger { color: #8a0315; background-color: #facdd3; border-color: #f8b4bd; } form .is-invalid:focus-visible, form .is-valid:focus-visible { outline: none; } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0; } .one-line .input-label:first-of-type { min-width: 49%; margin-right: 8px; } .one-line .input-label:nth-child(2) { min-width: 36%; margin-right: 8px; } .one-line { padding-bottom: 34px !important; } .excerpt p { font-style: normal; font-weight: normal; font-size: 12px !important; line-height: 14px !important; } .restyled .divider { height: 1px; background: #ececec; margin: 24px 0; } .form .form__group:last-child { margin-bottom: 0; } .excerpt p.family-member-type { font-size: 15px !important; line-height: 23px !important; margin-top: 0 !important; font-weight: 600 !important; margin-bottom: 0; } .restyled h3 { font-style: normal; font-weight: 500; font-size: 19px !important; line-height: 22px; color: #333; margin-bottom: 9px; } .restyled .form-block { padding-top: 16px; } .restyled .multiple { margin-bottom: 0; } .restyled .accordion { padding: 24px 0; font-size: 16px; line-height: 19px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; } .restyled .accordion > span { font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #333; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAABGklEQVR4Ae3RAcZCQRiF4buDfwshBGi+2UQgcIGAVtpSIuS/KyilG+UTcbk6zIH3GQBm3mM6AAAAAAAAAACA+eqf/yZBXcV/2XeCVPYx1FXj/FjGUMd45AQp/1HHGGLZNL+e61jHnKDmv8652YT1IvPfE2LX/Sh27/ycsF60yT/lk58JYn6eU4MJccjnlAmZ/33i0OAH4jg9Qcw/5g9YJpS+m6n0xvzpCfVe+nn59S7kGyYo+YYJWz3fO+E2PaFs9XzPhMy/6fmWCXq+YUJs9HzrhLh+JsQmrnq+bYKeb52g53snXPR88wQ93z9Bz/dP0PP9E/R89wQ93zpBz7dO0POtE/R86wQ93zpBzzdP+MoHAAAAAAAAAADAExTnTW20AtjhAAAAAElFTkSuQmCC) center right no-repeat; background-size: 18px !important; display: inline-block; padding-right: 25px; cursor: pointer; } .restyled .input-holder { padding-bottom: 18px; } .restyled .half { width: 49%; position: relative; } .restyled .disabled { opacity: 0.2; pointer-events: none; cursor: default; -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .add-more .button { cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .add-more svg { margin-right: 10px; } .restyled .accordion span.close { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADNSURBVHgBfZLREYJADESDw79YgdeBJYgdWAIdKJU4dmAHlIB2oBV4HYAVaBgXDUsgMzu5y+Xd5iOJjCOoCqpdVNEWEgeskB/IG/TtbVMKh5wc78ahu29pimuCwsEAcxGQy75QqGp6zCAxuUavLFBoza9PwEfVCVBj3hsGg/iR0aivKcfowLbWzjmyiz2PwKnxOFwwzDQHD7RwVC3JvaWeERhwXhHYT/MDUwK7OMt3g/oFiKo39QyWvMLDTfzIVWvVjsEg/03xovu0xATyAV0OL/gSHDk4AAAAAElFTkSuQmCC) center center no-repeat; background-size: 13px !important; height: 15px; } .form__group .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0; } .restyled button[type=submit] { font-style: normal; font-weight: 500; font-size: 16px; min-width: 160px; line-height: 19px; } @media screen and (min-width: 768px) { .restyled .recaptcha + div .col { text-align: left !important; } } .restyled label { display: block; margin-bottom: 0; position: relative; } .restyled label.has-error { margin-top: 0; font-weight: normal; color: #dc2141 !important; font-size: 13px !important; margin-bottom: 16px !important; line-height: 13px !important; } @media screen and (max-width: 768px) { .restyled .input-holder.one-line { display: block !important; } } @media screen and (max-width: 768px) { .restyled .input-holder.one-line .input-label { margin-bottom: 34px !important; } } @media screen and (max-width: 768px) { .restyled .input-holder > .d-flex { display: block !important; } } @media screen and (max-width: 768px) { .restyled .half { width: 100% !important; } } @media screen and (max-width: 768px) { .restyled .half + .half { margin-top: 18px; } } .filters--loading:before { content: ""; position: absolute; left: 50%; z-index: 1000; display: block; width: 32px; height: 32px; background: url("../img/loader.gif") no-repeat center center; background-size: contain; margin: -16px auto 0; } .news__item--loader { opacity: 0.2; } .hidden { display: none; } .box { padding-bottom: 24px; padding-top: 8px; border-bottom: 1px solid #ececec; } .box:last-child { border-bottom: none; padding-bottom: 24px; } .box h5 { font-size: 17px; } .box p { max-width: 500px; } .box p + h6 { margin-top: 16px; } .box + .box { margin-top: 24px; } .iframe--show { width: 100%; height: 400px; border: none; } @media (min-width: 0) and (max-width: 479px) { .iframe--show { height: 220px; } } .iframe--article { width: 700px; height: 420px; border: none; } @media (min-width: 480px) and (max-width: 769px) { .iframe--article { width: 500px; height: 300px; } } @media (min-width: 0) and (max-width: 479px) { .iframe--article { width: 330px; height: 200px; } } .contactcard { display: inline-block; } .contactcard__img { margin: 0 auto; width: 88px; height: 88px; border-radius: 50%; background-size: cover; background-position: center; margin-top: 55px; } .contactcard__info { margin-top: 20px; text-align: center; } .form__radiowrapper { border-bottom: 1px dashed #ececec; position: relative; } .form__radiowrapper:first-of-type { border-top: 1px dashed #ececec; } .form__radio:checked, .form__radio:not(:checked) { position: absolute; left: -9999px; } .form__radio:checked + label, .form__radio:not(:checked) + label { width: 100%; position: relative; padding-left: 50px; margin-left: 15px; cursor: pointer; font-weight: 400; height: 60px; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form__radio:checked + label:before, .form__radio:not(:checked) + label:before { content: ""; position: absolute; left: 0; width: 24px; height: 24px; border: 2px solid #d9dadc; border-radius: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .form__radio:checked + label:after, .form__radio:not(:checked) + label:after { content: ""; width: 24px; height: 24px; background-color: #DC2141; background-image: url(../icons/giftcard-check.svg); background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; top: 30%; -webkit-transform: translateY(-30%); -ms-transform: translateY(-30%); transform: translateY(-30%); } .form__radio:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .form__radio:checked + label:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .form__radiowrapper__price { font-size: 16px; font-weight: 600; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .form__label { font-size: 16px; font-weight: 500; } .spinner-container { position: relative; } .spinner { position: absolute; top: 50%; width: 100%; height: 100%; text-align: center; font-size: 30px; z-index: 10; background: none !important; } .spinner.center { left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .spinner__loader { position: absolute; height: 48px; width: 48px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .rt-textblock { margin-top: 32px; margin-bottom: 32px; } @media (min-width: 769px) { .rt-textblock { margin-top: 64px; margin-bottom: 64px; } } .rt-textblock a { text-decoration: underline; } .repertoire-item { margin-top: 32px; margin-bottom: 32px; } @media (min-width: 769px) { .repertoire-item { margin-top: 64px; margin-bottom: 64px; } } .repertoire-item__img { width: 100%; padding-top: 75%; position: relative; margin-bottom: 32px; } @media (min-width: 769px) { .repertoire-item__img { margin-bottom: 0; } } .repertoire-item__img img { position: absolute; top: 0; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .rt-169-image { width: 100%; padding-top: 56.25%; position: relative; margin-top: 32px; margin-bottom: 32px; } @media (min-width: 769px) { .rt-169-image { margin-top: 64px; margin-bottom: 64px; } } .rt-169-image img { position: absolute; top: 0; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .splash { position: absolute; top: 16px; left: 16px; background-image: url("../icons/splash-bg.svg"); background-repeat: no-repeat; width: 120px; height: 110px; color: #fff; font-family: "Platform Web", sans-serif; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .splash > div { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: -6px; } .splash__label { font-size: 16px; font-weight: 500; display: block; } .splash__date { font-size: 28px; line-height: 1.1; font-weight: 500; display: block; } .performance-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 32px; margin-left: -8px; margin-right: -8px; } @media (min-width: 769px) { .performance-grid { margin-top: 48px; } } .performance-grid__no-results { z-index: 10; color: #fff; } .performance { padding-left: 8px; padding-right: 8px; margin-bottom: 24px; position: relative; width: 100%; } @media (min-width: 480px) { .performance { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 769px) { .performance { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; margin-bottom: 40px; } } .performance__image { overflow: hidden; position: relative; width: 100%; height: 200px; background-image: url(../icons/fallback-img.png); background-size: cover; background-repeat: no-repeat; background-position: center; } .performance__image:hover img { -webkit-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04); } .performance__image img { max-width: 100%; width: 100%; -webkit-transition: -webkit-transform 0.7s ease-in-out; transition: -webkit-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out; -o-object-fit: cover; object-fit: cover; height: 100%; } .performance__date { position: absolute; top: 0; left: 0; background-color: #000; padding: 7px 11px; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 700; } .performance__content { margin-top: 16px; } .performance__content__title { color: #fff; font-family: "Platform Web", sans-serif; margin-bottom: 4px; } .performance__content__title:hover { text-decoration: underline; } .performance__content__location, .performance__content__external { color: #fff; opacity: 0.7; font-weight: 500; } .performance__content__location:before { content: ""; background-image: url("../icons/pin_fff.svg"); background-repeat: no-repeat; background-size: contain; display: inline-block; margin-right: 3px; width: 12px; height: 13px; } .performance__content__external { margin-top: 8px; } .performance__content__external:after { content: ""; background-image: url("/static/icons/arrow-right_fff.svg"); background-repeat: no-repeat; background-size: contain; display: inline-block; margin-left: 10px; width: 12px; height: 12px; -webkit-transition: opacity 0.2s ease, visibility 0.2s ease, margin-left 0.2s ease; transition: opacity 0.2s ease, visibility 0.2s ease, margin-left 0.2s ease; } .performance__content__external:hover { color: #fff; opacity: 1; text-decoration: underline; } .performance__content__external:hover:after { margin-left: 12px; } .performance__content__external:not([href]):not([tabindex]) { color: #fff; } .performance__content__external:not([href]):not([tabindex]):hover { color: #fff; opacity: 0.7; } .performance__content__external:not([href]):not([tabindex]):after { display: none; } .performances__page--yellow .performance__content__title, .performances__page--yellow .performance__content__location, .performances__page--yellow .performance__content__external { color: #000; } .performances__page--yellow .performance__content__external:after { background-image: url(" ../icons/arrow-right_000.svg"); } .performances__page--yellow .performance__content__external:not([href]):not([tabindex]) { color: #000; } .performances__page--yellow .performance__content__external:not([href]):not([tabindex]):hover { color: #000; opacity: 0.7; } .performances__page--yellow .performance__content__location:before { background-image: url("../icons/pin_000.svg"); } .filter-multi { background-color: #fff; padding: 0; margin: 0; list-style: none; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); z-index: 100; display: none; } @media (min-width: 769px) { .filter-multi { display: block; margin-top: -40px; margin-left: -24px; margin-right: -24px; position: sticky; top: 16px; } } @media (min-width: 769px) { .filter-multi__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } } .filter-multi__section { border-right: 1px solid #E0E0E0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .filter-multi__section:last-child { border: 0; } .filter-multi__section--datepicker { position: relative; } .filter-multi__section--datepicker .filter-multi__button { height: 79px; } .filter-multi__section--datepicker .filter-multi__button:after { pointer-events: none; } @media (min-width: 0) and (max-width: 769px) { .filter-multi__section--datepicker.desktop { display: none; } } @media (min-width: 769px) { .filter-multi__section--datepicker.mobile { display: none; } } .filter-multi__section--datepicker .filter-multi__item__datepicker__input { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 78px; padding: 38px 24px 16px; background: transparent; } .filter-multi__button { padding: 16px 24px 16px; border: 0; -webkit-transition: none; transition: none; text-align: left; position: relative; width: 100%; background-color: #fff; } .filter-multi__button:hover, .filter-multi__button:focus { -webkit-transform: none; -ms-transform: none; transform: none; outline: none; } .filter-multi__button:after { content: ""; background-image: url("/static/icons/angle-down__blue.svg"); background-repeat: no-repeat; width: 18px; height: 10px; position: absolute; right: 24px; bottom: 24px; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .active .filter-multi__button:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .filter-multi__button__label { font-size: 12px; font-weight: 500; color: #333; line-height: 1.3; text-transform: uppercase; display: block; } .filter-multi__button__text { font-size: 18px; color: #0D6E85; line-height: 1.3; } .filter-multi__openbtn { padding: 16px 24px 16px; border: 0; -webkit-transition: none; transition: none; text-align: left; position: relative; width: 100%; background-color: #fff; margin-top: -16px; } .filter-multi__openbtn:hover, .filter-multi__openbtn:focus { -webkit-transform: none; -ms-transform: none; transform: none; outline: none; } @media (min-width: 769px) { .filter-multi__openbtn { display: none; } } .filter-multi__openbtn:after { content: ""; background-image: url("../icons/angle-down__blue.svg"); background-repeat: no-repeat; width: 18px; height: 10px; position: absolute; right: 24px; bottom: 21px; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .filter-multi__item { width: 100%; padding: 24px; background: #fff; border-radius: 2px; position: relative; opacity: 0; visibility: hidden; margin-top: 16px; position: absolute; -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); z-index: 100; overflow-x: hidden; } .active .filter-multi__item { opacity: 1; visibility: visible; } .filter-multi__item.last-item { right: 0; } .filter-multi__item label { color: #333; font-weight: 400; margin: 0; } @media (min-width: 769px) { .filter-multi__item { max-width: 400px; } } .filter-multi__item__search input { border: 0; border-radius: 2px; background-color: #F7F7F7; color: #666666; height: 48px; padding-left: 24px; padding-right: 24px; -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; background-image: url("/static/icons/search-icon.svg"); background-repeat: no-repeat; background-size: 16px; background-position-x: 94%; background-position-y: center; padding-right: 20px; } .filter-multi__item__search input:focus { outline: 0; background-color: #f2f2f2; } @media (min-width: 0) and (max-width: 769px) { .filter-multi__item__search { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-left: -40px; margin-right: -40px; margin-top: -24px; margin-bottom: 24px; } .filter-multi__item__search input { padding-left: 40px; background-position-x: 89%; } } .filter-multi__item__divider { color: #eee; margin-top: 16px; margin-bottom: 16px; } .filter-multi__switch__label span { display: block; opacity: 0.5; font-size: 14px; } .filter-multi__item__list { padding: 0; margin: 0; list-style-type: none; max-height: 200px; overflow: scroll; margin-top: -16px; padding-top: 16px; } .filter-multi__item__list + .filter-multi__item__divider { margin-top: 0; } .filter-multi__item__list__item:first-child { margin-top: -8px; } .filter-multi__item__list__item:last-child { margin-bottom: -8px; } .filter-multi__item__list__item input { height: auto; width: auto; } .filter-multi__item__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .filter-multi__item__footer__textlink { border: 0; background: transparent; -webkit-transition: none; transition: none; height: auto; font-size: 14px; color: #333333; text-decoration: underline; } .filter-multi__item__footer__textlink:hover, .filter-multi__item__footer__textlink:focus { outline: none; -webkit-transform: none; -ms-transform: none; transform: none; } .filter-multi__item__footer__btn { background-color: #129FC0; font-size: 14px; padding: 10px 24px; font-weight: 500; } .filter-multi__item__footer__btn:hover { -webkit-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); background-color: #129FC0; } .filter-multi__item__datepicker__input { border: 0; height: auto; padding: 0; font-size: 18px; color: #0D6E85; line-height: 1.3; cursor: pointer; } .filter-multi__item__datepicker__input:hover, .filter-multi__item__datepicker__input:focus { outline: none; } .filter-multi__item__footer.mobile { display: none; } .filter-multi__header { display: none; } @media (min-width: 0) and (max-width: 769px) { .filter-open { overflow-y: hidden; top: 0px; left: 0px; bottom: 0px; right: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .filter-multi.mobile__active { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: scroll; -webkit-overflow-scrolling: touch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } .filter-multi.mobile__active .filter-multi__section { border-bottom: 1px solid #E0E0E0; border-right: 0; } .filter-multi.mobile__active .filter-multi__item { position: relative; -webkit-box-shadow: none; box-shadow: none; padding: 24px 24px 8px; display: none; margin-top: 0; } .filter-multi.mobile__active .filter-multi__item .filter-multi__item__footer { display: none; } .filter-multi.mobile__active .filter-multi__item__list { max-height: unset; overflow: visible; padding-bottom: 16px; } .filter-multi.mobile__active .filter-multi__item__list + .filter-multi__item__divider { display: none; } .filter-multi.mobile__active .filter-multi__item__search input { background-color: #fff; } .filter-multi.mobile__active .active .filter-multi__item { display: block; } .filter-multi__inner { overflow: scroll; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .filter-multi__header { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px 16px 16px 24px; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #E0E0E0; background: #fff; top: 0; z-index: 100; min-height: 65px; } .filter-multi__header p { margin-bottom: 0; } .filter-multi__item__footer.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px 24px; z-index: 101; width: 100%; background: #fff; border-top: 1px solid #E0E0E0; min-height: 74px; } .filter-multi__header__close { line-height: 1; padding: 8px; border: 0; background: transparent; } .filter-multi__header__close:hover, .filter-multi__header__close:focus { -webkit-transition: 0; transition: 0; -webkit-transform: none; -ms-transform: none; transform: none; outline: 0; } } .filter-multi__checkbox__label { padding-top: 8px; padding-bottom: 8px; background-color: transparent; -webkit-transition: background-color 0.2s ease-it-out; transition: background-color 0.2s ease-it-out; } .filter-multi__checkbox__label:hover { background-color: #F7F7F7; } .filter-multi__checkbox:checked, .filter-multi__checkbox:not(:checked) { position: absolute; left: -9999px; } .filter-multi__checkbox:checked + .filter-multi__checkbox__label, .filter-multi__checkbox:not(:checked) + .filter-multi__checkbox__label { width: 100%; position: relative; padding-left: 40px; cursor: pointer; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: color 0.15s ease; transition: color 0.15s ease; } .filter-multi__checkbox:checked + .filter-multi__checkbox__label:before, .filter-multi__checkbox:not(:checked) + .filter-multi__checkbox__label:before { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 8px; width: 20px; height: 20px; border-radius: 2.5px; border: 1px solid #ccc; background-color: #fff; -webkit-transition: border 0.1s ease-in-out; transition: border 0.1s ease-in-out; } .filter-multi__checkbox:checked + .filter-multi__checkbox__label:after, .filter-multi__checkbox:not(:checked) + .filter-multi__checkbox__label:after { content: ""; position: absolute; left: 8px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; border-radius: 2.5px; background-color: #129FC0; background-image: url(../icons/check_fff.svg); background-repeat: no-repeat; background-position: center; background-size: 40%; -webkit-transition: -webkit-transform 0.1s ease; transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease; } .filter-multi__checkbox:not(:checked) + .filter-multi__checkbox__label:after { opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .filter-multi__checkbox:checked + .filter-multi__checkbox__label:after { opacity: 1; -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .filter-multi__switch:checked, .filter-multi__switch:not(:checked) { position: absolute; left: -9999px; } .filter-multi__switch:checked + .filter-multi__switch__label, .filter-multi__switch:not(:checked) + .filter-multi__switch__label { width: 100%; position: relative; padding-right: 40px; cursor: pointer; margin-bottom: 0; -webkit-transition: color 0.15s ease; transition: color 0.15s ease; } .filter-multi__switch:checked + .filter-multi__switch__label:before, .filter-multi__switch:not(:checked) + .filter-multi__switch__label:before { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; cursor: pointer; background-color: #D1D1D0; -webkit-transition: right 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: right 0.2s ease-in-out, background-color 0.2s ease-in-out; border-radius: 30px; width: 52px; height: 30px; } .filter-multi__switch:checked + .filter-multi__switch__label:after, .filter-multi__switch:not(:checked) + .filter-multi__switch__label:after { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 25px; cursor: pointer; height: 24px; width: 24px; background-color: #fff; -webkit-transition: right 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: right 0.2s ease-in-out, background-color 0.2s ease-in-out; border-radius: 50%; } .filter-multi__switch:checked + .filter-multi__switch__label:before { background-color: #129FC0; } .filter-multi__switch:checked + .filter-multi__switch__label:after { right: 3px; } .daterangepicker { border: 0; border-radius: 2px; -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); margin-top: 16px; margin-left: -24px; padding: 32px; font-family: "Platform Web", sans-serif; position: absolute; width: 530px; } @media (min-width: 0) and (max-width: 769px) { .daterangepicker { position: static; top: 0 !important; right: 0 !important; left: 24px !important; bottom: 0 !important; width: 100%; margin-top: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; margin-left: auto; margin-right: auto; } .daterangepicker .drp-calendar { margin-left: auto; margin-right: auto; margin-bottom: 24px; max-width: 100%; } .daterangepicker .drp-buttons { position: fixed; width: calc(100vw - 64px); bottom: 24px; } .daterangepicker .drp-buttons .btn, .daterangepicker .drp-buttons input[type=reset], .daterangepicker .drp-buttons .FormResetButton, .daterangepicker .drp-buttons .FormSubmitButton { min-width: auto; } } .daterangepicker:before, .daterangepicker:after { display: none; } .daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right { padding: 0; } .daterangepicker.show-calendar .drp-buttons { border-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 24px 8px 0; } .daterangepicker.show-calendar .drp-buttons .btn, .daterangepicker.show-calendar .drp-buttons input[type=reset], .daterangepicker.show-calendar .drp-buttons .FormResetButton, .daterangepicker.show-calendar .drp-buttons .FormSubmitButton { margin: 0; } .daterangepicker.show-calendar .drp-buttons .cancelBtn { border: 0; background: transparent; -webkit-transition: none; transition: none; height: auto; font-size: 14px; color: #333333; text-decoration: underline; font-weight: 400; padding: 0; min-width: auto; } .daterangepicker.show-calendar .drp-buttons .cancelBtn:hover, .daterangepicker.show-calendar .drp-buttons .cancelBtn:focus { outline: none; -webkit-transform: none; -ms-transform: none; transform: none; } .daterangepicker.show-calendar .drp-buttons .applyBtn { padding-left: 24px; padding-right: 24px; padding-top: 0; font-size: 14px; line-height: 1.5; font-weight: 500; min-width: auto; } .daterangepicker .drp-selected { display: none; } .daterangepicker td.in-range { background-color: rgba(18, 159, 192, 0.2); } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #129FC0; } .filter-multi__datepicker__modal { z-index: 9999; } .filter-multi__datepicker__modal .modal-header { padding: 0; height: 50px; } .filter-multi__datepicker__modal .modal-dialog { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; } .filter-multi__datepicker__modal .modal-body { width: 100%; } .performances__page--pink .filter-multi__button__text { color: #BC3172; } .performances__page--pink .filter-multi__item__footer__btn { background-color: #E94190; } .performances__page--pink .filter-multi__item__datepicker__input { color: #BC3172; } .performances__page--pink .filter-multi__checkbox:checked + .filter-multi__checkbox__label:after, .performances__page--pink .filter-multi__checkbox:not(:checked) + .filter-multi__checkbox__label:after { background-color: #E94190; } .performances__page--pink .filter-multi__switch:checked + .filter-multi__switch__label:before { background-color: #E94190; } .performances__page--pink .daterangepicker td.in-range { background-color: rgba(233, 65, 144, 0.2); } .performances__page--pink .daterangepicker td.active, .performances__page--pink .daterangepicker td.active:hover { background-color: #E94190; } .performances__page--pink .filter-multi__button:after { background-image: url("../icons/angle-down__pink.svg"); } .performances__page--yellow .filter-multi__button__text { color: #000; } .performances__page--yellow .filter-multi__item__footer__btn { background-color: #FFC833; } .performances__page--yellow .filter-multi__item__datepicker__input { color: #000; } .performances__page--yellow .filter-multi__checkbox:checked + .filter-multi__checkbox__label:after, .performances__page--yellow .filter-multi__checkbox:not(:checked) + .filter-multi__checkbox__label:after { background-color: #FFC833; } .performances__page--yellow .filter-multi__switch:checked + .filter-multi__switch__label:before { background-color: #FFC833; } .performances__page--yellow .daterangepicker td.in-range { background-color: rgba(255, 200, 51, 0.2); } .performances__page--yellow .daterangepicker td.active, .performances__page--yellow .daterangepicker td.active:hover { background-color: #FFC833; } .performances__page--yellow .filter-multi__button:after { background-image: url("../icons/angle-down__black.svg"); } .cookiebar { background-color: #fff; position: fixed; z-index: 10; bottom: 0px; left: 0; right: 0; margin-left: auto; margin-right: auto; max-width: 900px; padding: 12px 12px 12px 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0 2px 19px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 19px rgba(0, 0, 0, 0.1); -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } @media (min-width: 769px) { .cookiebar { bottom: 24px; border-radius: 4px; } } .cookiebar__text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; line-height: 1.3; } @media (min-width: 769px) { .cookiebar__text { font-size: 16px; } } .cookiebar__text a { text-decoration: underline; } .cookiebar__btn { font-size: 14px; font-weight: 500; line-height: 1; padding: 16px 16px; height: auto; } @media (min-width: 769px) { .cookiebar__btn { font-size: 16px; } } .rt-new--sort { margin-bottom: 24px; } @media (min-width: 769px) { .rt-new--sort { margin-bottom: 32px; } } .rt-new { background-color: #fff; background-color: #fff; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; border-radius: 8px; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); overflow: hidden; display: block; } .rt-new__img { width: 100%; height: 240px; background-color: #ddd; background-size: cover; background-position: 50% 50%; } .rt-new__img img { max-width: 100%; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .rt-new__content { padding: 32px; } .rt-new { -webkit-transition: 0.15s; transition: 0.15s; } .rt-new:hover { -webkit-box-shadow: 0 0.28571rem 0.85714rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0.28571rem 0.85714rem 0 rgba(0, 0, 0, 0.1); } .rt-new:hover .rt-new__content .rt-new__readmore:after { margin-left: 12px; } .rt-new__label { display: inline-block; text-transform: capitalize; color: black; font-size: 16px; line-height: 1; font-weight: 500; margin-bottom: 12px; } .rt-new__title { display: block; font-size: 24px; margin-bottom: 0; height: 84px; } .rt-new__date { font-size: 15px; margin-top: 16px; font-weight: 500; color: #777; } .rt-new__readmore { color: #DC2141; font-size: 16px; font-weight: 500; position: relative; display: block; margin-top: 24px; } .rt-new__readmore:after { content: ""; background-image: url(../icons/arrow-right_red.svg); width: 12px; height: 12px; margin-left: 8px; position: absolute; top: 1px; -webkit-transition: margin 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: margin 0.2s ease-in-out, opacity 0.2s ease-in-out; } .rt-new__readmore:hover { color: #DC2141; } .rt-new__readmore:hover:after { margin-left: 12px; } .header { position: absolute; top: 0; left: 0; right: 0; z-index: 5; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(transparent)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 100%); } .header .header__container { padding: 0 16px; } .header .header__container::after { display: block; content: ""; clear: both; } .header .logo { float: left; padding: 0; height: auto; line-height: 1; margin-top: 24px; margin-bottom: 24px; } .header .logo img { height: auto; width: auto; max-width: 100%; display: block; float: left; } @media (min-width: 0) and (max-width: 479px) { .header .logo { margin-top: 16px; margin-bottom: 16px; } } .header .logo img { height: 32px; } .header .logo h1 { color: white; font-size: 20px; padding-left: 8px; padding-top: 0; margin-top: -3px; line-height: 1; } .header .logo h1 .byline { font-weight: 300; line-height: 1; margin-top: -2px; } .header .logo.logo--alt img { height: 48px; } .header .logo--fallback { margin-top: 16px; margin-bottom: 16px; } .header .logo--fallback img { height: 56px; } .header--inverted { background-color: #191414; } .header--bw { background: black; } .header--campaign { padding-top: 40px; padding-bottom: 40px; background: none; text-align: center; } @media (min-width: 769px) { .header--campaign { text-align: left; } } .header--campaign__logo { max-width: 230px; } .header--campaign__logo__000 { display: none; } .header--campaign__nav { display: none; } @media (min-width: 769px) { .header--campaign__nav { display: block; } } .header--campaign__nav__list { list-style-type: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .header--campaign__nav__item { color: #fff; font-size: 18px; font-weight: 500; padding-left: 10px; padding-right: 10px; margin-left: 10px; margin-right: 10px; } /* ----- Local compund header ----- */ .rt-header--local { height: auto !important; } .rt-header--local .rt-menu, .rt-header--local .navbar-brand__local { padding: 0; } .rt-header--local.headroom--not-top { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .rt-header--local.headroom--unpinned { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .rt-header--local .navbar { height: auto !important; min-height: 64px; } .rt-header--local .navbar-brand__local .logo { height: auto; max-height: 32px; max-width: 100%; } .rt-header--local .navbar-brand__local.logo--alt .logo { max-height: 44px; } .rt-header--local > .navbar .container-fluid { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .rt-header--local .rt-menu .list-group { padding-left: 0; margin-left: 0; } .rt-header--local .rt-menu .list-group .divider { border-left: 1px solid rgba(255, 255, 255, 0.15); margin-left: 12px; margin-right: 12px; } @media (max-width: 1399.98px) { .rt-header--local .rt-menu .list-group .list-group-item, .rt-header--local .rt-menu .list-group .divider { margin-right: 8px; margin-left: 8px; } } @media (max-width: 1399.98px) { .rt-header--local .rt-menu .list-group a.rt-menu__link { font-size: 18px; } } @media (min-width: 992px) { .rt-header--local .rt-menu .list-group { border-left: 0; } } .mastnav .divider { background-color: rgba(255, 255, 255, 0.3); width: 1px; height: 16px; margin-left: 8px; margin-right: 8px; } .mastnav__item { padding: 8px 0; color: white; line-height: 16px; font-size: 18px; font-weight: 500; display: block; margin: 0 16px; } .mastnav__item:last-child { margin-right: 0; } .mastnav__item.mastnav__item--active { border-bottom: 2px solid; cursor: default; pointer-events: none; } .mastnav__item:hover { color: rgba(255, 255, 255, 0.7); } .mastnav__item--btn { border: 1px solid; padding: 8px 24px; border-radius: 2px; } .filter { margin-top: 17px; display: inline-block; float: right; } @media (max-width: 768px) { .filter { float: none; } } .filter .filter__item, .filter .filter__head { line-height: 24px; display: inline-block; margin-right: 20px; } .filter .filter__item:last-child, .filter .filter__head:last-child { margin-right: 0; } .filter a.filter__item:hover { opacity: 0.5; } .filter a.filter__item--active { color: #000; opacity: 1; border-bottom: 2px solid #333; padding-bottom: 2px; font-weight: 500; } .filter a.filter__item--active:hover { opacity: 1; } .filter--vert a.filter__item { display: block; padding: 0; font-size: 20px; font-weight: 400; color: #888; margin-bottom: 24px; line-height: 1; } .filter--vert a.filter__item:last-child { margin-bottom: 0; } .filter--vert a.filter__item:hover { color: #333; } .filter--vert a.filter__item--active { color: black; font-weight: 600; } .filter--show { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid #ececec; display: block; max-width: 660px; } .filter--show a.filter__item { padding: 0; margin-right: 24px; } .filter--show a.filter__item:last-child { margin-right: 0; } .nav .nav-link { display: block; padding: 0; font-size: 16px; margin-bottom: 24px; letter-spacing: 0; opacity: 0.7; padding-top: 8px; padding-bottom: 8px; } .nav .nav-link span { line-height: 24px; } .nav .nav-link:last-child { margin-bottom: 0; } .nav .nav-link:hover { opacity: 1; } .nav .nav-link:hover { color: #333; } .nav .nav-link.active { color: #000; opacity: 1; font-weight: 500; } .nav .nav-link.active span { border-bottom: 2px solid #333; padding-bottom: 2px; } .header.active .mastnav__item { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .header.active .mastnav__item:nth-child(1n) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .header.active .mastnav__item:nth-child(2n) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .header.active .mastnav__item:nth-child(3n) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .header.active .mastnav__item:nth-child(4n) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .header.active .mastnav__item:nth-child(5n) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .header.active .mastnav__item:nth-child(6n) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .header.active .mastnav__item:nth-child(7n) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .header.active .mastnav__item:nth-child(8n) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .header.active .mastnav__item:nth-child(9n) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .header.active .mastnav__item:nth-child(10n) { -webkit-animation-delay: 1s; animation-delay: 1s; } @media (max-width: 991px) { .header__container__navbar { background-color: rgba(0, 0, 0, 0.95); border-width: 0; display: none; height: 100%; margin: 0; min-height: 100vh; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; padding: 64px 32px; position: fixed; right: 0; top: 0; width: 80%; z-index: 4; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .header__container__navbar.show { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); display: block !important; } .header__container__navbar .mastnav__item { font-size: 28px; line-height: 40px; font-family: "Platform Web", sans-serif; font-weight: bold; } .header__container__navbar .mastnav__item.mastnav__item--active { color: #DC2141; border-bottom: none; } .page-nav { display: none; } } .mobile-menu { position: relative; z-index: 12; } .mobile-menu .mobile-menu__btn { height: 40px; padding: 0 8px; } .main:after { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); display: none; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .main .section { padding-top: 64px; padding-bottom: 64px; } .main .section .section__content { overflow: hidden; } @media (max-width: 576px) { .main .section { padding-top: 32px; padding-bottom: 32px; } } .main .section__footer { padding-top: 24px; text-align: center; } .main .hero--auto { height: auto; } .main .hero--auto .hero__content { min-height: 400px; height: auto; } .main .hero--nofade .hero__content__img:before { display: none !important; } .main--no_hero { padding-top: 80px; } .section__header { margin-bottom: 24px; position: relative; } .section__header .title { margin-bottom: 24px; } .section__header .cta { position: absolute; right: 0; bottom: 0; } .section__header__preamle a { color: #DC2141; } .section__header__preamle a:hover { text-decoration: underline; } .news.region__news { background: #F7F7F7; } .news .news__item { border: 1px solid #ececec; height: 400px; } .news .news__item a { display: block; } .news .news__item p { color: #888888; font-size: 17px; font-size: 1.0625rem; } .news .news__item__img { height: 240px; display: block; background: #F7F7F7; margin-bottom: 24px; overflow: hidden; } .news .news__item__img img { display: block; display: block; -o-object-fit: cover; object-fit: cover; height: 100%; width: 100% !important; } @media (min-width: 480px) and (max-width: 769px) { .news .news__item__img img { width: 100%; } } @media (min-width: 0) and (max-width: 479px) { .news .news__item__img img { width: 100%; } } .news .news__item__cat { -ms-flex-item-align: start; align-self: flex-start; margin-bottom: 24px; } .news .news__item__cat:hover { color: #DC2141; } .news .news__item__socialicon { background: url(../img/oval.png) no-repeat; position: absolute; width: 100px; height: 100px; top: 222px; left: 40px; } .news .news__item__socialicon a { padding-left: 28px; padding-top: 8px; } .news .news__item--no-img { padding: 40px; } .news .news__item--no-img .news__item__cat { margin-bottom: 50px; } .news .news__item--w-img p { padding: 20px 30px; } .news .news__item--img-title .news__item__cat { padding: 0 30px; } .news .news__item--img-title .news__item__title { padding: 0 30px; margin-top: -5px; } .news .news__item--img-title .news__item__title h3 { font-size: 26px; font-size: 1.625rem; line-height: 32px; } .news .news__item__title h3 { margin-bottom: 24px; font-size: 36px; line-height: 44px; } .news .news__item__title:hover { color: #DC2141; } .member { background-color: black; text-align: center; background-size: cover; background-position: center; } .member.section { padding-top: 96px; padding-bottom: 96px; } .member .title { font-size: 64px; color: white; } @media (max-width: 768px) { .member .title { font-size: 40px; } } .member .lead { margin-top: 24px; margin-bottom: 48px; color: white; } .sidebar { border: 1px solid #ececec; z-index: 3; background-color: white; position: relative; border-radius: 12px; } .sidebar .sidebar__inner { padding: 32px; } .sidebar .sidebar__header + .sidebar__inner { padding-top: 8px; } .sidebar a:hover { text-decoration: underline; } .sidebar .no-cta h4 { margin-bottom: 12px; } .sidebar .no-cta p { line-height: 1.4; font-size: 15px; width: 90%; margin: 0 auto; } .modal .no-cta { margin-top: 16px; width: 90%; margin-left: auto; margin-right: auto; } .modal .cta { margin-top: 24px; width: 100%; } .modal .cta.cta--close { margin-top: 16px; } .sidebar .cta { display: block; } .sidebar .list .list__item { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #ececec; } .sidebar .list .list__item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .sidebar .list .list__item .list__item__label { display: block; font-size: 16px; color: #000; } .sidebar .list .list__item .list__item__value { display: block; font-size: 14px; } .sidebar a { color: #DC2141; text-decoration: underline; } .sidebar a:hover:not(.btn):not(input[type=reset]):not(.FormResetButton):not(.FormSubmitButton) { text-decoration: underline; } .sidebar .sidebar__header { padding-bottom: 0; } .sidebar .sidebar__footer { border-top: 1px solid #ececec; } .sidebar .sidebar__footer .title { margin-bottom: 8px; line-height: 20px; font-size: 18px; color: #000; } .sidebar .sidebar__footer p, .sidebar .sidebar__footer a { font-size: 15px; line-height: 21px; } .sidebar .sidebar__footer a { margin-top: 8px; } .sidebar .sidebar__footer__share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .collapse .tour-schedule, .collapsing .tour-schedule { border-top: 1px solid #ececec; } .tour-schedule { border: 1px solid #ececec; padding: 20px 24px; border-radius: 8px; } @media (min-width: 769px) { .tour-schedule { padding: 32px 40px; } } .tour-schedule ul { padding: 0; margin: 0; list-style-type: none; } .tour-schedule .tour-schedule__item { border-bottom: 1px solid #ececec; margin-bottom: 0; } .tour-schedule .tour-schedule__item:last-child { border-bottom: none; } .tour-schedule .tour-schedule__item a { padding: 16px 0; } .tour-schedule .tour-schedule__item h4 { font-size: 24px; margin-bottom: 4px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; } .tour-schedule .tour-schedule__item .tour-schedule__item__main { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; } @media screen and (max-width: 768px) { .tour-schedule .tour-schedule__item .tour-schedule__item__main .set { min-width: 76px; } } .tour-schedule .tour-schedule__item .tour-schedule__item__main p { color: rgba(0, 0, 0, 0.48); -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .tour-schedule .tour-schedule__item .tour-schedule__item__time { color: rgba(0, 0, 0, 0.4); -webkit-transition: color 0.3s ease; transition: color 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; } .tour-schedule .tour-schedule__item:hover .tour-schedule__item__main p { color: rgba(0, 0, 0, 0.7); } .tour-schedule .tour-schedule__item:hover .tour-schedule__item__time { color: rgb(0, 0, 0); } .tour-schedule .tour-schedule__item:hover h4 { text-decoration: underline; } .tour-schedule .collapse .tour-schedule__item:first-child { border-top: 1px solid #ececec; } .box-item { padding: 24px; height: 320px; margin-bottom: 32px; background-color: #fff; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; border-radius: 8px; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } .box-item__footer { margin-top: auto; } .box-item__footer p { margin-bottom: 16px; } .box-item__footer__meta { border-top: 1px dashed #ececec; padding-top: 16px; } .box-item__footer__meta__details span { text-transform: uppercase; margin-right: 16px; line-height: 1; } .box-item__footer__meta__details span:last-child { border-left: 2px solid; padding-left: 16px; margin-right: 0; } .box-item__footer__meta__like { margin-left: auto; } .box-item__footer__contact { font-weight: 500; } .box-item__footer__contact .grey { color: #888; font-weight: 400; } .box-item__footer__link { color: #DC2141; font-weight: 500; position: relative; } .box-item__footer__link:after { content: ""; background-image: url(../icons/arrow-right.svg); width: 12px; height: 12px; margin-left: 8px; position: absolute; top: 1px; -webkit-transition: margin 0.2s ease-in-out; transition: margin 0.2s ease-in-out; } .box-item__footer__link:hover { color: #DC2141; } .box-item__footer__link:hover:after { margin-left: 12px; } .archive { background-color: #fafafa; } .archive .form input, .archive .form select { height: 72px; padding-left: 32px; font-size: 20px; } .archive .form select { border-left: none; } .archive .section__header { border-bottom: 1px solid #ececec; padding-bottom: 32px; margin-bottom: 24px; } .archive .section__content__header { margin-bottom: 24px; } .archive .section__content__header span { font-style: italic; } .section.archive + .section.archive { padding-top: 0; margin-top: -20px; } .post-date { border-bottom: 1px solid; padding-bottom: 8px; margin-top: 24px; color: #333; display: inline-block; } .component-header.component-header--border-bottom { border-bottom: 1px solid #ececec; padding-bottom: 16px; } @media (max-width: 992px) { .component-header.component-header--border-bottom { padding-bottom: 0; border-bottom: none; } } .component-header .cta { min-width: 280px; margin-top: 16px; width: 90%; margin-left: auto; margin-right: auto; } .component-header .cat { font-size: 17px; margin-top: 16px; } .component-header .lead { margin-bottom: 16px; font-size: 24px; font-style: italic; } @media (max-width: 992px) { .component-header .lead { margin-top: 8px; font-size: 20px; } } .component-header .lead span { margin-left: 8px; margin-right: 8px; } .component-header .lead span:first-child { margin-left: 0; } @media (max-width: 768px) { .component-header { text-align: center; } } .component-header .title { font-size: 64px; } @media (max-width: 768px) { .component-header .title { font-size: 40px; margin-bottom: 16px; } } .cards { background-color: #F7F7F7; } @media (max-width: 768px) { .cards .cards__item { margin-bottom: 24px; } .cards .cards__item:last-child { margin-bottom: 0; } } .cards .cards__item .title { margin-bottom: 16px; } .cards .cards__item p { max-width: 300px; margin-bottom: 24px; } .cards.region__cards { background: #fff; } /*SignUp form validation*/ .error { border-color: red !important; /*color: red !important;*/ } iframe { max-width: 100% !important; } /* Status label*/ .status__label { font-size: 12px; line-height: 12px; background: #191818; border-radius: 2px; padding: 3px 4px; color: #fff; margin-top: 5px; margin-left: 12px; height: 18px; } .shows__item__img .status__label { position: absolute; right: 8px; bottom: 8px; } .shows__item.featured .shows__item__info { border-radius: 12px; } .shows__item.featured .black { background: #000000; } .shows__item.featured * { color: #ffffff; } .shows__item.featured * .yellow * { color: #000000; } .shows__item.featured * .pink { background: #E94190; } .shows__item.featured * .blue { background: #009FC7; } .shows__item.featured * .green { background: #13A538; } .shows__item.featured * .violet { background: #482683; } .shows__item.featured * .red { background: #E40521; } .shows__item.featured * .yellow { background: #FFDD00; } .hero { background-color: black; background-size: cover; position: relative; color: white; } .hero .lead { font-size: 24px; } .hero h1, .hero .lead { color: white; } .hero .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hero .info .info__date { margin-right: 24px; } .hero .info .shows__item__date { background-color: #DC2141; width: 80px; height: 80px; color: white; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .hero .info .shows__item__date .show__content__date__day { font-size: 40px; padding-top: 8px; letter-spacing: 1px; } .hero .info .shows__item__date .show__content__date__month { font-size: 18px; text-transform: uppercase; line-height: 18px; } .hero .hero__content { margin: 0 auto; position: relative; max-height: 1000px; min-height: 80vh; padding: 144px 0; } @media (max-width: 576px) { .hero .hero__content { min-height: 280px; height: auto; padding: 120px 0; text-align: center; } } .hero .hero__content__caption, .hero .main-header__caption, .hero .image-caption { position: absolute; bottom: 24px; right: 24px; font-size: 14px; opacity: 0.7; } .hero .hero__content__caption:hover, .hero .main-header__caption:hover, .hero .image-caption:hover { opacity: 1; } .hero .hero__content__caption { opacity: 1; } .hero .hero__content__img { height: 100%; background-repeat: no-repeat; background-position: center top; background-size: cover; position: absolute; top: 0; width: 100%; } .hero .hero__content__img:before { content: ""; top: 0; left: 0; position: absolute; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.25); } .hero--video .rt-preamble { color: #fff; } .hero--video__container { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; } .hero--video__video { width: 100%; height: 100%; background-size: cover; -o-object-fit: cover; object-fit: cover; display: block; } .hero--video__bgimg { height: 100%; background-repeat: no-repeat; background-position: center top; background-size: cover; } .hero--performance:before { content: ""; width: 100%; height: 100px; position: absolute; z-index: 1; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(transparent)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 100%); } .hero--performance .hero__content { min-height: 640px; } .hero--performance .hero__content__img { background-position: center; } @media (min-width: 769px) { .hero--performance .hero__content__img:before { background-image: -webkit-gradient(linear, right top, left top, color-stop(35%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.45))); background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.45) 100%); background-color: transparent; } } .hero--performance .rt-h1, .hero--performance .rt-h5 { margin-bottom: 24px; } @media (min-width: 0) and (max-width: 479px) { .hero--performance .rt-h1, .hero--performance .rt-h5 { word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } .hero--performance p { color: #fff; } .hero--performance p:last-child { margin-bottom: 0; } .shows__cta { float: right; } @media (min-width: 769px) { .shows__item { padding-left: 8px; padding-right: 8px; } } .shows__item__img { height: 260px; width: 100%; overflow: hidden; border-radius: 12px; position: relative; } .shows__item__img:hover .shows__item__img__inner { -webkit-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04); } .shows__item__img__inner { background-size: cover; position: relative; display: block; background-position: center; height: 100%; width: 100%; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .shows__item__date { position: absolute; top: 0; background-color: #DC2141; width: 56px; height: 64px; color: white; text-align: center; border-radius: 8px; margin-top: 8px; margin-left: 8px; } .slider__item__content .shows__item__date { width: 48px; height: 54px; } .shows__item__date .show__content__date__day { font-size: 32px; padding-top: 8px; letter-spacing: 1px; } .slider__item__content .shows__item__date .show__content__date__day { font-size: 24px; } .shows__item__date .show__content__date__month { font-size: 12px; text-transform: uppercase; line-height: 18px; } .slider__item__content .shows__item__date .show__content__date__month { font-size: 11px; } .shows__item__info { margin-top: 16px; margin-bottom: 8px; padding-left: 16px; padding-right: 16px; } @media (min-width: 769px) { .shows__item__info { margin-top: 24px; } } .shows__item__info p { margin: 0; font-size: 14px; } .shows__item__info .shows__item__info__producer { margin-top: 12px; } .shows__item__info .shows__item__info__producer a:after { content: ""; background-image: url(../../icons/link2.svg); width: 12px; height: 12px; display: inline-block; vertical-align: -2px; margin-left: 4px; opacity: 0.7; } .shows__item__info__title { margin: 0 0 12px; font-size: 24px; text-decoration: underline; line-height: 1; } .shows__item__info__who .bold { font-weight: 700; } .no_local_shows-info { border-top: 1px solid #ececec; padding-top: 30px; margin-bottom: 50px; } .no_local_shows-divider { border-bottom: 1px solid #000000; width: 65px; opacity: 0.5; margin: 0 auto; padding: 15px 0 10px 0; } .component-header { margin-bottom: 24px; } .component-header .cat span { margin-right: 0; } .component-header .cat span:after { content: ","; } .component-header .cat span:last-child:after { content: ""; } .shows__item__info__producer { margin-top: 12px; } .shows__item__info__producer a:after { content: ""; background-image: url(../../icons/link.svg); width: 12px; height: 12px; display: inline-block; vertical-align: -2px; margin-left: 4px; opacity: 0.7; } .section.show { padding-top: 64px; } .hero--show .title { font-size: 96px; } @media (max-width: 1024px) { .hero--show .title { font-size: 48px; } } .show-info { border: 1px solid #ececec; z-index: 2; background-color: white; } .show__content { padding-right: 64px; } .show__content .article h3 { margin-bottom: 24px; } .show__content .component-header .lead { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } @media (max-width: 992px) { .show__content { padding-right: 15px; } } .show__content .show__content__heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .show__content .show__content__heading .show-rating-wrapper { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .show__content .show__content__heading .date { text-transform: uppercase; } @media (max-width: 992px) { .show__content .show__content__heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .show__content .show__content__heading .show__content__heading__title { margin-right: auto; margin-bottom: 8px; } .show__content .show__content__heading .show-rating-wrapper { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .show__content .show__content__heading .show-rating { margin-right: auto; margin-left: 0; margin-bottom: 8px; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } @media (max-width: 768px) { .show__content .show__content__heading .show__content__heading__title { margin-right: auto; margin-left: auto; } .show__content .show__content__heading .show-rating-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .show__content .show__content__heading .show-rating { margin-right: auto; margin-left: auto; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } .show-rating { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; margin-left: auto; } .show-rating-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .star-rating .star-rating__item:before { content: ""; background: url(../icons/rt-star.svg) no-repeat; background-size: 12px 12px; width: 12px; height: 12px; display: inline-block; } .star-rating .star-rating__item--half:before { background: url(../icons/rt-star-half.svg) no-repeat; } .star-rating .star-rating__item--empty:before { background: url(../icons/rt-star-empty.svg) no-repeat; } .reviews { margin-top: 24px; } .reviews .load-more { margin-top: 16px; } .reviews .review-item { border: 1px solid #ececec; padding: 32px; border-radius: 8px; margin-bottom: 16px; } .reviews .review-item h4 { margin-bottom: 0; } .reviews .review-item .review-item__heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; } .reviews .review-item .review-item__heading .review-item__heading__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .reviews .review-item .review-item__heading .review-item__heading__title .star-rating { margin-left: 16px; } .reviews .review-item .review-item__heading .review-item__heading__date { margin-left: auto; color: rgba(0, 0, 0, 0.5); font-size: 14px; text-align: right; } .show-rating { font-size: 14px; } .show-rating:hover .show-rating__text { text-decoration: none; } .show-rating .show-rating__star { background: url(../icons/rt-star.svg) no-repeat; background-size: 24px 24px; width: 24px; height: 24px; margin-right: 8px; } .show-rating .show-rating__value { font-size: 24px; font-weight: 500; color: #000; } .show-rating .show-rating__best-value { font-weight: 500; color: #6b6b6b; } .show-rating .show-rating__text { text-decoration: underline; margin-top: 12px; display: block; } .show-rating .show-rating__text:hover { text-decoration: none; } .show-info__cta { padding: 32px 32px 0; } .show-info__meta { list-style: none; padding: 0; margin: 0; } .show-info__meta .show-info__meta__item { padding: 12px 0; border-top: 1px solid #eee; display: -webkit-box; display: -ms-flexbox; display: flex; } .show-info__meta .show-info__meta__item a { color: #DC2141; } .show-info__meta .show-info__meta__item:last-child { padding-bottom: 0; } .show-info__meta .show-info__meta__item .show-info__meta__item__label { padding-right: 32px; line-height: 20px; font-size: 18px; color: #000; } .show-info__meta .show-info__meta__item .show-info__meta__item__value { text-align: right; margin-left: auto; line-height: 20px; max-width: 206px; font-size: 15px; letter-spacing: 0.04em; } .show-info__meta.secondary .show-info__meta__item { border: 0; padding: 0; } .show-info__meta.secondary .show-info__meta__item__value a { margin-top: 0; } .show-info-nav { background-color: white; padding: 8px 0; position: fixed; top: 0; left: 0; right: 0; max-width: 100%; z-index: 1; border-bottom: 1px solid #ececec; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; z-index: 2; -webkit-transform: translate(0%, -200%); -ms-transform: translate(0%, -200%); transform: translate(0%, -200%); -webkit-transition: -webkit-transform 0.2s linear; transition: -webkit-transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear; } .show-info-nav.show { -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); } .show-info-nav .nav-item:not(:last-child):after { content: "·"; display: inline-block; margin: 0 8px; font-size: 20px; vertical-align: middle; } @media (max-width: 576px) { .show-info-nav .nav-item { margin-right: 0; } } .show-info-nav .nav-item .nav-link { font-size: 15px; font-weight: 500; padding: 12px 0; opacity: 1; color: #DC2141; display: inline-block; } @media (max-width: 576px) { .show-info-nav .nav-item .nav-link { font-size: 15px; padding: 8px; } } .show-info-nav .nav-item .nav-link:hover { text-decoration: underline; } .show-info-nav .nav-item .nav-link.active { color: black; } .show-info-nav .nav-item .nav-link.active:hover { text-decoration: none; } .show-info-nav .nav-item:last-child { margin-right: 0; } .show-info-nav .show-info-nav__item { margin-right: 40px; font-size: 17px; } .show-info-nav .show-info-nav__item:last-child { margin-right: 0; } .show-info-nav.show { display: block; } .show-info__ticket-info { text-align: center; } #showInfo .sidebar ul li + li, #showInfo .sidebar ol li + li { margin-top: 0; } #showInfo { z-index: 3; } .sidebar { border: 1px solid #DDDDDD; } .sidebar.installd .sidebar__footer { display: none; } .sidebar-set { margin-bottom: 32px; border: 1px solid #000000; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.12); box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.12); border-radius: 12px; padding: 24px; background: #fff; } .sidebar-set + .sidebar { -webkit-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.12); box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.12); } .sidebar-set a { font-size: 14px; line-height: 21px; text-decoration-line: underline; color: #DC2041; } .sidebar-set .title { display: -webkit-box; display: -ms-flexbox; display: flex; } .sidebar-set .title span { font-weight: 500; font-size: 24px; line-height: 28px; color: #191818; margin-left: 16px; display: inline-block; text-transform: uppercase; } .sidebar-set .short-text { margin: 16px 0; border-top: 1px solid rgba(0, 0, 0, 0.0989128); border-bottom: 1px solid rgba(0, 0, 0, 0.0989128); padding: 16px 0; } .sidebar-set .short-text p { font-style: normal; font-weight: normal; font-size: 14px; line-height: 21px; color: #333333; } .show-info__local-info { padding: 32px; border-top: 1px solid #ececec; text-align: center; } .show-info__local-info p { line-height: 18px; margin-top: 8px; } .show-info__local-info a { color: #E74590; } .btn + .biljettinfo, input[type=reset] + .biljettinfo, .FormResetButton + .biljettinfo, .FormSubmitButton + .biljettinfo { margin-top: 24px; } .biljettinfo h5 { line-height: 20px; font-size: 18px; color: #000; } .biljettinfo p { font-size: 15px; line-height: 1.5; margin-bottom: 24px; } .biljettinfo p:last-child { margin-bottom: 16px; } #tezt .slider { padding: 32px; height: auto; border-top: 1px solid #ececec; margin: 0; } #tezt .slider .slider__item { height: 80px !important; } #tezt .slider .slider__item h4 { font-size: 15px !important; } #showContent { position: relative; } @media (max-width: 768px) { #showContent { padding-top: 16px; } } .show-info-bar { background-color: white; -webkit-box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.3); padding-top: 16px; padding-bottom: 16px; z-index: 2; } .show-info-bar .date { font-weight: bold; text-transform: uppercase; margin-bottom: 4px; } .show-info-bar .date span { margin-right: 8px; margin-left: 8px; display: inline-block; line-height: 24px; font-size: 18px; } .show-info-bar .date span:first-child { margin-left: 0; } .show-info-bar .location { font-size: 14px; } .show-info-bar .col { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .show-info-bar .col:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .show-info-bar .cta { font-size: 15px; line-height: 40px; height: 40px; padding: 0 24px; } @media (max-width: 576px) { .show-info-bar { display: block; } } @media (max-width: 1024px) { .biljettinfo { text-align: left; } } .show-image { margin-bottom: 24px; border-radius: 6px; overflow: hidden; } .show-image img { height: 224px; width: 100%; -o-object-fit: cover; object-fit: cover; } .show-image { position: relative; } .show-image .image-caption { margin-bottom: 12px; font-size: 12px; color: white; position: absolute; bottom: 0; right: 0; margin-right: 12px; } .show-image .image-caption:hover { opacity: 1; } .main.main--no-hero { padding-top: 72px !important; } footer { padding: 64px 0 32px; background-color: #000; color: white; margin-top: auto; } footer ul li { margin-top: 0 !important; } footer .section { padding-bottom: 32px; margin-bottom: 32px; } footer .section.w-border { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } footer h6 { line-height: 40px; color: white; opacity: 0.5; } footer a { color: white; } footer a:hover { color: white; opacity: 0.5; } footer .section-heading { max-width: 800px; } @media (max-width: 575px) { footer { text-align: center; } } footer .list--flat.socialmedia a { opacity: 0.6; } @media (min-width: 769px) { footer .list--flat.socialmedia a { margin-top: 0; } } footer .list--flat.socialmedia a:hover { color: white; opacity: 1; } footer .list--links .list__item, footer .list--links a { line-height: 1.5; font-size: 21px; } @media (min-width: 769px) { footer .list--links .list__item, footer .list--links a { line-height: 1; } } .footer_subnav a { opacity: 0.8; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .footer_subnav a:hover { opacity: 1; } @media (min-width: 0) and (max-width: 769px) { .partner-logos .list__item { display: inline-block; margin-right: 0; text-align: center; margin-top: 24px; } } .partner-logos .list__item img { max-height: 64px; } .partner-logos a:hover { opacity: 1; } .footer--campaign { padding: 64px 0 64px; position: relative; } @media (min-width: 0) and (max-width: 769px) { .footer--campaign .list { margin-top: 0; margin-bottom: 24px; } .footer--campaign .list.socialmedia { margin-bottom: 0; } } .footer--campaign .list__item { font-size: 18px; font-weight: 500; line-height: 1.4; } .footer--campaign .mail a { text-decoration: underline; } .footer--campaign .section { margin-bottom: 0; padding-bottom: 0; } .footer__smalltext { font-size: 12px; color: rgba(255, 255, 255, 0.6); margin-top: 24px; } .footer__smalltext a { color: rgba(255, 255, 255, 0.6); } .footer__smalltext a:hover { color: rgb(255, 255, 255); opacity: 1; } .rt-footer { border-color: rgba(255, 255, 255, 0.1); bottom: 0; padding-bottom: 56px; color: white; } .rt-footer p { color: white; } @media (max-width: 991.98px) { .rt-footer { text-align: center; } .rt-footer .list-group { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .rt-footer .flex-row { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } } .rt-footer .rt-logo { opacity: 1; } .rt-footer .rt-logo svg { height: 24px; } .rt-footer .rt-logo svg path { fill: currentColor; } .rt-footer a { text-decoration: none; -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; padding: 4px 0; display: block; opacity: 0.7; } .rt-footer a:hover { opacity: 1; text-decoration: underline; } @media (max-width: 991.98px) { .rt-footer h5 { font-size: 24px; } } .rt-footer h5 a { opacity: 1; } .rt-footer.rt-footer--dark a { opacity: 0.7; } .rt-footer.rt-footer--dark a:hover { opacity: 1; } .rt-footer .socialmedia .socialmedia__item svg { height: 48px; width: 48px; } @media (max-width: 991.98px) { .rt-footer .socialmedia .socialmedia__item svg { height: 32px; width: 32px; } } .rt-footer .socialmedia .socialmedia__item svg path { fill: currentColor; } .rt-footer .external-logo { max-height: 48px; } .rt-footer--dark { background-color: #000; color: white; } ul li { line-height: 1.5; } ol li { line-height: 1.5; } ul li + li, ol li + li { margin-top: 10px; } article p a { color: #DC2141; text-decoration: underline; } article p.small { font-size: 15px; max-width: 500px; } article img { max-width: 100%; height: auto; } article section { padding-bottom: 32px; padding-top: 32px; border-bottom: 1px solid #ececec; } article section:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } article section:first-of-type { padding-top: 0; } article h1, article .as-h1 { font-size: 64px; margin-bottom: 0; } article h2, article h3, article h4, article h5, article h6 { margin-bottom: 8px; color: #000; } article h3 { font-size: 28px; margin-bottom: 16px; } article h2 { font-size: 28px; margin-bottom: 16px; } article h3 + h4 { margin-top: 24px; } article h4 { font-size: 17px; } article p:last-child { margin-bottom: 0; } article p a { color: #DC2141; text-decoration: underline; } article p a:hover { color: #DC2141; text-decoration: underline; } article p a.btn, article p a.FormResetButton, article p a.FormSubmitButton { color: black; } article p + p { margin-top: 24px; } article p + h4 { margin-top: 32px; } article .link__section a { margin-bottom: 4px; } .article h1 { margin-bottom: 32px; word-break: break-word; } @media (max-width: 990px) { .article h1 { font-size: 40px; } } .article h3 { font-size: 28px; margin: 0 0 16px; } .article h4 { font-size: 18px; } p.article__img__caption { font-size: 14px; font-size: 0.875rem; font-style: italic; text-align: right; padding: 10px 0 20px 20px; margin: 0; } .article__img--small { width: 27%; padding-left: 11px; float: right; } .article__img--small img { float: right; } @media (min-width: 0) and (max-width: 479px) { .article__img--small { width: 200px; padding-left: 7px; } .article__img--small img { width: 200px; } } .article__img--medium { float: right; width: 40%; padding-left: 10px; padding-bottom: 10px; } .article__img--medium img { float: right; } @media (min-width: 0) and (max-width: 479px) { .article__img--medium { width: 100%; padding: 0; } .article__img--medium img { width: 100%; } } .article__img--fullwidth { padding-top: 40px; } .article__list li { padding-top: 25px; } .article__box { background: #F7F7F7; padding: 40px; } @media (max-width: 990px) { .article__box { padding: 20px; } } .article__box__list { list-style-type: none; padding: 0; margin: 0; } .article__box__list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #ededed; padding: 12px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .article__box__list li .article__box__list__item__title { line-height: 1.5; max-width: 500px; } @media (max-width: 990px) { .article__box__list li .article__box__list__item__title { max-width: 193px; word-break: break-word; } } .article .article__preamble, #section1 h3.article__preamble { font-weight: 500; color: #000; font-size: 20px; line-height: 1.4; letter-spacing: 0.02em; } /* Variables */ /* Giftcard style */ .giftcard { width: 100%; min-height: 100vh; background-color: #1D2E4B; } .giftcard::before { content: ""; background-image: url(../icons/giftcard-dot_pattern.svg); height: 95vh; width: 100%; position: absolute; background-repeat: repeat; opacity: 0.4; } .giftcard__confetti { position: absolute; left: 0; } .giftcard-container { z-index: 10; position: relative; padding-top: 50px; padding-left: 20px; padding-right: 20px; padding-bottom: 100px; } @media screen and (min-width: 648px) { .giftcard-container { padding-top: 80px; padding-bottom: 80px; } } @media screen and (min-width: 1441px) { .giftcard-container { padding-top: 120px; } } .giftcard-form__section { display: none; margin-left: auto; margin-right: auto; max-width: 648px; -webkit-animation: contentfade 0.3s ease-in; animation: contentfade 0.3s ease-in; } .giftcard-form__section.current { display: block; } .giftcard-form__counter { color: rgba(255, 255, 255, 0.85); display: block; margin-bottom: 32px; font-family: "Platform Web", sans-serif; letter-spacing: 1px; text-align: center; } @media screen and (min-width: 648px) { .giftcard-form__counter { text-align: left; } } .giftcard-form__section__title { color: #fff; font-size: 40px; font-weight: 700; margin-bottom: 35px; text-align: center; } @media screen and (min-width: 648px) { .giftcard-form__section__title { text-align: left; font-size: 56px; } } .giftcard-form__section__title + .giftcard-form__section__description { margin-top: -15px; } .giftcard-form__section__description { color: rgba(255, 255, 255, 0.85); font-weight: 400; margin-bottom: 24px; font-size: 18px; line-height: 24px; text-align: center; } @media screen and (min-width: 648px) { .giftcard-form__section__description { text-align: left; } } .giftcard-form__section__description a { text-decoration: underline; display: inline; } .giftcard-form__section__description a:hover { color: #fff; } .giftcard-form__section__description .bold { font-weight: bold; color: #fff; } .giftcard-form__section__description.mb-z { margin-bottom: 0; } .giftcard-divider { border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: block; margin-bottom: 24px; margin-top: 24px; } .giftcard-divider.mt-z { margin-top: 0; } .giftcard-form__radiowrapper { position: relative; margin-right: 64px; display: inline-block; } .giftcard-form__radiowrapper__description { color: white; font-weight: bold; font-size: 18px; line-height: 24px; margin-top: 24px; } .giftcard-form__radio:checked, .giftcard-form__radio:not(:checked) { position: absolute; left: -9999px; } .giftcard-form__radio:checked + label, .giftcard-form__radio:not(:checked) + label { width: 100%; position: relative; padding-left: 40px; cursor: pointer; font-weight: 400; color: rgba(255, 255, 255, 0.85); height: 60px; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; -webkit-transition: color 0.15s ease; transition: color 0.15s ease; } .giftcard-form__radio:checked + label, .giftcard-form__radio:not(:checked) + label:hover { color: #fff; } .giftcard-form__radio:checked + label:before, .giftcard-form__radio:not(:checked) + label:before { content: ""; position: absolute; left: 0; width: 24px; height: 24px; background-color: rgba(0, 0, 0, 0.2); border-radius: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .giftcard-form__radio:checked + label:after, .giftcard-form__radio:not(:checked) + label:after { content: ""; width: 24px; height: 24px; background-color: #DC2141; background-image: url(../icons/giftcard-check.svg); background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; top: 30%; -webkit-transform: translateY(-30%); -ms-transform: translateY(-30%); transform: translateY(-30%); background-size: 38%; } .giftcard-form__radio:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .giftcard-form__radio:checked + label:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } fieldset { border: 0; padding: 0; margin: 0; } .giftcard-form__label { color: white; font-size: 16px; font-weight: 500; } .giftcard-form__selects { margin-top: 24px; } .giftcard-form__input, .giftcard-form__select { display: block; width: 100%; -webkit-appearance: none; padding: 6px 16px; border: 0; background-color: #fff; border-radius: 3px; font-size: 16px; color: #393939; height: 40px; -webkit-transition: border 0.4s ease; transition: border 0.4s ease; } .giftcard-form__input:focus, .giftcard-form__select:focus { outline: 0; } @media screen and (min-width: 648px) { .giftcard-form__input, .giftcard-form__select { max-width: 316px; } } .giftcard-form__input[type=date] { text-transform: uppercase; } .giftcard__has-error { background-color: #F7D1D7; } label.giftcard__has-error { font-size: 15px; color: white; background: transparent; font-weight: 400; margin-top: 8px; } .giftcard-form__input--mb { margin-bottom: 32px; } .giftcard-form__select { background-position: right 12px center; background-repeat: no-repeat; background-size: 24px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAABGklEQVR4Ae3RAcZCQRiF4buDfwshBGi+2UQgcIGAVtpSIuS/KyilG+UTcbk6zIH3GQBm3mM6AAAAAAAAAACA+eqf/yZBXcV/2XeCVPYx1FXj/FjGUMd45AQp/1HHGGLZNL+e61jHnKDmv8652YT1IvPfE2LX/Sh27/ycsF60yT/lk58JYn6eU4MJccjnlAmZ/33i0OAH4jg9Qcw/5g9YJpS+m6n0xvzpCfVe+nn59S7kGyYo+YYJWz3fO+E2PaFs9XzPhMy/6fmWCXq+YUJs9HzrhLh+JsQmrnq+bYKeb52g53snXPR88wQ93z9Bz/dP0PP9E/R89wQ93zpBz7dO0POtE/R86wQ93zpBzzdP+MoHAAAAAAAAAADAExTnTW20AtjhAAAAAElFTkSuQmCC"); } .giftcard-form__textarea { -webkit-appearance: none; display: block; width: 100%; padding: 16px; border-radius: 3px; color: #393939; line-height: 24px; margin-bottom: 24px; border: 0; height: 120px; } .giftcard-form__textarea::-webkit-input-placeholder { line-height: 24px; font-size: 16px; } .giftcard-form__textarea::-moz-placeholder { line-height: 24px; font-size: 16px; } .giftcard-form__textarea:-ms-input-placeholder { line-height: 24px; font-size: 16px; } .giftcard-form__textarea::-ms-input-placeholder { line-height: 24px; font-size: 16px; } .giftcard-form__textarea::placeholder { line-height: 24px; font-size: 16px; } @media screen and (min-width: 648px) { .giftcard-form__textarea { padding: 16px 20px; } } .giftcard-form__input__small { color: rgba(255, 255, 255, 0.85); margin-top: 8px; display: block; line-height: 20px; font-size: 15px; } .giftcard-form__input__small a { text-decoration: underline; display: inline; } @media screen and (min-width: 648px) { .giftcard-form__inline { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -8px; margin-right: -8px; } .giftcard-form__inline > div { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 8px; padding-right: 8px; } .giftcard-form__inline > div:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } .giftcard-form__inline__btn { background-color: #DC2141; border-radius: 3px; border: 0; height: 40px; color: #fff; font-size: 14px; font-weight: 500; letter-spacing: 1.4px; text-transform: uppercase; width: 100%; padding-left: 16px; padding-right: 16px; } @media screen and (min-width: 648px) { .giftcard-form__inline__btn { margin-top: 32px; } } @media screen and (min-width: 648px) { .giftcard-form__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -8px; margin-right: -8px; } } .giftcard-form__group { margin-bottom: 24px; } @media screen and (min-width: 648px) { .giftcard-form__group { padding-left: 8px; padding-right: 8px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .giftcard-form__group .giftcard-form__input, .giftcard-form__group .giftcard-form__select { max-width: 100%; } } .giftcard-form__group .flex-shrink { -ms-flex-negative: 1; flex-shrink: 1; } .giftcard-form__group:disabled { opacity: 0.6; } @media screen and (min-width: 648px) { .giftcard-form__pick-design { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -12px; margin-right: -12px; } } .giftcard-form__pick-design__wrapper { border-radius: 8px; margin-bottom: 24px; } @media screen and (min-width: 648px) { .giftcard-form__pick-design__wrapper { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; margin-left: 12px; margin-right: 12px; margin-bottom: 0; } } .giftcard-form__pick-design__radio:checked, .giftcard-form__pick-design__radio:not(:checked) { position: absolute; left: -9999px; } .giftcard-form__pick-design__radio:checked + label, .giftcard-form__pick-design__radio:not(:checked) + label { width: 100%; position: relative; cursor: pointer; text-align: center; margin-bottom: 0; line-height: 18px; } .giftcard-form__pick-design__radio:checked + label img, .giftcard-form__pick-design__radio:not(:checked) + label img { max-width: 200px; margin-bottom: 16px; -webkit-transition: border 0.1s ease, -webkit-transform 0.3s ease; transition: border 0.1s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, border 0.1s ease; transition: transform 0.3s ease, border 0.1s ease, -webkit-transform 0.3s ease; display: block; margin-left: auto; margin-right: auto; border-radius: 8px; border: 4px solid transparent; pointer-events: none; } .giftcard-form__pick-design__radio + label:hover, .giftcard-form__pick-design__radio:checked + label { color: #fff; } .giftcard-form__pick-design__radio + label:hover img, .giftcard-form__pick-design__radio:checked + label img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .giftcard-form__pick-design__radio:checked + label img { border: 4px solid #fff; background: #fff; } .giftcard-form__navigation { max-width: 648px; margin-left: auto; margin-right: auto; text-align: center; } @media screen and (min-width: 648px) { .giftcard-form__navigation { text-align: left; } } .giftcard-form__navigation { margin-top: 40px; } .giftcard-form__button, .giftcard-form__submit { -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; border: 0; display: block; background-color: #DC2141; display: inline-block; border-radius: 40px; padding-left: 50px; padding-right: 50px; padding-top: 13px; padding-bottom: 13px; color: #fff; font-size: 14px; line-height: 16px; font-weight: 500; letter-spacing: 1.4px; text-transform: uppercase; } .giftcard-form__button:focus, .giftcard-form__submit:focus { outline: 0; } .giftcard-form__button--next, .giftcard-form__submit { background-color: #DC2141; border-radius: 40px; padding-left: 48px; padding-right: 48px; height: 48px; color: #fff; font-size: 14px; font-weight: 500; letter-spacing: 1.4px; text-transform: uppercase; } .giftcard-form__button--prev { -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; border: 0; background-color: transparent; font-size: 16px; font-weight: 500; color: rgba(255, 255, 255, 0.85); margin-top: 16px; padding-top: 10px; padding-bottom: 10px; display: block; } @media screen and (max-width: 648px) { .giftcard-form__button--prev { margin-left: auto; margin-right: auto; } } .giftcard-form__button--prev:hover { -webkit-transform: none; -ms-transform: none; transform: none; } .giftcard-form__button--prev:focus { outline: 0; } .giftcard-form__button--prev:before { content: " "; background-image: url(../icons/giftcard-arrow-back.svg); height: 12px; width: 12px; display: inline-block; margin-right: 12px; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .giftcard-form__button--prev:hover:before { -webkit-transform: translateX(-4px); -ms-transform: translateX(-4px); transform: translateX(-4px); } .giftcard-form__submit { display: none; width: initial; } .giftcard-thanks { -webkit-animation: contentfade 0.3s ease-in; animation: contentfade 0.3s ease-in; text-align: center; } .giftcard-thanks .giftcard-form__button { margin-top: 10px; } .giftcard-thanks .giftcard-form__section__title, .giftcard-thanks .giftcard-form__section__description { text-align: center; } .giftcard-form__popup { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.1); } .giftcard-form__popup.active { display: block; } .giftcard-form__popup .giftcard-form__button { margin-top: 36px; } .giftcard-form__popup__inner { background-color: #fff; border-radius: 8px; padding: 40px; max-width: 500px; width: calc(100% - 15px * 2); position: fixed; left: 15px; right: 15px; top: 15px; margin-left: auto; margin-right: auto; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); text-align: center; } @media screen and (min-width: 648px) { .giftcard-form__popup__inner { left: 0; right: 0; top: 190px; padding: 55px; } } .giftcard-form__popup__close { background-image: url(../icons/giftcard-close.svg); width: 14px; height: 14px; position: absolute; top: 24px; right: 24px; cursor: pointer; } .giftcard-form__popup__title { color: #000000; font-size: 40px; margin-bottom: 20px; } .giftcard-form__popup__description .bold { font-weight: bold; } .giftcard-form__popup__currentwrapper { margin-top: 35px; } .giftcard-form__popup__current { color: #000000; font-size: 20px; font-weight: 600; margin-top: 10px; } @-webkit-keyframes contentfade { from { -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; } to { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } } @keyframes contentfade { from { -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; } to { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } } .rc-anchor-dark.rc-anchor-normal { background: transparent; border: 0; } .giftcard-pdf { width: 1190px; height: 1684px; background-color: #fff; position: relative; } .giftcard-pdf h2 { color: #000000; font-size: 32px; font-family: "Platform Web", sans-serif; font-weight: 700; } .giftcard-pdf h3 { font-family: "Platform Web", sans-serif; font-weight: 700; font-size: 24px; color: #000000; } .giftcard-pdf p, .giftcard-pdf li { font-size: 18px; line-height: 28px; color: #333333; } .giftcard-pdf p .bold, .giftcard-pdf p.bold, .giftcard-pdf li .bold, .giftcard-pdf li.bold { color: #000000; font-weight: bold; } .giftcard-pdf__logo { position: absolute; top: 48px; right: 83px; z-index: 10; } .giftcard-pdf__header { position: relative; } .giftcard-pdf__header__text { max-width: 100%; margin-left: auto; margin-right: auto; text-align: center; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .giftcard-pdf__header__text h1 { color: #fff; font-size: 88px; font-family: "Platform Web", sans-serif; font-weight: 700; margin-bottom: 10px; } .giftcard-pdf__header__text h2 { color: #fff; } .giftcard-pdf__message { margin-top: 70px; max-width: 775px; margin-left: auto; margin-right: auto; text-align: center; } .giftcard-pdf__message .italic { font-style: italic; } .giftcard-pdf__message p { margin-top: 35px; } .giftcard-pdf__infobox { max-width: 775px; margin-left: auto; margin-right: auto; margin-top: 65px; border: 1px solid #D9D9D9; padding: 45px 85px; border-radius: 12px; } .giftcard-pdf__infobox h3 { text-align: center; margin-bottom: 30px; } .giftcard-pdf__infobox ul { list-style-type: none; position: relative; } .giftcard-pdf__infobox .giftcard-pdf__infobox__item { margin-bottom: 25px; font-weight: 500; color: #000000; } .giftcard-pdf__infobox .giftcard-pdf__infobox__item:before { content: ""; background-image: url(../img/giftcard-pdf/giftcard-pdf_check.png); width: 18px; height: 20px; display: inline-block; background-size: contain; position: absolute; left: 0; margin-top: 7px; } .giftcard-pdf__footer { background-color: #fff; padding-top: 0; padding-bottom: 40px; position: absolute; left: 0; right: 0; bottom: 0; } .giftcard-pdf__footer:before { content: ""; width: 39px; height: 26px; position: absolute; background-image: url(../img/giftcard-pdf/giftcard-pdf_scissors.png); background-repeat: no-repeat; background-size: contain; top: -26px; left: 82px; } .giftcard-pdf__footer a, .giftcard-pdf__footer a:hover { color: #000000; } .giftcard-pdf__footer__border { width: 100%; border-top: 2px dashed rgba(0, 0, 0, 0.8); display: block; padding-bottom: 40px; } .giftcard-pdf__footer__inner { max-width: 1024px; margin-left: auto; margin-right: auto; } .giftcard-pdf__footer__inner:after { content: ""; display: table; clear: both; } .giftcard-pdf__footer__info { max-width: 393px; margin-top: 75px; float: left; text-align: left; } .giftcard-pdf__footer__info p { color: rgba(0, 0, 0, 0.8); font-size: 20px; line-height: 28px; } .giftcard-pdf__card { width: 483px; height: 324px; padding: 32px; background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#F7F7F7)); background: linear-gradient(-180deg, #FCFCFC 0%, #F7F7F7 100%); border: 2px dashed rgba(0, 0, 0, 0.8); border-radius: 24px; position: relative; float: right; text-align: left; } .giftcard-pdf__card:after { content: ""; width: 247px; height: 202px; background: url(../img/giftcard-pdf/giftcard-pdf_card-detail.png); background-size: contain; background-repeat: no-repeat; position: absolute; top: 0; right: 0; } .giftcard-pdf__card__logo { width: 193px; } .giftcard-pdf__card__content { position: absolute; bottom: 32px; } .giftcard-pdf__card__content h3 { margin-bottom: 24px; } .giftcard-pdf__card__content p { line-height: 24px; } .giftcard-pdf__card__content > div p { margin-right: 56px; float: left; max-width: 210px; } .giftcard-pdf__card__content > div p:last-child { margin-right: 0; } .giftcard-pdf__card__content > p { margin-bottom: 12px; } .giftcard-pdf__card__content__name { max-width: 240px; } .page-footer { padding: 40px 16px 16px; background: black; } .page-footer h1 { font-size: 20px; color: white; margin: 0 auto 16px; font-family: "Platform Web", sans-serif; font-weight: normal; max-width: 600px; letter-spacing: 0.06em; line-height: 1.5; } .page-footer h2 { color: white; font-family: "Platform Web", sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.1em; } .page-footer .contact-info h1 a { color: inherit; } .page-footer section { margin: 0 auto; text-align: center; padding: 16px 0; } .page-footer section ul { padding: 0; margin: 0; } .page-footer section ul li { list-style-type: none; display: inline-block; } .page-footer section ul li a { display: inline-block; vertical-align: middle; padding: 16px; font-size: 12px; } .page-footer section ul li a i { display: inline-block; vertical-align: middle; } .page-footer section nav { padding: 0; margin: 0; } .page-footer section nav a { display: inline-block; vertical-align: middle; padding: 8px; white-space: nowrap; font-family: "Platform Web", sans-serif; color: white; opacity: 0.5; font-size: 13px; letter-spacing: 0.1em; } .page-footer section nav a:hover { opacity: 1; } .page-footer .social-icons ul li a { opacity: 1; } .page-footer .social-icons ul li a:hover { opacity: 0.7; } .page-footer .social-icons ul li a i { font-size: 32px; } .old-header { height: 64px; background-color: rgba(0, 0, 0, 0.95); position: absolute; top: 0; left: 0; right: 0; z-index: 999; padding: 0 30px; } @media (max-width: 768px) { .old-header { padding: 0 12px 0 20px; } } @media (max-width: 1024px) { .old-header .header__container__navbar.show { width: 100%; background-color: rgba(27, 171, 206, 0.95); } .old-header .header__container__navbar.show .old-header__nav { text-align: center; } .old-header .header__container__navbar.show .old-header__nav .old-header__nav__link { font-size: 32px; opacity: 1; padding: 16px 0; font-family: "Platform Web", sans-serif; font-weight: bold; } .old-header .header__container__navbar.show .search-container { margin: 24px 0; } .old-header .header__container__navbar.show .search-container form { background: rgba(0, 0, 0, 0.3); width: 250px; margin: 0 auto; *zoom: 1; display: block; position: relative; font-size: 20px; height: 40px; padding-right: 30px; padding: 0 15px; border-radius: 6px; color: white; } .old-header .header__container__navbar.show .search-container form .searchinput { background: none; border: none; padding: 0; outline: 0; color: #fff; -webkit-appearance: none; border-radius: 0; display: block; height: 40px; letter-spacing: 0.005em; font-size: 20px; padding-right: 20px; } .old-header .header__container__navbar.show .search-container form .searchinput::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } .old-header .header__container__navbar.show .search-container form .searchinput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 1; } .old-header .header__container__navbar.show .search-container form .searchinput::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; opacity: 1; } .old-header .header__container__navbar.show .search-container form .searchinput:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; } .old-header .header__container__navbar.show .search-container form .searchinput:focus { outline: 0; } .old-header .header__container__navbar.show .search-container form button { background: none; border: none; height: 40px; outline: 0; color: #fff; position: absolute; right: 0; bottom: 0; padding: 0 10px; } .old-header .header__container__navbar.show .sub-menu { margin: 30px 0 45px; } .old-header .header__container__navbar.show .sub-menu a { color: white; padding: 0 8px; font-size: 13px; line-height: 14px; border-right: 1px solid; } .old-header .header__container__navbar.show .sub-menu a:last-child { border-right: none; } .old-header .header__container__navbar.show .social-icons ul { list-style: none; margin: 0; padding: 0; } .old-header .header__container__navbar.show .social-icons ul li { display: inline-block; padding: 0 10px; } .old-header .header__container__navbar.show .social-icons ul li img { height: 20px; } } .old-header__nav .old-header__nav__link { padding: 0 12px; font-size: 20px; font-weight: 400; opacity: 0.7; color: white; line-height: 32px; } .old-header__nav .old-header__nav__link i { font-size: 32px; } .old-header__nav .old-header__nav__link:hover { opacity: 1; } .old-header__nav .dropdown-toggle:after { display: none; } .old-header__nav__dropdown-menu { background: white; top: 41px !important; left: auto !important; right: 4px !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; text-align: center; width: 180px; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); padding: 16px 0; border-radius: 0; border: none; margin: 0; } .old-header__nav__dropdown-menu.active { display: block; } .old-header__nav__dropdown-menu:before { content: ""; position: absolute; top: -6px; right: 12px; display: block; width: 24px; height: 24px; background: white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .old-header__nav__dropdown-menu a.dropdown-item { font-weight: 400; color: black; letter-spacing: 0.15em; padding: 12px 0; font-size: 14px; text-transform: uppercase; } .old-header__nav__dropdown-menu a.dropdown-item:hover { color: #1BABCE; background: none; } .old-header__search.modal.fade .modal-dialog { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .old-header__search.modal.show .modal-dialog { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .old-header__search .modal-dialog { max-width: 700px; background: none; } .old-header__search .modal-content { border-radius: 80px; } .old-header__search form .searchinput, .old-header__search form button { height: 80px; border: none; font-size: 28px; color: #333; } .old-header__search form .searchinput::-webkit-input-placeholder, .old-header__search form button::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } .old-header__search form .searchinput:-moz-placeholder, .old-header__search form button:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; opacity: 1; } .old-header__search form .searchinput::-moz-placeholder, .old-header__search form button::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; opacity: 1; } .old-header__search form .searchinput:-ms-input-placeholder, .old-header__search form button:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } .old-header__search form .searchinput:focus, .old-header__search form button:focus { outline: 0; } .old-header__search form .searchinput { padding: 0 114px 0 40px; width: 100%; } .old-header__search form button { text-align: center; background: none; border: none; position: absolute; right: 0; top: 0; padding: 20px 40px; color: #999; -webkit-transition: ease 0.1s color; transition: ease 0.1s color; } .old-header__search form button:hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .old-header__search form button:focus { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .old-header__search form button:active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .old-header__search form button i { font-size: 40px; } .old-header__search form button:hover { color: #333; } .old-header__search.inverted form .searchinput, .old-header__search.inverted form button { height: 100px; background: none; border: 2px solid white; font-size: 48px; } .old-header__search.inverted form .searchinput { padding: 0 142px 0 60px; letter-spacing: 0.05em; } .old-header__search.inverted form button { border: none; } .old-header__search.inverted form button i:before { font-size: 40px; } .old-header__search.inverted form ::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } .old-header__search.inverted form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 1; } .old-header__search.inverted form ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; opacity: 1; } .old-header__search.inverted form :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; } @media (max-width: 768px) { .old-header__search.inverted form .searchinput, .old-header__search.inverted form button { height: 50px; font-size: 24px; } .old-header__search.inverted form .searchinput { padding: 0 50px 0 20px; } .old-header__search.inverted form button { padding: 0 20px; } .old-header__search.inverted form button i:before { font-size: 24px; } } .old-header + .main { margin-top: 64px; } .performances__page { background-color: #129FC0; position: relative; min-height: 100vh; } @media (min-width: 0) and (max-width: 769px) { .performances__page { z-index: 1060; } } .performances__page__bgimage { background-repeat: no-repeat; background-size: cover; background-attachment: fixed; -webkit-filter: grayscale(100%); filter: grayscale(100%); height: 100%; width: 100%; position: absolute; } .performances__page__bgimage__overlay { height: 100%; width: 100%; position: absolute; background-color: #129FC0; opacity: 0.9; } .performances__page__content { padding-top: 170px; padding-bottom: 40px; } .hero--performance + .performances__page__content { padding-top: 0; } .performances__page--pink .performances__page__bgimage__overlay { background-color: #E94190; } .performances__page--yellow .header--campaign__logo { display: none; } .performances__page--yellow .header--campaign__logo__000 { display: block; } .performances__page--yellow .performances__page__bgimage { -webkit-filter: none; filter: none; } .performances__page--yellow .performances__page__bgimage__overlay { opacity: 0; } .component-header .lead { margin-bottom: 16px; font-size: 24px; font-style: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tour-schedule__item__main .d-flex h4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 768px) { .tour-schedule__item__main .d-flex { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } } .tour-schedule__item__main .set { margin-left: 16px; font-weight: 500; font-size: 14px; line-height: 16px; color: #FFFFFF; border-radius: 13px; background: #191818; padding: 5px 12px; text-align: center; min-width: 71px; text-transform: uppercase; } @media screen and (max-width: 768px) { .tour-schedule__item__main .set { margin-left: 10px; margin-right: 10px; } } .lead .set { font-weight: 500; font-size: 14px; line-height: 16px; color: #FFFFFF; border-radius: 13px; background: #191818; padding: 5px 12px; text-align: center; min-width: 71px; text-transform: uppercase; } .archive .set-box { max-width: 100px; display: inline-block; padding: 6px 12px 5px; } a.cta.disabled { background: #EEEEEE; color: #191818 !important; opacity: 1; } #showInfo .sidebar ul li + li, #showInfo .sidebar ol li + li { margin-top: 0; } #showInfo .sidebar { border: 1px solid #DDDDDD; } @media screen and (max-width: 768px) { .component-header .lead { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sidebar-set { margin: 16px 0; text-align: left; } } .component-header .lead { display: inline-block; } .page-footer section nav a { display: inline-block; vertical-align: middle; padding: 8px; white-space: nowrap; color: white; opacity: 1; text-decoration: underline; } .page-footer section nav a:hover { opacity: 1; text-decoration: underline; } footer a { color: #fff; text-decoration: underline; } footer a:hover { opacity: 1; } .footer_subnav a { opacity: 1; text-decoration: underline; } .form__group p a { color: #DC2141; text-decoration: underline; } footer .list--links a { color: #fff !important; text-decoration: underline !important; } footer .list--links a:hover { color: #fff !important; text-decoration: underline !important; } .list .list__item.email a { color: #fff !important; text-decoration: underline !important; } .list .list__item.email a:hover { color: #fff !important; text-decoration: underline !important; } .footer__smalltext a { color: #fff !important; text-decoration: underline !important; } .footer__smalltext a:hover { color: #fff !important; text-decoration: underline !important; } @media (max-width: 768px) { .hero .hero__content__caption { right: 12px; bottom: 12px; } } @media (max-width: 768px) { .hero .main-header__caption { right: 12px; bottom: 12px; } } @media (max-width: 768px) { .hero .image-caption { right: 12px; bottom: 12px; } } .sidebar-set { text-align: left; } .show-info-nav ul li + li { margin-top: 0; } #ticketInfo.modal { top: 120px; border-top-left-radius: 16px; border-top-right-radius: 16px; overflow: hidden; } #ticketInfo.modal .modal-content { overflow: scroll; height: auto; margin-top: 56px; bottom: 0; position: fixed; top: 0; } #ticketInfo.modal .close-header-fixed button.close { cursor: pointer; right: 0; top: 0; position: relative; } #ticketInfo.modal ul li + li { margin-top: 0; } @media (max-width: 576px) { #ticketInfo.modal .modal-header, #ticketInfo.modal #ticketInfo .modal-body { padding: 24px; } #ticketInfo.modal #ticketInfo .modal-header + .modal-body { padding-top: 0; } #ticketInfo.modal #ticketInfo .sidebar-set { margin: 16px 0; } } .close-header-fixed { position: absolute; left: 0; right: 0; top: 0px; z-index: 2; height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 16px; background: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .shows__item__img .set { font-style: normal; font-weight: bold; font-size: 20px; line-height: 1; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF; position: absolute; right: 16px; bottom: 16px; padding: 10px 12px; text-align: center; background: #191818; border-radius: 8px; } .summer.giftcard { background: #000000 url(/static/images/Gavomedlemsskap_1536x772px_v1_Redigerad.png) left center no-repeat; background-size: cover; } @media screen and (max-width: 768px) { .summer.giftcard { background: #000000 url(/static/images/Gavomedlemsskap_1536x772px_v1_Redigerad.png) left top no-repeat; background-size: auto; background-position-x: -278px; } }/*# sourceMappingURL=style.css.map */