@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}
/*https://github.com/zhil/vido/issues/3331*/
.main ul {
  padding-left: 20px;
  margin-bottom: 21px;
  list-style: initial;
}
.main li {
  margin-bottom: 10px;
}

.main ol {
  list-style-type: decimal;
  padding-left: 21px;
  margin-bottom: 21px;
}
/*----*/
ol, ul { list-style: none;}
:focus {  outline: 0;}
::-webkit-input-placeholder {  text-indent: 0px;  -webkit-transition: text-indent 0.3s ease;  transition: text-indent 0.3s ease;}
::-moz-placeholder {  opacity: 1;  -webkit-transition: opacity 0.3s ease;  transition: opacity 0.3s ease;}
:-moz-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
:-ms-input-placeholder {  text-indent: 0px;  -webkit-transition: text-indent 0.3s ease;  transition: text-indent 0.3s ease;}
:focus::-webkit-input-placeholder {  text-indent: -500px;  -webkit-transition: text-indent 0.3s ease;  transition: text-indent 0.3s ease;}
:focus::-moz-placeholder {  opacity: 0;  -webkit-transition: opacity 0.3s ease;  transition: opacity 0.3s ease;}
:focus:-moz-placeholder {  opacity: 0;  -webkit-transition: opacity 0.3s ease;  transition: opacity 0.3s ease;}
:focus:-ms-input-placeholder {  text-indent: -500px;  -webkit-transition: text-indent 0.3s ease;  transition: text-indent 0.3s ease;}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
label, input[type="submit"], input, button {
  font-family: inherit;
  -webkit-appearance: none;
}
label, input[type="submit"], button {
  cursor: pointer;
}
img { border: none;}
body {
  font: 400 14px/18px Arial, sans-serif;
  background: #fff;
  color: #515151;
}
a{color: #005baa;}
a:hover{
  text-decoration: none;
  color: #005baa;
}
a:hover img{opacity: 0.8;}
input, textarea {
  width: 100%;
  border: 1px solid #e2e2e2;
  padding: 15px 16px 14px;
  font-size: 14px;
  margin-bottom: 3px;
  border-radius: 0;
}
input.error, textarea.error{
  border-color: #ff0000 !important;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(210, 210, 210, 1);
  -moz-box-shadow:    0px 0px 10px 0px rgba(210, 210, 210, 1);
  box-shadow:         0px 0px 10px 0px rgba(210, 210, 210, 1);
}
.jq-file.error{
  border-color: #ff0000;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(210, 210, 210, 1);
  -moz-box-shadow:    0px 0px 10px 0px rgba(210, 210, 210, 1);
  box-shadow:         0px 0px 10px 0px rgba(210, 210, 210, 1);
}
input:focus, textarea:focus {
  border-color: #8fbde5;
  box-shadow: 0px 0px 6px 0px #d2d2d2;
}
textarea {
  resize: vertical;
  height: 187px;
  margin-bottom: 6px;
}
h1 {
  font-size: 30px;
  margin: 0 0 20px;
  color: #555555;
  font-weight: 400;
}
.breadcrumbs-margin+h1{margin-bottom: 7px;}
h2{
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 8px;
}
h3 {
  font-size: 16px;
  margin: 18px 0 4px;
  line-height: 20px;
}
h4 {
  font-weight: bold;
  font-size: 14px;
  margin: 22px 0 10px;
}
label{font-weight: 400;display: inline;}
#wrap{overflow: hidden;}
.container {
  max-width: 1001px;
  padding: 0 10px;
}
.caret {border-top-color: #737373;}
.title-big {
  font-size: 40px;
  line-height: 50px;
  color: #595959;
}
.title{
  font-size: 24px;
  color: #595959;
  line-height: 29px;
  margin-bottom: 15px;
}
.title-middle{
  font-size: 18px;
  margin: 0 0 4px;
}
.title-small {
  font-size: 16px;
  margin: 0 0 10px;
}
.title-small-margin {margin: 17px 0 9px;}
.title-small a {color: #a7a7a7;}
.text-right {text-align: right;}
.text-orange{color: #ff9000;}
.arrows{padding-left: 5px;}
.modal-title{
  font-size: 25px;
  text-align: center;
  text-align: center;
  margin: 20px 0;
}
.close{
  position: absolute;
  top: 0;
  right: 0;
  font-size: 30px;
  padding: 5px;
  border: none;
  background: none;
}
tfoot.collapse.in{display: table-row-group;}
.text-grey{color: #979797;}
.info a.text-grey, .box .info a.text-grey{color: #979797;}
.responsive-tab{
  height: 217px;
  overflow: hidden;
}

/* btn */
.btn{
    /*https://github.com/zhil/vido/issues/3480*/
    color: #515151;
    border: none;
    background: #eaf3ff;
    padding: 8px 30px;
    font-size: 16px;
    display: inline-block;
    border-radius: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;

}
.btn:hover, .btn:focus{
    color: #515151;
    background: #d9eaff;
    text-decoration: none;
}
/*----------*/
.btn-blue{
  background: #2e5eaa;
  color: #fff;
}
.btn-blue:hover, .btn-blue:focus{
  color: #fff;
  background: #3872ce;
}
.btn-big{
  font-size: 22px;
  padding: 15px 83px 15px 115px;
}
.btn-big .i-arrow-btn-white{margin-left: 17px;}
.menu-btn{
  /* removed in https://github.com/zhil/vido/issues/3381 */
  /*padding: 14px 23px 11px 15px;*/
    background: #005baa;
    color: #fff;
  /* ------------- */
}
.menu-btn span{margin-left: 15px;margin: -3px 0 0 14px;}
.menu-btn:hover, a[aria-expanded="true"].menu-btn{
  color: #fff;
  background: #3872ce;
}
.btn-middle{
  padding: 16px 31px 13px 54px;
    /*https://github.com/zhil/vido/issues/3389*/
  /*font-size: 14px;*/
    /*--------*/
}
/*https://github.com/zhil/vido/issues/3389*/
.btn-normal{padding: 14px 41px;}
/*-----------*/
.btn-normal .i-arrow-btn{margin-left: 5px;}
/*https://github.com/zhil/vido/issues/3403*/
.btn-large {
  font-size: 14px;
  padding: 14px 34px;
  color: #515151;
  background: #eaf3ff;
}
.btn-large:hover {
  /*https://github.com/zhil/vido/issues/3420*/
  /*background: #EEEEED;*/
  /*----------------*/
}
/*------------*/
.btn-small {
  font-size: 12px;
  padding: 10px 20px 9px;
}
.btn-disabled, .btn-disabled:hover, .btn-disabled:focus{
  color: #9b9b9b;
  background: #dcdcdc;
  cursor: text;
  cursor: default;
  /*font-size: 10px;*/
}

/* header */
header {
  padding: 18px 0 0;
  font-family: Arial, sans-serif;
  position: relative;
}
.logo {float: left;}
.dealer{
  /*https://github.com/zhil/vido/issues/3390*/
  font-size: 14px;
  text-align: right;
  padding: 2px 2px 10px 0;
  /*-----------*/
}
.dealer a{color: #515151;}
.dealer a:hover{
  text-decoration: none;
  color: #005baa;
}
.header-right {
  margin-left: 16%;
  position: relative;
}
.header-right:before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid #efefef;
}
.setting-list{
  float: right;
  padding: 12px 0 0;
  margin: 0;
}
.setting-list>li{
  display: inline-block;
  vertical-align: top;
}
.setting-list>li+li{margin-left: 23px;}
.language .jq-selectbox li{text-align: center;}
.language .jq-selectbox__select{
  border-radius: 0;
  padding: 3px 13px 14px 0;
  border: none;
  text-align: center;
}
.language .jq-selectbox__select-text{
  font-family: Arial, sans-serif;
  font-size: 16px;
}
.language .jq-selectbox__trigger{width: 10px;}
.language .jq-selectbox__trigger-arrow{
  background: none;
  top: 4px;
  left: 0;
  right: 0;
  width: 10px;
  height: 20px;
}
.language .jq-selectbox__trigger-arrow:before{content: "›";}
.language .jq-selectbox__dropdown{
 font-size: 16px;
  border-radius: 0;
  left: -14px;
  width: 55px;
  border: none;
  border-top: 1px solid #efefef;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.15);
}
.language .jq-selectbox li{text-align: center;}
.jq-selectbox li{
  text-decoration: none;
    font-size: 14px;
    background: none;
    font-family: Arial;
    padding: 12px 10px 7px;
    font-weight: 400;
    color: #515151;
}
.jq-selectbox li.selected{
  color: #333;
  background-color: transparent;
}
.jq-selectbox li:hover{
  color: #515151;
    background: #ebebeb;
}
#language-styler{
    z-index: 0 !important;
}
#language-styler.opened{
   z-index: 6 !important;
}
.wrap-search{
  /*https://github.com/zhil/vido/issues/3479*/
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.435);
  border-bottom: 1px solid #efefef;
  background: #fff;
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  /*--------------*/
}
.wrap-search:before{
  content: "";
  position: absolute;
  top: -6px;
  left: 0;
  right: 0;
  height: 6px;
  z-index: 99;
  display: block;
  background: #fff;
}
.wrap-search .i-close{
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 106;
}
.inside-block{padding: 18px 0 16px;}
.input-group{width: 100%;}
#search .input-group{
  width: 410px;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  font-family: Arial;
}
#search .form-control, .form-control{
  border-radius: 0;
  width: 75%;
  padding: 8px 11px;
  border-right: none;
  height: 36px;
}
#search .input-group-btn, .input-group-btn{width: 25%;}
#search .btn{
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 100%;
  font-size: 14px;
  padding: 9px 10px 7px;
  border-radius: 0;
}
.title-search{
  display: inline-block;
  margin-right: 18px;
  font-size: 16px;
}
.panel-group .panel{
  border: none;
  margin: -1px 0 0;
  padding: 1px 0 0;
}
.panel-collapse{border-top: 1px solid #efefef;}
.inside-block{
  position: relative;
  z-index: 100;
}

/* navigation */
.navbar-nav > li > a {
  color: #515151;
  font-size: 16px;
  border-top: 2px solid transparent;
}
/*.navbar-nav > li{z-index: 101;}*/
.nav>li>a:hover, .nav>li>a:focus{
  background: none;
  text-decoration: none;
  outline:none
}
.navbar-nav > li.active > a, .dropdown-menu a:hover,
.navbar-nav > li > a:active,
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  color: #999999;
  background: none;
  border-color: #cccccc;
}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus:hover{
  background: none;
  color: #005baa;
}
/*https://github.com/zhil/vido/issues/3462*/
/*.navbar-nav>li:last-child .dropdown-menu a{white-space: normal;}*/
/*---------*/
.dropdown-menu {
  background: #fff;
  border: none;
  min-width: 100%;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  border-radius: 0;
  -webkit-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow:    0px 5px 7px 0px rgba(0, 0, 0, 0.25);
  box-shadow:         0px 5px 7px 0px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #efefef;
  margin: 0;
}
.dropdown-menu:before, .dropdown-menu:after, 
header .inside-block:before, header .inside-block:after, 
.language .jq-selectbox__dropdown:before, .language .jq-selectbox__dropdown:after{
  /*https://github.com/zhil/vido/issues/3446*/
  /*content: "";*/
  /*---------*/
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin: auto;
}
.dropdown-menu:before, header .inside-block:before, .language .jq-selectbox__dropdown:before{
  border-width: 7px;
  border-bottom-color: #efefef;
}
.dropdown-menu:after, header .inside-block:after, .language .jq-selectbox__dropdown:after{
  border-width: 5px;
  border-bottom-color: #fff;
}
header .inside-block:before, header .inside-block:after{left: auto;}
header .inside-block:after{right: 2px;}
nav .dropdown-menu > li > a, header .dropdown-menu > li > a  {
  text-decoration: none;
  display: block;
  padding: 9px 14px;
  font-size: 14px;
  background: none;
  font-family: Arial;
}
nav .dropdown-menu .active a, nav .dropdown-menu > li > a:hover, 
header .dropdown-menu .active a, header .dropdown-menu > li > a:hover {
  color: #515151;
  background: #ebebeb;
}
.navbar-toggle{
  border-color: #005baa;
  /*https://github.com/zhil/vido/issues/3420*/
  margin: 7px 0 8px 20px;
  /*------------------*/
}
.navbar-toggle .icon-bar{background: #005baa;}

/* slider */
.slide {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
  /*z-index: -2;*/
}
.carousel-indicators {
  position: relative;
  bottom: auto;
  margin: 0;
  left: auto;
  /* top: 31px; */
  width: auto;
  padding-top: 20px;
  margin: 0;
}
/*https://github.com/zhil/vido/issues/3450*/
.carousel-inner>.item>img{
  width: 100%;
  /*z-index: -4;*/
}
/*--------*/
.carousel-indicators li, .carousel-indicators .active {
  border: 1px solid #cbcbcb;
  margin: 0 5px 0 0;
  background: #fff;
  width: 13px;
  height: 13px;
}
.carousel-indicators .active {background: #f3f3f3;}
.caption-text{
  font-size: 12px;
  right: 18px;
  top: 33px;
  text-align: right;
  position: absolute;
  width: 80%;
  color: #fff;
  line-height: 14px;
}
.carousel-caption{
  text-shadow:none;
  left: 0;
  position: absolute;
  text-align: left;
  padding: 0 2.5%;
  right: 0;
  z-index: 999;
  bottom: 26px;
}
.carousel-caption .title-big{color: #fff;}
.shadow{
  display: block;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.01+17,0.5+56,0.7+87,0.9+95,1+100 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.01) 17%, rgba(0,0,0,0.5) 56%, rgba(0,0,0,0.7) 87%, rgba(0,0,0,0.9) 95%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.01) 17%,rgba(0,0,0,0.5) 56%,rgba(0,0,0,0.7) 87%,rgba(0,0,0,0.9) 95%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.01) 17%,rgba(0,0,0,0.5) 56%,rgba(0,0,0,0.7) 87%,rgba(0,0,0,0.9) 95%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  height: 40%;
}
.action-slider {
  margin: 0 0 53px;
  border-radius: 3px;
}
.action-slider:after{display: none;}
.main .action-slider .carousel-indicators {
  padding: 0;
  bottom: -34px;
  left: 0;
  right: 0;
  top: auto;
  margin: auto;
}
.action-slider .carousel-indicators .active {background: #f3f3f3;}
.action-slider .carousel-indicators li {margin: 0 3px;}
.carousel .slider-nav{
  position: absolute;
  top: -20px;
  bottom: 0;
  margin: auto;
  left: 6px;
}
.carousel .slider-nav.i-next, .carousel .slider-nav.i-next-middle{
  left: auto;
  right: 6px;
}
.carousel .slider-nav:hover{opacity: 0.8;}
.carousel .action-nav{top: 0;}

/* support */
.support{
  margin: 22px -15px 19px;
  border-bottom: 1px solid #dadada;
}
.support>div{margin-bottom: 33px;}
.support a{
  color: #3f3f3f;
  text-align: center;
  display: block;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  min-height: 105px;
}
.support a:hover{color: #a7a7a7;}
.support .title{
  margin: 17px 0;
  line-height: 32px;
}
.sprite{
  display: block;
  position: relative;
  margin: 0 auto 13px;
  height: 52px;
}
.sprite:before, .sprite:after{
  content: "";
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../img/sprites.png) 0 0 no-repeat;
  z-index: 1;
}
.support a:hover .sprite:after{opacity: 0;}
.i-support-1{width: 45px;}
.i-support-1:after{background-position: -50px 0;}
.i-support-1:before{background-position: -50px -100px;}
.i-support-2{width: 45px;}
.i-support-2:after{background-position: -100px 0;}
.i-support-2::before{background-position: -100px -100px;}
.i-support-3{width: 77px;}
.i-support-3:after{background-position: -150px 0;}
.i-support-3:before{background-position: -150px -100px;}
.i-support-4{width: 36px;}
.i-support-4:after{background-position: -250px 0;}
.i-support-4::before{background-position: -250px -100px;}
.i-support-5{width: 86px;}
.i-support-5:after{background-position: -300px 0;}
.i-support-5::before{background-position: -300px -100px;}
.i-support-6 {
  width: 31px;
}
.i-support-6::before {
  background-position: -94px -325px;
}

.i-support-6:after {
  background-position: -54px -325px;
}

/* box */
.box {margin-bottom: 17px;}
.box img{margin-bottom: 8px;width: 100%;}
.box h3{
  font-weight: 400;
  margin-top: 0;
}
.box h3.title{margin: 0px 0 5px;}
.box a{color: #000;}
.box a:hover{color: #005baa;}
.grey-box{background: #efefef;margin-bottom: 10px;}
.grey-box-text{padding: 4px 14px 21px;}
.grey-box-text .info{font-size: 14px;}
.border-box{
  border-bottom: 1px solid #dadada;
  padding-bottom: 3px;
  margin-bottom: 8px;
}
.border-box h3{line-height: 22px;}
.border-box:last-of-type{border-bottom: none;}
.publication-col{
  float: left;
  min-height: 1px;
  width: 36%;
}
.publication-col-large{
  width: 64%;
  padding-right: 10px;
}
.action-box{margin-bottom: 18px;}
.main .action-box p {
  font-size: 13px;
  color: #979797;
  line-height: 16px;
}
.wrap-posts{
  border-top: 1px solid #dadada;
  padding: 12px 0;
}
.wrap-posts .row{margin: 0 -10px;}
.wrap-posts .row>div{padding: 0 10px;}
.wrap-posts .box img{margin-bottom: 13px;}

/* logos */
.main .logos {
  padding: 35px 0 0;
  position: relative;
  border-top: 1px solid #dadada;
  margin: 5px 0 0;
  font-size: 0;
}
.logos li{
  position: relative;
  width: 19%;
  margin-bottom: 20px;
  padding: 0 10px;
  display: inline-block;
  vertical-align: middle;
}
.logos li a{
  display: block;
  margin: auto;
}
.logos li a:hover{opacity: 0.8;}
.logos li:last-of-type{
  width: 5%;
  padding-right: 0;
}
.logos .i-next-small{margin-top: -8px;float: right;}

/* dealer-block */
.dealer-block{
  background: url(../img/bg-dealer.jpg) 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 63px 0 46px;
  text-align: center;
  color: #515151;
  font-size: 16px;
  line-height: 20px;
}
.dealer-block p{margin-bottom: 12px;}
.dealer-block .btn{margin-bottom: 5px;}
.dealer-contact, .dealer-contact a{
  font-size: 22px;
  color: #515151;
}
.dealer-contact{padding: 1px 0;}
.dealer-contact a:hover{color: #005baa;}

/* breadcrumbs */
.main ul.breadcrumbs {
  padding: 3px 0;
  margin: 0;
}
.main .breadcrumbs li {
  display: inline-block;
  vertical-align: top;
  color: #515151;
  font-size: 12px;
  margin-bottom: 13px;
  margin-left: 0px;
}
.breadcrumbs li a {color: #2e5eaa;}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs li + li:before {
  content: "› ";
  color: #515151;
}
.breadcrumbs h1 {
  margin: -10px -2px;
  display: inline-block;
}
.main ul.breadcrumbs-margin{padding: 8px 0 0;}
.main ul.breadcrumbs-margin li{margin-bottom: 10px;}

/* content */
#content {
  position: relative;
  /*z-index: 3;*/
  padding: 31px 0 21px;
}

#content.content-padding {
  padding-top: 31px;
  /*z-index: 999;*/
}
#content.content-padding{padding: 13px 0 0;}
.preview {margin-bottom: 50px;}
.preview .btn {margin-top: 28px;}
.main{padding-bottom: 45px;}
.main p {
  margin-bottom: 8px;
  line-height: 18px;
}
.main ul {
  padding-left: 11px;
  margin-bottom: 21px;
}
.main ol {
  list-style-type: decimal;
  padding-left: 21px;
  margin-bottom: 19px;
}
.main ol.list-inside {
  padding-left: 0;
  list-style-type: none;
  counter-reset: list1;
  margin-bottom: 13px;
}
.main ol.list-inside li {margin-bottom: 3px;}
.main ol.list-inside li:before {
  counter-increment: list1;
  content: counter(list1) ".";
  display: inline-block;
  padding-right: 22px;
}
.main > img {margin-bottom: 18px;}
.main>p{}
.main p.big-text {
  font-size: 16px;
  padding-top: 9px;
  margin-bottom: 15px;
}
.small-text {font-size: 12px;}
.main .small-text p, .main p.small-text {
  margin-bottom: 16px;
  line-height: 14px;
}
.about-block, .about-block h3 {
  color: #4b4b4b;
  font-size: 14px;
}
.footnote {
  font-size: 11px;
  padding-top: 9px;
  border-top: 1px solid #dbdbdb;
  margin-bottom: 14px;
}
.footnote p {margin-bottom: 5px;}
.main ul.list-square li {
  position: relative;
  padding-left: 3px;
}
.main ul.list-square li:before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  background: #000;
  position: absolute;
  left: -8px;
  top: 7px;
}
.main .circle-list {
  padding-left: 36px;
  margin-bottom: 10px;
}
.main .circle-list li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 9px;
}
.circle-list li:before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: #555555;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 0;
}
.main .circle-list.list-inside {
  padding-left: 0;
  margin-bottom: 22px;
}
.main .inside .circle-list.list-inside {padding-left: 0;}
.main .circle-list.list-inside li {
  padding-left: 0;
  text-indent: 12px;
  line-height: 17px;
}
.link-block{
  display: block;
  color: #000;
  padding: 13px 20px;
  position: relative;
  border: 1px solid #e0e0e0;
  margin-bottom: 7px;
}
.link-block:hover{
  background: #f0f0f0;
  text-decoration: none !important;
  color: #000 !important;
}
.link-block:before{
  content: "›";
  color: #515151;
  position: absolute;
  left: 10px;
  top: 12px;
}

