@font-face{font-family:'Muli';font-weight:200;font-style:normal;src: url('./fonts/muli/Muli-ExtraLight.eot');src: url('./fonts/muli/Muli-ExtraLight.woff') format('woff'),url('./fonts/muli/Muli-ExtraLight.ttf') format('truetype'),url('./fonts/muli/Muli-ExtraLight.svg#Muli') format('svg'),url('./fonts/muli/Muli-ExtraLight.eot?#iefix') format('embedded-opentype');}
@font-face{font-family:'Muli';font-weight:300;font-style:normal;src: url('./fonts/muli/Muli-Light.eot');src: url('./fonts/muli/Muli-Light.woff') format('woff'),url('./fonts/muli/Muli-Light.ttf') format('truetype'),url('./fonts/muli/Muli-Light.svg#Muli') format('svg'),url('./fonts/muli/Muli-Light.eot?#iefix') format('embedded-opentype');}
@font-face{font-family:'Muli';font-weight:normal;font-style:normal;src: url('./fonts/muli/Muli-Regular.eot');src: url('./fonts/muli/Muli-Regular.woff') format('woff'),url('./fonts/muli/Muli-Regular.ttf') format('truetype'),url('./fonts/muli/Muli-Regular.svg#Muli') format('svg'),url('./fonts/muli/Muli-Regular.eot?#iefix') format('embedded-opentype');}
@font-face{font-family:'Muli';font-weight:600;font-style:normal;src: url('./fonts/muli/Muli-SemiBold.eot');src: url('./fonts/muli/Muli-SemiBold.woff') format('woff'),url('./fonts/muli/Muli-SemiBold.ttf') format('truetype'),url('./fonts/muli/Muli-SemiBold.svg#Muli') format('svg'),url('./fonts/muli/Muli-SemiBold.eot?#iefix') format('embedded-opentype');}
@font-face{font-family:'Muli';font-weight:700;font-style:normal;src: url('./fonts/muli/Muli-Bold.eot');src: url('./fonts/muli/Muli-Bold.woff') format('woff'),url('./fonts/muli/Muli-Bold.ttf') format('truetype'),url('./fonts/muli/Muli-Bold.svg#Muli') format('svg'),url('./fonts/muli/Muli-Bold.eot?#iefix') format('embedded-opentype');}
@font-face{font-family:'Muli';font-weight:800;font-style:normal;src: url('./fonts/muli/Muli-ExtraBold.eot');src: url('./fonts/muli/Muli-ExtraBold.woff') format('woff'),url('./fonts/muli/Muli-ExtraBold.ttf') format('truetype'),url('./fonts/muli/Muli-ExtraBold.svg#Muli') format('svg'),url('./fonts/muli/Muli-ExtraBold.eot?#iefix') format('embedded-opentype');}

:root {
    --ikea-blue: #0058a3;
    --ikea-dark-blue: #004f93;
    --ikea-grey : #f6f6f6;
    --ikea-dark-grey: #e9ecef;
    --system-fonts: Calibri,'Helvetica Neue',Helvetica,Arial,sans-serif;
    --fonts-text: 'Muli',var(--system-fonts);
}

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
body {font-family:'Montserrat',Calibri,'Helvetica Neue',Helvetica,Arial,sans-serif;min-width: 380px;}
sup {font-size:11px;}

.section {padding:0px;}
.container {width:100%;max-width:1280px;}

