.new-hero-hp{padding:10px 40px}
.new-hero-hp__flex-wrapper{display:flex;align-items:center;margin:0 -21px}
.new-hero-hp__flex-item{display:flex;width:25%;padding:0 21px;height:560px;will-change:width;transition:width .5s linear,flex-shrink .5s linear}
.new-hero-hp__background{position:relative;z-index:2;width:100%;transition:z-index 0 .3s}
.new-hero-hp__background:before{content:'';position:absolute;z-index:2;inset:0;border-radius:20px;box-shadow:0 0 0 20px #fff;transition:inset .3s linear}
.new-hero-hp__background:hover:before,.new-hero-hp__flex-item--opened .new-hero-hp__background:before{inset:-10px}
.new-hero-hp__flex-item--opened .new-hero-hp__background:before{opacity:0}
.new-hero-hp__background-layers{position:absolute;width:100%;height:100%;z-index:1;border-radius:20px;transition:transform .3s linear}
.new-hero-hp__background-resolution-layer{position:absolute;width:calc(100% + 20px);height:calc(100% + 20px);left:-10px;top:-10px;z-index:1}
.new-hero-hp__background-resolution-layer--mobile{display:none}
.new-hero-hp__background-layer{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;transition:opacity .3s linear}
.new-hero-hp__background-wrapper{position:absolute;overflow:hidden;width:100%;height:100%;z-index:2;transition:width .3s linear}
.new-hero-hp__background:hover .new-hero-hp__background-wrapper,.new-hero-hp__flex-item--opened .new-hero-hp__background-wrapper{width:calc(100% + 10px)}
.new-hero-hp__product-name{display:flex;align-items:center;border-radius:20px;background:linear-gradient(225deg,rgba(255,255,255,0.05) 0,rgba(255,255,255,0.20) 100%),rgba(0,0,0,0.30);backdrop-filter:blur(15px);width:fit-content;white-space:nowrap;padding:7px 14px 10px;font-weight:500;color:#fff;margin-bottom:28px;font-size:16px;line-height:1.2}
.new-hero-hp__product-name-badge{font-size:14px;background:linear-gradient(131deg,#e54800 0,#fe8624 51.12%,#ffab64 100%);color:#401d19;font-weight:500;border-radius:12px;padding:5px 8px 7px 8px;line-height:10px;margin-left:8px}
.new-hero-hp__product-name--badge{padding-right:8px}
.new-hero-hp__product-column-title{font-size:26px;color:#222;line-height:1.3;font-weight:500;margin-bottom:16px;max-width:300px;font-family:'RingCentralDisplay',Helvetica,Arial,sans-serif}
.new-hero-hp__product-column-title--no-cta{margin-bottom:40px}
.new-hero-hp__toggler-wrapper{position:absolute;display:flex;justify-content:flex-end;right:0;bottom:0;z-index:2}
.new-hero-hp__toggler-bg{width:68px;height:68px;border-radius:39px 0 0 0;background-color:#fff}
.new-hero-hp__toggler-bg-part{position:absolute;inset:0;color:#fff;transition:inset .3s linear;z-index:2}
.new-hero-hp__toggler-bg-part svg{position:absolute}
.new-hero-hp__background:hover .new-hero-hp__toggler-bg-part--right,.new-hero-hp__flex-item--opened .new-hero-hp__toggler-bg-part--right{inset:0 -10px}
.new-hero-hp__background:hover .new-hero-hp__toggler-bg-part--bottom,.new-hero-hp__flex-item--opened .new-hero-hp__toggler-bg-part--bottom{inset:-10px 0}
.new-hero-hp__toggler-bg-part--right:after{content:'';position:absolute;width:10px;height:88px;background-color:#fff;bottom:-5px;right:-9px}
.new-hero-hp__toggler-bg-part--bottom:after{content:'';position:absolute;width:88px;height:10px;background-color:#fff;bottom:-9px;right:-5px}
.new-hero-hp__toggler-bg-part--right svg{height:88px;width:20px;bottom:0;right:0}
.new-hero-hp__toggler-bg-part--bottom svg{bottom:0;right:0;height:20px;width:88px}
.new-hero-hp__background:hover{z-index:1;transition:z-index 0}
.new-hero-hp__flex-item--opened .new-hero-hp__background{z-index:3}
.new-hero-hp__toggler-bg:after{content:'';position:absolute;width:20px;height:20px;right:-10px;bottom:-10px;background-color:#fff}
.new-hero-hp__toggler-btn{position:absolute;width:58px;height:58px;border-radius:50%;bottom:0;color:#da5001;transition:transform .3s linear}
.new-hero-hp__flex-item--opened{width:calc(100% - (166px + 42px) * 3);flex-shrink:0;max-width:938px}
.new-hero-hp__flex-item--opened .new-hero-hp__background-layer--outer{opacity:0}
.new-hero-hp__flex-item--opened .new-hero-hp__product-name{background:linear-gradient(225deg,rgba(255,188,128,0.20) 0,rgba(255,122,0,0.30) 100%);backdrop-filter:blur(15px);color:#401d19}
.new-hero-hp__product-column-cta-wrapper{margin-bottom:40px}
.new-hero-hp__product-column-cta{display:flex;align-items:center;font-size:16px;height:32px;border-radius:16px;color:#992e01;position:relative;font-weight:500;padding:5px 8px 5px 12px;width:fit-content}
.new-hero-hp__product-column-cta-text{display:inline-block;margin-right:16px}
.new-hero-hp__product-column-cta-ico{width:17px;height:17px}
.new-hero-hp__product-column-cta:after{content:'';position:absolute;right:0;background-color:#fae5d1;width:32px;height:32px;border-radius:16px;z-index:-1;transition:width .3s linear}
.new-hero-hp__product-column-cta:focus:after,.new-hero-hp__product-column-cta:hover:after{width:100%}
.new-hero-hp__flex-item--opened .new-hero-hp__toggler-btn{transform:rotate(45deg)}
.new-hero-hp__product-columns{display:flex;height:100%;justify-content:space-between;align-items:center}
.new-hero-hp__product-column{height:100%}
.new-hero-hp__product-column--content{padding:20px 0 0 20px;min-width:50px;transition:min-width 0 .2s}
.new-hero-hp__flex-item--opened .new-hero-hp__product-column--content{min-width:436px;max-width:448px;transition:min-width 0}
.new-hero-hp__product-column--image{max-width:450px;position:relative;display:flex;opacity:0;min-width:340px;flex-shrink:0;align-items:center;top:-10px;right:-10px;transition:opacity .3s linear,min-width 0 .2s}
.new-hero-hp__product-column-link{display:flex;align-items:center;position:relative;font-weight:500;width:fit-content;font-size:16px;color:#401d19;white-space:nowrap;top:0;border-radius:4px;text-decoration:underline}
.new-hero-hp__product-column-link-ico{width:32px;height:32px;margin-right:8px}
.new-hero-hp__product-column-link-text--badge{padding-right:55px;display:flex}
.new-hero-hp__product-column-links-list{margin:-12px;display:flex;flex-wrap:wrap}
.new-hero-hp__product-column-link-wrapper{padding:12px;width:100%}
.new-hero-hp__product-hidden-elements{opacity:0;pointer-events:none;transform:translateY(50px);max-width:448px;visibility:hidden;transition:opacity .3s linear,transform .3s linear}
.new-hero-hp__flex-item--opened .new-hero-hp__product-hidden-elements{transform:translateY(0);opacity:1;pointer-events:auto;visibility:visible;transition:opacity .3s linear,transform .3s linear}
.new-hero-hp__flex-item--opened .new-hero-hp__product-column--image{opacity:1;transition:opacity .3s linear,min-width 0}
.new-hero-hp__product-column-link-text-badge{background:linear-gradient(131deg,#e54800 0,#fe8624 51.12%,#ffab64 100%);font-size:14px;top:50%;transform:translateY(-50%);right:0;color:#401d19;text-transform:uppercase;height:22px;padding:0 8px;display:flex;align-items:center;border-radius:12px;position:absolute;justify-content:center}
.new-hero-hp__item-focus-helper{visibility:hidden}
.new-hero-hp__flex-item--opened .new-hero-hp__item-focus-helper{visibility:visible}
@media(min-width:1366px){.new-hero-hp__product-column-links-list--two-columns-wide-screen .new-hero-hp__product-column-link-wrapper{width:50%}
}
@media(min-width:1025px) and (max-width:1367px){.new-hero-hp__product-column--content{min-width:100%}
.new-hero-hp__product-column--image{display:none}
}
@media(max-width:1367px){.new-hero-hp{padding:0 28px}
.new-hero-hp__flex-wrapper{margin:-16px 0}
.new-hero-hp__flex-item{padding:0 16px;height:580px}
}
@media(max-width:1024px){.new-hero-hp__flex-wrapper{flex-wrap:wrap}
.new-hero-hp__flex-item{width:100%;height:260px;transition:height .3s ease-in-out;padding:16px 0}
.new-hero-hp__flex-item--opened{max-width:100%;height:630px}
.new-hero-hp__background:before{display:none}
.new-hero-hp__background-resolution-layer{width:100%;height:100%;left:0;top:0}
.new-hero-hp__background:hover .new-hero-hp__toggler-bg-part--right,.new-hero-hp__background:hover .new-hero-hp__toggler-bg-part--bottom{inset:0}
.new-hero-hp__background:hover .new-hero-hp__background-wrapper,.new-hero-hp__flex-item--opened .new-hero-hp__background-wrapper{width:100%}
.new-hero-hp__product-column--image{max-width:50%}
.new-hero-hp__flex-item--opened .new-hero-hp__product-column--content{min-width:50%}
.new-hero-hp__product-column-link-wrapper{white-space:nowrap}
}
@media(min-width:992px) and (max-width:1024px){.new-hero-hp__product-column-links-list--two-columns-wide-screen .new-hero-hp__product-column-link-wrapper{width:50%}
}
@media(max-width:767px){.new-hero-hp__flex-wrapper{margin:-10px 0}
.new-hero-hp__flex-item{padding:10px 0;height:fit-content;max-height:190px;overflow:hidden;transition:max-height .3s ease-in-out}
.new-hero-hp__flex-item--opened{max-height:1100px}
.new-hero-hp__product-column--content{padding-left:16px;padding-top:16px}
.new-hero-hp__background-layer--inner{background-size:715px 451px;background-position:bottom right;background-color:#f6f5f1}
.new-hero-hp__background-wrapper{position:relative}
.new-hero-hp__background-resolution-layer--desktop{display:none}
.new-hero-hp__background-resolution-layer--mobile{display:block}
.new-hero-hp__product-columns{width:auto;padding-bottom:30px;flex-wrap:wrap}
.new-hero-hp__product-column--content{max-width:100%;width:100%;height:auto;margin-bottom:32px}
.new-hero-hp__product-column--image{max-width:100%;width:100%;top:0;right:0;height:auto}
.new-hero-hp__product-column-link-wrapper{white-space:nowrap}
.new-hero-hp__background-layer--outer{transition:opacity .3s .2s linear}
.new-hero-hp__flex-item--opened .new-hero-hp__background-layer--outer{transition:unset}
}