@font-face { font-family: 'Uni Neue'; src: url('../../registrationv2/fonts/UniNeueRegular.woff2?1') format('woff2'), url('../../registrationv2/fonts/UniNeueRegular.woff?1') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Uni Neue'; src: url(../../registrationv2/fonts/UniNeueBook.woff2?1) format('woff2'), url(../../registrationv2/fonts/UniNeueBook.woff?1) format('woff'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Uni Neue'; src: url(../../registrationv2/fonts/UniNeueBold.woff2?1) format('woff2'), url(../../registrationv2/fonts/UniNeueBold.woff?1) format('woff'); font-weight: 600; font-style: normal; font-display: swap; }

html, body, div, span, object, iframe, nav, h1, h2, h3, h4, h5, h6, hr, p, a, button, code, dfn, small, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, input, textarea, legend, table, figure, tr, th, td { border: 0px; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; text-decoration: none; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; }
*:not(figure):not([data-type='expand']) > *:not(.first):first-child, *:not([data-type='expand']) > [class~='hide']:first-child + *, *:not([data-type='expand']) > [class~='hidden']:first-child + *, *:not([data-type='expand']) > [type='hidden']:first-child + *, label.input > [data-field]:first-child + *, [data-type='expand']:first-child > *, [data-icon]:first-child + * { margin-top: 0px !important; }

