html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
/* ��������� ����� */
.page-wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 0 -80px 0;
  padding:  0;
}
.footer-push, #footer {
  min-height: 80px;
  margin: 0;
  padding: 0;
}
@keyframes marg-down{
  from {margin: 0 0 60px;opacity:0;}
  to {margin: 0;opacity:1;}
}
@keyframes front-block{
  from {left:100%;}
  to {left:0;}
}
@keyframes marg-left{
  to {margin-left: 40px;opacity:1;}
}
@keyframes marg-down-text{
  from {margin-bottom:120px;opacity:0;}
  to {margin-bottom: 0;opacity:1;}
}
/*--------------------------------*/
body{
  font-family: arial, sans-serif;
  font-size:14px;
  line-height:1.2;
  color:#000;
  margin:0;
  padding:0;
}
div{
  margin:0;
  padding:0;
}
*{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
a{outline: 0 none;color:#00b23a;}
input:focus{outline: 0 none;}
select:focus{outline: 0 none;}
textarea:focus{outline: 0 none;}

img, a, textarea, input, select{
  outline: none;
}

img{max-width:100%;height:auto;}

p{margin:0 0 1em;}

.inb {
  display: inline-block;
  letter-spacing: normal;
  text-align: left;
  vertical-align: top;
}
.clear{clear:both;}



h1, h2{
  font-weight:600;
}
h1{
  font-size:22px;
  margin:0 0 16px;
}
h2{
  font-size:18px;
  margin:0 0 12px;
}

input.form-text, input.form-email, input[type="text"], input.form-tel{
  max-width:100%;
  padding:10px 10px;
  border:1px solid #dedede;
}
input.form-number {
  max-width: 100%;
  padding: 0 0 0 10px;
  height: 36px;
  border: 1px solid #dedede;
}
textarea{
  padding:10px 10px;
  border:1px solid #dedede;
  resize:none;
  max-width:100%;
  font-size:14px;
}
input[type="submit"]{
  padding:8px 10px;
  background:#00b23a;
  color:#fff;
  border:0 none;
  cursor:pointer;
  box-shadow:1px 1px 1px rgba(0,0,0,0.5);
  font-family: "Roboto", arial, sans-serif;

}
select{
  padding:5px 10px;
  border:1px solid #dedede;
}

div[role="alert"]{
  color:#ff0000;
}
select.error{
  border:1px solid #ff0000;
}
input.error{
  border:1px solid #ff0000;
}
.node-bottom table{
  max-width:100%;
}
.wide-region .section{
  max-width: 1440px;
  margin: 0 auto;
  padding:0 20px;
}

/*
.page-vizual main.wide-region .section{
    max-width: none;
    padding:0 0px;
}
*/

.layout-sidebar-first{
  width:230px;
  margin:0 30px 30px 0;
  float:left;
}
.layout-content.side-left{
  padding:0 0 0 260px;
}
.layout-content{
  margin:0 0 30px;
}
.layout-content.side-right .layout-content-wrap{
  float:left;
  padding:0 330px 0 0;
  width:100%;
}
.layout-sidebar-second{
  width:300px;
  margin:0 0 30px -300px;
  float:right;
}
.page-wrapper{}
.header-block{
  background:#fff;
}
#navigation .in-navigation > .section{
  position:relative;
}
.fixed .in-navigation{
  position: fixed;
  width:100%;
  z-index: 101;
  top: 0;
  background-color: #374046;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
#header-top{
  background:#00b23a;
  padding:4px 0;
  box-shadow:0 1px 1px rgba(0,0,0,0.8);
  position:relative;
}
#header-top:after{
  content:'';
  display:block;
  clear:both;
}
#header-top a{color:#fff;text-decoration:none;}
#header-top ul{margin:0;padding:0;list-style:none;}
#header-top ul li{padding:7px 0;margin:0 16px 0 0;display:inline-block;}

#header{
  padding:10px 0;
}

#navigation{
  background-color: #374046;
  box-shadow: 0 2px 2px rgba(0,0,0,0.4);
  color:#fff;
  height:50px;
  position:relative;
  z-index:130;
}
#navigation > .section{height:100%;}
#footer{
  background: #374046;
  position:relative;
  overflow:hidden;
  color:#dedede;
  padding:10px 0 10px;
}

#footer:before{
  content:'';
  position:absolute;
  display:block;
  width:100%;
  height:7px;
  top:-7px;
  left:0;
  box-shadow:0 5px 8px rgba(0,0,0,0.9);
}
#footer .in-section{
  text-align:justify;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items:center;
  align-items:center;
}
#footer .in-section{
  margin:0 -10px;
}
.footer-elem{
  margin: 10px;
  vertical-align:middle;
}
.footer-elem-sots .fa{
  font-size:20px;
}
.footer-elem-sots .fa.fa-facebook{color:#4267b2}
.footer-elem-sots .fa.fa-google-plus{color:#db4437}
.footer-elem-sots .fa.fa-twitter{color:#4AB3F4;}
.footer-elem-sots a{
  margin:5px;
  display:inline-block;
  vertical-align:middle;
}
.footer-elem-sots > div{
  margin:5px !important;
  display:inline-block;
  vertical-align:middle !important;
}
.breadcrumb{margin:16px -4px 16px -4px;}
.breadcrumb > div {
  display: inline-block;
  font-size: 13px;
  margin: 4px 4px;
}
.breadcrumb > span.raz:first-child{
  display:none;
}
.breadcrumb a{color:#343434;text-decoration:none;}

.help-region{color:#00b23a;}

.mess-region{color:#00b23a;margin:0 0 20px;font-size:16px;}
.message-form{text-align:center;font-size:18px;}
/*---------block-new-main-menu-------*/
#block-new-main-menu{overflow:hidden;}
#block-new-main-menu #block-konstruktorkrovli{
  display:none;
}
#block-new-main-menu.open{
  display:block;
  position:absolute;
  z-index:101;
  top:100%;
  right:0;
  width:auto;
  min-width:230px;
  max-width:100%;
  z-index:1000;
  background: #fff;
  padding:10px 0 10px;
  overflow:auto;
  box-shadow:-1px 1px 1px rgba(0,0,0,0.5);
}
#block-new-main-menu.open:before{
  content:'';
  display: block;
  height:1px;
  width:100%;
  margin: -1px 0 0;
  position:absolute;
  top:0;
  left:0;
  box-shadow: 0 1px 1px rgba(0,0,0,0.8);
}
#block-new-main-menu.open .close{
  position:absolute;
  top:10px;
  right:20px;
  cursor:pointer;
  display:none;
}
#block-new-main-menu.open .close:before{
  content:'\2716';
  font-size:24px;
  color:#232323;
}
#block-new-main-menu.open ul li {
  padding: 0 20px;
  margin: 0;
  display: block;

}
#block-new-main-menu.open ul li a{
  color:#232323;
  display:block;
  padding:12px 0;
  border-bottom:1px solid #232323;
}
#block-new-main-menu.open ul li a:hover{
  color:#00b23a;
}
#block-new-main-menu.open ul li:last-child a{

}

/*--------block-lang-switch----------*/
#block-lang-switch{
  float:right;
  margin:0 0 0 10px;
}
#block-lang-switch ul.links{
  margin:5px 0;
}
#block-lang-switch ul.links li{
  margin:0 5px;
  padding:2px 0;
}
#block-lang-switch ul.links li:first-child{
  border-right:1px solid #fff;
  padding-right:10px;
}
#block-lang-switch ul.links li a{
  color:#dfdfdf;
}
#block-lang-switch ul.links li.is-active a,
#block-lang-switch ul.links li a:hover{
  color:#fff;
}
#block-lang-switch > .contextual{
  display:none;
}
/*-------------webform-submission-form ---------------*/
.webform-submission-form .form-item{
  margin:0 0 16px;
}
.webform-submission-form input.form-text,
.webform-submission-form input.form-email,
.webform-submission-form input.form-tel{
  border:0 none;
  border-bottom:1px solid #343434;
  width:100%;
}
.webform-submission-form textarea{
  border:1px solid #343434;
}
/*---------header---------*/
#header > .section > div{
  margin:0 -10px 0px;
  text-align:justify;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  -webkit-align-items:center;
  align-items:center;
}

#header > .section > div > div{
  vertical-align:middle;
  margin:10px;
}
#block-new-branding,
#block-telefonyvshapke,
#block-adresvshapke{
  display:inline-block;
  vertical-align:middle;
  margin:10px;
}
#header #block-new-branding{margin-left:-7px;}
#block-new-branding img{max-width:270px;display:block;}
#block-cartblock{
  display:inline-block;
  vertical-align:middle;
  text-align:center;
}
#block-new-branding{
  margin-left:-10px;
}
#block-telefonyvshapke{
  max-width: 310px;
}
.h-phones{
  font-family: "Roboto", arial, sans-serif;
  font-weight:400;
  font-size:18px;
  text-align:center;
}
.h-phones .ph {
  position: relative;
  margin: 4px 8px;
}
.h-phones .ph img {
  position: absolute;
  left: -24px;
  top: 3px;
}
.h-phones .ph:first-child:before{
  content:'';
  display:block;
  width:18px;
  height:18px;
  background:url(../images/naush.png) 0 -42px no-repeat;
  position: absolute;
  left: -24px;
  top: 3px;
}
.h-phones .o-zv{
  margin:4px 8px;
  font-weight:400;
  font-size:16px;
  text-decoration:underline;
  cursor:pointer;
}
.h-phones .o-zv.icon{
  width:40px;
  height:41px;
  background:url("../images/naush.png") 0 0 no-repeat;
}
#footer .h-phones{
  display:none;
}
#footer .h-phones .mail{
  margin: 4px 0;
  font-size:16px;
}
#footer .h-phones .ph{
  margin: 4px 0;
}
#footer .h-phones .ph:first-child:before{
  content:none;
  display:none;
}
/*---------------*/
#block-adresvshapke{text-align:center;}
#block-adresvshapke .adr{font-size:15px;margin:5px 0;}
#block-adresvshapke .email{margin:5px 0;}
#block-adresvshapke .email span{font-weight:600;}
#block-adresvshapke .times{font-weight:300;margin:5px 0;}

#block-grafki{
  text-align:center;
}
#block-grafki .gr-title{
  margin:0 0 8px;
  font-size:18px;
}
#block-grafki .gr-text{
  margin:4px 0;
}
#block-grafki .gr-text .fa{
  margin:0 4px 0 0;
  font-size:16px;
}
/*---------------*/
.logo-mini{
  float:left;
  width:87px;
  height:30px;
  margin:0px 16px 0px 0;
  background:url("../images/wh-logo-mini.svg") 0 0 no-repeat;
  background-size:100% auto;
  display:none;
}

.mob-menu{
  display:none;
  float:right;
  margin:0px  20px 0  0;
  color:#fff;
  cursor:pointer;
  text-align:center;

}
.mob-menu .icon{
  width:10px;
  text-align:center;
  vertical-align:middle;
  font-size:22px;

}
#navigation .mob-menu{
  margin:5px 0 5px 0;
  width:44px;
  height:40px;
}
#navigation .mob-menu .icon{
  width:46px;
  border-left:1px solid #333;
  vertical-align:top;
}
#navigation .mob-menu .icon .fa{
  line-height:40px;
  color: #00b23a;

}
.mob-menu .icon > div {
  height: 2px;
  background: #fff;
  margin: 4px 0;
}

.icon-search{
  float:right;
  width:46px;
  height:40px;
  margin:5px 0 5px 0;
  text-align:center;
  border-left:1px solid #333;
  cursor: pointer;
  display:none;
}
.icon-search:before {
  content: '\f002';
  font-family: "FontAwesome";
  font-weight: 300;
  font-size: 20px;
  color: #00b23a;
  line-height:40px;
}

.mob-menu-icon{
  margin:5px 0 5px 0;
  width:36px;
  height:40px;
  display: none;
  float: right;
  margin: 5px 0 0 0;
  padding: 9px 0px 9px 14px;
  border-left: 1px solid #333;
  color: #00b23a;
}
#navigation .mob-menu-icon .icon{
  width:46px;
  border-left:1px solid #333;
  vertical-align:top;
}
#navigation .mob-menu-icon .icon .fa{
  line-height:21px;
  color: #00b23a;
  font-size: 31px;
}
#navigation .cart-butts-mobile{
  padding: 9px 12px 9px 12px;
}

#navigation .block-m-phones{
  display:none;
  position:absolute;
  z-index:100;
  top:110%;
  left:5%;
  width: 90%;
  background-color: #374046;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  color: #fff;
  padding:24px;
  text-align:left;
  margin:0 0 24px;
}
#navigation .block-m-phones .ph-title{
  margin:0 0 20px;
  font-size:20px;
}

