/*
    Created on : 26.10.2016, 20:34:54
    Author     : t4k
*/
body {
    font-family: 'Roboto', 'Open Sans', sans-serif;
    font-size: 16px;
    color: #494848;
}
@font-face {
  font-family: 'EtelkaWideLightPro';
  src: url('../fonts/etelkawidelightpro-webfont.eot');
  src: url('../fonts/etelkawidelightpro-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/etelkawidelightpro-webfont.woff') format('woff'),
      url('../fonts/etelkawidelightpro-webfont.ttf') format('truetype'),
      url('../fonts/etelkawidelightpro-webfont.svg#etelkawidelightproregular') format('svg');
  font-weight: normal;
  font-style: normal;
font-display: swap;
}
.basket table>thead>tr>th,
.left-menu, .shop-menu,
#menu-product a,
#header .navbar-nav>li>a, a.up,
h1, h2, h3, h4 {
    font-family: 'EtelkaWideLightPro', Verdana, 'Geneva CY', sans-serif;
}
@font-face {
  font-family: 'EtelkaLightPro';
  src: url('../fonts/etelkalightpro-webfont.eot');
  src: url('../fonts/etelkalightpro-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/etelkalightpro-webfont.woff') format('woff'),
      url('../fonts/etelkalightpro-webfont.ttf') format('truetype'),
      url('../fonts/etelkalightpro-webfont.svg#etelkalightproregular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'EtelkaMediumPro';
  src: url('../fonts/EtelkaMediumPro.otf');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'rouble';
    src: url('../fonts/rouble-webfont.eot');
    src: url('../fonts/rouble-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rouble-webfont.woff2') format('woff2'),
         url('../fonts/rouble-webfont.woff') format('woff'),
         url('../fonts/rouble-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.rub {font-family: 'rouble';font-weight: 400; margin-left: 4px}
i.material-icons {position: relative; top: 5px; margin-right: 7px;}
.cleaner_h20 {clear: both; width: 100%; height: 20px}
.cleaner_h30 {clear: both; width: 100%; height: 30px}
.cleaner_h40 {clear: both; width: 100%; height: 40px}
.cleaner_h60 {clear: both; width: 100%; height: 60px}
.cleaner_h100 {clear: both; width: 100%; height: 100px}
a.disabled {cursor: not-allowed;pointer-events: none; opacity: 1 !important;}
.top-line {
    height: 20px;
    background-color: #d08660;
}
#account .well,
#header, .result, .send-order {
  margin-top: 20px;
  font-family: 'EtelkaLightPro';
}
.diz-price a,
.diz-price-nav a,
#menu-product a,
.shop-menu div>a, .nav-inside ul>li>a,
.contact a, .icon a, a.up:hover,
#header>div:first-child a,
.unstyled a,
a.unstyled {
    color: inherit;
    text-decoration: none;
}
button:focus {outline: none}
#header div>span>i,
#header>div:first-child div>i {
    color: #d08660;
    margin: 0 7px;
}
#header table td {vertical-align: bottom}
#header table img {
    width: 70px;
    float: left;
    margin: 0 15px 7px 0;
}
#myHistory table,
#account table, #account .h6, table label,
#header a>table h2, .nav-inside ul.list-inline,
.review p.text-right, .acea .table, .classific table {margin: 0}
#header>div:not(.head-shop)>div:nth-child(3),
.review, .head-cont, .verbose {padding-top: 10px}
#header a>span {display: inline-block}
#header .col-sm-6>a>table {max-width: 350px}
#header>div>div:first-child>.text-center {
    width: 100%;
    background-color: #b0b2b1;
    padding: 7px 4px;
    margin-bottom: 10px;
    display: table;
    border-spacing: 3px 0;
}
#header .head-shop>div.col-xs-8 {
    display: table;
    border-spacing: 5px 0;
    padding: 0 5px;
}
#header .btn-group {display: table-row}
#header .btn-group a {
    display: table-cell;
    float: none;
    padding: 1px 10px 0;
    color: inherit;
}
header .head-shop .btn-group a {border-color: #d1d2d2;}
header .btn-group a:hover {
    border-color: #b0b2b1;
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.1);
}
.balance-card input,
.basket .table td>.input-group>input,
.product-price .form-control,
header .input-group .form-control {
    height: 25px;
    padding: 2px 10px;
}
header .input-group .form-control {
    position: absolute;
    z-index: 2;
}
header .input-group .btn-default {
    padding: 0 20px;
    height: 25px;
    background-color: #838383;
    color: #fff;
    margin-left: 3px;
    border-color: #838383;
}
header .input-group .btn-default i {
    font-size: 22px;
    top: 0;
    margin: 0;
}
.secure .hover-block .popup>p.h3:last-child,
#header .head-shop .navbar {margin-bottom:0}
#header .navbar li>.dropdown-menu {
    background-color: #e06e39;
    border-color: transparent;
}
#header .navbar ul.navbar-nav>li:not(:first-child)>.dropdown-menu {left: 6px}
#header #top-menu li>.dropdown-menu>li>a {color: #fff; font-size: 14px}
#myHistory table>tbody>tr>td:first-child, .method-icon>.icon>a:hover,
.fuel-drain>div:first-child span, .result>span:nth-child(even),
#product-tabs>ul.nav-pills>li:not(.active)>a:hover,
#header .head-cont>span>a:hover, #account span:not(.custom),
.order-posted span, .brown {color: #e06e39 !important;}
.shop-menu ul.dropdown-menu>li>a:hover,
header .cart-top>a>span, #myHistory ul.nav-pills>li.active>a,
.news>div:last-child>a, .popover-spisok,
#header #top-menu li>.dropdown-menu>li>a:hover,
#footer .h4, .more {text-decoration: underline}
#footer {
    width: 100%;
    background-color: #e06e39;
    padding: 20px 0 10px;
    margin-top: 30px;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
}
#footer .col-xs-5>img {
    margin: 20px 0;
    width: 110px;
    max-width: 80%;
}
#footer .h3 {margin-top: 0}
#account span.label, .relation .h4,
#footer a {color: #fff !important;}
#footer ul.list-unstyled {margin: 20px 0 0}
#footer ul.list-unstyled>li {margin-top: 7px}
#footer .nether {
    display: flex;
    justify-content: space-between;
    border: 1px solid transparent;
    border-bottom-color: #e6c0ad;
    border-top-color: #e6c0ad;
}
#footer .nether .list-inline {margin: 0 20px;}
#footer .nether .list-inline>li>a {
    display: inline-block;
    background-color: #fff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    line-height: 30px;
    text-align: center;
}
#footer .nether>div {
    display: flex;
    align-items: center;
    padding: 10px 0;
}
#footer .nether>div>div {
    padding: 10px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.3);
    margin-left: 15px;
    box-shadow: 1px 2px 0 rgba(0,0,0,.2);
}
#footer .describe {max-width: 360px;}
ul.set-azs>li, ul.list-azs>li,
ul.partners>li, header, .slider-shop,
#footer .list-inline li {margin-bottom: 10px}
#footer .nether .list-inline>li {
    padding: 0 1px;
    margin: 0;
}
#menu-product a {
    display: block;
    border: 1px solid #b0b2b1;
    margin-top: 20px;
}
.gsm img,
.vendor img,
.news-body img,
#menu-product a>img,
.shop-menu div>a>img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    height: auto;
}
.caption, .shop-menu div>a>p,
#menu-product a>p {
    background-color: #b0b2b1;
    margin: 0;
    padding: 5px;
    color: #fff;
    text-align: center;
}
a.up:focus,
header .cart-top>a:hover,
header .cart-top>a:focus,
#menu-product a:hover {text-decoration: none}
.shop-menu div>a:hover>p,
.shop-menu .dropdown.open p,
#menu-product a:hover>p {background-color: #e06e39}
.underline {
    display: inline-block;
    border-bottom: 2px solid #e06e39;
    padding-right: 80px;
    min-width: 200px;
}
.info-block {
    font-size: 13px;
    overflow: hidden;
}
.news>div:last-child {
    height: 28px;
    text-align: right;
    font-size: 12px;
    width: 100%;
    background-color: #fff;
}
.review-block span,
.news-head span,
.nov span,
.info-block span {
    font-size: 14px;
    font-weight: 600;
    color: #e06e39;
    line-height: 1.2;
}
.news>div:first-child>span {line-height: 90px}
.news>div:first-child>a {
    display: flex;
    justify-content: center;
    margin: 10px 10px 10px 0;
    float: left;
    border: 1px solid #b0b2b1;
    height: 70px;
    width: 95px;
    overflow: hidden;
}
.news>div:first-child>a>img {
    height: 100%;
    width: auto;
    flex-shrink: 0;
}
.news:nth-child(3) {display: none}
.review img {margin-bottom: 10px; width: 85px}
.review-block img {width: 90px}
.form-group.error,
#account a[data-toggle="collapse"]>p,
.review-block {position: relative}
.flame:before  {
    content: url(../images/point.png);
    margin-right: 7px;
}
.preim li {position: relative; margin-left: 5px}
.balance-card span:before, #wellcome .close:before,
.tabs-accordion .collapse-control:after,
.custom-select:after, .order .form-horizontal .invalid:after,
#account a[data-toggle="collapse"]>p:after,
.product-price .add:before, .diztoplivo__faq .panel-heading a:before,
.checkbox input[type=checkbox]:checked + label:after,
.cart-top>a:before,
.preim li:before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}
.checkbox input[type=checkbox]:checked + label:after,
.preim li:before {
    content: 'check';
    position: absolute;
    color: #e06e39;
    top: 4px;
    left: -25px;
}
.cart-top>a:before {
    content: 'shopping_cart';
    font-size: 24px;
    position: relative;
    top: 5px;
    margin-right: 2px;
}
.product-price .add:before {
    content: 'shopping_cart';
    position: relative;
    margin: -8px 7px 0 0;
    top: 4px;
}
.product-price .form-control,
header .cart-top {
    height: 25px;
    font-size: 14px;
}
header .cart-top>a {
    position: relative;
    top: -5px;
    white-space: nowrap;
}
.info-block.partners>a>div {
    float: left;
    width: 25%;
}
.info-block.partners>a>div>img {
    display: block;
    margin: 0 auto;
    width: 80%;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
}
.basket table.table>tbody>tr>td.tovar,
.info-block.partners>a>div:nth-child(5),
.info-block.partners>a>div:nth-child(6){width: 50%;}
.info-block.partners>a>div:nth-child(11),
.info-block.partners>a>div:nth-child(13),
.info-block.partners>a>div:nth-child(15){width: 16.6%;}
.order-form form input[type="submit"],
.masla p.h4, .review-block,
.avtopark img, #product-tabs,
.avtopark .table-condensed,
.form>form >.form-group:last-child,
.nov,.contact,.buh {margin-top: 30px}
.contact p {margin: 0 0 15px}
.breadcrumb>li>a {color: #494848}
.nov img {border: 1px solid #b0b2b1}
.convenient-service>div>div>div>div>div>div,
.mosoil, #partners, .gost p.h4, .acea p.h5,
#account p.form-section, #account .well,
.news-body img, .news-footer, .cards-text .h4,
.news-head, .gsm img, .tape-products,
.acea .table-responsive,
.classific .table-responsive {
    margin-top: 20px;
    margin-bottom: 20px;
}
.left-menu .menu-title {
    padding: 6px 20px;
    background-color: #e06e39;
    color: #fff;
}
#myHistory table a,
.catalog-menu li>a,
.left-menu {
    font-size: 14px;
    line-height: 1.4;
}
.left-menu ul.dropdown-menu {
    padding: 0;
    margin: 0;
    left: 100%;
    top: -1px;
    box-shadow: none;
    border: none;
}
.left-menu ul.dropdown-menu>li>a {
    font-size: 14px;
    width: 320px;
    white-space: normal;
    background-color: #fff;
    padding: 6px 20px;
    border: 1px solid #b0b2b1;
    line-height: 1.4;
}
.catalog-menu ul>li+li>a,
.left-menu ul.dropdown-menu>li+li>a {margin-top: -1px;}
.left-menu .nav-pills>li:nth-child(4) ul.dropdown-menu {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.catalog-menu .dropdown-menu>.active>a, .catalog-menu .dropdown-menu>.active>a:hover,
.catalog-menu .dropdown-menu>.active>a:focus, .catalog-menu ul.dropdown-menu>li>a:hover,
.left-menu .dropdown-menu>.active>a, .left-menu .dropdown-menu>.active>a:hover,
.left-menu .dropdown-menu>.active>a:focus, .left-menu ul.dropdown-menu>li>a:hover {
    color: #e06e39;
    background-color: #fff;
}
#buy-one-click p.modal-title,
.services h3 {margin-bottom: 22px}
.product-gallery,
.img-text {margin: 10px 0 20px}
.vendor a {
    display: block;
    border: 1px solid #b0b2b1;
    padding: 20px;
    margin: 10px 0;
    background-image: -o-linear-gradient(to bottom, #d1d2d2, #f0f2f3);
    background-image: -webkit-linear-gradient(to bottom, #d1d2d2, #f0f2f3);
    background-image: linear-gradient(to bottom, #d1d2d2, #f0f2f3);
}
.masla ol, ul.preim,
.list-disk {padding-left: 20px}
.buh>div>div:last-child>p,
.slider-shop, .left-menu,
ul.list-unstyled.up>li+li,
.list-disk.up>li+li {margin-top: 10px}
.gsm tr>td:first-child {text-align: left}
table.table-acea>tbody>tr>td.kolc,
.quality>div>div>div:first-child,
.mosoil {padding: 0}
.mosoil p {margin: 20px 0}
.table-bordered{
    border-collapse: separate;
    border-spacing: 3px;
}
.mosoil>div:last-child p {
    border: 1px solid #e06e39;
    padding: 10px;
    text-align: center;
}
.avtopark img {width: 650px}
.avtopark .table-condensed tr>td {text-align: left}
.avtopark .table-condensed tr>td:first-child {width: 33%}
#add-to-cart .btn-group, .order-form form,
.gost p.text-center, .secure>div>div>div>div,
.order-card, #header .head-shop>div,
.form>form, .buh>div>div,
 .classific .nav-tabs {margin-top: 20px}
.form>form >.form-group:last-child a {padding-top: 4px}
.grey,#partners {background-color: #ededed}
#partners .gallery-cell {
    padding: 0 10px;
    width: 33.3%;
}
#partners .gallery-cell>img {
    display: block;
    margin: 10px auto;
    max-width: 100%;
    max-height: 100px;
    -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  opacity: 0.8;
}
#partners .gallery-cell:hover>img {
    -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: none;
  opacity: 1;
}
#partners .flickity-viewport {height: 120px}
.layer {
    background-color: #e06e39;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 10px;
}
ul.set-azs {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    margin: 0;
}
a.download {display: inline-block; margin: 30px 0}
a.download>img {width: 45px; margin: 0 20px 0 0}
ul.list-disk.list-azs {
    list-style-position: inside;
    padding: 0;
}
.cards .h4 {
    line-height: 1.3;
    margin: 15px 0;
}
.quality p:last-child,
.order-card .form-group {margin-bottom: 25px}
.layer .h4 {
    color: #000;
    line-height: 1.3;
}
.h1.flex {
    font-size: 26px;
    line-height: 1.3;
}
.icon i {
    display: block;
    font-size: 48px;
    margin: 15px auto;
    padding: 20px;
    width: 90px;
    height: 88px;
    border-radius: 50%;
    background-color: #fefefe;
    color: #e06e39;
    box-shadow: -2px 2px 3px rgba(0,0,0,.1),
        -4px 4px 4px rgba(0,0,0,.2),
        inset -20px 20px 30px rgba(0,0,0,.1),
        inset -7px 7px 20px rgba(0,0,0,.1);
}
.icon i:hover {
    cursor: pointer;
    box-shadow: -1px 1px 7px rgba(0,0,0,.1),
        -3px 3px 4px rgba(0,0,0,.2),
        inset -15px 15px 20px rgba(0,0,0,.1),
        inset -5px 5px 10px rgba(0,0,0,.1);
}
.icon>div:not(.popover) {
    text-align: center;
    height: 160px;
}
.icon .popover-content {
    text-align: center;
    line-height: 1.8;
}
.method-icon {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.method-icon>.icon {
    width: 150px;
    background-color: #f4f4f4;
    border-radius: 30px;
    margin: 10px;
}
.method-icon>.icon>a {
    display: block;
    font-size: 14px;
    cursor: pointer;
    padding-bottom: 20px;
}
.contract {
    background: url(../images/diz-fon.jpg) no-repeat center;
    background-size: cover;
    margin: 40px 0;
}
.gost div.table-responsive:nth-of-type(3)>table>thead>tr:nth-of-type(2)>th,
.contract>.layer {padding-top: 0}
.contract a>img {
    position: relative;
    display: block;
    width: 200px;
    margin: 10px auto;
    box-shadow: -3px 3px 6px rgba(0,0,0,.2);
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.quality>div>.h1 {margin-bottom: 35px}
.quality>div>.h1>span {display: block}
.red {color: #ff0202;}
.quality .h3 {line-height: 1.3}
.classific ul.nav-tabs>li:not(.active)>a,
.popover-spisok, .diz-info a,
.quality a {color: inherit}
.relation {
    padding-bottom: 20px;
    margin: 40px 0;
}
.relation .h1 {
    font-size: 22px;
    line-height: 1.4;
    margin: 10px 0;
}
.relation .container>.row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.shop-menu div.dropdown {
    display: inline-block;
    margin-top: 20px;
}
.shop-menu div>a>img {
    border: 1px solid #b0b2b1;
    margin-bottom: 2px;
}
.shop-menu ul.dropdown-menu {
    background-color: #e06e39;
    border-color: #e06e39;
    width: 100%;
}
.shop-menu ul.dropdown-menu>li>a {
    color: #fff;
    white-space: normal;
    font-size: 14px;
}
header .catalog-menu button {
    color: #fff !important;
    background-color: #e06e39;
    border-color: #e06e39;
    padding: 2px 10px 1px;
    width: 100%;
    font-size: 14px;
}
header .catalog-menu button.navbar-toggle {
    padding: 3px 20px;
    line-height: 1.4;
}
.catalog-menu ul>li>a,
header .catalog-menu ul>li>a:hover {
    background-color: transparent;
    color: #fff;
}
.catalog-menu>.navbar-header {position: relative; float: none}
.klient {width: 100px}
.spisok {
    position: absolute;
    display: none;
    z-index: 50;
    padding: 15px 15px 5px;
    left: 0;
    font-size: 85%;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}
.spisok.open {display: block}
.border {
    border: 1px solid #ccc;
    padding: 10px;
}
.border ol {
    counter-reset: li;
    margin: 10px 0;
}
.border ol.list-unstyled>li:before {
    counter-increment: li;
    content: counters(li,".") ". ";
}
.border>ol.list-unstyled>li {
    font-size: 16px;
    font-weight: bold;
}
.border ol.small>li {
    font-weight: normal;
    text-align: left;
}
.border>p:not(.h5),
.acea p.text {text-indent: 30px; margin: 0}
.border>div {margin: 10px 0}
.catalog ul.list-inline>li {font-size: 80%; margin: 10px 5px 0 0}
#filter {
    margin: 0;
    background-color: #fff;
    padding-top: 48px;
    padding-bottom: 20px;
}
#filter .bx-filter-parameters-box {margin-bottom: 5px;}
#filter .item {
    position: relative;
    border: 1px solid #d1d2d2;
    padding: 5px 5px 5px 24px;
    font-size: inherit;
    cursor: pointer;
}
#filter .item>span {
    color: inherit;
    border: none;
}
#filter .item>span:before {
    content: url(../images/angle-double-down.svg);
    position: absolute;
    top: 7px;
    left: 5px;
}
.price a,
#filter button[data-toggle="tooltip"] {
    padding: 0 4px;
    line-height: 13px;
    font-size: 12px;
    margin: -4px 0 0 3px;
}
.delivery-form,
input[type="radio"], input[type="checkbox"],
.nav-inside ul.list-inline>li i {display: none}
.radio label:after,
.checkbox input[type=checkbox] + label:before {
    content:'';
    display:block;
    background-color: #fff;
    height:12px;
    width:12px;
    outline:1px solid #b0b2b1;
    position:absolute;
    top:5px;
    left:1px;
}
#account .checkbox input[type=checkbox] + label:before {top: 14px; left: 11px}
.checkbox input[type=checkbox]:checked + label:after {top: 1px; left: -1px}
#account .checkbox input[type=checkbox]:checked + label:after {top: 10px; left: 8px}
.radio input[type="radio"]:checked + label:after {
    outline:1px solid #b0b2b1;
    border:3px solid #fff;
    background-color: #e06e39;
}
.convenient-service>div>div>div>div>div>div:nth-child(2)>.popup>p:not(.text-uppercase),
.visible-xs>ul.pagination, .order-form textarea,
#filter .form-group {margin-top: 20px; margin-bottom: 0}
#filter .filter {
    max-height: 140px;
    margin-top: 5px;
    overflow: auto;
}
#filter .filter>.checkbox:first-child {
    margin-top: 5px;
}
#filter ::-webkit-scrollbar{
    width: 5px;
    border: 1px solid #d1d2d2;
}
#filter ::-webkit-scrollbar-thumb{background-color: #e06e39}
#filter .sidebar_toggle {
    position: absolute;
    top: 0px;
    left: 100%;
}
#filter .sidebar_toggle>i {
    top: 0;
    color: #fff;
    font-size: 30px;
    margin: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
}
.catalog .visible-xs .sidebar_toggle {
    line-height: 1.2;
    padding: 1px 5px;
}
.product-price .input-group-addon>i, .basket i,
.catalog button.sidebar_toggle>i {margin: 0; top: 2px}
.sidebar_toggle.visible-sm-inline-block {
    position: fixed;
    width: 140px;
    height: 32px;
    top: 50%;
    left: -54px;
    margin-top: -16px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-color: #e06e39;
    color: #fff;
    padding: 5px;
    text-align: center;
    border-radius: 0 0 10px 10px;
    z-index: 99;
}
.goods-folder {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.catalog-item>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    min-height: 162px;
    background-color: #fff;
    border: 1px solid #b0b2b1;
    font-size: 14px;
}
.catalog-item>div>div:first-of-type {
    width: 40%;
    padding: 8px;
    flex-grow: 2;
}
.catalog-item>div>div:last-of-type {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 60%;
    height: 100%;
    flex-grow: 3;
}
.catalog-item>div>div:last-of-type>a {
    padding: 10px;
    display: block;
    color: #838383 !important;
    text-decoration: none !important;
    font-weight: 300;
}
.catalog-item>div>div:last-of-type>div>p {
    white-space: nowrap;
    margin: 10px 10px 5px;
}
.catalog-item>div>div:last-of-type>div>a {
    margin: 10px;
    float: right;
}
.catalog-item ,
.pagination-sm {
    margin: 10px 0;
}
.catalog-item img {
    max-height: 144px;
    margin: 0 auto;
}
table.treb>tbody>tr>td:first-child,
table.treb>tbody>tr:not(.center)>td:nth-child(3),
table.table-acea>tbody>tr>td:first-child {text-align: left}
#account table>tfoot>tr>td.text-right {text-align: right}
.visible-xs>ul.pagination>li>a {padding: 4px 7px; margin: 0 5px;}
.visible-xs>ul.pagination>li>a>i {margin: 0; top: 3px}
.product-gallery {height: 252px}
.product-gallery-cell {
    height: 100%;
    width: 100%;
    padding: 10px;
}
.product-gallery-nav {height: 102px}
.product-nav-cell {
    height: 100%;
    width: 30%;
    border: 1px solid #d1d2d2;
}
.product-nav-cell+.product-nav-cell {margin-left: 4.85%}
.product-nav-cell>img, .product-gallery-cell img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    max-height: 100px;
}
.product-gallery-cell img {max-height: 230px}
#product-tabs>ul.nav-pills>li>a,
.product-gallery .flickity-viewport,
.product-nav-cell.is-selected.is-nav-selected,
.product-nav-cell:hover {border: 1px solid #b0b2b1;}
.cards-image .flickity-prev-next-button .arrow,
.product-gallery .flickity-prev-next-button .arrow {fill: #e06e39}
.product-price {
    border: 1px solid #d1d2d2;
    padding: 20px 0;
    float: left;
    width: 100%;
}
.product-price .price, p.decoration:not(.medium) {margin-bottom: 20px}
.product-price .price .center-block {max-width: 700px; width: 100%}
.product-price>.center-block {
    max-width: 600px;
    width: 100%;
    padding: 0 10px;
}
.product-price .set {
    display: inline-block;

}
.product-price .form-group>.set:first-child {width: 250px; margin-top: 25px;}
.product-price .form-group .set .control-label {margin:0; width: 50%}
.product-price .price p.h3 {
    color: #e06e39;
    margin-top: 10px;
    font-weight: 600;
}
.product-price .price p.h3>span.rub {
    position: relative;
    top: 3px;
}
.price .tooltip-inner {width: 140px}
.product-price .control-label {
    padding-top: 5px;
    font-size: 14px;
    font-weight: 600;
}
.product-price .add,
.product-price .one-click {
    display: block;
    float: left;
    width: auto;
    margin: 25px 10px 0;
    padding: 2px 15px;
}
.h4.underline {margin-top: 20px}
.share>div {float:left}
.share {
    padding: 6px 2px 6px 8px;
    display: inline-block;
    background-color: #eee;
}
.share a {
    position: relative;
    float: left;
    padding-left: 55px;
    height: 20px;
    line-height: 1.3;
    font-size: 12px;
    font-weight: 600;
    margin-top: 3px;
}
.share a>span {
    position: absolute;
    width: 40px;
    background-color: #e06e39;
    border-radius: 50%;
    left: 6px;
    top: -10px;
    border: 1px solid #fff;
}
h2.title {font-family: 'EtelkaMediumPro';}
.basket .input-group-addon>i,
.product-price .input-group-addon>i {font-size: 18px; color: #fff;}
.basket .input-group-addon,
.product-price .input-group-addon {
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.product-price .form-horizontal .form-group {margin-bottom: 0}
.product-price>.small>a {color: #626161; text-decoration: underline}
#product-tabs>ul.nav-pills>li>a {
    color: inherit;
    font-family: 'EtelkaLightPro';
    text-align: center;
}
.table-section,
#product-tabs>ul.nav-pills>li.active>a {
    background-color: #e06e39;
    color: #fff;
    border-color: #e06e39;
}
.tape-products {height: 224px}
.tape-products-cell {
    float: left;
    padding: 0 10px;
    width: 20%;
}
.tape-products-cell>a:first-child {
    display: block;
    border: 1px solid #b0b2b1;
    height: 190px;
    margin-bottom: 2px;
}
.tape-products-cell>a>img {
    display: block;
    max-height: 188px;
    max-width: 100%;
    margin: 0 auto;
}
.tape-products-cell>a:last-child {
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 80%;
    padding: 7px 5px;
    background-color: #e06e39;
    white-space: nowrap;
    overflow: hidden;
}
#__utl-buttons-1 .uptl_toolbar>ul>li>.sn-icon:hover,
.tape-products-cell:hover>a:last-child,
.share a:hover>span {background-color:#c7541f !important}
.retail-chain {
    background: url(../images/sect-1-bg.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 60px;
}
#empty_cart .modal-body {
    background-color: #e06e39;
    color: #fff;
    text-align: center;
    padding: 20px 10px;
}
#add-to-cart .modal-body {
    background-color: #e06e39;
    color: #fff;
    text-align: center;
    padding: 20px 10px;
}
#add-to-cart .btn-default {
    margin-top: 10px;
    font-size: 12px;
    border-color: #e06e39;
}
#success-one-click .modal-body {
    background-color: #e06e39;
    color: #fff;
    text-align: center;
    padding: 20px 10px;
}
#success-one-click .btn-default {
    margin-top: 10px;
    font-size: 12px;
    border-color: #e06e39;
}


