/* Theme Name: comuedu.ru.new Author: comuedu.ru */ /* ========================================================================== FONTS ========================================================================== */ @font-face { font-family: 'HelveticaNeueCyr'; src: url('fonts/helveticaneuecyr-bold_1-webfont.woff2') format('woff2'), url('fonts/helveticaneuecyr-bold_1-webfont.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'HelveticaNeueCyr'; src: url('fonts/helveticaneuecyr-light_0-webfont.woff2') format('woff2'), url('fonts/helveticaneuecyr-light_0-webfont.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'HelveticaNeueCyr'; src: url('fonts/helveticaneuecyr-lightitalic_0-webfont.woff2') format('woff2'), url('fonts/helveticaneuecyr-lightitalic_0-webfont.woff') format('woff'); font-weight: 300; font-style: italic; } @font-face { font-family: 'HelveticaNeueCyr'; src: url('fonts/helveticaneuecyr-medium_1-webfont.woff2') format('woff2'), url('fonts/helveticaneuecyr-medium_1-webfont.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'HelveticaNeueCyr'; src: url('fonts/helveticaneuecyr-roman_0-webfont.woff2') format('woff2'), url('fonts/helveticaneuecyr-roman_0-webfont.woff') format('woff'); font-weight: 400; font-style: normal; } /* ========================================================================== NORMALIZE ========================================================================== */ html { font-family: "HelveticaNeueCyr", Helvetica, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, .wp-caption-text, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } li img { padding: 10px 0 5px; } .aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;} .alignleft {float: left; margin: 0px 15px 10px 0px;} .alignright {float: right; margin: 0px 0px 10px 15px;} svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* ========================================================================== COMMON ========================================================================== */ html * { max-height: 1000000px; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { color: #222; font-size: 1em; line-height: 1.4; } body { background: #f1f2f4; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #a6a4a4; opacity: 1; } input::-moz-placeholder, textarea::-moz-placeholder { color: #a6a4a4; opacity: 1; } input:-moz-placeholder, textarea:-moz-placeholder { color: #a6a4a4; opacity: 1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #a6a4a4; opacity: 1; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: transparent; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: transparent; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color: transparent; } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: transparent; } h1, h2, h3, h4, h5, h6 { font: inherit; margin: 0; padding: 0; } ul, ol, li { list-style-type: none; margin: 0; padding: 0; } .buy {padding:10px; margin:5px; border: 2px solid #1486c2; } .buy:hover {border: 2px solid #7ca636;} .buy a { font-weight: 800; text-decoration: none; font-size: 18px; color: #1486c2;} .buy a:hover {color:#7ca636} /* ========================================================================== HELPER CLASSES ========================================================================== */ .cnt { margin: auto; } @media (min-width: 768px) { .cnt { width: 680px; } } @media (min-width: 1070px) { .cnt { width: 1030px; } } .hidden { display: none; } .unselectable { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; } .clearfix:before, .clearfix:after, .cnt:before, .cnt:after { content: " "; display: table; } .clearfix:after, .cnt:after { clear: both; } body:after { content: url(img/icon-more-hover.png) url(img/prev-hover.png) url(img/next-hover.png) url(img/icon-arr-hover.png) url(img/icon-down-hover.png) url(img/icon-up-hover.png) url(img/icon-more-big.png) url(img/prev3-hover.png) url(img/next3-hover.png) url(img/icon-menu-hover.png) url(img/icon-category-hover.png) ; display: none; } /* ========================================================================== HEADER ========================================================================== */ .header { padding: 12px 0; background: #fff; } .header__logo { float: left; width: 293px; } .header__logo img { display: block; width: 100%; height: auto; } .header__search { float: right; margin-right: 17px; margin-top: 11px; position: relative; } .header__search:before { content: ''; position: absolute; height: 10px; width: 1px; background: #e5e5e5; left: -16px; top: 1px; } .header__search a { display: block; width: 12px; height: 13px; background: url(img/icon-search.png) no-repeat; } .header__search span { width: 36px; height: 36px; line-height: 36px; position: absolute; right: -36px; top: 0; text-decoration: none; text-align: center; color: #f00; font-style: normal; font-size: 36px; font-family: Arial, Baskerville, monospace; cursor: pointer; } .header__search form { position: absolute; right: -17px; top: -12px; z-index: 2; display: none; } .header__search input[type="text"] { width: 314px; height: 36px; border: 1px solid #e5e5e5; padding-left: 18px; padding-right: 44px; color: #000; font-size: 13px; line-height: 34px; font-weight: 300; background: #fff; outline: none; } .header__search input[type="submit"] { position: absolute; top: 12px; right: 17px; width: 12px; height: 13px; background: url(img/icon-search.png) no-repeat; border: none; font-size: 0; } .header__nav { float: right; margin-top: 11px; margin-right: 30px; } .header__nav ul { font-size: 0; } .header__nav li { display: inline-block; } .header__nav a { color: #000; font-size: 13px; font-weight: 500; text-transform: uppercase; text-decoration: none; display: block; line-height: 1; } .header__nav a:hover { color: #0c71a6; } .header__nav li + li { padding-left: 40px; position: relative; } .header__nav li + li:before { content: ''; position: absolute; height: 10px; width: 1px; background: #e5e5e5; left: 18px; top: 1px; } .header__button { cursor: pointer; display: none; float: right; width: 13px; height: 13px; float: right; background: url(img/icon-button.png) no-repeat; margin-right: 24px; margin-top: 9px; } /* ========================================================================== NAV ========================================================================== */ .nav { height: 36px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; } .nav__left { float: left; font-size: 0; color: #6a6b73; font-size: 14px; font-weight: 300; line-height: 33px; margin-left: 23px; } .nav__left a { color: #6a6b73; text-decoration: none; } .nav__left a:hover { color: #151517; text-decoration: underline; } .icon1:before { content: ''; display: inline-block; vertical-align: middle; width: 12px; height: 12px; background: url(img/icon1.png) no-repeat; margin-right: 10px; position: relative; top: -2px; } .icon2:before { content: ''; display: inline-block; vertical-align: middle; width: 11px; height: 11px; background: url(img/icon2.png) no-repeat; margin-right: 10px; position: relative; top: -2px; } .icon3:before { content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 11px; background: url(img/icon3.png) no-repeat; margin-right: 10px; position: relative; top: -2px; } .icon4:before { content: ''; display: inline-block; vertical-align: middle; width: 10px; height: 12px; background: url(img/icon4.png) no-repeat; margin-right: 10px; position: relative; top: -2px; } .icon5:before { content: ''; display: inline-block; vertical-align: middle; width: 10px; height: 13px; background: url(img/icon5.png) no-repeat; margin-right: 10px; position: relative; top: -2px; } .icon6:before { content: ''; display: inline-block; vertical-align: middle; width: 10px; height: 10px; background: url(img/icon6.png) no-repeat; margin-right: 10px; position: relative; top: -2px; } .icon7:before { content: ''; display: inline-block; vertical-align: middle; width: 11px; height: 10px; background: url(img/icon7.png) no-repeat; margin-right: 10px; position: relative; top: -2px; } .nav__center { float: left; margin-left: 43px; } .nav__center ul { font-size: 0; } .nav__center li { display: inline-block; line-height: 33px; color: #6a6b73; font-size: 14px; font-weight: 300; } .nav__center li + li { margin-left: 45px; } .nav__center a { text-decoration: none; color: #6a6b73; } .nav__center a:hover { color: #151517; text-decoration: underline; } .nav__right { float: right; } .nav__right a { display: block; color: #99c45a; font-size: 14px; font-weight: 300; text-decoration: none; height: 34px; line-height: 33px; width: 157px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; text-align: center; } .nav__right a:hover { background-color: #f8faf5; } .nav__right a:before { content: ''; display: inline-block; vertical-align: middle; width: 11px; height: 11px; background: url(img/icon-plus.png) no-repeat; margin-right: 12px; top: -2px; position: relative; } .nav__button { display: none; float: left; height: 30px; width: 34px; padding-right: 9px; background: url(img/icon-d.png) no-repeat right 6px; margin-top: 9px; margin-left: 7px; } .nav__button.active { background: url(img/icon-u.png) no-repeat right 5px; } /* ========================================================================== SLIDER ========================================================================== */ .slider { margin: 10px 0; background-image: url(img/slide.jpg); background-repeat: no-repeat; background-position: top center; -webkit-background-size: cover; background-size: cover; border-radius: 4px; height: 260px; } .slider__item { height: 260px; background-position: top center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; padding-top: 54px; border-radius: 4px; } .slider__title { color: #4b4f52; font-size: 26px; line-height: 1; font-weight: 300; text-align: center; margin-bottom: 24px; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; backface-visibility: hidden; } .slider__title-inner { position: relative; display: inline-block; padding: 0 0 0 70px; text-align: left; } .slider__title b { color: #1a1b1c; font-size: 30px; font-weight: 700; display: inline-block; background: rgba(255,255,255,0.93); height: 33px; line-height: 33px; padding: 0 20px; position: relative; } .slider__title span { display: inline-block; background: rgba(255,255,255,0.93); height: 33px; line-height: 30px; padding: 0 20px; } .slider__title .slider__label { position: absolute; color: #fff; font-size: 11px; font-weight: 300; height: 25px; top: -25px; line-height: 25px; padding: 0 10px; background: #1486c2; border-radius: 12px; text-transform: uppercase; letter-spacing: 0.5px; left: 100%; } .btn-more { font-size: 0; line-height: 1; text-align: center; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; backface-visibility: hidden; } .btn-more a { display: inline-block; width: 173px; height: 40px; background-color: rgba(255, 255, 255, 0.14); border: 1px solid rgba(229, 229, 229, 0.38); color: #fff; font-size: 14px; font-weight: 700; line-height: 38px; text-decoration: none; text-transform: uppercase; letter-spacing: 0.5px; position: relative; padding-right: 5px; border-radius: 4px; } .btn-more a:hover { background-color: rgba(255, 255, 255, 0.79); color: #545454; } .btn-more a:after { content: ''; position: absolute; width: 7px; height: 12px; top: 14px; right: 14px; background: url(img/icon-more.png) no-repeat; } .btn-more a:hover:after { background: url(img/icon-more-hover.png) no-repeat; } .slider .owl-carousel { height: 100%; } .slider .owl-prev, .slider .owl-next { position: absolute; top: 0; bottom: 0; width: 55px; height: 55px; margin: auto 0; font-size: 0; background-position: 0 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } .slider .owl-prev { left: 24px; background-image: url(img/prev.png); } .slider .owl-next { right: 24px; background-image: url(img/next.png); } .slider .owl-prev:hover { background-image: url(img/prev-hover.png); } .slider .owl-next:hover { background-image: url(img/next-hover.png); } .slider_secondary { height: 200px; background-image: url(img/slide-small.jpg); } .slider_secondary .slider__item { height: auto; padding-top: 40px; } .slider_secondary .slider__title { font-size: 30px; line-height: 1.2; color: #080808; text-shadow: 0 0 7px #fff, 0 0 10px #fff; } .slider_secondary .slider__title b { height: auto; padding: 0; background-color: transparent; line-height: inherit; } .slider_secondary .slider__title span { height: auto; padding: 0; background-color: transparent; line-height: inherit; } .slider_secondary .slider__title .slider__label { top: 5px; left: 0; width: 50px; height: 60px; margin-left: 0; background: url(img/calc1.png) 0 0 no-repeat; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.31); } .slider_secondary .btn-more a { border: 1px solid rgba(229, 229, 229, 0.86); background-color: rgba(255, 255, 255, 0.42); color: #474747; } .slider_secondary .btn-more a:after { background: url(img/icon-more-hover.png) no-repeat; } .slider_secondary .btn-more a:hover { background-color: rgba(255, 255, 255, 0.79); color: #545454; } .slider_secondary .btn-more a:hover:after { background: url(img/icon-more-hover.png) no-repeat; } .slider_secondary .owl-prev { width: 35px; height: 35px; left: 8px; } .slider_secondary .owl-next { width: 35px; height: 35px; right: 8px; } /* ========================================================================== ARTICLES ========================================================================== */ .articles { margin: 10px 0; } .articles__items { text-align: justify; line-height: 0; font-size: 0; /* text-justify: newspaper;*/ /* zoom:1;*/ text-align-last: justify; } .articles__items:after { width: 100%; height: 0px; visibility: hidden; overflow: hidden; content: ''; display: inline-block; } .articles__item { display: inline-block; line-height: normal; vertical-align: top; background: #fff; border-radius: 4px; overflow: hidden; height: 335px; position:relative; z-index:1; text-align: left !important; text-align-last: left !important; } .articles__img { margin-bottom: 11px; height: 192px; position: relative; border-radius: 4px 4px 0 0; z-index:1; } .articles__img img { position: absolute; top: 0; left: 0; text-align: center; width: 100%; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; backface-visibility: hidden; } .articles__img img:hover { opacity: 0.8; filter: alpha(opacity=80); } .articles_mini .articles__img { height: 200px; } .articles_mini .articles__img img { width: auto; margin-left: -100px; left: 50%; } .articles__name { color: #000; font-size: 14px; font-weight: 400; line-height: 17px; margin-bottom: 10px; } .articles_big .articles__item { height: 335px; width: 250px; } .articles_big .articles__name { height: 50px; } .articles_mini { height: 327px; } .articles_mini .articles__item { height: 327px; width: 202px; } .articles_mini .articles__name { height: 67px; margin-bottom: 14px; } .articles__name a { text-decoration: none; color: #000; } .articles__name a:hover { text-decoration: underline; } .articles__info { padding-left: 17px; padding-right: 13px; } .articles_mini .articles__info { padding-left: 12px; padding-right: 12px; } .artices__category { line-height: 1; color: #1486c2; font-size: 13px; font-weight: 300; line-height: 1; /*text-transform: uppercase;*/ margin-bottom: 14px; } .artices__category a { color: #1486c2; text-decoration: none; } .artices__category a:hover { color: #7ca636; } /*.artices__category a:after { content: ''; width: 4px; height: 6px; background: url(img/icon-arr.png) no-repeat; display: inline-block; vertical-align: middle; position: relative; top: -2px; margin-left: 6px; }*/ .artices__category a:hover:after { background: url(img/icon-arr-hover.png) no-repeat; } .articles__date { color: #a1a7aa; font-size: 13px; font-weight: 300; line-height: 1; text-transform: uppercase; } .articles__date:before { content: ''; display: block; width: 25px; height: 2px; background: #f0eded; margin-bottom: 9px; } .articles_mini .articles__date:before { margin-bottom: 5px; } .articles .owl-nav { display: none; } .articles .owl-prev { font-size: 0; position: absolute; left: 10px; top: 81px; width: 16px; height: 30px; background: url(img/prev2.png) no-repeat top center; } .articles .owl-next { font-size: 0; position: absolute; right: 10px; top: 81px; width: 16px; height: 30px; background: url(img/next2.png) no-repeat top center; } .articles_mini .owl-prev { top: 87px; } .articles_mini .owl-next { top: 87px; } .articles__block { display: none; } .articles__block.active { display: block; } .articles_inner { margin: 0; } .articles_inner + .articles_inner { margin-top: 23px; } .articles_inner .articles__items { margin-top: -10px; } .articles_inner .articles__item { width: 216px; position: static; height: auto; margin-top: 10px; border: 1px solid #d3dadd; border-radius: 0 0 4px 4px; } .articles_inner .articles__info { height: 150px; padding-left: 12px; padding-right: 10px; padding-top: 13px; } .articles_inner .articles__img { height: auto; margin-bottom: 0; } .articles_inner .articles__img { position: static; } .articles_inner .articles__img img { position: static; display: block; width: 100%; height: auto; border-radius: 4px 4px 0 0; } .text + .articles { margin-top: 29px; } .articles__title { color: #000; font-family: HelveticaNeueCyr, Helvetica; font-size: 22px; font-weight: 300; line-height: 26px; margin-bottom: 14px; } .articles__all { text-align: center; line-height: 1; position: relative; margin-top: 28px; } .articles__all:after { content: ''; position: absolute; height: 1px; left: 0; right: 0; background: #e5e5e5; top: 50%; } .articles__all span { padding-left: 18px; padding-right: 18px; display: inline-block; background: #fff; position: relative; z-index: 1; } .articles__all a { width: 216px; height: 42px; background-color: #fff; border: 1px solid #dcdfe1; color: #727272; font-size: 16px; font-weight: 300; line-height: 40px; text-align: center; display: inline-block; text-decoration: none; border-radius: 4px; position: relative; z-index: 1; } .articles__all a:hover { background-color: #4f789a; color: #fff; } /* ========================================================================== CALCS ========================================================================== */ .calcs { margin-top: 30px; } .calcs__items { font-size: 0; line-height: 0; /* zoom: 1;*/ word-spacing: 20px; text-align: center; } .calcs__item { display: inline-block; width: 330px; margin-bottom: 20px; border: 1px solid #d3dadd; border-radius: 4px; font-size: 14px; line-height: 1.4; text-align: left; word-spacing: normal; } .calcs__img img { display: block; width: 100%; height: auto; } .calcs__info { position: relative; padding: 20px 15px 15px 15px; } .calcs__name { padding-right: 25px; } .calcs__name a { position: relative; display: inline-block; padding: 0 0 0 30px; color: #0f75ab; text-decoration: none; } .calcs__name a b { display: block; text-transform: uppercase; } .calcs__name a:before { position: absolute; top: 4px; left: 0; width: 18px; height: 23px; background: url(img/calc1.png) 0 0 no-repeat; background-size: contain; content: ''; } .calcs__icon { position: absolute; top: 20px; right: 15px; width: 25px; height: 25px; background: url(img/next-hover.png) no-repeat top center; background-size: contain; text-decoration: none; } /* ========================================================================== LIST ========================================================================== */ .list { margin: 10px 0; } .list__column { width: 345px; float: left; } .list__column + .list__column { width: 310px; margin-left: 10px; } .list__column + .list__column + .list__column { width: 355px; margin-left: 10px; } .list__item { position: relative; background: #fff; } .list__item + .list__item { margin-top: 10px; } .list__block { background: #fff; padding-left: 23px; padding-right: 21px; padding-top: 11px; border-radius: 4px; } .list .list__block.active { position: absolute; left: 0; right: 0; top: 0; height: 344px; z-index: 2; box-shadow: 0 0 15px rgba(0, 0, 0, 0.26); } .list .list__block.active .list__goods { height: 250px; } .list__title { color: #1486c2; font-size: 20px; line-height: 24px; font-weight: 500; border-bottom: 1px solid #ededed; padding-bottom: 13px; margin-bottom: 8px; } .list__title a { color: #1486c2; text-decoration: none; } .list__title a:hover { color: #0c4d6f; } .list__goods { color: #4b5052; font-size: 14px; font-weight: 300; line-height: 25px; margin-bottom: 8px; } .list__goods li { padding-left: 17px; position: relative; } .list__goods li:before { content: ''; position: absolute; width: 2px; height: 3px; background: url(img/icon-li.png) no-repeat; left: 5px; top: 10px; } .list__goods a { text-decoration: none; color: #4b5052; } .list__goods a:hover { color: #1a1c1d; text-decoration: underline; } .list__more { color: #a0a9ad; font-size: 14px; font-weight: 300; line-height: 1; padding-left: 1px; } .list__more span { color: #a0a9ad; text-decoration: none; cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; /* user-select: none;*/ } .list__more i { display: none; font-style: normal; } .list__more i:first-child { display: inline; } .list__more span:hover { color: #1486c2; } .list__more span:before { content: ''; display: inline-block; vertical-align: middle; width: 7px; height: 4px; background: url(img/icon-down.png) no-repeat; margin-right: 9px; position: relative; top: -1px; } .list__more a:hover:before { background: url(img/icon-down-hover.png) no-repeat; } .list__block.active .list__more span:before { background: url(img/icon-up.png) no-repeat; top: -2px; } .list__block.active .list__more span:hover:before { background: url(img/icon-up-hover.png) no-repeat; } .list__block.active .list__more i { display: inline; } .list__block.active .list__more i:first-child { display: none; } .list__item_i1 { height: 246px; } .list__item_i1 .list__block { height: 246px; } .list__item_i1 .list__goods { height: 150px; overflow: hidden; } .list__item_i1:after { content: ''; position: absolute; width: 45px; height: 45px; background: url(img/i1.png) no-repeat; bottom: 19px; right: 21px; } .list__item_i2 { height: 246px; } .list__item_i2 .list__block { height: 246px; } .list__item_i2 .list__goods { height: 150px; overflow: hidden; } .list__item_i2:after { content: ''; position: absolute; width: 44px; height: 45px; background: url(img/i2.png) no-repeat; bottom: 19px; right: 21px; } .list__item_i3 { height: 326px; } .list__item_i3 .list__block { height: 326px; } .list__item_i3 .list__goods { height: 230px; overflow: hidden; } .list__item_i3:after { content: ''; position: absolute; width: 45px; height: 43px; background: url(img/i3.png) no-repeat; bottom: 19px; right: 21px; } .list__item_i4 { height: 166px; } .list__item_i4 .list__block { height: 166px; } .list__item_i4 .list__goods { height: 75px; overflow: hidden; } .list__item_i4:after { content: ''; position: absolute; width: 59px; height: 45px; background: url(img/i4.png) no-repeat; bottom: 19px; right: 21px; } .list__item_i5 { height: 158px; } .list__item_i5 .list__block { height: 158px; } .list__item_i5 .list__goods { height: 70px; overflow: hidden; } .list__item_i5:after { content: ''; position: absolute; width: 54px; height: 45px; background: url(img/i5.png) no-repeat; bottom: 19px; right: 21px; } .list__item_i6 { height: 158px; } .list__item_i6 .list__block { height: 158px; } .list__item_i6 .list__goods { height: 70px; overflow: hidden; } .list__item_i6:after { content: ''; position: absolute; width: 49px; height: 45px; background: url(img/i6.png) no-repeat; bottom: 19px; right: 21px; } .list__item_i7 { height: 166px; } .list__item_i7 .list__block { height: 166px; } .list__item_i7 .list__goods { height: 72px; overflow: hidden; } .list__item_i7:after { content: ''; position: absolute; width: 44px; height: 38px; background: url(img/i7.png) no-repeat; bottom: 19px; right: 21px; } .list__button { position: absolute; width: 18px; height: 10px; background: url(img/icon-down-big.png) no-repeat; top: 15px; right: 15px; cursor: pointer; display: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; /* user-select: none;*/ } .list__button.active { background: url(img/icon-up-big.png) no-repeat; } .list__item_hidden { display: none; } .list__item_hidden .list__title:after { content: ''; position: absolute; width: 10px; height: 18px; background: url(img/icon-more-big.png) no-repeat; top: 11px; right: 15px; } /* ========================================================================== TABS ========================================================================== */ .tabs { margin: 10px 0; } .tabs ul { text-align: center; font-size: 0; margin-left: -3px; } .tabs li { margin-left: 3px; display: inline-block; vertical-align: top; } .tabs a { height: 36px; background-color: #394151; border-radius: 4px; color: #fff; font-size: 13px; font-weight: 300; text-transform: uppercase; line-height: 36px; display: block; text-decoration: none; text-align: center; text-align: center !important; text-align-last: center !important; letter-spacing: 0.5px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; /* user-select: none;*/ } .tabs a:hover { background-color: rgba(57, 65, 81, 0.54); } .tabs a.active { background-color: #1486c2; } .tabs__link1 { width: 115px; } .tabs__link2 { width: 203px; } .tabs__link3 { width: 146px; } .tabs__link4 { width: 153px; } .tabs__link5 { width: 124px; } .tabs__link6 { width: 134px; } .tabs__link7 { width: 137px; } .tabs__button { display: none; height: 36px; background-color: #394151; color: #fff; font-family: HelveticaNeueCyr, Helvetica; font-size: 13px; font-weight: 300; line-height: 36px; text-transform: uppercase; position: relative; padding-left: 20px; } .tabs__button:after { content: ''; position: absolute; width: 18px; height: 10px; background: url(img/icon-down-big.png) no-repeat; top: 14px; right: 14px; cursor: pointer; } .tabs__button.active:after { background: url(img/icon-up-big.png) no-repeat; } /* ========================================================================== REVIEWS ========================================================================== */ .left { float: left; } .right { float: right; } .block { padding-left: 25px; padding-right: 25px; padding-top: 10px; background: #fff; border-radius: 4px; padding-bottom: 1px; } .block__top { border-bottom: 1px solid #e5e5e5; padding-bottom: 9px; } .title { line-height: 1; color: #313439; font-size: 22px; font-weight: 500; padding-top: 5px; } .title_master{ line-height: 1; color: #313439; font-size: 18px; font-weight: 500; padding-top: 5px; } .title div { display: inline-block } .title span { color: #9a9b9d; font-size: 14px; font-weight: 300; margin-left: 6px; margin-right: 6px; } .visible-mobile { display: none; } .title a { color: #9a9b9d; font-size: 14px; font-weight: 300; text-decoration: none; } .title a:hover { color: #4c4d4e; text-decoration: underline; } .add-review { line-height: 1; } .add-review a { display: inline-block; width: 165px; height: 32px; color: #99c45a; font-size: 14px; font-weight: 300; text-decoration: none; line-height: 32px; text-align: center; } .add-review a:hover { background-color: #f8f8f9; } .add-review a:before { content: ''; display: inline-block; vertical-align: middle; width: 11px; height: 11px; background: url(img/icon-plus.png) no-repeat; margin-right: 12px; position: relative; top: -3px; } .reviews { margin: 10px 0; } .reviews__items { font-size: 0; margin-top: 18px; margin-left: -20px; } .reviews__item { width: 480px; display: inline-block; vertical-align: top; margin-left: 20px; margin-bottom: 19px; } .reviews__img { float: left; width: 80px; margin-right: 9px; } .reviews__img img { display: block; width: 100%; height: auto; } .reviews__img img:hover { opacity: 0.8; filter: alpha(opacity=80); } .reviews__date { line-height: 1; color: #8c9397; font-size: 14px; font-weight: 300; margin-bottom: 7px; } .reviews__caption { color: #1486c2; font-size: 16px; font-weight: 500; line-height: 19px; padding-right: 30px; margin-bottom: 6px; } .reviews__caption a { color: #1486c2; text-decoration: none; } .reviews__caption a:hover { text-decoration: underline; } .rating { font-size: 0; } .reviews .rating { margin-bottom: 10px; } .rating span { display: inline-block; vertical-align: middle; background: url(img/icon-star.png) no-repeat; width: 18px; height: 17px; } .rating span.active { background: url(img/icon-star-active.png) no-repeat; } .rating span + span { margin-left: 3px; } .reviews__text { color: #6c6e74; font-size: 14px; font-weight: 300; line-height: 17px; } .reviews__ovh { overflow: hidden; } /* ========================================================================== WORKSHOPS ========================================================================== */ .workshops { padding-bottom: 18px; margin: 10px 0; padding-top: 13px; } .workshops-search { font-size: 0; } .select { display: inline-block; vertical-align: middle; border: 1px solid #ebebeb; color: #7f848b; font-size: 14px; font-weight: 300; width: 210px; height: 30px; border-radius: 4px; -webkit-appearance: none; background-image: url(img/icon-select.png); background-position: right center; background-repeat: no-repeat; line-height: 1em; /* for FF */ -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; /* for IE */ -ms-appearance: none; /* appearance: none!important;*/ padding-left: 17px; padding-right: 37px; outline: none; } .workshops-search .select { margin-right: 12px; } select::-ms-expand { display: none; } .submit-search { width: 30px; height: 30px; background: #1486c2 url(img/icon-search-white.png) no-repeat center center; border: none; border-radius: 4px; display: inline-block; vertical-align: middle; font-size: 0; } .submit-search:hover { background-color: #4d9ac2; } .workshops__items { margin-top: 16px; margin-bottom: 15px; } .workshops__item { border: 1px dotted #f5f5f5; border-radius: 4px; height: 292px; display: block; text-decoration: none; padding-top: 20px; padding-left: 10px; padding-right: 10px; margin-bottom: 7px; } .workshops__item:hover { border-color: #cecece; box-shadow: 1.5px 2.6px 7px rgba(0, 0, 0, 0.1); } .workshops__img { width: 100px; height: 100px; border: 1px solid #ebebeb; line-height: 98px; text-align: center; margin: auto; margin-bottom: 13px; overflow: hidden; } .workshops__img img { vertical-align: middle; text-align: center; width: 98px; height: 98px; } .workshops__caption { color: #313439; font-size: 16px; font-weight: 500; line-height: 19px; text-align: center; margin-bottom:7px; } .workshops__address_sid, .workshops__address_s_sid { color:#f31214; font-size:22px; margin-bottom:20px; margin-top:20px; font-weight: 600; line-height: 17px; text-align: center; } .workshops__address { color:#313439; font-size:14px; margin-bottom:5px; margin-top:10px; font-weight: 300; line-height: 17px; text-align: center; } .workshops .rating { text-align: center; margin-bottom: 19px; } .workshops__reviews { width: 100px; margin: auto; color: #323338; font-size: 14px; font-weight: 300; line-height: 1; text-align: center; border-top: 1px solid #ededed; padding-top: 7px; } .workshops__reviews:before { content: ''; width: 12px; height: 11px; background: url(img/icon-reviews.png) no-repeat; vertical-align: middle; display: inline-block; margin-right: 8px; } .workshops__all { text-align: center; line-height: 1; position: relative; } .workshops__all:after { content: ''; position: absolute; height: 1px; left: 0; right: 0; background: #e5e5e5; top: 50%; } .workshops__all span { padding-left: 18px; padding-right: 18px; display: inline-block; background: #fff; position: relative; z-index: 1; } .workshops__all a { width: 264px; height: 42px; background-color: #fff; border: 1px solid #dcdfe1; color: #727272; font-size: 16px; font-weight: 300; line-height: 40px; text-align: center; display: inline-block; text-decoration: none; border-radius: 4px; position: relative; z-index: 1; } .workshops__all a:hover { background-color: #4f789a; color: #fff; } .workshops .owl-prev { font-size: 0; position: absolute; left: 10px; top: 123px; width: 16px; height: 30px; background: url(img/prev2.png) no-repeat top center; } .workshops .owl-next { font-size: 0; position: absolute; right: 10px; top: 123px; width: 16px; height: 30px; background: url(img/next2.png) no-repeat top center; } .workshops .owl-nav { display: none; } .workshops_inner { border-radius: 4px; background: #fff; padding-left: 19px; padding-right: 19px; padding-top: 14px; padding-bottom: 16px; margin-bottom: 10px; } .workshops_inner .workshops__item { width: 184px; margin: auto; margin-bottom: 7px; } .workshops_inner .owl-nav { display: block; } .workshops_inner .owl-prev { position: absolute; font-size: 0; left: -9px; top: 120px; width: 21px; height: 41px; background: url(img/prev3.png) no-repeat; } .workshops_inner .owl-next { position: absolute; font-size: 0; right: -9px; top: 120px; width: 21px; height: 41px; background: url(img/next3.png) no-repeat; } .workshops_inner .owl-prev:hover { background: url(img/prev3-hover.png) no-repeat 0 1px; } .workshops_inner .owl-next:hover { background: url(img/next3-hover.png) no-repeat 0 1px; } /* ========================================================================== INFO ========================================================================== */ .info { margin: 10px 0; } .info__left { width: 345px; float: left; } .info__right { float: right; width: 675px; } /* ========================================================================== FORM ========================================================================== */ .form { background: #f3f7ed; border-radius: 4px; padding-top: 17px; padding-bottom: 30px; } .form__line { font-size: 0; } .form__line + .form__line { margin-top: 15px; } .form__label { display: inline-block; vertical-align: top; width: 200px; font-family: HelveticaNeueCyr; color: #000; font-size: 16px; font-weight: 500; line-height: 36px; text-align: right; padding-right: 17px; } .form__label span { line-height: 21px; display: inline-block; vertical-align: middle; position: relative; top: -3px; } .form__input { display: inline-block; width: 440px; vertical-align: top; } .input { display: block; width: 100%; height: 36px; border: none; outline: none; color: #000; font-family: HelveticaNeueCyr; font-size: 14px; font-weight: 300; line-height: 1; padding: 0 17px; border-radius: 4px; } .input_w330 { max-width: 330px; } .textarea { display: block; width: 100%; height: 227px; border: none; outline: none; color: #000; font-family: HelveticaNeueCyr; font-size: 14px; font-weight: 300; line-height: 1; padding: 10px 17px; resize: none; border-radius: 4px; } .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder { color: #838383; opacity: 1; } .input::-moz-placeholder, .textarea::-moz-placeholder { color: #838383; opacity: 1; } .input:-moz-placeholder, .textarea:-moz-placeholder { color: #838383; opacity: 1; } .input:-ms-input-placeholder, .textarea:-ms-input-placeholder { color: #838383; opacity: 1; } .input:focus::-webkit-input-placeholder, .textarea:focus::-webkit-input-placeholder { color: transparent; } .input:focus::-moz-placeholder, .textarea:focus::-moz-placeholder { color: transparent; } .input:focus:-moz-placeholder, .textarea:focus:-moz-placeholder { color: transparent; } .input:focus:-ms-input-placeholder, .textarea:focus:-ms-input-placeholder { color: transparent; } .form__button { margin-left: 200px; width: 420px; margin-top: 35px; } .submit { display: block; background: #7ca636; color: #fff; font-family: HelveticaNeueCyr; font-size: 18px; font-weight: 500; text-transform: uppercase; height: 60px; width: 100%; border: none; border-radius: 4px; } .submit:hover { background-color: #8bba3d; } .file__button { display: block; float: left; width: 130px; height: 36px; color: #fefefe; font-family: HelveticaNeueCyr; font-size: 16px; font-weight: 500; line-height: 36px; background: #b7bead; border-radius: 4px; text-align: center; cursor: pointer; } .file__button:hover { background-color: #a5ab9c; } .file__items { overflow: hidden; padding-left: 22px; padding-bottom: 5px; } .file__items_logo { padding-top: 9px; } .file__item { display: block; color: #575757; font-family: HelveticaNeueCyr; font-size: 14px; font-weight: 300; line-height: 1; } .file__item + .file__item { margin-top: 10px; } .file_del { display: inline-block; vertical-align: middle; width: 9px; height: 8px; background: url(img/icon-del.png) no-repeat; font-size: 0; cursor: pointer; position: relative; top: -2px; margin-right: 4px; } .textarea_h100 { height: 100px; } .textarea_h210 { height: 210px; } .form__label_text { line-height: 20px; } .form__label i { display: block; color: #9e9e9e; font-size: 14px; font-weight: 300; line-height: 16px; font-style: italic; font-family: HelveticaNeueCyr; position: relative; top: -3px; } /* ========================================================================== INTERVIEW ========================================================================== */ .interview { padding-top: 20px; } .interview__text { color: #6f6f6f; font-size: 14px; font-weight: 500; line-height: 17px; margin-top: 23px; margin-bottom: 20px; } .interview__list { color: #555; font-size: 14px; font-weight: 300; line-height: 17px; margin-bottom: 34px; } .interview__list li { padding-left: 21px; } .interview__list li + li { margin-top: 13px; } label { cursor: pointer; } /*input[type="radio"] { display: none !important; }*/ input[type="radio"] + span { display: inline-block; vertical-align: middle; width: 13px; height: 13px; border: 1px solid #e5e5e5; border-radius: 50%; position: relative; margin-right: 11px; position: relative; top: -2px; } input[type="radio"]:checked + span:after { content: ''; position: absolute; width: 7px; height: 7px; background-color: #1486c2; border-radius: 50%; left: 2px; top: 2px; } .interview__button { line-height: 1; padding-bottom: 30px; } .button { padding: 0 20px; width: 139px; height: 36px; box-shadow: 0 3px 0 rgba(148, 162, 124, 0.45); color: #fff; font-size: 14px; font-weight: 400; line-height: 1; border: none; background: #7ca636; border-radius: 4px; } .button:hover { background-color: #6b932a; box-shadow: 0 3px 0 rgba(101, 101, 100, 0.65); } .interview_inner { border-radius: 4px; background: #fff; padding-left: 21px; padding-right: 21px; padding-top: 14px; padding-bottom: 29px; margin-bottom: 10px; } .interview__title { color: #000; font-family: HelveticaNeueCyr, Helvetica; font-size: 18px; font-weight: 300; line-height: 21px; margin-bottom: 15px; } .interview_inner .interview__text { margin-top: 0; } .interview_inner .interview__list { margin-bottom: 26px; } /* ========================================================================== CALC-WIDGET ========================================================================== */ .calc-widget { margin-bottom: 10px; padding: 70px 10px 30px 10px; border-radius: 4px; background: url(img/calc-widget.jpg) 0 0 no-repeat; background-size: cover; } .calc-widget__title { margin-bottom: 40px; font-size: 27px; line-height: 1; color: #191919; text-align: center; } .calc-widget__title b { display: inline-block; padding: 8px 20px; background-color: rgba(255, 255, 255, .80); text-transform: uppercase; } .calc-widget__title span { display: inline-block; padding: 5px 15px; background-color: rgba(255, 255, 255, .80); } .calc-widget .calc-widget__label { display:block; width: 50px; height: 60px; margin: 0 auto 15px; padding: 0; background: transparent url(img/calc2.png) 0 0 no-repeat; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.31); } /* ========================================================================== NEWS ========================================================================== */ .news { padding-top: 20px; height: 380px; } .news__items { text-align: justify; line-height: 0; font-size: 0; /* text-justify: newspaper;*/ /* zoom:1;*/ text-align-last: justify; margin-top: 19px; } .news__items:after { width: 100%; height: 0px; visibility: hidden; overflow: hidden; content: ''; display: inline-block; } .news__item { width: 305px; position: relative; display: inline-block; line-height: normal; vertical-align: top; text-align: left !important; text-align-last: left !important; } .news__img { margin-bottom: 12px; } .news__img img { display: block; width: 100%; } .news__img img:hover { opacity: 0.8; filter: alpha(opacity=80); } .news__date { font-size: 14px; color: #585757; font-weight: 300; line-height: 1; margin-bottom: 9px; } .news__caption { font-size: 14px; color: #000; font-weight: 500; line-height: 17px; } .news__caption a { color: #000; text-decoration: none; } .news__caption a:hover { text-decoration: underline; } /* ========================================================================== BOTTOM ========================================================================== */ .bottom { margin: 10px 0; } .bottom__left { width: 675px; float: left; } .bottom__right { width: 345px; float: right; } /* ========================================================================== SEO ========================================================================== */ .seo { height: 310px; padding-top: 18px; } .seo__text { color: #616365; font-size: 14px; font-weight: 300; line-height: 17px; margin-top: 12px; text-align: justify; } .seo__text p + p { margin-top: 17px; } .subscription { margin-top: 10px; height: 60px; background-color: #1486c2; border-radius: 4px; padding-left: 26px; padding-right: 12px; padding-top: 13px; } .subscription__title { color: #fff; font-size: 14px; line-height: 17px; font-weight: 300; letter-spacing: 0.5px; float: left; margin-top: 7px; } .subscription__title:before { content: ''; display: inline-block; vertical-align: middle; width: 33px; height: 22px; background: url(img/icon-mail.png) no-repeat; position: relative; top: -2px; margin-right: 17px; } .subscription__title b { font-weight: 700; } .subscription__form { float: right; position: relative; } .subscription__form input[type="text"] { width: 340px; height: 34px; border-radius: 4px; background: #fff; color: #000; font-size: 14px; font-weight: 300; padding-left: 20px; padding-right: 40px; line-height: 1; line-height: 34px; border: none; outline: none; letter-spacing: 0.5px; } .subscription__form input[type="submit"] { position: absolute; top: 6px; right: 15px; width: 19px; height: 21px; background: url(img/submit.png) no-repeat; border: none; } /* ========================================================================== SOCIALIZE ========================================================================== */ .socialize { height: 380px; padding-top: 18px; } .socialize__widget { margin-top: 16px; } .socialize__widget img { display: block; max-width: 100%; height: auto; margin: auto; } /* ========================================================================== PAGE ========================================================================== */ .page { margin: 10px 0; } .page__left { width: 730px; float: left; } .page__bg { background: #fff; border-radius: 4px; padding-bottom: 38px; } .page__right { width: 290px; float: right; border-radius: 4px; z-index: 5; } .page__block { padding: 0 25px; } /* ========================================================================== BREADCRUMBS ========================================================================== */ .breadcrumbs { font-family: HelveticaNeueCyr, Helvetica; font-size: 14px; font-weight: 300; line-height: 17px; color: #bbb; padding: 13px 25px 11px; border-bottom: 1px solid #e5e5e5; margin-bottom: 29px; } .breadcrumbs a { color: #bbb; text-decoration: none; } .breadcrumbs a:hover { color: #282828; } .breadcrumbs span { display: inline-block; width: 4px; height: 7px; background: url(img/icon-breadcrumbs.png) no-repeat; margin: 0 12px; } /* ========================================================================== TEXT ========================================================================== */ .text { color: #313131; font-family: HelveticaNeueCyr, Helvetica; font-size: 15px; font-weight: 300; line-height: 21px; } .text input[type="radio"] {display: inline;} .text h1 { color: #000; font-family: HelveticaNeueCyr, Helvetica; font-size: 26px; font-weight: 300; line-height: 30px; margin-bottom: 9px; } .text h2 { font-weight: 300; line-height: 25px; color: #363636; font-size: 22px; margin: 15px 0 10px; } .text h3 { font-weight: 300; line-height: 23px; color: #363636; font-size: 20px; margin: 10px 0 7px; } .text h4 { font-weight: 300; line-height: 20px; color: #363636; font-size: 18px; margin: 10px 0 7px; } .text blockquote { background: #f7f7f8; font-style: italic; font-weight: 300; margin: 0; padding-left: 77px; padding-right: 60px; padding-top: 18px; padding-bottom: 20px; position: relative; margin-top: 26px; margin-bottom: 16px; border-radius: 4px; } .text blockquote:before { content: ''; position: absolute; width: 35px; height: 35px; left: 21px; top: 50%; margin-top: -20px; background: url(img/icon-blockquote.png) no-repeat; } .text blockquote p {margin:5px 0; } .text p { margin-bottom: 15px; text-align: justify; } .text img { margin:0 auto; display:block; } .text iframe { margin:5px 0 15px; } .text ol { counter-reset:li; margin-bottom: 15px; text-align: justify; } .text ol li { padding-left: 22px; position: relative; } .text ol li:before { position: absolute; left: 0; top: 0; content: counter(li) '.'; counter-increment:li; color: #1486c2; font-size: 14px; font-weight: 700; } .custom-block ul li:before {background:none !important; } .text ul { margin-bottom: 14px; text-align: justify; } .text ul li { position: relative; padding-left: 22px; } .text ul li ul { padding-top: 15px; } .text ul li:before { content: ''; position: absolute; width: 12px; height: 10px; background: url(img/icon-ul.png) no-repeat; left: 0; top: 5px; } .text a { color: #1486c2; } .text a:hover { text-decoration: none; } #toc_container { color: #1486c2; font-family: HelveticaNeueCyr, Helvetica; font-size: 15px !important; line-height: 19px; font-weight: 500; background-color: #f3f7f9 !important; border: 1px solid #e1e8ec !important; border-radius: 4px !important; padding: 11px 0 15px !important; margin: 18px 0 33px !important; display: block !important; } #toc_container .toc_title { text-align: left !important; color: #6c7f88; font-size: 16px; font-weight: 300 !important; line-height: 18px; text-transform: uppercase; border-bottom: 1px solid #e1e8ec; padding: 0px 0px 10px 27px !important; margin-bottom: 12px !important; } #toc_container ul { padding-left: 27px !important; margin-bottom: 0; text-align: left; } #toc_container ul li { padding-left: 22px; position: relative; } #toc_container ul li ul { padding: 10px 0 10px 5px !important; margin-left: 0 !important; } #toc_container ul li ul li:before {display:none;} .toc_number {display:none;} .text li + li, #toc_container li + li { margin-top: 5px; } .otzyv { border: 1px solid rgba(208, 216, 220, 0.63); padding-left: 76px; padding-right: 28px; border-radius: 4px; font-weight: 300; font-style: italic; position: relative; padding-top: 17px; padding-bottom: 21px; margin-top: 19px; margin-bottom: 17px; } .otzyv:before { content: ''; position: absolute; width: 35px; height: 33px; background: url(img/icon-review.png) no-repeat; left: 20px; top: 19px; } .otzyv span, .otzyv i {display: block; margin-top:10px;} .sovet { border-radius: 4px; background-color: #f9f3f2; padding-left: 77px; padding-right: 60px; font-weight: 300; font-style: italic; padding-top: 17px; padding-bottom: 21px; position: relative; margin-top: 15px; margin-bottom: 10px; } .sovet:after { content: ''; position: absolute; width: 35px; height: 35px; background: url(img/icon-important.png) no-repeat; left: 21px; top: 50%; margin-top: -20px; } .text cite { display: block; border: 1px solid rgba(208, 216, 220, 0.63); padding-left: 32px; padding-right: 32px; padding-top: 14px; padding-bottom: 36px; position: relative; margin-top: 15px; border-radius: 4px; margin-bottom: 10px; margin-top: -3px; } .text cite:before { content: ''; position: absolute; width: 120px; height: 20px; background: url(img/icon-cite.png) no-repeat; right: 19px; bottom: 10px; } .text table { width: 100%; border: 1px solid #e5e5e5; line-height: 16px; margin-top: -4px; margin-bottom: 14px; } .text table th { background: #f8fbfd; height: 40px; font-weight: 700; border: 1px solid #e5e5e5; padding-left: 17px; padding-right: 10px; } .text table th:last-child { padding-left: 20px; } .text table td { border: 1px solid #e5e5e5; font-weight: 300; padding-left: 17px; padding-right: 10px; vertical-align: top; padding-top: 11px; padding-bottom: 16px; } .text table td:last-child { padding-left: 20px; } .text figure { margin: 0; margin-top: 24px; margin-bottom: 14px; } .text figure p { margin: 0; } .text figure img { display: block; max-width: 100%; height: auto; margin: auto; } .text .wp-caption { display: block; margin: 0 auto; } .text .wp-caption-text { font-weight: 300; font-style: italic; text-align: center; color: #858585; } /* ========================================================================== MENU ========================================================================== */ .button-menu { display: none; width: 50px; height: 50px; box-shadow: 2.3px 1.9px 3px rgba(0, 0, 0, 0.4); background: #0f75ab url(img/icon-button-menu.png) no-repeat center center; position: fixed; border-radius: 4px 0 0 4px; top: 0; right: 0; cursor: pointer; top: 126px; z-index: 5; } .menu { padding-top: 8px; padding-bottom: 8px; margin-bottom: 10px; background: #fff; position: relative; } .menu__exit { width: 36px; height: 36px; line-height: 36px; position: absolute; left: -36px; top: 0; text-decoration: none; text-align: center; color: #f00; font-style: normal; font-size: 36px; font-family: Arial, Baskerville, monospace; cursor: pointer; display: none; } .menu > ul > li + li { border-top: 1px solid #f3f3f4; } .menu > ul > li > a { height: 47px; display: block; font-family: HelveticaNeueCyr, Helvetica; color: #343637; font-size: 16px; font-weight: 500; line-height: 47px; text-decoration: none; padding-left: 55px; position: relative; } .menu > ul > li.active, .menu > ul > li:hover { background: #f9f9fa; } .menu > ul > li > ul { padding-left: 63px; padding-right: 17px; margin-top: -2px; padding-bottom: 17px; display: none; } .menu > ul > li > ul.active { display: block; } .menu > ul > li > ul > li { font-family: HelveticaNeueCyr, Helvetica; color: #7c7f80; font-size: 14px; font-weight: 300; line-height: 16px; position: relative; } .menu > ul > li > ul > li a { color: #7c7f80; padding-left: 12px; display: inline-block; position: relative; } .menu > ul > li > ul > li > a:before { content: ''; position: absolute; width: 3px; height: 5px; background: url(img/icon-menu.png) no-repeat; left: 0; top: 7px; } .menu > ul > li > ul > li a:hover, .menu > ul > li > ul > li.active a { color: #d24a43; } .menu > ul > li > ul > li > a:hover:before, .menu > ul > li > ul > li.active > a:before { background: url(img/icon-menu-hover.png) no-repeat; } .menu > ul > li > ul > li + li { margin-top: 13px; } .link-catalog1:before { content: ''; position: absolute; width: 20px; height: 17px; background: url(img/catalog1.png) no-repeat; left: 17px; top: 14px; } .link-catalog2:before { content: ''; position: absolute; width: 20px; height: 20px; background: url(img/catalog2.png) no-repeat; left: 18px; top: 12px; } .link-catalog3:before { content: ''; position: absolute; width: 20px; height: 21px; background: url(img/catalog3.png) no-repeat; left: 19px; top: 11px; } .link-catalog4:before { content: ''; position: absolute; width: 20px; height: 19px; background: url(img/catalog4.png) no-repeat; left: 17px; top: 13px; } .link-catalog5:before { content: ''; position: absolute; width: 20px; height: 17px; background: url(img/catalog5.png) no-repeat; left: 17px; top: 13px; } .link-catalog6:before { content: ''; position: absolute; width: 20px; height: 18px; background: url(img/catalog6.png) no-repeat; left: 18px; top: 13px; } .link-catalog7:before { content: ''; position: absolute; width: 20px; height: 16px; background: url(img/catalog7.png) no-repeat; left: 19px; top: 14px; } .link-catalog8:before { content: ''; position: absolute; width: 20px; height: 16px; background: url(img/catalog8.png) no-repeat; left: 19px; top: 14px; } /* ========================================================================== PAPERS ========================================================================== */ .papers { padding-left: 19px; padding-right: 16px; background: #fff; border-radius: 4px; padding-top: 14px; padding-bottom: 22px; margin-bottom: 10px; } .papers__tabs { font-family: HelveticaNeueCyr, Helvetica; font-size: 18px; line-height: 21px; font-weight: 300; color: #8b8b8b; margin-bottom: 20px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; } .papers__tabs div { display: inline; cursor: pointer; } .papers__tabs div.active { color: #000; } .papers__tabs span { margin: 0 6px; } .papers__item .papers__ovh {min-height:72px;} .papers__item + .papers__item { border-top: 1px dotted #b8b8b8; padding-top: 15px; margin-top: 15px; } .papers_news .papers__item + .papers__item { margin-top: 10px; } .papers__img { float: left; width: 50px; margin-right: 11px; overflow:hidden; } .papers__img img { display: block; width: 100%; height: auto; } .papers__img img:hover { opacity: 0.8; filter: alpha(opacity=80); } .papers__ovh { overflow: hidden; } .papers__date { font-family: HelveticaNeueCyr, Helvetica; color: #a1a7aa; font-size: 13px; font-weight: 300; line-height: 1; text-transform: uppercase; margin-bottom: 4px; } .papers__name { font-family: HelveticaNeueCyr, Helvetica; color: #000; font-size: 15px; font-weight: 400; line-height: 16px; margin-bottom: 7px; } .papers__name a { color: #000; text-decoration: none; } .papers__name a:hover { text-decoration: underline; } .papers__category { font-family: HelveticaNeueCyr, Helvetica; color: #1486c2; font-size: 13px; font-weight: 300; line-height: 16px; } .papers__category a { color: #1486c2; text-decoration: none; } .papers__category a:hover { color: #7ca636; } /*.papers__category a:after { content: ''; display: inline-block; width: 4px; height: 6px; background: url(img/icon-category.png) no-repeat; margin-left: 6px; }*/ .papers__category a:hover:after { background: url(img/icon-category-hover.png) no-repeat; } .papers__block { display: none; } .papers__block.active { display: block; } .papers__title { color: #000; font-family: HelveticaNeueCyr, Helvetica; font-size: 18px; font-weight: 300; line-height: 21px; margin-bottom: 18px; } /* ========================================================================== COMMENTS ========================================================================== */ .comments { background: #fff; border-radius: 4px; padding-left: 19px; padding-right: 16px; padding-top: 14px; padding-bottom: 20px; margin-bottom: 10px; } .comments__title { color: #000; font-family: HelveticaNeueCyr, Helvetica; font-size: 18px; font-weight: 300; line-height: 21px; margin-bottom: 14px; } .comments__caption { font-family: HelveticaNeueCyr, Helvetica; color: #394151; font-size: 14px; font-weight: 400; line-height: 16px; margin-bottom: 7px; } .comments__caption a { text-decoration: none; color: #394151; } .comments__caption a:hover { text-decoration: underline; } .comments__info { color: #a1a7aa; font-size: 13px; font-weight: 300; line-height: 16px; } .comments__item + .comments__item { border-top: 1px dotted #b8b8b8; padding-top: 12px; margin-top: 12px; } /* ========================================================================== CATALOG ========================================================================== */ .catalog { border-radius: 4px; background: #fff; padding-left: 19px; padding-right: 19px; padding-top: 14px; padding-bottom: 22px; margin-bottom: 10px; } .catalog__title { color: #000; font-family: HelveticaNeueCyr, Helvetica; font-size: 18px; font-weight: 300; line-height: 21px; margin-bottom: 12px; } .catalog .owl-carousel { padding-left: 25px; padding-right: 25px; } .catalog__item { max-width: 200px; margin: auto; } .catalog__item img { margin-bottom: 5px; } .catalog__item img { display: block; width: 100%; height: auto; border-radius: 4px; } .catalog__name { font-family: HelveticaNeueCyr, Helvetica; line-height: 16px; color: #000; font-size: 14px; font-weight: 400; margin-bottom: 11px; } .catalog__name a { color: #000; text-decoration: none; } .catalog__date { font-family: HelveticaNeueCyr, Helvetica; color: #a1a7aa; font-size: 13px; font-weight: 300; line-height: 1; } .catalog__date:before { content: ''; width: 25px; height: 2px; display: block; background: #f0eded; margin-bottom: 8px; } .catalog .owl-prev { position: absolute; font-size: 0; left: -9px; top: 80px; width: 21px; height: 41px; background: url(img/prev3.png) no-repeat; } .catalog .owl-next { position: absolute; font-size: 0; right: -9px; top: 80px; width: 21px; height: 41px; background: url(img/next3.png) no-repeat; } .catalog .owl-prev:hover { background: url(img/prev3-hover.png) no-repeat 0 1px; } .catalog .owl-next:hover { background: url(img/next3-hover.png) no-repeat 0 1px; } .link-overview { height: 50px; background-color: #1486c2; display: block; text-decoration: none; color: #fff; font-family: HelveticaNeueCyr, Helvetica; font-size: 18px; font-weight: 500; line-height: 50px; margin-bottom: 10px; padding-left: 56px; position: relative; border-radius: 4px; } .link-overview:hover { background-color: #0f6999; } .link-overview:before { content: ''; position: absolute; width: 23px; height: 19px; background: url(img/icon-overview.png) no-repeat; left: 20px; top: 15px; } .link-rating { height: 50px; background-color: #d24a43; display: block; text-decoration: none; color: #fff; font-family: HelveticaNeueCyr, Helvetica; font-size: 18px; font-weight: 500; line-height: 50px; margin-bottom: 10px; padding-left: 56px; position: relative; border-radius: 4px; } .link-rating:hover { background-color: #b62b24; } .link-rating:before { content: ''; position: absolute; width: 18px; height: 17px; background: url(img/icon-rating.png) no-repeat; left: 22px; top: 15px; } /* ========================================================================== DATA ========================================================================== */ .data { margin-bottom: -18px; } .data__top { border-bottom: 3px solid #f1f2f4; margin-bottom: 7px; padding-bottom: 4px; } .data__print { float: left; color: #afafaf; font-family: HelveticaNeueCyr, Helvetica; font-size: 14px; font-weight: 300; line-height: 1; } .data__print a { color: #afafaf; text-decoration: none; } .data__print a:before { content: ''; display: inline-block; width: 10px; height: 11px; background: url(img/icon-print.png) no-repeat; margin-right: 9px; } .data__comments { float: right; color: #afafaf; font-family: HelveticaNeueCyr, Helvetica; font-size: 14px; font-weight: 300; line-height: 1; } .data__share { float: left; } .data__rating { float: right; } .data__rating span { width: 21px; height: 20px; background: url(img/icon-star-big.png); } .data__rating span.active { background: url(img/icon-star-big-active.png); } /* ========================================================================== RATE ========================================================================== */ .rate { padding-left: 25px; padding-right: 25px; padding-top: 24px; padding-bottom: 23px; border-radius: 4px; background: #fff; margin: 10px 0; } .rate__img { float: left; margin-right: 19px; width: 100px; } .rate__img img { width: 100%; height: auto; display: block; } .rate__img a { display: none; } .rate__img a:first-child { display: block; } .rate__ovh { overflow: hidden; } .rate__label { margin-bottom: 10px; } .rate__label span { height: 20px; color: #fff; font-family: HelveticaNeueCyr, Helvetica; font-size: 9px; font-weight: 300; line-height: 20px; text-transform: uppercase; display: inline-block; background-color: #1486c2; text-align: center; padding: 0 8px; border-radius: 10px; } .rate__name { color: #202223; font-family: HelveticaNeueCyr, Helvetica; font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 4px; } .rate__name a { color: #202223; text-decoration: none; } .rate__name a:hover { text-decoration: underline; } .rate__description { color: #737779; font-family: HelveticaNeueCyr, Helvetica; font-size: 14px; font-weight: 300; line-height: 16px; } /* ========================================================================== NEWS-BLOCKS ========================================================================== */ .news-blocks { margin: 10px 0; } .news-blocks .papers { padding: 0; margin: 0; background: none; border-radius: 0; } .news-block { width: 360px; height: 388px; float: left; border-radius: 4px; background: #fff; padding-left: 25px; padding-right: 20px; padding-top: 14px; } .news-block + .news-block { float: right; } .news-blocks .papers__img { width: 70px; } .news-blocks .papers__category { margin-top: 9px; } .news-blocks .papers__item + .papers__item { padding-top: 20px; margin-top: 19px; } /* ========================================================================== ANSWERS ========================================================================== */ .answers { border-radius: 4px 4px 0 0; background: #fff; padding: 23px 25px 38px; } .answers__title { color: #000; font-family: HelveticaNeueCyr, Helvetica; font-size: 20px; font-weight: 300; line-height: 24px; margin-bottom: 7px; } .answers__ava { float: left; width: 40px; margin-right: 14px; } .answers__ava img { display: block; width: 100%; height: 40px; border-radius: 50%; } .answers__ovh { overflow: hidden; padding-right: 22px; } .answers__info { line-height: 16px; font-family: HelveticaNeueCyr, Helvetica; color: #898989; font-size: 13px; font-weight: 300; margin-bottom: 15px; } .answers__info b { font-weight: 700; color: #000; } .answers__text { font-family: HelveticaNeueCyr, Helvetica; line-height: 16px; color: #151515; font-size: 14px; font-weight: 300; text-align: justify; } .answers__item { border: 1px solid rgba(208, 216, 220, 0.63); padding-left: 16px; padding-top: 15px; padding-bottom: 30px; position: relative; border-radius: 4px; overflow: hidden; } .answers__item + .answers__item { margin-top: 4px; } .comment-reply-link { position: absolute; right: 0; bottom: 0; background: #1486c2; height: 25px; line-height: 26px; color: #fff; font-family: HelveticaNeueCyr, Helvetica; font-size: 12px; font-weight: 500; text-transform: uppercase; text-decoration: none; padding: 0 18px; border-radius: 4px 0 0 0; } .comment-reply-link:hover { background-color: #1695d8; } .answers__item_margin { margin-left: 25px; } .answers__more { text-align: center; color: #9f9f9f; font-family: HelveticaNeueCyr, Helvetica; font-size: 13px; font-weight: 300; line-height: 1; text-transform: uppercase; margin-top: 11px; } .answers__more a { color: #9f9f9f; text-decoration: none; } .answers__more a:after { content: ''; display: inline-block; width: 9px; height: 6px; background: url(img/icon-more-answers.png) no-repeat; margin-left: 9px; } .answers__more a:hover { text-decoration: underline; } /* ========================================================================== FEEDBACK ========================================================================== */ .feedback { padding: 23px 25px 36px; background-color: #f9f9fa; border-radius: 0 0 4px 4px; } .feedback__title { color: #000; font-family: HelveticaNeueCyr, Helvetica; font-size: 20px; font-weight: 300; line-height: 24px; margin-bottom: 13px; } .feedback__inputs { margin-bottom: 10px; font-size: 0; } .feedback__input { display: inline-block; background: #fff; width: 180px; height: 36px; border: 1px solid rgba(208, 216, 220, 0.63); color: #000; font-family: HelveticaNeueCyr, Helvetica; font-size: 14px; font-weight: 300; padding: 0 16px; border-radius: 4px; vertical-align: middle; outline: none; } .feedback__input + .feedback__input { margin-left: 10px; } .feedback__button { height: 40px; line-height: 1; display: block; border: none; width: 100%; border-radius: 4px; background: #7ca636 url(img/icon-btn.png) no-repeat right center; color: #fff; font-family: HelveticaNeueCyr, Helvetica; font-size: 14px; font-weight: 500; text-transform: uppercase; outline: none; } .feedback__button:hover { background-color: #8bba3d; } .feedback__textarea { background: #fff; display: block; width: 100%; height: 150px; border: 1px solid rgba(208, 216, 220, 0.63); color: #000; font-family: HelveticaNeueCyr, Helvetica; font-size: 14px; line-height: 16px; font-weight: 300; padding: 11px 15px; resize: none; border-radius: 4px; margin-bottom: 10px; outline: none; } .feedback__auth { display: inline-block; line-height: 1; vertical-align: middle; color: #6d6d6d; font-family: HelveticaNeueCyr, Helvetica; font-size: 14px; font-weight: 300; margin-left: 18px; } .feedback__auth div { display: inline-block; vertical-align: middle; margin-left: 8px; } /* ========================================================================== NF ========================================================================== */ .nf { padding-top: 44px; padding-bottom: 10px; } .nf__title { font-family: HelveticaNeueCyr; font-weight: 300; color: #000; font-size: 26px; line-height: 1; text-align: center; margin-bottom: 4px; } .nf__sub-title { font-family: HelveticaNeueCyr; font-weight: 300; color: #a1a1a1; font-size: 18px; line-height: 1; text-align: center; margin-bottom: 30px; } .nf__text { text-align: center; font-family: HelveticaNeueCyr; font-size: 16px; font-weight: 300; line-height: 18px; color: #626262; } .nf__text a { color: #1486c2; } .nf__text a:hover { text-decoration: none; } .nf__text:before { content: ''; display: block; width: 162px; height: 162px; background: url(img/icon-smile.png) no-repeat; margin: auto; margin-bottom: 31px; } /* ========================================================================== FILTER ========================================================================== */ .filter { border-radius: 4px; background: #e5edd7; padding: 15px 0; font-size: 0; padding-left: 19px; margin-bottom: 8px; } .filter__item { display: inline-block; vertical-align: middle; width: 210px; } .filter__item + .filter__item { margin-left: 12px; } .filter__item_mini { width: 158px; } .filter__item .select { width: 100%; } .filter__submit { display: inline-block; vertical-align: middle; margin-left: 12px; } /* ========================================================================== SORT ========================================================================== */ .sort { background: #f4f4f4; font-size: 0; padding-top: 12px; padding-bottom: 14px; padding-left: 19px; border-radius: 4px; margin-bottom: 20px; } .sort__item { display: inline-block; vertical-align: middle; color: #000; font-family: HelveticaNeueCyr; font-size: 14px; line-height: 1; font-weight: 500; } .sort__item + .sort__item { margin-left: 42px; } .sort__item a { color: #000; text-decoration: none; } .sort__asc { display: inline-block; width: 20px; height: 11px; background: url(img/asc.png) no-repeat; margin-left: 5px; } .sort__desc { display: inline-block; width: 20px; height: 11px; background: url(img/desc.png) no-repeat; margin-left: 5px; } /* ========================================================================== LISTS ========================================================================== */ .lists { } .lists__img { float: left; margin-right: 16px; margin-left: 20px; } .lists__img img { display: block; border: 1px solid #ebebeb; display: block; } .lists__img img:hover { opacity: 0.8; filter: alpha(opacity=80); } .lists__ovh { overflow: hidden; } .lists__name { color: #1486c2; font-family: HelveticaNeueCyr; font-size: 16px; font-weight: 500; line-height: 19px; margin-bottom: 4px; } .lists__name a { color: #1486c2; text-decoration: none; } .lists__name a:hover { text-decoration: underline; } .lists__info { font-size: 0; margin-bottom: 8px; } .lists__rating { display: inline-block; vertical-align: middle; } .lists__reviews { display: inline-block; vertical-align: middle; color: #323338; font-family: HelveticaNeueCyr; font-size: 14px; font-weight: 300; line-height: 19px; position: relative; padding-left: 18px; margin-left: 15px; position: relative; top: 1px; } .lists__reviews:before { content: ''; position: absolute; top: 4px; left: 0; width: 12px; height: 11px; background: url(img/icon-ballon.png) no-repeat; } .lists__description { color: #595959; font-family: HelveticaNeueCyr; font-size: 14px; font-weight: 300; line-height: 16px; } .lists__item { border-top: 1px solid #e5e5e5; padding-top: 20px; padding-bottom: 20px; } .lists__item:hover { background: #fafdfe; } .lists__item:first-child { border-top: none; padding-top: 0; } .lists__item:last-child { border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; } .lists__item + .lists__item { padding-top: 20px; } .lists__all { text-align: center; line-height: 1; position: relative; margin-top: 17px; } .lists__all:after { content: ''; position: absolute; height: 1px; left: 0; right: 0; background: #e5e5e5; top: 50%; } .lists__all span { padding-left: 18px; padding-right: 18px; display: inline-block; background: #fff; position: relative; z-index: 1; } .lists__all a { width: 216px; height: 42px; background-color: #fff; border: 1px solid #dcdfe1; color: #727272; font-size: 16px; font-weight: 300; line-height: 40px; text-align: center; display: inline-block; text-decoration: none; border-radius: 4px; position: relative; z-index: 1; } .lists__all a:hover { background-color: #4f789a; color: #fff; } .lists__address { color: #898f92; font-family: HelveticaNeueCyr; font-size: 14px; font-weight: 300; line-height: 16px; padding-left: 17px; position: relative; margin-top: 12px; } .lists__address:before { content: ''; width: 9px; height: 13px; background: url(img/icon-address.png) no-repeat; left: 0; top: 3px; position: absolute; } .text_remont { position: relative; } .button-add { position: absolute; top: -5px; right: 0; width: 256px; height: 40px; line-height: 40px; border-radius: 4px; color: #fff; font-size: 16px; font-weight: 400; text-transform: uppercase; text-decoration: none; background: #1486c2; padding-left: 34px; text-align: center; } .button-add:hover { background: #1694d6; } .button-add:before { content: ''; position: absolute; width: 21px; height: 20px; background: url(img/icon-add.png) no-repeat; left: 16px; top: 11px; } .text_remont .button-add { color: #fff; } .text_tovar figure { margin-top: 20px; margin-bottom: 24px; } .text_tovar { margin-bottom: 27px; } .advantage { background: #f1f1f1; padding-left: 65px; padding-right: 20px; margin-bottom: 2px; color: #383c3e; line-height: 17px; padding-top: 14px; padding-bottom: 16px; position: relative; } .advantage:before { content: ''; position: absolute; width: 24px; height: 24px; background: url(img/icon-advantage.png) no-repeat; left: 19px; top: 16px; } .advantage p { margin-bottom: 0; } .advantage p + p { margin-top: 6px; } .advantage ol, .advantage ul, .lack ol, .lack ul { margin-bottom: 2px; } .lack { background: #f1f1f1; padding-left: 65px; padding-right: 20px; margin-bottom: 2px; color: #383c3e; line-height: 17px; padding-top: 14px; padding-bottom: 16px; position: relative; } .lack:before { content: ''; position: absolute; width: 24px; height: 24px; background: url(img/icon-lack.png) no-repeat; left: 19px; top: 16px; } .lack p { margin-bottom: 0; } .lack p + p { margin-top: 6px; } .text__info .rating { float: left; } .text__info i { float: right; margin-top: 3px; } .text__info { margin-bottom: 13px; padding-top: 5px; } /* ========================================================================== MASTER ========================================================================== */ .master { margin-bottom: 26px; padding-top: 4px; } .master__tabs { font-size: 0; } .master__tabs span { border: 1px solid #f4f6f7; border-bottom: none; background: #f4f6f7; border-radius: 4px 4px 0 0; height: 40px; display: inline-block; color: #323338; font-family: HelveticaNeueCyr; font-size: 16px; font-weight: 300; width: 160px; text-align: center; line-height: 38px; cursor: pointer; } .master__tabs span.active { background: none; border: 1px solid #f1f2f4; border-bottom: none; } .master__tabs span + span { margin-left: 7px; } .master__tabs span + span:before { content: ''; display: inline-block; vertical-align: middle; width: 15px; height: 14px; background: url(img/icon-ball.png) no-repeat; position: relative; top: -3px; margin-right: 8px; } .master__tabs span:first-child { color: #686767; font-weight: 500; } .master__block { border: 1px solid #f1f2f4; border-radius: 0 4px 4px 4px; } .master__label { width: 180px; text-align: right; padding-right: 55px; position: relative; color: #454545; font-family: HelveticaNeueCyr; font-size: 14px; line-height: 1; font-weight: 500; float: left; } .master__label:after { content: ''; width: 50px; position: absolute; right: 0; top: 11px; border-bottom: 1px dotted #afafaf; } .master__ovh { overflow: hidden; padding-left: 6px; font-family: HelveticaNeueCyr; font-size: 14px; color: #5e5e5e; font-weight: 300; line-height: 16px; padding-right: 30px; } .master__ovh a { color: #1486c2; } .master__ovh a:hover { text-decoration: none; } .master__ovh b { color: #222; } .master__line_rating { margin-bottom: 25px; } .master__info { padding-top: 22px; padding-bottom: 40px; border-bottom: 1px solid #f1f2f4; position: relative; } .master__info .master__ovh { max-width: 220px; } .master__map { position: absolute; top: 0; bottom: 0; right: 0; overflow: hidden; width: 272px; } .master__line_address { margin-bottom: 17px; } .master__line_phone { margin-bottom: 15px; } .master__line_time { margin-bottom: 13px; } .master__line_site { margin-bottom: 14px; } .master__line_text { margin-bottom: 14px; } .master__text { padding-bottom: 11px; padding-top: 25px; } .master__block { display: none; } .master__block .form { border-radius: 0; } .master__block .form__label { width: 180px; } .master__block.active { display: block; } .master__block .form__button { margin-left: 180px; } .master__block p {padding:0px; margin:0px; } /* ========================================================================== SURVEYS ========================================================================== */ .surveys { margin-bottom: 24px; padding-top: 8px; } .surveys__title { font-family: HelveticaNeueCyr; font-size: 14px; line-height: 16px; color: #909090; font-weight: 300; margin-bottom: 12px; } .surveys__title b { color: #323232; font-weight: 500; } .surveys__text { font-family: HelveticaNeueCyr; font-size: 14px; color: #505050; font-weight: 300; line-height: 15px; } .surveys__item { padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 25px; border-bottom: 1px solid #f1f2f4; } .surveys__rating { margin-bottom: 14px; } .surveys__all { text-align: center; line-height: 1; position: relative; margin-top: 16px; margin-left: 20px; margin-right: 20px; } .surveys__all:after { content: ''; position: absolute; height: 1px; left: 0; right: 0; background: #e5e5e5; top: 50%; } .surveys__all span { padding-left: 18px; padding-right: 18px; display: inline-block; background: #fff; position: relative; z-index: 1; } .surveys__all a { width: 216px; height: 42px; background-color: #fff; border: 1px solid #dcdfe1; color: #727272; font-size: 16px; font-weight: 300; line-height: 40px; text-align: center; display: inline-block; text-decoration: none; border-radius: 4px; position: relative; z-index: 1; } .surveys__all a:hover { background-color: #4f789a; color: #fff; } /* ========================================================================== FOOTER ========================================================================== */ .footer { background: #fff; border-top: 1px solid #eaeaeb; padding-top: 14px; } .footer__bottom { border-top: 1px solid #eaeaeb; color: #b8b8b8; font-size: 14px; font-weight: 300; font-style: italic; line-height: 17px; text-align: center; padding-bottom: 17px; padding-top: 13px; } .footer__nav { float: left; margin-top: 12px; } .footer__nav ul { font-size: 0; } .footer__nav li { display: inline-block; position: relative; } .footer__nav li + li { margin-left: 30px; } .footer__nav a { color: #2c2c2c; font-size: 14px; font-weight: 300; display: block; line-height: 1; text-decoration: none; } .footer__nav a:hover { color: #4f789a; text-decoration: underline; } .footer__nav li + li:before { content: ''; position: absolute; background: #cccccd; height: 8px; width: 1px; left: -16px; top: 4px; } .footer__counter { float: left; margin-top: 7px; margin-left: 44px; } .footer__logo { float: right; width: 289px; } .footer__logo img { display: block; width: 100%; height: auto; } .up { display: none; position: fixed; z-index: 6; width: 60px; height: 60px; bottom: 20px; right: 20px; border-radius: 4px; background: #c8dbe7 url(img/icon-back.png) no-repeat center center; } .up:hover { background-color: #acd0e7; } /* ========================================================================== NAVI ========================================================================== */ .navi { position: fixed; width: 1166px; margin: auto; top: 50%; margin-top: -25px; left: 0; right: 0; z-index: 5; } .navi__prev { width: 50px; height: 50px; left: 0; top: 0; background: url(img/prev4.png) no-repeat; position: absolute; } .navi__next { width: 50px; height: 50px; right: 0; top: 0; background: url(img/next4.png) no-repeat; position: absolute; } .navi__prev:hover { opacity: 0.8; filter: alpha(opacity=80); } .navi__next:hover { opacity: 0.8; filter: alpha(opacity=80); } /* ========================================================================== jScrollPane ========================================================================== */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 5px; height: 100%; } .jspVerticalBar:before { content: ''; position: absolute; width: 3px; left: 1px; top: 0; bottom: 0; background: #f0f3f4; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: none; position: relative; } .jspDrag { background: #7ca636; position: relative; top: 0; left: 0; cursor: pointer; border-radius: 5px; width: 5px; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* ========================================================================== OWL CAROUSEL ========================================================================== */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; backface-visibility: hidden; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; /* user-select: none;*/ } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } /* .owl-carousel.owl-hidden { opacity: 0; } */ .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; /* user-select: none;*/ } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; backface-visibility: hidden; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .uznat { display: block; margin: 10px auto; text-align: center; width: 250px; background-color: #1695d8; padding: 5px; border-radius: 10px;} .uznat a {color: white; display: block; } .uznat a:hover {color: white; } .wpp-thumbnail { float: none !important; } .alm-btn-wrap {display: none !important;} .articles__all a {cursor: pointer;} .post-ratings img + img {margin-left: 3px;} .second-title {display: none;} .wp-social-login-widget {display: none;} .auth1, .auth2, .auth3, .auth4 {cursor: pointer;} .commentlist {width: 100%;margin-top: 20px;} .name-block span {color: #575757;font-weight: 700;} .comment p {margin-top: 5px;} /*a.comment-reply-link {color: #7ca636;text-decoration: none;font-size: 14px;margin-top: 5px;}*/ .comment {background: #FFF;border:1px solid rgba(208, 216, 220, 0.63); padding: 15px 15px 35px 15px;margin-bottom: 15px;} .depth-2 {margin-left: 25px;margin-top: 4px;} .comment-reply-title small {float: right;} .comment-reply-title a {color: #7ca636; text-decoration: none;} .comment-respond .feedback__input {width: 160px;} .depth-2 .feedback__title {display: none;} .comment-form .feedback__title {display: none;} .depth-3 {margin-left: 35px;margin-top: 4px;} .wp-polls IMG, .wp-polls LABEL, .wp-polls INPUT, .wp-polls-loading IMG, .wp-polls-image IMG {margin: 2px 10px 5px 0 !important;} .form__input .post-ratings { position: relative; top: 5px;} .master__blocks .comment-form .row {display: none;} .row + .form__line {margin-top: 15px;} .surveys__text ul {display: none;} .comments_hide {display: none;} .alm-reveal .lists__item:first-child {padding-top: 20px !important; border-top: 1px solid #e5e5e5 !important;} a {cursor: pointer;} .form__input input[type="radio"] {display: inline-block !important;} .form__input label { font-size: 14px; margin-left: 5px; position: relative; margin-right: 9px; top: 1px;} .form__input_rate { position: relative; top: 4px; } #add_service .submit {text-align: center;cursor: pointer;} .workshops__title { color: #000; font-family: HelveticaNeueCyr; font-size: 22px; font-weight: 300; line-height: 1; border-bottom: 2px solid #7ca636; padding-bottom: 9px; } .single .workshops .owl-nav {display: block !important;} .is_stuck {position: fixed !important;top: 0px !important;bottom:auto !important;} .admin-bar .is_stuck {top: 32px !important;} .services_fixed {width: 290px;} body.page {margin: 0 !important;} .recat {margin:15px 0;} .calculator {text-align:left;} .slidebox-spec-cb { width: 770px !important; border-top: none !important; } .page-template-calculator-electro .text table td { padding-left: 10px; padding-right: 10px; vertical-align: middle; padding-top: 11px; padding-bottom: 11px; } .page-template-calculator-electro .calc_title {cursor: pointer;} .page-template-calculator-electro .text table {margin-top: 0;width: 100%;} .testme_button { padding: 0 20px; height: 36px; box-shadow: 0 3px 0 rgba(148, 162, 124, 0.45); color: #fff; font-size: 14px; font-weight: 400; line-height: 1; border: none; background: #7ca636; border-radius: 4px;} .testme_button:hover { background-color: #6b932a; box-shadow: 0 3px 0 rgba(101, 101, 100, 0.65); } a.close {z-index: 999;} .interview__list input[type="radio"] {display: none !important;}