#navigation .block-m-phones  .phones > div{
  margin:0 0 14px;
  font-size:18px;
}
#navigation .block-m-phones  .phones > div a{
  text-decoration:none;
  color:#fff;
}
#navigation .block-m-phones  .phones > div a:hover{
  color: #00b23a;
}
.block-m-phones .block-m-phones-line{
  border-top: 2px solid #00b23a;
  margin:0 0 24px;
}
.block-m-phones .conts{
  font-size:15px;
}
.block-m-phones .conts > div{
  margin:0  0 10px;
}
.block-m-phones .conts .name-vnk{
  font-size: 20px;
  margin:0  0 12px;
}
.block-m-phones .conts .adr-vnk{
  margin:0  0 18px;
  font-size:15px;
}
/*----------pager__items-----------*/
.pager__items{
  margin:20px -2px;
  list-style:none;
  padding:0;
  text-align:center;
}
.pager__items .pager__item{
  display:inline-block;
  margin:0 2px 4px;
  vertical-align:middle;
}
.pager__items .pager__item a{
  display:block;
  text-decoration:none;
  padding:2px;
  width:34px;
  height:34px;
  line-height:32px;
  text-align:center;
  background:#374046;
  color:#fff;
}
.pager__items .pager__item.is-active a,
.pager__items .pager__item:hover a{
  background:#00b23a;
}
/*-=----------#block-new-local-tasks--------*/
#block-new-local-tasks ul{
  margin:0 0 20px;padding:0;list-style:none;
  border-bottom:1px solid #00b23a;
}
#block-new-local-tasks ul li{
  display:inline-block;
  margin:0 10px 0 0;
}
#block-new-local-tasks ul li a{
  display:block;
  padding:10px 12px;
  text-decoration:none;
  background: #374046;
  color:#fff;
}
#block-new-local-tasks ul li a.is-active,
#block-new-local-tasks ul li a:hover{
  background:#00b23a;
  color:#fff;
}
/*---------------filters--------------*/
[id^=edit-field-characs-target-id] ul{
  list-style:none;
}
[id^=edit-field-characs-target-id] > div > ul {
  margin:0;
  padding:0;
}
[id^=edit-field-characs-target-id] > div > ul > li{
  margin:0 0 12px;
  padding:10px;
  background: #f4f4f4;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
[id^=edit-field-characs-target-id] > div > ul > li > div.form-disabled{
  padding:0 0 7px;
  margin:0 0 7px;
  border-bottom:1px solid #d0d0d0;
}
[id^=edit-field-characs-target-id] > div > ul > li > div.form-disabled input{
  display:none;
}
[id^=edit-field-characs-target-id] > div > ul > li > div.form-disabled label{
  font-weight:600;
}
[id^=edit-field-characs-target-id] > div > ul > li > ul{
  padding:0;
}

fieldset[id^=edit-field-brand-target-id],
fieldset#edit-field-colors-target-id--wrapper{
  margin:0 0 12px;
  padding:42px 10px 10px;
  background: #f4f4f4;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
  position:relative;
  border: 0 none;
}
fieldset[id^=edit-field-characs-target-id] {
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
}

fieldset[id^=edit-field-brand-target-id] > legend,
fieldset#edit-field-colors-target-id--wrapper > legend{
  position:absolute;
  font-weight:600;
  display:block;
  width:210px;
  top:10px;
  left:10px;
  padding:0;
}
fieldset[id^=edit-field-brand-target-id] > legend > span,
fieldset#edit-field-colors-target-id--wrapper > legend > span{
  display:block;
  padding:0 0 7px;
  border-bottom:1px solid #d0d0d0;
  width:100%;
}
.filter-price{
  margin:0 0 12px;
  padding:10px 10px 10px;
  background: #f4f4f4;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
  position:relative;
}
.filter-price .form-item-field-price-def-min label{
  display:block;
  padding: 0 0 7px;
  margin: 0 0 25px;
  font-weight:600;
}
.filter-price .form-item-field-price-def-min input{width:100px;margin:0 10px 0 0;}
.filter-price .form-item-field-price-def-max{
  width:100px;
  position:absolute;
  right:10px;
  bottom:10px;
}
.filter-price .form-item-field-price-def-max label{display:none;}
.bef-slider{
  position:absolute;
  top:38px;
  left:18px;
  width:198px;
}
.bef-slider.ui-slider-horizontal {
  height: 7px;
}
.bef-slider .ui-widget-header{
  background: #dfdfdf;
}
.bef-slider.ui-slider .ui-slider-handle{
  border-radius:2px;
  background: #00b23a;
  width:14px;
  height:14px;
  border:0 none;
  box-shadow:1px 1px 1px rgba(0,0,0,0.3);
}
#block-raskrytayaformataxonomy-termpage-1-2 form{
  padding:0;
  background:#fff;
  border:0;
  box-shadow:none;
  position:relative;
  margin:0 0 20px;
}
.layout-sidebar-first .fil-block form{
  position:relative;
}
.layout-sidebar-first .fil-block .form-item-sort-by{
  display:none;
}
#block-raskrytayaformataxonomy-termpage-1-2 form.is-loading::before,
.layout-sidebar-first .fil-block form.is-loading::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 10px;
  z-index: 5;
}
#block-raskrytayaformataxonomy-termpage-1-2 .vnk-filter-loader,
.layout-sidebar-first .fil-block .vnk-filter-loader{
  display:none;
  position:absolute;
  inset:0;
  align-items:center;
  justify-content:center;
  z-index:6;
  pointer-events:none;
}
#block-raskrytayaformataxonomy-termpage-1-2 form.is-loading .vnk-filter-loader,
.layout-sidebar-first .fil-block form.is-loading .vnk-filter-loader{
  display:flex;
}
#block-raskrytayaformataxonomy-termpage-1-2 .vnk-filter-loader__spinner,
.layout-sidebar-first .fil-block .vnk-filter-loader__spinner{
  width:28px;
  height:28px;
  border:3px solid #d6d6d6;
  border-top-color:#00b23a;
  border-radius:50%;
  animation:vnk-filter-spin 0.8s linear infinite;
}
@keyframes vnk-filter-spin{
  to{
    transform:rotate(360deg);
  }
}
#block-raskrytayaformataxonomy-termpage-1-2 .bef-exposed-form{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px 16px;
}
#block-raskrytayaformataxonomy-termpage-1-2 .bef-exposed-form > fieldset,
#block-raskrytayaformataxonomy-termpage-1-2 .bef-exposed-form > .form-item:not(.form-item-sort-by),
#block-raskrytayaformataxonomy-termpage-1-2 .bef-exposed-form > .form-actions{
  display:none;
}
#block-raskrytayaformataxonomy-termpage-1-2 .bef-exposed-form > .form-item-sort-by{
  position:relative;
  display:inline-flex;
  align-items:center;
  margin:0;
}
#block-raskrytayaformataxonomy-termpage-1-2 .bef-exposed-form > .form-item-sort-by label{
  font-weight:600;
  margin:0 10px 0 0;
}
#block-raskrytayaformataxonomy-termpage-1-2 .bef-exposed-form > .form-item-sort-by select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding:0 42px 0 14px;
  height:40px;
  border:1px solid #d6d6d6;
  border-radius:8px;
  background:#fff;
  min-width:220px;
}
#block-raskrytayaformataxonomy-termpage-1-2 .bef-exposed-form > .form-item-sort-by::after{
  content:'';
  position:absolute;
  right:14px;
  top:50%;
  width:7px;
  height:7px;
  margin-top:-5px;
  border-right:2px solid #666;
  border-bottom:2px solid #666;
  transform:rotate(45deg);
  pointer-events:none;
}
#block-raskrytayaformataxonomy-termpage-1 .bef-exposed-form > .form-item-sort-by{
  display:none;
}
/*------bootstrap-basic-image-gallery-----*/
.bootstrap-basic-image-gallery{
  width:400px;
  max-width:100%;
}
.bootstrap-basic-image-gallery .thumbnails{
  width:400px;
  max-width:100%;
}
.bootstrap-basic-image-gallery .main-image{
  margin:0 0 20px;
  width:400px;
  height:300px;
  max-width:100%;
  position:relative;
}
.bootstrap-basic-image-gallery .main-image img{
  margin:auto;
  top:0;
  left:0;
  right:0;
  bottom:0;
  position:absolute;
  max-height:100%;
  max-width:100%;
  width:auto;
  height:auto;
}
.bootstrap-basic-image-gallery .thumbnails .thumb.bscol-3{
  width:92.5px;
  height:92.5px;
  padding:4px;
  border:1px solid #d7d7d7;
  margin:0 10px 10px 0;
  position:relative;

}
.bootstrap-basic-image-gallery .thumbnails .thumb.bscol-3 img{
  margin:auto;
  top:0;
  left:0;
  right:0;
  bottom:0;
  position:absolute;
}
#bootstrap-basic-image-gallery-modal .modal-header{text-align:right;padding:10px 15px}
#bootstrap-basic-image-gallery-modal .modal-header h5{display:none;}
.bootstrap-basic-image-gallery .modal-header button{
  background:none;
  border:0 none;
  font-size:36px;
  padding:0;
  line-height:22px;
}
.bootstrap-basic-image-gallery .modal-content{
  border-radius:0;
}
#bootstrap-basic-image-gallery-modal .modal-footer{
  display:none;
}

/*----------block-new-content------*/
#block-new-content .field-node-field_image{
  float:left;
  margin:0 30px 0 0;
}
#block-new-content .node-right-block{
  overflow:hidden;
  min-width:240px;
}
.category-line{
  margin:0 0 10px;
}
.category-line > div{
  margin:0 10px 0 0;
}
.field-node-field_brand > div{
  display:inline-block;
}
.field-node-field_catalogue > div{
  display:inline-block;
}
.field-node-field_razmer > div{
  display:inline-block;
}
.field-node-field_razmer{
  margin:0 0 8px;
}
.field-node-field_artikul{
  margin:0 0 10px;
  display:inline-block;
  border-bottom:1px solid #838383;
}
.field-node-field_artikul .field-title{
  font-weight:600;
}
.field-node-field_artikul > div{
  display:inline-block;
}
.field-node-field_unit{margin:10px 0 5px;}
.field-node-field_unit > div{
  display:inline-block;
  font-style:italic;
  font-weight:300;
}
.field-node-field_characs > div:nth-child(2){
  display:table;
  border-collapse: collapse;
  width:100%;
}
.field-node-field_characs .shs{
  display:table-row;
}
.field-node-field_characs .shs:nth-child(even){

  background:#f6fbf7;
}
.field-node-field_characs .shs li{
  display:table-cell;
  list-style:none;
  margin:0;
  padding:10px;
  border:1px solid #d3d9d5;
  float:none;
  width:50%;
  white-space:normal;
}
.field-node-field_characs .shs li:first-child{
  font-weight:400;
}
.field-node-field_characs ul.shs li:last-child{
  padding-right: 10px;
}
.field-node-field_characs ul.shs li:after {
  content: '';
  margin: 0;
}
.table-characs table{
  display:table;
  border-collapse: collapse;
  width:100%;
}
.table-characs .ch-row{
  display:table-row;
}
.table-characs .ch-row:nth-child(even){
  background:#f6fbf7;
}
.table-characs .ch-row > td{
  display:table-cell;
  width:50%;
  padding:10px;
  border:1px solid #d3d9d5;
}
.table-characs .ch-row td .views-row{
  display:inline-block;
}
.table-characs .ch-row td .views-row .views-field-name{
  display:inline;
  margin:0 0 0 4px;
}
.view-taxonomy-term .views-field-field-characs{
  margin:10px 0 0;
}
.table-characs.in-category .ch-row:nth-child(even){
  background:none;
}
.table-characs.in-category .ch-row:nth-child(odd){
  background:#f7f7f7;
}
.table-characs.in-category{display:block;}
.table-characs.in-category .ch-row{margin:0;padding:4px 8px;display:block;}
.table-characs.in-category .ch-row > div{
  display:inline;
  border:0 none;
  padding:0;
  font-size:13px;
  width:auto;
}
.table-characs.in-category .ch-row > div.ch-name{
  font-weight:600;
}
.table-characs.in-category .ch-row > div.ch-name:after{
  content:':';
}
.table-characs.in-category .ch-row > div.ch-values div{
  display:inline-block;
}
/*--------------*/
.product-price{
  color: #ff8436;
  margin:0 0 10px;
}

.product-price .inb{
  vertical-align:bottom;
}
.price-label{
  color:#121212;
  line-height:30px;
}
.product-price .field-node-field_price,
.product-price .num-price{
  font-weight:600;
  font-size:36px;
  margin: 0 10px 0 0;
}
.product-price .old-num-price{
  font-weight:600;
  font-size:28px;
  margin:0 5px 0 0;
  color:#a8a8a8;
  text-decoration:line-through;
  line-height:34px;
}
.field-node-field_currency,
.pr-cur{
  font-weight:600;
  line-height:30px;
  font-size: 14px;
}
.pr-from{
  line-height:30px;
  font-weight:600;
}
.field-node-field_artikul > div{
  display:inline-block;
}
.node-bottom .field-title{
  margin:0 0 20px;
  padding:12px 20px;
  background: #f3f9f5;
  font-size:16px;
  font-weight:600;
  background: #f4f4f4;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}


.node-bottom .field-title span{

}
.node-bottom > div{
  margin:0  0 20px;
}
.node-bottom .field-node-field_opisanie:after{
  content:'';
  display:block;
  clear:both;
}

span.incr{
  color:#333;
  margin: 10px 0 0 0;
  font-size: 15px;
  display:inline-block;
  padding:8px;
  border:1px solid #ff8436;
}
span.incr span {
  font-size: 20px;
}
/*--------.view-taxonomy-term ------------*/
.view-taxonomy-term .row{margin:0 -5px;}
.view-taxonomy-term  .inb.views-row{
  width: 240px;
  vertical-align: top;
  margin: 0 0 12px;
  padding:0 5px;
}
.view-taxonomy-term  .inb.views-row.in-1{
  opacity:0.6;
}
.view-taxonomy-term .row-in{
  height: 425px;
}
.view-taxonomy-term .row-in-in{
  z-index: 2;
  overflow: hidden;
  position: relative;
  height: 425px;
  min-height:425px;
  transition: all 0.3s linear;
  border:1px solid #d0d0d0;
}
.view-taxonomy-term .row-in-in:hover{
  height:auto;
  z-index: 4;
  box-shadow: 0px 1px 3px rgba(0,0,0,0.6);
  border-color:#fff;
}
.view-taxonomy-term .row-in:hover .row-in-in:before{
  display:none;
}
.view-taxonomy-term .row-in-in:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width:100%;
  height: 20px;
  z-index: 3;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 80%, #ffffff 100%);
}
.view-taxonomy-term .row-in-in-in{
  padding: 10px 10px 10px;
  background:#fff;
}
.view-taxonomy-term .views-field-view-node{
  position:relative;
  z-index:10;
  text-align:left;
  display:none;
  height:0;
}
.view-taxonomy-term .views-row:hover .views-field-view-node{
  display:block;
}
.view-taxonomy-term .views-field-view-node a{
  position:absolute;
  bottom:10px;
  right:0;
  text-decoration:none;
  font-size:16px;
  text-transform:uppercase;
  display:block;
  padding:12px 20px;
  text-align:center;
  background:rgba(40,40,40,0.07);
}
.view-taxonomy-term .views-field-nothing{padding:0 0 5px;overflow:hidden;clear:both;}

