.before-after-block .row .block-header{width:100%;text-align:center;margin-bottom:30px}.before-after-block .row .block-header .surtitle{display:block;color:#d66447}.before-after-block .row .block-content{position:relative;width:100%;height:600px}.before-after-block .row .block-content .img-wrapper{position:absolute;top:0;left:0;width:100%}.before-after-block .row .block-content .img-wrapper.img-0{z-index:10;width:50%;overflow:hidden}.before-after-block .row .block-content .img-wrapper img{width:100%;height:600px;-o-object-fit:cover;object-fit:cover}.before-after-block .row .block-content .range{position:absolute;z-index:20;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background:none;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;cursor:pointer}.before-after-block .row .block-content .range-separator{position:absolute;left:calc(50% - 2px);z-index:15;width:4px;height:600px;background-color:#fff}.before-after-block .row .block-content .range-button{position:absolute;left:calc(50% - 30px);top:calc(50% - 30px);z-index:25;width:60px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;border-radius:50%;background-color:#fff}.before-after-block .row .block-content .range-button::before,.before-after-block .row .block-content .range-button::after{content:"";padding:4px;display:inline-block;border:solid #000;border-width:0 2px 2px 0}.before-after-block .row .block-content .range-button::before{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.before-after-block .row .block-content .range-button::after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.before-after-block .row .block-content.portrait{width:50%;margin:0 auto;height:700px}.before-after-block .row .block-content.portrait .img-wrapper img{height:700px}.before-after-block .row .block-content.portrait .range-separator{height:700px}@media (min-width:992px) and (max-width:1199px){.before-after-block .row .block-content{height:510px}.before-after-block .row .block-content .img-wrapper img,.before-after-block .row .block-content .range-separator{height:510px}.before-after-block .row .block-content.portrait{height:590px}.before-after-block .row .block-content.portrait .img-wrapper img,.before-after-block .row .block-content.portrait .range-separator{height:590px}}@media (max-width:991px){.before-after-block .row{margin:0 15px}}@media (min-width:768px) and (max-width:991px){.before-after-block .row .block-content{height:380px}.before-after-block .row .block-content .img-wrapper img,.before-after-block .row .block-content .range-separator{height:380px}.before-after-block .row .block-content.portrait{height:410px}.before-after-block .row .block-content.portrait .img-wrapper img,.before-after-block .row .block-content.portrait .range-separator{height:410px}}@media (max-width:767px){.before-after-block .row .block-content{height:220px}.before-after-block .row .block-content .img-wrapper img,.before-after-block .row .block-content .range-separator{height:220px}.before-after-block .row .block-content.portrait{height:510px;width:100%;margin:auto}.before-after-block .row .block-content.portrait .img-wrapper img,.before-after-block .row .block-content.portrait .range-separator{height:510px}}