.m-promo-columns,.m-promo-columns.has-border-left .row,.m-promo-columns.has-shape-left .row{position:relative}.m-promo-columns{border-bottom:1px solid var(--pattern-color);-webkit-transition:border-color .3s;-o-transition:border-color .3s;transition:border-color .3s;padding:90px 0;overflow:hidden}.m-promo-columns.has-border-left .row::before,.m-promo-columns.has-shape-left .row::before{position:absolute;left:60px;height:calc(100% + 180px);border-left:1px solid var(--pattern-color);-webkit-transition:border-color .3s;-o-transition:border-color .3s;top:-90px}.m-promo-columns.has-border-left .row::before{width:0;transition:border-color .3s}.m-promo-columns.has-shape-left .row::before{width:118px;transition:border-color .3s;border-right:1px solid var(--pattern-color)}.m-promo-columns.has-shape-left .m-promo-columns__shape,.m-promo-columns.has-shape-left .row::after{position:absolute;width:118px;border-top:1px solid var(--pattern-color);-webkit-transition:border-color .3s;-o-transition:border-color .3s;left:60px}.m-promo-columns.has-shape-left .row::after{top:420px;height:0;transition:border-color .3s}.m-promo-columns.has-shape-left .m-promo-columns__shape{display:none;top:-90px;height:206px;background-image:url(../../img/pattern/3.svg);background-size:100% 100%;-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1);transition:border-color .3s}.m-promo-columns.has-border .row::after,.m-promo-columns.has-border .row::before{top:-90px;width:0;height:calc(100% + 180px);border-left:1px solid var(--pattern-color);-webkit-transition:border-color .3s;-o-transition:border-color .3s;position:absolute}.m-promo-columns.has-border .row{position:relative}.m-promo-columns.has-border .row::before{left:60px;transition:border-color .3s}.m-promo-columns.has-border .row::after{right:60px;transition:border-color .3s}.m-promo-columns .container{border:none}.m-promo-columns__promo-columns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}@media only screen and (min-width:1024px){.m-promo-columns__promo-columns:not(:first-child){margin-top:30px}.m-promo-columns__promo-columns{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.m-promo-columns__promo-columns>*{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}@media only screen and (min-width:768px) and (max-width:1023px){.m-promo-columns__promo-columns>*{width:70%}.m-promo-columns__promo-columns>:nth-child(even){-ms-flex-item-align:end;align-self:flex-end}}@media only screen and (max-width:767px){.m-promo-columns__promo-columns .box{padding-right:60px}}.m-promo-columns__promo-column{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background-color:#fff;height:auto;border:1px solid var(--pattern-color);-webkit-transition:border-color .3s;-o-transition:border-color .3s;transition:border-color .3s}.m-promo-columns__promo-column__pattern path{stroke:#e1e1df}.m-promo-columns__promo-column.black{-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.m-promo-columns__promo-column.black:hover{background-color:#000}.m-promo-columns__promo-column.black:hover .box{position:relative;color:#fff}.m-promo-columns__promo-column:nth-child(odd) .box{-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px calc((100vw - var(--scrollbar))/ 24) 90px}.m-promo-columns__promo-column:nth-child(odd) .m-promo-columns__promo-column__pattern{position:absolute;bottom:0;left:0;width:80%;border-right:1px solid var(--pattern-color);-webkit-transition:border-color .3s;-o-transition:border-color .3s;transition:border-color .3s;height:calc((100vw - var(--scrollbar))/ 24 * 2)}@media only screen and (max-width:767px){.m-promo-columns__promo-column:nth-child(odd) .box{padding:40px calc((100vw - var(--scrollbar))/ 24) 110px}.m-promo-columns__promo-column:nth-child(odd) .m-promo-columns__promo-column__pattern{height:calc((100vw - var(--scrollbar))/ 24 * 3)}}@media only screen and (min-width:1024px){.m-promo-columns__promo-column,.m-promo-columns__promo-columns>*{width:500px}.m-promo-columns__promo-column:nth-child(odd) .box{padding:40px 120px 90px calc((100vw - var(--scrollbar))/ 24)}.m-promo-columns__promo-column:nth-child(odd) .m-promo-columns__promo-column__pattern{left:unset;bottom:0;right:0;display:block;width:calc((100vw - var(--scrollbar))/ 24);height:120px;border-top:1px solid var(--pattern-color);-webkit-transition:border-color .3s;-o-transition:border-color .3s;transition:border-color .3s;border-right:0}}@media only screen and (min-width:1440px){.m-promo-columns.has-border-left .row::before,.m-promo-columns.has-shape-left .row::after,.m-promo-columns.has-shape-left .row::before{content:""}.m-promo-columns.has-shape-left .m-promo-columns__shape{display:block}.m-promo-columns.has-border .row::after,.m-promo-columns.has-border .row::before{content:""}.m-promo-columns__promo-column:nth-child(odd) .box{padding:90px 120px 100px 72px}.m-promo-columns__promo-column:nth-child(odd) .m-promo-columns__promo-column__pattern{width:72px}}.m-promo-columns__promo-column:nth-child(odd):after{content:"";position:absolute;left:0;display:block;width:100%;height:0;border-bottom:1px solid var(--pattern-color);-webkit-transition:border-color .3s;-o-transition:border-color .3s;transition:border-color .3s;bottom:calc((100vw - var(--scrollbar))/ 24 * 2);height:calc((100vw - var(--scrollbar))/ 24 * 2)}.m-promo-columns__promo-column:nth-child(even){margin:20px 0}.m-promo-columns__promo-column:nth-child(even) .box{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px calc((100vw - var(--scrollbar))/ 24) 90px}@media only screen and (max-width:767px){.m-promo-columns__promo-column:nth-child(odd):after{bottom:calc((100vw - var(--scrollbar))/ 24 * 3);height:calc((100vw - var(--scrollbar))/ 24 * 3)}.m-promo-columns__promo-column:nth-child(even) .box{padding:40px calc((100vw - var(--scrollbar))/ 24) 110px}}@media only screen and (min-width:1024px){.m-promo-columns__promo-column:nth-child(odd):after{left:unset;bottom:unset;top:0;right:72px;display:block;width:0;height:100%;border-left:1px solid var(--pattern-color);-webkit-transition:border-color .3s;-o-transition:border-color .3s;transition:border-color .3s;right:calc((100vw - var(--scrollbar))/ 24)}.m-promo-columns__promo-column:nth-child(even){margin:70px 0 0 30px}.m-promo-columns__promo-column:nth-child(even) .box{padding:40px 120px 70px calc((100vw - var(--scrollbar))/ 24)}}.m-promo-columns__promo-column:nth-child(even) .m-promo-columns__promo-column__pattern{position:absolute;bottom:0;left:0;width:80%;border-right:1px solid var(--pattern-color);-webkit-transition:border-color .3s;-o-transition:border-color .3s;transition:border-color .3s;height:calc((100vw - var(--scrollbar))/ 24 * 2)}@media only screen and (max-width:767px){.m-promo-columns__promo-column:nth-child(even) .m-promo-columns__promo-column__pattern{height:calc((100vw - var(--scrollbar))/ 24 * 3)}}@media only screen and (min-width:1024px){.m-promo-columns__promo-column:nth-child(even) .m-promo-columns__promo-column__pattern{height:calc((100vw - var(--scrollbar))/ 24)}}@media only screen and (min-width:1440px){.m-promo-columns__promo-column:nth-child(odd):after{right:72px}.m-promo-columns__promo-column:nth-child(even){margin:70px 0 0 70px}.m-promo-columns__promo-column:nth-child(even) .box{padding:70px 120px 120px 72px}.m-promo-columns__promo-column:nth-child(even) .m-promo-columns__promo-column__pattern{height:72px}}.m-promo-columns__promo-column:nth-child(even):after{content:"";position:absolute;left:0;display:block;width:100%;height:0;bottom:calc((100vw - var(--scrollbar))/ 24 * 2);border-bottom:1px solid var(--pattern-color);-webkit-transition:border-color .3s;-o-transition:border-color .3s;transition:border-color .3s}@media only screen and (max-width:767px){.m-promo-columns__promo-column:nth-child(even):after{bottom:calc((100vw - var(--scrollbar))/ 24 * 3)}}@media only screen and (min-width:1024px){.m-promo-columns__promo-column:nth-child(even):after{bottom:calc((100vw - var(--scrollbar))/ 24)}}@media only screen and (min-width:1440px){.m-promo-columns__promo-column:nth-child(even):after{bottom:72px}}.m-promo-columns__promo-column p{margin-bottom:40px}@media only screen and (min-width:768px) and (max-width:1023px){.m-promo-columns__promo-column .u-button{margin-bottom:40px}}
/*# sourceMappingURL=promo-columns.css.map */
