@charset "UTF-8";
/* ocw-catalog-css/1 */

/* /css/index.css */
body{
    margin:0px;
    font-family:"Roboto";
    overflow-x:hidden;
}
*,
*:before,
*:after {
    box-sizing:border-box;
}
img,
iframe,
video,
canvas {
    max-width:100%;
}
input,
select,
textarea,
button {
    max-width:100%;
}
img[onclick^="toWishList"] {
    width:35px !important;
    height:35px !important;
    object-fit:contain;
    display:block;
}
#container {
    width:100%;
    height:auto;
    margin-top:var(--ocw-mobile-fixed-header-space, 170px);
    background-color:#FFF;
}

.orion-mobile-back-school,
.orion-mobile-back-school * {
    box-sizing:border-box;
}
.orion-mobile-back-school {
    width:100%;
    padding:12px 10px 16px;
    background:#fff;
    font-family:Arial, Helvetica, sans-serif;
}
.orion-mobile-back-school-card {
    overflow:hidden;
    border-radius:20px;
    background:#fff;
    box-shadow:0 16px 36px rgba(34,34,68,.18);
}
.orion-mobile-back-school-image {
    width:100%;
    height:245px;
    display:block;
    object-fit:cover;
    object-position:center;
}
.orion-mobile-back-school-content {
    padding:20px 18px 22px;
    background:
        radial-gradient(circle at 12% 14%,rgba(255,232,77,.72),transparent 24%),
        linear-gradient(135deg,#00c8d8,#24d184 45%,#ff6377);
}
.orion-mobile-back-school-label {
    width:max-content;
    max-width:100%;
    min-height:30px;
    display:inline-flex;
    align-items:center;
    margin-bottom:12px;
    padding:0 13px;
    border-radius:999px;
    background:#ffe84d;
    color:#172033;
    box-shadow:0 8px 18px rgba(34,34,68,.16);
    font-size:11px;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
}
.orion-mobile-back-school h2 {
    margin:0;
    color:#10213a;
    font-size:31px;
    line-height:1.02;
    font-weight:900;
    letter-spacing:0;
}
.orion-mobile-back-school p {
    margin:12px 0 0;
    color:rgba(16,33,58,.84);
    font-size:15px;
    line-height:1.48;
    font-weight:700;
}
.orion-mobile-back-school-actions {
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:18px;
}
.orion-mobile-back-school-actions a {
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#224;
    color:#fff;
    font-size:15px;
    font-weight:900;
    text-decoration:none;
    box-shadow:0 12px 24px rgba(34,34,68,.20);
}
.orion-mobile-back-school-actions a + a {
    background:rgba(255,255,255,.94);
    color:#224;
}
.orion-build-dream-mobile,
.orion-build-dream-mobile * {
    box-sizing:border-box;
}
.orion-build-dream-mobile {
    width:100%;
    padding:0 10px 18px;
    background:#fff;
}
.orion-build-dream-mobile-link {
    display:block;
    width:100%;
    overflow:hidden;
    border-radius:20px;
    background:#070d19;
    box-shadow:0 16px 36px rgba(34,34,68,.18);
}
.orion-build-dream-mobile-link img {
    width:100%;
    height:auto;
    display:block;
    border:0;
}
#fixedheader {
    position:fixed;
    top:0;
    z-index:100;
}

.orion-mobile-bol-record {
    position:absolute;
    top:7px;
    right:10px;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:center;
    width:78px;
    height:34px;
    padding:6px 10px;
    border:1px solid #dce4f1;
    border-radius:999px;
    background:#fff;
    box-shadow:0 6px 18px rgba(34,34,68,.14);
}
.orion-mobile-bol-record img {
    display:block;
    width:56px;
    height:auto;
}