/* aside */
aside {padding: 5px 0 20px;}
aside .action {margin-bottom: 21px;}
aside .box{letter-spacing: -0.2px;margin-bottom: 21px;}
aside .box p{
  margin: 0;}

/* magazine */
.magazine{
  max-width: 300px;
  margin: 19px auto;
  border: 1px solid #efeef1;
  padding: 16px 17px 14px;
  border-radius: 3px;
  color: #383838;
}
.magazine .btn{
  /*https://github.com/zhil/vido/issues/3389*/
  font-size: 14px;
  font-family: Arial, sans-serif;
  padding: 8px 30px 9px 30px;
  /*----------*/
}
.magazine-logo{
  float: left;
  margin-bottom: 12px;
  float: left;
  width: 70%;
}
.magazine-num{float: right;}

/* menu */
.wrap-menu{margin-bottom: 14px;}
.menu{height: 47px;}
/*https://github.com/zhil/vido/issues/3450*/
.menu-list>li{
  position: relative;
  /*z-index: 999;*/
}
/*----------*/
.menu-list>li+li>a{border-top: 1px solid #ebebeb;}
.menu-list>li>a, .mp-menu ul li a{
  display: block;
  position: relative;
  color: #515151;
  padding: 11px 30px 10px 15px;
}
.menu-list>li>a:after, .mp-level li>a:after{
  content: "›";
  display: block;
  position: absolute;
  top: 1px;
  bottom: 0;
  right: 13px;
  height: 11px;
  margin: auto;
  line-height: 9px;
  font-family: Arial, sans-serif;
}
.menu-list>li>a:hover, .menu-list>li.active>a, .mp-level a:hover{
  background: #ebebeb;
  color: #515151;
  text-decoration: none;
}
.menu-sub-block {
  width: 638px;
  padding: 11px 16px 7px;
  -webkit-box-shadow: 3px 0px 7px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 3px 0px 7px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 3px 0px 7px 0px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 100%;
  background: #fff;
  border-left: 1px solid #d9d9d9;
  display: none;
  /*https://github.com/zhil/vido/issues/3450*/
  /*min-height: 370px;*/
  z-index: 999;
}
/*https://github.com/zhil/vido/issues/3450*/
.menu-list>li.active>.menu-sub-block{
  display: block;
}
/*.menu-list>li:hover>.menu-sub-block{display: block;}*/
/*---------*/
.menu-sub-list>li{margin-bottom: 20px;}
.menu-sub-list li a{color: #2e5eaa;font-size: 14px;}
.menu-sub-list li a:hover{text-decoration: underline;}
.menu-sub-list ul{margin: 6px 0 0;}
.menu-sub-list ul li{ margin-bottom: 9px; line-height: 14px; }
.menu-sub-list ul li a{
  font-size: 12px;
  color: #515151;
}

/* search */
.wrap-search-block{position: relative;}

@media (min-width: 570px) {
    .category-search.loading {
        right: 37px;
    }
}
.category-search{
  position: absolute;
  right: 12px;
  top: 4px;
  z-index: 2;
  width: 168px;
}
.category-search .jq-selectbox{
	width: 100%;
	background: #f6f6f6;
}
.category-search  .jq-selectbox__select{padding-left: 25px;}
.category-search  .jq-selectbox__select-text{max-width: 100%;}
.category-search .jq-selectbox__dropdown{
	width: auto;
	left: auto;
	right: -3px;
	min-width: 240px;
}
.category-search .jq-selectbox li{
	font-size: 12px;
	color: #979797;
	padding: 8px 30px 7px 14px;
}
.category-search .jq-selectbox li.sel{
	background: #f6f6f6;
	position: relative;
}
.category-search .jq-selectbox li.sel:before{
	content: "";
	display: block;
	position: absolute;
	right: 9px;
	top: 7px;
	background: url(../img/sprites.png) -250px -60px no-repeat;
    width: 19px;
    height: 18px;
}
.search .input-group .form-control{
  border: 1px solid #9cc2fc;
  width: 99%;
  margin-right: 0.5%;
  float: none;
}
.search .input-group-btn {width: 122px;}
.search .input-group-btn .btn{
  width: 100%;
  padding-right: 0;
  text-align: center;
  padding-left: 0;
  padding: 8px 0 6px;
}
.search .input-group-btn .btn span{
  margin-left: 10px;
  margin: -2px -14px 0 11px;
}
.search-block{
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  right: 1.2%;
  padding: 14px 13px 10px;
  display: none;
  background: #fff;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35);
}
.active .search-block{display: block;}
.search-block>p{margin-top: 22px;margin: 22px 0 10px 3px;}
.result-block{margin-bottom: 9px;}
.result-block p{margin-bottom: 0;padding-left: 70px;}
.result-block a{color: #515151;}
.result-block a:hover{text-decoration: underline;}
.result-image{
  display: inline-block;
  max-width: 65px; 
  float: left;
  margin-right: 10px;
  margin: 3px 11px 0 0;
}

/* category-parent-list */
.main ul.category-parent-list{
  font-size: 0;
  padding: 0;
  margin: 0 0 5px;
}
.main .category-parent-list li{
  display: inline-block;
  vertical-align: top;
  width: 25%;
  margin-bottom: 18px;
  padding: 0 10px;
  font-size: 14px;
  text-align: center;
}
.category-parent-list li a{
  display: block;
  color: #3f3f3f;
}
.category-parent-list li a:hover{color: #005baa;}
.category-parent-list li a img{margin-bottom: 12px;}

/* catalogue-list */
.sidebar{border-right: 1px solid #dadada;}
.catalogue-list>li {
  margin-bottom: 9px;
  border-bottom: 1px solid #dadada;
  padding: 0 10px 9px 0px; /* https://github.com/zhil/vido/issues/3351 */
}
.catalogue-list > li ul{padding: 9px 0 8px 5px;}
.catalogue-list ul li {
  margin-bottom: 10px;
}
.catalogue-list a {color: #515151;}
.catalogue-list a:hover {
  color: #005baa;
  text-decoration: none;
}
/*https://github.com/zhil/vido/issues/3462*/
.catalogue-list-small{
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
}
/*--------*/
.catalogue-list-small>li{
  border: none;
  margin: 0;
  padding: 0;
}
.catalogue-list-small > li ul{padding-bottom: 0;}

/* category-list */
.main .category-list{
  font-size: 0;
  margin: -6px -10px 0;
  padding: 0;
}
.main .category-list > li {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 13px;
  width: 33.3%;
  font-size: 14px;
  padding: 0 10px;
}
.category-list li img {
  /*https://github.com/zhil/vido/issues/3382*/
  /*margin-bottom: 17px;*/
  /*--------*/
}
.main .sub-category{
  font-size: 12px;
  padding: 0;
  margin: 8px 0;
  line-height: 16px;
  list-style: none;
}
.main .sub-category li{margin-bottom: 8px;}
.main .sub-category a{color: #3f3f3f;}
.main .sub-category a.text-grey{color: #979797;}
.main  p a:not([class]):hover{
  color: #2e5eaa;
  text-decoration: underline;
}
.main a.text-grey:hover{text-decoration: none;}
.sub-category li {margin-bottom: 6px;}

/* filter */
.filter{
  padding-bottom: 30px;
  color: #656565;
  font-size: 12px;
}
.filter-block {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 7px;
}
.filter-block p {margin-bottom: 11px;}
.filter-block:last-of-type {
  border: none;
  margin-bottom: 0;
  padding-bottom: 11px;
}
.filter-block .collapse-link {
  border: none;
  margin-bottom: 10px;
  padding-top: 3px;
  padding: 8px 21px 3px 0;
}
.filter-block .collapse-link .i-select{
  position: absolute;
  top: -1px;
  bottom: 0;
  right: 10px;
  margin: auto;
}
/*https://github.com/zhil/vido/issues/4264*/
.filter-block .jq-checkbox {
  position: absolute !important;
  top: 0;
  left: 0;
}
/* ============== */
.filter-block ul {padding: 2px 0 3px;margin: 0;}
/*https://github.com/zhil/vido/issues/3462
https://github.com/zhil/vido/issues/4264
*/
.filter-block li {
  position: relative;
  padding-left: 31px;
  padding-bottom: 10px;
  min-height: 20px;
}
/*-------------*/
.filter-link{
  color: #515151;
  font-weight: bold;
  font-size: 14px;
}
.collapse-link{
  display: block;
  position: relative;
  padding: 10px 10px 10px 0;
  color: #2e5eaa;
  border-bottom: 1px solid #a9a8a8;
  text-decoration: none;
  font-size: 14px;
}
.collapse-link[aria-expanded="true"]{border-color: transparent;}
.collapse-link:hover{
  color: #2e5eaa;
  text-decoration: underline;
}
.collapse-link:focus{text-decoration: none;}

/* wrap-form */
.wrap-form {
  font-size: 14px;
  padding-top: 8px;
}
.main .wrap-form p {
  margin-bottom: 19px;
  position: relative;
}
.wrap-form input, .wrap-form textarea, .wrap-form .jq-selectbox__select{
  border-color: #a9a8a8;
  border-radius: 2px;
  padding: 17px 16px 16px;
}
.wrap-form .jq-selectbox{
  width: 100%;
  margin-bottom: 9px;
}
.wrap-form .jq-selectbox__select{padding: 18px 16px 17px;}
.wrap-form .jq-selectbox__trigger-arrow{
  top: 25px;
  right: 18px;
}
.wrap-form .jq-selectbox__select-text{
  font-size: 14px;
  color: #555555;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.error-message{
  display: none;
  position: absolute;
  right: 10px;
  top: 8px;
  padding: 10px 13px 8px;
  background: #ebebeb;
  color: #ff0000;
}
.error+.error-message{display: block;}
.error:focus+.error-message, .error:not([value=""])+.error-message{display: none;}
.wrap-form .btn {margin-top: 12px;}
.wrap-form h3 {margin: 0 0 27px;}
.main .check-list {
  padding: 14px 0 0;
  margin-bottom: 11px;
}
.check-list li {
  display: inline-block;
  vertical-align: top;
  min-width: 45%;
  margin-bottom: 24px;
}
.jq-checkbox {
  top: -1px;
  width: 21px;
  height: 19px;
  margin: 0 10px 0 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,fefefe+100 */
  background: #f3f3f3;
  background: -webkit-linear-gradient(top, #f3f3f3 0%, #fefefe 100%);
  background: linear-gradient(to bottom, #f3f3f3 0%, #fefefe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#fefefe',GradientType=0 );
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  border-radius: 2px;
  border: 1px inset #f2f1f1;
}
.jq-checkbox.checked {
  border: 1px solid #a4a4a4;
  border-radius: 3px;
}
.jq-checkbox.checked .jq-checkbox__div {
  background: url(../img/sprites.png) -300px -250px no-repeat;
  width: 28px;
  height: 26px;
}
.jq-checkbox.checked .jq-checkbox__div {
  background-position: -250px -60px;
  width: 19px;
  height: 18px;
}
.check-blue.jq-checkbox.checked .jq-checkbox__div{
  background-position: -225px -60px;
  width: 19px;
  height: 17px;
}
.check-blue.jq-checkbox.checked{
  background: #8fbde5;
  border-radius: 0;
  border-color: #c2c1c1;
}
.jq-selectbox {
  vertical-align: middle;
  width: auto;
  cursor: pointer;
  background: #fff;
}
.jq-selectbox__select {
  border-radius: 2px;
  padding: 7px 29px 5px 10px;
  border-color: #e6e6e6;
}
.jq-selectbox__select-text {
  font-size: 12px;
  color: #555555;
}
.jq-selectbox__trigger-arrow {
  top: 12px;
  right: 11px;
  left: auto;
  border: none;
  background: url(../img/sprites.png) -350px -60px no-repeat;
  width: 9px;
  height: 4px;
  display: block;
}
.jq-selectbox__dropdown{
  border-radius: 0;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);
}
.jq-file{
  color: #515151;
  border-color: #e2e2e2;
  font-family: Arial;
  margin: 2px 0;
}
.jq-file:before{
  content: "";
  display: block;
  width: 13px;
  height: 27px;
  background: url(../img/sprites.png) -375px -60px no-repeat;
  position: absolute;
  left: 22.5%;
  top: 11px;
}
.jq-file__browse, .jq-file__name{
  background: #f4f4f4;
  font-size: 14px;
  color: #515151;
  font-weight: 400;
  padding: 15px 10px 14px 33.5%;
  text-align: left;
}
.jq-file:hover .jq-file__browse{background: #ededed;}
.jq-radio{
  width: 17px;  
  height: 17px;
  border: 1px solid #d6d6d6;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfd+0,e4e4e4+100 */
  background: rgb(253,253,253); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(228,228,228,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(228,228,228,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(253,253,253,1) 0%,rgba(228,228,228,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
}
.jq-radio.checked{border-color: #d4d4d4;}
.jq-radio.checked .jq-radio__div{
  width: 9px;
  height: 9px;
  background: #a4a4a4;
}

/* quest */
.quest{
  display: block;
  border: 1px solid #efeef1;
  color: #212025;
  border-radius: 3px;
  padding: 19px 14px 11px 80px;
  position: relative;
  max-width: 207px;
  margin: 19px 0;
  line-height: 16px;
  font-size: 13px;
}
.quest:before{
  content: "";
  display: block;
  background: url(../img/sprites.png) -400px 0 no-repeat;
  width: 58px;
  height: 69px;
  position: absolute;
  top: 12px;
  left: 11px;
}
.quest:hover:before{opacity: 0.8;}
.quest:hover{
  box-shadow: 0px 0px 10px 0px #d7d7d7;
  text-decoration: none !important;
}
.quest-large{
  max-width: 300px;
  text-align: center;
  margin: 29px 0 23px;
  padding: 18px 14px 18px 93px;
  font-size: 12px;
  color: #979797;
}
.quest-large:before{
  background-position: -400px -100px;
  width: 47px;
  height: 53px;
  top: 6px;
  left: 44px;
}

/* sort-block */
.sort-block{
  font-size: 12px;
  margin-bottom: 15px;
}
.sort-block-margin{margin-bottom: 6px;}
.sort-block .btn{margin: 0 12px 10px 0;}
.sort-block .text-grey{
  display: inline-block;
  margin-right: 10px;
  margin: 0 17px 10px 0;;
}
.btn-sort{
  color: #555555;
  border-color: #e6e6e6;
  font-size: 12px;
  border-radius: 2px;
  padding: 6px 11px 5px;
}
.btn-del{
  font-size: 12px;
  border: 1px solid #93c0e6;
  color: #555555;
  padding: 5px 25px 4px 10px;
  position: relative;
  background-color: transparent;
  vertical-align: baseline;;
}
.btn-del:before{
  content: "";
  display: block;
  background: url(../img/sprites.png) -325px -80px no-repeat;
  width: 7px;
  height: 9px;
  position: absolute;
  top: 9px;
  right: 6px;
}
.btn-del:hover:before{background-position: -338px -80px;}
.btn-del:hover{
  border-color: #efefef;
  background: #fff;
  color: #c2c2c2;
}
.all{white-space: nowrap;}
.sort-block .jq-selectbox{margin: 0 0 0 10px;}
.main ul.type-list{padding: 0;margin: 0;}
.type-list, .type-list li{
  display: inline-block;
  vertical-align: top;
}
.main .type-list li{margin: 0 0 10px;}
.main .type-list li+li{margin-left: 2px;}
.type-list a{
  border: 1px solid #d0d0d0;
  -webkit-box-shadow: inset 0px -2px 3px 2px rgba(229, 229, 229, 0.75);
  -moz-box-shadow:    inset 0px -2px 3px 2px rgba(229, 229, 229, 0.75);
  box-shadow:         inset 0px -2px 3px 2px rgba(229, 229, 229, 0.75);
}
.type-list a:hover, .type-list .active a{
  border-color: #9bc4e8;
  -webkit-box-shadow: inset 0px 2px 3px 2px rgba(229, 229, 229, 0.75);
  -moz-box-shadow:    inset 0px 2px 3px 2px rgba(229, 229, 229, 0.75);
  box-shadow:         inset 0px 2px 3px 2px rgba(229, 229, 229, 0.75);
}

/* item-list */
.item-list {margin-bottom: 21px;}
.item-list h4 {
  font-weight: 400;
  display: inline-block;
  margin: 0 17px 9px 0;
  vertical-align: bottom;
}
.price{
  white-space: nowrap;
  color: #ff9000;
}
.item-list .price {
  display: inline-block;
  margin-bottom: 10px;
}
.table-responsive {
  overflow: auto;
  padding: 0 1px;
}
.item-list .table-responsive{margin: 12px 0 39px;}
.item-table {
  width: 100%;
  font-size: 12px;
}
.item-table h3 {margin: 0;}
.item-table h3 a {color: #005baa;}
.item-table th {
  text-align: left;
  font-size: 14px;
  padding-bottom: 7px;
  font-weight: normal;
}
.item-table td:last-child a {color: #555555;}
.item-table td:last-child a:hover{text-decoration: none;}
.item-table td {
  padding: 3px 10px 4px;
  white-space: nowrap;
  border-right: 1px solid #e6e6e6;
}
.item-table td:first-child {padding-left: 0;}
.item-table td:nth-of-type(1),
.item-table td:nth-of-type(2),
.item-table td:last-of-type{border: none;}

/* matching */
.matching{
  font-size: 12px;
  color: #979797;
  margin: 18px 0 0;
}
.matching a{visibility: hidden;}
.matching.active a{visibility: visible;}

/* page-nav */
.main .page-nav{
  padding: 30px 0 14px;
  margin: 0;
}
.page-nav li {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.page-nav li.collapse {display: none;}
.page-nav a {
  display: block;
  font-size: 14px;
  color: #646464;
  padding: 4px 0;
  width: 32px;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
}
.main .page-nav a:hover, .page-nav .active a {
  color: #c9c8c8;
  text-decoration: none;
}
.page-nav li span {
  /* fixed selected page on pager */
  display: block;
  font-size: 14px;
  color: #c9c8c8;
  padding: 4px 0;
  width: 32px;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
}

/* result-list */
.result-list{
  color: #051511;
  padding-top: 2px;
}
.result-list li{margin-bottom: 8px;
  padding-right: 10px;}
.result-list ul{
  padding: 8px 0 0 10px;
}
.result-list ul ul{
  padding-left: 9px;
  font-size: 12px;
  line-height: 17px;
}
.result-list a:hover{text-decoration: underline;}
.result-list ul a{color: #515151;}

/* vendors-list  */
.main .vendors-list {
  padding: 22px 0 0;
  font-size: 0;
}
.vendors-list li {
  margin-bottom: 58px;
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  padding: 0 10px;
}
.heading-vendor{
  border-bottom: 1px solid #dadada;
  padding: 9px 0 6px;
  margin-bottom: 16px;
}
.main .heading-vendor p{margin-bottom: 2px;}
.heading-vendor a{color: #515151;}
.logo-vendor{padding-top: 3px;}

/* form-block */
.form-block{
  background: #f4f4f4;
  padding: 38px 6.5% 20px;
  margin-bottom: 15px;
}
.form-block-padding{padding: 29px 6.5% 20px;}
.form-block-padding textarea{height: 113px;}
.form-block-padding  ::-webkit-input-placeholder {color: #c4c4c4;}
.form-block-padding  ::-moz-placeholder {color: #c4c4c4;}
.form-block-padding  :-moz-placeholder {color: #c4c4c4;}
.form-block-padding  :-ms-input-placeholder {color: #c4c4c4;}
.form-block p{margin-bottom: 15px;}
.conditions{
  display: inline-block;
  font-size: 11px;
  width: calc(100% - 35px);
  vertical-align: top;
  line-height: 13px;
  padding-top: 3px;
  margin-bottom: 10px;
}
.form-block label{margin-top: 16px;}
.form-block label.inline-label{
  display: inline;
  margin: 0;
  padding: 0;
}
.main ul.input-list{
  padding: 0;
  margin: 0 0 25px;
  /*https://github.com/zhil/vido/issues/3389*/
  list-style: none;
  /** ----- */
}
.main ul.input-list li{margin-bottom: 7px;}
.input-list .jq-radio{margin-right: 22px;}

/* contacts-block */
.contacts-block {
  margin: 0 -10px 20px;
  font-size: 13px;
}
.contacts-block > div {padding: 0 9px;}
.main .contacts-block p {margin-bottom: 8px;}
.main .contacts-block + p {margin-bottom: 14px;}
.wrap-collapse {margin-bottom: 7px;}
.wrap-collapse > a {
  font-size: 14px;
  position: relative;
  padding: 14px 30px 12px 9px;
  color: #000;
  display: block;
  border: 1px solid #e0e0e0;
}
.main .wrap-collapse > a:hover, .wrap-collapse > a[aria-expanded="true"]{
  text-decoration: none;
  background: #f0f0f0;
  text-decoration: none;
  color: #000;
}
.wrap-collapse > a:focus {text-decoration: none;}
.wrap-collapse > a:after {
  content: "";
  display: block;
  background: url(../img/sprites.png) -350px -60px no-repeat;
  width: 9px;
  height: 4px;
  position: absolute;
  right: 12px;
  top: 3px;
  bottom: 0;
  margin: auto;
}
.inside {
  padding: 20px 10px;
  font-size: 12px;
}
.inside-contacts{font-size: 14px;padding-bottom: 7px;color: #000;}
.main .inside p {margin-bottom: 8px;}
.inside a {
  color: #036cb4;
  text-decoration: underline;
}
.inside a:hover {text-decoration: none;}
.main .transport-list, .main .site-list{
  padding: 0;
  margin: 0;
}
.main .transport-list p{margin-bottom: 13px;}
.transport-list li {margin-bottom: 16px;}
.transport-list li:last-child {margin-bottom: 0;}
.main .site-list li{margin-bottom: 16px;}
.inside .feedbeck-form {padding: 0;}
.inside .feedbeck-form p {margin-bottom: 12px;}
.inside .feedbeck-form p.text-center {margin-bottom: 6px;}
.inside .feedbeck-form .btn {margin-top: 2px;}

/* map */
.wrap-map iframe {
  width: 100%;
  border: none;
}

/* brief */
.brief-table {
  width: 100%;
  font-size: 14px;
}
.brief-table td {
  padding: 19px 15px 0 4px;
  color: #000;
  position: relative;
  vertical-align: bottom;
}
.brief-table tr:first-child td {padding-top: 0;}
.brief-table td:first-child {
  padding-left: 0;
}

.brief-table td:first-child:before {
  content: "";
  display: block;
  position: absolute;
  border-bottom: 1px dotted #aeaeae;
  left: 0;
  right: 0;
  top: 14px;
}
.brief-table td:first-child span{
  position: relative;
  background: #fff;
  padding-right: 5px;
}
.brief-table a {text-decoration: none;}
.brief-table a:hover {text-decoration: underline;}

/* info */
.news-block {
  padding: 0 0 21px 2px;
  margin-bottom: 18px;
  border-bottom: 1px solid #dadada;
  font-size: 12px;
  color: #979797;
}
.news-block:before, .news-block:after {
  content: "";
  display: table;
  clear: both;
}
.news-block h4 {
  margin: 0 0 8px;
  font-weight: 400;
  /*https://github.com/zhil/vido/issues/3389*/
  font-size: 18px;
  line-height: 22px;
  /** -- */
}
.news-block h4 a{color: #000;}
.news-block h4 a:hover{color: #005baa;}
.main .news-block p {
  margin-bottom: 0;
  line-height: 14px;
  font-size: 12px;
  padding: 0 3px;
}
.main .news-block p:first-child {
  margin: -3px 0 3px;
  padding: 0;
}
.news-image {
  width: 37%;
  padding-right: 3%;
}
.news-image img{width: 100%;}
.news-text {width: 62%;}
.post-date, .mark {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 22px;
}
.post-date {margin-right: 8px;}
.mark {
  background: #e3e3e3;
  padding: 0 10px;
  color: #000;
}
.main a.mark:hover {
  color: #000;
  text-decoration: none;
  background: #c0c0c0;
}
.post-info {padding: 0 0 22px;}
.post-info .post-date, .mark {line-height: 16px;}
.post-info .post-date {margin-right: 11px;}
.news-block+.page-nav{padding: 8px 0;}
.post-nav{
  margin-bottom: 22px;
  background: #efefef;
  padding: 30px 0 12px;
  position: relative;
}
.post-nav:before{
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #d3d3d3;
}
.post-nav a {
  position: relative;
  display: block;
  padding: 0 25px;
  font-size: 14px;
  color: #515151;
  text-align: center;
}
.post-nav a:hover{color: #005baa;}
.post-nav span {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
}
.post-nav .i-next-small{
  right: 0;
  left: auto;
}
.main .post-nav ul {
  margin: 0;
  padding: 0;
  font-size: 0;
}
.post-nav li {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  padding: 0 11px;
}


/* item-block-small */
.item-block-small{
  position: relative;
  border-right: 1px solid #e6e6e6;
  padding: 0 5px 9px;
  margin: auto;
  line-height: 14px;
}
.item-block-small .i-close-small{
  position: absolute;
  top: 3px;
  right: 8px;
  text-align: center;
}
.item-block-small img{
  /* https://github.com/zhil/vido/issues/4133 */
  /* margin-bottom: 18px; */
  /* ---- */
}
.item-block-small p a{color: #515151;}
.item-block-small p a:hover{text-decoration: none !important;}
.item-block-small .price{margin: 6px 0;}
.main .item-block-small p{margin-bottom: 0;}

/* collation */
.collation-table{
  font-size: 12px;
  width: 100%;
  margin-bottom: 56px;
}
.collation-table .item-block-small{
  font-size: 12px;
  text-align: center;
}
.collation-table .i-select{margin-left: 8px;margin: -2px 0 0 14px;}
.collation-table .item-block-small{border: none;}
.collation-table thead{border-bottom: 0px solid #fff;}
.table>tbody+tbody{border: none;}
.collation-table.table>thead>tr>td{
  border: none;
  border-right: 1px solid #e6e6e6;
  padding: 3px 5px;
  width: 11%;
}
.collation-table.table>tbody>tr>th{
  font-weight: bold;
  text-align: left;
  padding: 0;
  border: none;
}
.collation-table.table>tbody>tr>th a{
  display: block;
  color: #515151;
  background: #f0f0f0;
  padding: 14px 16px 12px;
  border: 1px solid #e6e6e6;
  text-decoration: none;
}
.collation-table.table>tbody>tr>th a:hover{background: #dadada;}
.collation-table.table>tbody>tr>td{
  padding: 14px 16px 13px;
  border: 1px solid #e6e6e6;
  text-align: center;
  width: 11%;
  vertical-align: middle;
}
.collation-table.table>tbody>tr>td:first-child{text-align: left;}
.main .table-nav{
  padding: 0;
  margin: 0;
}
.main .table-nav li{
  display: inline-block;
  vertical-align: top;
  margin: 0 18px 0 0;
}
.table-nav a{color: #515151;}
.table-nav .active a{color: #005baa;}

.promo-list > .wrap-item-block {
  height: 340px;
}

/* item-block */
.wrap-item-block{
  float: left;
  width: 33.3%;
  position: relative;
  margin-bottom: -1px;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  overflow: hidden;
  height: 367px;
}
.wrap-item-block:before, .wrap-item-block:after{
  content: "";
  display: block;
  position: absolute;
  right: 0;
}
.wrap-item-block:before{
  top: 10px;
  bottom: 10px;
  width: 1px;
  background: #dadada;
}
.wrap-item-block:after{
  left: 0;
  right: 0;
  bottom: 0;
  height: 15px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.5+50,1+100 */
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,1) 100%); 
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,1) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); 
}
.item-block{
  position: absolute;
  top: 0;
  left: 1px;
  right: 1px;
  padding: 5px 8px;
  font-size: 12px;
  background: #fff;
}
.wrap-img{
  display: block;
  padding: 18px 0 19px;
  /* https://github.com/zhil/vido/issues/3344 */
  position: relative;
  height: 186px;
}
.wrap-img img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
/* ---- */
.wrap-item-block:hover{overflow: visible;}
.wrap-item-block:hover:after{display: none;}
.wrap-item-block:hover .item-block{
  top: -2px;
  left: -1px;
  padding: 7px 10px 10px;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow:    0px 0px 7px 0px rgba(0, 0, 0, 0.35);
  box-shadow:         0px 0px 7px 0px rgba(0, 0, 0, 0.35);
  z-index: 5;
  right: -1px;
}
.main .item-name{
  font-size: 14px;
  margin-bottom: 3px;
}
.wrap-price{
  margin: 10px 0 20px;
  position: relative;
}
.wrap-price .btn{
  /*https://github.com/zhil/vido/issues/3565*/
    POSITION: absolute;
    right: 0;
    top: 0;
    padding: 10px 16px 8.5px 16px;
    /* width: 100px; */
    /* padding-left: 5px; */
    /* padding-right: 5px; */
    text-align: center;
}
.wrap-price .price{
  /*https://github.com/zhil/vido/issues/3565*/
  font-size: 18px;
  /* float: left; */
  padding: 9px 5px 9px 8px;
  /* background: #eeeeee; */
  /* width: calc(100% - 100px); */
}
.price-disabled.price{color: #949494;}
.item-block .jq-checkbox{margin-right: 11px;}
.item-block .matching{margin-bottom: 8px;}

/* wrap-slider */
.wrap-slider {
  float: left;
  width: 33%;
  padding-right: 3px;
  height: 260px;
}
.wrap-slider {
  float: left;
  width: 34%;
  padding-right: 3px;
  height: 260px;
  margin-bottom: 34px;
  overflow: hidden;
}
.wrap-slider .slider-nav {
  width: 50px;
  float: left;
  text-align: center;
  height: 257px;
  overflow: hidden;
}
.slider-nav .slick-arrow{
  content: "";
  display: block;
  background: url(../img/sprites.png) no-repeat;
  width: 50px;
  height: 10px;
  margin: 0 auto 9px;
  position: relative;
  top: auto;
  bottom: auto;
}
.slider-nav .slick-arrow.prev{background-position: -50px -60px;}
.slider-nav .slick-arrow.prev:hover{background-position: -110px -60px;}
.slider-nav .slick-arrow.next{
  margin-top: 3px;
  background-position: -50px -80px;
}
.slider-nav .slick-arrow.next:hover{background-position: -110px -80px;}
.wrap-slider .slider-nav .slick-list {padding: 0 !important;}
/* https://github.com/zhil/vido/issues/3355 */
.wrap-slider .slider-nav .slick-list img, .slider-nav-modal .slick-list img {
/*  width: 48px;
  height: 48px;
  -o-object-fit: cover;
  object-fit: cover;
  */
  /* https://github.com/zhil/vido/issues/3355 */
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.slick-vertical .slick-slide{
  border-color: #dedede;
  margin-bottom: 4px;
  cursor: pointer;
}
.slick-vertical .slick-slide.slick-current{border-color: #93bfe6;}
.wrap-slider .slider-for{
  width: calc(100% - 60px);
  height: 100%;
  float: left;
  text-align: center;
  /*https://github.com/zhil/vido/issues/3389*/
  /*https://github.com/zhil/vido/issues/3626*/
  padding: 0px 10px;
  /*--------*/
}
.wrap-slider .slider-for .slick-list {height: 100%;}
.wrap-slider .slider-for .slick-list .slick-track {height: 100%;}
.wrap-slider .slider-for .slick-list .slick-track img {
  display: inline-block;
  top: 50%;
  max-height: 260px;
  position: relative;
  -webkit-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

/* description */
.description {
  margin-bottom: 20px;
  float: left;
  width: 66%;
  padding-top: 1px;
}
.main .description p {line-height: 17px;margin-bottom: 9px;}
.description .rating {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
}
.description .matching, .description .small-text a {
  display: inline-block;
  vertical-align: baseline;
}
.description .small-text a:hover, .description .small-text a.active, .description .small-text a:focus {
  color: #005baa;
  text-decoration: none;
}
.description .matching, .embedding{margin-right: 15px;}
.main .description .small-text p {margin-bottom: 10px;}
.item-price{
  padding-top: 6px;
  margin-bottom: 6px;
}
.price-block{
  font-size: 18px;
  padding: 15px 13px 14px;
  background: #eeeeee;
  float: left;
  margin: 0;
  min-width: 166px;
}
.item-price .btn{padding: 14px 24px 11px;}

/* product-tabs */
.product-tabs > ul.nav-tabs {
  padding-left: 6px;
  margin-bottom: 27px;
  border-color: #e6e6e6;
}
.product-tabs > ul.nav-tabs li {margin: 0 0 -2px;}
.product-tabs > ul.nav-tabs li+li{margin-left: 26px;}
.product-tabs > ul.nav-tabs li a {
  color: #0162B0;
  font-size: 14px;
  padding: 4px 14px 11px;
  border: none;
  border-bottom: 2px solid transparent;
}
.product-tabs > ul.nav-tabs li a:hover {
  border: none;
  background: transparent;
  border-bottom: 2px solid #cccccc;
  box-shadow: none;
  outline: none;
  text-decoration: none;
}
.product-tabs > ul.nav-tabs li a:active, .product-tabs > ul.nav-tabs li a:focus {
  text-decoration: none;
  outline: none;
}
.product-tabs > ul.nav-tabs li.active a {
  border: none;
  border-bottom: 2px solid #cccccc;
  color: #555555;
  background: transparent;
}

/* social-likes */
.social-likes{margin: 18px 0;}
.social-likes__widget{margin: 0 2px 0 0;}
.social-likes__button{
  border: none;
  width: 20px;
  height: 20px;
  display: block;
  padding: 0;
}
.social-likes__button:before{display: none;}
.social-likes__icon{
  background: url(../img/sprites.png) no-repeat;
  width: 20px;
  height: 20px;
  display: block;
}
.social-likes__icon_facebook{background-position: -100px -300px !important;}
.social-likes__icon_plusone{background-position: -50px -300px !important;}
.social-likes__icon_twitter{background-position: -150px -300px !important;}
.social-likes__icon_pinterest{background-position: 0 -300px !important;}
.social-likes__icon_plus{background-position: -200px -300px !important;}
.social-likes__button:hover{opacity: 0.8;}
.share-list{margin: 27px 0 10px;}
.share-list .social-likes__widget{margin-right: 6px;}
.share-list .i-google{margin-right: -6px;}
.share-list .social-likes__button{
  display: block;
  width: 52px;
  height: 49px;
  text-align: center;
  padding-top: 15px;
  border-radius: 1px;
  background: #e7e7e7;
}
.share-list .share-list .social-likes__button:hover{
	background: #eeeeee;
	opacity: 1;
}
.share-list .social-likes__icon{
	bottom: 0;
	right: 0;
	margin: auto;
}
.share-list-title{padding: 19px 7px 0 0;}
.share-list .social-likes__icon_facebook{
	background-position: -400px -250px !important;
	width: 9px;
}
.share-list .social-likes__icon_plusone{background-position: -250px -300px !important;}
.share-list .social-likes__icon_twitter{background-position: -350px -300px !important;}
.share-list .social-likes__icon_plus{
	background-position: -450px -200px !important;
	width: 21px;
}
.share-list .social-likes__widget:hover .social-likes__icon_facebook{background-position: -425px -250px !important;}
.share-list .social-likes__widget:hover .social-likes__icon_plusone{background-position: -300px -300px !important;}
.share-list .social-likes__widget:hover .social-likes__icon_twitter{background-position: -400px -300px !important;}
.share-list .social-likes__widget:hover .social-likes__icon_plus{background-position: -450px -250px !important;}

/* #description */
#description ul.nav-tabs {
  padding: 0;
  border: none;
  margin-bottom: 9px;
}
#description ul.nav-tabs li a {
  background: transparent;
  color: #2e5eaa;
  padding: 3px 14px 2px;
  border-radius: 0;
  border: 1px solid #dbdbdb;
}
#description ul.nav-tabs li{margin-bottom: 0;}
#description ul.nav-tabs li a:hover, 
#description ul.nav-tabs li a:focus, 
#description ul.nav-tabs li.active a{
  text-decoration: none;
  outline: none;
  border-color: #e7e7e7;
  background: #e7e7e7;
  color: #555555;
}
.col{
  width: 50%;
  float: left;
  padding-top: 6px;
}
.col:first-child + .col{padding-left: 8px;}
#main_params a.text-grey{clear: both;display: block;}
.characteristics-table{width: 100%;}
.characteristics-table thead {font-weight: bold;}
.separate{margin: 12px 0;}
.characteristics-table {margin-bottom: 12px;}
.characteristics-table td {
  line-height: 20px;
  position: relative;
  padding: 5px 10px 5px 0;
}
.characteristics-table td span{background: #fff;position: relative;padding: 0 2px 0 0;}
.characteristics-table td{width: 40%;}
.characteristics-table td:first-child{width: 61.5%;}
.characteristics-table td:first-child:before{
  content: "";
  position: absolute;
  left: 0;
  right: 4px;
  bottom: 11px;
  display: block;
  border-bottom: 1px dotted #aeaeae;
}
.characteristics-table td[colspan="2"]:before{display: none;}
.wrap-shop{
  border-left: 1px solid #dadada;
  padding-left: 10px;
  padding: 0 0 1px 10px;
  overflow: hidden;  /* https://github.com/zhil/vido/issues/3351 Чтобы в блоке Где купить текст не налазил на соседний блок http://erc.vidopro.ua/ware/276994-hp-envy-x360-15-aq105ur/ */
}
.wrap-shop>.price{
  font-size: 18px;
  margin: 15px 0 21px;
}
.shop-block{
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 6px;
  margin-bottom: 13px;
}
.shop-logo{
  float: left;
  width: 33%;
  max-width: 100px;
}
.shop-text{
  float: left;
  width: 67%;
  padding-left: 10px;
}
.shop-text p{
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 15px;
}
.shop-text .price{
  float: right;
  font-size: 14px;
  display: inline-block;
  margin-top: -2px;
}
.all-shop-price{
  font-size: 18px;
  margin: 16px 0 24px 3px;
}
.shop-block-big{
  font-size: 0;
  color: #515151;
  margin: 0;
  padding: 9px 0;
}
.shop-block-big>div, .shop-info>div, .shop-info .btn{
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.shop-description{
  font-size: 12px;
  width: 34%;
  padding-left: 12px;
} 
.shop-description p{
  margin-bottom: 4px;
  line-height: 14px;
}
.shop-info{
  width: calc(100% - 34% - 100px);
  text-align: right;
}
.shop-info .btn{padding: 14px  21px 11px 37px;}
.shop-delivery{
  font-size: 12px;
}
.shop-price{
  width: 25%;
  font-size: 20px;
  padding-right: 17px;
}

/* photo-list */
.main .photo-list{
  padding: 16px 0 8px;
}
/* https://github.com/zhil/vido/issues/3440 */
/*.photo-list li{*/
  /*display: inline-block;*/
  /*vertical-align: top;*/
/*}*/
/*.photo-list li+li{margin-left: 6%;}*/

/* slick */
.responsive{
  padding: 5px 10px 10px;
  border-bottom: 1px solid #dadada;
  margin-bottom: 31px;
}
.slick-arrow{
  background: url(../img/sprites.png) -150px -200px no-repeat;
  width: 10px;
  height: 50px;
  position: absolute;
  left: 0;
  top: -14px;
  bottom: 0;
  margin: auto;
  border: none;
  font-size: 0;
  z-index: 99;
}
.slick-prev:hover{background-position: -200px -200px;}
.i-next-small{
  width: 10px;
  height: 50px;
}
.slick-next{
  background-position: -175px -200px;
  left: auto;
  right: 0;
}
.slick-next:hover{background-position: -225px -200px;}
.slider .item-block-small{min-height: 217px;padding: 0 10px 9px;}
.slider .item-block-small img{
  /*https://github.com/zhil/vido/issues/3420*/
  /*margin-bottom: 15px;*/
  /*-----------*/
}
.slider .item-block-small .small-text{margin: 4px 0 5px;}
.slider .item-block-small .price{margin: 0;}

/* product-image */
.product-image{
  float: left;
  position: relative;
  width: 26%;
  min-height: 225px;
}
.product-image:before{
  content: "No photo";
  display: block;
  font-size: 20px;
  color: #eeeeee;
  position: absolute;
  left: 29%;
  top: 125px;
}
.product-image img{
  position: relative;
  margin: 4px auto;
}

/* aidful-block */
.add-link-btn{
  padding-top: 10px;
  margin-bottom: 37px;
}
.aidful-block{
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 8px;
  margin-bottom: 19px;
  padding: 0 0 8px 2px;
}
.aidful-block .title-middle a{color: #515151;}
.aidful-block .info{margin: 4px 0 6px;}
.aidful-block+.page-nav{padding: 5px 0 22px;}

/* review */
.add-comment-btn{
  padding-top: 10px;
    margin-bottom: 22px;
}
.review{
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 13px;
  margin-bottom: 18px;
}
.review p{line-height: 17px;}
.review-header{margin-bottom: 12px;}
.review .rating{
  display: inline-block;
  vertical-align: middle;
  margin: -4px 0 0 12px;
}
.post-review{
  font-size: 12px;
  float: right;
}
.review-footer{padding-top: 6px;}
.hands{
  float: right;
  font-size: 12px;
  color: #c7c7c7;
}
.hands span{
  display: inline-block;
  padding-right: 7px;
  padding: 2px 7px 0 0;
}
.hands>div{
  display: inline;
  vertical-align: top;
}
.down{margin-left: 12px;}
.hands a:hover{opacity: 0.6;}
.request{margin-left: 26px;}
.review-footer+.request{margin-top: 20px;}
.request:last-of-type{margin-bottom: 0;}
.request-collapse[aria-expanded="true"]{
  display: inline-block;
  padding: 9px 36px 6px 31px;
  color: #515151;
  text-decoration: none;
  border: 1px solid #f1f1f1;
  background: #f4f4f4;
  margin-top: -7px;
  white-space: nowrap;
}
.main .request-collapse[aria-expanded="true"]:hover{
  text-decoration: none;
  color: #515151;
}
.review-footer .form-block{
  padding-bottom: 13px;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.review-footer .form-block .btn{margin-top: 19px;}
.review+.page-nav{padding: 16px 0 22px;}
.main .review-nav-tabs{
  margin: 0;
  padding: 3px 0 0;
}
.main .review-nav-tabs li{
  vertical-align: top;
  margin-bottom: 0;
  float: left;
  display: inline-block;
}
.review-nav-tabs a{
  display: block;
  padding: 8px 26px;
  border: 1px solid #f4f4f4;
  border-bottom: none;
  color: #2e5eaa;
}
.review-nav-tabs a:hover, .review-nav-tabs .active a{
  text-decoration: none !important;
  background: #f4f4f4;
  color: #555555 !important;
}
#review-form{padding-top: 5px;}

/* bottom-panel */
.bottom-panel{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: 3px 0;
  background: #fff;
  margin: 0;
  border-color: #efefef;
  -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow:    0px 0px 18px 0px rgba(0, 0, 0, 0.35);
  box-shadow:         0px 0px 18px 0px rgba(0, 0, 0, 0.35);
}
.bottom-panel-nav{margin: 0 0 3px;}
.bottom-panel-nav li{
  display: inline-block;
  vertical-align: top;
}
.bottom-panel-nav li+li{margin-left: 20px;}
.bottom-panel-nav a{color: #515151;}
.bottom-panel-nav a[aria-expanded="true"], .bottom-panel-nav a:hover{
  color: #979797;
  text-decoration: none;
}
.count{
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  background: #2e5eaa;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 10px;
  line-height: 18px;
  margin-left: 3px;
}
.bottom-panel .panel+.panel, .bottom-panel .panel{
  padding: 0;
  margin: 0;
}
.bottom-panel .panel-collapse{border-color: #e6e6e6;}
.bottom-panel .container{position: relative;}
.bottom-panel .i-close{
  position: absolute;
  right: 0;
  top: -22px;
}
.bottom-panel .inside-block{padding: 5px 0;}
.responsive-panel-slider{
  padding: 0 20px;
  height: 142px;
  overflow: hidden;
}
.responsive-panel-slider .item-block-small{
  text-align: center;
  min-height: 140px;
  font-size: 12px;
  padding-top: 15px;
}
.responsive-panel-slider .slick-slide{width: 150px;}
.collation-link{
  display: inline-block;
  vertical-align: middle;
  width: 85px;
  margin-right: 5px;
}
.slider-collation{
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 100px);
}

/* garantee */
.garantee li {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 7px;
  margin-bottom: 5px;
}

.garantee li:after {
  content: "";
  display: table;
  clear: both;
}
.garantee-left, .garantee-right,
.brand-logo, .brand-info,
.news-image, .news-text {
  float: left;
}
.garantee-left {
  width: 20%;
  text-align: right;
  padding-right: 23px;
}
.garantee-left a {
  font-size: 13px;
  text-decoration: none;
  font-weight: bold;
}
.garantee-left a:hover {text-decoration: underline;}
.garantee-right {width: 80%;}
.brand-logo {
  width: 27%;
  padding: 36px 0;
}
.brand-info {
  width: 73%;
  color: #000;
}

/* services */
.services .title {margin-bottom: 0;}
.services h3 {margin: 13px 0 3px;}
.main .services p {margin-bottom: 9px;}
.services a {
  text-decoration: underline;
  color: #036cb4;
}
.services a:hover {text-decoration: none;}
.services .col-md-4:nth-of-type(2) {padding: 0 12px;}
.models_params h4 {
  font-size: 14px;
  margin: 0 0 12px;
}
.models_params > div {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #E5E5E5;
}
.models_params > div span, .models_params > div a {line-height: 1.4;}

/* rating */
.stars, .rating {
  background: url(../img/sprites.png) -50px -265px no-repeat;
  width: 94px;
  height: 17px;
  position: relative;
}
.stars{ background-position: -150px -265px;}
.stars {width: 0;}
.star-1 {
  width: 19px;
  z-index: 5;
}
.star-2 {
  width: 38px;
  z-index: 4;
}
.star-3 {
  width: 57px;
  z-index: 3;
}
.star-4 {
  width: 75px;
  z-index: 2;
}
.star-5 {
  width: 94px;
  z-index: 1;
}
.star {
  position: absolute;
  height: 17px;
  cursor: pointer;
  margin: 0 !important;
}
.star .jq-radio{display: none !important;}
.star>span {
  display: block;
  width: 100%;
  height: 15px;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.star .checked + span {background: url(../img/sprites.png) -150px -265px no-repeat;}
.review-text{
  position: absolute;
  left: 0;
  margin-left: 147px;
  color: #ff9000;
  top: 0;
  font-size: 12px;
  display: none;
  white-space: nowrap;
  min-width: 105px;
  z-index: 1;
}
.star .checked + span .review-text, 
.star:hover .review-text{display: block;background: #f4f4f4;}
.star .checked + span .review-text{z-index: -1;}
.star:hover .review-text{
  background: #f4f4f4;
  z-index: 5;
}
.review-rating{
  background-position: -250px -250px;
  margin-bottom: 24px;
  width: 122px;
}
.review-rating .star-2 {width: 45px;}
.review-rating .star-3 {width: 70px;}
.review-rating .star-4 {width: 96px;}
.review-rating .star-5 {width: 122px;}
.star .checked + span, 
.star:hover>span{background: url(../img/sprites.png) -250px -275px no-repeat;}

/* range */
.ui-slider-horizontal {
  height: 4px;
  margin: 30px 0 22px;
  background: #b0b0b0;
  border: none;
  position: relative;
  border-radius: 0;
  width: 93%;
}
.ui-slider-horizontal:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  background: url(../img/bg-range.png) 0 0 no-repeat;
  top: -5px;
  background-size: 100%;
  height: 6px;
}
.ui-slider-range {
  background: #8fbde5;
  height: 4px;
  border-radius: 0;
  position: absolute;
}
.ui-widget-content .ui-state-default.ui-slider-handle {
  display: inline-block;
  position: absolute;
  top: 1px;
  width: 3px;
  height: 8px;
  background: #12161b;
  border: none;
}
.ui-widget-content .ui-state-active.ui-slider-handle,
.ui-widget-content .ui-state-default.ui-slider-handle:hover {
  background: #000;
}
.wrap-result{margin-bottom: 10px;}
.wrap-result input {
  color: #707070;
  width: 64px;
  padding: 3px 9px;
  font-size: 14px;
  margin: 0 2px;
  border-color: #a9a8a8;
  border-right-color: #efeeee;
  border-bottom-color: #efeeee;
  border-radius: 2px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,fefefe+100 */
  background: #f3f3f3;
  background: -webkit-linear-gradient(top, #f3f3f3 0%, #fefefe 100%);
  background: linear-gradient(to bottom, #f3f3f3 0%, #fefefe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#fefefe',GradientType=0 );
}

/* embed-responsive */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9{padding-bottom: 37%;margin-bottom: 35px;}
.embed-responsive.embed-responsive-4by3{padding-bottom: 75%;}

/* mobile-nav */
.mp-level{background: #fff;}
.mp-level-open{z-index: 3;}
.mp-level-overlay{z-index: 5;}
.mp-menu{width: 290px;}
.mp-menu .i-close{
  position: absolute;
  z-index: 99;
  left: 102%;
  top: 6px;
  display: none;
}
.mp-pushed .mp-menu .i-close{display: block;}
.mp-level.mp-level-overlay::after{display: none;}
.mp-menu ul li > a, .mp-level > ul > li:first-child > a{
  box-shadow:none;
  text-shadow: none;
  font-size: 14px;
  background: #fff;
  border-bottom: 1px solid #ebebeb;
  padding: 9px 30px 9px 15px;
}
.mp-menu ul ul ul a:after{display: none;}
.mp-back{
  font-size: 16px;
  text-transform: none;
  background: #e7e7e7;
  box-shadow:none;
  letter-spacing: 0;
  font-weight: normal;
  padding-left: 44px !important;
}
.mp-back::after{
  content: "";
  display: block;
  background: url(../img/sprites.png) -200px -60px no-repeat;
  width: 10px;
  height: 20px;
  position: absolute;
  left: 19px;
  top: -1px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  right: auto;
  bottom: 0;
  margin: auto;
}

/* overview-block */
.wrap-overview {
  margin: 0 -5px 0px;
}
.wrap-overview>div{padding: 0 5px;}
.overview-block{
  display: block;
  margin-bottom: 5px;
  background: #f4f4f4;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  position: relative;
  padding: 8px 20px 6px 10px;
  font-size: 12px;
  color: #979797;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.overview-block:hover{
  color: #979797;
  background: #e9e9e9;
}
div[class="col-md-6"] .overview-block{min-height: 100px;}
div[class="col-md-4"] .overview-block{min-height: 115px;}
.overview-block:before{
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
  border-bottom: 1px solid #829ec9;
  border-right: 1px solid #829ec9;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.overview-block-large{
  min-height: 10px;
  padding-right: 29px;
  padding-bottom: 4px;
  padding-right: 130px;
}
.overview-title{
  color: #555555;
  font-size: 14px;
  margin-bottom: 3px;
  display: block;
}
.overview-price{
  color: #ff9000;
  font-size: 14px;
  display: block;
}
.overview-block-large .overview-price{
  position: absolute;
  height: 18px;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 16px;
}

/* modal */
.modal-dialog{
  /*https://github.com/zhil/vido/issues/3872*/
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 1410px;
  max-height: 1024px;
  width: 98%;
  height: 90%;
  margin: auto;
  /*https://github.com/zhil/vido/issues/3872*/
}
.modal-backdrop.in{
  filter: alpha(opacity=70);
  opacity: .7;
}
.modal-content{
  /*https://github.com/zhil/vido/issues/4179*/
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  max-height: 800px;
  margin: auto;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
  box-shadow: 0 3px 9px rgba(0,0,0,.5);
  /*https://github.com/zhil/vido/issues/4179*/
}
button.close{
  position: absolute;
  top: 8px;
  right: 9px;
  background: url(../img/sprites.png) -300px -60px no-repeat;
  width: 16px;
  height: 17px;
  opacity: 1;
  z-index: 99;
}
button.close:hover{opacity: 0.6;}
.wrap-slider-modal {
  position: relative;
  overflow: hidden;
  padding: 10px;
  height: 100%;
}
.modal-left{
  width: 230px;
  float: right;
  color: #555555;
  /* padding-top: 20px; */
  margin-top: 40px;
  height: calc(100% - 40px);
  overflow: auto;
}
.modal-left p{margin-bottom: 18px;
  padding-right: 20px;}
.slider-nav-modal{
  width: 200px;
  overflow: auto;
  text-align: center;
}
.slider-nav-modal .slick-list {padding: 0 !important;}
.slider-nav-modal .slick-list img {

  /*https://github.com/zhil/vido/issues/3386*/
  /*width: 73px;*/
  /*height: 73px;*/
  /*-o-object-fit: cover;*/
  /*object-fit: cover*/
  /* ------------------ */
}
.slider-nav-modal .slick-track{
  width: 100% !important;
  transform: translate3d(0px, 0px, 0px) !important;
}
.slider-nav-modal .slick-slide{
  border-color: #dedede;
  margin: 0 21px 20px 0;
  cursor: pointer;
  border: 1px solid #dedede;
  width: 75px !important;
  overflow: hidden;
  /* https://github.com/zhil/vido/issues/3386 */
  position: relative;
  height: 73px;
  /* ============= */
}
.slider-nav-modal .slick-slide.slick-current{border-color: #93bfe6;}
.slider-for-modal{
  width: calc(100% - 275px);
  height: 100%;
  float: left;
  text-align: center;
  min-height: 600px;
}
.slider-for-modal .slick-list{height: 100%;}
.slider-for-modal .slick-list .slick-track {height: 100%;}
.size{
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  /* margin: 20px; */
  /* float: right; */
  /* bottom: -4px; */
  /* right: 0; */
  /* font-size: 14px; */
  color: #212429;
}
.size:hover{text-decoration: none;}
.slider-for-modal .slick-slide{
  padding-bottom: 13px;}
.slider-for-modal .slick-arrow{
  width: 16px;
  height: 76px;
  /* https://github.com/zhil/vido/issues/3365 */
  /*top: -112px;*/
  /* ========== */
}
.slider-for-modal .slick-next{background-position: -470px -100px;}
.slider-for-modal .slick-prev{background-position: -470px 0;}
.slider-for-modal .slick-arrow:hover{opacity: 0.8;}

/* footer */
.wrap-footer-nav{
  padding: 28px 0 34px;
  background: #5d5d5d;
  margin-bottom: -17px;
}
.footer-nav{
  padding: 0 0.5%;
  text-align: center; 
  font-size: 0;
}
.footer-nav>li{
  display: inline-block;
  vertical-align: top;
  width: 16.5%;
  padding: 0 10px;
}
.footer-nav>li>a{color: #bebebe;}
.footer-nav > li > a{
  color: #a7a7a7;
  font-size: 16px;
  margin-bottom: 8px;
  display: block;
  padding: 0;
}
.footer-nav a:hover{text-decoration: underline;}
.footer-nav ul li {
  /*https://github.com/zhil/vido/issues/3461*/
  margin-bottom: 10px;
  /**/
  text-align: center;
}
.footer-nav .dropdown-menu>li>a{
  color: #545454;
  text-decoration: none;
  font-size: 14px;
  padding: 0;
}
.footer-nav .dropdown-menu:before, 
.footer-nav .dropdown-menu:after{display: none;}
.footer-nav .dropdown-menu{width: 100%;}
.footer-nav .dropdown-menu>li>a{
  font-size: 14px;
  /*https://github.com/zhil/vido/issues/3461*/
  line-height: 16px;
  /*-----------*/
  color: #fff;
  white-space: normal;
}
.footer-nav .dropdown-menu>li>a:hover{
  background-color: transparent;
  text-decoration: underline;
}
.social-list {
  float: right;
  margin: 0 8px;
}
.social-list li{
  display: inline-block;
  vertical-align: top;
  margin-left: 23px;
}
.footer-bottom{
  background: #e3e3e3;
  /*https://github.com/zhil/vido/issues/3427*/
  padding: 23px 0px 60px 0px;
  /*------------*/
}
.copyright{
  float: left;
  color: #979797;
  padding-top: 2px;
}

/* sprites */
.sprites{
  background: url(../img/sprites.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
}
a:hover .i-plus{
	background-position: -450px -250px;
	width: 21px;
	height: 20px;
}
.i-plus{
	background-position: -450px -200px;
	width: 21px;
	height: 20px;
}
.i-size{
  background-position: -435px -300px;
  width: 12px;
  height: 13px;
  margin: -5px 6px 0 0;
}
/*https://github.com/zhil/vido/issues/3419*/
.i-prev{
  background-position: -31px 0;
  width: 13px;
  height: 64px;
}
.i-next{
  background-position: -31px -64px;
  width: 13px;
  height: 64px;
}
/*==============*/
.i-next-middle{
  background-position: -75px -200px;
  width: 11px;
  height: 54px;
}
.i-next-middle:hover{background-position: -125px -200px;}
.i-next-small{
  background-position: -175px -200px;
  width: 10px;
  height: 50px;
}
.i-next-small:hover, a:hover .i-next-small{background-position: -225px -200px;}
.i-prev-middle{
  background-position: -50px -200px;
  width: 11px;
  height: 54px;
}
.i-prev-middle:hover{background-position: -100px -200px;}
.i-prev-small{
  background-position: -150px -200px;
  width: 10px;
  height: 50px;
}
.i-prev-small:hover, a:hover .i-prev-small{background-position: -200px -200px;}
.i-arrow-btn{
  background-position: -200px -60px;
  width: 10px;
  height: 20px;
  margin-left: 12px;
}
.i-arrow-btn-white, .btn-blue:hover .i-arrow-btn, 
.menu-btn:hover .i-arrow-btn, 
a[aria-expanded="true"] .i-arrow-btn{
  background-position: -175px -60px;
  width: 10px;
  height: 20px;
}
.i-close{
  background-position: -300px -60px;
  width: 16px;
  height: 17px;
}
.i-close:hover, .i-close-small:hover{opacity: .7;}
.i-close-small{
  background-position: -330px -60px;
  width: 10px;
  height: 10px;
}
.i-check-black{
  background-position: -280px -60px;
  width: 11px;
  height: 10px;
}
.i-select{
  background-position: -350px -60px;
  width: 9px;
  height: 4px;
}
.i-select-open{
  background-position: -350px -75px;
  width: 9px;
  height: 4px;
}
.i-search{
  background-position: -350px -200px;
  width: 15px;
  height: 15px;
}
.i-search:hover{
  background-position: -400px -200px;
  width: 15px;
  height: 15px;
}
.i-star{
  background-position: -300px -170px;
  width: 20px;
  height: 18px;
  margin-right: 5px;
}
a:hover .i-star{background-position: -350px -170px;}
/* https://github.com/zhil/vido/issues/3351 */
a.active .i-star{background-position: -350px -170px;}
.i-block{
  background-position: -150px -160px;
  width: 29px;
  height: 28px;
}
.i-comment{
  background-position: -250px -200px;
  width: 16px;
  height: 18px;
  margin-right: 5px;
}
a:hover .i-comment{background-position: -300px -200px;}
.i-hand-green{
  background-position: -250px -160px;
  width: 21px;
  height: 23px;
  margin: -4px 4px 0 0;
}
.i-hand-red{
  background-position: -200px -160px;
  width: 21px;
  height: 23px;
  margin: -5px 4px 0 0;;
}
.i-list{
  background-position: -100px -160px;
  width: 28px;
  height: 28px;
}
.i-login{
  background-position: -50px -170px;
  width: 13px;
  height: 17px;
  margin-top: 2px;
  margin: 2px 4px 0 0px;
}
.i-login:hover{
  background-position: -75px -170px;
  width: 13px;
  height: 17px;
}
.i-tw{
  background-position: -350px -300px;
  width: 19px;
  height: 20px;
}
.i-tw:hover, .share-list a:hover .i-tw{background-position: -400px -300px;}
.i-fb{
  background-position: -400px -250px;
  width: 9px;
  height: 20px;
}
.i-fb:hover, .share-list a:hover .i-fb{background-position: -425px -250px;}
.i-google{
  background-position: -250px -300px;
  width: 19px;
  height: 20px;
}
.i-google:hover, .share-list a:hover .i-google{background-position: -300px -300px;}
.i-arrow-btn-small{
  background-position: -430px -200px;
  width: 7px;
  height: 14px;
  margin-left: 5px;
  margin: 0 -10px 0 8px;
}




/* responsive */
@media (min-width: 1200px) {
  .container-large{
    width: 100%;
    max-width: 1280px;
  }
  .container-large .col-lg-2{width: 18.8%;}
  .container-large .col-lg-10{
    width: 81%;
    padding-left: 11px;
  }
  .wrap-item-block{width: 25%;}
}
@media (min-width: 570px) {
  .publication-col-small {
    margin: 0 -2% 0px 2%;
    padding-right: 10px;
    border-right: 1px solid #dadada;
  }
}
@media (min-width: 768px) {
  html, body {height: 100%;}
  #wrap{
    min-height: 100%;
    height: auto;
    margin-bottom: -276px;
  }
  #wrap:after{
    content: "";
    display: block;
    height: 276px;
  }
  .wrap-action{
    border-left: 1px solid #dadada;
    padding-left: 12px;
    margin-left: -4px;
    padding-right: 10px;
  }

  .publication-col-large {
    width: 64%;
    padding-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #dadada;
  }

  .col-sm-4 .wrap-box:first-child {
    border-bottom: 1px solid #dadada;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  .publication-col {
    float: left;
    min-height: 1px;
    /* width 36% приводить до багу https://github.com/zhil/vido/issues/3812 */
    /*width: 36%;*/
    /*padding-left: 10px;*/
  }
  aside {margin-left: -8px;}
  .navbar-collapse {padding: 0;}
  nav .navbar-nav > li > a {padding: 13px 8px;}
  .right-float {float: right;}
  .navbar-nav {float: none;}
  .search {margin-left: -4px;}
  .menu-list{margin-right: -8px;}
  .menu:hover .menu-list, #filter-2{
    display: block !important;
    visibility: visible !important;
    height: auto !important;
  }
  .sidebar{margin-right: -8px;}
  .wrap-form {padding-right: 36px;}
  .footer-nav .dropdown-menu{
    position: relative;
    display: block;
    top: auto;
    background: none;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    min-width:0;
    padding: 0;
    margin: 0;
  }
  .carousel-caption .btn{margin-top: 27px;}
  .navbar-nav>li:hover>.dropdown-menu{display: block;}
  .catalogue-menu .menu-list{
    display: block !important;
    visibility: visible !important;
    height: auto !important;
  }
  
}

@media (min-width: 768px) and (max-width: 992px) {
  .carousel-caption{padding: 0 6%;}
  nav .navbar-nav > li + li {margin-left: 1.5%;}
}


@media (max-width: 1200px) {
  .shop-info{
    width: 220px;
    text-align: center;
  }
  .shop-info>div{
    display: block;
    margin-bottom: 10px;
    width: 100%;
    padding: 0;
  }
  .shop-description{width: calc(100% - 320px);}
  
  
}
@media (max-width: 992px) {
  .navbar-nav > li > a {
    font-size: 16px;
  }
  .header-right{margin-left: 0;}
  .header-right:before{left: 20%;}
  nav{
    clear: both;
    text-align: center;
  }
  #search .input-group{
    margin: auto;
    display: block;
  }
  .footer-nav>li {
    /*https://github.com/zhil/vido/issues/3462*/
    width: 15%;
    /*--------------*/
    margin-bottom: 20px;
  }
  .menu-sub-block{width: 496px;}
  .jq-file:before{left: 5%;}
  .jq-file__browse, .jq-file__name{padding-left: 14%;}
  .wrap-item-block{width: 50%;}
  .product-image{
    width: 35%;
    margin-bottom: 30px;
  }
  .collation {margin-bottom: 10px;}
  .social-likes{margin: 10px 0 0;}
  .share-list{margin: 27px 0 10px;}
  .product-tabs > ul.nav-tabs li a{
    margin-right: 0;
    padding: 10px 15px 7px;
  }
  .title-big{font-size: 35px;}
  .menu-list{width: 234px;}
  div .overview-block{min-height: 1px !important;}
}

@media (max-width: 768px) {
  .carousel-indicators {
    padding-top: 0px;
  }
  nav{text-align: left;}
  .shadow{height: 60%;}
  .footer-nav .dropdown-menu{
    position: relative;
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .search{margin: 20px 0;}
  .menu-sub-block{display: none !important;}
  .sort-block .text-right{text-align: left;}
  .item-list h3{margin-top: 10px;}
  .table-responsive {border: 1px solid #ccc;}
  .main > img {margin-bottom: 17px;}
  .main p {margin-bottom: 16px;}
  .navbar-nav > li > .dropdown-menu a {padding: 10px 10px 10px 25px;}
  .vendors-list li{width: 33%;}
  .main .circle-list {padding-left: 15px;}
  .collation-table.table>thead>tr>td{white-space: normal;}
  .wrap-shop{
    padding-left: 0;
    border: none;
  }
  .photo-list li{width: 30%;}
  .photo-list li+li{
    /*https://github.com/zhil/vido/issues/3440*/
    /*margin-left: 4%;*/
    /*------------*/
  }
  .product-tabs > ul.nav-tabs li+li{margin-left: 9px;}
  .product-image{
    width: 40%;
    padding-right: 10px;
  }
  .product-image+.description{padding-left: 40%;}
  .support {text-align: center;}
  .support > div {margin-bottom: 30px;}
  .navbar-nav > li > a.btn {
    margin-left: 15px;
  }
  .category-list > li {width: 50%;}
  .brief-table td {
    padding-right: 5px;
  }
  .main .sub-category {padding-left: 0;}
    h3 {margin-top: 16px;}
  .check-block {margin: 28px 0 17px;}
  .carousel {padding-bottom: 18px;}
  .search-map {margin-top: 20px;}
  .map-wrap {
    width: 90%;
    margin: auto;
    height: 300px;
    overflow: hidden;
  }
  .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
  }
  .title-big {
    line-height: 36px;
    margin-bottom: 10px;
  }
  .footer-nav>li:nth-of-type(n){
    float: none;
    width: 100%;
  }
  .footer-nav.navbar-nav .dropdown-menu>li>a{text-align: center;}
  nav .dropdown-menu .active a, nav .dropdown-menu > li > a:hover{color: #a7a7a7;}
  .slider-nav-modal{
    height: 190px;
    margin: auto;
    width: 220px;
  }
  .slider-for-modal, .modal-left{
    width: 100%;
    float: none;
    max-height: 400px;
    min-height: auto;
  }
  .modal-left{
    text-align: center;
    margin-top: 29px;
    height: fit-content;
  }
  .modal-dialog{width: auto;margin: 13px;}
  .modal-content {
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
    /* height: 100%; */
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
  }

  .wrap-slider-modal{
    position: relative;
    overflow: auto;
    padding: 10px;
    height: 100%;
  }
  .slider-for-modal .slick-arrow{top: -55px;}
  
}

@media (max-width: 570px) {
  .header-right:before{left: 30%;}
  .inside-block{padding-top: 35px;}
  .publication-col{
    float: none;
    width: 100%;
    padding: 0;
    border: none;
  }
  .logos li:nth-of-type(n){width: 50%;}
  .logos .i-next-small{float: none;}
  .btn-big, .btn-large{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    white-space: normal;
  }
  .copyright{
    float: none;
    text-align: center;
    margin-bottom: 20px;
  }
  .social-list{
    float: none;
    margin: 0;
    text-align: center;
  }
  .social-list li{margin: 0 10px;}
  .search .input-group-btn .btn span{display: none;}
  /*https://github.com/zhil/vido/issues/3626*/
  .wrap-posts .col-xs-6, .item-list .col-xs-4, .col-xs-3, .col-xs-9, .item-list .col-xs-8, .form-block .col-xs-3, .form-block .col-xs-9, .heading-vendor .col-xs-6 {
    width: 100%;
  }
  /* ------ */
  .item-list img{margin-bottom: 20px;}
  .main .category-parent-list li, .main .category-list > li{width: 50%;}
  .vendors-list li{width: 50%;}
  .wrap-collapse {margin: 0 -10px 12px;}
  .post-nav:before{display: none;}
  .wrap-item-block{
    width: 100%;
    height: auto;
  }
  .item-block{position: relative;}
  .col{
    width: 100%;
    float: none;
  }
  .col+.col{padding-left: 0;}
  .description, .wrap-slider, .product-image{
    width: 100%;
    float: none;
  }
  .product-image{min-height: 1px;}
  .photo-list li, .photo-list li+li{
    width: 48%;
    margin-left: 0;
  }
  .photo-list li:nth-of-type(even){margin-left: 2%;}
  #description ul.nav-tabs li{margin-bottom: 10px;}
  .wrap-slider{margin-bottom: 20px;}
  .product-tabs > ul.nav-tabs li{float: none;}
  .garantee-left, .garantee-right, .brand-logo, .brand-info,
  .centers-search .jq-selectbox, .news-image, 
  .news-text, .centers-search .block, 
  #review .news-text, #review .news-image{
    float: none;
    width: 100%;
  }
  .product-tabs > ul.nav-tabs li+li{margin-left: 0;}
  .product-image+.description{padding-left: 0;}
  .product-image:before{
    position: relative;
    left: auto;
    top: auto;
    margin: 40px 0 60px;
    text-align: center;
  }
  .shop-info{width: 100%;padding-top: 10px;}
  .shop-description{width: calc(100% - 100px);}
  .review .rating{
    display: block;
    margin: 10px 0;
  }
  .page-nav li{margin-right: 4px;}
  .check-list li {width: 100%;}
  .sort-block .row > div {margin-bottom: 10px;}
  .garantee-left {text-align: left;}
  .brand-logo {padding: 15px 0;}
  .centers-search .jq-selectbox + .jq-selectbox, .centers-search .block + .block {
    margin: 10px 0 0 0;
  }
  .centers-search .block {text-align: center;}
  .news-image {margin-bottom: 10px;}
  .share-block li:first-child {display: block;}
  .share-list .share-list-title {
  	display: block;
  	margin-bottom: 5px;
  }
  .post-nav li {
    width: 100%;
    margin: 0 0 20px;
  }
  .search .input-group .form-control{width: 100%;}
  .search .input-group-btn{
  	width: 100%;
  	display: block;
  }
  .input-group-btn:last-child>.btn{margin: 0;}
  .category-search{
  	position: relative;
  	width: 100%;
  	right: auto;
  	top: auto;
  	margin: 10px 0;
  }
  .category-search .jq-selectbox__dropdown{
  	width: 100% !important;
  	right: 0;
  }
  .wrap-overview>div, .wrap-overview .row>div{width: 100%;}
  .overview-block-large .overview-price{
    padding: 5px 0 10px;
    position: relative;
    right: auto;
    height: auto;
  }
  .overview-block-large{padding-right: 10px;}
}

@media (max-width: 400px){
  .responsive{padding: 5px 20px 10px;}
  .slider .item-block-small{border: none;}
  .description .small-text a{
    display: inline-block;
    margin: 6px 0;
  }
}
/* Changes from old catalog */

.filter_vendor_all {display: none;}
#more-vendors {cursor: pointer;}
img.load-img {margin-right:6px; display: none;}
.compare-show{
  display: none;
  font-size: 12px;
}
.main a.text-grey:hover {
  /* THIS CODE BUG ON http://erc.vidopro.ua/ware/277888-acer-aspire-e5-774g-e5-774g-77f5/reviews */
  /*color: #979797;*/
}
.small_text {
  font-size: 12px;
}
.portfolio table.brief-table tr td:first-child {
  width: 40%;
}
.debug-info {
  background: #ffdddd;
  padding: 5px;
}
.news-item img{
  /*https://github.com/zhil/vido/issues/3777*/
  /*display: block;*/
  max-width: 100%;
  height: auto;
  margin-bottom: 15px;
  margin-right: 2px;
}
.wrap-search-block input.loading {
  background: url(/bundles/vidoerc/images/ajax-loader.gif) right center no-repeat;
}
.only-this-category {
  margin: 5px;
  font-size: 12px;
}

.aidful-block .title-middle a img{
  width: 30px;
  margin: 5px;
}
.wrap-slider .slider-nav .slick-list .video-play {
  /* https://github.com/zhil/vido/issues/3355 */
  /*position: absolute;top: 15px;left: 15px;*/
  /* ---------------*/ 

  width: 20px;height: 20px; opacity: 0.7;filter: alpha(opacity=70);
}
.modal-left .slider-nav-modal .slick-list .video-play {
  position: absolute; width: 30px;height: 30px; opacity: 0.7;filter: alpha(opacity=70);
}

/* https://github.com/zhil/vido/issues/4179 */
.slick-slide img {
  display: block;
  max-height: 700px;
  /* margin-bottom: 40px; */
  max-width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* ============= */
/* https://github.com/zhil/vido/issues/3355 */
.slider-nav .slick-slide, .slider-nav div {
  height: 50px;
  position: relative;
}
/** ============*/

/* https://github.com/zhil/vido/issues/3372 */
.result-image {
  display: inline-block;
  max-width: 65px;
  float: left;
  margin-right: 10px;
  margin: 3px 11px 0 0;
  width: 65px;
  text-align: center;
}
/*-------*/
.more-less-trigger-ware-description {
  padding: 20px 0;
}
/*https://github.com/zhil/vido/issues/3373*/
/*https://github.com/zhil/vido/issues/3440*/
.photo-list li {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 10px;
  width: 120px;
}
/*----*/
/*https://github.com/zhil/vido/issues/3390*/
.language .jq-selectbox__select-text {
  font-family: Arial, sans-serif;
  font-size: 14px;
}

.language .jq-selectbox__select {
  border-radius: 0;
  padding: 5px 13px 0px 0px;
  border: none;
  text-align: center;
}
.language .jq-selectbox__dropdown {
  position: absolute;width: 38px;display: block;height: auto;bottom: auto;top: 36px;
}
/*======*/
/*https://github.com/zhil/vido/issues/3382*/
.info{
  font-size: 12px;
  color: #979797;
  /*margin: 6px 0;*/
}
.info a {
  color: #979797;
}
/*------------*/
.post-info h3 {
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 28px;
}
.news-item td, th {
  padding: 3px;
}

.news-item table {
  border-collapse: collapse;
  /* border-spacing: 0; */
  margin-bottom: 10px;
  /* border: 0px solid #efeef1; */
  /* width: 100%; */
}

.news-item li {
  margin-bottom: 0px;
  margin-left: 20px;
}
.news-item h3 {
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 28px;
}
.news-item h2 {
  font-size: 30px;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 34px;
}
.news-item h4 {
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 22px;
}
iframe{
  width:100%
}
.list li{
  margin-left: 20px
}
.cat-top-category-anchor {
  display: block;
  height: 110px;
  position: relative;
}

.cat-top-category {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto 0;
}
.tovar-acs{
  display: block;
  height: 140px;
  position: relative;
}

.tovar-acs-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.tovar-same{
  display: block;
  height: 90px;
  position: relative;
}

.tovar-same-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
/*https://github.com/zhil/vido/issues/3450*/
/*@media screen and (max-width: 768px){*/
  /*#wrap.no_scroll{*/
    /*overflow: hidden;*/
    /*height:100%;*/
  /*}*/
  /*.mp-pushed .mp-menu .mp-level.mp-level-open{*/
    /*position: fixed;*/
    /*overflow-y: scroll;*/
  /*}*/
/*}*/
/*---------*/
.bottom-tab{
  display: block;
  height: 65px;
  position: relative;
}

.bottom-tab-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.i-zoom-small{
  position: absolute;
  bottom: 0px;
  right: 0px;
  text-align: center;
  background-position: 0px -325px;
  width: 44px;
  height: 44px;
}

@media not all, (-webkit-transform-3d) {
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    /* https://github.com/zhil/vido/issues/3698 */
    /*z-index: -4;*/
  }
}
.rrc_ware_page {
  margin-top: 20px;
  font-size: 12px;
  padding: 0 3px;
  color: #979797;
}
.rrc_category_page {
  margin-top: 20px;
  font-size: 12px;
  padding: 0 3px;
  color: #979797;
}
a.btn.btn-blue.btn-tovar-disabled {
  color: #9b9b9b;
  background: #dcdcdc;
  cursor: text;
  cursor: default;
  /* font-size: 10px; */
}

.header-banner {
  margin-bottom: 20px;
  text-align: center;
}

.header-banner img{
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}
.dropdown {
  position: relative;
  z-index: 4;
}

.menu-list {
  position: relative;
  z-index: 999;
  background: #fff;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35);
  padding-bottom: 51px;
  /* width: 301px; */
  display: none;
}
.menu-list-first {
  z-index: auto;
}
.i-support-7 {
  width: 44px;
}
.i-support-7::before {
  background-position: -187px -325px;
}

.i-support-7:after {
  background-position: -135px -325px;
}
.new-modal {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 15px;
  background: #8dd63f;
  padding: 3px 8px;
  color: #fff;
  font-size: 11px;
}
.promo-prize-modal {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 8px;
  background: #fff;
  padding: 1px;
  color: #fff;
  font-size: 11px;
  width: 90px;
  height: 108px;
  border: 1px solid #FEBE13;
  /* background: #FEBF13; */
}
.promo-prize-modal-title {
  text-transform: uppercase;
  padding-left: 5px;
  color: white;
  background: #FEBF13;
}

.promo-prize-modal img{
  position: relative;
  font-size: 9px;
  max-height: 86px;
  max-width: 86px;
}
.akciya-modal {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  background: #ffc000;
  padding: 3px 8px;
  color: #fff;
  font-size: 11px;
}

.in-content {
  max-width: 645px;
}

.in-content img{
  margin-right: 2px;
  margin-bottom: 2px;
  max-width: 100%;
}

.btn.allwidth {
  display: block;
  padding: 10px 16px 8.5px 16px;
  text-align: center;
  position: relative;
}

.brief-table td {
  padding: 0px 15px 19px 4px;
  color: #000;
  position: relative;
  vertical-align: top;
}

.inside {
  padding: 20px 10px 0px 10px;
  font-size: 12px;
}

@media (max-width: 768px) {
  .slick-slide img {
    /* position: relative; */
  }
}
.ware-video-icon {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  width: 30px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.ware-have-360-label {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 50px;
  height: 30px;
}

.ware-have-360-label img {
  position: relative;
}
.promo-list-item-days-left {
  float: left;
  font-size: 30px;
  width: 80px;
  text-align: center;
  height: 110px;
  border: solid 1px #dadada;
  padding: 20px 0;
  margin-right: 10px;
}
.promo-list-item-time-left {

}
.filter-set-clear-all {
  cursor: pointer;
}
#left-column-desc img{
  max-width:100%;
}
.logo-vendor-multi {
  padding: 0px 0 0;
  font-size: 0;
}
.logo-vendor-multi li {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
}
.promo-text1 {
  font-size: 12px;
  color: #555555;
  padding-bottom: 10px;
}
.promo-text2 {
  font-size: 40px;
  font-weight: bold;
  color: #ff9000;
  padding-bottom: 10px;
}
.promo-list-item-time-left > .promo-text2 {
  font-size: 40px;
  font-weight: bold;
  color: #ff0000;
  padding-bottom: 10px;
}
.promo-text3 {
  font-size: 12px;
  color: #555555;
}

.filtered-list-selected-filters .all {
  white-space: nowrap;
  padding: 6px 0px;
}

.filter-block.promo-filters ul.catalogue-list li {
  margin-right: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.filter-block.promo-filters .catalogue-list li {
    padding-bottom: 0px;
}

.filter-block.promo-filters .catalogue-list {
  margin-bottom: 10px;
}

.wrap-item-block.promo-list-wrap {
  width: 33%;
}
/*Табы*/
.vendor-tab__tabs{
  display: flex;
  padding-top: 12px;
  background: #f9f9f9;
}
.vendor-tab__tab{
  width: 20%;
  box-sizing: border-box;
  padding: 0 15px;
  color: #515151;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}
.vendor-tab__tab-inner{
  height: 100%;
  box-sizing: border-box;
  padding: 40px 10px;
  /* display: flex; */
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.vendor-tab__tab.active .vendor-tab__tab-inner{
  background: #fff;
}
.vendor-tab__tab-inner:hover{
  color: #a7a7a7;
}
.vendor-tab__tab-img{
  width: 100%;
  height: 65px;
  margin-bottom: 19px;
}
.vendor-tab__tab-img svg{
  height: 100%;
  max-width: 100%;
}
.vendor-tab__tab-inner:hover .vendor-tab__tab-img svg{
  fill: #005baa !important;
}
.vendor-tab__mobile-headline{
  display: none;
  padding: 20px 0;
  font-size: 18px;
}
@media (max-width: 768px) {
  .vendor-tab__tab-name{
    display: none;
  }
  .vendor-tab__mobile-headline{
    display: block;
  }
  .vendor-tab__tab-inner{
    padding: 20px 5px;
  }
}
@media (max-width: 640px) {
  .vendor-tab__tab-img{
    height: 40px;
  }
  .vendor-tab__tab-inner {
    padding: 10px 5px;
  }
}
@media (max-width: 480px) {
  .vendor-tab__tab{
    padding: 0 5px;
  }
  .vendor-tab__tab-img{
    height: 30px;
  }
}

.wrap-price .price-line-through-grey {
  font-size: 18px;
  /* background: #eeeeee; */
  color: #9b9b9b;
  text-decoration: line-through;
  padding: 0px 5px 5px 5px;
}
.wrap-price .price-line-through {
  font-size: 18px;
  /* background: #eeeeee; */
  padding: 0px 15px 5px 5px;
  color: #ff0000;
  /* float: left; */
}
.btn-small2 {
  font-size: 12px;
  padding: 5px 10px;
  margin: 0px 6px !important;
}

.price-block-line-through {
  font-size: 18px;
  background: #eeeeee;
  padding: 15px 13px 14px;
  color: #f00;
  float: left;
  margin: 0;
  /* min-width: 166px; */
}
.price-block-line-through-grey {
  font-size: 18px;
  background: #eeeeee;
  color: #9b9b9b;
  text-decoration: line-through;
  padding: 15px 20px 14px 0px;
  float: left;
  margin: 0;
}

.price-block {
  font-size: 18px;
  padding: 15px 13px 14px;
  background: #eeeeee;
  float: left;
  margin: 0;
  min-width: 166px;
}

.login {
  width: 300px;
  margin: auto;
}

.countdown{
  max-width: 300px;
  display: flex;
  padding-bottom: 10px;
}
.countdown__item{
  display: block;
  width: 25%;
  text-align: center;
}
.countdown__num{
  font-size: 25px;
  font-weight: bold;
}