.h1-title{display:block;font-weight:900;font-size:30px;line-height:1;color:#111;margin-bottom:15px}@media(min-width: 576px){.h1-title{font-size:35px;line-height:1.1}}@media(min-width: 760px){.h1-title{font-size:38px}}@media(min-width: 1000px){.h1-title{line-height:1.15;margin-bottom:25px}}@media(min-width: 1200px){.h1-title{font-size:40px}}.h2-title{display:block;font-family:"Roboto",sans-serif;font-weight:100;font-size:30px;line-height:1;letter-spacing:-0.025em;color:#111}@media(min-width: 576px){.h2-title{font-size:35px;line-height:1.1}}@media(min-width: 760px){.h2-title{font-size:38px;line-height:1.13}}@media(min-width: 1200px){.h2-title{font-size:40px}}.h2-title b{display:block;font-weight:700}.h3-title{display:block;font-weight:300;font-size:22px;line-height:1.33;color:#111;margin-bottom:15px}@media(min-width: 576px){.h3-title{font-size:25px}}@media(min-width: 760px){.h3-title{font-size:30px;line-height:1.33;margin-bottom:20px}}.h4-title{display:block;font-size:18px;line-height:1.33;font-weight:700;color:#111;letter-spacing:-0.025em;margin-bottom:15px}@media(min-width: 760px){.h4-title{font-size:22px;line-height:1.42;margin-bottom:20px}}.h5-title{display:block;font-size:16px;line-height:1.33;font-weight:500;color:#111;letter-spacing:-0.025em;margin-bottom:15px}@media(min-width: 760px){.h5-title{font-size:18px}}.surtitle,.blockbeforeafterclick-slidecontent .subtitle{display:block;font-weight:800;font-size:12px;line-height:1.3;color:#111;letter-spacing:.1em;text-transform:uppercase}.blockbeforeafterclick{box-sizing:border-box;padding:0 5px;position:relative}@media(min-width: 760px){.blockbeforeafterclick{padding:0}}.blockbeforeafterclick .slicknav{margin:0 5px;box-sizing:border-box;transition:all .5s cubic-bezier(0.785, 0.135, 0.15, 0.86)}@media screen and (max-width: 759px){.blockbeforeafterclick .slicknav{top:0 !important}}@media(min-width: 576px){.blockbeforeafterclick .slicknav{margin:0 24px}}@media(min-width: 760px){.blockbeforeafterclick .slicknav{margin:0;position:absolute;top:0;left:calc(47% + 30px);z-index:3}}@media(min-width: 1000px){.blockbeforeafterclick .slicknav{left:calc(47% + 40px)}}@media(min-width: 1360px){.blockbeforeafterclick .slicknav{left:calc(47% + 55px)}}.blockbeforeafterclick .slicknav button{margin-bottom:25px}@media(min-width: 576px){.blockbeforeafterclick .slicknav button{margin-bottom:30px}}@media(min-width: 760px){.blockbeforeafterclick .slicknav button{margin-bottom:0}}.blockbeforeafterclick-slider{display:block}.blockbeforeafterclick-slider .slider{display:flex}.blockbeforeafterclick-slider.slick-initialized .blockbeforeafterclick-slide{display:flex !important}@media(min-width: 760px){.blockbeforeafterclick-slider.oneSlide .blockbeforeafterclick-slidecontent{margin:15px 0 0}}@media(min-width: 1000px){.blockbeforeafterclick-slider.oneSlide .blockbeforeafterclick-slidecontent{margin:20px 0 0}}.blockbeforeafterclick-slide{display:none;flex-direction:column-reverse}@media(min-width: 760px){.blockbeforeafterclick-slide{align-items:flex-start;flex-direction:row-reverse;gap:30px}}@media(min-width: 1000px){.blockbeforeafterclick-slide{gap:40px}}@media(min-width: 1360px){.blockbeforeafterclick-slide{gap:75px}}.blockbeforeafterclick-slidecontent{box-sizing:border-box;padding:0 5px;margin-bottom:40px}@media(min-width: 576px){.blockbeforeafterclick-slidecontent{padding:0 20px}}@media(min-width: 760px){.blockbeforeafterclick-slidecontent{flex-basis:calc(53% - 20px);width:calc(53% - 20px);margin:75px 0 0;padding:0}}.blockbeforeafterclick-slidecontent .subtitle{margin:20px 0}.blockbeforeafterclick-slidecontent .text{display:block;margin-top:20px}.blockbeforeafterclick-slidecontent .text+.btn{margin-top:20px}.blockbeforeafterclick-images{position:relative}@media(min-width: 760px){.blockbeforeafterclick-images{flex-basis:47%;width:47%}}.blockbeforeafterclick-images .img-comp-container{display:flex;flex-direction:column;position:relative;width:100%}@media(min-width: 1000px){.blockbeforeafterclick-images .img-comp-container{width:413px}}@media(min-width: 1200px){.blockbeforeafterclick-images .img-comp-container{width:513px}}.blockbeforeafterclick-images .img-comp-container .open{display:flex;flex-direction:column-reverse}.blockbeforeafterclick-images .legend{display:block;color:#fff;font-weight:600;font-size:10px;letter-spacing:.135em;text-transform:uppercase;position:absolute;top:20px;left:20px;z-index:3}.blockbeforeafterclick-images .img-comp-img-after{width:95%;position:relative;max-height:555px;overflow:hidden;margin-bottom:85px;z-index:0}@media(min-width: 576px){.blockbeforeafterclick-images .img-comp-img-after{width:90%;max-width:517px;margin-bottom:90px}}@media(min-width: 760px){.blockbeforeafterclick-images .img-comp-img-after{margin-bottom:90px}}@media(min-width: 1000px){.blockbeforeafterclick-images .img-comp-img-after{width:calc(100% - 40px);margin-bottom:105px}}@media(min-width: 1360px){.blockbeforeafterclick-images .img-comp-img-after{margin-bottom:65px}}.blockbeforeafterclick-images .img-comp-img-after .legend{left:20px}.blockbeforeafterclick-images .img-comp-img-after img{display:block;width:100%;height:auto}.blockbeforeafterclick-images .img-comp-img-before{display:block;width:150px;height:auto;max-height:150px;border:5px solid #fff;transition:all .5s cubic-bezier(0.785, 0.135, 0.15, 0.86);margin-left:auto;overflow:hidden;position:absolute;right:-5px;bottom:0;z-index:1;cursor:pointer}.blockbeforeafterclick-images .img-comp-img-before:before{content:" ";display:block;width:100%;height:100%;background:rgba(0,0,0,.2);position:absolute;top:0;left:0;z-index:2}@media(min-width: 576px){.blockbeforeafterclick-images .img-comp-img-before{width:200px;height:auto;max-height:200px}}@media(min-width: 760px){.blockbeforeafterclick-images .img-comp-img-before{width:150px;height:auto;max-height:150px}}@media(min-width: 1000px){.blockbeforeafterclick-images .img-comp-img-before{width:190px;max-height:190px;height:auto}}@media(min-width: 1200px){.blockbeforeafterclick-images .img-comp-img-before{width:200px;height:auto;max-height:200px;right:6px}}.blockbeforeafterclick-images .img-comp-img-before:hover img{transform:scale(1.1)}.blockbeforeafterclick-images img{display:block;width:100%;height:auto;object-fit:cover;transition:all .5s cubic-bezier(0.785, 0.135, 0.15, 0.86)}.blockbeforeafterclick.alignimgright .slicknav{left:4px}@media(min-width: 1000px){.blockbeforeafterclick.alignimgright .slicknav{left:19px}}@media(min-width: 760px){.blockbeforeafterclick.alignimgright .blockbeforeafterclick-slide{flex-direction:row}}@media(min-width: 1000px){.blockbeforeafterclick.alignimgright .blockbeforeafterclick-slide .blockbeforeafterclick-slidecontent{margin-left:15px}}
/*# sourceMappingURL=blockbeforeafterclick.css.map */