.view-taxonomy-term .views-field-field-not-available-2{
  margin:0 0 8px;
  font-size:13px;
  color: #ff0000;
}
.view-taxonomy-term .rating {
  margin: 0 ;
}
.view-taxonomy-term .rating-st{margin:0;vertical-align:middle;}
.view-taxonomy-term .rating .all{
  vertical-align:middle;
  font-size:13px;
  color:#434343;
  float:right;
  margin:4px 0 0;
}
.view-taxonomy-term .rating-st .star {
  width: 16px;
  margin: 0 0px 0 0;
  display: inline-block;
}
.view-taxonomy-term .rating-st .star:after{font-size:18px;line-height:15px;}

.view-taxonomy-term .views-field-field-price-def{margin:0 0 5px;display: inline-block;color: #00b23a;}
.view-taxonomy-term .views-field-field-price-def .num{
  font-size:22px;
  font-weight:500;
}
.view-taxonomy-term .views-field-field-price-def .old-num{
  font-size:18px;
  font-weight:500;
  color:#8f8f8f;
  margin:0 7px 0 0;
  text-decoration:line-through;
}
.view-taxonomy-term .views-field-field-price-def .def-cur{
  font-size:13px;
}
.view-taxonomy-term .views-field-title{
  font-size:15px;
  font-weight:600;
  margin:0 0 8px;
  overflow:hidden;
}
.view-taxonomy-term .views-field-title a{text-decoration:none;color:#323232;}
.view-taxonomy-term .views-field-field-brand{
  margin:0 0 8px;
  font-size:12px;
}
.view-taxonomy-term .views-field-field-not-available-1{
  margin:0 0 5px;
  font-size:13px;
  font-weight:600;
  display: none;
}
.view-taxonomy-term .views-field-field-short-desc{
  font-size:12px;
  display: none;
  margin:5px 0 0;
}
.view-taxonomy-term  .views-row:hover .views-field-field-brand,
.view-taxonomy-term  .views-row:hover .vviews-field-field-not-available-1,
.view-taxonomy-term  .views-row:hover .views-field-field-short-desc{
  display:block;
}

.view-taxonomy-term .views-field-field-short-desc p{margin:0;}

.views-field-field-novelty{
  background:#00b23a;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 20px;
  left: 0px;
  padding: 5px 10px 6px 8px;
  border-radius: 0 20px 20px 0;
  font-size: 13px;
  z-index: 120;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
.views-field-field-rekom{
  background:#ff8436;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 140px;
  left: 0px;
  margin: 0 0 0 0;
  padding: 5px 10px 6px 8px;
  border-radius: 0 18px 18px 0px;
  font-size: 13px;
  z-index: 120;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
.views-field-field-discount{
  background:#00b23a;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 20px;
  right: 0px;
  padding: 5px 8px 6px 10px;
  border-radius: 20px 0  0 20px;
  font-size: 13px;
  z-index: 120;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
.views-field-field-image{
  margin:0 0 10px;
}
.views-field-field-image a{
  padding:100% 0 0;
  display:block;
  position:relative;
  background:#fff;
  transition: all 0.3s linear;
  overflow:hidden;
}
.views-field-field-image a img{
  max-width:100%;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  max-height:100%;
  width:auto;
  height:auto;
}
.views-field-field-image{
  position:relative;
  overflow:hidden;
}
.view-taxonomy-term .views-field-field-image .field-content a:nth-child(1){
  z-index:2;
}
.view-taxonomy-term .views-field-field-image .field-content a:nth-child(2){
  top:0;
  left:0;
  width:100%;
  position:absolute;
  z-index:1;
  transform: scaleX(-1);
}
.img-two .views-field-field-image .field-content:hover a:nth-child(1){
  transform: scaleX(-1);
  z-index:1;
}
.img-two .views-field-field-image .field-content:hover a:nth-child(2){
  z-index:2;
  transform: none;
}

/*----------views-komplekt---------*/
.views-komplekt header{
  margin: 0 5px 20px;
  padding: 12px 20px;
  background: #f3f9f5;
  font-size: 16px;
  font-weight: 600;
  background: #f4f4f4;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.views-komplekt .jcarousel-wrapper{
  margin:0 -5px;
}
.views-komplekt .block-rows{
  margin:0 -5px;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}
.views-komplekt .views-row{
  z-index: 2;
  overflow: hidden;
  position: relative;
  min-height: 300px;
  transition: all 0.3s linear;
  border: 1px solid #d0d0d0;
  padding: 10px;
  width:260px;
  margin:0 5px 12px;
}
.views-komplekt.views-viewed{
  margin:0 -5px;
}
.views-komplekt.views-viewed .views-row{
  min-height: 280px;
  width:188px;
}
.views-komplekt.views-viewed .views-field-field-price-def{
  margin:0 0 4px;
}
.views-komplekt.views-viewed .views-field-title {
  font-size: 14px;
  margin: 0;
}
.views-komplekt .views-field-title{
  font-size:15px;

}
.views-komplekt .views-field-title a{text-decoration:none;}
.views-komplekt .views-field-field-price-def{
  margin:0 0 5px;
}
.views-komplekt .views-field-field-price-def .num {
  font-size: 22px;
  font-weight: 500;
}
.views-komplekt .views-field-field-price-def .def-cur {
  font-size: 13px;
}
.views-komplekt header{
  position:relative;
}
.views-komplekt header .jcarousel-control-prev,
.views-komplekt header .jcarousel-control-next{
  height: 100%;
  margin-top: 0;
  line-height:35px;
  width:20px;
}
.views-komplekt header .jcarousel-control-prev {
  left: auto;
  right:30px;
}
.views-komplekt header .jcarousel-control-next {
  right: 10px;
}
/*-------------------*/
.comment-item{
  padding:10px 16px;
  border:1px solid #d3d9d5;
  margin: 0 0 15px;
}
.comment-item .links{
  margin:0;
  padding:0;
  font-size:13px;
}
.comment-item .links li{
  display:inline-block;
  margin:0 12px 0 0;
  list-style:none;
  padding:0;
}
.comment-item .auth-name{
  color: #00b23a;
  font-weight:600;
  margin:0 8px 0 0;
}
.comment-date{
  color:#464646;
  margin:0 8px 0 0;
}
.com-top:after{
  content:'';
  display:block;
  clear:both;
}
.com-top .comment-rate{
  display:inline-block;
  vertical-align:middle;
  margin:0 0px 2px 0;
  float:right;
}
.com-top .field-node-field_rate{
  display:inline-block;
  vertical-align:middle;
  margin:0 0px 0 0;
}
.rate-sch{
  vertical-align:middle;
}
.field-node-field_review .indented{
  margin:0 0 0 60px;
}
form.comment-review-form{
  background: #f3f9f5;
  padding:20px;
  margin:20px 0;
}
.comment-review-form .form-item-name label{
  display:block;
}
form.comment-review-form .form-item-name,
form.comment-review-form .field--name-comment-body{
  margin:0 0 20px;
}
form.comment-review-form .form-item-name label,
form.comment-review-form .field--name-comment-body label{
  margin:0 0 10px;
  font-weight:600;
  display:block;
}
form.comment-review-form input[type="text"],
form.comment-review-form textarea{
  width:100%;

}
.field-node-field_in,
.field-node-field_not_available{
  margin:0 0 10px;
  color:#ff0000;
}
.field-node-field_in.in-1{
  color:#00b23a;
}
.field-node-field_in.in-1:before{
  content:'\2714';
  font-size:16px;
  margin:0 4px 0 0;

}
.field-node-field_in.in-2:before,
.field-node-field_in.in-3:before{
  content:'\270d';
  font-size:20px;
  margin:0 5px -2px 0;
  display:inline-block;
  vertical-align:bottom
}
.field-node-field_in.in-0,
.field-node-field_in.in-4
.field-node-field_not_available{
  color:#565656;
}
.field-node-field_in.in-4:before,
.field-node-field_not_available:before{
  content:'\2716';
  font-size:16px;
  margin:0 4px 0 0;
}
.field-node-field_in.in-2,
.field-node-field_in.in-3{
  color: #ff8436;
}
.color-label{
  margin:0 0 5px;
}
.view-colors{margin:0 0 10px ;}
.view-colors .views-field-field-color-code{

}
.view-colors .views-row{
  margin:0 5px 8px 0;
}
.color-kv{width:164px;height:164px;box-shadow:1px 1px 3px rgba(0,0,0,0.5);}
.node-bottom .view-colors{margin:0 -5px 0 0;}
.node-bottom .view-colors .views-row{margin:0 0 10px;padding:0 5px 0 0;width:16.1%;position:relative;}
.node-bottom .view-colors .views-field-nothing{
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  width:100%;
  height:100%;
  text-align:center;
  color:#fff;
  padding:0 5px 0 0;
}
.node-bottom .view-colors .views-field-nothing .field-content{display:table;width:100%;
  height:100%;}
.node-bottom .view-colors .views-field-nothing .field-content .name-color-block{display:table-cell;vertical-align:middle;}
.node-bottom .view-colors .views-field-nothing .name{
  font-weight:400;
  font-size:18px;
  margin:  0 0 5px;
}
.node-bottom .view-colors .tid-19  .views-field-nothing .field-content .name-color-block,
.node-bottom .view-colors .tid-497 .views-field-nothing .field-content .name-color-block{
  color:#484848;
}

.node-bottom .view-colors .views-row .color-kv{width:100%;height:auto;padding:100% 0 0;}

.node-bottom .view-colors .views-field-field-image{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin:0;
  padding:0 5px 0 0;
}
.node-bottom .color-image {
  width: 100%;
  height: auto;
  padding: 100% 0 0;
  background-size:cover;
}
.node-bottom .view-colors .views-field-field-big-image{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin:0;
  padding:0 5px 0 0;
}
.node-bottom .view-colors .views-field-field-big-image a{
  display:block;
  width: 100%;
  height: auto;
  padding: 100% 0 0;
  position:relative;
}
.node-bottom .view-colors .views-field-field-big-image .bootstrap-basic-image-gallery{
  width:100%;

}
.node-bottom .view-colors .views-field-field-big-image .bootstrap-basic-image-gallery .main-image{
  height:auto;
  margin:0;
  padding:100% 0 0;
}
.node-bottom .view-colors .views-field-field-big-image .main-image img{display:none;}
.view-colors .bootstrap-basic-image-gallery .modal-footer {
  display: none;
}
.view-colors .bootstrap-basic-image-gallery .modal-header {
  text-align: right;
  padding: 10px 15px;
}
.view-colors .bootstrap-basic-image-gallery .modal-body {
  padding: 10px;
}
.views-field-nid .view-colors {margin:0 -2px;line-height: 0;}
.views-field-nid .view-colors .views-row{width:auto;padding:0;margin:0;}
.views-field-nid .view-colors .color-kv{width:30px;height:30px;margin:4px 2px 4px;}
.views-field-nid .view-colors .views-field-name{left:5px;top:28px;}

.view-colors .views-row{
  position:relative;
}
.views-field-nid .view-colors .views-field-name{
  display:none;
  position:absolute;
  z-index:2;
  top:28px;
  left:5px;
  font-weight:600;
  font-size:13px;
  text-shadow:1px 1px 1px rgba(255, 255, 255, 0.8),
  -1px -1px 1px rgba(255, 255, 255, 0.8),
  -1px 1px 1px rgba(255, 255, 255, 0.8),
  1px -1px 1px rgba(255, 255, 255, 0.8);
  white-space:nowrap;
}
.view-colors .views-row:hover .views-field-name{
  display:block;
}
.view-colors .views-row .gkhj{
  text-shadow:2px 2px 1px rgba(255, 255, 255, 0.8),
  2px 1px 1px rgba(255, 255, 255, 0.8),
  1px 2px 1px rgba(255, 255, 255, 0.8),
  -2px -2px 1px rgba(255, 255, 255, 0.8),
  -2px -1px 1px rgba(255, 255, 255, 0.8),
  -1px -2px 1px rgba(255, 255, 255, 0.8),
  -2px 2px 1px rgba(255, 255, 255, 0.8),
  -2px 1px 1px rgba(255, 255, 255, 0.8),
  -1px 2px 1px rgba(255, 255, 255, 0.8),
  2px -2px 1px rgba(255, 255, 255, 0.8),
  2px -1px 1px rgba(255, 255, 255, 0.8),
  1px -2px 1px rgba(255, 255, 255, 0.8);
}
/*------.pr-forms--------*/
.pr-forms{margin:20px 0;}
.pr-forms .inb{cursor:pointer;vertical-align:middle;}
.pr-forms .inb span{text-decoration: underline;}
.pr-forms span .fa{font-size:20px; color:#00b23a;vertical-align:middle;margin:0 5px 0 0;}
.pr-forms .vopros{margin:0 10px 8px 0;padding:2px 10px 2px 0;border-right:1px solid #a7a7a7;}
.pr-forms .calcul{margin:0 10px 8px 0;padding:2px 10px 2px 0;border-right:1px solid #a7a7a7;}
.pr-forms .calcul .fa{font-size:18px;}
.pr-forms .o-zv{margin:0 0 8px 0;}
.pr-forms .o-zv .fa{font-size:28px;}
/*------product-info-block------*/
#block-blokinformaciivkartochketovara{
  margin:0 0 30px;
}
.product-info-block .item{
  margin: 0 0 12px;
  padding:15px 15px 15px 55px;
  background: #f4f4f4;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
  position:relative;
}
.product-info-block .item:before{
  display:inline-block;
  content:'';
  position:absolute;
  left:12px;
  top:20px;
  height:32px;
  width:32px;
  background:url("../images/info-icons.png") 0 2px no-repeat;
}
.product-info-block .item.oplata:before{
  background-position:0 -32px;
}
.product-info-block .item.garanty:before{
  background-position:0 -64px;
}
.product-info-block .item.phone-tovar:before{
  background-position:0 -96px;
}
.product-info-block .cons:before{
  background-position:0 -128px;
}
.product-info-block .item.phone-tovar .item-title{
  margin:0 0 8px;
}
.product-info-block .item-title{
  font-weight:600;
  margin:0 0 8px;
  font-size:14px;
}
.product-info-block .pr-ph{
  font-family: "Roboto", arial, sans-serif;
  font-size:15px;
  font-weight:300;
  margin:0 8px 10px 0;
}
.product-info-block .pr-ph a{
  text-decoration:none;
  color:#343434;
}
.product-info-block .phone-tovar .text-1{
  margin:0 -8px 10px 0;
}
.product-info-block .phone-tovar .text-2{
  margin:0 -8px -10px 0;
}
.product-info-block .item-title{
  margin: 8px 0 8px 0;
}
.product-info-block .cons .text{
  margin:0 0 8px;
}
.product-info-block .cons .text-tel{
  margin:0 -8px -10px 0;
}
/*---------block-views-block-similar-products-block-1-------*/
#block-views-block-similar-products-block-1{
  margin:0 0 30px;
}
.similar-products header{
  font-size:15px;
  text-transform:uppercase;
  font-weight:600;
  margin: 0 0 20px;
  padding: 12px 20px;
  background: #f4f4f4;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.similar-products .views-field-field-image{
  float:left;
  border:1px solid #bebebe;
  padding:2px;
  width:100px;
  margin:0 10px 0 0;
}
.similar-products .views-field-title{
  margin:0 0 10px;
  font-size:16px;
}
.similar-products .views-field-title a{
  text-decoration:none;
}
.similar-products .views-field-field-price-def .num{
  font-size:18px;
}
.similar-products .views-field-field-price-def .def-cur{
  font-size:13px;
}
.similar-products .views-row{
  margin:0 0 12px;
  overflow:hidden;
}

/*-----------------*/
.field-node-field_wholesale{
  margin:15px 0;
}
.field-node-field_wholesale .field-title{
  margin:0 0 5px;
  font-weight:600;
}
.field-node-field_wholesale > div:nth-child(2){
  display:table;
  width:100%;

}
.field-node-field_wholesale > div:nth-child(2) .item{
  display:table-row;

}
.field-node-field_wholesale > div:nth-child(2) .item:nth-child(odd){
  background:#f6fbf7;
}
.field-node-field_wholesale > div:nth-child(2) .item > div{
  display:table-cell;
  padding:8px 10px;
}
.whole-vol > div{
  display:inline-block;
  vertical-align:middle;
}
.whole-price .num{font-size:17px;}
.whole-price .cur{font-size:13px;}

.field-node-field_wholesale_p{
  margin:15px 0;
}
.field-node-field_wholesale_p .field-title{
  margin:0 0 5px;
  font-weight:600;
}
.field-node-field_wholesale_p > div:nth-child(2){
  display:table;
  width:100%;

}
.field-node-field_wholesale_p > div:nth-child(2) .item {
  display:table-row;

}
.field-node-field_wholesale_p > div:nth-child(2) .item:nth-child(odd){
  background:#f6fbf7;
}
.field-node-field_wholesale_p > div:nth-child(2) .item > div{
  display:table-cell;
  padding:8px 10px;
}

/*-------block-views-block-catalog-block-2--------*/
#block-views-block-catalog-block-2{
  margin:0 0 15px;
}
.menu-cat-list .views-row{
  margin:0 0 5px;
}
.menu-cat-list .views-row:after{
  display:block;
  content:none;
  width:0;
  margin:5px auto 0;
  border-top: 6px solid #574046;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.menu-cat-list .views-row:last-child:after{
  content:none;

}
.menu-cat-list .views-field-name a{
  display:block;
  padding:12px 12px;
  text-decoration:none;
  color:#fff;
  background:#00b23a;
  box-shadow:1px 1px 2px rgba(0,0,0,0.8);
}
.menu-cat-list .views-row .views-field-name a:hover{
  background:#019d34 !important;
}
.menu-cat-list .views-row:nth-child(2) .views-field-name a{
  background:#00c340;
}
.menu-cat-list .views-row:nth-child(3) .views-field-name a{
  background:#00d244;
}
.menu-cat-list .views-row:nth-child(4) .views-field-name a{
  background:#00df49;
}
.menu-cat-list .views-row:nth-child(5) .views-field-name a{
  background:#01eb4d;
}
.menu-cat-list .views-row:last-child .views-field-name a{
  background:#374046;
}
.menu-cat-list .views-row:first-child .views-field-name a{
  background:#00b23a;
}
#block-views-block-catalog-block-5{
  margin:-10px 0 15px;
}
.menu-cat-list-under .views-row{
  margin:0 0 7px;
}
.menu-cat-list-under .views-field-name a{
  display:block;
  padding:10px 12px;
  text-decoration:none;
  color:#323232;
  background:#f4f4f4;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  font-size:14px;
}
.menu-cat-list-under .views-row .views-field-name a:hover{
  background: #00c340 !important;
  color:#fff;
}
/*-------.catalogue-list-------*/
.catalogue-list{margin:0 -10px;text-align:center;}
.catalogue-list header{
  margin:20px 0 20px;
  text-align:center;
  font-size:24px;
  text-transform:uppercase;
}
.catalogue-list .views-row{
  margin:0 10px 30px;
  width:212px;
  display:inline-block;
  vertical-align:top;
}
/*
.catalogue-list:after{
    content:'';
    margin:0 10px;
    width:212px;
    display:inline-block;
    vertical-align:top;
}
*/
.catalogue-list .views-field-field-image{
  padding:5px;
  box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  margin:0 0 8px;
}
.catalogue-list .views-field-name{
  text-align:center;
}
.catalogue-list .views-field-name a{
  color:#343434;
  text-decoration:none;
  font-weight:600;
  font-size:16px;
}

/*----block-views-block-catalog-text-block-1-----*/
#block-views-block-catalog-text-block-1,
#block-views-block-komplekt-block-2{
  max-width: 1440px;
  margin: 0 auto 30px;
  padding: 0 20px;
}
.text-image.align-left{
  margin:0 10px 10px 0;
  float:left;
}
.views-field-description__value h3,
.views-field-description__value h2,
.views-field-description__value h4 {
  clear:left;
}
#block-views-block-catalog-text-block-2{
  margin:0 0 20px;
}
#block-views-block-catalog-text-block-2 h2{

}
#block-views-block-catalog-text-block-1 .views-field-field-rating,
#block-views-block-catalog-text-block-1 .views-field-value-2{
  display:inline-block;
  vertical-align:middle;
}
#block-views-block-catalog-text-block-1 .views-field-field-rating{
  margin:2px 5px 0 0;
}
/*----------news-------*/
.views-element-container .news{
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  margin:0 -10px;
}
.views-element-container .news .views-row{
  margin:0 0 30px;
  padding:0 10px;
  width:50%;
  max-width:100%;
}
.views-element-container .news .pager{
  width:100%;
}
.views-element-container .news .views-row:after{
  content:'';
  display:block;
  clear:both;
}
.views-element-container .news .views-field-field-img-anons{
  float:left;
  margin:0 20px 0 0;
  box-shadow:1px 1px 2px rgba(0,0,0,0.8);
}
.views-element-container .news .views-field-field-img-anons a{
  display:block;
  width:100px;
  position:relative;
  padding:100% 0 0;
}
.views-element-container .news .views-field-field-img-anons a img{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
}
.views-element-container .news .views-field-field-anons{
  overflow:hidden;
}
.views-element-container .news .views-field-title{
  font-size:16px;
  font-weight:600;
  margin:0 0 6px;
}
.views-element-container .news .views-field-created{
  font-weight:300;
  margin:0 0 5px;
}
.created{
  font-weight:300;
  margin:0 0 10px;
}
.field-node-field_resource > div{display:inline-block;}
.field-node-field_resource .field-title{font-weight:600;}


