/* Start:/local/templates/rosklimtech/css/style.css?170608821272969*/ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle} /*ul{list-style: none;}*/ .data ul {list-style: none;} input:focus,select:focus,textarea:focus{outline: none;} @charset "UTF-8";body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:33px;font-weight:700;text-align:center}.fancybox-share p{margin:0;padding:0;text-align:center}.fancybox-share p:first-of-type{margin-right:-10px}.fancybox-share_button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:10px 20px;border:0;border-radius:3px;box-shadow:0 2px 2px 0 rgba(0,0,0,.16);background:#fff;white-space:nowrap;font-size:16px;line-height:23px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-width:140px;color:#707070;transition:all .2s}.fancybox-share_button:focus,.fancybox-share_button:hover{text-decoration:none;color:#333;box-shadow:0 2px 2px 0 rgba(0,0,0,.3)}.fancybox-share_button svg{margin-right:5px;width:20px;height:20px;vertical-align:text-bottom}.fancybox-share input{box-sizing:border-box;width:100%;margin:5px 0 0;padding:10px 15px;border:1px solid #d7d7d7;border-radius:3px;background:#ebebeb;color:#5d5b5b;font-size:14px;outline:none}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} body{ font-family: 'Open Sans', sans-serif; background: #fff; font-size: 16px; line-height: 22px; color: #000; min-width: 320px; overflow-x: hidden; } .inner{width: 1200px; margin: 0 auto; box-sizing: border-box;} html{overflow-x: hidden;} #variants .link { font-size: 12px; color: #000; } header{padding: 18px 0 30px; position: relative; z-index: 100;} header .inner{padding-left: 123px;} header .flex{align-items: center; position: relative;} header .top{background: rgba(224, 224, 224, 0.5); padding: 11px 0;} header .top .flex{box-sizing: border-box;} header .logo{position: absolute; top: calc(50% - 36px); left: -123px;} header .compare{font-size: 12px; line-height: 30px;} header .compare a{color: #000;} header .compare span{display: inline-block; margin-left: 12px; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff; border-radius: 50%; background: #1B7990; font-size: 13px;} header .search{position: relative;} header .search a{display: block; padding: 5px 0 5px 15px; background: url("/local/templates/rosklimtech/css/../img/search.svg") 0 50% no-repeat; color: #000; font-size: 12px;} header .search__form{position: absolute; top: -5px; right: -7px; width: 673px; display: none;} header .search__form input[type="text"]{height: 40px; width: 570px; padding: 0 20px 0 35px; border: 1px solid #939FAC; background: #fff url("/local/templates/rosklimtech/css/../img/searchr.svg") 15px 50% no-repeat} header .search__form .btn{width: 96px; font-size: 14px; text-transform: uppercase;} header .phone{color: #425264; font-size: 18px; line-height: 25px; font-weight: 700;display:flex;align-items: center;} header .phone img {float:left;} header .phone a{color: #425264;} header .top nav{font-size: 14px;} header .top nav li{float: left; margin-right: 39px;} header .top nav li:last-child{margin: 0;} header .top nav li a{color: #000; line-height: 19px; font-size: 14px; font-weight: 600; display: block;} header .top nav li a:hover{color: #D7193B;} header .top nav li.home a{width: 23px; height: 23px; background: url("/local/templates/rosklimtech/css/../img/home.svg") 50% 50% no-repeat; font-size: 0;} header .navigation{position: relative; padding: 5px 0; border-bottom: 1px solid #EFEFF0} header .navigation nav{position: relative;} header .navigation nav ul{display: flex; justify-content: space-around; flex-wrap: wrap;} header .navigation nav ul li{box-sizing: border-box; border-right: 1px solid #EFEFF0; padding: 10px 40px;} header .navigation nav ul li:last-child{border-right: none;} header .navigation nav ul li a{color: #425264; font-size: 16px; font-weight: 600; display: block; position: relative;} header .navigation nav ul li a:after{position: absolute; bottom: -16px; left: 0; width: 100%; height: 3px; background: #D7193B; content: ''; opacity: 0; transition: all 0.25s ease-out;} header .navigation nav ul li:hover > a:after{opacity: 1;} header .navigation nav ul li:hover > a{color: #D7193B;} header .navigation nav ul li.has__children a{padding-right: 22px; background: url("/local/templates/rosklimtech/css/../img/arrn.svg") 100% 50% no-repeat;} header .navigation nav ul .sub-menu{position: absolute; top: 100%; width: calc(100% + 123px); z-index: 100; left: -123px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); background: #fff; box-sizing: border-box; padding: 27px 55px; display: none;} header .navigation nav ul li:hover .sub-menu{display: block;} header .navigation nav ul .sub-menu .items{display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start;} header .navigation nav ul .sub-menu .items .item{width: 25%; box-sizing: border-box; padding-right: 50px;} header .navigation nav ul .sub-menu .title{font-weight: 600; margin-bottom: 10px; color: #1B7990; line-height: 22px; font-size: 16px; max-width: 202px;} header .navigation nav ul .sub-menu .title a{color: #1B7990; border-bottom: 1px solid transparent; background: transparent; padding: 0; display: inline-block;} header .navigation nav ul .sub-menu .title a:hover{text-decoration: underline;} header .navigation nav ul .sub-menu ul{display: block;} header .navigation nav ul .sub-menu .items .item li{border: none; width: 100%; padding: 0; margin-bottom: 19px;} header .navigation nav ul .sub-menu .items .item li a{color: #000000; font-size: 14px!important; line-height: 19px; padding: 0; background: transparent; font-weight: normal;} header .navigation nav ul .sub-menu .items .item li a:hover{color: #D7193B} header .navigation nav ul .sub-menu .items .item li a:after{display: none;} #search__products{position: relative; font-size: 13px; color: #425264;} #search__products.search__products__double{padding: 105px 0 0;} #search__products .inner{background: #EFEFF0; padding: 20px 30px 10px 63px; position: relative;} #search__products .inner:after{position: absolute; top: 0; left: 0; width: 100%; height: 9px; content: ''; background: url("/local/templates/rosklimtech/css/../img/bg__sp.png") 50% 0 no-repeat;} #search__products .inner:before{position: absolute; bottom: 0; left: 0; width: 100%; height: 9px; content: ''; background: url("/local/templates/rosklimtech/css/../img/bg__sp.png") 50% 0 no-repeat;} #search__products .col{width: 100%; max-width: 375px;} #search__products .col:last-child{max-width: 244px;} #search__products .col .item{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; height: 40px; margin-bottom: 14px;} #search__products .col input,#search__products .col select{max-width: 260px;} #search__products .col .flex{align-items: center; justify-content: space-between; width: 100%; max-width: 260px;} #search__products .col .flex input{max-width: 120px; margin-bottom: 0;} #search__products .col a{color: #425264; font-weight: 600; border-bottom: 1px dashed #425264; font-size: 14px;} #search__products .col a:hover{border-color: transparent;} #search__products .form{margin-left: 20px;} #search__result{padding: 40px 0;} #search__result.search__result__double{padding: 85px 0;} #search__result.search__result__double .data{margin-left: 200px} #search__result .flex{align-items: center;} #search__result .image{display: flex; width: 280px; align-items: center; justify-content: space-around;} #search__result .image img{max-width: 100%; max-height: 100%; width: auto; height: auto;} #search__result .data{width: calc(100% - 300px)} #search__result .data .row{align-items: center; display: flex; justify-content: flex-start; margin-bottom: 20px;} #search__result .data .row span{display: inline-block; line-height: 40px; padding: 0 8px; color: #fff; background: rgba(27, 121, 144, 0.9); border-radius: 1px; font-size: 18px; font-weight: 700;} #search__result .data .row a{margin-left: 24px; color: #425264; font-weight: 600; border-bottom: 1px solid #425264;} #search__result .data .row a:hover{border-color: transparent;} #about{padding: 0 0 100px;} #about .flex{align-items: flex-start;} #about .data{max-width: 590px;} #about .data li{padding: 7px 0 7px 32px; background: url("/local/templates/rosklimtech/css/../img/ls.svg") 0 0 no-repeat; margin-bottom: 10px;} #about .advantages{width: 590px; height: 240px; background: rgba(239, 239, 240, 0.5);} #about .advantages .item{width: calc(100% / 3); text-align: center; box-sizing: border-box; font-weight: 600; padding: 36px 20px 0; height: 267px; position: relative;} #about .advantages .item:nth-child(2){background: url("/local/templates/rosklimtech/css/../img/bg_advantages.png") 50% 0 no-repeat; color: #fff; top: -8px; padding-top: 44px;} #about .advantages .item:nth-child(2):after{width: 96px; height: 1px; top: 25px; left: calc(50% - 48px); content: ''; background: #fff; position: absolute;} #about .advantages .item:nth-child(2):before{width: 96px; height: 1px; bottom: 35px; left: calc(50% - 48px); content: ''; background: #fff; position: absolute;} #about .advantages .image{display: flex; width: 100%; align-items: center; justify-content: space-around; height: 100px;} #popular{padding: 45px 0 32px; background: #F7F7F7;} #variants{padding: 100px 0 70px;} #variants .flex{align-items: flex-start;} #variants .item{width: 260px;} #variants .item .image{display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 180px; margin-bottom: 15px;} #variants .item h3{font-weight: 600; margin-bottom: 10px;} #variants .item p{font-size: 14px; line-height: 19px;} #advantages{padding: 95px 0 65px; color: #fff; background: #1B7990; position: relative;} #advantages:after{position: absolute; top: 0; right: 0; width: 50%; height: 100%; content: ''; background: #425264;} #advantages .inner{position: relative; z-index: 2;} #advantages .data{width: 50%; box-sizing: border-box;} #advantages .data:nth-child(2){padding-left: 103px;} #advantages .bt{color: #fff; display: flex; align-items: center; justify-content: flex-start;} #advantages .bt .image{display: flex; width: 107px; height: 127px; align-items: center; justify-content: space-around; margin-right: 30px; background: url("/local/templates/rosklimtech/css/../img/bg_advantages1.png") 50% 50% no-repeat;} #advantages .data:nth-child(2) .bt .image{background: url("/local/templates/rosklimtech/css/../img/bg_advantages2.png") 50% 50% no-repeat;} #advantages .bt .image img{position: relative; top: -6px;} #advantages .data .text{max-width: 440px;} #advantages .data p{margin-top: 25px;} #advantages .data strong{font-weight: 600;} #advantages .time{justify-content: flex-start; font-weight: 300; padding: 25px 0 20px;} #advantages .time div{padding: 0 55px 0 0; margin-right: 38px; border-right: 1px solid #fff;} #advantages .time div:last-child{padding: 0; margin: 0; border: none;} #advantages .time p{margin: 6px 0 0; font-size: 16px;} #advantages .time span{font-size: 14px; line-height: 19px;} #advantages .time span i{font-style: normal; font-size: 30px; line-height: 41px; font-weight: 700;} #manufacturers{padding: 80px 0 25px; background: #F7F7F7;} #manufacturers .flex{justify-content: space-around;} #manufacturers .item{width: 125px; font-size: 14px; line-height: 19px; color: #425264; text-align: center; } #manufacturers .item .image{width: 125px; height: 125px; border-radius: 50%; display: flex; align-items: center; justify-content: space-around; margin-bottom: 16px; background: #fff; box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.05); margin: 0 auto;} #projects{padding: 100px 0 100px; background: #F7F7F7;} #projects.page__projects{padding: 0 0 50px; background: transparent;} #projects .slider__projects{width: 1220px; position: relative; left: -10px;} #projects .item{margin: 10px auto; width: 387px; box-sizing: border-box; background: #fff; padding: 30px 26px 26px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);} #projects .item img{width: 100%; height: auto;} #projects .item .title{padding: 20px 0;} #projects .item .title a{color: #000; border-bottom: 1px solid #000;} #projects .item .title a:hover{border-color: transparent;} #projects .item .tth{display: flex; justify-content: flex-start;} #projects .item .col{font-size: 13px; line-height: 18px; margin-right: 70px;} #projects .item .col:last-child{margin-right: 0;} #projects .item .col span{font-size: 16px; color: #D7193B; font-weight: 700; display: block;} #projects .item .col:nth-child(2) span{color: #1B7990;} #works{padding: 75px 0; background: url("/local/templates/rosklimtech/css/../img/bg_work.jpg") calc(50% + 420px) 0 no-repeat;} #works .text{width: 100%; max-width: 594px; box-sizing: border-box; padding: 50px; background: rgba(255, 255, 255, 0.9); box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);} #works p{margin-bottom: 20px;} #works li{font-size: 14px; line-height: 24px; padding: 0 0 0 18px; position: relative;} #works li:after{position: absolute; top: 9px; left: 0; width: 5px; height: 5px; background: #D7193B; content: '';} #video{padding: 85px 0; color: #fff; background: #273544; overflow: hidden;} #video .bt{color: #fff;} #video .item{width: 290px; margin-top: 20px; position: relative;} #video .item:after{border-left: 2px solid rgba(0, 0, 0, 0.2); position: absolute; top: -400px; left: -2px; width: 2px; height: 1000%; content: '';} #video .item iframe{display: block; width: 100%; height: 160px; margin-bottom: 20px;} #video .item p{font-size: 14px; line-height: 19px; text-decoration: underline;} #delivery{padding: 100px 0;} #delivery .item{width: 185px;} #delivery .item .image{margin: 0 0 25px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-around; border: 3px solid #D7193B; border-radius: 50%; width: 120px; height: 120px;} #delivery .item p{font-size: 14px;} #gallery{height: 810px; margin-top: 80px;} #gallery .inner{position: relative;} #gallery .inner:after{position: absolute; top: 0; left: calc(50% + 380px); width: 1400px; height: 445px; background: rgba(27, 121, 144, 0.9); content: ''} #gallery a{position: absolute;} #gallery a:hover:after{opacity: 1;} #gallery a:after{position: absolute; transition: all 0.25s ease-out; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(27, 121, 144, 0.49); opacity: 0;} #gallery a:nth-child(1){top: 95px; left: 0;} #gallery a:nth-child(2){top: 0; left: 203px;} #gallery a:nth-child(3){top: -80px; left: 605px;} #gallery a:nth-child(4){top: 243px; left: -115px;} #gallery a:nth-child(5){top: 374px; left: 306px; z-index: 5;} #gallery a:nth-child(6){top: 374px; left: 805px; z-index: 3;} #gallery a:nth-child(7){top: 710px; left: -115px;} #about__text{margin-top: -180px;} #about__text .data{padding: 150px 100px 55px; background: #fff; width: 100%; max-width: 814px; box-sizing: border-box; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); position: relative; left: 210px;z-index:15;} #about__text .more{margin-top: 10px;} #callback__block{padding: 65px 0; background: rgba(224, 224, 224, 0.5); position: relative; overflow: hidden;} #callback__block:after{position: absolute; top: 0; left: calc(50% - 233px); width: 2000px; height: 100%; content: ''; background: #d7d7d7;} #callback__block .inner{position: relative; z-index: 2;} #callback__block .form .flex{align-items: center;} #callback__block .form{width: 100%; max-width: 350px;} #callback__block .form form{display: block;} #callback__block .form input,#callback__block .form textarea{margin-bottom: 16px; max-width: 309px;} #callback__block .form .flex{max-width: 309px;} #callback__block .form .btn{max-width: 154px; font-size: 14px; margin-bottom: 0;} #callback__block .articles{max-width: 600px; color: #000; width: 100%;} #callback__block .articles .bt{color: #000;} #callback__block .articles .item{width: 195px; margin-top: 30px; position: relative;} #callback__block .articles .item:after{border-left: 1px solid rgba(255, 255, 255, 0.1); position: absolute; top: -400px; left: -2px; width: 2px; height: 1000%; content: '';} #callback__block .articles .item .title{position: relative; font-weight: 600; font-size: 18px; line-height: 25px; min-height: 80px; margin-bottom: 17px;} #callback__block .articles .item .title:after{width: 80px; height: 4px; background: #000; position: absolute; top: -7px; left: 0; content: '';} #callback__block .articles .item .title a{color: #000; border-bottom: 1px solid transparent} #callback__block .articles .item .title a:hover{border-color: #fff;} #callback__block .articles .item p{font-size: 12px; line-height: 16px; font-weight: 300;} #callback__block .more__info.more__white .more { color: #000; } #page__catalog{padding: 0 0 50px} #page__catalog .catalog__wrapper{align-items: flex-start;} #page__catalog .data{width: calc(100% - 305px);} .sorting{font-size: 13px; color: #425264; padding: 0 0 20px;} .sorting a{display: block; color: #425264; padding: 0 40px 0 0; background: url("/local/templates/rosklimtech/css/../img/arr_s.svg") calc(100% - 20px) 50% no-repeat; line-height: 36px; border-right: 1px solid #C4C4C4} .sorting a:hover,.sorting a.active{color: #D7193B; background: url("/local/templates/rosklimtech/css/../img/arr_sr.svg") calc(100% - 20px) 50% no-repeat;} .sorting a:last-child{border-right: none;} #page__catalog .list__products .item{position: relative;} #page__catalog .list__products .image{width: 250px; height: 190px;} #page__catalog .list__products .data{width: calc(100% - 290px)} #page__catalog .list__products .actions{width: 200px; position: absolute; bottom: 16px; right: 20px;} #page__catalog .list__products .price{position: relative; right: 0; width: auto; margin-bottom: 15px;} #page__catalog .list__products .actions .btn{margin: 10px 0 0;} #page__catalog .list__products .data .tth{width: 100%; max-width: 325px;} #page__catalog .list__products .data .tth .col{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; text-align: left; margin-top: 12px; font-size: 16px;} #page__catalog .list__products .data .tth .col span{font-size: 12px;} .sidebar__filters{width: 285px; background: #EFEFF0 url("/local/templates/rosklimtech/css/../img/bg_sidebar.jpg") 50% 100% no-repeat; box-sizing: border-box; padding: 35px 20px 55px;} .sidebar__filters.sidebar__main__page{display: none;} .sidebar__filters .mobile{display: none;} .sidebar__filters .mobile a{width: 230px; display: block; margin: 0 auto; box-sizing: border-box; border: 1px solid #425264; height: 40px; line-height: 38px; padding: 0 0 0 45px; background: #F7F7F7 url("/local/templates/rosklimtech/css/../img/filter.svg") 28px 50% no-repeat; font-size: 14px; color: #425264;} .sidebar__filters .mobile a:hover{color: #fff; background: #000 url("/local/templates/rosklimtech/css/../img/filter.svg") 28px 50% no-repeat} .sidebar__filters .box{padding-bottom: 20px;} .sidebar__filters .label{margin-bottom: 8px; font-size: 14px;color: #000;font-weight:300;text-wrap: wrap;text-align: left;} .sidebar__filters select,.sidebar__filters input{margin-bottom: 17px;} .sidebar__filters .selected__items{position: relative;} .sidebar__filters .selected__items span{display: inline-block; margin: 0 5px 10px 0; color: #fff; background: #D7193B url("/local/templates/rosklimtech/css/../img/closeb.svg") calc(100% - 5px) 50% no-repeat; line-height: 22px; padding: 0 20px 0 7px; font-size: 12px; cursor: pointer;} .sidebar__filters .selected__items span:hover{background: #000 url("/local/templates/rosklimtech/css/../img/closeb.svg") calc(100% - 5px) 50% no-repeat;} .sidebar__filters .col{width: 50%; margin-bottom: 15px;} .sidebar__filters .box__price .flex{align-items: center;} .sidebar__filters .box__price input{margin-bottom: 0; width: 47%!important;} .sidebar__filters .btn{width: 47%; margin-bottom: 0!important;} #breadcrumbs{padding: 0 0 60px; line-height: 15px; font-size: 11px; color: #425264;} #breadcrumbs li{float: left;} #breadcrumbs a{color: #425264; border-bottom: 1px solid #425264;} #breadcrumbs a:hover{border-color: transparent;} #breadcrumbs span{display: inline-block; position: relative; top: -2px; width: 5px; height: 3px; background: url("/local/templates/rosklimtech/css/../img/breadcrumbs.svg") 50% 50% no-repeat; background-size: 100%; margin: 0 5px;} #page__card{padding: 0 0 10px;} #page__card .flex{align-items: flex-start;} #page__card .gallery{width: 570px;} #page__card .gallery .thumbnails{width: 82px;} #page__card .gallery .thumbnails div{width: 100%; height: 63px; position: relative; overflow: hidden; margin-bottom: 15px; display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; box-sizing: border-box; border: 1px solid #D7193B;} #page__card .gallery .thumbnails div a{display: flex; width: 100%; height: 63px; align-items: center; justify-content: space-around;} #page__card .gallery .thumbnails div img{max-width: 90%; height: auto;} #page__card .gallery .main{width: calc(100% - 90px); display: flex; align-items: center; justify-content: space-around;} #page__card .gallery .main a{display: flex; align-items: center; justify-content: space-around; width: 100%; height: 375px;} #page__card .gallery .main img{max-width: 90%; max-height: 90%; width: auto; height: auto;} #page__card .data{width: calc(100% - 600px); position: relative;} #page__card .data .compare{position: absolute; top: 84px; right: 0;} #page__card .data .compare .btn{width: 180px;} #page__card .data .series{font-size: 11px; margin-bottom: 15px; font-weight: 600; line-height: 15px; color: #1B7990; position: relative; top: -10px;} #page__card .data .tth{max-width: 370px; margin-bottom: 45px;} #page__card .data .tth .col{display: flex; margin-bottom: 10px; align-items: center; justify-content: space-between; flex-wrap: wrap; font-size: 16px;} #page__card .data .tth .col span{font-size: 12px;} #page__card .data .actions{width: 100%; max-width: 500px; align-items: center;} #page__card .data .actions .btn{max-width: 280px;} #page__card .data .actions .inn{width: 100%; max-width: 220px;} #page__card .data .actions .price{font-size: 24px; line-height: 25px; font-weight: 600; color: #1B7990;} #page__card .data .actions .price span{font-size: 18px;} #page__card .data .actions .inn a{color: #425264; font-size: 11px; border-bottom: 1px solid #425264;} #page__card .tab__filters{padding: 50px 0 0;} .tab__filters{margin-bottom: 35px; border-bottom: 1px solid #1B7990; display: inline-block; width: 100%; color: #425264; font-weight: 600;} .tab__filters li{float: left; position: relative; cursor: pointer; border-bottom: 3px solid transparent; margin-left: 30px; padding-bottom: 5px; top: 3px;} .tab__filters li:hover,.tab__filters li.active{border-color: #1B7990; color: #1B7990;} .tabs{position: relative; color: #425264;} .tabs .tab{display: none;} .tabs .tab.tab1{display: block;} .tabs .flex{justify-content: space-around;} .tabs .col{width: 45%;} .tabs .col .title{font-size: 16px; font-weight: 600; margin-bottom: 10px;} .tab__main li{line-height: 32px; display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 14px; border-bottom: 1px solid rgba(147, 159, 172, 0.5);} .tabs .row{margin-bottom: 40px;} .tabs .tab__system{position: relative;} .tabs .tab__system .col{max-width: 400px;} .tabs .tab__system li{position: relative; margin-bottom: 15px; font-size: 14px; line-height: 19px; color: #000; padding: 0 0 0 16px; max-width: 375px;} .tabs .tab__system li:after{position: absolute; top: 7px; left: 0; width: 5px; height: 5px; background: #D7193B; content: '';} .tabs .tab__system p{font-size: 14px; color: #000; line-height: 19px; margin-bottom: 30px;} .tabs .tab__system.tab__s .flex{justify-content: space-between;} .tabs .tab__system.tab__s .col{max-width: 47%;} .tabs .tab__system.tab__s .col li{max-width: 100%;} .tabs .row__system.flex{align-items: center!important;} .tabs .row__system div{width: calc(100% - 200px)} .tabs .row__system div.title{width: 100%;} #page__parts{position: relative; padding: 0 0 50px;} #page__parts .items{display: flex; padding: 30px 0 0; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start;} #page__parts .items .item{width: 25%; box-sizing: border-box; padding-right: 50px;} #page__parts .title{font-weight: 600; margin-bottom: 10px; color: #1B7990; line-height: 22px; font-size: 16px; max-width: 202px;} #page__parts .title a{color: #1B7990; border-bottom: 1px solid transparent; background: transparent; padding: 0; display: inline-block;} #page__parts .title a:hover{text-decoration: underline;} #page__parts .items .item li{border: none; width: 100%; padding: 0; margin-bottom: 19px;} #page__parts .items .item li a{color: #000000; font-size: 14px!important; line-height: 19px; padding: 0; background: transparent; font-weight: normal;} #page__parts .items .item li a:hover{color: #D7193B} #page__parts .items .item li a:after{display: none;} #page__parts .list__products__p{max-width: 1000px; margin: 0 auto; margin: 50px auto;} #page__parts .list__products__p .item{width: 48%; margin-top: 60px;} #page__parts .list__products__p .item .image{width: 185px; height: 150px; display: flex; align-items: center; justify-content: space-around; overflow: hidden; background: #C4C4C4} #page__parts .list__products__p .item .data{width: calc(100% - 200px); font-size: 14px; line-height: 20px; padding: 15px 0 0;} .part__card{position: relative;} .part__card .image{width: 285px;} .part__card .flex{align-items: flex-start; justify-content: flex-start;} .part__card .content{margin-left: 20px; max-width: 640px; width: calc(100% - 305px)} .pagination{text-align: right;} .pagination a,.pagination span{width: 25px; height: 30px; line-height: 25px; color: #425264; font-size: 14px; display: inline-block; text-align: center;} .pagination span{background: url("/local/templates/rosklimtech/css/../img/bg_pag.svg") 50% 0 no-repeat; color: #fff;} .pagination a.next{background: url("/local/templates/rosklimtech/css/../img/arrnp.svg") 50% 50% no-repeat; font-size: 0; position: relative; top: 10px;} .pagination a.prev{background: url("/local/templates/rosklimtech/css/../img/arrnp.svg") 50% 50% no-repeat; font-size: 0; transform: rotate(180deg); position: relative; top: 10px;} .content{font-size: 14px; color: #000; line-height: 19px;} .content p{margin-bottom: 10px;} .content ul{padding: 10px 0 20px 45px;} .content ul li{position: relative; margin-bottom: 5px; padding: 0 0 0 5px;} .content img{max-width: 100%; height: auto; margin-bottom: 20px;} #page__сontainers{padding: 0 0 90px;} .content__containers{} .content__containers .content{width: calc(100% - 400px); max-width: 785px} .content__containers .sidebar__ct{width: 284px; font-size: 14px; line-height: 19px; color: #000;} .content__containers .sidebar__ct .label{font-weight: 700; margin-bottom: 7px;} .content__containers .sidebar__ct .box{margin-bottom: 47px; max-width: 277px;} .content__containers .sidebar__ct .btn{font-size: 14px; width: 100%; max-width: 100%;} #container__content{background: rgba(196, 196, 196, 0.2); padding: 65px 0;} #container__content .inner{max-width: 800px;} #container__content .content{font-size: 16px; line-height: 22px;} #container__content .content ul{margin: 0; padding-left: 0;} #container__content .content ul li{margin-bottom: 15px;} #station{padding: 90px 0;} #station .flex{align-items: center;} #station .text{max-width: 725px;} #station .text p{margin-top: 20px;} #page__about{padding: 0 0 50px;} #page__about .text{} #page__about .text p{margin-bottom: 25px;} #page__about .media{width: 590px;} #about__facts{padding: 50px 0 0;} #about__facts .inner{max-width: 894px;} #about__facts .item{width: 100%; max-width: 386px; font-size: 14px; line-height: 19px; margin-bottom: 80px; position: relative;} #about__facts .item:nth-child(1),#about__facts .item:nth-child(2){left: -50px;} #about__facts .item .image{position: relative;} #about__facts .item .image img{width: 100%; height: auto; margin-bottom: 20px;} #about__facts .item .image:after{position: absolute; top: -10px; left: 10px; display: block; content: ''; width: 17px; height: 27px; background: url("/local/templates/rosklimtech/css/../img/abf.svg") 50% 50% no-repeat;} #page__contacts{padding: 0 0 75px;} #page__contacts .data{width: 275px; font-size: 14px; line-height: 19px; color: #000;} #page__contacts .data span{display: block;} #page__contacts .data a{color: #000; font-weight: 700; font-size: 16px;} #page__contacts .data p{margin-bottom: 30px;} #page__contacts .info{max-width: calc(100% - 300px); width: 100%;} #page__contacts .flex{align-items: flex-start;} #page__contacts #map{height: 565px; width: 100%; margin-bottom: 100px;} #page__contacts .form{max-width: 835px; width: 100%;} #page__contacts .form .col{width: 49%;} #page__contacts .form input{margin-bottom: 17px;} #page__contacts .form .btn{width: 185px; font-size: 14px; margin-bottom: 0;} #page__contacts .flex__data{width: 49%; align-items: center;} #page__contacts .privacy{width: 49%; padding: 6px 0 0;} #productions{padding: 50px 0 100px;} #productions img{margin: 0 auto; max-width: 100%;} #page__projects{padding: 0 0 50px;} #page__projects .item{width: 31%; padding: 28px 26px; position: relative; box-sizing: border-box; background: #FFFFFF; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15); margin-bottom: 50px; color: #425264; font-weight: 600;} #page__projects .item img{width: 100%; height: auto; margin-bottom: 25px;} #page__projects .item a{position: absolute; top: 0; left: 0; z-index: 20;} #delivery.page__delivery{padding: 0 0 100px;} #delivery.page__delivery .content{padding: 100px 0 0;} #page__project{padding: 0 0 100px;} #page__project .flex{align-items: flex-start;} #page__project .gallery{width: 590px;} #page__project .gallery .item{width: 48%; margin-bottom: 25px;} #page__project .gallery .item img{width: 100%; height: auto;} #page__project .data{width: 500px; max-width: calc(100% - 630px)} #page__project .data .info{font-weight: 700; color: #1B7990; margin-bottom: 25px;} #page__project .data .info span{display: block; font-size: 14px; color: #000; font-weight: normal; margin-bottom: 5px;} #page__project .data .info .col:nth-child(1){color: #D7193B;} #page__project .data .btn{width: 185px; font-size: 14px; margin-top: 20px;} footer{background: #8b8a8a; color: #fff; padding: 0px; position: relative;margin-top: 50px;} footer:after{position: absolute; top: 0; left: calc(50% - 233px); width: 2000px; height: 100%; content: ''; background-color: #c1c1c1} footer .inner{position: relative; z-index: 2;} footer .data{max-width: 315px;} footer .logo{position: relative; top: 20px;} footer .address{margin: 45px 0 60px; font-size: 13px; line-height: 18px;} footer .phone{margin-bottom: 8px; font-size: 18px; font-weight: 700; line-height: 25px;} footer .phone a{color: #fff;} footer .copyright{margin: 45px 0 0; font-size: 13px; line-height: 18px;} footer .navigation{width: 100%; max-width: 530px; align-items: flex-start; padding: 30px 0 0;} footer .navigation ul{width: 100%; max-width: 280px;} footer .navigation li{font-size: 15px; line-height: 20px; margin: 24px 0;} footer .navigation li a{color: #fff; border-bottom: 1px solid transparent} footer .navigation li a:hover{border-color: #fff;} footer .navigation ul.catalog__nav{max-width: 200px; font-weight: 700; position: relative; top: -10px; border-left: 1px solid rgba(147, 159, 172, 0.5); padding-left: 30px;} footer .navigation ul.catalog__nav li{margin: 36px 0;} .list__products{position: relative;} .list__products .item{background: #fff; padding: 15px; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15); margin-bottom: 34px; align-items: center;} .list__products .image{width: 175px; height: 125px; display: flex; align-items: center; justify-content: space-around;} .list__products .image img{max-width: 98%; max-height: 98%; width: auto; height: auto;} .list__products .data{width: calc(100% - 355px); position: relative;} .list__products .data .title{font-size: 18px; font-weight: 600; color: #425264; line-height: 25px;} .list__products .data .title a{color: #425264;} .list__products .data .title a:hover{color: #D7193B;} .list__products .data .series{font-size: 11px; background: #fff; color: #1B7990; line-height: 15px; font-weight: 600; position: absolute; top: 36px; left: 0; padding-right: 20px; z-index: 2;} .list__products .data .tth{margin: 20px 0 0; padding: 10px 0 0; border-top: 1px solid rgba(224, 224, 224, 0.5); font-size: 13px; line-height: 18px; color: #425264; display: flex; justify-content: space-between; flex-wrap: wrap; text-align: center;} .list__products .data .tth .col:nth-child(1){text-align: left;} .list__products .actions{width: 155px; position: relative;} .list__products .actions a.btn{font-size: 14px; width: 100%;} .list__products .actions a.btn-red{margin-bottom: 24px;} .list__products .price{font-weight: 600; font-size: 24px; line-height: 25px; color: #1B7990; position: absolute; top: 5px; right: 100%; width: 300px; text-align: right; margin-right: 12px;} .list__products .price span{font-size: 18px;} .more{display: inline-block; padding: 5px 40px 5px 0; border-bottom: 1px solid transparent; background: url("/local/templates/rosklimtech/css/../img/more.svg") 100% 50% no-repeat; color: #425264; font-size: 16px; font-weight: normal;} .more:hover{border-color: #425264;} .more__info.more__white .more{color: #fff; background: url("/local/templates/rosklimtech/css/../img/morew.svg") 100% 50% no-repeat;} .more__info.more__white .more:hover{border-color: #fff;} .more__info{text-align: right; padding: 40px 0 0;} .bt{color: #425264; font-size: 24px; font-weight: 600; margin-bottom: 20px; line-height: 36px;} .bt.bt__s{font-size: 20px; line-height: 27px;} .bt.flex{align-items: center;} .bt.flex .btn{width: 180px; font-size: 14px;} .bt.flex .btn-red{margin-right: 20px;} .flex{display: flex; justify-content: space-between; flex-wrap: wrap;} .slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer; cursor: hand;} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track{position: relative; top: 0; left: 0; display: block;} .slick-track:before, .slick-track:after{display: table; content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none; float: left; height: 100%; min-height: 1px;} [dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} .slick-loading .slick-list{background: none;} .slick-prev,.slick-next{border: none; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 30px; height: 16px; padding: 0; cursor: pointer; margin-top: -8px; opacity: 1;} .slick-prev,.slick-next{display: block!important; z-index: 10;} .slick-prev{background: url("/local/templates/rosklimtech/css/../img/more.svg") 50% 50% no-repeat; left: -46px; transform: rotate(180deg);} .slick-next{background: url("/local/templates/rosklimtech/css/../img/more.svg") 50% 50% no-repeat; right: -46px;} .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color: transparent; outline: none; opacity: 1;} .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity: 1;} .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: .25;} .slick-prev:before, .slick-next:before{display: none;} .slick-prev{display: none;} .slick-next{display: none;} .slick-dots{position: absolute; bottom: 0; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;} .slick-dots li{position: relative; display: inline-block; margin: 0 7px; cursor: pointer;} .slick-dots li button{font-size: 0; line-height: 0; display: block; box-sizing: border-box; cursor: pointer; color: transparent; border: none; outline: none; background: #fff; border-radius: 50%; padding: 0; width: 20px; height: 20px;} .slick-dots li button{width: 20px; height: 20px; background: #f3faff; border: 2px solid #ffa200; box-sizing: border-box;} .slick-dots li.slick-active button{background: #ffa200} input[type="checkbox"]{display:none;} input[type="checkbox"] + label{cursor: pointer; display: inline-block; padding-left: 25px; position: relative; display: block; font-size: 14px;} input[type="checkbox"] + label a{color: #fff; border-bottom: 1px solid #fff;} input[type="checkbox"] + label a:hover{border-color: transparent;} input[type="checkbox"] + label::before{content: ""; display: inline-block; position: absolute; top: 2px; left: 0; height: 15px; width: 15px; border: 1px solid #939FAC; border-radius: 1px;} input[type="checkbox"] + label::before{background-position: 0px 0px;} input[type="checkbox"]:checked + label::before {background: #D7193B url("/local/templates/rosklimtech/css/../img/check.svg") 50% 40% no-repeat; border-color: #D7193B;} .form input[type="text"],.form input[type="email"],.form input[type="tel"],.form textarea,.form select{box-shadow: none; padding: 0 20px; width: 100%; font-size: 14px; height: 40px; border: 1px solid #939FAC;} .form textarea{resize: none; height: 97px; padding-top: 14px;} .form select{background: #fff url("/local/templates/rosklimtech/css/../img/arrn.svg") calc(100% - 15px) 50% no-repeat; padding-right: 40px;} .form .file{font-size: 12px; line-height: 16px;} .form .file label{display: block; padding: 3px 0 3px 22px; background: url("/local/templates/rosklimtech/css/../img/file.svg") 0 50% no-repeat; cursor: pointer; color: #425264;} .form .file label span{border-bottom: 1px solid #425264} .form .file label span:hover{border-color: transparent;} .form .privacy{color: #425264; font-size: 11px; line-height: 13px; padding: 15px 0 0;} .form .privacy a{color: #425264; border-bottom: 1px solid #425264;} .form .privacy a:hover{border-color: transparent;} .box__modal{display: none; width: 460px; max-width: calc(100% - 40px); background: #fff; box-sizing: border-box; padding: 50px 40px 40px; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.25);} .fancybox-close-small{width: 48px; height: 48px; background: url("/local/templates/rosklimtech/css/../img/close.svg") 50% 50% no-repeat;} .fancybox-close-small:after{display: none;} .box__modal .bt{margin-bottom: 30px;} .box__modal .privacy{text-align: center; padding: 25px 0 0;} .box__modal .col{margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;} .box__modal .col span{font-size: 14px; color: #425264;} .box__modal .col input{max-width: 260px; width: 100%;} .box__modal .file{text-align: center; margin-bottom: 25px;} .box__modal .file label{display: inline-block; font-size: 14px;} .compensate-for-scrollbar{margin: 0!important} .clearfix{clear: both;} .center{display: inline-block; width: 100%; text-align: center;} a{text-decoration: none; transition: all 0.25s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} a:hover{transition: all 0.25s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} a:focus{outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} img{display: block;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .btn{display: inline-block; text-align: center; cursor: pointer; border: none; transition: all 0.25s ease-out; box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .btn:hover{transition: all 0.25s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .btn-blue{width: 125px; height: 28px; background: #1B7990; border-radius: 1px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); color: #fff; font-size: 12px; font-weight: 600; } .btn-blue:hover{background: #186D82; border-color: #186D82;} .btn-red{width: 100%; height: 40px; background: #D7193B; border-radius: 1px; border-bottom: 2px solid #B82141; color: #fff; font-size: 12px; font-weight: 600; line-height: 30px;} .btn-red:hover{background: #B82141; border-color: #B82141;} .btn-blue-tr{width: 100%; height: 40px; background: #fff; border-radius: 1px; border: 1px solid #425264; color: #425264; font-size: 14px; font-weight: 600;} .btn-blue-tr:hover{background: linear-gradient(0deg, rgba(147, 159, 172, 0.5), rgba(147, 159, 172, 0.5)); color: #fff; border-color: rgba(147, 159, 172, 0.5);} .btn-large{height: 60px; line-height: 50px; font-size: 16px;} .hdbm{display: none;} input,textarea,select,button{ box-sizing: border-box; font-family: 'Open Sans', sans-serif;} /*responsive*/ @media screen and (max-width: 1200px){ .inner{width: 768px; padding: 0 20px;} header{padding: 40px 0 25px;} header .compare{position: absolute; top: -46px; right: 75px;} header .search{position: absolute; top: -46px; right: 0;} header .top nav li:first-child{top: 0;} header .top nav li{margin-right: 15px; position: relative; top: 2px;} header .top nav li a{font-size: 13px;} header .phone{font-size: 14px;} header .search__form{top: 40px; right: -3px;} header .navigation nav ul li{padding: 10px 11px;} header .navigation nav ul li a{font-size: 14px;} header .navigation .inner{padding-left: 0; padding-top: 10px;} header .navigation nav ul .sub-menu{left: 0; width: 100%; max-width: 100%; box-sizing: border-box;} header .navigation nav ul .sub-menu .items .item{padding-right: 20px; font-size: 13px;} header .navigation nav ul .sub-menu .title a{line-height: 1.3;} header .navigation nav ul .sub-menu .items .item li{margin-bottom: 5px;} header .navigation nav ul .sub-menu .items .item li:last-child{margin-bottom: 15px;} header .navigation nav ul .sub-menu .items .item li a{font-size: 13px!important; line-height: 1.3;} #search__products .inner{width: 100%; padding: 25px 20px;} #search__products .bt{margin: 0 auto 20px; max-width: 768px; box-sizing: border-box;} #search__products .form{margin: 0 auto; max-width: 768px; box-sizing: border-box;} #search__products .col{width: 240px; max-width: 100%!important} #search__products .col:nth-child(2){width: 260px;} #search__products .col:nth-child(3){width: 182px;} #search__products .col .item:first-child{margin-bottom: 20px;} #search__products .col .item{height: auto;} #search__products .col a{display: inline-block; border: none; text-decoration: underline; text-decoration-style: dashed; margin: 20px 0;} #search__result .data .row a{font-size: 14px; margin: 0 15px 0 0;} #search__result .data .row span{font-size: 16px; width: 105px; display: block; text-align: center; margin-right: 15px; margin-bottom: 15px;} #search__result .data .row{flex-wrap: wrap;} #search__result .image{width: 170px;} #search__result .data{width: calc(100% - 190px)} #about .data{margin: 0 auto 30px;} #about .advantages{margin: 0 auto;} .list__products .image{width: 150px;} .list__products .item{align-items: flex-start; position: relative;} .list__products .data .title{font-size: 18px;} .list__products .actions{position: absolute; top: 50px; right: 15px; padding-top: 55px;} .list__products .data{width: calc(100% - 160px)} .list__products .data .tth{width: calc(100% - 200px)} .list__products .data .tth .col{width: 100%; text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 10px} .list__products .data .tth .col span{width: 155px;} .list__products .price{top: 0; right: 0; margin: 0;} #variants{padding-bottom: 30px;} #variants .item{width: 48%; margin-bottom: 30px;} #advantages{padding: 50px 0;} #advantages .bt .image{width: 87px!important; height: 104px!important; background-size: 100%!important; margin-right: 15px;} #advantages .bt .image img{max-width: 50px;} #advantages .bt{font-size: 24px;} #advantages .data:nth-child(2){padding-left: 20px;} #advantages .time div{margin-right: 15px; padding-right: 15px;} #advantages .data .text{font-size: 14px;} #advantages .data .text p{margin-top: 18px;} #manufacturers{padding: 50px 0 25px;} #manufacturers .slick-prev{left: 0;} #manufacturers .slick-next{right: 0;} #manufacturers .items{padding: 0 35px;} #projects{padding: 50px 0;} #projects .item{width: 96%; padding: 15px;} #projects .slider__projects{width: 100%; left: 0;} #projects .item .title{font-size: 14px; padding: 19px 0 14px;} #projects .item .tth{justify-content: space-between;} #projects .item .col{margin: 0;} #projects .item .col span{font-size: 14px;} #projects .slick-prev{top: 100%; margin-top: 28px; left: calc(50% - 40px)} #projects .slick-next{top: 100%; margin-top: 28px; right: calc(50% - 40px)} .more__info{padding: 20px 0 0;} .more{font-size: 13px;} #works{padding: 270px 0 45px; background-position: 50% 0; background-size: auto 515px;} #works .text{padding: 45px 25px; margin: 0 auto;} #video{padding: 35px 0;} #video .item{width: 31%;} #delivery{padding: 40px 0 0;} #delivery .flex{justify-content: flex-start;} #delivery .item{width: calc(100%/3); margin-bottom: 40px; box-sizing: border-box; padding-right: 20px;} #about__text .data{padding: 150px 40px 40px; max-width: 515px;} #callback__block{padding: 0; margin-top: } #callback__block:after{display: none;} #callback__block .form{width: 100%; order: 1; max-width: 309px; margin: 0 auto; padding: 55px 0;} #callback__block .inner{padding: 0;} #callback__block .articles{width: 1000%; order: 0; position: relative; background: #1B7990; max-width: 100%; padding: 55px 20px; box-sizing: border-box;} #callback__block .articles .item{width: 31%} #callback__block .articles .item .title{height: auto; min-height: 0; margin-bottom: 10px;} #callback__block .articles .item .title a{font-size: 16px; line-height: 21px;} .search__products__double,.search__result__double{display: none;} .sidebar__filters{width: 100%; background: #fff;} .sidebar__filters .mobile{display: block;} .sidebar__filters .hd__filters{display: none; padding: 20px 0 0;} #page__catalog .data{width: 100%;} .sorting{display: none;} #page__catalog .list__products .image{width: 150px; height: 120px;} #page__catalog .list__products .data{width: calc(100% - 170px);} #page__catalog .list__products .data .tth{max-width: 290px; font-size: 14px;} #page__catalog .list__products .data .tth .col{font-size: 13px;} #page__catalog .list__products .actions{top: 22px;} #breadcrumbs{line-height: 24px;} #page__card .flex__main{width: 100%; max-width: 600px; margin: 0 auto;} #page__card .gallery{width: 100%;} #page__card .data{width: 100%; padding: 30px 0 0;} #page__card h1.bt{font-size: 20px;} .tabs .col{width: 100%!important; max-width: 100%!important;} .tabs .tab__system li{max-width: 100%;} .tab__filters li{margin: 0 30px 0 0;} .content__containers .content{width: calc(100% - 310px); max-width: 100%;} #container__content{padding: 50px 0 35px;} #container__content .content ul li,#container__content .content{line-height: 19px; font-size: 14px;} #station .text{width: calc(100% - 310px); order: 1; font-size: 14px; line-height: 19px;} #station .flex{align-items: center;} #station img{max-width: 300px; order: 0;} #page__parts .items .item{width: 50%;} #page__about .text{width: 100%; margin-bottom: 30px; max-width: 100%;} #page__about .media{margin: 0 auto;} #about__facts .item{left: 0!important; width: 48%; margin-bottom: 40px;} #page__contacts .data{width: 100%;} #page__contacts .info{width: 100%; max-width: 100%;} #page__contacts #map{height: 455px; margin-bottom: 65px;} #page__projects .item{width: 48%} #projects.page__projects .item{width: 48%;} #page__project{padding-bottom: 0;} #page__project .gallery{width: 100%;} #page__project .gallery .item{width: 31%;} #page__project .data{width: 100%; max-width: 100%;} .sidebar__filters .hd__filters{width: 285px; margin: 0 auto; padding: 60px 23px 50px; box-sizing: border-box; background: #EFEFF0 url(/local/templates/rosklimtech/css/../img/bg_sidebar.jpg) 50% 100% no-repeat; position: relative; margin-top: 25px;} .sidebar__filters .hd__filters:after{position: absolute; top: 0; left: 0; width: 100%; height: 10px; content: ''; background: url("/local/templates/rosklimtech/css/../img/bg_sd_m.png") 50% 0 no-repeat;} footer{padding: 0px; position: relative;margin-top: 40px} footer .inner{padding: 0;} footer:after{display: none1; background: url("/local/templates/rosklimtech/css/../img/ft__aft.png") 50% 0 repeat-x; width: 100%; height: 10px; z-index: 10;} footer .navigation{margin: 0 auto; width: 100%; order: 0; background: #425264; max-width: 100%; padding: 30px 0;} footer .main{width: 100%; order: 1; padding: 0 20px;} footer .navigation ul{max-width: 100%!important; width: 48%; box-sizing: border-box; text-align: center; padding: 0!important} footer .address{margin: 30px 0;} } @media screen and (max-width: 767px){ .inner{width: 100%; padding: 0 12px;} .list__projects__main { flex-direction: column; } .list__projects__main .item { width: 100% !important; } header{padding: 12px 0;} header .top{padding: 1px 0;} header .compare{display: none;} header .pull{display: block; width: 11px; height: 11px; background: url("/local/templates/rosklimtech/css/../img/pull.svg") 50% 50% no-repeat;} header .pull.open{position: absolute; top: -12px; right: -12px; width: 48px; height: 48px; z-index: 222; background: url("/local/templates/rosklimtech/css/../img/close.svg") 50% 50% no-repeat;} header .top nav ul{display: none; position: absolute; top: -12px; left: -62px; width: calc(100% + 74px); background: #fff; z-index: 20; padding-top: 50px; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);} header .top nav li{float: none; margin: 0; width: 100%; margin: 0 0 23px!important; top: 0;} header .top nav li.home{width: 100%; background: transparent; padding: 0; top: 0;} header .top nav li a,header .top nav li.home a{padding: 0 32px; font-size: 13px; line-height: 18px; background: #fff; display: block; width: auto; height: auto;} header .search{position: absolute; top: -3px; right: 0;} header .top .flex{justify-content: flex-start;} header .callback{display: none;} header .phone{margin-left: 20px; font-size: 12px;display: flex;} header .logo{width: 41px; height: 39px; left: -50px; top: calc(50% - 20px);} header .logo img{max-width: 100%; height: auto;} header .inner{padding-left: 62px;} header .search__form{width: 300px; right: 0; background: #fff; height: 40px; z-index: 20;} header .search__form input[type="text"]{width: 200px; float: left;} header .search__form .btn{float: right;} header .navigation nav ul li{float: none; width: 100%; padding: 0; max-width: 100%; border: none;} header .navigation nav ul li a,header .navigation nav ul li.has__children a{padding: 15px 0; background: transparent!important; text-align: center; border-bottom: 1px solid #EFEFF0; font-size: 14px; line-height: 19px;} header .navigation{border: none; padding-bottom: 0;} header .navigation .inner{padding: 0;} header .navigation nav ul li a:after{display: none;} header .navigation nav ul li .sub-menu{width: 100%; position: relative; top: 0; left: 0; padding: 20px;} header .navigation nav ul .sub-menu .items .item{width: 100%; padding: 0 0 10px;} header .navigation nav ul .sub-menu .items .item li a{text-align: left; padding: 5px 0;} #page__parts .items .item{width: 100%; padding-right: 0;} .bt.flex span{width: 100%;} .bt.flex .btn{width: 100%; margin: 25px 0 0!important; max-width: 100%;} #page__parts .title{width: 100%; max-width: 100%;} #search__products{display: none;} #search__result .flex{align-items: flex-start;} #search__result .data{width: 100%;} #search__result .data .row span{width: 100%; margin: 0 0 15px;} #search__result .data .row a{margin: 0 10px 10px 0;} #page__projects .item{width: 100%; padding: 18px; font-size: 13px;} #page__projects .item img{margin-bottom: 18px;} #about .inner{padding: 0;} #about .data{padding: 0 12px;} #about .data li{font-size: 12px; line-height: 17px;} #about .advantages p{font-size: 12px; line-height: 16px;} #about .advantages .item{width: calc(50% - 75px)} #about .advantages .item:nth-child(2){width: 130px;} #about .advantages .item img{max-width: 100%; width: 100%;} .list__products .data{width: 100%;} .list__products .actions{position: relative; top: 0; right: 0; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;} .list__products .data .series{position: relative; margin-top: 10px; top: 0;} .list__products .data .tth{width: 100%;} .list__products .price{position: relative; width: 100%; text-align: center; top: -15px; max-width: 100%;} .list__products .data .tth{font-size: 12px;} .list__products .actions a.btn{width: 48%; margin-bottom: 0;} #variants{padding: 30px 0 0;} #variants .bt{text-align: center;} #variants .item{width: 100%; text-align: center;} #variants .item .image{justify-content: space-around; height: auto;} #page__project .gallery .item{width: 48%; margin-bottom: 4%;} #page__about .text{font-size: 12px; line-height: 18px;} #page__about .text p{margin-bottom: 20px;} .hdbm{display: block;} .hdb{display: none;} #page__about .media img, #page__about .media iframe{position: relative; top: -25px;} #advantages .data{width: 100%;} #advantages .data:nth-child(2){padding-left: 0;} #advantages .data:nth-child(1){padding-bottom: 65px;} #advantages:after{height: 50%; top: 50%; width: 100%;} .part__card .image{width: 100%; margin-bottom: 25px;} .part__card .image img{width: 100%; height: auto;} .part__card .content{margin: 0; width: 100%; max-width: 100%;} #video .item{width: 100%;} #video .item:last-child{display: none;} #delivery .item{width: 100%; text-align: center;} #delivery .item .image{margin: 0 auto 15px;} #page__parts .list__products__p .item{width: 100%; margin-top: 40px;} #page__parts .list__products__p .item .image{width: 135px; height: 110px;} #page__parts .list__products__p .item .data{width: calc(100% - 150px); padding: 0; font-size: 12px; line-height: 17px;} #about__text .data{left: 0; max-width: 100%; padding: 100px 20px 20px;z-index: 15;} #page__catalog .list__products .actions{top: 0; left: 0; bottom: 0; width: 100%; text-align: center; position: relative; padding: 20px 0 0;} #page__catalog .list__products .actions .price{width: 100%; margin-bottom: 0; position: relative; top: 0px;} #page__catalog .list__products .data{width: 100%; max-width: 100%;} #callback__block .articles .item{width: 100%;} #callback__block .articles .item:last-child{display: none;} #page__card .tab__filters{border-bottom: none; text-align: center;} #page__card .tab__filters li{float: none; margin: 0 5px 10px; display: inline-block; font-size: 14px; padding-bottom: 3px;} #page__card .data .compare{position: relative; top: -20px; text-align: center;} #page__card h1.bt{line-height: 27px;} #page__card .data .actions .inn{width: 100%; max-width: 100%; text-align: center; margin-bottom: 15px;} #page__card .data .actions .btn{max-width: 100%;} #page__card .data .tth .col span{display: block; width: 100%;} #page__card .gallery .thumbnails{width: 100%; order: 1; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;} #page__card .gallery .main{width: 100%; order: 0;} #page__card .gallery .main a{height: auto;} #page__card .gallery .thumbnails div a,#page__card .gallery .thumbnails div{width: 59px; height: 44px;} #page__сontainers{padding-bottom: 40px;} .content__containers .sidebar__ct{order: 1; width: 100%; max-width: 100%;} .content__containers .sidebar__ct .box{max-width: 100%; text-align: center;} .content__containers .content{width: 100%; order: 0; max-width: 100%; margin-bottom: 30px;} #station .text{width: 100%; padding-top: 30px;} #station img{margin: 0 auto;} .content ul{padding: 0;} #about__facts .item{width: 100%; max-width: 100%;} #page__about .media{max-width: 100%;} #page__about .media img,#page__about .media iframe{max-width: 100%; display: block;} #page__contacts .form .col{width: 100%;} #page__contacts .form .btn{width: 125px;} #page__contacts .form .privacy{width: 100%; padding-top: 20px;} #page__contacts .flex__data{width: 100%;} #productions .slick-prev{top: 100%; margin-top: 35px; left: calc(50% - 40px)} #productions .slick-next{top: 100%; margin-top: 35px; right: calc(50% - 40px)} #projects.page__projects .item{width: 100%;} .sidebar__filters.sidebar__main__page{display: block; padding: 0;} #about .advantages{height: 137px;} #about .advantages .item{height: 155px; padding: 30px 5px 0;} #about .advantages .item:nth-child(2){background: url(/local/templates/rosklimtech/css/../img/bg_advantages_m.png) 50% 0 no-repeat; top: -6px;} #about .advantages .image{height: 45px; position: relative; top: -5px;} #about .advantages .image img{max-height: 40px; width: auto;} #about .advantages .item:nth-child(2):before,#about .advantages .item:nth-child(2):after{width: 56px; left: calc(50% - 28px)} #about .advantages .item:nth-child(2):before{bottom: 23px;} #variants .item:nth-child(1){order: 0;} #variants .item:nth-child(2){order: 2;} #variants .item:nth-child(3){order: 1;} #variants .item:nth-child(4){order: 3;} #manufacturers .items{padding: 0;} #manufacturers .item .image{width: 60px; height: 60px; margin: 0 auto 17px; overflow: hidden;} #manufacturers .item .image img{max-width: 70%; max-height: 100%; width: auto; height: auto;} #manufacturers .item p{font-size: 12px;} #manufacturers .items .slick-prev{top: 100%; margin-top: 20px;} #manufacturers .items .slick-next{top: 100%; margin-top: 20px; right: calc(100% - 80px);} #works{background: url("/local/templates/rosklimtech/css/../img/bg_workm.jpg") 50% 0 no-repeat; background-size: 100%; padding: 190px 0 45px;} #works .inner{padding: 0;} #works .text{padding: 25px 20px;} #works .text .bt{line-height: 31px;} #projects .item{width: 100%; box-shadow: none;} #projects .slick-prev{left: 0px;} #projects .slick-next{right: calc(100% - 80px);} #callback__block .articles{padding-bottom: 35px;} #callback__block .articles .item{position: relative; margin-top: 60px; padding-bottom: 10px;} #callback__block .articles .item:first-child{margin-top: 35px;} #callback__block .articles .item a.detail{position: absolute; display: block; width: 18px; height: 10px; background: url("/local/templates/rosklimtech/css/../img/arra.svg") 50% 50% no-repeat; bottom: -10px; right: 0;} #callback__block .more__info{padding-top: 50px; text-align: center;} header .search__form{width: 100%; position: fixed; top: 0; left: 0; box-sizing: border-box; padding: 5px; height: 50px; box-sizing: border-box; background: #EFEFF0; z-index: 9999;} header .search__form input[type="text"]{width: calc(100% - 100px)} footer .navigation ul{width: 100%!important; text-align: left!important} footer .navigation li{margin: 0 0 15px!important} footer .navigation li a{display: block; padding: 5px 12px;} footer .navigation ul.catalog__nav{border-left: 0; border-top: 1px solid rgba(147, 159, 172, 0.5); margin-top: 30px; padding-top: 30px!important;} footer .navigation{padding: 45px 33px;} footer .navigation li{margin-bottom: 24px!important} footer .navigation li a{padding: 0;} footer .navigation ul.catalog__nav{margin-top: 20px;} footer .navigation ul.catalog__nav li{margin-bottom: 39px!important} } /*responsive*/ /* End */ /* Start:/local/templates/rosklimtech/css/owl.carousel.min.css?17014545213351*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/rosklimtech/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/rosklimtech/css/owl.theme.default.min.css?17014545211013*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/local/templates/rosklimtech/components/bitrix/menu/main_top/style.min.css?170145452110544*/ .bx-top-nav-container{margin-top:15px;padding:0 10px;color:#fff;border-radius:2px;position:relative;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica))}.bx-top-nav-container .bx-nav-list-1-lvl{margin:0;padding:0;list-style:none}.bx-top-nav-container .bx-nav-1-lvl{float:left;position:relative}.bx-top-nav-container .bx-nav-1-lvl>a{color:#fff;font-weight:var(--ui-font-weight-bold);display:block;text-decoration:none;text-transform:uppercase;border-radius:1px;padding-top:6px;padding-bottom:2px;border-bottom:0}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:10px 14px 14px;display:block}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a{z-index:250;box-shadow:0 6px 13px 0 rgba(0,0,0,.13)}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a span,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a span{background:#fff}.bx-top-nav-container .bx-nav-parent-arrow{display:none}.bx-top-nav-container .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-2-lvl-container{z-index:999;display:none;opacity:0;padding:9px 0 5px;box-shadow:0 6px 13px 0 rgba(0,0,0,.13);border-top:0;min-width:100%;color:#000}.bx-top-nav-container .bx-nav-2-lvl-container-advanced:before,.bx-top-nav-container .bx-nav-2-lvl-container:before{position:absolute;content:" ";display:block;height:5px;background:#fff;top:-5px;left:0;right:0}.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container{opacity:1;display:block;position:absolute;top:100%;z-index:999;background:#fff}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container{top:56px;margin-left:-10px}.bx-top-nav-container>ul{box-sizing:border-box}.bx-top-nav-container .bx-nav-list-2-lvl{margin:0;padding:5px 0 12px}.bx-top-nav-container .bx-nav-2-lvl{display:block;min-width:180px;padding:0 10px;box-sizing:border-box}.bx-top-nav-container .bx-nav-2-lvl>a{padding:5px 15px 5px;color:#20394c;font-size:13px;line-height:16px;text-decoration:none;font-weight:var(--ui-font-weight-bold);border-bottom:0;display:block}.bx-top-nav-container .bx-nav-list-2-lvl .bx-nav-2-lvl:first-child a{border-top:0;margin-top:0}.bx-top-nav-container .bx-nav-3-lvl{padding:5px 0;margin:0}.bx-top-nav-container .bx-nav-3-lvl-container-advanced:before,.bx-top-nav-container .bx-nav-3-lvl-container:before{position:absolute;content:" ";display:block;height:5px;background:#fff;top:-5px;left:0;right:0}.bx-top-nav-container .bx-nav-list-3-lvl{margin:0;padding:0 0 14px 7px}.bx-top-nav-container .bx-nav-3-lvl{display:block;min-width:180px;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-top-nav-container .bx-nav-3-lvl a{padding:3px 15px;color:#555;font-size:13px;line-height:14px;text-decoration:none;border-bottom:0;display:block}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container{min-width:200px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;min-width:200px;width:100%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-catinfo-back{width:100%;background:#fff}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container{min-width:400px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;min-width:200px;width:50%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-catinfo-back{width:50%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container{min-width:600px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;min-width:200px;width:33.33333%;float:left}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-catinfo-back{width:33.33333%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col{position:static}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced{top:100%;left:0;right:0}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container{min-width:100%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;width:25%;float:left}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-catinfo-back{width:25%}.bx-top-nav-container .bx-nav-catinfo{padding:5px 15px 5px;z-index:120;position:relative}.bx-top-nav-container .bx-nav-catinfo img{box-sizing:border-box;border:1px solid #e7e9ea;width:auto;max-width:100%;height:auto;max-height:100%}.bx-top-nav-container .bx-nav-catinfo p{padding:20px 5px 0;font-size:13px}.bx-top-nav-container .bx-nav-catinfo-back{position:absolute;display:block;content:' ';top:-5px;right:0;bottom:0;background:#f7fafb;z-index:100;border-left:1px solid #ecefef}.bx-aside-nav-control{font-size:28px;position:fixed;width:40px;height:40px;top:5px;left:5px;line-height:40px;cursor:pointer;z-index:1750;color:#fff;text-align:center}body>.bx-aside-nav-control{-webkit-transition:left .15s linear;-moz-transition:left .15s linear;-ms-transition:left .15s linear;-o-transition:left .15s linear;transition:left .15s linear}.bx-aside-nav-control .fa{line-height:40px;vertical-align:middle}.bx-wrapper,.bx-aside-nav{-webkit-transition:-webkit-transform .15s linear;-moz-transition:-moz-transform .15s linear;-ms-transition:-ms-transform .15s linear;-o-transition:-o-transform .15s linear;transition:transform .15s linear}.bx-logo{z-index:1700 !important}.bx-opened .bx-footer,.bx-opened .workarea{display:none !important}.bx-aside-nav{display:none;padding-top:50px;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);width:100%;background:#4c5c65;position:fixed;top:0;bottom:0;left:0;z-index:1600}.bx-aside-nav.bx-opened{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);overflow-y:scroll}.bx-aside-nav ul{list-style:none;margin:0;padding:0}.bx-aside-nav a{color:#fff;vertical-align:middle;line-height:48px;height:48px;font-size:16px;display:block;border-bottom:1px solid #3d4b53;padding-left:15px;max-width:100%;overflow:hidden;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis}.bx-aside-nav a{text-decoration:none}.bx-nav-1-lvl.bx-opened,.bx-aside-nav .bx-nav-1-lvl:hover>a,.bx-aside-nav .bx-nav-1-lvl.bx-hover>a{background:#44535c}.bx-aside-nav .bx-nav-list-2-lvl{background:#44535c}.bx-aside-nav .bx-nav-2-lvl>a{padding-left:30px}.bx-aside-nav .bx-nav-3-lvl>a{padding-left:45px}.bx-aside-nav .bx-nav-4-lvl a{padding-left:60px}.bx-aside-nav .bx-nav-parent{position:relative}.bx-aside-nav .bx-nav-parent-arrow{position:absolute;right:0;top:0;margin-top:6px;width:46px;height:34px;text-align:center;border-left:1px solid #5a6971;z-index:200}.bx-aside-nav .bx-nav-parent-arrow i{line-height:34px;font-size:17px;font-style:normal;color:#fff}.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-parent-arrow i{-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear}.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-parent>ul{overflow:hidden;height:0}.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-parent.bx-opened>ul{height:auto}.bx-aside-nav .bx-nav-catinfo,.bx-aside-nav .bx-nav-catinfo-back{display:none}@media(min-width:1200px){.bx-top-nav-container .bx-nav-1-lvl>a{font-size:15px}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:12px 14px 15px}}@media(min-width:992px) and (max-width:1199px){.bx-top-nav-container .bx-nav-1-lvl>a{font-size:13px}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:9px 11px 12px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container{top:47px}}@media(min-width:768px) and (max-width:991px){.bx-top-nav-container .bx-nav-1-lvl>a{font-size:11px}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:5px 6px 9px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container{top:37px}}@media(min-width:768px){.bx-aside-nav-control,.bx-aside-nav{display:none}.bx-top-nav-container{display:block}}@media(max-width:767px){.bx-aside-nav-control,.bx-aside-nav{display:block}.bx-top-nav-container{display:none}.bx-aside-nav .bx-nav-parent-arrow{display:block}.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent>a>span>.fa{display:none}} /* End */ /* Start:/bitrix/components/bitrix/search.title/templates/.default/style.css?17014545022108*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/bitrix/components/bitrix/search.title/templates/.default/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } /* End */ /* Start:/local/templates/rosklimtech/components/bitrix/menu/main_footer/style.min.css?170145452110544*/ .bx-top-nav-container{margin-top:15px;padding:0 10px;color:#fff;border-radius:2px;position:relative;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica))}.bx-top-nav-container .bx-nav-list-1-lvl{margin:0;padding:0;list-style:none}.bx-top-nav-container .bx-nav-1-lvl{float:left;position:relative}.bx-top-nav-container .bx-nav-1-lvl>a{color:#fff;font-weight:var(--ui-font-weight-bold);display:block;text-decoration:none;text-transform:uppercase;border-radius:1px;padding-top:6px;padding-bottom:2px;border-bottom:0}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:10px 14px 14px;display:block}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a{z-index:250;box-shadow:0 6px 13px 0 rgba(0,0,0,.13)}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a span,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a span{background:#fff}.bx-top-nav-container .bx-nav-parent-arrow{display:none}.bx-top-nav-container .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-2-lvl-container{z-index:999;display:none;opacity:0;padding:9px 0 5px;box-shadow:0 6px 13px 0 rgba(0,0,0,.13);border-top:0;min-width:100%;color:#000}.bx-top-nav-container .bx-nav-2-lvl-container-advanced:before,.bx-top-nav-container .bx-nav-2-lvl-container:before{position:absolute;content:" ";display:block;height:5px;background:#fff;top:-5px;left:0;right:0}.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container{opacity:1;display:block;position:absolute;top:100%;z-index:999;background:#fff}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container{top:56px;margin-left:-10px}.bx-top-nav-container>ul{box-sizing:border-box}.bx-top-nav-container .bx-nav-list-2-lvl{margin:0;padding:5px 0 12px}.bx-top-nav-container .bx-nav-2-lvl{display:block;min-width:180px;padding:0 10px;box-sizing:border-box}.bx-top-nav-container .bx-nav-2-lvl>a{padding:5px 15px 5px;color:#20394c;font-size:13px;line-height:16px;text-decoration:none;font-weight:var(--ui-font-weight-bold);border-bottom:0;display:block}.bx-top-nav-container .bx-nav-list-2-lvl .bx-nav-2-lvl:first-child a{border-top:0;margin-top:0}.bx-top-nav-container .bx-nav-3-lvl{padding:5px 0;margin:0}.bx-top-nav-container .bx-nav-3-lvl-container-advanced:before,.bx-top-nav-container .bx-nav-3-lvl-container:before{position:absolute;content:" ";display:block;height:5px;background:#fff;top:-5px;left:0;right:0}.bx-top-nav-container .bx-nav-list-3-lvl{margin:0;padding:0 0 14px 7px}.bx-top-nav-container .bx-nav-3-lvl{display:block;min-width:180px;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-top-nav-container .bx-nav-3-lvl a{padding:3px 15px;color:#555;font-size:13px;line-height:14px;text-decoration:none;border-bottom:0;display:block}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container{min-width:200px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;min-width:200px;width:100%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-catinfo-back{width:100%;background:#fff}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container{min-width:400px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;min-width:200px;width:50%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-catinfo-back{width:50%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container{min-width:600px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;min-width:200px;width:33.33333%;float:left}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-catinfo-back{width:33.33333%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col{position:static}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced{top:100%;left:0;right:0}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container{min-width:100%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;width:25%;float:left}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-catinfo-back{width:25%}.bx-top-nav-container .bx-nav-catinfo{padding:5px 15px 5px;z-index:120;position:relative}.bx-top-nav-container .bx-nav-catinfo img{box-sizing:border-box;border:1px solid #e7e9ea;width:auto;max-width:100%;height:auto;max-height:100%}.bx-top-nav-container .bx-nav-catinfo p{padding:20px 5px 0;font-size:13px}.bx-top-nav-container .bx-nav-catinfo-back{position:absolute;display:block;content:' ';top:-5px;right:0;bottom:0;background:#f7fafb;z-index:100;border-left:1px solid #ecefef}.bx-aside-nav-control{font-size:28px;position:fixed;width:40px;height:40px;top:5px;left:5px;line-height:40px;cursor:pointer;z-index:1750;color:#fff;text-align:center}body>.bx-aside-nav-control{-webkit-transition:left .15s linear;-moz-transition:left .15s linear;-ms-transition:left .15s linear;-o-transition:left .15s linear;transition:left .15s linear}.bx-aside-nav-control .fa{line-height:40px;vertical-align:middle}.bx-wrapper,.bx-aside-nav{-webkit-transition:-webkit-transform .15s linear;-moz-transition:-moz-transform .15s linear;-ms-transition:-ms-transform .15s linear;-o-transition:-o-transform .15s linear;transition:transform .15s linear}.bx-logo{z-index:1700 !important}.bx-opened .bx-footer,.bx-opened .workarea{display:none !important}.bx-aside-nav{display:none;padding-top:50px;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);width:100%;background:#4c5c65;position:fixed;top:0;bottom:0;left:0;z-index:1600}.bx-aside-nav.bx-opened{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);overflow-y:scroll}.bx-aside-nav ul{list-style:none;margin:0;padding:0}.bx-aside-nav a{color:#fff;vertical-align:middle;line-height:48px;height:48px;font-size:16px;display:block;border-bottom:1px solid #3d4b53;padding-left:15px;max-width:100%;overflow:hidden;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis}.bx-aside-nav a{text-decoration:none}.bx-nav-1-lvl.bx-opened,.bx-aside-nav .bx-nav-1-lvl:hover>a,.bx-aside-nav .bx-nav-1-lvl.bx-hover>a{background:#44535c}.bx-aside-nav .bx-nav-list-2-lvl{background:#44535c}.bx-aside-nav .bx-nav-2-lvl>a{padding-left:30px}.bx-aside-nav .bx-nav-3-lvl>a{padding-left:45px}.bx-aside-nav .bx-nav-4-lvl a{padding-left:60px}.bx-aside-nav .bx-nav-parent{position:relative}.bx-aside-nav .bx-nav-parent-arrow{position:absolute;right:0;top:0;margin-top:6px;width:46px;height:34px;text-align:center;border-left:1px solid #5a6971;z-index:200}.bx-aside-nav .bx-nav-parent-arrow i{line-height:34px;font-size:17px;font-style:normal;color:#fff}.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-parent-arrow i{-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear}.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-parent>ul{overflow:hidden;height:0}.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-parent.bx-opened>ul{height:auto}.bx-aside-nav .bx-nav-catinfo,.bx-aside-nav .bx-nav-catinfo-back{display:none}@media(min-width:1200px){.bx-top-nav-container .bx-nav-1-lvl>a{font-size:15px}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:12px 14px 15px}}@media(min-width:992px) and (max-width:1199px){.bx-top-nav-container .bx-nav-1-lvl>a{font-size:13px}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:9px 11px 12px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container{top:47px}}@media(min-width:768px) and (max-width:991px){.bx-top-nav-container .bx-nav-1-lvl>a{font-size:11px}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:5px 6px 9px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container{top:37px}}@media(min-width:768px){.bx-aside-nav-control,.bx-aside-nav{display:none}.bx-top-nav-container{display:block}}@media(max-width:767px){.bx-aside-nav-control,.bx-aside-nav{display:block}.bx-top-nav-container{display:none}.bx-aside-nav .bx-nav-parent-arrow{display:block}.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent>a>span>.fa{display:none}} /* End */ /* Start:/local/templates/rosklimtech/template_styles.css?17078244101273*/ .main_slider{ position: relative; z-index: 1; } .main-carousel .item{ position: relative; } .main-carousel .item .button{ position: absolute; left: 50%; margin-left: -125px; width: 250px; bottom: 100px; } .main-carousel.owl-theme .owl-nav { margin-top: 0px; } .main-carousel.owl-theme .owl-nav [class*="owl-"] { color: #FFF; font-size: 0px; text-indent: -9999px; margin: 0px; padding: 0px; width: 138px; height: 138px; display: block; cursor: pointer; border-radius: 0px; position: absolute; opacity: 1; top: 50%; margin-top: -69px; } .main-carousel.owl-theme .owl-nav .owl-prev{ background: url(/local/templates/rosklimtech/../images/ico/controls/arrow_left.png) center top no-repeat; left: 15px; } .main-carousel.owl-theme .owl-nav .owl-next{ background: url(/local/templates/rosklimtech/../images/ico/controls/arrow_right.png) center top no-repeat; right: 15px; } .justify-content-flex-end { justify-content: flex-end; } .mb-15 { margin-bottom: 15px } #page__news { padding: 0 0 50px } #page__news .item { width: 31%; padding: 28px 26px; position: relative; box-sizing: border-box; background: #FFFFFF; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15); margin-bottom: 50px; color: #425264; font-weight: 600; } #page__news .item a { color: #000; } /* End */ /* /local/templates/rosklimtech/css/style.css?170608821272969 */ /* /local/templates/rosklimtech/css/owl.carousel.min.css?17014545213351 */ /* /local/templates/rosklimtech/css/owl.theme.default.min.css?17014545211013 */ /* /local/templates/rosklimtech/components/bitrix/menu/main_top/style.min.css?170145452110544 */ /* /bitrix/components/bitrix/search.title/templates/.default/style.css?17014545022108 */ /* /local/templates/rosklimtech/components/bitrix/menu/main_footer/style.min.css?170145452110544 */ /* /local/templates/rosklimtech/template_styles.css?17078244101273 */