body{font-family: "Roboto", sans-serif;}
.stiker-special{background-color:#dc3545;color:#ffffff}
.stiker-upc{background-color:#e84926;color:#ffffff}
.stiker-ean{background-color:#28a745;color:#ffffff}
.stiker-jan{background-color:#ffc107;color:#343a40}
.stiker-isbn{background-color:#17a2b8;color:#ffffff}
.stiker-mpn{background-color:#343a40;color:#ffffff}
h1, .h1 {font-size:1.5rem}
h2, .h2 {font-size:1.4rem}
h3, .h3 {font-size:1.3rem}
h4, .h4 {font-size:1.2rem}
h5, .h5 {font-size:1.1rem}
h6, .h6 {font-size:1rem}

.scale {transition: 1s;}
.scale:hover {transform: scale(3.5)}

/* Атрибуты */
.attributes_list {display: flex; flex-flow: column; margin-bottom: 10px;}
.attributes_list p {display: flex; margin-bottom: 0; color: #000; justify-content: space-between;}
.attributes_list p span:first-child {font-size: 12px; color: #4a4a4a;}
.attributes_list p span:last-child {color: #4a4a4a; font-family: 'roboto_condensedregular', sans-serif; font-size: 13px;}

.price {text-align: right;}

small,.small {font-size:100%; font-weight:400;}

/* Иконки в меню категорий */
.svg-menu-icon, .svg-submenu-icon { fill: var(--gray-500); display: block; margin: -2px 0 }
.item-level-1.hover .svg-menu-icon, .item-level-2:hover .svg-submenu-icon { fill: var(--danger) }

/* Кнопки социальных сетей */
.social-likes [class*=vkontakte] [class*=ft-icon] { color: #5181b8 !important }
.social-likes [class*=facebook] [class*=ft-icon] { color: #1877f2 !important }
.social-likes [class*=twitter] [class*=ft-icon] { color: #1da1f2 !important; }

/* Дополнительный баннер на главной странице */
.ft-additional-position-3 .bg-light { height: 324px }

/* Слайд-шоу на главной странице */
[class*=main-slide-] p { max-width: 220px }
[class*=main-slide-] .image { max-height: 270px }
@media (min-width: 576px) {
  [class*=main-slide-] .col-12 { height: 270px }
  .main-slide-1 .image { transform: translate3d(0,30px,0) rotate(20deg) }
}
@media (min-width: 768px) {
  [class*=main-slide-] .col-12 { height: 324px }
  [class*=main-slide-] .image { max-height: none }
  .main-slide-1 .image { transform: translate3d(40px,30px,0) rotate(20deg) }
  .main-slide-2 .image { transform: translate3d(-40px,0,0) }
}


.panel {
  margin-bottom:20px;
  background-color:#fff;
  border:1px solid transparent;
  border-radius:4px;
  -webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);
  box-shadow:0 1px 1px rgba(0,0,0,.05)
}
.panel-body {
  padding:15px
}
.panel-heading {
  padding:10px 15px;
  border-bottom:1px solid transparent;
  border-top-left-radius:3px;
  border-top-right-radius:3px
}
.panel-heading>.dropdown .dropdown-toggle {
  color:inherit
}
.panel-title {
  margin-top:0;
  margin-bottom:0;
  font-size:16px;
  color:inherit
}
.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
  color:inherit
}
.panel-footer {
  padding:10px 15px;
  background-color:#f5f5f5;
  border-top:1px solid #ddd;
  border-bottom-right-radius:3px;
  border-bottom-left-radius:3px
}
.panel>.list-group,
.panel>.panel-collapse>.list-group {
  margin-bottom:0
}
.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
  border-width:1px 0;
  border-radius:0
}
.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
  border-top:0;
  border-top-left-radius:3px;
  border-top-right-radius:3px
}
.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
  border-bottom:0;
  border-bottom-right-radius:3px;
  border-bottom-left-radius:3px
}
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
  border-top-left-radius:0;
  border-top-right-radius:0
}
.panel-heading+.list-group .list-group-item:first-child {
  border-top-width:0
}
.list-group+.panel-footer {
  border-top-width:0
}
.panel>.panel-collapse>.table,
.panel>.table,
.panel>.table-responsive>.table {
  margin-bottom:0
}
.panel>.panel-collapse>.table caption,
.panel>.table caption,
.panel>.table-responsive>.table caption {
  padding-right:15px;
  padding-left:15px
}
.panel>.table-responsive:first-child>.table:first-child,
.panel>.table:first-child {
  border-top-left-radius:3px;
  border-top-right-radius:3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child {
  border-top-left-radius:3px;
  border-top-right-radius:3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
  border-top-left-radius:3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
  border-top-right-radius:3px
}
.panel>.table-responsive:last-child>.table:last-child,
.panel>.table:last-child {
  border-bottom-right-radius:3px;
  border-bottom-left-radius:3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child {
  border-bottom-right-radius:3px;
  border-bottom-left-radius:3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
  border-bottom-left-radius:3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
  border-bottom-right-radius:3px
}
.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
  border-top:1px solid #ddd
}
.panel>.table>tbody:first-child>tr:first-child td,
.panel>.table>tbody:first-child>tr:first-child th {
  border-top:0
}
.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
  border:0
}
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
  border-left:0
}
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
  border-right:0
}
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
  border-bottom:0
}
.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
  border-bottom:0
}
.panel>.table-responsive {
  margin-bottom:0;
  border:0
}
.panel-group {
  margin-bottom:20px
}
.panel-group .panel {
  margin-bottom:0;
  border-radius:4px
}
.panel-group .panel+.panel {
  margin-top:5px
}
.panel-group .panel-heading {
  border-bottom:0
}
.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top:1px solid #ddd
}
.panel-group .panel-footer {
  border-top:0
}
.panel-group .panel-footer+.panel-collapse .panel-body {
  border-bottom:1px solid #ddd
}
.panel-default {
  border-color:#ddd
}
.panel-default>.panel-heading {
  color:#333;
  background-color:#f5f5f5;
  border-color:#ddd
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color:#ddd
}
.panel-default>.panel-heading .badge {
  color:#f5f5f5;
  background-color:#333
}
.panel-default>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color:#ddd
}
.panel-primary {
  border-color:#337ab7
}
.panel-primary>.panel-heading {
  color:#fff;
  background-color:#337ab7;
  border-color:#337ab7
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
  border-top-color:#337ab7
}
.panel-primary>.panel-heading .badge {
  color:#337ab7;
  background-color:#fff
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color:#337ab7
}
.panel-success {
  border-color:#d6e9c6
}
.panel-success>.panel-heading {
  color:#3c763d;
  background-color:#dff0d8;
  border-color:#d6e9c6
}
.panel-success>.panel-heading+.panel-collapse>.panel-body {
  border-top-color:#d6e9c6
}
.panel-success>.panel-heading .badge {
  color:#dff0d8;
  background-color:#3c763d
}
.panel-success>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color:#d6e9c6
}
.panel-info {
  border-color:#bce8f1
}
.panel-info>.panel-heading {
  color:#31708f;
  background-color:#d9edf7;
  border-color:#bce8f1
}
.panel-info>.panel-heading+.panel-collapse>.panel-body {
  border-top-color:#bce8f1
}
.panel-info>.panel-heading .badge {
  color:#d9edf7;
  background-color:#31708f
}
.panel-info>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color:#bce8f1
}
.panel-warning {
  border-color:#faebcc
}
.panel-warning>.panel-heading {
  color:#8a6d3b;
  background-color:#fcf8e3;
  border-color:#faebcc
}
.panel-warning>.panel-heading+.panel-collapse>.panel-body {
  border-top-color:#faebcc
}
.panel-warning>.panel-heading .badge {
  color:#fcf8e3;
  background-color:#8a6d3b
}
.panel-warning>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color:#faebcc
}
.panel-danger {
  border-color:#ebccd1
}
.panel-danger>.panel-heading {
  color:#a94442;
  background-color:#f2dede;
  border-color:#ebccd1
}
.panel-danger>.panel-heading+.panel-collapse>.panel-body {
  border-top-color:#ebccd1
}
.panel-danger>.panel-heading .badge {
  color:#f2dede;
  background-color:#a94442
}
.panel-danger>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color:#ebccd1
}

.pulse::after,
.pulse::before {
  content: '';
  position: absolute;
  border: 2px solid #c92123;
  left: -20px;
  opacity: 0;
  right: -20px;
  top: -20px;
  bottom: -20px;
  border-radius: 50%;
  animation: pulse 2.5s linear infinite;
}
.pulse::after {
  animation-delay: 1.25s;
}
@keyframes pulse {
  0% {transform: scale(0.5);opacity: 0;}
  50% {opacity: 1;}
  100% {transform: scale(1.2);opacity: 0;}
}