/*--------.views-brands----------*/
.views-brands {margin:0 -4px;}
.views-brands .views-row{
  width:220px;
  height:120px;
  border:1px solid #b4b4b4;
  margin:0 4px 12px;
}
.views-brands .views-field-name{
  display:table;
  width:100%;
  height:120px;
}
.views-brands .views-field-name .field-content{
  display:table-row;
}
.views-brands .views-field-name .field-content a{
  display:table-cell;
  vertical-align:middle;
  font-weight:600;
  font-size:16px;
  text-align:center;
  color: #343434;
  text-decoration:none;
  padding:10px;
}
.views-brands .views-field-name .field-content a:hover{
  color: #00b23a;
}

/*---------block-contacts---------*/
.block-wrap-contacts{
  margin:0 -20px;
}
.block-wrap-contacts:after{
  content:'';
  display:inline-block;
  width:100%;
}
.block-contacts{
  margin:0 20px 40px;
  display:inline-block;
  vertical-align:top;
}
.block-contacts .item{
  margin:0 0 0px;
}
.block-contacts .ph-title{
  font-weight:600;
  margin:0 0 8px;
  font-size:16px;
}
.block-contacts .ph-title-empty{height:26px;}
.block-contacts .item.phones{
  font-family: "Roboto", arial, sans-serif;
  font-weight:300;
  font-size:18px;
}
.block-contacts .item.phones div{margin:0 0 8px;}
.block-contacts .item.phones div.krov{
  font-size:15px;
  font-style:italic;
  text-align:center;
  margin:-4px 0 0;
}
.block-contacts .comp-name{
  font-weight:600;
  margin:0 0 8px;
  font-size:20px;
}
.block-contacts .adress{
  margin:0 0 5px;
  font-size:17px;
}
.block-contacts .w-times{
  font-weight:600;
  margin:12px 0 12px;
}
.block-contacts .email{
  font-style:italic;
  margin:0 0 12px;
}

/*-----webform-submission-contact-node-659-add-form---*/
#webform-submission-contact-node-659-add-form #edit-processed-text{
  margin:0 0 10px;
}
.block-wrap-contacts .block-webform{
  margin:0 20px 40px;
  display:inline-block;
  vertical-align:top;
  max-width:480px;
}
#webform-submission-contact-node-659-add-form .left-wrap{
}
#webform-submission-contact-node-659-add-form .form-item-message{
  overflow:hidden;
}
#webform-submission-contact-node-659-add-form .form-item-message textarea{
  height:91px;
  width:100%;
}
#webform-submission-contact-node-659-add-form #edit-actions{
  clear:both;
}
.webform-button--submit.upper{
  text-transform: uppercase;
  padding:12px 24px 11px;
}

/*-------block-views-block-catalogue-block-1------*/
#navigation > .section > div{
  position:relative;
  z-index:10;
}
#block-views-block-catalogue-block-1{
  display:inline-block;
  float:left;
  margin:0 20px 0 0;
}
#block-views-block-catalogue-block-1 .block-rows{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  background:#fff;
  box-shadow:1px 1px 2px rgba(0,0,0,0.7);
  padding:20px 10px;
}
#block-views-block-catalogue-block-1 .block-rows.open{
  display:block;
}
#block-views-block-catalogue-block-1 header{
  line-height:48px;
  padding: 0 20px;
  background:#333;
  display:inline-block;
  cursor:pointer;
  font-size:16px;
}
#block-views-block-catalogue-block-1 header .icon{
  width:28px;
  display:inline-block;
  vertical-align:middle;
  margin:0 8px 4px 0;
}
#block-views-block-catalogue-block-1 header .icon > div{
  height:2px;
  background:#fff;
  margin:4px 0;
}
#block-views-block-catalogue-block-1 .block-rows > .views-row{
  display:inline-block;
  vertical-align:top;

}
#block-views-block-catalogue-block-1 .term-block-first{
  width:200px;
  display:inline-block;
  vertical-align:top;
  margin:0 10px 20px;
}
#block-views-block-catalogue-block-1 .term-block-first .term-name{
  text-transform:uppercase;
  margin:0 0 10px;
  font-weight: 600;
  font-size:14px;
}
#block-views-block-catalogue-block-1 .term-block-first .term-image{
  width:100px;
}
#block-views-block-catalogue-block-1 .term-block-first .term-image a{
  width:100px;
  padding:100% 0 0;
  position:relative;
  display:block;
}
#block-views-block-catalogue-block-1 .term-block-first .term-image a img{
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin: auto;
}
#block-views-block-catalogue-block-1 .term-block-first .term-name a{
  color:#343434;
  text-decoration:none;
}
#block-views-block-catalogue-block-1 .block-rows > .views-row > .views-field-name > .views-element-container{
  width:200px;
  display:inline-block;
  vertical-align:top;
  margin:0 10px 20px;
}
#block-views-block-catalogue-block-1 .block-rows > .views-row > .views-field-name > .views-element-container .views-row{
  margin:0 0 5px;
}
#block-views-block-catalogue-block-1 .block-rows > .views-row > .views-field-name > .views-element-container .views-row a{
  color:#242424;
  text-decoration:none;
}
#block-views-block-catalogue-block-1 .block-rows > .views-row > .views-field-name > .views-element-container .views-row a:hover{
  color:#00b23a;
}
#block-views-block-catalogue-block-1 .block-rows > .views-row > .views-field-name > .views-element-container .views-row .views-element-container{
  margin:0 0 0 20px;
  font-weight:300;
}

