.beforeafter-section{padding-top:28rem;overflow:visible}.beforeafter__title{text-align:left}.beforeafter__outerslider{margin-top:4rem;width:100vw;margin-left:-2rem}.beforeafter .swiper-slide-active{z-index:5}.beforeafter .beer-slider{height:70vw;width:100%}.beforeafter .beer-slider img,.beforeafter .beer-slider picture{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.beforeafter .beer-reveal:after{content:'';display:block;position:absolute;height:100%;width:1px;right:0;top:0;background-color:rgba(255,255,255,.7)}.beforeafter .beer-reveal picture,.beforeafter .beer-reveal img{-o-object-position:left;object-position:left}.beforeafter .beer-range{cursor:-webkit-grab;cursor:grab}.beforeafter .beer-range:focus~.beer-handle,.beforeafter .beer-handle{border-radius:0;-webkit-box-shadow:none;box-shadow:none;background-color:rgba(0,0,0,.8);width:9.5rem;height:3.2rem}.beforeafter .beer-range:focus~.beer-handle:before,.beforeafter .beer-range:focus~.beer-handle:after,.beforeafter .beer-handle:before,.beforeafter .beer-handle:after{width:1.8rem;border:none;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(//nkeyarchitects.com/wp-content/themes/nk/build/static/css/pages/../../../static/images/general/before-after-slider.svg)}.beforeafter .beer-range:focus~.beer-handle:after,.beforeafter .beer-handle:after{-webkit-transform:translate(-50%,-50%) scaleY(.8) scaleX(1.2);-ms-transform:translate(-50%,-50%) scaleY(.8) scaleX(1.2);transform:translate(-50%,-50%) scaleY(.8) scaleX(1.2);right:1rem}.beforeafter .beer-range:focus~.beer-handle:before,.beforeafter .beer-handle:before{top:2rem;left:3rem;-webkit-transform:rotate(-180deg) scaleY(.8) scaleX(1.2);-ms-transform:rotate(-180deg) scaleY(.8) scaleX(1.2);transform:rotate(-180deg) scaleY(.8) scaleX(1.2)}.beforeafter__pag{z-index:5}.beforeafter__pag.swiper-pagination-bullets{bottom:-7rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.beforeafter__pag .swiper-pagination-bullet{opacity:.3;cursor:pointer;background-color:#e5cca8;width:.8rem;height:.8rem;border-radius:0;margin:0 1.2rem}.beforeafter__pag .swiper-pagination-bullet-active{opacity:1}.beforeafter__lables{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100vw;margin-left:-2rem}.beforeafter__lables span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;width:50%;font-size:1rem;line-height:1.3rem;text-transform:uppercase;height:6rem;margin-top:-1rem;letter-spacing:.2em;opacity:.4;font-weight:500}.article-section{margin-bottom:5.4rem}.article-section .container{max-width:91.5rem}.article-head{padding-top:5rem}.article-head .breadcrumbs nav p{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.article-head .title i,.article-head .title span{display:inline-block}.article__title{margin-bottom:4.8rem;max-width:84rem}.article__mainimg{width:100vw;margin-left:-2rem;margin-bottom:4rem}.article__mainimg img,.article__mainimg picture{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.article-cont{max-width:73.5rem;margin:0 auto}.article-cont__item{margin-bottom:1.6rem}.article-cont__item--text{font-size:1.1rem;line-height:1.9rem;font-weight:200}.article-cont__item--text h1,.article-cont__item--text h2,.article-cont__item--text h3,.article-cont__item--text h4,.article-cont__item--text h5,.article-cont__item--text h6{text-transform:uppercase;font-weight:500;padding:3.2rem 0 2.4rem;display:block;font-size:1.4rem;line-height:1.8rem}.article-cont__item--text ul li{margin-bottom:1rem}.article-cont__item--text ul li:before{content:'';position:absolute;display:block;width:.4rem;height:.4rem;left:0;top:1rem;background-color:rgba(229,204,168,.4)}.article-cont__item--text ol,.article-cont__item--text ul{margin-bottom:1.6rem}.article-cont__item--text ol{left:0;text-align:left}.article-cont__item--text ol li{counter-increment:increment-var}.article-cont__item--text ol li:before{content:counter(increment-var);position:absolute;display:block;left:0;top:0;color:#e5cca8}.article-cont__item--text li{padding-left:1.6rem}.article-cont__item--text a{color:#e5cca8}.article-cont__item--media{padding-bottom:60%;width:100vw;margin:3.6rem 0 4.8rem -2rem}.article-cont__item--media img,.article-cont__item--media picture,.article-cont__item--media video,.article-cont__item--media iframe{top:0;position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.article-cont__item--media .play-btn{width:4rem;height:4rem;position:absolute;left:50%;top:50%;background-color:rgba(255,255,255,.2);border-radius:50%;z-index:5;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}.article-cont__item--media .play-btn:after{content:'';position:absolute;display:block;border:1rem solid transparent;border-left:1.5rem solid #fff;left:50%;top:50%;-webkit-transform:translate(-25%,-50%);-ms-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}.article-cont__item--beforeafter{margin-bottom:5.4rem}.article-cont__item--slider{margin:3.2rem 0 3.2rem -2rem;width:100vw}.article-cont__item--slider .article-slider .swiper-container{width:100vw;margin-left:-2rem;padding-top:8rem;padding-left:5rem}.article-cont__item--slider .article-slider .swiper-wrapper{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.article-cont__item--slider .article-slider__item{padding-bottom:60%}.article-cont__item--slider .article-slider__item img,.article-cont__item--slider .article-slider__item picture{-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear;position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.article-cont__item--slider .article-slider__nav{margin-top:4.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 2rem}.article-cont__item--slider .article-slider__arrow{padding:1rem 0;cursor:pointer}.article-cont__item--slider .article-slider__arrow--prev{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.article-cont__item--slider .article-slider__arrow svg{fill:#fff;width:8rem;height:1rem}.article-cont__item--slider .article-slider__pagination{position:relative;width:auto;bottom:0}.article-cont__item--slider .article-slider__pagination span{font-size:1.4rem;line-height:2.1rem}.article-next{margin:14rem auto 11rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:40rem;cursor:pointer}.article-next:before,.article-next:after{content:'';position:absolute;display:block;height:12rem;width:.1rem;background-color:rgba(229,204,168,.3);top:50%;-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.article-next:before{left:4rem}.article-next:after{right:4rem}.article-next .title__item{font-size:2rem;line-height:2.2rem}.article-next .title__item:nth-child(1){text-indent:3rem}.article-next .title__item:nth-child(2){text-indent:5rem}.article-next .title__item i{font-weight:600}.article-next__arrow svg{margin-left:2rem;width:8rem;height:1rem;fill:#fff}.article-next__link{width:100%;height:100%;position:absolute;z-index:10;opacity:0}.article-next__link a{width:100%;height:100%;display:block}@media only screen and (min-width:768px){.beforeafter .beer-slider{height:40rem}.article-head{padding-top:4rem}.article__title{margin-bottom:8rem}.article-cont__item--text{font-size:1.3rem;line-height:2.4rem}.article-cont__item--media{width:100%;margin:3.6rem 0 4.8rem}.article-cont__item--media .play-btn{width:9rem;height:9rem}.article-cont__item--media .play-btn:after{border:2rem solid transparent;border-left:3rem solid #fff}.article-cont__item--beforeafter{margin-bottom:6.4rem}.article-cont__item--beforeafter .beer-slider{height:39rem}.article-cont__item--beforeafter .beforeafter__outerslider{margin-left:0;width:100%}.article-cont__item--beforeafter .beforeafter__lables{margin-left:0;width:100%}.article-cont__item--slider{margin:5.4rem 0;width:100%}.article-cont__item--slider .article-slider__nav{padding:0}.article-next{max-width:50rem;margin:17rem auto 21rem}.article-next .title__item{font-size:3.2rem;line-height:3.6rem}}@media only screen and (min-width:1280px){.beforeafter__title{text-align:center;max-width:33rem;margin:0 auto 7.2rem auto;text-indent:-12rem;font-size:2.4rem;line-height:2.6rem}.beforeafter__outerslider{width:100%;margin-left:0}.beforeafter .beer-slider{height:54rem}.beforeafter .beer-slider img,.beforeafter .beer-slider picture{min-width:108rem}.beforeafter .beer-reveal img{width:108rem}.beforeafter .beer-range:focus~.beer-handle,.beforeafter .beer-handle{width:15.7rem;height:5.2rem}.beforeafter .beer-range:focus~.beer-handle:before,.beforeafter .beer-range:focus~.beer-handle:after,.beforeafter .beer-handle:before,.beforeafter .beer-handle:after{width:3.3rem;height:1.2rem}.beforeafter .beer-range:focus~.beer-handle:before,.beforeafter .beer-handle:before{left:5.6rem;top:3rem}.beforeafter__pag.swiper-pagination-bullets{bottom:-3.2rem}.beforeafter__lables{width:100%;margin-left:0}.beforeafter__lables span{font-size:1.2rem;line-height:1.5rem}.beforeafter__lables span:nth-child(1){-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.beforeafter__lables span:nth-child(2){-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.single-articles{overflow:hidden}.article-section{overflow:visible}.article__title:after{content:'';position:absolute;display:block;height:200vw;width:1px;background-image:-webkit-gradient(linear,left bottom,left top,from(#e5cca8),color-stop(70%,transparent));background-image:-o-linear-gradient(bottom,#e5cca8 0%,transparent 70%);background-image:linear-gradient(to top,#e5cca8 0%,transparent 70%);top:-35vh;left:40rem;-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.article__mainimg{width:100%;margin-left:0;margin-bottom:5.6rem}.article-cont__item--text h1,.article-cont__item--text h2,.article-cont__item--text h3,.article-cont__item--text h4,.article-cont__item--text h5,.article-cont__item--text h6{padding:6.4rem 0 2.4rem}.article-cont__item--text a{-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;transition:.4s ease-out}.article-cont__item--text a:hover{opacity:.4}.article-cont__item--media .play-btn{-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;transition:.4s ease-out}.article-cont__item--media .play-btn:hover{opacity:.6}.article-cont__item--beforeafter .beer-slider{height:39rem}.article-cont__item--slider .article-slider .swiper-container{margin-left:0;width:100%}.article-cont__item--slider .article-slider__item{padding-bottom:60%}.article-cont__item--slider .article-slider__nav{position:static}.article-cont__item--slider .article-slider__arrow{opacity:.5;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;transition:.4s ease-out}.article-cont__item--slider .article-slider__arrow:hover{opacity:1}.article-cont__item--slider .article-slider__arrow svg{width:10rem}.article-next{max-width:70rem}.article-next .title,.article-next svg{-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;transition:.4s ease-out}.article-next:hover .title{color:#e5cca8}.article-next:hover svg{-webkit-transform:translateX(4rem);-ms-transform:translateX(4rem);transform:translateX(4rem)}.article-next:before,.article-next:after{height:20rem}.article-next .title{margin-left:-5rem}.article-next__arrow svg{width:10rem;margin-left:4.6rem}.article-next__link{font-size:2.4rem;line-height:3.2rem}}