.new-banner-container{height:70rem;display:flex}.color-block{width:30%;display:flex;justify-content:center}.image-block{width:70%;background:#ddd;position:relative}.color-block-content{width:80%;position:relative}.color-block-content a{position:absolute;bottom:12rem;display:block}.new__banner__media{position:absolute;top:0;right:0;left:auto;width:100%;height:100%}.light-color-block{color:#162838;background:#f3f3f3}.dark-color-block{color:#f3f3f3;background:#162838}.light-color-block *{fill:#162838;color:#162838}.dark-color-block *{fill:#f3f3f3;color:#f3f3f3}.banner-button-icon-wrap svg{padding-left:5px}.color-block-title{font-size:68px;line-height:66px;margin:0;position:absolute;top:12rem}.color-block-text{position:absolute;top:30rem}.slider-dots{position:absolute;bottom:5rem;cursor:default}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;border:none;border-radius:50%;display:inline-block;padding:0}.light-color-block .dot{background-color:#00000080}.light-color-block .dot.on{background-color:#000}.dark-color-block .dot{background-color:#fff}.dark-color-block .dot.on{background-color:#ffffff80}@media screen and (max-width: 749px){.new-banner-container{height:60rem;flex-direction:column-reverse}.color-block{width:100%;height:50%}.image-block{width:100%;height:50%;position:relative}.color-block-title{font-size:42px;line-height:40px;margin:0;top:3rem}.color-block-text{top:10rem}.color-block-content a{bottom:6rem}.slider-dots{bottom:2rem}}.new-banner-container .banner_pointer{display:none;height:100%}.new-banner-container .pointer-infos{border-radius:25px;background:#e0e1d980;padding:22px 8px 20px 20px;opacity:0;transition:opacity linear .5s;margin-bottom:46px;position:absolute;transform:translate(-50%,-50%);top:calc(50% - 50px);left:calc(50% + 50px);width:302px;z-index:2}.new-banner-container .pointer .pointer-img{position:absolute;z-index:2;cursor:pointer;padding-bottom:20px;transform:translate(-50%,-50%);top:calc(50% + 80px);left:calc(50% - 150px)}.new-banner-container .pointer .pointer-infos:hover,.new-banner-container .pointer:hover .pointer-infos{opacity:1}.banner__content.banner_pointer{z-index:initial}@media screen and (min-width: 750px){.dark-color-block .dot:hover{background-color:#ffffff80}.light-color-block .dot:hover{background-color:#000}.new-banner-container .banner_pointer{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/185/assets/new-main-banner.css.map */