/*-------block-views-block-catalogue-block-3------*/
#navigation .in-navigation > .section > div{
  position:relative;
  z-index:10;
}
#block-views-block-catalogue-block-3{
  display:inline-block;
  float:left;
  margin:0 20px 0 0;

}
#block-views-block-catalogue-block-3 .block-rows{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  background:#374046;
  box-shadow:1px 1px 3px rgba(0,0,0,0.7);
  padding:0;
  white-space: nowrap;
}
#block-views-block-catalogue-block-3 .block-rows.open{
  display:block;
  width:auto;

}
#block-views-block-catalogue-block-3 header{
  line-height:50px;
  padding: 0 20px;
  background:#333;
  background:linear-gradient(to bottom, #111 0%, #444f57 50%, #111 100%);
  box-shadow:1px 0px 2px rgba(0,0,0,0.4);
  display:inline-block;
  cursor:pointer;
  font-size:16px;
}
#block-views-block-catalogue-block-3 header .icon{
  width:28px;
  display:inline-block;
  vertical-align:middle;
  margin:0 8px 4px 0;
}
#block-views-block-catalogue-block-3 header .icon > div{
  height:2px;
  background:#fff;
  margin:4px 0;
}
#block-views-block-catalogue-block-3 .block-rows > .views-row{
  border-bottom:1px solid #313131;
}
#block-views-block-catalogue-block-3 .term-block-first{
}
#block-views-block-catalogue-block-3 .term-block-first .term-name{
  text-transform:uppercase;
  font-weight: 500;
  font-size:15px;
  position:relative;
}
#block-views-block-catalogue-block-3 .term-block-first .term-name:hover{
  background:#313131;
}
#block-views-block-catalogue-block-3 .term-block-first .term-name a{
  color:#fff;
  text-decoration:none;
  display:block;
  padding:11px 18px 11px 18px;
}
#block-views-block-catalogue-block-3 .term-block-first .term-name .arr-wrap{
  position:absolute;
  right:0px;
  top:2px;
  width:36px;
  height:36px;
}
#block-views-block-catalogue-block-3 .term-block-first .term-name .arr{
  position:absolute;
  border-top:1px solid #00b23a;
  border-right:1px solid #00b23a;
  right:10px;
  top:50%;
  margin:-6px 0 0;
  width:12px;
  height:12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
#block-views-block-catalogue-block-3 .term-block-first .term-name .arr:before,
#block-views-block-catalogue-block-3 .term-block-first .term-name .arr:after,
#block-views-block-catalogue-block-3 .term-block-first .term-name .arr-in:before{
  content:'';
  display:block;
  position:absolute;
  border-top:1px solid #00b23a;
  border-right:1px solid #00b23a;
  border-radius:0 4px 0 0;
  width:12px;
  height:12px;
  top:-1px;
  left: 0;
}
#block-views-block-catalogue-block-3 .term-block-first .term-name .arr-in{
  display:block;
  position:absolute;
  border-top:1px solid #00b23a;
  border-right:1px solid #00b23a;
  border-radius:0 8px 0 0;
  width:12px;
  height:12px;
  top:-1px;
  left: 0;
}
#block-views-block-catalogue-block-3 .term-block-first .term-name .arr-in:before{
  border-radius:0 10px 0 0;
}
#block-views-block-catalogue-block-3 .term-block-first .term-name .arr:after{
  border-radius:0 6px 0 0;
}
#block-views-block-catalogue-block-3 .term-block-first .term-image{
  width:100px;
}
#block-views-block-catalogue-block-3 .term-block-first .term-image a{
  width:100px;
  padding:100% 0 0;
  position:relative;
  display:block;

}
#block-views-block-catalogue-block-3 .term-block-first .term-image a img{
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin: auto;
}

#block-views-block-catalogue-block-3 .block-rows > .views-row > .views-field-name{

}
#block-views-block-catalogue-block-3 .block-rows > .views-row > .views-field-name > .views-element-container{
  background:#fff;
  display:none;
  position:absolute;
  padding:20px;
  left:100%;
  top:0;
  box-shadow:1px 1px 2px rgba(0,0,0,0.8);
  min-width:280px;
  max-width:100%;
  min-height:100%;
}
#block-views-block-catalogue-block-3 .block-rows > .views-row > .views-field-name:hover > .views-element-container{
  display:block;

}
#block-views-block-catalogue-block-3 .block-rows > .views-row > .views-field-name > .views-element-container .views-row{
  border-bottom:1px solid #a7a7a7;
  padding:0 0 10px;
  margin:0 0 10px;
}
#block-views-block-catalogue-block-3 .block-rows > .views-row > .views-field-name > .views-element-container .views-row:last-child{
  margin:0;
  padding:0;
  border:0 none;
}
#block-views-block-catalogue-block-3 .block-rows > .views-row > .views-field-name > .views-element-container .views-row .views-row{
  border:0 none;
  padding:5px 0;
  margin:0;
}
#block-views-block-catalogue-block-3 .block-rows > .views-row > .views-field-name > .views-element-container .views-row{
  font-size:16px;
}
#block-views-block-catalogue-block-3 .block-rows > .views-row > .views-field-name > .views-element-container .views-row a{
  color:#242424;
  text-decoration:none;
  display:block;

}
#block-views-block-catalogue-block-3 .block-rows > .views-row > .views-field-name > .views-element-container .views-row a:hover{
  color:#00b23a;
}
#block-views-block-catalogue-block-3 .block-rows > .views-row > .views-field-name > .views-element-container .views-row .views-element-container{
  margin:0 0 0 20px;
  font-family:"Roboto", arial, sans-serif;
  font-weight:300;

}
#block-views-block-catalogue-block-3 .block-rows > .views-row > .views-field-name > .views-element-container .views-row .views-element-container a{
  font-size:14px;
}
#block-views-block-catalogue-block-3 .block-rows .mob-title{
  display:none;
}
#block-views-block-catalogue-block-3 .block-rows .close{
  display:none;
}
/*-------catalogue-page------*/
.catalogue-page .block-rows{
  margin:0 -20px;
}
.catalogue-page .block-rows > .views-row{
  display:inline-block;
  vertical-align:top;
  border-top:1px solid #828282;
  padding:15px 0 0;
  margin:0 20px;
}
.catalogue-page .block-rows > .views-row > .views-field-name{
  margin:0 -20px;
}
.catalogue-page .term-block-first{
  width:194px;
  display:inline-block;
  vertical-align:top;
  margin:0 20px 40px;
}
.catalogue-page .term-block-first .term-name{
  text-transform:uppercase;
  margin:0 0 10px;
  font-weight: 600;
  font-size:15px;
}
.catalogue-page .term-block-first .term-name a{
  color:#242424;
  text-decoration:none;
}
.catalogue-page .term-block-first .term-image{
  width:194px;
}
.catalogue-page .term-block-first .term-image a{
  width:100%;
  padding:100% 0 0;
  position:relative;
  display:block;
}
.catalogue-page .term-block-first .term-image a img{
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin: auto;
}

.catalogue-page .block-rows > .views-row > .views-field-name > .views-element-container{
  width:194px;
  display:inline-block;
  vertical-align:top;
  margin:0 15px 40px;
}
.catalogue-page .block-rows > .views-row > .views-field-name > .views-element-container .views-row{
  margin:0 0 6px;
}
.catalogue-page .block-rows > .views-row > .views-field-name > .views-element-container .views-row a{
  color:#242424;
  text-decoration:none;
}
.catalogue-page .block-rows > .views-row > .views-field-name > .views-element-container .views-row a:hover{
  color:#00b23a;
}
.catalogue-page .block-rows > .views-row > .views-field-name > .views-element-container .views-row .views-element-container{
  margin:0 0 0 20px;
  font-weight:300;
  font-family:"Roboto", arial, sans-serif;
}

/*--------catalogue-block-term------*/
.catalogue-block-term{margin:0 -10px;}
.catalogue-block-term .views-row{
  display:inline-block;
  width:200px;
  margin:0 10px 24px;
  vertical-align:top;
}
.catalogue-block-term.catalogue-block-term-city .views-row{
  width:194px;
  margin:0 10px 22px;
  vertical-align:top;
}
.catalogue-block-term .views-row .views-field-field-image{
  padding:4px;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.catalogue-block-term .views-row .views-field-name{
  padding:0 0 0;
  text-align:center;
  font-weight:600;
  font-size:15px;
}
.catalogue-block-term .views-row .views-field-name a{
  color:#343434;
  text-decoration:none;

}
.catalogue-block-term.catalogue-block-term-city .views-field-view-taxonomy-term{
  position: relative;
  z-index: 10;
  display: none;
  height: 0;
}
.catalogue-block-term.catalogue-block-term-city .views-row:hover .views-field-view-taxonomy-term{
  display:block;
}
.catalogue-block-term.catalogue-block-term-city .views-field-view-taxonomy-term a {
  position: absolute;
  bottom: 10px;
  right: 0;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  padding: 10px 2px;
  width:100%;
  text-align: center;
  background: rgba(40,40,40,0.1);
}
/*-----------price-views--------*/
.price-views .views-row{text-align:center;}
.price-views .main-parent{
  padding:12px 10px;
  background:#374046;
  text-transform:uppercase;
  font-size:18px;
}
.price-views .main-parent{
  color:#fff;
}
.price-views .main-parent h2{
  font-weight:400;
  margin:0;
  font-size:18px;
}
.price-views .main-parent a{
  text-decoration:none;
  color:#fff;
}
.price-views-under .views-field-name .term-name{
  padding:12px 10px;
  background:#f2f2f2;
  font-size:16px;
  text-transform:uppercase;
  border-bottom:1px solid #e8e8e8;
}
.price-views-under .views-field-name a{
  color:#343434;
  text-decoration:none;
}
.price-views-under .views-field-name .views-field-name .term-name{
  text-transform:none;
  background:#f8f8f8;
}
.price-products table{width:100%;}
.price-products table td{padding:5px 8px;border:1px solid #e8e8e8;}
.price-products table .views-field-field-image{width:120px;}
.price-products table .views-field-title{text-align:left;font-size:15px;}
.price-products table .views-field-title a{color:#343434;text-decoration:none;}
.price-products table .views-field-field-price-def{width:120px;font-size:18px;}
.price-products table .views-field-field-price-def span{font-size:13px;}
.price-products .pr-image{width:40px;margin:auto;}

/*-------#block-call-back-form------*/
#block-call-back-form,
#block-zadatvopros,
#block-calcul,
#block-calcul--2,
#block-svyazatsyasrazrabotchikom,
.form-dev-build{
  display: none;
  position: fixed;
  z-index: 310;
  width: 300px;
  margin-left: -150px;
  margin-top: -180px;
  text-align: center;
  top: 50% !important;
  left: 50%;
  background: #fff;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.7);
}
#block-zadatvopros{
  margin-top: -230px;
}
#block-calcul,
#block-calcul--2{
  margin-top: -250px;
}
#block-call-back-form > .block-title,
#block-zadatvopros > .block-title,
#block-calcul > .block-title,
#block-calcul--2 > .block-title,
#block-svyazatsyasrazrabotchikom > .block-title{
  margin: 20px 0 10px;
  padding:0 20px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight:400;
}
#block-call-back-form .webform-submission-form,
#block-zadatvopros .webform-submission-form,
#block-calcul .webform-submission-form,
#block-calcul--2 .webform-submission-form,
#block-svyazatsyasrazrabotchikom .webform-submission-form{
  padding: 0 20px 20px;
  overflow: hidden;
}
.form-dev-build {
  display:none;
}
.form-dev-build .block-title{
  margin: 20px 0 10px;
  padding:0 20px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight:400;
}
.form-dev-build .webform-submission-form{
  padding: 0 20px 20px;
  overflow: hidden;
}
#block-call-back-form #edit-processed-text-01{
  line-height: 1.2;
  font-style: italic;
}
#block-calcul textarea{height:80px;}
#block-calcul--2 textarea{height:80px;}
#block-calcul .form-item-files,
#block-calcul--2 .form-item-files {
  text-align:left;
}
#block-calcul .form-item-files input.form-file{margin:0 0 10px;}
#block-calcul--2 .form-item-files input.form-file{margin:0 0 10px;}
.form-item-files .description{
  margin:10px 0;
  font-size:12px;
  color:#575757;
}
.form-item-files .js-form-type-checkbox{
  margin:0 0 7px;
  font-size:13px;
}
#block-calcul .form-item-files input.form-submit,
#block-calcul--2 .form-item-files input.form-submit{
  padding:7px 10px;
  text-transform: none;
}
#block-calcul .form-item-files .description,
#block-calcul--2 .form-item-files .description{display:none;}
.webform-submission-form .note{
  font-size: 11px;
  color: #888;
  margin: 0 0 5px;
}
.webform-submission-form input.form-submit{
  text-transform: uppercase;
  font-weight: 600;
}
#block-call-back-form input.form-submit,
#block-zadatvopros input.form-submit,
#block-calcul input.form-submit,
#block-calcul--2 input.form-submit,
#block-svyazatsyasrazrabotchikom input.form-submit{
  padding: 10px 30px;
}
.send-razrab{
  background:#f4f4f4;
  font-size:13px;
  cursor: pointer;
  padding:8px 18px;
  border-radius:20px;
  margin:0 0 16px;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.send-razrab .fa{
  font-size:16px;
  margin:0 4px 0 0;
  vertical-align:middle;
  color:#00b23a;
}
.shadow {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(40,40,40,0.5);
  z-index: 300;
  cursor: pointer;
}
/*--------------*/
.br-theme-css-stars .br-widget a.br-selected::after {
  color: #ff8436;
}
.br-theme-css-stars .br-widget a {
  font-size: 20px;
  height: 16px;
  width: 16px;
  margin-right: 4px;
}

.field-node-field_rate{margin:0 0 5px;}

.f-line{
  padding:4px 12px 0;
  margin: -4px 0 10px;
  background: #f6fbf7;
  overflow:hidden;
}
.f-line:after{
  content:'';
  display:block;
  width:100%;

}
.f-line > div{
  display:inline-block;
}
.f-line .favor-button{
  float:right;
}
.f-line .field-node-field_vote{
  margin: 0px 12px 4px 12px;
  vertical-align:middle;
}
/*----------rating-st---------*/
.rating{margin:0 8px 8px 0;}
.rating-st{
  position:relative;
  display:inline-block;
  vertical-align:middle;
  margin:0 8px 2px 0;
}
.rating-num{
  vertical-align:middle;
  font-size:15px;
}
.vis-top-stars{
  position:absolute;
  width:50%;
  top:0;
  left:0;
  overflow:hidden;
}
.rating-st .star{width:18px;margin:0 2px 0 0;display:inline-block;}
.rating-st .star:after{
  content: "\2605";
  color:#d2d2d2;
  font-size:20px;
}
.rating-st .top-stars .star:after{
  color: #ff8436;
}
.rating-st .top-stars{
  white-space: nowrap;
}

/*-----------block-raskrytayaformasearchpage-1------------*/
#block-raskrytayaformasearchpage-1{
  overflow: hidden;
  padding:8px 0;
}
#block-raskrytayaformasearchpage-1 #views-exposed-form-search-page-1{
  position:relative;
  width:800px;
  max-width:100%;
  float:right;
}
#views-exposed-form-search-page-1 .form-actions{
  position:absolute;
  right:10px;
  top:5px;
}
#views-exposed-form-search-page-1 .form-actions:before{
  content:'\f002';
  font-family:"FontAwesome";
  font-weight:300;
  font-size:20px;
  color:#00b23a;
  position:absolute;
  z-index:1;
  top:-2px;
  right:2px;
}
#views-exposed-form-search-page-1 .form-actions input{
  width:35px;
  height:25px;
  opacity:0;
  position:relative;
  z-index:2;
}
#views-exposed-form-search-page-1 input.form-text{
  height:34px;
  width:100%;
  background: #2b2f32;
  border-radius:40px;
  border:0 none;
  box-shadow:-2px -2px 4px rgba(0,0,0,0.8) inset;
  color:#dedede;
  padding: 10px 40px 10px 20px;
}
#views-exposed-form-search-page-1 label{
  display: none;
}