/* Betaalbron op de mobiele order- en bonkaart. */
.orion-mobile-paid-card {
    position:absolute;
    top:80px;
    right:12px;
    z-index:4;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    width:max-content;
    max-width:calc(100% - 18px);
    min-height:40px;
    margin:0;
    padding:5px 12px 5px 6px;
    border:1px solid rgba(255,255,255,.62);
    border-radius:11px;
    color:#fff;
    font-family:Roboto,Arial,sans-serif;
    line-height:1;
    transform:rotate(-6deg);
    transform-origin:center;
    box-shadow:0 9px 20px rgba(15,23,42,.20), inset 0 1px 0 rgba(255,255,255,.25), inset 0 -2px 0 rgba(0,0,0,.18);
}
.orion-mobile-paid-card__logo {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:45px;
    height:27px;
    padding:0 6px;
    border-radius:7px;
    background:rgba(255,255,255,.96);
    color:#172033;
    font-size:11px;
    font-weight:1000;
    letter-spacing:-.05em;
    box-shadow:inset 0 -1px 0 rgba(15,23,42,.12);
}
.orion-mobile-paid-card__copy { display:grid; gap:2px; min-width:0; text-align:left; text-shadow:0 1px 1px rgba(0,0,0,.28); }
.orion-mobile-paid-card__copy strong { font-size:17px; font-weight:1000; letter-spacing:.07em; }
.orion-mobile-paid-card__copy small { font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.orion-mobile-paid-card.is-bol { background:linear-gradient(135deg,#123f94,#06317d 55%,#08275f); border-bottom-color:rgba(255,214,0,.82); }
.orion-mobile-paid-card.is-bol .orion-mobile-paid-card__logo { color:#0046be; font-size:20px; letter-spacing:-.09em; }
.orion-mobile-paid-card.is-bol .orion-mobile-paid-card__logo::after { content:"."; align-self:flex-end; margin:0 0 2px 1px; color:#ffdf00; font-size:23px; line-height:.7; }
.orion-mobile-paid-card.is-bol small { color:#f8d75a; }
.orion-mobile-paid-card.is-ing { background:linear-gradient(135deg,#ff8a00,#f15a00 55%,#de4100); border-color:rgba(255,219,179,.82); }
.orion-mobile-paid-card.is-ing .orion-mobile-paid-card__logo { width:52px; color:#f15a00; font-size:14px; }
.orion-mobile-paid-card.is-ing small { color:#fff0d6; }
.orion-mobile-paid-card.is-buckaroo { background:linear-gradient(135deg,#173b5f,#102f50 55%,#0a2038); border-color:rgba(207,255,72,.70); }
.orion-mobile-paid-card.is-buckaroo .orion-mobile-paid-card__logo { min-width:68px; background:#cffc48; color:#102f50; font-size:9px; }
.orion-mobile-paid-card.is-buckaroo small { color:#cffc48; }
.orion-mobile-paid-card.is-paid { background:linear-gradient(135deg,#10b981,#0f766e 55%,#134e4a); border-color:rgba(187,247,208,.75); }
 
.autocomplete {
    position: relative;
    display: inline-block;
}
#scUpdateBtn input {
    width:150px;
    height:60px;
    background-color:#0F0;
    padding: 10px 10px 10px 10px;
    color:#FFF;
    outline:none;
    border:none;
    font-size:24px;
    cursor:pointer;
    -webkit-box-shadow: 14px 18px 28px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: 14px 18px 28px -12px rgba(0,0,0,0.75);
    box-shadow: 14px 18px 28px -12px rgba(0,0,0,0.75);
}
#txtsec{
	position:absolute;
	height:auto;
	width:850px;
	top:250px;
	left:60px;
	padding-left:40px;
    padding-top:15px;
    padding-bottom:30px;
	border:thin solid #BBB;
    color:#556;
    -webkit-box-shadow: 24px 28px 38px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: 24px 28px 38px -12px rgba(0,0,0,0.75);
    box-shadow: 24px 28px 38px -12px rgba(0,0,0,0.75);
}
#txt1 {
    position: relative;
    background-color:#FFC;
    font-size:20px;
    margin-top:2px;
    float: left;
    margin-left:15px;
}
.fieldText {
    clear:both;
    position:relative;
    margin-top:15px;
    margin-left:15px;
    float:left;
    font-size:13px;
    width:80px;
}
.fieldText2 {
    position:relative;
    margin-top:15px;
    margin-left:10px;
    float:left;
    font-size:13px;
    width:160px;
}
.inputField {
    position:relative;
    margin-top:12px;
    margin-left:10px;
    float:left;
    width:100px;
    text-align:right;
    font-size:13px;
}
.fieldTextrun {
    position:relative;
    margin-left:20px;
    float:left;
    font-size:13px;
    width:240px;
}
.inputFieldchk {
    position:relative;
    margin-top:0px;
    margin-left:0px;
    float:left;
    font-size:13px;
    zoom:1.5;
}
.inputFieldchk2 {
    position:relative;
    margin-top:10px;
    margin-left:25px;
    float:left;
    font-size:13px;
    zoom:1.5;
}
.ocw-sync-settings,
.ocw-sync-settings * {
    box-sizing:border-box;
}
.ocw-sync-settings {
    width:100%;
    padding:18px 12px 44px;
    background:#f4f6f8;
    color:#20233a;
    font-family:Arial, Helvetica, sans-serif;
}
.ocw-sync-settings__form {
    width:min(1120px, 100%);
    margin:0 auto;
}
.ocw-sync-settings__header,
.ocw-sync-settings__panel,
.ocw-sync-settings__footer {
    border:1px solid #dde2ea;
    border-radius:8px;
    background:#fff;
}
.ocw-sync-settings__header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:18px;
    margin-bottom:14px;
    border-left:5px solid #447;
}
.ocw-sync-settings__header span {
    display:block;
    margin-bottom:5px;
    color:#647084;
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
}
.ocw-sync-settings__header h2,
.ocw-sync-settings__panel h3 {
    margin:0;
    color:#224;
    font-weight:bold;
}
.ocw-sync-settings__header h2 {
    font-size:24px;
}
.ocw-sync-settings__save {
    min-width:120px;
    min-height:42px;
    padding:0 18px;
    border:0;
    border-radius:6px;
    background:#224;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    cursor:pointer;
}
.ocw-sync-settings__save:hover {
    background:#447;
}
.ocw-sync-settings__panel {
    padding:18px;
    margin-bottom:14px;
}
.ocw-sync-settings__panel-head {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:14px;
    padding-bottom:14px;
    margin-bottom:16px;
    border-bottom:1px solid #edf0f4;
}
.ocw-sync-settings__panel h3 {
    font-size:19px;
}
.ocw-sync-settings__panel p {
    margin:0;
    color:#687386;
    font-size:13px;
}
.ocw-sync-settings__grid,
.ocw-sync-settings__fields,
.ocw-sync-settings__suppliers {
    display:grid;
    gap:10px;
}
.ocw-sync-settings__grid {
    grid-template-columns:repeat(auto-fit, minmax(185px, 1fr));
}
.ocw-sync-settings__fields {
    grid-template-columns:2fr 1fr;
    margin-top:14px;
}
.ocw-sync-settings__fields label {
    display:grid;
    gap:7px;
    color:#4c5668;
    font-size:13px;
    font-weight:bold;
}
.ocw-sync-settings__fields input,
.ocw-sync-settings__fields select {
    width:100%;
    min-height:42px;
    padding:0 12px;
    border:1px solid #cad1dc;
    border-radius:6px;
    background:#fbfcfe;
    color:#20233a;
    font-size:14px;
}
.ocw-sync-settings__toggle {
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 12px;
    border:1px solid #e3e7ee;
    border-radius:8px;
    background:#fbfcfe;
    color:#2f3548;
    font-size:14px;
    font-weight:bold;
    line-height:1.2;
    cursor:pointer;
}
.ocw-sync-settings__toggle span {
    display:block;
}
.ocw-sync-settings__toggle input {
    position:absolute;
    opacity:0;
    pointer-events:none;
}
.ocw-sync-settings__toggle i {
    position:relative;
    display:block;
    align-self:center;
    flex:0 0 auto;
    width:44px;
    height:24px;
    margin-left:auto;
    border-radius:999px;
    background:#cdd3dd;
    transition:background .2s ease;
}
.ocw-sync-settings__toggle i:after {
    content:"";
    position:absolute;
    top:3px;
    left:3px;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 2px 6px rgba(32,35,58,.25);
    transition:transform .2s ease;
}
.ocw-sync-settings__toggle input:checked + i {
    background:#1f8a5f;
}
.ocw-sync-settings__toggle input:checked + i:after {
    transform:translateX(20px);
}
.ocw-sync-settings__suppliers {
    grid-template-columns:repeat(auto-fit, minmax(255px, 1fr));
}
.ocw-sync-settings__supplier {
    display:grid;
    gap:10px;
    align-content:start;
    min-height:190px;
    padding:14px;
    border:1px solid #dfe5ed;
    border-radius:8px;
    background:#fbfcfe;
}
.ocw-sync-settings__supplier.is-active {
    border-top:4px solid #1f8a5f;
}
.ocw-sync-settings__supplier.is-paused {
    border-top:4px solid #c17b2b;
    background:#fffaf4;
}
.ocw-sync-settings__supplier-title {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}
.ocw-sync-settings__supplier-title strong {
    color:#224;
    font-size:17px;
}
.ocw-sync-settings__supplier-title span {
    padding:4px 8px;
    border-radius:999px;
    background:#eef2f6;
    color:#566276;
    font-size:11px;
    font-weight:bold;
}
.ocw-sync-settings__supplier.is-active .ocw-sync-settings__supplier-title span {
    background:#e4f4ed;
    color:#176844;
}
.ocw-sync-settings__supplier.is-paused .ocw-sync-settings__supplier-title span {
    background:#fff0db;
    color:#8c5215;
}
.ocw-sync-settings__meta {
    display:grid;
    gap:5px;
    padding-top:4px;
    color:#687386;
    font-size:12px;
    line-height:1.35;
}
.ocw-sync-settings__footer {
    display:flex;
    justify-content:flex-end;
    padding:14px 18px;
}
@media(max-width:680px) {
    .ocw-sync-settings {
        padding:10px 8px 32px;
    }
    .ocw-sync-settings__header,
    .ocw-sync-settings__panel-head {
        align-items:stretch;
        flex-direction:column;
    }
    .ocw-sync-settings__header h2 {
        font-size:20px;
    }
    .ocw-sync-settings__fields,
    .ocw-sync-settings__suppliers {
        grid-template-columns:1fr;
    }
    .ocw-sync-settings__save {
        width:100%;
    }
}
.slideshow {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
.slideshow img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 
.bankline {
    clear:both;
    width:100%;
    background-color:#EAEAEA;
    height:50px;
    padding-left:10px;
    padding-top:10px;
}
.dropbtn {
    color: white;
    padding: 10px;
    font-size:20px;
    border: none;
    cursor: pointer;
    width:100%;
    background: #446;
    background: linear-gradient(to bottom right,#99B, #446);
}
.dropdown {
    position: relative;
    margin-left:0;
    width:100%;
    max-width:360px;
    display: inline-block;
    z-index:5000;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f2f2f2;
    width:100%;
    -webkit-box-shadow: 14px 18px 28px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: 14px 18px 28px -12px rgba(0,0,0,0.75);
    box-shadow: 14px 18px 28px -12px rgba(0,0,0,0.75);
    z-index: 5001;
    border:thin solid #CCC;
    height:auto;
    max-height:70vh;
    overflow:auto;
}
#submitBtn {
    margin-top:10px;
    height:38px;
    width:150px;
    color:#FFF;
    background-color:#447;
    cursor:pointer;
}
.advlogo {
    position:relative;
    float:left;
    margin-left:15px;
}
#loginmenu {
    position:absolute;
    top:0px;
    left:-1500px;
    width:100%;
    max-width:450px;
    height:auto;
    background-color:#FAFAFA;
    z-index:100;
    border-bottom:solid 1px #447;
}
#logintopline {
    position:relative;
    width:100%;
    height:60px;
    border-bottom: solid thin #666;
    font-size:32px;
    padding-left:30px;
    padding-top:8px;
    padding-bottom:10px;
    font-weight:bold;
}
#loginclosebtn {
    position:absolute;
    right:20px;
    top:6px;
}
.loginmenuentry {
    position:relative;
    height:40px;
    background-color:#FFF;
    width:100%;
    font-size:46px;
    border-bottom:solid thin #CCC;
    padding-top:10px;
    padding-left:70px;
}
.logintext {
    font-size:18px;
    color:#224;
    font-weight:normal;
}
.logintextlarge {
    font-size:24px;
    color:#224;
    margin-left:20%;
    font-weight:bold;
}
.logininput {
    width:80%;
    height:40px;
    font-size:18px;
}
.inlogbtn {
    margin-left:15%;
    width:70%;
    background-color:#0D0;
    color:#FFF;
    font-size:24px;
    height:60px;
/*    padding-bottom:15px;*/
    padding-top:2px;
    font-weight:bold;
    text-align:center;
    display:block; 
}
#inlogremember {
    margin-left:10%;
    font-size:48px;
    transform:scale(1.5);
}
#loginvergeten a {
    margin-left:20%;
    font-size:18px;
    color:#224;
    text-decoration:underline;
}
#gegevensmenu {
    position:absolute;
    top:170px;
    left:0px;
    width:100%;
    max-width:450px;
    height:300px;
    background-color:#F00;;
    opacity:.97;
    z-index:100;
    border-bottom:solid 1px #447;
}
#gegevenstopline {
    position:relative;
    width:100%;
    height:60px;
    border-bottom: solid thin #666;
    font-size:32px;
    padding-left:30px;
    padding-top:8px;
    padding-bottom:10px;
    font-weight:bold;
}
#gegevensclosebtn {
    position:absolute;
    right:20px;
    top:6px;
}
.gegevensmenuentry {
    position:relative;
    height:40px;
    background-color:#FFF;
    width:100%;
    font-size:46px;
    border-bottom:solid thin #CCC;
    padding-top:10px;
    padding-left:70px;
}
.descriptioncontainer {
	position: relative;
	height:60px;
	border: solid 1px #CCC;
	background-color: #FFF;
	float: left;
	margin-top:-1px;
}
.descriptioncontainertxt {
    position:relative;
    float:left;
    margin-top:19px;
	margin-left:15px;
	font-size:20px;
	color:#888;
}
#tabcontainer {
    position:relative;
    width:100%;
	height:auto;
}
#tabrow {
	position:relative;
	height:50px;
	width:100%;
}
#tab1notch {
    position:absolute;
    top:0px;
    left:0px;
    height:50px;
    width:53%;
    color:#EEE;
    font-size:20px;
    -webkit-border-radius: 30px 30px 0px 0px;
    border-radius: 30px 30px 0px 0px;
    border-top: thin solid #CCC;
    border-left: thin solid #CCC;
    border-right: thin solid #CCC;
    z-index:20;
    cursor:pointer;
    background-color:#889;
}
#tabnotch1txt {
    position:absolute;
    top:14px;
    left:35px;
}
#tab1 {
	position:relative;
    top:0px;
    left:0px;
    height:auto;
    width:100%;
    z-index:10;
    background-color:#FFF;
    border-bottom:thin solid #CCC;
    border-left:thin solid #CCC;
    border-right:thin solid #CCC;
}
#tab2notch {
    position:absolute;
    top:0px;
    left:50%;
    height:50px;
    width:50%;
    color:#666;
    font-size:20px;
    -webkit-border-radius: 30px 30px 0px 0px;
    border-radius: 30px 30px 0px 0px;
    border-top: thin solid #999;
    border-left: thin solid #999;
    border-right: thin solid #999;
    z-index:0;
    cursor:pointer;
    background-color:#FFF;
}
#tabnotch2txt {
    position:absolute;
    top:14px;
    left:55px;
}
#tab2 {
    position:relative;
    top:0px;
    left:0px;
    height:auto;
    width:100%;
    z-index:0;
    border-bottom:thin solid #999;
    border-left:thin solid #999;
    border-right:thin solid #999;
    background-color:#FFF;
}
.filterbtn {
    margin-left:15%;
    width:60%;
    background-color:#0F0;
    color:#FFF;
    font-size:28px;
    height:48px;
    font-weight:bold;
    text-align:center;
    display:block; 
}
.wltoshoppingcartbtn {
    margin-left:5%;
    width:60%;
    background-color:#0F0;
    color:#FFF;
    padding-top:7px;
    padding-left:15px;
    padding-right:15px;
    font-size:18px;
    height:43px;
    text-align:center;
    display:block; 
}
.tosummarybtn {
    margin-top:40px;
    margin-left:auto;
    margin-right:auto;
    width:80%;
    background-color:#0F0;
    color:#FFF;
    padding-top:8px;
    padding-left:15px;
    padding-right:15px;
    font-size:24px;
    height:52px;
    text-align:center;
    display:block; 
}
.toshoppingcartbtn {
    margin-left:5%;
    width:60%;
    background-color:#0F0;
    color:#FFF;
    padding-top:8px;
    padding-left:15px;
    padding-right:15px;
    font-size:18px;
    height:48px;
    text-align:center;
    display:block; 
}
.placeorderbtn {
    margin-left:5%;
    width:60%;
    background-color:#0F0;
    color:#FFF;
    padding-top:8px;
    padding-left:15px;
    padding-right:15px;
    font-size:18px;
    height:48px;
    text-align:center;
    display:block; 
}
.showresultsbtn {
    position:relative;
    margin-left:15%;
    width:70%;
    background-color:#0F0;
    color:#FFF;
    font-size:24px;
    height:46px;
    padding-top:4px;
    text-align:center;
    display:block;
    float:none;
}
.sortselect {
    margin-left:15%;
    margin-top:15px;
    width:60%;
    height:50px;
    font-size:18px;
}
#filtermenu {
    position:absolute;
    top:0px;
    left:-1000px;
    width:100%;
    max-width:450px;
    height:auto;
    background-color:#FAFAFA;
    opacity:.97;
    z-index:100;
    border-bottom:solid 1px #447;
}
.filtermenucloseline {
    position:relative;
    width:100%;
    padding-top:12px;
    padding-left:20px;
    height:60px;
    border-bottom: solid thin #666; font-size:24px;
    font-weight:bold;
}
#filtermenuclosebtn {
    position:absolute;
    right:20px;
    top:5px;
}

