body, html { margin: 0; padding: 0; }
footer{margin-top: auto;}
body{display: flex;height: 92vh;flex-direction: column;}
body { padding-top:120px; font-size:16px; line-height:22px; color:#030C7B;}
 * { text-decoration: none !important; }
body * { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; }
button{cursor: pointer;}
.d-none{display: none !important;}
.mleft{margin-left: 25px;}
.ms-1{ margin-left:4px; }
.ms-2{ margin-left:12px !important; }
.mb-10, .ou__brd{margin-bottom: 40px;}
.title-1 { font-size: 44px; line-height: 49px; }
.tx-white { color: #fff; }
.tx-2xl { font-size: 22px;line-height: 1.6;}
.tx-3xl {font-size: 24px;line-height: 29px;}
.tx-lg{ font-size:18px;line-height:24px;}
.tx-lg1 {font-size: 17px;}
.title-2 { font-size: 38px; line-height: 40px; }
.title-3 { font-size: 34px; line-height: 40px; }
.title-4 { font-size: 28px; line-height: 36px; }
.fw-light { font-weight: 300; }.fw-bold { font-weight: bold; }
.uppercase { text-transform: uppercase; }
.container { max-width: 1230px; padding-left: 15px; padding-right: 15px; }
.main-back{ background-color: #030C7B; }
.main-color{ color: #030C7B !important; }
.main-color.hover:hover,.second-color { color: #CC7B1D; }
.second-bg, .transparent.hover:hover,.main-back.hover:hover { background-color: #CC7B1D; }
.tx-xl {font-size: 20px;line-height: 1.5;}
.flex { display: flex; }
.fixed { position: fixed; }
.i-flex { display: inline-flex; }
.items-e { align-items: flex-end; }
.items-s { align-items: flex-start; }
.items-c { align-items: center; }
.justify-c { justify-content: center; }
.justify-e { justify-content: flex-end; }
.justify-s { justify-content: flex-start; }
.justify-b { justify-content: space-between; }
.valign-m {vertical-align: middle;}
.tx-cent { text-align: center; }
.tx-right{text-align: right;}
.tx-left{text-align: left;}
.tx_uline{ text-decoration: underline!important;}
.txDecor-none{text-decoration: none;}
.i-block{display: inline-block;} .block{display: block;}
.mt-0 { margin-top:0px;}.m-0 { margin:0; }.mt-2{margin-top:8px;}.mt-3{margin-top: 12px;}
.mb-0{margin-bottom: 0 !important;}
.mb-2{margin-bottom:8px;}
.mb-3 { margin-bottom: 12px;}
.mb-5{margin-bottom:20px;}
.mb-1 { margin-bottom: 4px; }
.mt-1{margin-top: 4px;}
.mt-2{margin-top:8px;}
.mr-3 {margin-right: 12px;}
.mt-6 {margin-top: 24px;}
.pl-0{padding-left:0px;}.p-0 { padding: 0 !important;}
.px-4 { padding-left: 15px; padding-right: 15px; }
.pt{padding-top: 10px !important;}
.pt20{padding-top: 20px;}
.top-0 { top: 0; }.left-0 { left: 0; }
.w-full { width: 100%; }
.bg-white { background-color: #fff; }
.mx-auto { margin-left: auto; margin-right: auto; }
.my-auto { margin-top: auto; margin-bottom: auto; }
.flex-col { flex-direction: column; }
.relative, header ul li .tpMenu { position: relative; }
.absolute { position: absolute; }
.hOpacity:hover { opacity: .7; }
.liStyl-none { list-style-type:none;}
.transition { transition: .3s ease all; }
.anim_me.tp { transform: translateY(-25px); }
.anim_me { transform: translateY(25px); opacity: 0; transition: .5s ease all; }
.anim_me.fnsh { transform: translateY(0px); opacity: 1; }
.overlay {height:100%; z-index:9;background-color: rgba(3, 12, 123, 0.2); opacity:0; pointer-events:none;}
.overlay.visible {opacity: 1;pointer-events: initial;}
.blur { backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);}
/* Header style*/
.buy__btn > a { width:60px;}
.buy__btn > a > span { position:absolute;top:-10px;right:-6px; background-color:#030C7B;font-size:10px; line-height:12px; color:#fff;width:18px;height:18px;text-align:center;border-radius: 50%; padding: 3px; }
.buy__btn > a img {max-width:34px;}
.m-btn, .p-btn { cursor:pointer; border:0px; outline:none; padding-bottom:1px!important; }
header .logo > a > img { height:auto; width:185px;}
header .out .lf .m-btn >button{ margin-right:15px; background-color: transparent; }
header .out .lf { margin-right:25px; }
header ul li .tpMenu{ text-decoration:none;font-size:18px;line-height:17px; color:white;padding-bottom: 0px!important;}
header:not(.home) nav > ul > li::after {
  content: ""; position: absolute; left:148px; right:0; bottom:24px; height: 2px; background-color: #c9c9c9;width: 100%; z-index: 1; max-width: 888px; margin: 0 auto;pointer-events: none;
}
header{ padding-top:6px;}
header:hover ul li .tpMenu, header.home:hover a.tpMenu.ms-1{color:#030C7B !important;}
header .submenu { max-height:0;opacity:0;overflow:hidden;transform-origin:top; transition: max-height 0.6s ease-in-out;box-shadow: 0px 5px 4px #00000030;}
header:hover .submenu ,header .submenu.activemenu{ background: rgba(255, 255, 255, 0.96) !important; transform: translateY(0);} 
header .submenu.activemenu, header ul li.has-submenu:hover > ul.submenu { max-height:750px; opacity:1;}
.submenu-inner li a .icon,ul#nav-menu li .icon,.icon {display: flex;align-items: center;justify-content: center;flex-shrink: 0;width: 32px;height: 32px;}
.submenu{display: block;max-height: 0;opacity: 0;overflow: hidden;position: absolute;width: 100%;top: 100%;left: 0;z-index: 10;}
.submenu-inner{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px 180px;width: 100%;margin: 0 auto;padding-top: 20px;box-sizing: border-box;padding-bottom: 40px;padding-left: 0px;}
li.has-submenu {padding:38px 0;} .logo .hover-logo{display:none;} .buy__btn { margin-left:15px; }
.right-arrow::before, .left-arrow::before, .plus-icon::before, .plus-icon.active::before{ content: ''; display:inline-block; background-size: 100% 100%;background-repeat:no-repeat; width:16px; height:16px;vertical-align:middle; }
.right-arrow::before{ background-image: url('/images/icons/right-arrow.png'); }
.left-arrow::before{ background-image: url('/images/icons/left-arrow.png'); }
.icon.iconshow { display:none; }
.plus-icon::before{ background-image: url('/images/plusmenu.png'); }
.plus-icon.active::before{ background-image: url('/images/minusmenu.png'); }
.icon img{max-width:100%;max-height:100%;object-fit:contain}
.tpMenu{position:relative}
.tpMenu::after{content:"";position:absolute;left:50%;bottom:-14px;width:0;height:3px;background-color:#030C7B;transform:translateX(-50%);transition:width .3s;z-index:10}
li.has-submenu:hover > .i-flex > .tpMenu::after, li.has-submenu:hover > .i-flex > a.tpMenu::after, .tpMenu:hover::after{width:100%}
/*footer */
footer ul li a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}
footer .lg img{max-width:340px;height:auto; }
footer ul > li { margin-bottom:10px; }
footer ul li a{color:white;justify-content: start;transition: .3s ease all;}
footer ul > li > a span { margin-right:10px; }footer ul > li > a span img { max-width:20px;height:auto; }
footer ul > li:last-child { margin-bottom: 0px; }footer{ padding: 35px 0px; }
.cnt { width: auto; }.cnt > h6 { padding-left:20px; } footer .cnt{width:100%; max-width: 400px;}
.cnt ul > li > a{line-height:20px;}
.rf {max-width: 900px;}
.dflex{display: none;}
/* Side Popups */
.sidePops{position:sticky;top:26%;right:20px; height:0px;z-index:7;color:white; justify-content:end;} 
.sideWrapper{flex-direction: column; }
.sidePopOuts{ flex-wrap:wrap;margin-right:15px;max-width:480px;} .secondPop{background:#00aa04;}
.servPop{max-width:110px;padding:7px;border-radius:15px; cursor:pointer;} 
@keyframes pulseOut{ 0% { transform:scale(1); }  50% { transform:scale(1.15); }  100% { transform:scale(1); }}
.sidePopOuts.hide, .wAppMob{display:none;} .closePP{top:8px;right:10px;}
.saHead{padding:12px 26px;border-radius:15px 15px 0 0;} .saBody{padding:10px 30px 30px;border-radius:0 0 15px 15px;}
.servBody p{margin:8px 0;} .PP1 .servBody p{margin:0px 0 8px;} .minfoBtn{padding:10px 20px;height:auto;min-height:60px;border-radius:0 8px 8px 0;} 
.outputPP{align-items:stretch;}
.outputPP, .aForms .form-input{border:2px solid #030C7B;border-radius:10px;} #outputPP span{display:flex;padding:10px 15px;align-items:center;}
.aForms .form-input{ height:65px;line-height:60px;padding:5px 25px;outline:none;} .inGrp img{top:12px;right:23px;} 
.aForms .submit{ width:190px;height:58px; border-radius:8px; font-size:20px; line-height:1.6; border:none;}
.closBtn{ background:url('/images/close-x.png') center center /17px no-repeat; border:none; outline:none;padding:13px; } 
.whatsAppPP{max-width:400px;}
/*Checkout popups */
.checkoutPP{max-width: 800px; width:100%;margin:0 auto;position:absolute; bottom:95px;}
.newBtn{ padding:15px 35px;border-radius: 8px;color:white;font-size:22px;letter-spacing: 0.01em;border:none;}
.newBtn img{ margin-left: 25px;}
.checkoutPP .block .newBtn{ width:480px; border:2px solid white; max-height:68px;}
.checkoutPP .saBody{border:2px solid #030C7B}
[data-submenu="meerleren"] .submenu-inner ul li a { display: flex;}
.listMain { list-style-type:none;}
.listMain li{ font-size:20px; line-height:1.6;margin-bottom:6px;position:relative;width:100%; display:inline-block; padding-left:28px;}
.listMain li::before{ content:""; position:absolute; background:url('/images/utility/arcout.svg') center center / contain no-repeat;height:19px;width:16px;left:0;top:7px;}
@media (max-width: 991px) {
  html{lang:nl; hyphens: auto;-webkit-hyphens: auto; -ms-hyphens: auto;}
  .listMain li{font-size: 16px !important;padding-left: 16px;}
  .listMain li::before{width:12px;top:5px;}
  .dflex{display: flex;} .tx-lg1{ line-height:2;}
  header ul li .tpMenu{font-size:16px;} .mleft{margin-left: 0;}
  .title-1, .title-3 { font-size:24px;line-height:34px; }
  .faq__el .head > .tx-2xl, .tx-lg, .tx-lg1 ,.tx-xl, .fc_wrap span,.listMain li,.tl_pp p{ font-size:16px;line-height:1.6; } 
  .tx-2xl, .tx-3xl, .sm-btn { font-size:18px;line-height:1.5; }
  .out>.lg { margin-right: 15px !important; } .ou__brd{margin-bottom:25px;}
   footer { padding:30px 0px 80px; } footer .lg > a > img { max-width:230px;}
   .out>.lg>a, footer .lg>a>img,.out>.lg { width:100%; }
   .cnt {min-width:160px;} .cnt ul > li > a { word-break:break-all;font-size:12px;line-height:16px; }
   header .out { padding:17px 0; } .out { padding:12px 0;} header .lf .logo>a>img { max-width:160px; }
   .m-btn > button > span { min-width:34px; min-height:2px; margin-bottom:6px; background-color: #CC7B1D; }
  .menu-open .m-btn > button { background: url('/images/close.png') center center /20px no-repeat; width: 34px; height: 34px; }
   .buy__btn { margin-left:15px; }.buy__btn > a { width:42px;}
   .buy__btn > a img { max-width:26px;height: 32px; } body { padding-top:90px; }
  .cnt ul > li { margin-bottom:9px; } .cnt ul > li > a span img { width:17px;}
  .icon{ width:24px!important; height:24px!important; }
  .icon.iconshow { display: flex !important;}
  header:hover .submenu,  #nav-menu { background:unset!important; background-color: #fff!important; }  
  header:hover nav > ul > li::after,.tpMenu::after { content:none!important; }
  nav#nav-menu,ul.submenu, .menu-open .m-btn > button > span, [data-submenu="meerleren"] .submenu-inner ul li a{display:none}
  header ul li .tpMenu, a.tpMenu:hover{color:#030c7b!important}
  a.tpMenu{margin-left:10px}
  li.flex.justify-b.items-c,li.has-submenu{padding:8px 0!important}
  ul.submenu.activemenu{display:block;max-height:500px;overflow-y:auto;position:absolute;top:0;background-color:#fff;padding-top:0;min-height:272px!important}
  .d-none, .submenu-inner{display:block!important}
  li.flex.d-none{display:flex!important}
  header li.flex{padding-top:13px}
  #nav-menu{display:none;position:absolute;top:98%;width:100%;left:0;right:0;padding:0px 20px 10px;z-index:9;color:#030c7b; box-shadow: 0px 7px 6px #00000030;}
  #nav-menu.active, ul.liStyl-none.m-0.flex.items-c.justify-b.pl-0,ul.liStyl-none.m-0.flex.items-c.pl-0 {display: block;}
  ul.submenu{padding: 10px 20px;}
  .submenu-inner{padding:8px 5px 20px;}
  header ul li.has-submenu:hover > ul.submenu{height:auto;max-height:500px;}
  ul.submenu.activemenu .meerM ul li.flex a, ul.submenu.activemenu .meerM ul li.mp-2{padding: 6px 0!important;}
  ul.submenu.activemenu .meerM ul li{padding: 0px!important;}
  /* side btns */
  .sideWrapper{ flex-direction:row; column-gap:12px;} 
  .sidePops{width:100%;justify-content:center;top:auto;left:0px;position:fixed;bottom:0px;height: auto;} .saBody{ padding:10px 15px 20px; }
  .sidePopOuts{margin-right:0px;position:absolute;bottom:63px;left:0px;padding:12px;}
  .servPop{min-width:140px; max-width:172px;padding:0px 30px 0px 10px;border-radius: 8px;position: relative;} 
  .servBody {display:flex; column-gap:5px;align-items: center;font-size:13px;line-height: 1.3; width:100%; margin:0 auto;min-height:40px;} .closBtn{background-size:12px;position:absolute; right:4px;}
  .servBody img{width:25px;height:auto} .PP2 .servBody img{width:32px} .aForms .form-input{height:43px;} .inGrp img{top:2px;width: 30px;}  .aForms .prd_c{width:125px;font-size:14px;height:43px;margin:30px auto 20px;}
  #pcodeForm .submit{ margin:18px auto; } .wAppMob{display:flex;height:100%;}  .arrow, .wAppDesk{ display:none; } .outputPP,.aForms .submit,.aForms .form-input{border-radius:17px;} .minfoBtn {padding:10px 13px;min-height:42px;border-radius:0 15px 15px 0; } .PP1 .servBody p{margin:8px 0;} 
  footer .cnt{width: auto;}
}
@media (min-width:1480px){ 
  .sideCont{position:absolute;right: calc(100% - 1360px);}.servPop{max-width:130px;}.sideWrapper{min-width:130px;}
}
@media(min-width:1700px){
  .rf{max-width: 1000px;} .sideCont{right: calc(100% - 1450px);}
  header .container, footer .container{max-width:1400px;}   
  header:not(.home) nav > ul > li::after { max-width: 989px;left:147px;}  
}
@media (min-width:1900px){ 
  header .container, footer .container{max-width:1600px;}  footer .cnt{max-width: 530px;}
  header:not(.home) nav > ul > li::after { max-width: 1130px;}
  .rf {max-width: 1140px;} .sideCont{right: calc(100% - 1550px);}
}