.seaccount{position:relative}.seaccount h5.heading{background:#e6f1ff;text-align:left;margin:16px 0;display:flex;flex-direction:row;color:white;height:50px;align-items:center;text-transform:none}.seaccount h5.heading.dark{background:#00458b;padding:0 16px}.seaccount h5.heading span.step{display:flex;align-items:center;height:50px;padding:0 0 0 16px;margin:0;background:#00458b;color:white !important;white-space:nowrap}.seaccount h5.heading span.step:after{display:inline-block;content:" ";width:0;height:0;background:#e6f1ff;border-top:25px solid transparent;border-bottom:25px solid transparent;border-left:25px solid #00458b}.seaccount h5.heading span.title{display:flex;align-items:center;width:100%;height:50px;padding-left:16px;background:#e6f1ff;color:#00458b !important}@media all and (max-width: 640px){.seaccount h5.heading{font-size:15px;white-space:normal}.seaccount h5.heading span.step,.seaccount h5.heading span.title{padding-left:8px}}.seaccount .heading-payment{font-size:18px;padding-bottom:4px;border-bottom:5px solid #00458b;padding-top:32px}.seaccount .body{padding:16px;color:#444}@media all and (max-width: 720px){.seaccount .body{padding:8px}}.seaccount .no-padding{padding:0;margin:0}.seaccount .register-image{position:relative}.seaccount .register-image span{position:absolute;top:0;display:flex;align-items:center;justify-content:center;height:85%;font-size:36px;font-weight:900;text-transform:uppercase;padding:32px 64px;text-align:center;color:#d75050;text-shadow:1px 2px 0px #fff,3px 5px 2px rgba(0,0,0,0.15)}@media all and (max-width: 720px){.seaccount .register-image span{font-size:22px;padding:0}}.seaccount .services{padding:36px 0}.seaccount .services .titles{display:flex;flex-direction:column}.seaccount .services .title{display:flex;flex-direction:row;padding:16px}.seaccount .services .title .image{width:30%}.seaccount .services .title .info{width:70%;padding:0 16px;color:grey}@media all and (max-width: 720px){.seaccount .services .title .info{width:100%}.seaccount .services .title .info img{padding:0 32px;margin-bottom:16px}}.seaccount .services .title .info h4{color:#00458b;padding:0;margin:0;text-transform:uppercase;font-size:16px;margin-bottom:16px}.seaccount .services .title .info p{color:#444}@media all and (max-width: 720px){.seaccount .services{padding:0}.seaccount .services .title{padding:0}}.seaccount .button-container{margin:32px 0;width:100%;display:flex;justify-content:center}@media all and (max-width: 720px){.seaccount .button-container a{width:100%}}.seaccount .center{text-align:center}.seaccount .button{font-weight:900;text-align:center;padding:16px 32px;border-radius:6px;border:1px solid #9c8987;min-width:40%;color:white !important}.seaccount .big{padding:24px 32px;width:70%;font-size:20px}@media all and (max-width: 720px){.seaccount .big{padding:8px}}.seaccount .blue{background:#007da4}.seaccount .red{background:#ac0100}.seaccount .orange{background:#c15300}.seaccount .cta{display:flex;flex-direction:row;justify-content:space-around}@media all and (max-width: 720px){.seaccount .cta{flex-direction:column}.seaccount .cta a{margin:8px}}.seaccount .hide-mobile{display:block}@media all and (max-width: 720px){.seaccount .hide-mobile{display:none}}.seaccount .hide-desktop{display:none}@media all and (max-width: 720px){.seaccount .hide-desktop{display:block}}.seaccount .warning{border:1px solid #cdccc9;padding:16px;background:#fff6e7;color:#444}.seaccount .warning a{text-decoration:underline;color:#c25202}.seaccount .warning h3{font-size:16px;margin:0;padding:0}.seaccount .warning ul{margin:0;padding:0;list-style-type:none;padding-left:8px}.seaccount .warning ul>li{text-indent:-5px;margin:12px 0}.seaccount .warning ul>li:before{content:"-";text-indent:-5px;padding-right:8px}.seaccount .support-container{margin:32px 0;width:100%;display:flex;justify-content:center;color:#c15300}@media all and (max-width: 720px){.seaccount .support-container{justify-content:start}}.seaccount .support-container .support{color:#c25202 !important;text-decoration:underline;font-weight:bold;display:flex;flex-direction:row}.seaccount .support-container .circle{border-radius:50%;width:25px;height:25px;background:#c25202;margin-right:8px;color:white;text-align:center;font-weight:900;font-size:23px;text-decoration:none;line-height:27px}.seaccount ul.dashed{list-style-type:none;margin:0;padding:0}.seaccount ul.dashed>li{text-indent:-5px}.seaccount ul.dashed>li:before{content:"-";text-indent:-5px;padding-right:8px}.seaccount .clearfix{clear:both}.seaccount .small{font-size:12px}.seaccount img{max-width:100%}.seaccount .center{text-align:center}.seaccount .inner-sidebar{padding:10px;margin-bottom:15px}.seaccount div.block.seaccount div.content{background:none repeat scroll 0 0 white;border-radius:5px 5px 5px 5px;color:black;margin:5px;padding:10px;text-align:justify}.seaccount .right{float:right}.seaccount .left{float:left}.seaccount div.block.seaccount a{color:black}.seaccount div.block.seaccount a:hover{text-decoration:underline}.seaccount p.dark-bg{width:858px;background-color:grey;color:white;padding:5px 10px}.seaccount #site-menu{display:none}.seaccount #main-content{padding-top:20px;font-family:"Din", "Arial", sans, sans-serif;font-size:14px}.seaccount .other-content{border-bottom:1px solid black;background-color:#272727;width:100%}.seaccount ul.btn_1,.seaccount ul.btn_2{list-style:none;height:80px;width:100%;text-align:center}.seaccount ul.btn_1 li,.seaccount ul.btn_2 li{display:inline-block;height:80px}.seaccount ul.btn_2 li p{text-align:center}.seaccount ul.btn_1.en_GB li a,.seaccount ul.btn_2.en_GB li a{background:url(/documents/static/images/otp/images/btn_charge_en_GB.png) no-repeat;display:block;text-indent:-999999px}.seaccount ul.btn_1.de li a,.seaccount ul.btn_2.de li a{background:url(/documents/static/images/otp/images/btn_charge_de.png) no-repeat;display:block;text-indent:-999999px}.seaccount ul.btn_1.fr li a,.seaccount ul.btn_2.fr li a{background:url(/documents/static/images/otp/images/btn_charge_fr.png) no-repeat;display:block;text-indent:-999999px}.seaccount ul.btn_1 li.btn3 a{width:296px;height:80px;background-position:0 -248px}.seaccount ul.btn_1 li.btn2 a{width:378px;height:80px;background-position:0 -80px}.seaccount ul.btn_2{padding:0 0 30px;max-width:610px;margin:0 auto}.seaccount ul.btn_2 li{display:inline-block;height:100px;text-align:center;width:290px;margin-right:10px}.seaccount ul.btn_2 li a{height:44px}.seaccount ul.btn_2 li.btn1 a{background-position:0 -160px}.seaccount ul.btn_2 li.btn2 a{background-position:0 -205px}.seaccount .seaccount .content .inner dl.bn{float:left;display:inline;margin:0 0 10px 0}.seaccount .inner dd.link{text-align:center;margin:0}.seaccount .notes{text-align:right}.seaccount div.block.seaccount div.contents{padding:5px;font-size:12px}.seaccount div.block.seaccount div.contents a{text-decoration:underline}.seaccount div.block.seaccount div.contents a:hover{text-decoration:none}.seaccount .seaccount h2{text-align:center}@media all and (max-width: 480px){.seaccount .right{float:none}.seaccount .left{float:none}.seaccount .notes{text-align:left}}.seaccount .crysta-nav{display:flex;flex-direction:row}.seaccount .crysta-nav .crysta-nav-item{background:#d7d7d7;color:#444;padding:16px 32px;text-align:center;width:33%;border-left:1px solid white;display:flex;flex-direction:column;justify-content:center;line-height:18px}.seaccount .crysta-nav .crysta-nav-item a{color:#444}.seaccount .crysta-nav .crysta-nav-item .crysta-nav-item-info{font-weight:900;font-size:16px;display:flex;align-items:center;text-align:center;justify-content:center;width:194px;height:65px;margin:0 auto}.seaccount .crysta-nav .crysta-nav-item .crysta-nav-item-info img{width:30px;height:30px;margin-right:8px;float:left}.seaccount .crysta-nav .crysta-nav-item .chevron{width:25px;margin:0 auto}@media all and (max-width: 720px){.seaccount .crysta-nav .crysta-nav-item{width:33.3%;line-height:20px;padding:16px 8px}.seaccount .crysta-nav .crysta-nav-item .crysta-nav-item-info{width:auto;font-size:14px}}.seaccount .mandatory{color:#f01210;font-size:22px}.seaccount .red-text{color:#f01210}.seaccount .token .star{font-size:18px;color:#00458b;font-weight:bold;display:block}.seaccount .token .star:before{content:"*";font-size:22px;top:2px;position:relative}.seaccount .token .list span{font-weight:900}.seaccount .token .list span:before{content:' \25CF';font-size:20px;padding-right:4px;color:#00458b}.seaccount .token .login{padding:32px 128px;display:flex;flex-direction:row;align-items:center}.seaccount .token .login img{width:100%;height:100%}@media all and (max-width: 720px){.seaccount .token .login{padding:32px 0px}}.seaccount .badge-arrow{width:40px !important;margin:0 15px}.seaccount .crysta-info{padding:16px}.seaccount .crysta-info .crysta-images{display:flex;flex-direction:row;align-items:center}.seaccount .crysta-info .crysta-images img{width:100%;height:100%}.seaccount .crysta-info .banner{margin:32px 0;position:relative;font-size:28px;font-weight:900;text-align:center}.seaccount .crysta-info .banner span{position:absolute;top:12px;display:flex;align-items:start;justify-content:center;width:100%;text-transform:uppercase;text-align:center;color:#d75050;text-shadow:1px 2px 0 #fff,3px 5px 2px rgba(0,0,0,0.15)}.seaccount .crysta-info .banner .pay-sub{color:#444;text-shadow:1px 2px 0 #fff,3px 5px 2px rgba(0,0,0,0.15)}@media all and (max-width: 720px){.seaccount .crysta-info .crysta-images{flex-direction:column}.seaccount .crysta-info .badge-arrow{transform:rotate(90deg);width:25px !important}.seaccount .crysta-info .banner{font-size:22px}.seaccount .crysta-info .banner span{position:relative;top:0}}.seaccount .how-to-use{display:flex;flex-direction:row}.seaccount .how-to-use .how-to-use-item{position:relative;background:white;border-radius:6px;border:3px solid #71b1f1;margin:16px;width:33.3%}.seaccount .how-to-use .how-to-use-item .circle{border-radius:50%;width:50px;height:50px;position:absolute;top:-25px;left:-25px;background:#71b1f1;color:white;line-height:50px;text-align:center;font-size:32px;font-weight:900}.seaccount .how-to-use .how-to-use-item .top-half{padding:32px;font-size:22px;font-weight:bold;color:#00458b;text-align:center;line-height:32px;height:86px;position:relative;overflow:hidden;z-index:1}.seaccount .how-to-use .how-to-use-item .top-half img{position:absolute;left:-15px;bottom:-20px;width:60px;height:60px;z-index:-1}.seaccount .how-to-use .how-to-use-item .bottom-half{background:#71b1f1;color:white;text-align:center;padding:16px 32px;font-weight:bold;font-size:22px;line-height:24px;height:68px}@media all and (max-width: 720px){.seaccount .how-to-use{flex-direction:column}.seaccount .how-to-use .how-to-use-item{width:auto}}.seaccount .otp .banner{margin:32px 0;position:relative;font-size:32px;font-weight:900;text-align:center}.seaccount .otp .banner span{position:absolute;top:12px;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:64px;text-align:center;color:#d75050;text-shadow:1px 2px 0 #fff,3px 5px 2px rgba(0,0,0,0.15)}@media all and (max-width: 720px){.seaccount .otp .banner{font-size:26px}.seaccount .otp .banner span{align-items:start;padding:0 32px 0 0;top:-38px}}.seaccount .sec-tok{display:grid;grid-gap:18px;grid-template-columns:2fr 1fr}.seaccount .sec-tok div{order:1}.seaccount .sec-tok img{order:2;width:50%;margin:0 auto}@media all and (max-width: 720px){.seaccount .sec-tok{grid-template-columns:1fr}.seaccount .sec-tok div{order:2}.seaccount .sec-tok img{order:1}}