.filterline {
    width:100%;
    max-width:500px;
    height:auto;
    font-size:20px;
    border:thin solid #EEE;
    padding-left:4%;
    padding-top:7px;
    padding-bottom:3px;
}
.filterlinebox {
    width:100%;
    height:auto;
/*    background-color:#D8A;;*/
    padding-top:10px;
}
.filterlineboxentry {
    font-size:18px;
}
.filterlineentrycheckbox {
    margin-left:8%;
    transform:scale(1.2);
}
.filterlineentrycheckboxtxt {
    margin-left:1%;
}
.filterlineentry {
    width:100%;
    height:30px;
}


/* /assets/css/indexstyle.css */
:root{
    --orion-dark:#224;
    --orion-blue:#447;
    --orion-white:#fff;
    --orion-light:#f4f6fb;
    --orion-text:#202033;
    --orion-muted:#68687c;
    --orion-radius:22px;
    --orion-shadow:0 18px 50px rgba(34,34,68,.14);

    --hero-image:url('/images/performance/1d01394edcf7606c47ff3a288776654534e003a3937fca4ec8c389d9b436d197-build-your-dream-banner-mobile.webp');
    --repair-image:url('/images/performance/95c25311ba8e7ba14146e3bdb7fc97e9e225c545fd435eaf926746aac0153d41-technician.webp');
    --business-image:url('/images/officeview.jpg');
}

/* The head opt-in leaves gradients and section geometry intact while photos wait. */
html.ocw-lazy-backgrounds .orion-hero[data-ocw-lazy-background]:not(.ocw-background-ready){
    --hero-image:none;
}
html.ocw-lazy-backgrounds .orion-service-visual[data-ocw-lazy-background]:not(.ocw-background-ready){
    --repair-image:none;
}

/* Match the homepage picture source so the hero reuses the same sharp image. */
@media screen and (max-width: 420px) and (max-resolution: 2dppx),
       screen and (max-width: 820px) and (max-resolution: 1dppx) {
    :root { --hero-image:url('/images/performance/0ded65535283919104eaa3d686268f045a651ece6f96ec9d41b6cf1c4579055f-build-your-dream-banner-mobile-800.webp'); }
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    background:#fff;
    color:var(--orion-text);
    font-family:Arial,Helvetica,sans-serif;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.orion-placeholder{
    min-height:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px dashed #447;
    background:#f4f6fb;
    color:#447;
    font-size:18px;
    font-weight:800;
}
.orion-placeholder.footer{min-height:180px}

.orion-home{overflow:hidden}
.orion-container{
    width:min(1180px,calc(100% - 36px));
    margin-inline:auto;
}
.orion-section{padding:88px 0}

.orion-build-dream-mobile{
    position:relative;
    z-index:10;
    width:100%;
    padding:30px 0 8px;
    background:#f7f8fb;
}
.orion-build-dream-mobile-link{
    position:relative;
    z-index:11;
    display:block;
    width:min(1180px,calc(100% - 20px));
    margin-inline:auto;
    overflow:hidden;
    border-radius:20px;
    background:#071225;
    cursor:pointer;
    pointer-events:auto;
    touch-action:manipulation;
}
.orion-build-dream-mobile-link img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:24/13;
    object-fit:cover;
    object-position:center;
    pointer-events:none;
}

.orion-original-top{
    padding:32px 0 18px;
    background:#fff;
}
.orion-original-grid{
    display:grid;
    grid-template-columns:minmax(0,2.1fr) minmax(260px,.9fr);
    gap:22px;
    align-items:stretch;
}

