/* Start:/local/templates/soloterm/css/reset.css?17473781371135*/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* End */ /* Start:/local/templates/soloterm/fancybox/jquery.fancybox.min.css?174737813613706*/ @charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.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:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.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:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);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}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.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;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.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 .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}.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}.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:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;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:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 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;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.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:-25px;margin-left:-25px;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)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.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}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-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;min-width:100%;min-height:100%;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-radius:2px;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}} /* End */ /* Start:/local/templates/soloterm/template_styles.css?1747921696109347*/ @font-face { font-family: 'Franklin Gothic Book Cmp C'; src: url('/local/templates/soloterm/fonts/FranklinGothicBookCmpC.eot'); src: url('/local/templates/soloterm/fonts/FranklinGothicBookCmpC.eot?#iefix') format('embedded-opentype'), url('/local/templates/soloterm/fonts/FranklinGothicBookCmpC.woff2') format('woff2'), url('/local/templates/soloterm/fonts/FranklinGothicBookCmpC.woff') format('woff'), url('/local/templates/soloterm/fonts/FranklinGothicBookCmpC.ttf') format('truetype'), url('/local/templates/soloterm/fonts/FranklinGothicBookCmpC.svg#FranklinGothicBookCmpC') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PF Din Text Comp Pro'; src: url('/local/templates/soloterm/fonts/PFDinTextCompProRegular.eot'); src: url('/local/templates/soloterm/fonts/PFDinTextCompProRegular.eot?#iefix') format('embedded-opentype'), url('/local/templates/soloterm/fonts/PFDinTextCompProRegular.woff2') format('woff2'), url('/local/templates/soloterm/fonts/PFDinTextCompProRegular.woff') format('woff'), url('/local/templates/soloterm/fonts/PFDinTextCompProRegular.ttf') format('truetype'), url('/local/templates/soloterm/fonts/PFDinTextCompProRegular.svg#PFDinTextCompProRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PF Din Text Comp Pro Light'; src: url('/local/templates/soloterm/fonts/PFDinTextCompProLight.eot'); src: url('/local/templates/soloterm/fonts/PFDinTextCompProLight.eot?#iefix') format('embedded-opentype'), url('/local/templates/soloterm/fonts/PFDinTextCompProLight.woff2') format('woff2'), url('/local/templates/soloterm/fonts/PFDinTextCompProLight.woff') format('woff'), url('/local/templates/soloterm/fonts/PFDinTextCompProLight.ttf') format('truetype'), url('/local/templates/soloterm/fonts/PFDinTextCompProLight.svg#PFDinTextCompProLight') format('svg'); font-weight: lighter; font-style: normal; } html {height: 100%; width: 100%;} html.no-scroll {overflow: hidden;} body {height: 100%; width: 100%; min-height: 100%; background: #fff; font-family: 'Franklin Gothic Book Cmp C'; padding: 0; margin: 0; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility !important; /*background: url(/local/templates/soloterm/images/logo-pattern.png);*/} *, *:before, *:after {box-sizing: border-box; outline: none;} input, select, textarea {font-family: 'Franklin Gothic Book Cmp C';} a {color: #1d336a; transition: all .5s; } a:hover {text-decoration: none; } .ibg {background-position: center; background-repeat: no-repeat; background-size: cover; display: block; position: relative;} .ibg > img:not(.aspect) {display: block; width: 0 !important; height: 0 !important; overflow: hidden; opacity: 0; padding: 0 !important;} img.aspect {display: block; width: 100%; height: auto;} a.ibg {} a.ibg:after {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .15); background-image: url("https://soloterm.ru/local/templates/soloterm/images/Plus.svg"); background-repeat: no-repeat; background-position: center; opacity: 0; transition: .3s;} a.ibg:hover:after {opacity: 1;} a.ibg__video:after {background-color: rgba(0, 0, 0, .2); background-image: url("https://soloterm.ru/local/templates/soloterm/images/Play.png"); opacity: 1;} a.ibg__video:hover:after {opacity: .5;} img {display: block;} strong {font-weight: bold;} .hidden {display: none;} .clear:before, .clear:after {content: ''; display: table;} .clear:after {clear: both;} .preloader {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 999; overflow: hidden;} .preloader div {width: 268px; height: 50px; position: absolute; left: 50%; margin-left: -100px; top: 100%; margin-top: -69px; background: url(/local/templates/soloterm/images/logo-preloader.png) no-repeat center; opacity: 0;} .preloader div span {display: block; width: 0; height: 100%; position: absolute; top: 0; background: #fff;} .preloader div span:first-child {left: 0;} .preloader div span:last-child {right: 0;} .search {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 9; overflow: hidden; display: none;} .search div {position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-left: 50px; background: #fff; z-index: 9; display: flex; justify-content: center; align-items: center;} .search div form {font-size: 24px; color: #2e3339; line-height: 40px; height: 40px;} .search div form span {display: none; height: 40px; vertical-align: middle;} .search div form input[type="text"] {margin: 0 10px 0 15px; border: none; border-bottom: 1px solid #e0e1e1; width: 250px; font-size: 24px; line-height: 24px; padding: 8px 0; height: 40px; display: inline-block; vertical-align: middle;} .search div form input[type="submit"] {width: 40px; height: 40px; border: none; background: url(/local/templates/soloterm/images/icon-search.png) no-repeat center; opacity: .3; transition: all .25s; cursor: pointer; padding: 0; display: inline-block; vertical-align: middle;} .search div form input[type="submit"]:hover {opacity: 1; transition: all .25s;} .title-search-result {display: none; overflow: hidden; z-index: 205; box-shadow: 0 0 25px rgba(0,0,0,0.2); margin-top: -7px; margin-left: -238px; min-width: 430px;} .search-popup {background: #fff; padding: 14px 30px 16px 30px;} .search-popup .group {font-size: 20px; color: #000; padding: 10px 0 4px 0; line-height: 1.5;} .search-popup a {display: block; color: #737d88; transition: all .5s; margin: 5px 0 10px 0; text-decoration: none;} .search-popup a:hover {text-decoration: none; opacity: .6; transition: all .3s;} .search-popup a b {color: #bf0d3e;} .search-popup a.search-all {padding-top: 6px;} .search-popup a.search-more {margin-top: 12px; font-style: italic;} .search-result { max-width: 820px; } .search-result.search-result-bar {position: absolute; top: 49px; right: 68px; min-height: 20px; } .search-result form {font-size: 17px; display: block;} .search-result form input[name="q"] {font-family: 'Franklin Gothic Book Cmp C'; font-size: 20px; line-height: 20px; padding: 0 0px 4px 0px; border: none; border-bottom: 1px solid #e0e1e1; width: 250px;} .search-result.search-result-bar form input[name="q"] {font-size: 17px; width: 192px;} .search-result form input[type="submit"] {width: 40px; height: 40px; border: none; background: url(/local/templates/new-neo-term-main/images/icon-search.png) no-repeat center; opacity: .3; transition: all .25s; cursor: pointer; padding: 0; display: inline-block; vertical-align: middle;} .search-result form input[type="submit"]:hover {opacity: 1; transition: all .25s;} .search-result .search-query {font-size: 17px; color: #000; line-height: 1.5; padding-top: 15px; margin-bottom: -1px;} .search-result .result-item {font-size: 17px; line-height: 1.3; padding-top: 40px; } .search-result .result-item:first-child {padding-top: 0;} .search-result .result-item > a {font-size: 20px; } .search-result .result-item > a b {color: #22262a;} .search-result .result-item > div {color: #b8b8b8; padding-bottom: 2px; font-size: 15px;} .search-result .result-item > div a {color: #b8b8b8;} .search-result .result-item > p {padding-top: 9px;} .search-result .result-item > p b {color: #bf0d3e;} .search-result .notetext {color: #bf0d3e; font-size: 17px;} .error-404 {display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;} .error-404 > div {flex: 0 1 auto; margin-top: -57px;} .error-404 > div div {text-align: center;} .error-404 > div img {margin: 0 auto;} .error-404 > div div span {color: #2e3339; font-family: 'PF Din Text Comp Pro Light'; font-size: 30px; line-height: 30px; display: block; margin: 61px 0 19px;} .error-404 > div div a {color: #2e3339; font-size: 16px; font-weight: 300; line-height: 16px;} .notice {font-size: 17px; font-weight: 400; padding: 15px; margin: 30px 80px 0;} .notice.error {background-color: #f1705c;} .notice.success {background-color: #c4d0b3;} .notice.info {background-color: #b8daff;} .notice.check {background-color: #ffcc00;} .scopes_list .active {background: #1d336a;} .scopes_list .active a {color: #fff;} .scopes_list .active a:hover {color: #000;} nav.level-2 {position: fixed; left: 0; top: 0; width: 100%; height: 100%; max-width: 950px; z-index: 9; transition: background .5s; background: #1d336a; margin-left: -100%; transition: margin-left .0s; overflow-y: auto;} nav.level-2.active {margin-left: 0; transition: margin-left .0s;} nav.level-2 span.close {display: block; position: absolute; right: 30px; top: 60px; width: 47px; height: 36px; background: url(/local/templates/soloterm/images/close-bg.png) no-repeat center; opacity: .25; transition: all .3s; cursor: pointer;} nav.level-2 span.close:before {content: ''; display: block; width: 30px; height: 20px; position: absolute; left: 13px; top: 8px; background: url(/local/templates/soloterm/images/nav-sprite.svg) no-repeat; background-position: -30px -40px;} nav.level-2 span.close:hover {opacity: .5; transition: all .3s;} nav.level-2 ul.level1 {list-style: none; padding: 0; margin: 0; min-height: 100%; width: calc(100% - 50px); max-width: 900px; position: absolute; left: 50px; top: 0; padding: 0 80px; display: flex; justify-content: center; flex-direction: column; border-left: 1px solid rgba(255,255,255,.1);} nav.level-2 ul.level1 > li {display: block; flex: 0 1 auto; color: #000; padding: 20px 0;} nav.level-2 ul.level1 > li a {color: #e3e3e3; cursor: pointer;} nav.level-2 ul.level1 > li > a { font-size: 24px; line-height: 32px; font-family: 'PF Din Text Comp Pro Light'; text-transform: uppercase; border-bottom: 1px solid rgba(255, 255, 255, .2); text-decoration: none;} nav.level-2 ul.level1 > li > a:hover {border: none; opacity: 0.6;} nav.level-2 ul.level1 > li > ul {padding: 6px 0 7px; color: #e3e3e3;} nav.level-2 ul.level1 > li > ul > li {display: inline; padding-right: 30px; font-size: 16px; line-height: 36px;} nav.level-2 ul.level1 > li > ul > li > a {color: #e3e3e3; border-bottom: 1px solid rgba(255, 255, 255, .2); text-decoration: none;} nav.level-2 ul.level1 > li > ul > li > a:hover {border: none; opacity: 0.6;} /* nav.level-2.dark {background: #1d336c; color: #e3e3e3;} nav.level-2.dark ul.level1 {border-color: rgba(255,255,255,.25);} nav.level-2.dark ul.level1 > li > ul {color: #e3e3e3;} nav.level-2.dark ul.level1 a {color: #e3e3e3; border-bottom: 1px solid rgba(255, 255, 255, .3); text-decoration: none;} */ nav.level-1 {position: fixed; left: 0; top: 0; width: 50px; height: 100%; z-index: 10; transition: background .25s; background: #fff;} nav.level-1.dark {background: #1d336a;} nav.level-1 .logo {display: block; width: 26px; height: 40px; background: url(/local/templates/soloterm/images/logo.png) no-repeat center; position: absolute; left: 12px; top: 60px; z-index: 13} nav.level-1 ul {list-style: none; padding: 0; margin: 0; height: 100%; position: absolute; left: 0; top: 0; z-index: 12; display: flex; flex-direction: column; justify-content: center; align-items: center;} nav.level-1 ul > li {flex: 0 1 auto; display: block; height: 60px; padding: 20px 10px; position: relative;} nav.level-1 ul > li span {display: block; width: 30px; height: 20px; background: url(/local/templates/soloterm/images/nav-sprite.svg) no-repeat; cursor: pointer; transition: opacity .5s;} nav.level-1 ul > li span a {display: block; width: 30px; height: 20px;} nav.level-1 ul > li.home span {background-position: 0 0; opacity: .4;} /*nav.level-1 ul > li.burger span {background-position: 0 -100px; opacity: .5;}*/ /*nav.level-1 ul > li.burger span.active {background-position: 0 -40px;}*/ nav.level-1 ul > li.burger span {background-position: 0 -20px;} nav.level-1 ul > li.cart {display: none;} nav.level-1 ul > li.cart span {background-position: 0 -60px; opacity: .4;} nav.level-1 ul > li.cart span.full {background-position: 0 -80px;} nav.level-1 ul > li.cart .added {height: 50px; background: #abbf8f; position: absolute; left: 50px; top: 10px; white-space: nowrap; line-height: 50px; padding: 0 15px; color: #fff; font-size: 16px; display: none; opacity: 0;} nav.level-1 ul > li.cart .added:before {content: ''; display: block; position: absolute; left: -6px; top: 15px; width: 6px; height: 20px; background: url(/local/templates/soloterm/images/added.png) no-repeat center;} nav.level-1 ul > li.cart .added:after {content: ''; display: inline-block; vertical-align: top; width: 14px; height: 10px; background: url(/local/templates/soloterm/images/gal.png) no-repeat center; margin: 20px 0 0 14px;} nav.level-1 ul > li.personal span {background-position: 0 -140px; opacity: .4;} nav.level-1 ul > li.personal .faved {height: 50px; background: #abbf8f; position: absolute; left: 50px; top: 10px; white-space: nowrap; line-height: 50px; padding: 0 15px; color: #fff; font-size: 16px; display: none; opacity: 0;} nav.level-1 ul > li.personal .faved:before {content: ''; display: block; position: absolute; left: -6px; top: 15px; width: 6px; height: 20px; background: url(/local/templates/soloterm/images/added.png) no-repeat center;} nav.level-1 ul > li.personal .faved:after {content: ''; display: inline-block; vertical-align: top; width: 14px; height: 10px; background: url(/local/templates/soloterm/images/gal.png) no-repeat center; margin: 20px 0 0 14px;} nav.level-1.dark ul > li.home span {background-position: -30px 0;} /*nav.level-1.dark ul > li.burger span {background-position: -30px -100px;}*/ /*nav.level-1.dark ul > li.burger span.active {background-position: -30px -40px;}*/ nav.level-1.dark ul > li.burger span {background-position: -30px -20px;} nav.level-1.dark ul > li.cart span {background-position: -30px -60px;} nav.level-1.dark ul > li.cart span.full {background-position: -30px -80px;} nav.level-1.dark ul > li.personal span {background-position: -30px -140px;} nav.level-1 ul > li span:hover {opacity: 1; transition: opacity .5s;} nav.nav-lk {display: flex; width: 100%; color: #8b939c; font-size: 17px; font-weight: 400; line-height: 45px; text-decoration: underline; padding: 0 80px; position: relative; z-index: 2; flex-wrap: wrap;} nav.nav-lk.hide {display: none;} nav.nav-lk div {flex: 0 1 auto; width: 100%;} nav.nav-lk div span, nav.nav-lk div a {color: #000; display: inline-block; vertical-align: top; margin: 0 15px;} nav.nav-lk div a {color: #8b939c;} nav.nav-lk div span:first-child, nav.nav-lk div a:first-child {margin-left: 0;} nav.nav-lk div span:last-child, nav.nav-lk div a:last-child {margin-right: 0;} body.dark-content nav.nav-lk div span {color: #fff;} footer {/* position: relative; */background: #bf0d3e; padding: 10px 60px 50px 80px; display: flex; flex-wrap: wrap; font-size: 17px; line-height: 24px; color: #dda7b6;} footer a {color: #ffffff; text-decoration: none; } footer > div {flex: 0 1 auto; width: 25%; padding-top: 36px; padding-right: 30px;} footer > div p {padding-bottom: 11px; color: #ffffff;} footer > div p a {color: #ffffff; text-decoration: none; } footer > div p a:hover {border: none; transition: .3s all; opacity: .7;} footer > div:first-child p {color: #dda7b6;} footer > div div {padding-top: 5px;} footer > div div a {color: #dda7b6; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.15); cursor: pointer;} footer > div div a:hover {border: none; transition: .3s all; opacity: .7;} footer > div:first-child div a {text-decoration: none;} footer > div:first-child div a span {text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.2); cursor: pointer; color: #fff;} footer > div:first-child div a span:hover {border: none; transition: .3s all;} .lk-privet {display: flex; width: 100%; height: 100%; position: fixed; align-items: center; justify-content: center; left: 0; top: 0; padding-left: 50px; z-index: 1;} .lk-privet div {flex: 0 1 auto;} .lk-privet div p {padding: 7px 0 8px; font-size: 16px; line-height: 27px; color: #000;} .lk-privet div a {color: #4f5760;} .zagolovok H1 {font-family: "PF Din Text Comp Pro Light"; font-size: 42px; font-weight: 300; text-transform: uppercase; text-align: center; padding: 9px 30px 38px; line-height: 45px; } .zagolovok H1 span {display: block; font-size: 19px; font-weight: 400; line-height: 25px; padding-top: 26px; padding-bottom: 4px; text-transform: none; max-width: 450px; margin: 0 auto; font-family: "Franklin Gothic Book Cmp C"; } .zagolovok H1 img {margin: auto;} .zagolovok.projects {background: url(/local/templates/soloterm/images/zagolovok-projects.png) no-repeat center top; padding-top: 137px;} .zagolovok H2 {font-family: "PF Din Text Comp Pro Light"; font-size: 42px; font-weight: 300; text-transform: uppercase; text-align: center; padding: 30px 30px 38px; line-height: 45px; } .zagolovok H2 a {text-decoration: none; background: url(/local/templates/soloterm/images/underline.png) repeat-x left 88%; } .zagolovok H2 a:hover {background: none; opacity: 0.6; transition: all .5s;} .zagolovok H2 span {display: block; font-size: 19px; font-weight: 400; line-height: 25px; padding-top: 14px; padding-bottom: 4px; text-transform: none; max-width: 350px; margin: 0 auto; font-family: "Franklin Gothic Book Cmp C"; } .divider25 {height: 25px;} .divider40 {height: 40px;} .divider42 {height: 42px;} .divider75 {height: 75px;} .divider80 {height: 80px;} .divider100 {height: 100px;} .divider140 {height: 140px;} .divider170 {height: 170px;} .orders {padding: 50px 80px 80px 80px;} .orders .order {border: 2px solid #eaeaeb; margin-bottom: 40px; padding: 25px 30px 15px;} .orders .order .order-hdr {border-bottom: 2px solid #eaeaeb; font-size: 17px; font-weight: 400; line-height: 39px; padding-bottom: 15px;} .orders .order .order-hdr .order-num {font-size: 24px; text-transform: uppercase; float: left;} .orders .order .order-hdr .order-num span {display: inline-block; vertical-align: top; padding-left: 30px; color: #c1c3c6; font-size: 17px; text-transform: none;} .orders .order .order-hdr .order-sum {text-align: right; float: right;} .orders .order .order-hdr .order-sum span {color: #abb68c;} .orders .order .order-list {padding-top: 15px;} .orders .order .order-list table {width: 100%;} .orders .order .order-list table tr {} .orders .order .order-list table tr td {vertical-align: top; padding: 20px 0; font-size: 17px; color: #000;} .orders .order .order-list table tr td:nth-child(1) {} .orders .order .order-list table tr td:nth-child(1) a {color: #2e3339; font-weight: 300;} .orders .order .order-list table tr td:nth-child(1) span {display: block; color: #9b9b9b; padding-top: 20px;} .orders .order .order-list table tr td:nth-child(2) {} .orders .order .order-list table tr td:nth-child(3) {text-align: right;} .links {margin: 9px 60px 58px 80px; color: #1d336c; font-family: 'PF Din Text Comp Pro Light'; text-transform: uppercase; font-size: 20px; font-weight: 400; line-height: 23px;} body.index .links {position: absolute; left: 50px; top: 57px; z-index: 2;} .links > div {display: inline-block; vertical-align: top; padding-left: 55px; padding-right: 68px; position: relative;} .links > div:before {content: ''; display: block; width: 42px; height: 42px; position: absolute; left: 0; top: -6px; background-position: left top; background-repeat: no-repeat;} .links > div:after {content: ''; display: block; width: 44px; height: 42px; position: absolute; right: 0; top: -6px; background: url(/local/templates/soloterm/images/links-divider.png) no-repeat left top;} .links > div:last-child {padding-right: 0;} .links > div:last-child:after {display: none;} .links > div:nth-child(1) {} .links > div:nth-child(1):before {background-image: url(/local/templates/soloterm/images/links-phone.png);} .links > div:nth-child(2) {} .links > div:nth-child(2):before {background-image: url(/local/templates/soloterm/images/links-call.png);} .links > div a {text-decoration: none; color: #3c3f49; display: block; transition: all .2s;} .links > div span {display: block; /*font-family: 'PT Sans Narrow';*/ font-size: 14px; line-height: 12px; text-transform: lowercase; color: #a3a7ad;} .links > div:hover a {color: #000; transition: all .3s;} .links2 {margin: 0 60px 49px 80px; font-family: "Franklin Gothic Book Cmp C"; line-height: 23px; color: #000000; font-size: 17px; } body.index .links2 {position: absolute; left: 50px; top: 57px; z-index: 2;} .links2 > div {display: inline-block; vertical-align: top; position: relative;} .links2 > div:after {content: '/'; display: inline-block; vertical-align: top; color: #b8b8b8; font-size: 16px; padding: 0 10px;} .links2 > div:last-child {padding-right: 0;} .links2 > div:last-child:after {display: none;} .links2 > div a {text-decoration: none; border-bottom: 1px solid #ccc; opacity: .9;} .links2 > div a:hover {opacity: .6; border: none;} .links2 .dropdown {position: relative;display: inline-block;} .links2 #dropdown-toggle {display: none;} .links2 .download-link {cursor: pointer;display: flex;align-items: center;} .links2 .arrow-down-icon {margin: 2px 0px 5px 5px;} .links2 .arrow-down-icon img {transform: rotate(90deg);} .links2 .dropdown:hover .arrow-down-icon img {transform: rotate(-90deg) ;} .links2 .dropdown-content {display: none;position: absolute;left: -16px;width: 204px;z-index: 1;background-color: #1D336A;padding: 6px 16px;} .links2 .dropdown-content a {color: #E3E3E3;padding: 6px 0px;text-decoration: none;display: block;border: none;border: none;text-decoration: underline;text-underline-offset: 4px;text-decoration-color: #ffffff20;} .links2 .dropdown-content a:hover {text-decoration: none;} .links2 .dropdown:hover .dropdown-content{display: block;} .links2 .social a {border-bottom: none;} .social {display: flex;} .social img {width: 20px; margin-left:10px;} .social2 {display: flex;} .social2 img {width: 20px; margin-right:10px;} .social2-flex-wrap { display: flex; flex-direction: column; gap: 11px; } .social2-flex-wrap a { display: flex; align-items:center; width: fit-content; } .breadcrumb {margin: 0 60px 0 80px; max-width: 290px;} .breadcrumb ul {font-size: 15px; line-height: 18px; transition: all .5s;} .breadcrumb ul li {display: inline; top; color: #b5b5b5; transition: all .5s; padding-right: 5px;} .breadcrumb ul li a {color: #000; opacity: 0.4; transition: all .6s; text-decoration: none;} .breadcrumb ul li a:hover {opacity: 0.8;} .breadcrumb ul li:before {content: '/'; display: inline; padding: 0 5px 0 0;} .breadcrumb ul li:first-child:before {display: none;} .breadcrumb ul li:last-child:after {content: '/'; display: inline; padding: 0 0 0 5px;} .breadcrumb h1 {font-family: 'PF Din Text Comp Pro Light'; font-size: 42px; line-height: 40px; margin: 14px 0 50px; text-transform: uppercase;} /* .breadcrumb ul {font-size: 15px; line-height: 18px; max-height: 18px; transition: all .5s; overflow: hidden; } .breadcrumb ul li {display: none; top; color: #b5b5b5; transition: all .5s; padding-right: 5px;} .breadcrumb ul li a {color: #000; opacity: 0.4; transition: all .6s; text-decoration: none;} .breadcrumb ul li a:hover {opacity: 0.8;} .breadcrumb ul li:before {content: '/'; display: inline; padding: 0 5px 0 0;} .breadcrumb ul li:first-child, .breadcrumb ul li:last-child {display: inline;} .breadcrumb ul li:first-child:before {display: none;} .breadcrumb ul li:last-child:before {content: '/ ... /';} .breadcrumb ul li:last-child:after {content: '/'; display: inline; padding: 0 0 0 5px;} .breadcrumb ul li:nth-child(2):before {content: '/';} .breadcrumb:hover ul {max-height: 500px; transition: all 1s;} .breadcrumb:hover ul li:last-child:before {content: '/';} .breadcrumb:hover ul li {display: inline; transition: all 1s;} */ .psevdo-breadcrumb {margin: 0 60px 0 0; max-width: 410px; padding-top: 39px;} .psevdo-breadcrumb ul {font-size: 15px; line-height: 18px; transition: all .5s;} .psevdo-breadcrumb ul li {display: inline; top; color: #b5b5b5; transition: all .5s; padding-right: 5px;} .psevdo-breadcrumb ul li a, .psevdo-breadcrumb ul li span {color: #000; opacity: 0.4; transition: all .6s; text-decoration: none; cursor: pointer;} .psevdo-breadcrumb ul li a:hover, .psevdo-breadcrumb ul li span:hover {opacity: 0.8;} .psevdo-breadcrumb ul li:before {content: '/'; display: inline; padding: 0 5px 0 0;} .psevdo-breadcrumb ul li:first-child:before {display: none;} .psevdo-breadcrumb ul li:last-child:after {content: '/'; display: inline; padding: 0 0 0 5px;} .psevdo-breadcrumb h2 {font-family: 'PF Din Text Comp Pro Light'; font-size: 42px; line-height: 40px; margin: 14px 0 43px; text-transform: uppercase;} /*.psevdo-breadcrumb span {font-size: 15px; color: #000; opacity: 0.5; transition: all .6s; line-height: 18px; display: inline-block; cursor: pointer;}*/ /*.psevdo-breadcrumb span:hover {opacity: 0.9;}*/ /*.psevdo-breadcrumb span:before {content: ''; display: inline-block; width: 20px; height: 7px; margin-right: 15px; background: url(/local/templates/soloterm/images/back-arrow.png) no-repeat; margin-left: -35px;}*/ /*.psevdo-breadcrumb span:hover {text-decoration: none;}*/ .under-breadcrumb {font-size: 17px; line-height: 23px; margin: -7px 80px 33px 80px; max-width: 410px;} .under-breadcrumb a {border-bottom: 1px solid #ccc; text-decoration: none; } .under-breadcrumb a:hover {border: none; opacity: .6; transition: .4s all;} .under-breadcrumb .agreement p {padding-bottom: 0px;} .under-breadcrumb .agreement .hdr {font-size: 24px; line-height: 1; text-transform: uppercase; padding-top: 30px; padding-bottom: 10px;} .page-container {position: relative; z-index: 1; width: 100%; height: 100%; padding: 57px 0 0 50px; min-height: 100%;} body.index .page-container {padding-top: 0;} /* SLIDER */ .crsl-items {border-top: 1px solid #e0e1e1; border-bottom: 1px solid #e0e1e1; } .crsl-items .crsl-wrap {} .crsl-items .crsl-wrap .crsl-item {border-left: 1px solid #e0e1e1; } .crsl-items .crsl-wrap .crsl-item.crsl-active {border-left: none;} .crsl-items .crsl-wrap .crsl-item a {display: block; padding: 40px 40px 31px 40px; font-size: 17px; line-height: 24px; text-decoration: none; text-align: center; transition: all .2s; } .crsl-items .crsl-wrap .crsl-item a:hover {background: #f7f7f7; transition: all .2s;} .crsl-items .crsl-wrap .crsl-item a img {max-width: 100%;} .crsl-items .crsl-wrap .crsl-item a div {opacity: 0.8; color: #000000; padding-top: 33px; min-height: 81px;} .crsl-items .crsl-wrap .crsl-item a span {display: inline-block; vertical-align: top; opacity: 0.5; color: #4d535b; padding-top: 15px;} .crsl-items .crsl-wrap .crsl-item a span:before {content: ''; display: inline-block; vertical-align: center; width: 5px; height: 11px; opacity: .6; background: url(/local/templates/soloterm/images/arrow-right.png) no-repeat center; margin-right: 8px;} .crsl-nav {text-align: center; height: 18px; margin-top: 30px;} .crsl-nav a {display: inline-block; vertical-align: center; width: 40px; height: 18px; background: url(/local/templates/soloterm/images/mainslider-arrows.png) no-repeat; opacity: .2; transition: opacity .2s;} .crsl-nav a:hover {opacity: .7; transition: opacity .2s;} .crsl-nav a.previous {background-position: left center;} .crsl-nav a.next {background-position: right center;} .run-text {font-size: 36px; font-weight: 400; line-height: 64px; text-transform: uppercase; color: black; display: flex; align-items: center; height: 100%; width: 100%; min-height: 100%; font-family: 'PF Din Text Comp Pro Light'; padding-left: 30px; position: relative; z-index: 1;} .run-text span, .run-text a {color: #93b4c8; text-decoration: none; transition: all .4s;} .run-text a:hover {color: #ff1b53; transition: all .4s;} .run-text .fade {opacity: 0;} .run-text .fade .del {display: none;} .run-text .run {opacity: 0;} .main-background {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; display: none;} #mb1.main-background {background-image: url(/local/templates/soloterm/images/01.jpg); display: block;} #mb2.main-background {background-image: url(/local/templates/soloterm/images/02.jpg);} #mb3.main-background {background-image: url(/local/templates/soloterm/images/03.jpg);} #mb4.main-background {background-image: url(/local/templates/soloterm/images/04.jpg);} .main-menu {display: flex; align-items: stretch; width: 100%; height: 100%; min-height: 100%; flex-wrap: wrap;} .main-menu > div {flex: 0 1 100%; position: relative; overflow: hidden; border-right: 1px solid rgba(255,255,255,.25);} .main-menu > div:last-child {border-right: none;} .main-menu > div:nth-child(1) {} .main-menu > div:nth-child(2) {} .main-menu > div:nth-child(3) {} .main-menu > div:nth-child(4) {} .main-menu > div nav {position: absolute; left: 0; bottom: 0; padding: 0 40px 50px; width: 100%;} .main-menu > div nav h2 {color: #fff; font-family: 'PF Din Text Comp Pro Light'; font-size: 30px; line-height: 32px;} .main-menu > div nav h2 a {color: #fff; text-decoration: none;} .main-menu > div nav ul {max-height: 0; transition: all .5s; overflow: hidden;} .main-menu > div nav ul li {font-size: 17px; line-height: 24px; color: #e3e3e3; padding-top: 15px;} .main-menu > div nav ul li:first-child {padding-top: 30px;} .main-menu > div nav ul li a {color: #e3e3e3;} .main-menu > div:hover nav ul {max-height: 300px; transition: all 1s;} .marker-list ul li {margin: 10px 0; padding-left: 20px; background: url('/local/templates/soloterm/components/bitrix/news.detail/katalog_priborov/img/li_bg.png') 0 5px no-repeat;} .menu-contacts-links {display: flex;flex-wrap: wrap; gap:30px} .menu-contacts-links li {padding-right:0 !important;max-width: 200px} .content-double {display: flex; flex-wrap: wrap;} .content-double > div {flex: 0 1 auto; justify-content: center; flex-direction: column; text-align: center;} .content-double > div.content-left {width: calc(100% - 300px);} .content-double > div.content-right {width: 300px;} .bloki {display: flex; border-top: 1px solid rgba(0,0,0,.15); flex-wrap: wrap;} .bloki .item {flex: 0 1 auto; width: 100%; min-height: 220px; display: flex; /*justify-content: center;*/ border: 1px solid #e0e1e1; border-left: none; border-top: none; flex-direction: column; text-align: center; position: relative; } .bloki .item a {transition: all .25s; display: block;} .bloki .item a:first-child {text-decoration: none; color: #000; padding: 20px; position: relative;} .bloki .item a:first-child img {width: 100%; height: auto; padding: 20px;} body.brendy .bloki .item a:first-child img {margin-bottom: 0;} body.catalog .bloki .item a:first-child img {margin-left: auto; margin-right: auto;} .video-list .bloki .item a:first-child span {position: relative; display: block;} .video-list .bloki .item a:first-child span:after {content: ''; display: block; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; width: 80px; height: 80px; background: url(/local/templates/soloterm/images/icon-play.png) no-repeat center;} .bloki .item a:first-child .name {font-size: 16px; line-height: 21px; padding: 15px 0px 12px 0px;} .bloki .item a:first-child .name span {color: #656565;} .bloki .item a.addtocart {position: absolute; top: 10px; right: 10px; width: 35px; height: 35px; cursor: pointer; background-image: url(/local/templates/soloterm/images/addtocart.png); background-color: #dbdbdb; transition: all .25s;} .bloki .item a.addtocart.full {background-color: #abc08d;} .bloki .item a.addtofav {position: absolute; top: 10px; right: 55px; width: 35px; height: 35px; cursor: pointer; background-image: url(/local/templates/soloterm/images/addtofav.png); background-color: #dbdbdb; transition: all .25s;} .bloki .item a.addtofav.full {background-color: #abc08d;} .bloki .item:hover a.addtocart {height: 35px; transition: all .25s;} .bloki .item:hover a.addtocart:hover {opacity: .8;} .bloki .item:hover a.addtofav {height: 35px; transition: all .25s;} .bloki .item:hover a.addtofav:hover {opacity: .8;} .bloki .item.fade a {opacity: .4; transition: all 1.0s;} .bloki .item.fade a img {/*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);*/} .bloki-proizvodstvo {display: flex; border-top: 1px solid rgba(0,0,0,.15); flex-wrap: wrap;} .bloki-proizvodstvo .item {flex: 0 1 auto; width: 100%; display: flex; /*justify-content: center;*/ border: 1px solid #e0e1e1; border-left: none; border-top: none; flex-direction: column; text-align: center; position: relative; } .bloki-proizvodstvo .item .data {transition: all .5s; display: block; text-decoration: none; color: #000; position: relative; z-index: 1;} .bloki-proizvodstvo .item .data a {display: block; text-decoration: none; padding: 35px 20px 95px; cursor: pointer; color: #000;} .bloki-proizvodstvo .item .data a .name {font-family: "PF Din Text Comp Pro Light"; font-size: 26px; line-height: 28px; text-transform: uppercase;} .bloki-proizvodstvo .item .data a .cost {opacity: 0.6; color: #000000; font-family: "Franklin Gothic Book Cmp C"; font-size: 17px; line-height: 34px; padding-top: 5px;} .bloki-proizvodstvo .item .data a .img-desc {position: relative; } .bloki-proizvodstvo .item .data a .img-desc img {padding-top: 27px; max-width: 100%; margin: auto; opacity: 1; transition: opacity .3s;} .bloki-proizvodstvo .item .data a .img-desc .desc {opacity: 0; text-align: left; padding: 20px 40px; line-height: 1.4; position: absolute; left: 0; top: 0; width: 100%; transition: opacity .4s; color:#333;} .bloki-proizvodstvo .item > a {display: block; position: absolute; bottom: 0; width: 100%; height: 60px; line-height: 57px; padding-top: 3px; border-top: 1px solid #e0e1e1; text-align: center; text-transform: uppercase; letter-spacing: 1.5px; color: #4d535b; text-decoration: none; opacity: 0.6; transition: all 0.75s; z-index: 2; cursor: pointer;} .bloki-proizvodstvo .item > a:hover {opacity: 1;} .bloki-proizvodstvo .item > a:before {content: ""; display: inline-block; vertical-align: top; width: 5px; height: 60px; background: url(/local/templates/soloterm/images/arrow-right.png) no-repeat left 22px; opacity: .3; margin-right: 10px;} .bloki-proizvodstvo .item > a.only-catalog {left: 0; font-size: 17px;} .bloki-proizvodstvo .item > a.catalog {width: 50%; left: 0; border-right: 1px solid #e0e1e1; font-size: 15px;} .bloki-proizvodstvo .item > a.config {width: 50%; right: 0; font-size: 15px; color: #bf0d3e; background: none; opacity: 1.0;} .bloki-proizvodstvo .item > a.config:hover {opacity: .7;} .bloki-proizvodstvo .item > a.more {width: 100%; left: 0; border-right: 1px solid #e0e1e1; font-size: 15px;} .bloki-proizvodstvo .item > a.onemore {width: 100%; left: 0; font-size: 15px;} .bloki-proizvodstvo .item:hover {background: #f7f7f7; transition: all 0.8s;} .bloki-proizvodstvo .item:hover .data a .img-desc img {opacity: 0; transition: opacity .3s;} .bloki-proizvodstvo .item:hover .data a .img-desc .desc {opacity: 1; transition: opacity .3s;} .bloki-main {display: flex; flex-wrap: wrap;} .bloki-main .item {flex: 0 1 auto; width: 100%; border-right: 1px solid #e0e1e1; position: relative;} .bloki-main .item > a, .bloki-main .item > span {transition: all .25s; text-decoration: none; color: #000; position: relative; display: block;} .bloki-main .item > a .image, .bloki-main .item > span .image {height: 180px; background-size: cover; background-position: center; line-height: 170px; text-align: center; padding-top: 10px;} .bloki-main .item > a .image span, .bloki-main .item > span .image span {color: #fff; font-family: 'PF Din Text Comp Pro Light'; font-size: 30px; text-transform: uppercase;} .bloki-main .item > a .image span:before, .bloki-main .item > span .image span:before {content: ''; display: inline-block; width: 22px; height: 33px; background: url(/local/templates/soloterm/images/contact-bullit.png) no-repeat; margin-right: 15px;} .bloki-main .item > a .name {font-size: 24px; line-height: 31px; padding: 20px 30px 0;} .bloki-main .item > a .desc {font-size: 17px; line-height: 23px; padding: 13px 30px 42px; color: #2e3339;} .bloki-main .item > span {font-size: 17px; line-height: 28px;} .bloki-main .item > span p {padding: 25px 0 10px 80px;} .bloki-main .item > span a {display: inline-block; text-decoration: none; border-bottom: 1px dashed #cccfd3; line-height: 17px; margin: 0 0 35px 80px; } .bloki-main .item > span a:hover {border-color: transparent; opacity: .6;} .bloki-main .item > .contact-text {margin: 36px 40px 23px 80px; font-size: 17px; line-height: 24px;} .bloki-main .item > .contact-text a.phone {border-bottom: 1px solid #ccc; text-decoration: none; } .bloki-main .item > .contact-text a.phone:hover {border: none; opacity: .6; transition: .4s all;} .bloki-main .item.fade > a, .bloki-main .item.fade > span {opacity: .4; transition: all 1.0s;} .bloki-main .item.fade > a .image, .bloki-main .item.fade > span .image {/*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);*/} .disable-absolute-item .detail-items.active {position: relative;} .disable-absolute-item .detail-items.active .item.active {position: relative;} .disable-absolute-item .after-breadcrumb {display: none} .disable-absolute-item .breadcrumb {display: none} .disable-absolute-item .links2 {display: none} .disable-absolute-item .detail-items.active .links2 {display: block; } .disable-absolute-item .page-container {padding: 0px 0 0 50px;} .disable-absolute-item .detail-items .item > div:nth-child(1n) {padding-left: 80px;padding-right: 80px;font-size: 17px;line-height: 23px;} .disable-absolute-item .detail-items .item > div:nth-child(2n) { padding: 0px 30px 30px 30px;} .detail-items { position: absolute; left: 0; top: 0; width: 100%; min-height: 0px; } .detail-items .line {display: block; position: absolute; left: 0; top: 0; width: 75%; height: 100%;} .detail-items.active {min-height: 100%;} .detail-items .item {display: flex; flex-wrap: wrap; max-width: 0; position: absolute; right: 0; top: 0; background: #fff; overflow: hidden;} .detail-items.active .item.active {max-width: 100%; width: 100%;} .detail-items .item > div {flex: 0 1 auto; width: 100%;} .detail-items .item > div:nth-child(1n) {padding-left: 130px; padding-right: 80px; font-size: 17px; line-height: 23px;} .detail-items .item > div:nth-child(1n) .links {margin: 9px 0 18px; padding-top: 57px;} .detail-items .item > div:nth-child(1n) .links2 {margin: 0 0 10px; padding-top: 57px;} .detail-items .item > div:nth-child(1n) p {margin-bottom: 15px;} .detail-items .item > div:nth-child(1n) img {display: block; vertical-align: top; max-width: 100%;} .detail-items .item > div:nth-child(1n) .news-img {display: block; vertical-align: top; padding: 18px 0 21px; max-width: 100%;} .detail-items .item > div:nth-child(1n) .hdr {padding: 32px 0 19px;} .detail-items .item > div:nth-child(1n) .hdr span {font-size: 24px; line-height: 1; text-transform: uppercase;} .detail-items .item > div:nth-child(1n) .hdr span.toggle {border-bottom: 1px dashed rgba(0,0,0,.3); cursor: pointer; position: relative;} .detail-items .item > div:nth-child(1n) .hdr span.toggle:after {content: ''; display: block; position: absolute; right: -13px; top: 50%; margin-top: -4px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid #000;} .detail-items .item > div:nth-child(1n) .hdr span.toggle.opened:after {border-top: none; border-bottom: 3px solid #000;} .detail-items .item > div:nth-child(1n) .hdr span:hover {border-color: transparent; transition: all .4s;} .detail-items .item > div:nth-child(1n) .cost {font-family: 'PF Din Text Comp Pro Light'; font-size: 20px; line-height: 22px; padding: 15px 25px 11px; display: inline-block; border: 1px solid #d8d8d8; margin-right: 22px; margin-bottom: 20px; margin-top: 10px;} .detail-items .item > div:nth-child(1n) .cost span {color: #d8d8d8; padding: 0 23px;} .detail-items .item > div:nth-child(1n) .addtocart {font-family: 'PF Din Text Comp Pro Light'; text-transform: uppercase; font-size: 20px; line-height: 22px; padding: 15px 25px 11px; display: inline-block; color: #748b5a; text-decoration: none; border: 1px solid #abbf8f; transition: all .8s; margin-bottom: 20px; margin-top: 10px;} .detail-items .item > div:nth-child(1n) .addtocart:hover {background: #abbf8f; color: #fff; transition: all .25s;} .detail-items .item > div:nth-child(1n) .desc {max-width: 420px;} .detail-items .item > div:nth-child(1n) .desc p strong {font-weight: normal; text-transform: uppercase; } .detail-items .item > div:nth-child(1n) .desc ul {} .detail-items .item > div:nth-child(1n) .desc ul li {} .detail-items .item > div:nth-child(1n) .desc ul li:before {content: '� ';} .detail-items .item > div:nth-child(1n) .desc .date {opacity: .4; padding-top: 14px; padding-bottom: 13px; text-transform: lowercase;} .detail-items .item > div:nth-child(1n) .tabs {padding-top: 24px; max-width: 420px;} .detail-items .item > div:nth-child(1n) .tabs li {display: inline-block; padding-right: 25px;} .detail-items .item > div:nth-child(1n) .tabs li:last-child {padding-right: 0;} .detail-items .item > div:nth-child(1n) .tabs li a {font-size: 14px; line-height: 14px; text-decoration: none; border-bottom: 1px dashed #b0b6bf;} .detail-items .item > div:nth-child(1n) .tabs li a:hover {border-color: transparent; opacity: .6;} .detail-items .item > div:nth-child(1n) .tabs li.active {} .detail-items .item > div:nth-child(1n) .tabs li.active a {border-color: transparent; color: #bcbcbc; cursor: text;} .detail-items .item > div:nth-child(1n) .tabs-items {max-width: 420px;} .detail-items .item > div:nth-child(1n) .tabs-items li {display: none; padding: 20px 0;} .detail-items .item > div:nth-child(1n) .tabs-items li.active {display: block;} .detail-items .item > div:nth-child(1n) .tabs-items li img {max-width: 100%; height: auto;} .detail-items .item > div:nth-child(1n) .tabs-items li table {max-width: 100%; width: 100%; margin: 3px 0 27px;} .detail-items .item > div:nth-child(1n) .tabs-items li table tr td {padding: 10px 7px 7px 7px; } .detail-items .item > div:nth-child(1n) .tabs-items li table thead tr td {border-left: 1px solid #999; border-bottom: 1px solid #999; font-size: 14px; line-height: 14px; vertical-align: bottom;} .detail-items .item > div:nth-child(1n) .tabs-items li table tbody tr:nth-child(even) td {background: #ebedec;} .detail-items .item > div:nth-child(1n) .tabs-items .zadacha { padding-bottom: 20px;} .detail-items .item > div:nth-child(1n) .docs {font-size: 16px; line-height: 20px; max-width: 420px; padding-bottom: 6px;} .detail-items .item > div:nth-child(1n) .docs li {padding: 9px 0;} .detail-items .item > div:nth-child(1n) .docs li a:hover {opacity: .6;} .detail-items .item > div:nth-child(1n) .docs li a:before {content: ''; display: inline-block; width: 23px; height: 11px; margin-right: 10px; background: url(/local/templates/soloterm/images/icons-docs.png) no-repeat; margin-top: 1px;} .detail-items .item > div:nth-child(1n) .docs li a.pdf:before {background-position: 0 0;} .detail-items .item > div:nth-child(1n) .slider {max-width: 600px; padding-bottom: 33px; padding-top: 9px;} .detail-items .item > div:nth-child(1n) .slider .inner {position: relative;} .detail-items .item > div:nth-child(1n) .slider .inner .fotos {} .detail-items .item > div:nth-child(1n) .slider .inner .fotos .foto {display: none;} .detail-items .item > div:nth-child(1n) .slider .inner .fotos .foto > a {display: block; height: 0; padding-bottom: 75%;} .detail-items .item > div:nth-child(1n) .slider .inner .fotos .foto.active {display: block;} /* .detail-items .item > div:nth-child(1n) .slider .inner .fotos .foto img {display: block; width: 100%; height: auto; padding: 0;} */ .detail-items .item > div:nth-child(1n) .slider .inner > a {display: block; position: absolute; top: 0; width: 40px; height: 100%; background: url(/local/templates/soloterm/images/slider-arrows.png) no-repeat; opacity: .3; transition: opacity .2s;} .detail-items .item > div:nth-child(1n) .slider .inner > a:hover {opacity: .6; transition: opacity .2s;} .detail-items .item > div:nth-child(1n) .slider .inner > a.aleft {left: -40px; background-position: left center;} .detail-items .item > div:nth-child(1n) .slider .inner > a.aright {right: -40px; background-position: right center;} .detail-items .item > div:nth-child(1n) .slider .numbers {} .detail-items .item > div:nth-child(1n) .slider .numbers a {display: inline-block; vertical-align: top; width: 40px; height: 40px; text-align: center; border-left: 1px solid #dddfe2; border-bottom: 1px solid #dddfe2; text-decoration: none; opacity: 0.4; color: #737d88; font-size: 17px; line-height: 37px; padding-top: 3px;} .detail-items .item > div:nth-child(1n) .slider .numbers a:last-child {border-right: 1px solid #dddfe2;} .detail-items .item > div:nth-child(1n) .slider .numbers a.active {background: #f8f8f9;} .detail-items .item > div:nth-child(2n) {padding-left: 130px; padding-right: 80px; font-size: 14px; line-height: 18px;} .detail-items .item > div:nth-child(2n) div {font-size: 14px; line-height: 18px;} .detail-items .item > div:nth-child(2n) ul {} .detail-items .item > div:nth-child(2n) ul li {padding-top: 15px; font-size: 15px;} .detail-items .item > div:nth-child(2n) ul li span {color: #999;} .detail-items .item > div:nth-child(2n) ul.big li {display: none;} .detail-items .item > div:nth-child(2n) ul.big li:nth-child(1), .detail-items .item > div:nth-child(2n) ul.big li:nth-child(2), .detail-items .item > div:nth-child(2n) ul.big li:nth-child(3), .detail-items .item > div:nth-child(2n) ul.big li:nth-child(4), .detail-items .item > div:nth-child(2n) ul.big li:nth-child(5), .detail-items .item > div:nth-child(2n) ul.big li:nth-child(6), .detail-items .item > div:nth-child(2n) ul.big li:nth-child(7), .detail-items .item > div:nth-child(2n) ul.big li:nth-child(8), .detail-items .item > div:nth-child(2n) ul.big li:nth-child(9), .detail-items .item > div:nth-child(2n) ul.big li:nth-child(10) {display: block;} .detail-items .item > div:nth-child(2n) ul li a {font-size: 15px; line-height: 18px; border-bottom: 1px solid rgba(79, 86, 95, .3); text-decoration: none;} .detail-items .item > div:nth-child(2n) ul li a:hover {border: none; opacity: 0.6; } .detail-items .item > div:nth-child(1) {} .detail-items .item > div:nth-child(2) {} .detail-items .item > div:nth-child(3) {padding-bottom: 60px;} .detail-items .item > div:nth-child(4) {padding-bottom: 40px; padding-top: 40px; border-top: 1px solid #e0e1e1;} .detail-items .item > div:nth-child(4) .show-also {display: inline-block; margin-top: 17px; cursor: pointer; line-height: 14px; text-decoration: none; transition: .4s all; border-bottom: 1px dashed rgba(79, 86, 95, .25); color: #737d88;} .detail-items .item > div:nth-child(4) .show-also:hover {border-color: transparent; opacity: .6; transition: .4s all;} .detail-item {padding-left: 80px; padding-right: 80px; font-size: 17px; line-height: 23px; text-align: left;} .detail-item p {margin-bottom: 15px;} .detail-item img {display: block; vertical-align: top; padding: 20px 0 36px; max-width: 100%;} .detail-item .cost {font-family: 'PF Din Text Comp Pro Light'; font-size: 20px; line-height: 22px; padding: 15px 25px 11px; display: inline-block; border: 1px solid #d8d8d8; margin-right: 22px; margin-bottom: 20px;} .detail-item .cost span {color: #d8d8d8; padding: 0 23px;} .detail-item .addtocart {font-family: 'PF Din Text Comp Pro Light'; text-transform: uppercase; font-size: 20px; line-height: 22px; padding: 15px 25px 11px; display: inline-block; color: #748b5a; text-decoration: none; border: 1px solid #abbf8f; transition: all .8s; margin-bottom: 20px; } .detail-item .addtocart:hover {background: #abbf8f; color: #fff; transition: all .25s;} .detail-item .desc {max-width: 420px;} .detail-item .desc p strong {font-weight: normal; text-transform: uppercase; } .detail-item .desc ul {} .detail-item .desc ul li {} .detail-item .desc ul li:before {content: '� ';} .detail-item .desc .date {opacity: .6; padding-top: 20px; text-transform: lowercase;} .detail-item .tabs {padding-top: 24px; max-width: 420px;} .detail-item .tabs li {display: inline-block; padding-right: 25px;} .detail-item .tabs li:last-child {padding-right: 0;} .detail-item .tabs li a {font-size: 14px; line-height: 14px; text-decoration: none; border-bottom: 1px dashed #b0b6bf;} .detail-item .tabs li a:hover {border-color: transparent; opacity: .6;} .detail-item .tabs li.active {} .detail-item .tabs li.active a {border-color: transparent; color: #bcbcbc; cursor: text;} .detail-item .tabs-items {max-width: 420px;} .detail-item .tabs-items li {display: none; padding: 20px 0;} .detail-item .tabs-items li.active {display: block;} .detail-item .tabs-items li img {max-width: 100%; height: auto;} .detail-item .tabs-items li table {max-width: 100%; width: 100%; margin: 3px 0 27px;} .detail-item .tabs-items li table tr td {padding: 10px 7px 7px 7px; } .detail-item .tabs-items li table thead tr td {border-left: 1px solid #999; border-bottom: 1px solid #999; font-size: 14px; line-height: 14px; vertical-align: bottom;} .detail-item .tabs-items li table tbody tr:nth-child(even) td {background: #ebedec;} .detail-item .tabs-items .zadacha { padding-bottom: 20px;} .detail-item .docs {font-size: 16px; line-height: 20px; max-width: 420px; padding-bottom: 6px;} .detail-item .docs li {padding: 9px 0;} .detail-item .docs li a:hover {opacity: .6;} .detail-item .docs li a:before {content: ''; display: inline-block; width: 23px; height: 11px; margin-right: 10px; background: url(/local/templates/soloterm/images/icons-docs.png) no-repeat; margin-top: 1px;} .detail-item .docs li a.pdf:before {background-position: 0 0;} .detail-item .slider {max-width: 600px; padding-bottom: 33px; padding-top: 9px;} .detail-item .slider .inner {position: relative;} .detail-item .slider .inner .fotos {} .detail-item .slider .inner .fotos .foto {display: none;} .detail-item .slider .inner .fotos .foto.active {display: block;} .detail-item .slider .inner .fotos .foto img {display: block; width: 100%; height: auto; padding: 0;} .detail-item .slider .inner > a {display: block; position: absolute; top: 0; width: 40px; height: 100%; background: url(/local/templates/soloterm/images/slider-arrows.png) no-repeat; opacity: .3; transition: opacity .2s;} .detail-item .slider .inner > a:hover {opacity: .6; transition: opacity .2s;} .detail-item .slider .inner > a.aleft {left: -40px; background-position: left center;} .detail-item .slider .inner > a.aright {right: -40px; background-position: right center;} .detail-item .slider .numbers {} .detail-item .slider .numbers a {display: inline-block; vertical-align: top; width: 40px; height: 40px; text-align: center; border-left: 1px solid #dddfe2; border-bottom: 1px solid #dddfe2; text-decoration: none; opacity: 0.4; color: #737d88; font-size: 17px; line-height: 37px; padding-top: 3px;} .detail-item .slider .numbers a:last-child {border-right: 1px solid #dddfe2;} .detail-item .slider .numbers a.active {background: #f8f8f9;} .contacts {display: flex; flex-wrap: wrap;} .contacts .item {flex: 0 1 auto; width: 100%; border-top: 1px solid #e0e1e1; border-right: 1px solid #e0e1e1; position: relative;} .contacts .item > a {position: relative; display: block; text-decoration: none; text-align: center; height: 396px; padding: 75px 40px 0;} .contacts .item > a .image {opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: -1; transition: all .2s;} .contacts .item > a .image:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.1);} .contacts .item > a span.city {opacity: 0.9; color: #000000; font-family: "PF Din Text Comp Pro Light"; font-size: 42px; font-weight: 300; text-transform: uppercase;} .contacts .item > a span.city:before {content: ''; display: block; width: 58px; height: 80px; background: url(/local/templates/soloterm/images/contact-bullit2.png) left top no-repeat; margin: 0 auto 50px;} .contacts .item > a p {color: #000000; font-size: 17px; line-height: 1.4; font-weight: 400; padding-top: 10px;} .contacts .item > a:hover .image {opacity: 1; transition: all .3s;} .contacts .item > a:hover span.city {opacity: 1; color: #fff;} .contacts .item > a:hover span.city:before {background-position: left bottom;} .contacts .item > a:hover p {color: #fff;} .contacts-map {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; justify-content: center; align-items: center; padding-left: 50px; background: #1d336c; z-index: 3;} .contacts-map.active {display: flex;} .contacts-map > div {flex: 0 1 auto; position: relative;} .contacts-map > div > span {display: block; width: 39px; height: 39px; position: absolute; right: -59px; top: 0px; background: url(/local/templates/soloterm/images/close.png) no-repeat center /*#e22a3f; border-radius: 0%*/; border: 2px solid #fff; border-radius: 50%; cursor: pointer; transition: all .25s; opacity: .3;} .contacts-map > div > span:hover {transition: all .5s; opacity: .8; /*background: url(/local/templates/soloterm/images/close.png) no-repeat center, #e22a3f*/;} .video-list {} .video-list .video-list-hdr {margin: 50px 60px 30px 80px; font-size: 26px; text-transform: uppercase;} .pages {font-size: 14px; text-align: left; padding: 40px 30px 0px 30px;/* font-family: 'PT Sans Narrow', 'Arial Narrow';*/} .pages a {display: inline-block; vertical-align: top; height: 40px; line-height: 40px; padding: 0 15px; margin-right: 10px; text-align: center; border: 1px solid #e0e1e1; color: #c2c2c2; text-decoration: none;} .pages span {display: inline-block; vertical-align: top; height: 40px; line-height: 40px; padding: 0 15px; margin-right: 10px; text-align: center; border: 1px solid #e0e1e1; color: #fff;} .pages .begin {padding: 0; border: none; width: 28px; background: url(/local/templates/soloterm/images/pages.png) no-repeat 0px 0px; margin-right: 0; display: none;} .pages a.begin:hover {background-position: 0px -40px;} .pages .prev {padding: 0; border: none; width: 28px; background: url(/local/templates/soloterm/images/pages.png) no-repeat -28px 0px;} .pages a.prev:hover {background-position: -28px -40px;} .pages .current {border: 1px solid #abc08d; background: #abc08d;} .pages .page {} .pages .page:hover {border-color: #abbf8f; color: #abbf8f;} /*.pages .dots {padding: 0; border: none; width: 28px;}*/ .pages .next {padding: 0; border: none; width: 28px; background: url(/local/templates/soloterm/images/pages.png) no-repeat -56px 0px; margin-right: 0;} .pages a.next:hover {background-position: -56px -40px;} .pages .end {padding: 0; border: none; width: 28px; background: url(/local/templates/soloterm/images/pages.png) no-repeat -84px 0px; margin-right: 0; display: none;} .pages a.end:hover {background-position: -84px -40px;} .price-offer__wrap { position: relative; } .price-offer { position: absolute; top: 10px; left: 19.5%; display: flex; align-items: center; gap: 12px; } .price-offer__star { position: absolute; left: -80px; top: -60px; z-index: 0; } .price-offer__star-text { position: absolute; top: 35%; width: 100%; transform: rotate(354deg); color: var(--color-white-solid, #FFF); text-align: center; font-family: var(--font-family-Font-2, "PF Din Text Comp Pro"); font-size: 15px; font-style: normal; font-weight: var(--font-weight-400, 300); line-height: var(--line-height-28, 28px); /* 186.667% */ text-transform: uppercase; } .price-offer__star-price { color: var(--color-white-solid, #FFF); font-family: var(--font-family-Font-2, "PF Din Text Comp Pro"); font-size: 24px; font-style: normal; font-weight: var(--font-weight-400, 300); line-height: var(--line-height-28, 28px); text-transform: uppercase; } .price-offer__btn { border: 2px solid var(--color-azure-26, #1D336A); background: var(--color-rose-40, #BF0D3E); color: #fff; border-radius: 4px; padding: 15px 20px; cursor: pointer; white-space: nowrap; z-index: 1; color: var(--color-white-solid, #FFF); text-align: center; font-family: Franklin Gothic Book Cmp C; font-size: 18px; font-style: normal; font-weight: var(--font-weight-400, 400); line-height: 24px; text-decoration: none; /* 133.333% */ } .price-offer__btn:hover { border: 2px solid var(--color-azure-26, #BF0D3E); transition: all 0.3s ease-in-out; } .price_offer_form-wrap { max-width: 702px; width: 100%; padding: 140px 20px; background: #FFF; box-shadow: 0px 24px 48px 0px rgba(210, 207, 207, 0.30); margin-top: 100px; margin-bottom: 100px; margin-top: 100px; margin-bottom: 100px; margin-left: auto; margin-right: auto; } .price_offer .close-icon { right: -50px; top: -50px; width: 48px; height: 48px; background: url(/local/templates/soloterm/images/close-circle.svg) no-repeat center; } @media (max-width: 1660px){ .price-offer { left: 10%; } } @media (max-width: 1260px){ .price-offer { position: relative; justify-content: center; left: 0px; } .price-offer__star { position: relative; left: 50px; top: -30px; } .price_offer .close-icon { right: 10px; top: 5px; } } @media (max-width: 768px){ .price_offer_form-wrap { padding: 60px 20px; } } @media (max-width: 475px){ .price-offer { max-width: 100%; left: 0px; margin-top: 20px; } .price-offer__star { position: absolute; top: -70px; } } @media (max-width: 320px){ .price-offer__btn { font-size: 4vw; } } .catalog-sections-main {border-bottom: 1px solid #e4e6e8;} .catalog-sections-main h2 {border-top: 1px solid #e4e6e8; font-size: 26px; font-weight: 400; line-height: 1; padding: 28px 120px 24px 120px; text-transform: uppercase; transition: all .5s; position: relative; } .catalog-sections-main h2:hover {background: #fafafa; transition: all .5s;} .catalog-sections-main h2 .num {line-height: 78px; padding-top: 5px; position: absolute; left: 80px; top: 0; z-index: 2; opacity: 0.7; text-shadow: 1px 1px 0 #ffffff; color: #000000; font-size: 17px; font-weight: 400; line-height: 78px;} .catalog-sections-main h2 .count {line-height: 78px; padding-top: 5px; position: absolute; right: 80px; top: 0; z-index: 2; opacity: 0.7; text-shadow: 1px 1px 0 #ffffff; color: #000000; font-size: 17px; font-weight: 400; line-height: 78px;} .catalog-sections-main h2 a {font-family: "PF Din Text Comp Pro"; text-decoration: none;} .catalog-sections-main h2 a:hover { opacity: 0.6;} .catalog-sections {margin: 0 80px; border-bottom: 2px solid #eaeaeb;} .catalog-sections h2 {text-shadow: 0.5px 0.9px 0 #fff; font-family: 'PF Din Text Comp Pro Light'; text-transform: uppercase; font-size: 26px; font-weight: 400; line-height: 30px; padding: 23px 0 17px; border-top: 2px solid #eaeaeb;} .catalog-sections h2 a {color: #000; text-decoration: none;} .catalog-sections h2 a:hover {opacity: 0.6; transition: all .75s;} .catalog-sections h2 a span {color: #999; font-family: 'Franklin Gothic Book Cmp C'; font-size: 12px; line-height: 12px; vertical-align: top; padding-left: 20px; text-transform: lowercase;} .catalog-sections .catalog-sections-spoiler {display: none; border-top: 1px solid #eaeaeb; padding: 17px 0 9px;} .catalog-sections .catalog-sections-spoiler.active {display: flex; flex-wrap: wrap;} .catalog-sections .catalog-sections-spoiler .catalog-sections-spoiler-item {flex: 0 1 auto; width: 33.33%; padding-right: 45px; padding-bottom: 10px;} .catalog-sections .catalog-sections-spoiler .catalog-sections-spoiler-item h3 {font-size: 16px; font-weight: 300; line-height: 20px; padding: 5px 0 4px;} .catalog-sections .catalog-sections-spoiler .catalog-sections-spoiler-item h3 a:hover {opacity: .6; text-decoration: none; transition: .5s all;} .catalog-sections .catalog-sections-spoiler .catalog-sections-spoiler-item h4 {font-size: 14px; font-weight: 300; line-height: 20px; padding: 5px 0 4px 15px;} .catalog-sections .catalog-sections-spoiler .catalog-sections-spoiler-item h4 a:hover {opacity: .6; text-decoration: none; transition: .5s all;} .catalog-sections-sub {margin: 0 80px; font-size: 15px; font-weight: 300; line-height: 20px; padding-bottom: 13px;} .catalog-sections-sub .catalog-subsections {padding-top: 20px;} .catalog-sections-sub a {text-decoration: none;} .catalog-sections-sub a:hover {opacity: .6;} .catalog-sections-sub h2 {display: inline-block; vertical-align: top; margin-right: 30px; background: #b1c596; padding: 7px 11px 3px;} .catalog-sections-sub h2 a {color: #fff;} .catalog-sections-sub h3 {display: inline-block; vertical-align: top; margin-right: 30px; margin-bottom: 3px; padding: 5px 0;} .catalog-sections-sub h3 a span:nth-child(1) {text-decoration: underline;} .catalog-sections-sub h3 a span:nth-child(2) {color: #999; font-size: 11px; line-height: 11px; vertical-align: top; padding-left: 8px;} .catalog-sections-sub h3 a:hover span:nth-child(1) {text-decoration: none;} .catalog-sections-2 {border-bottom: 1px solid #eaeaeb;} .catalog-sections-2 > div {transition: all .3s; padding: 0 80px; border-top: 1px solid #eaeaeb;} .catalog-sections-2 > div:hover {background: #f7f7f7; transition: all .3s;} .catalog-sections-2 > div h2 {text-shadow: 0.5px 0.9px 0 #fff; font-family: 'PF Din Text Comp Pro Light'; text-transform: uppercase; font-size: 26px; font-weight: 400; line-height: 30px; padding: 27px 50px 21px 35px; position: relative;} .catalog-sections-2 > div h2 i {display: inline-block; vertical-align: top; position: absolute; left: 0; top: 0; line-height: 30px; padding: 29px 0 19px 0; opacity: 0.5; text-shadow: 1px 1px 0 #ffffff; font-size: 17px; font-family: 'Franklin Gothic Book Cmp C';} .catalog-sections-2 > div h2 a {color: #000; text-decoration: none; display: block;} .catalog-sections-2 > div h2 span {display: inline-block; vertical-align: top; position: absolute; right: 0; top: 0; line-height: 30px; padding: 29px 0 19px 0; opacity: 0.5; text-shadow: 1px 1px 0 #ffffff; font-size: 17px; font-family: "Franklin Gothic Book Cmp C";} .catalog-sections-2 > div > div {display: none; margin-top: -13px; padding-bottom: 23px; padding-left: 35px;} .catalog-sections-2 > div > div.active {display: block;} .catalog-sections-2 > div > div a { text-decoration: none; /*border-bottom: 1px solid rgba(79, 86, 95, .2);*/ } .catalog-sections-2 > div > div h3 { padding: 10px 15px 10px 0; } .catalog-sections-2 > div > div h3 a {color: #737d88; font-size: 17px; line-height: 22px; position: relative; transition: all .3s; display: inline-block; vertical-align: top; } .catalog-sections-2 > div > div h3 a:hover {color: #abb2ba; transition: all .3s;} .catalog-sections-2 > div > div h3 a:after {content: ''; display: inline-block; vertical-align: bottom; opacity: .3; transition: all .2s; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid #000; margin-bottom: 9px; margin-left: 10px; } .catalog-sections-2 > div > div h3.active a:after {transition: all .2s; transform: scaleY(-1);} .catalog-sections-2 > div > div h3.perehod a:after {display: none;} .catalog-sections-2 > div > div > div {display: none; padding-bottom: 10px; padding-left: 35px;} .catalog-sections-2 > div > div > div.active {display: block;} .catalog-sections-2 > div > div > div h4 {padding: 5px 0 10px 0; } .catalog-sections-2 > div > div > div h4 a {color: #737d88; font-size: 17px; line-height: 22px; display: inline-block; vertical-align: top; transition: all .3s;} .catalog-sections-2 > div > div > div h4 a:hover {color: #abb2ba; transition: all .3s;} .catalog-sections-2 > div > div > div h4 a:after {content: ''; display: inline-block; vertical-align: bottom; opacity: .3; transition: all .2s; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid #000; margin-bottom: 9px; margin-left: 10px; } .catalog-sections-2 > div > div > div h4.active a:after {transition: all .2s; transform: scaleY(-1);} .catalog-sections-2 > div > div > div h4.perehod a:after {display: none;} .catalog-sections-2 > div > div > div > div {display: none; padding-bottom: 15px; padding-left: 35px;} .catalog-sections-2 > div > div > div > div.active {display: block;} .catalog-sections-2 > div > div > div > div h5 {padding: 5px 0 10px 0; } .catalog-sections-2 > div > div > div > div h5 a {color: #737d88; font-size: 17px; line-height: 22px; display: inline-block; vertical-align: top; transition: all .3s;} .catalog-sections-2 > div > div > div > div h5 a:hover {color: #abb2ba; transition: all .3s;} .catalog-sections-2 > div > div > div > div h5 a:after {content: ''; display: inline-block; vertical-align: bottom; opacity: .3; transition: all .2s; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid #000; margin-bottom: 9px; margin-left: 10px; } .catalog-sections-2 > div > div > div > div h5.active a:after {transition: all .2s; transform: scaleY(-1);} .catalog-sections-2 > div > div > div > div h5.perehod a:after {display: none;} .catalog-sections-2 > div > div > div > div > div {display: none; padding-bottom: 20px; padding-left: 35px;} .catalog-sections-2 > div > div > div > div > div.active {display: block;} .catalog-sections-2 > div > div > div > div > div h6 {} .catalog-sections-2 > div > div > div > div > div h6 a {color: #737d88; font-size: 17px; line-height: 22px; padding: 5px 0; display: inline-block; vertical-align: top; transition: all .3s;} .catalog-sections-2 > div > div > div > div > div h6 a:hover {color: #abb2ba; transition: all .3s;} .catalog-sections-2 > div > div > div > div > div h6 a:after {content: ''; display: inline-block; vertical-align: bottom; opacity: .3; transition: all .2s; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid #000; margin-bottom: 9px; margin-left: 10px; } .catalog-sections-2 > div > div > div > div > div h6.active a:after {transition: all .2s; transform: scaleY(-1);} .catalog-sections-2 > div > div > div > div > div h6.perehod a:after {display: none;} .catalog-sections-right {background: #f7f7f7; text-align: left; padding: 0 0px 0 40px;} .catalog-sections-right > div {border-top: 1px solid #e0e1e1; } .catalog-sections-right > div a {text-decoration: none;} .catalog-sections-right > div:first-child {border-top: none;} .catalog-sections-right > div h2 { padding: 27px 0 23px 0; font-size: 17px; line-height: 22px;} .catalog-sections-right > div h2 a {display: inline-block; vertical-align: top; color: #000000; transition: all .3s; padding-right: 15px; text-decoration: none;} .catalog-sections-right > div h2 a:hover {transition: all .3s;} .catalog-sections-right > div h2 a:after {content: ''; display: inline-block; vertical-align: bottom; opacity: 1; transition: all .2s; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid #000; margin-bottom: 9px; margin-left: 10px; } .catalog-sections-right > div h2.active a:after {transition: all .2s; transform: scaleY(-1);} .catalog-sections-right > div h2.perehod a:after {display: none;} .catalog-sections-right > div > div {display: none; padding-bottom: 33px; margin-top: -23px; padding-right: 15px; } .catalog-sections-right > div > div.active {display: block;} .catalog-sections-right > div > div h3 {padding: 20px 0 0px 0;} .catalog-sections-right > div > div h3 a {color: #737d88; font-size: 17px; line-height: 22px; position: relative; transition: all .3s; display: inline-block; vertical-align: top;} .catalog-sections-right > div > div h3 a:hover {color: #abb2ba; transition: all .3s;} .catalog-sections-right > div > div h3 a.current {color: #a5a5a5; text-decoration: none;} .catalog-sections-right > div > div > div {display: none; padding-bottom: 0px; padding-left: 20px; padding-right: 15px; } .catalog-sections-right > div > div > div.active {display: block;} .catalog-sections-right > div > div > div h4 {position: relative;} .catalog-sections-right > div > div > div h4.current:before {content: ''; display: block; position: absolute; left: -15px; top: 0; margin-top: 16px; width: 0; height: 0; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-right: 4px solid #a5a5a5;} .catalog-sections-right > div > div > div h4 a {color: #737d88; font-size: 16px; line-height: 21px; padding: 10px 0 0 0; display: inline-block; vertical-align: top; transition: all .3s;} .catalog-sections-right > div > div > div h4 a:hover {color: #abb2ba; transition: all .3s;} .catalog-sections-right > div > div > div h4 a.current {color: #a5a5a5; text-decoration: none;} .catalog-sections-right > div > div > div > div {display: none; padding-bottom: 10px; padding-left: 20px; padding-right: 15px;} .catalog-sections-right > div > div > div > div.active {display: block;} .catalog-sections-right > div > div > div > div h5 {position: relative;} .catalog-sections-right > div > div > div > div h5.current:before {content: ''; display: block; position: absolute; left: -15px; top: 0; margin-top: 16px; width: 0; height: 0; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-right: 4px solid #a5a5a5;} .catalog-sections-right > div > div > div > div h5 a {color: #737d88; font-size: 16px; line-height: 21px; padding: 10px 0 0 0; display: inline-block; vertical-align: top; transition: all .3s;} .catalog-sections-right > div > div > div > div h5 a:hover {color: #abb2ba; transition: all .3s;} .catalog-sections-right > div > div > div > div h5 a.current {color: #a5a5a5; text-decoration: none;} .catalog-sections-right > div > div > div > div > div {display: none; padding-bottom: 10px; padding-left: 20px;} .catalog-sections-right > div > div > div > div > div.active {display: block;} .catalog-sections-right > div > div > div > div > div h6 {position: relative;} .catalog-sections-right > div > div > div > div > div h6.current:before {content: ''; display: block; position: absolute; left: -15px; top: 0; margin-top: 16px; width: 0; height: 0; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-right: 4px solid #a5a5a5;} .catalog-sections-right > div > div > div > div > div h6 a {color: #737d88; font-size: 16px; line-height: 21px; padding: 10px 0 0 0; display: inline-block; vertical-align: top; transition: all .3s;} .catalog-sections-right > div > div > div > div > div h6 a:hover {color: #abb2ba; transition: all .3s;} .catalog-sections-right > div > div > div > div > div h6 a.current {color: #a5a5a5; text-decoration: none;} .cart-empty {display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;} .cart-empty > div {flex: 0 1 auto; margin-top: -57px;} .cart-empty > div div {text-align: center;} .cart-empty > div img {margin: 0 auto;} .cart-empty > div div span {color: #2e3339; font-family: 'PF Din Text Comp Pro Light'; text-transform: uppercase; font-size: 30px; line-height: 30px; display: block; margin: 61px 0 18px;} .cart-empty > div div a {font-size: 17px; font-weight: 300; line-height: 17px;} .cart-empty > div div a:hover {opacity: .6; transition: .5s all;} .cart {padding: 0 80px 60px;} .cart > img {margin: 60px auto;} .cart .cart-items {width: 100%;} .cart .cart-items tr {} .cart .cart-items tr td {padding: 30px 0; border-top: 2px solid #e9eaea; vertical-align: top;} .cart .cart-items tr td.name {} .cart .cart-items tr td.name a {color: #2e3339; font-size: 16px; font-weight: 300; line-height: 38px;} .cart .cart-items tr td.name span {display: block; color: #9b9b9b; font-size: 16px; font-weight: 300; line-height: 38px;} .cart .cart-items tr td.count {} .cart .cart-items tr td.count span {display: inline-block; vertical-align: top; width: 34px; height: 34px; border-radius: 17px; border: 2px solid #c4c4c4; transition: border-color .2s; cursor: pointer; background-image: url(/local/templates/soloterm/images/cart-controls.png);} .cart .cart-items tr td.count span:hover {border-color: #abc08d; transition: border-color .2s;} .cart .cart-items tr td.count span.minus {background-position: -2px -2px; margin-right: 15px;} .cart .cart-items tr td.count span.minus:hover {background-position: -2px -36px;} .cart .cart-items tr td.count .quantity_input {color: #2e3339; font-size: 16px; font-weight: 300; line-height: 38px; text-align: center; padding: 0; border: none;} .cart .cart-items tr td.count span.plus {background-position: -36px -2px; margin-left: 15px;} .cart .cart-items tr td.count span.plus:hover {background-position: -36px -36px;} .cart .cart-items tr td.summ {color: #2e3339; font-size: 16px; font-weight: 300; line-height: 38px;} .cart .cart-items tr td.delete {width: 34px;} .cart .cart-items tr td.delete a {display: inline-block; vertical-align: top; width: 34px; height: 34px; border-radius: 17px; border: 2px solid #c4c4c4; transition: border-color .2s; cursor: pointer; background-image: url(/local/templates/soloterm/images/cart-controls.png); background-position: -70px -2px; text-align: right;} .cart .cart-items tr td.delete a:hover {border-color: #e66260; transition: border-color .2s; background-position: -70px -36px;} .cart .cart-itogo {border-top: 2px solid #e9eaea; text-align: center; background: #f5f6f6; padding: 40px; color: #000; line-height: 26px; font-family: 'PF Din Text Comp Pro Light'; text-transform: uppercase; font-size: 26px; } .cart .cart-itogo #upload{width:65px; height:55px; line-height:120%; margin:0 auto; font-size:10pt;} .cart .cart-itogo #status{display:block; width:150px; font-size:10pt; margin:0 auto;} .cart input#basketOrderButton2 {font-family: 'PF Din Text Comp Pro Light'; text-transform: uppercase; font-size: 26px; line-height: 26px; padding: 14px 25px 7px 50px; display: block; color: #abbf8f; text-decoration: none; border: 1px solid #abc08d; transition: background-color .25s, color .25s; margin: 60px auto 0; background-color: #fff; cursor: pointer; background: url(/local/templates/soloterm/images/cart-check.png) no-repeat 25px 0;} .cart input#basketOrderButton2:hover {background-color: #abc08d; color: #fff; transition: background-color .25s, color .25s; background-position: 25px -50px;} .cart-auth {padding-bottom: 40px;} .cart-auth > img {vertical-align: top; margin: 60px auto;} .cart-auth .cart-auth-flex {display: flex; padding: 0 50px;} .cart-auth .cart-auth-flex > div {flex: 0 1 auto; width: 50%;} .cart-auth .cart-auth-flex > div:nth-child(2) {padding-right: 40px;} .cart-auth .cart-auth-flex > div h2 {color: #2e3339; font-family: 'PF Din Text Comp Pro Light'; font-size: 26px; line-height: 29px; margin-left: 40px; margin-bottom: 35px;} .cart-auth .cart-auth-flex > div .error {} .cart-auth .cart-auth-flex > div .block {background: #f3f3f3; margin-bottom: 2px; padding: 35px 40px 40px;} .cart-auth .cart-auth-flex > div .block .block-item {padding-left: 40px; position: relative; cursor: pointer;} .cart-auth .cart-auth-flex > div .block .block-item:before {content: ''; display: block; width: 18px; height: 18px; border-radius: 50%; position: absolute; left: 0; top: 2px; border: 1px solid rgba(129, 129, 129, 0.4);} .cart-auth .cart-auth-flex > div .block .block-item:after {content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; position: absolute; left: 5px; top: 7px; background-color: #e3e3e3;} .cart-auth .cart-auth-flex > div .block .block-item div:nth-child(1) {font-family: 'PF Din Text Comp Pro Light'; font-size: 18px; line-height: 30px; color: rgba(0,0,0,.3);} .cart-auth .cart-auth-flex > div .block .block-item div:nth-child(2) {font-size: 14px; line-height: 14px; padding-top: 10px;} .cart-auth .cart-auth-flex > div .block .block-item.active {cursor: default;} .cart-auth .cart-auth-flex > div .block .block-item.active:before {} .cart-auth .cart-auth-flex > div .block .block-item.active:after {background-color: #abbf8f;} .cart-auth .cart-auth-flex > div .block .block-item.active div:nth-child(1) {color: #000;} .cart-auth .cart-auth-flex > div .block .block-data {max-height: 0px; overflow: hidden; transition: max-height .25s;} .cart-auth .cart-auth-flex > div .block .block-data.active {max-height: 1000px; transition: max-height .25s;} .cart-auth .cart-auth-flex > div .block .block-data input, .cart-auth .cart-auth-flex > div .block .block-data select {display: block; width: 100%; margin-top: 20px; height: 50px; line-height: 30px; padding: 10px 15px; background-color: rgba(255, 255, 255, 0.9); box-shadow: inset 1px 1px 0 #e1e3e4; border: none; color: #000; font-size: 16px; font-weight: 300; /*font-family: 'PT Sans Narrow';*/} .cart-auth .cart-auth-flex > div .submit {padding: 40px 0 0 40px;} .cart-auth .cart-auth-flex > div .submit input {display: none; font-family: 'PF Din Text Comp Pro Light'; font-size: 26px; line-height: 26px; padding: 13px 25px 9px 50px; color: #abbf8f; text-decoration: none; border: 1px solid #abc08d; transition: background-color .25s, color .25s; background-color: #fff; cursor: pointer; background: url(/local/templates/soloterm/images/cart-check.png) no-repeat 25px 0;} .cart-auth .cart-auth-flex > div .submit input:hover {background-color: #abc08d; color: #fff; transition: background-color .25s, color .25s; background-position: 25px -50px;} .cart-auth .cart-auth-flex > div .submit input.active {display: block;} .cart-auth .cart-auth-flex > div .auth-form {padding-left: 40px;} .cart-auth .cart-auth-flex > div .auth-form .desc {font-size: 14px; line-height: 14px; padding-bottom: 10px;} .cart-auth .cart-auth-flex > div .auth-form .desc2 {font-size: 14px; line-height: 14px; padding: 20px 0;} .cart-auth .cart-auth-flex > div .auth-form input[type='text'], .cart-auth .cart-auth-flex > div .auth-form input[type='password'] {display: block; width: 100%; margin-bottom: 20px; height: 50px; line-height: 30px; padding: 10px 15px; background-color: rgba(247, 247, 248, 0.6); box-shadow: inset 1px 1px 0 #e1e3e4; border: none; color: #000; /*font-family: 'PT Sans Narrow';*/ font-size: 16px; font-weight: 300;} .cart-auth .cart-auth-flex > div .auth-form input[type='submit'] {display: block; font-family: 'PF Din Text Comp Pro Light'; text-transform: uppercase; font-size: 26px; line-height: 26px; padding: 13px 25px 9px 50px; color: #abbf8f; text-decoration: none; border: 1px solid #abc08d; transition: background-color .25s, color .25s; background-color: #fff; cursor: pointer; background: url(/local/templates/soloterm/images/cart-check.png) no-repeat 25px 0; margin-top: 40px;} .cart-auth .cart-auth-flex > div .auth-form input[type='submit']:hover {background-color: #abc08d; color: #fff; transition: background-color .25s, color .25s; background-position: 25px -50px;} .auth_form {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1d336c; padding-left: 50px; display: flex; align-items: center; justify-content: center;} .auth_form form {flex: 0 1 auto; max-width: 320px;} .auth_form form p {margin: 0 10px;} .auth_form form div {position: relative; display: inline-block; vertical-align: top; padding: 0 10px;} .auth_form form div a {display: inline-block; position: absolute; left: 320px; top: 0; color: #8e9294; font-size: 14px; line-height: 30px; padding: 10px; white-space: nowrap;} .auth_form form div a:hover {opacity: .6;} .auth_form form input[type="text"], .auth_form form input[type="password"] {display: block; width: 300px; height: 50px; background-color: rgba(255, 255, 255, 0.06); box-shadow: inset 0.1px 1px 0 #1d336c; margin-bottom: 20px; color: #8e9297; font-size: 17px; line-height: 17px; padding: 17px 15px 13px; border: none;} .auth_form form input[type="submit"] {display: block; font-family: 'PF Din Text Comp Pro Light'; text-transform: uppercase; font-size: 26px; line-height: 26px; padding: 14px 25px 7px; color: #abbf8f; text-decoration: none; border: 1px solid #abc08d; transition: background-color .25s, color .25s; background-color: transparent; cursor: pointer; margin-top: 20px;} .auth_form form input[type="submit"]:hover {background-color: #abc08d; color: #fff; transition: background-color .25s, color .25s;} .auth_form form > a {display: inline-block; font-size: 16px; line-height: 20px; color: #8e9294; margin-top: 55px; margin-left: 10px;} .auth_form form > a:hover {opacity: .6;} .reg_form {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1d336c; padding-left: 50px; display: flex; align-items: center; justify-content: center;} .reg_form form {flex: 0 1 auto; max-width: 640px;} .reg_form form p {margin: 0 10px;} .reg_form form .notetext {display: block; text-align: center; font-style: normal; font-family: 'PF Din Text Comp Pro Light'; border: 2px solid #abbf8f; margin-bottom: 20px; color: #abbf8f; font-size: 18px; line-height: 42px; padding: 4px 20px 0;} .reg_form form div {display: inline-block; vertical-align: top; padding: 0 10px;} .reg_form form div.submit {display: block; padding: 0 10px;} .reg_form form input[type="text"], .reg_form form input[type="password"], .reg_form form select {display: block; width: 300px; height: 50px; background-color: rgba(255, 255, 255, 0.06); margin-bottom: 20px; color: #8e9297; font-size: 17px; line-height: 17px; padding: 17px 15px 13px; border: none; box-shadow: inset 0.1px 1px 0 #474b52; } .reg_form form input.company {width: 620px;} .reg_form form input.inn, .reg_form form input[type="password"] {width: 193px;} .reg_form form input[type="submit"] {display: block; font-family: 'PF Din Text Comp Pro Light'; text-transform: uppercase; font-size: 26px; line-height: 26px; padding: 14px 25px 7px 50px; color: #abbf8f; text-decoration: none; border: 1px solid #abc08d; transition: background-color .25s, color .25s; background-color: #fff; background: url(/local/templates/soloterm/images/cart-check.png) no-repeat 25px 0; cursor: pointer; margin: 20px auto 0;} .reg_form form input[type="submit"]:hover {background-color: #abc08d; color: #fff; transition: background-color .25s, color .25s; background-position: 25px -50px;} .forg_form {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1d336c; padding-left: 50px; display: flex; align-items: center; justify-content: center;} .forg_form form {flex: 0 1 auto; max-width: 320px;} .forg_form form p {margin: 0 10px;} .forg_form form .notetext {font-size: 17px; color: #f3f3f3; line-height: 24px;} .forg_form form p.text-1 {font-size: 17px; line-height: 24px; color: #fff;} .forg_form form p.text-2 {font-size: 17px; line-height: 24px; color: #8e9297; margin-bottom: 30px;} .forg_form form div {display: inline-block; vertical-align: top; padding: 0 10px;} .forg_form form input[type="text"] {display: block; width: 300px; height: 50px; background-color: rgba(255, 255, 255, 0.06); box-shadow: inset 0.1px 1px 0 #474b52; margin-bottom: 20px; color: #8e9297; font-size: 17px; line-height: 17px; padding: 17px 15px 13px; border: none;} .forg_form form input[type="submit"] {display: block; font-family: 'PF Din Text Comp Pro Light'; text-transform: uppercase; font-size: 26px; line-height: 26px; padding: 14px 25px 7px; color: #abbf8f; text-decoration: none; border: 1px solid #abc08d; transition: background-color .25s, color .25s; background-color: transparent; cursor: pointer; margin: 0px auto 0;} .forg_form form input[type="submit"]:hover {background-color: #abc08d; color: #fff; transition: background-color .25s, color .25s;} .chp_form {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1d336c; padding-left: 50px; display: flex; align-items: center; justify-content: center;} .chp_form form {flex: 0 1 auto; max-width: 320px;} .chp_form form p {margin: 0 10px;} .chp_form form .notetext {font-size: 16px; color: #f3f3f3; line-height: 30px;} .chp_form form p.text-1 {font-size: 16px; line-height: 30px; color: #fff; margin-bottom: 30px;} .chp_form form div {display: inline-block; vertical-align: top; padding: 0 10px;} .chp_form form input[type="text"], .chp_form form input[type="password"] {display: block; width: 300px; height: 50px; background-color: rgba(255, 255, 255, 0.06); box-shadow: inset 0.1px 1px 0 #474b52; margin-bottom: 20px; color: #8e9297; font-size: 17px; line-height: 17px; padding: 17px 15px 13px; border: none;} .chp_form form input[type="submit"] {display: block; font-family: 'PF Din Text Comp Pro Light'; text-transform: uppercase; font-size: 26px; line-height: 26px; padding: 14px 25px 7px 50px; color: #abbf8f; text-decoration: none; border: 1px solid #abc08d; transition: background-color .25s, color .25s; background-color: transparent; cursor: pointer; margin: 20px auto 0;} .chp_form form input[type="submit"]:hover {background-color: #abc08d; color: #fff; transition: background-color .25s, color .25s;} .errortext {display: block; text-align: left; font-style: normal; border: 1px solid #94acb6; margin-bottom: 20px; color: #94acb6 !important; font-size: 17px; line-height: 29px; padding: 10px 20px 10px;} .error {display: block; text-align: center; font-style: normal; border: 1px solid #94acb6; margin-bottom: 20px; color: #94acb6 !important; font-size: 17px; line-height: 42px; padding: 4px 20px 0;} .error {display: none;} .oktext, .ok {display: block; text-align: center; font-style: normal; border: 1px solid #abc08d; margin-bottom: 20px; color: #abc08d !important; font-size: 17px; line-height: 42px; padding: 4px 20px 0;} .ok {display: none;} .callback-form {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; justify-content: center; align-items: center; padding-left: 50px; background: #1d336c; z-index: 33333;} .callback-form.active {display: flex;} .callback-form.price_offer.active {display: block;} .callback-form > div {flex: 0 1 auto; position: relative;} .callback-form > div > span {display: block; width: 39px; height: 39px; position: absolute; right: -20px; top: 0px; background: url(/local/templates/soloterm/images/close.png) no-repeat center /*#e22a3f; border-radius: 0%*/; border: 2px solid #ccc; border-radius: 50%; cursor: pointer; transition: all .5s; opacity: .2;} .callback-form > div > span:hover {transition: all .5s; opacity: .7; } .callback-form form {max-width: 380px; /*padding: 40px; border: 1px solid rgba(255,255,255,.1);*/ padding: 40px;} .callback-form form p {} .callback-form form div {position: relative; display: inline-block; vertical-align: top; padding: 0;} .callback-form form input[type="text"], .callback-form form textarea {display: block; width: 300px; height: 50px; background-color: rgba(255, 255, 255, 0.05); box-shadow: inset 0.1px 1px 0 #1d336c; margin-bottom: 20px; color: #8e9297; font-size: 17px; line-height: 17px; padding: 17px 15px 13px; border: none;} .callback-form form textarea {height: 150px;} .callback-form form input[type="submit"] {display: block; font-family: 'PF Din Text Comp Pro Light'; text-transform: uppercase; font-size: 26px; line-height: 26px; padding: 14px 25px 7px; width: 300px; color: #abbf8f; text-decoration: none; border: 1px solid #abc08d; transition: background-color .25s, color .25s; background-color: transparent; cursor: pointer; margin-top: 0px;} .callback-form form input[type="submit"]:hover {background-color: #abc08d; color: #fff; transition: background-color .25s, color .25s;} .callback-form.price_offer { background-image: url(/local/templates/soloterm/images/price_offer.png); background-color: #fff; background-repeat: no-repeat; background-size: cover; overflow: scroll; } .callback-form form .price_offer_form-input input[type="text"], .callback-form form .price_offer_form-input textarea { background: var(--color-grey-97, #F7F7F7); box-shadow: none; width: 100%; height: auto; padding: 20px 15px; font-size: 17px; color: #000; border: 1px solid transparent; } .callback-form form .price_offer_form-input input[type="text"].input-error, .callback-form form .price_offer_form-input textarea.input-error { border: 1px solid var(--color-black-solid, #000); } .callback-form form .price_offer_form-input input[type="text"]:focus, .callback-form form .price_offer_form-input textarea:focus { border: 1px solid var(--color-black-solid, #000); } .callback-form form .price_offer_form-input textarea { position: relative; min-height: 98px; max-width: 380px; display: block; background: var(--color-grey-97, #F7F7F7); box-shadow: none; width: 100%; height: auto; padding: 20px 15px; margin-bottom: 20px; font-size: 17px; line-height: 17px; border: none; resize: none; } .callback-form .price_offer_form-input { width: 100%; } .callback-form.price_offer form { max-width: 380px; margin: 0 auto; width: 100%; padding: 0; } .callback-form.price_offer form input[type="submit"], .callback-form.price_offer .submit { width: 100%; } .callback-form.price_offer .form__sogl { color: var(--soloterm-ru-boulder, var(--color-grey-46, #757575)) !important; } .callback-form.price_offer .form__sogl a { color: #757575; border-bottom: none; text-decoration: underline; transition: all 0.5s ease-in-out; } .callback-form.price_offer .form__sogl a:hover { cursor: pointer; text-decoration: none; transition: all 0.5s ease-in-out; } .callback-form.price_offer .comment-block { position: relative; } .callback-form.price_offer .comment-footer.active .js-clear-btn { color: var(--btn-green, #ABC08D); opacity: 1; } .callback-form.price_offer .comment-footer.active .js-char-count { color: #000; opacity: 0.4; } .callback-form.price_offer .comment-footer { position: absolute; bottom: 20px; right: 15px; } .callback-form.price_offer .comment-footer .js-clear-btn, .callback-form.price_offer .comment-footer .js-char-count { background: none; border: none; font-family: 'Franklin Gothic Book Cmp C'; color: var(--soloterm-ru-boulder, var(--color-grey-46, #757575)); text-align: right; font-size: var(--font-size-15, 15px); font-style: normal; font-weight: var(--font-weight-400, 400); line-height: 100%; /* 15px */ opacity: 0.4; } .callback-form.price_offer .comment-footer .js-clear-btn { cursor: pointer; } .callback-form.price_offer .comment-footer .js-clear-btn:hover { color: var(--btn-green, #ABC08D); opacity: 1; transition: all 0.5s ease-in-out; } .callback-form-message { display: flex; align-items: center; flex-direction: column; max-width: 382px; margin: 0 auto; gap: 20px; cursor: inherit; } .callback-form-message h1 { font-size: 42px; font-style: normal; font-weight: 300; line-height: 40px; /* 95.238% */ text-transform: uppercase; text-align: center; } .callback-form-message.success h1 { color: var(--btn-green, #ABC08D); } .callback-form-message.error-form h1 { color: var(--btn-green, #BF0D3E); } .custom-checkbox-list { margin-bottom: 20px; display: flex; flex-direction: column; gap: 16px; } .custom-checkbox-wrap { display: flex !important; width: 100%; justify-content: space-between; margin-left: 16px; font-size: 17px; } .custom-checkbox-input { margin: 0; } .custom-checkbox-label { display: flex; align-items: center; } .custom-checkbox-text { max-width: 275px; } @media (max-width: 475px){ .custom-checkbox-text { max-width: 200px; } } @media (max-width: 390px){ .custom-checkbox-text { max-width: 185px; } } @media (max-width: 375px){ .custom-checkbox-text { max-width: 155px; } } .custom-checkbox-label input[type="checkbox"] { display: none; } .custom-checkbox { width: 24px; height: 24px; border: 2px solid #D8D8D8; display: inline-block; position: relative; flex-shrink: 0; } .custom-checkbox-label input:checked + .custom-checkbox::after { content: ""; position: absolute; left: -2px; top: -2px; color: #B4C1AD; font-size: 20px; font-weight: bold; background-image: url('/local/templates/soloterm/images/custom-checkbox.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; width: 24px; height: 24px; } .custom-checkbox-label input:checked + .custom-checkbox { border: 2px solid #B4C1AD; } @media (max-width: 480px){ .custom-checkbox-wrap { font-size: 4vw; } } .form-error-message { border: 1px solid #000; background: #1D336A; padding: 17px 15px; width: 100%; color: var(--soloterm-ru-white, var(--color-white-solid, #FFF)); font-size: var(--font-size-17, 17px); font-style: normal; font-weight: var(--font-weight-400, 400); line-height: normal; margin-bottom: 20px; text-align: center; } .secname { display: none !important; } .form_desc {font-size: 17px; line-height: 24px; color: #8e9297; margin-bottom: 22px;} .form__sogl {color: rgba(255,255,255,.3) !important; padding-top: 20px !important;} .form__sogl a {color: rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.1);} .form__sogl a:hover {border: none; transition: all .3s; color: rgba(255,255,255,.2)} .after-breadcrumb {color: #000; font-size: 15px; line-height: 16px; padding: 4px 0 0 56px; min-height: 42px; background: url(/local/templates/soloterm/images/icon-after-breadcrumb.png) no-repeat left top; margin: 0 0 30px 80px;} .after-breadcrumb a {color: #bf0d3e; font-size: 17px; line-height: 17px; padding-bottom: 10px;} .after-breadcrumb a:hover {opacity: .8; transition: .4s all;} .after-breadcrumb > div { padding-top: 4px; opacity: 1.0;} .conf_top { position: absolute; top: 59px; right: 80px; padding-left: 36px; background-repeat: no-repeat; background-image: url('/local/templates/soloterm/images/new_top_2.png'); background-position: left center; min-height: 20px; padding-top: 1px; font-size: 17px; } .conf_top a { color: #bf0d3e; text-decoration: none; display: inline; border-bottom: 1px solid #bf0d3e; } .conf_top a:hover { opacity: .8; transition: .4s all; border: none; } .text-hdr {font-size: 24px; line-height: 1; text-transform: uppercase; padding-top: 20px;} @media only screen and (max-width: 767px) and (orientation: portrait) { .conf_top { left: 90px; top: 18px;} } .docs_top { position: absolute; top: 59px; right: 80px; padding-left: 28px; background-repeat: no-repeat; background-image: url('/local/templates/soloterm/images/new_top_3.png'); background-position: left center; min-height: 20px; padding-top: 1px; font-size: 17px; } .docs_top a { color: #bf0d3e; text-decoration: none; display: inline; border-bottom: 1px solid #bf0d3e; } .docs_top a:hover { opacity: .8; transition: .4s all; border: none; } @media only screen and (max-width: 867px) and (orientation: portrait) { .docs_top { left: 90px; top: 18px; display: none;} } .projects-list {margin: 0 80px; border-bottom: 2px solid #eaeaeb;} .projects-list h2 {text-shadow: 0.5px 0.9px 0 #fff; font-family: 'PF Din Text Comp Pro Light'; text-transform: uppercase; font-size: 26px; font-weight: 400; line-height: 30px; padding: 23px 0 17px; border-top: 2px solid #eaeaeb;} .projects-list h2 a {color: #000; text-decoration: none;} .projects-list h2 a:hover {opacity: 0.6; transition: all .75s;} .projects-list h2 a span {color: #999; font-family: 'Franklin Gothic Book Cmp C'; font-size: 12px; line-height: 12px; vertical-align: top; padding-left: 20px; text-transform: lowercase;} .projects-list .projects-list-spoiler {display: none; border-top: 1px solid #eaeaeb; padding: 14px 0 16px;} .projects-list .projects-list-spoiler.active {display: block;} .projects-list .projects-list-spoiler h3 {font-size: 17px; line-height: 20px; padding: 10px 0 8px;} .projects-list .projects-list-spoiler h3 a {text-decoration: none; transition: .4s all; border-bottom: 1px solid rgba(79, 86, 95, .25);} .projects-list .projects-list-spoiler h3 a:hover {opacity: .6; transition: .4s all; border: none;} .learn-more {color: rgba(0, 0, 0, .3); padding: 8px 0 16px 0; font-size: 15px; cursor: pointer;} .learn-more:before {content: ''; display: inline-block; vertical-align: center; width: 5px; height: 9px; opacity: .4; background: url(/local/templates/soloterm/images/arrow-right.png) no-repeat center; margin-right: 8px;} @keyframes city { 0% {background-color: rgba(255,255,255,0);} 50% {background-color: rgba(255,255,255,.3);} 100% {background-color: rgba(255,255,255,0);} } .geografiya-list {padding: 0 80px; position: relative; max-width: 1131px; min-width: 700px; margin-top: -40px; margin-bottom: 40px;} .geografiya-list > img {display: block; width: 100%; height: auto;} .geografiya-list .item {position: absolute; z-index: 1; width: 0; height: 0;} .geografiya-list .item > span {display: block; width: 26px; height: 26px; margin-left: -10px; margin-top: -10px; background-color: rgba(255,255,255,0); animation: city 3s infinite; border-radius: 50%; cursor: pointer; position: relative; transition: all .2s;} .geografiya-list .item > span:before {content: ''; display: block; width: 6px; height: 6px; position: absolute; left: 10px; top: 10px; background: #fff; border-radius: 50%; position: relative; z-index: 1;} .geografiya-list .item > div {position: absolute; left: 73px; top: -32px; z-index: 2; width: 390px; box-shadow: 0 0 32px rgba(0, 1, 2, 0.22); background: #fff; border-radius: 5px; cursor: default; display: none;} .geografiya-list .item > div:before {content: ''; display: block; width: 45px; height: 1px; background: #fff; position: absolute; left: -45px; top: 35px;} .geografiya-list .item > div .close {position: absolute; right: -10px; top: -10px; z-index: 3; width: 30px; height: 30px; background: url(/local/templates/soloterm/images/close-10.png) no-repeat center, #ced0d2; border-radius: 50%; cursor: pointer;} .geografiya-list .item > div .close:hover {opacity: .75; transition: all .3s;} .geografiya-list .item > div .city {font-size: 24px; padding: 5px 30px 0; line-height: 65px; border-bottom: 1px solid rgba(0,0,0,.1);} .geografiya-list .item > div .projects {padding: 26px 0 26px 30px; height: 270px; overflow: hidden; font-size: 17px;} .geografiya-list .item > div .projects > div {width: 100%; height: 100%; overflow: auto; padding-right: 30px;} .geografiya-list .item > div .projects > div > div {} .geografiya-list .item > div .projects > div > div a {text-decoration: none; color: #44484d;} .geografiya-list .item > div .projects > div > div a:hover {opacity: .75; transition: all .4s;} .geografiya-list .item > div .projects > div > div a span {display: block; color: #999; padding-top: 4px;} .geografiya-list .item > div .projects > div > div + div {padding-top: 25px;} .geografiya-list .item > span:hover, .geografiya-list .item.active > span {background-color: #fc1450; transition: all .2s; z-index: 5; animation: none;} .geografiya-list .item.active > div {display: block;} .geografiya-list .item.active {z-index: 2;} /* �� 480 */ @media (max-width: 480px){ /*body.index {height: auto;}*/ .hidden-xs {display: none;} .run-text {font-size: 17px; line-height: 26px; padding-left: 0; } nav.level-1 ul {justify-content: flex-end; padding-bottom: 50px;} nav.level-1 ul > li {height: 40px; padding: 10px 10px;} nav.level-2 ul.level1 {padding: 0 40px;} nav.level-2 ul.level1 > li > ul { display: none;} footer {padding: 10px 60px 50px 40px;} footer > div {width: 100%;} .breadcrumb {margin: 0 30px 0 40px;} .breadcrumb ul { } .breadcrumb h1 {font-size: 32px; line-height: 32px;} .psevdo-breadcrumb h2 {font-size: 32px; line-height: 32px; margin-bottom: 27px;} .under-breadcrumb {margin-right: 30px; margin-left: 40px;} .bloki-main .item > .contact-text {margin-left: 40px;} .bloki-main .item > span a {margin-left: 40px;} .main-menu > div {text-align: center; border-right: none; border-bottom: 1px solid rgba(255,255,255,.25);} .main-menu > div:last-child {border-bottom: none;} .main-menu > div nav {position: relative; padding: 40px;} .main-menu > div nav ul {max-height: 500px;} .bloki .item {border-right: none;} .bloki .item a:last-child {min-height: 35px;} .bloki-proizvodstvo .item {border-right: none;} .bloki-proizvodstvo .item a:last-child {min-height: 35px;} .bloki-main .item {border-right: none;} .contacts .item {border-right: none;} .content-double > div.content-left {width: 100%;} .content-double > div.content-right {width: 100%; padding-top: 40px; } .catalog-sections {margin: 0 40px;} .catalog-sections .catalog-sections-spoiler .catalog-sections-spoiler-item {width: 100%;} .catalog-sections-sub {margin: 0 40px;}c .catalog-sections-2 > div {padding: 0 40px;} .disable-absolute-item .detail-items .item > div:nth-child(1n) {padding-left: 30px; padding-right: 40px;} .disable-absolute-item .detail-items .item > div:nth-child(1n) .cost {margin-right: 0;} .disable-absolute-item .detail-items .item > div:nth-child(2n) {padding-left: 30px; padding-right: 40px;} .detail-items .item > div:nth-child(1n) {padding-left: 90px; padding-right: 40px;} .detail-items .item > div:nth-child(1n) .cost {margin-right: 0;} .detail-items .item > div:nth-child(2n) {padding-left: 90px; padding-right: 40px;} .detail-items .item > div:nth-child(1n) .slider .inner > a {width: 25px;} .detail-items .item > div:nth-child(1n) .slider .inner > a.aleft {left: -25px;} .detail-items .item > div:nth-child(1n) .slider .inner > a.aright {right: -25px;} .detail-items .item > div:nth-child(1n) .slider .numbers a {width: 25px; height: 25px; font-size: 15px; line-height: 23px; padding-top: 2px;} .detail-item {padding-left: 40px; padding-right: 40px;} .detail-item .cost {margin-right: 0;} .detail-item .slider .inner > a {width: 25px;} .detail-item .slider .inner > a.aleft {left: -25px;} .detail-item .slider .inner > a.aright {right: -25px;} .detail-item .slider .numbers a {width: 25px; height: 25px; font-size: 15px; line-height: 23px; padding-top: 2px;} .psevdo-breadcrumb {margin: 0;} .projects-list {margin: 0 40px;} .geografiya-list {padding: 0 30px 0 40px;} .video-list {} .video-list .video-list-hdr {margin: 50px 60px 30px 40px;} .zagolovok H1 {font-size: 36px; line-height: 38px; padding: 28px 30px 38px;} .zagolovok H2 {font-size: 36px; line-height: 38px; padding: 28px 30px 38px;} .catalog-sections {margin: 0 40px;} .links2 {margin: 0 0px 10px 40px; position: relative;} .links2 > div {display: block;} .links2 > div:after {display: none;} /* .links2 #dropdown-toggle:checked + .download-link + .dropdown-content {display: block;} .links2 #dropdown-toggle:not(:checked) + .download-link + .dropdown-content {display: none;} */ .title-search-result {margin-left: 0px; min-width: 300px;} .search-result.search-result-bar {margin: 0px 0px 50px 40px; position: relative; top: auto; right: auto;} } /* �� 481 �� 767 */ @media (min-width: 481px) and (max-width: 767px){ .disable-absolute-item .detail-items .item > div:nth-child(2n) { padding: 40px 40px 60px 80px;} /*body.index {height: auto;}*/ .hidden-sm {display: none;} .run-text {font-size: 17px; line-height: 34px; padding-left: 30px; } nav.level-1 ul {justify-content: flex-end; padding-bottom: 50px;} nav.level-1 ul > li {height: 40px; padding: 10px 10px;} nav.level-2 ul.level1 > li > ul {display: none;} footer {padding: 10px 60px 50px 40px;} footer > div {width: 100%;} .breadcrumb {margin: 0 30px 0 40px;} .breadcrumb h1 {font-size: 32px; line-height: 32px;} .psevdo-breadcrumb h2 {font-size: 32px; line-height: 32px; margin-bottom: 27px;} .under-breadcrumb {margin-right: 30px; margin-left: 40px;} .bloki-main .item > .contact-text {margin-left: 40px;} .bloki-main .item > span a {margin-left: 40px;} .main-menu > div {text-align: center; border-right: none; border-bottom: 1px solid rgba(255,255,255,.25);} .main-menu > div:last-child {border-bottom: none;} .main-menu > div nav {position: relative; padding: 40px;} .main-menu > div nav ul {max-height: 500px;} .search div form input[type="text"] {width: 350px;} .bloki .item {width: 50%;} .bloki .item:nth-child(2n+2) {border-right: none;} .content-double > div.content-left {width: 100%;} .content-double > div.content-right {width: 100%; padding-top: 40px; } .catalog-sections {margin: 0 40px;} .catalog-sections .catalog-sections-spoiler .catalog-sections-spoiler-item {width: 100%;} .catalog-sections-sub {margin: 0 40px;} .catalog-sections-2 > div {padding: 0 40px;} .projects-list {margin: 0 40px;} .geografiya-list {padding: 0 30px 0 40px;} .video-list {} .video-list .video-list-hdr {margin: 50px 60px 30px 40px;} .links2 {margin: 0 0px 50px 40px;} .links2 > div {display: block;} .links2 > div:after {display: none;} .search-result.search-result-bar {right: 40px;} } /* �� 700 �� 767 */ @media (min-width: 700px) and (max-width: 767px){ .bloki-proizvodstvo .item {width: 50%;} .bloki-proizvodstvo .item:nth-child(2n+2) {border-right: none;} } @media (min-width: 480px) and (max-width: 849px){ .divider140 { height: 165px; } } @media (min-width: 768px) and (max-width: 1207px){ .links2 > div {display: block;} .links2 > div:after {display: none;} } /* �� 768 �� 991 */ @media (min-width: 768px) and (max-width: 991px){ /*body.index {height: auto;}*/ .hidden-md {display: none;} footer > div {width: 33.33%;} .run-text {font-size: 30px; line-height: 52px; } .main-menu > div {text-align: center; border-right: none; border-bottom: 1px solid rgba(255,255,255,.25);} .main-menu > div:last-child {border-bottom: none;} .main-menu > div nav {position: relative; padding: 40px;} .main-menu > div nav ul {max-height: 500px;} .search div form span {display: inline-block;} .search div form input[type="text"] {width: 350px;} .bloki .item {width: 33.33%;} .bloki .item:nth-child(3n+3) {border-right: none;} .content-left .bloki .item {width: 50%;} .content-left .bloki .item:nth-child(3n+3) {border-right: 1px solid #e0e1e1;} .bloki-proizvodstvo .item {width: 50%;} .bloki-proizvodstvo .item:nth-child(2n+2) {border-right: none;} .bloki-main .item {width: 33.33%;} .bloki-main .item:nth-child(3n+3) {border-right: none;} body.contact .bloki-main .item {width: 100%;} body.contact .bloki-main .item {border-right: none;} .detail-items .line {border-right: 1px solid #e0e1e1;} .detail-items .item > div {border-right: 1px solid #e0e1e1;} .detail-items .item > div:nth-child(1n) {width: 75%; border-bottom: none; border-right: 1px solid #e0e1e1;} .detail-items .item > div:nth-child(2n) {width: 25%; padding: 0 30px 30px;} .detail-items .item > div:nth-child(4) {border-top: none;} .catalog-sections .catalog-sections-spoiler .catalog-sections-spoiler-item {width: 50%;} .pages {padding: 40px 30px 0px 70px;} } /* �� 992 �� 1199 */ @media (min-width: 992px) and (max-width: 1199px){ nav.nav-lk div:nth-child(1) {width: 40%;} nav.nav-lk div:nth-child(2) {width: 60%; text-align: right;} .main-menu {flex-wrap: nowrap;} .main-menu > div nav h2 {font-size: 26px; line-height: 28px;} .search div form span {display: inline-block;} .search div form input[type="text"] {width: 350px;} .bloki .item {width: 25%;} .bloki .item:nth-child(4n+4) {border-right: none;} .bloki .item a.addtocart {height: 0;} .bloki .item a.addtofav {height: 0;} .content-left .bloki .item {width: 33.33%;} .content-left .bloki .item:nth-child(4n+4) {border-right: 1px solid #e0e1e1;} .bloki-proizvodstvo .item {width: 33.33%;} .bloki-proizvodstvo .item:nth-child(3n+3) {border-right: none;} .bloki-main .item {width: 33.33%;} .bloki-main .item:nth-child(3n+3) {border-right: none;} body.contact .bloki-main .item {width: 50%;} /*.body.contact .bloki-main .item:nth-child(2n+2) {border-right: none;}*/ /*.video-list .bloki .item {width: 33.33%;}*/ /*.video-list .bloki .item:nth-child(3n+3) {border-right: none;}*/ .contacts .item {width: 50%;} .contacts .item:nth-child(2n+2) {border-right: none;} .detail-items .line {border-right: 1px solid #e0e1e1;} .detail-items .item > div {border-right: 1px solid #e0e1e1;} .detail-items .item > div:nth-child(1n) {width: 75%; border-bottom: none; border-right: 1px solid #e0e1e1;} .detail-items .item > div:nth-child(2n) {width: 25%; padding: 0 30px 30px;} .detail-items .item > div:nth-child(4) {border-top: none;} .projects-list .item .data .slider {display: inline-block; vertical-align: top; width: 60%; max-width: 600px;} .projects-list .item .data .description {display: inline-block; vertical-align: top; width: 40%; max-width: 300px; padding: 0 0 0 80px;} .pages {padding: 40px 30px 0px 70px;} } /* �� 1200 */ @media (min-width: 1200px){ nav.nav-lk div:nth-child(1) {width: 40%;} nav.nav-lk div:nth-child(2) {width: 60%; text-align: right;} .main-menu {flex-wrap: nowrap;} .search div form span {display: inline-block;} .search div form input[type="text"] {width: 350px;} .bloki .item {width: 20%;} .bloki .item:nth-child(5n+5) {border-right: none;} .bloki .item a.addtocart {height: 0;} .bloki .item a.addtofav {height: 0;} .content-left .bloki .item {width: 25%;} .content-left .bloki .item:nth-child(5n+5) {border-right: 1px solid #e0e1e1;} .bloki-proizvodstvo .item {width: 33.33%;} .bloki-proizvodstvo .item:nth-child(3n+3) {border-right: none;} .bloki-main .item {width: 33.33%;} .bloki-main .item:nth-child(3n+3) {border-right: none;} body.contact .bloki-main .item {width: 50%;} body.contact .bloki-main .item:nth-child(3n+3) {border-right: none;} /*.video-list .bloki .item {width: 25%;}*/ /*.video-list .bloki .item:nth-child(4n+4) {border-right: none;}*/ .contacts .item {width: 50%;} .contacts .item:nth-child(3n+3) {border-right: none;} .detail-items .line {border-right: 1px solid #e0e1e1;} .detail-items .item > div {border-right: 1px solid #e0e1e1;} .detail-items .item > div:nth-child(1n) {width: 75%; border-bottom: none; border-right: 1px solid #e0e1e1;} .detail-items .item > div:nth-child(2n) {width: 25%; padding: 0 30px 30px;} .detail-items .item > div:nth-child(4) {border-top: none;} .projects-list .item .data .slider {display: inline-block; vertical-align: top; width: 60%; max-width: 600px;} .projects-list .item .data .description {display: inline-block; vertical-align: top; width: 40%; max-width: 300px; padding: 0 0 0 80px;} .pages {padding: 40px 30px 0px 70px;} } @media (max-width: 660px){ body.index .links {display: none;} } @media (max-height: 680px){ body.index .links {display: none;} } .left {float: left;} .right {float: right;} .hide {display: none;} .show {display: block;} .nodata {padding: 0 80px; font-size: 17px; line-height: 23px;} .pb40 {padding-bottom: 40px;} .pb24 {padding-bottom: 24px;} .pb27 {padding-bottom: 27px !important;} .pb0 {padding-bottom: 0px !important;} .content-double-ugolok > div.content-left-ugolok {width: 100%;padding-left: 80px;} .content-double-ugolok hr { width:100%; height: 1px; border: medium none; color: #D8D8D8; background-color: #D8D8D8; } .product_tab table p img { display: inline-block; } .bloki__seo h3 { font-size: 18px; font-weight: 600; padding-bottom: 10px; padding-top: 10px; } .bloki__seo { width: 100%; position: relative; clear: both; margin: 50px 60px 0 80px; line-height: 30px; } .bloki__seo ul li { margin: 10px 0; padding-left: 20px; background: url('/local/templates/soloterm/components/bitrix/news.detail/katalog_priborov/img/li_bg.png') 0 5px no-repeat; } .bloki__seo ol li { margin: 10px 0; margin-left: 30px; list-style: auto; } @media (max-width: 767px) { .bloki__seo { margin: 50px 30px 0 40px; } } /* End */ /* /local/templates/soloterm/css/reset.css?17473781371135 */ /* /local/templates/soloterm/fancybox/jquery.fancybox.min.css?174737813613706 */ /* /local/templates/soloterm/template_styles.css?1747921696109347 */