h1 {font-size:34px;line-height:34px;font-weight:900;text-align:center;font-family: var(--fonts-text);}
.intro {font-size:16px;line-height:24px;color:#484848;text-align:center;margin-top:10px;margin-bottom:30px;}

.big-btn {border-radius: 30px;min-height: 60px;padding: 18px 120px 18px 120px !important;height: 60px;font-size: 18px;line-height: 24px;font-weight: bold;background-color: var(--ikea-blue);color:#ffffff;}
.waves-effect.waves-dark-blue .waves-ripple, .btn:focus {background-color: var(--ikea-blue);}
.btn:hover {background-color: var(--ikea-dark-blue);}

header {width:100%;text-align:center;padding-bottom:0px;overflow:hidden;}

.titleHeader {font-family:'Muli';font-size:28px;line-height:35px;font-weight:400;width:100%;display:inline-block;padding-top:5px;}

#error {padding-top:60px;padding-bottom:0px;background-color: var(--ikea-grey);}
#error .container {text-align:left;background-color:#f2dede;padding:30px;color:#b94a48;box-sizing:border-box;}

#alert-container {float:left;width:100%;}
.alert{display:none;margin-top:10px;box-sizing:border-box;padding:8px 35px 8px 14px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#f2dede;border:1px solid #eed3d7;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
.alert,.alert h4{color:#b94a48;}
.alert h4{margin:0;}
.error_text {margin-top:20px;padding:30px;background-color:#f2dede;color:#b94a48;}

#vraag {padding-top:80px;padding-bottom:80px;position:relative;overflow:hidden;}
#vraag .container {position:relative;z-index:999;}
#vraag h2 {color:black;font-size:20px;line-height:26px;font-weight:900;margin-bottom:10px;}

#tarification {display:inline-block;width:100%;}
#tarification > div {width:50%;float:left;}
#tarification .amount {font-size:18px;}
#tarification ul {border:2px solid var(--ikea-grey);padding:30px;box-sizing:border-box;border-radius:10px;cursor: pointer;transition: background-color 300ms linear, border-color 300ms ease;}
#tarification ul.error {border:2px solid #b94a48;}
#tarification ul:hover {border:2px solid #424242;}
#tarification div:first-of-type ul {margin-right:10px;}
#tarification div:last-of-type ul {margin-left:10px;}
#tarification li {display:flex;justify-content:space-between;font-size:14px;margin-bottom:12px;}
#tarification li.resum {font-size:18px;margin-bottom:20px;}
#tarification li:first-of-type {font-weight:bold;font-size:16px;margin-bottom:10px;}
#tarification li:first-of-type div {font-family: var(--fonts-title);font-weight:bold;}
#tarification li div:last-of-type {display:inline-flex;font-weight:bold;}
#tarification ul.active {border: 2px solid var(--ikea-blue);}

#secciLink {font-size:14px;line-height:18px;font-weight:400;display:inline-block;margin-top:10px;color:var(--ikea-blue);}
#secciLink:hover{text-decoration:underline;}

#legal-informations {padding:50px 0px;background-color:var(--ikea-grey);font-size:15px;line-height:18px;color:#727e88;background-color: var(--ikea-dark-grey);}
#legal-informations span {font-size:18px;}

#itsme-box, #itsme-box-b {border:2px solid #DDE2E8;border-radius:5px;width:100%;position:relative;float:left;box-sizing:border-box;padding:20px;}
.itsme-logo {position:absolute;width:150px;left:20px;top:50px;text-align:center;}
.itsme-logo img {width:120px;}
.itsme-infos {width:100%;padding-left:160px;}
.itsme-infos .title {font-family:'Muli';font-weight:800;font-size:19px;color:#0F1C3A;}
.itsme-infos .text {width:100%;padding-top:20px;line-height:20px;}
.itsme-infos .links {width:100%;padding-top:30px;padding-bottom:10px;height:92px;display:inline-block;}
.itsme-infos a {color:#1d71b8;font-weight:bold;text-decoration:underline;}

@media only screen and (max-width: 1320px) {.container {padding-left:30px;padding-right: 30px;}}

@media screen and (max-width: 920px) {
    #tarification > div {width:100%;}
    #tarification div:first-of-type ul {margin-right:0px;margin-bottom:10px;}
    #tarification div:last-of-type ul {margin-left:0px;}
}

@media screen and (max-width: 490px){
    h1 {font-size:32px;}
    #vraag .container {padding-left:10px;padding-right:10px;}
    #tarification ul {padding:30px 20px;}
    #tarification li {font-size:13px;}
}

@media screen and (max-width: 760px){
    .titleHeader {padding-left:20px;padding-right:20px;}
}

@media screen and (max-width: 660px) {
    #itsme-box .itsme-logo {position: relative;width: 100%;left: 0px;top: 0px;text-align: center;}
    #itsme-box .itsme-infos {width: 100%;padding-left: 0px;padding-top: 40px;}
}