/* slideshow */
.orion-product-slider{
    position:relative;
    height:790px;
    min-height:790px;
    overflow:hidden;
    border:1px solid rgba(34,34,68,.08);
    border-radius:26px;
    background:#fff;
    box-shadow:0 16px 45px rgba(34,34,68,.10);
}
.orion-product-track{
    position:relative;
    height:100%;
    min-height:0;
}
.orion-product-slide{
    position:absolute;
    background:#fff;
    inset:0;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    align-items:center;
    gap:25px;
    padding:38px 68px 42px 52px;
    opacity:0;
    visibility:hidden;
    transform:translateX(35px);
    transition:
        opacity .65s ease,
        transform .65s cubic-bezier(.2,.8,.2,1),
        visibility .65s;
}
.orion-product-slide.is-active{
    opacity:1;
    visibility:visible;
    transform:translateX(0);
}
.orion-product-copy{
    position:relative;
    z-index:2;
}
.orion-product-label{
    display:inline-flex;
    margin-bottom:14px;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(68,68,119,.1);
    color:var(--orion-blue);
    font-size:12px;
    font-weight:900;
    letter-spacing:1.1px;
    text-transform:uppercase;
}
.orion-product-slide h2{
    margin:0;
    color:var(--orion-dark);
    font-size:clamp(28px,4vw,47px);
    line-height:1.04;
    letter-spacing:-1.8px;
}
.orion-product-slide p{
    max-width:470px;
    margin:17px 0 24px;
    color:var(--orion-muted);
    font-size:16px;
    line-height:1.65;
}
.orion-product-image{
    height:285px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.orion-product-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    /* Blend white product-photo backgrounds into the slide without a rectangular shadow. */
    mix-blend-mode:multiply;
    filter:none;
    transition:transform .7s cubic-bezier(.2,.8,.2,1);
}
.orion-product-slide.is-active .orion-product-image img{
    animation:orionProductIn .8s both;
}
.orion-slider-arrow{
    position:absolute;
    z-index:5;
    top:50%;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:50%;
    background:rgba(34,34,68,.92);
    box-shadow:0 10px 25px rgba(34,34,68,.2);
    color:#fff;
    cursor:pointer;
    transform:translateY(-50%);
    transition:transform .2s ease,background .2s ease;
}
.orion-slider-arrow:hover{
    background:var(--orion-blue);
    transform:translateY(-50%) scale(1.08);
}
.orion-slider-prev{left:5px}
.orion-slider-next{right:5px}
.orion-slider-dots{
    position:absolute;
    z-index:6;
    right:0;
    bottom:17px;
    left:0;
    display:flex;
    justify-content:center;
    gap:8px;
}
.orion-slider-dot{
    width:9px;
    height:9px;
    padding:0;
    border:0;
    border-radius:99px;
    background:rgba(34,34,68,.22);
    cursor:pointer;
    transition:width .25s ease,background .25s ease;
}
.orion-slider-dot.is-active{
    width:28px;
    background:var(--orion-blue);
}

