/*!
 *  Theme Name: Cean
 *  Description: Custom WordPress theme for Cean
 *  Version: 1.3.4
 *  Author: Chen Han
 *  Author URI: http://www.ceanhome.com/
 *  */@font-face{font-display:swap;font-family:"SangBleu Kingdom";font-style:normal;font-weight:300;src:url("fonts/SangBleuKingdom-Light-WebS.woff2") format("woff2"),url("fonts/SangBleuKingdom-Light-WebS.woff") format("woff")}@font-face{font-display:swap;font-family:"SangBleu Kingdom";font-style:italic;font-weight:300;src:url("fonts/SangBleuKingdom-LightItalic-WebS.woff2") format("woff2"),url("fonts/SangBleuKingdom-LightItalic-WebS.woff") format("woff")}@font-face{font-display:swap;font-family:"SangBleu Kingdom";font-style:normal;font-weight:400;src:url("fonts/SangBleuKingdom-Regular-WebS.woff2") format("woff2"),url("fonts/SangBleuKingdom-Regular-WebS.woff") format("woff")}@font-face{font-display:swap;font-family:"SangBleu Kingdom";font-style:italic;font-weight:400;src:url("fonts/SangBleuKingdom-RegularItalic-WebS.woff2") format("woff2"),url("fonts/SangBleuKingdom-RegularItalic-WebS.woff") format("woff")}@font-face{font-display:swap;font-family:"Untitled Sans";font-style:normal;font-weight:400;src:url("fonts/untitled-sans-web-regular.woff2") format("woff2"),url("fonts/untitled-sans-web-regular.woff") format("woff")}@font-face{font-display:swap;font-family:"Untitled Sans";font-style:normal;font-weight:500;src:url("fonts/untitled-sans-web-medium.woff2") format("woff2"),url("fonts/untitled-sans-web-medium.woff") format("woff")}body{--white: #fff;--error-red: #DB4141;--off-black: #050a0a;--med-grey: #737373;--cream: #F3F2EE;--brown: #393835;--dark-teal: #0A242C;--teal: #1A3C47;--off-black-50: rgb(5 10 10 / 0.5);--white-25: rgba(255, 255, 255, 0.25);--white-70: rgba(255, 255, 255, 0.7);--off-black-gradient: linear-gradient(to bottom, rgba(5, 10, 10, 0.7), rgba(5, 10, 10, 0));--scroll-left-gradient: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));--scroll-right-gradient: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));--sans: "Untitled Sans", Arial, Helvetica, sans-serif;--serif: "SangBleu Kingdom", Georgia, "Times New Roman", serif;--logo-ratio: 20 / 221;--logo-height: calc(var(--logo-width) * var(--logo-ratio));--header-height: 70px;--header-offset: 0px;--notice-min-height: 40px;--default-text-color: var(--off-black);--global-font-size: 16px;--global-line-height: 1.45em}body.has-notice{--header-offset: var(--notice-min-height)}@media all and (min-width: 0)and (max-width: 767px){body{--gutter: 15px;--logo-width: 169px}}@media all and (min-width: 768px)and (max-width: 1259px){body{--gutter: 40px}}@media all and (min-width: 768px){body{--logo-width: 221px}}@media all and (min-width: 1260px){body{--gutter: 60px}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}*:focus{outline:none}body{-webkit-text-size-adjust:100%}ul,ol,li{list-style:none}address{font-style:normal}#container .mar-b-0{margin-bottom:0}.mar-l-5{margin-left:5px}.mar-r-5{margin-right:5px}.mar-t-5{margin-top:5px}.mar-b-5{margin-bottom:5px}.mar-l-10{margin-left:10px}.mar-r-10{margin-right:10px}.mar-t-10{margin-top:10px}.mar-b-10{margin-bottom:10px}.mar-l-15{margin-left:15px}.mar-r-15{margin-right:15px}.mar-t-15{margin-top:15px}.mar-b-15{margin-bottom:15px}.mar-l-20{margin-left:20px}.mar-r-20{margin-right:20px}.mar-t-20{margin-top:20px}.mar-b-20{margin-bottom:20px}.mar-l-30{margin-left:30px}.mar-r-30{margin-right:30px}.mar-t-30{margin-top:30px}.mar-b-30{margin-bottom:30px}.mar-l-40{margin-left:40px}.mar-r-40{margin-right:40px}.mar-t-40{margin-top:40px}.mar-b-40{margin-bottom:40px}.mar-t-60{margin-top:60px}.mar-b-60{margin-bottom:60px}.mar-auto{margin-left:auto;margin-right:auto}.mar-v-auto{margin-bottom:auto;margin-top:auto}.mar-l-neg,.mar-neg{margin-left:calc(-1*var(--gutter))}.mar-r-neg,.mar-neg{margin-right:calc(-1*var(--gutter))}@media all and (min-width: 0)and (max-width: 767px){.mar-t-80,.mar-t-100{margin-top:60px}.mar-b-80,.mar-b-100{margin-bottom:60px}.mar-t-section{margin-top:80px}.mar-b-section{margin-bottom:80px}}@media all and (min-width: 768px){.mar-t-80{margin-top:80px}.mar-b-80{margin-bottom:80px}.mar-t-100{margin-top:100px}.mar-b-100{margin-bottom:100px}.mar-t-section{margin-top:150px}.mar-b-section{margin-bottom:150px}.mar-x-0-sm{margin-left:0;margin-right:0}.mar-l-0-sm{margin-left:0}.mar-r-0-sm{margin-right:0}}@media all and (min-width: 1024px){.mar-x-0-md{margin-left:0;margin-right:0}.mar-l-0-md{margin-left:0}.mar-r-0-md{margin-right:0}}.pad-l-5{padding-left:5px}.pad-r-5{padding-right:5px}.pad-t-5{padding-top:5px}.pad-b-5{padding-bottom:5px}.pad-l-10{padding-left:10px}.pad-r-10{padding-right:10px}.pad-t-10{padding-top:10px}.pad-b-10{padding-bottom:10px}.pad-10{padding:10px}.pad-l-15{padding-left:15px}.pad-r-15{padding-right:15px}.pad-t-15{padding-top:15px}.pad-b-15{padding-bottom:15px}.pad-15{padding:15px}.pad-l-20{padding-left:20px}.pad-r-20{padding-right:20px}.pad-t-20{padding-top:20px}.pad-b-20{padding-bottom:20px}.pad-20{padding:20px}.pad-l-30{padding-left:30px}.pad-r-30{padding-right:30px}.pad-t-30{padding-top:30px}.pad-b-30{padding-bottom:30px}.pad-30{padding:30px}.pad-l-40{padding-left:40px}.pad-r-40{padding-right:40px}.pad-t-40{padding-top:40px}.pad-b-40{padding-bottom:40px}.pad-40{padding:40px}.pad-l-60{padding-left:60px}.pad-r-60{padding-right:60px}.pad-t-60{padding-top:60px}.pad-b-60{padding-bottom:60px}.pad-60{padding:60px}.pad-x-gutter{padding-left:var(--gutter);padding-right:var(--gutter)}@media all and (min-width: 0)and (max-width: 767px){.pad-b-80,.pad-b-100{padding-bottom:60px}.pad-t-80,.pad-t-100{padding-top:60px}.pad-t-section{padding-top:80px}.pad-b-section{padding-bottom:80px}.box-pad-small,.box-pad-big{padding:30px var(--gutter)}}@media all and (min-width: 768px){.pad-t-80{padding-top:80px}.pad-b-80{padding-bottom:80px}.pad-t-100{padding-top:100px}.pad-b-100{padding-bottom:100px}.pad-t-section{padding-top:150px}.pad-b-section{padding-bottom:150px}.box-pad-small{padding:40px}.box-pad-big{padding:60px var(--gutter)}}.wrapper{margin-left:auto;margin-right:auto;max-width:1360px;width:calc(100% - var(--gutter)*2)}.wrapper.no-cntr{margin-left:0;margin-right:0}.grid{column-gap:6%;display:grid;grid-template-columns:repeat(12, 1fr);row-gap:2.5rem}.grid.no-gap{gap:0}.grid.gap-15{gap:15px}.grid.gap-30,.grid.r-gap-30{row-gap:30px}.grid.no-c-gap{column-gap:0}.grid.less-c-gap{column-gap:3%}.grid.no-r-gap{row-gap:0}.grid.less-r-gap{row-gap:1.5rem}.grid.product-listings{row-gap:50px}.grid.align-s{align-items:start}.grid.align-c{align-items:center}.grid.align-e{align-items:end}.grid.jstfy-s{justify-items:start}.grid.jstfy-c{justify-items:center}.grid.jstfy-e{justify-items:end}.grid>*{grid-column:span var(--cols)}.grid>*.right{grid-column:calc(-1 * (1 + var(--cols)))/span var(--cols)}.grid>.col-1{--cols: 1}.grid>.col-2{--cols: 2}.grid>.col-3{--cols: 3}.grid>.col-4{--cols: 4}.grid>.col-5{--cols: 5}.grid>.col-6{--cols: 6}.grid>.col-7{--cols: 7}.grid>.col-8{--cols: 8}.grid>.col-9{--cols: 9}.grid>.col-10{--cols: 10}.grid>.col-11{--cols: 11}.grid>.col-12{--cols: 12}.grid>.col-12.overlap{grid-column:1/span 12;grid-row:1}@media all and (min-width: 375px){.grid>.col-1-xxs{--cols: 1}.grid>.col-2-xxs{--cols: 2}.grid>.col-3-xxs{--cols: 3}.grid>.col-4-xxs{--cols: 4}.grid>.col-5-xxs{--cols: 5}.grid>.col-6-xxs{--cols: 6}.grid>.col-7-xxs{--cols: 7}.grid>.col-8-xxs{--cols: 8}.grid>.col-9-xxs{--cols: 9}.grid>.col-10-xxs{--cols: 10}.grid>.col-11-xxs{--cols: 11}.grid>.col-12-xxs{--cols: 12}.grid>.first-xxs{order:-1}.grid>.last-xxs{order:13}}@media all and (min-width: 600px){.grid.gap-30,.grid.c-gap-30{column-gap:30px}.grid>.col-1-xs{--cols: 1}.grid>.col-2-xs{--cols: 2}.grid>.col-3-xs{--cols: 3}.grid>.col-4-xs{--cols: 4}.grid>.col-5-xs{--cols: 5}.grid>.col-6-xs{--cols: 6}.grid>.col-7-xs{--cols: 7}.grid>.col-8-xs{--cols: 8}.grid>.col-9-xs{--cols: 9}.grid>.col-10-xs{--cols: 10}.grid>.col-11-xs{--cols: 11}.grid>.col-12-xs{--cols: 12}.grid>.first-xs{order:-1}.grid>.last-xs{order:13}}@media all and (min-width: 768px){.grid.text-two-images{grid-auto-flow:column;grid-template-rows:1fr auto}.grid.text-two-images .col-12:last-child{grid-row:span 2}.grid.product-listings{row-gap:100px}.grid>.col-1-sm{--cols: 1}.grid>.col-2-sm{--cols: 2}.grid>.col-3-sm{--cols: 3}.grid>.col-4-sm{--cols: 4}.grid>.col-5-sm{--cols: 5}.grid>.col-6-sm{--cols: 6}.grid>.col-7-sm{--cols: 7}.grid>.col-8-sm{--cols: 8}.grid>.col-9-sm{--cols: 9}.grid>.col-10-sm{--cols: 10}.grid>.col-11-sm{--cols: 11}.grid>.col-12-sm{--cols: 12}.grid>.first-sm{order:-1}.grid>.last-sm{order:13}}@media all and (min-width: 1024px){.grid>.col-1-md{--cols: 1}.grid>.col-2-md{--cols: 2}.grid>.col-3-md{--cols: 3}.grid>.col-4-md{--cols: 4}.grid>.col-5-md{--cols: 5}.grid>.col-6-md{--cols: 6}.grid>.col-7-md{--cols: 7}.grid>.col-8-md{--cols: 8}.grid>.col-9-md{--cols: 9}.grid>.col-10-md{--cols: 10}.grid>.col-11-md{--cols: 11}.grid>.col-12-md{--cols: 12}.grid>.first-md{order:-1}.grid>.last-md{order:13}}@media all and (min-width: 1260px){.grid>.col-1-lg{--cols: 1}.grid>.col-2-lg{--cols: 2}.grid>.col-3-lg{--cols: 3}.grid>.col-4-lg{--cols: 4}.grid>.col-5-lg{--cols: 5}.grid>.col-6-lg{--cols: 6}.grid>.col-7-lg{--cols: 7}.grid>.col-8-lg{--cols: 8}.grid>.col-9-lg{--cols: 9}.grid>.col-10-lg{--cols: 10}.grid>.col-11-lg{--cols: 11}.grid>.col-12-lg{--cols: 12}.grid>.first-lg{order:-1}.grid>.last-lg{order:13}}@media all and (min-width: 1420px){.grid>.col-1-xl{--cols: 1}.grid>.col-2-xl{--cols: 2}.grid>.col-3-xl{--cols: 3}.grid>.col-4-xl{--cols: 4}.grid>.col-5-xl{--cols: 5}.grid>.col-6-xl{--cols: 6}.grid>.col-7-xl{--cols: 7}.grid>.col-8-xl{--cols: 8}.grid>.col-9-xl{--cols: 9}.grid>.col-10-xl{--cols: 10}.grid>.col-11-xl{--cols: 11}.grid>.col-12-xl{--cols: 12}.grid>.first-xl{order:-1}.grid>.last-xl{order:13}}.flex.column,.flex-xxs.column,.flex-xs.column,.flex-sm.column,.flex-md.column,.flex-lg.column,.flex-xl.column{flex-direction:column}.flex.wrap,.flex-xxs.wrap,.flex-xs.wrap,.flex-sm.wrap,.flex-md.wrap,.flex-lg.wrap,.flex-xl.wrap{flex-wrap:wrap}.flex.align-s,.flex-xxs.align-s,.flex-xs.align-s,.flex-sm.align-s,.flex-md.align-s,.flex-lg.align-s,.flex-xl.align-s{align-items:flex-start}.flex.align-c,.flex-xxs.align-c,.flex-xs.align-c,.flex-sm.align-c,.flex-md.align-c,.flex-lg.align-c,.flex-xl.align-c{align-items:center}.flex.align-e,.flex-xxs.align-e,.flex-xs.align-e,.flex-sm.align-e,.flex-md.align-e,.flex-lg.align-e,.flex-xl.align-e{align-items:flex-end}.flex.baseline,.flex-xxs.baseline,.flex-xs.baseline,.flex-sm.baseline,.flex-md.baseline,.flex-lg.baseline,.flex-xl.baseline{align-items:baseline}.flex.jstfy-s,.flex-xxs.jstfy-s,.flex-xs.jstfy-s,.flex-sm.jstfy-s,.flex-md.jstfy-s,.flex-lg.jstfy-s,.flex-xl.jstfy-s{justify-content:flex-start}.flex.jstfy-c,.flex-xxs.jstfy-c,.flex-xs.jstfy-c,.flex-sm.jstfy-c,.flex-md.jstfy-c,.flex-lg.jstfy-c,.flex-xl.jstfy-c{justify-content:center}.flex.jstfy-e,.flex-xxs.jstfy-e,.flex-xs.jstfy-e,.flex-sm.jstfy-e,.flex-md.jstfy-e,.flex-lg.jstfy-e,.flex-xl.jstfy-e{justify-content:flex-end}.flex.spc-arnd,.flex-xxs.spc-arnd,.flex-xs.spc-arnd,.flex-sm.spc-arnd,.flex-md.spc-arnd,.flex-lg.spc-arnd,.flex-xl.spc-arnd{justify-content:space-around}.flex.spc-btwn,.flex-xxs.spc-btwn,.flex-xs.spc-btwn,.flex-sm.spc-btwn,.flex-md.spc-btwn,.flex-lg.spc-btwn,.flex-xl.spc-btwn{justify-content:space-between}.flex.spc-even,.flex-xxs.spc-even,.flex-xs.spc-even,.flex-sm.spc-even,.flex-md.spc-even,.flex-lg.spc-even,.flex-xl.spc-even{justify-content:space-evenly}.flex .grow,.flex-xxs .grow,.flex-xs .grow,.flex-sm .grow,.flex-md .grow,.flex-lg .grow,.flex-xl .grow{flex-grow:1}.flex .no-shrink,.flex-xxs .no-shrink,.flex-xs .no-shrink,.flex-sm .no-shrink,.flex-md .no-shrink,.flex-lg .no-shrink,.flex-xl .no-shrink{flex-shrink:0}.flex .first,.flex-xxs .first,.flex-xs .first,.flex-sm .first,.flex-md .first,.flex-lg .first,.flex-xl .first{order:-1}.flex .last,.flex-xxs .last,.flex-xs .last,.flex-sm .last,.flex-md .last,.flex-lg .last,.flex-xl .last{order:99}@media all and (min-width: 768px){.flex.align-c-sm{align-items:center}}.white{color:var(--white)}.off-black{color:var(--off-black)}.cream{color:var(--cream)}.brown{color:var(--brown)}.dark-teal{color:var(--dark-teal)}.teal{color:var(--teal)}.med-grey{color:var(--med-grey)}.error-red{color:var(--error-red)}.bg-white{background-color:var(--white)}.bg-off-black-50{background-color:var(--off-black-50)}.bg-off-black{background-color:var(--off-black)}.bg-cream{background-color:var(--cream)}.bg-brown{background-color:var(--brown)}.bg-dark-teal{background-color:var(--dark-teal)}.bg-teal{background-color:var(--teal)}.bdr-white{border:1px solid var(--white)}.bdr-b-off-black{border-bottom:1px solid var(--off-black)}#container .invalid{border-color:var(--error-red)}html,body,h1,h2,h3,h4,h5,h6{font-size:var(--global-font-size)}html,body{color:var(--default-text-color);font-family:var(--serif);font-weight:300}h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.2em}p,address{line-height:var(--global-line-height)}p:not(:last-child),address:not(:last-child){margin-bottom:1em}.sans{font-family:var(--sans);font-weight:400;letter-spacing:.03em}.italic{font-style:italic}.reg,.cms strong{font-weight:400}.medium,.cms.sans strong{font-weight:500}.huge-title,.big-title,.med-title,.small-title,.smaller-title{line-height:1.2em;margin-bottom:1em}.huge-title.lesser-mar,.big-title.lesser-mar,.med-title.lesser-mar,.small-title.lesser-mar,.smaller-title.lesser-mar{margin-bottom:.2em}.huge-title.less-mar,.big-title.less-mar,.med-title.less-mar,.small-title.less-mar,.smaller-title.less-mar{margin-bottom:.4em}.huge-title.more-mar,.big-title.more-mar,.med-title.more-mar,.small-title.more-mar,.smaller-title.more-mar{margin-bottom:2em}.smaller-title{font-size:var(--global-font-size)}.small-caps{font-size:13px;letter-spacing:.05em;text-transform:uppercase}.tiny-caps{font-size:10px;letter-spacing:.05em;text-transform:uppercase}.small{font-size:14px}.tiny{font-size:12px}.mw-least{max-width:18em}.mw-lesser{max-width:24em}.mw-less{max-width:32em}.mw{max-width:38em}.mw-more{max-width:60em}.cms h2,.cms h3{font-weight:400}.cms h2:not(:first-child),.cms h3:not(:first-child){margin-top:1.5em}.cms h2:not(:last-child),.cms h3:not(:last-child){margin-bottom:1em}.cms ul:not(:last-child),.cms ol:not(:last-child){margin-bottom:1em}.cms ul li,.cms ol li{display:flex;justify-content:center;line-height:var(--global-line-height)}.cms ul li::before{background:var(--default-text-color);border-radius:50%;content:"";display:block;flex-shrink:0;height:6px;margin-right:.75em;transform:translateY(calc(var(--global-line-height) / 2 - 3px));width:6px}.cms ol{counter-reset:counter}.cms ol li::before{content:counter(counter) ".";counter-increment:counter;margin-right:.75em}.caps{text-transform:uppercase}.text-l{text-align:left}.text-r{text-align:right}.text-c{text-align:center}@media all and (min-width: 0)and (max-width: 767px){.huge-title{font-size:50px}.big-title{font-size:35px}.med-title,.cms h2,.larger{font-size:24px}.small-title:not(.bigger-mobile),.cms h3,.large{font-size:18px}.small-title.bigger-mobile{font-size:21px}}@media all and (min-width: 600px){.text-l-xs{text-align:left}}@media all and (min-width: 768px){.huge-title{font-size:50px}.big-title{font-size:35px}.med-title,.cms h2,.larger{font-size:28px}.small-title,.cms h3,.large{font-size:21px}.text-c-sm{text-align:center}}a img{border:0}img,video{display:block}img.w-100,video.w-100{height:auto}img.h-100,video.h-100{width:auto}img.obj-cvr,img.obj-cntn,video.obj-cvr,video.obj-cntn{height:100%;width:100%}img.obj-cvr,video.obj-cvr{object-fit:cover}img.obj-cntn,video.obj-cntn{object-fit:contain}.iframe-video-wrap::before{content:"";display:block;padding-bottom:56.25%}.iframe-video-wrap iframe,.iframe-video-wrap video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.logo{--position: 0;--total: 2;--height: calc(var(--width) * var(--logo-ratio));background:url("assets/images/logo.svg") 0 calc(-1*var(--position)*var(--height)) no-repeat;background-size:var(--width) calc(var(--total)*var(--height));font-size:0;height:var(--height);width:var(--width)}.logo.white{--position: 1}.award-logo{height:130px}button,input:not([type=file]),select,textarea{-moz-appearance:none;-webkit-appearance:none;appearance:none;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}input[type=checkbox],input[type=radio],button{background:none;border:0;border-radius:0;box-shadow:none}input[type=checkbox]:disabled,input[type=radio]:disabled,button:disabled{opacity:.3}button{align-items:center;display:inline-flex;justify-content:center;text-align:center}button.block,button.flex:not(.inline){width:100%}button:not(:disabled){cursor:pointer}.field-wrap input.text,.field-wrap select,.field-wrap textarea{background-color:var(--white);border:1px solid var(--white);border-radius:0;color:var(--default-text-color);display:block;font-size:14px;line-height:20px;padding:9px 10px;width:100%}.field-wrap input.text::-webkit-input-placeholder,.field-wrap select::-webkit-input-placeholder,.field-wrap textarea::-webkit-input-placeholder{color:var(--default-text-color)}.field-wrap input.text::-moz-placeholder,.field-wrap select::-moz-placeholder,.field-wrap textarea::-moz-placeholder{color:var(--default-text-color)}.field-wrap input.text::-ms-input-placeholder,.field-wrap select::-ms-input-placeholder,.field-wrap textarea::-ms-input-placeholder{color:var(--default-text-color)}.field-wrap input.text,.field-wrap select{height:40px}.field-wrap select{background-image:url("../images/dropdown-arrow.svg");background-position:right center;background-repeat:no-repeat}.field-wrap textarea{height:140px;resize:none}.field-wrap.checkbox-wrap.invalid input[type=checkbox],.field-wrap.checkbox-wrap.invalid input[type=radio],.field-wrap.radio-wrap.invalid input[type=checkbox],.field-wrap.radio-wrap.invalid input[type=radio]{border:1px solid var(--error-red)}.field-wrap.checkbox-wrap input[type=checkbox]{background:url("../images/checkbox.svg") no-repeat;border:1px solid rgba(0,0,0,0);display:inline-flex;flex:0 0 22px;height:22px;margin-right:.6em;width:22px}.field-wrap.checkbox-wrap input[type=checkbox]:checked{background-position:0 -22px}.field-wrap.radio-wrap input[type=radio]{align-items:center;border:1px solid var(--med-grey);border-radius:50%;display:inline-flex;flex:0 0 20px;height:20px;justify-content:center;margin-right:.6em;padding:3px;width:20px}.field-wrap.radio-wrap input[type=radio]::before{background:var(--default-text-color);border-radius:50%;content:"";height:12px;opacity:0;transition:.3s;width:12px}.field-wrap.radio-wrap input[type=radio]:checked::before{opacity:1}.subscribe-form .field-wrap input.text{background:none;border:0;border-bottom:1px solid var(--white);color:var(--white);height:auto;padding:5px 0}.subscribe-form .field-wrap input.text::-webkit-input-placeholder{color:var(--white)}.subscribe-form .field-wrap input.text::-moz-placeholder{color:var(--white)}.subscribe-form .field-wrap input.text::-ms-input-placeholder{color:var(--white)}.subscribe-form.full-form .field-wrap input.text{font-size:16px;font-weight:400}.subscribe-form:not(.status-sending):not(.status-success):not(.status-error) .form-messages{display:none}.company-org{left:-9999em;position:absolute;top:-9999em;visibility:hidden}a{color:var(--default-text-color);text-decoration:none}a.med-grey:hover{color:var(--off-black)}.underline-links a{text-decoration:underline}.cms a:not([href^="mailto:"]):not([href^="tel:"]){border-bottom:1px solid var(--default-text-color)}.cms a:not([href^="mailto:"]):not([href^="tel:"]):hover{opacity:.7}.cms a[href^="mailto:"]:hover,.cms a[href^="tel:"]:hover{border-bottom:1px solid var(--default-text-color)}.cms.white a{color:var(--white)}.cms.white a:not([href^="mailto:"]):not([href^="tel:"]){border-bottom-color:var(--white)}.cms.white a[href^="mailto:"]:hover,.cms.white a[href^="tel:"]:hover{border-bottom-color:var(--white)}a,button,.btn{transition:color .3s,background-color .3s,border-color .3s,opacity .3s}.btn{align-items:center;display:inline-flex;font-family:var(--sans);font-size:13px;font-weight:500;height:50px;justify-content:center;letter-spacing:.1em;padding:0 20px;text-align:center;text-transform:uppercase}.btn.wide{min-width:240px}.btn.bdr-white{border:1px solid var(--white);color:var(--white)}.btn.bdr-white:hover{background:var(--white);color:var(--off-black)}.btn.bdr-off-black{border:1px solid var(--off-black);color:var(--off-black)}.btn.bdr-off-black:hover{background:var(--off-black);color:var(--white)}.btn.bg-off-black{color:var(--white)}.btn.bg-off-black:hover{background:var(--white);color:var(--off-black)}.btn.bg-white{border:1px solid var(--white);color:var(--off-black)}.btn.bg-white:hover{background:rgba(0,0,0,0);color:var(--white)}.social-icons{--total: 4}.social-icons a{--size: 24px;align-items:center;display:flex;font-size:0;height:var(--size);justify-content:center;width:var(--size)}.social-icons a::before{background:url("assets/images/social-icons.svg") 0 calc(-1*var(--position)*var(--size)) no-repeat;background-size:var(--size) calc(var(--size)*var(--total));content:"";display:block;height:var(--size);width:var(--size)}.social-icons a.linkedin{--position: 0}.social-icons a.instagram{--position: 1}.social-icons a.facebook{--position: 2}.social-icons a.pinterest{--position: 3}.sub-nav-link{margin:0 10px 15px;padding-bottom:.6em}.sub-nav-link.active{border-bottom:1px solid var(--off-black)}#page-sub-nav ul.menu{display:flex;flex-wrap:wrap;justify-content:center}#page-sub-nav ul.menu li{flex-shrink:0;margin:0 10px 15px}#page-sub-nav ul.menu li a{padding-bottom:.6em}#page-sub-nav ul.menu li.current-menu-item a{border-bottom:1px solid var(--off-black)}.hidden{display:none}.block{display:block}.flex{display:flex}.flex.inline{display:inline-flex}@media all and (min-width: 375px){.hidden-xxs{display:none}.block-xxs{display:block}.inline-xxs{display:inline}.flex-xxs{display:flex}.flex-xxs.inline{display:inline-flex}}@media all and (min-width: 600px){.hidden-xs{display:none}.block-xs{display:block}.inline-xs{display:inline}.flex-xs{display:flex}.flex-xs.inline{display:inline-flex}}@media all and (min-width: 768px){.hidden-sm{display:none}.block-sm{display:block}.inline-sm{display:inline}.flex-sm{display:flex}.flex-sm.inline{display:inline-flex}}@media all and (min-width: 1024px){.hidden-md{display:none}.block-md{display:block}.inline-md{display:inline}.flex-md{display:flex}.flex-md.inline{display:inline-flex}}@media all and (min-width: 1260px){.hidden-lg{display:none}.block-lg{display:block}.inline-lg{display:inline}.flex-lg{display:flex}.flex-lg.inline{display:inline-flex}}@media all and (min-width: 1420px){.hidden-xl{display:none}.block-xl{display:block}.inline-xl{display:inline}.flex-xl{display:flex}.flex-xl.inline{display:inline-flex}}.opc-70{opacity:.7}.vh-100{height:var(--vh-100)}.w-100{width:100%}.h-100{height:100%}.abs-box,.fxd-box{bottom:0;left:0;right:0}.abs-box:not(.no-top),.fxd-box:not(.no-top){top:0}.abs-box,.abs{position:absolute}.fxd-box{position:fixed}.rds-50{border-radius:50%}.sq-box::before{content:"";display:block;padding-bottom:100%}.landscape-box::before{content:"";display:block;padding-bottom:66.666%}.portrait-box::before{content:"";display:block;padding-bottom:150%}.rel{position:relative}.z-5{z-index:5}.z-10{z-index:10}.over-hide{overflow:hidden}.over-auto{-webkit-overflow-scrolling:touch;overflow:auto}body{--vh-100: 100vh}#container{display:flex;flex-direction:column;min-height:100vh;min-width:320px}#main{flex-grow:1}body:not(.white-header) #main{padding-top:var(--header-height)}#header{left:0;margin-top:var(--header-offset);position:fixed;right:0;top:0;transition:background .3s,top .3s;z-index:100}body.header-hide #header{top:calc(-1*var(--header-height))}body:not(.white-header):not(.scroll):not(.nav-open):not(.search-open) #header{background:var(--white);border-bottom:1px solid var(--off-black)}body.white-header:not(.scroll):not(.nav-open):not(.search-open) #header{background:var(--off-black-gradient)}body.scroll #header,body.nav-open #header,body.search-open #header{background:var(--dark-teal)}#header-notice{min-height:var(--notice-min-height);padding:4px 0}#header-inner{height:var(--header-height)}#logo{--width: var(--logo-width);z-index:10}body.nav-open #logo,body.search-open #logo,body.scroll #logo,body.white-header #logo{--position: 1}#nav-wrap #nav ul.menu>li>a{display:block;font-family:var(--sans);letter-spacing:.05em;text-transform:uppercase}#nav-wrap #nav ul.menu>li.menu-item-has-children>.sub-menu-wrap>ul.sub-menu>li{font-weight:400}#header-search-btn{--position: 0;--total: 2;height:48px;position:relative;width:48px;z-index:1}body.nav-open #header-search-btn,body.search-open #header-search-btn,body.scroll #header-search-btn,body.white-header #header-search-btn{--position: 1}#header-search-btn::before{--size: 15px;background:url("../images/search.svg") 0 calc(-1*var(--position)*var(--size)) no-repeat;background-size:var(--size) calc(var(--total)*var(--size));content:"";display:block;height:var(--size);width:var(--size)}body.search-open #header-search-btn::before,body.search-open #header-search-btn::after{background:var(--white);content:"";left:50%;position:absolute;top:50%;transform:translate(-50%, -50%) rotate(45deg)}body.search-open #header-search-btn::before{height:18px;width:1px}body.search-open #header-search-btn::after{height:1px;width:18px}#header-search{left:0;position:fixed;right:0;top:calc(var(--header-height) + var(--header-offset));transition:opacity .3s,visibility .3s}body:not(.search-open) #header-search{opacity:0;visibility:hidden}#header-search input.text{background:none;border:0;border-bottom:1px solid var(--white);color:var(--white);font-size:21px;height:46px;line-height:25px;padding:0 0 20px}#header-search input.text::-webkit-input-placeholder{color:var(--white)}#header-search input.text::-moz-placeholder{color:var(--white)}#header-search input.text::-ms-input-placeholder{color:var(--white)}@media all and (min-width: 0)and (max-width: 1259px){#header-search-wrap{margin-left:auto}#nav-btn{border:15px solid rgba(0,0,0,0);height:48px;margin-right:-15px;width:48px;z-index:10}#nav-btn span{background:var(--off-black);height:1.5px;left:0;position:absolute;transition:.3s;width:18px}body.nav-open #nav-btn span,body.search-open #nav-btn span,body.scroll #nav-btn span,body.white-header #nav-btn span{background:var(--white)}#nav-btn span.line-1{top:0}#nav-btn span.line-2,#nav-btn span.line-3{top:7px}#nav-btn span.line-4{top:14px}body.nav-open #nav-btn span.line-1,body.nav-open #nav-btn span.line-4{opacity:0}body.nav-open #nav-btn span.line-2{transform:rotate(45deg)}body.nav-open #nav-btn span.line-3{transform:rotate(-45deg)}#nav-wrap{background:var(--dark-teal);bottom:0;left:0;padding-top:var(--header-height);position:fixed;right:0;top:var(--header-offset);transition:opacity .6s,visibility .6s;z-index:5}body:not(.nav-open) #nav-wrap{opacity:0;visibility:hidden}#nav-wrap #nav{-webkit-overflow-scrolling:touch;height:100%;overflow:auto;padding:0 var(--gutter) 40px}#nav-wrap #nav ul.menu>li{border-bottom:1px solid var(--white-25)}#nav-wrap #nav ul.menu>li:first-child{border-top:1px solid var(--white-25)}#nav-wrap #nav ul.menu>li>a{align-items:center;color:var(--white);display:flex;font-size:14px;justify-content:flex-start;height:64px;width:100%}#nav-wrap #nav ul.menu>li.menu-item-has-children>a::before{border-bottom:6px solid rgba(0,0,0,0);border-left:8px solid var(--white);border-top:6px solid rgba(0,0,0,0);content:"";display:block;margin-right:.8em;transition:transform .3s}#nav-wrap #nav ul.menu>li.menu-item-has-children>.sub-menu-wrap{height:0;overflow:hidden;transition:height .3s}#nav-wrap #nav ul.menu>li.menu-item-has-children>.sub-menu-wrap>ul.sub-menu>li{font-size:14px;padding-bottom:1.5em}#nav-wrap #nav ul.menu>li.menu-item-has-children>.sub-menu-wrap>ul.sub-menu>li>a{color:var(--white)}#nav-wrap #nav ul.menu>li.menu-item-has-children.active>a::before{transform:rotate(-90deg)}}@media all and (min-width: 1260px){#logo{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%)}#header-search-btn{margin-left:10px}#header-search{height:33.333vw;padding-bottom:40px;padding-top:40px}#nav-wrap{flex-grow:1}#nav-wrap #nav ul.menu{display:flex;justify-content:flex-end}#nav-wrap #nav ul.menu>li:not(:last-child){margin-right:30px}#nav-wrap #nav ul.menu>li>a{align-items:center;color:var(--off-black);display:flex;font-size:12px;height:20px;position:relative;z-index:5}#nav-wrap #nav ul.menu>li>a:hover{opacity:.7}body.nav-open #nav-wrap #nav ul.menu>li>a,body.search-open #nav-wrap #nav ul.menu>li>a,body.scroll #nav-wrap #nav ul.menu>li>a,body.white-header #nav-wrap #nav ul.menu>li>a{color:var(--white)}#nav-wrap #nav ul.menu>li.current-menu-item:not(.active)>a::after,#nav-wrap #nav ul.menu>li.current-menu-ancestor:not(.active)>a::after,#nav-wrap #nav ul.menu>li.active>a::after{content:"";height:2px;left:0;position:absolute;right:0;top:calc(50% + var(--header-height)/2 - 2px)}#nav-wrap #nav ul.menu>li.active>a::after{background:var(--white)}#nav-wrap #nav ul.menu>li.current-menu-item:not(.active)>a::after,#nav-wrap #nav ul.menu>li.current-menu-ancestor:not(.active)>a::after{background:var(--off-black)}body.search-open #nav-wrap #nav ul.menu>li.current-menu-item:not(.active)>a::after,body.scroll #nav-wrap #nav ul.menu>li.current-menu-item:not(.active)>a::after,body.white-header #nav-wrap #nav ul.menu>li.current-menu-item:not(.active)>a::after,body.search-open #nav-wrap #nav ul.menu>li.current-menu-ancestor:not(.active)>a::after,body.scroll #nav-wrap #nav ul.menu>li.current-menu-ancestor:not(.active)>a::after,body.white-header #nav-wrap #nav ul.menu>li.current-menu-ancestor:not(.active)>a::after{background:var(--white)}body.nav-open #nav-wrap #nav ul.menu>li.current-menu-item:not(.active)>a::after,body.nav-open #nav-wrap #nav ul.menu>li.current-menu-ancestor:not(.active)>a::after{display:none}#nav-wrap #nav ul.menu>li.menu-item-has-children>.sub-menu-wrap{height:33.333vw;left:0;position:fixed;right:0;top:calc(var(--header-height) + var(--header-offset));transition:opacity .3s,visibility .3s}#nav-wrap #nav ul.menu>li.menu-item-has-children>.sub-menu-wrap>ul.sub-menu{padding:30px 0 0}#nav-wrap #nav ul.menu>li.menu-item-has-children>.sub-menu-wrap>ul.sub-menu>li:not(:last-child){margin-bottom:1.2em}#nav-wrap #nav ul.menu>li.menu-item-has-children>.sub-menu-wrap>ul.sub-menu>li>.small-caps{font-size:12px}#nav-wrap #nav ul.menu>li.menu-item-has-children>.sub-menu-wrap>ul.sub-menu>li>a{color:var(--white);font-size:14px}#nav-wrap #nav ul.menu>li.menu-item-has-children>.sub-menu-wrap>ul.sub-menu>li>a:hover{opacity:.7}#nav-wrap #nav ul.menu>li.menu-item-has-children:not(.active)>.sub-menu-wrap{opacity:0;visibility:hidden}#nav-wrap #nav #main-menu-left .sub-menu-wrap{padding-left:var(--gutter);padding-right:calc(50% + 100px)}#nav-wrap #nav #main-menu-left img.menu-image{right:0}#nav-wrap #nav #main-menu-right .sub-menu-wrap{padding-left:calc(50% + 100px);padding-right:var(--gutter)}#nav-wrap #nav #main-menu-right img.menu-image{left:0}#nav-wrap #nav img.menu-image{bottom:0;height:100%;object-fit:cover;position:absolute;top:0;width:50%}#nav-overlay{bottom:0;left:0;position:fixed;right:0;top:calc(var(--header-height) + var(--header-offset));transition:opacity .3s,visibility .3s;z-index:50}#nav-overlay::before,#nav-overlay::after{content:"";display:block}#nav-overlay::before{background:var(--dark-teal);height:33.333vw}#nav-overlay::after{background:var(--off-black-50);flex-grow:1}body:not(.nav-open):not(.search-open) #nav-overlay{opacity:0;visibility:hidden}}#footer a{color:var(--white)}#footer a:hover{opacity:.7}#logo-footer{--width: 250px}#logo-queens-award{font-size:9px;line-height:1.5em;width:180px}#logo-queens-award::before{background:url("assets/images/logo-queens-award.svg") no-repeat;content:"";display:block;height:91px;margin:0 auto 10px;width:70px}#footer-legal-menu li:not(:last-child){margin-bottom:.4em}@media all and (min-width: 0)and (max-width: 767px){#footer-grid{row-gap:40px}}@media all and (min-width: 768px){#footer-grid{row-gap:60px}#footer-col-1{order:1}#footer-col-2{order:2}#footer-col-3{order:4}#footer-col-4{order:3}#footer-col-5{order:5}}@media all and (min-width: 1260px){#footer-col-5{text-align:right}}.fx.fade-in,.fx.fade-out{transition:opacity 1s}.fx.fade-in.roll-up,.fx.fade-in.roll-right,.fx.fade-in.roll-left,.fx.fade-out.roll-up,.fx.fade-out.roll-right,.fx.fade-out.roll-left{transition:opacity 1s,transform 1s}.fx.fade-in.roll-up.animated,.fx.fade-in.roll-right.animated,.fx.fade-in.roll-left.animated,.fx.fade-out.roll-up.animated,.fx.fade-out.roll-right.animated,.fx.fade-out.roll-left.animated{transform:translateZ(0)}.fx.fade-in.roll-up,.fx.fade-out.roll-up{transform:translateY(30px)}.fx.fade-in.roll-right,.fx.fade-out.roll-right{transform:translateX(-30px)}.fx.fade-in.roll-left,.fx.fade-out.roll-left{transform:translateX(30px)}.fx.fade-in{opacity:0}.fx.fade-in.animated{opacity:1}.fx.fade-out.animated{opacity:0}.fx.fade-out.animated.roll-up{transform:translateY(-30px)}.fx.fade-out.animated.roll-right{transform:translateX(30px)}.fx.fade-out.animated.roll-left{transform:translateX(-30px)}.fade{transition:.3s}.fade.slow{transition:.6s}.invis{opacity:0;visibility:hidden}.anim-height{height:0;overflow:hidden;transition:height .3s}.anim-height.default-open{height:auto}.scroll-prompt{animation:scroll-prompt forwards infinite 2s ease-out;bottom:0;height:100px;left:50%;position:absolute;transform-origin:center top;width:1px;z-index:5}@keyframes scroll-prompt{0%{transform:scaleY(0)}50%{transform:scaleY(1)}}.accordion-item{border-bottom:1px solid var(--off-black)}.accordion-item .accordion-btn{text-align:left}.accordion-item .accordion-btn::before{border-bottom:6px solid rgba(0,0,0,0);border-left:8px solid var(--off-black);border-top:6px solid rgba(0,0,0,0);content:"";display:block;margin-right:.8em;transition:transform .3s}.accordion-item.active .accordion-btn::before{transform:rotate(-90deg)}.accordion-item.open .accordion-content{height:auto;overflow:visible}.crsl-wrap{position:relative}.crsl-wrap .crsl{-ms-user-select:none;-webkit-user-select:none;user-select:none}.crsl-wrap .crsl-cell img{pointer-events:none}.crsl-wrap.slide{--gap: 0px;--per-view: 1}.crsl-wrap.slide .crsl{display:flex;transition-property:transform}.crsl-wrap.slide .crsl.interactive{cursor:grab}.crsl-wrap.slide .crsl.interactive.pointer-down{cursor:grabbing}.crsl-wrap.slide .crsl-cell{flex:0 0 calc((100% - var(--gap)*(var(--per-view) - 1))/var(--per-view));margin-right:var(--gap)}.crsl-wrap.dissolve .crsl{display:grid}.crsl-wrap.dissolve .crsl-cell{grid-column:1;grid-row:1;opacity:0;transition:opacity .6s,visibility .6s;visibility:hidden}.crsl-wrap.dissolve .crsl-cell.active{opacity:1;visibility:visible}.crsl-wrap:not(.can-move) .crsl-arw,.crsl-wrap:not(.can-move) .crsl-dots{display:none}.crsl-wrap .crsl-arw{border-bottom:calc(var(--size)*.7) solid rgba(0,0,0,0);border-left:var(--size) solid var(--color);border-top:calc(var(--size)*.7) solid rgba(0,0,0,0);transition:.3s}.crsl-wrap .crsl-arw.prev{margin-right:var(--size);transform:rotate(180deg)}.crsl-wrap .crsl-dots.abs{background:var(--white-70);border-radius:10px;height:20px;left:50%;padding:7px 10px;transform:translateX(-50%)}.crsl-wrap .crsl-dots .dot{background:var(--med-grey);border-radius:50%;height:6px;width:6px}.crsl-wrap .crsl-dots .dot:not(:last-child){margin-right:5px}.crsl-wrap .crsl-dots .dot.active{background:var(--off-black)}.crsl-wrap.brochures{--per-view: auto}.crsl-wrap.brochures .crsl-arw{--color: var(--off-black);position:absolute;top:calc(var(--cell-height)/2);z-index:5}.crsl-wrap.brochures .crsl-arw.prev{left:0;transform:translateY(-50%) rotate(180deg)}.crsl-wrap.brochures .crsl-arw.next{right:0;transform:translateY(-50%)}.crsl-wrap.brochures .crsl-cell{height:var(--cell-height)}.crsl-wrap.variations .crsl-arw{--color: var(--off-black);bottom:46px;position:absolute;z-index:5}.crsl-wrap.variations .crsl-arw.prev{left:0}.crsl-wrap.variations .crsl-arw.next{right:0}.crsl-wrap.simple{--gap: 30px}.crsl-wrap.simple .crsl-cell{max-width:460px}.crsl-wrap.simple .crsl-arw{--color: var(--off-black);--size: 18px}.crsl-wrap.images .crsl-arw{--color: var(--white);position:absolute;top:50%;z-index:5}.crsl-wrap.images .crsl-arw.prev{transform:translateY(-50%) rotate(180deg)}.crsl-wrap.images .crsl-arw.next{transform:translateY(-50%)}@media all and (min-width: 0)and (max-width: 599px){.crsl-wrap .crsl-arw{--size: 18px}.crsl-wrap .crsl-dots{bottom:15px}.crsl-wrap.images .crsl-arw.prev{left:15px}.crsl-wrap.images .crsl-arw.next{right:15px}.crsl-wrap.brochures{--gap: 40px;--cell-height: 290px}.crsl-wrap.variations{--gap: 10px}.crsl-wrap.variations .crsl-cell{flex:0 0 calc(100% - 40px)}.crsl-wrap.variations .crsl-cell .crsl-cell-text{padding-right:20px}.crsl-wrap.simple .crsl-cell{flex:0 0 calc(100% - 40px)}}@media all and (min-width: 0)and (max-width: 767px){.crsl-wrap.mobile{--gap: 30px}.crsl-wrap.mobile .crsl-cell{flex:0 0 calc(100% - 40px)}.crsl-wrap#product-gallery-crsl .crsl{height:150vw}}@media all and (min-width: 600px){.crsl-wrap .crsl-arw{--size: 26px}.crsl-wrap .crsl-dots{bottom:30px}.crsl-wrap.images .crsl-arw.prev{left:30px}.crsl-wrap.images .crsl-arw.next{right:30px}.crsl-wrap.brochures{--gap: 60px;--cell-height: 410px}.crsl-wrap.variations{--gap: 40px}.crsl-wrap.variations .crsl-cell{max-width:650px;transition:transform .6s}.crsl-wrap.variations .crsl-cell:not(.active){transform:scale(0.75)}.crsl-wrap.variations .crsl-cell:not(.active) .crsl-cell-text{opacity:0}.crsl-wrap.variations .crsl-cell .crsl-cell-text{margin-top:40px;text-align:center;transition:opacity .6s}.crsl-wrap.variations .crsl-cell .crsl-cell-text .small-caps{font-family:var(--serif);font-size:21px;font-weight:300;letter-spacing:0;text-transform:none}.crsl-wrap.variations .crsl-cell .crsl-cell-text p{font-size:21px;font-style:italic}}@media all and (min-width: 768px){.crsl-wrap.mobile .crsl{column-gap:30px;display:grid;grid-template-columns:repeat(3, 1fr)}.crsl-wrap#product-gallery-crsl .crsl{height:calc(var(--vh-100) - 150px)}}.open-modal{cursor:pointer}.modal-wrap{z-index:1000}.modal-wrap .modal{height:100%;max-width:800px}.modal-wrap .cross{height:48px;position:absolute;width:48px}.modal-wrap .cross.white::before,.modal-wrap .cross.white::after{background:var(--white)}.modal-wrap .cross::before,.modal-wrap .cross::after{background:var(--off-black);content:"";left:50%;position:absolute;top:50%;transform:translate(-50%, -50%) rotate(45deg)}.modal-wrap .cross::before{height:var(--length);width:var(--width)}.modal-wrap .cross::after{height:var(--width);width:var(--length)}.modal-wrap#newsletter-cta{bottom:var(--bottom);position:fixed;right:var(--right);transition:1s;z-index:20}.modal-wrap#newsletter-cta.invis{transform:translateX(calc(100% + var(--right)))}.modal-wrap#newsletter-cta .cross{--length: 20px;--width: 2px;right:0;top:0}@media all and (min-width: 0)and (max-width: 767px){.modal-wrap .modal{padding:48px var(--gutter) 40px}.modal-wrap .cross{--length: 20px;--width: 2px;right:0;top:0}.modal-wrap#newsletter-cta{--bottom: 0;--right: 0;max-width:400px;width:100%}}@media all and (min-width: 768px){.modal-wrap .modal{padding:60px var(--gutter)}.modal-wrap .cross{--length: 30px;--width: 3px;right:15px;top:15px}.modal-wrap#newsletter-cta{--bottom: 40px;--right: 40px;width:470px}}.page-links>*{align-items:center;display:inline-flex;height:25px;justify-content:center;width:25px}.page-links>*:not(:last-child){margin-right:10px}.page-links>*.current{background:var(--dark-teal);color:var(--white)}.scrollable-list::before,.scrollable-list::after{bottom:0;content:"";opacity:0;position:absolute;top:0;transition:.3s;visibility:hidden;width:60px}.scrollable-list::before{background:var(--scroll-left-gradient);left:0}.scrollable-list::after{background:var(--scroll-right-gradient);right:0}.scrollable-list.can-scroll-left::before,.scrollable-list.can-scroll-right::after{opacity:1;visibility:visible}.scrollable-list .scroller{-ms-overflow-style:none;overflow:scroll;scrollbar-width:none}.scrollable-list .scroller::-webkit-scrollbar{display:none}.scrollable-list .scroller>*:first-child{margin-left:auto}.scrollable-list .scroller>*:last-child{margin-right:auto}.scrollable-list .scroller>*:not(:last-child){margin-right:40px}.video-wrap .play-btn{background:url("../images/play.svg") no-repeat;height:48px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);transition:opacity .3s,visibility .3s;width:48px;z-index:5}.video-wrap.playing .play-btn{opacity:0;visibility:hidden}#home-loading{transition:1.2s;z-index:2000}body.home.loaded #home-loading{opacity:0;visibility:hidden}#home-loading img{transition:1.2s}#home-loading-logo{--width: 90vw;left:5vw;position:absolute;top:25px}#hero-wrap .scroll-down{align-items:center;bottom:20px;display:flex;flex-direction:column;left:50%;position:absolute;transform:translateX(-50%);z-index:5}#hero-wrap .scroll-down::after{background:url("../images/scroll-down.svg") no-repeat;content:"";display:block;height:30px;margin-top:10px;width:15px}.testimonial-logo{height:auto;width:200px}.home-cat-link .hover-image{transition-delay:var(--delay)}.home-cat-link:not(:hover) .hover-image{visibility:hidden}@media all and (min-width: 768px)and (max-width: 1259px){#leading-products .product-link:nth-child(3){margin-top:-250px}}@media all and (min-width: 1260px){#leading-products .product-link:nth-child(3){margin-top:-400px}}



 /* ============== WordPress 美观分页样式 ============== */
.pagination {
    margin: 40px 0;
    text-align: center;
}
.page-numbers {
    display: inline-block;
    min-width: 42px;
    height: 42px;
    line-height: 42px;
    margin: 0 4px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    color: #333;
    background: #f5f5f5;
    text-decoration: none !important;
    transition: all 0.3s ease;
}
/* 鼠标悬浮效果 */
.page-numbers:hover:not(.current) {
    background: #1677ff;
    color: #fff;
}
/* 当前页码高亮 */
.page-numbers.current {
    background: #1677ff;
    color: #fff;
    font-weight: 600;
}
/* 上一页/下一页/省略号样式 */
.page-numbers.dots {
    background: transparent;
    color: #999;
}
.page-numbers.prev,
.page-numbers.next {
    padding: 0 15px;
}
/* 禁用状态（无更多页） */
.page-numbers.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
/* 手机端自适应 */
@media (max-width: 768px) {
    .page-numbers {
        min-width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        margin: 0 2px;
    }
    .page-numbers.prev,
    .page-numbers.next {
        padding: 0 10px;
    }
}



.hoverimg{overflow: hidden;}
.hoverimg img{object-fit: cover; /* 保持图片比例，不变形 */
    /* 过渡动画：transform属性 0.3秒 平滑变速 */
    transition: transform 0.3s ease; }
.hoverimg :hover img {
    transform: scale(1.05); /* 放大1.1倍（轻微放大） */
    /* 想更轻微用 scale(1.05)，明显一点用 scale(1.15) */
  }

.logo-icon-footer{}
.logo-icon-footer img{width: 3rem;height: 3rem;margin:0px 0px 1rem 5rem;}

.t_c{text-align:center!important;}
.t_r{text-align:right!important;}
.t_l{text-align:left!important;}
.t_j{text-align:justify;}

.mt-20{margin-top: 20px;}
.mt-50{margin-top: 50px;}
.mt-70{margin-top: 70px;}
.mt-40{margin-top: 40px;}
.mt-30{margin-top: 30px;}

.ptb-40{padding-bottom: 40px;padding-top: 40px;}
.gray-bg3{background-color: #f5f5f5;}
.arts-how .des{font-size: 24px;}
.arts-how h2{margin: 15px 0;padding-top: 30px;}
.arts-how .how-steps{width: 12%;color: #595959;position: relative;margin-left: 2.2%;word-wrap: break-word;}
.arts-how .how-steps:first-child{margin-left: 0;}
.arts-how .how-steps::after{content: "";background-image: url(images/how-arrow-img1.jpg);width: 43px;height: 28px;background-repeat: no-repeat;background-size: contain;position: absolute;right: -33px;top:55px;}
.arts-how .how-steps:last-child::after{display: none;}
.arts-how .how-steps .img img{height: 132px;width: 163px;}
.arts-how .how-steps .title{font-size: 20px;color: #000;margin-bottom: 25px;margin-top: 15px;}

.container h2 {
    font-size: 40px;
    text-align: center;
}

/*生产过程*/
.process-step .step_item{width: 30%;}
.process-step .step_item .step-img{width: 100%;}
.process-step .step_item .step-img img{width:3rem;margin: 0px auto;}
.process-step .step_item h3{font-size: 2rem;text-align: center;margin: 0.5rem 0px 1rem 0px;}
.process-step .step_item .cont{font-size: 1rem;line-height: 1.5rem;color: #616161;}





.flex {display: flex;flex-wrap:wrap;width: 100%;}
.flex-inline {display: inline-flex;}
/* 同时获得 .justify-center 和 .align-middle 样式*/
.flex-center {
	align-items: center;
	justify-content: center;
}
.flex-between{
	justify-content:space-between;
	align-items:center;
}
.flex-ai {
	align-items: center;
}
.j-center{justify-content: center;}




.row { box-sizing: border-box!important; display: flex!important; flex-direction: row; flex-wrap: wrap;}
.d-flex{ display: flex; }
.d-block,.db{ display: block; }
.d-inline-block{ display: inline-block; }

.flex-1{ flex: 1; }
.flex-column{ flex-direction: column; }
.flex-row{ flex-direction: row; }
.flex-grow{ flex-grow: 1; }
.flex-wrap{ flex-wrap: wrap; }
.flex-nowrap{ flex-wrap: nowrap; }
.flex-shrink{flex-shrink: 0;}
.j-start{ justify-content: flex-start; }
.j-center{ justify-content: center; }
.j-end{ justify-content: flex-end; }
.j-sb{ justify-content: space-between; }
.j-sa{ justify-content:space-around }
.a-center{ align-items:center; }
.a-start{ align-items: flex-start; }
.a-end{ align-items:flex-end; }
.a-stretch{ align-items: stretch; }
.a-self-start{ align-self: flex-start; }
.a-self-auto{ align-self: auto; }
.a-self-end{ align-self: flex-end; }
.a-self-stretch{ align-self:stretch; }
.a-self-baseline{ align-self:baseline; }

.diy-layui-from .layui-form-select{display:inline-block!important;}
.layui-elem-quote{font-size:16px;padding:5px 10px!important;margin-bottom:5px!important}

/*按钮*/
.btn-p5{padding:5px 20px;}

.bor-2-red,.bor-2-red td{border-bottom:2px solid Red!important;}
.bor-3-red,.bor-3-red td{border-bottom:2px solid Red!important;}
.bor-1-f2{border-bottom:1px solid #F2f2f2;}
.bor2-red{border:2px solid Red;}
.bor3-red{border:3px solid Red;}
.bor4-red{border:4px solid Red;}

.bor-l-2{border-left:2px solid;}
.bor-t-2{border-top:2px solid;}
.bor-r-2{border-right:2px solid;}
.bor-b-2{border-bottom:2px solid;}

.bor-color-red{border-color:red;}
.bor-color-green{border-color:#009688;}
.bor-color-blue{border-color:#1E9FFF;}
.bor-color-yellow{border-color:#FFB800;}


 .bor-b-0{border-bottom:0px!important;}
    .bor-t-red{border-top:1px solid #FF0000 !important;}
    .bor-t3-red{border-top:3px solid #FF0000 !important;}
    .bor-b-red{border-bottom:1px solid #FF0000!important;}
    .bor-b3-red{border-bottom:3px solid #FF0000!important;}
    .bor-l-red{border-left:1px solid #FF0000!important;}
    .bor-l3-red{border-left:3px solid #FF0000!important;}
    .bor-r-red{border-right:1px solid #FF0000!important;}
    .bor-r3-red{border-right:3px solid #FF0000!important;}


.after:after{content:"";display:block;width:100%;clear:both;}
.h-2{height:20px!important;}
.h-2-5{height:25px!important;line-height:25px!important;}
.h-3{height:30px!important;}
.lh-3-8{line-height:38px!important;}
.px-1{padding-left:10px!important;padding-right:10px!important;}
.px-2{padding-left:20px!important;padding-right:20px!important;}
.px-3{padding-left:30px!important;padding-right:30px!important;}
.py-0 { padding-top: 0;padding-bottom: 0;}
.py,.py-05 { padding-top: 5px;padding-bottom: 5px;}
.py-1 { padding-top: 10px;padding-bottom: 10px;}
.py-2 { padding-top: 20px;padding-bottom: 20px;}
.py-3 { padding-top: 30px;padding-bottom: 30px;}
.py-4 { padding-top: 40px;padding-bottom: 40px;}
.py-5 { padding-top: 50px;padding-bottom: 50px;}

.ml-10{margin-left:10px;}

.mr-center{margin:0px auto;}
.mb-10{margin-bottom:10px;}

i{font-style:normal;}
.font14,.font14 td{font-size:14px!important;}
.font16{font-size:16px!important;}
.font18{font-size:18px!important;}
.fontbold,input.fontbold{font-weight:bold!important;}
.alc_r{text-align:right;}
.alc{text-align:center!important;}
.clearfloat{clear:both;}
.w20{width:20px!important;}
.w30{width:30px!important;}
.w40{width:40px!important;}
.w50{width:50px!important;}
.w60{width:60px!important;}
.w80{width:80px!important;}
.w100{width:100px!important;}
.w150{width:150px!important;}
.w200{width:200px!important;}
.w700{width:700px!important;}
.w15p{width:15%;}
.w16p{width:16%;}
.w50p{width:50%;}
.w48p{width:48%;}
.w45p{width:45%;}
.w23p{width:23%;}
.w25p{width:25%;}
.w30p{width:30%;}
.w32p{width:32%;}
.w40p{width:40%;}
.w60p{width:60%;}
.w70p{width:70%;}
.w75p{width:75%;}
.w80p{width:80%;}
.w90p{width:90%;}
.w95p{width:95%;}
.w100p{width:100%!important;}
.mar0{margin:0px;}
.pad0{padding:0px;}
.f-none{float:none!important;}
.fl{float:left;}
.fr{float:right;}



/* Spacing 内外边距*/
.m-center{ margin-top: 0;margin-bottom: 0;margin-left: auto;margin-right: auto;}
.m-0 { margin-left: 0;margin-right: 0;margin-top: 0;margin-bottom: 0;}
.m { margin-left: 5px;margin-right: 5px;margin-top: 5px;margin-bottom: 5px;}
.m-1 { margin-left: 10px;margin-right: 10px;margin-top: 10px;margin-bottom: 10px;}
.m-2 { margin-left: 20px;margin-right: 20px;margin-top: 20px;margin-bottom: 20px;}
.m-3 { margin-left: 30px;margin-right: 30px;margin-top: 30px;margin-bottom: 30px;}
.m-4 { margin-left: 40px;margin-right: 40px;margin-top: 40px;margin-bottom: 40px;}
.m-5 { margin-left: 50px;margin-right: 50px;margin-top: 50px;margin-bottom: 50px;}

.mx-0 { margin-left: 0;margin-right: 0;}
.mx-auto { margin-left: auto;margin-right: auto;}
.mx { margin-left: 5px;margin-right: 5px;}
.mx-1 { margin-left: 10px;margin-right: 10px;}
.mx-2 { margin-left: 20px;margin-right: 20px;}
.mx-3 { margin-left: 30px;margin-right: 30px;}
.mx-4 { margin-left: 40px;margin-right: 40px;}
.mx-5 { margin-left: 50px;margin-right: 50px;}

.my-0 { margin-top: 0;margin-bottom: 0;}
.my-auto{margin-top: auto;margin-bottom: auto;}
.my { margin-top: 5px;margin-bottom: 5px;}
.my-1 { margin-top: 10px;margin-bottom: 10px;}
.my-2 { margin-top: 20px!important;margin-bottom: 20px!important;}
.my-3 { margin-top: 30px;margin-bottom: 30px;}
.my-4 { margin-top: 40px;margin-bottom: 40px;}
.my-5 { margin-top: 50px;margin-bottom: 50px;}

.mt-0 { margin-top: 0;}
.mt { margin-top: 5px;}
.mt-auto { margin-top: auto;}
.mt-1 { margin-top: 10px;}
.mt-2 { margin-top: 20px;}
.mt-3 { margin-top: 30px;}
.mt-4 { margin-top: 40px;}
.mt-5 { margin-top: 50px;}
.mt-6 { margin-top: 60px;}
.mt-7 { margin-top: 70px;}
.mt-8 { margin-top: 80px;}
.mt-9 { margin-top: 90px;}

.mb-0 { margin-bottom: 0;}
.mb { margin-bottom: 5px;}
.mb-auto { margin-bottom: auto;}
.mb-1 { margin-bottom: 10px!important;}
.mb-2 { margin-bottom: 20px!important;}
.mb-3 { margin-bottom: 30px;}
.mb-4 { margin-bottom: 40px;}
.mb-5 { margin-bottom: 50px;}

.ml-0 { margin-left: 0!important;}
.ml { margin-left: 5px;}
.ml-05{margin-left: 5px;}
.ml-auto { margin-left: auto;}
.ml-1 { margin-left: 10px;}
.ml-2 { margin-left: 20px;}
.ml-3 { margin-left: 30px;}
.ml-4 { margin-left: 40px;}
.ml-5 { margin-left: 50px;}

.mr-0 { margin-right: 0!important;}
.mr { margin-right: 5px;}
.mr-05{margin-right: 5px!important;}
.mr-1 { margin-right: 10px;}
.mr-2 { margin-right: 20px;}
.mr-3 { margin-right: 30px;}
.mr-4 { margin-right: 40px;}
.mr-5 { margin-right: 50px;}

.p-0 {padding-left: 0;padding-right: 0;padding-top: 0;padding-bottom: 0;}
.p {padding-left: 5px;padding-right: 5px;padding-top: 5px;padding-bottom:5px;}
.p-1 {padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 10px;}
.p-2 {padding-left: 20px;padding-right: 20px;padding-top: 20px;padding-bottom: 20px;}
.p-3 {padding-left: 30px;padding-right: 30px;padding-top: 30px;padding-bottom: 30px;}
.p-4 {padding-left: 40px;padding-right: 40px;padding-top: 40px;padding-bottom: 40px;}
.p-5 {padding-left: 50px;padding-right: 50px;padding-top: 50px;padding-bottom: 50px;}

.px-0 { padding-left: 0;padding-right: 0;}
.px { padding-left: 5px;padding-right: 5px;}
.px-1 { padding-left: 10px;padding-right: 10px;}
.px-2 { padding-left: 20px;padding-right: 20px;}
.px-3 { padding-left: 30px;padding-right: 30px;}
.px-4 { padding-left: 40px;padding-right: 40px;}
.px-5 { padding-left: 50px;padding-right: 50px;}
.px-6 { padding-left: 60px;padding-right: 60px;}
.px-7 { padding-left: 70px;padding-right: 70px;}
.px-8 { padding-left: 80px;padding-right: 80px;}
.px-9 { padding-left: 90px;padding-right: 90px;}

.py-0 { padding-top: 0;padding-bottom: 0;}
.py,.py-05 { padding-top: 5px;padding-bottom: 5px;}
.py-1 { padding-top: 10px;padding-bottom: 10px;}
.py-2 { padding-top: 20px;padding-bottom: 20px;}
.py-3 { padding-top: 30px;padding-bottom: 30px;}
.py-4 { padding-top: 40px;padding-bottom: 40px;}
.py-5 { padding-top: 50px;padding-bottom: 50px;}

.pt-0 { padding-top: 0;}
.pt { padding-top: 5px;}
.pt-1 { padding-top: 10px;}
.pt-2 { padding-top: 20px;}
.pt-3 { padding-top: 30px;}
.pt-4 { padding-top: 40px;}
.pt-5 { padding-top: 50px;}

.pb-0 { padding-bottom: 0!important;}
.pb { padding-bottom: 5px!important;}
.pb-1 { padding-bottom: 10px!important;}
.pb-2 { padding-bottom: 20px!important;}
.pb-3 { padding-bottom: 30px!important;}
.pb-4 { padding-bottom: 40px!important;}
.pb-5 { padding-bottom: 50px!important;}

.pl-0 { padding-left: 0!important;}
.pl { padding-left: 5px;}
.pl-1 { padding-left: 10px;}
.pl-2 { padding-left: 20px;}
.pl-3 { padding-left: 30px;}
.pl-4 { padding-left: 40px;}
.pl-5 { padding-left: 50px;}

.pr-0 { padding-right: 0;}
.pr { padding-right: 5px;}
.pr-1 { padding-right: 10px;}
.pr-2 { padding-right: 20px;}
.pr-3 { padding-right: 30px;}
.pr-4 { padding-right: 40px;}
.pr-5 { padding-right: 50px;}

/*圆角边框*/
.bor-ra5{border-radius:5px;}
.borTL20{border-top-left-radius: 20px!important;}
.borTR20{border-top-right-radius: 20px!important;}
.borBL20{border-bottom-left-radius: 20px!important;}
.borBR20{border-bottom-right-radius: 20px!important;}
/*左上角圆角*/
.l-t-ra5{border-top-left-radius:5px;}
.l-t-ra10{border-top-left-radius:10px;}
.l-t-ra15{border-top-left-radius:15px;}
.l-t-ra20{border-top-left-radius:20px;}
.l-t-ra25{border-top-left-radius:25px;}
/*左下角圆角*/
.l-b-ra5{border-bottom-left-radius:5px;}
.l-b-ra10{border-bottom-left-radius:10px;}
.l-b-ra15{border-bottom-left-radius:15px;}
.l-b-ra20{border-bottom-left-radius:20px;}
.l-b-ra25{border-bottom-left-radius:25px;}
/*右上角圆角*/
.r-t-ra5{border-top-right-radius:5px;}
.r-t-ra10{border-top-right-radius:10px;}
.r-t-ra15{border-top-right-radius:15px;}
.r-t-ra20{border-top-right-radius:20px;}
.r-t-ra25{border-top-right-radius:25px;}
/*右下角圆角*/
.r-b-ra5{border-bottom-right-radius:5px;}
.r-b-ra10{border-bottom-right-radius:10px;}
.r-b-ra15{border-bottom-right-radius:15px;}
.r-b-ra20{border-bottom-right-radius:20px;}
.r-b-ra25{border-bottom-right-radius:25px;}

/*定位*/
.pr{ position:relative;}
.pa{position:absolute;}
.pf{position:fixed;}
.fl{float: left;}
.fr{float: right;}
.r-0{right:0px;}
.r-1{right:1px;}
.r-2{right:2px;}
.r-3{right:3px;}
.r-4{right:4px;}

/*行高*/
.lh-24,.lh-24 p{line-height: 24px;}
.lh-30,.lh-30 p{line-height: 30px;}
.lh-40,.lh-40 p{line-height: 40px;}
.lh-45,.lh-45 p{line-height: 45px;}
.lh-50,.lh-50 p{line-height: 50px;}
.lh-60,.lh-60 p{line-height: 60px;}
.lh-68,.lh-68 p{line-height: 68px;}
.lh-70,.lh-70 p{line-height: 70px;}

/*字体样式*/
.f12,.font-12{font-size:12px;}
.f14,.font-14{font-size:14px;}
.f16,.font-16{font-size:16px;}
.f18,.font-18{font-size:18px;}
.f20,.font-20{font-size:20px;}
.f22,.font-22{font-size:22px;}
.f24,.font-24{font-size:24px;}
.font-26{font-size: 26px;}
.f36,.font-36{font-size:36px;}
.f40,.font-40{font-size:40px;}
.f48,.font-48{font-size:48px;}
.f60,.font-60{font-size:60px;}



/*移动端*/
@media screen and (max-width:768px) {
	.arts-how .how-steps{width: 100%;margin-left:0;padding: 15px 15px 0 15px;}
	.arts-how .how-steps::after{display: none;}
	.arts-how .how-steps .img img{display: inline;}

	.process-step .step_item{width: 100%;margin-bottom: 1rem;}
}