#cart-warning .modal-body {
    background-color: #e06e39;
    color: #fff;
    text-align: center;
    padding: 20px 10px;
}
#cart-warning .btn-default {
    margin-top: 10px;
    font-size: 12px;
    border-color: #e06e39;
}
.hover-block {
    position: relative;
    margin-top: 20px;
    cursor: pointer;
}
.hover-block>.popup {
    position: absolute;
    background-color: #fff;
    color: #494848;
    text-align: center;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    padding: 40px;
    width: 360px;
    border-radius: 5px;
    z-index: 50;
    left: -20%;
    top: 100%;
    display: none;
    -webkit-transition:  left 0.5s ease-in-out;
        -moz-transition:  left 0.5s ease-in-out;
        -ms-transition:  left 0.5s ease-in-out;
        -o-transition:  left 0.5s ease-in-out;
        transition:  left 0.5s ease-in-out;
}
.hover-block>.popup>p.h3 {margin: 0 0 22px}
.retail-chain .hover-block>img {width: 75px; margin-bottom: 20px}
.retail-chain .hover-block>.popup {left: 50%; top: -90%;}
.retail-chain>div>div>div>div>div:last-child .popup {left: -50%}
.fuel-drain {padding-top: 30px; padding-bottom: 30px}
.convenient-service>div>div>div>div>div>div>p,
#add-to-cart span, #account span,
.fuel-drain>div>p, .buh>div>div>p {display: inline-block}
.fuel-drain>div{display: inline-block; white-space: nowrap}
.fuel-drain>div>img {
    width: 75px;
    float: left;
    margin: -15px 20px 0 0;
}
.fuel-drain .board {position: relative; margin: 0 20px}
.fuel-drain .board>div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: #282828;
    border: 1px solid #000;
    border-radius: 3px;
}
.fuel-drain .board>div:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background-color: #000;
    border-bottom: 1px solid rgba(225,225,225,.3);
}
.fuel-drain .board>p {
    display: block;
    color: #fff;
    font-size: 34px;
    letter-spacing: 7px;
    margin: 10px 20px;
}
.top-cards,.convenient-service {padding-bottom: 20px}
.convenient-service>div>div>div>div>div>div>img {
    width: 60px;
    float: left;
    margin-right: 20px;
}
.convenient-service>div>div>div>div>div>div>p>a {
    color: #fff;
    text-decoration: underline;
    font-size: 85%;
}
.secure {
    position: relative;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
.secure>div:first-child {
    position: absolute;
    left: 0;
    top: -28px;
}
.top-cards .btn-danger,
.secure>div:first-child>a {
    padding: 15px 40px;
    border-radius: 4px;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
.secure>div>div>div>div>div:first-child {
    width: 75px;
    height: 75px;
    margin: 20px auto;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top;
}
.secure>p:not(.h1) {
    display: inline-block;
    max-width: 600px;
    margin-top: 20px;
}
.glonass {margin-top: 30px; margin-bottom: 20px}
.glonass>p {display: inline-block; max-width: 400px; text-align: left}
.glonass>img {width: 90px; margin: -45px 20px 0 0}
.buh {padding-bottom: 60px}
.buh>div>div>span {
    display: inline-block;
    float: left;
    width: 43px;
    height: 43px;
    font-size: 18px;
    line-height: 38px;
    text-align: center;
    margin-right: 15px;
    border-radius: 50%;
    border: 2px solid #494848;
}
.top-cards img {
    display: block;
    margin: -40px auto 0;
}
.top-cards,.top-cards .btn-danger {margin-top: 40px}
.require:after {
    content: '*';
    color: #e06e39;
    margin-left: 3px;
}
#prof-tabs .prof-cell>a,
#myHistory table *,
.basket {font-family: 'EtelkaLightPro'}
.basket table {border: solid 1px transparent; margin-top: 20px}
.basket .table .input-group {width: 96px; height: 25px; margin: 0 auto;}
#myHistory table>thead>tr>th,
.basket table>thead>tr>th {
    padding: 4px 8px;
    border: solid 1px #e06e39;
    white-space: nowrap;
    font-weight: 300;
}
.basket table>tbody>tr>td,
#myHistory table {vertical-align: middle; border: solid 1px #d1d2d2}
.basket table img {max-width: 60px; max-height: 60px}
.basket .table td>.input-group>input{width: 50px; font-size: 14px}
#header>div:not(.head-shop)>div:nth-child(3),
.classific .table-striped tr>td, .classific .table-striped tr>th,
.acea .table-striped tr>td, .acea .table-striped tr>th,
#account .table-responsive>table:not(.support)>tbody>tr>td,
#account .table-responsive>table>thead>tr>th,
.basket table>tbody>tr>td:nth-child(n+3) {white-space: nowrap}
.basket table>tbody>tr:not(.last)>td:first-child {border-right-color: transparent}
.basket table>tbody>tr:not(.last)>td:nth-child(2) {
    text-align: left;
    padding-left: 0;
    border-left-color: transparent;
    width: 25%;
}
.result>span:nth-child(2) {margin-right: 40px}
.send-order {
    padding: 3px 25px;
    margin-top: 15px;
}
input.send-order {padding-bottom: 0; line-height: 1;}
.nav-inside {
    color: #fff;
    font-size: 14px;
    font-family: 'EtelkaLightPro';
    margin-top: 20px;
    margin-bottom: 10px;
}
.nav-inside .text-right,
.nav-inside ul.list-inline {
    padding-top: 3px;
    background-color: #626161;
}
.nav-inside ul.list-inline>li.active {color: #d08660}
a.login-link {display: inline-block; border-bottom: 2px solid #e06e39}
.order-form .radio .help-block {color: #838383; margin-top: 0}
#account table>thead>tr>th,
.form-section {
    background-color: #e06e39;
    color: #fff;
    padding: 5px 10px;
    margin: 0;
    font-family: 'EtelkaLightPro';
    font-weight: normal;
}
.order-form .basket table>thead>tr>th {
    background-color: #d08660;
    border-color: #d08660;
}
.order-form .result {margin: 0 0 20px}
.error>.form-control {
    border-color: #e06e39;
    padding-right: 35px;
}
.error>.help-block {
    display: inline;
    color: #e06e39;
}
.error>.help-block>i {
    position: absolute;
    top: 31px;
    right: 0;
}
.not-require {color: #838383}
.order-posted>img {max-width: 180px; width: 50%; margin-top: 30px}
#account small {color: #838383; font-size: 85%; display: inline-block}
table.table-acea>tbody>tr>td:not(:first-child),
table.treb>tbody>tr>td:not(:first-child),
table.table>tbody>tr>td.table-section,
#account table>tbody>tr>td {vertical-align: middle}
table.numbering {counter-reset: number}
table.numbering tbody>tr {counter-increment: number}
table.numbering tr:before {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
}
#account table.numbering tr:before {
    width: 6%;
    min-width: 30px;
}
table.numbering>thead>tr:before {
    content: '#';
    color: #fff;
    background-color: #e06e39;
}
table.numbering tbody>tr:before {content: counter(number)}
#account .ncards tr>td:last-child {width: 50%; padding-right: 0}
#account label {font-size: 14px}
#account label>small {font-size: 95%}
a.up {
    display: inline-block;
    color: #838383;
    font-size: 18px;
    margin-top: 20px;
}
#account span.custom {border-bottom: 1px dotted #b0b2b1}
.btn-bill {
    color: #fff !important;
    background-color: #626161;
    border-color: #e06e39;
}
#account a[data-toggle="collapse"]>p:after {
    content: 'remove';
    position: absolute;
    right: 10px;
    margin: 3px 0;
    color: #494848;
}
#account a.collapsed[data-toggle="collapse"]>p:after {content: 'add'}
#account select {width: 245px}
#account .group>.send-order {padding: 5px 12px}
#account table i {font-size: 20px; margin: 0; top: 3px}
#account .support>tbody>tr>td:nth-child(2),
#account table.transaction>tbody>tr>td:nth-child(3) {
    text-align: left;
    min-width: 250px;
    white-space: normal;
}
#account table>tfoot>tr>td {
    background-color: #d08660;
    font-weight: bold;
    padding: 6px;
}
.acea img.mosoil:first-of-type {max-height: 120px}
table.table-acea {width: 1160px; border: 1px solid transparent}
table.treb {border: 1px solid transparent}
table.treb>tbody>tr>td:not(.table-section),
table.table-acea>tbody>tr>td:not(.table-section) {
    font-size: 12px;
    border: 1px solid #ddd;
}
table.treb>tbody>tr>td:first-child,
.acea table.table-acea>tbody>tr>td {white-space: normal}
table>tbody>tr>td.table-section,
table.treb>thead,
table.table-acea>thead {border: 1px solid #e06e39}
table>tbody>tr>td.table-section {border-top-color: #fff}
table.table-acea>tbody>tr:nth-of-type(even),
table.table-acea>tbody>tr>td>table.eee>tbody>tr>td,
table>tbody>tr.eee>td {background-color: #eee}
table.table-acea>thead>tr:first-child>th {width: 20%; white-space: normal;}
table.table-acea>thead>tr:first-child>th:nth-child(2n),
table.table-acea>thead>tr:last-child>th {width: 10%}
table.table-acea>thead>tr:first-child>th:nth-child(5) {width: 40%}
table.table-acea>tbody>tr.elastometr>td:last-child {padding: 0; background-color: #fff}
table.treb>tbody>tr>td.wh-cell,
table.table-acea>tbody>tr.disp>td:not(:first-child),
table.table-acea>tbody>tr.elastometr>td:first-child,
table.table-acea>tbody>tr.chist>td {background-color: #fff; border-bottom-color: #fff}
table.table-acea>tbody>tr>td>table>tbody>tr>td {font-size: 12px}
table.table-acea>tbody>tr>td>table>tbody>tr>td+td {border-left: 1px solid #ddd}
table.table-acea>tbody>tr.ocis>td {background-color: #eee; border-color: #eee #ddd; padding-bottom: 0}
table.table>tbody>tr.vyaz>td {vertical-align: top; padding-top: 0}
table.table-acea>tbody>tr.disp>td,
table>tbody>tr.rash>td {background-color: #fff}
table.table>tbody>tr>td.top {vertical-align: top}
table.table>tbody>tr>td.grbor,
table.table-acea>tbody>tr.grbor>td {border-bottom-color: #eee}
table.table-acea>tbody>tr>td.up {padding-top:0}
.classific img {margin: 30px auto}
.sae {display: block; width: 300px; max-width: 70%}
.api {width: 600px}
.classific .tab-pane {padding-top: 20px}
.classific .tab-pane .table>tbody>tr>td:last-child {
    white-space: normal;
    text-align: left;
    min-width: 400px;
}
#myHistory ul.nav-pills,
#prof-tabs h3 {margin: 0 0 20px}
#prof-tabs .panel {
    border: none;
    box-shadow: none;
    background-color: transparent;
}
#prof-tabs .prof-cell {
    background-color: #e06e39;
    text-align: center;
    margin: 20px 0;
    position: relative;
    min-width: 150px;
}
#prof-tabs .prof-cell>a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    padding: 10px 0;
    width: 100%;
    position: relative;
}
#prof-tabs .prof-cell>a:hover{background-color: rgba(255,255,255,.1)}
#prof-tabs .prof-cell>a[aria-expanded="true"] {background-color: rgba(0,0,0,.1)}
#myHistory table>tbody>tr>td {
    font-size: 14px;
    border-bottom: solid 1px #d1d2d2;
    vertical-align: middle;
}
.inl-bl {display: inline-block}
ol.number {padding-left: 20px}
ol.number>li+li {margin-top: 10px}
.review-block {padding: 0}
.basket table>tbody>tr.last>td:first-child {
    text-align: right;
    border-left-color: transparent;
    border-bottom-color: transparent;
}
.basket table>tbody>tr.last>td:last-child {
    border-right-color: transparent;
    border-bottom-color: transparent;
}
.diz-price .price-thead>div,
.diz-price .price-tfooter,
.custom-select select>option:first-child,
.order .form-horizontal .delivery input[type="radio"]:checked + label,
.order .form-horizontal .form-group:before,
.order .form-horizontal.order-sent,
.basket table>tbody>tr.last>td.total {
    background-color: #e06e39;
    color: #fff;
}
.basket table.numbering tr:not(.last):before {
    padding: 6px;
    border: 1px solid #d1d2d2;
}
.basket table.numbering tr.last:before {
    color: #fff;
    opacity: 0;
}
.basket table.numbering>thead>tr:before {
    content: '№';
    font-family: sans-serif;
    border: 1px solid #e06e39 !important;
}
.caption {
    margin-top: 15px;
    font-family: 'EtelkaLightPro';
}
.order .form-horizontal {
    counter-reset: list;
    padding-left: 42px;
}
.order .form-horizontal .form-control,
.order .form-horizontal {
    font-size: 14px;
}
.order .form-horizontal .perimeter {
    border: solid 1px #d1d2d2;
    padding: 7px 0;
    background-color: #f0f3f2;
    margin-bottom: 15px;
}
.order .form-horizontal .form-group {
    position: relative;
    margin-left: 0;
    margin-right: 0;
}
.order .form-horizontal .form-group:before {
    content:counter(list);
    counter-increment:list;
    position: absolute;
    font-family: 'EtelkaMediumPro';
    right: 100%;
    top: -1px;
    width: 34px;
    height: 34px;
    padding: 5px;
    font-size: 20px;
    text-align: center;
    display: block;
    margin-right: 8px;
}

.order .form-horizontal .control-label {
    text-align: left;
    padding-bottom: 7px;
    margin-bottom: 0;
}
.order .form-horizontal .delivery>.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.order .form-horizontal .delivery input[type="radio"] + label {
    position: relative;
    display: block;
    height: 100%;
    cursor: pointer;
    background-color: #b0b2b1;
    color: #fff;
    font-size: 18px;
    border-radius: 16px;
    padding: 10px 15px;
    text-align: center;
    border: solid 4px #d1d2d2;
}
.order .form-horizontal .delivery small {
    font-size: 80%;
}
.order .form-horizontal .delivery .period {
    position: absolute;
    bottom: 6px;
    right: 8px;
    font-size: 12px;
}
.order .form-horizontal .radio input[type="radio"] + label:after {
    top: 12px;
}
.order .form-horizontal .group-radio>.radio:not(:last-of-type) {
    margin-right: 40px;
}
.sidebar span,
.order .form-horizontal .radio {
    display: inline-block;
}
.order .form-horizontal .radio img{
    margin: -5px 10px;
    height: 26px;
}
.order .form-horizontal .form-control {
    border-color: #d1d2d2;
    border-radius: 16px;
}
.order .form-horizontal .group-input .form-control {
    margin-bottom: 7px;
}
.order .form-horizontal .form-control[disabled],
.custom-select {
    background-color: #fff;
    border-radius: 16px;
}
.custom-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    -ms-appearance: none;
    appearance: none!important;
    background: none;
    position: relative;
    z-index: 2;
    line-height: normal;
}
.custom-select select::-ms-expand {
    display: none;
}
.custom-select:after {
    content: 'arrow_drop_down_circle' !important;
    z-index: 1;
}
.order .form-horizontal .invalid:after,
.custom-select:after {
    position: absolute;
    color: #e06e39;
    font-size: 25px;
    right: 16px;
    top: 4px;
}
.order .form-horizontal .invalid>.form-control {
    border-color: #e06e39;
    padding-right: 33px;
}
.order .form-horizontal .invalid:after {
    content: 'error';
}
.order .form-horizontal .radio input[type="radio"]:checked + label:after,
.order .form-horizontal .radio label:after {
    outline: 0;
    border: 3px solid #e06e39;
    border-radius: 50%;
}
.order .form-horizontal .radio input[type="radio"]:checked + label:after {
    background-color: #b0b2b1;
}
.order .form-horizontal.order-sent {
    border: solid 4px #d1d2d2;
    padding: 20px 40px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin: 40px auto;
}
.order .form-horizontal.order-sent p{
    margin: 20px 0;
}
.order .form-horizontal.order-sent .line-decore {
    position: relative;
    width: 320px;
    max-width: 100%;
    margin: 30px auto;
    font-size: 20px;
    z-index: 1;
}
.order .form-horizontal.order-sent .line-decore:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fff;
    margin-top: -1px;
    left: 0;
    top: 50%;
    z-index: -1;
}
.order .form-horizontal.order-sent .line-decore>span {
    background-color: #e06e39;
    padding: 8px;
}
.order>.row:first-of-type {
    margin-top: 40px;
}
.order .send-order {
    width: 250px !important;
}
.sidebar {
    border: solid 1px #d1d2d2;
    padding: 15px 20px;
    max-width: 350px;
    margin: 0 auto;
}
.sidebar>div {
    padding: 10px 0;
}
.sidebar>div:not(:last-child) {
    border-bottom: solid 1px #eee;
}
.sidebar p {
    margin: 0;
    line-height: 1.4;
}
.flexbox {
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
}
.cards-gallery {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}
.cards-image {
    width: 75%;
    height: 320px;
}
.cards-image .cards-image-cell {
    height: 100%;
    width: 100%;
}
.cards-image .cards-image-cell>a {
    display: block;
    width: 100%;
    height: 100%;
}
.cards-image .cards-image-cell>a,
.cards-image-nav .image-nav-cell {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.cards-image-nav {
    display: flex;
    justify-content: space-between;
    width: 20%;
    flex-direction: column;
}
.cards-image-nav .image-nav-cell {
    width: 100%;
    height: 20%;
    cursor: pointer;
}
.cards-image-nav .image-nav-cell:hover {
    outline: 2px solid #e06e39;
}
.cards-image .flickity-prev-next-button,
.collapse-panel {
    display: none;
}
.flexbox .form-horizontal {
    display: flex;
    margin: 20px 0;
    flex-direction: column;
    justify-content: space-between;
}
.flexbox .form-horizontal .card-title {
    position: relative;
    border-bottom: 2px solid #e06e39;
    z-index: 1;
}
.flexbox .form-horizontal .card-title:before {
    content: url(../images/card-icon1.png);
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.flexbox .form-horizontal .card-title h1 {
    margin-top: 0;
}
.flexbox .form-horizontal input[type=text] {
    margin-top: 8px;
    color: #e06e39;
}
.card-balance p,
.flexbox .form-horizontal p {
    margin: 0;
}
.flexbox .form-horizontal form .row {
    margin-top: 2.6rem;
}
.flexbox .form-horizontal .help-block {
    max-width: 170px;
}
.nav>li>a.tabs-control {
    padding: 6px 28px;
}
.collapse-body .list-unstyled,
.tabs-nav {
    margin-top:30px;
}
.tabs-nav>li+li {
    margin-left: 6px;
}
.nav>li>a.tabs-control,
a[data-toggle="collapsing"] {
    color: inherit;
    background-color: #e7e7e7;
    border: 1px solid #e7e7e7;
    box-shadow: none !important;
}
.nav>li>a.tabs-control.active,
a[data-toggle="collapsing"].active,
a[data-toggle="collapsing"].active:hover {
    background-color: #e06e39 !important;
    border-color: #e06e39 !important;
    color: #fff;
}
.nav>li>a.tabs-control:hover,
a[data-toggle="collapsing"]:hover {
    background-color: #d9d9d9;
    border-color: #d9d9d9;
}
.tabs-accordion .collapse-control {
    display: none;
    text-align: left;
    padding: 4px 5px 4px 20px;
    margin-top: 6px;
}
.tabs-accordion .collapse-control:after {
    content: 'expand_more';
    font-size: 24px;
    float: right;
}
.tabs-accordion .collapse-control.active:after {
    content: 'expand_less';
}
.tabs-accordion .collapse-body {
    padding: 15px 25px 40px 25px;
    border: 1px solid #ddd;
}
.tabs-accordion .collapse-body p.h4 {
    margin: 20px 0;
}
.image-brand {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0;
}
.image-brand>div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    max-width: 50%;
    margin: 20px 0;
}
.image-brand>div>img {
    max-width: 90%;
}
.card-balance {
    display: flex;
    align-items: center;
    padding: 15px;
    margin: 20px 0;
    background-color: #e7e7e7;
}
.card-balance img {
    width: 42px;
    height: auto;
    margin-right: 20px;
}
.collapse-body .btn {
    padding: 5px 30px;
    margin: 10px 0;
}
.collapse-body .btn>img {
    width: 24px;
    margin-right: 10px;
}
.collapse-body .list-unstyled>li {
    position: relative;
    padding-left: 75px;
    margin: 20px 0;
}
.collapse-body .list-unstyled>li>img {
    position: absolute;
    width: 50px;
    left: 0;
    top: 0;
}
.balance-card {
    position: relative;
    width: 96px;
    margin: 0 auto;
}
.balance-card input {
    padding-right: 20px;
    font-size: 14px;
}
.balance-card span {
    position: absolute;
    display: block;
    right: 0;
    height: 12.5px;
    width: 20px;
    overflow: hidden;
    cursor: pointer;
}
.balance-card span:hover:before {
    color: #e06e39;
}
.balance-card span.high {
    top: 0;
}
.balance-card span.low {
    bottom: 0;
}
.balance-card span:before {
    position: relative;
    font-size: 24px;
    right: 2px;
    top: -3px;
}
.balance-card span.high:before {
    content: 'arrow_drop_up';
}
.balance-card span.low:before {
    content: 'arrow_drop_down';
    top: -7px;
}
.holiday-head {
    position: relative;
    padding: 40px 0;
    background: linear-gradient(to top, #fff 0%, #4c79aa 70%, #23578f 100%);
}
.holiday-head.shop {padding-bottom: 0}
.holiday-head .snow-layout {
    position: absolute;
    background: url(../images/snow_flakes.png) repeat;
    background-position: center;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: -40px;
}
.holiday-head + .title {
    position: relative;
    z-index: 10;
}
.holiday-head .snow-layout .holiday-image {
    height: 100%;
    background: url(../images/holiday.png) no-repeat;
    background-position: center;
    background-size: auto 100%;
}
.holiday-head .snow-layout .container {
    position: relative;
    height: 100%;
}
.holiday-head .snow-layout img {
    position: absolute;
    bottom: 0;
    left: 0;
    max-height: 100%;
}
.holiday-head #header .navbar-default{background-color: transparent}
.holiday-head #header>div:first-child a table tr>td:first-child {
    position: relative;
    z-index: 1;
}
.holiday-head #header>div:first-child a table tr>td:first-child:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px 10px 0 8px;
    width: 70px;
    height: 66px;
    background-color: rgba(255,255,255,.6);
    z-index: -1;
    box-shadow: 0 0 36px 3px #fff;
}
.holiday-head #header>div>div:first-child>.text-center .btn,
.holiday-head #header .head-shop .btn-group a,
.holiday-head #header .input-group .btn-default {
    background-color: #2a5e98;
    border-color: #2a5e98;
}
.holiday-head #header>div>div:first-child>.text-center {
    background-color: rgba(255,255,255,.3);
    border-color: #fff;
}
.holiday-head #header>div>div:first-child>.text-center .btn,
.holiday-head #header .head-shop .btn-group a {color: #fff !important}
.holiday-head #header .input-group .form-control {
    border-color: #2a5e98;
    color: #2a5e98 !important;
}
.holiday-head #header .cart-top>a,
.holiday-head #header .head-cont a,
.holiday-head #header .head-cont span.hidden-xs,
.holiday-head #header>div:not(.head-shop)>div:nth-child(3) a,
.holiday-head #header h2 {
    color: #2a5e98 !important;
    font-weight: bold;
    text-shadow: 0 0 7px #fff,
        0 0 14px #fff,
        0 0 21px #fff,
        0 0 35px #fff,
        0 0 49px #fff,
        0 0 61px #fff;
}
.holiday-head .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    box-shadow: 0 0 8px 3px #2a5e98;
}
.holiday-head .cart-top>a:before {content: 'local_mall'}
.triangle {
    width: 1px;
    height: 1px;
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-width: 120px 0 30px 0;
    top: 50%;
    margin-top: -75px;
    transition: border-width 0.4s ease-out;
}
.triangle.left {
    margin-left: 10px;
    border-left-width: 300px;
    border-left-color: #df6e3a;
    transform: skewX(-7deg);
}
.triangle.right {
    margin-right: 10px;
    right: 10px;
    border-right-width: 300px;
    border-right-color: #273784;
    transform: skewX(7deg);
}
.triangle.left.full {
    border-left-width: 1150px;
}
.triangle.right.full {
    border-right-width: 1150px;
}
.diesel-mobile {
    margin-top: 20px;
}
.partnership {
    margin: 60px auto 20px;
    background: url(../images/partners-fon.png) no-repeat;
    background-size: 90% auto;
    background-position: center top;
}
.partnership>.row:last-child {
    position: relative;
    padding-top: 100px;
}
.partnership .img-thumbnail {
    width: 200px;
    margin: 40px auto;
}
.contracts a:hover>img,
.partnership .img-thumbnail {
    -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}