html, body { margin: 0px; padding: 0px; }
body, input, textarea, select, button { font-family: 'Uni Neue', sans-serif; font-size: 16px; font-weight: 400; line-height: 20px; color: #061423; -webkit-text-size-adjust: none !important; -webkit-font-smoothing: antialiased; }
section, header, article, aside, footer { display: block; position: relative; box-sizing: border-box; }
::selection { background: #F4DA68; color: #2A2A2A; }
::-moz-selection { background: #F4DA68; color: #2A2A2A; }
dfn { display: none; }

body { background-color: #F6F6F6; }
section { max-width: 980px; margin: 0px auto; padding: 80px 40px; }
section > main { background-color: #FFFFFF; box-shadow: 0px 0px 8px 0px #dadada; }
header { display: flex; flex-flow: row wrap; }
header #logo { margin-right: auto; padding: 30px; text-align: center; }
header #logo > svg { width: 60px; height: 66px; }
header #logo > svg path.silver { fill: #BAC6CF; }
header #logo > h6 { margin-top: 5px; font-size: 12px; line-height: 12px; color: #BFBFBF; }
header aside { margin: 20px 20px 20px 0px; text-align: right; align-self: flex-end; }
header aside dl { position: relative; top: -20px; text-align: left; float: left; }
header aside dl > dt:first-child { float: left; }
header aside dl > dt img { display: block; width: 50px; height: 50px; background-color: #FFFFFF; }
header aside dl > dd { margin-left: 60px; }
header aside dl > dd + dd { margin-top: 1px; }
header aside > * { margin-top: 0px; vertical-align: bottom; }
header aside > *:not(dl) + * { margin-left: 2px; }
header aside button[data-status='online'] { background-color: #72AF45; }
header aside button[data-status='offline'] { background-color: #DD9F32; }
header #steps { display: flex; width: 100%; color: #FFFFFF; background-color: #FFFFFF; clear: both; overflow: hidden; }
header #steps > * { position: relative; max-width: 70px; margin: 0px; padding: 20px; font-weight: 600; box-sizing: border-box; background-color: #004B8D; white-space: nowrap; flex: 0 0 60px; }
header #steps > *:before { display: inline-block; width: 28px; margin-right: 20px; font-weight: 600; line-height: 28px; text-align: center; color: #004B8D; border: 1px solid #FFFFFF; border-radius: 2px; background-color: #FFFFFF; }
header #steps > *:after { display: none; }
header #steps > *:nth-child(2) { background-color: #235B98; }
header #steps > *:nth-child(3) { background-color: #3E6FA4; }
header #steps > *.active { max-width: none; flex: 1 1 auto; }
header #steps > *.active ~ *:before { color: #FFFFFF; background-color: transparent; }
header #steps > *.active + *:after { display: block; position: absolute; top: 50%; right: calc(100% - 5px); padding: 5px 5px; font-size: 10px; line-height: 10px; font-weight: 600; text-align: right; text-transform: uppercase; white-space: pre; border-radius: 2px 0px 0px 2px; background-color: inherit; transform: translateY(-50%); }
article { margin: 0px; padding: 40px; }
footer { padding: 40px; background-color: #004B8D; }
footer nav { display: flex; margin: 0px 20px 0px; color: #FFFFFF; box-sizing: border-box; justify-content: center; flex-wrap: wrap; }
footer #social > a { display: flex; width: 210px; height: 40px; max-height: 40px; margin: 0px 5px 10px; padding-right: 10px; border-radius: 2px; background: #AFAFAF; box-sizing: border-box; align-items: center; }
footer #social > a:before { content: ''; display: inline-block; min-width: 38px; min-height: 38px; margin: 1px 10px 1px 1px; float: left; border-radius: 2px 0px 0px 2px; background-color: #FFFFFF; background-size: cover; }
footer #social > a.rolfsorg:before { background-image: url('https://graph.facebook.com/308758984463/picture?type=normal'); }
footer #social > a.pminternational:before { background-image: url('https://graph.facebook.com/141546862568549/picture?type=normal'); }
footer #social > a.fitline:before { background-image: url('https://graph.facebook.com/148979145151281/picture?type=normal'); }
footer #legal > a { margin-right: 20px; margin-bottom: 10px; }
footer h5 { margin-top: 0px; text-align: center; text-transform: uppercase; font-weight: 600; color: #FFFFFF; }
footer h5 > a { margin-left: 5px; }

p, hr, h1, h2, h3, h4, h5, h6, ul, ol { margin-top: 20px; }
label p, label h5 { margin-top: 5px; }
p { line-height: 16px; }
p > [class~='outline'] { display: inline-block; min-width: 7px; margin: auto 2px; padding: 3px; font-size: 10px; line-height: 7px; vertical-align: bottom; border: 1px solid; border-radius: 2px; }
h4 + h6 { margin-top: 0px; }
a:not(.button) { font-weight: 600; color: inherit; }
hr { height: 1px; background-color: #D5D5D5; clear: both }
ul, ol { padding-left: 16px; }
ul { list-style: none; }
ul[data-bullet] > li:before { content: ''; display: block; margin: 6px 0px 6px -16px; float: left; }
ul[data-bullet='square'] > li:before { width: 4px; height: 4px; border-radius: 1px; background-color: #585858; }
ol { position: relative; counter-reset: item; }
ol > li { display: block; }
ol[data-bullet='alphabet'] > li:before { content: counter(item, upper-alpha); }
ol:not([data-bullet]) > li:before { content: counters(item, "."); }
ol > li:before { counter-increment: item; position: absolute; left: 0px; font-weight: 600; }
ol > li + li {  margin-top: 5px; }
ol > li > ol { margin-top: 11px; padding-left: 28px; }
ol > li > ol[data-bullet='alphabet'] { padding-left: 16px; }
ol > li > ol:after { content: ''; position: absolute; top: -6px; left: -16px; right: 0px; height: 1px; border-bottom: 1px dotted #D5D5D5 }

[data-for^='mobile'] { display: none !important; }
[data-for='desktop'] { display: block !important; }
[data-for='desktop-inline'] { display: inline-block !important; }
[data-for='desktop-flex'] { display: flex !important; }

[class~='blue']:not(fieldset):not(figure):not(button):not(.box):not(.image):not(.button) { color: #004B8D; fill: #004B8D; }
[class~='red']:not(fieldset):not(figure):not(button):not(.box):not(.image):not(.button) { color: #BD2D3D; fill: #BD2D3D; }
[class~='green']:not(fieldset):not(figure):not(button):not(.box):not(.image):not(.button) { color: #72AF45; fill: #72AF45; }
[class~='silver']:not(fieldset):not(figure):not(button):not(.box):not(.image):not(.button) { color: #C0C0C0; fill: #C0C0C0; }
fieldset.blue, [class~='box'].blue, figure.blue, [class~='image'].blue { border-color: #004B8D; }
fieldset.red, [class~='box'].red, figure.red, [class~='image'].red { border-color: #BD2D3D; }
fieldset.green, [class~='box'].green, figure.green, [class~='image'].green { border-color: #72AF45; }
fieldset.silver, [class~='box'].silver, figure.silver, [class~='image'].silver { border-color: #DADADA; }
fieldset.fill, [class~='box'].fill { color: #FFFFFF; }
fieldset.fill, [class~='box'].fill hr { background-color: #D0606C; }
fieldset.fill *:before, [class~='box'].fill *:before { background-color: #FFFFFF; }
fieldset.fill.blue, [class~='box'].fill.blue, button.blue, button.blue > [data-icon]:before, button.blue > [data-icon]:not([data-icon$='arrow']):not([data-icon='video']):after, [class~='button'].blue, [class~='button'].blue > [data-icon]:before, [class~='button'].blue > [data-icon]:not([data-icon$='arrow']):not([data-icon='video']):after, [data-icon].blue { background-color: #004B8D; }
fieldset.fill.red, [class~='box'].fill.red, button.red, button.red > [data-icon]:before, button.red > [data-icon]:not([data-icon$='arrow']):not([data-icon='video']):after, [class~='button'].red, [class~='button'].red > [data-icon]:before, [class~='button'].red > [data-icon]:not([data-icon$='arrow']):not([data-icon='video']):after, [data-icon].red { background-color: #BD2D3D; }
fieldset.fill.green, [class~='box'].fill.green, button.green, button.green > [data-icon]:before, button.green > [data-icon]:not([data-icon$='arrow']):not([data-icon='video']):after, [class~='button'].green, [class~='button'].green > [data-icon]:before, [class~='button'].green > [data-icon]:not([data-icon$='arrow']):not([data-icon='video']):after, [data-icon].green { background-color: #72AF45; }
button.blue > [data-icon$='arrow']:after, [class~='button'].blue > [data-icon$='arrow']:after, button.blue > [data-icon='video']:after, [class~='button'].blue > [data-icon='video']:after { border-color: #004B8D; }
button.red > [data-icon$='arrow']:after, [class~='button'].red > [data-icon$='arrow']:after , button.red > [data-icon='video']:after, [class~='button'].red > [data-icon='video']:after { border-color: #BD2D3D; }
button.green > [data-icon$='arrow']:after, [class~='button'].green > [data-icon$='arrow']:after , button.green > [data-icon='video']:after, [class~='button'].green > [data-icon='video']:after { border-color: #72AF45; }

[class~='h2'], h2 { font-size: 22px; line-height: 22px; }
[class~='h4'], h4 { font-size: 16px; line-height: 18px; }
[class~='h5'], h5 { font-size: 12px; line-height: 14px; }
[class~='h6'], h6 { font-size: 10px; line-height: 12px; }
[class~='normal'] { font-weight: 400; }
[class~='bold'], b { font-weight: 600; }
[class~='italic'], i { font-style: italic; }
[class~='strike'], s { text-decoration: line-through; }
[class~='caps'] { text-transform: uppercase; }
[class~='center']:not([data-type='table']):not([data-type='tab']) { text-align: center; }
[class~='right']:not([data-type='table']):not([data-type='tab']) { text-align: right; }
[class~='nowrap'] { display: inline; white-space: nowrap; }
[class~='hide'], [class~='hidden'] { display: none !important; }
[data-before]:before { content: attr(data-before); }
[data-after]:after { content: attr(data-after); }

[data-limit] { overflow: hidden; }
[data-limit]:after { content: '\2014'; display: block; opacity: 0.20; }
p[data-limit='2'], figcaption[data-limit='2'] { height: 32px; }
p[data-limit='3'], figcaption[data-limit='3'] { height: 48px; }

[data-ratio] { position: relative; width: 100%; height: 0px; padding: 0px; overflow: hidden; }
[data-ratio='4:3'] { padding-bottom: 75%; }
[data-ratio='3:2'] { padding-bottom: 66.66%; }
[data-ratio='8:5'] { padding-bottom: 62.5%; }
[data-ratio='16:9'] { padding-bottom: 56.25%; }
[data-ratio] > * { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; }
figure[data-ratio] > * { width: calc(100% - 10px); height: calc(100% - 10px); }

[data-flag] { display: none; position: relative; width: 45px; height: 30px; vertical-align: top; border-radius: 2px; background: url('../images/flags.svg') no-repeat; background-size: 180px 300px; }
[data-flag='de'], [data-flag='uk'], [data-flag='se'], [data-flag='fi'], [data-flag='it'], [data-flag='no'], [data-flag='pl'], [data-flag='cn'], [data-flag='th'], [data-flag='es'], [data-flag='ru'], [data-flag='us'], [data-flag='bg'], [data-flag='lu'], [data-flag='fr'], [data-flag='tw'], [data-flag='ca'], [data-flag='jp'] { display: inline-block; }
[data-flag='de'] { background-position: 0px -30px; }
[data-flag='uk'] { background-position: 0px -60px; }
[data-flag='se'] { background-position: 0px -90px; }
[data-flag='fi'] { background-position: 0px -120px; }
[data-flag='it'] { background-position: 0px -150px; }
[data-flag='no'] { background-position: 0px -180px; }
[data-flag='pl'] { background-position: 0px -210px; }
[data-flag='cn'] { background-position: 0px -240px; }
[data-flag='th'] { background-position: 0px -240px; }
[data-flag='th'] { background-position: 0px -270px; }
[data-flag='ch'] { background-position: -48px 0px; }
[data-flag='es'] { background-position: -48px -30px; }
[data-flag='ru'] { background-position: -45px -60px; }
[data-flag='us'] { background-position: -45px -90px; }
[data-flag='bg'] { background-position: -45px -120px; }
[data-flag='lu'] { background-position: -45px -150px; }
[data-flag='fr'] { background-position: -45px -180px; }
[data-flag='tw'] { background-position: -45px -210px; }
[data-flag='ca'] { background-position: -45px -240px; }
[data-flag='jp'] { background-position: -45px -270px; }

html.freeze { overflow: hidden; }
html.freeze body, html.freeze [data-type='modal'] { overflow-y: scroll; }
[data-type='modal'] { display: block; position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: rgba(0, 0, 0, 0.90); animation: fadeIn 0.4s ease; z-index: 3; }
[data-type='modal'].close { animation: fadeOut 0.40s ease; }
[data-type='modal'].closable { cursor: pointer; }
[data-type='modal'].closable:before, [data-type='modal'].closable:after { content: ''; display: block; position: absolute; top: 42px; right: 30px; width: 24px; height: 2px; background-color: #FFFFFF; }
[data-type='modal'].closable:before { transform: translateY(0) rotate(45deg); }
[data-type='modal'].closable:after { transform: translateY(0) rotate(-45deg); }
[data-type='modal'] > [data-modal] { position: absolute; top: 50%; left: 50%; width: calc(100% - 120px); max-width: 400px; padding: 40px; text-align: center; border-radius: 4px; background-color: #FFFFFF; box-sizing: border-box; transform: translate(-50%, -50%); clear: both; cursor: default; }
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }
[data-type='modal'] > [data-modal="loading"] { padding: 0px; animation-delay: -0.50s; }
[data-type='modal'] > [data-modal="loading"], [data-type='modal'] > [data-modal="loading"]:before, [data-type='modal'] > [data-modal="loading"]:after { width: 10px; height: 10px; border-radius: 2px; background-color: rgba(255, 255, 255, 0.10); animation: fadeInOut 1.00s infinite ease both; }
[data-type='modal'] > [data-modal="loading"]:before, [data-type='modal'] > [data-modal="loading"]:after { content: ''; position: absolute; }
[data-type='modal'] > [data-modal="loading"]:before { left: -20px; animation-delay: -0.25s; }
[data-type='modal'] > [data-modal="loading"]:after { right: -20px; animation-delay: -0.75s; }
[data-type='modal'] > [data-modal="video"] { max-width: 800px; padding: 4px; background-color: #000000; }
[data-type='modal'] > [data-modal="video"] > iframe { width: 100%; height: auto; }
[data-modal-click]:hover { cursor: pointer; }
figure[data-modal-click='video']:before, figure[data-modal-click='video']:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
figure[data-modal-click='video']:before { width: 50px; height: 35px; border-radius: 10px; background-color: #2A2A2A; opacity: 0.80; z-index: 1; }
figure[data-modal-click='video']:after { width: 0px; height: 0px; border-style: solid; border-width: 7px 0 7px 14px; border-color: transparent transparent transparent #FFFFFF; z-index: 2; }
figure[data-modal-click='video']:hover:before { background-color: #E21D17; opacity: 1.00; }
@keyframes fadeInOut { 0%, 100% { background-color: rgba(255, 255, 255, 0.10); } 25% { background-color: rgba(255, 255, 255, 1.00); } }

[data-type='split'] { display: flex; width: calc((100%) + (20px)); margin-top: 20px; margin-left: -10px; }
[data-type='split']:after { content: ''; display: block; clear: both; }
[data-type='split'] > * { margin-top: 0px !important; margin-right: 10px; margin-left: 10px; float: left; }
[data-type='split'] > *:not([data-split]) { flex-shrink: 0; }
[data-type='split'] > [data-split] { position: relative; width: calc(100% - 20px); }
[data-type='split'] > [data-split='1\/2'] { width: calc(100% / 2 - 20px); }
[data-type='split'] > [data-split='1\/3'] { width: calc(100% / 3 - 20px); }
[data-type='split'] > [data-split='2\/3'] { width: calc(100% / 3 * 2 - 20px); }
[data-type='split'] > [data-split='1\/4'] { width: calc(100% / 4 - 20px); }
[data-type='split'] > [data-split='3\/4'] { width: calc(100% / 4 * 3 - 20px); }
[data-type='split'] > [data-split='1\/5'] { width: calc(100% / 5 - 20px); }
[data-type='split'] > [data-split='2\/5'] { width: calc(100% / 5 * 2 - 20px); }
[data-type='split'] > [data-split='3\/5'] { width: calc(100% / 5 * 3 - 20px); }
[data-type='split'] > [data-split='4\/5'] { width: calc(100% / 5 * 4 - 20px); }
[data-type='split'] > [class~='top'] { align-self: flex-start; }
[data-type='split'] > [class~='middle'] { align-self: center; }
[data-type='split'] > [class~='bottom'] { align-self: flex-end; }
[data-type='split'].wrap { margin-bottom: -20px; flex-wrap: wrap; }
[data-type='split'].wrap > [data-split] { margin-bottom: 20px; }

[data-type='tab'] { display: flex; margin-top: 20px; }
[data-type='tab'].right { justify-content: flex-end; }
[data-type='tab'] > [data-tab] { min-width: 25%; }
[data-type='tab'] > [data-tab]:not(:first-child) { margin-left: 10px; }
[data-type='tab'] > [data-tab].active { z-index: 1; }
[data-type='tab'] > [data-tab]:not(.active) { cursor: pointer; }
[data-type='tab'] > [data-tab].fieldset { position: relative; padding: 0px 20px; height: 18px; }
[data-type='tab'] > [data-tab].fieldset:before, [data-type='tab'] > [data-tab].fieldset:after { content: ''; display: block; position: absolute; }
[data-type='tab'] > [data-tab].fieldset:before { top: 6px; right: 0px; bottom: -11px; left: 0px; border: 1px solid #E8E8E8; border-bottom: none; border-radius: 2px 2px 0px 0px; }
[data-type='tab'] > [data-tab].fieldset:after { top: 7px; right: 1px; bottom: -12px; left: 1px; background-color: #FFFFFF; z-index: -1; }
[data-type='tab'] > [data-tab].fieldset.active:before { border-color: #9D9FA1; }
[data-type='tab'] > [data-tab].fieldset.active > [class~='legend'] { display: inline-block; }
[data-type='tab'] > [data-tab].fieldset.active > [class~='legend'] > * { padding-top: 3px; color: #A5B5CC; }
[data-type='tab'] > [data-tab].fieldset:not(.active) > [class~='legend'] { color: inherit; }
[data-type='tab'] > [data-tab].fieldset:not(.active) > [class~='legend'] > * { display: none; }

[data-type='expand'] { max-height: 0px; overflow: hidden; }
[data-type='expand'].open { max-height: none; }
[data-type='change'] { margin-top: 20px; }
[data-type='change'] > [data-change] { display: none; }
[data-type='change'] > [data-change].active { display: block; }

[data-type='table'] { display: flex; flex: 100; flex-flow: column nowrap; margin-top: 20px; justify-content: space-between; }
[data-type='table'] > [data-table~='row'] { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; box-sizing: border-box; }
[data-type='table'] > [data-table~='row'] > div { flex: 100; flex-direction: column; flex-basis: 0px; justify-content: center; box-sizing: border-box; word-break: break-word; hyphens: auto; }
[data-type='table'].center > [data-table~='row'] > div { text-align: center; }
[data-type='table'].right > [data-table~='row'] > div { text-align: right; }
[data-type='table'] [data-table~='head'] { text-transform: uppercase; font-size: 12px; line-height: 12px; font-weight: 600; }
[data-type='table'].list > [data-table] { padding: 10px 0px; }
[data-type='table'].list > [data-table] ~ [data-table] { border-top: 1px solid #D5D5D5; }
[data-type='table'].list > [data-table]:first-child { padding-top: 0px; }
[data-type='table'].list > [data-table]:last-child { padding-bottom: 0px; }
[data-type='table'].list > [data-table~='row'] > div + div { margin-left: 10px; }
[data-type='table'].list > [data-table~='row'] + [data-type='expand']:last-child { margin-bottom: -10px;x`x }
[data-type='table'].grid > [data-table] { border: 1px solid #D5D5D5; border-top-width: 0px; overflow: hidden; }
[data-type='table'].grid > [data-table]:first-child { border-top-width: 1px; border-top-left-radius: 2px; border-top-right-radius: 2px; }
[data-type='table'].grid > [data-table]:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
[data-type='table'].grid > [data-table~='row'] > div { position: relative; width: 100%; padding: 10px; }
[data-type='table'].grid > [data-table~='row'] > div[data-table~='head'] { flex: 50; }
[data-type='table'].grid > [data-table~='row'] > div + div:before { content: ''; display: block; position: absolute; top: -100px; bottom: -100px; left: 0px; width: 1px; background-color: #D5D5D5; }

[data-type='table'] > [data-table~='row'] > div.product { text-align: left; flex: 200; }
[data-type='table'] > [data-table~='row'] > div.enrollee { flex: 50; }
[data-type='table'] > [data-table~='row'] > div.price, [data-type='table'] > [data-table~='row'] > div.total { white-space: nowrap; }
[data-type='table'] > [data-table~='row'] > div.total { text-align: right; }
[data-type='table'] > [data-table~='row'] > a.details { position: relative; top: -10px; margin-bottom: -20px; margin-right: -10px; padding: 10px; }
[data-type='table'].list > [data-type='expand'] > * { margin-top: 0px; padding-bottom: 10px; }

[data-type='countdown'] { display: flex; margin-bottom: -6px; text-align: center; justify-content: center; }
[data-type='countdown'] > [data-countdown] { display: flex; position: relative; flex: 1; font-size: 24px; font-weight: 600; line-height: 28px; flex-wrap: wrap; }
[data-type='countdown'] > [data-countdown]:after { content: attr(data-title); display: block; padding-top: 5px; font-size: 12px; font-weight: 400; line-height: 12px; text-transform: uppercase; flex-basis: 100%; clear: both; opacity: 0.50; }
[data-type='countdown'] > [data-countdown] + [data-countdown] { margin-left: 20px; }
[data-type='countdown'] > [data-countdown] + [data-countdown]:before { content: ':'; display: block; position: absolute; top: 0px; left: -20px; width: 20px; padding-top: 10px; color: #C7C7C7; font-weight: 400; animation: blinkBlink 1.00s step-start infinite; }
[data-type='countdown'] > [data-countdown] div { position: relative; flex: 1; padding: 10px 0px; color: #004B8D; border: 2px solid #BD2D3D; border-radius: 6px; box-sizing: border-box; float: left; }
[data-type='countdown'] > [data-countdown] div + div { margin-left: 5px; }
@keyframes blinkBlink { 50% { opacity: 0.00; } }

fieldset, [class~='box'], figure, [class~='image'] { position: relative; margin-top: 20px; box-sizing: border-box; }
[class~='box'], figure, [class~='image'] { border-radius: 2px; border: 1px solid; border-radius: 2px; }
fieldset, [class~='box'] { margin-top: 40px; }
[class~='box'] { min-width: inherit; padding: 20px; border-color: #9D9FA1; }
[class~='box'].thin { padding: 10px; }
figure, [class~='image'] { display: flex; padding: 10px; border-color: #EEEEEE; justify-content: center; align-items: center; flex-direction: column; }
figure[data-after]:after, [class~='image'][data-after]:after { display: block; position: absolute; top: 10px; right: 10px; padding: 4px 6px; border-radius: 2px; font-size: 16px; font-weight: 600; line-height: 16px; color: #BD2D3D; box-sizing: border-box; border: 2px solid #BD2D3D; background-color: #FFFFFF; }
figure > img, [class~='image'] > img { max-width: 100%; height: auto; margin: auto; border-radius: 2px; }
figure > figcaption { width: 100%; border-width: 0px; border-style: solid; border-color: inherit; }
figure > figcaption:first-child:not(:only-child) { margin-bottom: 10px; padding-bottom: 10px; border-bottom-width: 1px; align-self: flex-start; }
figure > figcaption:last-child:not(:only-child) { margin-top: 10px; padding-top: 10px; border-top-width: 1px; align-self: flex-end; }

label:not(.input) { display: block; margin-top: 20px; line-height: 16px; overflow: hidden; }
label:not(.input) + *, label:not(.input) + [data-type='split'] { margin-top: 10px !important; }
label.input, input, textarea, select { width: 100%; max-width: 100%; margin: 0px; text-align: left; background-color: transparent; }
label.input, [data-field] > input, [data-field] > textarea, [data-field='select'], [class~="field"] { display: block; padding: 19px; line-height: 20px; white-space: normal; color: inherit; border-color: inherit; box-sizing: border-box; }
label.input.thin, [data-field].thin > input, [data-field].thin > textarea, [data-field='select'].thin { padding: 4px 6px; }
label.input, [data-field], [class~="field"] { display: inline-block; width: 100%; min-height: 60px; margin-top: 20px; border: 1px solid; box-sizing: border-box; }
label.input.thin, [data-field].thin, [class~="field"].thin { min-height: 40px; }
label.input { position: relative; padding-left: 58px; border-color: #EEEEEE; clear: both; }
label.input > [data-field='radio'], label.input > [data-field='checkbox'] { position: absolute; top: 14px; left: 14px; }
label.input.blank { line-height: 43px; }
input:not([data-type='field']), textarea:not([data-type='field']), select:not([data-type='field']) { display: none; }
[data-field], [class~="field"] { position: relative; border-color: #DADADA; background-color: #FFFFFF; }
[data-field].focus, [data-field='radio'], [data-field='checkbox'] { background-color: #EBF3FC; box-shadow: 0px 0px 1px 1px inset #FFFFFF; }
[data-field] > input { height: 58px; }
[data-field].thin > input { height: 38px; }
[data-field] > span:before, [data-field] > span:after { content: ''; display: block; position: absolute; }
[data-field].disabled, [class~="field"].disabled { opacity: 0.50; color: #000000; cursor: not-allowed !important; }
label.input.error:after, [data-field].error:after { content: '!'; display: block; position: absolute; margin: 0px 10px -7px; right: 0px; bottom: 100%; min-width: 7px; max-width: 100%; padding: 2px 3px; font-size: 10px; font-weight: 600; line-height: 9px; text-align: center; text-transform: uppercase; color: #BD2D3D; border-radius: 2px; border: 1px solid #BD2D3D; background-color: #FFFFFF; }
label.input.error[data-error]:hover:after, [data-field].error[data-error]:hover:after { content: attr(data-error); text-align: right; }
[data-field] > select, [data-field] > input[type='radio'], [data-field] > input[type='checkbox'] { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; height: 100%; opacity: 0.00; cursor: inherit; }
[data-field='number'], [data-field='select'].number { max-width: 94px; }
[data-field='number'] > input { padding-right: 48px; text-align: center; cursor: inherit; }
[data-field='number'] > span { display: block; position: absolute; top: 2px; right: 2px; width: 26px; height: 26px; padding: 8px; background-color: #D3D3D3; box-sizing: border-box; cursor: inherit; }
[data-field='number'] > span + span { top: auto; bottom: 2px; background-color: #E3E3E3; }
[data-field='number'] > span:before, [data-field='number'] > span:after { background-color: #FFFFFF; }
[data-field='number'] > span:before, [data-field='number'] > [class^='+']:after { width: 10px; height: 2px; margin-top: 4px; }
[data-field='number'] > [class^='+']:after { transform: rotate(-90deg); }
[data-field='number']:not([class~='disabled']) > span { cursor: pointer; }
[data-field='number'].thin, [data-field='select'].thin.number { max-width: 64px; }
[data-field='number'].thin > input { padding-right: 28px; }
[data-field='number'].thin > span { top: 1px; right: 1px; width: 18px; height: 18px; padding: 5px; }
[data-field='number'].thin > span + span { top: auto; bottom: 1px; }
[data-field='number'].thin > span:before, [data-field='number'].thin > [class^='+']:after { width: 8px; margin-top: 3px; }
[data-field='select'] { padding-right: 48px; cursor: pointer; }
[data-field='select'] > span { display: block; white-space: nowrap; text-align: left; text-overflow: ellipsis; overflow: hidden; }
[data-field='select'] > span:before { top: 27px; right: 19px; border: 5px solid transparent; border-top-color: inherit; border-bottom-width: 0px; pointer-events: none; }
[data-field='select'].thin { padding-right: 28px; }
[data-field='select'].thin > span { line-height: 20px; }
[data-field='select'].thin > span:before, [data-field='select'].thin > span:after { right: 6px; }
[data-field='select'].thin > span:before { top: 9px; }
[data-field='select'].thin > span:after { bottom: 9px; }
[data-field='radio'], [data-field='checkbox'] { width: 30px; min-height: 30px; padding: 6px; cursor: pointer; }
[data-field='radio'] { border-radius: 100em; }
[data-field='radio'].checked:before, [data-field='checkbox'].checked:before { content: ''; display: block; height: 10px; }
[data-field='radio'].checked:before { width: 10px; margin: 3px; border-radius: 100em; background-color: #004B8D; }
[data-field='checkbox'].checked:before { width: 5px; margin-left: 4px; border: solid #004B8D; border-width: 0px 3px 3px 0px; -ms-transform: rotate(45deg); transform: rotate(45deg); }

label.input > span.support { margin: 2px 0px; float: right; }
label.input > span.support > span { margin-left: 2px; opacity: 0.50; float: left; }
label.input > [data-field].checked + span.support > span { opacity: 1.00; }

legend, [class~='legend'] { position: relative; max-width: 100%; font-size: 20px; font-weight: 600; line-height: 22px; background-color: #FFFFFF; }
[class~='box'] > [class~='legend'], label.input > [class~='legend'] { position: absolute; top: 0px; left: 20px; transform: translate(0%, -50%); }
[class~='box'] > [class~='legend'].right, label.input > [class~='legend'].right { right: 20px; left: auto; }

button { text-align: left; }
button, [class~='button'] { display: inline-block; position: relative; max-width: 100%; min-height: 60px; margin-top: 40px; padding: 20px 40px; font-weight: 600; line-height: 20px; color: #FFFFFF; border: 1px solid transparent; border-radius: 100em; box-sizing: border-box; background-color: #061423; }
button, a[class~='button'] { cursor: pointer; }
button + button, button + [class~='button'], button + a, [class~='button'] + button, [class~='button'] + [class~='button'], [class~='button'] + a { margin-left: 7px; }
button > [data-icon], [class~='button'] > [data-icon] { display: none !important; background-color: #FFFFFF; float: right; }
button > [data-icon]:before, button > [data-icon]:not([data-icon='rightarrow']):not([data-icon='video']):after, [class~='button'] > [data-icon]:before, [class~='button'] > [data-icon]:not([data-icon='rightarrow']):not([data-icon='video']):after { background-color: #061423; }
button > [data-icon] ~ *, [class~='button'] > [data-icon] ~ * { float: left; clear: left; }
button > [data-icon='rightarrow']:after, [class~='button'] > [data-icon='rightarrow']:after, button > [data-icon='video']:after, [class~='button'] > [data-icon='video']:after { border-color: #061423; }
button.thin, [class~='button'].thin { min-height: 40px; padding: 9px 18px; }
button.thin:disabled { cursor: not-allowed !important; background-color: #B4B2B2;}

button.thin > [data-icon], [class~='button'].thin > [data-icon] { right: -4px; margin-left: 6px; }
button:not(.thin) > [data-icon], [class~='button']:not(.thin) > [data-icon], button.thin > [data-icon].big, [class~='button'].thin > [data-icon].big { width: 16px; height: 16px; padding: 7px; margin-left: 9px; }
button:not(.thin) > [data-icon], [class~='button']:not(.thin) > [data-icon] { top: -7px; right: -11px; margin-bottom: -14px; }
button:not(.thin) > [data-icon='plus']:before, [class~='button']:not(.thin) > [data-icon='plus']:before, button:not(.thin) > [data-icon='plus']:after, [class~='button']:not(.thin) > [data-icon='plus']:after, [data-icon='plus'].big:before, [data-icon='plus'].big:after { width: 16px; height: 4px; margin-top: 6px; }
button:not(.thin) > [data-icon='rightarrow']:before, [class~='button']:not(.thin) > [data-icon='rightarrow']:before, [data-icon='rightarrow'].big:before { width: 8px; height: 6px; margin-top: 5px; }
button:not(.thin) > [data-icon='rightarrow']:after, [class~='button']:not(.thin) > [data-icon='rightarrow']:after, [data-icon='rightarrow'].big:after { margin-left: 8px; border-width: 8px; }
button:not(.thin) > [data-icon='video']:before, [class~='button']:not(.thin) > [data-icon='video']:before, [data-icon='video'].big:before { width: 11px; height: 16px; }
button:not(.thin) > [data-icon='video']:after, [class~='button']:not(.thin) > [data-icon='video']:after, [data-icon='video'].big:after { margin-left: 8px; border-width: 8px; }

button.loading > [data-icon], [class~='button'].loading > [data-icon] { border-radius: 50%; animation: spinAround 0.60s linear infinite; }
button.loading > [data-icon]:before, button.loading > [data-icon]:after, [class~='button'].loading > [data-icon]:before, [class~='button'].loading > [data-icon]:after { content: ''; width: auto; height: auto; margin: 0px; border-radius: 50%; }
button.loading > [data-icon]:before, [class~='button'].loading > [data-icon]:before { border-style: solid; border-color: transparent; border-bottom-color: inherit !important; }
button.loading > [data-icon]:after, [class~='button'].loading > [data-icon]:after { border: 0px; background-color: inherit; }
button.loading.thin > [data-icon]:before, [class~='button'].loading.thin > [data-icon]:before { top: 2px; right: 2px; bottom: 2px; left: 2px; border-width: 2px; }
button.loading.thin > [data-icon]:after, [class~='button'].loading.thin > [data-icon]:after { top: 4px; right: 4px; bottom: 4px; left: 4px; }
button.loading:not(.thin) > [data-icon]:before, [class~='button'].loading:not(.thin) > [data-icon]:before, button.loading > [data-icon].big:before, [class~='button'].loading > [data-icon].big:before { top: 4px; right: 4px; bottom: 4px; left: 4px; border-width: 3px; }
button.loading:not(.thin) > [data-icon]:after, [class~='button'].loading:not(.thin) > [data-icon]:after, button.loading > [data-icon].big:after, [class~='button'].loading > [data-icon].big:after { top: 7px; right: 7px; bottom: 7px; left: 7px; }

@keyframes spinAround { 100% { transform: rotate(360deg); } }

[data-icon] { display: block; position: relative; width: 8px; height: 8px; padding: 4px; border-radius: 2px; background-color: #061423; }
[data-icon]:before, [data-icon]:after { content: ''; display: block; position: absolute; background-color: #FFFFFF; }
[data-icon='plus']:before, [data-icon='plus']:after { width: 8px; height: 2px; margin-top: 3px; }
[data-icon='plus']:after { transform: rotate(-90deg); }
[data-icon='rightarrow']:before { margin-top: 3px; width: 4px; height: 2px; }
[data-icon='rightarrow']:after { margin-left: 4px; border: 4px solid transparent; border-right: none; border-right-color: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; border-left-color: #FFFFFF; background-color: transparent; }
[data-icon='video']:before { width: 5px; height: 8px; }
[data-icon='video']:after { margin-left: 4px; border: 4px solid transparent; border-left: none; border-left-color: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; border-right-color: #FFFFFF; background-color: transparent; }
[data-expand-click].open > [data-icon='plus']:after { display: none; }

[data-loot] { display: block; position: relative; width: 22px; height: 14px; border: 1px solid #9D9FA1; border-radius: 2px; background-color: #FFFFFF; }
[data-loot]:before, [data-loot]:after { content: ''; display: block; position: absolute; }
[data-loot='cash']:before { width: 20px; height: 12px; margin: 1px; background: #65A15A; background: linear-gradient(0deg, transparent 0px, #65A15A 0px) top left, linear-gradient(0deg, transparent 0px, #65A15A 0px) top right, linear-gradient(0deg, transparent 0px, #65A15A 0px) bottom right, linear-gradient(0deg,  transparent 0px, #65A15A 0px) bottom left; background-image: radial-gradient(circle at 0px 0px, #FFFFFF 3px, #65A15A 0px), radial-gradient(circle at 100% 0px, #FFFFFF 3px, #65A15A 0px), radial-gradient(circle at 100% 100%, #FFFFFF 3px, #65A15A 0px), radial-gradient(circle at 0px 100%, #FFFFFF 3px, #65A15A 0px); background-size: 50% 50%; background-repeat: no-repeat; }
[data-loot='cash']:after { width: 2px; height: 2px; margin: 4px 8px; border: 2px solid #FFFFFF; border-radius: 6px; }
[data-loot='visa']:before { width: 18px; height: 4px; margin: 2px; border-top: 3px solid #0A5396; border-bottom: 3px solid #F4A728; }
[data-loot='visa']:after { width: 10px; height: 2px; margin: 6px; background-color: #3B75AB; }
[data-loot='mastercard']:before , [data-loot='mastercard']:after { width: 10px; height: 10px; margin: 2px 9px 2px 3px; border-radius: 5px; background-color: #EA2035; }
[data-loot='mastercard']:before { margin: 2px 3px 2px 9px; background-color: #FAB041; }
[data-loot='amex']:before { width: 10px; height: 10px; margin: 2px 6px; background-color: #006CB6; }
[data-loot='amex']:after { width: 10px; height: 1px; margin: 5px 6px 4px; border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; transform: skewX(50deg); }
[data-loot='discover']:before { width: 0px; height: 0px; margin: 8px 0px 0px 7px; border-bottom: 5px solid #FD8A25; border-left: 14px solid transparent; }
[data-loot='discover']:after { width: 3px; height: 3px; margin: 3px 2px 8px; border-left: 9px solid #000000; border-right: 6px solid #000000; background-color: #FD8A25; }
[data-loot='jcb'] { width: 21px; }
[data-loot='jcb']:before { width: 5px; height: 10px; margin: 2px 5px; border-left: 3px solid #1070B4; border-right: 3px solid #159470; border-bottom-left-radius: 2px; border-top-right-radius: 2px; }
[data-loot='jcb']:after { width: 3px; height: 10px; margin: 2px 9px; border-radius: 0px 2px 0px 2px; background-color: #E13144; }
[data-loot='dinersclub']:before { width: 14px; height: 8px; margin: 3px 4px; background-color: #1E478D; border-radius: 4px; }
[data-loot='dinersclub']:after { width: 6px; height: 6px; margin: 4px 11px 4px 5px; border-radius: 3px; background-color: #E9ECF3; }

[data-hover] { position: relative; }
[data-hover]:hover:before, [data-hover]:hover:after { display: block; }
[data-hover]:before, [data-hover]:after { content: ''; display: none; position: absolute; left: 50%; transform: translateX(-50%); }
[data-hover]:before { content: attr(data-hover); bottom: calc(100% + 13px); max-width: 50%; padding: 8px 8px; font-size: 12px; font-weight: 600; line-height: 12px; text-align: center; color: #FFFFFF; border-radius: 2px; background-color: #061423; }
[data-hover]:after { bottom: calc(100% + 5px); width: 0px; height: 0px; border: 8px solid transparent; border-top-color: #061423; border-bottom: none; }

#delivery_type_block { margin-top: 5px; }
#tax_block { margin-top: 40px; }
#sepa_notification { display: none; }
#send_sepa_info { margin-top: 40px; }
.checkout_county_select { margin-top: 4px; }
#continue_errors { margin-bottom: 10px; }
.prelaunch_news .grid[data-type="table"] > [data-table~="row"] > div[data-table~="head"] { flex: 1 1 0; }
.prelaunch_news .delete { float: right; }
.prelaunch_news textarea { resize: vertical; padding: 5px !important; }
.prelaunch_news textarea { white-space: pre-wrap; }
.prelaunch_news .progress_img, #login_form .progress_img { background-image: url("../images/progress_16.gif"); display: none; height: 16px; width: 16px; }
.prelaunch_news .empty_text_error, #login_form #login_error { color: #c83246; display: none; }
#login_form_popup { display: none; }
#login_form td { text-align: left; vertical-align: middle; padding-right: 10px; }
#popup_zone_selector_popup { display: none; }
#popup_zone_selector { text-align: center; padding-top: 20px; }
#popup_zone_selector .image_container { margin-bottom: 10px; }
#popup_zone_selector .image_container img { width: 305px; height: 182px; }
#terms table, th, td { border: 1px solid black; }

@-moz-document url-prefix() {
    label.input.error:after, [data-field].error:after { content: attr(data-error); text-align: right; }
}

@media screen and (max-width: 840px) {
    section, article, fieldset, [class~='box'] { padding: 20px; }
}

@media screen and (max-width: 660px) {
    article button, article [class~='button'] { width: 100%; }
    label.input.blank { display: none; }
    button + button, button + [class~='button'], button + a, [class~='button'] + button, [class~='button'] + [class~='button'], [class~='button'] + a { margin-left: 0px; }
    button + a, [class~='button'] + a { display: block; margin-top: 10px; padding: 10px; border-radius: 2px; background-color: #F0F0F0; }

    [data-for^='desktop'] { display: none !important; }
    [data-for='mobile'] { display: block !important; }
    [data-for='mobile-inline'] { display: inline-block !important; }
    [data-for='mobile-flex'] { display: flex !important; }

    [data-limit] { overflow: visible !important; height: auto !important; }
    [data-limit]:after { display: none; }

    [data-type='split']:not(.fixed) { display: block; }
    [data-type='split']:not(.fixed):not(.wrap) > *:not(:first-child) { margin-top: 10px !important; }
    [data-type='split']:not(.fixed) > [data-split] { width: calc(100% - 10px) !important; }
    [data-type='split']:not(.fixed) > [data-split='1\/4'] { width: calc(100% / 2 - 10px) !important; }
    [data-type='split']:not(.fixed) > [data-split='1\/4']:nth-child(2):not(:first-of-type) { margin-top: 0px; }

    [id='product'][data-type='table'] > [data-table~='row'] > div.price { text-align: right; }
}

@media screen and (max-width: 580px) {
    section, article, fieldset, [class~='box'] { padding: 10px; }
    header nav > * { max-width: 50px; padding: 10px; flex: 0 0 50px; }
    header aside dl > dd { display: none; }

    [data-type='tab'] > [data-tab].fieldset { padding: 0px 10px; }
}

@media screen and (max-width: 420px) {
    [data-type='split']:not(.fixed) > [data-split='1\/4'] { width: calc(100% - 10px); }

    [data-type='countdown'] > [data-countdown] + [data-countdown] { margin-left: 10px; }
    [data-type='countdown'] > [data-countdown] + [data-countdown]:before { left: -10px; width: 10px; }
}
