html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;tab-size:4}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}hr{overflow:visible;height:0}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[disabled]{cursor:default}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer;color:inherit}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;white-space:normal;max-width:100%}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}img{border-style:none}progress{vertical-align:baseline}

@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}

@media (min-width:320px){body:after{content:'{"phone":{"value": "320px", "active": true}, "tablet":{"value": "768px", "active": false}, "desktop":{"value": "1024px", "active": false}}';display:block;height:0;overflow:hidden;width:0}}

@media (min-width:768px){body:after{content:'{"phone":{"value": "320px", "active": true}, "tablet":{"value": "768px", "active": true}, "desktop":{"value": "1024px", "active": false}}';display:block;height:0;overflow:hidden;width:0}}

@media (min-width:1024px){body:after{content:'{"phone":{"value": "320px", "active": true}, "tablet":{"value": "768px", "active": true}, "desktop":{"value": "1024px", "active": true}}';display:block;height:0;overflow:hidden;width:0}}
.grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.grid--auto>*,.grid-cell{-ms-flex:1;flex:1;-ms-flex-positive:4;flex-grow:4}
.grid-cell--auto-size{-ms-flex:none;flex:none}
.grid-cell--light{-ms-flex-positive:2;flex-grow:2}
.grid-cell--heavy{-ms-flex-positive:8;flex-grow:8}
.grid--gutters{margin:0}
.grid--auto.grid--gutters>*,.grid--gutters>.grid-cell{padding:0;box-sizing:border-box}
.grid--top{-ms-flex-align:start;align-items:flex-start}
.grid--bottom{-ms-flex-align:end;align-items:flex-end}
.grid--center{-ms-flex-align:center;align-items:center}
.grid--flex-grid-cell>.grid-cell,.grid--flex>.grid-cell{display:-ms-flexbox;display:flex}
.grid--justify-center{-ms-flex-pack:center;justify-content:center}
.grid--justify-start{-ms-flex-pack:start;justify-content:flex-start}
.grid--justify-end{-ms-flex-pack:end;justify-content:flex-end}
.grid-cell--top{-ms-flex-item-align:start;align-self:flex-start}
.grid-cell--bottom{-ms-flex-item-align:end;align-self:flex-end}
.grid-cell--center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}

@media (min-width:320px) and (max-width:767px){.hidden--for-phone{display:none!important}}

@media (min-width:320px){.hidden--from-phone{display:none!important}}

@media (max-width:319px){.hidden--to-phone{display:none!important}}

@media (min-width:768px) and (max-width:1023px){.hidden--for-tablet{display:none!important}}

@media (min-width:768px){.hidden--from-tablet{display:none!important}}

@media (max-width:767px){.hidden--to-tablet{display:none!important}}

@media (min-width:1024px){.hidden--for-desktop,.hidden--from-desktop{display:none!important}}

@media (max-width:1023px){.hidden--to-desktop{display:none!important}}
.grid--1-1>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 100%;flex:0 0 100%}
.grid--auto-1>*,.grid>.grid-cell.grid-cell--1-1{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--1-2>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 50%;flex:0 0 50%}
.grid>.grid-cell.grid-cell--1-2{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--2-2>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 100%;flex:0 0 100%}
.grid>.grid-cell.grid-cell--2-2{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--auto-2>*{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--1-4>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 25%;flex:0 0 25%}
.grid>.grid-cell.grid-cell--1-4{-ms-flex:0 0 25%!important;flex:0 0 25%!important}
.grid--2-4>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 50%;flex:0 0 50%}
.grid>.grid-cell.grid-cell--2-4{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--3-4>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 75%;flex:0 0 75%}
.grid>.grid-cell.grid-cell--3-4{-ms-flex:0 0 75%!important;flex:0 0 75%!important}
.grid--fit>.grid-cell{-ms-flex:1;flex:1}
.grid--4-4>.grid-cell:not([class*=grid-cell--]),.grid--full>.grid-cell{-ms-flex:0 0 100%;flex:0 0 100%}
.grid>.grid-cell.grid-cell--4-4{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--auto-4>*{-ms-flex:0 0 25%!important;flex:0 0 25%!important}


@media (min-width:320px){.grid--1-1\@phone-x-small>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 100%;flex:0 0 100%}
.grid--auto-1\@phone-x-small>*,.grid>.grid-cell.grid-cell--1-1\@phone-x-small{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--1-2\@phone-x-small>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 50%;flex:0 0 50%}
.grid>.grid-cell.grid-cell--1-2\@phone-x-small{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--2-2\@phone-x-small>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 100%;flex:0 0 100%}
.grid>.grid-cell.grid-cell--2-2\@phone-x-small{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--auto-2\@phone-x-small>*{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--1-4\@phone-x-small>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 25%;flex:0 0 25%}
.grid>.grid-cell.grid-cell--1-4\@phone-x-small{-ms-flex:0 0 25%!important;flex:0 0 25%!important}
.grid--2-4\@phone-x-small>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 50%;flex:0 0 50%}
.grid>.grid-cell.grid-cell--2-4\@phone-x-small{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--3-4\@phone-x-small>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 75%;flex:0 0 75%}
.grid>.grid-cell.grid-cell--3-4\@phone-x-small{-ms-flex:0 0 75%!important;flex:0 0 75%!important}
.grid--fit\@phone-x-small>.grid-cell{-ms-flex:1;flex:1}
.grid--4-4\@phone-x-small>.grid-cell:not([class*=grid-cell--]),.grid--full\@phone-x-small>.grid-cell{-ms-flex:0 0 100%;flex:0 0 100%}
.grid>.grid-cell.grid-cell--4-4\@phone-x-small{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--auto-4\@phone-x-small>*{-ms-flex:0 0 25%!important;flex:0 0 25%!important}}
@media (min-width:380px){.grid--1-1\@phone-small>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 100%;flex:0 0 100%}
.grid--auto-1\@phone-small>*,.grid>.grid-cell.grid-cell--1-1\@phone-small{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--1-2\@phone-small>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 50%;flex:0 0 50%}
.grid>.grid-cell.grid-cell--1-2\@phone-small{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--2-2\@phone-small>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 100%;flex:0 0 100%}
.grid>.grid-cell.grid-cell--2-2\@phone-small{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--auto-2\@phone-small>*{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--1-4\@phone-small>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 25%;flex:0 0 25%}
.grid>.grid-cell.grid-cell--1-4\@phone-small{-ms-flex:0 0 25%!important;flex:0 0 25%!important}
.grid--2-4\@phone-small>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 50%;flex:0 0 50%}
.grid>.grid-cell.grid-cell--2-4\@phone-small{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--3-4\@phone-small>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 75%;flex:0 0 75%}
.grid>.grid-cell.grid-cell--3-4\@phone-small{-ms-flex:0 0 75%!important;flex:0 0 75%!important}
.grid--fit\@phone-small>.grid-cell{-ms-flex:1;flex:1}
.grid--4-4\@phone-small>.grid-cell:not([class*=grid-cell--]),.grid--full\@phone-small>.grid-cell{-ms-flex:0 0 100%;flex:0 0 100%}
.grid>.grid-cell.grid-cell--4-4\@phone-small{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--auto-4\@phone-small>*{-ms-flex:0 0 25%!important;flex:0 0 25%!important}}
@media (min-width:420px){.grid--1-1\@phone>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 100%;flex:0 0 100%}
.grid--auto-1\@phone>*,.grid>.grid-cell.grid-cell--1-1\@phone{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--1-2\@phone>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 50%;flex:0 0 50%}
.grid>.grid-cell.grid-cell--1-2\@phone{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--2-2\@phone>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 100%;flex:0 0 100%}
.grid>.grid-cell.grid-cell--2-2\@phone{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--auto-2\@phone>*{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--1-4\@phone>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 25%;flex:0 0 25%}
.grid>.grid-cell.grid-cell--1-4\@phone{-ms-flex:0 0 25%!important;flex:0 0 25%!important}
.grid--2-4\@phone>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 50%;flex:0 0 50%}
.grid>.grid-cell.grid-cell--2-4\@phone{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--3-4\@phone>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 75%;flex:0 0 75%}
.grid>.grid-cell.grid-cell--3-4\@phone{-ms-flex:0 0 75%!important;flex:0 0 75%!important}
.grid--fit\@phone>.grid-cell{-ms-flex:1;flex:1}
.grid--4-4\@phone>.grid-cell:not([class*=grid-cell--]),.grid--full\@phone>.grid-cell{-ms-flex:0 0 100%;flex:0 0 100%}
.grid>.grid-cell.grid-cell--4-4\@phone{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--auto-4\@phone>*{-ms-flex:0 0 25%!important;flex:0 0 25%!important}}
@media (min-width:768px){.grid--1-1\@tablet>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 100%;flex:0 0 100%}
.grid--auto-1\@tablet>*,.grid>.grid-cell.grid-cell--1-1\@tablet{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--1-2\@tablet>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 50%;flex:0 0 50%}
.grid>.grid-cell.grid-cell--1-2\@tablet{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--2-2\@tablet>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 100%;flex:0 0 100%}
.grid>.grid-cell.grid-cell--2-2\@tablet{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--auto-2\@tablet>*{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--1-4\@tablet>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 25%;flex:0 0 25%}
.grid>.grid-cell.grid-cell--1-4\@tablet{-ms-flex:0 0 25%!important;flex:0 0 25%!important}
.grid--2-4\@tablet>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 50%;flex:0 0 50%}
.grid>.grid-cell.grid-cell--2-4\@tablet{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--3-4\@tablet>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 75%;flex:0 0 75%}
.grid>.grid-cell.grid-cell--3-4\@tablet{-ms-flex:0 0 75%!important;flex:0 0 75%!important}
.grid--fit\@tablet>.grid-cell{-ms-flex:1;flex:1}
.grid--4-4\@tablet>.grid-cell:not([class*=grid-cell--]),.grid--full\@tablet>.grid-cell{-ms-flex:0 0 100%;flex:0 0 100%}
.grid>.grid-cell.grid-cell--4-4\@tablet{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--auto-4\@tablet>*{-ms-flex:0 0 25%!important;flex:0 0 25%!important}}
@media (min-width:1024px){.grid--1-1\@desktop>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 100%;flex:0 0 100%}
.grid--auto-1\@desktop>*,.grid>.grid-cell.grid-cell--1-1\@desktop{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--1-2\@desktop>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 50%;flex:0 0 50%}
.grid>.grid-cell.grid-cell--1-2\@desktop{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--2-2\@desktop>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 100%;flex:0 0 100%}
.grid>.grid-cell.grid-cell--2-2\@desktop{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--auto-2\@desktop>*{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--1-4\@desktop>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 25%;flex:0 0 25%}
.grid>.grid-cell.grid-cell--1-4\@desktop{-ms-flex:0 0 25%!important;flex:0 0 25%!important}
.grid--2-4\@desktop>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 50%;flex:0 0 50%}
.grid>.grid-cell.grid-cell--2-4\@desktop{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--3-4\@desktop>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 75%;flex:0 0 75%}
.grid>.grid-cell.grid-cell--3-4\@desktop{-ms-flex:0 0 75%!important;flex:0 0 75%!important}
.grid--fit\@desktop>.grid-cell{-ms-flex:1;flex:1}
.grid--4-4\@desktop>.grid-cell:not([class*=grid-cell--]),.grid--full\@desktop>.grid-cell{-ms-flex:0 0 100%;flex:0 0 100%}
.grid>.grid-cell.grid-cell--4-4\@desktop{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--auto-4\@desktop>*{-ms-flex:0 0 25%!important;flex:0 0 25%!important}}
@media (min-width:1366px){.grid--1-1\@desktop-medium>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 100%;flex:0 0 100%}
.grid--auto-1\@desktop-medium>*,.grid>.grid-cell.grid-cell--1-1\@desktop-medium{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--1-2\@desktop-medium>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 50%;flex:0 0 50%}
.grid>.grid-cell.grid-cell--1-2\@desktop-medium{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--2-2\@desktop-medium>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 100%;flex:0 0 100%}
.grid>.grid-cell.grid-cell--2-2\@desktop-medium{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--auto-2\@desktop-medium>*{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--1-4\@desktop-medium>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 25%;flex:0 0 25%}
.grid>.grid-cell.grid-cell--1-4\@desktop-medium{-ms-flex:0 0 25%!important;flex:0 0 25%!important}
.grid--2-4\@desktop-medium>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 50%;flex:0 0 50%}
.grid>.grid-cell.grid-cell--2-4\@desktop-medium{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--3-4\@desktop-medium>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 75%;flex:0 0 75%}
.grid>.grid-cell.grid-cell--3-4\@desktop-medium{-ms-flex:0 0 75%!important;flex:0 0 75%!important}
.grid--fit\@desktop-medium>.grid-cell{-ms-flex:1;flex:1}
.grid--4-4\@desktop-medium>.grid-cell:not([class*=grid-cell--]),.grid--full\@desktop-medium>.grid-cell{-ms-flex:0 0 100%;flex:0 0 100%}
.grid>.grid-cell.grid-cell--4-4\@desktop-medium{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--auto-4\@desktop-medium>*{-ms-flex:0 0 25%!important;flex:0 0 25%!important}}
@media (min-width:1920px){.grid--1-1\@desktop-large>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 100%;flex:0 0 100%}
.grid--auto-1\@desktop-large>*,.grid>.grid-cell.grid-cell--1-1\@desktop-large{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--1-2\@desktop-large>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 50%;flex:0 0 50%}
.grid>.grid-cell.grid-cell--1-2\@desktop-large{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--2-2\@desktop-large>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 100%;flex:0 0 100%}
.grid>.grid-cell.grid-cell--2-2\@desktop-large{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--auto-2\@desktop-large>*{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--1-4\@desktop-large>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 25%;flex:0 0 25%}
.grid>.grid-cell.grid-cell--1-4\@desktop-large{-ms-flex:0 0 25%!important;flex:0 0 25%!important}
.grid--2-4\@desktop-large>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 50%;flex:0 0 50%}
.grid>.grid-cell.grid-cell--2-4\@desktop-large{-ms-flex:0 0 50%!important;flex:0 0 50%!important}
.grid--3-4\@desktop-large>.grid-cell:not([class*=grid-cell--]){-ms-flex:0 0 75%;flex:0 0 75%}
.grid>.grid-cell.grid-cell--3-4\@desktop-large{-ms-flex:0 0 75%!important;flex:0 0 75%!important}
.grid--fit\@desktop-large>.grid-cell{-ms-flex:1;flex:1}
.grid--4-4\@desktop-large>.grid-cell:not([class*=grid-cell--]),.grid--full\@desktop-large>.grid-cell{-ms-flex:0 0 100%;flex:0 0 100%}
.grid>.grid-cell.grid-cell--4-4\@desktop-large{-ms-flex:0 0 100%!important;flex:0 0 100%!important}
.grid--auto-4\@desktop-large>*{-ms-flex:0 0 25%!important;flex:0 0 25%!important}}html{padding:0!important}