/* pasfoto */
.orion-passport-card{
    position:relative;
    height:390px;
    min-height:390px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border-radius:26px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--ocw-site-menu,var(--orion-blue)) 78%,white) 0%,var(--ocw-site-menu,var(--orion-blue)) 48%,color-mix(in srgb,var(--ocw-site-menu,var(--orion-blue)) 74%,black) 100%)!important;
    background-color:var(--ocw-site-menu,var(--orion-blue))!important;
    box-shadow:var(--orion-shadow);
    color:var(--ocw-site-menu-text,#fff);
    isolation:isolate;
    text-decoration:none;
    cursor:pointer;
    transition:transform .25s ease,box-shadow .25s ease;
}
.orion-passport-card:hover{transform:translateY(-4px);box-shadow:0 30px 62px rgba(31,31,62,.25),0 0 0 2px rgba(255,255,255,.7),0 0 28px rgba(255,255,255,.2)}
.orion-passport-card:focus-visible{outline:3px solid #ffc54d;outline-offset:3px}
.orion-passport-card,.orion-passport-card *{text-decoration:none!important}
.orion-passport-card:link,.orion-passport-card:visited,.orion-passport-card:active,.orion-passport-card:focus{color:var(--ocw-site-menu-text,#fff)!important;text-decoration:none!important}
.orion-passport-card:link .orion-passport-content h3,.orion-passport-card:visited .orion-passport-content h3,.orion-passport-card:active .orion-passport-content h3,.orion-passport-card:focus .orion-passport-content h3,.orion-passport-card:link .orion-passport-features span,.orion-passport-card:visited .orion-passport-features span,.orion-passport-card:active .orion-passport-features span,.orion-passport-card:focus .orion-passport-features span{color:var(--ocw-site-menu-text,#fff)!important;text-decoration:none!important}
.orion-passport-card:link .orion-passport-content p,.orion-passport-card:visited .orion-passport-content p,.orion-passport-card:active .orion-passport-content p,.orion-passport-card:focus .orion-passport-content p{color:rgba(255,255,255,.76)!important;text-decoration:none!important}
.orion-passport-card:link .orion-passport-link,.orion-passport-card:visited .orion-passport-link,.orion-passport-card:active .orion-passport-link,.orion-passport-card:focus .orion-passport-link{color:#292943!important;text-decoration:none!important}
.orion-passport-card:hover{color:var(--ocw-site-menu-text,#fff)!important}
.orion-passport-card:hover .orion-passport-content h3,.orion-passport-card:hover .orion-passport-features span{color:var(--ocw-site-menu-text,#fff)!important}
.orion-passport-card:hover .orion-passport-content p{color:rgba(255,255,255,.82)!important}
.orion-passport-card:hover .orion-passport-features span{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.12)}
.orion-passport-card:hover .orion-passport-link{background:#fff;color:#292943!important;box-shadow:0 13px 28px rgba(0,0,0,.2);transform:translateY(-1px)}
@media(hover:none){.orion-passport-card:hover{transform:none;box-shadow:var(--orion-shadow)}.orion-passport-card:hover .orion-passport-link{transform:none;box-shadow:none}}
.orion-passport-card::before{
    position:absolute;
    z-index:-1;
    top:-90px;
    right:-70px;
    width:230px;
    height:230px;
    border:35px solid rgba(255,255,255,.09);
    border-radius:50%;
    content:"";
}
.orion-passport-image{
    height:185px;
    margin:22px 22px 0;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:18px;
    background:#fff;
}
.orion-passport-image img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.orion-passport-content{
    flex:1;
    display:flex;
    flex-direction:column;
    padding:21px 24px 24px;
}
.orion-passport-content h3{
    margin:0;
    font-size:25px;
    line-height:1.15;
}
.orion-passport-content p{
    margin:10px 0 18px;
    color:rgba(255,255,255,.76);
    font-size:14px;
    line-height:1.55;
}
.orion-passport-features{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-bottom:18px;
}
.orion-passport-features span{
    padding:6px 9px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:999px;
    background:rgba(255,255,255,.08);
    font-size:11px;
    font-weight:800;
}
.orion-passport-link{
    margin-top:auto;
    display:flex;
    min-height:44px;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#fff;
    color:var(--orion-dark);
    font-size:14px;
    font-weight:900;
    transition:transform .25s ease,box-shadow .25s ease;
}
.orion-passport-link:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 24px rgba(0,0,0,.18);
}

/* algemene knoppen en titels */
.orion-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:15px;
    color:var(--orion-blue);
    font-size:13px;
    font-weight:800;
    letter-spacing:1.8px;
    text-transform:uppercase;
}
.orion-eyebrow::before{
    width:28px;
    height:3px;
    border-radius:99px;
    background:var(--orion-blue);
    content:"";
}
.orion-title{
    max-width:760px;
    margin:0;
    color:var(--orion-dark);
    font-size:clamp(34px,5vw,62px);
    line-height:1.02;
    letter-spacing:-2.5px;
}
.orion-subtitle{
    max-width:690px;
    margin:22px 0 0;
    color:var(--orion-muted);
    font-size:clamp(17px,2vw,20px);
    line-height:1.7;
}
.orion-btn{
    position:relative;
    min-height:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    overflow:hidden;
    padding:0 24px;
    border:2px solid transparent;
    border-radius:999px;
    font-size:15px;
    font-weight:800;
    transition:transform .25s ease,box-shadow .25s ease;
}
.orion-btn:hover{transform:translateY(-3px)}
.orion-btn-primary{
    background:var(--orion-dark);
    box-shadow:0 14px 30px rgba(34,34,68,.24);
    color:#fff;
}
.orion-btn-light{
    border-color:rgba(34,34,68,.15);
    background:rgba(255,255,255,.92);
    color:var(--orion-dark);
}

/* hero */
.orion-hero{
    position:relative;
    min-height:610px;
    display:flex;
    align-items:center;
    isolation:isolate;
    background:
        linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.91) 42%,rgba(255,255,255,.18) 76%),
        var(--hero-image) center right/cover no-repeat;
}
.orion-hero::before{
    position:absolute;
    z-index:-1;
    inset:0;
    background:
        radial-gradient(circle at 10% 20%,rgba(68,68,119,.13),transparent 28%),
        linear-gradient(135deg,transparent 55%,rgba(34,34,68,.08));
    content:"";
}
.orion-hero-content{
    max-width:710px;
    padding:90px 0;
}
.orion-hero-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:26px;
    padding:9px 15px;
    border:1px solid rgba(68,68,119,.18);
    border-radius:999px;
    background:rgba(255,255,255,.8);
    color:var(--orion-blue);
    font-size:13px;
    font-weight:800;
}
.orion-status-dot{
    width:9px;
    height:9px;
    border-radius:50%;
    background:#35a95b;
    animation:orionPulse 2s infinite;
}
.orion-hero h1{
    margin:0;
    color:var(--orion-dark);
    font-size:clamp(44px,7vw,78px);
    line-height:.98;
    letter-spacing:-4px;
}
.orion-hero h1 span{color:var(--orion-blue)}
.orion-hero p{
    max-width:650px;
    margin:25px 0 0;
    color:#505067;
    font-size:clamp(17px,2vw,21px);
    line-height:1.7;
}
.orion-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:13px;
    margin-top:34px;
}
.orion-trust-row{
    display:flex;
    flex-wrap:wrap;
    gap:24px;
    margin-top:40px;
    color:var(--orion-dark);
    font-size:14px;
    font-weight:700;
}
.orion-trust-row span{display:flex;align-items:center;gap:8px}
.orion-check{
    width:24px;
    height:24px;
    display:inline-grid;
    place-items:center;
    border-radius:50%;
    background:var(--orion-light);
    color:var(--orion-blue);
}

/* usp */
.orion-usp-bar{
    position:relative;
    z-index:5;
    margin-top:-35px;
}
.orion-usp-grid{
    display:grid;
    overflow:hidden;
    grid-template-columns:repeat(3,1fr);
    border:1px solid rgba(34,34,68,.08);
    border-radius:var(--orion-radius);
    background:#fff;
    box-shadow:var(--orion-shadow);
}
.orion-usp{
    display:flex;
    align-items:center;
    gap:17px;
    padding:27px;
}
.orion-usp+.orion-usp{border-left:1px solid rgba(34,34,68,.08)}
.orion-icon{
    width:52px;
    height:52px;
    display:grid;
    flex:0 0 auto;
    place-items:center;
    border-radius:17px;
    background:linear-gradient(145deg,var(--orion-dark),var(--orion-blue));
    color:#fff;
    font-size:24px;
}
.orion-usp strong{display:block;margin-bottom:4px;color:var(--orion-dark)}
.orion-usp small{color:var(--orion-muted);line-height:1.5}

/* categorieën */
.orion-heading-row{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:38px;
}
.orion-heading-row .orion-title{font-size:clamp(34px,5vw,53px)}
.orion-text-link{
    flex:0 0 auto;
    color:var(--orion-blue);
    font-weight:800;
}
.orion-category-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}
.orion-category{
    position:relative;
    min-height:285px;
    overflow:hidden;
    padding:28px;
    border:1px solid rgba(34,34,68,.09);
    border-radius:var(--orion-radius);
    background:linear-gradient(145deg,#fff,#f3f4fa);
    transition:transform .35s ease,box-shadow .35s ease;
}
.orion-category:hover{
    transform:translateY(-9px);
    box-shadow:0 24px 50px rgba(34,34,68,.15);
}
.orion-category-icon{
    width:65px;
    height:65px;
    display:grid;
    place-items:center;
    margin-bottom:52px;
    border-radius:20px;
    background:#fff;
    box-shadow:0 12px 30px rgba(34,34,68,.12);
    color:var(--orion-dark);
    font-size:31px;
}
.orion-category h3{margin:0 0 11px;color:var(--orion-dark);font-size:22px}
.orion-category p{margin:0;color:var(--orion-muted);font-size:14px;line-height:1.65}
.orion-arrow{
    position:absolute;
    right:15px;
    bottom:13px;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--orion-dark);
    color:#fff;
}

/* services */
.orion-services{
    position:relative;
    background:var(--orion-dark);
    color:#fff;
}
.orion-services-inner{
    display:grid;
    align-items:center;
    grid-template-columns:1.05fr .95fr;
    gap:70px;
}
.orion-services .orion-title{color:#fff;font-size:clamp(35px,5vw,56px)}
.orion-services .orion-subtitle{color:rgba(255,255,255,.7)}
.orion-service-list{
    display:grid;
    gap:14px;
    margin-top:32px;
}
.orion-service-item{
    display:flex;
    align-items:center;
    gap:14px;
    padding:15px 17px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:15px;
    background:rgba(255,255,255,.045);
}
.orion-service-item span{color:#bfc3ff}
.orion-service-visual{
    position:relative;
    min-height:510px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.12);
    border-radius:30px;
    background-image:
        linear-gradient(180deg,rgba(34,34,68,.10),rgba(34,34,68,.82)),
        var(--repair-image);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    box-shadow:0 30px 70px rgba(0,0,0,.3);
}
.orion-floating-card{
    position:absolute;
    right:22px;
    bottom:22px;
    left:22px;
    padding:25px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:22px;
    background:rgba(255,255,255,.13);
    backdrop-filter:blur(18px);
}
.orion-floating-card strong{display:block;margin-bottom:6px;font-size:21px}
.orion-floating-card p{margin:0;color:rgba(255,255,255,.73);line-height:1.6}

/* zakelijk */
.orion-split{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:28px;
}
.orion-split-image{
    min-height:500px;
    border-radius:30px;
    background:
        linear-gradient(
            135deg,
            rgba(34,34,68,.22),
            rgba(34,34,68,.58)
        ),
        url("/images/officeview.jpg") center center / cover no-repeat;

    box-shadow:var(--orion-shadow);
}
.orion-split-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:clamp(35px,6vw,70px);
    border-radius:30px;
    background:var(--orion-light);
}
.orion-split-content .orion-title{font-size:clamp(34px,5vw,52px)}
.orion-points{display:grid;gap:13px;margin:27px 0 33px}
.orion-point{display:flex;gap:12px;line-height:1.55}
.orion-point i{
    width:24px;
    height:24px;
    display:grid;
    flex:0 0 auto;
    place-items:center;
    border-radius:50%;
    background:var(--orion-blue);
    color:#fff;
    font-style:normal;
}

/* cta */
.orion-cta{padding:0 0 88px}
.orion-cta-box{
    padding:clamp(42px,7vw,78px);
    border-radius:34px;
    background:linear-gradient(135deg,var(--orion-blue),var(--orion-dark));
    box-shadow:0 28px 70px rgba(34,34,68,.25);
    color:#fff;
}
.orion-cta-content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
}
.orion-cta h2{
    max-width:720px;
    margin:0;
    font-size:clamp(33px,5vw,56px);
    line-height:1.08;
}
.orion-cta p{
    max-width:650px;
    margin:17px 0 0;
    color:rgba(255,255,255,.73);
    font-size:17px;
    line-height:1.65;
}

/* reveal */
.orion-reveal{
    opacity:0;
    transform:translateY(42px);
    transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1);
}
.orion-reveal.orion-visible{opacity:1;transform:none}
.orion-delay-1{transition-delay:.08s}
.orion-delay-2{transition-delay:.16s}
.orion-delay-3{transition-delay:.24s}
.orion-delay-4{transition-delay:.32s}

@keyframes orionPulse{
    0%,100%{box-shadow:0 0 0 0 rgba(53,169,91,.28)}
    50%{box-shadow:0 0 0 9px rgba(53,169,91,0)}
}
@keyframes orionProductIn{
    from{opacity:0;transform:translateX(20px) scale(.92)}
    to{opacity:1;transform:none}
}

@media(max-width:980px){
    .orion-original-grid{grid-template-columns:1fr}
    .orion-passport-card{
        min-height:auto;
        display:grid;
        grid-template-columns:260px 1fr;
    }
    .orion-passport-image{height:auto;min-height:240px;margin:20px}
    .orion-category-grid{grid-template-columns:repeat(2,1fr)}
    .orion-services-inner,.orion-split{grid-template-columns:1fr}
}
@media(max-width:720px){
    .orion-section{padding:65px 0}
    .orion-product-slider{
        height:560px;
        min-height:560px;
    }
    .orion-product-track{
        height:100%;
        min-height:0;
    }
    .orion-product-slide{
        min-height:0;
        grid-template-columns:1fr;
        gap:12px;
        padding:38px 42px 58px;
        text-align:center;
    }
    .orion-product-image{
        height:225px;
        order:-1;
    }
    .orion-product-slide p{margin-inline:auto}
    .orion-passport-card{display:flex}
    .orion-passport-image{height:190px;min-height:0}
    .orion-usp-grid{grid-template-columns:1fr}
    .orion-usp+.orion-usp{border-top:1px solid rgba(34,34,68,.08);border-left:0}
    .orion-heading-row,.orion-cta-content{align-items:flex-start;flex-direction:column}
    .orion-category-grid{grid-template-columns:1fr}
    .orion-trust-row{flex-direction:column;gap:13px}
}
@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important;
    }
    .orion-reveal{opacity:1;transform:none}
}

.orion-placeholder { min-height: 120px; display: flex; align-items: center; justify-content: center; border: 2px dashed rgb(68, 68, 119); background: rgb(244, 246, 251); color: rgb(68, 68, 119); font-size: 18px; font-weight: 800; }

.orion-placeholder.footer { min-height: 180px; }

.orion-home { overflow: hidden; }

.orion-container { width: min(1180px, 100% - 36px); margin-inline: auto; }

.orion-section { padding: 88px 0px; }

.orion-original-top { padding: 32px 0px 18px; background: rgb(255, 255, 255); }

.orion-original-grid { display: grid; grid-template-columns: minmax(0px, 2.1fr) minmax(260px, 0.9fr); gap: 22px; align-items: stretch; }