/*--------views-search------*/
.views-search .block-rows {
  margin: 0 -5px 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.views-search .views-row {
  min-height: 320px;
  transition: all 0.3s linear;
  border: 1px solid #d0d0d0;
  padding: 10px;
  width: 270px;
  margin: 0 5px 12px;
}
.views-search .views-field-title {
  font-size: 16px;
  margin: 0 0 5px;
  font-weight: 600;
}
.views-search  .views-field-title a {
  text-decoration: none;
}
.views-field-field-price-def .old-num {
  font-size: 18px;
  font-weight: 500;
  color: #8f8f8f;
  margin: 0 7px 0 0;
  text-decoration: line-through;
}
.views-field-field-price-def .num {
  font-size: 22px;
  font-weight: 500;
}
.views-field-field-price-def .def-cur {
  font-size: 13px;
}

/*-------.visulat-------*/
#block-konstruktorkrovli{
  float:left;
  margin:0 20px 0 0;
}
#block-konstruktorkrovli .field-node-body a{
  line-height:50px;
  color:#fff;
  text-decoration:none;
  font-size:16px;
}
#block-konstruktorkrovli .field-node-body a:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/naush.png) 0 100% no-repeat;
  background-size: 32px auto;
  margin: -10px 8px -7px 0px;
  vertical-align: middle;
}
.visulat {
  position: relative;
  overflow: hidden;
}
.visulat .kv-line {
  position: absolute;
  width: 270px;
  height: 14%;
  left: calc(11% + 300px);
  top: 18px;
}
.visulat .kvadrat {
  z-index: 20;
  position: absolute;
  width: 250px;
  height: 16%;
  background: #00b23a;
  right: 0;
  top: 0;
  text-align: center;
  display: table;
}
.visulat .kvadrat a {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px;
}
.visulat p {
  margin: 0;
}

/*-----------man----------------*/
.man{

}
.man .man-wrap {
  display: block;
  padding: 10px;
  text-decoration: none;
  min-height: 425px;
  transition: all 0.3s linear;
  border: 1px solid #d0d0d0;
  color:#000;
}
.man .text {
  font-weight: 600;
  line-height: 1.1;
  font-size: 24px;
  color: #00b23a;
  text-align: center;
  margin: 12% 0 20px;
}
.man .manager {
  margin: 0 -5px 15px;
  text-align:center;
}
.man .im {
  vertical-align:middle;
  width: 100px;
  margin: 0 5px 10px;
  border-radius: 50%;
  padding: 0px;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}
.man .im img {
  border-radius: 50%;
  display: block;
}
.man .man-name {
  vertical-align:middle;
  margin: 0 5px 10px;
  text-align:center;
}

.man .man-name span {
  display: block;
  font-weight: 600;
  font-size: 21px;
  color: #00b23a;

}
.man .phone {
  font-size: 22px;
  text-align: center;
  margin: 0 0 2px;
  clear:both;
}
.man .phone a{text-decoration:none;color:#343434;}
.man .question {
  padding: 10px 5px 12px;
  color: #fff;
  font-size: 14px;
  background: #00b23a;
  text-align: center;
  text-transform: lowercase;
  margin: 10% 10px 0;
  font-weight:600;
  cursor:pointer;
}
.man.man-only-phone .text {
  margin: 30% 0 20px;
}
/*-----jcarousel--------*/
.jcarousel-wrapper,
.jcarousel-wrap-navigation{
  position:relative;
}
.jcarousel {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.jcarousel .jcarousel-wrap-items{
  width: 10000em;
  position: relative;
  margin: 0;
  padding: 0;
}
.jcarousel.item-list ul{
  width: 10000em;
  position: relative;
  margin: 0;
  padding: 0;
}
.jcarousel.item-list ul li{
  float: left;
  list-style:none;
  margin:0;
  padding:0;
}
.jcarousel-wrap-navigation{
  margin:15px 12px 0 12px;
  width: 70%;
}
.jcarousel-wrap-navigation .jcarousel.item-list ul  li{
  width:90px;
  height:90px;
  margin:0 5px 0 0;
  border: 1px solid #bebebe;
  padding: 2px;
  position:relative;
}
.jcarousel-wrap-navigation ul li img{
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  position:absolute;
}
.views-field-field-video-modal{
  overflow:hidden;
}
.modal-video{
  position:relative;
  margin: 45px 12px 65px;
}
.modal-video .video-embed-field-launch-modal{
  width:100px;
  position:relative;
}
.modal-video img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}
#cboxClose {
  top: -3px;
  right: -3px;
}
#colorbox {
  max-height: 480px !important;
}
.jcarousel .jcarousel-item {
  float: left;
}
.jcarousel-control-prev,
.jcarousel-control-next {
  position: absolute;
  top: 0;
  margin-top:-7px;
  width: 20px;
  height: 100px;
  text-align: center;
  text-decoration: none;
  font-size:40px;
  font-weight:300;
  line-height:100px;
  display:block;
  color:#000;
}
.jcarousel-control-prev:hover,
.jcarousel-control-next:hover{
  color:#00b23a;
}
.jcarousel-control-big-prev,
.jcarousel-control-big-next {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 0;
  text-align: center;
  text-decoration: none;
  font-size:40px;
  font-weight:300;
  line-height:0;
  display:block;
  color:#000;
}
.jcarousel-control-big-prev:hover,
.jcarousel-control-big-next:hover{
  color:#00b23a;
}
.jcarousel-control-big-prev {
  left: 0;
}

.jcarousel-control-big-next {
  right: 0;
}
.jcarousel-control-big-prev.inactive,
.jcarousel-control-big-next.inactive{
  opacity:0;
  height:0;
}
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive{
  opacity:0;
  height:0;
}
.jcarousel-navigation-prev,
.jcarousel-navigation-next{
  position: absolute;
  top: 50%;
  width: 20px;
  height: 0;
  text-align: center;
  text-decoration: none;
  font-size:40px;
  font-weight:300;
  line-height:0;
  display:block;
  color:#000;
}
.jcarousel-navigation-prev:hover,
.jcarousel-navigation-next:hover{
  color:#00b23a;
}
.jcarousel-navigation-prev{
  left: -20px;
}

.jcarousel-navigation-next{
  right: -20px;
}
.jcarousel-navigation-prev.inactive,
.jcarousel-navigation-next.inactive{
  opacity:0;
  height:0;
}
.image-slider{
  max-width:400px;
}
.image-slider .views-row{
  position: relative;
}
.views-field-field-vid {
  position: absolute;
  right: 0;
  bottom: 0;
}
.views-field-field-vid .field-content .views-field-nothing{
  border: 1px solid #bebebe;
  width: 90px;
  height: 90px;
}

.image-slider .jcarousel-wrapper li{
  width:400px;
}
.image-slider .jcarousel-wrapper li a{
  display:block;
  position:relative;
  padding:100% 0 0;
}
.image-slider li a img{
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  position:absolute;
}
.block-slider{
  width:400px;
  float:left;
  margin:0 30px 30px 0;
}

.image-slider .views-row .views-field-nothing-1{
  position:absolute;
  left:0;
  top:20px;
}
.image-slider .views-row .views-field-nothing-1 .sl-novel{
  background: #00b23a;
  color: #fff;
  padding: 7px 10px 7px 10px;
  border-radius: 0 20px 20px 0;
  font-size: 14px;
  z-index: 120;
  box-shadow: 1px 1px 1px rgba(0,0,0,.4);
  margin:0 0 12px 0;
}
.image-slider .views-row .views-field-nothing-1 .sl-aktio{
  background: #00b23a;
  color: #fff;
  padding: 7px 10px 7px 10px;
  border-radius: 0 20px 20px 0;
  font-size: 14px;
  z-index: 120;
  box-shadow: 1px 1px 1px rgba(0,0,0,.4);
  margin:0 0 12px 0;
}
.image-slider .views-row .views-field-nothing-1 .sl-recom{
  background: #ff8436;
  color: #fff;
  padding: 7px 10px 7px 10px;
  border-radius: 0 20px 20px 0;
  font-size: 14px;
  z-index: 120;
  box-shadow: 1px 1px 1px rgba(0,0,0,.4);
  margin:0 0 12px 0;
}
/*----------favor-button-----*/
.l-butts{
  float:right;
  padding: 6px 0 6px 0;
  color:#fff;
}
#header-top .l-butts a{
  color:#fff;
  text-decoration:underline;
}
.l-butts .fa{
  font-size:16px;
}
#header-top .l-butts .text{
  padding:2px 0 0;
}
.favor-button{
  margin:6px 0 8px;
}
.link-favor{
  display:inline-block;
  cursor:pointer;
  text-decoration:underline;
}
.link-favor .fa{font-size:20px;vertical-align:middle;margin:0 4px 4px 0;}
.link-favor .fa-star{color:#00b23a;}
/*--------view-favorite------*/
.view-favorite.view-taxonomy-term .views-row{
  border: 1px solid #d0d0d0;
  margin:0 10px 12px 0;
  padding:10px;
  height:370px;
  width:250px;
  position:relative;
}
.view-favorite.view-taxonomy-term .views-field-nothing-1{
  position:absolute;
  top:1px;
  right:12px;
  font-size:28px;
  cursor:pointer;
  z-index:4;
}

.bootstrap-basic-image-gallery .modal-dialog {
  margin: 30px auto;

}
/*---------#block-bannernaglavnoy--------*/
#block-bannernaglavnoy .field-node-body{
  position:relative;
}
#block-bannernaglavnoy img{
  display:block;
  box-shadow:1px 1px 5px rgba(0,0,0,0.5);
  width:100%;
  height: auto;
}
#block-bannernaglavnoy .field-node-body .image-wrap{
  position:relative;
  z-index:1;
  width:100%;
  padding: 44.85% 0 0;
  background: url(../images/image-8-1.jpg) 0 0 no-repeat;
  background-size:cover;
}
#block-bannernaglavnoy .field-node-body .image-wrap .image-shad{
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  width:100%;
  height:60%;
}
#block-bannernaglavnoy .field-node-body .text-wrap{
  position:absolute;
  z-index:3;
  width:100%;
  top:0;
  left:0;
  right:0;
  bottom:0;
  height:100%;
  text-align:center;
  color:#fff;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-align-items:center;
  align-items:center;
}
#block-bannernaglavnoy .field-node-body .text-wrap .text-row{
  width:100%;
}
#block-bannernaglavnoy .field-node-body .text-wrap .text{
  padding:20px;
}
#block-bannernaglavnoy .field-node-body .text .line-1{
  text-transform:uppercase;
  font-size:48px;
  font-family: "Roboto",arial,sans-serif;
  font-weight: 300;
  opacity:0;
  animation: marg-down 0.7s;
  animation-delay: 1.2s;
  animation-fill-mode:forwards;
}

#block-bannernaglavnoy .field-node-body .block-wrap{
  position:absolute;
  z-index:3;
  width:42.5%;
  min-width:500px;
  max-width:100%;
  top:0;
  right:0;
  bottom:0;
  height:100%;
  text-align:center;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-align-items:center;
  align-items:center;
  overflow:hidden;
}
#block-bannernaglavnoy .field-node-body .block-wrap .block-back-1{
  position:absolute;
  top:0;
  left:100%;
  bottom:0;
  width:100%;
  height:100%;
  background: url(../images/front-white.png) 0 0 no-repeat;
  background-size:cover;
  animation: front-block 0.5s;
  animation-delay: 1.2s;
  animation-fill-mode:forwards;
}
#block-bannernaglavnoy .field-node-body .block-wrap .block-back-2{
  position:absolute;
  top:0;
  left:100%;
  bottom:0;
  width:100%;
  height:100%;
  padding:0 0 0 30px;
  animation: front-block 0.5s;
  animation-delay: 1.4s;
  animation-fill-mode:forwards;
}
#block-bannernaglavnoy .field-node-body .block-wrap .block-back-2 .block-in{
  position:relative;
  width:100%;
  height:100%;
  background: url(../images/front-white.png) 0 0 no-repeat;
  background-size:cover;
}
#block-bannernaglavnoy .field-node-body .block-wrap .block-row{
  width:100%;
  padding: 0 0 0 18%;
  position:relative;
  font-size:40px;
  overflow:hidden;
}
#block-bannernaglavnoy .field-node-body .block-wrap .block-row .block-text{
  overflow:hidden;
}
#block-bannernaglavnoy .field-node-body .block-wrap .block-row .block-text-in{
  width:100%;
  overflow:hidden;
}
#block-bannernaglavnoy .field-node-body .block-wrap .block-text-item-1{
  text-transform:uppercase;
  color:#173b43;
  padding:2.4% 0;
  opacity:0;
  margin-left:120px;
  animation: marg-left 0.3s;
  animation-delay: 1.8s;
  animation-fill-mode:forwards;
}
#block-bannernaglavnoy .field-node-body .block-wrap .block-text-item-1 .line-1{
  font-size:100%;
  line-height:1;
}
#block-bannernaglavnoy .field-node-body .block-wrap .block-text-item-1 .line-2{
  font-size:220%;
  line-height:1;
  font-weight:600;
}
.uk #block-bannernaglavnoy .field-node-body .block-wrap .block-text-item-1{
  padding:3.4% 0;
}
.uk #block-bannernaglavnoy .field-node-body .block-wrap .block-text-item-1 .line-2{
  font-size:149%;
  line-height:1;
  font-weight:600;
}
#block-bannernaglavnoy .field-node-body .block-wrap .block-text-item-2{
  text-transform:uppercase;
  color:#173b43;
  padding:2.4% 0;
  opacity:0;
  margin-left:120px;
  animation: marg-left 0.3s;
  animation-delay: 2.0s;
  animation-fill-mode:forwards;
}
#block-bannernaglavnoy .field-node-body .block-wrap .block-text-item-2 .line-1{
  font-size:130%;
  line-height:1;
  font-weight:600;
}
.uk #block-bannernaglavnoy .field-node-body .block-wrap .block-text-item-2{
  padding:3.4% 0;
}
.uk #block-bannernaglavnoy .field-node-body .block-wrap .block-text-item-2 .line-1{
  font-size:82%;
  line-height:1;
  font-weight:600;
}
.uk #block-bannernaglavnoy .field-node-body .block-wrap .block-text-item-2 .line-2{
  font-size:110%;
  line-height:1;
}
#block-bannernaglavnoy .field-node-body .block-wrap .block-text-item-2 .line-2{
  font-size:115%;
  line-height:1;
}
#block-bannernaglavnoy .field-node-body .block-wrap .block-text-item-2 .line-2 span{
  font-weight:600;
  font-size:117%;
  color:#00b23a;
}
/*---------------*/
#drupal-live-announce{
  opacity:0;
  height:0;
}