@keyframes a{0%{transform:translate3d(-50%,-50%,0) rotate(0)}to{transform:translate3d(-50%,-50%,0) rotate(1turn)}}fieldset{display:block;padding:0;border:0;margin:0}
.visuallyhidden{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{position:fixed!important;z-index:666;clip:auto;height:auto;margin:0;overflow:visible;width:auto;white-space:inherit}
.hidden{display:none}
.spinner{position:absolute;left:50%;top:50%;display:inline-block;width:20px;height:20px;transform:translate3d(-50%,-50%,0);pointer-events:none;animation:a 1.25s ease-in-out infinite;animation-play-state:paused;margin:0!important;color:inherit;opacity:0}
.spinner,.spinner *{fill:currentColor}body:not(.template-checkout){font-family:Suisse Intl,sans-serif;color:#333;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;max-width:100%}
.wrapper{position:relative;width:100%;max-width:1920px;margin-left:auto;margin-right:auto;padding-left:var(--gutterWrapper);padding-right:var(--gutterWrapper)}:root{--gutter:20px;--baseFontSize:16px;--baseLineHeight:1.4;--intercomWidgetWidth:60px;--headerHeight:66px}


@media (min-width:1024px){:root{--headerHeight:79px}}
.h6,h6{font-weight:500;line-height:1.2em;font-size:1.47157rem;margin-bottom:1em;font-size:min(max(1rem,4.47157vw),1.47157rem)}
.h6 small,h6 small{display:block;font-size:calc(var(--baseFontSize) * 1.25);line-height:1;margin-bottom:.5em;letter-spacing:0}


@media (min-width:1024px){.h6 small,h6 small{font-size:calc(var(--baseFontSize) * 1.375)}}
.h6 sup,h6 sup{font-size:calc(var(--baseFontSize) * .875);vertical-align:2px}
.inline .h6,.inline h6{display:inline;margin:0}
.inline .h6+p,.inline h6+p{display:inline;font-weight:500;font-size:1.47157rem}
.h5,h5{font-weight:500;line-height:1.2em;font-size:2.16552rem;margin-bottom:1em;font-size:min(max(1.4509rem,4.71462vw),2.16552rem)}
.h5 small,h5 small{display:block;font-size:calc(var(--baseFontSize) * 1.25);line-height:1;margin-bottom:.5em;letter-spacing:0}


@media (min-width:1024px){.h5 small,h5 small{font-size:calc(var(--baseFontSize) * 1.375)}}
.h5 sup,h5 sup{font-size:calc(var(--baseFontSize) * .875);vertical-align:2px}
.inline .h5,.inline h5{display:inline;margin:0}
.inline .h5+p,.inline h5+p{display:inline;font-weight:500;font-size:2.16552rem}
.h4,h4{font-weight:500;line-height:1.2em;font-size:3.18671rem;margin-bottom:1em;font-size:min(max(2.1351rem,5.05161vw),3.18671rem)}
.h4 small,h4 small{display:block;font-size:calc(var(--baseFontSize) * 1.25);line-height:1;margin-bottom:.5em;letter-spacing:0}



@media (min-width:1024px){.h4 small,h4 small{font-size:calc(var(--baseFontSize) * 1.375)}}
.h4 sup,h4 sup{font-size:calc(var(--baseFontSize) * .875);vertical-align:2px}
.inline .h4,.inline h4{display:inline;margin:0}
.inline .h4+p,.inline h4+p{display:inline;font-weight:500;font-size:3.18671rem}
.h3,h3{font-weight:500;line-height:1.2em;font-size:4.68947rem;margin-bottom:1rem;font-size:min(max(2.34473rem,6.34473vw),4.68947rem)}
.h3 small,h3 small{display:block;font-size:calc(var(--baseFontSize) * 1.25);line-height:1;margin-bottom:.5em;letter-spacing:0}


@media (min-width:1024px){.h3 small,h3 small{font-size:calc(var(--baseFontSize) * 1.375)}}
.h3 sup,h3 sup{font-size:calc(var(--baseFontSize) * .875);vertical-align:2px}
.inline .h3,.inline h3{display:inline;margin:0}
.inline .h3+p,.inline h3+p{display:inline;font-weight:500;font-size:4.68947rem}
.h2,h2{font-weight:500;line-height:1.2em;font-size:6.90088rem;margin-bottom:1em;font-size:min(max(3.45044rem,7.45044vw),6.90088rem)}
.h2 small,h2 small{display:block;font-size:calc(var(--baseFontSize) * 1.25);line-height:1;margin-bottom:.5em;letter-spacing:0}



@media (min-width:1024px){.h2 small,h2 small{font-size:calc(var(--baseFontSize) * 1.375)}}
.h2 sup,h2 sup{font-size:calc(var(--baseFontSize) * .875);vertical-align:2px}
.inline .h2,.inline h2{display:inline;margin:0}
.inline .h2+p,.inline h2+p{display:inline;font-weight:500;font-size:6.90088rem}
.h1,h1{font-weight:500;line-height:1.2em;font-size:10.15513rem;margin-bottom:1em;font-size:min(max(5.07757rem,9.07757vw),10.15513rem)}
.h1 small,h1 small{display:block;font-size:calc(var(--baseFontSize) * 1.25);line-height:1;margin-bottom:.5em;letter-spacing:0}


@media (min-width:1024px){.h1 small,h1 small{font-size:calc(var(--baseFontSize) * 1.375)}}
.h1 sup,h1 sup{font-size:calc(var(--baseFontSize) * .875);vertical-align:2px}
.inline .h1,.inline h1{display:inline;margin:0}
.inline .h1+p,.inline h1+p{display:inline;font-weight:500;font-size:10.15513rem}


@media (max-width:1023px){.h1,h1{font-size:calc(var(--baseFontSize) * 3)}}h1{overflow:hidden}body strong{font-weight:500}body{font-size:1rem;line-height:1.47157}


@keyframes b{0%{opacity:0;transform:translate3d(0,15px,0)}}
.slide-up{display:block;line-height:1.1;animation:b .8s .2s both}[role=tablist]{position:relative;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}


@media (max-width:1023px){[role=tablist]{white-space:nowrap;overflow-x:auto;overflow-y:visible}}


@media (min-width:1024px){[role=tabpanellist]{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}}[role=tab]{position:relative;padding:var(--gutter) calc(var(--gutter) * 2) var(--gutter) 0;color:#3333334d;border:0!important;text-align:left;background:none!important}


@media (min-width:1024px){[role=tab]{padding:var(--gutter);font-size:1.3333333333em}}[role=tab]:first-of-type{padding-left:0}[role=tab]:after{position:absolute;z-index:3;bottom:0;right:0;left:0;height:1px;box-shadow:none;content:"";background:rgba(51,51,51,.1)}[role=tab][aria-selected=true]{outline:0;color:#333}[role=tab][aria-selected=true]:after{position:absolute;z-index:3;bottom:0;right:0;left:0;height:1px;box-shadow:none;content:"";background:#333}[role=tab]:active,[role=tab]:focus,[role=tab]:hover{outline:0;color:#333!important}[role=tabpanel]{position:relative;z-index:2;padding:var(--gutter) 0;transition:.35s cubic-bezier(.42,0,.002,1)}


@media (min-width:1024px){[role=tabpanel]{padding:var(--gutter)}}[role=tabpanel]:first-of-type{padding-left:0}[role=tabpanel]:focus{outline:0}[role=tabpanel] a{color:currentColor}


@media (min-width:1024px){[role=tabpanel][hidden]{display:block;cursor:pointer;color:#33333380}[role=tabpanel] p{max-width:25em}}
.accordion{text-align:center}
.accordion h2{margin-bottom:calc(var(--gutter) * 1/6)}
.accordion h2+p{color:#4a4846;margin:0 auto calc(var(--gutter) * 4/3);max-width:768px;line-height:1.44}


@media (min-width:1024px){.accordion h2+p{padding:0}}
.accordion dl{text-align:left;margin:0 auto;padding:0;width:100%}
.accordion dl dt{display:-ms-flexbox;display:flex;padding:var(--gutter) 0;gap:var(--gutter);-ms-flex-align:start;align-items:flex-start;font-weight:500;cursor:pointer;line-height:1.44;font-size:calc(var(--baseFontSize) * 1.25);border-top:1px solid rgba(51,51,51,.3)}
.accordion dl dt>strong{display:block;margin-right:calc(var(--gutter) * 1)}


@media (min-width:768px){.accordion dl dt>strong{margin-right:calc(var(--gutter) * 3)}}
.accordion dl dt:after{display:block;content:"+";margin-left:auto;font-size:calc(var(--baseFontSize) * 1.25);transition:transform .3s ease-in-out}
.accordion dl dt.on:after{content:"-"}
.accordion dl dt.on+dd{max-height:999px;transition-duration:.6s}
.accordion dl dt.on+dd>*{opacity:1;transition-duration:.3s}
.accordion dl dd{padding:0;max-height:0;height:auto;transition:max-height .15s ease-in-out;overflow:hidden;margin:0 0 0 auto}
.accordion dl dd:last-of-type{border-bottom:1px solid rgba(51,51,51,.3)}
.accordion dl dd>*{margin-left:auto;opacity:0;transition:opacity .15s ease-in-out}
.accordion dl dd>:last-child{margin-bottom:var(--gutter)}
.accordion dl dd ul{margin-bottom:0}
.accordion dl dd li:before{color:#4a4846}


@media (min-width:0) and (max-width:1023px){.accordion dl{margin-bottom:calc(var(--gutter) * 3)}
.accordion dl:last-child{margin-bottom:0}}


@media (min-width:768px){.accordion dl dd>*{max-width:50%}}


@media (min-width:1024px){.accordion dl dt{font-size:calc(var(--baseFontSize) * 1.5)}
.accordion dl dt:not(:first-of-type){margin-top:var(--gutter)}
.accordion dl dd>*{margin-right:calc(var(--gutter) * 3)}}
.media-grid{overflow:hidden}
.media-grid .item{height:123vw;z-index:1}
.media-grid .item:first-of-type.item--wider{z-index:2!important;overflow:visible!important}
.media-grid .item--fluid{height:auto!important}
.media-grid.full-bleed{width:calc(100% + (var(--gutter) * 2));margin-left:calc(var(--gutter) * -1);overflow:hidden}


@media (min-width:1024px){.media-grid.full-bleed{width:calc(100% + (var(--gutter) * 6));margin-left:calc(var(--gutter) * -3);margin-bottom:calc(var(--gutter) * 5)}}



@media (min-width:1024px){.media-grid{max-height:1320px}
.media-grid:not(.full-bleed){display:-ms-grid;display:grid;-ms-grid-columns:37vw 1fr;grid-template-columns:37vw 1fr;grid-gap:var(--gutter);-ms-flex-align:start;align-items:start}
.media-grid.media-grid--invert{-ms-grid-columns:1fr 37vw;grid-template-columns:1fr 37vw}
.media-grid .item{height:37vw}
.media-grid .item--wider,.media-grid .item--wider>div:first-of-type{height:calc(100vh - var(--headerHeight) - (var(--gutter) * 3));max-height:1320px}
.media-grid.media-grid--bottom .item>div:first-of-type{height:calc(100vh - var(--headerHeight) - (var(--gutter) * 3));overflow:hidden;background:none}
.media-grid.media-grid--bottom .item:not(.item--wider)>div:first-of-type:after,.media-grid.media-grid--bottom .item:not(.item--wider)>div:first-of-type>*{height:37vw;top:auto;position:absolute}
.media-grid.media-grid--bg{position:relative}
.media-grid.media-grid--bg .item{background:none;z-index:2}
.media-grid.media-grid--bg .item picture img{width:auto;height:90%;position:absolute;top:50%;left:50%;bottom:auto;transform:translate3d(-50%,-50%,0)}
.media-grid.media-grid--bg .item div:nth-child(2){position:absolute;width:18.75%;right:12.5%;top:50%;transform:translateY(-50%);margin-top:0}
.media-grid.media-grid--bg .item div:nth-child(2) p{padding-right:0}}


@media only screen and (min-width:1024px) and (max-height:670px){.media-grid.media-grid--bg .item div:nth-child(2){width:33%}}


@media (min-width:1024px){.media-grid.media-grid--bg .item picture,.media-grid.media-grid--bg .item video{height:100%}
.media-grid.media-grid--bg .background{position:absolute;top:0;width:50%;bottom:0;left:0;z-index:1}
.media-grid.media-grid--bg .background img{width:100%;height:100%;object-fit:cover}}
.media-grid .item{position:relative;background:#262825;background-image:radial-gradient(79.01% 79.01% at 50% 90.8%,#383d38 0,#262825 100%);overflow:hidden;display:-ms-grid;display:grid;-ms-flex-align:end;align-items:end;transition:3s ease-in-out,width .35s cubic-bezier(.42,0,.002,1);z-index:0}
.media-grid .item video{display:block;width:100%;height:100%;object-fit:cover}
.media-grid .item .feature,.media-grid .item picture:not(.grid-exclude),.media-grid .item video{position:absolute;z-index:0;bottom:0;top:0;left:0;right:0;opacity:0;pointer-events:none;transition:opacity .85s cubic-bezier(.28,0,.49,1),transform 1.8s cubic-bezier(.42,0,.002,1);transform:none;will-change:transform}
.media-grid .item .feature[data-tab-state=current],.media-grid .item picture:not(.grid-exclude)[data-tab-state=current],.media-grid .item video[data-tab-state=current]{opacity:1!important;width:100%;height:104%;top:-2%!important;bottom:-2%!important;pointer-events:all}
.media-grid .item .feature[data-tab-state=past],.media-grid .item picture:not(.grid-exclude)[data-tab-state=past],.media-grid .item video[data-tab-state=past]{opacity:1!important;width:100%;height:100%;top:-101%!important;bottom:101%!important}
.media-grid .item .feature[data-tab-state=future],.media-grid .item picture:not(.grid-exclude)[data-tab-state=future],.media-grid .item video[data-tab-state=future]{opacity:1!important;width:100%;height:100%;top:101%!important;bottom:-101%!important}
.media-grid .item .feature:not(.feature) img,.media-grid .item picture:not(.grid-exclude):not(.feature) img,.media-grid .item video:not(.feature) img{max-width:none;width:100%;height:100%;object-fit:cover;object-position:50% 50%;position:absolute;bottom:0;left:0;transition:.35s cubic-bezier(.42,0,.002,1)}
.media-grid .item .feature{position:relative;color:#e5e5e5;background:#444;padding:calc(var(--gutter) * 2)}
.media-grid .item .feature[data-tab-state=current]{height:100%!important;top:0!important}
.media-grid .item .feature .feature__image{width:100%;height:auto;margin:calc(var(--gutter) * 2.5) auto calc(var(--gutter) * 4)}
.media-grid .item .feature h3{font-size:calc(1.25 * var(--baseFontSize))}
.media-grid .item .feature .feature__metas{font-size:calc(.875 * var(--baseFontSize));display:-ms-flexbox;display:flex;margin-bottom:calc(var(--gutter) * 1.5);line-height:1}
.media-grid .item .feature .feature__metas span:not(:last-child){padding-right:calc(var(--gutter));border-right:1px solid hsla(0,0%,100%,.1);margin-right:calc(var(--gutter))}
.media-grid .item--wider picture,.media-grid .item--wider video{transition:opacity .85s cubic-bezier(.28,0,.49,1) .3s,transform 1.8s cubic-bezier(.42,0,.002,1) .3s}



@media (min-width:1024px){.media-grid__mobile-assets{display:none}}
.media-grid__mobile-assets .asset-wrapper{position:relative;padding-bottom:123.1884058%;margin-bottom:2rem}



@media (min-width:421px){.media-grid__mobile-assets .asset-wrapper{padding-bottom:100%}}
.media-grid__mobile-assets .asset-wrapper img,.media-grid__mobile-assets .asset-wrapper picture:not(.grid-exclude),.media-grid__mobile-assets .asset-wrapper video{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1!important}
.media-grid__mobile-assets .asset-wrapper__caption{position:absolute;bottom:0;left:0;width:100%;padding:0 2rem 2rem;color:#fff}
.media-grid__mobile-assets .asset-wrapper__caption:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:200%;background:linear-gradient(180deg,rgba(29,29,29,0) 11.97%,#000);opacity:.6}
.media-grid__mobile-assets .asset-wrapper__caption p{position:relative;z-index:1;margin-bottom:0;font-size:14px;line-height:19px;max-width:15em}
.media-grid__mobile-assets .asset-wrapper__caption p:first-child{margin-bottom:11px;font-weight:500;font-size:18px;line-height:1}
.media-grid__mobile-assets .asset-wrapper__caption a:not(.btn){color:#fff}
.media-grid__mobile-assets .asset-wrapper__caption .btn{position:relative;z-index:1;margin-top:var(--gutter)}
.media-grid:not(.visible):not(.media-grid--tabs) .item picture,.media-grid:not(.visible):not(.media-grid--tabs) .item video{opacity:0}
.media-grid:not(.visible):not(.media-grid--tabs) .item--wider picture,.media-grid:not(.visible):not(.media-grid--tabs) .item--wider video{transform:scale(1.05) translateY(-15px)}
.media-grid:not(.visible):not(.media-grid--tabs) .item:only-of-type picture,.media-grid:not(.visible):not(.media-grid--tabs) .item:only-of-type video{transform:scale(1.05)}
.template-blog,.template-page{background:#f6f6f6;transition:.6s ease-in-out}
.template-blog .page-header,.template-page .page-header{border-color:#3333331a}
.header-packed .template-blog .page-header,.header-packed .template-page .page-header{border-color:#3330}
.template-page .section:not(.page-footer):last-of-type,.template-stories .section:not(.page-footer):last-of-type{padding-bottom:0}


@media (min-width:1025px){.page-title{max-width:10ch}}


@media (min-width:1024px){.sub-heading+.inline-features-list{margin-top:calc(var(--gutter) * 7)}}
.inline-features-list{padding-top:var(--gutter);border-top:1px solid #1d1d1d}
.inline-features-list li{padding-right:var(--gutter);max-width:450px}
.inline-features-list h3{font-size:calc(1.25 * var(--baseFontSize))}


@media (min-width:1024px){.inline-features-list h3{font-size:calc(1.5 * var(--baseFontSize))}}
.section--generic{padding-top:calc(var(--gutter)*3);padding-bottom:calc(var(--gutter)*3);font-size:calc(var(--baseFontSize) * 1.125)}



@media (min-width:1024px){.section--generic{padding-top:calc(var(--gutter)*4);padding-bottom:calc(var(--gutter)*4)}}
.section--generic h1{position:relative;margin-bottom:calc(var(--gutter)*2);overflow:visible;line-height:.9}
@media (min-width:1024px){.section--generic h1{width:66%;margin-bottom:calc(var(--gutter) * 3.75)}
.section--generic h1.h2{margin-bottom:calc(var(--gutter)*4)}}
.section--generic h1+.sub-heading,.section--generic h1+h2{margin-bottom:calc(var(--gutter) * 2);line-height:1.4;letter-spacing:-.0025em}
.section--generic h1+.sub-heading>*,.section--generic h1+h2>*{margin-bottom:0}
@media (min-width:1024px){.section--generic h1+.sub-heading,.section--generic h1+h2{width:62.121212%;margin-bottom:calc(var(--gutter) * 1.75)}}
.section--generic h1+.sub-heading+p:first-of-type,.section--generic h1+h2+p:first-of-type{font-size:calc(var(--baseFontSize) * 1.125);font-weight:500}
.section--generic h1+.sub-heading{margin-left:auto}
.section--generic .sub-heading>*{line-height:1.4}
.section--generic dl{margin-bottom:0}
.section--generic dt{font-size:calc(var(--baseFontSize) * 1.5);padding-left:0}
.section--generic dd{padding-top:calc(var(--gutter) * .8);padding-left:0}
.section--generic dd+dt{padding-top:calc(var(--gutter) * 2)}
.section--generic p.disclaimer{font-size:calc(var(--baseFontSize) * .875);color:#33333380;padding-top:calc(var(--gutter) * 1.5);margin-top:calc(var(--gutter) * 3.5);border-top:1px solid rgba(51,51,51,.1)}
.section--generic article.flex{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:calc(var(--gutter) * 1.5);margin-top:calc(var(--gutter) * 2)}
.section--generic article.flex .inner-content{max-width:480px}
.section--generic article.flex .inner-content:only-child{padding:calc(var(--gutter) * 2) 0 0}
@media (min-width:1024px){.section--generic article.flex .inner-content:only-child{max-width:90.151515%;padding:calc(var(--gutter) * 5) 0}}
.section--generic article.flex .inner-content ol{padding-left:calc(var(--gutter) * 1);margin-bottom:calc(var(--gutter) * 2)}
@media (min-width:1024px){.section--generic article.flex .inner-content ol:not(.no-col){columns:2;column-gap:calc(var(--gutter) * 7)}}
.section--generic article.flex .inner-content ol li{margin-bottom:calc(var(--gutter) * 1.5);padding-left:var(--gutter)}
.section--generic article.flex .media{width:100vw}
.section--generic article.flex .media img{width:100%}
.section--generic article.flex:first-of-type:before{display:block;content:"";width:100vw;height:1px;transform:translate(-50vw);position:absolute;top:0;left:50%;background-color:#3333331a}
@media (max-width:767px){.section--generic article.flex{padding-bottom:calc(var(--gutter) * 2)}}
@media (min-width:768px){.section--generic article.flex{-ms-flex-direction:row;flex-direction:row;gap:calc(var(--gutter) * 2)}
.section--generic article.flex .media{width:100%;margin-right:calc(var(--gutter) * -1)}}
@media (min-width:768px) and (min-width:1024px){.section--generic article.flex .media{margin-right:calc(var(--gutter) * -3)}}
@media (min-width:1024px){.section--generic article.flex{margin-top:calc(var(--gutter) * 3.75);gap:calc(var(--gutter) * 8.5)}}
.section--generic .h1 strong,.section--generic .h2 strong,.section--generic .h3 strong,.section--generic .h4 strong,.section--generic .h5 strong,.section--generic .h6 strong{font-weight:600}
.section--generic picture.full-bleed{width:calc(100% + (var(--gutter) * 2));margin-left:calc(var(--gutter) * -1);margin-top:calc(var(--gutter)*2);margin-bottom:calc(var(--gutter)*3);overflow:hidden;aspect-ratio:1.8/1;max-height:100vh}
@media (max-width:1023px){.section--generic picture.full-bleed{height:61.576355vh}}
.section--generic picture.full-bleed>*{width:100%;height:100%;object-fit:cover}
@media (min-width:1024px){.section--generic picture.full-bleed{width:calc(100% + (var(--gutter) * 6));margin-left:calc(var(--gutter) * -3);margin-bottom:calc(var(--gutter) * 3.75)}
.section--generic picture.full-bleed+.h5{width:66%}}
.section--generic>:only-child{margin-top:0!important;margin-bottom:0!important}
.section--generic .tabs{margin-bottom:calc(var(--gutter)*3)}
.section--generic .tabs.tabs--all-active{pointer-events:none}
.section--generic .tabs.tabs--all-active [role=tab],.section--generic .tabs.tabs--all-active [role=tabpanel],.section--generic .tabs.tabs--all-active [role=tabpanellist]{color:#333}
.section--generic .tabs.tabs--all-active [role=tab]:after{background:#333}
@media (max-width:1023px){.section--generic .tabs.tabs--all-active [role=tabpanel]{display:block;padding-bottom:0}
.section--generic .tabs.tabs--all-active [role=tabpanel] p{margin-bottom:0}
.section--generic .tabs.tabs--all-active [role=tabpanellist] img{display:block;width:100%;height:auto;margin-bottom:calc(var(--gutter)*1.5)}}
@media (min-width:1024px){.section--generic .tabs{margin-bottom:calc(var(--gutter)*6)}}
.section--generic [role=tablist][data-columns],.section--generic [role=tabpanellist][data-columns]{grid-gap:0}
.section--generic [role=tablist][data-columns="1"],.section--generic [role=tabpanellist][data-columns="1"]{-ms-grid-columns:1fr;grid-template-columns:1fr}
.section--generic [role=tablist][data-columns="2"],.section--generic [role=tabpanellist][data-columns="2"]{-ms-grid-columns:37vw 1fr;grid-template-columns:37vw 1fr}
.section--generic .media-grid{margin-bottom:calc(var(--gutter)*.5)}
.grid{gap:var(--gutter)}
.grid .grid__item{position:relative;display:block;text-decoration:none;width:100%;overflow:hidden;transform:translateZ(0)}
.grid .grid__item figure{display:block;overflow:hidden;height:100%}
.grid .grid__item figure>:not(.grid__text){height:100%}
.grid .grid__item img,.grid .grid__item picture:not(.inline){position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}
@media (min-width:1024px){.grid .grid__item .video-wrapper{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}}
.grid .grid__item img,.grid .grid__item video{object-fit:cover}
.grid .grid__item .video-wrapper video{display:block;width:100%;height:100%;transform:translateZ(0)}
.template-cowboy-4 .grid .grid__item .video-wrapper video,.template-cowboy-4 .grid .grid__item:not(.grid__text)>*{background:#3d403a}
.template-cowboy-4-st .grid .grid__item .video-wrapper video,.template-cowboy-4-st .grid .grid__item:not(.grid__text)>*{background:#cbc8bc}
.grid .grid__item h3{font-size:calc(1.25 * var(--baseFontSize));margin-bottom:var(--gutter);font-weight:400}
.grid .cta{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-bottom:calc(var(--gutter) * 2.5);border-bottom:1px solid #333}
@media (min-width:1024px){.grid .cta{padding-bottom:calc(var(--gutter) * 4);border-bottom-color:#3333331a}}
.grid .cta svg{position:static!important;margin-left:.5em;width:.75em;height:.75em;transition:transform .3s ease-in-out}
.grid a.grid__item:hover .cta svg{transform:translate(5px)}
@media (max-width:1023px){.grid .grid__item:not(.grid__text){min-height:70vw}}
@media (min-width:1024px){.grid{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12,1fr)}
.grid .grid__item{-ms-grid-column:span 12;grid-column:span 12}
.grid .grid__8{-ms-grid-column:span 8;grid-column:span 8}
.grid .grid__4{-ms-grid-column:span 4;grid-column:span 4}}
.section--footer>.grid,.section--hero-media footer>.grid{display:-ms-flexbox!important;display:flex!important;padding:0;-ms-flex-align:center;align-items:center;border:0;color:#fff;transition:.35s cubic-bezier(.42,0,.002,1)}
@media (min-width:1024px){.section--footer>.grid,.section--hero-media footer>.grid{display:-ms-grid!important;display:grid!important;-ms-grid-columns:(1fr)[12]!important;grid-template-columns:repeat(12,1fr)!important}}
.section--footer>.grid .grid__item,.section--hero-media footer>.grid .grid__item{font-size:calc(.875 * var(--baseFontSize));min-height:0;padding:calc(var(--gutter) * .75) var(--gutter);display:-ms-flexbox;display:flex;height:100%;-ms-flex-align:center;align-items:center;gap:calc(var(--gutter) * .5)}
@media (min-width:1024px){.section--footer>.grid .grid__item,.section--hero-media footer>.grid .grid__item{font-size:calc(1.125 * var(--baseFontSize));padding:calc(var(--gutter) * 1) var(--gutter);gap:calc(var(--gutter) * .75)}}
@media (min-width:1024px){.section--footer>.grid .grid__item:first-child,.section--hero-media footer>.grid .grid__item:first-child{padding-left:calc(var(--gutter) * 3)}}
.section--footer>.grid .grid__item:last-child,.section--hero-media footer>.grid .grid__item:last-child{padding-right:var(--gutter);width:calc(100% + var(--gutter));transform:translate(calc(var(--gutter)*-1))}
@media (min-width:1024px){.section--footer>.grid .grid__item:last-child,.section--hero-media footer>.grid .grid__item:last-child{padding-right:calc(var(--gutter) * 3)}}
.section--footer>.grid .grid__item .with-arrow,.section--hero-media footer>.grid .grid__item .with-arrow{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:calc(var(--gutter) * .5)}
.section--footer>.grid .grid__item small,.section--hero-media footer>.grid .grid__item small{display:block;margin-top:6px;font-size:calc(.75 * var(--baseFontSize));color:#ffffffb3}
.section--footer>.grid.no-instalments .grid__item,.section--hero-media footer>.grid.no-instalments .grid__item{padding:calc(var(--gutter) * 1) var(--gutter)}
.section--footer>.grid .grid__8 svg,.section--hero-media footer>.grid .grid__8 svg{transition:transform .3s ease-in-out}
.section--footer>.grid:hover,.section--hero-media footer>.grid:hover{background:#333}
.section--footer>.grid:hover .btn--test-ride,.section--hero-media footer>.grid:hover .btn--test-ride{background:#1d1d1d}
.section--footer>.grid:hover .btn--test-ride:hover,.section--hero-media footer>.grid:hover .btn--test-ride:hover{background:#000}
.section--hero-media .section--intro footer>.grid:hover,.section--intro .section--footer>.grid:hover,.section--intro .section--hero-media footer>.grid:hover{border-top:transparent}
.section--footer>.grid:hover .grid__8 svg,.section--hero-media footer>.grid:hover .grid__8 svg{transform:translate(5px)}
.section--hero-media .section--intro footer>.grid,.section--intro .section--footer>.grid,.section--intro .section--hero-media footer>.grid{border-top:1px solid hsla(0,0%,100%,.15)}
.section--footer>.grid .delivery,.section--footer>.grid .h6,.section--footer>.grid a,.section--hero-media footer>.grid .delivery,.section--hero-media footer>.grid .h6,.section--hero-media footer>.grid a{margin:0;padding:0}
.section--footer>.grid svg,.section--hero-media footer>.grid svg{fill:none!important;margin:0!important}
.section--footer>.grid a,.section--hero-media footer>.grid a{border:0;background:none;color:inherit;transition:none}
.section--footer>.grid a:hover,.section--hero-media footer>.grid a:hover{border:0;background:none}
.section--footer>.grid .btn--test-ride,.section--hero-media footer>.grid .btn--test-ride{background:#b5b2a9;transition:background .35s cubic-bezier(.42,0,.002,1)}
.section--footer.sticky,.section--hero-media footer.sticky{opacity:0;pointer-events:none;background:#ebe9e4;box-shadow:0 .2px 3.5px #0000000d,0 .4px 6.9px #00000009,0 .8px 10.5px #00000008,0 1.3px 14.6px #00000006,0 2.5px 20.7px #00000005,0 6px 55px #00000004}
.section--footer.sticky .grid,.section--hero-media footer.sticky .grid{color:#333}
.section--footer.sticky .grid__item,.section--hero-media footer.sticky .grid__item{transition:background .3s ease-in-out}
.section--footer.sticky .grid__item svg,.section--hero-media footer.sticky .grid__item svg{transition:transform .3s ease-in-out}
.section--footer.sticky .grid__item:hover svg,.section--hero-media footer.sticky .grid__item:hover svg{transform:translate(calc(var(--gutter) / 4))}
.section--footer.sticky .grid__item small,.section--hero-media footer.sticky .grid__item small{color:#333333b3}
.section--hero-media .template-cowboy-4 footer.sticky .grid__item:first-child,.section--hero-media .template-cowboy-4-st footer.sticky .grid__item:first-child,.template-cowboy-4 .section--footer.sticky .grid__item:first-child,.template-cowboy-4 .section--hero-media footer.sticky .grid__item:first-child,.template-cowboy-4-st .section--footer.sticky .grid__item:first-child,.template-cowboy-4-st .section--hero-media footer.sticky .grid__item:first-child{background:#efede7}
.section--hero-media .template-cowboy-4 footer.sticky .grid__item:first-child:hover,.section--hero-media .template-cowboy-4-st footer.sticky .grid__item:first-child:hover,.template-cowboy-4 .section--footer.sticky .grid__item:first-child:hover,.template-cowboy-4 .section--hero-media footer.sticky .grid__item:first-child:hover,.template-cowboy-4-st .section--footer.sticky .grid__item:first-child:hover,.template-cowboy-4-st .section--hero-media footer.sticky .grid__item:first-child:hover{background:#e3dfd3}
.section--hero-media .template-cowboy-4 footer.sticky .grid__item:last-child,.section--hero-media .template-cowboy-4-st footer.sticky .grid__item:last-child,.template-cowboy-4 .section--footer.sticky .grid__item:last-child,.template-cowboy-4 .section--hero-media footer.sticky .grid__item:last-child,.template-cowboy-4-st .section--footer.sticky .grid__item:last-child,.template-cowboy-4-st .section--hero-media footer.sticky .grid__item:last-child{background:#f5f3ea}
.section--hero-media .template-cowboy-4 footer.sticky .grid__item:last-child:hover,.section--hero-media .template-cowboy-4-st footer.sticky .grid__item:last-child:hover,.template-cowboy-4 .section--footer.sticky .grid__item:last-child:hover,.template-cowboy-4 .section--hero-media footer.sticky .grid__item:last-child:hover,.template-cowboy-4-st .section--footer.sticky .grid__item:last-child:hover,.template-cowboy-4-st .section--hero-media footer.sticky .grid__item:last-child:hover{background:#eae6d9}
.section--hero-media .template-cowboy-3 footer.sticky .grid__item:first-child,.template-cowboy-3 .section--footer.sticky .grid__item:first-child,.template-cowboy-3 .section--hero-media footer.sticky .grid__item:first-child{background:#f6f6f6}
.section--hero-media .template-cowboy-3 footer.sticky .grid__item:first-child:hover,.template-cowboy-3 .section--footer.sticky .grid__item:first-child:hover,.template-cowboy-3 .section--hero-media footer.sticky .grid__item:first-child:hover{background:#fff}
.section--hero-media .template-cowboy-3 footer.sticky .grid__item:last-child,.template-cowboy-3 .section--footer.sticky .grid__item:last-child,.template-cowboy-3 .section--hero-media footer.sticky .grid__item:last-child{background:#f8f8f8}
.section--hero-media .template-cowboy-3 footer.sticky .grid__item:last-child:hover,.template-cowboy-3 .section--footer.sticky .grid__item:last-child:hover,.template-cowboy-3 .section--hero-media footer.sticky .grid__item:last-child:hover{background:#fff}
.section--footer,.section--hero-media footer{text-align:left;-webkit-user-select:none;-ms-user-select:none;user-select:none;will-change:opacity;transition:.35s cubic-bezier(.42,0,.002,1)}
.section--footer.sticky,.section--hero-media footer.sticky{position:sticky;bottom:0;left:0;z-index:3}
.section--footer.sticky a,.section--hero-media footer.sticky a{border:0}
.section--footer div,.section--hero-media footer div{position:relative}
.section--footer div .free-theft-insurance,.section--hero-media footer div .free-theft-insurance{display:block;font-size:calc(var(--baseFontSize)*.75);margin:6px 0 0}
@media (min-width:1024px){.section--footer div .free-theft-insurance,.section--hero-media footer div .free-theft-insurance{display:inline-block;font-size:calc(var(--baseFontSize)*.875);margin:0 0 -4px 6px}}
.section--footer.full-bleed,.section--hero-media footer.full-bleed{width:calc(100% + (var(--gutter) * 2));margin-left:calc(var(--gutter) * -1)}
@media (min-width:1024px){.section--footer.full-bleed,.section--hero-media footer.full-bleed{width:calc(100% + (var(--gutter) * 6));margin-left:calc(var(--gutter) * -3)}}
.section--footer a,.section--hero-media footer a{display:block;text-decoration:none;border-top:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.1);display:-ms-grid;display:grid;-ms-grid-columns:minmax(min-content,max-content) minmax(min-content,max-content) 1fr;grid-template-columns:minmax(min-content,max-content) minmax(min-content,max-content) 1fr;-ms-flex-align:center;align-items:center;line-height:1;transition:.35s cubic-bezier(.42,0,.002,1)}
.section--footer a:hover,.section--hero-media footer a:hover{border-color:#333}
@media (min-width:1024px){.section--footer a,.section--hero-media footer a{padding:calc(var(--gutter) * 1) calc(var(--gutter) * 3)}}
.section--footer.dark a:not(:hover),.section--hero-media footer.dark a:not(:hover){color:#333;border-top:1px solid rgba(51,51,51,.1);border-bottom:1px solid rgba(51,51,51,.1)}
.section--footer time,.section--hero-media footer time{margin-right:var(--gutter)}
@media (max-width:1023px){.section--footer svg,.section--hero-media footer svg{max-height:24px;width:auto;margin-left:10px}}
.section--footer .type svg,.section--hero-media footer .type svg{margin-right:calc(var(--gutter) * .5)}
.section--footer time+svg,.section--hero-media footer time+svg{vertical-align:text-top}
.section--footer div,.section--hero-media footer div{margin-bottom:0}
.section--footer div.metas,.section--footer div.type,.section--hero-media footer div.metas,.section--hero-media footer div.type{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.section--footer div .metas,.section--hero-media footer div .metas{font-size:calc(var(--baseFontSize) * 3 / 4);text-transform:uppercase}
.section--footer div:nth-child(2),.section--hero-media footer div:nth-child(2){font-size:calc(var(--baseFontSize) * 1.125)}
@media (min-width:1024px){.section--footer div:nth-child(3),.section--hero-media footer div:nth-child(3){justify-self:end}}
.section--footer svg,.section--hero-media footer svg{fill:#fff;vertical-align:middle}
.section--footer button,.section--hero-media footer button{color:#fff}
.section__footer{font-size:calc(1.25 * var(--baseFontSize));display:block;border-top:1px solid hsla(0,0%,100%,.1);text-align:center;padding:var(--gutter)}
@media (min-width:1024px){.section__footer{font-size:calc(1.5 * var(--baseFontSize));padding:var(--gutter) calc(var(--gutter) * 3)}}
.section--hero-media{position:relative;background-size:cover;background-position:50% 50%;color:#fff;padding:0;height:calc(100vh - var(--headerHeight) - (var(--gutter) * 3))}
@media (min-width:768px){.section--hero-media{height:56.25vw}}
.section--hero-media>*{position:relative;z-index:1}
.section--hero-media a{display:block;text-decoration:none;color:#fff}
.section--hero-media>h1,.section--hero-media>h2,.section--hero-media>h3{text-align:center;margin:0;top:50%;transform:translateY(calc(-50% - (var(--baseFontSize) * 2.0625)));-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}
.section--hero-media .media{position:absolute;z-index:0;bottom:0;top:0;left:0;right:0;animation:c 1.5s cubic-bezier(.28,0,.49,1)}
.section--hero-media .media img{max-width:none;position:absolute;bottom:0;left:0;transition:.35s cubic-bezier(.42,0,.002,1)}
.section--hero-media .media img,.section--hero-media video{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.section--hero-media video{opacity:0;transition:.3s cubic-bezier(.49,.025,.685,1)}
@media (max-width:767px){.section--hero-media video{display:none}}
.section--hero-media .btn--play{height:70px;width:70px;border-radius:100em;background:#fff;border-color:transparent}
.section--hero-media .btn--play svg{color:#333;transform:translate3d(2px,2px,0);transition:.35s cubic-bezier(.42,0,.002,1)}
.section--hero-media .btn--play:focus,.section--hero-media .btn--play:hover{background:#333}
.section--hero-media .btn--play:focus svg,.section--hero-media .btn--play:hover svg{color:#fff}
.section--hero-media .video-wrapper{position:absolute;top:0;left:0;right:0;bottom:0}
@media (max-width:767px){.section--hero-media .video-wrapper{display:none}}
.section--hero-media .loaded{opacity:1}
.section--hero-media footer{position:absolute;bottom:0;left:0;width:100%}
.template-cowboy-4-st .video-wrapper{background-color:#b7b2a7}
.template-cowboy-4 h1{top:48%}
@media (min-width:768px){.template-cowboy-4 .section--hero-media .media img{display:none}}
@media not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none){.template-cowboy-4 .section--hero-media .media img{display:block!important}}}
@keyframes c{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:none}}
.bike-picture--container{position:relative;max-width:1920px;width:100%;margin:0 auto calc(var(--gutter) * 3)}
.bike-picture--container,.bike-picture--container *{pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.bike-picture--container picture{display:block;width:100%}
.bike-picture--container>picture{opacity:0;position:absolute;top:0;left:0}
.bike-picture--container>picture:first-child{position:static}
.bike-picture--container>picture[data-model="Cowboy 4 ST+"]{top:-8px}
.bike-picture--container img{display:block;width:100%;height:auto;object-fit:contain}
.shadow{position:absolute;top:100%;left:50%;width:133%;max-width:none;transform:translate3d(-50%,-39%,0);opacity:.5}
.shadow [data-model="Cowboy 4+"]{transform:translate3d(-50%,-40%,0)}[data-model="Cowboy 4 ST"] .shadow,[data-model="Cowboy 4 ST+"] .shadow{transform:translate3d(-50%,-39.5%,0)}
.shadow img{width:100%}[data-model=""][data-color=""] [data-model="Cowboy 3"][data-color=Black],[data-model=""][data-color=Anthracite] [data-model="Cowboy 3"][data-color=Anthracite],[data-model=""][data-color=Black] [data-model="Cowboy 3"][data-color=Black],[data-model=""][data-color=Mineral] [data-model="Cowboy 3"][data-color=Mineral],[data-model=""][data-color=Undefined] [data-model="Cowboy 3"][data-color=Undefined],[data-model="Cowboy 3"][data-color=Anthracite] [data-model="Cowboy 3"][data-color=Anthracite],[data-model="Cowboy 3"][data-color=Black] [data-model="Cowboy 3"][data-color=Black],[data-model="Cowboy 3"][data-color=Mineral] [data-model="Cowboy 3"][data-color=Mineral],[data-model="Cowboy 3"][data-color=Undefined] [data-model="Cowboy 3"][data-color=Undefined],[data-model=""][data-color=""] [data-model="Cowboy 4"][data-color=Black],[data-model=""][data-color=Black] [data-model="Cowboy 4"][data-color=Black],[data-model=""][data-color=Khaki] [data-model="Cowboy 4"][data-color=Khaki],[data-model=""][data-color=Sage] [data-model="Cowboy 4"][data-color=Sage],[data-model=""][data-color=Sand] [data-model="Cowboy 4"][data-color=Sand],[data-model="Cowboy 4"][data-color=Black] [data-model="Cowboy 4"][data-color=Black],[data-model="Cowboy 4"][data-color=Khaki] [data-model="Cowboy 4"][data-color=Khaki],[data-model="Cowboy 4"][data-color=Sage] [data-model="Cowboy 4"][data-color=Sage],[data-model="Cowboy 4"][data-color=Sand] [data-model="Cowboy 4"][data-color=Sand],[data-model=""][data-color=""] [data-model="Cowboy 4 ST"][data-color=Black],[data-model=""][data-color=Black] [data-model="Cowboy 4 ST"][data-color=Black],[data-model=""][data-color=Khaki] [data-model="Cowboy 4 ST"][data-color=Khaki],[data-model=""][data-color=Sage] [data-model="Cowboy 4 ST"][data-color=Sage],[data-model=""][data-color=Sand] [data-model="Cowboy 4 ST"][data-color=Sand],[data-model="Cowboy 4 ST"][data-color=Black] [data-model="Cowboy 4 ST"][data-color=Black],[data-model="Cowboy 4 ST"][data-color=Khaki] [data-model="Cowboy 4 ST"][data-color=Khaki],[data-model="Cowboy 4 ST"][data-color=Sage] [data-model="Cowboy 4 ST"][data-color=Sage],[data-model="Cowboy 4 ST"][data-color=Sand] [data-model="Cowboy 4 ST"][data-color=Sand],[data-model=""][data-color=""] [data-model="Cowboy 4+"][data-color=Black],[data-model=""][data-color=Black] [data-model="Cowboy 4+"][data-color=Black],[data-model=""][data-color=Khaki] [data-model="Cowboy 4+"][data-color=Khaki],[data-model=""][data-color=Sage] [data-model="Cowboy 4+"][data-color=Sage],[data-model=""][data-color=Sand] [data-model="Cowboy 4+"][data-color=Sand],[data-model="Cowboy 4+"][data-color=Black] [data-model="Cowboy 4+"][data-color=Black],[data-model="Cowboy 4+"][data-color=Khaki] [data-model="Cowboy 4+"][data-color=Khaki],[data-model="Cowboy 4+"][data-color=Sage] [data-model="Cowboy 4+"][data-color=Sage],[data-model="Cowboy 4+"][data-color=Sand] [data-model="Cowboy 4+"][data-color=Sand],[data-model=""][data-color=""] [data-model="Cowboy 4 ST+"][data-color=Black],[data-model=""][data-color=Black] [data-model="Cowboy 4 ST+"][data-color=Black],[data-model=""][data-color=Khaki] [data-model="Cowboy 4 ST+"][data-color=Khaki],[data-model=""][data-color=Sage] [data-model="Cowboy 4 ST+"][data-color=Sage],[data-model=""][data-color=Sand] [data-model="Cowboy 4 ST+"][data-color=Sand],[data-model="Cowboy 4 ST+"][data-color=Black] [data-model="Cowboy 4 ST+"][data-color=Black],[data-model="Cowboy 4 ST+"][data-color=Khaki] [data-model="Cowboy 4 ST+"][data-color=Khaki],[data-model="Cowboy 4 ST+"][data-color=Sage] [data-model="Cowboy 4 ST+"][data-color=Sage],[data-model="Cowboy 4 ST+"][data-color=Sand] [data-model="Cowboy 4 ST+"][data-color=Sand]{opacity:1}
.canvas-wrapper{position:fixed;width:100vw;height:100vh;opacity:0;transition:.35s cubic-bezier(.42,0,.002,1)}
.canvas-wrapper,.canvas-wrapper:before{top:0;left:0;z-index:-1;pointer-events:none}
.canvas-wrapper:before{position:absolute;bottom:0;right:0;display:block;content:"";background-image:radial-gradient(79.01% 79.01% at 50% 90.8%,#333 0,#000 100%);transform:rotate(-180deg)}
.canvas-wrapper canvas{position:absolute;left:50%;top:50%;max-height:calc(100vh - (var(--gutter)*6));max-width:calc(100vw - (var(--gutter)*6));transform:translate(-50%,-50%)}
.canvas-wrapper .breather,.canvas-wrapper video{display:block;min-height:100%;width:100%;height:100%;object-fit:cover;transition:.16s linear}
@media (min-width:1024px){.canvas-wrapper .breather,.canvas-wrapper video{clip-path:inset(20% 44.5% 20% 44.5% round 100em);will-change:clip-path}}
.canvas-wrapper .breather img{height:100%;width:100%;object-fit:cover}html[data-template=index]{scroll-behavior:auto}
@media (min-width:1024px){body.template-index,html[data-template=index]{overflow:hidden;width:100%;height:100%}}
.page-main{margin-top:calc((var(--headerHeight)) * -1);transform:translateZ(0)}
@media (min-width:1024px){.page-main{overflow-y:scroll;-ms-scroll-snap-type:y proximity;scroll-snap-type:y proximity;height: calc(100vh + 88px);} .page-t{height: calc(100vh);}}
.section{position:relative;z-index:3;min-height:50vh}
@media (max-width:1023px){.section{padding-top:var(--headerHeight);padding-bottom:calc(var(--gutter) * 2.5)}}
.section .h3{margin-bottom:calc(var(--gutter) * 1)}#footer{min-height:0}
@media (max-width:1023px){#footer{padding-top:0;padding-bottom:var(--gutter)}}
.section--intro{z-index:4;max-height:100vh;min-height:0;background:radial-gradient(circle at 75% 0,#363933,rgba(54,57,51,0)),#1b1d19}
.section--intro .video-wrapper{display:block;position:relative;top:auto;left:auto;right:auto;bottom:auto;-ms-flex-positive:1;flex-grow:1;overflow:hidden}
@media (min-width:1024px){.section--intro .video-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}}
.section--intro video{position:relative;background:#333;transform:translateZ(0)}
.section--intro video:before{content:"";display:block;padding-top:100%}
.section--intro video.experiment--video-b{aspect-ratio:9/16}
@media (max-width:767px){.section--intro video:not(.experiment--video-b){width:1060px;height:auto;transform:translate(-20.5%)}}
.section--intro .media img{object-position:15% 50%;opacity:.7}
@media not all and (min-resolution:.001dpcm)

{@supports (-webkit-appearance:none){.section--intro .media img{display:block!important}}}
.section--hero-media .section--intro footer,.section--intro .section--footer,.section--intro .section--hero-media footer{z-index:4;margin:0}
@media (max-width:1023px){.section--hero-media .section--intro footer,.section--intro .section--footer,.section--intro .section--hero-media footer{background:#2b2e29}}
@media (min-width:1024px){.section--hero-media .section--intro footer,.section--intro .section--footer,.section--intro .section--hero-media footer{border-top:1px solid hsla(0,0%,100%,.1);background:none}}
.section--hero-media .section--intro footer a,.section--intro .section--footer a,.section--intro .section--hero-media footer a{border-bottom:0}
.section--hero-media .section--intro footer svg,.section--intro .section--footer svg,.section--intro .section--hero-media footer svg{margin:0 0 0 10px;transform:rotate(90deg)}
@media (min-width:1024px){.section--hero-media .section--intro footer svg,.section--intro .section--footer svg,.section--intro .section--hero-media footer svg{margin:0}}
@media (max-width:1023px){.section--intro{padding:0;height:auto}}
.section--intro .h3{top:50%;margin-bottom:0;margin-left:auto;z-index:2}
@media (max-width:1023px){.section--intro .h3{position:absolute}
.section--intro .h3.experiment--video-a{top:45%;transform:none;right:0;padding-left:0;padding-right:calc(var(--gutter)*3);text-align:left;font-size:calc(2.5 * var(--baseFontSize))}}
@media (max-width:767px){.section--intro .h3.experiment--video-a,.section--intro .h3.experiment--video-b{font-size:calc(var(--baseFontSize) * 1.7)}
.section--intro .h3.experiment--video-a.experiment--video-a,.section--intro .h3.experiment--video-b.experiment--video-a{top:41.5%;padding-left:calc(50% + var(--gutter));padding-right:calc(var(--gutter)*1)}html[lang^=nl] .section--intro .h3.experiment--video-a,html[lang^=nl] .section--intro .h3.experiment--video-b{font-size:calc(var(--baseFontSize) * 1.4)}
.section--intro .h3.experiment--video-a.experiment--video-b,.section--intro .h3.experiment--video-b.experiment--video-b{font-size:calc(var(--baseFontSize) * 2)}html[lang^=nl] .section--intro .h3.experiment--video-a.experiment--video-b,html[lang^=nl] .section--intro .h3.experiment--video-b.experiment--video-b{font-size:calc(var(--baseFontSize) * 1.5)}}
@media (max-width:380px){.section--intro .h3.experiment--video-a,.section--intro .h3.experiment--video-b{font-size:calc(var(--baseFontSize) * 1.6)}html[lang^=nl] .section--intro .h3.experiment--video-a,html[lang^=nl] .section--intro .h3.experiment--video-b{font-size:calc(var(--baseFontSize) * 1.24)}
.section--intro .h3.experiment--video-a.experiment--video-b,.section--intro .h3.experiment--video-b.experiment--video-b{font-size:calc(var(--baseFontSize) * 1.6)}html[lang^=nl] .section--intro .h3.experiment--video-a.experiment--video-b,html[lang^=nl] .section--intro .h3.experiment--video-b.experiment--video-b{font-size:calc(var(--baseFontSize) * 1.24)}}
@media (min-width:1024px){.section--intro .h3.experiment--video-a,.section--intro .h3.experiment--video-b{width:60%}}
.section--intro .h3 small{max-width:542px;margin:var(--gutter) auto 0;line-height:var(--baseLineHeight);color:#ffffffb3;font-size:calc(1.25 * var(--baseFontSize))}
.section--intro .h3 .arrow,.section--intro .h3 .slide-up,.section--intro .h3 small,.section--intro .h3+.arrow{opacity:0;transform:translateY(15px)}
.section--intro:before{display:none}
.section--intro .loaded{opacity:1}
.section--intro.in-view .h3 .arrow,.section--intro.in-view .h3 .slide-up,.section--intro.in-view .h3 small,.section--intro.in-view .h3+.arrow{opacity:1;transform:none;transition:opacity .65s cubic-bezier(.28,.44,.49,1),transform .65s cubic-bezier(.42,0,.002,1)}
.section--intro.in-view .h3 .arrow,.section--intro.in-view .h3 .slide-up,.section--intro.in-view .h3+.arrow{transition-delay:.3s}
.section--intro.in-view .h3 small{transition-delay:.5s}
.section--hero-media video{display:block}
.section--hero-media .btn{display:inline-block}
@media (min-width:1024px){.section--sticky{position:sticky;top:0;scroll-snap-align:unset;scroll-snap-stop:unset}}
.section--footer,.section--hero-media footer{z-index:3;width:100%}
@media (max-width:1023px){.section--footer,.section--hero-media footer{position:relative;width:100vw;margin-top:calc(var(--gutter) * 2);margin-left:calc(var(--gutter) * -1)}}
@media (min-width:1024px){.section--footer,.section--hero-media footer{position:absolute;bottom:0;left:0}
.section--footer a,.section--hero-media footer a{border:0}}
.section--footer a,.section--hero-media footer a{border-color:#3333331a;color:#333}
.section--footer a svg,.section--hero-media footer a svg{fill:#333}
.section--footer a:hover,.section--hero-media footer a:hover{color:#fff;background:#333}
.section--footer a:hover svg,.section--hero-media footer a:hover svg{fill:#fff}
.centered-header header{position:absolute;z-index:2;top:50%;left:50%;width:calc(100% - (var(--gutter)*2));transform:translate3d(-50%,-50%,0);text-align:center}
.centered-header header p{font-size:calc(var(--baseFontSize) * 1.125);max-width:400px;margin:0 auto}
.centered-header header .h3 small,.centered-header header .slide-up,.centered-header header div:last-of-type,.centered-header header p{opacity:0;transform:translateY(15px)}
.centered-header.in-view header .h3 small,.centered-header.in-view header .slide-up,.centered-header.in-view header div:last-of-type,.centered-header.in-view header p{opacity:1;transform:none;transition:opacity .65s cubic-bezier(.28,.44,.49,1),transform .65s cubic-bezier(.42,0,.002,1)}
.centered-header.in-view header .slide-up{transition-delay:.1s}
.centered-header.in-view header p{transition-delay:.15s}
.centered-header.in-view header div:last-of-type{transition-delay:.2s}
.section--bike{color:#fff}
@media (min-width:1024px){.section--bike{scroll-snap-align:start}
.is-firefox .section--bike,.section--bike .is-safari{scroll-snap-align:unset}}
@media (max-width:1024px){.section--bike{min-height:0;padding-bottom:0}
.section--bike header{position:relative;top:auto;left:auto;transform:none;width:100%}
.section--bike .h3{margin-bottom:calc(var(--gutter)*1.5)}}
@media (max-width:320px){.section--bike .h3{font-size:calc(var(--baseFontSize)*2.75)}}
.section--bike .h3{margin-bottom:calc(var(--gutter) * 1.5)}
.section--bike header small{margin:var(--gutter) 0 0;font-size:calc(var(--baseFontSize) * 1.125);line-height:1.4}
.section--bike .btn{min-width:180px;margin:0 calc(var(--gutter)*.5)}
@media (min-width:768px) and (max-width:1023px){.section--bike .btn{display:block;max-width:240px;margin-left:auto;margin-right:auto}}
.section--bike .btn--naked{background:none;margin-top:calc(var(--gutter)*.5);padding:var(--gutter)}
.section--bike .delivery{font-size:calc(.75 * var(--baseFontSize));display:block;margin-top:var(--gutter)}
@media (min-width:1024px){.section--bike .delivery{font-size:calc(.875 * var(--baseFontSize))}}
.section--bike picture{z-index:1;width:100vw;margin-left:calc(var(--gutter)*-1);margin:calc(var(--gutter)*2) 0 0 calc(var(--gutter)*-1);max-height:50vh}
.section--bike picture img{width:100%;height:auto}
@media (min-width:1024px){.section--bike picture{max-height:none;position:absolute;top:50%;left:50%;bottom:auto;right:auto;height:auto;margin:0;width:125%;max-width:none;transform:translate3d(-52.5%,-16%,0)}}
.section--bike footer{margin-top:0;background:#62665b;margin-left:calc(var(--gutter)*-1)}
@media (min-width:1024px){.section--bike footer{position:absolute;bottom:0;left:0;margin:0}}
@media (max-width:1023px){.section--bike footer>a{color:#333}
.section--bike footer>a .h6{font-size:calc(1 * var(--baseFontSize))}
.section--bike footer>a svg{margin:0}}
.section--bike .section--footer div,.section--bike .section--hero-media footer div,.section--hero-media .section--bike footer div{display:block}
.section--bike.section--c4{background:linear-gradient(180deg,#35372f,#74796a)}
@media (min-width:1024px){.section--bike.section--c4 header{top:20vh;transform:translate3d(-50%,0,0)}}
.section--bike.section--c4-st{background:linear-gradient(180deg,#514f45,#b7b4a6)}
@media (min-width:1024px){.section--bike.section--c4-st header{width:auto;left:auto;right:0;padding:0 10vw;transform:translate3d(0,-50%,0)}}
.section--bike.section--c4-st footer a{background:#a09c8e}
@media (min-width:1024px){.section--bike.section--c4-st picture{width:86.5%;max-height:calc(100% - var(--headerHeight));top:auto;bottom:64px;left:0;transform:none}}
.section--film{background:radial-gradient(circle at 75% 0,#363933,rgba(54,57,51,0)),#1b1d19;cursor:pointer}
.section--film header{transition:.3s cubic-bezier(.42,0,.002,1)}
.section--film .video-wrapper{display:block}
.section--film video{pointer-events:none;object-position:50% 50%}
.theater-mode .section--film video{pointer-events:all}
.section--film picture.media{transition:.3s cubic-bezier(.42,0,.002,1);pointer-events:none}
.theater-mode .section--film picture.media{opacity:0}
@media (min-width:1024px){.section--film{scroll-snap-align:start}
.is-firefox .section--film,.section--film .is-safari{scroll-snap-align:unset}}
.section--film header small{max-width:390px;margin:var(--gutter) auto calc(var(--gutter)*2);line-height:var(--baseLineHeight);font-size:calc(var(--baseFontSize) * 1.125)}
.theater-mode .intercom-launcher,.theater-mode .page-header,.theater-mode .section--film header{opacity:0;pointer-events:none}
.inner-banner{position:absolute;z-index:2;left:0;right:0;padding:calc(var(--gutter) * .5) calc(var(--gutter) * .75);background:#333;color:#fff;margin:0;text-align:center;font-size:calc(var(--baseFontSize)*.875);pointer-events:none;transition-delay:1s!important}
.inner-banner--bottom{bottom:0;transform:translateY(100%)}
.section--app{background:#efefef;text-align:center;z-index:2;padding-bottom:0}
@media (min-width:1024px){.section--app{overflow:hidden}}
.section--app .section-content{margin-bottom:calc(var(--gutter) * -6)}
@media (min-width:1024px){.section--app .section-content{padding-top:calc(var(--headerHeight) + var(--gutter) * 1)}}
.section--app .h3{position:relative;width:100%;margin-bottom:var(--gutter)}
.section--app .h3,.section--app p{opacity:0;transform:translateY(15px)}
.section--app p{max-width:440px;margin:0 auto;font-size:calc(var(--baseFontSize) * 1.125)}
.section--app p:not(:last-of-type){margin-bottom:calc(var(--gutter) * 2)}
.section--app .media{margin-top:calc(var(--gutter) * 6);pointer-events:none;height:auto;width:260vw;transform:translate(calc(-80vw + var(--gutter) * -1));display:-ms-grid;display:grid;grid-gap:calc(var(--gutter) * 1);-ms-grid-columns:1fr 1fr 1fr 1.8fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1.8fr 1fr 1fr 1fr;position:relative}
@media (min-width:1024px){.section--app .media{width:106vw;transform:translate(calc(-3vw + var(--gutter) * -3))}}
.section--app .media>*{position:relative;will-change:opacity,transform;transform:translateZ(0);transition:.6s cubic-bezier(.28,.44,.49,1)}
.section--app .media>:first-child{padding-top:13.33333333vw}
.section--app .media>:nth-child(2){padding-top:5.694444444vw}
.section--app .media>:nth-child(3){padding-top:7.986111111vw}
.section--app .media>:nth-child(5){padding-top:12.08333333vw}
.section--app .media>:nth-child(6){padding-top:6.180555556vw}
/* .section--app .media>:nth-child(7){padding-top:10.06944444vw} */
.section--app .media>:nth-child(7){padding-top:13.33333333vw}
.section--app .media--item{position:relative;margin:0 0 var(--gutter)}
.section--app .media--item img{width:100%;height:auto;transition:.6s ease-in-out}
.section--app .media--item img:not(.fallback){box-shadow:0 .2px 3.5px #0000001a,0 .4px 6.9px #00000012,0 .8px 10.5px #0000000f,0 1.3px 14.6px #0000000d,0 2.5px 20.7px #0000000a,0 6px 55px #00000007;border-radius:8px}
@media (min-width:1024px){.section--app .media--item img:not(.fallback){border-radius:16px}}
@media (min-width:1024px){.section--app .media--item{margin:0 0 calc(var(--gutter) * 2)}}
.section--app.in-view .h3,.section--app.in-view p{opacity:1;transform:none;transition:opacity .65s cubic-bezier(.42,0,.002,1),transform .65s cubic-bezier(.42,0,.002,1)}
.section--app.in-view p{transition-delay:.12s}
.section--c3{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;background:#e5e5e1;padding-bottom:0}
@media (max-width:1023px){.section--c3{min-height:0;text-align:center;padding-bottom:calc(var(--gutter)*3)}}
@media (min-width:1024px){.section--c3{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:end;justify-content:flex-end;padding-top:calc(var(--gutter)*1.75);-ms-grid-columns:1.5fr 1fr;grid-template-columns:1.5fr 1fr;grid-gap:calc(var(--gutter) * 1);-ms-flex-align:center;align-items:center;scroll-snap-align:start}
.is-firefox .section--c3,.section--c3 .is-safari{scroll-snap-align:unset}
.section--c3 header{transform:translate(-7vw)}}
@media (min-width:1366px){.section--c3{grid-gap:calc(var(--gutter) * 3)}}
.section--c3 header{z-index:2;text-align:center;}
@media (min-width:1024px){.section--c3 header{max-width:380px}}
.section--c3 header .description{font-size:calc(var(--baseFontSize) * 1.125);margin-bottom:calc(var(--gutter) * 1.5)}
.section--c3 header .description br{display:none}
.section--c3 .tag{color:#fff;background:rgba(51,51,51,.3);margin-left:3px}
.section--c3 .media{position:relative;z-index:1;width:100vw;max-width:1920px;margin:0 0 calc(var(--gutter) * 1) calc(var(--gutter) * -1)}
.section--c3 .media img{width:100%;height:auto}
@media (min-width:1024px){.section--c3 .media{margin-left:calc(var(--gutter) * -3);margin-bottom:0}
.section--c3 .media:after{display:block;content:"";width:300px;height:100%;position:absolute;z-index:0;top:0;right:0;background:linear-gradient(270deg,#e5e5e1 2.31%,hsla(60,7%,89%,0) 86.81%)}}
.section--c3 header .ctas .btn:not(:first-of-type){margin-left:var(--gutter)}
@media (max-width:1023px){.section--c3 header .ctas .btn--naked{display:block;margin-top:calc(var(--gutter)*1);color:#333;text-decoration:underline;background:none;margin-left:0!important}}
.section--c3 .score{display:block;text-decoration:none;justify-self:end}
.section--c3 .section--footer,.section--c3 .section--hero-media footer,.section--hero-media .section--c3 footer{-ms-flex-order:3;order:3}
.section--c3 .usp{margin-top:calc(var(--gutter) * 1.5);font-size:calc(var(--baseFontSize)*.875);color:#333333b3}
.section--c3 .usp a{color:inherit;text-decoration:none}
@media (min-width:1024px){.section--c3 .usp div{margin:calc(var(--gutter)*.25) 0}}
.section--c3 .usp br{display:none}
.section--c3 .usp [data-a11y-dialog-show]{cursor:pointer}
.section--c3 .h3 small,.section--c3 .slide-up,.section--c3 header>div{opacity:0;transform:translateY(15px)}
.section--c3 .btn{min-width:160px;text-align:center}
.section--c3 .btn--translucent{background-color:#3339}
.section--c3 .btn--translucent.btn--test-ride{background-color:#3333334d}
.section--c3 .btn--translucent.btn--test-ride:hover{background-color:#fff}
.section--c3.in-view .h3 small,.section--c3.in-view .slide-up,.section--c3.in-view header>div{opacity:1;transform:none;transition:opacity .65s cubic-bezier(.28,.44,.49,1),transform .65s cubic-bezier(.42,0,.002,1)}
.section--c3.in-view .slide-up{transition-delay:.1s;white-space: nowrap;}
.section--c3.in-view header .description{transition-delay:.15s}
.section--c3.in-view header .ctas{transition-delay:.2s}
.section--c3.in-view header .usp{transition-delay:.25s}
.swiper-pagination{width:100%;pointer-events:none;text-align:center}
.swiper-pagination-bullet{display:inline-block;width:7px;height:7px;background:#fff;border-radius:50em;margin:0 3px;opacity:.3;cursor:pointer;will-change:opacity,transform;transition:.35s cubic-bezier(.42,0,.002,1)}
.swiper-pagination-bullet:hover{opacity:.5}
.swiper-pagination-bullet-active{opacity:1;transform:scale(1.4)}
.section--services{background:#e5e5e1}
@media (min-width:1024px){.section--services{display:-ms-grid;display:grid;-ms-flex-align:end;align-items:end;-ms-grid-rows:minmax(min-content,max-content) minmax(min-content,max-content) 1fr;grid-template-rows:minmax(min-content,max-content) minmax(min-content,max-content) 1fr;padding-top:calc(var(--headerHeight) + (var(--gutter)*1));padding-bottom:calc(var(--headerHeight) + (var(--gutter)*1));scroll-snap-align:start}
.is-firefox .section--services,.section--services .is-safari{scroll-snap-align:unset}}
.section--services .h5{-ms-flex-item-align:start;-ms-grid-row-align:start;align-self:start;max-width:480px;margin-bottom:calc(var(--gutter) * 1)}
.section--services .h5 small{color:#333c}
.section--services p{margin-bottom:calc(var(--gutter) * 2)}
.section--services .swiper-container{height:55vh}
@media (min-width:1024px){.section--services .swiper-container{height:100%}}
.section--services .swiper-container .swiper-pagination-bullet{background:#333}
@media (hover:hover) and (pointer:fine){.section--services .swiper-container .swiper-wrapper{display:-ms-grid;display:grid;grid-gap:var(--gutter);-ms-grid-columns:(minmax(100px,1fr))[auto-fit];grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}
.section--services .swiper-container .swiper-slide,.section--services .swiper-container .swiper-wrapper{height:100%}
.section--services .swiper-container .swiper-pagination-container{display:none}
@media (hover:none) and (pointer:coarse){.section--services .swiper-container{position:relative;width:calc(100vw - (var(--gutter) * 2));margin-right:var(--gutter);margin-left:calc(var(--gutter) * -.5);margin-bottom:calc(var(--gutter) * 2);height:55vh}}
@media (hover:none) and (pointer:coarse) and (min-width:1024px){.section--services .swiper-container{width:calc(100vw - (var(--gutter) * 6))}}
@media (hover:none) and (pointer:coarse){.section--services .swiper-container .swiper-wrapper{width:1000vw;margin-bottom:var(--gutter)}
.section--services .swiper-container .swiper-slide{float:left;padding:0 calc(var(--gutter) * .5)}
.section--services .swiper-container .swiper-pagination-container{display:block}}
.section--services .swiper-container a{display:-ms-grid;display:grid;-ms-flex-align:end;align-items:end;height:100%;text-decoration:none;position:relative;color:#fff;overflow:hidden}
.section--services .swiper-container a>*{z-index:1}
.section--services .swiper-container a:after{display:block;content:"";position:absolute;z-index:0;top:0;bottom:0;left:0;right:0;background:#333;opacity:0;pointer-events:none;transition:.35s cubic-bezier(.42,0,.002,1);background-image:radial-gradient(79.01% 79.01% at 50% 90.8%,#383d38 0,#262825 100%)}
@media (hover:none) and (pointer:coarse){.section--services .swiper-container a svg{opacity:1;transform:translate(0)}}
.section--services .swiper-container a:hover svg{opacity:1;transform:translate(0)}
.section--services .swiper-container a:hover:after{opacity:.5}
.section--services .swiper-container h2{margin:0;display:-ms-grid;display:grid;-ms-flex-align:center;align-items:center;-ms-grid-columns:minmax(min-content,max-content) 1fr;grid-template-columns:minmax(min-content,max-content) 1fr;background:linear-gradient(0deg,rgba(30,30,30,.7) 0,rgba(30,30,30,0));padding:100px calc(var(--gutter) * 1) calc(var(--gutter) * 1)}
.section--services .swiper-container h2>span{position:relative}
@media (hover:hover) and (pointer:fine){.section--services .swiper-container h2{padding:100px calc(var(--gutter) * 1.5) calc(var(--gutter) * 1.5)}}
@media (hover:hover) and (pointer:fine) and (max-width:767px){.section--services .swiper-container h2{padding:100px calc(var(--gutter) * 1) calc(var(--gutter) * 1)}}
.section--services .swiper-container svg{justify-self:end;opacity:0;transform:translate(calc(var(--gutter) * -1));transition:.35s cubic-bezier(.42,0,.002,1)}
.section--services .swiper-container picture{position:absolute;z-index:0;pointer-events:none;top:0;bottom:0;left:0;right:0}
.section--services .swiper-container picture img{width:100%;height:100%;object-fit:contain;object-position:50% 50%;transition:.6s ease-in-out}
.section--services:not(.in-view) .slider img{transform:scale(1.2);opacity:0}
.section--footer a,.section--hero-media footer a{color:#fff;padding:var(--gutter)}
@media (min-width:1024px){.section--footer a,.section--hero-media footer a{padding:calc(var(--gutter) * 1) 90px calc(var(--gutter) * 1) calc(var(--gutter) * 3)}}[data-inview*=support] .section--services .slider img{transform:scale(1);opacity:1}
@keyframes d{0%{transform:rotate(90deg) translate(-5px)}50%{transform:rotate(90deg) translate(5px)}to{transform:rotate(90deg) translate(-5px)}}
.section--intro .h3.experiment--video-b{width:100%;transform:translateY(-72px)}
.section--intro .h3.experiment--video-b .slide-up{transition-delay:3s;transition-duration:1.6s}
@media (max-width:1023px){.section--intro .h3.experiment--video-b .slide-up{transition-delay:1s}}
.section--intro .h3.experiment--video-b+.arrow,.section--intro .h3.experiment--video-b .arrow{transform:rotate(90deg) translate(0);animation:d 1.2s infinite ease-in-out;transition-delay:4s;transition-duration:.6s}
@media (max-width:1023px){.section--intro .h3.experiment--video-b+.arrow,.section--intro .h3.experiment--video-b .arrow{transition-delay:2s;position:absolute;z-index:2;bottom:calc(var(--gutter) * 4);left:50%;width:40px;height:40px;margin-left:-20px}
.section--intro .h3.experiment--video-b+.arrow svg,.section--intro .h3.experiment--video-b .arrow svg{width:100%;height:100%}}
@media (min-width:1024px){.section--intro .h3.experiment--video-b{transform:translateY(-37.5%)}}
/*# sourceMappingURL=/s/files/1/1772/1703/t/23/assets/template.index.css.map?v=66336975802864252071658248599 */
@media (max-width:1024px) and (min-width:769px){
	/* .section--services .swiper-container{
		height: 78vh;
	} */
	/* 首页 */
	.section{
		min-height: auto;
	}
	.sections{
		min-height: 100vh;
	}
	.thumbnails-nav .cta-nav{
		flex-basis: 12%;
	}
}

@media screen and (min-width: 750px) {
	#dynamic-checkout-cart {
		min-height: 50px;
	}
}

@media screen and (max-width: 750px) {
	#dynamic-checkout-cart {
		min-height: 180px;
	}
}
.template-index .page-header .logo_white {
	display: block;
}
						
.template-index .page-header .logo_black {
	display: none;
}
						
.show-services-submenu .page-header .logo_white {
	display: none;
}
						
.show-services-submenu .page-header .logo_black {
	display: block;
}
						
.show-bikes-submenu .page-header .logo_white {
	display: none;
}			
.show-bikes-submenu .page-header .logo_black {
	display: block;
}
						
.show-bike-submenu .page-header .logo_white {
	display: none;
}
						
.show-bike-submenu .page-header .logo_black {
	display: block;
}
						
.header-packed .template-index .page-header .logo_white {
	display: block;
}
						
.header-packed .template-index .page-header .logo_black {
	display: none;
}

.show-cases-submenu .page-header .logo_white {
	display: none;
}			
.show-cases-submenu .page-header .logo_black {
	display: block;
}

.show-product-submenu .page-header .logo_white {
	display: none;
}			
.show-product-submenu .page-header .logo_black {
	display: block;
}

.show-news-submenu .page-header .logo_white {
	display: none;
}			
.show-news-submenu .page-header .logo_black {
	display: block;
}

.show-market-submenu .page-header .logo_white {
	display: none;
}			
.show-market-submenu .page-header .logo_black {
	display: block;
}

.show-brand-submenu .page-header .logo_white {
	display: none;
}			
.show-brand-submenu .page-header .logo_black {
	display: block;
}
/* 首页公司简介 */
.section--c3{
	min-height: auto;
}
					
/****************** 详情页 ******************/
a{
	text-decoration: none;
}
ul,li,ol{
	list-style: none;
}
.page-t{
	position: absolute;
	margin-top: 0;
}
.news-read .content .textss{
	display: flex;
	justify-content: center;
}
.news-read .content img{
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}
/* 其他子页面 */
.ny-banner{
	margin-top: 79px;
}
.page-header #menu .dropdown-nav__trigger, .page-header #menu a{
	white-space: nowrap;
}
/* 头部 */
.headers{
	height: 79px;
	position: fixed;
	width: 100% !important;
}
/* 科研服务 */
.main_itemss{
	width: 100%;
}
.wwszp{
	margin-bottom: 0;
}
/* 下载中心 */
.wwszzs>h2{
	text-align: center;
}
.wwszps{
	left: 50%;
	transform: translateX(-50%);
}
.wwszps::after{
	content: initial;
}
/* 地图 */
.contact_map{
	margin: 0;
}
/* 加入我们 */
.antd-pro-pages-about-join-us-offer{
	cursor: pointer;
}
.job_man{
	margin-bottom: 60px;
}
/* 底部 */
.page-footer a:focus,
.page-footer a:hover {
	text-decoration: underline !important;
}
@media (max-width:1024px){
	.thumbnails-nav.page-header #menu .main-nav .dropdown-nav__title {
		align-items: center;
	}
	.section--app .media{
		margin-top: calc(var(--gutter) * 2);
	}
	.section--c3{
		padding-top: 0;
	}
}
@media (max-width:1024px) and (min-width:1024px){
	/* 首页产品 */
	.sectionss{min-height: auto;}
	.section--app .section-content{margin-bottom: calc(var(--gutter) * 4);}
	.section--app .media{transform: translate(calc(1vw + var(--gutter) * -3));}
}
/* 加人我们 */
@media (max-width:1023px){
	/* 首页 */
	.section_height{
		min-height: auto;
	}
	/* 其他子页面 */
	/* 头部 */
	.headers{
		height: 66px;
	}
	.ny-banner{
		margin-top: 133px;
	}
}
@media (max-width:1023px) and (min-width:961px) {
	.ny-banner{
		margin-top: 66px;
	}
}
@media (max-width:960px){
	.page-t{
		position: relative;
		margin-top:calc((var(--headerHeight)) * -1);
	}
	.job_man{
		margin-bottom: 40px;
	}
	/* 首页产品 */
	.section--app .section-content{
		margin-bottom: calc(var(--gutter) * 1);
	}
}
/* 导航栏搜索 */
.hidden--from-footer{
	right: 0px;
}
.search-wrapper.active .input-holder{
	width: 10vw;
	right: 4vw;
}
.search-wrapper .input-holder{
	height: auto;
	right: 4vw;
	
	width: 90px;
}
.search-wrapper .input-holder .search-icon{
	width: 100%;
	height: 52px;
	line-height: 52px;
	border-radius: 20px;
	white-space: nowrap;
}
.search-wrapper.active .input-holder{
	background-color: transparent;
}
.search-wrapper.active .input-holder .search-input{
	transform: translate(0,0);
	height: 50px;
}
.search-wrapper.active .input-holder .search-icon{
	width: 40px;
	height: 40px;
	line-height: 38px;
	margin: 5px 10px;
	border-radius: 50%;
	/* margin: 0 10px; */
}
.search-wrapper.active .input-holder .search-icon:hover{
	line-height: 38px;
}
.search-wrapper .input-holder .search-input{
	background-color: #fff;
	color: #000000;
}
.search-wrapper .closes{
		right: 6vw;
		top: 30%;
		z-index: 1;
}
.search-wrapper.active .closes{
	right: 2vw;
	top: 30%;
}
@media (max-width:1024px) and (min-width:1024px){
	/* 导航栏搜索 */
	.search-wrapper.active .input-holder{
		width: 10vw;
		right: 0;
	}
	.search-wrapper .input-holder{
		height: auto;
		right: -12px;
		width: 90px;
	}
	.search-wrapper .closes{
			right: 20px;
	}
	.search-wrapper.active .closes{
		right: -28px;
	}
}
@media (max-width:1023px){
	/* 导航栏搜索 */
	.search-wrapper{
		width: 100%;
	}
	.search-wrapper .input-holder .search-icon{
		height: 50px;
		line-height: 50px;
		padding: 0;
	}
	.search-wrapper.active .input-holder{
		width: 90%;
		right: -66px;
	}
	.search-wrapper .input-holder{
		height: auto;
		right: -66px;
		width: 100%;
	}
	.search-wrapper .closes{
			right: 0;
	}
	.search-wrapper.active .closes{
		right: -34px;
	}
	.search-wrapper .input-holder .search-input{
		background-color: #000;
		color: #fff;
	}
	.search-wrapper .closes::before{
		color: #333;
		background-color: #000;
	}
	.search-wrapper .closes::after{
		color: #333;
		background-color: #000;
	}
	.search-wrapper.active .input-holder .search-icon{
		background-color: #000;
		border: 1px solid #000000;
	}
}
@media (max-width:767px){
	.search-wrapper.active .closes{
		right: -65px;
	}
}
.motion{
	display: flex;
	justify-content: center;
	align-items: center;
}
.section--app .media{
	margin-top: -6vw;
}