.mosaic .mosaicImgtile,.mosaic .material-card{box-shadow:0 0 12px 2px rgba(0,0,0,0.16)} .mosaic .mosaicImgtile,.mosaic .material-card,.mosaic img{border-radius:10px} .mosaic .material-card{outline:1px solid transparent} .mosaic .cards .card .card-body a.cta::after{bottom:0;margin-bottom:.2em;top:auto;margin-top:0;margin-left:2px} .mosaic .carousel-indicators{position:absolute !important;bottom:-20px} .mosaic .carousel-highlight:not(.carousel-sneak-peek) .carousel-controls{justify-content:space-between;bottom:inherit;top:44%;left:0;z-index:9;right:0;transform:translateY(-50%)} .mosaic .carousel-control-next:not(:disabled):hover::after,.mosaic .carousel-control-prev:not(:disabled):hover::after{transform:translate(0,0) !important} .mosaic .carousel-control-next:not(:disabled),.mosaic .carousel-control-prev:not(:disabled){background:#ccc} .mosaic .carousel-control-next:not(:disabled):hover,.mosaic .carousel-control-prev:not(:disabled):hover{box-shadow:0 4px 8px rgba(0,0,0,0.2);background:#fff} .mosaic .carousel-highlight:not(.carousel-sneak-peek) .carousel-control-prev,.mosaic .carousel-highlight:not(.carousel-sneak-peek) .carousel-control-next{border-radius:50%;margin:0 1rem} .mosaic .add-scrollanimation{animation:scrollAnimation .5s ease-in-out .5s forwards;opacity:0} .mosaic section>div:not(.scroll-fadein-fadeout) .remove-scrollanimation{opacity:1 !important} @keyframes scrollAnimation{0{opacity:0} 100%{opacity:1} } .remove-scrollanimation{opacity:0} .mosaic .card a:not(.cta){display:block;text-align:center} .mosaic .card .card-header{text-align:left} html[dir=rtl] .mosaic .card .card-header{text-align:right} .mosaic .cards .card .custom-checkbox{height:24px !important} .mosaic .disabled-card .card-body .cta{padding-left:.84rem !important;padding-right:.84rem !important} html[dir=ltr] .mosaic .card-body .cta{padding-left:.84rem !important} html[dir=rtl] .mosaic .card-body .cta{padding-right:.84rem !important} .mosaic .wdg-lifestyle-video .lifestyle-video .btn-div .videobutton.c-call-to-action.c-glyph:before{color:#0067b8 !important} .mosaic .wdg-lifestyle-video .lifestyle-video .btn-div .videobutton.c-call-to-action.c-glyph.glyph-play:before{margin-top:-2px;font-size:25px;vertical-align:middle;color:#0067b8 !important;content:"";transform:rotate(0);font-weight:500} .mosaic .wdg-lifestyle-video .lifestyle-video .btn-div .videobutton.c-call-to-action.c-glyph.glyph-play{border:0;background:#e6e6e6} .mosaic .wdg-lifestyle-video .lifestyle-video .btn-div .videobutton.c-call-to-action.c-glyph.glyph-pause:before{margin-left:1px} .mosaic .wdg-lifestyle-video .lifestyle-video .btn-div .videobutton.c-call-to-action.c-glyph:focus{border:3px dashed #000 !important;outline-offset:.2rem !important} .mosaic .desktopD .link-group .btn,.mosaic .mobileD .link-group .btn{padding:5px 20px 8px 20px;border-radius:8px} .mosaic .desktopD .link-group .btn:hover,.mosaic .mobileD .link-group .btn:hover{text-decoration:underline !important} .mosaic .mosaic-cards-2 .mosaic-card{display:flex;align-items:center;justify-content:center;flex-direction:row} .mosaic .mosaic-cards-2 .mosaic-card div{flex:1} .mosaic .mosaic-cards-2 .mosaic-card .checkbox-compare-cta{padding-top:30px;width:100%} .mosaic .mosaic-cards-1 .mosaic-card img{width:100%} .mosaic .mosaic-cards-2 .product>div,.mosaic .mosaic-cards-1{width:100%} @media screen and (min-width:1084px){.mosaic .flex-row .mosaic-media{padding-right:55px !important} .mosaic .flex-row-reverse .mosaic-media{padding-left:55px !important} .mosaic .cards .col:nth-child(1),.mosaic .cards .col:nth-child(3){padding-right:25px !important} .mosaic .cards .col:nth-child(2),.mosaic .cards .col:nth-child(4){padding-left:25px !important} .mosaic .flex-row .mosaic-tiles{padding-left:0} .mosaic .flex-row-reverse .mosaic-tiles{padding-right:0} .mosaic .badge{padding:.275em .60em;font-size:.85rem;margin-top:2px} html[dir=rtl] .mosaic .flex-row .mosaic-tiles{padding-right:0} html[dir=rtl] .mosaic .flex-row-reverse .mosaic-tiles{padding-left:0} html[dir=rtl] .mosaic .flex-row .mosaic-media{padding-right:0 !important;padding-left:55px !important} html[dir=rtl] .mosaic .flex-row-reverse .mosaic-media{padding-left:0 !important;padding-right:55px !important} html[dir=rtl] .mosaic .cards .col:nth-child(1),html[dir=rtl] .mosaic .cards .col:nth-child(3){padding-right:0 !important;padding-left:25px !important} html[dir=rtl] .mosaic .cards .col:nth-child(2),html[dir=rtl] .mosaic .cards .col:nth-child(4){padding-left:0 !important;padding-right:25px !important} .mosaic .cards:not(.mosaic-cards-2) img{padding-left:10px;padding-right:10px} .mosaic .mosaic-cards-2.cards .col:nth-child(1),.mosaic .mosaic-cards-2.cards .col:nth-child(2),.mosaic .mosaic-cards-1.cards .col:nth-child(1),html[dir=rtl] .mosaic .mosaic-cards-2.cards .col:nth-child(2),html[dir=rtl] .mosaic .mosaic-cards-2.cards .col:nth-child(1),html[dir=rtl] .mosaic .mosaic-cards-1.cards .col:nth-child(1){padding-right:0 !important;padding-left:0 !important} .mosaic .mosaic-media.mosaic-item-1,.mosaic .mosaic-tiles.mosaic-item-1{padding-right:.75rem !important;padding-left:.75rem !important} html[dir=rtl] .mosaic .flex-row-reverse .mosaic-media.mosaic-item-1,html[dir=rtl] .mosaic .flex-row .mosaic-tiles.mosaic-item-1{padding-right:.75rem !important;padding-left:0rem !important} html[dir=rtl] .mosaic .flex-row-reverse .mosaic-tiles.mosaic-item-1,html[dir=rtl] .mosaic .flex-row .mosaic-media.mosaic-item-1{padding-right:0rem !important;padding-left:.75rem !important} .mosaic .mosaic-cards-1 .checkbox-compare-cta{display:flex;flex-direction:column;position:absolute;bottom:2%;width:100%} .mosaic .mosaic-cards-2 .badge{position:absolute;top:16px} .mosaic .mosaic-cards-2.cards img{margin-top:1.5rem} .mosaic .mosaic-cards-2.cards .card .pt-4{margin-top:0rem !important;padding-top:0rem !important} .mosaic .mosaic-cards-1 .checkbox-compare-cta .link-group{margin-bottom:.2rem} } @media screen and (max-width:767px){.mosaic .cards{margin-top:3rem} .mosaic .d-none.d-sm-block,.mosaic .d-none.d-sm-flex{display:none !important} .mosaic .d-block.d-sm-none{display:block !important} .mosaic .d-block.d-sm-none.mobileD>div>h2{font-size:34px !important} .mosaic .d-block.d-sm-none.mobileD>div>a{font-size:24px !important;margin-top:10px !important} .mosaic .d-block.d-sm-none.mobileD>div>a::after{margin-top:-12px !important} .mosaic .carousel .card-header{padding-top:0} .mosaic .badge{margin-left:-6px;margin-top:-4px} } @media screen and (min-width:768px) and (max-width:1083px){.mosaic .desktop-dcards .card-body .link-group{font-size:24px;padding-bottom:1rem} .mosaic .cards{margin-top:3rem} .mosaic .mosaic-tiles{max-width:100%;flex:0 0 100%} .mosaic .d-block.d-sm-none.mobileD{display:none !important} .mosaic .cards .col:nth-child(1),.mosaic .cards .col:nth-child(3){padding-right:25px !important} .mosaic .cards .col:nth-child(2),.mosaic .cards .col:nth-child(4){padding-left:25px !important} html[dir=rtl] .mosaic .cards .col:nth-child(1),html[dir=rtl] .mosaic .cards .col:nth-child(3){padding-right:0 !important;padding-left:25px !important} html[dir=rtl] .mosaic .cards .col:nth-child(2),html[dir=rtl] .mosaic .cards .col:nth-child(4){padding-left:0 !important;padding-right:25px !important} .mosaic .badge{margin-top:4px} html[dir=rtl] .mosaic .mosaic-cards-2.cards .col:nth-child(1),html[dir=rtl] .mosaic .mosaic-cards-2.cards .col:nth-child(2),.mosaic .mosaic-cards-2.cards .col:nth-child(1),.mosaic .mosaic-cards-2.cards .col:nth-child(2),.mosaic .mosaic-cards-1.cards .col:nth-child(1),html[dir=rtl] .mosaic .mosaic-cards-1.cards .col:nth-child(1){padding-right:0 !important;padding-left:0 !important} .mosaic .mosaic-cards-2.cards{width:100%} } @media screen and (max-width:539px){.mosaic .wdg-lifestyle-video .lifestyle-video .btn-div.top-left{left:13px !important;top:13px !important} .mosaic .wdg-lifestyle-video .lifestyle-video .btn-div.top-right{right:13px !important;top:13px !important} .mosaic .wdg-lifestyle-video .lifestyle-video .btn-div.bottom-right{right:13px !important;bottom:13px !important} .mosaic .wdg-lifestyle-video .lifestyle-video .btn-div.bottom-left{left:13px !important;bottom:13px !important} .mosaic .wdg-lifestyle-video .lifestyle-video .btn-div .videobutton.c-call-to-action.c-glyph{width:40px !important;height:40px !important} } @media only screen and (min-width:1084px) and (max-width:1200px){.mosaic .wdg-lifestyle-video .lifestyle-video .btn-div.top-left{left:3% !important;top:3% !important} .mosaic .wdg-lifestyle-video .lifestyle-video .btn-div.top-right{right:3% !important;top:3% !important} .mosaic .wdg-lifestyle-video .lifestyle-video .btn-div.bottom-right{right:3% !important;bottom:3% !important} .mosaic .wdg-lifestyle-video .lifestyle-video .btn-div.bottom-left{left:3% !important;bottom:3% !important} } @media screen and (max-width:420px){.mosaic .wdg-lifestyle-video .lifestyle-video .btn-div.top-left{left:2% !important;top:2% !important} .mosaic .wdg-lifestyle-video .lifestyle-video .btn-div.top-right{right:2% !important;top:2% !important} .mosaic .wdg-lifestyle-video .lifestyle-video .btn-div.bottom-right{right:2% !important;bottom:2% !important} .mosaic .wdg-lifestyle-video .lifestyle-video .btn-div.bottom-left{left:2% !important;bottom:2% !important} } .mosaic .d-none.d-sm-flex.desktopD>div>h2{font-size:30px !important} .mosaic .d-none.d-sm-flex.desktopD>div>a{font-size:20px !important;margin-top:10px !important} .mosaic .d-none.d-sm-flex.desktopD>div>a.cta::after{margin-top:-12px !important} .mosaic video{border-radius:8px !important} .mosaic .carousel .carousel-inner{padding:.5rem !important} .mosaic .carousel-highlight:not(.carousel-sneak-peek) .carousel-control-prev,.mosaic .carousel-highlight:not(.carousel-sneak-peek) .carousel-control-next{position:inherit !important} .mosaic .mosaic-polite span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0} .mosaic .mobileD{padding-left:1.25rem !important;padding-right:1.25rem !important} .mosaic .product input[disabled="disabled"] ~ label{cursor:not-allowed !important} .mosaic .disabled-card{pointer-events:none} .mosaic .disabled-card a{text-decoration:none !important;color:#00000099 !important;background-color:transparent !important} .mosaic .disabled-card a.cta::after,.mosaic .disabled-card a.cta span{display:none} .mosaic .mobile-dcards .card-body .link-group{font-size:24px} .mosaic .mobile-dcards .card .mt-3{margin-top:0 !important} .mosaic .mobile-dcards .card{padding-left:.7rem !important;padding-top:.7rem !important} .mosaic .card .card-body .cta{margin-top:.7rem;margin-bottom:.2rem} .mosaic .card .card-body{margin-bottom:10px} .mosaic .card .custom-checkbox{margin-top:-10px !important;padding-bottom:10px}