.orion-product-slider { position: relative; height: 390px; min-height: 390px; overflow: hidden; border: 1px solid rgba(34, 34, 68, 0.08); border-radius: 26px; background: rgb(255, 255, 255); box-shadow: rgba(34, 34, 68, 0.1) 0px 16px 45px; }

.orion-product-track { position: relative; height: 100%; min-height: 0px; }

.orion-product-slide { position: absolute; background: rgb(255, 255, 255); inset: 0px; display: grid; grid-template-columns: 1.05fr 0.95fr; align-items: center; gap: 25px; padding: 38px 68px 42px 52px; opacity: 0; visibility: hidden; transform: translateX(35px); transition: opacity 0.65s, transform 0.65s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0.65s; }

.orion-product-slide.is-active { opacity: 1; visibility: visible; transform: translateX(0px); }

.orion-product-copy { position: relative; z-index: 2; }

.orion-product-label { display: inline-flex; margin-bottom: 14px; padding: 8px 12px; border-radius: 999px; background: rgba(68, 68, 119, 0.1); color: var(--orion-blue); font-size: 12px; font-weight: 900; letter-spacing: 1.1px; text-transform: uppercase; }

.orion-product-slide h2 { margin: 0px; color: var(--orion-dark); font-size: clamp(28px, 4vw, 47px); line-height: 1.04; letter-spacing: -1.8px; }

.orion-product-slide p { max-width: 470px; margin: 17px 0px 24px; color: var(--orion-muted); font-size: 16px; line-height: 1.65; }

.orion-product-image { height: 285px; display: flex; align-items: center; justify-content: center; }

.orion-product-image img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; filter: none; transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1); }

.orion-product-slide.is-active .orion-product-image img { animation: 0.8s ease 0s 1 normal both running orionProductIn; }

.orion-slider-arrow { position: absolute; z-index: 5; top: 50%; width: 42px; height: 42px; display: grid; place-items: center; border: 0px; border-radius: 50%; background: rgba(34, 34, 68, 0.92); box-shadow: rgba(34, 34, 68, 0.2) 0px 10px 25px; color: rgb(255, 255, 255); cursor: pointer; transform: translateY(-50%); transition: transform 0.2s, background 0.2s; }

.orion-slider-arrow:hover { background: var(--orion-blue); transform: translateY(-50%) scale(1.08); }

.orion-slider-prev { left: 5px; }

.orion-slider-next { right: 5px; }

.orion-slider-dots { position: absolute; z-index: 6; right: 0px; bottom: 17px; left: 0px; display: flex; justify-content: center; gap: 8px; }

.orion-slider-dot { width: 9px; height: 9px; padding: 0px; border: 0px; border-radius: 99px; background: rgba(34, 34, 68, 0.22); cursor: pointer; transition: width 0.25s, background 0.25s; }

.orion-slider-dot.is-active { width: 28px; background: var(--orion-blue); }

.orion-passport-card { position: relative; height: 390px; min-height: 390px; display: flex; flex-direction: column; overflow: hidden; border-radius: 26px; background: var(--ocw-site-menu,var(--orion-blue)); box-shadow: var(--orion-shadow); color: var(--ocw-site-menu-text,#fff); isolation: isolate; }

.orion-passport-card::before { position: absolute; z-index: -1; top: -90px; right: -70px; width: 230px; height: 230px; border: 35px solid rgba(255, 255, 255, 0.09); border-radius: 50%; content: ""; }

.orion-passport-image { height: 185px; margin: 22px 22px 0px; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 18px; background: rgb(255, 255, 255); }

.orion-passport-image img { width: 100%; height: 100%; object-fit: contain; }

.orion-passport-content { flex: 1 1 0%; display: flex; flex-direction: column; padding: 21px 24px 24px; }

.orion-passport-content h3 { margin: 0px; font-size: 25px; line-height: 1.15; }

.orion-passport-content p { margin: 10px 0px 18px; color: rgba(255, 255, 255, 0.76); font-size: 14px; line-height: 1.55; }

.orion-passport-features { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 18px; }

.orion-passport-features span { padding: 6px 9px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; background: rgba(255, 255, 255, 0.08); font-size: 11px; font-weight: 800; }

.orion-passport-link { margin-top: auto; display: flex; min-height: 44px; align-items: center; justify-content: center; border-radius: 999px; background: rgb(255, 255, 255); color: var(--orion-dark); font-size: 14px; font-weight: 900; transition: transform 0.25s, box-shadow 0.25s; }

.orion-passport-link:hover { transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.18) 0px 12px 24px; }

.orion-eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 15px; color: var(--orion-blue); font-size: 13px; font-weight: 800; letter-spacing: 1.8px; text-transform: uppercase; }

.orion-eyebrow::before { width: 28px; height: 3px; border-radius: 99px; background: var(--orion-blue); content: ""; }

.orion-title { max-width: 760px; margin: 0px; color: var(--orion-dark); font-size: clamp(34px, 5vw, 62px); line-height: 1.02; letter-spacing: -2.5px; }

.orion-subtitle { max-width: 690px; margin: 22px 0px 0px; color: var(--orion-muted); font-size: clamp(17px, 2vw, 20px); line-height: 1.7; }

.orion-btn { position: relative; min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; overflow: hidden; padding: 0px 24px; border: 2px solid transparent; border-radius: 999px; font-size: 15px; font-weight: 800; transition: transform 0.25s, box-shadow 0.25s; }

.orion-btn:hover { transform: translateY(-3px); }

.orion-btn-primary { background: var(--orion-dark); box-shadow: rgba(34, 34, 68, 0.24) 0px 14px 30px; color: rgb(255, 255, 255); }

.orion-btn-light { border-color: rgba(34, 34, 68, 0.15); background: rgba(255, 255, 255, 0.92); color: var(--orion-dark); }

.orion-hero { position: relative; min-height: 610px; display: flex; align-items: center; isolation: isolate; background: linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.91) 42%,rgba(255,255,255,.18) 76%),
        var(--hero-image) center right/cover no-repeat; }

.orion-hero::before { position: absolute; z-index: -1; inset: 0px; background: radial-gradient(circle at 10% 20%, rgba(68, 68, 119, 0.13), transparent 28%), linear-gradient(135deg, transparent 55%, rgba(34, 34, 68, 0.08)); content: ""; }

.orion-hero-content { max-width: 710px; padding: 90px 0px; }

.orion-hero-badge { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 26px; padding: 9px 15px; border: 1px solid rgba(68, 68, 119, 0.18); border-radius: 999px; background: rgba(255, 255, 255, 0.8); color: var(--orion-blue); font-size: 13px; font-weight: 800; }

.orion-status-dot { width: 9px; height: 9px; border-radius: 50%; background: rgb(53, 169, 91); animation: 2s ease 0s infinite normal none running orionPulse; }

.orion-hero h1 { margin: 0px; color: var(--orion-dark); font-size: clamp(44px, 7vw, 78px); line-height: 0.98; letter-spacing: -4px; }

.orion-hero h1 span { color: var(--orion-blue); }

.orion-hero p { max-width: 650px; margin: 25px 0px 0px; color: rgb(80, 80, 103); font-size: clamp(17px, 2vw, 21px); line-height: 1.7; }

.orion-hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; }

.orion-trust-row { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 40px; color: var(--orion-dark); font-size: 14px; font-weight: 700; }

.orion-trust-row span { display: flex; align-items: center; gap: 8px; }

.orion-check { width: 24px; height: 24px; display: inline-grid; place-items: center; border-radius: 50%; background: var(--orion-light); color: var(--orion-blue); }

.orion-usp-bar { position: relative; z-index: 5; margin-top: -35px; }

.orion-usp-grid { display: grid; overflow: hidden; grid-template-columns: repeat(3, 1fr); border: 1px solid rgba(34, 34, 68, 0.08); border-radius: var(--orion-radius); background: rgb(255, 255, 255); box-shadow: var(--orion-shadow); }

.orion-usp { display: flex; align-items: center; gap: 17px; padding: 27px; }

.orion-usp + .orion-usp { border-left: 1px solid rgba(34, 34, 68, 0.08); }

.orion-icon { width: 52px; height: 52px; display: grid; flex: 0 0 auto; place-items: center; border-radius: 17px; background: linear-gradient(145deg,var(--orion-dark),var(--orion-blue)); color: rgb(255, 255, 255); font-size: 24px; }

.orion-usp strong { display: block; margin-bottom: 4px; color: var(--orion-dark); }

.orion-usp small { color: var(--orion-muted); line-height: 1.5; }

.orion-heading-row { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 38px; }

.orion-heading-row .orion-title { font-size: clamp(34px, 5vw, 53px); }

.orion-text-link { flex: 0 0 auto; color: var(--orion-blue); font-weight: 800; }

.orion-category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }

.orion-category { position: relative; min-height: 285px; overflow: hidden; padding: 28px; border: 1px solid rgba(34, 34, 68, 0.09); border-radius: var(--orion-radius); background: linear-gradient(145deg, rgb(255, 255, 255), rgb(243, 244, 250)); transition: transform 0.35s, box-shadow 0.35s; }

