/* Start:/local/templates/lift/components/bitrix/menu/top-new/style.css*/ .topMenuNew ul {display:none;position:absolute; left:0; background:#000;width:auto; padding:0; margin:0;list-style:none;} .topMenuNew ul {min-width:100%;} .topMenuNew ul ul {left:100%; top:0;} .topMenuNew {display:flex; margin:0; padding:0;flex-wrap: nowrap;} .topMenuNew > li {display:block;width:40%;} .topMenuNew li {position:relative;} .topMenuNew li > a, .topMenuNew li > span {display:block;color: #fff;font-size: 16px;padding: 19px 10px;text-align:center;} .topMenuNew li.hovered > a, .topMenuNew li.hovered > span, .topMenuNew li a:hover, .topMenuNew li > span:hover, .topMenuNew li.active > a, .topMenuNew li.active > span {background: #00708A;} .topMenuNew li.hovered > span, .topMenuNew li > span:hover {cursor:default;} .topMenuNew .hovered > ul {display:block;white-space:nowrap;} .topMenuNew li li {} .topMenuNew li li a, .topMenuNew li li > span {text-align:left; padding:5px 20px;font-size:14px;} .topMenuNew li:nth-child(4) ul {width:400px;} .topMenuNew li:nth-child(4) ul li {width:200px;float:left;} .topMenuNew i {display:none;position:absolute; right:-23px; top:calc(50% - 2px); width:0; height:0;border: 7px solid transparent;border-top-color: #fff;} .topMenuNew ul i {right:10px;border-top-color: transparent;border-left-color: #fff; top:calc(50% - 8px);} .topMenuNew .parentNew > a > span, .topMenuNew .parentNew > span > span {position:relative;} .topMenuNew ul .parentNew > a > span, .topMenuNew ul .parentNew > span > span {position:static;} .topMenuNew ul .parentNew > a, .topMenuNew ul .parentNew > span {position:relative;} .topMenuNew .parentNew > a i, .topMenuNew .parentNew > span i {display:block;} .topMenuNew .parentNew > a, .topMenuNew .parentNew > span {padding-right:20px;} @media (max-width: 767px) { .topMenuWrap {overflow-y:scroll;max-height:100%; z-index:1001!important;} .topMenuNew ul {position: static;} .topMenuNew > li {width:100%;} .topMenuNew li.opened > ul {display:block;} .topMenuNew li > a, .topMenuNew li > span {font-size: 16px;padding: 10px 20px!important;text-align:left;padding-left:40px!important;} .topMenuNew i,.topMenuNew ul i { top:15px; border: 7px solid transparent;border-top-color: #fff;border-left-color:transparent;right:10px;} .topMenuNew .opened > span > span i, .topMenuNew .opened > a > span i {border: 7px solid transparent;border-top-color: transparent;border-bottom-color: #fff;top:3px;} .topMenuNew ul a, .topMenuNew ul li > span {padding-left:60px!important;} .topMenuNew ul ul a, .topMenuNew ul ul li > span {padding-left:80px!important;} .topMenuNew li a:hover, .topMenuNew li > span:hover {background:none;} .topMenuNew li:nth-child(4) ul {width: 100%;} .topMenuNew li:nth-child(4) ul li {width: 100%;float: none;} .topMenuNew .parentNew > a > span, .topMenuNew .parentNew > span > span {position:static;} } /* End */ /* Start:/local/templates/lift/template_styles.css*/ /* contact-form-7-css */ div.wpcf7 { margin: 0; padding: 0; } div.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #ff0000; } div.wpcf7-mail-sent-ok { border: 2px solid #398f14; } div.wpcf7-mail-sent-ng, div.wpcf7-aborted { border: 2px solid #ff0000; } div.wpcf7-spam-blocked { border: 2px solid #ffa500; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: 2px solid #f7e700; } .wpcf7-form-control-wrap { position: relative; } span.wpcf7-not-valid-tip { color: #f00; font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #ff0000; background: #fff; padding: .2em .8em; } span.wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after { content: " "; } .wpcf7-display-none { display: none; } div.wpcf7 .ajax-loader { visibility: hidden; display: inline-block; background-image: url('/local/templates/lift/img/ajax-loader.gif'); width: 16px; height: 16px; border: none; padding: 0; margin: 0 0 0 4px; vertical-align: middle; } div.wpcf7 .ajax-loader.is-active { visibility: visible; } div.wpcf7 div.ajax-error { display: none; } div.wpcf7 .placeheld { color: #888; } div.wpcf7 .wpcf7-recaptcha iframe { margin-bottom: 0; } div.wpcf7 input[type="file"] { cursor: pointer; } div.wpcf7 input[type="file"]:disabled { cursor: default; } /* end contact-form-7-css */ /* menu-image-css */ .menu-item a img { border: none; box-shadow: none; vertical-align: middle; width: auto; display: inline; } .menu-item a.menu-image-hovered img.hovered-image, .menu-item a.menu-image-hovered:hover img.menu-image { opacity: 0; transition: opacity 0.25s ease-in-out 0s; } .menu-item a.menu-image-hovered:hover img.hovered-image { opacity: 1; } .menu-item a.menu-image-title-after.menu-image-not-hovered img, .menu-item a.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper { padding-right: 10px; } .menu-item a.menu-image-title-before.menu-image-not-hovered img, .menu-item a.menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper { padding-left: 10px; } .menu-item a.menu-image-title-above, .menu-item a.menu-image-title-below { text-align: center; } .menu-item a.menu-image-title-above.menu-image-not-hovered img, .menu-item a.menu-image-hovered.menu-image-title-above .menu-image-hover-wrapper { display: block; padding-top: 10px; margin: 0 auto !important; } .menu-item a.menu-image-title-below.menu-image-not-hovered img, .menu-item a.menu-image-hovered.menu-image-title-below .menu-image-hover-wrapper { display: block; padding-bottom: 10px; margin: 0 auto !important; } .menu-item a.menu-image-title-hide .menu-image-title { display: none; } /* end menu-image-css */ /* responsive-lightbox-swipebox-css */ /*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url('/local/templates/lift/img/loader.gif') center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url('/local/templates/lift/img/icons.png');background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:.95}#swipebox-top-bar{color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif} /* end responsive-lightbox-swipebox-css */ /* taxonomy-image-plugin-public-css */ .taxonomy-images-the-terms { margin: 10px 0; padding: 0; zoom: 1; } .taxonomy-images-the-terms:before, .taxonomy-images-the-terms:after { clear: both; content: "\0020"; display: block; height: 0; visibility: hidden; } .taxonomy-images-the-terms li, .taxonomy-images-the-terms a, .taxonomy-images-the-terms img { float: left; margin: 0; padding: 0; } .taxonomy-images-the-terms li { list-style-type: none; margin: 0 10px 10px 0; } /* end taxonomy-image-plugin-public-css */ /* ysclifts-formstyler-style-css */ .jq-checkbox, .jq-radio { position: relative; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jq-checkbox input, .jq-radio input { position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0; } .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox { z-index: 10; } .jq-selectbox__select { position: relative; } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; list-style: none; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display: inline-block; } .jq-number__field input { -moz-appearance: textfield; text-align: left; /* для Opera PrestoВ */ } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; /* РІ каких-то браузерах присутствует отступ */ -webkit-appearance: none; } /* end ysclifts-formstyler-style-css */ /* ysclifts-style-css*/ /* Theme Name: ysclifts Theme URI: http://underscores.me/ Author: Underscores.me Author URI: http://underscores.me/ Description: Description Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: ysclifts Tags: This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. ysclifts is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Asides ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # UI.CSS --------------------------------------------------------------*/ html { box-sizing: border-box; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } *, *:before, *:after {box-sizing: inherit;} body { margin: 0; font-size: 14px; color: #000; line-height: 1.42857143; letter-spacing: .35px; font-family: 'Tahoma', Verdana, Segoe, sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { color: #06708a; background-color: transparent; cursor: pointer; } a:active, a:hover, a:focus {outline: 0} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;} audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } [hidden], template {display: none} b, strong { font-weight: bold; } h1, h2, h3, h4, h5, h6 { margin-top: 0; line-height: 100%; } h1 {font-size: 34px;} h2 {font-size: 24px;} h3 {font-size: 22px;} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 12px;} small {font-size: 80%} h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-weight: normal;} sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup {top: -.5em;} sub {bottom: -.25em;} img { border: 0; height: auto; max-width: 100%; display: inline-block; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } svg:not(:root) {overflow: hidden} form, figure {margin: 0} hr { box-sizing: content-box; height: 0; border: 0; border-bottom: 1px solid #000; overflow: visible; } p { margin-top: 0; margin-bottom: 20px; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { font: inherit; margin: 0; } button, input, select { overflow: visible; } button, select {text-transform: none} textarea { resize: vertical; } button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; } button, html input[type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } [disabled] {cursor: default} button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0 } textarea {overflow: auto} optgroup {font-weight: 700} table { border-collapse: collapse; border-spacing: 0 } td, th {padding: 0} /* ============================ РћСЃРЅРѕРІР° РєРЅРѕРїРєРё */ .but { position: relative; display: inline-block; background: none; vertical-align: middle; text-align: center; text-decoration: none; white-space: nowrap; overflow: hidden; cursor: pointer; padding: 0; margin: 0; border: 0; outline: 0; border-radius: 3px; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .but[disabled] { cursor: not-allowed; opacity: .65; } /* Размеры РєРЅРѕРїРѕРє */ .butBlock { display: block; width: 100%; } .butNormal { padding: 5px 10px; } .butLink { font-weight: bold; line-height: 100%; border-bottom: 1px dashed; } .butLink:hover { color: #000; } .butDefault { background: #000; color: #fff; } .butDefault:hover { background: #00708A; } .butPrimary { background: #00708A; color: #fff; } .butPrimary:hover { background: #000; } /* ============================ Готовые классы помошники */ .textRight {text-align: right;} .textCenter {text-align: center;} /* ============================ Изображения */ .imgView { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; max-width: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-decoration: none; overflow: hidden; } .imgView img { max-height: 100%; } /* ============================ РЎРїРёСЃРєРё */ /* Обнуление СЃРїРёСЃРєР° */ .listNull { margin: 0; padding: 0; list-style: none; } .listNull > li {position: relative;} /* Строчный СЃРїРёСЃРѕРє */ .listCenter {text-align: center;} .listRight {text-align: right;} .listCenter > li, .listRight > li, .listInline > li { display: inline-block; vertical-align: middle; } /* Резиновый СЃРїРёСЃРѕРє */ .listFlex { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .listFlex > li { text-align: center; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* ============================ Сетка */ .container { position: relative; width: 1180px; min-height: 1px; margin: 0 auto; padding-left: 10px; padding-right: 10px; } .row { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-left: -10px; margin-right: -10px; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } /* Горизонтальное выравнивание строки */ .rowLeft { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .rowCenter { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .rowRight { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .rowAround { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .rowBetween { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /* Вертикальное выравнивание строки */ .rowTop { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .rowMiddle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .rowBot { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .rowBaseline { -webkit-justify-content: baseline; -ms-flex-pack: baseline; justify-content: baseline; } .col { position: relative; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 10px; padding-right: 10px; min-height: 1px; } /* Вертикальное выравнивание ячеек */ .colTop { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .colMiddle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .colBottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .colDefault { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .colAuto { -webkit-flex: 1; -ms-flex: 1; flex: 1; } .col1 { -webkit-flex-basis: 8.33333333%; -ms-flex-basis: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .col2 { -webkit-flex-basis: 16.66666667%; -ms-flex-basis: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .col3 { -webkit-flex-basis: 25%; -ms-flex-basis: 25%; flex-basis: 25%; max-width: 25%; } .col4 { -webkit-flex-basis: 33.33333333%; -ms-flex-basis: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .col5 { -webkit-flex-basis: 41.66666667%; -ms-flex-basis: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .col6 { -webkit-flex-basis: 50%; -ms-flex-basis: 50%; flex-basis: 50%; max-width: 50%; } .col7 { -webkit-flex-basis: 58.33333333%; -ms-flex-basis: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .col8 { -webkit-flex-basis: 66.66666667%; -ms-flex-basis: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .col9 { -webkit-flex-basis: 75%; -ms-flex-basis: 75%; flex-basis: 75%; max-width: 75%; } .col10 { -webkit-flex-basis: 83.33333333%; -ms-flex-basis: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .col11 { -webkit-flex-basis: 91.66666667%; -ms-flex-basis: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .col12 { -webkit-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } /* Смещение колонок */ .offset1 {margin-left: 8.33333333%} .offset2 {margin-left: 16.66666667%} .offset3 {margin-left: 25%} .offset4 {margin-left: 33.33333333%} .offset5 {margin-left: 41.66666667%} .offset6 {margin-left: 50%} .offset7 {margin-left: 58.33333333%} .offset8 {margin-left: 66.66666667%} .offset9 {margin-left: 75%} .offset10 {margin-left: 83.33333333%} .offset11 {margin-left: 91.66666667%} /* ============================ Слайдер */ .slick { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slickList { position: relative; overflow: hidden; } .slickList:focus {outline: none;} .slickList.dragging { cursor: pointer; cursor: hand; } .slickSlider .slickTrack, .slickSlider .slickList { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slickTrack { position: relative; } .slickTrack:before, .slickTrack:after { display: table; content: ''; } .slickTrack:after {clear: both;} .slickLoading .slickTrack {visibility: hidden;} .slickSlide { position: relative; display: none; float: left; height: 100%; min-height: 1px; outline: none; } .slickInit .slickSlide {display: block;} .slickLoading .slickSlide {visibility: hidden;} .slickArrow.slick-hidden {display: none;} /* РљРЅРѕРїРєРё лево-право */ .slickArrow { position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; z-index: 10; font-size: 0; border-radius: 3px; padding: 0; border: 0; outline: 0; background: #000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAyCAMAAACd646MAAAAUVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////8IN+deAAAAGnRSTlMA7eMS8t0jHRfo2NTPysVWQjo1MCsnDva9DFqiqxcAAADVSURBVHgB7ZZJsoYgEIMfOIg4z5r7H/StWNP0X5VVZx3rEwih/0xJJpPpe5e8aXm/Xxj3DGQpCzDfekY1AfWWc201MFVqxgi4Pe/bHTAqKWEA3CFxHg4YgobRRaA/Zd6zB2KnYDSAv6TuywNNMaX1gG/1fvGfFX3TFq087XHp6rtGfoYpLTEUpzFK05hyPwRl5neZd6u1d6saU0PktKaW0PbQKmA82r5LjfqsfAh7uwgHz48w5zJyaoVTkJyq5zxanOeXM0hwRiLOcEcZUxUDt8lkMv0D3qsVEYJrSycAAAAASUVORK5CYII=') no-repeat; } .slickArrow:hover { background-color: #00708A; } .slickPrev { left: 0; background-position: left top; } .slickNext { right: 0; background-position: right top; } /* ============================ Блоки */ .sectionTitle { font-size: 18px; text-transform: uppercase; margin-bottom: 20px; } .sectionFooter { border-top: 1px solid #BFBFBF; padding: 10px 0; } /* ============================ Формы */ .form {} .formGroup { position: relative; margin-bottom: 10px; } .formGroup:last-child {margin-bottom: 0} .fieldName { position: relative; display: block; margin-bottom: 5px; cursor: pointer; font-weight: bold; font-size: 13px; } .field { display: block; width: 100%; padding: 7px 10px; border: 1px solid #C4C4C4; outline: 0; font-size: 13px; background: #fff; border-radius: 3px; } .field:not(select){ -webkit-appearance: none; -moz-appearance: none; appearance: none; } .field::-webkit-input-placeholder { text-overflow: ellipsis; color: #aaa; } .field::-moz-placeholder { text-overflow: ellipsis; color: #aaa; } .field:-moz-placeholder { text-overflow: ellipsis; color: #aaa; } .field:-ms-input-placeholder { text-overflow: ellipsis; color: #aaa; } .field:hover {} .field:focus {} .field:focus::-webkit-input-placeholder {color: transparent} .field:focus::-moz-placeholder {color: transparent} .field:focus:-moz-placeholder {color: transparent} .field:focus:-ms-input-placeholder {color: transparent} /* ============================ Модальные РѕРєРЅР° */ .modalOpen {overflow: hidden;} .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in {opacity: 1;} .modal.fade .modalDialog { -webkit-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modalDialog { -webkit-transform: none; transform: none; } .modalOpen .modal { overflow-x: hidden; overflow-y: auto; } .modalDialog { position: relative; max-width: 500px; margin: 40px auto; } .modalContent { position: relative; background: #fff; border-radius: 6px; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5); } .modalBackdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modalBackdrop.fade {opacity: 0;} .modalBackdrop.in {opacity: .5;} .modalHeader { position: relative; border-radius: 4px 4px 0 0; background: #00708A; padding: 15px; } .modalClose { position: absolute; top: 10px; right: 10px; font-size: 21px; font-weight: 700; line-height: 1; color: #fff; opacity: .3; } .modalClose:hover { opacity: 1; } .modalTitle { color: #fff; text-decoration: none; font-weight: normal; text-align: center; margin: 0; } .modalBody { position: relative; padding: 15px; } /*-------------------------------------------------------------- # APP.CSS --------------------------------------------------------------*/ body { min-height: 100vh; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } /* ============================ Шапка */ .header { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-top: 60px; } /* ============================ Верхнее меню */ .topMenuWrap { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; } .topMenu { background: #000; width: 1160px; padding-left: 0; padding-right: 0; } .topMenu a { display: block; text-decoration: none; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; } .topMenu span.menu-image-title-after { display: block; text-decoration: none; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; } /* Уровень 1 */ .topMenu .level1 > li > a { color: #fff; font-size: 16px; padding: 19px 10px; } .topMenu .level1 > li > span.menu-image-title-after { color: #fff; font-size: 16px; padding: 19px 10px; } .topMenu .level1 > li:hover > a, .topMenu .level1 > li.active > a { background: #00708A; color: #fff; } .topMenu .level1 > li.active > span.menu-image-title-after { background: #00708A; color: #fff; } /* ============================ Контент шапки */ .headerBody { padding: 20px 0; font-size: 16px; } /* ============================ Логотип */ .logo { text-decoration: none; display: block; } .headerLogo { margin-left: 20px; } .infoBlock { background: top 3px left no-repeat; padding-left: 25px; } /* ============================ Телефоны РІ шапке */ .telephones { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAYFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAABUJ3kcAAAAH3RSTlMA5hWmblsL3jR/R+3q28G6TRl0YjH5vV0QBvXRQDwmXChDjwAAAJFJREFUGBkFwYVhBEEQACDWzv09Nv13GQBd3eaYt9oBtFSOLB8lNWBc74D7OkLrM4DcN7o0AF7rzbC81QLIEUGp9gnQPaNn2qUMcMXFmTwAfmPB5yFlZH4i/nAm+8Tt6zlGTDDtaiEiIt1Bqbo0uC3fFzAsb1qfAeT1BWM/AIZ+BFoqx/k5j5IaQFe3OeatdvAP7hAG83eBR7cAAAAASUVORK5CYII='); } /* Телефон */ .tel { display: block; margin-bottom: 10px; text-decoration: none; color: #000; } /* ============================ Контакты РІ шапке */ .contacts { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAYFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAABAAAAAAAAAAAAAAAAAAAAAAACNTqsAAAAH3RSTlMAW7zdtKUVgfXsygzm5bg0qHFsTEgZwDKzl09OEMG2tJf48AAAAJZJREFUeNplkDcOwzAQBIeZylQODvz/Lw3SElRoqisWt4FE1S9FLJa+4kQ04WWxr9AIMk6t/FmVywplubBKQFV33HTFm8HAWEqttSxHMAPtBGGLiS3A1NJYiK3z0bs2wlzjAR938RV7zDd10pRGOmnKrMl/tIwJqWGS2es4vY7k9czzzJx7dXevq7sZZ+bR5O7nPp97nx81pwifNDZrPQAAAABJRU5ErkJggg=='); } .email { display: block; margin-bottom: 10px; color: #000; } .email:last-child, .tel:last-child { margin-bottom: 0; } /* ============================ Адрес РІ шапке */ .address { font-style: normal; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAXVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC5BxTwAAAAHnRSTlMA5tymbjUVTQvuWrp/Y0j56sAwGQWVXBDBnJFdURrF2GO1AAAAlElEQVQYGQXBhWEDMRAAMJn9GE759h+zEpj1tsRyqxNgTWV0fZS0Anu+A+55hzV3AD2/manhyJEPtOuHWnBEpIgDpdpORAwjLjg3qSMCEXgkF4h4tVcEnhep4zsiIr7wSLYTz2tELBPnpha4R0SDUs3UYORfaNcP1twB9PwDe26AlndgTWX8PR+jpDfArJ9LLLc64R+xPwgGEcgv9wAAAABJRU5ErkJggg=='); } /* ============================ РџРѕРёСЃРє */ .search { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 250px; margin-top: 5px; } .search [type="search"] { -webkit-flex: 1; -ms-flex: 1; flex: 1; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; padding-top: 4px; padding-bottom: 4px; } .search [type="submit"] { width: 27px; border-top-left-radius: 0; border-bottom-left-radius: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAY1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+aRQ2gAAAAIHRSTlMAhXvqwwz68tG8uZqTjol6XFE3GRQE2Ffl2qCddUE/MbjfiYkAAACBSURBVBgZBcEFYsIAAASw1Kh7C3Pu/69cAsdU5TG8ACiT51An9Qko0h0N55j+BkeeDTBlBWPeAB9tA9UngDG/kAFAmQ0eNYAiO/TtCdDlgj1fgFcWcNeZGtgeWYGrT/Vdzl2SFICySpK5TFIA7r9tvyiSLABAkeQHAFiSAADWdv4HTX8I/6uqoKEAAAAASUVORK5CYII='); background-position: center; background-repeat: no-repeat; } /* ============================ РћСЃРЅРѕРІРЅРѕР№ блок */ .main { -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-bottom: 30px; } .mainLayout { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } /* ============================ Сайдбар */ .sidebarLeft { width: 340px; } /* ============================ Левое меню */ .leftMenu { border-radius: 3px; border-top: 16px solid #000; border-bottom: 16px solid #000; margin-bottom: 20px; } .leftMenu .slickArrow { top: 100%; margin-top: 0; } .leftMenu .slickPrev { left: 40px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .leftMenu .slickNext { right: auto; left: 90px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .leftMenu a { display: block; text-decoration: none; } /* Уровень 1 */ .leftMenu .level1 > li > a { position: relative; font-size: 16px; padding: 9px 32px; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; } .leftMenu .level1 > li:not(:last-child) > a:after { content: ''; position: absolute; top: 100%; left: 40px; right: 20px; display: block; border-bottom: 1px dashed #C4C4C4; } .leftMenu .level1 > li > a:hover, .leftMenu .level1 > li.current_page_item > a, .leftMenu .level1 > li.current-menu-ancestor > a { background: #00708A url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMA5zPdplsVDHEa9+26jn9sTki/nJVVTSgkEAbBYKg/KfIAAAB+SURBVBjTZdBJEsMgDATAETt4w07iJE74/zddAlw+qC9cppBGYD5sQxm24NFZMtnBZUMW1awVGqXnmtAOeAUwpy3giRO5TC1FXywG7F2eYGbBuKL6lAc/6whyaGKaPBAJCRdV/sCRZEb+I2fJfeTOslfvvscj7q17v8/vvs8JYHIF169gDEkAAAAASUVORK5CYII=') right 20px center no-repeat; color: #fff; } .leftMenu .level1 > li:hover > a:after, .leftMenu .level1 > li.active > a:after { display: none; } /* ============================ Новости */ .newsItem { padding: 15px 0; border-bottom: 1px dashed #BFBFBF; } .newsItem .row { margin-left: -5px; margin-right: -5px; } .newsItem .col { padding-left: 5px; padding-right: 5px; } .newsItem:first-child { padding-top: 0 } .newsItem:last-child { border-bottom: 0; } .newsItemDate { display: block; padding: 5px; width: 40px; border-radius: 3px; background: #000; text-align: center; color: #fff; font-size: 11px; } .newsItem:hover .newsItemDate { background: #06708a; } .newsItemTitle { font-size: 14px; font-weight: normal; margin-bottom: 0; } .newsItemTitle a { color: #000; } .newsItemTitle a:hover { color: #06708a; } .news .sectionTitle, .allNews { margin-left: 50px; } .newsItemFull:not(:last-child) { border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px; } .newsItemFull .newsItemTitle { font-size: 18px; font-weight: bold; margin-bottom: 10px; } .newsItemFull .newsItemHeader, .newsItemFull .newsItemExcerpt { margin-bottom: 20px; } .newsItemFooter { text-align: right; } /* ============================ Контент */ .content { width: 100%; } .sidebarLeft+.content { width: calc(100% - 340px); padding-left: 20px; } /* Заголовок страницы */ .pageTitle:not(.main-title), .pageTitle h1{ text-transform: uppercase; font-size: 20px; border-bottom: 1px solid #C2CBD0; padding-bottom: 10px; } /* ============================ Путь РїРѕ сайту */ .path { border-top: 1px solid #000; margin-bottom: 10px; padding-top: 10px; font-size: 12px; } .path li + li:before { padding: 0 5px; content: ">"; } .path a {} .path li:hover > a, .path li.active > a { color: #000; } .path li.active > a { text-decoration: none; pointer-events: none; } /* ============================ Банеры */ .banners { margin-bottom: 20px; } .banners img { display: block; width: 100%; } /* ============================ Каталог */ .catalog { border-bottom: 1px solid #BFBFBF; margin-bottom: 50px; } .catalog .slickArrow { top: 100%; margin-top: 0; } .catalog .slickPrev { left: auto; right: 50px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .catalog .slickNext { border-top-left-radius: 0; border-bottom-left-radius: 0; } /* ============================ Карусель разделов РЅР° главной */ .mainCatalog { border-top: 1px solid #BFBFBF; padding-top: 20px; margin-top: 20px; } .mainCatalog .catalog { padding: 20px 0; } .mainCatalog .catalogItem .but { height: 57px; padding: 0 15px; white-space: normal; } /* ============================ Разделы каталога */ .catalogItem { position: relative; border: 1px solid #C4C4C4; margin-bottom: 20px; border-radius: 3px; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; } .catalogItem:hover { border-color: #000; } .catalogItemImg { position: relative; display: block; padding: 17px; height: 230px; text-decoration: none; } .catalogItemTitle { text-align: center; font-size: 16px; padding: 17px 17px 0; margin-bottom: 0; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; overflow: hidden; height: 50px; } .catalogItemTitle a { color: #000; text-decoration: none; } .catalogItem:hover .catalogItemTitle a { color: #06708a; } .catalogItem .but { height: 40px; font-size: 16px; margin: 0 -1px -1px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-top-right-radius: 0; border-top-left-radius: 0; } .catalogItem:hover .but { background: #00708A; } .catalogItemInfo { position: absolute; right: 19px; bottom: 56px; border-radius: 0; outline: 0; width: 40px; height: 40px; padding: 0; border: 0; background: #00708A url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAZlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+Vn2moAAAAInRSTlMA/ubdbjML7KZGFX9awbpNGRMGXA/jPB/Ixaqon5J4dmEvIaFKqgAAAJFJREFUeAFtkEcWwzAIRAckW8VdcUkv979knoBd8jdm8c0MQqX1Q6Aw+BZGz3HKyNONewida6A0rhPDZQDlHBKQ3QloWYyVKFUrrPARQtG10WNMGpc+8k0jeKmDd3RHZWaQDM+N3vozmQOmxRzbs9NlOXSPZXVE112zrM9rexzQPtpZ0c7/7tLb5zJPkcX4eZ8vQqwFm3UFeTIAAAAASUVORK5CYII=') center no-repeat; } .catalogItemInfoBlock { position: absolute; top: 0; bottom: 0; left: 100%; z-index: 10; padding: 15px; width: 200px; border-radius: 0 3px 3px 0; background: #00708A; visibility: hidden; opacity: 0; color: #fff; -webkit-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; } .catalog .col.col3:nth-child(4n) .catalogItemInfoBlock { left: auto; right: 100%; } .catalogItemInfoBlock ul { padding-left: 20px; } .catalogItemInfoBlock li { margin-bottom: 15px; } .catalogItemInfoBlock.open { opacity: 1; visibility: visible; -webkit-transform: none; transform: none; } /* ============================ Переключатель страниц */ .pager {} .pager a { -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; } .pagePrev {} .pageNext {} .pager li:hover > a, .pager li.cms_current > a {} /* ============================ Подвал */ .footer { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background: #000; padding: 30px 0 60px; color: #fff; font-size: 16px; } .footer .infoBlock { margin-left: 30px; } .footer .tel, .footer .email { color: #fff; } .footer .telephones { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMA5hXcW6ZyC7s0R+3qwX9sGfhiMU5NPhAG4NGAJhAKFw4AAACQSURBVHgBZZBJdsMgFASLGc1zosT+97+mDf9JG9US+jXVUEhx6KQbYkLBm7Bb7B6MpzK6DWVzY004y4V1HpJpULxbafpfpnDdiwiEidyipCx/0GbM3RIlwmxYUPiRHjgXzdhyIG9qpvSsS36JtFB7ylvyxahmmKrP2v9HCsXn4ay7LuvGjff2Yz7nQ7c//+cDo6YGdkvv+vgAAAAASUVORK5CYII='); } .footer .contacts { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAY1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+aRQ2gAAAAIHRSTlMAtOYUvG5NgVr17Ay5NN3IwaakSKgyGd7azJdcBqddGo5HeYIAAACbSURBVBjTZZBJDoMwEATLuw2EfYck/v8rI0xQIlHnUk9Pc5CbOotZbXK+ePm0CmV76Um4eeBkmF0yJsWFKjfI5YMfj0xhGrCLFkLoxUJjKDroRTwQPXQFUkEsXIjBFRFGSQBCXL3wawywh9OpWu10WyUn5QidcrSATmNasFW6VVloDfc++PK/8wvATZc1lO76vbHvfbSN3ID7Ph8FWAiJsJZqfwAAAABJRU5ErkJggg=='); } .footer .address { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMA5tymbjUVTQvuWrp/Y0j56sAwGQWVXBDBnJFdURrF2GO1AAAAlElEQVQYGQXBhWEDMRAAMJn9GE759h+zEpj1tsRyqxNgTWV0fZS0Anu+A+55hzV3AD2/manhyJEPtOuHWnBEpIgDpdpORAwjLjg3qSMCEXgkF4h4tVcEnhep4zsiIr7wSLYTz2tELBPnpha4R0SDUs3UYORfaNcP1twB9PwDe26AlndgTWX8PR+jpDfArJ9LLLc64R+xPwgGEcgv9wAAAABJRU5ErkJggg=='); } /* ============================ РљРЅРѕРїРєР° наверх */ .pageUp { position: fixed; bottom: 100px; right: 10px; z-index: 1000; display: none; padding: 0 10px; height: 40px; font-size: 12px; font-weight: bold; -webkit-transition: none; transition: none; } .pageUp:before { display: inline-block; margin-right: 10px; border: 7px solid transparent; border-bottom-color: #fff; content: ''; } /*CUSTOM AV*/ .categoryProducts { border: 1px solid #c0c0c0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .categoryProducts:hover { box-shadow: 0 0 3px #999; } .bazz-widget-form label { font-size: 14px !important; } .buzz-personal-agreement{ width: 100% !important; font-size: 10px !important; text-align: center !important; line-height: 1 !important; margin-top: -10px !important; } .buzz-personal-agreement input{ width: 10px !important; height: 10px; margin-right: 5px; } #menu-menyu-sleva .sub-menu{ display: none; } #menu-menyu-sleva .current-menu-item .sub-menu, #menu-menyu-sleva .current-menu-ancestor .sub-menu{ display: block; list-style: none; padding: 0px; margin-left: 64px; } #menu-menyu-sleva .sub-menu li.current_page_item a, #menu-menyu-sleva .sub-menu a:hover{ text-decoration: underline; } .button-line{ text-align: center; padding: 32px 0px; } .product-price{ font-size: 32px; font-weight: bold; padding-bottom: 24px; } .product-but{ font-size: 20px; padding: 8px 32px; } .cost-form, .cost-form *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cost-form{ font-size: 16px; margin-top: 20px; padding: 20px 0; border-top: 1px solid #BFBFBF; } .cost-form-title{ text-align: center; font-size: 20px; text-transform: uppercase; font-weight: bold; color: #06708a; padding-bottom: 20px; } .cost-form-text{ text-align: center; padding-bottom: 20px; } .cost-form-row{ font-size: 0; margin: 0 -10px; } .cost-form-label{ width: 220px; padding: 0 10px; font-size: 16px; vertical-align: middle; display: inline-block; text-align: right; } .cost-form-value{ width: calc(100% - 230px); padding: 0 10px; font-size: 16px; vertical-align: middle; display: inline-block; } .cost-form-value .wpcf7-form-control-wrap{ } .cost-form-value .jq-selectbox{ width: 50%; } .jq-selectbox__select{ border: 1px solid #06708a; height: 26px; line-height: 24px; padding-left: 8px; } .jq-selectbox__select-text{ padding-right: 24px; position: relative; } .jq-selectbox__select-text::after{ content: "▼"; position: absolute; right: 0; width: 24px; text-align: center; background-color: #06708a; color: #FFF; font-size: 14px; } .jq-selectbox__trigger{} .jq-selectbox__dropdown{ width: 100%; } .jq-selectbox__dropdown ul{ margin: 0; background-color: #06708a; color: #FFFFFF; padding: 0; } .jq-selectbox__dropdown ul li{ padding: 0 8px; line-height: 26px; } .jq-selectbox__dropdown ul li:hover{ background-color: #10b8e4; } .cost-form-value input[type="text"], .cost-form-value input[type="email"], .cost-form-value input[type="tel"], .cost-form-value textarea{ border: 1px solid #06708a; width: 100%; height: 26px; padding: 0 8px; } .cost-form-value textarea{ height: 80px; } .cost-form-value span.wpcf7-list-item.first{ margin: 0; } .cost-form-value label{} .cost-form-value .wpcf7-list-item-label{} .cost-form-value input[type="radio"]{ vertical-align: top; width: 17px; height: 17px; margin: 0 3px 0 0; } .cost-form-value input[type="radio"]+.wpcf7-list-item-label { cursor: pointer; } .cost-form-value input[type="radio"]:not(checked) { position: absolute; opacity: 0; } .cost-form-value input[type="radio"]:not(checked)+.wpcf7-list-item-label { position: relative; padding: 0 0 0 35px; } .cost-form-value input[type="radio"]:not(checked)+.wpcf7-list-item-label:before { content: ''; position: absolute; top: -3px; left: 0; width: 22px; height: 22px; border: 1px solid #06708a; border-radius: 50%; background: #FFF; } .cost-form-value input[type="radio"]:not(checked)+.wpcf7-list-item-label:after{ content: ''; position: absolute; top: 2px; left: 5px; width: 12px; height: 12px; border-radius: 50%; background: #06708a; opacity: 0; transition: all .2s; } .cost-form-value input[type="radio"]:checked+.wpcf7-list-item-label:after { opacity: 1; } .cost-form-value input[type="checkbox"]{ vertical-align: top; margin: 0 3px 0 0; width: 17px; height: 17px; } .cost-form-value input[type="checkbox"]+.wpcf7-list-item-label { cursor: pointer; } .cost-form-value input[type="checkbox"]:not(checked) { position: absolute; opacity: 0; } .cost-form-value input[type="checkbox"]:not(checked)+.wpcf7-list-item-label{ position: relative; padding: 0 0 0 36px; } .cost-form-value input[type="checkbox"]:not(checked)+.wpcf7-list-item-label:before{ content: ''; position: absolute; top: -4px; left: 0; width: 26px; height: 26px; background: transparent; border: 1px solid #06708a; } .cost-form-value input[type="checkbox"]:not(checked)+.wpcf7-list-item-label:after{ } .cost-form-value input[type="checkbox"]:checked+.wpcf7-list-item-label:before { } .cost-form-value input[type="checkbox"]:checked+.wpcf7-list-item-label:after { content: '✓'; position: absolute; top: -2px; left: 4px; width: 20px; height: 24px; border-radius: 10px; color: #06708a; text-align: center; font-size: 32px; line-height: 10px; } .cost-form-value .your-count{ display: block; width: 26px; } .cost-form-value .your-count input{ padding: 0; text-align: center; color: #FFFFFF; background-color: #06708a; } .button-count-plus{ cursor:pointer; padding: 0; border: 0; background-color: transparent; display: block; width: 100%; text-align: center; } .button-count-plus::after{ content: ''; border: 6px solid transparent; border-bottom: 6px solid #06708a; display: inline-block; vertical-align: bottom; margin-bottom: 1px; } .button-count-minus{ cursor:pointer; padding: 0; border: 0; background-color: transparent; display: block; width: 100%; text-align: center; } .button-count-minus::after{ content: ''; border: 6px solid transparent; border-top: 6px solid #06708a; display: inline-block; vertical-align: top; margin-top: 1px; } .cost-form-button{} .cost-form-button input{ border: 0; background-color: #06708a; color: #FFFFFF; text-transform: uppercase; height: 34px; display: inline-block; width: 300px; } .cost-form-button input:focus, .cost-form-button input:hover{ background-color: #10b8e4; } /* end ysclifts-style-css*/ /* ysclifts-responsive-style-css */ @charset "utf-8"; .menu-toggler{ display: none } .catalogItem img { display: inline-block; margin: 0 auto; } @media (max-width: 1199px) { .container { width: 972px; } .sidebarLeft { width: 300px; } .sidebarLeft+.content { width: calc(100% - 300px); } .col.col4:not(.no-s) { max-width: 50%; -webkit-flex-basis: 50%; -ms-flex-basis: 50%; flex-basis: 50%; } .col3 { -webkit-flex-basis: 33.33%; -ms-flex-basis: 33.33%; flex-basis: 33.33%; max-width: 33.33%; } .col8 { -webkit-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } } @media (max-width: 991px) { .container { width: 748px; } .headerBody .col { -webkit-flex-basis: 25%; -ms-flex-basis: 25%; flex-basis: 25%; max-width: 25%; } .telephones { font-size: 14px; } .address { font-size: 14px; } form.search { width: 166px; } .logo.headerLogo img { width: 120px; } a.logo.headerLogo {} .catalogItemImg { height: 150px; } footer>.container>.row>.col { width: 100%; text-align: center; } .sidebarLeft { width: 240px; } .sidebarLeft+.content { width: calc(100% - 240px); } .cost-form-button input { width: 100%; } .cost-form-value span.wpcf7-list-item { width: 100%; display: block; padding: 5px 0; margin: 0; } .cost-form-value .jq-selectbox { width: 100%; } .col.col4:not(.no-s) { max-width: 100%; -webkit-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; } .col3 { -webkit-flex-basis: 50%; -ms-flex-basis: 50%; flex-basis: 50%; max-width: 50%; } } @media (max-width: 767px) { .container { width: 100%; } #topMenu>ul { display: none; } .menu-toggler { border: 2px solid #FFFFFF; border-radius: 5px; padding: 5px; display: inline-block; background-color: transparent; margin: 10px 20px; width: 40px; } .menu-toggler>span { display: block; height: 2px; background-color: #FFFFFF; margin: 5px 0; } #topMenu>ul.active { display: block; } #topMenu>ul.active a { text-align: left; padding: 15px 20px; } .headerBody .col:nth-child(3), .headerBody .col:nth-child(4) { display: none; } .headerBody .col { -webkit-flex-basis: 50%; -ms-flex-basis: 50%; flex-basis: 50%; max-width: 50%; } .col4 { -webkit-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } footer .col { width: 100%; } .footer .infoBlock { display: inline-block; } .sidebarLeft { width: 100%; padding: 0; } .sidebarLeft+.content { width: 100%; padding: 0; } } @media (max-width: 575px) { .headerBody .col:first-child { -webkit-flex-basis: 35%; -ms-flex-basis: 35%; flex-basis: 35%; max-width: 35%; } .headerBody .col:nth-child(2) { -webkit-flex-basis: 65%; -ms-flex-basis: 65%; flex-basis: 65%; max-width: 65%; } .col3 { -webkit-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } .cost-form-label { width: 100%; text-align: left; } .cost-form-value { width: 100%; } footer .col { text-align: left; } .footer .infoBlock { margin-left: 0; } .col6 { -webkit-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } } /* end ysclifts-responsive-style-css */ .broken_link, a.broken_link { text-decoration: line-through; } /* wp-custom-css*/ h2 { font-size: 24px; margin-top: 25px; } h4 { font-size: 18px; margin-top: 25px; } .pageTitle:not(.main-title), .pageTitle h1 { text-transform: uppercase; font-size: 20px; border-bottom: 1px solid #C2CBD0; padding-bottom: 13px; margin-top: 0; } /* end wp-custom-css*/ .telephones a .b {font-weight:bold;} .brandsList {} .brandsList > div {margin-bottom:18px;} .brandsList > div > div {} .brandsList a.img {height:120px;display: flex;align-items: center;} .brandsList a.img img {max-width:240px; max-height:110px;margin:auto;display:block;} .brandCarousel {position:relative;} .brandOnPage {} .brandsList.brandCarousel a.img, .brandsList.brandOnPage a.img {height:230px;} .brandsList.brandCarousel a.img img, .brandsList.brandOnPage a.img img {max-height:220px;} .aboutCertCarousel {position: relative;} .aboutCertCarousel .categoryProducts {height:310px;align-items: center;display: flex;flex-wrap: wrap;justify-content: center;padding-bottom: 30px;} .aboutCertCarousel .categoryProducts img {max-height: 280px;} .aboutCertCarousel .categoryProducts span { /*height: 30px;*/ position: absolute; bottom: 5px;margin:0 30px;} #swipebox-bottom-bar {-webkit-transform: translate3d(0,0,0)!important;transform: translate3d(0,0,0)!important;top:0!important; background:rgba(0,0,0,.5);} #swipebox-arrows { width: 82%; max-width: 82%; } /* End */ /* /local/templates/lift/components/bitrix/menu/top-new/style.css */ /* /local/templates/lift/template_styles.css */