.product-lineup.pad-bottom{display:flex;flex-direction:column;background:conic-gradient(from -46.85deg at 25.86% 48.12%,rgba(255,255,255,0) 0,rgba(225,225,225,.2) 360deg),#fff;padding-bottom:117px} @media only screen and (max-width:1919px){.product-lineup.pad-bottom{padding-bottom:101px} } @media only screen and (max-width:1401px){.product-lineup.pad-bottom{padding-bottom:85px;background:conic-gradient(from -46.85deg at 25.86% 48.12%,rgba(255,255,255,0) 0,rgba(225,225,225,.2) 360deg),#fff} } @media only screen and (max-width:1084px){.product-lineup.pad-bottom{padding-bottom:77px;background:conic-gradient(from -46.85deg at 35.86% 48.12%,rgba(255,255,255,0) 0,rgba(225,225,225,.2) 360deg),#fff} } @media only screen and (max-width:768px){.product-lineup.pad-bottom{padding-bottom:69px;background:conic-gradient(from -46.85deg at 45.86% 48.12%,rgba(255,255,255,0) 0,rgba(225,225,225,.2) 360deg),#fff} } @media only screen and (max-width:540px){.product-lineup.pad-bottom{background:conic-gradient(from -46.85deg at 61.86% 48.12%,rgba(255,255,255,0) 0,rgba(225,225,225,.2) 360deg),#fff} } @media only screen and (max-width:360px){.product-lineup.pad-bottom{background:conic-gradient(from -46.85deg at 92.86% 48.12%,rgba(255,255,255,0) 0,rgba(225,225,225,.2) 360deg),#fff} } .product-lineup .product-lineup-banner{order:1;padding:96px 296px} @media screen and (max-width:1919px){.product-lineup .product-lineup-banner{padding:80px 178px} } @media screen and (max-width:1400px){.product-lineup .product-lineup-banner{padding:64px 139px} } @media screen and (max-width:1083px){.product-lineup .product-lineup-banner{padding:56px 76px} } @media screen and (max-width:768px){.product-lineup .product-lineup-banner{padding:48px 12px} } .product-lineup .product-lineup-banner .c-heading-1{font-size:62px;line-height:72px;font-weight:600;width:50%;padding:0 0 14px} @media only screen and (min-width:1084px){.product-lineup .product-lineup-banner .c-heading-1{display:flex;flex-direction:column} } @media screen and (max-width:1400px){.product-lineup .product-lineup-banner .c-heading-1{font-size:46px;line-height:56px} } @media screen and (max-width:1083px){.product-lineup .product-lineup-banner .c-heading-1{font-size:34px;line-height:40px} } @media screen and (max-width:540px){.product-lineup .product-lineup-banner .c-heading-1{width:80%} } .product-lineup .product-lineup-actions{order:3;display:flex;padding-left:165px} @media screen and (max-width:1919px){.product-lineup .product-lineup-actions{padding-left:75px} } @media screen and (max-width:1400px){.product-lineup .product-lineup-actions{padding-left:61px} } @media screen and (max-width:1083px){.product-lineup .product-lineup-actions{padding-left:5px} } @media screen and (max-width:767px){.product-lineup .product-lineup-actions{justify-content:center} } .product-lineup .product-lineup-actions .previous{border:0;background:0} .product-lineup .product-lineup-actions .previous[disabled="disabled"]{opacity:.5} .product-lineup .product-lineup-actions .previous::after{font-family:"MWF-MDL2";font-size:30px;display:inline-block;vertical-align:middle;color:#0067b8;content:"\E76B"} @media screen and (prefers-color-scheme:dark){.product-lineup .product-lineup-actions .previous::after{color:ButtonText} } @media screen and (forced-colors:active) and (prefers-color-scheme:light){.product-lineup .product-lineup-actions .previous::after{color:ButtonText} } .product-lineup .product-lineup-actions .next{border:0;background:0;order:3} .product-lineup .product-lineup-actions .next[disabled="disabled"]{opacity:.5} .product-lineup .product-lineup-actions .next::after{font-family:"MWF-MDL2";font-size:30px;display:inline-block;vertical-align:middle;color:#0067b8;content:"\E76C"} @media screen and (prefers-color-scheme:dark){.product-lineup .product-lineup-actions .next::after{color:ButtonText} } @media screen and (forced-colors:active) and (prefers-color-scheme:light){.product-lineup .product-lineup-actions .next::after{color:ButtonText} } .product-lineup .product-lineup-actions .indicators-list{display:flex;align-items:center} .product-lineup .product-lineup-actions .indicators-list .indicator-item{width:10.5px;height:10.5px;border:1px solid #0067b8;border-radius:50%;margin:0 9px} .product-lineup .product-lineup-actions .indicators-list .indicator-item.active{background-color:#0067b8} @media screen and (prefers-color-scheme:dark){.product-lineup .product-lineup-actions .indicators-list .indicator-item.active{background-color:Highlight} } @media screen and (forced-colors:active) and (prefers-color-scheme:light){.product-lineup .product-lineup-actions .indicators-list .indicator-item.active{background-color:Highlight} } .product-lineup .list-items{order:2;overflow:hidden;white-space:nowrap;padding-left:149px} @media screen and (max-width:1919px){.product-lineup .list-items{padding-left:58px} } @media screen and (max-width:1400px){.product-lineup .list-items{padding-left:44px} } @media screen and (max-width:1083px){.product-lineup .list-items{padding-left:0} } .product-lineup .list-items .item{padding:51px;display:inline-block} @media screen and (max-width:1919px){.product-lineup .list-items .item{padding:52px} } @media screen and (max-width:1400px){.product-lineup .list-items .item{padding:36px} } @media screen and (max-width:540px){.product-lineup .list-items .item{padding:26px} } .product-lineup .list-items .item .item-content{width:439px;white-space:normal} @media screen and (max-width:1919px){.product-lineup .list-items .item .item-content{width:323px} } @media screen and (max-width:1400px){.product-lineup .list-items .item .item-content{width:260px} } @media screen and (max-width:1083px){.product-lineup .list-items .item .item-content{width:248px} } @media screen and (max-width:767px){.product-lineup .list-items .item .item-content{width:242px} } @media screen and (max-width:540px){.product-lineup .list-items .item .item-content{width:218px} } .product-lineup .list-items .item .item-content picture img{width:100%} .product-lineup .list-items .item .item-content .c-heading-4{font-size:24px;line-height:28px;font-weight:600;color:#000;padding:32px 0 8px} @media screen and (max-width:1083px){.product-lineup .list-items .item .item-content .c-heading-4{font-size:20px;line-height:24px} } .product-lineup .list-items .item .item-content .c-paragraph-2{font-size:15px;line-height:20px;font-weight:400;color:#2f2f2f;padding:8px 0} @media screen and (max-width:992px){.product-lineup .list-items .item .item-content .c-paragraph-2{height:auto !important} } .product-lineup .list-items .item .item-content .c-paragraph-2 a{text-decoration:underline;color:#0067b8} .product-lineup a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus){color:#005da6;background:rgba(0,103,184,.1) !important} .product-lineup a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus),.product-lineup a.c-call-to-action.f-lightweight:hover,.product-lineup a.c-call-to-action.f-lightweight:active{background:transparent;box-shadow:none !important} .product-lineup a.c-call-to-action.f-lightweight:focus{border-color:#000;outline-color:rgba(255,255,255,.6)} .product-lineup a.c-call-to-action.f-lightweight{padding:10px 3px 7px 0;position:relative;border:2px solid transparent;outline:1px solid transparent;outline-offset:-3px;margin-left:0;color:#0067b8;background:transparent;transition:none;padding-right:2px;overflow:initial} .product-lineup a.c-call-to-action,.product-lineup a.btn.c-button.f-primary{font-size:15px;padding:10px 20px 6px 22px;position:relative;border:2px solid transparent;outline:1px solid transparent;outline-offset:-3px;max-width:100%;display:inline-block;overflow:hidden;color:#fff;font-weight:600;text-align:center;text-decoration:none;letter-spacing:0;line-height:1.3;white-space:nowrap;transition:all 200ms ease-in-out;box-shadow:0 4px 8px 0 transparent;background:#0067b8} .product-lineup a.btn.c-button.f-primary:hover{box-shadow:0 4px 8px 0 rgb(0 0 0 / 20%);background:#005da6} .product-lineup a.c-call-to-action:not(.glyph-play):focus:not(.x-hidden-focus):after,.product-lineup a.c-call-to-action:not(.glyph-play):hover:after{right:-4px !important} .product-lineup a.c-call-to-action:not(.glyph-play):after{font-size:11px;margin-top:3px;margin-left:3px;display:inline-block;position:relative;right:0;content:"";vertical-align:top;font-family:"MWF-MDL2"} .product-lineup a.c-call-to-action:after{transition:all 200ms ease-in-out} .product-lineup a.c-call-to-action span{max-width:100%;display:inline-block;text-decoration:none !important;position:relative;left:0;text-overflow:clip;overflow:hidden;transition:all 200ms ease-in-out;vertical-align:top;line-height:18.5px} .product-lineup a.c-call-to-action.c-glyph:before,.product-lineup a.c-call-to-action.c-glyph:after{font-family:"MWF-MDL2";display:inline-block;text-decoration:underline} .product-lineup a.c-call-to-action.c-glyph:before,.product-lineup a.c-call-to-action.c-glyph:after,.product-lineup a.c-call-to-action.c-glyph:hover:before,.product-lineup a.c-call-to-action.c-glyph:hover:after{text-decoration:none} .product-lineup a.c-call-to-action:focus:not(.x-hidden-focus) span,.product-lineup a.c-call-to-action:hover span{box-shadow:0 3px 0 -1px currentColor} .product-lineup .product-lineup-actions button:focus{outline:0} .product-lineup .c-heading-1{font-size:62px;line-height:72px} .product-lineup .c-heading-2{font-size:46px;line-height:56px} .product-lineup .c-heading-3{font-size:34px;line-height:40px} .product-lineup .c-heading-4{font-size:24px;line-height:28px} .product-lineup .c-heading-5{font-size:20px;line-height:24px} .product-lineup .c-heading-6{font-size:18px;line-height:24px} @media(max-width:767px){.product-lineup .c-heading-1{font-size:46px;line-height:56px} .product-lineup .c-heading-2{font-size:34px;line-height:40px} .product-lineup .c-heading-3{font-size:26px;line-height:32px} .product-lineup .c-heading-4{font-size:20px;line-height:24px} .product-lineup .c-heading-5{font-size:18px;line-height:24px} .product-lineup .c-heading-6{font-size:16px;line-height:20px} } [dir=rtl] .product-lineup a.c-call-to-action.f-lightweight{padding-right:0} [dir=rtl] .product-lineup a.c-call-to-action.f-lightweight{padding-right:0} [dir=rtl] .product-lineup a.c-call-to-action:not(.glyph-play):after{content:"";padding-right:0;transform:none} [dir=rtl] .product-lineup a.c-call-to-action:not(.glyph-play):focus:not(.x-hidden-focus):after,[dir=rtl] .product-lineup a.c-call-to-action:not(.glyph-play):hover:after{right:0 !important;transform:translate(-0.25em,0) !important} [dir=rtl] .product-lineup .product-lineup-actions .previous::after{content:"\E76C"} [dir=rtl] .product-lineup .product-lineup-actions .next::after{content:"\E76B"}