.orion-category:hover { transform: translateY(-9px); box-shadow: rgba(34, 34, 68, 0.15) 0px 24px 50px; }

.orion-category-icon { width: 65px; height: 65px; display: grid; place-items: center; margin-bottom: 52px; border-radius: 20px; background: rgb(255, 255, 255); box-shadow: rgba(34, 34, 68, 0.12) 0px 12px 30px; color: var(--orion-dark); font-size: 31px; }

.orion-category h3 { margin: 0px 0px 11px; color: var(--orion-dark); font-size: 22px; }

.orion-category p { margin: 0px; color: var(--orion-muted); font-size: 14px; line-height: 1.65; }

.orion-arrow { position: absolute; right: 15px; bottom: 13px; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: var(--orion-dark); color: rgb(255, 255, 255); }

.orion-services { position: relative; background: var(--orion-dark); color: rgb(255, 255, 255); }

.orion-services-inner { display: grid; align-items: center; grid-template-columns: 1.05fr 0.95fr; gap: 70px; }

.orion-services .orion-title { color: rgb(255, 255, 255); font-size: clamp(35px, 5vw, 56px); }

.orion-services .orion-subtitle { color: rgba(255, 255, 255, 0.7); }

.orion-service-list { display: grid; gap: 14px; margin-top: 32px; }

.orion-service-item { display: flex; align-items: center; gap: 14px; padding: 15px 17px; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 15px; background: rgba(255, 255, 255, 0.043); }

.orion-service-item span { color: rgb(191, 195, 255); }

.orion-service-visual { position: relative; min-height: 510px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 30px; background-image: linear-gradient(180deg,rgba(34,34,68,.10),rgba(34,34,68,.82)),
        var(--repair-image); background-position: center center; background-size: cover; background-repeat: no-repeat; box-shadow: rgba(0, 0, 0, 0.3) 0px 30px 70px; }

.orion-floating-card { position: absolute; right: 22px; bottom: 22px; left: 22px; padding: 25px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 22px; background: rgba(255, 255, 255, 0.13); backdrop-filter: blur(18px); }

.orion-floating-card strong { display: block; margin-bottom: 6px; font-size: 21px; }

.orion-floating-card p { margin: 0px; color: rgba(255, 255, 255, 0.73); line-height: 1.6; }

.orion-split { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }

.orion-split-image { min-height: 500px; border-radius: 30px; background: linear-gradient(135deg, rgba(34, 34, 68, 0.22), rgba(34, 34, 68, 0.58)), url("/images/officeview.jpg") center center / cover no-repeat; box-shadow: var(--orion-shadow); }

.orion-split-content { display: flex; flex-direction: column; justify-content: center; padding: clamp(35px, 6vw, 70px); border-radius: 30px; background: var(--orion-light); }

.orion-split-content .orion-title { font-size: clamp(34px, 5vw, 52px); }

.orion-points { display: grid; gap: 13px; margin: 27px 0px 33px; }

.orion-point { display: flex; gap: 12px; line-height: 1.55; }

.orion-point i { width: 24px; height: 24px; display: grid; flex: 0 0 auto; place-items: center; border-radius: 50%; background: var(--orion-blue); color: rgb(255, 255, 255); font-style: normal; }

.orion-cta { padding: 0px 0px 88px; }

.orion-cta-box { padding: clamp(42px, 7vw, 78px); border-radius: 34px; background: linear-gradient(135deg,var(--orion-blue),var(--orion-dark)); box-shadow: rgba(34, 34, 68, 0.25) 0px 28px 70px; color: rgb(255, 255, 255); }

.orion-cta-content { display: flex; align-items: center; justify-content: space-between; gap: 35px; }

.orion-cta h2 { max-width: 720px; margin: 0px; font-size: clamp(33px, 5vw, 56px); line-height: 1.08; }

.orion-cta p { max-width: 650px; margin: 17px 0px 0px; color: rgba(255, 255, 255, 0.73); font-size: 17px; line-height: 1.65; }

.orion-reveal { opacity: 0; transform: translateY(42px); transition: opacity 0.8s, transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); }

.orion-reveal.orion-visible { opacity: 1; transform: none; }

.orion-delay-1 { transition-delay: 0.08s; }

.orion-delay-2 { transition-delay: 0.16s; }

.orion-delay-3 { transition-delay: 0.24s; }

.orion-delay-4 { transition-delay: 0.32s; }

@media (max-width: 980px) {
  .orion-original-grid { grid-template-columns: 1fr; }
  .orion-passport-card { min-height: auto; display: grid; grid-template-columns: 260px 1fr; }
  .orion-passport-image { height: auto; min-height: 240px; margin: 20px; }
  .orion-category-grid { grid-template-columns: repeat(2, 1fr); }
  .orion-services-inner, .orion-split { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .orion-section { padding: 52px 0px; }
  .orion-original-top { padding-bottom: 8px; }
  /* Only the active slide sets the height, including the product link and navigation space. */
  .orion-product-slider { height: auto; min-height: 0; overflow: clip; }
  .orion-product-track { display: block; height: auto; min-height: 0; }
  .orion-product-slide { position: absolute; inset: 0; min-height: 0; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 12px; padding: 28px 24px 64px; text-align: center; }
  .orion-product-slide.is-active { position: relative; inset: auto; }
  .orion-product-copy { min-width: 0; }
  .orion-product-slide h3 { margin: 0; font-size: clamp(20px, 5.6vw, 24px); line-height: 1.2; letter-spacing: -.4px; overflow-wrap: anywhere; }
  .orion-slider-arrow { top: 140px; }
  .orion-product-image { height: 225px; order: -1; }
  .orion-product-slide p { margin-inline: auto; }
  .orion-passport-card { display: flex; }
  .orion-passport-image { height: 190px; min-height: 0px; }
  .orion-services-inner { gap: 30px; }
  .orion-service-visual { min-height: 300px; }
  .orion-floating-card { right: 16px; bottom: 16px; left: 16px; padding: 20px; }
  .orion-split-image { display: none; }
  .orion-split { gap: 0px; }
  .orion-usp-grid { grid-template-columns: 1fr; }
  .orion-usp + .orion-usp { border-top: 1px solid rgba(34, 34, 68, 0.08); border-left: 0px; }
  .orion-heading-row, .orion-cta-content { align-items: flex-start; flex-direction: column; }
  .orion-category-grid { grid-template-columns: 1fr; }
  .orion-trust-row { flex-direction: column; gap: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  .orion-reveal { opacity: 1; transform: none; }
}

.ocw-xmail-glass, .ocw-xmail-glass * { box-sizing: border-box; cursor: default; }

.ocw-xmail-glass { --xg-dark: #181830; --xg-navy: #224; --xg-blue: #447; --xg-white: #fff; position: relative; overflow: hidden; padding: 50px 0px; background-color: rgb(41, 41, 79); background-image: linear-gradient(115deg, rgba(34, 34, 68, 0.42), rgba(68, 68, 119, 0.2)), url("https://www.orioncomputerworld.nl/images/xmail-hosting.jpg"); color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif; isolation: isolate; }

.ocw-xmail-glass::before { position: absolute; inset: 0px; background: radial-gradient(circle at 12% 15%, rgba(255, 255, 255, 0.08), transparent 26%), radial-gradient(circle at 86% 80%, rgba(117, 117, 190, 0.2), transparent 30%); content: ""; pointer-events: none; }

.ocw-xmail-glass::after { position: absolute; inset: 0px; background: linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px) 0% 0% / 40px 40px, linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px); content: ""; opacity: 0.55; pointer-events: none; }

.ocw-xmail-glass__overlay { position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(20, 20, 42, 0.35), rgba(20, 20, 42, 0.08) 50%, rgba(20, 20, 42, 0.3)); pointer-events: none; }

.ocw-xmail-glass__container { position: relative; z-index: 2; width: min(1180px, 100% - 38px); margin-inline: auto; display: grid; grid-template-columns: 1.02fr 0.98fr; align-items: center; gap: 64px; }

.ocw-xmail-glass a { color: inherit; text-decoration: none; }

.ocw-xmail-glass svg { width: 1em; height: 1em; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.ocw-xmail-glass__badge { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 999px; background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(12px); color: rgb(215, 215, 255); font-size: 16px; font-weight: 500; letter-spacing: 1.3px; text-transform: uppercase; }

.ocw-xmail-glass__badge span { width: 9px; height: 9px; border-radius: 50%; background: rgb(99, 210, 140); box-shadow: rgba(99, 210, 140, 0.13) 0px 0px 0px 7px; animation: 2s ease-in-out 0s infinite normal none running ocwXmailGlassPulse; }

.ocw-xmail-glass__content h2 { max-width: 650px; margin: 0px; font-size: clamp(40px, 5.6vw, 68px); line-height: 1.02; letter-spacing: -3px; }

.ocw-xmail-glass__content h2 strong { display: block; color: rgb(201, 201, 255); font-weight: 800; }

.ocw-xmail-glass__content > p { max-width: 620px; margin: 24px 0px 0px; color: rgba(255, 255, 255, 0.73); font-size: 18px; line-height: 1.75; }

.ocw-xmail-glass__actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 31px; }

