@import "reset.min.css";
html {
    -webkit-text-size-adjust: none;
}
body{
	background-color:#f8fafc;
	color:#6b7280;
	font-family:'Manrope',Arial,sans-serif;
	font-size:16px;
}
body, html {height: 100%;}
/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
a{
	color:#4686c7;
}
a:hover{
	color:#1a4672;
}
b,strong{
	color:#000;
}
.clear{
	clear:both;
}
.loginBox{box-sizing:border-box;padding:20px;border:solid 1px #ccc;}
.regBox{box-sizing:border-box;padding:20px;border:solid 1px #ccc;}

.wrapper {max-width: 1400px;width:95%;height: auto;margin: 0px auto;position:relative;}
.wrapper2 {max-width: 860px;width:95%;height: auto;margin: 0px auto;position:relative;}
.videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.videoWrapper2 {
position: relative;
height: 100%;
width: auto;
}

/*png fix
**************

dan moet dit script wel in de header gestoken worden:
<script type="text/javascript" src="<?php echo WB_URL ?>/templates/scripts/iepngfix_tilebg.js"></script>
img, div, a  { behavior: url(<?php echo WB_URL ?>/templates/scripts/iepngfix.htc) }*/


/*page Title
**************/
h1 {color:#111827;font-size:30px;margin-bottom:30px;font-weight:700;font-family:'Outfit',Arial,sans-serif;line-height:normal;}
h2 {color:#111827;font-size:24px;margin-bottom:30px;font-weight:700;font-family:'Outfit',Arial,sans-serif;line-height:normal;}
h2.tsss{color:#111827;font-size:24px;margin-bottom:25px;font-weight:normal;padding-bottom:5px;border-bottom:1px solid #395f85;text-transform:uppercase;font-family:'Outfit',Arial,sans-serif;line-height:normal;}
h3 {color:#111827;font-size:20px;margin-bottom:10px;font-weight:700;font-family:'Outfit',Arial,sans-serif;line-height:normal;}
#merkImage {position: absolute;right: 0px;top: 200px;}
#navMobMenu {display:none;}
#navMob,#searchMob,#loginLnksmob,#languagesMob {background-color:#fff;display:none;}
#topMob {display:none;}

#topbar {background-color:#1868b9;color:#fff;font-size:13px;padding: 10px 0px;}
#topbar .wrapper {display:flex;align-items:center;justify-content:space-between;gap:16px;}
#topbar a {color:inherit;text-decoration:none;}
#topbar a:hover {opacity:1;text-decoration:underline}
.topbar-left {display:flex;align-items:center;gap:18px}
.topbar-right {display: flex;align-items: center;gap: 20px;white-space:nowrap}
.btnDownload {display:inline-flex;align-items:center;gap:8px;background:#16a34a;color:#fff;text-decoration:none;padding:5px 12px;border-radius:8px;font-size:14px;font-weight:600;}

#languages {}
#languages ul {float:right;}
#languages ul li {float:left;}
#languages ul li a {font-size:11px;color:#7bbcff;text-decoration:underline;margin-left:40px;}
#languages ul li a.lcurrent {color:#1868b9;background:url(../images/lcurrent.png) no-repeat right;padding-right:10px;text-decoration:none;}
#languages ul li a:hover {color:#1868b9;text-decoration:underline;}

#languages2 {}
#languages2 ul {display: flex;align-items: center;gap: 10px;list-style-type: none;margin: 0;}
#languages2 ul li a {font-size:13px;color:#fff;text-transform:uppercase;text-decoration:none;display:block;opacity: 0.6;font-weight: 500;}
#languages2 ul li a.lcurrent {color:#fff;opacity: 1;}
#languages2 ul li a:hover {color:#fff;opacity: 1;text-decoration: none;}

#top {z-index:99;width:100%;top:0;left:0;background:#fff;}
#header {display:flex;align-items:center;gap:20px;border-bottom: 1px solid #e5e7eb;padding:15px 0;}

.headLeft {flex:1;display:flex;align-items:center;}
.searchWrap {position:relative;max-width:250px;width:100%;}
.searchWrap form {position:relative;}
.searchWrap input.search {width:100%;padding:10px 14px 10px 44px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;outline:none;font-size:14px;box-sizing:border-box;font-family: Manrope;font-weight: 500;}
.searchWrap i {position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:15px;color:#9aa3af;pointer-events:none;}
.searchWrap input.search::placeholder {color:#9aa3af;}

.headCenter {flex:0 0 auto;display:flex;justify-content:center;flex-direction: column;text-align: center;align-items: center;}
#logo img {width: 280px;display:block;}
.headCenter span {margin-top: 5px;color: rgb(108, 124, 147);font-size: 14px;}

.headRight {flex:1;display:flex;align-items:center;justify-content:flex-end;gap:18px;}
.headerCart {display:flex;align-items:center;}
.cartBtn {position:relative;display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#6b7280;padding:10px;border-radius:10px;border:1px solid #e5e7eb;font-weight: 500;}
.cartBtn:hover {background:#f3f4f6;color:#6b7280;}
.cartBtn i {font-size:14px;}
.cartBadge {position:absolute;top:-10px;right:2px;min-width:18px;height:18px;line-height:18px;border-radius:50%;background:#1868b9;color:#fff;font-size:11px;font-weight:700;text-align:center;}
.cartTotal {font-size:14px;font-weight:500;color:#6b7280;white-space:nowrap;}

.linkIcon {display:inline-flex;align-items:center;gap:8px;color:#6b7280;text-decoration:none;font-size:14px;padding:10px;border-radius:10px;background-color: #f9fafb;border:1px solid #e5e7eb;font-weight: 500;position: relative;}
.linkIcon:hover {background:#1868b9;color:#fff;}

.heroWrap {padding:60px 0;background:radial-gradient(circle at 30% 20%,#ffffff 0%,#f3f7fb 55%,#eef3f8 100%);}
.heroGrid {display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;}
.heroLeft {}
.heroPill {display:inline-flex;align-items:center;gap:10px;background:#eaf2fb;color:#1868b9;font-weight:700;font-size:13px;padding:10px 14px;border-radius:999px;}
.heroPill .dot {width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block;}
.heroTitle {margin:22px 0 14px;font-size:56px;line-height:1.05;color:#111827;}
.heroLead {margin:0 0 26px;font-size:18px;line-height:1.6;color:#6b7280;}
.heroCtas {display:flex;gap:16px;align-items:center;margin-bottom:26px;}
.btnPrimary {display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 26px;border-radius:14px;background:#1868b9;color:#fff;text-decoration:none;font-weight:800;box-shadow:0 18px 35px rgba(11,91,211,.22);font-size: 18px;}
.btnPrimary:hover {filter:brightness(.98);color: #fff;}
.btnGhost {display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 26px;border-radius:14px;background:transparent;color:#1868b9;text-decoration:none;font-weight:800;border:2px solid #1868b9;font-size: 18px;}
.heroChecks {display:flex;gap:26px;flex-wrap:wrap;color:#6b7280;font-size:14px;}
.heroCheck {display:inline-flex;align-items:center;gap:10px;}
.heroCheck i {color:#22c55e;font-size:16px;}

.heroRight {display:flex;justify-content:flex-end;}
.heroCard {width:100%;border-radius:22px;overflow:hidden;box-shadow:0 26px 70px rgba(0,0,0,.18);background:#fff;}
.heroSlider {margin:0;border:0;}
.heroSlider .slides li {position:relative;}
.heroSlide {position:relative;height:520px;}
.heroSlide img {width:100%;height:100%;object-fit:contain;background:#f3f4f6;}

.heroSlider{position:relative;}
.heroSlider .flex-direction-nav{margin:0;padding:0;list-style:none;}
.heroSlider .flex-direction-nav a{width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.22);opacity:1;margin-top:-22px;position:absolute;top:50%;z-index:20;text-indent:-9999px;overflow:hidden;}
.heroSlider .flex-direction-nav a::before{content:"";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-indent:0;font-size:22px;color:#111827;}
.heroSlider .flex-direction-nav .flex-prev{left:14px;}
.heroSlider .flex-direction-nav .flex-next{right:14px;}
.heroSlider .flex-direction-nav .flex-prev::before{content:"‹";}
.heroSlider .flex-direction-nav .flex-next::before{content:"›";}

.heroBar{background:linear-gradient(180deg,#1b232d,#121a23);padding:60px 0;color:#fff;}
.heroInner{display:flex;align-items:center;gap:34px;}
.heroLogo{flex:0 0 auto;display:flex;align-items:center;}
.heroLogo img {height:60px;width:auto;display:block;filter:drop-shadow(0 10px 30px rgba(0,0,0,.25));}
.heroText {flex:1 1 auto;}
.heroEyebrow {font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:10px;}
.heroTitle2 {font-size:18px;line-height:1.35;max-width:560px;color:rgba(255,255,255,.92);}
.heroCtas2 {flex:0 0 auto;display:flex;align-items:center;gap:14px;justify-content:flex-end;}
.btn {display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:12px;text-decoration:none;font-weight:600;white-space:nowrap;}
.btnPrimary2 {background:#1868b9;color:#fff;border:1px solid #1868b9;box-shadow:0 10px 20px rgba(24,104,185,.25);}
.btnPrimary2:hover {filter:brightness(1.05);color: #fff;}
.btnOutline2 {background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25);}
.btnOutline2:hover {border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.06);color: #fff;}

.aboutWrap {padding:80px 0;background:#fff;}
.aboutWrap .wrapper {max-width:860px;margin:0 auto;text-align:center;}
.aboutTitle {font-size:36px;font-weight:800;color:#111827;}
.aboutIntro {color:#1868b9;margin-bottom:30px;font-weight: 600;font-size: 18px;}
.aboutText {text-align:left;color:#6b7280;line-height:1.9;font-size: 18px;}
.aboutText p {margin-bottom:22px;}
.aboutDivider {border:0;height:1px;background:#e5e7eb;margin:40px 0;}
.aboutSignature {text-align:left;font-size:18px;color:#111827;}
.aboutSignature span {color:#1868b9;}

.brandsWrap {padding:80px 0;background:#f5f8fb;}
.brandsTitle {text-align:center;font-size:32px;font-weight:800;color:#111827;margin-bottom:40px;}
.brandsGrid ul {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;}
.brandsGrid li {margin:0;padding:0;}
.brandsGrid li a {display:flex;align-items:center;justify-content:center;gap:10px;padding:24px 18px;border-radius:14px;background:#fff;border:1px solid #e5e7eb;text-decoration:none;font-weight:700;color:#111827;transition:all .2s ease;text-align:center;}
.brandsGrid li a::after {content:"\f054";font-family:"Font Awesome 7 Pro";font-weight:900;font-size:10px;color:#1868b9;transition:transform .2s ease,opacity .2s ease;opacity:.8;}
.brandsGrid li a:hover::after {transform:translateX(4px);opacity:1;}
.brandsGrid li a:hover {border-color:#1868b9;color:#1868b9;box-shadow:0 12px 26px rgba(24,104,185,.12);transform:translateY(-2px);}

#carousel {padding:80px 0;background:#fff;}
.carTitle {text-align:center;font-size:32px;font-weight:800;color:#111827;margin:0 0 34px;}
.prodOwl .owl-stage-outer {padding:10px 6px 34px;}
.prodItem {padding:0 10px;position: relative;}
.prodCard {display:block;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.08);;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;}
.prodCard:hover {transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.10);}
.prodImg {position:relative;aspect-ratio: 4/3;background:#fff;padding: 15px;}
.prodImg img {width:100%;height:100%;object-fit:contain;display:block;}
.prodBadge {position:absolute;top:14px;left:14px;background:#22c55e;color:#fff;font-weight:800;font-size:12px;padding:6px 12px;border-radius:999px;z-index: 22;line-height: 1.5;}
.prodBadge2 {position:absolute;top:14px;left:14px;background:#1868b9;color:#fff;font-weight:800;font-size:12px;padding:6px 12px;border-radius:999px;z-index: 22;line-height: 1.5;}
.prodBadge3 {position:absolute;top:14px;left:14px;background:#2a3848;color:#fff;font-weight:800;font-size:12px;padding:6px 12px;border-radius:999px;z-index: 22;line-height: 1.5;}
.prodBody {padding:25px;}
.prodBrand {font-size:12px;font-weight:700;color:#1868b9;text-transform:uppercase;margin-bottom:8px;}
.prodName {font-weight:900;color:#111827;line-height:1.25;font-size: 18px;}
.prodName span {font-weight:400;color:#6b7280;line-height:1.4em;height:2.8em;font-size: 13px;display: block;margin-top:10px;}
.prodBottom {margin-top:15px;display: flex;flex-direction: column;gap: 15px;}
.prodPrice {display: flex;align-items: center;gap: 10px;justify-content: space-between;}
.cta {font-size: 13px;background-color: #1868b9;color: #fff;padding: 10px;line-height: normal;border-radius: 16px;display: flex;align-items: center;justify-content: center;text-align: center;font-weight: 500;}

.prodOwl .owl-dots{margin-top:12px!important;}
.prodOwl .owl-dot span{width:8px!important;height:8px!important;background:rgba(24,104,185,.25)!important;}
.prodOwl .owl-dot.active span{background:#1868b9!important;}
.prodOwl .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%!important;background:#fff!important;box-shadow:0 14px 30px rgba(0,0,0,.18);display:flex!important;align-items:center;justify-content:center;}
.prodOwl .owl-nav button span{font-size:24px;line-height:1;color:#111827;}
.prodOwl .owl-nav .owl-prev{left:-6px;}
.prodOwl .owl-nav .owl-next{right:-6px;}

#reviews {padding:80px 0;background:#f5f8fb;text-align:center;}
.reviewsTitleWrap {display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;}
.googleLogo {height: 30px;width:auto;}
.googleText {color:#6b7280;font-weight:500;}
.reviewsTitle {font-size:36px;font-weight:800;color:#111827;margin:0 0 40px;}

.svcGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;margin:26px 0 10px;}
.svcCard{background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:18px;padding:34px 26px;text-align:center;box-shadow:0 10px 26px rgba(17,24,39,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.svcCard:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(17,24,39,.12);border-color:rgba(24,104,185,.25);}
.svcIcon{width:76px;height:76px;margin:0 auto 18px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(24,104,185,.10);border:1px solid rgba(24,104,185,.18);color:#1868b9;font-size:30px;transition:transform .22s ease,background .22s ease;}
.svcCard:hover .svcIcon{transform:scale(1.05);background:rgba(24,104,185,.14);}
.svcTitle{margin:6px 0 16px;font-size:18px;line-height:1.25;font-weight:600;color:#111827;}
.svcBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid rgba(24,104,185,.35);color:#1868b9;text-decoration:none;font-size:14px;font-weight:600;transition:background .22s ease,color .22s ease,border-color .22s ease;}
.svcBtn:hover{background:#1868b9;color:#fff;border-color:#1868b9;}

.topBanner {background:linear-gradient(180deg,#1b232d,#121a23);padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);}
.topBanner.page1 {display: none;}
.topInner {display:flex;align-items:center;justify-content:space-between;}
.topLeft {display:flex;align-items:center;gap:14px;}
.topLeft img {height:22px;width:auto;}
.topText {font-size:14px;color:rgba(255,255,255,.75);}
.topRight {}
.topBtn {display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;background:#1868b9;color:#fff;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.02em;transition:all .2s ease;box-shadow:0 4px 12px rgba(24,104,185,.35);}
.topBtn:hover {background:#1f7ed6;transform:translateY(-1px);box-shadow:0 6px 18px rgba(24,104,185,.45);color: #fff;}

#faq-home {padding:80px 0;background:#fff;}
.faqTitle {text-align:center;font-size:34px;font-weight:800;color:#111827;margin-bottom:40px;}
.faq {display: flex;flex-direction: column;	gap: 12px;line-height: 28px;}
.faq {}
.faq-item {background: #fff;border: 1px solid #ebe9e6;overflow: hidden;border-radius: 16px;}
.faq-question {display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 25px;border: none;background: transparent;cursor: pointer;font-weight: 600;text-align: left;}
.faq-question h3 {margin: 0;font-size: 18px;padding: 0;}
.faq-question h3:before, .faq-question h3:after {display: none;}
.faq-icon {position: relative;width: 20px;height: 20px;flex-shrink: 0;}
.faq-icon::before {content: "";position: absolute;top: 50%;left: 50%;width: 8px;height: 8px;border-right: 2px solid #555;border-bottom: 2px solid #555;transform: translate(-50%, -60%) rotate(45deg);transition: transform 0.2s ease;}
.faq-answer {display: none;padding: 0 25px 16px 25px;}
.faq-item.active .faq-answer {display: block;}
.faq-item.active .faq-icon::before {transform: translate(-50%, -40%) rotate(225deg);}
.faqCta {text-align:center;margin-top:40px;font-size:15px;color:#6b7280;}
.faqCta a {color:#1868b9;font-weight:700;text-decoration:none;}
.faqCta a:hover {text-decoration:underline;}

#webshop1{background-color:#FC6207;padding:10px;display:none;}
#webshop1 a{font-size:20px;color:#fff;font-family:'Outfit',Arial,sans-serif;text-decoration:none;}
#webshop2{position:absolute;top:0px;}

#accBtn{display:block;position:absolute;top:20px;right:500px;margin-top:20px;margin-top:10px;}
#accBtn a{background-color:#1868b9;padding:3px 7px 3px 7px;text-decoration:none;color:#fff;}


#mobSearch{display:none;}
/*main content -> menu & content
**********************************/
#main {width:100%;padding:40px 0;line-height:28px;}

.shopLayout.is-overview {display:grid;grid-template-columns:280px 1fr;gap:26px;align-items:start;}
.shopLayout.is-detail {display:block;}
.shopLayout.is-detail .shopSide {display: none;}

.shopSide {position:relative;}
.sideCard {background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;}
.sideTitle {}
.sideList {display:flex;flex-direction:column;}
.sideList #homniv {width:100%;}

.sideList ul {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.sideList li {margin:0;padding:0;}
.sideList li > a {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:12px;text-decoration:none;color:#111827;}
.sideList li > a:hover {background:rgba(24,104,185,.06);color:#1868b9;}
.sideList li > a::after {content:"›";font-size:18px;color:#9aa3af;transition:transform .2s ease,color .2s ease;}
.sideList li > a:hover::after {transform:translateX(3px);color:#1868b9;}
.sideList li.curr > a {background:rgba(24,104,185,.10);color:#1868b9;font-weight:800;}
.sideList li.curr > a::after {color:#1868b9;}

.sideList li ul {margin:6px 0 6px 10px;display:flex;flex-direction:column;gap:6px;}
.sideList li ul li a {padding:2px 8px;font-size:13px;color:#374151;border-radius:8px;font-weight:500;display: flex;justify-content: flex-start;gap: 7px;}
.sideList li ul li a::before {content:"›";font-size:18px;color:#9aa3af;transition:transform .2s ease,color .2s ease;}
.sideList li ul li a:hover {background:rgba(24,104,185,.08);color:#1868b9;}
.sideList li ul li.curr > a {background:rgba(24,104,185,.12);color:#1868b9;font-weight:700;}
.sideList li ul li a::after {content:none;}

.shopMain {min-width:0;}
.shopTop {display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom: 30px;}
.shopH1 h1 {margin-bottom: 0;}
.shopCount {}

.product a {display:block;}
.img {width:70%;margin:0 auto;}
.img img {width:100%;}
.details {margin-top:20px;}
.detail {float:right;border-left:1px solid #dbdbdb;padding:0 5px 0 20px;}
.detail a {font-size:14px;text-decoration:underline;}

.col2{float:left;width:26%;margin-left:5%;background-color:#fff;outline:1px solid #DFE6FE;margin-top:15px;padding:2%;position:relative;}
.p1{margin-left:0px;}
.break {clear:both;}
.big{display:none;}
.imgmore {width:28%;float:left;margin-right:5%;padding-bottom:20px;height:60px;}
.border {border:2px solid #dfe6fe;}
.border img {width:100%;}

.koptekst {min-height:40px;}
#kop {font-size:14px;}
#tekst {margin-top:25px;}
#tekst ul {list-style-type:disc;list-style-position:outside;margin-left:15px;}
#tekst ul li {margin-bottom:5px;}
.info {margin-top:30px;}

.trustBox{background:#fff;border-radius:14px;padding:18px 22px;display:flex;flex-direction:column;gap:10px;margin-top: 30px;border: 1px solid #e2e8f0;}
.trustItem{display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.35;color:#1f2a37}
.trustItem i{color:#22c55e;font-size:16px;flex:0 0 auto}

/*footer top
****************/
#sticky {background:radial-gradient(circle at 30% 0%,#2a3848 0%,#17202b 45%,#0f1620 100%);color:#cbd5e1;padding:80px 0 34px;}
#footer{background:radial-gradient(circle at 30% 0%,#2a3848 0%,#17202b 45%,#0f1620 100%);color:#cbd5e1;padding:80px 0 34px;}
.footerGrid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:46px;align-items:start;}
.fLogo {margin-bottom:15px;}
.fLogo img {width: 200px}
.fText{margin:0 0 18px;color:#cbd5e1;line-height:1.7;font-size:14px;}
.fPay{display:flex;gap:10px;align-items:center;margin-top:10px;}
.fPay img{height:26px;width:auto;border-radius:6px;background:#fff;padding:6px;}
.fTitle{font-size:16px;font-weight:800;color:#fff;margin:0 0 14px;}

.fList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}

.fList > div{margin:0;padding:0;}
.fList ul{ list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.fList ul ul {display: none;}
.fList li {margin:0;padding:0;}
.fList a {color:#cbd5e1;text-decoration:none;font-size:14px;line-height:1.4;font-weight:400;display:inline-flex;align-items:center;gap:8px;}
.fList a:hover {color:#fff;}

.fHoursList {list-style:none;margin:12px 0 0 0;padding:0;display:flex;flex-direction:column;}
.fHoursList li {display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);}
.fHoursList li span {text-transform:capitalize;color:#cbd5e1;}
.fHoursList li strong {color:#ffffff;font-weight:600;}
.fHoursList li em {font-style:normal;color:#6b7280;}
.fHoursList li.isClosed span {color:#6b7280;}

.fContact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.fContact li{display:flex;gap:12px;align-items:flex-start;color:#cbd5e1;font-size:14px;line-height:1.6;}
.fContact i{margin-top:3px;color:#aab6c6;width:18px;text-align:center;}
.fContact a{color:#cbd5e1;text-decoration:none;}
.fContact a:hover{color:#fff;}
.fVat{margin-top:10px;opacity:.85;}

.footerBottom{border-top:1px solid rgba(255,255,255,.10);margin-top:46px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#94a3b8;font-size:13px;}
.fAddr{color:#94a3b8;}
.fAddr a {color:#94a3b8;}

.grid-2 {display: grid;grid-gap: 40px;grid-template-columns: repeat(2,1fr);}
.grid-3 {display: grid;grid-gap: 30px;grid-template-columns: repeat(3,1fr);}
.grid-4 {display: grid;grid-gap: 20px;grid-template-columns: repeat(4,1fr);}

.cWrap{padding:30px 0;}
.cGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start;}
.cCard{background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:18px;padding:26px;box-shadow:0 10px 26px rgba(17,24,39,.06);}
.cH2{margin:0 0 18px 0;font-size:26px;line-height:1.2;font-weight:700;color:#111827;}

.cInfoList{display:flex;flex-direction:column;gap:16px;margin-top:6px;}
.cInfoItem{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:start;}
.cInfoIco{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(24,104,185,.10);border:1px solid rgba(24,104,185,.18);color:#1868b9;font-size:18px;}
.cInfoTxt{display:flex;flex-direction:column;gap:4px;padding-top:2px;}
.cInfoT{font-weight:800;color:#111827;font-size:15px;}
.cInfoS{color:rgba(17,24,39,.72);font-size:14px;line-height:1.5;}
.cLink{color:#1868b9;text-decoration:none;font-weight:700;}
.cLink:hover{text-decoration:underline;}
@media(max-width:980px){.cGrid{grid-template-columns:1fr;}.cRow{grid-template-columns:1fr;}}

.navB{display:none;}

/*WARNING
****************/
#warning{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:12000;display:none;background:url(../images/popup.png);}
#Wmessage{background-color:#fff;width:400px;margin:50px auto;padding:50px;border:solid 5px #1868b9;border-radius:10px;box-sizing:border-box;overflow:scroll-y;max-height:80%;}
#orderDay{border:none !important;font-size:30px;color:#ad6a43;width:250px;}

/*FORMS
********/
.required {color: #FF0000;}
.field_heading {font-weight: bold;padding-top: 10px;}
.field_title {float:none !important;width:100% !important;margin-bottom:10px;}
.field_input {float:none !important;width:100% !important;margin-bottom:10px;}
.field_checkbox {width: 100%;margin-bottom:10px;margin-right: 10px;}
.field_title2 {width:100%;margin-bottom:10px;}
.field_input2 {width:100%;margin-bottom:10px;}
input[type='checkbox'] {width:auto;}
input[type='radio'] {width:auto;}
.textarea{width:100%;}
.email,.textfield,.textarea,select {color:#7c7c7c;background-color:#fff;padding:5px !important;width:100% !important;box-sizing: border-box;border: 1px solid #e2e8f0;}
.email,.textfield,.textarea{border-radius: 0;outline: none;}
.textarea {height: 100px;}
.checkbox_label {cursor: pointer;}
.radio_label {cursor: pointer;}
.nixhier {display:none;}
.submit {background-color:#1868b9;color:#fff;border:0px solid #d8d8d8;display: block; font-family: Outfit,arial; margin-top: 20px; padding: 15px; text-decoration:none;line-height:normal;text-align: center;font-weight: 700;font-size: 18px;border-radius: 16px !important;width: 100%;}
.gdpr {font-size:10px;margin-top: 20px;}
.gdpr a {font-size:10px;margin-top: 20px;}

/*PREVIOUS NEXT
********************/

#usable 							{display:grid;grid-template-columns: repeat(3,1fr);grid-gap: 10px;text-align: center;margin-bottom: 30px;}
#usable a 							{box-sizing:border-box;padding:5px;text-decoration:none;border-radius:12px;background:#fff;border:1px solid rgba(15,23,42,.10);box-shadow:0 6px 18px -10px rgba(0,0,0,.18);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,color .15s ease;font-size: 13px;}
#usable a:hover 					{transform:translateY(-1px);border-color:rgba(24,104,185,.35);color:#1868b9;box-shadow:0 10px 24px -12px rgba(0,0,0,.22)}

.shoppingTop{padding:5px;border-radius:3px;color:#fff;font-size:20px;display:inline-block;border:solid 1px #fff;margin:5px 15px 5px 15px;}
.shoppingTop:hover{background-color:#f60;color:#fff;}