﻿html,body{height:100%;margin:0;padding:0;}body{font-size:20px;font-family:'Open Sans',sans-serif;background:#f5f8fa;}.container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}.container .logo{text-align:center;margin-top:10px;}.container .logo img{width:141px;height:20px;}@media only screen and (min-width:1200px){.container .box{box-sizing:border-box;background:#fff;box-shadow:0 5px 11px rgba(46,56,46,.12);border-radius:4px;border-bottom:8px solid #008cfc;padding:60px;}}.container .error{display:block;}.container .error-header{text-align:center;margin-bottom:90px;margin-top:30px;}.container .error-header h1{font-weight:bold;font-size:30px;color:#0078d7;}.container .error-header p{font-size:20px;color:#7a8892;}.container .error-image img{position:relative;left:50%;transform:translateX(-50%);}.container .success{display:block;}.container .success-header{text-align:center;margin-bottom:90px;margin-top:30px;}.container .success-header h1{font-weight:bold;font-size:30px;color:#0078d7;}.container .success-header p{font-size:20px;color:#7a8892;}.container .success-image img{position:relative;left:50%;transform:translateX(-50%);}.container .provider{display:flex;}.container .provider-header{margin-bottom:60px;}.container .provider-header h1{font-weight:bold;font-size:30px;color:#0078d7;}.container .provider-header p{font-size:20px;color:#7a8892;}.container .provider-content{font-size:16px;margin-bottom:60px;}.container .provider-content ol{counter-reset:mollie-counter;list-style:none;padding-inline-start:0;}.container .provider-content li{padding:15px 15px 15px 50px;}.container .provider-content li:before{content:counter(mollie-counter);counter-increment:mollie-counter;right:93%;position:absolute;border-radius:50%;height:32px;width:32px;line-height:32px;margin-top:-5px;background-color:#008cfc;text-align:center;color:#fff;font-size:110%;}.container .provider-footer{height:120px;justify-content:right;}.container .provider-footer--button a{text-align:center;line-height:54px;color:#fff;font-size:20px;background-color:#3cc658;width:282px;height:54px;border-radius:4px;-webkit-appearance:button;-moz-appearance:button;text-decoration:none;}.container .invoice{background-image:url(../images/invoice_bg.svg);background-size:auto;background-position:center;background-repeat:no-repeat;background-size:105%;}.container .invoice-header{display:flex;align-items:center;}.container .invoice-header--checkmark{display:inline-block;transform:rotate(45deg);height:24px;width:12px;border-bottom:7px solid #3cc658;border-right:7px solid #3cc658;margin-left:30px;margin-bottom:5px;}.container .invoice-header h1{margin-left:30px;font-weight:bold;font-size:30px;color:#0078d7;}.container .invoice-main{display:flex;}@media only screen and (max-width:1200px){.container .invoice-main{flex-direction:column;}.container .invoice-header{justify-content:center;}}.container .invoice-content{width:700px;display:flex;box-sizing:border-box;min-height:400px;box-shadow:0 12px 13px rgba(46,56,46,.12);border-radius:1px;padding:32px;margin:30px;background:#fff;position:relative;}.container .invoice-content h3{text-align:left;font-size:15px;font-weight:normal;color:#7a8892;text-transform:uppercase;margin-bottom:3px;}.container .invoice-content p{text-align:left;font-size:20px;color:#1f2e38;margin:0 0 30px 0;}.container .invoice-content--right{position:absolute;right:30px;}@media only screen and (max-width:1200px){.container .invoice-content--right{position:relative;margin-left:32px;}}@media only screen and (max-width:1200px){.container .invoice-content{flex-direction:column;width:auto;}}.container .invoice-payment{position:relative;display:block;padding:32px;background:#008cfc 0% 0% no-repeat padding-box;box-shadow:0 12px 13px rgba(46,56,46,.12);margin:30px;min-width:282px;}.container .invoice-payment p{font-size:30px;font-weight:bold;text-align:center;color:#fff;}.container .invoice-payment--button a{position:absolute;bottom:10%;text-align:center;line-height:54px;color:#fff;font-size:20px;background-color:#3cc658;width:282px;height:54px;border-radius:4px;-webkit-appearance:button;-moz-appearance:button;text-decoration:none;}.container .invoice-payment--message{position:absolute;bottom:10%;margin-left:auto;margin-right:auto;left:0;right:0;display:flex;justify-content:center;align-items:center;}.container .invoice-payment--message p{margin-left:10px;font-size:20px;font-weight:normal;line-height:40px;color:#fff;}.container .invoice-payment--message---checkmark{display:inline-block;width:40px;height:40px;background:#3cc658;border-radius:50%;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);line-height:40px;}.container .invoice-payment--message---checkmark:before{content:"";position:absolute;width:3px;height:15px;background-color:#fff;left:22px;top:12px;}.container .invoice-payment--message---checkmark:after{content:"";position:absolute;width:6px;height:3px;background-color:#fff;left:16px;top:24px;}@media only screen and (max-width:1200px){.container .invoice-payment--button a{position:relative;left:50%;transform:translateX(-50%);}.container .invoice-payment--message{position:relative;left:50%;transform:translateX(-50%);}}