/* Minification failed. Returning unminified contents. (6034,38): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6035,30): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6168,42): run-time error CSS1046: Expect comma, found '0' (6168,46): run-time error CSS1046: Expect comma, found '/' (6215,35): run-time error CSS1046: Expect comma, found '0' (6215,39): run-time error CSS1046: Expect comma, found '/' (6225,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (6226,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (6332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6430,35): run-time error CSS1046: Expect comma, found '0' (6430,39): run-time error CSS1046: Expect comma, found '/' (6901,38): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6902,30): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (7074,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7354,38): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (7355,30): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (7371,5): 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 url(../../fonts/Platform/1704-GSLZZJ.css); @import url(../../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; color: #000; } 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: "\201C" "\201D" "\2018" "\2019"; } 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"] { 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 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .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); 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); 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); transform: translate3d(0, -15px, 0); } 90% { 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); 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); 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); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; 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 { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { 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 { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; 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; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 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; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 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; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { 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; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { 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; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { 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; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { 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; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { 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; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { 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; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { 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; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 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 { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -5%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(20%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpSmall { from { opacity: 0; transform: translate3d(0, 30%, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInUpSmall { from { opacity: 0; transform: translate3d(0, 30%, 0); } to { opacity: 1; transform: none; } } .fadeInUpSmall { -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall; } @-webkit-keyframes fadeInUpSmaller { from { opacity: 0; transform: translate3d(0, 10px, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInUpSmaller { from { opacity: 0; transform: translate3d(0, 10px, 0); } to { opacity: 1; transform: none; } } .fadeInUpSmaller { -webkit-animation-name: fadeInUpSmaller; animation-name: fadeInUpSmaller; } @-webkit-keyframes fadeInUpSmallest { from { opacity: 0; transform: translate3d(0, 0.6em, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInUpSmallest { from { opacity: 0; transform: translate3d(0, 0.6em, 0); } to { opacity: 1; transform: none; } } .fadeInUpSmallest { -webkit-animation-name: fadeInUpSmallest; animation-name: fadeInUpSmallest; } @-webkit-keyframes fadeOutUpSmallest { from { opacity: 1; transform: none; } to { opacity: 0; transform: translate3d(0, -0.6em, 0); } } @keyframes fadeOutUpSmallest { from { opacity: 1; transform: none; } to { opacity: 0; transform: translate3d(0, -0.6em, 0); } } .fadeOutUpSmallest { -webkit-animation-name: fadeOutUpSmallest; animation-name: fadeOutUpSmallest; } @-webkit-keyframes fadeInDownSmallest { from { opacity: 0; transform: translate3d(0, -0.6em, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInDownSmallest { from { opacity: 0; transform: translate3d(0, -0.6em, 0); } to { opacity: 1; transform: none; } } .fadeInDownSmallest { -webkit-animation-name: fadeInDownSmallest; animation-name: fadeInDownSmallest; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; 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; transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { 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 { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { 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 { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { 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 { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { 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 { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { 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; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; 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; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; 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; 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; 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; 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; 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; 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; 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; 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; 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; 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; 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; 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; 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; 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; 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; 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; 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; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; 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; 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; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); 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; 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; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); 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; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; 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; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); 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; 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; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); 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 { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .margin-bottom, .shows__item { margin-bottom: 32px; } @media (max-width: 768px) { .margin-bottom, .shows__item { margin-bottom: 16px; } } .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 { align-items: center; display: flex; flex-direction: row; justify-content: center; } .center-center--col { align-items: center; display: flex; flex-direction: column; 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: flex; align-items: center; justify-content: center; } .height-100 { height: 100%; } .no-gutters { padding-left: 0; padding-right: 0; } html { box-sizing: border-box; } *, *:before, *:after { 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; } @-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); } } html, body { font-size: 100%; } body { line-height: 1; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-size: 16px; color: #333; } .font--regular, .shows__item__info p, body, body p { font-style: normal; font-weight: 400; } .font--medium, .show-info-nav .show-info-nav__item, .show-info-nav .nav-item .nav-link.active, .show-info__meta .show-info__meta__item .show-info__meta__item__label, .no_local_shows-title, .shows__item__date .show__content__date__month, h6, h5 { font-style: normal; font-weight: 500; } .font--semibold, .status__label, .modal .lead, h4 { font-family: "Platform Web", sans-serif; font-style: normal; font-weight: 500; } .font--bold, h3.shows__item__info__title, .shows__item__date .show__content__date__day, 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: .3em; color: #191818; } 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: #333; } /* p.small { font-size: 13px; } */ .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: #191818; 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-size: 14px; font-weight: 700; letter-spacing: 0.3px; text-transform: uppercase; margin-bottom: 16px; color: #191818; } @media (min-width: 769px) { .rt-tag { font-size: 14px; margin-bottom: 32px; } } .rt-preamble, article p.rt-preamble { font-size: 18px; font-weight: 500; line-height: 1.5; margin-bottom: 16px; max-width: 730px; color: #191818; } @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-size: 16px; line-height: 1.5; margin-bottom: 24px; max-width: 730px; } .rt-p-small { font-size: 16px; line-height: 1.4; } .rt-textlink { 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%; transform: translateY(-50%); margin-left: 10px; transition: margin 0.2s ease-in-out; } .rt-textlink:hover { color: #E94190; } .rt-textlink:hover:after { margin-left: 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 { transition: 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%; 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 { 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; transition: .15s; } #swipebox-prev:hover, #swipebox-next:hover, #swipebox-close:hover { transform: scale(0.95); } #swipebox-prev:focus, #swipebox-next:focus, #swipebox-close:focus { transform: scale(0.95); } #swipebox-prev:active, #swipebox-next:active, #swipebox-close:active { 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; transition: all .3s ease; content: ' '; position: absolute; z-index: 999; top: 0; height: 100%; width: 20px; opacity: 0; } .swipebox-touch #swipebox-container:before { left: 0; box-shadow: inset 10px 0px 10px -8px #656565; } .swipebox-touch #swipebox-container:after { right: 0; 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: .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%; 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 { transform: scale(1); } .modal.show .modal-dialog { transform: scale(1); } @media (max-width: 576px) { .modal.modal.fade { opacity: 1 !important; } .modal--search.modal .modal-dialog { background-color: white; min-height: 0 } .modal--search .modal-dialog { min-height: 0!important; } .modal--search.modal .modal-body, .modal--search.modal .modal-footer { padding-left: 0!important; padding-right: 0!important; padding-bottom: 0!important; } } .modal-body__btn { margin-top: 24px; } .modal-body__links { margin-top: 32px; font-weight: 500; } .modal.fade .modal-dialog { transform: scale(1) translate(0%, -100%) !important; opacity: 1 !important; } .modal.show .modal-dialog { transform: scale(1) translate(0%, 0%) !important; opacity: 1 !important; } .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 { 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; } } .filter-multi { background-color: #fff; padding: 0; margin: 0; list-style: none; 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; position: -webkit-sticky; position: sticky; top: 16px; margin-bottom: 24px; margin-left: -24px; margin-right: -24px; } } @media (min-width: 769px) { .filter-multi.mobile { display: none; } } @media (min-width: 769px) { .filter-multi__inner { display: flex; } } .filter-multi__outer { border-top: 1px solid #E0E0E0; padding: 12px 16px; } .filter-multi__section { border-right: 1px solid #E0E0E0; flex: 1; position: relative; } .filter-multi__section:last-child { border: 0; } .filter-multi__section.smaller { flex: 0 1 0; display: flex; } .filter-multi__section--datepicker { position: relative; } .filter-multi__section--datepicker .filter-multi__button { height: 68px; } .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: 68px; padding: 38px 24px 16px; background: transparent; font-size: 16px; } .filter-multi__button { padding: 16px 56px 16px 24px; border: 0; transition: none; text-align: left; position: relative; width: 100%; background-color: #fff; } .filter-multi__button:hover, .filter-multi__button:focus { transform: none; outline: none; } .filter-multi__button:after { content: ''; background-image: url("../../icons/angle-down__black.svg"); background-repeat: no-repeat; background-size: contain; width: 16px; height: 10px; position: absolute; right: 24px; bottom: 20px; transition: transform 0.2s ease-in-out; } .active .filter-multi__button:after { transform: rotate(180deg); } .search-choice-close { position: absolute; right: 48px; top: 40px; } .filter-multi__button__label { font-size: 12px; font-weight: 500; line-height: 1.3; text-transform: uppercase; display: block; margin-bottom: 5px; letter-spacing: 0.03em; } .filter-multi__button__text { font-size: 16px; line-height: 1.3; letter-spacing: 0.03em; } .filter-multi__section.disabled .filter-multi__button { opacity: 0.5; cursor: not-allowed; } .filter-multi__openbtn { padding: 16px 24px 16px; border: 0; transition: none; text-align: left; position: relative; width: 100%; background-color: #fff; margin-top: -16px; } .filter-multi__openbtn:hover, .filter-multi__openbtn:focus { transform: none; outline: none; } @media (min-width: 769px) { .filter-multi__openbtn { display: none; } } .filter-multi__openbtn:after { content: ''; background-image: url("../../icons/angle-down__black.svg"); background-repeat: no-repeat; width: 18px; height: 10px; position: absolute; right: 24px; bottom: 21px; transition: transform 0.2s ease-in-out; } .filter-multi__section__link { display: inline-block; padding: 16px 24px; } @media (min-width: 769px) { .filter-multi__section__link { width: 109px; display: flex; align-items: center; justify-content: center; flex-direction: column; } } .filter-multi__section__link:hover { color: #000; } .filter-multi__section__link:hover:before { transform: translateX(3px); } @media (min-width: 769px) { .filter-multi__section__link:before { content: ""; background-image: url("../../icons/arrow-right__black.svg"); background-repeat: no-repeat; background-size: contain; width: 14px; height: 13px; display: block; margin-bottom: 4px; transition: transform 0.3s ease-in-out; } } .filter-multi__item { width: 100%; padding: 4px 4px 0; background: #fff; border-radius: 2px; position: relative; opacity: 0; visibility: hidden; margin-top: 1px; position: absolute; box-shadow: 0 2px 4px 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 { min-width: 300px; } } .filter-multi__item__search { padding: 8px 8px 0; } .filter-multi__item__search input { border: 0; border-radius: 2px; background-color: #EDEDED; color: #666666; height: 48px; padding-left: 16px; padding-right: 16px; transition: background-color 0.2s ease-in-out; background-image: url("../../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__item__switch { letter-spacing: 0.03em; } .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: 272px; overflow: scroll; margin-top: 4px; } .filter-multi__item__list + .filter-multi__item__divider { margin-top: 0; } .filter-multi__item__list__item a { text-decoration: none; border-bottom: 1px solid #F7F7F7; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; display: block; letter-spacing: 0.03em; } .filter-multi__item__list__item a:hover { color: #000; background-color: #f7f7f7; } .filter-multi__item__list__item:last-child a { border: 0; } .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__checkbox__label { padding-top: 8px; padding-bottom: 8px; background-color: transparent; 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: flex; align-items: center; transition: color .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%; transform: translateY(-50%); left: 8px; width: 20px; height: 20px; border-radius: 2.5px; border: 1px solid #ccc; background-color: #fff; 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%; 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%; transition: transform 0.1s ease; } .filter-multi__checkbox:not(:checked) + .filter-multi__checkbox__label:after { opacity: 0; transform: scale(0.5); transform-origin: center; } .filter-multi__checkbox:checked + .filter-multi__checkbox__label:after { opacity: 1; transform: translateY(-50%) scale(1); } .filter-multi__item__switch { margin-right: 16px; } .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: 36px; cursor: pointer; margin-bottom: 0; transition: color .15s ease; font-size: 16px; color: #000; } @media (min-width: 769px) { .filter-multi__switch:checked + .filter-multi__switch__label, .filter-multi__switch:not(:checked) + .filter-multi__switch__label { font-size: 12px; } } .filter-multi__switch:checked + .filter-multi__switch__label:before, .filter-multi__switch:not(:checked) + .filter-multi__switch__label:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; cursor: pointer; background-color: #D1D1D0; transition: right 0.2s ease-in-out, background-color 0.2s ease-in-out; border-radius: 30px; width: 28px; height: 16px; } .filter-multi__switch:checked + .filter-multi__switch__label:after, .filter-multi__switch:not(:checked) + .filter-multi__switch__label:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 13px; cursor: pointer; height: 12px; width: 12px; background-color: #fff; 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: #DC2141; } .filter-multi__switch:checked + .filter-multi__switch__label:after { right: 3px; } .daterangepicker { border: 0; border-radius: 2px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); margin-top: 5px; margin-left: -24px; padding: 32px; 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; 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 { 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: flex; justify-content: space-between; padding: 24px 8px 0; } .daterangepicker.show-calendar .drp-buttons .btn { margin: 0; } .daterangepicker.show-calendar .drp-buttons .cancelBtn { border: 0; background: transparent; transition: none; font-size: 14px; color: #333333; font-weight: 400; padding: 0; min-width: auto; text-transform: none; letter-spacing: 0.5px; text-decoration: underline !important; height: 40px; padding: 8px 0; line-height: 1.2; } .daterangepicker.show-calendar .drp-buttons .cancelBtn:hover, .daterangepicker.show-calendar .drp-buttons .cancelBtn:focus { outline: none; transform: none; } .daterangepicker.show-calendar .drp-buttons .applyBtn { height: 40px; padding: 8px 20px; line-height: 1.2; font-size: 14px; font-weight: 500; letter-spacing: 1px; min-width: auto; background: #DC2141; color: #fff; text-transform: none; } .daterangepicker .drp-selected { display: none; } .daterangepicker td.in-range { background-color: rgba(220, 33, 65, 0.2); } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #DC2141; } .filter-multi__datepicker__modal { z-index: 9999; } .filter-multi__datepicker__modal .modal-header { padding: 0; height: 50px; } .filter-multi__datepicker__modal .modal-dialog { flex-direction: column; margin: 0; } .filter-multi__datepicker__modal .modal-body { width: 100%; } .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: flex; height: 100%; } .filter-multi.mobile__active { -webkit-overflow-scrolling: touch; display: flex; flex-direction: column; } .filter-multi.mobile__active .filter-multi__section { border-bottom: 1px solid #E0E0E0; border-right: 0; } .filter-multi.mobile__active .filter-multi__section:first-child { border-top: 1px solid #E0E0E0; } .filter-multi.mobile__active .filter-multi__item { position: relative; 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; flex-grow: 2; } .filter-multi__section__select { border: 0; font-size: 16px; letter-spacing: 0.2px; color: #000; padding: 16px 24px; height: auto; background-image: url(../../icons/angle-down__black.svg); background-repeat: no-repeat; background-position: 92% 50%; background-size: 12px; } .filter-multi__section__datepicker input { background: transparent; border: 0; font-size: 16px; letter-spacing: 0.2px; color: #000; padding: 16px 24px; height: auto; background-image: url(../../icons/angle-down__black.svg); background-repeat: no-repeat; background-position: 92% 50%; background-size: 12px; } .filter-multi__item__switch { padding: 16px 24px; font-size: 16px; border-bottom: 1px solid #E0E0E0; margin-right: 0; } .filter-multi__item__switch:last-child { border-bottom: 0; } } .btn--secondary { background: transparent; border: 1px solid #999; text-transform: none; letter-spacing: 1px; padding: 20px 24px 20px; border-radius: 6px; height: auto; line-height: 1; min-width: auto; } @media (min-width: 769px) { .btn--secondary { padding-left: 40px; padding-right: 40px; } } .btn--secondary:hover { background: transparent; border-color: #000; color: #000; } .viewing-options { display: flex; justify-content: flex-end; margin-bottom: 16px; margin-top: 16px; } @media (min-width: 769px) { .viewing-options { margin-top: 0; } } .viewing-options .viewing-options__item { opacity: 0.7; display: flex; align-items: center; color: #000; margin-left: 24px; } .viewing-options .viewing-options__item.active { opacity: 1; } .viewing-options .viewing-options__item:hover { opacity: 1; } .icon-grid-view { background-image: url(../../icons/grid-black.svg); width: 12px; height: 12px; display: inline-block; } .icon-list-view { background-image: url(../../icons/list-black.svg); background-repeat: no-repeat; width: 14px; height: 10px; display: inline-block; } .hero .main-header__caption { z-index: 1 !important; } .shows__wrapper { background-color: #F6F4F2; padding-top: 80px; padding-bottom: 80px; } .shows__wrapper.fullpage { padding-top: 128px; } .shows__wrapper h3 { margin-bottom: 24px; } .shows__wrapper .row + h3 { margin-top: 8px; } .shows__wrapper__heading { font-size: 48px; margin-bottom: 16px; } .shows__wrapper__heading--start { font-size: 40px; margin-bottom: 32px; margin-top: 32px; } .shows__wrapper__preamble { font-size: 16px; color: #333; margin-bottom: 40px; line-height: 1.2; } @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; display: inline-block; } .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; } .shows__item__img:hover .shows__item__img__inner { transform: scale(1.04); } .shows__item__img__inner { background-size: cover; position: relative; display: block; background-position: center; height: 100%; width: 100%; transition: transform .3s ease-in-out; } /* 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__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 a:hover { color: #000; } .shows__item__info .shows__item__info__producer { margin-top: 12px; } .shows__item__info .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; } .shows__wrapper__noresults { font-size: 16px; color: #000; margin-left: auto; margin-right: auto; } h3.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: ""; } .list-view .shows__item { flex: 0 0 100%; max-width: 100%; display: flex; border-bottom: 1px solid #E3E3E3; margin-bottom: 20px; padding-bottom: 20px; } .row.list-view .shows__item__img .set { display: none } .list-view .shows__item:hover .shows__item__info__title { transform: translateX(4px); } .list-view .shows__item:last-child { border-bottom: 0; margin-bottom: 32px; } .list-view .shows__item__img { border-radius: 0; height: 56px; width: 56px; } .list-view .shows__item__date { margin-top: 0; margin-left: 0; height: 56px; width: 56px; } .list-view .show__content__date__day { font-size: 24px; } .list-view .show__content__date__month { line-height: 15px; } .list-view .shows__item__img__inner { display: none; } .list-view .shows__item__info { margin-top: 0; padding-left: 24px; display: flex; flex-wrap: wrap; flex: 1; margin-bottom: 0; } .list-view .shows__item__info a { flex: 0 0 100%; } .list-view .shows__item__info .shows__item__info__title { margin-bottom: 8px; transition: transform 0.2s ease-in-out; } @media (min-width: 480px) { .list-view .shows__item__info p:after { content: "โข"; margin-left: 8px; margin-right: 8px; display: inline-block; } .list-view .shows__item__info p:last-child:after { content: ""; } } .list-view .shows__item__info .shows__item__info__producer { margin-top: 0; } .sidebar .sidebar__inner .btn--copy span:before { background-repeat: no-repeat; } @media (min-width: 0) and (max-width: 769px) { .start-page.page-content .main-header .main-header__bg { top: 64px; bottom: 124px; bottom: 0; } } .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; } @media (max-width: 992px) { .show__content { padding-right: 15px; } } .show__content .show__content__heading { display: flex; align-items: center; } .show__content .show__content__heading .show-rating-wrapper { justify-content: flex-end; } .show__content .show__content__heading .date { text-transform: uppercase; } @media (max-width: 992px) { .show__content .show__content__heading { 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 { justify-content: flex-start; } .show__content .show__content__heading .show-rating { margin-right: auto; margin-left: 0; margin-bottom: 8px; 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 { justify-content: center; } .show__content .show__content__heading .show-rating { margin-right: auto; margin-left: auto; flex: auto; } } .show-rating { flex: 0 0 160px; margin-left: auto; } .show-rating-wrapper { display: flex; 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: flex; align-items: center; margin-bottom: 12px; } .reviews .review-item .review-item__heading .review-item__heading__title { display: flex; 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: #191818; } .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: 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: 16px; color: #191818; } .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; } .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; transform: translate(0%, -200%); transition: transform .2s linear; } .show-info-nav.show { 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; } .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 { margin-top: 24px; } .biljettinfo p { font-size: 15px; line-height: 1.5; } #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; 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 { align-items: center; } .show-info-bar .col:last-child { 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; } #showInfo .biljettinfo span { display: block; font-size: 16px; font-weight: bold; margin-bottom: 8px; } .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; } #membership.restyled .radio-label span { font-size: 16px; line-height: 19px; color: #333333; position: relative; top: 3px; } #membership.restyled .radio-label:before { background: #fff; border: 1px solid #D9DADC } #membership.restyled .divider { height: 1px; background: #ECECEC; margin: 32px 0; } #membership.restyled input[type=radio]:checked + label:before, #membership.restyled input[type=checkbox]:checked + label:before { content: '\e80E'; font-family: "fontello"; color: #fff; font-size: 12px; text-align: center; line-height: 24px; background-color: #1BABCE; border-color: #1BABCE; padding-left: 1px; } #membership.restyled .input-label span { font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; color: #333333; margin-bottom: 8px; display: inline-block; } #membership.restyled input[type="text"], #membership.restyled input[type="email"], #membership.restyled input[type="number"], #membership.restyled input[type="number"], #membership.restyled input[type="tel"] { padding: 9px 12px; background: #fff; border: 1px solid #D9DADC; box-sizing: border-box; border-radius: 3px; font-size: 16px; height: 40px; } #membership.restyled .input-holder + .divider { margin-top: 16px } #membership.restyled .radio-button { display: inline-block; margin: 0 50px 20px 0; position: relative; } .error-notification { color: red !important; font-size: 13px !important; position: absolute; bottom: -14px; margin-bottom: 0 !important; line-height: 13px !important; } #membership.restyled p a, #membership.restyled p a:hover { color: #DC2141; text-decoration: underline; } .d-flex { display: -webkit-flex; display: flex } .justify-content-between { justify-content: space-between; } #membership.restyled .half { width: 49%; position: relative; } #membership.restyled .input-holder { padding-bottom: 18px } #membership.restyled select { position: relative; display: block; border-radius: 3px; border: 1px solid #D9DADC; padding: 9px 12px; height: 40px; font-size: 16px; color: #333333; 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 10px no-repeat; background-size: 24px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #membership.restyled h3, #membership.restyled h2.title { font-style: normal; font-weight: 500; font-size: 19px; line-height: 22px; color: #333333; margin-bottom: 9px; } #membership.restyled p { font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #333333; } #membership.restyled .input-holder p a { color: red !important; text-decoration: underline; } #membership.restyled .disabled { opacity: 0.2; pointer-events: none; cursor: default; -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } #membership.restyled label[for="has-family-members"] { margin-bottom: 17px } #membership.restyled label[for="has-family-members"] span { font-weight: 500 } #membership.restyled button[type="submit"] { font-style: normal; font-weight: 500; font-size: 16px; min-width: 160px; line-height: 19px; } #membership.restyled .title { font-size: 32px; font-weight: 900 !important; } .add-more { text-align: right; margin-top: 15px; } .add-more .button { cursor: pointer; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: flex-end; } .add-more svg { margin-right: 10px } .restyled label { display: block; margin-bottom: 0; position: relative; } .medlemsnummer { display: block; padding-right: 10px } .one-line label:first-of-type { min-width: 49%; margin-right: 8px } .one-line { padding-bottom: 16px !important; } .one-line input { margin-bottom: 0 } .one-line label:nth-child(2) { min-width: 36%; margin-right: 8px } .error-spec p { color: #DC2141 !important; margin-top: 6px !important; margin-bottom: 6px !important; } .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; } .excerpt p { font-style: normal; font-weight: normal; font-size: 12px !important; line-height: 14px !important; } .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: #333333; 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 .subheading { text-transform: capitalize; font-style: normal; font-weight: 500; font-size: 19px; line-height: 22px; letter-spacing: 0; margin-bottom: 9px; } .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; } .restyled .form-block { padding-top: 16px } #membership.restyled .multiple { margin-bottom: 0 } #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%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-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; } .excerpt p.family-member-type { font-size: 15px !important; line-height: 23px !important; margin-top: 0 !important; font-weight: 600 !important; } #membership.restyled .multiple + .multiple > .accordion { border-top: none !important } @media screen and (max-width: 768px) { .restyled .half { width: 100% !important; position: relative; } #membership.restyled button[type="submit"] { font-size: 12px !important; } .restyled .half + .half { margin-top: 18px; } .restyled .input-holder > .d-flex { display: block !important } #membership.restyled .input-holder.one-line { display: block !important } #membership.restyled .input-holder.one-line label { margin-bottom: 16px !important; } } /*# sourceMappingURL=style-new.css.map */ #skiptocontent { position: relative; -webkit-transition: height .2s ease-out; transition: height .2s ease-out; z-index: 100; height: 0; display: flex; align-self: center; justify-content: center; overflow: hidden; font-weight: bold; background: #1b1b1b; color: #fff; } #skiptocontent:focus { height: 50px; outline-color: transparent; -webkit-transition: height .2s ease-in; transition: height .2s ease-in; } #skiptocontent span { display: flex; align-items: center; } .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; } /*adding new header styles to old templates*/ @media screen and (min-width: 768px) { .offcanvas-start { min-width: 600px; } } .offcanvas.show { -webkit-transform: none; transform: none; display: -webkit-flex !important; display: flex !important; } .rt-nav.show .nav-item, .rt-header .rt-header__item, .rt-header.headroom--not-top .navbar-brand svg:last-child { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .rt-nav.offcanvas { background-color: #000000; color: #ffffff; bottom: 0; } .offcanvas-start { width: 440px; border-right: 0; } .offcanvas { bottom: auto; } .offcanvas-start { top: 0; left: 0; width: 400px; border-right: 0 solid rgba(0, 0, 0, 0.2); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .nav-link { font-family: "Platform Web"; font-weight: 400; font-style: normal; font-stretch: normal; letter-spacing: 0.05em; } .offcanvas-header .btn-close { padding: 1.5rem 1.5rem; margin-top: -1.5rem; margin-right: -1.5rem; margin-bottom: -1.5rem; } .offcanvas .btn, .rt-header .btn { display: inline-block; font-weight: 500; line-height: 1.5; color: #000; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; /*border: 1px solid transparent;*/ /*padding: 12px 28px;*/ font-size: 1.1em; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: #000; background: transparent url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") center/1em auto no-repeat; border: 0; border-radius: 0; opacity: 1; } .btn-close:hover { background: transparent url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") center/1em auto no-repeat; } .rt-nav.offcanvas .btn-close { -webkit-filter: invert(1) grayscale(100%) brightness(200%); filter: invert(1) grayscale(100%) brightness(200%); } .rt-nav.offcanvas .btn-close { padding: 0; height: 48px; width: 48px; min-width: 0; margin: 0; } .accordion-menu .dropdown .dropdown-menu { background-color: transparent; padding-bottom: 32px; margin-top: 0; } .accordion-menu .dropdown .dropdown-menu .dropdown-item { color: #b2aeae; font-family: "Platform Web"; line-height: 1.5; letter-spacing: 0.05em; } .dropdown-menu.show { display: block; } .accordion-menu .dropdown .dropdown-menu a { padding-left: 0; padding-right: 0; } .offcanvas { position: fixed; bottom: 0; z-index: 1045; display: flex; flex-direction: column; max-width: 100%; visibility: hidden; background-color: #fff; background-clip: padding-box; outline: 0; box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%); 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; } .rt-nav.offcanvas .offcanvas-header { height: 104px; flex: 0 0 104px; } @media screen and (min-width: 768px) { .offcanvas-header { padding: 32px; } } .offcanvas-header { align-items: center; display: flex; padding: 24px; justify-content: space-between; } .accordion-button:focus { z-index: 3; border-color: none; outline: 0; box-shadow: 0; } .accordion-button:hover { z-index: 2; } .offcanvas.show { -webkit-transform: none; transform: none; } button:focus:not(:focus-visible) { outline: 0; } .accordion-button:not(.collapsed) { color: inherit; background-color: transparent; box-shadow: inset 0 0 0 rgb(0 0 0 / 13%); } @media (min-width: 576px) { .offcanvas-body, .modal--search .modal-dialog { max-width: 540px; } .offcanvas-body, .modal--search .modal-dialog { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; } } @media (min-width: 768px) { .offcanvas-body, .modal--search .modal-dialog { max-width: 720px; } } @media (min-width: 992px) { .offcanvas-body, .modal--search .modal-dialog { max-width: 960px; } } .offcanvas-body { flex-grow: 1; padding: 3rem 3rem; overflow-y: auto; justify-content: space-between; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: 0.5rem; padding-bottom: 0.5rem; } .nav-link:hover:not(.active) { text-decoration: underline; -webkit-text-decoration: underline white 2px; text-decoration: underline white 2px; -webkit-text-decoration-line: underline; -webkit-text-decoration-color: white; -webkit-text-decoration-style: solid; -webkit-text-decoration-thickness: 2px; } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .dropdown:after { content: '' !important; } .nav-link { transition: opacity 0.1s ease; -webkit-user-select: none; -moz-user-select: none; user-select: none; } /*.accordion-menu .nav-link {*/ /* padding-left: 0;*/ /* padding-right: 0;*/ /* padding-top: 14px;*/ /* display: block;*/ /* padding-bottom: 14px;*/ /*}*/ .rt-nav .navbar--main .nav-link { color: #ffffff; font-size: 28px; display: block; margin: 0; font-weight: bold; } .accordion-menu { padding: 0; } .rt-nav .navbar-nav { width: 100%; } .accordion-menu .navbar-nav { width: 100%; } .rt-nav.show .nav-item { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .rt-nav.show .nav-item { --animate-duration: .8s; } .rt-nav.show .nav-item:nth-child(1) { -webkit-animation-delay: 0.07s; animation-delay: 0.07s; } .rt-nav.show .nav-item:nth-child(2) { -webkit-animation-delay: 0.14s; animation-delay: 0.14s; } .rt-nav.show .nav-item:nth-child(3) { -webkit-animation-delay: 0.21s; animation-delay: 0.21s; } .rt-nav.show .nav-item:nth-child(4) { -webkit-animation-delay: 0.28s; animation-delay: 0.28s; } .rt-nav.show .nav-item:nth-child(5) { -webkit-animation-delay: 0.35s; animation-delay: 0.35s; } .accordion-menu .navbar-nav .nav-item:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: 0.5rem; padding-bottom: 0.5rem; } .mt-auto { margin-top: auto !important; } .rt-nav .navbar--secondary { padding-top: 48px; } .rt-nav .navbar--secondary .nav-link { color: #ffffff; font-size: 15px; padding-top: 4px; padding-bottom: 4px; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1.7rem 2rem; font-size: 1rem; color: inherit; text-align: left; background-color: transparent; border: 0; border-radius: 0; overflow-anchor: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease, -webkit-transform 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out, border-radius 0.15s ease; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out, border-radius 0.15s ease, -webkit-transform 0.15s ease-in-out; } .accordion-menu .dropdown .accordion-button { position: absolute; right: 0; top: 4px; width: 48px; height: 48px; padding: 0; } .accordion-menu .dropdown .accordion-button:before { content: ""; border-left: 1px solid rgba(255, 255, 255, 0.15); height: 32px; } .accordion-button:not(.collapsed) { color: inherit; background-color: transparent; box-shadow: inset 0 0 0 rgb(0 0 0 / 13%); } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .accordion-button::after { flex-shrink: 0; width: 28px; height: 28px; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 28px; 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; } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z'/%3E%3C/svg%3E"); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .accordion-menu .dropdown .accordion-button { display: flex !important; } .accordion-menu .dropdown .accordion-button:after { width: 24px; height: 24px; margin: 0 auto; background-size: 24px; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z'/%3E%3C/svg%3E"); -webkit-filter: invert(100%); filter: invert(100%); } .dropdown-item:focus { background: transparent; border: none; outline: none; } .accordion-menu .dropdown .accordion-button.show:after { width: 24px; height: 24px; margin: 0 auto; background-size: 24px; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z'/%3E%3C/svg%3E"); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .rt-nav .navbar--secondary { padding-left: 0; } .rt-nav .navbar--secondary .nav-link { color: #ffffff; font-size: 15px; padding-top: 4px; line-height: 1.5; padding-bottom: 4px; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav > .nav-link { letter-spacing: normal; } .fade { transition: opacity 0.15s linear; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.5; } .offcanvas-backdrop { background-color: rgba(0, 0, 0, 0.3); } .offcanvas-backdrop.show { opacity: 1; } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .offcanvas-backdrop { background-color: rgba(0, 0, 0, 0.3); } .rt-header { height: 64px; position: absolute; top: 0; left: 0; right: 0; z-index: 50; pointer-events: none; background-color: #000000; } @media screen and (min-width: 992px) { .rt-header { /*background-color: transparent;*/ height: 104px; } } .filter-multi.desktop { -webkit-transition: top 0.25s ease-in-out; -moz-transition: top 0.25s ease-in-out; -ms-transition: top 0.25s ease-in-out; -o-transition: top 0.25s ease-in-out; transition: top 0.25s ease-in-out; } .headroom--pinned + .shows__wrapper .filter-multi.desktop { top: 80px; -webkit-transition: top 0.25s ease-in-out; -moz-transition: top 0.25s ease-in-out; -ms-transition: top 0.25s ease-in-out; -o-transition: top 0.25s ease-in-out; transition: top 0.25s ease-in-out; } footer *,header * { -webkit-font-smoothing: antialiased; } .forestallningar-template .shows__wrapper.fullpage { padding-top: 100px; } @media screen and (min-width: 992px) { .transparent-header .rt-header { background-color: transparent; } } .relative-header .navbar { background-color: #000000; } .rt-header.headroom { position: -webkit-sticky; position: sticky; will-change: transform; transition: all 0.25s ease-in-out; } /*#page-wrapper {*/ /* background: #F6F4F2*/ /*}*/ .rt-header.headroom--top { opacity: 1; } .rt-header.headroom--pinned { -webkit-transform: translateY(0%); transform: translateY(0%); } .accordion-menu .dropdown .dropdown-menu a:hover { background-color: transparent; text-decoration: underline; } .accordion-menu .dropdown .dropdown-menu .dropdown-item:active { background-color: transparent; } .accordion-menu .dropdown .dropdown-menu .dropdown-item:hover { text-decoration: none; opacity: 1; color: #fff; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: 0.5rem; padding-bottom: 0.5rem; } .rt-header .navbar { transition: all 0.25s linear; } .rt-header > .navbar { height: 100%; } .rt-menu { z-index: 40; } .rt-header .container-fluid { max-width: 100%; } .rt-header .rt-menu { pointer-events: all; } .rt-header button { min-width: 0; } .rt-header .btn { display: inline-block; font-weight: 500; line-height: 1.5; color: #000; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 12px 28px; font-size: 1.1em; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } } .rt-header .rt-menu button.rt-menu__link { padding: 0; width: 40px; height: 40px; cursor: pointer; transition: opacity 0.1s ease; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } .rt-header .rt-menu button.rt-menu__link:hover { opacity: 0.6; background: transparent; } .rt-header .rt-menu button.rt-menu__link { padding: 0; width: 40px; height: 40px; cursor: pointer; transition: opacity 0.1s ease; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0; } .list-group-horizontal { flex-direction: row; } .rt-header .rt-menu .list-group { display: none; border-radius: 0; color: white; padding-left: 8px; margin-left: 8px; } @media screen and (min-width: 992px) { .rt-header .rt-menu .list-group { display: flex; } } @media screen and (min-width: 992px) { .rt-header .rt-menu .list-group { border-left: 1px solid rgba(255, 255, 255, 0.15); } } .list-group-item { position: relative; display: block; padding: 0.5rem 1rem; color: inherit; text-decoration: none; background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0; border-top-right-radius: 0; } .rt-header .rt-menu .list-group .list-group-item { padding: 0; margin: 0 12px; border: none; line-height: 1.5; } .rt-header ul li,.rt-header ol li { line-height: inherit!important; } .rt-header .rt-menu a.rt-menu__link { margin: 0; padding: 8px 0 !important; color: white; text-decoration: none; font-size: 20px; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; font-family: 'Platform Web'; font-weight: 700; display: inline-block; } .rt-header.headroom--unpinned { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .rt-header .rt-menu a.rt-menu__link:before { content: ""; height: 2px; left: 0; bottom: 0; position: absolute; transition: width 0.3s cubic-bezier(0.645, 0.045, 0.345, 1) 0ms; width: 0; opacity: 0; background-color: currentColor; } .rt-header .rt-menu a.rt-menu__link:hover:before { opacity: 1; width: 100%; } .navbar-brand { padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap; } .navbar-brand { transition: opacity ease-in-out 0.15s; } .rt-header .navbar-brand { pointer-events: all; margin-right: 0; } .rt-header .navbar-brand svg { transition: opacity 0.25s ease-in-out; } .rt-header .navbar-brand svg { height: 20px; } @media screen and (min-width: 992px) { .rt-header .navbar-brand svg { height: 64px; } } .rt-header .navbar-brand svg:first-child { position: fixed; right: 24px; top: 24px; } .rt-header .navbar-brand svg:last-child { height: 20px; } /*HEADROOM*/ .rt-header.headroom { position: -webkit-sticky; position: sticky; will-change: transform; transition: all 0.25s ease-in-out; } .rt-header.headroom--top { opacity: 1; } .rt-header.headroom--pinned { -webkit-transform: translateY(0%); transform: translateY(0%); } .rt-header.headroom--not-top { pointer-events: none; background-color: #000000; } .rt-header { background-color: #000000 !important; } .rt-header.headroom--not-top { background-color: transparent !important; } .rt-header.headroom--not-top .navbar-brand svg:first-child { opacity: 0; } .rt-header.headroom--not-top { background-color: #000000 !important; height: 64px; } .rt-header.headroom--not-top .navbar-brand svg:last-child { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .rt-header.headroom--not-top .navbar-brand svg:last-child { display: block !important; } @media screen and (min-width: 992px) { .rt-header.headroom--not-top .navbar-brand svg:last-child { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadeIn; animation-name: fadeIn; } } .rounded-pill, .floating-grid__item, .filters-button-group .button { border-radius: 50rem !important; } .modal--search .modal-content { overflow: hidden; border-radius: 0 !important; } .modal--search.modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } .modal--search.modal.show .modal-dialog { -webkit-transform: none !important; transform: none !important; } .modal--search .modal-body { margin-top: 0; margin-bottom: 0; } .modal--search .modal-body { padding: 0; } .modal--search .modal-body { padding: 0; } .modal--search input { margin-top: 0; margin-bottom: 1rem; } .modal--search input { margin-bottom: 0; opacity: 1; line-height: 1.5; font-size: 16px; } .modal--search input { border: none; color: black; border: 0; background: none; padding: 24px 24px 24px 56px; } .modal--search .modal--search__textfield { font-family: "Platform Web"; font-weight: 400; font-style: normal; font-stretch: normal; letter-spacing: 0.05em; height: auto; } .modal--search .modal--search__textfield { border: none; width: 100%; line-height: 1.5; font-size: 16px; padding: 32px 96px 32px 32px; background: none; opacity: 1; } @media screen and (min-width: 992px) { .modal--search .modal--search__textfield { font-size: 18px; } } .modal--search .modal--search__btn { right: 0; height: 48px; width: 48px; border-radius: 40px; } .modal--search .modal--search__btn { background-color: #000000; color: #ffffff; position: absolute; border: 0; right: 24px; margin: 0; display: flex; justify-content: center; align-items: center; transition: all ease-in-out 0.15s; } .modal--search .modal--search__btn svg { height: 20px; width: 20px; } .modal--search .modal-dialog { margin-top: 24px; } @media (min-width: 1400px) { .modal--search .modal-dialog { max-width: 1280px; } } @media (min-width: 1600px) { .modal--search .modal-dialog { max-width: 1440px; } } .modal--search.modal { position: fixed; top: 0; left: 0; z-index: 1055; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } /*.rt-header.rt-header--invert:not(.headroom--not-top) {*/ /* -webkit-filter: invert(100);*/ /* filter: invert(100);*/ /*}*/ @media screen and (max-width: 575.98px) { .offcanvas-body, .modal--search .modal-dialog { padding-left: 24px; padding-right: 24px; } } @media screen and (min-width: 768px) { .offcanvas-header { padding: 32px; } } .text-reset { --bs-text-opacity: 1; color: inherit !important; } footer { position: relative; padding-top: 40px; padding-bottom: 40px; } @media screen and (min-width: 992px) { footer { padding-top: 80px; padding-bottom: 80px; } } .rt-footer { border-color: rgba(255, 255, 255, 0.1); bottom: 0; padding-bottom: 56px; padding-top: 80px; text-align: center; background-color: #482683; color: #fff; } @media screen and (min-width: 768px) { .rt-footer { text-align: left; padding-top: 120px } } footer h5 { font-size: 20px; line-height: 1.3; font-weight: 700; word-wrap: normal; color: #fff; font-family: "Platform Web"; } @media screen and (min-width: 992px) { footer h5 { font-size: 24px; } } .list-unstyled { padding-left: 0; list-style: none; } footer ul li { line-height: 1.5; } /* .rt-footer a { text-decoration: none; transition: opacity 0.15s ease; padding: 4px 0; display: block; color: #fff; font-size: 14px; font-weight: 400; font-style: normal; font-stretch: normal; letter-spacing: 0.05em; line-height: 21px; font-family: "Platform Web"; } */ footer .ms-auto { margin-left: auto !important; } footer svg { vertical-align: middle; } footer .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0; } footer .list-group-horizontal { flex-direction: row; } .rt-footer .socialmedia .socialmedia__item svg { height: 56px; width: 56px; } footer .gap-4 { gap: 1.5rem !important; } .rt-footer .rt-logo svg { height: 24px; } footer .mb-3 { margin-bottom: 1rem !important; } footer .g-4 { --bs-gutter-y: 1.5rem; } @media (min-width: 992px) { footer .order-lg-2 { order: 2 !important; } } footer .ms-auto { margin-left: auto !important; } footer .order-1 { order: 1 !important; } .list-group-horizontal { flex-direction: row; } @media (min-width: 992px) { footer .justify-content-lg-end { justify-content: flex-end !important; } } footer .pt-3 { padding-top: 1rem !important; } footer .mt-5 { margin-top: 3rem !important; } @media (min-width: 1600px) { footer .container { max-width: 1440px; } } footer .text-center { text-align: center !important; } @media (min-width: 768px) { footer .justify-content-md-between { justify-content: space-between !important; } } footer .gap-5 { gap: 3rem !important; } footer .col-auto { flex: 0 0 auto; width: auto; } .gap-1 { gap: 0.25rem !important; } footer .flex-wrap { flex-wrap: wrap !important; } footer .me-3 { margin-right: 1rem !important; } @media screen and (min-width: 0) and (max-width: 768px) { .rt-footer .list-group { justify-content: center; width: 100%; } } /* footer .row > * { flex-shrink: 0; width: 100%; max-width: 100%; margin-top: var(--bs-gutter-y); } */ /* @media screen and (min-width: 0) and (max-width: 768px) { .rt-footer .flex-row { flex-direction: column !important; } } */ @media screen and (min-width: 0) and (max-width: 768px) { .modal--search .modal-dialog { margin: 0; width: 100%; padding: 0; max-width: 100%; } } .headroom--pinned + main #showInfo.is_stuck { top: 68px !important; -webkit-transition: top 0.25s ease-in-out; -moz-transition: top 0.25s ease-in-out; -ms-transition: top 0.25s ease-in-out; -o-transition: top 0.25s ease-in-out; transition: top 0.25s ease-in-out; } .headroom--pinned + main .show-info-nav { top: 64px; -webkit-transition: top 0.25s ease-in-out; -moz-transition: top 0.25s ease-in-out; -ms-transition: top 0.25s ease-in-out; -o-transition: top 0.25s ease-in-out; transition: top 0.25s ease-in-out; } .forestallningar-template { background: #F6F4F2; } .navbar-nav .nav-item { margin-top: 0; } .nav-link .me-2 { margin-right: 0.5rem !important; } .offcanvas li.nav-item a.nav-link { display: -webkit-flex; display: flex; align-items: center; } .modal-backdrop { -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); background-color: rgba(0, 0, 0, 0.6); } .modal-backdrop.show { opacity: 1; } .rt-header > .navbar .container-fluid, .rt-header > .navbar .with-navigation .navbar.submenu, .with-navigation .rt-header > .navbar .navbar.submenu, .rt-header > .navbar .container-sm, .rt-header > .navbar .container-md, .rt-header > .navbar .container-lg, .rt-header > .navbar .container-xl, .rt-header > .navbar .container-xxl { padding-left: 24px; padding-right: 24px; } @media screen and (min-width: 992px) { .rt-header > .navbar .container-fluid, .rt-header > .navbar .with-navigation .navbar.submenu, .with-navigation .rt-header > .navbar .navbar.submenu, .rt-header > .navbar .container-sm, .rt-header > .navbar .container-md, .rt-header > .navbar .container-lg, .rt-header > .navbar .container-xl, .rt-header > .navbar .container-xxl { padding-left: 32px; padding-right: 32px; } } .rt-header > .navbar { padding-left: 0; padding-right: 0; } .animate__animated, .mixedmedia__text, .overlay__navigation > *, .grid__item:not(.grid__item--heading), .grid__item--heading .box, .grid__item .box__teaser .balloon, .grid__item:hover .box__content > div, .grid__item:hover .box__teaser, .accordion-menu .dropdown .dropdown-menu li, .rt-nav.show .nav-item, .rt-header .rt-header__item, .rt-header.headroom--not-top .navbar-brand svg:last-child, .toast-container .toast { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate__fadeInDown, .accordion-menu .dropdown .dropdown-menu li, .rt-nav.show .nav-item, .rt-header .rt-header__item { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .animate__fadeInDown, .accordion-menu .dropdown .dropdown-menu li, .rt-nav.show .nav-item, .rt-header .rt-header__item { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .accordion-menu .dropdown .dropdown-menu li { --animate-duration: .2s; } .accordion-menu .dropdown .dropdown-menu li:nth-child(1) { -webkit-animation-delay: 0.07s; animation-delay: 0.07s; } .accordion-menu .dropdown .dropdown-menu li:nth-child(2) { -webkit-animation-delay: 0.14s; animation-delay: 0.14s; } .accordion-menu .dropdown .dropdown-menu li:nth-child(3) { -webkit-animation-delay: 0.21s; animation-delay: 0.21s; } .accordion-menu .dropdown .dropdown-menu li:nth-child(4) { -webkit-animation-delay: 0.28s; animation-delay: 0.28s; } .accordion-menu .nav-link { padding-left: 0; padding-right: 0; padding-top: 14px; display: block; padding-bottom: 14px; } .offcanvas .nav-link { line-height: 1.5; } .offcanvas .navbar:not(.navbar--secondary) .nav-link { letter-spacing: 0; } /* .rt-footer ul li+li,.rt-footer ol li+li,.offcanvas ul li+li,.offcanvas ol li+li { margin-top: auto; } @media screen and (min-width: 992px) { .rt-footer .row > * { margin-top: 0; } } */ /* .rt-footer a { letter-spacing: 0.05em; font-family: "Platform Web"; } */ /*cookiebot*/ #cookie-settings.d-none, #rt-block-cookies.d-none { display: none !important; } #rt-block-cookies .toast { width: 400px; max-width: 100%; font-size: 0.875rem; pointer-events: auto; background-color: rgba(255, 255, 255, 0.97); background-clip: padding-box; border: 0 solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border-radius: 0; } #rt-block-cookies.toast-container { z-index: 99; } #rt-block-cookies .gap-4 { gap: 1.5rem !important; } #rt-block-cookies .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } #rt-block-cookies.toast-container h4, #rt-block-cookies.toast-container .h4 { font-size: 24px; line-height: 1.2; margin-bottom: 8px; color: #fff; font-weight: bold; } @media screen and (min-width: 768px) { #rt-block-cookies.toast-container h4, #rt-block-cookies.toast-container .h4 { font-size: 32px; margin-bottom: 12px; color: #fff; } } #rt-block-cookies .btn { display: inline-block; font-weight: 500; line-height: 1.5; color: #000; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 12px 28px; font-size: 1.1em; border-radius: 0; margin-left: 0; margin-right: 0; } #rt-block-cookies .btn-light { color: #000; background-color: #ffffff; border-color: #ffffff; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } #rt-block-cookies.toast-container .toast p, #rt-block-cookies.toast-container .toast a { margin-bottom: 0; opacity: 1; line-height: 1.5; font-size: 16px; color: #fff; font-family: "Platform Web"; font-weight: 400; font-style: normal; font-stretch: normal; letter-spacing: 0.05em; } #rt-block-cookies .btn-link { color: #fff; text-decoration: underline #e94190 2px!important; min-width: auto; } #rt-block-cookies.toast-container .toast a { text-decoration: underline #e94190 2px; } #rt-block-cookies.toast-container .toast a:hover { text-decoration: none!important; } #rt-block-cookies.toast-container .toast { max-height: 700px; max-width: 760px; background: #000 !important; } #rt-block-cookies.toast-container .toast { height: 100%; overflow: auto; } #rt-block-cookies .toast-body { padding: 2.5rem; word-wrap: break-word; } #rt-block-cookies.toast-container .toast { -webkit-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-duration: 1s !important; animation-duration: 1s !important; -webkit-animation-fill-mode: both; animation-fill-mode: both; } #rt-block-cookies.bottom-0 { bottom: 0; } #rt-block-cookies .toast .d-grid { display: grid !important; } #rt-block-cookies .toast .gap-2 { gap: 0.5rem !important; } @media (min-width: 576px) { #rt-block-cookies .toast .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } #rt-block-cookies .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .pb-0 { padding-bottom: 0 !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .ms-2 { margin-left: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .modal-backdrop.show { opacity: 1; } #cookie-settings.modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out !important; transition: -webkit-transform 0.3s ease-out !important; -o-transition: transform 0.3s ease-out !important; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out !important; } #cookie-settings.modal .modal-dialog { -webkit-transform: translate(0, -50px) !important; -ms-transform: translate(0, -50px) !important; transform: translate(0, -50px) !important; } #cookie-settings.modal.show .modal-dialog { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } #cookie-settings .modal-dialog { -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important; } #cookie-settings p.small { font-size: 0.875em; } #cookie-settings.modal { position: fixed; top: 0; left: 0; z-index: 1055; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } #cookie-settings .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); } #cookie-settings .modal-header { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 24px 24px; border-bottom: 0 solid rgba(255, 255, 255, 0.07); border-top-left-radius: 0; border-top-right-radius: 0; } #cookie-settings .btn { display: inline-block; font-weight: 500; line-height: 1.5; color: #000; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 12px 28px; font-size: 1.1em; border-radius: 0; } #cookie-settings .btn-close { -webkit-box-sizing: content-box; box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: #000; background: transparent url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") center/1em auto no-repeat; border: 0; border-radius: 0; opacity: 1; } #cookie-settings h5, #cookie-settings .h5 { font-size: 20px; line-height: 1.3; font-family: "Platform Web"; font-weight: 700; font-style: normal; font-stretch: normal; letter-spacing: -0.01em; } @media screen and (min-width: 992px) { #cookie-settings h5, #cookie-settings .h5 { font-size: 24px; } } #cookie-settings .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } @media (min-width: 992px) { #cookie-settings .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } } #cookie-settings .gap-2 { gap: 0.5rem !important; } #cookie-settings .btn-primary { background: #000; color: #fff; } #cookie-settings button:focus { outline: none; } #cookie-settings .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 3rem; } #cookie-settings .modal-footer > :not(:first-child) { margin: 0; } #cookie-settings .btn-outline-dark { color: #000000; border-color: #000000; } #cookie-settings .btn-outline-dark:hover { color: #fff; background-color: #000000; border-color: #000000; } @media screen and (min-width: 992px) { #cookie-settings .accordion-item .accordion-button { font-size: 24px; } } @media (min-width: 576px) { #cookie-settings .modal-dialog { max-width: 600px; margin: 0 auto; } } #cookie-settings .accordion-item { border-radius: 0; overflow: hidden; background-color: #ffffff; border: 1px solid rgba(16, 16, 24, 0.12) !important; -webkit-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } #cookie-settings .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 0 solid rgba(0, 0, 0, 0.2); border-radius: 0; -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); outline: 0; } @media (min-width: 576px) { #cookie-settings .modal-content { -webkit-box-shadow: 0 1rem 7rem rgba(0, 0, 0, 0.3); box-shadow: 0 1rem 7rem rgba(0, 0, 0, 0.3); } } #cookie-settings .accordion-item:first-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } #cookie-settings .accordion--switch .accordion-header { position: relative; } #cookie-settings .form-check { display: block; min-height: 1.5rem; padding-left: 1.7em; margin-bottom: 0.125rem; } #cookie-settings .accordion-item .accordion-button { font-size: 20px; line-height: 1.3; } #cookie-settings .accordion-item p { margin-bottom: 0; opacity: 1; line-height: 1.5; font-size: 16px; } #cookie-settings .modal-content p + p { margin: 0; } #cookie-settings .accordion-button { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 1.7rem 2rem; font-size: 1rem; color: inherit; text-align: left; background-color: transparent; border: 0; border-radius: 0; overflow-anchor: none; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out, border-radius 0.15s ease; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out, border-radius 0.15s ease; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; } #cookie-settings .accordion-item:hover { border: 1px solid black !important; } #cookie-settings .accordion-item .accordion-button { border-radius: 0; font-size: 20px; margin-bottom: 0 !important; background-color: transparent; } #cookie-settings .accordion--switch .form-check { right: 50px; z-index: 10; position: absolute; } #cookie-settings .opacity-75 { opacity: 0.75 !important; } #cookie-settings .accordion-button::after { -ms-flex-negative: 0; flex-shrink: 0; width: 24px; height: 24px; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 24px; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; -o-transition: 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; } #cookie-settings .form-check { display: block; min-height: 1.5rem; padding-left: 1.7em; margin-bottom: 0.125rem; } #cookie-settings .form-check-input { width: 1.2em; height: 1.5em; margin-top: 0.15em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 2px solid rgba(0, 0, 0, 0.8); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; } #cookie-settings .form-switch .form-check-input { width: 2.5em; display: inline-block; margin-left: -2.5em; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E"); background-position: left center; border-radius: 2em; -webkit-transition: background-position 0.15s ease-in-out; -o-transition: background-position 0.15s ease-in-out; transition: background-position 0.15s ease-in-out; margin-top: 2px !important; } #cookie-settings .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 2.75rem; border-top: 0 solid rgba(255, 255, 255, 0.07); border-bottom-right-radius: 0; border-bottom-left-radius: 0; background: transparent!important; } #cookie-settings .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } #cookie-settings .form-check-input:checked { background-color: #000; border-color: #000; } #cookie-settings .accordion-item + .accordion-item { margin-top: 16px; } #cookie-settings .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z'/%3E%3C/svg%3E"); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } #cookie-settings .modal-content p a { color: #000; text-decoration: underline #e94190 2px; } #cookie-settings p { font-family: "Platform Web"; font-weight: 400; font-style: normal; font-stretch: normal; letter-spacing: 0.05em; } #cookie-settings .btn-primary.focus, #cookie-settings .btn-primary:focus { box-shadow: none; } .modal-backdrop { -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); background-color: rgba(0, 0, 0, 0.6); } #show-cookies-settings:hover { color: #fff!important; text-decoration: none!important; } #cookie-settings .modal-content p a:hover { text-decoration: none!important; }