fv/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer,
header, hgroup, nav, section, summary {display: block;}
/* Corrects `inline-block` display not defined in IE 8/9. */
audio, canvas, video {display: inline-block;}
/* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) {display: none; height: 0;}
/* Addresses styling for `hidden` attribute not present in IE 8/9. */
[hidden] {display: none;}
/* ==================   Base   ===================== */
/* Sets default font family to sans-serif. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom. */
html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body { margin: 0;}
/* =================   Links   ====================== */
a:focus {outline: 0;}
a:active, a:hover {outline: 0;}
/* ================  Typography  =================== */
h1 {font-size: 2em;}
/* * Addresses styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
/* Addresses styling not present in Safari 5 and Chrome.*/
dfn {font-style: italic;}
/* Addresses styling not present in IE 8/9. */
mark {background: #ff0; color: #000;}
/* Corrects font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em;}
/* Improves readability of pre-formatted text in all browsers. */
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
/*Sets consistent quote types.*/
q {quotes: "\201C" "\201D" "\2018" "\2019";}
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;}
/* ================== Embedded content ================= */
/*Removes border when inside `a` element in IE 8/9. */
img {border: 0;}
/*Corrects overflow displayed oddly in IE 9. */
svg:not(:root) {overflow: hidden;}
/* Addresses margin not present in IE 8/9 and Safari 5. */
figure {margin: 0;}
/* ==================   Forms   ======================= */
/* Define consistent border, margin, and padding. */
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
/* Corrects color not being inherited in IE 8/9. Remove padding so people aren't caught out if they zero out fieldsets.*/
legend {border: 0;/* 1 */ padding: 0; /* 2 */}
/* Corrects font family, font size in all browsers.
  Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */
button,input,select,textarea {font-family: inherit; font-size: 100%; margin: 0;}
button,input {line-height: normal;}
/* Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
   Corrects inability to style clickable `input` types in iOS. Improves usability and consistency of cursor style between image-type`input` and others. */