.ocw-xmail-glass__btn { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0px 24px; border: 1px solid transparent; border-radius: 999px; font-size: 14px; font-weight: 900; transition: transform 0.25s, background 0.25s, box-shadow 0.25s; }

.ocw-xmail-glass__btn:hover { transform: translateY(-3px); }

.ocw-xmail-glass__btn--primary { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.18) 0px 16px 35px; color: var(--xg-navy) !important; }

.ocw-xmail-glass__btn--secondary { border-color: rgba(255, 255, 255, 0.17); background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(12px); color: rgb(255, 255, 255) !important; }

.ocw-xmail-glass__btn svg { width: 17px; height: 17px; transition: transform 0.25s; }

.ocw-xmail-glass__btn:hover svg { transform: translateX(4px); }

.ocw-xmail-glass__trust { display: flex; flex-wrap: wrap; gap: 18px 25px; margin-top: 35px; }

.ocw-xmail-glass__trust span { display: flex; align-items: center; gap: 8px; color: rgba(255, 255, 255, 0.75); font-size: 13px; font-weight: 800; }

.ocw-xmail-glass__trust svg { width: 19px; height: 19px; color: rgb(201, 201, 255); }

.ocw-xmail-glass__panel { position: relative; overflow: hidden; padding: 28px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 28px; background: rgba(255, 255, 255, 0.1); box-shadow: rgba(0, 0, 0, 0.26) 0px 30px 80px, rgba(255, 255, 255, 0.16) 0px 1px 0px inset; backdrop-filter: blur(24px) saturate(125%); }

.ocw-xmail-glass__panel::before { position: absolute; top: -120px; right: -100px; width: 260px; height: 260px; border: 42px solid rgba(255, 255, 255, 0.043); border-radius: 50%; content: ""; }

.ocw-xmail-glass__panel-top { position: relative; z-index: 2; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 22px; }

.ocw-xmail-glass__panel-label { display: block; margin-bottom: 7px; color: rgb(210, 210, 255); font-size: 11px; font-weight: 900; letter-spacing: 1.3px; text-transform: uppercase; }

.ocw-xmail-glass__panel h3 { margin: 0px; font-size: 28px; letter-spacing: -1px; }

.ocw-xmail-glass__status { display: flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 999px; background: rgba(255, 255, 255, 0.07); color: rgba(255, 255, 255, 0.78); font-size: 11px; font-weight: 900; }

.ocw-xmail-glass__status i { width: 8px; height: 8px; border-radius: 50%; background: rgb(99, 210, 140); box-shadow: rgba(99, 210, 140, 0.11) 0px 0px 0px 6px; }

.ocw-xmail-glass__cards { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }

.ocw-xmail-glass__cards article { display: flex; align-items: flex-start; gap: 13px; min-height: 128px; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 18px; background: rgba(255, 255, 255, 0.08); transition: transform 0.3s, background 0.3s, border-color 0.3s; }

.ocw-xmail-glass__cards article:hover { transform: translateY(-5px); border-color: rgba(255, 255, 255, 0.22); background: rgba(255, 255, 255, 0.13); }

.ocw-xmail-glass__icon { width: 43px; height: 43px; display: grid; flex: 0 0 auto; place-items: center; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 14px; background: rgba(255, 255, 255, 0.1); color: rgb(211, 211, 255); }

.ocw-xmail-glass__icon svg { width: 22px; height: 22px; }

.ocw-xmail-glass__cards span, .ocw-xmail-glass__cards strong, .ocw-xmail-glass__cards small { display: block; }

.ocw-xmail-glass__cards span { margin-bottom: 5px; color: rgb(201, 201, 255); font-size: 10px; font-weight: 900; letter-spacing: 0.7px; text-transform: uppercase; }

.ocw-xmail-glass__cards strong { font-size: 15px; line-height: 1.25; }

.ocw-xmail-glass__cards small { margin-top: 6px; color: rgba(255, 255, 255, 0.58); font-size: 11px; line-height: 1.45; }

.ocw-xmail-glass__tech { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }

.ocw-xmail-glass__tech span { padding: 7px 10px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 999px; background: rgba(255, 255, 255, 0.06); color: rgba(255, 255, 255, 0.72); font-size: 10px; font-weight: 800; }

.ocw-xmail-glass__reveal { opacity: 1; transform: none; }

.ocw-xmail-glass.js-enabled .ocw-xmail-glass__reveal { opacity: 0; transform: translateY(34px); transition: opacity 0.75s, transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1); }

.ocw-xmail-glass.js-enabled .ocw-xmail-glass__reveal.is-visible { opacity: 1; transform: none; }

.ocw-xmail-glass__delay { transition-delay: 0.12s !important; }

@media (max-width: 980px) {
  .ocw-xmail-glass__container { grid-template-columns: 1fr; gap: 42px; }
  .ocw-xmail-glass__content { background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05)); border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(22px) saturate(180%); }
  .ocw-xmail-glass__content h2, .ocw-xmail-glass__content p { text-shadow: rgba(0, 0, 0, 0.35) 0px 2px 8px; }
  .ocw-xmail-glass__content h2, .ocw-xmail-glass__content > p { margin-inline: auto; }
  .ocw-xmail-glass__actions, .ocw-xmail-glass__trust { justify-content: center; }
}

@media (max-width: 640px) {
  .ocw-xmail-glass { padding: 72px 0px; background-position: center center; }
  .ocw-xmail-glass__container { width: min(100% - 28px, 1180px); }
  .ocw-xmail-glass__content h2 { letter-spacing: -2px; }
  .ocw-xmail-glass__panel { padding: 21px; border-radius: 23px; }
  .ocw-xmail-glass__panel-top { align-items: flex-start; flex-direction: column; }
  .ocw-xmail-glass__cards { grid-template-columns: 1fr; }
  .ocw-xmail-glass__cards article { min-height: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .ocw-xmail-glass *, .ocw-xmail-glass ::before, .ocw-xmail-glass ::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  .ocw-xmail-glass__reveal { opacity: 1 !important; transform: none !important; }
}
.orion-reveal {
    opacity: 0;
    transform: translateY(70px) scale(0.97);
    transition:
      opacity 1.1s ease,
      transform 1.1s cubic-bezier(0.2, 0.8, 0.2, 1);
    will-change: opacity, transform;
  }
  
  .orion-reveal.orion-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  /* Liggende telefoonstand */
@media (min-width: 721px) and (max-width: 1099px) and (max-height: 600px) {
    #ocwXmailGlass + .orion-section {
      padding-top: 40px;
      padding-bottom: 40px;
    }
  
    #ocwXmailGlass + .orion-section .orion-split-image {
      display: none;
    }
  
    #ocwXmailGlass + .orion-section .orion-split {
      gap: 0;
    }
  }

/* Een vast vierkant kader, ook bij bronfoto's met extra witruimte. */
.orion-product-slide > .orion-product-image {
    position: relative;
    width: 285px;
    max-width: 100%;
    height: 285px;
    margin-inline: auto;
}
.orion-product-slide > .orion-product-image > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: contain;
}
@media (max-width: 980px) {
    .orion-product-slide > .orion-product-image {
        width: 225px;
        height: 225px;
    }
}
/* Give the selling price its own hierarchy, independent of the slide description. */
.orion-product-slide p.orion-slider-description{margin:10px 0 0;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.orion-product-slide p.orion-slider-price{margin:12px 0 18px;line-height:1.2;color:#222244}
.orion-slider-price > b{display:block;font-weight:800;font-variant-numeric:tabular-nums}
.orion-slider-price-amount{font-size:34px;letter-spacing:-.8px;white-space:nowrap}
.orion-slider-price-tax{display:inline-block;margin-left:10px;color:#687089;font-size:11px;font-weight:600;letter-spacing:0;white-space:nowrap}
.orion-slider-price-net{display:block;margin-top:5px;color:#687089;font-size:12px;font-weight:400;letter-spacing:0}
.orion-product-slide .orion-product-copy h3{margin:0;font-size:25px;line-height:1.18;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.orion-product-slide p.orion-slider-description{-webkit-line-clamp:1}
/* Fixed-size vector chevrons stay centered independently of button font metrics. */
#orionProductSlider .orion-slider-arrow{padding:0!important;font-size:0!important;line-height:0!important}
#orionProductSlider .orion-slider-arrow::after{content:"";position:absolute;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%);background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 3l10 9-10 9' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");pointer-events:none}
#orionProductSlider .orion-slider-prev::after{transform:translate(-50%,-50%) rotate(180deg)}


/* /assets/vendor/font-awesome-4.2.0.min.css */
/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?v=4.2.0');src:url('https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url("/assets/vendor/fontawesome-webfont-4.2.0.woff?v=4.2.0") format('woff'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}