.page-middle{
  min-height:630px;
}

/*----------------*/
.user-login-form .form-item {
  margin:0 0 16px;
}
.user-login-form .form-item label{
  margin:0 0 5px;
  font-weight:bold;
  display:block;
}
.user-login-form .form-item .description{
  display:none;
}
.user-register-form .form-item-mail .description{
  display:none;
}
.user-form .form-item,
.user-pass .form-item{
  margin:0 0 16px;
}
.user-form .form-item label,
.user-pass .form-item label{
  margin:0 0 5px;
  font-weight:bold;
  display:block;
}
.user-form .form-item .description,
.user-pass .form-item .description,
.user-pass p{
  font-style:italic;
  margin:7px 0;
  font-size:13px;
  color:#545454;
}
.field-node-field_name .field-title,
.field-node-field_phone .field-title{
  margin:0 0 5px;
  font-weight:bold;
}
.field-node-field_name,
.field-node-field_phone{
  margin:0 0 10px;
}

/*---------------*/
.user-orders thead,
.order-products thead{
  background:#f4f4f4;
}
.user-orders thead th,
.order-products thead th{
  padding:8px;
  background:#f4f4f4;
}
.user-orders td,
.order-products td{
  padding:8px;
  border:1px solid #dedede;
}
.user-orders td.views-field-total{
  text-align:right;
}
.order-products thead{
  text-align:left;
}
.order-products{
  margin:0 0 10px;
}
.order-products .views-field-product-id div{
  margin:5px 0 0;
}
.order-total{
  margin:10px 0 20px;

}
.order-total .views-field-total .field-content{
  font-size:20px;
}
.order-total .views-field-total .field-content .cur{
  font-size:13px;
}

/*-----------------------------*/
.field--type-voting-api-field{
  margin:0 0 10px;
}
.votingapi-widgets.fivestar label,
.votingapi-widgets .br-wrapper{
  vertical-align:middle;
  display:inline-block;
}
.votingapi-widgets.fivestar label{
  font-weight:600;
  margin:0 5px 0 0;
}
/*-------.complect ----------*/
.complect{
  margin:0 -5px;
  display:-webkit-flex;
  display:flex;
  flex-wrap:-webkit-wrap;
  flex-wrap:wrap;
}
.complect .views-element-container{
  width:100%;
}
.complect .attach .views-row{
  width:100%;
  border:0 none;
  padding:0;
  margin:0 0 20px ;
}
.complect .attach .views-field-nothing{
  margin:0 5px;
}
.complect .attach .views-field-nothing > div{
  display:inline-block;
  vertical-align:middle;
}
.complect .attach .views-field-nothing .views-field-title{
  font-size:22px;
}
.complect .attach .views-field-nothing .views-field-title a{
  color:#141414;
}
.complect .views-row{
  margin:0 5px 20px;
  border:1px solid #dfdfdf;
  padding:10px;
  width: 420px;
  max-width:100%;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}
.complect .views-field-nothing{
  display:inline-block;
  width:180px;
  vertical-align:top;
  -webkit-flex-grow:1;
  flex-grow:1;
  margin:0 0 10px;
}
.complect .views-field-nothing .views-field-field-image{
  width:100px;
}
.complect .views-field-nid{
  display:inline-block;
  width:180px;
  vertical-align:top;
  -webkit-flex-grow:1;
  flex-grow:1;

}
.complect .views-field-nothing .views-field-title{
  margin:0 10px 10px 0;
}
.mob-title-filters{
  display:none;
}
.call-foot{
  display:none;
}
.share{
  margin:20px 0 0;
  text-align:center;
}

form .captcha{
  margin:0 0 12px;
  max-width:100%;
  overflow:hidden;
}
table{
  max-width:100%;
}
.field-node-field_planki table,
.field-node-field_colors_text table{
  width:100% !important;
}
/*--------------cubes------*/
.cubes{
  margin:40px -15px 0;
  text-align:center;
}
.cubes .item{
  margin:0 0 32px;
  text-align:center;
  padding:10px 15px;
  width:340px;
  max-width:100%;
}
.cubes .item-in{

}
.cubes .item-title{
  font-size:15px;
  font-weight:600;
  padding:10px;
  margin:0 auto;
  height:50px;
}
.cubes .item-title span{
  font-size:20px;
}
.cubes .item-icon{
  height:110px;
  width:160px;
  margin:0 auto 10px;
  border-radius:0;
}
.cubes .item-1 .item-icon{
  background:url(../images/opyt.png) 50% 50% no-repeat;
}
.cubes .item-2 .item-icon{
  background:url(../images/consult.png) 50% 50% no-repeat;
}
.cubes .item-3 .item-icon{
  background:url(../images/krov.png) 50% 50% no-repeat;
}
.cubes .item-4 .item-icon{
  background:url(../images/gar.png) 50% 50% no-repeat;
}

.views-field-description__value ul li,
.views-field-description__value ol li{
  margin:0 0 8px;
}

/*--------------*/
.view-taxonomy-term .views-field-uuid {clear:both;position:relative;}
.vote-form > div{display:inline-block;vertical-align:middle;}
.votingapi-widgets.useful .vote-form .useful-rating a{margin:0 2px 0 0;font-size:24px;color:#949494;position:relative;}
.votingapi-widgets.useful .vote-form .useful-rating a:hover{color: #ff8436;}
.view-taxonomy-term .views-field-uuid span{
  position:absolute;
  padding: 15px 10px;
  background:#fff;
  box-shadow:1px 2px 8px rgba(0, 0, 0, 0.5);
  display:block;
  color:#414141;
  display:none;
  font-size:13px;
  width:100%;
  bottom:5px;
  right:0px;
  z-index:10;
  text-align:center;
}
.votingapi-widgets.useful .vote-form .useful-rating a:hover span{
  display:block;
}
.views-field-field-vote{
  float:right;
  margin:-2px 0 0 8px;
}

/*-------calcul-------*/
iframe#calcul{width: 100%;}
iframe#vod-calcul{width: 100%;}
iframe#shtaket-calcul{width: 100%;}
.calc-link{
  position:fixed;
  cursor:pointer;
  top:50%;
  right:20px;
  margin:-58px 0 0;
  z-index: 131;
  width:120px;
  height:120px;

}
#calcul-button{
  background:url(../images/calc-link.png) 50% 50% no-repeat;
  background-size:contain;
  border-radius:10px;
  box-shadow:0 0 30px rgba(0,0,0,0.3);
}
.uk #calcul-button{
  background:url(../images/calc-link-uk.png) 50% 50% no-repeat;
  background-size:contain;
}
#vod-calcul-button{
  margin:-58px 0 0;
  background:url(../images/knopka.jpg) 50% 50% no-repeat;
  background-size:contain;
  border-radius:14px;
  box-shadow:0 0 30px rgba(0,0,0,0.3);
}
.uk #vod-calcul-button{
  background:url(../images/knopka-uk.jpg) 50% 50% no-repeat;
  background-size:contain;
}
#shtaket-calcul-button{
  margin:-58px 0 0;
  background:url(../images/shtak.jpg) 50% 50% no-repeat;
  background-size:contain;
  border-radius:14px;
  box-shadow:0 0 30px rgba(0,0,0,0.3);
}
.uk #shtaket-calcul-button{
  background:url(../images/shtak-uk.jpg) 50% 50% no-repeat;
  background-size:contain;
}
#calc-wind, #vod-calc-wind, #shtaket-calc-wind{
  display:none;
  width:600px;
  max-width:90%;
  position:fixed;
  top:10%;
  left:50%;
  height:600px;
  max-height:80%;
  z-index: 310;

}
#vod-calc-wind{ width:760px;}

#calc-wind .pok,
#vod-calc-wind .pok,
#shtaket-calc-wind .pok{
  position:absolute;
  width:100%;
  height:100%;
  cursor:pointer;
}
.win-cont{
  position:relative;
  width:100%;
  height:100%;
  background-color:#fff;
  box-shadow:1px 1px 20px rgba(0,0,0,0.8);
  padding:20px;
  margin:0 0 0 -50%;
}
#calc-wind iframe,
#vod-calc-wind iframe,
#shtaket-calc-wind iframe{border:0 none;max-height:100%;position:relative;}
.calc-page{
  background:#fff;
}


/*-------calcul-------*/
.field-node-body canvas{max-width:100%;}

.field-node-body .butn323{
  background: #e06320;
  padding: 6px 12px 6px 12px;
  border-radius: 0px;
  border:0 none;
  cursor:pointer;
  background: #00b23a;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.field-node-body  .shrift1{
  color:#232323 !important;
}
.field-node-body .tabst td{
  padding:4px;
}
#tb1cen36, #tb1cen56, #tb1cen6, #tb1cen26, #tb1cen46{font-weight:600;}
table.tabst{max-width:100%;}
table.odnres2,
table.dvsres2,
table.mansres2,
table.valmres2,
table.shatrres2{
  width:100%;
  max-width:500px;
}

/*----------*/
.page-404 h1{text-align:center; }
.wrap-404{
  text-align:center;
}
.wrap-404 .b-line{
  font-size:24px;
  margin:0 0 20px;
}
.wrap-404 .m-line{
  font-size:18px;
}
.rev_but > span{
  display:inline-block;
  cursor:pointer;
  padding:8px 16px;
  color:#fff;
  background: #00b23a;
  box-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
/*---------*/
.ch-admin-list header{
  font-weight:600;
  font-size:16px;
  margin:0 0 20px;
}
.ch-admin-list table{
  width:800px;
  margin:0 0 20px;
}
.ch-admin-list table .views-field-name{
  width:200px;
}
.ch-admin-list table .views-field-langcode{
  width:90px;
}
.ch-admin-list table .views-field-tid,
.ch-admin-list table .views-field-tid-2{
  width:60px;
}
.ch-admin-list table td{
  padding:8px;
  border:1px solid #d7d7d7;
}
.ch-admin-list caption{
  text-align:left;
  padding:8px;
  border:1px solid #d7d7d7;
  background:#f2f2f2;
  margin:0 2px;
  font-weight:600;
  font-size:18px;
}
.ch-admin-list caption a{
  float:right;
  font-weight:400;
  font-size:14px;
}
.ch-admin-list caption .parent{
  float:right;
}
.ch-admin-list  .parent{
  font-weight:600;
  font-size:16px;
  margin:0 0 16px;
}

.simil-button{
  background: #00b23a;
  color: #fff;
  padding:12px 20px;
  text-align:center;
  cursor:pointer;
  text-transform:uppercase;
  font-weight:600;
  display:none;
}
/*-----------*/
.tool{
  position:relative;
  vertical-align:bottom;
}
.tool .fa{
  width:20px;
  height:36px;
  border-radius:50%;
  text-align:center;
  line-height:36px;
  color:#000;
  font-size:24px;
}
.tool .t-text{
  display:none;
  background:#fff;
  padding:15px;
  box-shadow:1px 1px 5px rgba(0,0,0,0.3);
  font-style:italic;
  position:absolute;
  top:30px;
  right:0px;
  color:#000;
  width:180px;
  z-index:2;
}
.tool:hover .t-text{
  display:block;
}
.product-price.two .num-price{
  font-size:30px;
}
.product-price.two .price-label{
  width:145px;
  display:inline-block;
}

/*---------------*/
.ch-values{
  position:relative;
}
.tooltip{

}
.tooltip .fa{
  display:inline-block;
  width:20px;
  height:20px;
  background: #ebebeb;
  border-radius:50%;
  text-align:center;
  color: #00b23a;
  line-height:20px;
  font-size:13px;
  cursor:pointer;
}
.tooltip .t-text{
  position:absolute;
  top:88%;
  left:0px;
  background:#fff;
  padding:12px;
  box-shadow:1px 1px 3px rgba(0,0,0,0.3);
  font-size:14px;
  font-style:italic;
  display:none;
  max-width:100%;
  z-index:10;
}
.tooltip:hover .t-text{
  display:block;
}

.to-develop{
  cursor:pointer;
  text-decoration:underline;
}
#block-publikaciyamaterialov{
  font-size:12px;
  color:#bebebe;
  margin:20px 0 20px;
}

