.before-after-s__head{margin-bottom:20px}@media screen and (min-width: 990px){.before-after-s__head{margin-bottom:40px}}@media screen and (min-width: 1200px){.before-after-s__head{margin-bottom:50px}}.before-after-s__tabs{display:flex;align-items:center;padding-bottom:7px;border-bottom:1px solid #d9d9d9}@media screen and (min-width: 990px){.before-after-s__tabs{padding-bottom:14px}}.before-after-s__tab{position:relative;margin-right:32px;cursor:pointer}.before-after-s__tab:last-of-type{margin-right:0}.before-after-s__tab button:hover{text-decoration:none}.before-after-s__tab button{border:0;padding:0;margin:0;background:transparent}.before-after-s__tab span{font-size:13px;font-weight:400;line-height:22px;letter-spacing:-.342px;color:#303030;font-family:var(--font-family-roboto)}@media screen and (min-width: 990px){.before-after-s__tab span{font-size:16px}}@media screen and (min-width: 1200px){.before-after-s__tab span{font-size:23px;line-height:31px}}.before-after-s__tab.js-active:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:4px;background-color:#cf3339}@media screen and (min-width: 990px){.before-after-s__tab.js-active:after{bottom:-15px;height:5px}.before-after-s__body{display:flex;flex-wrap:wrap;justify-content:space-between}}.before-after-s__card{margin-bottom:20px}@media screen and (min-width: 990px){.before-after-s__card{margin-bottom:40px;width:calc(50% - 16px)}}.before-after-card__image{margin-bottom:10px}.before-after-card__body{padding:10px 14px 16px;background-color:#f6f6f6;border-radius:10px;display:flex;align-items:stretch}@media screen and (min-width: 750px){.before-after-card__body{padding:16px 28px 30px}}@media screen and (min-width: 990px){.before-after-card__body{padding:10px 14px 16px}}@media screen and (min-width: 1200px){.before-after-card__body{padding:16px 28px 30px}}.before-after-card__info{padding-top:14px;display:flex;flex-direction:column;color:#585550;font-family:Metric;line-height:1;height:auto}@media screen and (min-width: 750px){.before-after-card__info{padding-top:24px}}@media screen and (min-width: 990px){.before-after-card__info{padding-top:16px}}@media screen and (min-width: 1200px){.before-after-card__info{padding-top:24px}}.before-after-card__info p{line-height:1}.before-after-card__title{font-size:20px;font-weight:700;margin-bottom:3px}@media screen and (min-width: 750px){.before-after-card__title{font-size:37px}}@media screen and (min-width: 990px){.before-after-card__title{font-size:22px}}@media screen and (min-width: 1200px){.before-after-card__title{font-size:37px}}.before-after-card__subtitle{font-size:12px;font-weight:400;margin-bottom:10px}@media screen and (min-width: 750px){.before-after-card__subtitle{font-size:22px}}@media screen and (min-width: 990px){.before-after-card__subtitle{font-size:14px}}@media screen and (min-width: 1200px){.before-after-card__subtitle{font-size:22px}}.before-after-card__text{margin:0;font-size:19px;font-weight:400}@media screen and (min-width: 750px){.before-after-card__text{font-size:37px}}@media screen and (min-width: 990px){.before-after-card__text{font-size:22px}}@media screen and (min-width: 1200px){.before-after-card__text{font-size:37px}}.before-after-card__btn{padding-top:20px;margin-top:auto}@media screen and (min-width: 750px){.before-after-card__btn{padding-top:40px}}@media screen and (min-width: 990px){.before-after-card__btn{padding-top:20px}}@media screen and (min-width: 1200px){.before-after-card__btn{padding-top:40px}}.before-after-card__btn button{padding:5px 10px;border:0;font-family:Metric;display:flex;align-items:center;justify-content:center;text-align:center;min-height:24px;min-width:120px;border-radius:5px;color:#fff;background:#373737;font-size:10px;font-weight:500}.before-after-card__btn button:not([id^=wetheme-dropdown]):not(.secondary-button):not(.alt-focus):focus{color:#fff!important;background:#373737!important}.before-after-card__btn button:hover{background-image:none;outline:0;box-shadow:inset 0 3px 5px #00000021}@media screen and (min-width: 750px){.before-after-card__btn button{padding:10px 15px;min-height:40px;min-width:210px;font-size:16px}}@media screen and (min-width: 990px){.before-after-card__btn button{padding:5px 10px;min-height:24px;min-width:140px;font-size:12px}}@media screen and (min-width: 1200px){.before-after-card__btn button{padding:10px 15px;min-height:40px;min-width:210px;font-size:16px}}.before-after-card__btn button.loading{opacity:.5;touch-action:none;pointer-events:none}.before-after-card__btn button.loading span{opacity:0}.before-after-card__btn button.bundle-applied{opacity:.5;touch-action:none;pointer-events:none}.before-after-card__items{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:wrap;height:auto;margin-left:auto;padding-left:10px}.before-after-card__item{width:calc(33% - 10px);height:auto;display:flex;flex-direction:column;align-items:center;margin-left:15px}.before-after-card__item:hover{text-decoration:none}.before-after-card__item:hover img{transform:scale(1.05)}.before-after-card__item:first-of-type{margin-left:0}.before-after-card__item figure{margin-top:auto;min-width:50px;width:100%;max-width:85px;margin-bottom:10px;text-align:center}@media screen and (min-width: 750px){.before-after-card__item figure{max-width:110px}}@media screen and (min-width: 990px){.before-after-card__item figure{max-width:85px}}@media screen and (min-width: 1200px){.before-after-card__item figure{max-width:110px;min-width:110px}}.before-after-card__item figure img{width:100%;height:100%;max-width:65px;max-height:85px;-o-object-fit:contain;object-fit:contain;transform:scale(1);transition:.3s ease-in-out}@media screen and (min-width: 750px){.before-after-card__item figure img{max-width:150px;max-height:160px}}@media screen and (min-width: 990px){.before-after-card__item figure img{max-width:65px;max-height:85px}}@media screen and (min-width: 1200px){.before-after-card__item figure img{max-width:150px;max-height:160px}}.before-after-card__item p{display:flex;align-items:center;justify-content:center;min-height:22px;margin:0;color:#000;text-align:center;font-weight:700;font-size:8.5px;line-height:9.5px}@media screen and (min-width: 750px){.before-after-card__item p{font-size:16px;line-height:18px;min-height:36px}}@media screen and (min-width: 990px){.before-after-card__item p{font-size:10px;line-height:12px;min-height:26px}}@media screen and (min-width: 1200px){.before-after-card__item p{font-size:16px;line-height:18px;min-height:36px}}.loading__spinner{position:absolute;z-index:1;width:12px;display:inline-block}@media screen and (min-width: 750px){.loading__spinner{width:18px}}.spinner{animation:rotator 1.4s linear infinite}.spinner circle{stroke:#fff}.spinner .path{stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;animation:dash 1.4s ease-in-out infinite}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}}