*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } html { -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 100%; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; font-weight: normal; text-rendering: optimizeLegibility; } body { margin: 0; color: #333; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 17px; font-weight: 400; line-height: 1.6; } s { font-size: 14px; } input, textarea, select { display: block; margin: 4px 0 0; padding: 12px 16px; width: 100%; border-radius: 0; border: 1px solid #E6E8EB !important; -webkit-box-shadow: none; box-shadow: none; color: #333; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 17px; line-height: 1; } input:placeholder, textarea:placeholder, select:placeholder { color: rgba(51, 51, 51, 0.3); } input:first-child, textarea:first-child, select:first-child { margin-top: 0; } input:focus, input:active, textarea:focus, textarea:active, select:focus, select:active { outline: 1px solid #F1645D; border-color: transparent; background: rgba(255, 255, 255, 0.8); } input.is-error, textarea.is-error, select.is-error { border-color: #F46363; } input.is-success, textarea.is-success, select.is-success { border-color: #69a22b; } input[type="tel"], input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="checkbox"], input[type="radio"] { width: auto; } textarea { min-height: 100px; line-height: 1.425; } label { display: block; margin-top: 16px; color: #6C7992; font-size: 1.5rem; line-height: 1.2; } label:first-child { margin-top: 0; } form { margin-top: get-spacing(large); } fieldset { margin: 0; padding: 0; border: 0; } legend { font-family: "Roboto", Helvetica, sans-serif; font-weight: bold; line-height: 1.2; } nav ul, nav ol { list-style: none; margin-left: 0; padding-left: 0; } img { height: auto; max-width: 100%; border: none; } img:first-child { margin-top: 0; } p { margin: 16px 0 0; } p:first-child { margin-top: 0; } code { padding: 2px 4px; border-radius: 8px; background: #E6E8EB; color: #4F5F74; } code[class] { background: transparent; } a { cursor: pointer; position: relative; color: #F1645D; text-decoration: none; } a:hover, a:visited, a:focus, a:visited { text-decoration: none; } a.icon:hover { text-decoration: none; } ol, ul { margin-bottom: 9px; margin-left: 16px; margin-right: 0; margin-top: 8px; padding-left: 16px; line-height: 1.5; } ol:first-child, ul:first-child { margin-top: 0; } ul { list-style-type: disc; } li { margin-top: 4px; } li:first-child { margin-top: 0; } figure { margin: 8px 0 0; border-radius: 0; line-height: 1; } figure:first-child { margin-top: 0; } hr { height: 1px; margin-top: get-spacing(x-large); background: #E6E8EB; border: none; } blockquote { margin: 32px 0 0; padding-top: 16px; position: relative; color: #6C7992; font-family: "Roboto", Helvetica, sans-serif; font-size: 2.4rem; font-weight: bold; line-height: 1.425; } @media screen and (min-width: 767px) { blockquote { font-size: 2.8rem; } } blockquote:before { content: ''; width: 30px; display: block; position: absolute; top: 0; left: 0; height: 3px; background: #6C7992; } blockquote cite { display: block; margin-top: 8px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 2.2rem; font-weight: normal; font-style: normal; } video { height: auto; max-width: 100%; width: 100%; overflow: hidden; padding: 0; border: none; background: transparent; } table { margin-top: get-spacing(large); } h1, h2, h3, h4, h5, h6 { margin: 0; font-family: "Roboto", Helvetica, sans-serif; line-height: 1.2; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { margin-top: 8px; } .h2 { font-size: 42px; } .h3 { font-size: 36px; } .h4 { font-size: 28px; } .h5 { font-size: 24px; } .h6 { font-size: 17px; font-weight: bold; } .a-subtitle { font-size: 2.1rem; font-weight: 600; text-transform: uppercase; } .a-paragraph { font-size: 17px; } .a-title { font-size: 3.4rem; font-weight: bold; } @media screen and (min-width: 600px) { .a-title { font-size: 4.2rem; } } .a-title strong { font-weight: bold; } .o-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -16px; } .o-grid:first-child { margin-top: -32px; } .o-grid--centered { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .o-row { margin-top: 32px; padding: 0 16px; } .o-row-xl { margin-top: 64px; padding: 0 16px; } .o-vertical-alignment { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-left: -16px; } .o-vertical-alignment__item { margin-left: 16px; } .o-vertical-alignment__item:first-child { margin-left: 0; } .o-distance { margin-top: 32px; } @media screen and (min-width: 767px) { .o-distance { margin-top: 64px; } } .o-distance-small { margin-top: 16px; } @media screen and (min-width: 767px) { .o-justified--large { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .o-constrained { margin-right: auto; margin-left: auto; max-width: 1200px; padding: 0 16px; } @media screen and (min-width: 767px) { .o-constrained { padding: 0 64px; } } .o-constrained-medium { margin-right: auto; margin-left: auto; max-width: 720px; } [class*="o-grid__column-"], [class^="o-grid__column-"] { margin-top: 32px; margin-left: 16px; } .o-grid__column-1-1 { width: calc(100% - 16px); } .o-grid__column-1-2 { width: calc(50% - 16px); } .o-grid__column-2-2 { width: calc(100% - 16px); } .o-grid__column-1-3 { width: calc(33.33333% - 16px); } .o-grid__column-2-3 { width: calc(66.66667% - 16px); } .o-grid__column-3-3 { width: calc(100% - 16px); } .o-grid__column-1-4 { width: calc(25% - 16px); } .o-grid__column-2-4 { width: calc(50% - 16px); } .o-grid__column-3-4 { width: calc(75% - 16px); } .o-grid__column-4-4 { width: calc(100% - 16px); } .o-grid__column-1-5 { width: calc(20% - 16px); } .o-grid__column-2-5 { width: calc(40% - 16px); } .o-grid__column-3-5 { width: calc(60% - 16px); } .o-grid__column-4-5 { width: calc(80% - 16px); } .o-grid__column-5-5 { width: calc(100% - 16px); } .o-grid__column-1-6 { width: calc(16.66667% - 16px); } .o-grid__column-2-6 { width: calc(33.33333% - 16px); } .o-grid__column-3-6 { width: calc(50% - 16px); } .o-grid__column-4-6 { width: calc(66.66667% - 16px); } .o-grid__column-5-6 { width: calc(83.33333% - 16px); } .o-grid__column-6-6 { width: calc(100% - 16px); } .o-grid__column-1-7 { width: calc(14.28571% - 16px); } .o-grid__column-2-7 { width: calc(28.57143% - 16px); } .o-grid__column-3-7 { width: calc(42.85714% - 16px); } .o-grid__column-4-7 { width: calc(57.14286% - 16px); } .o-grid__column-5-7 { width: calc(71.42857% - 16px); } .o-grid__column-6-7 { width: calc(85.71429% - 16px); } .o-grid__column-7-7 { width: calc(100% - 16px); } .o-grid__column-1-8 { width: calc(12.5% - 16px); } .o-grid__column-2-8 { width: calc(25% - 16px); } .o-grid__column-3-8 { width: calc(37.5% - 16px); } .o-grid__column-4-8 { width: calc(50% - 16px); } .o-grid__column-5-8 { width: calc(62.5% - 16px); } .o-grid__column-6-8 { width: calc(75% - 16px); } .o-grid__column-7-8 { width: calc(87.5% - 16px); } .o-grid__column-8-8 { width: calc(100% - 16px); } .o-grid__column-1-9 { width: calc(11.11111% - 16px); } .o-grid__column-2-9 { width: calc(22.22222% - 16px); } .o-grid__column-3-9 { width: calc(33.33333% - 16px); } .o-grid__column-4-9 { width: calc(44.44444% - 16px); } .o-grid__column-5-9 { width: calc(55.55556% - 16px); } .o-grid__column-6-9 { width: calc(66.66667% - 16px); } .o-grid__column-7-9 { width: calc(77.77778% - 16px); } .o-grid__column-8-9 { width: calc(88.88889% - 16px); } .o-grid__column-9-9 { width: calc(100% - 16px); } .o-grid__column-1-10 { width: calc(10% - 16px); } .o-grid__column-2-10 { width: calc(20% - 16px); } .o-grid__column-3-10 { width: calc(30% - 16px); } .o-grid__column-4-10 { width: calc(40% - 16px); } .o-grid__column-5-10 { width: calc(50% - 16px); } .o-grid__column-6-10 { width: calc(60% - 16px); } .o-grid__column-7-10 { width: calc(70% - 16px); } .o-grid__column-8-10 { width: calc(80% - 16px); } .o-grid__column-9-10 { width: calc(90% - 16px); } .o-grid__column-10-10 { width: calc(100% - 16px); } .o-grid__column-1-11 { width: calc(9.09091% - 16px); } .o-grid__column-2-11 { width: calc(18.18182% - 16px); } .o-grid__column-3-11 { width: calc(27.27273% - 16px); } .o-grid__column-4-11 { width: calc(36.36364% - 16px); } .o-grid__column-5-11 { width: calc(45.45455% - 16px); } .o-grid__column-6-11 { width: calc(54.54545% - 16px); } .o-grid__column-7-11 { width: calc(63.63636% - 16px); } .o-grid__column-8-11 { width: calc(72.72727% - 16px); } .o-grid__column-9-11 { width: calc(81.81818% - 16px); } .o-grid__column-10-11 { width: calc(90.90909% - 16px); } .o-grid__column-11-11 { width: calc(100% - 16px); } .o-grid__column-1-12 { width: calc(8.33333% - 16px); } .o-grid__column-2-12 { width: calc(16.66667% - 16px); } .o-grid__column-3-12 { width: calc(25% - 16px); } .o-grid__column-4-12 { width: calc(33.33333% - 16px); } .o-grid__column-5-12 { width: calc(41.66667% - 16px); } .o-grid__column-6-12 { width: calc(50% - 16px); } .o-grid__column-7-12 { width: calc(58.33333% - 16px); } .o-grid__column-8-12 { width: calc(66.66667% - 16px); } .o-grid__column-9-12 { width: calc(75% - 16px); } .o-grid__column-10-12 { width: calc(83.33333% - 16px); } .o-grid__column-11-12 { width: calc(91.66667% - 16px); } .o-grid__column-12-12 { width: calc(100% - 16px); } @media screen and (min-width: 480px) { .o-grid__column-small-1-1 { width: calc(100% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-1-2 { width: calc(50% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-2-2 { width: calc(100% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-1-3 { width: calc(33.33333% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-2-3 { width: calc(66.66667% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-3-3 { width: calc(100% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-1-4 { width: calc(25% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-2-4 { width: calc(50% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-3-4 { width: calc(75% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-4-4 { width: calc(100% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-1-5 { width: calc(20% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-2-5 { width: calc(40% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-3-5 { width: calc(60% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-4-5 { width: calc(80% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-5-5 { width: calc(100% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-1-6 { width: calc(16.66667% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-2-6 { width: calc(33.33333% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-3-6 { width: calc(50% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-4-6 { width: calc(66.66667% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-5-6 { width: calc(83.33333% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-6-6 { width: calc(100% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-1-7 { width: calc(14.28571% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-2-7 { width: calc(28.57143% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-3-7 { width: calc(42.85714% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-4-7 { width: calc(57.14286% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-5-7 { width: calc(71.42857% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-6-7 { width: calc(85.71429% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-7-7 { width: calc(100% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-1-8 { width: calc(12.5% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-2-8 { width: calc(25% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-3-8 { width: calc(37.5% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-4-8 { width: calc(50% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-5-8 { width: calc(62.5% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-6-8 { width: calc(75% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-7-8 { width: calc(87.5% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-8-8 { width: calc(100% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-1-9 { width: calc(11.11111% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-2-9 { width: calc(22.22222% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-3-9 { width: calc(33.33333% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-4-9 { width: calc(44.44444% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-5-9 { width: calc(55.55556% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-6-9 { width: calc(66.66667% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-7-9 { width: calc(77.77778% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-8-9 { width: calc(88.88889% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-9-9 { width: calc(100% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-1-10 { width: calc(10% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-2-10 { width: calc(20% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-3-10 { width: calc(30% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-4-10 { width: calc(40% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-5-10 { width: calc(50% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-6-10 { width: calc(60% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-7-10 { width: calc(70% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-8-10 { width: calc(80% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-9-10 { width: calc(90% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-10-10 { width: calc(100% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-1-11 { width: calc(9.09091% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-2-11 { width: calc(18.18182% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-3-11 { width: calc(27.27273% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-4-11 { width: calc(36.36364% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-5-11 { width: calc(45.45455% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-6-11 { width: calc(54.54545% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-7-11 { width: calc(63.63636% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-8-11 { width: calc(72.72727% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-9-11 { width: calc(81.81818% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-10-11 { width: calc(90.90909% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-11-11 { width: calc(100% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-1-12 { width: calc(8.33333% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-2-12 { width: calc(16.66667% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-3-12 { width: calc(25% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-4-12 { width: calc(33.33333% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-5-12 { width: calc(41.66667% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-6-12 { width: calc(50% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-7-12 { width: calc(58.33333% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-8-12 { width: calc(66.66667% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-9-12 { width: calc(75% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-10-12 { width: calc(83.33333% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-11-12 { width: calc(91.66667% - 16px); } } @media screen and (min-width: 480px) { .o-grid__column-small-12-12 { width: calc(100% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-1-1 { width: calc(100% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-1-2 { width: calc(50% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-2-2 { width: calc(100% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-1-3 { width: calc(33.33333% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-2-3 { width: calc(66.66667% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-3-3 { width: calc(100% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-1-4 { width: calc(25% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-2-4 { width: calc(50% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-3-4 { width: calc(75% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-4-4 { width: calc(100% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-1-5 { width: calc(20% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-2-5 { width: calc(40% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-3-5 { width: calc(60% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-4-5 { width: calc(80% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-5-5 { width: calc(100% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-1-6 { width: calc(16.66667% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-2-6 { width: calc(33.33333% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-3-6 { width: calc(50% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-4-6 { width: calc(66.66667% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-5-6 { width: calc(83.33333% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-6-6 { width: calc(100% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-1-7 { width: calc(14.28571% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-2-7 { width: calc(28.57143% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-3-7 { width: calc(42.85714% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-4-7 { width: calc(57.14286% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-5-7 { width: calc(71.42857% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-6-7 { width: calc(85.71429% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-7-7 { width: calc(100% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-1-8 { width: calc(12.5% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-2-8 { width: calc(25% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-3-8 { width: calc(37.5% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-4-8 { width: calc(50% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-5-8 { width: calc(62.5% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-6-8 { width: calc(75% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-7-8 { width: calc(87.5% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-8-8 { width: calc(100% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-1-9 { width: calc(11.11111% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-2-9 { width: calc(22.22222% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-3-9 { width: calc(33.33333% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-4-9 { width: calc(44.44444% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-5-9 { width: calc(55.55556% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-6-9 { width: calc(66.66667% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-7-9 { width: calc(77.77778% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-8-9 { width: calc(88.88889% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-9-9 { width: calc(100% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-1-10 { width: calc(10% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-2-10 { width: calc(20% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-3-10 { width: calc(30% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-4-10 { width: calc(40% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-5-10 { width: calc(50% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-6-10 { width: calc(60% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-7-10 { width: calc(70% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-8-10 { width: calc(80% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-9-10 { width: calc(90% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-10-10 { width: calc(100% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-1-11 { width: calc(9.09091% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-2-11 { width: calc(18.18182% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-3-11 { width: calc(27.27273% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-4-11 { width: calc(36.36364% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-5-11 { width: calc(45.45455% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-6-11 { width: calc(54.54545% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-7-11 { width: calc(63.63636% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-8-11 { width: calc(72.72727% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-9-11 { width: calc(81.81818% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-10-11 { width: calc(90.90909% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-11-11 { width: calc(100% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-1-12 { width: calc(8.33333% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-2-12 { width: calc(16.66667% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-3-12 { width: calc(25% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-4-12 { width: calc(33.33333% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-5-12 { width: calc(41.66667% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-6-12 { width: calc(50% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-7-12 { width: calc(58.33333% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-8-12 { width: calc(66.66667% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-9-12 { width: calc(75% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-10-12 { width: calc(83.33333% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-11-12 { width: calc(91.66667% - 16px); } } @media screen and (min-width: 600px) { .o-grid__column-medium-12-12 { width: calc(100% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-1-1 { width: calc(100% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-1-2 { width: calc(50% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-2-2 { width: calc(100% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-1-3 { width: calc(33.33333% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-2-3 { width: calc(66.66667% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-3-3 { width: calc(100% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-1-4 { width: calc(25% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-2-4 { width: calc(50% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-3-4 { width: calc(75% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-4-4 { width: calc(100% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-1-5 { width: calc(20% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-2-5 { width: calc(40% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-3-5 { width: calc(60% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-4-5 { width: calc(80% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-5-5 { width: calc(100% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-1-6 { width: calc(16.66667% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-2-6 { width: calc(33.33333% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-3-6 { width: calc(50% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-4-6 { width: calc(66.66667% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-5-6 { width: calc(83.33333% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-6-6 { width: calc(100% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-1-7 { width: calc(14.28571% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-2-7 { width: calc(28.57143% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-3-7 { width: calc(42.85714% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-4-7 { width: calc(57.14286% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-5-7 { width: calc(71.42857% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-6-7 { width: calc(85.71429% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-7-7 { width: calc(100% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-1-8 { width: calc(12.5% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-2-8 { width: calc(25% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-3-8 { width: calc(37.5% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-4-8 { width: calc(50% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-5-8 { width: calc(62.5% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-6-8 { width: calc(75% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-7-8 { width: calc(87.5% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-8-8 { width: calc(100% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-1-9 { width: calc(11.11111% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-2-9 { width: calc(22.22222% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-3-9 { width: calc(33.33333% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-4-9 { width: calc(44.44444% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-5-9 { width: calc(55.55556% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-6-9 { width: calc(66.66667% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-7-9 { width: calc(77.77778% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-8-9 { width: calc(88.88889% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-9-9 { width: calc(100% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-1-10 { width: calc(10% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-2-10 { width: calc(20% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-3-10 { width: calc(30% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-4-10 { width: calc(40% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-5-10 { width: calc(50% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-6-10 { width: calc(60% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-7-10 { width: calc(70% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-8-10 { width: calc(80% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-9-10 { width: calc(90% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-10-10 { width: calc(100% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-1-11 { width: calc(9.09091% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-2-11 { width: calc(18.18182% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-3-11 { width: calc(27.27273% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-4-11 { width: calc(36.36364% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-5-11 { width: calc(45.45455% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-6-11 { width: calc(54.54545% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-7-11 { width: calc(63.63636% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-8-11 { width: calc(72.72727% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-9-11 { width: calc(81.81818% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-10-11 { width: calc(90.90909% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-11-11 { width: calc(100% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-1-12 { width: calc(8.33333% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-2-12 { width: calc(16.66667% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-3-12 { width: calc(25% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-4-12 { width: calc(33.33333% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-5-12 { width: calc(41.66667% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-6-12 { width: calc(50% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-7-12 { width: calc(58.33333% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-8-12 { width: calc(66.66667% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-9-12 { width: calc(75% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-10-12 { width: calc(83.33333% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-11-12 { width: calc(91.66667% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-12-12 { width: calc(100% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-1-1 { width: calc(100% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-1-2 { width: calc(50% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-2-2 { width: calc(100% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-1-3 { width: calc(33.33333% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-2-3 { width: calc(66.66667% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-3-3 { width: calc(100% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-1-4 { width: calc(25% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-2-4 { width: calc(50% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-3-4 { width: calc(75% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-4-4 { width: calc(100% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-1-5 { width: calc(20% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-2-5 { width: calc(40% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-3-5 { width: calc(60% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-4-5 { width: calc(80% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-5-5 { width: calc(100% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-1-6 { width: calc(16.66667% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-2-6 { width: calc(33.33333% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-3-6 { width: calc(50% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-4-6 { width: calc(66.66667% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-5-6 { width: calc(83.33333% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-6-6 { width: calc(100% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-1-7 { width: calc(14.28571% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-2-7 { width: calc(28.57143% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-3-7 { width: calc(42.85714% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-4-7 { width: calc(57.14286% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-5-7 { width: calc(71.42857% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-6-7 { width: calc(85.71429% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-7-7 { width: calc(100% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-1-8 { width: calc(12.5% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-2-8 { width: calc(25% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-3-8 { width: calc(37.5% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-4-8 { width: calc(50% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-5-8 { width: calc(62.5% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-6-8 { width: calc(75% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-7-8 { width: calc(87.5% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-8-8 { width: calc(100% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-1-9 { width: calc(11.11111% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-2-9 { width: calc(22.22222% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-3-9 { width: calc(33.33333% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-4-9 { width: calc(44.44444% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-5-9 { width: calc(55.55556% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-6-9 { width: calc(66.66667% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-7-9 { width: calc(77.77778% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-8-9 { width: calc(88.88889% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-9-9 { width: calc(100% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-1-10 { width: calc(10% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-2-10 { width: calc(20% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-3-10 { width: calc(30% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-4-10 { width: calc(40% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-5-10 { width: calc(50% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-6-10 { width: calc(60% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-7-10 { width: calc(70% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-8-10 { width: calc(80% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-9-10 { width: calc(90% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-10-10 { width: calc(100% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-1-11 { width: calc(9.09091% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-2-11 { width: calc(18.18182% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-3-11 { width: calc(27.27273% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-4-11 { width: calc(36.36364% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-5-11 { width: calc(45.45455% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-6-11 { width: calc(54.54545% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-7-11 { width: calc(63.63636% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-8-11 { width: calc(72.72727% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-9-11 { width: calc(81.81818% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-10-11 { width: calc(90.90909% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-11-11 { width: calc(100% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-1-12 { width: calc(8.33333% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-2-12 { width: calc(16.66667% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-3-12 { width: calc(25% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-4-12 { width: calc(33.33333% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-5-12 { width: calc(41.66667% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-6-12 { width: calc(50% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-7-12 { width: calc(58.33333% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-8-12 { width: calc(66.66667% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-9-12 { width: calc(75% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-10-12 { width: calc(83.33333% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-11-12 { width: calc(91.66667% - 16px); } } @media screen and (min-width: 1023px) { .o-grid__column-xlarge-12-12 { width: calc(100% - 16px); } } @media screen and (min-width: 767px) { .o-grid__column-large-offset { text-align: right; } } .o-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: auto; margin-right: auto; text-align: center; } .o-iframe { padding-bottom: 56.25%; position: relative; } .o-iframe iframe { left: 0; height: 100%; position: absolute; top: 0; width: 100%; } .o-list { margin: 16px 0 0; padding: 0; list-style: none; } .o-list li { margin-top: 8px; } .o-list li:first-child { margin-top: 0; } .o-list-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; list-style: none; margin: 32px; margin-left: -16px; padding: 0; } .o-list-row li { margin-left: 16px; } .o-actionbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: -16px; margin-top: 16px; } @media screen and (min-width: 600px) { .o-actionbar { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .o-actionbar__item { margin-top: 16px; padding-left: 16px; } @media screen and (min-width: 600px) { .o-actionbar__item { margin-top: 0; } } .o-actionbar__item:first-child { margin-top: 0; } @media screen and (min-width: 767px) { .o-navigation { margin-left: -32px; } } .o-navigation__item { margin-top: 32px; } @media screen and (min-width: 767px) { .o-navigation__item { margin-left: 32px; margin-top: 0; } } .o-navigation__item.is-active { position: relative; } .o-navigation__item.is-active:before { content: ''; display: block; bottom: -3px; height: 3px; left: 0; position: absolute; width: 100%; background: #F1645D; } .o-navigation__close { position: absolute; right: 16px; top: 16px; } @media screen and (min-width: 767px) { .o-navigation__close { display: none; } } .o-navigation__close .icon { height: 24px; width: 24px; } .o-navigation__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; left: 0; min-height: 100%; padding: 32px; position: fixed; top: 0; width: 320px; z-index: 10; } @media screen and (min-width: 767px) { .o-navigation__list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-left: -16px; padding: 0; position: static; width: auto; } } .c-navigation { text-transform: uppercase; } .c-navigation a { color: inherit; font-weight: bold; } .c-navigation a:hover, .c-navigation a.is-active { color: #F1645D; } .c-navigation__trigger { display: block; line-height: 0; } @media screen and (min-width: 767px) { .c-navigation__trigger { display: none; } } .c-navigation__trigger .icon { height: 32px; width: 32px; } .c-navigation__list { background: #041A39; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); font-size: 1.6rem; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .3s; transition: all .3s; } @media screen and (min-width: 767px) { .c-navigation__list { background: transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateX(0); transform: translateX(0); } } .c-navigation__list .a-logo { margin-bottom: 24px; } @media screen and (min-width: 767px) { .c-navigation__list .a-logo { display: none; } } .c-navigation__list.is-active { -webkit-transform: translateX(0); transform: translateX(0); } .o-heading { margin: 0 auto; max-width: 720px; text-align: center; } .c-side-navigation { margin: 0; padding: 0; list-style: none; display: none; left: 20px; overflow: auto; position: fixed; top: 20px; border-radius: 8px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); background: #fff; padding: 24px; z-index: 100; height: calc(100% - 40px); width: calc(100% - 40px); } @media screen and (min-width: 767px) { .c-side-navigation { display: block; height: auto; padding: 40px 0; position: -webkit-sticky; position: sticky; width: 100%; z-index: 10; background: transparent; -webkit-box-shadow: none; box-shadow: none; } } .c-side-navigation.is-active { display: block; } .c-side-navigation__header { margin-bottom: -40px; text-align: right; } @media screen and (min-width: 767px) { .c-side-navigation__header { display: none; } } @media screen and (min-width: 767px) { .c-side-navigation__trigger { display: none !important; } } .c-side-navigation.is-active { display: block; } .c-side-navigation > .c-side-navigation__item { margin-top: 32px; } .c-side-navigation > .c-side-navigation__item > .c-side-navigation__item__anchor { font-family: "Roboto", Helvetica, sans-serif; font-size: 2.4rem; font-weight: bold; } .c-side-navigation > .c-side-navigation__item > .c-side-navigation__item__anchor + .c-side-navigation__item__tree { margin-top: 8px; } .c-side-navigation > .c-side-navigation__item > .c-side-navigation__item__tree > .c-side-navigation__item { margin-top: 0; padding-bottom: 8px; padding-top: 8px; border-top: 1px solid #E6E8EB; } @media screen and (min-width: 767px) { .c-side-navigation > .c-side-navigation__item > .c-side-navigation__item__tree > .c-side-navigation__item { margin-top: 8px; padding-bottom: 0; padding-top: 0; border-top: 0; } } .c-side-navigation > .c-side-navigation__item > .c-side-navigation__item__tree > .c-side-navigation__item > .c-side-navigation__item__anchor + .c-side-navigation__item__tree { padding-bottom: 8px; padding-top: 8px; } .c-side-navigation > .c-side-navigation__item > .c-side-navigation__item__tree > .c-side-navigation__item > .c-side-navigation__item__tree > .c-side-navigation__item { margin-top: 0; padding-bottom: 8px; padding-top: 8px; border-top: 1px solid #E6E8EB; } @media screen and (min-width: 767px) { .c-side-navigation > .c-side-navigation__item > .c-side-navigation__item__tree > .c-side-navigation__item > .c-side-navigation__item__tree > .c-side-navigation__item { margin-top: 8px; padding-bottom: 0; padding-top: 0; border-top: 0; } } .c-side-navigation__item__anchor { color: #333; } .c-side-navigation__item__anchor:hover { color: #F1645D; } .c-side-navigation__item__anchor.is-active { color: #F1645D; font-weight: bold; } .c-side-navigation__item__tree { margin: 0; padding: 0; list-style: none; margin-left: 16px; } .c-side-navigation__item.is-active > .c-side-navigation__item__anchor { color: #F1645D; font-weight: bold; } .o-media-short { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .o-media-short__icon { margin-right: 8px; } .o-distance-xs { margin-top: 4px; } .o-distance-s { margin-top: 8px; } .o-distance-m { margin-top: 16px; } .o-distance-l { margin-top: 24px; } .o-distance-xl { margin-top: 48px; } .o-content h2[id] { margin-bottom: 16px; margin-top: 48px; padding-bottom: 4px; border-bottom: 1px solid #E6E8EB; } .o-content h3, .o-content h4 { margin-top: 32px; } .o-content .c-notification { margin-top: 24px; } .icon { height: 48px; width: 48px; fill: #F1645D; } .icon--small { height: 32px; width: 32px; } .icon--smaller { height: 16px; width: 16px; } .icon--large { height: 64px; width: 64px; } .o-banner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 600px) { .o-banner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .o-banner__item { margin-top: 24px; } @media screen and (min-width: 600px) { .o-banner__item { margin-left: 24px; margin-top: 0; } } .c-divider { display: block; height: 1px; width: 100%; } .c-box { padding: 12px; border: 2px solid; border-radius: 8px; } .u-background-color-light { background-color: #364861; } .u-border-color-light { border-color: #364861; } .u-inline-block { display: inline-block; } .a-button { cursor: pointer; display: inline-block; padding: 16px 24px; vertical-align: top; -webkit-appearance: none; border: 2px solid transparent; border-radius: 8px; background: #F1645D; -webkit-box-shadow: 0; box-shadow: 0; color: #fff; font-size: 17px; font-weight: bold; line-height: 1; text-align: center; } .a-button:hover { border-color: #F1645D; background: transparent; color: #F1645D; } .a-button--ghost { background: transparent; border-color: #fff; color: #fff; } .a-button--negative { background: #fff; color: #F1645D; } .a-button--negative:hover { border-color: #fff; background: transparent; color: #fff; } .a-button--rounded { border-radius: 250px; } .a-logo { display: inline-block; height: 27px; vertical-align: top; width: 112px; background: url(../images/logo.svg); background-repeat: no-repeat; background-size: 100%; color: transparent; font-size: 0; } @media screen and (min-width: 600px) { .a-logo { height: 52px; width: 225px; } } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .c-popup { max-width: 900px; margin: 16px auto; border-radius: 8px; background: #fff; } .c-popup #mc_embed_signup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 767px) { .c-popup #mc_embed_signup { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .c-popup #mc_embed_signup .mc_embed_signup_keyvisual { height: 250px; overflow: hidden; padding: 32px; background: #F7A29E; text-align: center; } @media screen and (min-width: 767px) { .c-popup #mc_embed_signup .mc_embed_signup_keyvisual { -webkit-box-flex: 1; -ms-flex: 1 0 40%; flex: 1 0 40%; height: auto; } } .c-popup #mc_embed_signup .mc_embed_signup_keyvisual img { max-width: initial; } .c-popup #mc_embed_signup .mc_embed_signup_keyvisual h2 { margin-bottom: 16px; font-size: 3.2rem; } .c-popup #mc_embed_signup #mc_embed_signup_scroll { padding: 24px; } .c-popup #mc_embed_signup #mc_embed_signup_scroll h2 { margin-bottom: 12px; } .c-popup .mfp-close { top: 20px; font-size: 4rem; } .c-popup #mc_embed_signup .mc-field-group input[type="checkbox"] { width: auto; } .c-popup .content__gdpr { line-height: 1.4; } .c-popup label + p { margin: 0; } .c-popup #mc_embed_signup .mc-field-group .checkbox { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.6rem; } .c-popup #mc_embed_signup .mc-field-group .checkbox span { padding-left: 4px; } .c-popup #mc_embed_signup input { border-radius: 0; } .c-popup .content__gdprLegal { margin-top: 16px; color: #6C7992; line-height: 1.4; } .c-popup .gdprRequired + p { color: #6C7992; line-height: 1.4; } .c-popup #mc-embedded-subscribe { margin: 0; border: 2px solid transparentg; border-radius: 8px; } .c-popup #mc-embedded-subscribe:hover { border: 2px solid #F1645D; color: #F1645D; } .c-popup input#mc-embedded-subscribe { border-color: transparent !important; border-radius: 8px; } .c-popup input#mc-embedded-subscribe:hover { border-color: #F1645D !important; } .c-popup fieldset { margin-top: 16px; } .c-popup #mc_embed_signup h2 { margin: 0; font-size: 2.4rem; } .c-popup .content__gdpr label { font-weight: bold; font-size: 2rem; } .c-spotlightbox { padding: 32px 0; background: -webkit-gradient(linear, left top, left bottom, from(#0A0F40), to(rgba(4, 26, 57, 0))), #041A39; background: linear-gradient(180deg, #0A0F40 0%, rgba(4, 26, 57, 0) 100%), #041A39; background-image: url(../images/circles.png); background-position: center; background-size: contain; -webkit-transition: background-size .5s; transition: background-size .5s; -webkit-transition-delay: .5s; transition-delay: .5s; color: #fff; } @media screen and (min-width: 767px) { .c-spotlightbox { padding: 64px 0; } } .c-spotlightbox a:not(.a-button) { color: #fff; } .c-spotlightbox a:not(.a-button):hover { color: #6E7786; } .c-spotlightbox .icon { fill: #fff; } .c-spotlightbox a .icon:hover { opacity: .6; } .c-spotlightbox__item { padding: 32px; border-radius: 8px; background: rgba(54, 72, 97, 0.5); } .c-accentbox { overflow: hidden; padding: 32px 0; border-radius: 8px; background: #F1645D; color: #fff; } @media screen and (min-width: 767px) { .c-accentbox { padding: 64px 0; } } .c-user { padding: 32px; background: #F5F6FA; text-align: center; } .c-user__avatar { max-width: 125px; border-radius: 250px; } .c-user__subtitle { margin-top: 4px; color: #6C7992; font-size: 1.8rem; } .c-whisperbox { padding: 32px 0; border-radius: 8px; background-color: #F5F6FA; background-position: bottom center; background-repeat: no-repeat; background-size: 75%; -webkit-transition: background-size .5s; transition: background-size .5s; -webkit-transition-delay: .6s; transition-delay: .6s; } @media screen and (min-width: 767px) { .c-whisperbox { padding: 64px 0; background-image: url(../images/circles-background.jpg); } } .c-whisperbox.is-active { background-size: 150%; } .c-ghostbox { padding: 32px 0; border-radius: 8px; background: #F7A29E; } @media screen and (min-width: 767px) { .c-ghostbox { padding: 64px 0; } } .o-header__container { padding: 16px 0; } .o-header__top { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .o-header__top--clone { padding: 8px 16px; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; background: #041A39; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .o-header__top--clone .o-navigation__item, .o-header__top--clone .o-navigation__item.is-active { color: #fff; } .o-header__top--clone.is-sticky { -webkit-transform: translateY(0%); transform: translateY(0%); } .o-header__body { margin-top: 64px; padding-bottom: 128px; text-align: center; } .a-push-top { -webkit-transform: translateY(200px); transform: translateY(200px); -webkit-transition: all .5s; transition: all .5s; -webkit-transition-delay: .5s; transition-delay: .5s; } .a-push-top.is-active { -webkit-transform: translateY(0); transform: translateY(0); } .o-teaser { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .o-teaser__symbol { display: block; } .o-teaser__content { margin-top: 16px; } .c-notification { padding: 24px; background-color: #E6E8EB; border-left: 8px solid #F1645D; } .c-notification--warning { background-color: #fff7d4; border-color: #e7c000; } /** * atom-dark theme for `prism.js` * Based on Atom's `atom-dark` theme: https://github.com/atom/atom-dark-syntax * @author Joe Gibson (@gibsjose) */ code[class*="language-"], pre[class*="language-"] { color: #c5c8c6; text-shadow: 0 1px rgba(0, 0, 0, 0.3); font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } /* Code blocks */ pre[class*="language-"] { padding: 1em; margin: .5em 0; overflow: auto; border-radius: 0.3em; } :not(pre) > code[class*="language-"], pre[class*="language-"] { background: #1d1f21; } /* Inline code */ :not(pre) > code[class*="language-"] { padding: .1em; border-radius: .3em; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: #7C7C7C; } .token.punctuation { color: #c5c8c6; } .namespace { opacity: .7; } .token.property, .token.keyword, .token.tag { color: #96CBFE; } .token.class-name { color: #FFFFB6; text-decoration: underline; } .token.boolean, .token.constant { color: #99CC99; } .token.symbol, .token.deleted { color: #f92672; } .token.number { color: #FF73FD; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #A8FF60; } .token.variable { color: #C6C5FE; } .token.operator { color: #EDEDED; } .token.entity { color: #FFFFB6; cursor: help; } .token.url { color: #96CBFE; } .language-css .token.string, .style .token.string { color: #87C38A; } .token.atrule, .token.attr-value { color: #F9EE98; } .token.function { color: #DAD085; } .token.regex { color: #E9C062; } .token.important { color: #fd971f; } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .u-text-color-focus { color: #F1645D; } .u-text-color-quiet { color: #818C9C; } .u-text-l { font-size: 24px; } .u-text-uppercase { text-transform: uppercase; } .u-text-strong { font-weight: 600; }