@media screen and (max-width: 768px){body{padding-top:10vh !important}header{height:12.5vh;position:fixed;top:0;z-index:1001}header .call{width:5.5vw;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);margin-bottom:0;margin-right:3vw}}@media screen and (max-width: 768px){header .header-container{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:12.5vh;-webkit-box-direction:normal;-webkit-box-orient:horizontal}}@media screen and (max-width: 768px){.call-desktop{visibility:hidden !important;display:none !important}.sound-bar{position:fixed;visibility:hidden !important;display:none !important}}@media screen and (max-width: 768px){header .lang{margin-bottom:0}.call-mobile{visibility:visible !important;display:inherit !important}}@media screen and (max-width: 768px){.navbar-header{width:33vw;height:33px}.navbar-header .toggle-button{height:100%;width:40%;margin-top:0;margin-left:3vw}}@media screen and (max-width: 768px){.navbar-header{margin-top:0}}@media screen and (max-width: 768px){.overlay{overflow:hidden;background:#141516}}@media screen and (max-width: 768px){.overlay .info-nav{top:10vh;left:10vw}}@media screen and (max-width: 992px) and (orientation: landscape){.overlay .rofas-nav li,.overlay .info-nav li{margin-bottom:5vh}.overlay .rofas-nav{left:5vw}.overlay .rofas-nav,.overlay .info-nav{position:absolute;top:44%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.overlay .info-nav{left:initial;right:5vw}}@media screen and (max-width: 768px){.overlay ul li{margin-bottom:2vh}}@media screen and (max-width: 768px){.overlay ul li a h3{margin-right:2vw}.overlay ul li{height:5vh}}@media screen and (max-width: 768px){.slick-dots{position:fixed;z-index:1;top:15%;right:1%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:5%;list-style:none;-webkit-box-direction:normal;-webkit-box-orient:vertical}.slick-dots,.slick-dots li button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.slick-dots li button{width:10px;height:10px;margin-bottom:2vh;padding:0;color:transparent;border:.5px solid #fff;-webkit-border-radius:50%;border-radius:50%;background-color:transparent}}@media screen and (max-height: 520px){.mobile-slider .mobile-slide .mobile-inline{font-size:1.2em;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin:15% 5% 0 5%}.mobile-slider .mobile-slide p{margin:-5% 14% 3% 5% !important}}@media screen and (max-width: 768px){.mobile-slider{display:block;height:90vh}}@media screen and (max-width: 768px){.slides-container{display:none}}@media screen and (max-width: 768px){.slider{height:100%;-webkit-background-size:auto auto;background-size:auto}}@media screen and (max-width: 768px){.slider-content{height:89.5vh}.slider_content{margin-left:7.5vw;height:75%}.slider_content .slider-text{margin-top:10vh}}@media screen and (max-width: 768px){.all .for-all{-webkit-filter:opacity(0.8);filter:opacity(0.8)}.slider-text{font-size:1.2em}.object-container{width:100%;padding-top:4%;background-color:#111;height:auto}.slider-content .slider_content span{font-family:'ABold';font-size:1.2em;width:5%;margin-top:7.5vh}.hr{width:90%}}@media screen and (max-width: 768px){.all{width:100%;margin-top:0;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-align:center}}@media screen and (max-width: 768px){.for-all{width:95%;height:33vh}}@media screen and (max-width: 768px){.sub{width:95%;background-color:#141516;-webkit-box-pack:center;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.sub img{display:none}}@media screen and (max-width: 768px){.right-side a img{position:absolute;right:1.75vw;top:3vh;width:3vh}}@media screen and (max-width: 768px) and (max-height: 520px){.right-side a img{right:0vw;width:5vh}}@media screen and (max-width: 768px){.right-side img{width:80%}.right-side .speaker{display:none}.right-side .btn{top:-5vh;width:100%}.right-side{position:absolute;top:10vh;right:3vw;height:auto}}@media screen and (max-width: 768px){body{position:absolute;overflow:visible}}@media screen and (max-width: 768px){.wrapper{width:100vw;height:100%}}@media screen and (max-width: 768px){.main{height:89.5vh}}@media screen and (max-width: 768px){.main .main_left{display:none}}@media screen and (max-width: 768px){.main .main_left .main_slider,.main .main_center{height:100%}}@media screen and (max-width: 768px){.main .main_center .scroll-container{width:100%;height:1000%}}@media screen and (max-width: 768px){.main .main_center .scroll-container .ruukki-finnera{width:90vw;margin:5% 0 0 4%}}@media screen and (max-width: 768px){.main .main_center .scroll-container .ruukki-finnera h1{margin-top:25%}}@media screen and (max-width: 768px){.main .main_center .scroll-container .ruukki-finnera p:nth-child(6){margin-top:5%}}@media screen and (max-width: 768px){.main .main_center .scroll-container .ruukki-finnera .bold{margin-top:4%}}@media screen and (max-width: 768px){.main .main_center .scroll-container .ruukki-finnera img{margin-top:6%;margin-bottom:6%}}@media screen and (max-width: 768px){.main .main_center .scroll-container .ruukki-finnera iframe{width:100%;height:auto}}@media screen and (max-width: 768px){.main .main_center .scroll-container .ruukki-finnera table{width:100%;margin-top:5%;margin-bottom:5%}}@media screen and (max-width: 768px){.main .main_center .scroll-container .ruukki-finnera table .table-left,.main .main_center .scroll-container .ruukki-finnera table .table-right{width:50%}}@media screen and (max-width: 768px){.main .main_center .scroll-container .ruukki-finnera .colors{width:100%;height:auto;margin-bottom:5%}}@media screen and (max-width: 768px){.main .main_center .scroll-container .ruukki-finnera .colors .colors-up{-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-align:center}}@media screen and (max-width: 768px){.scroll-container{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-direction:normal;-webkit-box-orient:vertical}.scrollbar-inner{padding-right:10vw}.ruukki-heading,.mobile-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.ruukki-heading,.ruukki-warranty{display:none !important}.mobile-header{height:33vh;background-position:50% 50%;-webkit-background-size:cover;background-size:cover}.finnera-header{background-image:url("../images/finnera2.png")}.finnera-action-header{background-image:url("../images/roof/ruukki_action/slide-1.jpg")}.checker-header{background-image:url("../images/cheker2.jpg")}.falz-header{background-image:url("../images/falz03.jpeg")}.bitum-header{background-image:url("../images/roof/bitum/bitum4.jpg")}.metal-header{background-image:url("../images/metal3.jpg")}.elems-header{background-image:url("../images/elems7.jpg")}.izol-header{background-image:url("../images/izol1.jpg")}.mansard-header{background-image:url("../images/mansard3.jpg")}.samorez-header{background-image:url("../images/samorez1.jpg")}.vodostok-header{background-image:url("../images/vodostok1.jpg")}.alga-header{background-image:url("../images/facade1.jpeg")}.isopan-header{background-image:url("../images/industry/isopan/slider/isopan-slider00009.jpg")}.algatrade-header{background-image:url("../images/industry/alga-trade/slider/alga-slider00001.jpg")}.kingspan-header{background-image:url("../images/industry/kingspan/slider/kingspan-slider00005.jpg")}.granit-header{background-image:url("../images/stone/granit/slider-images/granit-slider00004.jpg")}.limestone-header{background-image:url("../images/stone/limestone/slider-images/limestone-slider00002.jpg")}.mramor-header{background-image:url("../images/stone/granit/slider-images/granit-slider00004.jpg")}.oniks-header{background-image:url("../images/stone/oniks/slider-images/oniks-slider00001.jpg")}.travertin-header{background-image:url("../images/stone/travertin/slider-images/travertin-slider00007.jpg")}.derevyannaya-krovlya-header{background-image:url("../images/eco/derevyannaya-krovlya/slider-images/dkif-slider00005.jpg")}.kamishovaya-krovlya-header{background-image:url("../images/eco/kamishovaya-krovlya/slider-images/kamishovaya-krovlya-slider00001.jpg")}.slantsevaya-krovlya-header{background-image:url("../images/eco/slantsevaya-krovlya/slider-images/sk-slider00001.jpg")}.zelenaya-krovlya-header{background-image:url("../images/eco/zelenaya-krovlya/slider-images/zk-slider00001.jpg")}.luxard-header{background-image:url("../images/roof/luxard/slider/luxard-slider-12.jpg")}.gradas-header{background-image:url("../images/facade/gradas/facade-gradas.jpg")}.bildex-header{background-image:url("../images/facade/bildex/facade-bildex.jpg")}.finnera-header,.header-overlay{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}.ruukki--logo{display:none}.header-overlay{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;background-color:#111;background-color:rgba(0, 0, 0, 0.5);-webkit-box-direction:normal;-webkit-box-orient:vertical;position:relative}.header-overlay h1{position:absolute;bottom:5%}.mobile-header a{margin:5% 2% 0 90%;text-decoration:none}.mobile-header img{height:auto;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;-o-object-fit:fill;object-fit:fill;position:absolute;right:7.5vw;top:5.5vh;width:3vh}}@media screen and (max-width: 768px) and (max-height: 520px){.mobile-header a{margin:5% 4% 0 92%;text-decoration:none}.mobile-header img{right:3vw;top:8vh;width:5vh}}@media screen and (max-width: 768px){.mobile-header h1{margin:22% 0 0 5%;color:#fff !important}.ruukki-warranty-moble{width:6em !important;position:absolute;bottom:-8%;right:5%;margin:0 !important}.colors-up{width:auto;height:auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.colors-up p{font-size:.8em}.colors-down{width:100%;height:auto}.ruukki-finnera,.ruukki-finnera .info{height:auto !important}.ruukki-finnera p{line-height:2}}@media screen and (max-width: 768px){.main .main_center .scroll-container .ruukki-finnera .info{width:100%;height:70%;margin-top:10%}}@media screen and (max-width: 768px){.main .main_center .scroll-container .ruukki-finnera .info .consultation{width:80%;height:auto}}@media screen and (max-width: 768px){.main .main_center .scroll-container .ruukki-finnera .info .pure-form .pure-button{height:auto;margin-left:0}}@media screen and (max-width: 768px){.main .main_right{display:none;height:100%}}@media screen and (max-width: 768px){.main .main_right .side-bar{width:8%;height:100%}}@media screen and (max-width: 768px){.pace{left:0}}@media screen and (max-width: 568px){.notification{opacity:0}}@media screen and (max-width: 768px) and (orientation: landscape){.safe-img{right:-30%}}@media screen and (max-width: 768px) and (orientation: portrait){.safe-img{right:-40%}}@media screen and (max-width: 768px){.arrow-down,.arrow-up{display:none}.force-overflow{width:100vw !important}}@media screen and (max-width: 768px){.force-overflow{width:100vw;padding-top:0}.star,.notification{display:none}}@media (min-height: 800px){.notification{bottom:16%}}@media screen and (max-width: 768px){.design-slider--scroll .scroll-container{height:auto}.design-cat{width:94vw}.design-cat__text{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.design-cat__heading,.design-cat__descrip{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}.design-cat__descrip p{margin-top:0}.design-cat__item{margin-bottom:5vh}}@media screen and (max-width: 768px){.design-detail .scroll-container,.design-work .scroll-container{width:100%;height:auto}.design-detail__box{margin-bottom:8vh}.design-detail__header{width:auto}.design-detail__content{width:auto;padding:0 3vw}.design-detail .slick-list{overflow:hidden}.design-work__content{width:auto}}@media screen and (max-width: 768px){.map{left:auto;position:relative;height:400px}.contacts__content{background:#141516;width:100%;height:auto}}@media screen and (max-width: 768px){.blog .scroll-container{height:auto}.blog__container{width:94vw}.blog__item{width:100%}}@media (min-width: 769px){.article .scroll-container{overflow:auto;width:100vw;height:100vh;position:relative;z-index:1}.article__bg{position:fixed;left:8.333%;width:91.6667%;height:100%;right:0;top:0;bottom:0}.article__content{margin-top:10vh;margin-bottom:10vh;margin-left:5vw;margin-right:20vw;padding:6vh 3vw 6vh 3vw}.login__content{margin-bottom:0}.article__content h1{font-size:2.5rem}}@media screen and (max-width: 768px){.gallery .scroll-container{height:auto}.gallery__container{width:94vw}.gallery__item{width:100%}}@media screen and (max-width: 768px){.scroll-wrapper > .scroll-content{overflow:hidden !important}}@media screen and (max-width: 768px){.main-speaker{line-height:0px}.main-icons{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:0;width:33vw !important;height:0 !important}}@media screen and (max-width: 768px){.end-box > .down-box{margin-bottom:3vh}.logo-custom{width:34vw}.logo svg{width:60% !important;height:27% !important}}@media screen and (max-width: 768px){header{width:100% !important}.container{width:100% !important}.main_center{width:100% !important}}@media screen and (max-width: 768px){.login__content span{text-align:center}.login__content{text-align:center}.form-center-mobile{margin:0 auto}.login__content .service-block input{margin:0 auto}.login__content p{width:17em;text-align:center}#email-form{margin-bottom:20px}.login__content .login-button{margin:0}.cabinet__content{margin-right:0}.hide-on-mobile{display:none}.cabinet__content .cabinet_menu_item{max-width:100%;margin-bottom:30px}}@media screen and (max-width: 1132px){.miniform-overlay{padding:.75em 0em}.miniform-overlay input{font-size:0.7em;padding:7px 5px;margin:4px 0}.miniform-button{padding:5px 25px}}@media screen and (max-width: 768px){.miniform-overlay{padding:2.75em 0em}.miniform-overlay input{font-size:1em;width:80%}.login__content{margin-top:0}.breadcrumbs{display:inline-block}.exit-button{margin-left:0}}@media screen and (min-width: 1600px){.slider_content{position:relative;-webkit-justify-content:flex-start;justify-content:flex-start}.slider-text{margin:0;position:absolute;bottom:7.5vh;left:1vw}}@media screen and (max-width: 1022px){.main .main_center .scroll-container .ruukki-finnera .ruukki-logo-string img{max-width:110px}.main .main_center .ruukki-logo-string{line-height:45px}}@media screen and (max-width: 768px){.main .main_center .ruukki-logo-string{margin-top:0;height:auto}}@media screen and (min-width: 1921px){.double-block{height:400px}.service-block{float:left;width:calc(50% - 0.5vh);margin:0}.threed{float:right;width:calc(50% - 0.5vh);height:400px;position:relative}.main .main_center .scroll-container .ruukki-finnera h1{width:98%}.double-block a{position:absolute;bottom:0}.safe-img{transform:scale(0.5);left:calc(10% *2)}.end-box{position:relative;top:0}.end-box > .up-box{top:2vh}.end-box > .down-box{top:calc(2vh + 100% / 2)}.end-box > .up-box,.end-box > .down-box{position:absolute;width:100%;height:100px}.main .main_center .scroll-container .ruukki-finnera img{margin:0;margin-bottom:2vh}.main .main_center .scroll-container .ruukki-finnera .down-box img{margin:0}}@media screen and (min-width: 769px) and (max-width: 992px){.main .main_center .scroll-container .ruukki-finnera .ruukki-logo-string img{max-width:85px}.safe-img{left:0}}@media screen and (max-height: 560px){.down{margin-left:6%}}@media screen and (max-width: 420px){.ruukki_discount_right .ruukki_discount_down{height:40%}}@media screen and (min-width: 1921px){.ruukki_action-form .service-block{width:100% !important}.ruukki_action-form .safe-img{height:1368px;bottom:-500px;left:0}}@media screen and (max-width: 768px){.modal-window{width:90%}.modal-close{right:0}.modal-window button{width:50%;left:34%}}