:root{--mainFont:'Outfit',sans-serif;--secFont:'';--color-prim:#282828;--color-prim-rgb:40,40,40;--color-sec:#C92621;--color-sec-rgb:0,221,131;--color-ter:#1FC3FF;--color-ter-rgb:204,248,230;--color-cta:var(--color-sec);--color-black:#0A0A0A;--color-black-rgb:0,0,0;--color-black-sec:#545454;--color-gray:#EBEDF3;--color-white:#FFF;--color-white-rgb:255,255,255;--bg-white:#F5F5F5;} .mainSite h2{font-size:1.5rem;} .mainSite h3{font-size:1.5rem;} .mainSite .btn,.mainSite .cta{display:inline-block;box-sizing:border-box;position:relative;padding:10.5px 32px;font-family:var(--mainFont);font-size:20px;line-height:28.8px;font-weight:400;color:var(--color-white);text-align:center;text-decoration:none;text-decoration-line:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:4px;background-color:var(--color-cta);z-index:0;overflow:hidden;border:2px solid var(--color-cta) !important;border-bottom:2px solid var(--color-cta) !important;box-shadow:none;transition:background-color .2s ease,color .2s ease,transform .2s ease,border-color .2s ease;} .mainSite .btn::after,.mainSite .cta::after{content:'';position:absolute;inset:0;background-color:rgba(0,0,0,0);transition:background-color .2s ease-in-out;pointer-events:none;z-index:-1;} .mainSite .btn:hover::after,.mainSite .cta:hover::after{background-color:rgba(0,0,0,0);} .mainSite .btn:hover,.mainSite .btn:focus,.mainSite .btn:active,.mainSite .cta:hover,.mainSite .cta:focus,.mainSite .cta:active{text-decoration:none;text-decoration-line:none;transform:translateY(-1px);} .mainSite .cta.cta1{background-color:#C92621;border-color:#C92621 !important;border-bottom-color:#C92621 !important;color:#ffffff;} .mainSite .cta.cta2{background-color:#1FC3FF;border-color:#1FC3FF !important;border-bottom-color:#1FC3FF !important;color:#282828;} .mainSite .cta.cta3{background-color:transparent;border-color:#C92621 !important;border-bottom-color:#C92621 !important;color:#C92621;} .mainSite .cta.cta4{background-color:transparent;border-color:#1FC3FF !important;border-bottom-color:#1FC3FF !important;color:#1FC3FF;} .mainSite .cta.cta1:hover,.mainSite .cta.cta1:focus,.mainSite .cta.cta1:active{background-color:#A91F1B;border-color:#A91F1B !important;border-bottom-color:#A91F1B !important;color:#ffffff;} .mainSite .cta.cta2:hover,.mainSite .cta.cta2:focus,.mainSite .cta.cta2:active{background-color:#16AEE6;border-color:#16AEE6 !important;border-bottom-color:#16AEE6 !important;color:#282828;} .mainSite .cta.cta3:hover,.mainSite .cta.cta3:focus,.mainSite .cta.cta3:active{background-color:#C92621;border-color:#C92621 !important;border-bottom-color:#C92621 !important;color:#ffffff;} .mainSite .cta.cta4:hover,.mainSite .cta.cta4:focus,.mainSite .cta.cta4:active{background-color:#1FC3FF;border-color:#1FC3FF !important;border-bottom-color:#1FC3FF !important;color:#282828;} .mainSite .cta.ghost{background-color:var(--color-ter);color:var(--color-prim);} .mainSite .cta>i[class*="fa-"]{margin-left:0.5rem;} .mainSite .row{--bs-gutter-x:2.5rem;--bs-gutter-y:2.5rem;} .mainSite section:not(.preFooter){margin-bottom:7rem;} .mainSite{font-size:16px;line-height:1.8em;color:var(--color-black);background-color:var(--bg-white);font-weight:300;} .mainSite .account-impersonation-bar{background:#ffc107;color:#1f2937;font-weight:600;line-height:1.4;position:sticky;top:0;z-index:1035;} .mainSite .account-impersonation-bar .container-xxl{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding-bottom:.55rem;padding-top:.55rem;} .mainSite .account-impersonation-bar a{color:#1f2937;text-decoration:underline;white-space:nowrap;} .mainSite,.select2-container{font-family:var(--mainFont);} .mainSite .sub .select2-container{color:var(--color-black);width:60px !important;} .mainSite .sub .select2-container,.mainSite header .select2{font-weight:300;text-transform:uppercase;font-size:.75em;} .mainSite .sub .select2-container--open .select2-dropdown--below,.select2-results__options,.mainSite header .select2 .select2-selection{border:none;} .mainSite .sub .select2-container--open .select2-dropdown--below{overflow:hidden;} .mainSite .sub .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:var(--color-gray) !important;} .mainSite .sub .select2-dropdown{background-color:var(--color-gray) !important;} .mainSite .sub .select2-results__option img,.mainSite header .select2 img{width:25px;min-height:16px;border-radius:4px;margin-right:2.5px;} .mainSite .sub .select2-results__option--selectable{color:var(--color-black) !important;font-weight:600;} .mainSite .sub .select2-container .select2-selection--single .select2-selection__rendered{color:transparent !important;text-overflow:unset !important;} .mainSite a{color:var(--color-cta);text-decoration:underline;} .mainSite strong{font-weight:700;} .mainSite header.menuFixed{transition:all .2s ease-in-out;} .mainSite header.menuFixed{box-shadow:0 0 10px var(--color-black);padding-bottom:.5rem;font-size:.85em;} .mainSite header.menuFixed .searchForm button[type="submit"]{height:2rem;width:2rem;right:1rem;line-height:2rem;} .mainSite header.menuFixed .top{padding:.5rem 0;align-items:unset;} .mainSite header.menuFixed .logo{max-height:40px;} .mainSite header.menuFixed .navbar-expand-lg .navbar-nav .nav-link{padding-top:.125rem;padding-bottom:.125rem;} .mainSite header.menuFixed .usps{height:0;display:none;padding:0;} .mainSite header.menuFixed .cta{padding-top:0;padding-bottom:0;} .mainSite header .offcanvas .offcanvas-body .main-menu{padding-block:1rem;display:flex;align-items:center;padding-left:2.5rem;background-color:rgba(var(--color-white-rgb),.04);border-radius:.25rem .25rem 0 0;font-weight:500;} .mainSite header .logo,.mainSite footer .logo{max-height:65px;} .mainSite .navbar{flex-direction:column;align-items:flex-start;justify-content:space-between;padding:0;} .mainSite .googleRating{color:currentColor;text-decoration:none;} .mainSite .googleRating>.fa-star{font-size:1.2em;color:#F3C15E;} .mainSite .googleRating .total{margin-left:.4rem;} .mainSite .navbar-nav{font-weight:600;} .mainSite footer a,.mainSite .nav-link{text-decoration:none;display:unset;} .mainSite footer a:hover,.mainSite .nav-link:hover{text-decoration:underline;} .mainSite header{z-index:1020;background-color:var(--color-prim);position:sticky;top:0;margin-bottom:2rem;} .mainSite header .menu a{margin-left:.75rem;margin-right:.75rem;} .mainSite header .navbar-brand{margin:0;} .mainSite header .top{padding:1rem 0;width:100%;} .mainSite header .top .menu a{color:var(--color-white);transition:all .15s ease-in-out;} .mainSite header .top .menu a:hover,.mainSite header .top .menu a:focus,.mainSite header .top .menu a:active{color:var(--color-cta);} .mainSite header .menu .btnCart{position:relative;padding:0 1rem;border-left:2px solid var(--color-black-sec);} .mainSite header .btnCart>.badge{--bs-badge-padding-x:0.75em;background-color:var(--color-cta);color:var(--color-white);font-weight:700;font-size:.8em;position:absolute;top:-.75rem;right:0;} .mainSite header.menuFixed .btnCart>.badge{--bs-badge-padding-x:0.5rem;top:-.5rem;right:.25rem;} .mainSite header .menu{display:flex;flex-wrap:wrap;align-items:center;width:100%;margin-top:2rem;grid-column-start:1;grid-column-end:3;} .mainSite header .languageFlags{position:relative;display:inline-block;margin-left:.75rem;margin-right:.75rem;} .mainSite header .languageFlagToggle,.mainSite header .languageFlags .languageFlag{display:inline-flex;align-items:center;justify-content:center;margin:0;border:0;border-radius:0;background-color:transparent;color:var(--color-white);transition:color .15s ease,opacity .15s ease,transform .15s ease;} .mainSite header .languageFlagToggle{gap:.45rem;width:auto;min-height:2.45rem;padding:0 .75rem;border-radius:.25rem;background-color:rgba(var(--color-white-rgb),.04);cursor:pointer;} .mainSite header .languageFlagToggle i{font-size:.65rem;opacity:.62;} .mainSite header .languageFlags .languageFlag:hover,.mainSite header .languageFlags .languageFlag:focus,.mainSite header .languageFlags .languageFlag.is-active,.mainSite header .languageFlagToggle:hover,.mainSite header .languageFlagToggle:focus{color:var(--color-cta);background-color:rgba(var(--color-white-rgb),.08);opacity:1;text-decoration:none;transform:translateY(-1px);} .mainSite header .languageFlags img,.mainSite header .languageFlagToggle img{width:1.55rem;height:1.05rem;border-radius:2px;object-fit:cover;display:block;} .mainSite header .languageFlagMenu{position:absolute;right:0;top:calc(100% + .45rem);z-index:1040;display:none;min-width:11rem;padding:.4rem;border:1px solid rgba(var(--color-white-rgb),.14);border-radius:.5rem;background-color:var(--color-prim);box-shadow:0 1rem 2rem rgba(0,0,0,.18);} .mainSite header .languageFlags:hover .languageFlagMenu,.mainSite header .languageFlags:focus-within .languageFlagMenu{display:grid;gap:.25rem;} .mainSite header .languageFlagMenu .languageFlag{justify-content:flex-start;width:100%;gap:.55rem;padding:.45rem .65rem;border-radius:.35rem;opacity:.86;color:var(--color-white);} .mainSite header .languageFlagMenu .languageFlag span{color:currentColor;font-size:.85rem;font-weight:500;line-height:1;white-space:nowrap;} .mainSite header .menu i[class^="fa-"]{font-size:1.5em;} .mainSite header .menu a.cta{display:none;margin-right:auto;margin-top:0;margin-bottom:0;color:var(--color-black);} .mainSite header.menuFixed .cta>i[class^="fa-"]{font-size:1.2em;} .mainSite .cta>i.fa-arrow-up-right{vertical-align:text-bottom;} .mainSite .navbar-nav.secondary{font-weight:300;} .mainSite .navbar-nav .nav-link{color:currentColor;} .mainSite .offcanvas-xl,.mainSite .offcanvas{color:var(--color-white);} .mainSite .form-control,.mainSite .form-select{} .mainSite .form-control,.mainSite .form-select,.mainSite .form-control::placeholder{} .mainSite .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");} .mainSite .form-control:focus,.mainSite .form-select:focus,.mainSite .form-check-input:focus{box-shadow:0 0 0 .25rem rgba(var(--color-sec-rgb),.25);} .mainSite header .offcanvas{color:var(--color-white);} .mainSite .searchForm{width:min(500px,100%);margin:0 auto;position:relative;color:var(--color-white);align-self:center;min-width:0;} .mainSite .searchForm button[type="submit"]{border:none;padding:0;margin:0;background-color:transparent;position:absolute;top:0;right:0;width:3rem;line-height:3rem;color:rgba(var(--color-white-rgb),.4) !important;} .mainSite .searchForm .form-control{border-radius:.25rem;height:3rem;padding-right:3rem;padding-left:1.5rem;font-size:.9em;font-weight:300;border:none;background-color:rgba(var(--color-white-rgb),.04) !important;border:none;} .mainSite header .searchForm .form-control{color:var(--color-white) !important;caret-color:var(--color-white);} .mainSite .searchForm .form-control::placeholder{color:rgba(var(--color-white-rgb),.4) !important;} .mainSite .pageBreak,.mainSite .preFooter{position:relative;} .mainSite .pageBreak.full{overflow:hidden;border-radius:0 1rem 1rem 1rem;min-height:50vh;} .mainSite .pageBreak.full .image::before,.mainSite .pageBreak.full .image::after{content:"";width:100%;display:block;position:absolute;z-index:0;} .mainSite .pageBreak.full .image::before{background-color:var(--color-white);height:50%;bottom:-1px;border-radius:1rem 1rem 0 0;} .mainSite .pageBreak.full .content{background-color:var(--color-white);position:relative;flex:1 1 auto;} .mainSite .pageBreak{display:flex;flex-direction:column;margin-top:4rem;margin-bottom:4rem;color:var(--color-black);} .mainSite .pageBreak .bgImageElement{height:35dvh;z-index:1;width:100%;background-size:contain;background-color:transparent;} .mainSite .pageBreak.full .image{flex:0 0 60%;position:relative;} .mainSite .pageBreak.half{margin-bottom:1rem;} .mainSite .pageBreak.half h2{font-size:2em;margin:0;font-weight:700;} .mainSite .pageBreak.half{background-color:#CCF8E6;} .mainSite .pageBreak.half .image{flex:1 0 35%;position:relative;} .mainSite .preFooter .image{display:none;} .mainSite .pageBreak.half .image img.img,.mainSite .preFooter .image img.img{margin:0;padding:0;max-width:unset;position:absolute;left:1rem;right:0;bottom:0;max-height:140px;user-select:none;-webkit-user-drag:none;z-index:0;} .mainSite .pageBreak.half.secondary .image img.img{left:unset;} .mainSite .pageBreak.half.secondary .image{flex-basis:25%;} .mainSite .pageBreak.half:not(.secondary){flex-direction:column-reverse;} .mainSite .pageBreak .content{padding:2rem;z-index:1;} .mainSite .table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--color-white);--bs-table-bg-type:var(--color-black-sec);} .mainSite .preFooter{display:flex;position:relative;background-color:var(--color-sec);color:var(--color-white);margin-top:8rem;font-size:2.5rem;font-weight:700;} .mainSite .loginScreen{margin-bottom:-8rem;} .mainSite .preFooter .content{display:flex;flex-direction:column;gap:1.5rem;padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem;} .mainSite .preFooter h2{margin:0;} .mainSite .preFooterSubscribe{width:min(100%,34rem);margin-top:2rem;} .mainSite .preFooterSubscribe:empty{min-height:3.25rem;} .mainSite .preFooterSubscribe .brevo-subscribe-fields{display:flex;gap:.5rem;} .mainSite .preFooterSubscribe input[type="email"]{width:100%;min-width:0;height:3.25rem;border:0;border-radius:.25rem;padding:0 1rem;font-size:1rem;font-weight:300;} .mainSite .preFooterSubscribe button[type="submit"]{height:3.25rem;border:0;border-radius:.25rem;background:var(--color-prim);color:var(--color-white);font-size:1rem;font-weight:600;padding:0 1.25rem;white-space:nowrap;} .mainSite .preFooterSubscribe button[type="submit"]:disabled{opacity:.65;} .mainSite .preFooterSubscribe .brevo-subscribe-message{min-height:1.5rem;margin-top:.45rem;font-size:.95rem;font-weight:400;line-height:1.35;} .mainSite footer{background-color:var(--color-prim);padding-top:10rem;padding-bottom:2.25rem;font-weight:300;} .mainSite footer .container{display:flex;flex-direction:column;gap:6rem;} .mainSite footer .inner{color:var(--color-white);display:flex;flex-wrap:wrap;} .mainSite footer ul{padding:0;margin:0;list-style:none;line-height:2.25em;margin-top:.75rem;} .mainSite footer .menu>strong{display:block;} .mainSite footer a,.mainSite footer a:hover{color:var(--color-white);} .mainSite footer .social{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;justify-content:space-between;} .mainSite footer .socials{display:flex;align-items:center;gap:1.25rem;} .mainSite footer .socials .socialIcon{font-size:1.75rem;} .mainSite footer .copyright{font-size:.8em;color:var(--color-white);font-weight:300;display:flex;justify-content:space-between;align-items:end;} .mainSite footer .copyright .nav{display:flex;margin-top:0;gap:2rem;} .mainSite footer .copyright .nav .nav-item{padding:0;} .mainSite footer .copyright .nav .nav-link{padding:0;} .mainSite footer .copyright .nav li::before{content:"\00a0|\00a0";} .mainSite footer .copyright .nav li:first-of-type::before{content:"";} .mainSite footer .copy{display:flex;flex-direction:column;} .mainSite footer .copy .copy-links{display:flex;gap:2rem;} .mainSite .offcanvas{width:100% !important;} .mainSite .offcanvas-body{flex-wrap:wrap;justify-content:space-between;} .mainSite .text-muted{color:var(--color-white) !important;opacity:.9;} .modal-body .modal-footer{padding:0;padding-top:1rem;} .mainSite #compareBtn{position:fixed;bottom:0;right:4rem;padding:.5rem 1rem;background-color:var(--color-black-sec);color:var(--color-white);text-decoration:none;transition:all .2s ease-in-out;border-radius:1rem 1rem 0 0;font-weight:600;font-size:.9em;z-index:1000;} .mainSite #compareBtn:hover{padding-bottom:2rem;} .mainSite #compareBtn .badge{background-color:var(--color-sec);color:var(--color-black);margin-left:.5rem;} @media(min-width:768px){.mainSite .container-xxl{padding-left:1.25rem;padding-right:1.25rem;} .mainSite header{} .mainSite header .usps{display:flex;} .mainSite header.menuFixed .searchForm .form-control{height:100%;} .mainSite .pageBreak.half:not(.secondary){flex-direction:row;} .mainSite .pageBreak.half .image img.img{max-height:400px;} .mainSite .preFooter .image img.img{max-height:290px;} .mainSite .pageBreak.half h2{font-size:2.6em;} .mainSite .preFooter .content{flex:0 0 60%;justify-content:space-between;align-items:center;flex-direction:row;} .mainSite .preFooter{margin-top:8rem;} .mainSite .pageBreak.half{margin-top:6rem;margin-bottom:2rem;} .mainSite .pageBreak.half.secondary .content{padding-right:0rem;padding-left:4rem;z-index:1;} .mainSite .pageBreak.half .content{padding-top:6rem;padding-left:0rem;padding-bottom:6rem;} .mainSite footer .copyright .nav li::before{content:"";} .mainSite header .usps ul{display:flex;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem;} .mainSite header .usps li{margin:0 1rem;} .mainSite header .top{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;} .mainSite footer .inner{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;justify-content:space-between;} .mainSite footer .menu{width:unset;} .mainSite .pageBreak .content{z-index:0;} .mainSite .pageBreak .content{padding:4rem;}} @media(max-width:767.98px){.mainSite .row{--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem;} .mainSite header{margin-bottom:1rem;} .mainSite header .top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem 0;} .mainSite header .navbar-brand,.mainSite header .navbar-brand .logo{display:block;min-width:0;} .mainSite header .logo{max-width:min(190px,52vw);max-height:48px;} .mainSite header .searchForm{grid-column:1 / -1;grid-row:2;width:100%;margin:0;} .mainSite header .searchForm .form-control{height:2.65rem;padding-left:1rem;padding-right:2.65rem;} .mainSite header .searchForm button[type="submit"]{width:2.65rem;line-height:2.65rem;} .mainSite header.menuFixed .searchForm button[type="submit"]{height:2.65rem;width:2.65rem;right:0;line-height:2.65rem;} .mainSite header .menu{grid-column:2;grid-row:1;flex-wrap:nowrap;justify-content:flex-end;width:auto;min-width:0;margin-top:0;} .mainSite header .menu a{margin-right:.35rem;margin-left:.35rem;} .mainSite header .menu i[class^="fa-"]{font-size:1.25em;} .mainSite header .menu .btnCart{padding-right:.55rem;padding-left:.55rem;}} @media(min-width:768px) and (max-width:1199.98px){.mainSite header .top{grid-template-columns:minmax(170px,auto) minmax(220px,1fr) auto;gap:1.5rem;} .mainSite header .navbar-brand{display:block;min-width:170px;} .mainSite header .logo{max-width:170px;} .mainSite header .menu{grid-column:3;grid-row:1;flex-wrap:nowrap;justify-content:flex-end;width:auto;margin-top:0;}} @media(min-width:992px){.mainSite header .top .inner{grid-template-columns:1fr minmax(400px,auto) 1fr;} .mainSite h2{font-size:2rem;}} @media(min-width:1200px){.mainSite .container-fluid{padding-left:4rem;padding-right:4rem;} .mainSite header .menu{grid-column-start:unset;grid-column-end:unset;justify-content:flex-end;margin-top:unset;} .mainSite header .menu a.cta{margin-right:3rem;} .mainSite header .offcanvas .sub{display:flex;align-items:center;justify-content:end;} .mainSite .pageBreak .bgImageElement{height:100%;} .mainSite .pageBreak{flex-direction:row;margin-top:6rem;margin-bottom:6rem;} .mainSite .pageBreak.full .image::before{border-radius:1rem 0 0 0;bottom:0;height:30%;} .mainSite .pageBreak.full .content{border-radius:1rem 0 0 0;} .mainSite .pageBreak.full .content::after{content:"";position:absolute;background-image:url(/image/corner.svg);background-size:100%;bottom:30%;left:-24px;height:24px;width:24px;} .mainSite .pageBreak.full .image::after{top:0;height:70%;background-color:var(--color-black);border-radius:0 0 1rem 0;} .mainSite .pageBreak.half{margin-bottom:6rem;} .mainSite .pbSideContent{padding:0 4rem;} .mainSite .preFooter .content{padding-top:4rem;padding-right:4rem;padding-bottom:4rem;padding-left:0;flex:1 1 auto;} .mainSite .preFooter{font-size:1.8em;margin-top:8rem;} .mainSite footer .copyright .nav{margin-bottom:0;}} @media(min-width:1440px) and (max-width:1599.98px){.mainSite{font-size:16px;} .mainSite .container-xxl{max-width:1280px;}} @media(min-width:1600px){.container-xxl,.mainSite .container{max-width:1600px;padding-left:4rem;padding-right:4rem;}} a{text-decoration:none;} a:hover{text-decoration:underline;color:currentColor;} input[type="button"],button,.uploadifive-button{cursor:pointer;display:inline-block;color:#000000;background:none;border:1px solid #000000;padding:15px;border-radius:5px;background-color:rgba(255,255,255,.5);} .mainSite img{max-width:100%;} .img-responsive{max-width:100%;height:auto;} .mainSite .imageGallery .img{max-width:100%;aspect-ratio:1/1;display:block;background-size:cover;background-position:center;position:relative;background-color:#e1e1e1;} .mainSite .imageGallery .img{margin:15px 0;} ul.nav.flex-column a{display:block;} .badge{background-color:var(--bs-secondary);} .carousel-inner .slideImg{min-height:75vh;width:100%;background-position:center;background-size:cover;background-repeat:no-repeat;} .ui-sortable>*{cursor:grab;} .ui-sortable>*:active{cursor:grabbing;} iframe[src^="https://www.youtube-nocookie.com"],iframe[src^="https://youtube-nocookie.com"]{width:100%;aspect-ratio:16 / 9;display:block;} .mainSite .bgImageElement,.mainSite .bgVideoElement,.mainSite #mainHeader{background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--color-white);display:block;position:relative;background-color:#ccc;} .mainSite #mainHeader .headerTxt,.mainSite .bgVideoElement .headerTxt,.mainSite .bgImageElement .headerTxt{text-shadow:0px 0px 10px #333;} .mainSite #mainHeader{display:flex;flex-wrap:wrap;align-items:center;min-height:35vh;margin-bottom:4rem;padding:2rem 0;} .mainSite .bgVideoElement iframe{position:absolute;top:50%;left:50%;width:100vw;height:100vh;transform:translate(-50%,-50%);pointer-events:none;} .mainSite .bgVideoElement .frame{position:absolute;overflow:hidden;width:100%;height:100%;left:0;right:0;top:0;bottom:0;} .nav-pills .nav-link{background-color:#FFF;color:#333;} .nav-pills .nav-item{margin-bottom:1px;} .nav-pills .nav-link{background-color:#ececec;} .nav-pills .nav-link.active{background-color:#414a54;color:#FFF;} .nav-pills .nav-link.bg-danger{color:#FFF;} .form-group{margin-bottom:1rem;} .breadcrumb{--bs-breadcrumb-divider-color:var(--color-black-sec);padding:0;margin-bottom:0;border-bottom:none;background-color:transparent;font-size:.9em;font-weight:300;} .breadcrumb .breadcrumb{margin:0;} .breadcrumb .active:last-of-type{font-weight:600;} .breadcrumb .breadcrumb{padding:7.5px 0;margin:0;} .breadcrumb-item+.breadcrumb-item{padding:0;} .breadcrumb-item+.breadcrumb-item::before{content:">";font-weight:200;color:var(--color-black);opacity:.75;float:unset;margin:0 1rem;padding-right:0;} .breadcrumb a{color:var(--color-black);text-decoration:none;} .breadcrumb a:hover{text-decoration:underline;} @media(max-width:767.98px){.breadcrumb{display:flex;flex-wrap:wrap;max-width:100%;overflow:visible;white-space:normal;} .breadcrumb-item,.breadcrumb a{min-width:0;overflow-wrap:anywhere;word-break:normal;} .breadcrumb-item+.breadcrumb-item::before{margin:0 .45rem;}} @media (min-aspect-ratio:16/9){.mainSite .bgVideoElement iframe{height:56.25vw;}} @media (max-aspect-ratio:16/9){.mainSite .bgVideoElement iframe{width:177.78vh}} @media (max-width:600px ){.mainSite .bgVideoElement iframe{width:85.78vh;}} body .modal-xl{transition:all .3s ease-in-out;} body:has(.cmsBarBig) .modal-xl{margin-right:2rem;margin-left:calc(320px + 2rem);} .loadModal{height:200px;background-image:url(/login/image/loading.gif);background-position:center;background-repeat:no-repeat;} .modal-body>iframe{min-height:60vh;width:100%;} span.vandaagGeopend.gesloten{color:var(--bs-red);} span.vandaagGeopend.geopend{color:var(--bs-success);font-weight:500;} .inWindow{background-color:#FFF;border:5px #069 solid;border-radius:10px;margin:auto;margin-top:50px;width:436px;min-height:140px;} .inWindowHeader{padding-top:3px;padding-bottom:8px;padding-left:10px;width:426px;background-color:#069;color:#FFFFFF;font-weight:bold;letter-spacing:2px;font-size:18px} .adminTransBg{z-index:9999;display:none;padding:10px;overflow:scroll;background:rgba(0,0,0,.5);position:fixed;left:0px;top:0px;width:100%;height:100%;} .mainSite header .navbar-toggler{border:none;box-shadow:none;} .mainSite header .navbar-toggler span{font-size:1.5em;color:var(--color-white);filter:brightness(0) invert(1);} .mainSite header .offcanvas li>ul{display:none;} @media(max-width:992px){.mainSite header .offcanvas ul:has(ul.visible){visibility:hidden;display:inline;margin:0;} .mainSite header .offcanvas{z-index:999999;overflow:hidden;} .mainSite header .offcanvas ul>li{position:relative;} .mainSite header .offcanvas ul>li:has(ul.visible)>a{display:none;} .mainSite header .offcanvas:has(li>ul.visible) ul:has(ul.visible) li{height:0;} .mainSite header .offcanvas:has(li>ul.visible) ul:has(ul.visible) ul.visible li{height:unset;} .mainSite header .offcanvas ul>li>.openSub{position:absolute;right:0;top:0;padding:10px 5px;cursor:pointer;} .mainSite header .offcanvas ul>li>ul.visible{display:block;visibility:visible;position:absolute;top:0;left:0;width:100%;} .mainSite header .offcanvas:has(li>ul.visible) ul:not(.visible){visibility:hidden;height:0;} .mainSite header .offcanvas ul:has(li>ul.visible){visibility:hidden !important;} .mainSite header .offcanvas ul>li{width:100%;} .mainSite .offcanvas-header .btn-close{opacity:1;filter:invert(1);} .mainSite header .offcanvas .offcanvas-header .btn-back{cursor:pointer;}} .mainSite .main-menu{position:relative;} .mainSite .main-menu:hover .main-menu-items,.mainSite .main-menu.is-open .main-menu-items,.mainSite .main-menu:focus-within .main-menu-items,.mainSite.is-home:not(.is-scrolled) .main-menu-items{display:flex !important;} .mainSite.is-home.is-scrolled .main-menu-items{display:none;} .mainSite .main-menu-items{display:none;position:absolute;top:100%;left:0;width:100%;z-index:1000;min-height:28rem;height:66vh;max-height:66vh;border-radius:0 0 .25rem .25rem;background-color:var(--color-prim);margin-bottom:0;overflow:visible;} .mainSite .main-menu-items ul{width:100%;list-style:none;padding:0;margin:0;justify-content:start;flex-direction:column !important;} .mainSite .main-menu-items>ul{height:100%;overflow-y:auto;} .mainSite .main-menu-items ul li{padding:.65rem 2.5rem;} .mainSite .main-menu-items>ul>li:hover,.mainSite .main-menu-items>ul>li.is-open,.mainSite .main-menu-items>ul>li:focus-within{background-color:rgba(var(--color-white-rgb),.04);} .mainSite .main-menu-items ul li:first-of-type{padding-top:1.5rem;} .mainSite .main-menu-items ul li:last-of-type{padding-bottom:1.5rem;} .mainSite .main-menu-items ul li a{color:var(--color-white);display:block;font-weight:300;line-height:1.35;padding:0 !important;} .mainSite .main-menu-items ul li a:hover{text-decoration:none !important;} .mainSite .main-menu-items>ul>li:has(> ul)>a{position:relative;padding-right:1.25rem !important;} .mainSite .main-menu-items>ul>li:has(> ul)>a::after{content:"\f054";font-family:"Font Awesome 6 Pro";font-size:.75em;font-weight:300;line-height:1;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:.55;} .mainSite .main-menu-items>ul>li>ul{display:none;position:absolute;top:0;left:100%;width:min(calc(100vw - 32rem),900px);min-height:18rem;height:auto;padding:2rem 2.5rem 2.25rem;overflow:visible;background-color:var(--color-prim);border-left:1px solid rgba(var(--color-white-rgb),.08);border-radius:0 0 .25rem 0;box-shadow:1.25rem 1.5rem 2.5rem rgba(0,0,0,.18);column-gap:2.5rem;z-index:1001;} .mainSite .main-menu-items>ul>li:hover>ul,.mainSite .main-menu-items>ul>li.is-open>ul,.mainSite .main-menu-items>ul>li:focus-within>ul{display:block;column-count:3;column-width:14rem;} .mainSite .main-menu-items>ul>li>ul>li{break-inside:avoid;padding:0 0 1.6rem;page-break-inside:avoid;} .mainSite .main-menu-items>ul>li>ul>li:first-of-type,.mainSite .main-menu-items>ul>li>ul ul li:first-of-type{padding-top:0;} .mainSite .main-menu-items>ul>li>ul>li:hover{background-color:transparent;} .mainSite .main-menu-items>ul>li>ul>li>a{border-bottom:1px solid rgba(var(--color-white-rgb),.08);font-weight:700;line-height:1.35;margin-bottom:.55rem;padding-bottom:.55rem !important;} .mainSite .main-menu-items>ul>li>ul>li:has(> ul>li:nth-child(9))>a{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;} .mainSite .main-menu-items>ul>li>ul>li:has(> ul>li:nth-child(9))>a::after{content:"Bekijk alles";color:rgba(var(--color-white-rgb),.55);font-size:.72rem;font-weight:400;white-space:nowrap;} .mainSite .main-menu-items>ul>li>ul ul{display:block;margin-top:0;} .mainSite .main-menu-items>ul>li>ul ul li{padding:.08rem 0;} .mainSite .main-menu-items>ul>li>ul ul li:nth-child(n+9){display:none;} .mainSite .main-menu-items>ul>li>ul>li>ul>li>ul{display:none;} .mainSite .main-menu-items>ul>li>ul ul li:hover{background-color:transparent;} .mainSite .main-menu-items>ul>li>ul ul a{color:rgba(var(--color-white-rgb),.76);font-size:.92em;line-height:1.4;padding:.22rem .45rem .22rem 0 !important;transition:color .15s ease-in-out,padding-left .15s ease-in-out;} .mainSite .main-menu-items>ul>li>ul ul a:hover,.mainSite .main-menu-items>ul>li>ul ul a:focus{color:var(--color-white);padding-left:.35rem !important;} 
.mainSite footer .inner{gap:2.5rem}.mainSite footer .footerBrand{display:grid;align-content:start;justify-items:start;gap:1.5rem}.mainSite footer .footerLogoLink{display:inline-block;line-height:0}
.mainSite footer .footerBrand .logo{display:block;width:min(100%,12rem);height:auto;max-height:none}
.mainSite footer .container{gap:4.5rem}.mainSite footer .inner{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}.mainSite footer .info{max-width:18rem}@media(min-width:768px){.mainSite footer .inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem}.mainSite footer .footerBrand,.mainSite footer .info{grid-column:1}}@media(min-width:1200px){.mainSite footer .inner{grid-template-columns:minmax(14rem,.9fr) minmax(18rem,1.25fr) minmax(16rem,1fr);grid-template-areas:'brand service categories' 'info service categories';column-gap:clamp(4rem,8vw,8rem);row-gap:1.75rem}.mainSite footer .footerBrand{grid-area:brand}.mainSite footer .info{grid-area:info}.mainSite footer .menu:nth-of-type(1){grid-area:service}.mainSite footer .menu:nth-of-type(2){grid-area:categories}}