.partnership .triangle {top: 240px; margin-left: 20px}
.decoration {font-family: 'DIN Pro';}
.medium{font-weight: 500;}
h2.decoration {
    font-size: 30px;
    margin: 40px 0;
    color: #636363;
}
.contracts img {
    border: 1px solid #a2a0a0;
    transition: 0.3s all;
    width: 200px;
    margin: 22px auto;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}
.wrapper .triangle {z-index: -1}
.wrapper {position: relative; margin-bottom: 20px}
.wrapper-visual {position: relative; height: 110px; overflow: hidden}
.wrapper-visual>.container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
}
.col-sm-push-6 .wrapper-visual>.container {left: auto}
.warning {
    background-color: #ec1a39;
    color: #fff;
    padding: 20px 25px;
    margin: 40px 0;
}
.statement {
    display: inline-block;
    background-color: #273784;
    padding: 20px 25px;
    margin-top: 60px;
}
.statement h2 {color: #fff; margin: 0}
.warning .material-icons {font-size: 70px}
.flex-wapper {
    display: flex;
    flex-wrap: wrap;
}
.flex-wapper>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.grey>.decoration {column-width: 300px; padding: 20px; margin: 0}
.map-discolored {
    margin-top: 30px;
    height: 400px;
    background: url(../images/map-discolored.jpg) no-repeat;
    background-size: cover;
    background-position: 70% 50%;
}
.diztoplivo-banner {
    margin: 20px 0;
    background: url(../images/diztoplovo_banner.jpg) no-repeat;
    background-position: 30% 50%;
    background-size: cover;
    height: 600px;
}
.diz-info {
    display: flex;
    align-items: center;
    background-color: #fbfbfb;
    border-radius: 15px;
    padding: 15px;
    margin: 10px 0;
}
.diz-info>div {
    margin: 15px;
}
.diz-info .round {
    flex-shrink: 0;
    width: 170px;
    max-width: 20%;
    background-color: #fff;
    border-radius: 50%;
    padding: 20px;
}
.justify-end {
    justify-content: flex-end;
}
.diz-price .panel {
    border: 0;
    box-shadow: none;
    font-size: 14px;
    text-align: center;
}
.diz-price .panel-heading {
    padding: 0;
    border: 0;
    color: #fff;
    text-align: center;
}
.diz-price-nav>li a,
.diz-price .panel-heading a {
    display: block;
    padding: 10px 15px;
    background-color: #928b88 !important;
    margin-bottom: 5px;
}
.diz-price .panel-heading a {
    font-size: 1.2em;
    font-weight: 600;
    padding: 15px 10px;
    margin: 15px 0;
}
.diz-price-nav>li>a:hover{}
.diz-price-nav>li>a[aria-expanded="true"],
.diz-price .panel-heading a[aria-expanded="true"] {
    background-color: #e06e39 !important;
}
.diz-price-nav>li>a:hover,
.diz-price-nav>li>a[aria-expanded="true"] {
    text-decoration: underline !important;
}
.diz-price-nav {
    display: flex;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    margin-top: 20px;
}
.diz-price-nav>li {
    width: 320px;
    max-width: 50%;
    text-align: center;
}
.diz-price-nav>li>a {
    border-radius: 15px 15px 0 0;
}
.diz-price .nav-pills {
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
}
.diz-price .nav-pills>li {
    background-color: #f4f4f4;
    border-radius: 15px 15px 0 0;
}
.diz-price .nav-pills>li>a {
    background-color: transparent !important;
}
.diz-price .nav-pills>li:hover {
    background-color: #dedede;
}
.diz-price .nav-pills>li.active {
    color: #fff !important;
    background-color: #5f5f5f;
}
.diz-price .price-thead>div {
    width: 33.33%;
    padding: 3px 7px;
    font-size: .9em;
    border-radius: 10px;
}
.diz-price .price-thead>div+div {
    margin-left: 2px;
}
.diz-price .price-tfooter {
    padding: 10px;
    border-radius: 15px 15px 0 0;
}
.diz-price .price-thead,
.diz-price .price-tbody>div {
    display: flex;
    margin-bottom: 5px;
}
.diz-price .price-thead>div,
.diz-price .price-tbody>div>div {
    display: flex;
    align-items: center;
    justify-content: center;
}
.diz-price .price-tbody>div>div {
    background-color: #f4f4f4;
    padding: 6px 10px;
}
.diz-price .price-tbody>div>div:first-child {
    border-radius: 10px 0 0 10px;
}
.diz-price .price-tbody>div>div:last-child {
    border-radius: 0 10px 10px 0;
}
.diz-price .price-tbody>div:nth-child(even)>div {
    color: #fff;
    background-color: #928b88;
}
.good-cards {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.good-cards>div {
    margin: 10px 0;
}
.good-cards .good-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #b0b2b1;
    padding: 0 8px;
    font-size: 14px;
}
.good-card .good-img {
    display: flex;
    height: 120px;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
}
.good-card .good-img a {
    display: block;
    height: 100%;
}
.good-card .good-img img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.good-card .good-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    margin-top: auto;
}
.good-card .good-price span {
    margin-right: 5px;
}
.good-card .good-price i {
    margin: 0;
}
#wellcome .modal-dialog {
    color: #585757;
    font-family: 'DIN Pro';
}
#wellcome .modal-content {
    border-radius: 20px;
    border: 2px solid #585757;
}
#wellcome .modal-body>div {
    max-width: 450px;
    margin: 0 auto;
}
#wellcome .lead {
    font-size: 24px;
    margin: 30px 0;
}
#wellcome .close {
    position: absolute;
    opacity: 1;
    top: 10px;
    right: 10px;
}
#wellcome .close:before {
    content: 'cancel';
    font-size: 24px;
    color: #585757;
}
@media (max-width: 991px) {
    .fuel-drain{
        display:none;
    }
    #header .navbar-collapse {background-color: #e06e39;border-color: #e06e39;}
    #header #top-menu>.nav>li>a {color: #fff;}
    #header nav {
        position: absolute;
        top: 12px;
        z-index: 100;
        background: transparent;
        margin: 0;
    }
    .dizel>div:not(.mosoil) img:not(.center-block) {margin: 20px auto}
    a.download {text-align: center; display: block}
    a.download>img {display: block; margin: 10px auto}
    .convenient-service>div>div>div>div>div>div>p,
    .quality>div>div>div p {font-size: 14px;}
    .quality>div>div>div p.h3 {font-size: 16px;}
    .slider-shop {display: none}
    .catalog-filter {
        display: none;
        overflow: auto;
        overflow-y: scroll;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 100;
        background-color: rgba(0,0,0,.5);
    }
    .catalog-filter #filter {
        position: relative;
        width: 320px;
        padding: 35px 20px;
        top: 15%;
        left: -350px;
    }
    .sidebar_toggle.visible-sm-inline-block,
    #filter, #top-menu {
        box-shadow: 0 6px 12px rgba(0,0,0,0.175);
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    }
    .fuel-drain p {font-size: 18px}
    .convenient-service>div>div>div>div>div>div>img {width: 45px; margin-right: 15px}
    .buh>div>div>span {
        width: 36px;
        height: 36px;
        font-size: 16px;
        line-height: 33px;
        margin: 2px 10px 0 0;
    }
    .holiday-head {padding: 20px 0}
    .holiday-head.shop {padding-bottom: 0}
    .holiday-head #header {margin-top: 0}
    .partnership .img-thumbnail {width: 160px; margin: 20px auto;}
    .partnership .triangle {top: 200px}
    h2.decoration.h2 {font-size: 22px}
    .diztoplivo-banner {height: 500px;}
}
@media (max-width: 767px) {
    .btn-bill,#header table {margin: 0 auto}
    #account h3, .nav-inside,
    .contract .layer p, .top-cards>div>div:last-child,
    #header>div>.col-sm-8,.head-cont, .result {text-align: center}
    #account .support>tbody>tr>td,
    .basket table>tbody>tr>td:nth-child(2),
    #header .dropdown-menu>li>a {white-space: normal}
    #header>div:first-child,
    .title h2{margin-top: 36px}
    .review-block>div,
    #header nav {width: 100%}
    .contact {margin-top: 15px}
    .secure>div>div>div>div>p,
    .convenient-service>div>div>div>div>div>div,
    .news-footer {margin-bottom: 0}
    .gsm>img:not(.back),
    .dizel img {max-height: 150px}
    .table-responsive table.numbering tr:before,
    .basket .table td>.input-group>input,
    .convenient-service>div>div>div>div>div>div>p,
    .avtopark .table-condensed tr>td {font-size: 12px}
    .contract,
    .review-block>div:nth-child(2) {margin: 15px 0}
    .review-block span {
        position: absolute;
        top: 30px;
        left: 120px;
    }
    .h1.flex {font-size: 20px; font-weight: 600}
    .layer .h4 {font-size: 16px; font-weight: 600}
    .quality img {display: block; margin: 0 auto}
    #account h3,
    .secure>div>div>div>div, .secure>p:not(.h1),
    .relation .h1, .buh, .result {margin-top: 0}
    .shop-menu .dropdown.open ul.dropdown-menu {position: relative; max-width: 328px}
    .gost div.table-responsive:nth-of-type(2)>table>tbody>tr>td,
    .gost .table>thead>tr>th {white-space: normal}
    .catalog-menu ul>li>ul>li>a {font-size: 13px}
    .catalog-filter #filter {
        width: 300px;
        min-height: 100%;
        top: 0;
    }
    .top-cards .btn-danger {margin-top: 10px}
    .retail-chain {margin-top: 20px; padding: 10px 0 20px}
    .fuel-drain p {font-size: 85%; margin: 10px 0}
    .fuel-drain .board p {
        font-size: 16px;
        margin: 5px 10px;
    }
    .fuel-drain {padding-top: 15px; padding-bottom: 25px}
    .fuel-drain .board {margin: 0 10px}
    .fuel-drain>div>img {width: 30px; margin: 0 10px 0 0}
    .convenient-service {padding-top: 0}
    .convenient-service {padding-bottom: 40px}
    .buh, .secure {padding-bottom: 20px}
    .secure>div>div>div>div>p {display: inline-block; font-size: 14px; max-width: 170px;}
    .secure>div>div>div>div>div:first-child {width: 60px; height: 60px; margin: 10px auto}
    .buh>div>div {width: 285px; float: none; margin: 10px auto 0;}
    .top-cards img {margin: 10px auto 20px}
    .cards-text,.top-cards {margin-top: 20px; font-size: 14px}
    #myHistory .table-responsive,
    .basket .table-responsive {border-color: transparent}
    .triangle,.nav>li>a.tabs-control,
    #prof-tabs>.panel:nth-child(4),
    #product-tabs>ul>li:nth-child(2) {display: none}
    .nav-inside .text-right {
        text-align: center;
        color: #494848;
        background-color: #fff;
        margin-top: 10px;
    }
    #account .form-inline .form-control {display: inline-block; width: auto;}
    #myHistory .nav-pills>li>a {font-size: 14px; padding: 6px 10px;}
    .tabs-accordion .collapse-control,
    .order .form-horizontal .delivery>.row {display: block;}
    .cards-image {height: 300px;}
    .flexbox {flex-wrap: wrap;}
    .flexbox .form-horizontal .card-title {margin-bottom: 20px;}
    .holiday-head.shop .snow-layout {bottom:0}
    .partnership {background-size: 95% auto;}
    .partnership>.row:last-child {padding-top:50px}
    .map-discolored {height: 300px;}
    h2.decoration {margin: 20px 0}
    .diztoplivo-banner {height: 400px;}
}
@media (max-width: 580px) {
    .catalog-item {width: 100%;}
    .catalog-item>div>div:first-child {width: 30%}
    .catalog-item>div>div:last-child {width: 70%}
    .catalog-item img {max-height: 100px;}
    .catalog-item>div {min-height: auto;}
    #diesel-carousel {display: none}
    .diesel-mobile {display: block !important;}
    .partnership {margin-top: 30px}
    .diz-info {
        flex-wrap: wrap;
        justify-content: center;
        padding: 15px 0;
    }
    .diz-info .round {
        width: 120px;
        max-width: 50%;
        margin: 0;
    }
    .diz-info>div:not(.round) {
        order: 1;
        margin-bottom: 0;
    }
    .diz-info .lead {
        display: block;
        text-align: center;
    }
}
@media (min-width: 481px) and (max-width: 767px) {
    .glonass>p {max-width: 340px}
    .glonass>img {width: 75px}
    #add-to-cart .btn-default {padding: 2px 0}
    #account h2 {font-size: 20px}
    #account .form-horizontal .control-label {text-align: right; padding-top: 7px}
    .classific ul.nav-tabs>li>a {font-size: 80%; padding: 6px 8px;}
}
@media (max-width: 480px) {
    .fuel-drain>div:first-child,
    .underline {display: block; padding: 0}
    #account form .form-group>div,
    #account form .form-group>label,
    .secure>div>div>div>div:last-child, .send-order:not(.btn-bill),
    .flexbox .form-horizontal .col-xs-6,
    .form>form >.form-group:last-child>div>div {width: 100%}
    .form>form >.form-group:last-child a {margin-top: 20px}
    .secure>div>div>div>div:not(:last-child),
    #partners .gallery-cell {width: 50%}
    ul.set-azs {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .retail-chain p {font-size: 80%}
    .buh>div>div>p, .layer .h4,.icon a {font-size: 14px}
    .retail-chain p.h1, .convenient-service p.h1, .secure p.h1,
    .price .h3, .buh .h1, #account h2, #account h3 {font-size: 16px}
    .h1.flex {font-size: 18px}
    .quality .h1>span {display: inline-block}
    #product-tabs>ul>li:not(:nth-child(3)) {width: 29%;}
    #product-tabs>ul>li:nth-child(3) {width: 40%;}
    #product-tabs>ul>li>a {font-size: 90%; padding: 3px 0;}
    .product-price {margin-bottom: 20px}
    .retail-chain .hover-block>img {width: 50px}
    .convenient-service>div>div>div>div>div>div>img {
        display: block;
        float: none;
        margin: 0 auto 10px;
    }
    .convenient-service>div>div>div>div>div>div {text-align: center}
    .glonass>p {font-size: 13px; max-width: 70%}
    .glonass>img {width: 60px; margin-right: 10px}
    .glonass {margin-top: 20px; margin-bottom: 10px;}
    #add-to-cart .btn-default {display: inline-block; width: 180px; font-size: 14px; padding: 3px}
    #add-to-cart .btn-group {width: 180px; display: inline-block}
    .nav-inside ul.list-inline>li>i {display: inline}
    .cards-image-nav,
    .nav-inside ul.list-inline>li>span {display: none}
    .nav-inside>ul.list-inline>li:not(:last-child):after {content: ">"}
    .nav-inside>ul.list-inline {padding: 0 0 3px; font-size: 16px}
    .nav-inside>div>div>ul.list-inline {display: table; width: 100%}
    .nav-inside>div>div>ul.list-inline>li {
        display: table-cell;
        width: 25%;
        font-size: 70%;
        padding: 0 0 3px;
    }
    .nav-inside>div>div>ul.list-inline>li>a>i {
        display: block;
        margin: 0 0 3px;
        top: 0;
    }
    #account .col-xs-offset-4 {margin-left: 0}
    #myHistory .nav-pills>li,
    .classific ul.nav-tabs>li {float: none; margin: 0}
    .classific ul.nav-tabs>li.active>a,
    .classific ul.nav-tabs>li>a:hover {border-color: transparent}
    .product-price .add,
    .product-price .one-click {
        display: inline-block;
        float: none;
    }
    .cards-image {
        width: 100%;
        height: 260px;
    }
    .cards-image .flickity-prev-next-button {
        display: block;
    }
    .flexbox .form-horizontal input[type=submit] {width: 220px; margin: 0 auto;}
    .flexbox .form-horizontal .help-block {max-width: 100%;}
    .card-balance {
        margin-left: -25px;
        margin-right: -25px;
    }
    #filter .sidebar_toggle {
        left: auto;
        right: 3px;
        top: 5px;
    }
    #filter .sidebar_toggle>i {
        color: #ccc;
        text-shadow: none;
        font-size: 24px;
    }
    .diztoplivo-banner {height: 320px;}
    .diz-price .nav-pills>li {width: 33.33%;}
    .diz-price .nav-pills>li>a {padding: 6px;}
    .diz-price .panel {font-size: 12px;}
    .good-cards>div {width: 100%}
}
@media (min-width: 768px) {
    .mosoil .col-md-push-9 img {margin-top: -40px}
    .mosoil p {font-size: 18px; margin-top: 40px}
    .mosoil>div:last-child p {margin-top: 30px}
    .avtopark p.h4 {margin-top: -20px}
    .product-price>.small,
    .klient {margin-top: 10px}
    .review-block>div:nth-child(2){padding-left: 110px}
    .review-block>div:first-child {
        width: 100px;
        float: left;
        margin-right: 10px;
    }
    .quality>div>div>div:last-child {padding-left: 20px}
    .icon {margin-top: 20px; margin-bottom: 20px}
    .gost div.table-responsive:nth-of-type(2)>table>tbody>tr>td:not(:nth-child(2)) {width: 22%}
    .gost div.table-responsive:nth-of-type(3)>table>tbody>tr>td {width: 25%}
    header #catalog-menu ul>li>a{
        font-size: 14px;
        width: 100%;
        white-space: normal;
        background-color: #fff;
        color: #626161;
        padding: 6px 20px;
        border: 1px solid #b0b2b1;
        line-height: 1.4;
    }
    header #catalog-menu ul>li:hover>a {
        background-color: #fff;
        color: #e06e39;
    }
    header #catalog-menu ul>li>ul {
        position: absolute;
        padding: 0;
        left: 100%;
        margin-left: -1px;
        top: 0;
        border: none;
        box-shadow: none;
        background-color: #fff;
    }
    .cards-text .h1 {margin: 60px 0 40px}
    .modal-footer input[type="submit"] {width: auto; padding: 1px 20px}
    #add-to-cart .modal-body {padding: 40px 10px}
    #cart-warning .modal-body {padding: 40px 10px}
    .nav-inside .text-right {right: 10px}
    #account table>thead>tr>th {font-size: 16px}
    #prof-tabs .panel {
        width: 20%;
        float: left;
        position: relative;
    }
    #prof-tabs .block {
        position: relative;
        min-height: 450px;
        width: 500%;
    }
    #prof-tabs>.panel>.prof-cell>a {border: 1px solid #fff}
    #prof-tabs>.panel:not(:last-child)>.prof-cell>a,
    #prof-tabs>.panel:not(:last-child)>.prof-cell
    {border-top-right-radius: 40px}
    #prof-tabs>.panel:not(:first-child)>.prof-cell>a {padding-left: 10px}
    #prof-tabs>.panel>.prof-cell{width: 120%}
    #prof-tabs>.panel:first-child {z-index: 10}
    #prof-tabs>.panel:nth-child(2) {z-index: 9}
    #prof-tabs>.panel:nth-child(3) {z-index: 8}
    #prof-tabs>.panel:nth-child(4) {z-index: 7}
    #prof-tabs>.panel:nth-child(5) {z-index: 6}
    #prof-tabs>.panel:nth-child(2)>.block {margin-left: -100%}
    #prof-tabs>.panel:nth-child(3)>.block {margin-left: -250%}
    #prof-tabs>.panel:nth-child(4)>.block {margin-left: -280%}
    #prof-tabs>.panel:nth-child(5)>.block {margin-left: -380%}
    #prof-tabs .panel:nth-child(3) {width: 16%}
    #prof-tabs .panel:nth-child(3)>.block {width: 625%}
    #prof-tabs .collapsing {
        height: auto;
        opacity: 0;
        -webkit-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
    }
    #footer .small {margin: 24px 0 0;}
    #footer .container>.row:last-child {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    #footer .contacts>p>i {
        position: absolute;
        top: 0;
        left: -15px;
        font-size: 22px;
    }
    #footer .contacts>p {
        position: relative;
        padding-left: 15px;
    }
    .contracts {
        margin-left: 12.5%;
        width: 75%;
    }
    #wellcome .modal-dialog {width: 550px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    #header>.row:first-child form {
        position: absolute;
        width: 275px;
        right: 10px;
        top: 115px;
    }
    .breadcrumb {margin-top: 20px}
    .dizel img:not(.center-block) {max-height: 150px}
    #partners .gallery-cell {width: 25%}
    ul.partners {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    ul.set-azs {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
    .h1.flex {font-size: 22px}
    .contract a>img {width: 100%;margin: -13px auto;}
    .contract>.layer {margin-top: 40px;margin-bottom: 40px;}
    .quality .h3  {margin-top: 7px}
    .layer .h4 {font-size: 16px}
    #header .col-sm-6>a>table {margin-top: 52px}
    #header .head-cont {padding-left: 48px}
    #header .head-cont>span:last-child {display: block}
    #header .head-cont>a:nth-of-type(2) {margin-left: 41px}
    #header .head-cont>i:first-child {top: 14px}
    header #catalog-menu {
        background-color: transparent;
        border-color: transparent;
        position: absolute;
        z-index: 50;
        padding: 0;
        overflow-y: visible;
        width: 100%;
    }
    header #catalog-menu ul {
        margin: 0;
        width: 100%;
    }
    .product-gallery-cell img {max-height: 280px}
    .product-gallery {height: 300px}
    .product-gallery .flickity-viewport {border: 0}
    .buh>div>div>p {width: 180px}
    .top-cards img {margin-top: -80px}
    #prof-tabs .prof-cell>a {font-size: 14px}
    .holiday-head:not(.shop) .snow-layout {bottom:-60px}
    .holiday-head #header {margin-bottom: -20px}
    .triangle {
        border-width: 90px 0 20px 0;
        margin-top: -55px;
    }
    .triangle.left {border-left-width: 200px;}
    .triangle.right {border-right-width: 200px;}
    .triangle.left.full {border-left-width: 720px;}
    .triangle.right.full {border-right-width: 720px;}
    .map-discolored {height: 350px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .shop-menu div>a>p,
    #header>.row.head-shop #top-menu,
    #header>div>div:nth-child(3) span {font-size: 14px}
    ul.list-disk.partners {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .contract a>img {width: 95%;margin: -46px auto;}
    .contract a:hover>img {width: 100%;margin: -56px auto;}
    .contract>.layer {margin-top: 70px;margin-bottom: 60px;}
    .tape-products {height: 174px}
    .tape-products-cell>a:first-child {height: 140px}
    .tape-products-cell>a>img {max-height: 138px}
    .tape-products-cell>a:last-child {font-size: 75%}
    .image-brand>div {width: 170px;}
    .triangle {
        border-width: 105px 0 25px 0;
        margin-top: -65px;
    }
    .triangle.left {border-left-width: 250px;}
    .triangle.right {border-right-width: 250px;}
    .triangle.left.full {border-left-width: 946px;}
    .triangle.right.full {border-right-width: 946px;}
}
@media (min-width: 992px) {
    .info-block {border: 1px solid #b0b2b1; min-height: 350px; margin: 0}
    .news {height: 347px; overflow: hidden;}
    .news>div:last-child {
        position: absolute;
        bottom: 0;
        left: 0;
        padding-right: 10px;
    }
    .info-block.partners>a>div {height: 75px;}
    .info-block.partners>a>div:hover>img {width: 95%;}
    .info-block.partners>a>div:nth-child(1n+5){height: 55px}
    .info-block.partners>a>div:nth-child(1n+11){height: 88px}
    #partners .gallery-cell {width: 16.6%}
    ul.partners {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
    ul.set-azs {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
    .quality img {width: 100%}
    .relation .h1 {font-size: 30px}
    header #catalog-menu .navbar-nav>li:nth-child(4) ul.dropdown-menu,
    .shop-menu>div:nth-child(4) ul.dropdown-menu {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .shop-menu>div:nth-child(4) ul.dropdown-menu {width: 230%}
    .catalog-menu .navbar-header:hover ul.navbar-nav,
    .left-menu ul.nav li.dropdown:hover ul.dropdown-menu,
    .left-menu ul.dropdown-menu:hover,
    #header ul.nav li.dropdown:hover ul.dropdown-menu,
    #header ul.dropdown-menu:hover {display: block}
    #header #top-menu li>.dropdown-menu {border-top-width: 4px}
    .product-gallery .flickity-prev-next-button,
    .catalog-menu ul.navbar-nav,
    .left-menu .open>.dropdown-menu,
    #header .open>.dropdown-menu {display: none}
    .left-menu ul.nav li.dropdown:hover>a {color: #e06e39}
    .catalog-menu ul.nav {
        left: 0;
        border: 0;
        position: absolute;
        z-index: 100;
        background-color: #fff;
    }
    .catalog-menu ul.nav>li {float: none}
    .catalog-menu .navbar-collapse {padding: 0}
    header #catalog-menu .navbar-nav>li:nth-child(4) ul.dropdown-menu {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    header #catalog-menu ul>li>a{width: 315px}
    .product-gallery-cell img {max-height: 330px}
    .product-gallery {height: 352px; margin-top: -30px}
    .retail-chain .hover-block .popup.block {left: 100%}
    .retail-chain>div>div>div>div>div:last-child .popup.block {left: -100%}
    .convenient-service>div>div>div>div>div>div:not(:nth-child(n+5))>p {margin-top: 10px}
    .hover-block>.popup.block {left: -10%}
    .secure>div>div>div>div {cursor: pointer}
    .secure>div>div>div>div:hover>div {background-position: bottom;}
    .glonass>p, .result>span {font-size: 18px}
    .order-posted {margin-top: 60px; margin-bottom: 60px}
    .md-mb-0 {margin-top:0}
    /**Header Holiday**/
    /*.nav.navbar-nav>li>a {
        background-color: rgba(255,255,255,.6);
        color: #2a5e98;
    }*/
    ul.decoration,p.decoration {font-size: 18px;}
    h2.decoration:not(.h2) {font-size: 36px}
    .contracts {
        display: flex;
        align-items: center;
        height: 330px;
    }
    .contracts a:hover>img {
        width: 230px;
        margin: 0 auto;
    }
}
@media (min-width: 1200px) {
    .contract a>img {width: 90%;margin: -70px auto;}
    .contract a:hover>img {width: 100%;margin: -90px auto;}
    .contract>.layer {margin-top: 100px;margin-bottom: 90px;}
    #header .col-sm-6>a>table td {vertical-align: middle}
    #header .col-sm-6>a>table {max-width: 100%}
    .hover-block>.popup.block {left: 0%}
    .top-cards>div>div:first-child {padding-right: 20px}
    .ncards tr>td:last-child,
    .ncards tr>th:last-child {padding-right: 5%}
    .cards-image {height: 400px;}
    #footer nav>div {padding-left: 40px;}
    #footer .nether {margin-left: 30px;}
    .grey>.decoration {column-width: 400px;}
    .good-cards>div {width: 20%}
    .news:nth-child(3) {display: block}
}

.about>.table>tbody>tr>td {vertical-align: middle; text-align: left; font-size: inherit}
.about span {color: #e06e39; font-weight: bold;}
.about i {font-size: 60px; color: #e06e39; top: 0; margin: 0}
#map_canvas{height: 400px;width: 100%;margin-top: 30px;}
#map_canvas canvas{
     filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

    -webkit-filter: grayscale(100%);

}
.form-feedback-diesel {
    width: 45%; margin: 0px auto;
}



@media (max-width: 425px) {
    .form-feedback-diesel {
        width: 100%; margin: 0px auto;
    }

}

.mb-3 {
    margin-bottom: 2.25rem;
}

.underline-no-right {
    padding-right: 0;
}




.hb-successfully
{
    padding:75px 15px;
    text-align:center;
    -webkit-border-radius:4px;
    border-radius:4px;
    background:#e9eff4;
    max-width:578px;
    margin-right: auto;
    margin-left: auto;
}

.hb-successfully-title
{
    padding:40px 0;
    font-size:32px;
    line-height:1.15;
    font-weight:900;
    color:#000
}

.hb-successfully p
{
    font-size:20px;
    line-height:1.15;
    font-weight:500;
    color:#000
}

@media  screen and (max-width: 425px),  screen and (max-height: 574px){
    .no-scroll {
        overflow-y: hidden;
    }
}