button, html input[type="button"],
input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
/* Re-set default cursor for disabled elements. */
button[disabled], input[disabled] {cursor: default;}
/* Addresses box sizing set to `content-box` in IE 8/9. Removes excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
/*Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof).*/
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
/* Removes inner padding and search cancel button in Safari 5 and Chrome * on OS X. */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
/* Removes inner padding and border in Firefox 4+. */
button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}
/* Removes default vertical scrollbar in IE 8/9. Improves readability and alignment in all browsers. */
textarea {overflow: auto; vertical-align: top;}
/* ==================   Tables   ========================= */
/*Remove most spacing between table cells. */
table {border-collapse: collapse; border-spacing: 0;}
/* =================== * * Reset * ======================= */
*, *:before, *:after {
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  box-sizing: border-box; margin: 0; padding: 0;
}
html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%;}
body {background: #FFFFFF; color: #000000; line-height: 1;}
html, body, img, fieldset, abbr, acronym {border: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: bold;}
th, code, cite, caption {font-weight: normal; font-style: normal; text-align: left;}
address {font-style: normal;}
fieldset {margin: 0; padding: 0; border: 0;}
img {display: block;}
ol, ul {list-style: none;}
q:before, q:after {content: '';}
input::-webkit-input-placeholder {color:#58595b; line-height: 28px;}
input::-moz-placeholder          {color:#58595b; line-height: 28px;}/* Firefox 19+ */
input:-moz-placeholder           {color:#58595b; line-height: 28px;}/* Firefox 18- */
input:-ms-input-placeholder      {color:#58595b; line-height: 28px;}
input:focus, input[type="search"]:focus {outline: none;/* outline-offset: -2px;*/}
input:focus::-webkit-input-placeholder {color: transparent}
input:focus::-moz-placeholder          {color: transparent}
input:focus:-moz-placeholder           {color: transparent}
input:focus:-ms-input-placeholder      {color: transparent}
input[type="search"] {
  -webkit-appearance: none; 
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
textarea:focus, button:focus {outline: none; border: 0;}



/* ==================== * Тема Sindaiwa * ===================== */
/* ==================== *  Base Styles  * ===================== */
html, .page {width: 100%; height: 100%;}
body {width: 100%; height: calc(100% - 116px);}
body {font-size: 13px; font-family: 'PT Sans', helvetica, arial, sans-serif; color: #000000; line-height: 1.3;}
body > iframe {display: none; height: 0;}
.page {padding-top: 155px;}
form {display: block;}
i {font-style: normal;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
p {margin: 0 0 10px;}
sup {font-size: 60%;}
/* ------------------ * Глобально  * ----------------- */
img.img-bs {max-width: 100%;}
.shema-org {
  position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0;
  white-space: nowrap; clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden;
}
.icon {background-image: url(../images/icon_sprite.png); background-repeat: no-repeat;}
.skip-link {display: inline-block;}
.skip-link, .skip-link:hover, .main .skip-link, .main .skip-link:hover {text-decoration: none;}
/* --- --- */
.obj-hidden {/* для скрытых объектов */
    position: absolute; overflow: hidden;
    width: 1px; height: 1px; margin: -1px; border: 0; padding: 0;
    white-space: nowrap; clip-path: inset(100%); clip: rect(0 0 0 0);
}
.display-inln {display: inline;}
.string {display: block;}
.row {overflow: hidden;}
.width100 {width: 100%;}
.img-float {float: left; margin-right: 15px;}
.img-float img {max-width: 100%;}
.flag-ua {/* - украинский флаг - */
  background: linear-gradient(to bottom, rgb(18,170,240), rgb(18,170,240) 50%, rgb(250,250,0) 50%,rgb(250,250,0) 100%)
}

/* ============== * ====== * ============== */
/* ============== * Header * ============== */
.page-header {width: 100%; position: fixed; top: 0; z-index: 100; background: #ffffff;}
.header-top, .header-topban, .nav-contr {width: 100%; position: relative;}
.header-top {
  display: flex; flex-direction: row;flex-wrap: wrap; justify-content: space-between; 
  align-items: center; margin-top: 20px;
}
.header-subscribe {background-color: #c3c3c1; width: 30%; text-align: center; line-height: 1;}
#header-subscribe label {display: inline-block; margin-bottom: 5px; color: #ffffff;}
#header-subscribe .input-box {margin-bottom: 5px;}
#header-subscribe input {width: 100%; padding: 2px 5px; border: none; background: #f3f3f3;}
#header-subscribe button {width: 100%; text-align: center;}
.form-language {overflow: hidden;}
.form-language > li {position: relative; float: left; text-transform: uppercase; font-size: 1.5em; font-weight: 700;}
.form-language > li:nth-child(n+2) {padding-left: 12px;}
.form-language > li:nth-child(n+2)::before {content: '\2758'; font-size: 1.2em; line-height: 25px; position: absolute; top:0; left: 4px;}
.form-language > li, .form-language > li a {color: #c3c3c1;}
.form-language > li a.selected {color: #8b241d; text-decoration: none;}
.form-language > li a:hover {text-decoration: none;}
.header-socsety, .nav-links {display: inline-block;}
.header-socsety > li:last-child, .nav-links > li:last-child {margin-right: 0;}
.header-socsety {padding-right: 20px}
.header-socsety > li {float: left; margin-right: 5px;}
.header-socsety img {width: 22px;}
.header-socsety .no-link img {opacity: 0.6;}
.header-topban, .header-topban .flag-ua {height: 25px;}
.header-topban span {position: absolute; left: 0;}
.header-topban .flag-ua {width: 30%; top: 0;}
.header-topban .slava-ua {
  width: 100%; padding-left: 30%; color: rgb(18,170,240); font-family: 'PT Sans Narrow', helvetica, arial;
  font-size: 1.1em; text-transform: uppercase; text-align: center; line-height: 1;
  top: 50%; transform: translateY(-50%);
}
#header-phones {color: #ffffff}
/* ---------------- * yнавигация в хедере * --------------- */
#nav {background-color: #000000;}
.nav-contr {
	display: flex; flex-direction: row; justify-content: space-between; align-items: center;
	position: relative; height: 60px; padding: 0 10px 0; font-family: 'PT Sans Narrow', helvetica, arial; font-size: 1.7em;
}
.nav-contr .logo {width: 100px;}
.nav-contr a, .nav-primary .value {color: #ffffff;}
.nav-contr a:hover {text-decoration: none; color: #bcbec0;}
.nav-cats {height: 29px;}
.nav-cats, .nav-links {margin-bottom: -5px;}
.skip-nav {height: 29px; padding: 1px 10px 0;}
.skip-nav::before, .skip-nav.skip-active::after {
	content: ''; display: block; width: 25px; height: 25px;
	background-image: url(../images/icon_sprite.png); background-repeat: no-repeat;
}
.skip-nav::before {background-color: #8b241d; background-position: -73px -287px;}
.skip-nav.skip-active {color: #bcbec0;}
.skip-nav.skip-active::before {display: none;}
.skip-nav.skip-active::after {display: block; background-position: -75px -540px;}
.skip-nav.scrin, .skip-nav .label, .skip-nav .more {display: none;}
.nav-primary.skip-content {height: 28px;}
.nav-primary li {
	position: relative; float: left; margin: 7px 0; text-transform: uppercase;
}
.nav-primary .red-label {width: 30px; height: 30px; background: #8b241d; position: absolute; bottom: 0; left: 0; z-index: 1;}
.nav-primary .value {position: relative; display: block; padding: 0 10px; line-height: 1.1; z-index: 5;}
.nav-primary.skip-content.skip-active {height: auto; border-radius: 0 0 10px 10px; top: 50px; right: 0;}
.nav-links > li {float: left; margin-right: 5px;}
.nav-links .skip-content.skip-active {top: 58px; right: 15px;}
/* --- --- */
#search_mini_form .input-box {display: flex; flex-direction: row; justify-content: flex-start;}
#search_mini_form input {border: none; margin-right: 2px; padding: 2px 5px;}
.search-autocomplete {z-index: 55;}
.search-autocomplete ul > li {position: relative; background: #ffffff; color: #000000; padding: 2px 30px 2px 5px;}
.search-autocomplete ul > li:nth-child(even) {background: #f1f1f1;}
.search-autocomplete ul > li .amount {
    display: block; width: 30px; text-align: right; font-size: 12px; position: absolute; right: 5px; bottom: 3px;}
#header-phones .ul-2col, 
#footer-phones .ul-2col {flex-direction: column; justify-content: space-between;}
#header-phones .ul-2col > li:first-child, 
#footer-phones .ul-2col > li:first-child {margin-bottom: 20px;}
/* ---------------- * Header-Icon * --------------- */
.nav-links a.icon {display: inline-block; width: 25px; height: 25px;}
.icon.news {
    background-image: url(../images/novosti-svarka-2.svg); background-repeat: no-repeat;
    background-size: 30px; background-position: -5px 2px;
}
.icon.skip-search {background-position: 0 -207px;}
.icon.skip-phones {background-position: -50px -207px;}
.icon.call-back {background-position: 0 -246px;}
.icon.kontakts  {background-position: -45px -245px;}
/* --------------- Header Skip  ------------------*/
.skip-link.skip-subscrb {position: relative; padding: 6px 10px 5px; color: #000000;}
.skip-link.skip-subscrb .icon {display: none;}
#header-subscribe .skip-link.skip-subscrb {position: absolute; width: 25px; height: 25px; z-index: 25;}
#header-subscribe.skip-active .skip-link.skip-subscrb {display: block; left: 0; top: -10px;}
#header-subscribe .skip-link.skip-subscrb.icon {background-position: -75px -540px;}
.page-header .skip-content, .footer-down .skip-content {display: none;}
.page-header .skip-content.skip-active,
.footer-down .skip-content.skip-active {display: block; position: absolute; z-index: 20; padding: 15px 25px; background: #000000; border-radius: 10px;}
/* ================= * ================== * ================= */
/* ================= * блок с бакграундом * ================= */
.page-top-background {position: absolute; top: 116px; left: 0; z-index: 1; width: 100%; background-color: #e5e7e6; overflow: hidden;}
.page-top-background > img {width: 100%;}
.page-top-background.slim, .page-top-background.bs-cms,
.page-top-background.bs-cat {height: 150px;}
.page-top-background.bs-cat img {float: right;  height: 150px;  width: auto;}
.page-top-background.bs-prod {height: 400px; top: 122px;}
.page-top-background.home {background-image: linear-gradient(to bottom right, #5f5685, #040309); min-height: 135px;}
.page-top-background.cms-post {height: 190px;}


/* ================= * ====== * ================= */
/* ================= * Footer * ================= */
.page-footer {margin-top: 30px; background-color: #000000; color: #ffffff;}
.page-footer a {color: #ffffff;}
.footer-top {position: relative; display: flex; flex-direction: column; justify-content: center; padding: 30px 20px 10px;}
.footer-logo .logo {margin-left: auto; margin-right: auto;}
.footer-logo .slogan {text-transform: uppercase; font-size: 1.2em; text-align: center; margin-top: 10px;}
.footer-logo .slogan > br {display: none;}
.footer-nav {display: inline-block; float: right; margin-top: 15px;}
.footer-nav > li {float: left; margin-right: 20px; text-transform: uppercase; font-size: 1.4em;}
.footer-nav > li:last-child {margin-right: 0;}
.footer-nav > li a:hover {color: #dfdfdd; text-decoration: none;}
.footer-down {padding: 10px 20px 30px; display: inline-block; width: 100%;}
.footer-kontakts {display: inline-block; float: left; margin-top: 11px; font-size: 1.05em;}
.footer-kontakts > li {position: relative; float: left; min-height: 25px; margin-right: 20px; padding-left: 30px;}
.footer-kontakts > li.email {width: 205px;  letter-spacing: 0.6pt;}
.footer-kontakts .icon {display: block; width: 22px; height: 20px; position: absolute; left: 0;}
.footer-kontakts .email .icon  {background-position: 0 -328px;}
.footer-kontakts .phones .icon {background-position: -50px -330px;}
.footer-kontakts .adress .icon {background-position: 0 -380px;}
.footer-down .header-socsety > li {margin-right: 10px;}
.footer-down .header-socsety > li.structura-saita {margin-right: 20px;}
.footer-down .header-socsety img {width: auto;}
.footer-down .header-socsety .no-link img {opacity: 0.7;}
.footer-copurght {font-size: 11px; color: rgba(255,255,255,0.5);}
/* --------------- Footer Skip  ------------------*/
.footer-down .skip-content.skip-active {bottom: 35px; right: -40px;}


/* ============== * ========== * ============== */
/* ============== * Стили форм * ============== */
input, textarea {border: 1px solid #bcbec0;}
button.button {display: block; background-color: #e5e7e6; border-radius: 5px; border: none; padding: 2px 10px;}
.input-box, .input-box input, textarea {width: 100%; padding: 3px 5px;}
.validation-advice {
  padding: 3px 5px 3px 18px; border-radius: 5px; line-height: 1;
  background: rgba(178,24,30,.05); color: #b2181e; font-size: 12px;
}
.validation-advice:before {content: '\2191'; left: 7px; top: 0;}
.form-list > li {margin-bottom: 15px;}
.form-list label {position: relative; display: inline-block; margin-bottom: 3px; padding-left: 12px;}
.form-list label em {color: #db251d; display: block; font-weight: bold; font-size: 20px; position: absolute; top: 0; left: -5px;}
.form-list .phantom {display: none;}
form .note {font-size: 11px;}
/* -- Captcha styles -- */
.captcha-box {display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; width: 240px; margin: 0 auto  10px;}
.captcha-image {overflow: hidden; width: 105px; margin-bottom: 5px; border: 1px solid #bcbec0;}
.captcha-image img {margin-left: -50px;}
.captcha-label label, .captcha-label .captcha-reload {display: block;}
.captcha-label label {margin-bottom: 15px; padding: 0; line-height: 1; font-size: 12px;}
.captcha-label .captcha-reload {font-size: 10px; color: rgba(0,0,0,0.5); cursor: pointer;}
.captcha-box .input-box.captcha {width: 100%;}
/* ----- * индивидуальные стили форм * ----- */
#contactForm {width: 300px; margin-left: auto; margin-right: auto;}
#contactForm textarea, #review-form textarea {min-height: 100px;}
#contactForm .buttons-set {overflow: hidden; padding: 0 4px;}
#contactForm .buttons-set .note {margin-bottom: 10px; overflow: hidden;}
#contactForm .buttons-set .button {
	font-weight: bold; padding: 5px 20px; background-color: #d1d3d4; 
	margin-left: auto; margin-right: auto; margin-bottom: 5px;
}
#contactForm .buttons-set .required {font-size: 11px; color: #db251d; font-style: italic;}
#contactForm > .note {max-width: 650px; margin-top: 10px; margin-right: auto; margin-left: auto;}
/* -- всплывающая форма (стр. техподдержка) -- */
#callBackForm .callbk-form {background: #ffffff; padding: 15px}
#callBackForm.skip-content {display: none;}
#callBackForm.skip-content.skip-active {display: flex;}
#callBackForm.skip-content.skip-active .callbk-form {position: relative;}
#callBackForm.skip-content.skip-active .close {display: inline-block; right: 0; bottom: 0}
#callBackForm.skip-content.skip-active .close:before {content: '\2716';}

/* ===================== * ====== * ===================== */
/* ===================== *  Main  * ===================== */
.main {position: relative; z-index: 10; width: 100%; min-height: calc(100% - 600px); padding: 0 10px;}
.main a {text-decoration: underline;}
.main a:hover {text-decoration: none;}
.main.col2-left-layout {overflow: hidden;}
.col2-left-layout .col-main {margin-top: 10px; min-height: 350px;}
.col-left, .col-right {margin-top: 5px;}
.col-left.others {margin-top: 30px;}
/* ---------- *  * ---------- */
.breadcrumbs {padding: 10px 0; font-size: 100%; line-height: 1.25;}
.breadcrumbs li {display: inline; line-height: 20px;}
.breadcrumbs li a, .breadcrumbs li strong {color: #000000; line-height: 1;}
.breadcrumbs li a::after {content: ''; display: ;}
.breadcrumbs li .slash {padding: 0 10px 0 5px;}
.breadcrumbs li strong {font-weight: bold;}
/* --- сервисные сообщения --- */
.messages {margin-bottom: 10px; border-radius: 8px; background-color: rgba(255,255,255,0.5);}
.std .messages ul {margin-bottom: 0;}
.messages > li {
	padding: 10px; text-align: center; border-radius: 8px; 
	font-family: arial; font-size: 13px; font-weight: bold; text-transform: uppercase;
}
.success-msg {border: 1px solid #8b241d; background-color: rgba(136,36,29,0.15);}
.error-msg   {border: 1px solid #8b241d; background-color: rgba(136,36,29,0.15);} 
/* ============== * ====================== * ============== */
/* ============== * Левая / правая колонки * ============== */
.sidebar .block {margin-bottom: 10px; position: relative;}
.block .block-title {display: block; font-size: 120%; color: #ffffff; padding: 5px 15px; background: #8b241d;}
.block .block-content {padding: 15px; background: #f5f6f6;}
.block .small-star {min-height: 20px; padding-top: .2em; font-size: 105%;}
.block .block-title .skip-link {
  position: absolute; top: 0; right: 0; height: 33px; padding: 0 5px; background:rgba(255, 255, 255, .15);
  font-size: 90%; line-height: 33px; color: #ffffff;
}
.block .block-title .skip-link::after {content: '\25bc';}
.block .block-title .skip-link.skip-active::after {content: '\25b2';}
.sidebar .skip-content {display: none;}
.sidebar .skip-content.skip-active {display: block; width: 100%; position: absolute; z-index: 100;}
/* ----- * индивидуальные стили блоков * ----- */
/* ------- * навигация * ------- */
.left-nav a, .left-nav a:hover {text-decoration: none;}
.left-nav > li {margin-bottom: 15px; padding-left: 30px; position: relative;}
.left-nav > li .mark {
  display: block; width: 13px; height: 13px; border-radius: 7px; background-color: #a7a9ac; position: absolute; top: 5px; left: 3px;
}
.left-nav > li.active .mark, .left-nav > li.open .mark {
  width: 20px; height: 20px; top: 2px; left: 0; background-color: transparent; background-image: url(../images/little-star.png);
}
.left-nav > li.active .mark em, .left-nav > li.open .mark em {display: none;}
.left-nav > li > a {color: #8b241d; font-size: 120%; font-weight: bold;}
.left-nav > li.active .left-nav-lvl2, 
.left-nav > li.open .left-nav-lvl2 {display: block;}
.left-nav-lvl2 {display: none; max-width: 200px; padding-left: 10px;}
.left-nav-lvl2 > li {margin-bottom: 5px;}
.left-nav-lvl2 a {color: #000000; font-size: 107%;}
.left-nav-lvl2 > li.active a {font-weight: bold;}
/* ------ * последние новости * ------ */
.news-latest .item {display: inline-block; width: 100%; max-height: 90px; margin-bottom: 15px; overflow: hidden;}
.news-latest .img-link {float: left;}
.news-latest .news-info {padding-left: 110px; line-height: 1.25;}
.news-latest .date {font-weight: bold; padding-right: 10px;}
.news-latest .name {color: #000000; text-decoration: none;}
.news-latest .name:hover {color: #8b241d;}
.news-latest .small-star {position: absolute; bottom: 5px; right: 10px}
/* ------ * популярные * ------ */
.popular .img-link {text-decoration: none;}
.popular .img-link .img-bs {max-width: 200px; margin-left: auto; margin-right: auto;}
.popular .name {
	display: block; width: 95%; max-height: 60px; margin: 10px auto 20px; overflow: hidden;
	text-align: center; font-size: 107%; color: #000000;
}
.popular .small-star {max-width: 110px; margin: 0 auto;}

/* ============= * ================ * ============= */
/* ============= * Основной контент * ============= */
/* --- * заголовки * --- */
.page-title h1 {font-weight: normal; font-size: 150%; text-transform: uppercase; padding: 15px 0;}
.page-title h1 .pg-num {visibility: hidden; padding-right: 10px; text-transform: lowercase; color: rgba(0,0,0,0.5); font-size: 13px;}
.ttl-bld-mrn {color: #8b241d; font-weight: 700; letter-spacing: 0.15em;}
.prod-descr-title {color: #8b241d; font-weight: 700; font-size: 110%; margin-bottom: 15px;}
.prod-charastr-title {color: #8b241d; font-weight: 700; font-size: 100%; margin-bottom: 5px; border-bottom: 2px solid #c3c3c1;}
.prod-charastr-title.bckgrnd-ttl {padding: 5px 10px 3px; background: #e5e7e6; text-transform: uppercase;}
/* --- бэкграунды --- */
.bckgrnd-black10 {background-color: #f3f3f3;}
.bckgrnd-black07 {background-color: #f9f9f9;}
.bckgrnd-black11 {background-color: #e6e7e8;}
.has-brdr {border: 1px solid rgba(0,0,0,0.1)}
/* ---  --- */
.txt-maroon  {color: #8b241d;}
.txt-blue    {color: #0000ff;}
.txt-skyblue {color: #2188cb;}
.txt-ltgrey  {color: #a7a9ac;}
.txt-dkgrey  {color: #6d6e71;}
.txt-black   {color: #000000;}
.txt-red     {color: #ff0000;}
.txt-sz11  {font-size: 11px;}
.txt-sz16  {font-size: 14px;}
.txt-sz18  {font-size: 16px;} 
.txt-sz20  {font-size: 17.5px;}
.txt-sz22  {font-size: 19px;}
.txt-sz32  {font-size: 29px;}
.txt-sz80p {font-size: 80%;}
.txt-sz90p {font-size: 90%;}
.txt-bold   {font-weight: bold;}
.txt-italic {font-style: italic;}
.txt-normal {font-weight: normal;}
.txt-caps {text-transform: uppercase;}
.soc-grey {color: #a6a8aa; font-size: 14px;}
/* ---- * * ---- */
.no-indent {text-indent: 0;}
.txt-indent05 {text-indent: 0.5em;}
.txt-indent07 {text-indent: 0.7em;}
.algn-center  {text-align: center;}
.ln-hght1  {line-height: 1;}
.ln-hght15 {line-height: 1.5;}
/* ---- * отступы * ---- */
.margn-top10  {margin-top: 10px;}
.margn-top30  {margin-top: 30px;}
.margn-left15 {margin-left: 15px;}
.paddng-top10  {padding-top: 10px;}
.paddng-left07 {padding-left: 0.7em;}
.margn-btm0, .std .margn-btm0   {margin-bottom: 0;}
.margn-btm5, .std .margn-btm5   {margin-bottom: 5px;}
.margn-btm10, .std .margn-btm10 {margin-bottom: 10px;}
.margn-btm15, .std .margn-btm15 {margin-bottom: 15px;}
.margn-btm25, .std .margn-btm25 {margin-bottom: 25px;}
/* ===== * ============  * ===== */
/* ----- * стили списков * ----- */
.std ul, .std ol {margin-bottom: 10px;}
ul > li .label, ul > li .value {display: inline-block;}
/* --- * нумерованные * --- */
.ol-num {list-style-type: decimal; margin-left: 2em;}
.ol-num > li {padding-left: 15px;}
/* --- маркированные --- */
.ul-dusc {list-style-type: disc; margin-left: 1.5em;}
.ul-dush, .little-star, .simbol-star, .square-mark {list-style: none;}
.ul-dush > li {padding-left: 15px; background: url(../images/dash.png) no-repeat; background-position: 0 10px;}
.ul-dush > li.note {background-image: none;}
ul.check > li {position: relative; padding-left: 25px;}
ul.check > li::before {content: '\2714'; position: absolute; left: 0;}
.little-star > li {min-height: 20px; margin-bottom: 3px; padding-left: 30px; background: url(../images/little-star.png) no-repeat; background-size: 17px; background-position: 0 3px;}
.simbol-star > li {position: relative; padding-left: 25px;}
.simbol-star > li span.mark {position: absolute; left: 0; top: 1px; display: inline-block; color: #8b241d; font-weight: bold;}
.square-mark > li {position: relative; padding-left: 25px; min-height: 15px; margin-bottom: 15px;}
.square-mark > li::before {content: '';}
.square-mark > li::before, .square-mark > li .sqr {
    display: block; width: 14px; height: 14px; background-color: #da251d; position: absolute; left: 0; top: 2px;
}
.news-flex .ul-dush {margin-left: 0.7em;}
/* ===== * ===========  * ===== */
/* ----- * стили ссылок * ----- */
a > span.icon, a > span.label {display: inline-block; /*float: left;*/}
.main .star-link, .main .small-star, .main .red-square  {text-decoration: none;}
a.no-decor {text-decoration: none;}
a.no-decor:hover {text-decoration: underline;}
/* -- ссылка-якорь для контента -- */
a.pg-anchor {display: block; height: 2px; transform: translateY(-160px);}
/* --- маркер -звездочка --- */
a.small-star {
  display: block; padding-left: 30px; font-weight: bold; color: #8b241d; 
  background: url(../images/little-star.png) no-repeat left top;
}
a.small-star.pasport {color: #000000; font-weight: normal;}
a.small-star.pasport:hover {color: #8b241d;}
/* --- маркер - красный квадрат --- */
a.red-square {display: block; padding: 5px 0 0 32px; height: 24px; color: #000000; background-position: 0 -770px;}
/* --- ссылка-кнопка --- */
a.button {display: inline-block; padding: 10px; border-radius: 7px; color: #ffffff; background-color: #6d6e71; text-align: center;}
a.button.lght-grey {background-color: rgba(0,0,0,0.1); color: #000000; border: 1px solid black;}
a.button.maroon {background-color: #8b241d}
a.button:hover, .main a.button, .main a.button:hover {text-decoration: none;}
/* --- --- */
a.a-block {display: block;}
a.img-link {display: block;} /* ссылка, обворачивающая фото - должна быть display: block - для SEO */
/* --- подпись для фото с мини картинкой (img слева от текста, предполагается текст в 2 строки) */
.label-mark {display: block; overflow: hidden; font-size: 90%; text-align: left;}
a.label-mark:hover {opacity: 0.6;}
.label-mark .mark {float: left; margin-right: 15px;}
.label-mark .mark.square {display: block; width: 17px; height: 17px; background: #8b241d;}
.label-mark .value {display: block;}
/* ссылка на справочник */
.mark-sprav {display: inline-block; width: 15px; height: 15px; border-radius: 3px; background-color: #e6e7e8;}
/* --- ссылка на альтернативную версию страницы - в конце страницы --- */
a.for-alternate {display: block; width: 100%; margin-right: auto; margin-left: auto; text-align: right; color: #465567; font-size: 80%;}
/* ---------------- стили для кнопки "вернутся в начало страницы" ------------------ */
.button-fxd {position: fixed; bottom: 30px; right: 0; z-index: 200;}
a.up-buttom {
	display: block; width: 40px; height: 40px; padding: 3px 0 0; background-color: #8b241d;
	color: #ffffff; font-size: 30px; text-align: center; text-decoration: none; line-height: 1;
}
a.link {display: block; text-decoration: none; color: #000000;}
a.link.ico {padding-left: 40px; background-size: 25px; background-position: left center; background-repeat: no-repeat;}
.ico.look {background-image: url(../images/look-icon-40_1.svg)}
.ico.load {background-image: url(../images/download-ic-40.svg)}
/* ============== * ========================= * ============== */
/* ============== * различные блоки и колонки * ============== */
/* -- блок (с фоном) и фото-иконкой (может быть ссылкой)
   -- макимальный размер фото - 80px; фон прописывается по отдельному классу 
   -- .blk-w-icon.left - иконка слева; .blk-w-icon.right - иконка справа */
.blk-w-icon {overflow: hidden; line-height: 1.2;}
.blk-w-icon.small {max-width: 300px;}
.blk-w-icon.w-bg {padding: 5px;} /* если предполагается бекграунд */
.blk-w-icon .ico {width: 45px;}
.blk-w-icon .value {display: block; padding-top: 3px;}
.blk-w-icon.left .ico {margin-right: 15px; float: left;}
.blk-w-icon.right .ico {margin-left: 15px; float: right;}
.blk-w-icon.small.right {padding-left: 10px;}
a.blk-w-icon {display: block; color: #000000; text-decoration: none;}
a.blk-w-icon:hover {opacity: .8;}
/* ----------- -------------------------------- --------------- */
/* ---- для размещения контент колонками - фото и текст -
 --- создавалось для главной - фото "подвешены", контент на белом фоне --
 --- .hanging-img - для изображений - ширина контейнера - 520px */

.hanging-img-plus {position: relative; display: inline-block; width: 100%; margin-top: 30px;}
.hanging-img-plus:first-child {margin-top: 0;}
.hanging-img-plus .ttl-bld-mrn {margin-bottom: 0; text-indent: 0.5em; text-align: justify;}
.hanging-img-plus .hanging-img {
	display: flex; flex-direction: column; justify-content: center;  align-items: center;
	width: 100%; margin-top: 15px; margin-bottom: 10px; float: left;
}
.hanging-img-plus .hanging-img img {height: 100px;}
.hanging-img-plus .hanging-img .img-box {width: 100px;}
.hanging-img-plus .hanging-img .img-box img {margin-bottom: 7px;}
.hanging-img-plus .hanging-img .img-box img {width: 100%;}
.hanging-img-plus .hanging-img img.mark {width: auto; height: auto;}
.hanging-img-plus .hanging-img .img-box .label-mark .mark {float: left; margin-right: 15px;}
.hanging-img-plus .hanging-img .img-box .note {font-size: 85%; text-align: center;}
.hanging-img-plus .hanging-img.two-img {/* для двух изображений */
	display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start; flex-wrap: wrap;
}
.hanging-img-plus .hanging-img.no-otstup {margin-top: 0; margin-bottom: 0;}
.hanging-img-plus .hanging-plus {width: 98%;}
/* -- изображение справа --- */
.hanging-img-plus.img-rght .hanging-img {float: right;}
/* -- -- */
.hanging-img-plus.no-otstup {margin-top: 0;}
.hanging-img-plus.no-otstup .hanging-img {margin-top: 0; margin-bottom: 0;}
.hanging-img-plus.no-otstup .hanging-plus {padding: 0; font-size: 100%}
.hanging-img-plus .little-star > li {background-position: 0 2px;}
/* ----------- -------------------------------- --------------- */
/* две колонки - в одной изображения, в другой текст - 
 --- макс.ширина контейнера для изображений 248px --- */
.img-plus-txt {overflow: hidden;}
.img-plus-txt .images {width: 100px;}
.img-plus-txt.img-left .images {float: left;}
.img-plus-txt.img-rght .images {float: right;}
.img-plus-txt .images img {width: 100%;}
.img-plus-txt .images > img, 
.img-plus-txt .images .img-box {width: 100%; margin-bottom: 7px;}
.img-plus-txt .images .img-box img {margin-bottom: 4px;}
.img-plus-txt.img-left .button {float: left;}
.img-plus-txt.img-rght .button {float: right;}
.img-plus-txt .images .note {
    max-width: 240px; max-height: 45px; margin-left: auto; margin-right: auto; overflow: hidden; text-align: center; font-size: 12px;
}
/* ---  дополнительный стиль - изображение обтекается текстом - размер изображения для деск-тор не задан */
.img-plus-txt.flow {}
.img-plus-txt.flow.img-left .images {margin-right: 15px;}
.img-plus-txt.flow.img-rght .images {margin-left: 15px;}
.img-plus-txt.flow .images .img-box {margin-bottom: 15px;}
/* ----------- -------------------------------- --------------- */
/* ---- для размещения контент колонками - фото и текст -
 * -- на десктоп изображения справа -- на мобильном фото внизу ---  */
.imgs-and-txt {}
.imgs-and-txt .media {float: right; margin-left: 15px;} /* контейнер с фото - по умолчанию 1 фото */
.imgs-and-txt .media img.small {height: 100px; max-width: 100%;}
.imgs-and-txt .content {} /* контейнер с тестом */
/* секция - текст и одно или 2 фото */
.imgs-and-txt .section.simple {overflow: hidden;}
.imgs-and-txt .section.simple .media {float: none; margin-left: auto; margin-right: auto;}
/* секция - текст и много фото (4 и больше) */
.imgs-and-txt .section.complex {display: flex; flex-direction: column-reverse;}
.imgs-and-txt .media.doble img.small, 
.imgs-and-txt .media.multi img.small {height: auto; width: 130px; margin: 5px; display: inline-block;}
.imgs-and-txt .media.multi .trio {} /* на десктоп - 3 img в ряд */
.imgs-and-txt .media .foto-label {text-align: center; font-size: 90%; padding-bottom: 7px;}
.imgs-and-txt .media .foto-label.note {font-size: 12px;}
.imgs-and-txt .media img.mark, .imgs-and-txt .media .img-box img.mark {width: auto; height: auto;}
.imgs-and-txt .media .img-box .label-mark .mark {float: left; margin-right: 15px;}
/* .media на mobil по средине */
.imgs-and-txt.double-float .media {float: none; margin: 10px 0}
.imgs-and-txt.double-float .media img {margin-left: auto; margin-right: auto;}
/* ----------- ----------------------------- --------------- */
/* ---- * flex-box - можно использовать как доп класс * ---- */
.ul-flex {display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.ul-flex.double-img > li, .ul-flex.trio > li {width: 49.5%; max-width: 520px;}
.ul-flex.double-img > li img.small {width: 100%; max-width: 501px; margin-right: auto; margin-left: auto;}
.ul-flex.multi-imgs img.small {width: 140px;}
.ul-flex.trio .img-bs {margin-right: auto; margin-left: auto;}
.ul-flex.trio .label {float: none; text-align: center; line-height: 1.2; padding-top: .5em;}
.ul-flex.trio .mw-160 {max-width: 160px; margin-left: auto; margin-right: auto;}
.flex-colmn-row {display: flex; flex-direction: column; justify-content: flex-start; list-style: none;}
.flex-colmn-row > li:nth-child(even) {margin-top: 20px;}
/* ------------  --------- */
.two-col {overflow: hidden;}
.two-columns {display: flex; flex-direction: column-reverse; margin-top: 25px;}
.two-columns .cont-imgs img {width: 100%; max-width: 501px; margin-top: 10px; margin-left: auto;}
.two-columns .cont-imgs img:first-child {margin-top: 0;}
/* -- -- */
.ul-2col, .ul-3col {display: flex; flex-direction: row; justify-content: space-between; list-style: none;}
.ul-2col.flex-wr {flex-wrap: wrap;}
.ul-3col.ul-3col-img > li img {width: 100%;}
/* -- ассиметричные колонки,  big - большая (по умолчаню 2/3 ширины) -- */
.asymmetry-clmns {display: inline-block; width: 100%;}
.asymmetry-clmns .sml {margin-top: 10px;}
.asymmetry-clmns.sml-flt .sml {float: right;}
/* ----------- ----------------------------- --------------- */
/* ----------------- * таблица- список * ------------------- */
.ul-tbl {display: table; width: 100%;}
.ul-tbl > li {display: table-row;}
.ul-tbl > li.tbl-caption {display: table-caption;}
.ul-tbl > li .tbl-cell {display: table-cell;}
.tbl-cell .vertal-top {vertical-align: top;}
.tbl-cell.cellpdng-50 {padding: 5px 0;}
/* ----------- ----------------------------- --------------- */
.items-grid a {text-decoration: none;}
.items-grid .name {margin-top: 10px; font-size: 105%; font-weight: bold; text-align: center;}
.items-grid .img-bs:hover {transform: scale(1.05);}
.items-grid .name:hover {color: #8b241d;}
/* ----------- ----------------------------- --------------- */
.link-region {position: relative; width: 230px; height: 32px; padding-left: 65px; color: #000000;}
.link-region > img {height: 32px; position: absolute; top: 0; left: 0;}
.link-region .value {display: block; font-size: 13px; padding: 0 10px;}
.link-region.w-bg .value {background-color: #dfdfdd}
.main .link-region {text-decoration: none;}

/* ===== * ======================================= * ===== */
/* ===== * вывод увеличенного фото - типа lightbox * ===== */
a.skip-zoom {color: #000000;}
.std a.skip-zoom {text-decoration: none;}
.skip-content.skip-zoom {display: none;}
.skip-content.skip-zoom.skip-active {
    position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 500; background: rgba(0,0,0,0.7); padding-top: 120px;
    display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.skip-zoom .close {
    display: none; position: absolute; background: rgba(0,0,0,0.5); padding: 2px 7px;
    font-size: 25px; font-weight: bold; line-height: 1; color: #ffffff;
}
a.skip-zoom img.small, a.skip-zoom iframe.small {max-width: 100%;}
.skip-zoom.skip-active .zoom-cont {max-width: 95%; position: relative;}
.skip-zoom.skip-active .zoom-cont .close {display: block; right: 0; top: 0;}
.skip-zoom.skip-active .zoom-cont img {width: 100%; max-height: 100%; margin: 0;}
.skip-zoom.skip-active .zoom-cont .label {padding: 5px; background: rgba(255,255,255,0.7); text-align: center;}
.hanging-img-plus .skip-content.skip-zoom img {height: auto;}
/* -------- ---------------------------- ------------ */
/* --- контейнер со всплывающим блоком (на hover) --- */
.popup-contr {position: relative; cursor: pointer;}
.popup-contr .popup-box {display: none;} /* для блока .popup-box обязятелен доп класс .skip-content */
.popup-contr .label {width: 100%; color: #000000; line-height: 1.1; position: relative;} /* для этого блока обязятелен доп класс .skip-link */
.popup-contr .skip-link:after {content: '\25bc'; position: absolute; right: 0; bottom: 0;}
.popup-contr .skip-link.skip-active:after {content: '\00D7'}
.popup-contr .popup-box.skip-active {display: block; position: absolute; padding: 5px; background: #ffffff; z-index: 50;}


/* ================== * ======================= * ================== */
/* ================== * Основные стили каталога * ================== */
/* ============== * стили страницы результат поиска * ============== */
.result-grid {display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap;} /* for catalogseach list */
.result-grid .item {margin-top: 15px;}
.result-grid .item:first-child {margin-top: 0;}
.result-grid .img-cont {float: left;}
.result-grid .img-cont img {width: 90px;}
.result-grid .product-inf {float: right; width: calc(100% - 115px);}
.result-grid .product-name {display: block; margin-bottom: 5px; color: #8b241d; font-size: 120%; font-weight: bold; text-decoration: none;}
.result-grid .product-name span {display: block; height: 38px; overflow: hidden;}
.result-grid .descr-cont {max-height: 65px; margin-bottom: 15px; overflow: hidden;}
.result-grid .price-cont {position: relative; float: left;}
.result-grid .price-cont .price-box {padding-left: 45px;}
.result-grid .price-cont .price-box.refine-pric {padding-left: 0}
.result-grid .price-cont.grouped {overflow: hidden; padding-left: 75px;}
.result-grid .price-cont.grouped .price-box {padding-left: 0;}
.result-grid .price-cont > .price-label {position: absolute; left: 0; top: 0; line-height: 1.2;}
.result-grid .price-box .price {min-width: 70px; text-align: right;}
.result-grid .price-box .price-symbol {padding-left: 5px;}
.result-grid .price-reference {display: table; width: 100%; margin-top: 5px; font-size: 11px; color: #a7a9ac;}
.result-grid .price-reference > span {display: table-cell;}
.result-grid .price-reference .price-label {width: 95px;}
.result-grid .price-reference .price {font-size: 12px; width: calc(100% - 95px - 26px); text-align: center;}
.result-grid .price-reference .price-symbol {width: 24px; text-align: center;}
.result-grid .price-reference.note {margin-top: 0}
.result-grid .small-star-link {display: block; float: right; padding: 5px 20px 0 0; text-decoration: none; color: #000000; position: relative;}
.result-grid .small-star-link i {position: absolute; right: 0; top: 4px; color: #8b241d; font-size: 110%; font-weight: bold;}
/* ================== * ================== * ================== */
/* ================== * Страницы категорий * ================== */
.category-title {text-transform: uppercase; font-size: 150%; margin: 20px 0;}
.category-title.no-image {margin: 15px 0;}
.category-title  h1 {display: inline-block; background: rgba(229,231,230,0.6); font-weight: normal;}
/* --- toolbar --- */
.toolbar, .sorter {position: relative;}
.toolbar {background: #e5e7e6; display: inline-block; width: 100%; margin-bottom: 15px; padding: 3px 7px; font-size: 12px;}
.toolbar-bottom .toolbar {margin-top: 20px;}
.toolbar.pdn-bttm {padding-bottom: 21px;}
.toolbar select, .pager .nums li .current {background-color: rgba(255,255,255,.8);}
.toolbar .limiter {float: left; position: relative; z-index: 15;}
.toolbar .sorter {float: right; padding-right: 12px;}
.limiter label::before {content: 'на стр.';}
.sorter .switcher {
  position: absolute; top: 0; right: 0; display: block; width: 9px; 
  color: #ff4500; font-size: 18px; line-height: 21px;
}
.sorter .switcher.asc {
  -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
}
.sorter .switcher:hover {text-decoration: none;}
.toolbar .pager {position: absolute; left: 7px; right: 7px; bottom: 2px; text-align: center;}
.pager .pages, .pager .nums, .pager .nums li {display: inline-block;}
.pager .pages {padding: 0 20px;}
.pager .pages, .pager .nums li {position: relative;}
.pager .switch {position: absolute; top: 0; font-size: 17px; font-weight: bold; line-height: 18px;}
.pager .switch.prevs {left: 0;}
.pager .switch.next {right: 0;}
.pager a {color: #000000; text-decoration: none;}
.pager .nums li {line-height: 1; font-size: 14px; font-weight: bold;}
.pager .nums li:nth-child(n+2) {padding-left: 8px;}
.pager .nums li:nth-child(n+2)::before {content: '\2022'; position: absolute; left: 3px; line-height: 18px;}
.pager .nums li .current, .pager .nums li a {display: block; padding: 2px 5px;}
/* ---  --- */
.subcat-menu {display: inline-block;}
.subcat-menu .name {display: block; padding: 3px 5px; background-color: rgba(139,36,29,.1);	color: #000000; text-decoration: none;}
.subcat-menu .name:hover {color: #8b241d;}
.category-products {position: relative; margin-bottom: 25px;}
.arenda-info a {text-decoration: underline;}
.arenda-info a:hover {text-decoration: none;}
/* --- --- */
.price-box {line-height: 1;}
.price-box > p {display: inline-block; width: 100%; margin: 0;}
.price-box > p span {display: inline-block; padding-bottom: 10px;}
.price-box > p:last-child span {padding-bottom: 0;}
.price-box .price {color: #8b241d; font-weight: 700;}
.old-price .price {color: #6d6e71; text-decoration: line-through;}
.price-cont {position: relative;}
.price-cont .reference {color: #a7a9ac; font-size: 10px; font-weight: normal; position: absolute; left: 0;}
.price-cont .remark {bottom: 0;}
/* ------- * -------------- * ------ */
/* ------- * список товаров * ------ */
.products-grid .itm {position: relative; height: 202px; margin-top: 20px; background-color: rgba(243,243,243,1); border: 1px solid #c3c3c1;}
.products-grid .product-image {width: 65px; float: left;}
.products-grid .product-image img {width: 100%;}
.products-grid .product-name {
	display: inline-block; width: calc(100% - 65px); height: 66px; padding: 10px; background-color: #8b241d;
	color: #ffffff; font-size: 140%; font-weight: normal; text-align: center; text-decoration: none;
}
.products-grid .product-name:hover {background-color: #aa423b; text-decoration: none;}
.products-grid .product-name > span {display: inline-block; width: 100%;}
.products-grid .product-inf {background-color: #f3f3f3; padding: 7px 15px 75px;}
.products-grid .product-inf.no-price {padding-bottom: 35px}
/* -- раскрывающееся краткое описание -- */
.products-grid .descr-cont {position: relative; height: 64px; padding-bottom: 16px; overflow: hidden;}
.products-grid .descr-cont p {margin-bottom: 0;}
.products-grid .descr-cont .skip-link {width: 100%; height: 16px; background-color: #ffffff;	position: absolute; left: 0; bottom: 0;}
.products-grid .descr-cont .skip-link::before, .products-grid .descr-cont .skip-link::after {position: absolute;}
.products-grid .descr-cont .skip-link::before {
  content: '...'; color: black; font-size: 17px; font-weight: bold; left: 5px; bottom: 0;
}
.products-grid .descr-cont .skip-link::after {content: '\25bc'; color: #a7a9ac; line-height: 16px; right: 2px;}
.products-grid .descr-cont.skip-active {
	position: absolute; left: 5px; z-index: 100; height: auto; margin: 0 -10px; padding: 0 10px 10px; 
  border-bottom: 1px solid rgba(0,0,0,0.4); background-color: #f3f3f3;
}
.products-grid .descr-cont .skip-link.skip-active {background: transparent;}
.products-grid .descr-cont .skip-link.skip-active::before {display: none;}
.products-grid .descr-cont .skip-link.skip-active::after {content: '\2716'; border-radius: 50%; padding: 2px 4px 0; border: 1px solid #a7a9ac; bottom: 0;}
/* -- стили блока с ценами --- */
.products-grid .price-cont {position: absolute; left: 15px; right: 10px; bottom: 7px; padding-right: 100px; padding-bottom: 20px;}
.products-grid .price-cont .remark {bottom: -10px;}
.products-grid .price-cont .price-box {padding-left: 45px;}
.products-grid .price-cont .price-box.refine-price {padding-left: 0}
.products-grid .price-box.refine-price .price {font-size: 130%}
.products-grid .price-cont > .price-label {position: absolute; left: 0; top: 6px; line-height: 1.2;}
.products-grid .price-box .price {font-size: 160%; min-width: 70px; text-align: right;}
.products-grid .price-box .price-symbol {padding-left: 5px;}
.products-grid .price-cont.grouped {overflow: hidden; padding-left: 55px; padding-bottom: 5px;}
.products-grid .price-cont.grouped .price-box {padding-left: 0;}
/* -- end price-box --- */
.products-grid .small-star-link {
	height: 32px; padding: 8px 40px 0 0; background: url(../images/little-star-plus.png) right center no-repeat;
  position: absolute; bottom: 5px; right: 5px; text-decoration: none; color: #000000; font-size: 105%;
}
.products-grid.cat-id4 .itm {height: 162px;}
/* --- нижняя часть страницы --- */
.catalog-category-view .home-info {background: #e5e7e6; margin-bottom: 30px;}
.category-description {margin-bottom: 25px;}
.category-desc-title {background: #e5e7e6; position: relative;}
.category-desc-title h2 {padding: 40px 0 10px; font-size: 120%; text-align: center;}
.category-desc-title .desc-ttl-img {
  width: 150px; height: 30px; padding: 0 5px; background: #ffffff; 
  position: absolute; top: 0; left: calc((100% - 150px)/2); right: calc((100% - 150px)/2);
}
.category-desc-title .desc-ttl-img > img {width: 100%;}
.category-description .buttons.trio .button,
.category-description .news-list .news-item {width: 100%; max-width: 250px; margin: 3px auto; padding: 7px 12px;}
.category-description .news-list .link {display: inline-block; width: 100%}
.catalog-category-view .hanging-img-plus .hanging-plus {padding: 0; font-size: 110%;}
/* ================== * ================= * ================== */
/* ================== * стили стр товара * ================== */
.catalog-product-view #nav, .review-product-list #nav {border-bottom: 6px solid #8b241d;}
.catalog-product-view .col-main, .review-product-list .col-main {margin-top: 10px;}
.review-product-list .messages {margin-bottom: 25px;}
.product-essential {margin-bottom: 30px; position: relative;}
.product-essential .product-img-box {width: 250px; min-height: 250px; margin: 0 auto; position: relative;}
.product-essential .product-img-box img {
	width: 100%; max-width: 420px; margin-right: auto; margin-left: auto; /*исходная позиция элемента*/
	background: rgba(255,255,255,0.6);
}
/* css анимация - дрожание 
.product-essential .gallery-image:hover {
	animation: bouncing 120ms cubic-bezier(0.1,0.25,0.1,1) 0s 3 normal both;
}
@keyframes bouncing{
  0%  { position: absolute; left: 0; box-shadow: 0 0 20px rgba(0,0,0,0.5); }
  90% { left: 25px; box-shadow: 20px 0 50px rgba(0,0,0,0.1); }
  100% { position: static; box-shadow: 0;}
}*/
/* -- блок ссылка с картой  -- */
.product-img-box .link {position: relative; width: 250px; margin-bottom: 10px;}
.product-img-box .link .ico {
  width: auto; height: 32px; 
  position: absolute; left: 0; top: 50%; transform: translateY(-50%);
}
.product-img-box .link .value {padding-left: 65px; line-height: 1.15;}
.product-img-box .link .ico:hover {
  -webkit-transform: scale(1.3); -moz-transform: scale(1.3);
  -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3);
}
.product-img-box .link:hover .value {color: #8b241d;}
.product-img-box .prod-region {height: 32px;}
.product-img-box .prod-region .value {margin-top: 4px}
.product-img-box .prod-toua {height: 45px;}
.product-img-box .prod-toua .ico {width: 42px;}
/* -- конц блока --- */
.product-essential .product-name {
  margin: 0 0 10px; text-transform: uppercase; text-align: center; 
  font-family: 'PT Sans Narrow', helvetica, arial; font-size: 19px;
}
.product-essential .product-name h1 {font-weight: 700; letter-spacing: .2pt;}
.product-essential .product-shop { font-size: 15px;}
.product-shop .short-descr {font-family: 'PT Sans', helvetica, arial; letter-spacing: 0.2pt;}
/* -- блок для товаров кат. Оборудование и материалы под заказ. -- */
.prod-podzakaz {font-size: 13px; text-align: center; margin-bottom: 1em;}
.prod-podzakaz .value {color: #8b241d;}
.prod-podzakaz .value::before {content: '\26A0'; padding-right: 7px; font-size: 15px;}
.prod-podzakaz .value::after {content: '\2013'; padding-left: 7px}
.prod-podzakaz .send {display: block;}
.prod-podzakaz .send::after {content: '\003E'; padding-left: 5px}
/* -- -- */
.product-shop .short-descr .lable {padding-right: 7px;}
/* -- блок - банер (бекграунд (по дополнит класу), иконка, надпись) -- */
.show-box {position: relative; margin-top: 20px; padding: 5px;}
a.show-box {display: block; text-decoration: none; color: #000000;}
.show-box.lght-green {background: rgba(120,210,0,.17)}
.show-box .icn-box {display: none;}
.show-box .icn-box img {width: 100%;}
.show-box .content {font-family: 'PT Sans', helvetica, arial; text-align: center;}
.show-box .content .show-title {color: #8b241d; font-size: 13px;}
.show-box .content .note {font-size: 10px;}
.store-uk .show-box .content .note {font-size: 11px;}
a.show-box.lght-green:hover {background: rgba(120,210,0,1);}
a.show-box:hover, a.show-box:hover .show-title {color: #ffffff;}
/* -- конц блока --- */
.product-shop .prod-downloads {flex-direction: column; max-width: 250px; margin: 20px auto 0;}
.product-shop .prod-downloads .link {margin-bottom: 8px;}
.product-shop .product-atribts {margin-top: 15px; font-weight: 700;}
.product-atribts .label {padding-right: 7px}
.product-atribts .value {color: #8b241d;}
.product-atribts .country .ico {display: none;}
.product-atribts .country .label::after {content: '\2013';}
.availability {display: inline-block; width: 100%; margin-top: 7px}
.availability .stock, .availability .sku-cont {display: inline-block;}
.availability .stock, .product-buttons a.button {font-weight: 700;}
/*.availability .stock {font-size: 110%;}*/
.availability .stock.in-stock {color: #32CD32;}
.availability .sku-cont {color: #6d6e71; font-weight: normal; float: right;}
.availability .sku-cont .label {padding-right: 10px;}
/* -- -- */
.product-shop .price-cont {position: relative; margin-top: 20px; padding-left: 135px;}
.product-shop .price-cont > .price-label {
	display: block; line-height: 1; font-size: 90%; position: absolute; top: 5px; left: 0;
}
.product-shop .price-box {padding-bottom: 16px; text-align: right;}
.product-shop .price-box .price {font-size: 195%; font-weight: 700; min-width: 120px; text-align: right;}
.product-shop .refine-price .price {font-size: 120%; color: #8b241d; float: right;}
.product-shop .reference.price {top: 20px;}
.product-shop .reference.remark {bottom: -2px; font-size: 12px; width: 100%; padding-right: 20px; letter-spacing: .03em;}
.product-buttons {
	display: flex; flex-direction: row; justify-content: space-between; margin-top: 25px;
}
.product-buttons > li {max-width: 49%;}
.product-buttons a.button {width: 100%; max-width: 290px; padding: 10px 15px; border-radius: 7px; text-align: center; font-size: 95%;}
.product-buttons a.button:hover {background-color: #808284;}
.product-buttons a.button.maroon {background-color: #8b241d; max-width: 305px;}
.product-buttons a.button.maroon:hover {background-color: #aa423b;}
.product-buttons .note {margin: 4px 0 0; font-size: 11px; text-align: center;}
.product-social {width: 30px; position: absolute; left: 0; top: 100px;}
.product-social .note {display: none; font-size: 77%; width: 145px; margin-bottom: 7px;}
.product-social .share42init {display: inline-block;}
.store-uk .product-shop .price-cont > .price-label {letter-spacing: .1em;}
.store-uk .product-shop .reference.remark {letter-spacing: .08em;}
/* -----------  product-grouped --------------- */
.product-grouped {margin-top: 30px;}
.product-grouped .price-note {font-weight: normal; font-size: 10px; text-align: right;}
.product-grouped .table {list-style: none; border-bottom: 1px solid #e6e7e8;}
.product-grouped .table > li {overflow: hidden; padding: 10px; background-color: #f5f6f6;}
.product-grouped .table > li:nth-child(even) {background-color: #ffffff;}
.product-grouped .table .tbl-cell {float: left; padding: 0 5px; min-height: 19px;}
.product-grouped .table .tbl-cell.name {width: 50%;}
.product-grouped .table .tbl-cell.sku {font-size: 85%; padding-top: 2px;}
.product-grouped .table .tbl-cell.weight {width: 70px; margin-left: 10px; text-align: right;}
.product-grouped .table .tbl-cell.price-box {float: right; margin-top: 0; min-width: 110px;}
.product-grouped .table .price-box.zakaz {text-align: center;}
.product-grouped .table .price-box .symbol {font-size: 80%; font-weight: normal;}
.product-grouped .table .price-box .price {font-size: 120%; min-width: 50px; padding: 0 5px; color: #8b241d;}
.product-grouped .table.cell-4 .tbl-cell.name {width: 35%;}
/* -------  групповые товары - стили к шаблону с изображением ------- */
.grouped.detailed {margin-top: 0; border-bottom: 2px solid #f5f6f6;}
.grouped.detailed .row, .grouped.detailed .prod-title {overflow: hidden;}
.grouped.detailed .row:nth-child(odd) {background-color: #f5f6f6;}
.grouped.detailed .cell {padding: 5px;}
.grouped.detailed .image {float: left;}
.grouped.detailed .cell.info {padding-left: 115px;}
.grouped.detailed .info .label {padding-right: 5px; font-size: 85%;}
.grouped.detailed .prod-title span {display: inline-block;}
.grouped.detailed .prod-title .name {font-weight: bold;}
.grouped.detailed .prod-title .sku {float: right; font-size: 12px; margin-top: 4px;}
.grouped.detailed .prod-desc {padding: 7px 0; font-size: 13px;}
.grouped.detailed .prod-desc .lable {padding-right: 5px;}
.grouped.detailed .prod-price {float: right; margin:0 0 5px;}
.grouped.detailed .prod-price .stock {color: #8b241d; font-weight: bold;}
.grouped.detailed .price-box .price {font-size: 115%; min-width: 60px;}
.grouped.detailed .price-box .price-symbol {font-size: 11px; padding-left: 5px;}
.store-uk .grouped.detailed .prod-price .stock {line-height: 1.1; text-align: center;}
/* -------------------   ----------------------- */
.product-collateral {font-size: 120%;}
.product-collateral .txt-sz80p {font-size: 80%;}
.product-collateral .txt-sz85p {font-size: 85%;}
.product-collateral .txt-sz105p {font-size: 105%;}
.product-collateral .ul-2col.multi > li {margin-bottom: 25px; overflow: hidden;}
.product-collateral .prod-descr-title {margin-bottom: 5px; line-height: 1.1;}
.toggle-tabs {display: none; overflow: hidden; border-bottom: 2px solid #6d6e71;}
.toggle-tabs, .collateral-tabs .tab {background-color: #f3f3f3; color: #6d6e71; font-family: arial;}
.toggle-tabs > li {float: left; position: relative; cursor: pointer; font-size: 133%;}
.toggle-tabs > li {background-image: url(../images/icon_sprite.png); background-position: 100% -960px; background-repeat: no-repeat;}
.toggle-tabs > li.current {background-image: none; cursor: auto;}
.toggle-tabs > li > .label {display: block; min-width: 180px; padding: 10px 45px; text-align: center;}
.toggle-tabs > li.current > .label {position: relative; left: -2px; padding: 10px 45px; background-color: #6d6e71; color: #ffffff;}
.collateral-tabs .tab {border-bottom: 1px solid #6d6e71; position: relative; font-size: 110%; font-weight: bold; /*font-size: 125%;*/}
.collateral-tabs .tab > .label {
	display: inline-block; width: 100%; padding: 10px 25px; text-align: center; line-height: 1.1;
}
.accordion-open .collateral-tabs .tab.current > .label {background-color: #6d6e71; color: #ffffff;}
.accordion-open .collateral-tabs .tab.current > .icon {position: absolute; top: 10px; right: 5px; width: 25px; height: 25px; background-position: -70px -540px;}
.collateral-tabs .tab-container {display: none;}
.accordion-open .collateral-tabs dd.current {display: block; padding: 15px 0 10px;}
.tab-container .hanging-img-plus {margin: 0;}
.tab-container .hanging-img-plus .hanging-plus {padding-top: 10px; font-size: 100%;}
.tab-container .ul-2col {display: block; margin-bottom: 0;}
.tab-container .ul-2col.multi .img-float {width: 100px;}
.tab-container .ul-tbl {line-height: 1; margin-bottom: 10px;}
.tab-container .ul-tbl .tbl-cell {border-bottom: 1px solid #c3c3c1; vertical-align: middle;}
.tab-container .ul-tbl .tbl-cell:first-child,
.tab-container .ul-tbl .tbl-cell.pddng-5-0 {padding: 5px 0;}
.tab-container .ul-tbl .double .tbl-cell {border-bottom: none;}
.tab-container .ul-tbl .double .tbl-cell:first-child {padding: 5px 0 0;}
.tab-container .ul-tbl .tbl-cell .value {display: block; float: left; width: 50%; padding: 5px 0; line-height: 1;}
.tab-container .ul-tbl .tbl-cell .value.one {width: 100%; float: none;}
.tab-container .ul-tbl .tbl-cell .value.paddng-0 {padding: 0;}
.tab-container .ul-tbl .tbl-cell .value .label {padding: 2px 5px; background: #6d6e71; color: #ffffff;}
.tab-container .ul-tbl > li.tbl-hat .tbl-cell {border-bottom: 2px solid #c3c3c1;}
.tab-container .ul-tbl > li.tbl-hat-lv2 {background: #f3f3f3;}
.tab-container .ul-tbl > li.tbl-hat-lv2 .tbl-cell {padding: 0; border-bottom: 0; font-size: 80%;}
.tab-container .ul-tbl > li.tbl-hat-lv2 .label {display: inline-block; padding: 5px; background: #6d6e71; color: #ffffff;}
.tab-container .ul-tbl > li.tbl-hat-lv2 .value {padding: 0; font-weight: 600;}
.tab-container .ul-tbl.ul-tbl2 {margin-bottom: 0;}
.tab-container .ul-tbl.ul-tbl2 .tbl-cell:first-child {background-color: #f9f9f9; padding-left: 3px;}
.descr-section {margin-top: 30px; overflow: hidden;}
.descr-section.margn-top15 {margin-top: 15px;}
.descr-ttl-lvl2 {padding: 5px; background-color: #f3f3f3; text-align: center;}
.tab-container .video-title {margin-bottom: 7px;}
.ul-flex.product-video {justify-content: space-between;}
.ul-flex.product-video > li > iframe {width: 100%;}
.tab-container .descr-section.section {margin-top: 0;}
.tab-container .section {margin-bottom: 30px; padding: 0 0 7px; border-bottom: 2px dotted #aaa;}
.tab-container table p {margin-bottom: 0;}
.tab-container table {width: 100%; font-size: 90%; border-collapse: collapse;}
.tab-container table th {padding: 7px 5px; background-color: #eeefef; font-weight: bold; text-align: center;}
.tab-container table th.name {padding-left: 20px; text-align: left;}
.tab-container table th.double {padding: 7px 5px 0;}
.tab-container table td {padding: 7px 5px; border-bottom: 1px dotted #aaa; text-align: center;}
.tab-container table td.name {font-size: 95%; text-align: left;}
.tab-container table td.double {border-bottom: none; padding: 7px 5px 0;}
.tab-container table .valgn-bttm {vertical-align: bottom;}
.tab-container table .valgn-top {vertical-align: top;}
.tab-container table.zebra tbody tr:nth-child(odd) {background-color: rgba(0,0,0,0.03)}
table.table-img td {padding: 10px 0; vertical-align: middle; text-align: left;}
table.table-img td > img {margin: 0 15px 0 5px;}
/* -------------------   ----------------------- */
.box-collateral {margin-top: 40px;}
.box-collateral .box-title {background-color: #f3f3f3; border-bottom: 2px solid #6d6e71;}
.box-title .box-coll-title {display: inline-block; padding: 10px; background-color: #6d6e71; 
	color: #ffffff; font-family: arial; font-size: 150%; font-weight: normal; text-align: center;}
.box-collateral .products-grid-col {display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; padding: 20px 0 0;}
.products-grid-col > li {width: 50%; max-width: 264px;}
.products-grid-col .product-image {display: block;}
.products-grid-col img {margin-left: auto; margin-right: auto; max-width: 100%;}
.products-grid-col .product-name {font-size: 107%; text-transform: none; text-align: center; padding: 0 5px;}
.products-grid-col .product-name a {display: inline-block; width: 100%; height: 36px; overflow: hidden; color: #000000;}
/* -- стили для тегов (атрибут words_sh) -- */
.box-collateral.box-tags {overflow: hidden; font-size: 90%; margin: 10px 0 25px;}
.box-collateral.box-tags .tag-title {background-color: #e6e7e8; margin-right: 10px; padding: 2px 5px 0; color: #808284; float: left;}
/* -- стили для атрибута статьи -- */
.box-collateral.box-posts {padding: 0 0 10px;}
.box-collateral.box-posts .products-grid-col {padding: 10px 10px 0; justify-content: space-between;}
.box-posts .products-grid-col > li {width: 49%; max-width: 512px; margin-bottom: 10px; font-size: 120%;}
.box-posts .news-list {padding-top: 20px;}
.box-posts .news-list .date {font-size: 12px;}
.box-posts .news-list .news-descr {font-size: .9em;}
/* -- стили для атрибута отзывы -- */
/* --- для вклавки Отзывы --- */
.reviwes-colmns .review-list {margin-bottom: 15px;}
.review-list .label {padding-right: 5px;}
.review-list dl:nth-child(n+2) {margin-left: 15px;}
.review-list dt {padding-bottom: 3px; line-height: 1.2;}
.review-list dd .value {margin-bottom: 5px;}
.review-list .ftr {padding-left: 10px; font-size: 14px;}
.review-list .rating {height: 17px;}
.review-list .rating > i {display: inline-block; vertical-align: middle;}
.review-list .rating .rate {height: 17px; width: 65px; position: relative;}
.review-list .rating .rate::before {
  content: '\2606\2606\2606\2606\2606'; font-size: 16px; line-height: 1;
  position: absolute; left: 0; top: 1px; z-index: 5;
}
.rating .filling {display: block; height: 16px; background: rgba(255,140,0,1);}
.review-list .ftr .date {padding-top: 2px;}
.review-form {width: 290px; margin: 0 auto;}
.review-form .head {padding-bottom: 7px; font-weight: 600; color: #8b241d;}
.review-form .rating .cell {display: inline-block; vertical-align: bottom;}
.review-form .rating .label {font-size: 13px; padding-right: 7px; padding-bottom: 3px;}
.review-form .rating .star {display: inline-block; padding: 0 2px;}
.review-form .rating .star label {
  display: block; padding: 0; text-align: center; 
  font-size: 11px; font-weight: bold; color: #ff4500;
}
#review-form {display: block; padding: 10px 10px 10px 12px; background: rgba(0,0,0,.05);}
#review-form .row {margin-bottom: 8px;}
#review-form .form-list label {font-size: 13px; line-height: 1; margin-bottom: 2px; position: relative;}
#review-form .form-list label em {left: -2px;}
#review-form .buttons-set {padding-top: 5px;}
#review-form .buttons-set .button {width: 100%; background: #8b241d; color: #ffffff;}

/* =================== * Стили категории Аренда * ===================== */
.arenda {font-size: 105%;}
.ul-2col.arenda {flex-direction: column; justify-content: flex-start; margin-bottom: 30px;}
.arenda .images {width: 210px; align-self: center;}
.arenda .images img {width: 100px; float: left;}
.arenda .images img:first-child {margin-right: 10px;}
.arenda .arenda-info {margin-bottom: 25px;}
.arenda #contactForm {margin-bottom: 15px;}

/* =============== * ======================== * =============== */
/* =============== * Стили раздела Справочник * =============== */
/* --------------- * список статей в кат * ---------------- */
.glossari-grid {display: flex; flex-direction: column; justify-content: space-between; align-content: space-between; align-items: stretch;}
.glossari-grid  > li {width: 100%; margin-top: 20px; background-color: rgba(243,243,243,1); border: 1px solid #c3c3c1;}
.glossari-grid .img-cont {width: 110px; float: left;}
.glossari-grid .product-name {display: inline-block; width: calc(100% - 110px); padding: 10px 0 0;
	color: #8b241d; font-size: 120%; font-weight: bold; text-decoration: none; line-height: 1.1;}
.glossari-grid .product-name:hover {color: #aa423b; text-decoration: none;}
.glossari-grid .product-inf {background-color: #f3f3f3; margin-bottom: 5px; padding-right: 10px; height: 100px; overflow: hidden;}
.glossari-grid .descr-cont {margin-bottom: 15px;}
/* =============== * ======================== * =============== */
/* --------------- * страница статьи - общие стили * -------------- */
.post-view {font-size: 107%;}
.post-view .post-name {font-family: 'PT Sans'; font-size: 125%; font-weight: bold; text-transform: uppercase;}
.post-view .imgs-and-txt .media {width: 150px;}
.post-view .imgs-and-txt .media img.small {width: 100%;}
.post-view .imgs-and-txt .media.mono {margin-bottom: 5px;}
.post-view .imgs-and-txt .media.mono img.small {margin: 0;}
.post-view .popup-contr .ol-num > li {padding-left: 3px;}
.post-view .post-publish {font-size: 12px;}
/* --------------- * -------------------- * -------------- */
/* ------- для данных страницы разработано два стиля ------- */
/* ------- стиль первый -- одно изображение и два заголовка ------- */
/* -- этот же стиль используется для нескольких статических страниц -- */
.new-post-style {position: relative;}
.new-post-head .img-box {width: 60px; position: absolute; top: 0; left: 0;}
.new-post-head .title-box {padding-left: 80px;}
.new-post-head .post-name {font-family: 'PT Sans'; font-size: 17px; font-weight: bold; text-transform: uppercase;}
.new-post-head .post-name-secnd {font-family: arial; font-size: 16px; color: #8b241d; margin-top: 15px;}
.new-post-body.has-head {margin-top: 25px;}
/* ------- стиль второй -- только один заголовок - одно или 2 изображения ------- */
.new-post-style > .post-name {text-align: center; margin-bottom: 10px;}
.new-post-media {float: left; width: 100px; margin-right: 20px;}
.new-post-media img {width: 100%; margin-bottom: 10px;}
/*.new-post-style .top-image {padding-left: 120px;}*/
.new-post-style .note {font-size: 80%; font-style: inherit; margin-bottom: 5px; padding-left: 20px;}
.new-post-style .row {display: inline-block; width: 100%; margin-top: 15px;}


/* ======= * ===================================== * ======= */
/* ======= * Стили раздела События * -- 08.2021 -- * ======= */
/* ======= * Catalog Category View - стр категорий * ======= */
/* ----- стилль - слева вертикально - логотип ** справа - основной контент ----- */
.leftcol-logo {}
.leftcol-logo .imglogo {display: none;}
.leftcol-logo > .content {width: 100%;}
/* --- блок - навигация по разделу События --- */
.news-menu {position: fixed; right: 0; top: 145px; z-index: 50; width: 100%; max-width: 320px;}
.news-menu .blk-title {padding: 5px 15px; background: #8b241d; color: #ffffff; position: relative; font-weight: bold; letter-spacing: .5pt;}
.news-main .item {padding-left: 25px; position: relative;}
.news-main .link {display: block; padding: 4px 0; text-decoration: none; color: #000000; font-size: 105%;}
.news-main .link::before {content: '\25c9'; color: #8b241d; position: absolute; left: 3px;}
.news-menu .skip-news {
	width: 26px; height: 26px; padding: 0 7px; background-color: rgba(255, 255, 255, .1);
	position: absolute; top: 0; right: 0; text-align: center; line-height: 26px; color: #ffffff;
}
.news-menu .skip-news::before {content: '\25bc';}
.news-menu .skip-news.skip-active {width: 22px; height: 22px; margin: 2px; padding: 0 2px; border-radius: 50%; background-color: rgba(255, 255, 255, 1); line-height: 23px;}
.news-menu .skip-news.skip-active::before {content: '\2716'; color: #8b241d;}
.news-menu .skip-content {display: none; padding: 10px; background: #f3f3f3;}
.news-menu .skip-content.skip-active {display: block; border-bottom: 2px solid #8b241d; position: absolute; width: 100%;}
/* -- список новостей в категории -- */
.news-list {}
.news-list {display: flex; flex-direction: column; justify-content: flex-start;  align-items: flex-start;}
.news-list .news-item {margin-top: 15px; max-height: 120px; overflow: hidden;}
.news-list .news-item:nth-child(1) {margin-top: 0;}
.news-list .news-image {display: block; float: left; width: 50px;}
.news-list .news-image img {width: 100%;}
.news-list .news-info {padding-left: 65px;}
.news-list .news-name {line-height: 1.15;}
.news-list .date {display: inline-block; width: 100%; margin-bottom: 4px; font-size: 95%;}
.news-list .name {display: inline-block; width: 100%; margin-bottom: 3px; overflow: hidden; color: #8b241d; font-weight: bold; text-decoration: none;}
.news-list .name:hover {color: rgba(139,36,29,0.7); text-decoration: none;}
.news-list .description p {text-indent: 0.5em;}
/* ======= * ======================================== * ======= */
/* ======= * ====== *  Catalog Product View  * ====== * ======= */
.news-view .news-title {font-size: 16px; font-weight: bold; color: #8b241d; margin-bottom: 15px;}
.news-view .news-content {margin-bottom: 25px;}
.news-view .author {text-align: right;}
.news-view .author .label {padding-right: 10px;}
.news-view .author a {color: #000000;}
/* -----  Стили основных колонок----- */
.news-2col {display: inline-block; width: 100%;}
.news-head .date {font-size: 90%;}
.news-2col.head .nwimages {display: none;}
.news-2col.head img {max-width: 100%;}
.news-2col.page {padding-top: 20px;}
/* -- если нет банеров -- */
.news-2col.page.first {padding-top: 5px;}
/* -- если заполнена леавя колонка -- */
.news-2col.page.has-left {padding-top: 30px; position: relative;}
.news-2col.page.first.has-left {padding-top: 20px;}
.news-2col.page.first .images {top: -5px;}
.news-2col.page .nwimages {position: absolute; top: 0; width: 100%; max-width: 300px;}
.news-2col.page .title {position: relative; width: 100%; margin: 0 0 10px; padding: 0 5px; background: #8b241d; color: #ffffff;}
.news-2col.page .title::after {content: '\25bc'; position: absolute; right: 5px;}
.news-2col.page .title.on::after {content: '\2716';}
.news-2col.page .nwimages iframe {min-height: 240px; max-width: 100%;}
.news-2col.page .nwimages .img-box {display: none; max-width: 260px; margin-left: auto; margin-right: auto;}
.news-2col.page .nwimages .img-box:nth-child(n+3) {margin-top: 15px;}
.news-2col.page .nwimages .note {text-indent: 0; max-width: 240px; margin: 3px auto 0; font-size: 11px; text-align: center;}
.news-2col.page .nwimages.open {background: #ffffff; padding: 0 0 10px; z-index: 15;}
.news-2col.page .nwimages.open .img-box, .news-2col.page .nwimages.open .media-box {display: block;}
.news-2col.page .nwimages .media-box, 
.news-2col.page .nwimages .button .phantom {display: none;}
.news-2col.page .nwimages .button {
  width: 48%; margin-top: -25px; padding: 3px 5px;
  font-size: 13px; line-height: 1.2; background-color: #e6e7e8;
  border: none;
}

/* -- стиль для новостей -- */
.news-2col.page .nwbody p {text-indent: .7em;}
/* -- стиль для поздравительных новостей -- */
.news-2col.celebration .nwbody {padding-left: 1em; font-size: 16px;}
.news-2col.celebration .nwbody p {text-indent: 0;}
/* --- блок - логоти и даты публикации / последнего изменния --- */
.news-under {position: relative;}
.news-data {display: flex; flex-direction: column-reverse; padding-left: 30px; font-size: 90%;}
.news-data .newslogo img {height: 45px; margin-top: 5px;}
.news-data .value .label {margin-bottom: 10px; font-style: italic;}
/* ---  --- */
.news-social {position: fixed; left: 0; bottom: 70px; width: 30px;}
.news-social .note {display: none; font-size: 77%; float: left; margin-bottom: 7px;}
.news-social .share42init {display: inline-block;}
/* --- похожие статьи, товары по тематике --- */
.news-more > .row {position: relative; margin-top: 25px; overflow: visible;}
.news-more .title {position: relative; border-bottom: 1px solid black; padding-right: 20px;}
.news-more .title .value {display: inline-block; padding: 5px 15px; border-radius: 7px 7px 0 0; background: #000000; color: #ffffff; font-weight: normal; font-size: 120%;}
.news-more .news-list .description {max-height: 70px; overflow: hidden;}
.news-more .title .skip-link {position: absolute; top: 0; right: 0; bottom: 0; width: 25px; padding: .5em 0 0; text-align: right;}
.news-more .title .skip-link::before {content: '\25bc'; color: black; font-size: 17px;}
.news-more .title .skip-link.skip-active::before {content: '\25b2';}
.news-more .skip-content {display: none;}
.news-more .skip-content.skip-active {position: absolute; display: block; width: 100%; padding: 10px; background: #ffffff; z-index: 25;}
.news-more .for-celebr .title .value {background: #8b241d;}
/* =========== * ================= * =========== */
.news-content .descr-ttl-lvl2 {font-size: 105%;}
.news-content .nws-section {margin-bottom: 25px;}
.news-content .imgs-and-txt {margin-bottom: 20px; position: relative;}
.news-content .imgs-and-txt .media {text-align: center; margin: 0;} /* контейнер с фото - по умолчанию 1 фото */
.news-content .imgs-and-txt .media .note {font-size: 90%; display: none;}
/* стили для 3-х изображений в колонке media */
.news-content .imgs-and-txt .media .trio {display: inline-block;}
.news-content .imgs-and-txt .media .trio .small {width: auto;}
.news-content .imgs-and-txt .full .content {} /* на десктоп контент обтекает блок .media */
/* - если в тексте надо расположить блок с media нестандартной ширины - */
.news-content .row {display: inline-block; width: 100%;}
.news-content .cont-media {width: 230px; margin: 0 auto 10px;}
.news-content .cont-media img, .news-content .cont-media iframe {width: auto; max-width: 100%;}
.news-content .cont-media iframe.wdth460 {width: 460px;}
/* -- список в 2 колонки  -- */
.news-content .ul-dusc.ul-flex {margin-left: 0;}
.news-content .ul-dusc.ul-flex li {margin-left: 1.7em;}
.news-content .ul-dusc.ul-flex.assymetry {} /* колонки не одинаковой щирины с 425px */
/* -- -- */
.news-content .hanging-plus {width: 98%;}
.news-content .hanging-img .img-box .note {width: 100%; max-width: 90%; height: auto; font-size: 9px;}
.news-content .hanging-img-plus .skip-link.skip-zoom {margin-top: 10px;}
.news-content .hanging-img-plus .skip-link.skip-zoom:first-child,
.news-content .hanging-img-plus .skip-link.skip-zoom img.small {margin-top: 0;}
.news-content .hanging-img .ul-3col {display: inline-block;}
.news-content .hanging-img .ul-3col .small {width: auto;}
/* --- * стили для блока Задать вопрос * --- */
/* если к блоку Задать вопрос идет доп. блок с информ. *  располохение - 2 колонки */
.news-content .ul-flex.konsult-pl .clmn {width: 100%;}
.news-content .ul-flex.konsult-pl .img-link img {width: 70px; margin-left: 10px;}
/* .news-pls-ask - применять к блоку section, если Задать вопрос находится в колонке с текстом */
.news-content .imgs-and-txt .section.news-pls-ask {padding-bottom: 150px;}
.news-content .imgs-and-txt .section.news-pls-ask .konsultacia {position: absolute; bottom: 0; left: 0;}
/* если блок Задать вопрос разделен на 2 колонки */
.news-content .imgs-and-txt .content .konsultacia img {width: 75px;}
.news-content .imgs-and-txt .content .konsultacia .txt-block {width: calc(100% - 90px);}
.news-content .ul-flex.konsultacia.button-pls {margin-top: 15px; align-self: flex-end;}
.news-content .ul-flex.konsultacia .txt-block {width: calc(100% - 65px);}
.news-content .ul-flex.konsultacia.button-pls img {width: 50px;}


/* ================== * ======================== * ================== */
/* ================== * стили статических страниц * ================== */
.img-box img {width: 100%;}
.img-gallr {float: left; margin-right: 10px;}
.img-gallr:last-child {margin-right: 0;}
.multi-img .img-box img {width: auto; max-width: 100%; margin-right: auto; margin-left: auto;}
.std .descr-section {margin: 30px 0;}
.std .skip-content.skip-imgpopup.skip-active {top: 0; border: 1px solid #f3f3f3;}
.std .img-box {float: left;}
/* ---  --- */
.skip-title .icon {position: absolute; right: 25px; top: 15px; width: 20px; height: 20px; background-position: 0 -720px;}
.skip-title.skip-active .icon {background-position: -35px -543px;}
.skip-content.skip-static {display: none;}
.skip-content.skip-active.skip-static {display: block; padding: 10px;}
/* -------- * блок консультация * -------- */
.konsultacia {overflow: hidden;}
.konsultacia .txt-block {width: calc(100% - 125px);}
.konsultacia.img-left .txt-block {float: right;}
.konsultacia.img-rght .img-float {float: right; margin-left: 15px; margin-right: 0;}
.ul-flex.konsultacia .item {width: 100%;}
/* ======== * Contact Us Page * ======== */
.contacts-index-index .page-title {padding: 15px 0 10px;}
.contacts-index-index .page-title h1 {font-weight: 700;}
.contacts-index-index .contact-us {font-size: 110%;}
.contact-us .contact-us--info {width: 300px; margin: 25px auto 0;}
.contact-us--info img {max-width: 100%;}
.contact-us--info .top {margin-bottom: 10px;}
.contact-us--info .top .row {display: inline-block; width: 100%; padding: 5px 0;}
.contact-us--info .top .title {line-height: 1.1; margin-bottom: 10px;}
.contact-us--info .top .double .cell {width: 48%; float: left;}
.contact-us--info .top .double .cell:nth-child(odd) {margin-right: 4%;}
.contact-us--info .top .full .img-box.float {float: left; margin-right: 4%;}
.contact-us--info .top .full .content-box {padding-top: .5em;}
.contact-us--info .down .img-box {width: 200px; margin: 0 auto 10px;}
/* ======== * Home Page * ========  */
.cms-home .page {background-color: #dfdfdd; height: auto;}
.cms-home .main {padding: 0;}
.home-title {color: #ffffff; font-size: 160%; font-weight: normal;}
.home-top.products-grid {margin: 10px 0 25px;}
.home-top.products-grid .itm {display: inline-block; width: 100%; height: auto;}
.home-top.products-grid .red-title {position: relative;}
.home-top.products-grid .red-title:focus, .products-grid .red-title:hover {background-color: #8b241d;}
.home-top.products-grid .red-title > span {display: block; max-width: 200px; height: 46px; margin: 0 auto; overflow: hidden;}
.home-top.products-grid .skip-link {position: absolute; right: 2px; bottom: 5px; width: 20px; height: 20px; color: #ffffff;}
.home-top.products-grid .skip-link:focus, .products-grid .skip-link:hover {color: #ffffff;}
.home-top.products-grid .skip-link::before {content: '\25bc';}
.home-top.products-grid .skip-link.skip-active {border-radius: 50%; background: #ffffff; text-align: center; line-height: 20px;}
.home-top.products-grid .skip-link.skip-active::before {content: '\2716'; color: #8b241d;}
.home-top.products-grid .prod-descr {height: 50px; overflow: hidden;}
.home-top.products-grid .prod-descr.skip-active {
	position: absolute; left: 0; z-index: 25; width: 100%; height: auto; padding: 10px; 
	background: #ffffff; border-bottom: 2px solid #8b241d;
}
.home-top.products-grid .price-cont {margin-top: 15px; padding-right: 25px; padding-bottom: 30px;}
.home-top.products-grid .price-cont .remark {bottom: 0;}
.home-top.products-grid .small-star-link {position: absolute; right: 10px; bottom: 8px;}
.home-top.products-grid .small-star-link .label {display: none;}
.home-top.products-grid .no-price .small-star-link .label {display: inline;}
/* -------------------  Product List Spravochnik ----------------------- */
.cms-home .hanging-img-plus .hanging-plus {background: #ffffff; padding: 25px; font-size: 110%;}
.cms-home .hanging-img-plus .hanging-plus p {text-indent: 0.5em;}
/* --------------- Skip  ------------------*/
.skip-link.skip-hmblk {position: absolute; right: 2px; bottom: 5px; width: 20px; height: 20px;}
.skip-hmblk.icon {background-position: 0 -540px;}
.skip-hmblk.skip-active.icon {background-position: -74px -542px;}
ul.home-top .descr-cont.skip-content.skip-active {
	height: auto; width: 100%; position: absolute; z-index: 40; border-bottom: 2px solid #8b241d;}
/* ---------------  ------------------*/
.home-white {background: #ffffff;}
.home-info  {min-height: 100px; background: transparent;}
.home-content {position: relative; margin-right: auto; margin-left: auto; padding: 20px;}
.home-content.home-top {padding: 20px 20px 10px;}
.home-white .home-content {min-height: 115px; padding: 0 20px; 
  display: flex; flex-direction: column; justify-content: space-around; align-items: center;}
.home-content .mini-logo {width: 105px; margin-bottom: 2px; padding: 5px; background-color: #000000;}
.home-content .maroon-slogan {
    background: #8b241d; padding: 10px; overflow: hidden;
    color: #ffffff; font-size: 120%; text-align: center;
}
.home-content .maroon-slogan a {color: #ffffff; text-decoration: none;}
.home-content .maroon-slogan span {display: inline-block;}
.home-content.clnews .maroon-slogan {position: relative; padding-bottom: 20px}
.home-content.clnews .maroon-slogan .view-more {font-size: 80%; position: absolute; bottom: 2px; right: 10px;}
.home-content .link-region {margin-top: 2px;}
/* --------------- Блок с новостями ------------------*/
.home-info .trio {margin-bottom: 0;}
.home-info .trio .col {background-color: #ffffff; padding: 15px; font-size: 105%; width: 100%;}
.home-info .trio .col:nth-child(-n+2) {margin-bottom: 7px;}
.home-info .trio .col .block {overflow: hidden;}
.home-info .news-list, .home-info .news-list .news-item {display: inline-block; width: 100%; line-height: 1.2;}
.home-info .news-list .date {font-size: 11px;}
.home-info .news-list .description {font-size: 90%;}
.news-last-but-one .head {margin-bottom: 5px; position: relative;}
.news-last-but-one a {color: #000000;}
.news-last-but-one a:hover {text-decoration: none;}
.news-last-but-one a.view-more {display: block; font-size: 11px; position: absolute; right: 0; bottom: 2px;}
.news-last-but-one .head .value {display: none;}
.news-last-but-one .head .primary {display: inline;}
.newslast-items > li {display: table-row; width: 100%;}
.newslast-items .date, .menu-categories .descr {display: table-cell; padding-bottom: 3px;}
.newslast-items .date {font-size: 11px; width: 60px;}
.home-social .face-book {
	width: 100%; max-width: 404px; height: 82px; margin-bottom: 15px; overflow: hidden;
	background-image: url(../images/shindaiwa-ua-fb-wb02-3.jpg); background-size: 100% 100%;
}
.home-social .face-book .title {padding: 7px 0 0 86px; font-weight: bold; color: rgba(255, 255, 255, 0.8);}
.home-social .face-book .fb-like {margin-top: 15px; padding-left: 86px;}
.home-social .ul-2col {margin-bottom: 0; max-width: 404px;}
.home-social li {height: 25px;}
.home-social .twitter  {background-color: #1b95e0;}
.home-social .twitter .fb-like  {height: 20px; margin-top: 3px; padding-left: 10px;}
.home-social .you-tube {background-color: #b31217; padding-left: 10px;}
.home-social li:nth-child(2) {width: 25%; overflow: hidden;}
/* ========  * Группа стр Авторы * ========  */
.author-pg {}
.author-pg .media {max-width: 290px; margin: 0 auto;}
.author-pg .media-base {width: 200px; margin: 0 auto;}
.author-pg .media-gall {display: inline-block; width: 100%; margin-top: 10px;}
.author-pg .media-gall .object {float: left; width: 75px;}
.author-pg .media-gall .object:nth-child(n+2) {margin-left: 10px;}
.author-pg .content {margin: 25px 0 35px; font-size: 105%;}
.author-pg .atrbts {margin: 20px 0;}
.author-pg .atrbts .label, .author-pg .atrbts .value {display: inline-block; vertical-align: top;}
.author-pg .atrbts .label, .post-list .name {font-weight: bold;}
.author-pg .atrbts .value, .post-list .name {padding-left: 7px;}
.author-pg .atrbts .section, .author-pg .atrbts .adress {margin-bottom: 20px;}
.author-pg .atrbts .section .row {margin-bottom: 10px;}
.author-pg .atrbts .web {margin-bottom: 15px;}
.author-pg .atrbts .posts .label {margin-bottom: 3px; color: #8b241d; font-weight: normal;}
.post-list .item:nth-child(n+2) {margin-top: 5px;}
.post-list .data, .post-list .name {display: inline-block;}
.post-list .link {text-decoration: none; color: rgba(0,0,0,.8);}
.post-list .link:hover {color: #8b241d;}
.author-pg .block-akcia {max-width: 330px; margin: 0 auto;}
/* ======== *  * ======== */
.kontakty .skip-link.skip-zoom {display: block;}
.kontakty .skip-zoom.skip-active .zoom-cont {width: 100%;}
.kontakty .maps {width: 300px; margin: 0 auto 15px; overflow: hidden;}
.kontakty .maps .map-box {width: 145px; float: left;}
.kontakty .maps .map-box.first {margin-right: 10px;}
.kontakty .maps .skip-content iframe {display: block; width: 100%; max-width: 900px; margin: 0 auto;}
.kontakty .maps .map-box img.base {display: none;}
.kontakty .maps .map-box img.small {width: 100%;}
.kontakty .maps .map-box .label {padding: 4px 0 0;}
.kontakty .maps .map-box .label i {color: #bf0000; display: none;}
.kontakty .maps .map-box .label p {margin-bottom: 0;}
.kontakty .maps .map-box .label .desctop {display: none;}
.kontakty .head .title {font-size: 16.5px; margin: 0 0 5px;}
.kontakty .head .popup-box {position: relative;}
.kontakty .head .skip-content {display: none;}
.kontakty .head .skip-content.skip-active {display: block; position: absolute; top: 0;}
.kontakty .adress-box {margin-top: 20px; max-width: 670px;}
.kontakty .adress-box.moldova {margin-top: 35px;}
.kontakty .adress-box .label {display: inline-block; padding-right: 7px;}
.kontakty .adress-box > .hat {margin-bottom: 10px; font-weight: bold;}
.kontakty .adress-box .info .hat {margin-bottom: 5px;}
.kontakty .adress-box .info .hat br {display: none;}
.kontakty .adress-box .phones .label {width: 65px;}
.kontakty .adress-box .e-mail,
.kontakty .adress-box.moldova .label,
.kontakty .adress-box .mailbox .label {font-weight: bold;}
.kontakty .adress-box.ukraina .e-mail {margin-top: 20px;}
.kontakty .adress-box.moldova .e-mail {margin-top: 10px;}
.kontakty .content .under, .kontakty .partners {padding-top: 25px;}
.kontakty .content .ul-flex {justify-content: flex-start;}
.kontakty .content .ul-flex > li {width: 140px;}
.kontakty .content .ul-flex > li img {width: 100%; max-width: 200px;}
/* ======== *  * ======== */
.cms-page-view.cms-garantiya-shindaiwa .page-top-background {height: 38px;}
.ul-2col.warranty {font-size: 105%;}
.warranty .images {float: left; display: none;}
.warranty .img-box {width: 20%; max-width: 212px; margin-right: 20px; float: left;}
.warranty .img-box.japan {max-width: 200px;}
.warranty .row {margin-top: 30px;}
.warranty .row > li {overflow: hidden; margin-bottom: 25px;}
.warranty .button {background-color: #e6e6e7; color: #000000;}
.warranty .content h2 {margin-bottom: 10px;}
.warranty .ul-flex {justify-content: flex-start;}
.warranty .ul-2col.buttons > li {width: 49%;}
/* ======== *  * ======== */
.karta-shindaiw .map-head,
.karta-shindaiw .map-box, .karta-shindaiw .aparati-prev {margin-bottom: 20px;}
.karta-shindaiw .map-box .map {width: 100%; margin-bottom: 10px;}
.karta-shindaiw .garanti {display: inline-block; width: 100%; margin-bottom: 15px;}
.karta-shindaiw .garanti-logo {width: 90px; float: left;}
.karta-shindaiw .garanti .label {display: block; padding-left: 110px;}
.karta-shindaiw.warranty .ul-flex {justify-content: space-between;}
.karta-shindaiw .aparati-prev p {margin-bottom: 0;}
.karta-shindaiw .aparati-prev .ul-flex > li {width: 29%;}
.karta-shindaiw .aparati-prev .ul-flex > li img {width: 100%; max-width: 110px;}
/* ---------------  ------------------*/
.cms-no-route .page-top-background {background-color: #f3f3f3;}
.cms-no-route .main {padding-top: 30px;}
.ul-2col.warranty .a-block.float {float: right;}
.cms-no-route .ul-3col {display: flex; flex-direction: column; justify-content: flex-start;}
.cms-no-route .ul-3col > li {margin-bottom: 15px;}
.cms-no-route .ul-3col .margn-btm25, .cms-no-route .ul-3col .margn-btm15 {margin-bottom: 10px;}
/* ======== *  * ======== */
.cms-structura-saita-shindaiwa .page-title h1 {text-transform: none;}
.zag-lv2 {color: #8b241d; font-size: 20px; margin-bottom: 15px;}
.site-tree.lv2 {padding-left: 25px;}
.site-tree .tree-cont, .site-tree > li {display: inline-block; width: 100%; margin-bottom: 15px;}
.site-tree .head {font-weight: bold; font-size: 18px;}
.site-tree .descr {font-size: 16px; margin-bottom: 0;}
.site-tree .tree-img {float: left; width: 60px; margin-right: 25px;}
.site-tree .content-box {padding-left: 25px;}
/* =============== У этих стр общий стиль =================== */
.cms-page-view .new-post-style {font-size: 107%;}
/* ---------------  ------------------*/
.post-caption {padding: 10px 20px; font-weight: bold;}
.cms-stepen-zashchity-ip .img-float {width: 120px;}
.cms-stepen-zashchity-ip a.primari1 {display: none;}
/* ---------------  ------------------*/
/* -- фото из верхнего блок позиционировано под основным фото в заголовке - до 425xp -- */
.cms-zagruzit-pasport .imgs-and-txt .mobll-top {position: absolute; top: 70px; left: 0; width: 60px;}
.cms-zagruzit-pasport .imgs-and-txt .mobll-top img {width: 60px;}
.cms-zagruzit-pasport .flex-colmn-row.colmn-47 {margin-bottom: 20px;}
.cms-zagruzit-pasport .flex-colmn-row > li:nth-child(even) {margin-top: 0;}
.cms-zagruzit-pasport .pasporta.ul-3col {margin-bottom: 25px;}
.cms-zagruzit-pasport .ol-num {margin-bottom: 0;}
.cms-zagruzit-pasport .ol-num > li {padding-left: 5px;}
.warming {overflow: hidden; margin: 20px; padding: 0 20px;}
/* фото с текстом в 3 колонуи - для категории Справочник */
.pasporta {flex-wrap: wrap; width: 270px; margin-left: auto; margin-right: auto;}
.pasporta .itm {position: relative; display: inline-block; width: 100%; margin-top: 10px;}
.pasporta .img-cont {float: left; width: 80px; margin-left: 5px; margin-right: 15px; border: 1px solid silver;}
.pasporta .img-cont img {width: 100%;}
.pasporta .desc-cont, .pasporta .val-bottom .value {padding-left: 105px; line-height: 1.2;}
.pasporta .link.ico {font-size: 15px; padding-left: 35px; background-size: 25px}
.pasporta .downloads > li {margin-top: 7px;}
.pasporta .desc-cont .value {font-size: 14px}
/* - .value позиционирован по нижнему краю - */
.pasporta .val-bottom {padding-bottom: 55px;}
.pasporta .val-bottom .value {position: absolute; left: 0; bottom: 5px; width: 100%; margin-bottom: 0}
/* -------- страница  История развития оборудования Shindaiwa  -----------*/
.cms-id21 .page-title, .cms-id22 .page-title {border-bottom: 3px solid #8b241d;}
.cms-id21 .page-title h1, .cms-id22 .page-title h1 {padding: 15px 0 10px;}
.cms-id21 .col-main.std, .cms-id22 .col-main.std {font-size: 110%;}
.zag-year {font-size: 150%; margin-bottom: 15px; padding-bottom: 7px; border-bottom: 1px solid #6d6e71;}
.histori-dates > li {
	margin-bottom: 20px; padding: 10px; border-top: 3px solid #f3f3f3;
	display: flex; flex-direction: row; justify-content: space-between; align-items: stretch;
}
.histori-dates li > .img-box {width: 24%; max-width: 248px;}
.histori-dates li .img-box > img {width: 100%;}
.histori-dates li > .txt-block {width: 72%;}
/* -------- страница  Спасибо, что связались с нами -----------*/
.cms-page-view.cms-zapros-otpravlen .page-top-background {display: none;}
.cms-zapros-otpravlen .main {padding: 0;}
.cms-zapros-otpravlen .messages {width: 100%; max-width: 1380px; margin: 0 auto 10px;}
.cms-zapros-otpravlen .thank-for-contact {padding: 0 20px; margin-bottom: 35px;}
.thank-for-contact .images {overflow: hidden;}
.thank-for-contact .images .img-float {text-align: center;}
.thank-for-contact .images .img-float img {width: 80px; margin-right: 0; margin-left: 10px;}
.cms-zapros-otpravlen .home-info {background: #e5e7e6;}
/* -------- страница  Техподдержка -----------*/
.cms-newst {display: inline-block; width: 100%;}
.cms-newst--img {float: left;}
.cms-newst--img img {width: 40px; margin-right: 10px;}
.cms-newst--img .img-box {margin-top: 5px;}
.cms-newst .news-title {color: #000000; margin-bottom: 10px;}
.cms-page-view.cms-teh-podderjka-shindaiwa .page-top-background {display: none;}
.teh-podderjka .news-title {font-size: 14px;}
.teh-podderjka .infotitle {font-size: 110%;}
.teh-podderjka p {text-indent: 10px;}
.teh-podderjka .nbr br {display: none;}
.teh-podderjka .img-plus-txt.img-rght .images .skip-zoom {margin-bottom: 10px;}
.teh-podderjka .multi-btns .unit {width: 100%; text-align: center;}
.teh-podderjka .multi-btns a.button {width: 100%;}
.teh-podderjka .multi-btns a.button .phantom {display: none;}
.teh-podderjka a.button:hover {
	-webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15);
	-o-transform: scale(1.15); transform: scale(1.15);
}
.teh-podderjka a.button.green  {background-color: #009241; margin-bottom: 4px;}
.teh-podderjka a.button.maroon {background-color: #8b241d;}
.teh-podderjka .ul-3col.news.no-paddng > li {padding: 0;}
.teh-podderjka .ul-3col.news > li .desc-cont {padding-top: 10px;}
.teh-podderjka .ul-3col.news > li:first-child a {text-decoration: underline;}
.teh-podderjka .ul-3col.news > li:first-child a:hover {text-decoration: none;}



/* ============== Winter Style ================== 
.page-header {
background: url(../images/new-year/snow-agregat-up01.png) top repeat-x, 
	linear-gradient(to right, #c3c3c1 33%, #ffffff 30%, #ffffff 70%);
	}
#nav {background-image: url(../images/new-year/snow-agregat-up01.png); background-repeat: repeat-x;}
.nav-cats > .red-label {
	background-image: url(../images/new-year/kursor-agregat-02-1.png); 
	background-repeat: no-repeat; background-size: cover;
	background-position: top center;
}
.home-content .maroon-slogan {background: #8b241d url(../images/new-year/snow-lozing-rer01.png) bottom repeat-x;}
ul.home-top .red-title, 
.products-grid .product-name {
	background-image: url(../images/new-year/name-agregat-snow02-1.png); 
	background-repeat: no-repeat; background-size: 100% 100%;
}
.category-desc-title {background: #e5e7e6 url(../images/new-year/snow-lozing-rer01.png) bottom repeat-x;}
.page-footer {
	background-image: url(../images/new-year/snow-agregat-up01.png); 
	background-repeat: repeat-x; background-position: top;
}

.page .snow, .main {
	background-image: url(../images/new-year/snow0-4-2.png), url(../images/new-year/snow3-4-1.pngg), url(../images/new-year/snow2-4-1.png);
	-webkit-animation: snow 30s linear infinite;
	-moz-animation: snow 30s linear infinite;
	-ms-animation: snow 30s linear infinite;
	animation: snow 30s linear infinite;
}
.snow {position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.home-title { background-color: rgba(120,146,209,0.8); padding-right: 10px;}
.cms-home .page-top-background {background-color: #dfdfdd;}
*/
/* Кадры анимации 
@keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 	100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-moz-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
	100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-webkit-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
	50% {background-color:#b4cfe0;}
	100% {background-position: 500px 1000px, 400px 400px, 300px 300px; background-color:#6b92b9;}
}
@-ms-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 	100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}*/