/* The checkbox container */
.checkbox-container {
  display: block;
  position: relative;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
  border: solid 1px #555;
  border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: #00b23a;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

label.checkbox-container + label {
  margin-left: 20px;
}

/* Disabled titles */
[id^=edit-field-characs-target-id]>div>ul>li>div.form-disabled .checkbox-container{
  display: none;
}

[id^=edit-field-characs-target-id]>div>ul>li>div.form-disabled  label.checkbox-container + label {
  margin-left: 0;
}

/* Disabled checkboxes */
.form-disabled .checkbox-container {
  cursor: initial;
}

.form-disabled .checkbox-container:hover input ~ .checkmark {
  background-color: #eee;
}

.form-disabled .checkmark {
  border-color: #ccc;
}

/* Hide dislike */
.fa-thumbs-down {
  display: none !important;
}

/* Compare link block */
#block-comparepage {
  float: right;
  padding: 6px 10px;
}

#block-comparepage p {
  margin: 0;
}

#block-comparepage a .text {
  text-decoration: underline;
  padding-top: 2px;
}

#block-comparepage a .fa-balance-scale:before {
  font-family: FontAwesome;
  font-size: 16px;
  padding-right: 3px;
}

/* Compare product page */
.f-line .flag-compare {
  float: right;
  margin: 6px 10px 8px;
}

.f-line .flag-compare a {
  text-decoration: none;
  color: #000;
}

.f-line .flag-compare a .fa-balance-scale:before {
  font-family: FontAwesome;
  font-size: 16px;
  padding-right: 3px;
}

.f-line .flag-compare a .text {
  text-decoration: underline;
}

.f-line .flag-compare p.js-flag-message {
  display: none;
}

/* Compare product teaser */
.views-field-link-flag {
  float: right;
}

.views-field-link-flag .flag-compare a {
  text-decoration: none;
  color: #000;
}

.views-field-link-flag .flag-compare a .fa-balance-scale:before {
  font-family: FontAwesome;
  font-size: 20px;
  padding-right: 5px;
}

.views-field-link-flag .flag-compare a .text {
  text-decoration: underline;
  font-size: 0;
}

.views-field-link-flag .flag-compare a .fa-active {
  color: #949494;
}

.views-field-link-flag .flag-compare a .fa-desactive {
  color: #ff8436;
}

.views-field-link-flag .flag-compare p.js-flag-message {
  display: none;
}

/* Compare main block */
#block-quicktabssravnenie #quicktabs-sravnenie #quicktabs-container-sravnenie .quicktabs-compare {
  display: grid;
  grid-template-columns: 150px repeat(auto-fit, minmax(150px, 1fr));
  grid-column-gap: 10px;
  grid-row-gap: 20px;
}

#block-quicktabssravnenie #quicktabs-sravnenie #quicktabs-container-sravnenie .quicktabs-compare header{
  width: 100%;
  max-width: 150px;
  min-height: 950px;
}

#block-quicktabssravnenie #quicktabs-sravnenie #quicktabs-container-sravnenie .quicktabs-compare > .views-row {
  min-height: 950px;
}

#block-quicktabssravnenie #quicktabs-sravnenie #quicktabs-container-sravnenie .quicktabs-compare .views-field-link-flag {
  height: 100%;
  max-height: 30px;
  float: none;
  text-align: center;
}

#block-quicktabssravnenie #quicktabs-sravnenie #quicktabs-container-sravnenie .quicktabs-compare .views-field-field-image {
  height: 100%;
  max-height: 200px;
  max-width: 250px;
  margin: 0 auto;
}

#block-quicktabssravnenie #quicktabs-sravnenie #quicktabs-container-sravnenie .quicktabs-compare .views-field-field-image img {
  max-height: 200px;
  object-fit: contain;
  padding-bottom: 20px;
}

#block-quicktabssravnenie #quicktabs-sravnenie #quicktabs-container-sravnenie .quicktabs-compare .views-field-title {
  height: 100%;
  max-height: 75px;
  font-size: 15px;
  font-weight: 600;
}

#block-quicktabssravnenie #quicktabs-sravnenie #quicktabs-container-sravnenie .quicktabs-compare .views-field-field-price-def {
  height: 100%;
  max-height: 40px;
  color: #00b23a;
}

#block-quicktabssravnenie #quicktabs-sravnenie #quicktabs-container-sravnenie .quicktabs-compare .views-field-nid {
  height: 100%;
  max-height: 150px;
}

#block-quicktabssravnenie #quicktabs-sravnenie #quicktabs-container-sravnenie .quicktabs-compare .views-field-field-characs {
  height: 100%;
  max-height: 300px;
}

/* Hide default compare tab */
#block-quicktabssravnenie #quicktabs-sravnenie .quicktabs-tabs .default-comparison {
  display: none;
}

/* Default styles fot header titles */
.quicktabs-compare-flag {
  height: 100%;
  max-height: 30px;
}
.quicktabs-compare-image {
  height: 100%;
  max-height: 200px;
}
.quicktabs-compare-title {
  height: 100%;
  max-height: 75px;
}
.quicktabs-compare-price {
  height: 100%;
  max-height: 40px;
}
.quicktabs-compare-nid {
  height: 100%;
  max-height: 150px;
}
.quicktabs-compare-characs {
  height: 100%;
  max-height: 300px;
}
.quicktabs-compare-other {}

.layout-bottom #block-calcul--2{display:none;}

#cboxWrapper{
  background:#fff;
}

.table-images{
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  margin:0 -5px;
}
.table-images > div{
  display: flex;
  flex-grow: 1;
  align-items: stretch;
  justify-content: stretch;
  margin:0 0 10px;
  padding:0 5px;
  max-height:400px;
  overflow:hidden;
}
.table-images > div > div{
  display: flex;
  flex-grow: 1;
  text-align: center;
  overflow:hidden;
  justify-content: center;
  align-items: center;
}
.table-images > div > div img{
  width: 100%;
}

.table-img-center .im-wrap{
  display: flex;
  flex-grow: 1;
  text-align: center;
  overflow:hidden;
  justify-content: center;
  align-items: center;
  overflow:hidden;
  max-height:240px;
}
.table-img-center{
  text-align: center;
}

.field-node-body ul li{
  margin-bottom:8px;
}
.field-node-field_opisanie ul li{
  margin-bottom:8px;
}
.field-node-field_opisanie ol li{
  margin-bottom:8px;
}
.fraza_les{
  margin: 12px 0;
  font-size:18px;
}

/* кнопка переход на калькулятор */
.go-to-met{
  display:inline-block;
  margin: 5px 15px;
  padding: 6px 12px 6px 12px;
  border-radius: 0;
  border: 0 none;
  cursor: pointer;
  background: #00b23a;
  box-shadow: 1px 1px 1px rgba(0,0,0,.5);
  color:#fff;
  text-decoration:none;
}

/* Sidebar filter overrides */
.layout-sidebar-first [id^=edit-field-characs-target-id] > div > ul > li,
.layout-sidebar-first fieldset[id^=edit-field-brand-target-id],
.layout-sidebar-first fieldset#edit-field-colors-target-id--wrapper,
.layout-sidebar-first .filter-price {
  background: #ffffff;
  border: 1px solid #dfe7ef;
  box-shadow: 0 10px 24px rgba(18, 38, 63, 0.08);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.layout-sidebar-first [id^=edit-field-characs-target-id] > div > ul > li {
  padding: 16px 14px;
}

.layout-sidebar-first [id^=edit-field-characs-target-id] > div > ul > li:hover,
.layout-sidebar-first fieldset[id^=edit-field-brand-target-id]:hover,
.layout-sidebar-first fieldset#edit-field-colors-target-id--wrapper:hover,
.layout-sidebar-first .filter-price:hover {
  border-color: #c8d7e6;
  box-shadow: 0 14px 28px rgba(18, 38, 63, 0.12);
  transform: translateY(-1px);
}

.layout-sidebar-first [id^=edit-field-characs-target-id] > div > ul > li > div.form-disabled,
.layout-sidebar-first fieldset[id^=edit-field-brand-target-id] > legend > span,
.layout-sidebar-first fieldset#edit-field-colors-target-id--wrapper > legend > span,
.layout-sidebar-first .filter-price .form-item-field-price-def-min label {
  border-bottom-color: #e6edf3;
}

.layout-sidebar-first [id^=edit-field-characs-target-id] > div > ul > li > div.form-disabled label,
.layout-sidebar-first fieldset[id^=edit-field-brand-target-id] > legend,
.layout-sidebar-first fieldset#edit-field-colors-target-id--wrapper > legend,
.layout-sidebar-first .filter-price .form-item-field-price-def-min label {
  color: #1f2d3d;
}

.layout-sidebar-first [id^=edit-field-characs-target-id] .checkbox-container,
.layout-sidebar-first fieldset[id^=edit-field-brand-target-id] .checkbox-container,
.layout-sidebar-first fieldset#edit-field-colors-target-id--wrapper .checkbox-container {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  margin: 0 10px 0 0;
  vertical-align: top;
  font-size: 0;
}

.layout-sidebar-first fieldset[id^=edit-field-brand-target-id] .form-checkboxes.bef-checkboxes > div,
.layout-sidebar-first fieldset#edit-field-colors-target-id--wrapper .form-checkboxes.bef-checkboxes > div,
.layout-sidebar-first [id^=edit-field-characs-target-id] > div > ul > li > ul li > div {
  margin-bottom: 6px;
}

.layout-sidebar-first fieldset[id^=edit-field-brand-target-id] .form-checkboxes.bef-checkboxes > div:last-child,
.layout-sidebar-first fieldset#edit-field-colors-target-id--wrapper .form-checkboxes.bef-checkboxes > div:last-child,
.layout-sidebar-first [id^=edit-field-characs-target-id] > div > ul > li > ul li:last-child > div {
  margin-bottom: 0;
}

.layout-sidebar-first [id^=edit-field-characs-target-id] .checkmark,
.layout-sidebar-first fieldset[id^=edit-field-brand-target-id] .checkmark,
.layout-sidebar-first fieldset#edit-field-colors-target-id--wrapper .checkmark {
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background: #f7fafc;
  border: 1px solid #afc2d4;
  border-radius: 5px;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.layout-sidebar-first [id^=edit-field-characs-target-id] .checkbox-container:hover input ~ .checkmark,
.layout-sidebar-first fieldset[id^=edit-field-brand-target-id] .checkbox-container:hover input ~ .checkmark,
.layout-sidebar-first fieldset#edit-field-colors-target-id--wrapper .checkbox-container:hover input ~ .checkmark {
  background: #edf7f1;
  border-color: #6fbe8c;
}

.layout-sidebar-first [id^=edit-field-characs-target-id] .checkbox-container input:checked ~ .checkmark,
.layout-sidebar-first fieldset[id^=edit-field-brand-target-id] .checkbox-container input:checked ~ .checkmark,
.layout-sidebar-first fieldset#edit-field-colors-target-id--wrapper .checkbox-container input:checked ~ .checkmark {
  background: #00b23a;
  border-color: #009a32;
  box-shadow: 0 6px 14px rgba(0, 178, 58, 0.2);
}

.layout-sidebar-first [id^=edit-field-characs-target-id] .checkbox-container .checkmark:after,
.layout-sidebar-first fieldset[id^=edit-field-brand-target-id] .checkbox-container .checkmark:after,
.layout-sidebar-first fieldset#edit-field-colors-target-id--wrapper .checkbox-container .checkmark:after {
  left: 5px;
  top: 1px;
  border-width: 0 2px 2px 0;
}

.layout-sidebar-first [id^=edit-field-characs-target-id] label.checkbox-container + label,
.layout-sidebar-first fieldset[id^=edit-field-brand-target-id] label.checkbox-container + label,
.layout-sidebar-first fieldset#edit-field-colors-target-id--wrapper label.checkbox-container + label {
  display: inline-block;
  width: calc(100% - 32px);
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  color: #2a3a4d;
  line-height: 1.4;
  vertical-align: top;
}

.layout-sidebar-first fieldset[id^=edit-field-brand-target-id] .form-checkboxes.bef-checkboxes > div.form-disabled .checkbox-container,
.layout-sidebar-first fieldset#edit-field-colors-target-id--wrapper .form-checkboxes.bef-checkboxes > div.form-disabled .checkbox-container,
.layout-sidebar-first [id^=edit-field-characs-target-id] > div > ul > li > ul li > div.form-disabled .checkbox-container {
  cursor: default;
  opacity: 0.75;
}

.layout-sidebar-first fieldset[id^=edit-field-brand-target-id] .form-checkboxes.bef-checkboxes > div.form-disabled .checkbox-container:hover input ~ .checkmark,
.layout-sidebar-first fieldset#edit-field-colors-target-id--wrapper .form-checkboxes.bef-checkboxes > div.form-disabled .checkbox-container:hover input ~ .checkmark,
.layout-sidebar-first [id^=edit-field-characs-target-id] > div > ul > li > ul li > div.form-disabled .checkbox-container:hover input ~ .checkmark {
  background: #eef1f4;
  border-color: #c4ccd4;
  box-shadow: none;
}

.layout-sidebar-first fieldset[id^=edit-field-brand-target-id] .form-checkboxes.bef-checkboxes > div.form-disabled .checkmark,
.layout-sidebar-first fieldset#edit-field-colors-target-id--wrapper .form-checkboxes.bef-checkboxes > div.form-disabled .checkmark,
.layout-sidebar-first [id^=edit-field-characs-target-id] > div > ul > li > ul li > div.form-disabled .checkmark {
  background: #eef1f4;
  border-color: #c4ccd4;
}

.layout-sidebar-first fieldset[id^=edit-field-brand-target-id] .form-checkboxes.bef-checkboxes > div.form-disabled > label.option,
.layout-sidebar-first fieldset#edit-field-colors-target-id--wrapper .form-checkboxes.bef-checkboxes > div.form-disabled > label.option,
.layout-sidebar-first [id^=edit-field-characs-target-id] > div > ul > li > ul li > div.form-disabled > label.option {
  opacity: 0.55;
}

.layout-sidebar-first .filter-price input.form-text {
  border-color: #d3e0ec;
  border-radius: 10px;
  background: #fbfdff;
}
.layout-sidebar-first fieldset[id^=edit-field-characs-target-id]{
  margin:0;
}

@media screen and (max-width: 1000px) {
  .mob-title-filters {
    background: #ffffff;
    border: 1px solid #dfe7ef;
    box-shadow: 0 8px 20px rgba(18, 38, 63, 0.08);
  }
}