/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=1e6a368c7010cbef49d9)
 * Config saved to config.json and https://gist.github.com/1e6a368c7010cbef49d9
 */
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('./fonts/glyphicons-halflings-regular.eot');
  src: url('./fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('./fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('./fonts/glyphicons-halflings-regular.woff') format('woff'), url('./fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('./fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #111111;
  background-color: #f9f9f9;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #0a79d5;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #074f8c;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #efefef;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #0a79d5;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #085da4;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #0a79d5;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #085da4;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #ffffff;
  background-color: #333333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #f9f9f9;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.333333px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}
.btn-primary {
  color: #000;
  background-color: #ffbd00;

}
.btn-primary:focus,
.btn-primary.focus {
  color: #000;
  background-color: #ffbd00;
}
.btn-primary:hover {
  color: #000;
  background-color: #ffbd00;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #000;
  background-color: #ffbd00;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #000;
  background-color: #ffbd00;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #ffbd00;
}
.btn-primary .badge {
  color: #febd00;
  background-color: #333333;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #ffffff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #31b0d5;
}
.btn-info:hover {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #31b0d5;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #ffffff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-link {
  color: #0a79d5;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #074f8c;
  text-decoration: none;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
     transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
     transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
     transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #0a79d5;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
/*.nav > li > a:hover,*/
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #0a79d5;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #efefef;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #efefef;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #0a79d5;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #efefef;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777777;
}
.navbar-default .navbar-nav > li > a {
  color: #777777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555555;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777777;
}
.navbar-default .navbar-link:hover {
  color: #333333;
}
.navbar-default .btn-link {
  color: #777777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #cccccc;
}
.navbar-inverse {
  background-color: #222222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #ffffff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #ffffff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/";
  padding: 0 7px;
  color: #cccccc;
}
.breadcrumb > .active {
  color: #777777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #0a79d5;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 3;
  color: #074f8c;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #0a79d5;
  border-color: #0a79d5;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #ffffff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #0a79d5;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #085da4;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #0a79d5;
  background-color: #ffffff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #efefef;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #0a79d5;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #0a79d5;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
  color: #555555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #555555;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #0a79d5;
  border-color: #0a79d5;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #b0d9fb;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  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-right-radius: 3px;
  border-top-left-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-right-radius: 0;
  border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead: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-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .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 td:first-child,
.panel > .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 td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th: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 th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .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 td:last-child,
.panel > .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 td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th: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 th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel > .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 td:first-child,
.panel > .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 td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .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 td:last-child,
.panel > .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 td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .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 #dddddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 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 > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd;
}
.panel-primary {
  border-color: #0a79d5;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #0a79d5;
  border-color: #0a79d5;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #0a79d5;
}
.panel-primary > .panel-heading .badge {
  color: #0a79d5;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #0a79d5;
}
.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;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=1e6a368c7010cbef49d9)
 * Config saved to config.json and https://gist.github.com/1e6a368c7010cbef49d9
 */
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-default.disabled,
.btn-primary.disabled,
.btn-success.disabled,
.btn-info.disabled,
.btn-warning.disabled,
.btn-danger.disabled,
.btn-default[disabled],
.btn-primary[disabled],
.btn-success[disabled],
.btn-info[disabled],
.btn-warning[disabled],
.btn-danger[disabled],
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-danger {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default .badge,
.btn-primary .badge,
.btn-success .badge,
.btn-info .badge,
.btn-warning .badge,
.btn-danger .badge {
  text-shadow: none;
}
.btn:active,
.btn.active {
  background-image: none;
}
.btn-default {
  /*background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
  background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  text-shadow: 0 1px 0 #fff;
  border-color: #ccc;*/

  background:#CCC;
  color:#000;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
  /*background-color: #e0e0e0;
  background-position: 0 -15px;*/

  background:#CCC;
  color:#000;
  border-color: #ccc;
}
.btn-default:active,
.btn-default.active {
  /*background-color: #e0e0e0;
  border-color: #dbdbdb;*/

  background:#CCC;
  color:#000;
  border-color: #ccc;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #e0e0e0;
  background-image: none;
}
.btn-primary {

  background-repeat: repeat-x;


}
.btn-primary.gray{background:#CCC}

.btn-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
  background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #3e8f3e;
}
.btn-success:hover,
.btn-success:focus {
  background-color: #419641;
  background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
  background-color: #419641;
  border-color: #3e8f3e;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #419641;
  background-image: none;
}
.btn-info {
  /*background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
  background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;*/

  background:#28a4c9;
  color:#fff;
  border-color: #28a4c9;
}
.btn-info:hover,
.btn-info:focus {
  background-color: #2aabd2;
  background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
  background-color: #2aabd2;
  border-color: #28a4c9;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #2aabd2;
  background-image: none;
}
.btn-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #e38d13;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #eb9316;
  background-position: 0 -15px;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #eb9316;
  border-color: #e38d13;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #eb9316;
  background-image: none;
}
.btn-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
  background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #b92c28;
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #c12e2a;
  background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #c12e2a;
  border-color: #b92c28;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #c12e2a;
  background-image: none;
}
.thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-color: #e8e8e8;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-image: -webkit-linear-gradient(top, #0a79d5 0%, #096bbd 100%);
  background-image: -o-linear-gradient(top, #0a79d5 0%, #096bbd 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0a79d5), to(#096bbd));
  background-image: linear-gradient(to bottom, #0a79d5 0%, #096bbd 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0a79d5', endColorstr='#ff096bbd', GradientType=0);
  background-color: #096bbd;
}
.navbar-default {
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8));
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
  background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
  background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
}
.navbar-brand,
.navbar-nav > li > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
.navbar-inverse {
  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background-image: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222222));
  background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-radius: 4px;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
  background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
  background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}
@media (max-width: 767px) {
  .navbar .navbar-nav .open .dropdown-menu > .active > a,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-image: -webkit-linear-gradient(top, #0a79d5 0%, #096bbd 100%);
    background-image: -o-linear-gradient(top, #0a79d5 0%, #096bbd 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0a79d5), to(#096bbd));
    background-image: linear-gradient(to bottom, #0a79d5 0%, #096bbd 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0a79d5', endColorstr='#ff096bbd', GradientType=0);
  }
}
/*.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}*/
/*.alert-success {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
  border-color: #b2dba1;
}
.alert-info {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
  background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
  border-color: #9acfea;
}
.alert-warning {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
  border-color: #f5e79e;
}
.alert-danger {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
  border-color: #dca7a7;
}*/
.progress {
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
  background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
}
.progress-bar {
  background-image: -webkit-linear-gradient(top, #0a79d5 0%, #085da4 100%);
  background-image: -o-linear-gradient(top, #0a79d5 0%, #085da4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0a79d5), to(#085da4));
  background-image: linear-gradient(to bottom, #0a79d5 0%, #085da4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0a79d5', endColorstr='#ff085da4', GradientType=0);
}
.progress-bar-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
}
.progress-bar-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
}
.progress-bar-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
}
.progress-bar-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
}
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.list-group {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #085da4;
  background-image: -webkit-linear-gradient(top, #0a79d5 0%, #0864b0 100%);
  background-image: -o-linear-gradient(top, #0a79d5 0%, #0864b0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0a79d5), to(#0864b0));
  background-image: linear-gradient(to bottom, #0a79d5 0%, #0864b0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0a79d5', endColorstr='#ff0864b0', GradientType=0);
  border-color: #0864b0;
}
.list-group-item.active .badge,
.list-group-item.active:hover .badge,
.list-group-item.active:focus .badge {
  text-shadow: none;
}
.panel {
  /*-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);*/
}
.panel-default > .panel-heading {
  /*background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);*/
}
.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, #0a79d5 0%, #096bbd 100%);
  background-image: -o-linear-gradient(top, #0a79d5 0%, #096bbd 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0a79d5), to(#096bbd));
  background-image: linear-gradient(to bottom, #0a79d5 0%, #096bbd 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0a79d5', endColorstr='#ff096bbd', GradientType=0);
}
.panel-success > .panel-heading {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
  background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
}
.panel-info > .panel-heading {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
  background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
}
.panel-warning > .panel-heading {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
}
.panel-danger > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
  background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
}
.well {
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
  background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}

.bootstrap-touchspin .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px 10px;
  margin-left: -1px;
  position: relative;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  border-top-right-radius: 4px;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  margin-top: -2px;
  border-radius: 0;
  border-bottom-right-radius: 4px;
}

.bootstrap-touchspin .input-group-btn-vertical i {
  position: absolute;
  top: 3px;
  left: 5px;
  font-size: 9px;
  font-weight: normal;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
/* @font-face 'slick' удалён: стрелки выключены (arrows:false), точки —
   CSS-кружки (content переопределён в flip.css), глифы шрифта нигде не
   рисуются. Убрано, чтобы slick.woff не висел в критическом пути загрузки. */
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    /*position: absolute;
    bottom: -35px;*/

    margin-top: -20px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
* {outline: none;}

#main-wrapper{max-width:1200px; margin:0 auto; position: relative; overflow-x: hidden; width: 100%;}
@font-face {
    font-family: GolosText;
    src:url("./fonts/GolosText-VariableFont_wght.woff2") format('woff2');
    /* Диапазон оси wght обязателен: без него Safari считает шрифт обычным (400)
       и рисует b/strong синтетическим жирным со сдвигом ниже базовой линии */
    font-weight: 400 900;
    font-display: swap;
}
@font-face {
    font-family: "GolosText Fallback Arial";
    src: local("Arial");
    size-adjust: 108.82%;
    ascent-override: 90.06%;
    descent-override: 20.22%;
    line-gap-override: 0%;
}
@font-face {
    font-family: "GolosText Fallback Roboto";
    src: local("Roboto");
    size-adjust: 107.75%;
    ascent-override: 90.96%;
    descent-override: 20.42%;
    line-gap-override: 0%;
}
@view-transition {
  navigation: auto;
}
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 150ms;
}
.notextselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
html{
    height: 100%;
}
body{
    min-height: 100%;
    font-family: GolosText, "GolosText Fallback Arial", "GolosText Fallback Roboto", sans-serif;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}
/* Disable Auto Zoom in Input tag - Safari on iPhone */
html.ios-true select,
html.ios-true textarea,
html.ios-true input[type="text"],
html.ios-true input[type="password"],
html.ios-true input[type="datetime"],
html.ios-true input[type="datetime-local"],
html.ios-true input[type="date"],
html.ios-true input[type="month"],
html.ios-true input[type="time"],
html.ios-true input[type="week"],
html.ios-true input[type="number"],
html.ios-true input[type="email"],
html.ios-true input[type="url"],
html.ios-true input[type="search"],
html.ios-true input[type="tel"],
html.ios-true input[type="color"] { font-size: 16px !important; }

#no-js-message:after {content: 'Ваш браузер не поддерживает JavaScript\00a0(или эта поддержка в нём сейчас выключена).\00a0Чтобы страницы Flip.kz отображались правильно, необходимо включить JavaScript в вашем браузере.';}
b, strong, label{
    font-weight: 600;
}
a:active{outline:none;}
header{
    padding-bottom: 0;
}
.search .header{
    padding-top: 0;
}
.search-hide{
    display: none;
}
body.search-active #content-layer,body.search-active .produceNotAvailable, body.search-active .important-notify, body.search-active #footer, body.search-active .main-page-title, body.search-active #layer-messages, body.search-active #main-catalog-filter-layer, body.search-active .open-search, body.search-active .location-apply, body.search-active .breadcrumb{
    display: none;
}
/* .nav.search ul.nav{
    display: none !important;
}
body.search-active .nav.search ul.nav{
    display: block !important;
} */
#close-search{
    display: none;
}
body.search-active #close-search{
    display: table-cell;
}
#search_input{
    height:40px;
    font-size:16px;
    border-radius:4px 0 0 4px;
}
.nav.search .input-group-btn .btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:40px;
    padding:0;
}
.nav.search .input-group-btn .btn svg{
    display:block;
}
body.search-active #search_input{
    border-radius:0;
    color: var(--black);
    background-color: var(--white);
}
.header{
    width:100%;
    background:var(--brand_blue);
    padding:10px;
    /* margin-bottom:8px; */
    display: flex;
    flex-direction: column;
    gap:8px;
}
#header-layer.header{
    /* env-надбавки не нулевые только при viewport-fit=cover (карточка товара) */
    padding: calc(4px + env(safe-area-inset-top, 0px)) 0 4px;
}
.icon-20 .glyphicon{
    color:var(--white);
    font-size:20px;
    position:relative;
    padding: 8px;
}
.icon-header{
    position:relative;
    display:inline-flex;
    align-items:center;
    vertical-align:middle;
    color:var(--white);
    padding: 9px 8px;
}
.icon-header.menu-trigger-1{
    padding: 9px 7px 9px 16px;
}
.icon-header.icon-cart{
    padding: 7px 20px 7px 8px;
}
.cart-count-inner{
    position:absolute;
    top:24px;
    left:25px;
    transform:translate(-50%, -50%);
    font-size:11px;
    font-weight:500;
    color:var(--brand_blue);
    line-height:1;
    white-space:nowrap;
    pointer-events:none;
}
.header a{
    display: block;
}
.header a.logo{
    align-self:stretch;
    display:flex;
    align-items:center;
    padding:0 7px;
}
.p-16-0{
    padding: 16px 0
}
.gap-16{
    gap:16px;
}
.gap-8{
    gap:8px;
}
.gap-4{
    gap:4px;
}
.d-flex{
    display: flex;
}
.flex-1{
    flex: 1;
}
.d-flex.flex-row{
    flex-direction: row;
}
.d-flex.align-center{
    align-items: center;
}
.table-cell{display:table-cell; vertical-align:middle; }
.table-row{display:table-row;}
.table-cell.w-0 {width: 1px}
.table{display: table; width: 100%;}
.table.w-auto{width: auto !important; max-width: 100%;}
.table .cell{display: table-cell;}
.table .cell.w-0{width: 1px;}
.c-pointer {cursor: pointer;}

.m-w-100 {max-width: 100px;}
.m-w-200 {max-width: 200px;}
.m-w-300 {max-width: 300px;}
.m-w-400 {max-width: 400px;}
.m-w-50	{max-width: 50px;}

.p-0 {padding: 0 !important;}
.p-5 {padding: 5px;}
.p-b-5 {padding-bottom: 5px;}
.p-t-5 {padding-top: 5px;}
.p-b-10 {padding-bottom: 10px;}
.p-10 {padding: 10px;}
.p-l-0 {padding-left: 0;}
.p-l-5 {padding-left: 5px;}
.p-l-10 {padding-left: 10px;}
.p-l-15 {padding-left: 15px;}
.p-l-20 {padding-left: 20px;}
.p-b-35-i {padding-bottom: 35px !important;}
.p-b-55 {padding-bottom: 55px;}
.p-r-10 {padding-left: 5px;}

.m-b-0 {margin-bottom: 0;}
.m-b-2 {margin-bottom: 2px;}
.m-b-5 {margin-bottom: 5px;}
.m-b-10 {margin-bottom: 10px;}
.m-b-15 {margin-bottom: 15px;}
.m-t-0 {margin-top: 0;}
.m-t-2 {margin-top: 2px;}
.m-t-5 {margin-top: 5px;}
.m-t-10 {margin-top: 10px;}
.m-l-1 {margin-left: 1px;}
.m-l-2 {margin-left: 2px;}
.m-l-3 {margin-left: 3px;}
.m-l-4 {margin-left: 4px;}
.m-l-5 {margin-left: 5px;}
.m-l-6 {margin-left: 6px;}
.m-l-7 {margin-left: 7px;}
.m-l-10 {margin-left: 10px;}
.m-r-0 {margin-right: 0;}
.m-r-2 {margin-right: 2px;}
.m-r-5 {margin-right: 5px;}
.m-r-10 {margin-right: 10px;}
.m-r-10 {margin-right: 15px;}

.b-t-0 {border-top: none !important;}
.b-b-0 {border-bottom: none !important;}

.left{text-align:left;}
.right{text-align:right;}


.header .glyphicon-shopping-cart span, .header .glyphicon-user span[data-notification-count], .header .glyphicon-user span[data-cart-count],
.header .icon-cart span[data-cart-count]:not(.cart-count-inner), .header .icon-user span[data-notification-count]{
    position:absolute;
    font-size:10px;
    font-weight: 600;
    background:#febd00;
    border-radius:8px;
    right:-4px;
    top:-4px;
    padding:0 4px;
    text-align:center;
    color: var(--black);
    display:flex;
    align-items: center;
    justify-content: center;
    min-width: 17px;
    height: 17px;
}


.header .logo img{
    display: block;
    height: 36px;
}

.ajax_link {
    border-bottom:1px dashed var(--brand_blue);
    text-decoration:none;
    cursor:pointer;
    color: var(--brand_blue);
}

.menu{overflow:hidden; display:block; height:60px; width:100%; margin-bottom:7px;}
.menu ul.scroll{width: calc(100% - 120px);}
.menu ul.scroll.filter{width: calc(100% - 130px);}

.menu ul{height:60px; background:var(--white); margin:0; padding:0; display:table;}
.menu ul a{color:#333}
.menu ul li{display:table-cell;  text-align:center; list-style:none; border-left:#EFEFEF solid 1px; height:60px; vertical-align:middle; width:auto;white-space: nowrap; padding-left:10px; padding-right:10px;}
.menu ul li span{display:block; font-size:20px; padding-bottom:5px;}
.menu ul.all_cat{width:120px; float:right; height:60px;}
.menu ul.all_cat.filter{width:130px;}

.menu ul.all_cat span{color:#febd00}

.single-item div {width:100%; background-position:center; height:250px; background-repeat:no-repeat;}


.no-scroll-on-menu{transition-delay: 0.00s;}
.z-index-on-menu{width: 100%; max-width: 1200px; }
body.noScroll .no-scroll-on-menu{opacity: 0; transition-delay: 0.2s;}

body .z-index-on-menu.noScroll{z-index: -1; overflow: hidden; max-height: 100%; position: fixed;}
.swipe-menu {transition-duration: 0.2s; top: 0; z-index: 5; outline: none; background: var(--white); color: var(--black); width: 0; position: relative; overflow-x: hidden; padding-top: env(safe-area-inset-top, 0px);}
.swipe-menu.left-side{left: 0;}
.swipe-menu.right-side{left: 100%;}
.swipe-menu .hide-menu{position: relative; width: 100vw; max-width: 1200px; min-height: 100vh;}
.swipe-menu.active{width: 100%; left: 0; right: 0;}
/* Плавающая кнопка приподнята над низом и не прилегает к краям —
   «стеклянный» тулбар Safari не заливается её жёлтым фоном */
.filter-apply {
    z-index: 999;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    left: 16px;
    right: 16px;
    display: none;
    background-color: #febd00;
    color: var(--black);
    line-height: 56px;
    max-width: 560px;
    margin: 0 auto;
    height: 56px;
    position: fixed;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    font-size: 16px;
    text-transform: lowercase;
    border-radius: 12px;
}
/* «Применить» в конце панели фильтров: с полями и отступом от низа */
#right-swipe-produces-filter .filter-apply-inline{
    display: block;
    width: calc(100% - 32px);
    margin: 12px 16px calc(24px + env(safe-area-inset-bottom, 0px));
    border-radius: 12px;
}
.swipe-menu .reg{font-size: 0;}
.swipe-menu .reg.unreg{font-size: 20px; padding-top: 20px; padding-bottom: 20px;}
.swipe-menu .reg a{color:#333; font-size:18px;}
.swipe-menu .reg a:hover{text-decoration:underline}
.swipe-menu .reged{background:url('../../img/top_avatar.jpg') top right no-repeat #FEBD01;  padding:10px;}
.swipe-menu .reged .name{font-size:14px; line-height:18px;}
.swipe-menu .reged a{display:inline-block; font-size:16px; /*line-height:30px;*/ font-weight:600;}
.swipe-menu .reged a.first{margin-right:20px;}
.swipe-menu li.back{cursor:pointer}
.swipe-menu li.back .glyphicon{float:none !important; display: inline-block; vertical-align: middle;}
.swipe-menu li.back span.title {display:inline-block; vertical-align:middle;}

.swipe-menu ul a{color:#333; padding: 0;}
.swipe-menu ul{ padding:0; margin:0; margin-left: 0; padding-left:6px;}
.swipe-menu ul.first{ border-bottom:#EFEFEF solid 1px; padding-left:0px;}
.swipe-menu ul li{margin:0; font-size:18px; list-style:none;}
.swipe-menu ul li.active{font-weight: 600;}
.swipe-menu ul li span.glyphicon{margin-right:10px;}
.swipe-menu ul li span.glyphicon.search{margin-right:0px;}
.swipe-menu ul li span.cart{color:#FEBD01}
.swipe-menu ul li.item{padding:0px;}
.swipe-menu ul li.item a{padding:10px; display: block;}
.swipe-menu ul li.item:hover{background:#EFEFEF}
.swipe-menu ul li.item:active{background:#EFEFEF}
.swipe-menu ul li.item.active {padding:10px; display: block;}
.swipe-menu ul li.item.selected {background:#e9e9e9}



.swipe-menu.swipe-menu-search ul li.item.active {padding: 0; font-weight: 400;}
.swipe-menu.swipe-menu-search ul{padding-left:0px;}
.swipe-menu .category .glyphicon{float:right; padding-top:12px;}
.swipe-menu .category li{cursor:pointer}
.swipe-menu .category li.all{background:#FEBD00}

#search .swipe-menu ul li.item:hover{
    background: var(--gray4);
}
#search .search ul.nav{
    padding: 0 8px !important;
    background: var(--gray4);
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}
#search ul.nav li.item{
    font-size: 14px;
    padding: 0;
    background: var(--gray4);
}
#search ul.nav li.item:not(:last-child){
    border-bottom: solid 1px rgba(0,0,0,.1)
}
#search ul.nav li.item a{
    padding: 8px 0;
    color: var(--black);
    display: block;
}
#search ul.nav li.item.active{
    background: var(--gray4);
}
#search ul.nav li.item.active a{
    color: var(--black);
    font-size: 14px;
    font-weight: 600;
}

.typeahead.dropdown-menu {
    max-height: 200px;
    overflow-y: scroll;
    width: 100%;
}

.stars {color:var(--brand_yellow); font-size:14px;}
.stars span{display:inline-block; position:relative; padding:0;}
.stars .star-0:before{
    content: "\e007";
}
.stars .star-10:before{
    content: "\e006";
}
.stars .star-5:before{
    content: "\e007";
}
.stars .star-5:after{
    content: "\e006";
    position:absolute;
    display:block;
    top:0; left:0; width:45%; overflow:hidden;
}
h2.produce_list_lite{margin-left:10px;font-size:18px}
h2.produce_list_lite a {color: var(--black);}
h2.produce_list_lite span.title {color: var(--black);}
h2.produce_list_lite:first-child {margin-top: 15px;}

h3{font-size:18px; margin-left:10px; margin: 0 0 5px 0; }
h1 {font-size: 22px; color: var(--black); margin: 5px 0 15px 0;}

/*html.mobile-app-mode h1, html.mobile-app-mode h2, html.mobile-app-mode h3, html.mobile-app-mode h6 {color: #222;}*/

.scroll-frame-title {}
.scroll-frame-navigation {width: 1px; white-space: nowrap; padding-right: 8px;}
.scroll-frame-navigation span {cursor: pointer; font-size: 18px; color: #999;}


.scroll-frame{display:block; width:100%; margin-top:10px;}
/*.scroll-field{overflow-x:scroll; overflow-y:hidden; display:block;}*/
.scroll-field{overflow-x:auto; overflow-y:hidden; display:block; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-scroll-chaining: chained; -webkit-transform: translateZ(0); margin-bottom: 8px;}
.scroll-item{ display:inline-block; vertical-align:top; margin: 0 5px; white-space: normal;}


.scroll-item.good{width:180px; background:var(--white); border-radius: 10px; overflow: hidden;}


.scroll-frame.good.good_small .scroll-item.good{width:150px;}
.scroll-item.good.good_small .img a{height:150px;}


.scroll-item.good .img{
    position: relative;
}
.scroll-item.good .img a{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.scroll-item.good .img a img{
    max-height: 100%;
    max-width: 100%;
    display: block;
}
.scroll-item.good .img img.dark-hack{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; padding: 0;}
img.dark-hack{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; padding: 0;}



.scroll-item.good .img img{max-height:100%; max-width:100%; position: relative; z-index: 1; padding: 0; box-sizing: border-box; width: 100%; height: 100%; object-fit: contain;}


.scroll-item.good .over .title{padding-left:5px; padding-right:5px; text-align:left; display:table; width:100%; height:100px;}
.scroll-item.good .over{height:110px; overflow: hidden; line-height: 1.22857;}
.scroll-item.good .over div.title{display:table; height: 100%; width:100%; padding-left:3px; padding-right:3px; text-align:left;}
.scroll-item.good .over a.title{display:table-cell; vertical-align:middle; height:100px;}
.scroll-item.good .over a.title div.small{color:#999; font-size:12px; display:block;}
.scroll-item.good .over a.title div.small:first-child{padding-top:4px;}
.scroll-item.good .price{height:40px; padding-left:8px; padding-right:8px; display:table; width:100%; line-height: 1.2;}
.scroll-item.good .price .old_price{text-decoration:line-through; color:#999;}
.scroll-item.good .price .new_price{color:var(--red);}
.scroll-item.good .price .pull-left{text-decoration:line-through; color:#999;}
.scroll-item.good .price .pull-right{font-weight:600; color:var(--red)}
.scroll-item.good .price .unavailable{font-weight: 400; color:#666; text-align: center;}
.scroll-item.good .price .delivery_time{position:relative; text-align:right; color:var(--black); font-size:12px;}

.table_section-cell_m .section{margin:5px; border:1px solid #e1e1e1; text-align:center;}
.table_section-cell_m .section .img{display:table;}
.table_section-cell_m .section .img a{display:table-cell; padding:1px; vertical-align:middle; padding:10%; padding-bottom:0px;}
.table_section-cell_m .section .img a{display:table-cell; padding:1px; vertical-align:middle; padding:0px;}
.table_section-cell_m .section .img a.last{padding:0;}
.table_section-cell_m .section .img img{width:100% !important; background-position:center; background-size:contain; background-repeat:no-repeat;}
.table_section-cell_m .section .title_content{display:table; height:50px; width:100%;}
.table_section-cell_m .section .title_content .title{display:table-cell; vertical-align:middle ;padding-bottom:3px;}
.table_section-cell_m .section .title_content .title a{font-size:12px; color:#393e45; font-weight:600; transition-duration: 0.5s;}
.table_section-cell_m .section:hover .title_content .title a{color:#0a78d6}

.table_m{display:table; width:100%;}
.table-cell_m{display:table-cell}

.table_section_m{display:table; width:100%;}
.table_section_m .table_section-cell_m{display:table-cell;width:20%;}

.text-price {font-weight:600;}
.text-price-old {color:#999;text-decoration:line-through;}

.text-through {text-decoration: line-through;}

.info{background:var(--white); padding:10px; margin:10px 0; border-radius: 10px; display: block;}
.info h3{margin-top: 2px; margin-bottom: 0;}
#favorites-layout .info.fav-list-row{display: flex; align-items: center; flex-wrap: nowrap; padding: 0;}
#favorites-layout .fav-list-main{flex: 1 1 auto; min-width: 0; display: block; padding: 13px;}
#favorites-layout .fav-list-main strong{color: var(--brand_blue);}
#favorites-layout .fav-list-count{color: #717171; margin-top: 4px; font-weight: 400;}
#favorites-layout .fav-list-actions{flex: 0 0 auto; margin-left: auto; display: flex; align-items: center; gap: 2px; padding-right: 7px;}
#favorites-layout .fav-list-action{display: inline-flex; align-items: center; justify-content: center; padding: 10px; color: var(--gray2); cursor: pointer;}
#favorites-layout .fav-list-action:hover{opacity: 0.7;}
#favorites-layout .fav-list-action svg{display: block;}

html.mobile-app-mode .info:first-child{margin-top: 0;}
html.mobile-app-mode .info {background: none;}

.info.cart div.cart-input-count {padding-bottom:10px;}
.info.cart div.cart-input-count span.cart-input-count-span {display:inline-block; vertical-align:middle; padding-right:10px;}
.info.cart div.cart-input-count div.cart-input-count-input-layer {display:inline-block; max-width:95px; min-width:10px; vertical-align:middle;}
.info.cart div.cart-input-count div.cart-input-count-input-layer input {text-align: center;}
.info.cart div.cart-info-item {font-size: 12px;}
.info.cart .cart-item-name a{font-size: 15px; line-height: 1.35;}
.info.cart .cart-item-details{font-size: 13px; color: var(--gray1); margin-top: 3px;}
.info.cart .cart-item-markers{margin-top: 7px;}
.info.cart .cart-item-price{margin-top: 8px; font-size: 18px;}
.info.cart .cart-item-price .price-through{font-size: 14px; color: var(--gray2);}
.info.cart .cart-item-saving{font-size: 13px; font-weight: 400; color: var(--gray1); margin-top: 2px;}
.info.cart .cart-item-avail{margin-top: 8px; font-size: 13px;}
.info.cart .cart-item-delivery{margin-top: 3px; font-size: 13px;}
.info.cart .cart-item-supplier{margin-top: 4px; font-size: 12px; color: var(--gray2);}
.cart-img{width: 240px; height: 240px; display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; border-radius: 8px;}
.cart-img img{max-height: 100%; max-width: 100%; position: relative; z-index: 1; box-sizing: border-box;}
.cart-img .dark-hack{width: 100%; height: 100%; position: absolute; z-index: 0; padding: 0;}
.info.cart span.rad{font-weight:600}
.info.cart select[name="prod"] {display: inline-block;}

.info.otzivi h6.theme {font-size: 13px; color: #555; margin-bottom: 5px; margin-top: 0;}

.info.user span{font-size:13px;}
.info.user span.yellow{color:#febd00 !important}
.info.user .nav{border-bottom:#eeeeee solid 1px; padding-bottom:5px; margin-top:5px;}
.info.user .nav span.glyphicon{padding-right:10px; color:#febd00 !important}

.info.order .order_item {padding-bottom: 10px; border-bottom: 1px solid #F1F1F1; margin-bottom: 10px; display: inline-block; width: 33%;}
/*.info.order .order_item:last-child {padding-bottom: 0; border-bottom: none; margin-bottom: 0;}*/
.info.order .order_item div.number {font-size: 15px;}
.info.order .order_item div.number a {color: #fe8300;}

.info.order-create dd p { margin: 0;}

.info.produces_list {background: none; padding-top: 0; margin-top: 0;}
/*.info.produces_list #goods_content {padding: 5px; padding-top: 0; display: table; width: 100%; text-align: center; margin-top: 0;}*/

.info.descript img.descript-logo {max-width: 100px; max-height: 100px;}

/*.info.produces_list .goodsl{display:inline-block; vertical-align:top; width:24%;}
.info.produces_list .goodl{
    height: 260px;
    background:var(--white);
    vertical-align:top;
    margin:5px;
}

.info.produces_list .goodl .img{width:100%; height:180px; text-align:center; line-height:180px; display:block;}
.info.produces_list .goodl .img img{max-width:100%; max-height:100%; display: inline-block;}
.info.produces_list .goodl .price, .info.produces_list .goodl .title{padding-left:5px; padding-right:5px; text-align:center;}
.info.produces_list .goodl .price{height:20px;}
.info.produces_list .goodl .price .pull-left{text-decoration:line-through; color:#999;}
.info.produces_list .goodl .price .pull-right{font-weight:600; color:var(--red);}
.info.produces_list .goodl .price .unavailable{font-weight: 400; color:#999;}*/
.info.produces_list {/*font-size: 0;*/}
#goods_content{
    display: grid;
    grid-gap: 8px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.info.produces_list .good-grid{}
.info.produces_list .good-grid .good{background:var(--white); border-radius: 10px; overflow: hidden;}

@media (max-width: 900px){
    #goods_content{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media (max-width: 700px){
    #goods_content{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 570px){
    #goods_content{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 300px){
    #goods_content{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.info.produces_list .good-grid .good .img{width:100%; height:180px; text-align:center; line-height:180px; display:block; position:relative;}
.info.produces_list .good-grid .good .img img{ max-width:100%;max-height:100%; display:block;position: relative; z-index: 1}
.info.produces_list .good-grid .good .img a{display: flex; height: 100%; justify-content: center; align-items: center;}
.info.produces_list .good-grid .good .img .dark-hack{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; max-height: none; max-width: none;}

.info.produces_list .good-grid .good .over{height:110px; overflow: hidden; line-height: 1.32857;}
.info.produces_list .good-grid .good .over div.title{display:table; height: 100%; width:100%; padding-left:8px; padding-right:8px; text-align:left;}
.info.produces_list .good-grid .good .over a.title {display:table-cell; vertical-align:middle; height:100px;}
.info.produces_list .good-grid .good .over a.title div.small{color:#999; font-size:12px; display:block;}
.info.produces_list .good-grid .good .over a.title div.small:first-child{padding-top:4px;}
.info.produces_list .good-grid .good .price{text-align: left; height:40px; padding-left:8px; padding-right:8px; display:table; width:100%; line-height: 1.2;}
.info.produces_list .good-grid .good .price.center{text-align: center;}
.info.produces_list .good-grid .good .old_price{text-decoration:line-through; color:#999;}
.info.produces_list .good-grid .good .new_price{color:var(--red);}
.info.produces_list .good-grid .good .price .unavailable{font-weight: 400; color:#666; text-align: center;}
.info.produces_list .good-grid .good .price .delivery_time{position:relative; text-align:right; color:var(--black); font-size:12px;}

.info.produces_list .good-grid .good.goodsl-short .over{height:60px;}
.info.produces_list .good-grid .good.goodsl-short .over a.title{height:60px;}
.info.produces_list .good-grid .good.goodsl-short .price{height:45px;}









.info.produces_list .goodsl {display:inline-block; vertical-align:top; width:24%; border:#f9f9f9 solid 3px;  background:var(--white); border-radius: 10px; overflow: hidden;}
.info.produces_list .goodsl .img{width:100%; height:180px; text-align:center; line-height:180px; display:block; position:relative;}
.info.produces_list .goodsl .img img{max-width:95%; max-height:95%; display: inline-block;}


.info.produces_list .goodsl .over{height:100px; overflow: hidden; line-height: 1.32857;}
.info.produces_list .goodsl .over div.title{display:table; width:100%; padding-left:5px; padding-right:5px; text-align:center;}
.info.produces_list .goodsl .over a.title {display:table-cell; vertical-align:middle; height:100px;}
.info.produces_list .goodsl .over a.title div.small{color:#999; font-size:12px; display:block;}
.info.produces_list .goodsl .over a.title div.small:first-child{padding-top:5px;}
.info.produces_list .goodsl .price{text-align: left; height:40px; padding-left:5px; padding-right:5px; display:table; width:100%; line-height: 1.2;}
.info.produces_list .goodsl .price.center{text-align: center;}
.info.produces_list .goodsl .old_price{text-decoration:line-through; color:#999;}
.info.produces_list .goodsl .new_price{color:var(--red);}
.info.produces_list .goodsl .price .unavailable{font-weight: 400; color:#666; text-align: center;}
.info.produces_list .goodsl .price .delivery_time{position:relative; text-align:right; color:var(--black); font-size:12px;}

.info.produces_list .goodsl.goodsl-short .over{height:60px;}
.info.produces_list .goodsl.goodsl-short .over a.title{height:60px;}
.info.produces_list .goodsl.goodsl-short .price{height:45px;}

div.produce-label{position: absolute; display: block; padding: 2px 4px 2px 4px; line-height:normal; font-size:12px; opacity:0.7; text-transform:uppercase;z-index: 2;}
div.produce-label.red{background:#e31500; color:#ffffff;}
div.produce-label.yellow{background:var(--brand_yellow); color:#ffffff;}
div.produce-label.blue{background:#0a78d6; color:#ffffff;}
div.produce-label.green{background:#10a600; color:#ffffff;}
div.produce-label.black{background:var(--black); color:#ffffff;}
div.produce-label.horizontal.pos-1{top:0; left:0;}
div.produce-label.horizontal.pos-2{bottom:40px; right:0;}
div.produce-label.horizontal.pos-3{bottom:0px; left:0;}
/*div.produce-label.horizontal.pos-4{bottom:0px; left:0;}*/

div.produce-label.vertical.pos-1{-webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; top: 0; left: 35px;}
div.produce-label.vertical.pos-2{-webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; top: 0; left: 45px;}
div.produce-label.vertical.pos-3{-webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; top: 0; left: calc(100% - 10px);}

div.produce-label.opacity{opacity: 0.7;}
div.produce-label.horizontal{}
div.produce-label.vertical{
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(90deg);
    -o-transform-origin: left top;
    transform: rotate(90deg);
    transform-origin: left top;

    position: absolute;
    white-space: nowrap;
}

/*html.android-lte2 div.produce-label {display: none; visibility: hidden;}*/

.info.descript {margin-bottom: 0;}
.info.search {margin-bottom: 5px; margin-top: 0; background-color:transparent;}
.info.search_preview {background: none; padding-top: 0; margin-top: 0; margin-bottom: 0;}

.info.info-block.persons h6:not(:first-child) {margin-top: 15px;}

.payment .scroll-item{font-size:10px;}
.payment .scroll-item{min-width:200px; height:50px; }
.payment .scroll-item span{display:inline-block; width:150px; height:50px;vertical-align:top; padding-top:10px;}
.payment .scroll-frame{height:50px;}
.payment .scroll-field{height:70px;}
.social-i{width:50px; height:50px; display:inline-block; vertical-align:top; margin:5px; background:#CCC}

/*#right-swipe-produces-filter span.filter-title{display:block; line-height: 40px; padding:5px;  font-weight: 400; font-size:20px; color: #febd00;}
#right-swipe-produces-filter div.filter{border-bottom: 1px #efefef solid;}
#right-swipe-produces-filter div.filter .tem{display:block; line-height: 40px; padding:5px;  font-weight: 400; font-size:16px; cursor:pointer;}
#right-swipe-produces-filter div.filter .item:hover{background:#EFEFEF}
#right-swipe-produces-filter div.filter .filter-item{display:block; float:right; padding-top:5px;}*/

.produces_list_filter {padding: 10px; text-align: center; margin: 10px; display: block; border-radius: 10px; background: var(--white); cursor: pointer; box-sizing: border-box;}

.produces_list_filter .filter-count-selected {color: var(--brand_blue); background: rgba(0,0,0,0.1); color: var(--black); border-radius: 20px; width: 20px; height:20px; line-height: 20px; text-align: center; font-size: 12px; display: inline-block;}
.subsections-item .filter-count-selected {background: rgba(0,0,0,0.1); color: var(--black); border-radius: 16px; width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 12px; display: inline-block;}

/*div.produces_main_content_html .slider_inner_pages{background-repeat:no-repeat; background-position:50%;display: table;width: 100%}
div.produces_main_content_html .slider_inner_pages div.slider-table a{height:100%; display:table-cell;}*/

div.produces_main_content_html img.slider_mobile_img{width: 100%; max-width: 900px; margin: 0 auto; display: block;}

.scrolled {width: 100%; max-height: 100%; overflow-y: auto; position: relative; -webkit-overflow-scrolling: touch; overflow-x: hidden; }
/*#main-menu-sections {padding-bottom: 35px;}*/

#left-swipe-menu #send-filter-form{padding-bottom: 30px;}


#right-swipe-produces-filter div.filter{border-bottom: 1px #efefef solid;}
#right-swipe-produces-filter .item.back a svg{vertical-align: -5px; margin-left: 8px;}
#right-swipe-produces-filter span.filter-title{display: table; width: 100%; padding: 16px 0 8px 0; font-weight: 400; font-size:14px; color: var(--gray1); line-height: 16px;}
#right-swipe-produces-filter div.filter .item{display: table; width: 100%; padding:5px;  font-weight: 400; font-size:16px; cursor:pointer;}

#right-swipe-produces-filter div.filter .item.active {background:var(--gray4); border-radius: 8px;}
#right-swipe-produces-filter div.filter .item.mark-red{color: #cc4646;}
#right-swipe-produces-filter div.filter .filter-item{display: table-cell; vertical-align: bottom; width: 20px;}
#right-swipe-produces-filter div.filter .filter-item-text{display: table-cell; vertical-align: top;}
#right-swipe-produces-filter div.filter .filter-item.filter-search {width: 100%;}
#right-swipe-produces-filter div.filter .filter-item.filter-search input {width: 100%; /*max-width: 400px;*/}
#right-swipe-produces-filter div.filter ul.nav{border: none;}
#right-swipe-produces-filter div.filter ul.nav.first{padding: 0;}
#right-swipe-produces-filter div.filter ul.nav .filter-item{display: block; width: 100%; font-size: 16px;}
#right-swipe-produces-filter div.filter ul.nav .filter-item.active{padding: 7px 32px 7px 7px; background: var(--gray4); border-radius: 8px; font-weight: 400; position: relative;}
#right-swipe-produces-filter div.filter ul.nav .filter-item.active::after{
    content: "\e013";
    display: block;
    right: 4px;
    top:8px;
    position: absolute;
    width: 18px;
    color: var(--brand_blue);
    font-size: 10px;
    line-height: 16px;
    font-family: 'Glyphicons Halflings';
}
#right-swipe-produces-filter div.filter ul.nav .filter-item a{padding: 7px;}

#right-swipe-produces-filter div.filter input[type=checkbox] {display : none;}
#right-swipe-produces-filter div.filter label input[type=checkbox] + span {
    display : inline-block;
    width : 20px;;
    height : 20px;;
    border : 1px solid #c6c6c6 ;
    border-radius : 5px;
    vertical-align : bottom;
    margin-bottom: 1px;
}

#right-swipe-produces-filter div.filter label input[type=checkbox]:checked + span:before{
    content : '\e013';
    display : block;
    width : 18px;
    color : rgb(10,120,214);
    font-size : 10px;
    line-height : 16px;
    text-align : center;
    font-family : 'Glyphicons Halflings';
    font-weight : bold;
}

/*#right-swipe-produces-filter #filter-show-produces-button {
    bottom: 10px;
    right: 10px;
    background: rgb(10, 121, 213);
    background: rgba(10, 121, 213, 0.6);
    width: 39px;
    height: 39px;
    display: none;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 9999;
    cursor: pointer;
}


#right-swipe-produces-filter #filter-show-produces-button i {
    color: var(--white);
    margin: 0;
    position: relative;
    left: 10px;
    top: 10px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}*/



#right-swipe-produces-filter #send-filter-form{padding: 0 16px 78px 16px;}

#footer{
    clear:both;
    padding:16px;
    background: #F3F3F3;
    width: 100%;
    /*margin-top: 15px;*/
}
@media (prefers-color-scheme: dark){
    #right-swipe-produces-filter div.filter ul.nav .filter-item.active{
        background-color: #000;
    }
    #right-swipe-produces-filter div.filter .item.active{
        background-color: #000;
    }
    #footer{
        background: #1D1B26;
    }
}
.grid-footer{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    flex: 1;
}
.m-w-948{
    max-width: 984px;
    margin: 0 auto;
    padding: 0 8px
}
.footer-flex{
    display: flex;
    flex-direction: row;
    gap:16px;
}
@media only screen and (max-width: 800px){
    .footer-flex.m-f-c{
        flex-direction: column;
    }
    .footer-flex{
        width: 100%;
        justify-content: space-between;
    }
}
@media only screen and (max-width: 450px){
    .grid-footer{
        grid-template-columns: repeat(2, 1fr);
    }
}
footer ul, .app-icons{
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}
footer ul li{
    list-style: none;
    display: block;
}
.footer-flex .app-icons a{
    height: 40px;
    width: 130px;
    background-size: 260px;
    opacity: 1;
}
.app-icons .android.dark{
    background-position: 0 0 !important
}
.app-icons .ios.dark{
    background-position: 0 -40px !important
}
.socials-icons{
    display: flex;
    flex-direction: row;
    gap:8px;
}
.socials-icons a{
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    background: var(--white);
}
.socials-icons a img{
    display: block;
    max-width: 30px;
    max-height: 30px;
}
/*
.socials-icons a.telegram{
    background: linear-gradient(315deg, #0A80BB 0%, #2DA3DF 101.44%);
}
.socials-icons a.instagramm{
    background: linear-gradient(312deg, #FEC053 14.54%, #F2203E 38.45%, #B729A8 61.63%, #5342D6 86.98%);
}
.socials-icons a.tiktok{
    background: var(--black);
}
.socials-icons a img{
    filter: brightness(0) invert(1);
}
*/

.onoffswitch {
    position: relative; width: 70px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 30px; padding: 0; line-height: 30px;
    border: 2px solid #CCCCCC; border-radius: 30px;
    background-color: #C7C7C7;
    transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 30px; margin: 0;
    background: #F0F0F0;
    position: absolute; top: 0; bottom: 0;
    right: 38px;
    border: 2px solid #CCCCCC; border-radius: 30px;
    transition: all 0.3s ease-in 0.00s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #FEBD00;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
    border-color: #FEBD00;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0;
}

.panel-heading h4.panel-title a{display:block;}

.good_page{
    display:flex;
    flex-direction: row;
    background:var(--white);
    margin-bottom:8px;
    border-radius: 10px;
    align-items: stretch;
    overflow: hidden;
}
.good_page .flex-1.w-50{
    padding: 13px;
}
.good_page .img{
    width:50%;
    max-width: 400px;
    position: relative;
}

.good_page .slick-list{
    height: 100% !important;
    background: var(--white);
}
.good_page .slick-track {
    position: relative;
    height: 100%;
}
.good_page .slick-slide img{
    max-width: 100%;
    max-height: 100%;
}
.good_page .slick-slide{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.good_page .img .dark-hack{
    width: 100%;
    display: block;
    position: relative;
    z-index: 0;
    height: auto;
}
.good_page h1 {margin: 0 0 10px 0; font-size: 20px; color: var(--black);}
.good_page h1 small {margin-left: 5px; font-size: 60%;}

.good_page div.price{margin-bottom: 10px;}
.good_page div.price p.price{ margin-bottom: 1px;}

.good_page div.price p.price span.old{color:#888; text-decoration:line-through; padding-right:10px;}
.good_page div.price p.price span.new{font-weight: 600; font-size: 20px; padding-right: 7px;}
.good_page div.price p.sale span.new{color:var(--black);}


.good_page div.delivery {}
.good_page div.delivery a[data-target] {color: var(--brand_yellow);}

.good_page div.produce-input-count-input-layer {max-width:95px; min-width:10px; vertical-align:middle;}
.good_page div.produce-input-count-input-layer input {text-align: center;}

div.main-page-title {margin: 7px 10px;}
div.main-page-title h1, div.main-page-title h2 {margin: 0; font-size: 20px;}
div.main-page-title h1 small {margin-left: 5px; font-size: 55%;}

div.sectionDescriptions{color:#888;margin: 15px 10px}
div.sectionDescriptions h1{color:#888}

#add-to-cart-layer ul.select-list{
    margin:0;
    padding:0;
    outline: none;
    flex-direction: row;
    gap: 4px;
    display: flex;
    min-height: min-content;
}
#add-to-cart-layer ul.select-list li{
    margin: 0;
    display: flex;
    align-items:    center;
    justify-content: center;
    list-style: none;
    border: var(--gray2) solid 1px;
    border-radius: 4px;
    text-align: center;
    color: var(--black);
    transition: 0.5s;
    cursor: pointer;
    overflow: hidden;
    padding: 4px 8px;
    white-space: nowrap;
}
.scroll-field-ul{
    flex: 1;
    display: flex;
    overflow: auto;
}
#add-to-cart-layer ul.select-list.needselect li{
    border:var(--red) solid 1px;
}
#add-to-cart-layer ul.select-list li:hover{
    border:var(--brand_blue) solid 1px;
}
#add-to-cart-layer ul.select-list li.active{
    border:var(--brand_blue) solid 1px;
}
#add-to-cart-layer ul.select-list li.comingsoon{
    color: var(--gray2);
}
#add-to-cart-layer ul.select-list li.disabled, ul.size-list li.disabled:hover, #add-to-cart-layer ul.select-list li.noselected, ul.size-list li.noselected:hover{
    color: var(--gray2);
    border: var(--gray2) solid 1px;
    cursor: not-allowed;
}
#add-to-cart-layer ul.select-list li img{
    max-height:100%;
    max-width: 100%;
    display:block
}

#add-to-cart-layer ul.select-list.colors li{
    width:78px;
    height:78px;
    padding: 4px;
    box-sizing: border-box;
    background: #fff;
}
/* Вписываем фото варианта в квадрат (а не обрезаем) на белом фоне — товарные фото в основном на белом. */
#add-to-cart-layer ul.select-list.colors li a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#add-to-cart-layer ul.select-list.colors li img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#add-to-cart-layer ul.select-list.colors.small li{
    width:55px;
    height:55px;
}
#add-to-cart-layer ul.select-list.colors.xsmall li{
    width:42px;
    height:42px;
}
/* Недоступный вариант-картинка (мобила): ч/б + полупрозрачность, как на десктопе (серая рамка li — по умолчанию). */
#add-to-cart-layer ul.select-list li img.unavailable{filter: grayscale(1); opacity: .5;}
#add-to-cart-layer div.add-cart-size-layer, #add-to-cart-layer div.add-cart-color-layer{
    margin-bottom: 12px;
}
#add-to-cart-layer div.add-cart-size-layer span.title, #add-to-cart-layer div.add-cart-color-layer span.title{
    margin-bottom: 5px;
    display: block;
}
#add-to-cart-layer .add-cart-layer-help{
    font-size: 10px;
}

#cart_button_noop{
    max-height: 1px;
    max-width: 1px;
}
.bottom_fixed{position:fixed; z-index: 4; bottom:calc(8px + env(safe-area-inset-bottom, 0px)); width:100%; display: none; max-width: 1200px; margin: 0 auto; left: 0; right: 0; padding-right: 16px;}
.bottom_fixed.disp{display:flex; justify-content: end;}
/* .bottom_fixed .table{display:table; max-width: 1184px; width: calc(100% - 16px); border-radius: 8px; background:rgba(255,255,255,0.3); margin: 0 auto; padding: 10px 20px; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);}
.bottom_fixed .cell{display:table-cell; width: 50%;} */
.bottom_fixed .flex-gap-16{
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}
.bottom_fixed .flex-gap-8{
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}
/* Общая CTA-кнопка (карточка товара, корзина): жёлтая, 50px, с ценовой таблеткой */
.btn-cta{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 50px;
    box-sizing: border-box;
    width: 100%;
    background: #febd00;
    color: #1a1a1a;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    font-size: 16px;
}
.btn-cta.with-price{justify-content: center; gap: 14px;}
.btn-cta:disabled{opacity: .5;}
.btn-cta .cart-btn-price{
    border-radius: 8px;
    padding: 4px 8px;
    background-color: rgba(255,255,255,.5);
}
/* .bottom_fixed .btn{width: 98%;}
.bottom_fixed .btn-price{border-radius: 4px; border: 1px solid transparent; width: 98%; vertical-align: middle; padding: 6px 12px; display: inline-block; line-height: 1.42857143; margin: 0; color: var(--red);font-size: 120%} */

#produce-help-delivery-description {padding: 5px; margin: 5px 5px 10px 0;}
#produce-help-delivery-description p {margin: 0 0 0 0;}

.desc-cont{/*overflow-y:scroll;*/ width:100%; display:block; /*height:240px;*/ }
.w-50{
    width: 50%;
}
h6{font-size:16px; font-weight:600; color:#222}

.good_slick .imgt img{ max-height:425px; max-width:425px; display:block; margin: 0 auto}
.good_slick{width:100%; margin:0 auto; position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0}
.good_slick .imgt{ width:425px; height:425px;display: flex; align-items: center;}
.good_slick .table{display:block; margin: 0;}

/*div.info.info-block {padding:10px; margin-bottom: 7px;}
div.info.info-block.description {padding-top: 15px;}*/
div.info.info-block p.line {margin: 0; margin-bottom: 2px;}
div.info.info-block hr {margin-bottom: 8px; margin-top: 2px;}
div.info.info-block hr.break {margin-top: 10px;}
div.info.info-block h6 {margin-top: 2px;}

div.info.info-block h2 {margin-top: 2px;font-size: 18px;margin-left:0}

div.info.info-block a{/*display:inline-block; border-bottom:#0a79d5 dashed 1px;*/}
div.info.info-block a:hover{/*display:inline-block; border-bottom:#fff dashed 1px;*/}

div.info.info-block.details .description-table{display:table; width:100%; border-collapse: collapse; margin:0px;}
div.info.info-block.details .description-table .description-row{display:table-row; border-bottom: 7px solid transparent;}
div.info.info-block.details .description-table .description-row .description-cell{display:table-cell;}
div.info.info-block.details .description-table .description-row .description-cell:first-child{font-weight:500; width:1%; white-space:nowrap; padding-right:20px;}
div.info.info-block.details .description-table .description-row .description-cell:first-child:after{content:''}
.good .description{
    word-wrap:anywhere;
}
.category_list{
    text-align: justify;
    font-size: 0;
}

.category_list:after{
    content: '';
    display: inline-block;
    width: 100%;
}

.category_list .item,
.category_list .gap{
    display: inline-block;
    width: 25%;
}
.category_list .item .good{
    display:block !important;
    width:auto !important;
    background: var(--white);
    margin: 5px;
    border-radius: 10px;
    overflow: hidden;
}

.category_list .item .good .img a img{width:100% !important; background-position:center; background-size:contain; background-repeat:no-repeat;}
.category_list .item .good .title{height:20px; text-align:center; padding-top:5px; height:42px; display:table; width:100%;}
.category_list .item .good .title a{font-size:12px; color:#393e45; font-weight:600; transition-duration: 0.5s; display:table-cell; vertical-align:middle;}
.category_list .item .good:hover .title a{color:#0a78d6}


@media (max-width: 800px) {
    .category_list .item,
    .category_list .gap{
        width: 33%;
    }
}
@media (max-width: 600px) {
    .category_list .item,
    .category_list .gap{
        width: 50%;
    }
}
@media (max-width: 200px) {
    .category_list .item,
    .category_list .gap{
        width: 100%;
    }
}

.btn.i{padding:0;}
.modal p{padding-top:10px;}
/* The CSS */
label.otziv select {
    padding:3px;
    margin: 0;
    border-radius:10px;

    border:1px solid #CCC;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

.modal-open {
    overflow: hidden;
}

.modal {
    -webkit-overflow-scrolling: auto;

    overflow-x: hidden;
    overflow-y: scroll !important;
}

@media (max-width: 768px) {
    html.ios-true .modal-open {
        position: fixed;
        width: 100%;
    }
}

@media (max-width: 242px) {
    .logo, .header a.logo{display:none;}
}

@media (max-width: 580px) {
    .menu ul.scroll{overflow-x:scroll; overflow-y:hidden; display:block; height:100px;}
}

@media (max-width: 767px) {
    /*.single-item div{height:200px; background-size:cover}*/
    .info.order .order_item {width: 50%;}

}

/*@media (max-width: 480px) {
    .single-item div{height:150px; background-size:cover}

}
@media (max-width: 230px) {
    .single-item div{height:100px; background-size:cover}

}*/

@media (max-width: 480px){
    .good_page{
        flex-direction: column;
    }
    .good_page .img{
        width: 100%;
        max-width: none;
    }
/*
    .good_page .desc{display:block; width:100%;}
    .good_page .img{display:block; width:100%; max-width: none; text-align:center;}
    .good_page {padding: 10px 10px 0;}

    .desc-cont{overflow:visible; height:auto !important; padding-left:0px;}

    .info.order .order_item {width: 100%;}*/
    .good_page .w-50{
        width: 100%;
    }
}


@media (max-width: 700px){.info.produces_list .goodsl{width:32%;}}
@media (max-width: 570px){.info.produces_list .goodsl{width:49%;}}
@media (max-width: 330px){.info.produces_list .goodsl{width:100%;}}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    label.otziv select {padding-right:18px}
}

@media (max-width: 530px) {
    .info.cart .table-striped th{ width:200px;}
    .cart-img{width: 200px; height: 200px;}
    .info.produces_list #goods_content {padding-left: 0; padding-right: 0;}
}

@media (max-width: 470px) {
    .info.cart .table-striped th{ width:150px;}
    .cart-img{width: 150px; height: 150px;}
}
@media (max-width: 400px) {
    .info.cart .table-striped th{ width:130px;}
    .cart-img{width: 140px; height: 140px;}
}
@media (max-width: 360px) {
    .info.cart .table-striped th{ width:100px;}
    .cart-img{width: 120px; height: 120px;}
}

label.otziv {position:relative; width:90%;}
label.otziv:after {
    content:'<>';
    font:14px "Consolas", monospace;
    color:#666;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 8px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label.otziv:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    position:absolute;
    pointer-events:none;
    display:block;
}
label.otziv select{width:100%;}

/*.good .img{width:180px; height:180px; text-align:center; display:table-cell; vertical-align:middle;}
.good .img img{max-height:170px; max-width:170px;}
.good .price, .good .title{padding-left:5px; padding-right:5px; text-align:center;}
.good .price{height:20px;}
.good .price .pull-left{text-decoration:line-through; color:#999;}
.good .price .pull-right{font-weight:600; color:var(--red);}
.good .price .unavailable{font-weight: 400; color:#999;}*/

input[type=radio] {
    vertical-align:-0.1em;
}

div.delivery-text-description {font-size: 12px; color: #666; margin-top: 10px;}
div.delivery-text-description span {color: #D63D29; font-weight: 600;}


table.size {
    border:#e6e6e6 1px solid;
    overflow:hidden;
    border-spacing: 0;
    color:#717371;
    cursor:default;
    margin: 0 auto;
}

table.size h3{
    color: #006cb5; font-size:16px; font-weight:600;
}
table.size td.title
{
    color:#006cb5;
    font-size:14px;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    background: #f3f3f3; /* Old browsers */
}

table.size th{
    border-right:#d5d5d5 solid 1px;
    min-width:120px;
    vertical-align:middle;
    text-align:center;
    font-size:14px;
    background: #ffffff; /* Old browsers */
    padding:5px;
}
table.size th.last{
    border:none;
}
table.size tr.h th{
    border-bottom:#d5d5d5 solid 1px;
    height:42px;
}
table.size tr.h:hover th{
    color:#717371;
}
table.size td{
    width:43px;
    height:40px;
    padding:0;
    margin:0;
    vertical-align:middle;
    text-align:center;
    font-size:14px;
    background: #ffffff; /* Old browsers */
    padding:5px;
}
table.size tr{
    padding:0;
    margin:0;
}
table.size td.siz:hover{
    color:var(--white);
    background:#1090cf;
}
table.size td.siz.b:hover{
    color:var(--white);
    background:#1090cf;
}
table.size td.siz{
    border-right:#D5D5D5 solid 1px;
    border-bottom:#D5D5D5 solid 1px;
    font-weight:600;

}
table.size td.siz.l{
    border-left:#D5D5D5 solid 1px;
}
table.size td.siz.t{
    border-top:#D5D5D5 solid 1px;
}
table.size td.siz.b{
    background:#eaebea;
}
table.size tr.s:hover th{
    color:var(--white);
    background:#1090cf;
}
table.size tr th{
    border-bottom:#D5D5D5 solid 1px;
}
table.size th.active{
    color:var(--white);
    background:#1090cf;
}

table.size tr.ns:hover td{
    color:var(--white);
    background:#1090cf;
}

div.filter-preloader {
    background-image: url("../../img/mobile/spin.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: auto;
    width: 100%;
    display: block;
    vertical-align: middle;
}
.m-b-16{
    margin-bottom: 16px;
}
button.btn > div.filter-preloader, .btn-cta > div.filter-preloader {margin: 0; display: block; height: 20px; width: 20px;}
a.ajax_link + div.filter-preloader {vertical-align: bottom;}

div.info.qvest div[id^="list-"] {margin-bottom: 5px;}
div.info.qvest div[id^="list-text-"] {padding:10px; padding-right:7px; border-left:3px solid #FEBD01; background:rgba(254,189,1,0.2);}
div.info.qvest div[id^="list-text-"] img {display: block; max-width: 100%; height: auto;}

#win-quest-modal img {display: block; max-width: 100%; height: auto;}

.display-inline {
    display: inline-block;
}

/* Хлебные крошки: одна строка с горизонтальной прокруткой вместо схлопывания «…» */
.breadcrumb {background-color: transparent;}
.breadcrumb:not(.breadcrumb-bott) {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-top: 0;
    padding-left: 10px;
    padding-bottom: 0;
}
.breadcrumb:not(.breadcrumb-bott)::-webkit-scrollbar {display: none;}
.breadcrumb:not(.breadcrumb-bott) > li {flex: 0 0 auto;}
.breadcrumb:not(.breadcrumb-bott) > li > a {display: inline-block; padding: 6px 0;}
.breadcrumb:not(.breadcrumb-bott) > li + li:before {content: "\203A";}
.breadcrumb.breadcrumb-bott > li + li:before {content: "\203A";}

/* Главная + текущий раздел: показывать нечего — на категориях скрываем,
   но на карточке товара единственная крошка категории должна оставаться видимой */
.breadcrumb.breadcrumb1,
.breadcrumb.breadcrumb2 {display: none;}
.breadcrumb.breadcrumb-prod {display: flex; padding-bottom: 8px;}
.breadcrumb.breadcrumb-prod.breadcrumb1 {display: none;}

.avatar {
    width: 80px;
    height: 80px;
    border-radius: 80px;
    display: block;
    margin: 0;
    border: 3px solid var(--white);
}

#cropperResult img{
    width: 60px; border-radius:60px;
}

#croppedImage {
    max-width:100%;
}
.user-avatar-chenge{
    display: flex;
    padding-bottom: 20px;
    flex-direction: row;
    align-items: center;
}
.user-avatar-chenge-blok{
    width: 60px;
    height: 60px;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-right: 20px;
}
.user-avatar-chenge-blok img{
    display: block;
    min-width: 100%;
    min-height: 100%;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
}
.user-avatar-chenge-btn{
    flex: 1;
}
.user-avatar {
    width:40px;
    height:40px;
    border-radius:40px;
    display:inline-block;
    margin:0;
}

.crop-area{position: relative; width: 100%; height: 320px; max-height: 55vh; background: #222; border-radius: 12px; overflow: hidden;}
.crop-area img{display: block; max-width: 100%;}
.crop-area .cropper-view-box, .crop-area .cropper-face{border-radius: 50%;}
.crop-area .cropper-view-box{outline: 2px solid rgba(255,255,255,0.9); outline-offset: -1px;}
.crop-area.crop-loading::after{content: ''; position: absolute; left: 50%; top: 50%; width: 36px; height: 36px; margin: -18px 0 0 -18px; border: 3px solid rgba(255,255,255,0.25); border-top-color: var(--brand_yellow); border-radius: 50%; animation: crop-spin 0.8s linear infinite;}
.crop-area.crop-loading > img{visibility: hidden;}
@keyframes crop-spin{
    to{transform: rotate(360deg);}
}
.crop-zoom{display: block; width: 100%; margin-top: 14px; accent-color: var(--brand_yellow); cursor: pointer;}
.crop-hint{color: #999; font-size: 13px; text-align: center; padding-top: 10px;}
.crop-error{color: var(--red); font-size: 13px; text-align: center; padding-top: 8px; display: none;}

[data-cart-add-favorite] .glyphicon-heart{transition: color 0.2s ease;}
[data-cart-add-favorite].fav-flash .glyphicon-heart{color: var(--red);}
.w-1px{width: 1px; padding-right : 10px;}
.table-cell_m.otz{vertical-align: middle;}


.add_photo{width: 50px; opacity: 0.4;  transition-timing-function: linear; margin-right: 10px; cursor: pointer; display: inline-block; vertical-align: top;}
.add_photo:hover{opacity: 0.8}
.photos{margin-top: 10px;}
.photos span{display:inline-block; width:50px; height:50px; margin-right:10px; background-position:center; background-size:cover; position:relative; border-radius: 10px; vertical-align: top;}
.photos span span{position:absolute; top:-5px; right: -5px; background:#b30000; color:var(--white); border-radius:20px; text-align:center; width:20px; height: 20px; line-height:0px; padding-top: 8px; font-size:20px; display: block;margin: 0; cursor: pointer;}
.v-middle{
    vertical-align: middle !important;
}


/**
360
**/
.rotate-360 .handle-field{height: 35px;}
.rotate-360 .cd-product-viewer-wrapper {
    text-align: center;
    padding: 0;
}
.rotate-360 .cd-product-viewer-wrapper > div {
    display: inline-block;
}
.rotate-360 .cd-product-viewer-wrapper .product-viewer {
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
}
.rotate-360 .cd-product-viewer-wrapper img {
    /* this is the image visible before the image sprite is loaded */
    display: block;
    position: relative;
    z-index: 1;
}
.rotate-360 .cd-product-viewer-wrapper .product-sprite {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    /* width is count of frames in sprite */
    width: 1800%;
    background-size: contain;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    background-repeat: no-repeat;
    background-position: center;
}
.rotate-360 .cd-product-viewer-wrapper.loaded .product-sprite {
    /* image sprite has been loaded */
    opacity: 1;
    cursor: ew-resize;
}

.rotate-360 .cd-product-viewer-handle {
    position: relative;
    z-index: 2;
    width: 60%;
    max-width: 300px;
    border-radius: 50em;
    margin: 1em auto 1em;
    height: 4px;
    background: #4d4d4d;
}
.rotate-360 .cd-product-viewer-handle .fill {
    /* this is used to create the loading fill effect */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: inherit;
    background: var(--brand_yellow);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
}
.rotate-360 .no-csstransitions .cd-product-viewer-handle .fill {
    display: none;
}
.rotate-360 .loaded .cd-product-viewer-handle .fill {
    /* image sprite has been loaded */
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s 0.3s;
    transition: transform 0.3s, opacity 0.2s 0.3s;
}
.rotate-360 .cd-product-viewer-handle .handle {
    position: absolute;
    z-index: 2;
    display: inline-block;
    height: 44px;
    width: 44px;
    left: 0;
    top: -20px;
    background: #ffbd00 url("../../img/360/cd-arrows.svg") no-repeat center center;
    border-radius: 50%;
    box-shadow: 0 0 0 6px rgba(255, 189, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.2);
    /* replace text with image */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    -webkit-transform: translateX(-50%) scale(0);
    -moz-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    -o-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}
.rotate-360 .cd-product-viewer-handle .handle:active {
    box-shadow: 0 0 0 0 rgba(255, 189, 0, 0), 0 0 20px rgba(0, 0, 0, 0.2);
}
.rotate-360 .loaded .cd-product-viewer-handle .handle {
    /* image sprite has been loaded */
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    -webkit-animation: cd-bounce 0.3s 0.3s;
    -moz-animation: cd-bounce 0.3s 0.3s;
    animation: cd-bounce 0.3s 0.3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    cursor: ew-resize;
}

@-webkit-keyframes cd-bounce {
    0.00% {
        -webkit-transform: translateX(-50%) scale(0);
    }
    60% {
        -webkit-transform: translateX(-50%) scale(1.1);
    }
    100% {
        -webkit-transform: translateX(-50%) scale(1);
    }
}
@-moz-keyframes cd-bounce {
    0.00% {
        -moz-transform: translateX(-50%) scale(0);
    }
    60% {
        -moz-transform: translateX(-50%) scale(1.1);
    }
    100% {
        -moz-transform: translateX(-50%) scale(1);
    }
}
@keyframes cd-bounce {
    0.00% {
        -webkit-transform: translateX(-50%) scale(0);
        -moz-transform: translateX(-50%) scale(0);
        -ms-transform: translateX(-50%) scale(0);
        -o-transform: translateX(-50%) scale(0);
        transform: translateX(-50%) scale(0);
    }
    60% {
        -webkit-transform: translateX(-50%) scale(1.1);
        -moz-transform: translateX(-50%) scale(1.1);
        -ms-transform: translateX(-50%) scale(1.1);
        -o-transform: translateX(-50%) scale(1.1);
        transform: translateX(-50%) scale(1.1);
    }
    100% {
        -webkit-transform: translateX(-50%) scale(1);
        -moz-transform: translateX(-50%) scale(1);
        -ms-transform: translateX(-50%) scale(1);
        -o-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }
}


.social-icons img {
    width: 30px;
    margin: 0 4px;
    opacity: 0.3;
}

.app-icons a {
    width: 130px;
    height: 40px;
    margin: 2px;
    opacity: 0.8;
    background-image: url('../../img/app-icons_ru.svg');
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 260px;
    transition-duration: .2s;
}
.app-icons.kz a {
    background-image: url('../../img/app-icons_kz.svg');
}
.app-icons a:hover{
    opacity: 1;
}
.app-icons .android {
    background-position: -130px 0;
}

.app-icons .ios {
    background-position: -130px -40px;
}
.app-icons .huawei {
    background-position: -130px -80px;
}
@media (prefers-color-scheme: dark) {
    .socials-icons a{
        background: var(--black);
    }
    .socials-icons a img{
        filter: brightness(0) invert(1);
    }
    .app-icons .android {
        background-position: 0 0;
    }

    .app-icons .ios {
        background-position: 0 -40px;
    }
    .app-icons .huawei {
        background-position: 0 -80px;
    }
    #add-to-cart-layer ul.select-list li:hover{
        border:var(--brand_yellow) solid 1px;
    }
    #add-to-cart-layer ul.select-list li.active{
        border:var(--brand_yellow) solid 1px;
    }
}

.produce-label-inside {padding:1px 4px 2px 2px; display: flex; flex-direction: row; align-items: center; gap:4px; margin-top: 5px;font-weight: 600}
.produce-label-inside img{display: block; max-height: 16px; max-width: 80px;}
.produce-label-inside.red{background: #e31500; color: var(--white);}
.produce-label-inside.yellow{background: #0A79D6; color: var(--white);}
.produce-label-inside.green{background: #10a600; color: var(--white);}
.produce-label-inside.black{background: var(--black); color: var(--white);}

.action-in-app{display: table;}
.action-in-app .action-in-app-link{background: #282828; color: var(--white); display: table-cell; padding: 10px; text-align: center; text-decoration: none; vertical-align: middle;}
.action-in-app .action-in-app-title{font-weight: 600; text-transform: uppercase; font-size: 14px; line-height: 14px; display: block;}
.action-in-app .action-in-app-subtitle{color: var(--white); font-size: 10px; line-height: 10px; text-decoration: underline; display: block;}
.action-in-app .action-in-app-sale{display: table-cell; vertical-align: middle;}
.action-in-app .action-in-app-sale-amount{background: #e31500;  padding: 7px; color: var(--white); font-weight: 600;}

.css-loader {
    border: 4px solid #D9EBF8; /* Light grey */
    border-top: 4px solid #95C8EC; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
    display: inline-block;
}

@keyframes spin {
    0.00% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Спиннер внутри кнопки (например, на время отправки отзыва) */
.btn-spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-top-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    vertical-align: middle;
    margin-right: 8px;
}

.accordion-container{position: relative; padding-bottom: 40px; display: block;}
.accordion-container .accordion{display: table; width: 100%; border-collapse: collapse; }
.accordion-container .accordion .row{display:table-row; line-height: 20px;}
.accordion-container .accordion .row .cell{display: table-cell; padding: 5px 0; vertical-align: top; background: rgba(0, 0, 0, 0); transition-duration: 0.1s}
/*.accordion-container .accordion .row:hover .cell{background: rgba(0, 0, 0, 0.05)}*/
.accordion-container .accordion .row .cell:first-child{font-weight: 500; max-width: 50%; padding-right: 16px;}
.accordion-container .accordion .row .cell:first-child::after{content: '';}
.accordion-container .accordion .row.ac-hide{display:block; position: absolute; right: 5000px;}
.accordion-container .accordion .row.ac-hide .cell{line-height: 1px; transition-duration: 0.2s; }
.accordion-container input[type="checkbox"] {display: none;}
.accordion-container input:checked + label .ac-open{display: block}
.accordion-container input:checked + label .ac-close{display: none}
.accordion-container input + label .ac-open{display: none;}
.accordion-container input + label .ac-close{display: block}
.accordion-container input + label{position: absolute; bottom: 10px; display: inline-block; right: 0; cursor: pointer; color: #494949; font-weight: 400; margin: 0; }
.accordion-container input + label:hover{color: var(--black);}
.accordion-container input:checked ~ .accordion .row.ac-hide {display: table-row; position: relative; right: auto;}
.accordion-container input:checked ~ .accordion .row.ac-hide .cell{line-height: 20px;}

.date-select input[type="radio"]{
    display: none;
}

.select-time-box{
    display: none;;
}
.date-time:checked + .select-time-box{
    display: block;
}
.select-date, .select-time{
    display: flex;
    flex-direction: row;
    gap: 8px;
    width: 100%;
    overflow: auto;
}
.select-date label, .select-time label{
    margin: 0;
    padding: 0;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: solid 1px var(--brand_blue);
    height: 60px;
    flex: 1;
    padding: 8px;
    white-space: nowrap;
    transition-duration: .3s;
}
.select-time label{
    flex-direction: row;
    gap: 0px;
}
.select-date label span, .select-time label span{
    font-size: 80%;
    opacity: 0.6;
}
.select-date input:checked + label, .select-time input:checked + label{
    background: var(--brand_blue);
    color: var(--white);
}
@media (prefers-color-scheme: dark){
    .select-date label, .select-time label{
        border: solid 1px var(--brand_yellow);
    }
    .select-date input:checked + label, .select-time input:checked + label{
        background: var(--brand_yellow);
        color: var(--black);
    }
}

/** Разворачиваемые блоки */
.hide-if-more-200{position: relative;}
.hide-if-more-200 .hide-content{max-height: 900px; overflow: hidden; position: relative;}
.hide-if-more-200 .hide-content .shadow-line{position: absolute; bottom: 0; width: 100%; background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); height: 150px; display: none;}
.hide-if-more-200 input[type="checkbox"] {display: none !important;}
.hide-if-more-200 input:checked ~ .controls label .unfolding-open{display: block}
.hide-if-more-200 input:checked ~ .controls label .unfolding-close{display: none}
.hide-if-more-200 input ~ .controls label .unfolding-open{display: none;}
.hide-if-more-200 input ~ .controls label .unfolding-close{display: block}
.hide-if-more-200 input:checked ~ .hide-content {max-height:none;}
.hide-if-more-200 input:checked ~  .hide-content .shadow-line{display: none !important}
.hide-if-more-200 input ~ label:hover{color: var(--black);}
.controls{display: none;  color: #494949; text-align: right; width: 100%;}
.hide-if-more-200 input ~ .controls label span{cursor: pointer; font-weight: 400}
.unfolding-block p:last-child{margin-bottom: 0;}
.unfolding-block .controls{padding-top: 10px;}


.tooltip-flip{display: inline-block;}

.tooltip-flip a{color: var(--white); text-decoration: underline;}
.tooltip-flip a:hover{text-decoration: none;}
.produce-label-inside{padding: 3px 6px; border-radius: 3px; line-height: 17px; font-size: 12px; margin: 0 5px 0 0; font-weight: 400;}
.produce-label-inside a{text-decoration: none}
.tooltip-inner{min-width: 150px; max-width: 250px;}

#contentsLayerNew .bg{position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); cursor: pointer; display: block; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);}
#contentsLayerNew .content{display:block; height: 90vh;  position: relative; width: 90%;  background: #525659;cursor: auto; margin: 5vh auto;}
#contentsLayerNew .content img{box-shadow:  0 0 10px rgba(0, 0, 0, 0.3);  display: block; margin: 10px auto; width: 100%;}
#contentsLayerNew .controls-look{background: rgba(0, 0, 0, 0.8);  width: 100%; margin: 0 auto; display: table; color: var(--white);}
#contentsLayerNew .controls-look div{display: table-cell; height: 50px; vertical-align: middle; padding: 0 10px;}
#contentsLayerNew .controls-look div.w-1{width: 1px; white-space: nowrap;}
#contentsLayerNew .controls-look a{color: var(--white); text-decoration: none;}
#contentsLayerNew .y-scroll{overflow: auto; height: calc(100% - 50px); text-align: center}
#contentsLayerNew .zooming{ transition: transform .2s; display: inline-block; transform-origin:top center;}
#contentsLayerNew .zoom{position: absolute; width: 50px; background: rgba(0, 0, 0, 0.8); line-height: 50px; height: 50px; bottom: 50px; right:50px; color: var(--white); font-size: 30px; text-align: center; border-radius: 50px; box-shadow:  0 0 10px rgba(0, 0, 0, 0.3); cursor: pointer; z-index: 9}
#contentsLayerNew .zoom:hover{box-shadow:  0 0 20px rgba(0, 0, 0, 0.5);}
#contentsLayerNew .zoom.in{bottom: 110px}
#contentsLayerNew .close_button{cursor: pointer}
#contentsLayerNew .controls-look .ellipsis{max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: auto;}

.banner_slick img {
    border-radius:10px;
}

.scroll-frame.good.podborka{height: auto}
.podborka .scroll-field.good{height: auto;}
.podborka .scroll-item.good{vertical-align: bottom;}
.podborka .scroll-item.good .over{height: auto;}
.podborka .scroll-item.good .over .title{height: 60px; overflow: hidden;}
.podborka .scroll-item.good .over .title a.title{height: auto; padding: 10px 10px 0 10px; color: var(--black);}
/*.slick-slide{padding:5px;}*/
.podborka .sale_circle{font-size: 12px;
    position: absolute;
    border-radius: 50%;
    background: linear-gradient(to bottom right,#e04445,#d01012);
    color: var(--white);
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    bottom: 10px;
    left: 10px;
    z-index: 2;}

.podborka .scroll-item {
    position: relative;

}
.m-0{margin: 0;}
.p-0-10{padding:0 10px;}
.no-br{white-space: nowrap}
.good_page .slick-dots{position: absolute; margin: 0; padding: 0; bottom: 16px; pointer-events: none}
.banner_slick a.slick-slide {padding: 5px;}
.hide-menu ul.search{padding: 0;}
.hide-menu ul.search li{background: var(--brand_blue); padding:11px 10px;}
.pagination {font-size: 14px;}

.pagination > li > a, .pagination > li > span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:40px;
    min-height:40px;
    padding:8px 12px;
    box-sizing:border-box;
    text-align:center;
}
.pagination > li.disabled > span.pagination-gap{background:transparent !important;border:0 !important;cursor:default;padding:8px 6px;color:#888 !important;min-width:auto;min-height:auto}

[itemtype="https://schema.org/FAQPage"] [itemprop="mainEntity"]{margin-top:14px}
[itemtype="https://schema.org/FAQPage"] [itemprop="mainEntity"] [itemprop="name"]{display:block;margin-bottom:4px}



.valign-wrapper{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
/*Цаета*/
:root{
    --brand_blue: #0a79d5;
    --light_blue: #238EEA;
    --deep_blue: #084A83;
    --brand_yellow: #ffbd00;
    --light_yellow: #FFD662;
    --black: #101112;
    --gray1: #666;
    --gray2: #999;
    --gray3: #d4d4d4;
    --gray4: #f2f2f2;
    --white: #fff;
    --red: #D93E5C;
    --orange: #FF9A03;
    --green: #739C12;
}
/*Выбор атрибутов*/
.select-attribute{margin-bottom: 8px;}
.select-attribute input{display: none;}
.select-attribute label{display: inline-block; vertical-align: top; margin: 2px; padding: 8px; border: var(--gray3) solid 1px; border-radius: 4px; cursor: pointer; position: relative; overflow: hidden;}
.select-attribute label img{max-width: 50px; max-height: 50px; display: block; margin: 0 auto;}
.select-attribute input:checked + label{border: var(--brand_yellow) solid 1px;}
.select-attribute input:disabled + label{opacity: 0.2; cursor:not-allowed;}
.select-attribute input + label .valign-wrapper{width: 50px; height: 50px;}
.select-attribute input.report + label::before, .select-attribute input:disabled + label::before{content: ''; display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: linear-gradient(45deg, transparent 49%, var(--gray3) 50%, transparent 51%);}
.select-attribute input.report:checked + label::before{background: linear-gradient(45deg, transparent 49%, var(--brand_yellow) 50%, transparent 51%);}
.select-attribute label .dark-hack{display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: -1; max-height: none; max-width: none;}


.scroll-field{-webkit-overflow-scrolling: touch;}
.m-w-h-100{
    display: block;
    max-width: 100px;
    max-height: 100px;
}
.m-0-auto{margin: 0 auto;}
.d-block{
    display: block;
}
.table{display: table; margin: 0;}
.table.v-top .table-cell, .table.v-top .cell{vertical-align: top;}
.table .cell{display: table-cell}
.table .cell.w-1{width: 1px;}
.border-bottom{border-bottom: solid 1px #eeeeee;}

body.menu-active{position: fixed; top: 0; left: 0; bottom: 0; right: 0;}
nav.right-menu{position: fixed; top: 0; bottom: 0; max-width: 320px; width: 0; transition-duration: 0.2s; z-index: 3; background: var(--gray4); box-shadow: 0 0 16px rgba(0,0,0,0.3); overflow: hidden; padding-top: env(safe-area-inset-top, 0px);}
body.menu-active nav.right-menu{width: 90%; overflow: auto;}
@media only screen and (min-width: 1200px) {nav.right-menu{left: calc(50% - 600px);}}
ul.right-menu{position: absolute; top:0; bottom: 0; overflow: auto; width: 100%; z-index: 4; display: block; margin: 0; padding: 0;}
div.bg-black{position: fixed; z-index:2; background: rgba(0, 0, 0, 0.5); top:0; left: 0; bottom: 0; right: 0; display: none;}
body.menu-active div.bg-black{display: block;}


nav.right-menu ul li{list-style: none; display: block; margin: 0; padding: 0;}
nav.right-menu ul li:hover{background: var(--white)}
nav.right-menu ul li a{color: var(--black); text-decoration: none;}
nav.right-menu li.top{
    background: var(--white);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
nav.right-menu li.top img{height: 64px; width: 64px; object-fit: cover;}
nav.right-menu li.top{padding-bottom: 16px;}
nav.right-menu ul li.top a{padding-bottom: 0;}
nav.right-menu li.top a.menu-user{flex-direction: row; justify-content: flex-start; gap: 12px; padding: 0 16px; text-align: left;}
nav.right-menu li.top a.menu-user img{height: 40px; width: 40px;}
nav.right-menu li.top .avatar-placeholder{height: 40px; width: 40px; border-radius: 50%; background: #E6F1FB; display: flex; align-items: center; justify-content: center; flex: none;}
nav.right-menu li.top .menu-enter-btn{align-self: stretch; margin: 0 16px; padding: 10px 12px; font-size: 15px;}
nav.right-menu li.top .birthday-prompt{display: flex; align-items: center; gap: 4px; margin: 0 16px; padding: 8px 8px 8px 12px; border-radius: 8px; background: rgba(255, 189, 0, 0.14); text-align: left;}
nav.right-menu li.top .birthday-prompt a{display: flex; flex-direction: row; align-items: center; gap: 10px; flex: 1; padding: 0; font-size: 13px; line-height: 1.4;}
nav.right-menu li.top .birthday-prompt a svg{flex: none; color: var(--brand_yellow);}
nav.right-menu li.top .birthday-prompt-close{flex: none; background: none; border: 0; padding: 8px; line-height: 0; color: var(--gray2);}
.right-menu-item{padding: 8px 16px; display: flex; flex-direction: row; gap: 16px; align-items: center;}
.right-menu-item svg{flex: none;}
.right-menu-item div{
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.right-menu-item .badge{
    background: var(--red);
}
nav.right-menu li.last{border-bottom: solid 1px var(--gray3);}

.p-8{padding: 8px;}
.p-r-4{padding-right: 4px;}

.banner_slick a{position: relative; display: block; margin:0 8px; box-sizing: border-box;}

.slick-arrow{position: absolute; top:50%; z-index: 2; font-size: 0; background: transparent; outline: none; border: 0; line-height: 0;}
.slick-prev.slick-arrow{left: 16px;}
.slick-next.slick-arrow{right: 16px;}
.slick-arrow:before {
    font-family: 'Glyphicons Halflings';
    font-size: 20px;
    line-height: 1;
    color: var(--white);
    opacity: 0.5;
    text-shadow: 0 0 5px rgba(0,0,0,0.4)
}
.slick-arrow:hover:before{opacity: 1}
.slick-arrow.slick-prev:before{content: "\e257";}
.slick-arrow.slick-next:before{content: "\e258";}
.slick-dots{position: absolute; bottom: 0px; width: 100%; text-align: center;}
.slick-dots li{display: inline-block; }
.slick-dots li button{font-size: 0; background: transparent; outline: none; border: 0; line-height: 0;}
.slick-dots li button:before {
    content: '';
    width: 4px;
    height: 4px;
    background: var(--white);
    opacity: 0.7;
    border-radius: 4px;
    margin:2px;
}
.good_page .slick-dots li button:before{
    background: var(--gray2);
}
.slick-dots li, .slick-dots li button{
    width: 8px;
    height: 8px;
    padding: 0;
    margin: 0;
}

.slick-dots li button:hover:before{opacity: 1}
.slick-dots li.slick-active button:before{background: var(--brand_yellow); opacity: 1}

.banner_slick img{display: block; width: 100%; margin:0 auto;}
.slick-dots{margin-top: 0;}
.slick-slider{margin-bottom: 0;}


.banner_slick_content{
    position: relative;
    margin: 8px 0;
    padding: 0 8px;
}
.banner_slick_content svg.placeholder{
    display: block;
    width: 100%;
}
.banner_slick_content .banner_slick img{
    width: 100%;
    height: auto;
}
.banner_slick_content .banner_slick{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}
.banner_slick_content .banner_slick a.slick-slide{
    padding: 0;
    outline: none;
}


.tow-lines{
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(1, 1fr);
    gap: 8px;
    width: max-content;
    margin: 0 auto;
    padding: 0;
}
.tow-lines.force-one{
    grid-template-rows: repeat(1, 1fr);
}
@media only screen and (max-width: 800px) {
    .tow-lines{
        grid-template-rows: repeat(2, 1fr);
    }
}

.tow-lines .catalog-links{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
}
.tow-lines .catalog-links .img{border-radius: 16px;}
.catalog-links{background-color: transparent; width: 70px; text-align: center;}
.catalog-links .img{width: 55px; height: 55px; border-radius: 50%; display: block; margin: 0 auto; margin-bottom: 4px; background: #0a79d5; overflow: hidden;}
.catalog-links .img img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto; width: 100%; height: auto;}
.catalog-links .title{height: 28px; line-height: 14px; font-size: 12px; overflow: hidden; color: #282828; max-width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-wrap: anywhere;}
.scroll-field::-webkit-scrollbar {height: 5px;}
.scroll-field::-webkit-scrollbar-track {
    background: rgba(151,151,151, 0.3);

}
.scroll-field::-webkit-scrollbar-thumb {
    background: rgba(0,0,0, 0.3);
    border-radius: 5px;
}
.scroll-field::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0, 0.5);
}
@media (pointer: coarse) {
    .scroll-field{padding-bottom: 0 !important;}
    .scroll-field::-webkit-scrollbar {display: none;}
    .scroll-field::-webkit-scrollbar-track{display: none;}
    .scroll-field::-webkit-scrollbar-thumb{display: none;}
}
.catalog-links .valign-wrapper{width: 100%; height: 100%;}
.valign-wrapper{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}

.no-scroll-on-menu{
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}
#content-layer{
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.set-link{
    padding: 16px 10px 16px 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px;
}
.set-link a, .set-link label{
    display: block;
    padding: 6px 12px;
    border-radius: 26px;
    background: var(--white);
    color: var(--gray1);
    white-space: nowrap;
    transition-duration: .3s;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
}
.set-link a.active{
    background: var(--gray3);
}
.set-link a.hide{
    display: none;
}
#setLinkShowAll{
    display: none;
}
#setLinkShowAll:checked + .set-link a.hide{
    display: block !important;
}
.set-link a:hover{
    background: var(--gray3);
    color: var(--gray1);
}
.set-link label{
    color: var(--brand_blue);
    background: transparent;
    cursor: pointer;
    font-weight: 400;
}
.set-link label:hover{
    color: var(--brand_yellow);
}
.set-link .action-show{
    display: block;
}
.set-link .action-hide{
    display: none;
}
#setLinkShowAll:checked + .set-link .action-show{
    display: none;
}
#setLinkShowAll:checked + .set-link .action-hide{
    display: block;
}
@media (prefers-color-scheme: dark) {
    .set-link a{
        color: var(--gray2);
        background: #1D1B26;
    }
    .set-link a.active{
        color: var(--white);
        background: #1D1B26;
    }
    .set-link a:hover{
        color: var(--white);
        background: #1D1B26;
    }
    .set-link label{
        color: var(--brand_yellow);
    }
    .set-link label:hover{
        color: var(--white);
    }
}

.subsections-item{display: inline-block; vertical-align: middle; margin: 8px; padding: 8px 14px; font-size: 14px; line-height: 16px; border-radius: 4px; color: var(--black); background: var(--gray4); transition-duration: 0.2s;}
.subsections-item:hover{color: var(--black);}
.subsections-item:last-child{margin-right: 0;}
.subsections-item.subsections-add{display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;}
.subsections-item.subsections-add svg{display: block; flex: 0 0 auto;}

.subsections-item.sort-chip{display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; cursor: pointer; position: relative;}
.subsections-item.sort-chip svg{display: block; flex: 0 0 auto;}
.sort-chip select{appearance: none; -webkit-appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; border: none; padding: 0; margin: 0; cursor: pointer;}
.scroll-field .f-d-layer{display: contents;}
.scroll-field .f-d-select{display: inline-flex; align-items: center; vertical-align: middle; gap: 6px; white-space: nowrap; margin: 8px; padding: 8px 14px; font-size: 14px; line-height: 16px; border-radius: 4px; color: var(--black); background: var(--gray4); transition-duration: 0.2s; cursor: pointer;}
.scroll-field .f-d-select svg{display: block; flex: 0 0 auto;}

#search-request-words{margin: 0 10px;}
#search-request-words:not(:empty){margin-bottom: 10px;}
#search-request-words .spell-hint{font-size: 14px; color: var(--gray1);}
#search-request-words .spell-hint a{display: inline-block; padding: 5px 0; color: var(--brand_blue); font-weight: 500;}
#search-request-words .spell-error{font-weight: 700;}
#main-catalog-filter-layer{margin-bottom: 10px;}

.scroll-field.catalog-chips{margin-bottom: 0; padding: 5px 8px; scrollbar-width: none;}
.scroll-field.catalog-chips::-webkit-scrollbar{display: none;}
.catalog-chips .subsections-item,
.catalog-chips .f-d-select{margin: 0 8px 0 0;}
.catalog-chips .subsections-item:last-child,
.catalog-chips .f-d-select:last-child{margin-right: 0;}

/* Выбор города */
.location .loaded{padding: 20px 0;}
.location input[type="text"]{padding: 0 8px; border-radius: 4px; border: solid 1px #CCCCCC}
.location .yellow-btn{
    background: var(--brand_yellow);
    border-radius: 8px;
    transition-duration: 0.2s;
    padding: 0;
    width: 40px;
}
.location .yellow-btn img{
    width: 40px;
    height: 40px;
    padding: 8px;
}
.location .yellow-btn:hover{
    box-shadow: 0 0 10px rgba(255, 189, 0, 0.5);
}

.location ul li{list-style: none;}
.location ul li:last-child{border-bottom: none;}
.location ul li a{cursor: pointer; display: block; color: #2D3436;}
.location ul li a span{display: block; font-size: 12px; color: #B2BEC3;}
select.change-count{
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDggMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00IDVMNy40NjQxIDExSDAuNTM1ODk4TDQgNVoiIGZpbGw9IiM5Nzk3OTciLz4KPHBhdGggZD0iTTQgMTlMMC41MzU4OTkgMTNMNy40NjQxIDEzTDQgMTlaIiBmaWxsPSIjOTc5Nzk3Ii8+Cjwvc3ZnPgo=) no-repeat 95% 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    min-width: 35px;
}

/* Вакансии */

#content{padding: 0;}
.vacancies{

}
.vacancies .m-w-1200{
    padding: 0 16px;
    box-sizing: border-box;
}
.vacancies h1{
    font-size: 24px;
    color: var(--black);
    font-weight: 500;
    margin: 0; padding: 0 0 8px 0;
}
.vacancies p.p-16{
    font-size: 16px;
    padding: 0 0 8px 0;
    margin: 0;
}
.vacancies .p-b-8{
    padding-bottom: 8px;
}
.vacancies .advantages{
    background: url('/img/vac_bg_2020.svg') no-repeat center bottom;
    background-size: 100%;
    padding-top: 16px;
    position: relative;
    bottom: -1px;
    display: flex;
    overflow: auto;
}
.vacancies .advantages::-webkit-scrollbar {height: 5px;}
.vacancies .advantages::-webkit-scrollbar-track {
    background: rgba(151,151,151, 0.3);

}
.vacancies .advantages::-webkit-scrollbar-thumb {
    background: rgba(0,0,0, 0.3);
    border-radius: 5px;
}
.vacancies .advantages::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0, 0.5);
}
@media (pointer: coarse) {
    .vacancies .advantages{padding-bottom: 0 !important;}
    .vacancies .advantages::-webkit-scrollbar {display: none;}
    .vacancies .advantages::-webkit-scrollbar-track{display: none;}
    .vacancies .advantages::-webkit-scrollbar-thumb{display: none;}
}
.vacancies .job, .vacancies .education, .vacancies .sport{
    padding: 16px 16px 0 16px;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0,0,0,.02);
    position: relative;
    transition-duration: 0.2s;
    flex: 1 0 auto;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    width: 25%;
    min-width: 300px;
}
.vacancies .job .bottom, .vacancies .education .bottom, .vacancies .sport .bottom {
    width: 100%;
    margin-top: auto;
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
}

.vacancies .job img, .vacancies .education img, .vacancies .sport img{
    display: block;
    width: 100%;
}
.vacancies .education{
    background: linear-gradient(195.21deg, #E4A638 0%, #EFBC44 102.71%);
    margin-left: 16px;
}
.vacancies .job{
    background: linear-gradient(195.21deg, #A88AD0 0%, #9C8CB1 102.71%);
    margin-right: 8px;
    margin-left: 8px;
}
.vacancies .sport{
    background: linear-gradient(195.21deg, #F4C2CE 0%, #DA9EAA 102.71%);
    margin-right: 16px;
}
.vacancies .blue{
    background:#0A78D6
}
.vacancies .blue .m-w-1200{
    padding: 32px 16px 24px 16px;
    margin-bottom: 16px;
}

.vacancies .blue h1, .vacancies .blue p.p-16{
    color: var(--white);
}
.vacancies .table{
    display: table; width: auto
}
.vacancies .table-cell{
    display: table-cell;
    padding-right: 8px;
    vertical-align: middle;
}
.vacancies .vacancy{
    border-bottom: solid 1px #EBEBEB;
    padding: 8px 0;
    margin-bottom: 8px;
}
.vacancies .vacancy:last-child{
    border-bottom: none;
}
.vacancies .show-more{
    border: solid 1px #0A78D6;
    border-radius: 4px;
    padding: 8px 32px;
    box-sizing: border-box;
    display: inline-block;
    color: #0A78D6;
    transition-duration: 0.1s;
    font-size: 16px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 8px 8px 0;
}
.vacancies .show-more:hover{
    background: #0A78D6;
    color: var(--white);
}
.form-control-flip .form-element input[type="file"]{
    display: none;
}

.form-control-flip .form-element input[type="file"] + label{
    padding: 18px 8px 14px 8px !important;
    line-height: 18px;
    font-size: 16px !important;
    outline: 0;
    border-radius: 4px;
    display: block;
    border: solid 1px #c2c6ce;
    position: relative;
    z-index: 2;
    resize: none;
    background: #fff
}
.form-control-flip .form-element input[type="file"] + label::after{
    content: 'выбрать'; position: absolute; color: #0A78D6; right: 16px;
}


.form-control-flip .form-element{
    position: relative;
    padding-bottom: 16px;
}
.form-control-flip .form-element input, .form-control-flip .form-element textarea, .form-control-flip .form-element select{
    padding: 24px 8px 8px 8px;
    line-height: 18px;
    font-size: 16px;
    outline: 0;
    border-radius: 8px;
    background-color: transparent;
    border: solid 1px #C2C6CE;
    position: relative;
    z-index: 2;
    width: 100%;
    resize: none;
    -webkit-appearance: none;
}
.form-control-flip .form-element input[type="submit"]{
    padding: 16px 8px 16px 8px;
    border: solid 1px var(--brand_yellow);
    background: var(--brand_yellow);
    -webkit-box-shadow: none;
    color: var(--black);
    font-weight: 500;
    cursor: pointer;
    pointer-events: auto;
}

.form-control-flip .form-element input[type="submit"].gray{
    border: solid 1px var(--gray3);
    background: var(--gray3);
}
.form-control-flip .form-element input[type="submit"]:disabled {
    opacity: .2;
}
/* Стандартная жёлтая submit-кнопка и вне .form-element (формы авторизации) */
.form-control-flip input[type="submit"].btn-primary, .form-control-flip button[type="submit"].btn-primary{
    padding: 16px 8px;
    line-height: 18px;
    font-size: 16px;
    border: solid 1px var(--brand_yellow);
    border-radius: 8px;
    background: var(--brand_yellow);
    -webkit-box-shadow: none;
    color: var(--black);
    font-weight: 500;
    cursor: pointer;
}
.form-control-flip input[type="submit"].btn-primary:disabled, .form-control-flip button[type="submit"].btn-primary:disabled{
    opacity: .2;
}
.form-control-flip .form-element select{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDggMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00IDVMNy40NjQxIDExSDAuNTM1ODk4TDQgNVoiIGZpbGw9IiM5Nzk3OTciLz4KPHBhdGggZD0iTTQgMTlMMC41MzU4OTkgMTNMNy40NjQxIDEzTDQgMTlaIiBmaWxsPSIjOTc5Nzk3Ii8+Cjwvc3ZnPgo=);
    background-repeat:  no-repeat;
    background-position: right 8px bottom 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-size: 10px;
    padding-right: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.form-control-flip .form-element input::placeholder, .form-control-flip .form-element textarea::placeholder{
    color: transparent;
}


.form-control-flip .form-element label{
    position: absolute;
    top: 1px;
    left: 0;
    font-size: 16px;
    line-height: 18px;
    z-index: 1;
    transition-duration: 0.1s;
    color: #C4C4C4;
    padding-top: 16px;
    padding-left: 8px;
    border-radius: 4px;
    font-weight: 400;
    z-index: 2;
    cursor: text;
    -webkit-user-select: none;
    user-select: none;
}
.form-control-flip .form-element input[type="file"] + label{
    cursor: pointer;
}
.form-control-flip .form-element input:required + label::after,
.form-control-flip .form-element select:required + label::after,
.form-control-flip .form-element textarea:required + label::after{
    content: "*";
    color: #EB5757;
    display: inline-block;
    margin-left: 3px;
}

.form-control-flip .form-element input:focus + label,
.form-control-flip .form-element input:focus ~ ul ~ label,
.form-control-flip .form-element textarea:focus + label,
.form-control-flip .form-element input:not(:placeholder-shown) + label,
.form-control-flip .form-element input:not(:placeholder-shown) ~ ul ~ label,
.form-control-flip .form-element textarea:not(:placeholder-shown) + label,
.form-control-flip .form-element select:not([value="0"]) + label{
    font-size: 12px;
    padding-top: 4px;
    z-index: 3;
}
.form-control-flip .form-element .messege{
    padding-top:4px;
    text-align: right;
    font-size: 12px;
    color: #7a869a;
    line-height: 14px;
}
.form-control-flip .form-element.error .messege{
    color: #EB5757
}
.form-control-flip .form-element.error input, .form-control-flip .form-element.error textarea, .form-control-flip .form-element.error select{
    border-color: #EB5757
}
.form-control-flip .form-element.success .messege{
    color: #329B00
}
.form-control-flip .form-element.success input, .form-control-flip .form-element.success textarea, .form-control-flip .form-element.success select{
    border-color: #329B00
}
.form-control-flip .form-element input:focus, .form-control-flip .form-element select:focus, .form-control-flip .form-element textarea:focus{
    border-color: #0A78D6;
}
.form-control-flip .form-element .s-h-password{
    position: absolute;
    right: 8px;
    top: 18px;
    z-index: 2;
    height: 24px;
    width: 24px;
    background: url('/img/form-eye-sprite.png');
    background-size: auto 100%;
    background-position: left;
    background-repeat: no-repeat;
}
.form-control-flip .form-element input[type="password"] ~ .s-h-password {
    background-position: right;
}
.form-control-flip .form-group{
    display: table;
    width: 100%;
    position: relative;
}
.form-control-flip .form-group .form-group-element{
    display: table-cell;
    vertical-align: top;
    padding-right: 4px;
    padding-left: 4px;
    width: 1%;
}
.form-control-flip .form-group .form-group-element:first-child{
    padding-left: 0;
}
.form-control-flip .form-group .form-group-element:last-child{
    padding-right: 0;
}
.form-control-flip .table .table{
    background: none;
}

.vacancy p{
    font-size: 16px;
    padding: 0 0 8px 0;
    margin: 0;
}
.vacancy ul{
    font-size: 16px;
    padding: 0 0 0 22px;
}
.vacancy li{
    list-style: disc;
    padding-bottom: 8px;
}
@media only screen and (max-width: 1000px) {
    .vacancies .block-1000{
        display: block;
        text-align: left !important;
    }

}
@media only screen and (max-width: 800px) {
    .vacancies .block-800{
        display: block;
        text-align: left !important;
        padding: 0!important;
        width: 100%!important;
    }

}


.p-0-8{
    padding: 0 8px;
}
.p-t-16{
    padding-top: 16px;
}
.p-r-16{
    padding-right: 16px !important;
}
.p-r-32{
    padding-right: 32px;
}
.p-r-8{padding-right: 8px !important;}
.p-b-16{padding-bottom: 16px;}
.max-width-300{
    max-width: 300px
}
.width-300{
    width: 300px;
}
.p-b-8{
    padding-bottom: 8px;
}
.p-t-8{
    padding-top: 8px;
}

/* Превью включаются прямо во flex-сетку, чтобы кнопка добавления шла сразу после последнего фото */

/* Плитка-кнопка добавления фото: тот же формат 2:3, всегда последней в сетке */

.table.v-middle .cell{vertical-align: middle;}

.table.w-auto{
    width: auto;
    max-width: 100%;
}
.location-apply {
    margin-right: 0;
    margin-left: auto;
    padding: 8px 10px;
}
.location-apply .table-cell{
    padding-right: 10px;
}
.location-apply .table-cell:last-child{
    padding-right: 0;
}
.location-apply .glyphicon{
    color: var(--brand_yellow);
}
.glyphicon{
    font-display: swap;
}
.info.cart .table .cell{vertical-align: top;}

.info.cart .table_item_prod{border-top: solid 1px #eeeeee;border-bottom: solid 1px #eeeeee;}
.info.cart .table .cell{border-bottom: solid 1px #eeeeee; padding-bottom: 8px; padding-top: 8px;}
@media (prefers-color-scheme: dark) {
    .info.cart .table_item_prod{border-top: solid 1px #4A4A4A;border-bottom: solid 1px #4A4A4A;}
    .info.cart .table .cell{border-bottom: solid 1px #4A4A4A;}
}
.info.cart .table .table-row:last-child .cell{border: none;}
.info.cart .table label.cell{vertical-align: middle; padding: 8px 8px 8px 0;}
.info.cart .select-all{padding: 8px 8px 8px 0; margin: 0;}
.info.cart .select-all input{margin:0 8px 0 0;}

select.amount, input.amount{box-sizing: border-box; width: 80px; padding: 6px 8px; border-radius: 4px; border: 1px solid var(--gray3)}
.amount-av{display: block; white-space: nowrap; font-size: 10px; color: #777}

.cart-input-count.table{background: none; padding-bottom: 2px !important;padding-top: 2px !important;}
.cart-input-count.table .table-cell{vertical-align: middle; text-align: right;}
.cart-input-count.table .table-cell:last-child{width: 1px; white-space: nowrap;}
.cart-input-count.table .table-cell:first-child{padding-right: 8px;}
.prce-block{font-size: 16px; padding: 5px 0;}
.prce-block .price{font-weight: 600; font-size: 14px;}
.price-rad{font-weight: 600}
.price-through{padding-left: 4px; text-decoration: line-through;}

.row_actions {

}
.row_actions{margin-bottom: 20px; display: block; font-size: 0;}
.row_actions .coll_actions{
    display: inline-block;
    box-sizing: border-box;
    padding:16px 8px;
    width: 50%;
    font-size: 14px;
    vertical-align: top;

}
.row_actions.shared .coll_actions{width: 100%;}
.row_actions.shared .coll_actions a{box-shadow:0 0 16px rgba(255, 198, 0, 0.7); }
.row_actions.shared .coll_actions .action-desc, .row_actions.shared .coll_actions .action-name, .row_actions.shared .coll_actions .action-date{padding:8px 8px 0;}
.row_actions.shared .coll_actions .action-date{padding-bottom: 16px;}
.row_actions .coll_actions.end .action-name, .row_actions .coll_actions.end .action-desc, .row_actions .coll_actions.end .action-date{opacity: 0.5;}
.row_actions .coll_actions .img{position: relative;}
.row_actions .coll_actions .img img.absolute{position: absolute; max-width: 100%; max-height: 100%; display: block; margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;z-index: 1}
.row_actions .coll_actions img.relative{display: block; width: 100%;}
.row_actions .coll_actions a{text-decoration: none; display: block; border-radius: 8px; overflow: hidden;}
.action-name{
    padding-top: 8px;
    font-size: 16px;
    font-weight: 600;
    color: var(--black);
}
.action-desc{
    padding-top: 8px;
    font-size: 14px;
    font-weight: 400;
    color: var(--black);
}
.action-date{
    padding-top: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #707070;
}
.action-date.red{color: #EB4B4B}

@media only screen and (max-width: 600px) {
    .row_actions .coll_actions {
        width:100%;
    }
}
.vacancies .gray-bg{background: #F6F6F6;}
.scroll-frame-navigation{display: none;}
.scroll-frame.good{height: auto;}

.compilation-items{ font-size: 0; }
.compilation-items .compilation-item{ display: block; width: 24%; font-size: 14px; display: inline-block; border-radius: 10px; box-sizing: border-box; background: var(--white); margin: 0.3%; vertical-align: top; transition-duration: 0.2s; height: 291px; overflow: hidden;}
.compilation-items .compilation-item:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1)}
.compilation-items .compilation-item .img{width: 100%; height: 200px; position: relative; display: flex;  justify-content: center; align-items: center;}

.compilation-items .compilation-item .img img.dark-hack{position: absolute;z-index: 0; width: 100%; height: 100%;}
.compilation-items .compilation-item .img img{max-width: 100%; max-height: 200px; position: relative; z-index: 2}

.compilation-items .compilation-item .title{height: 32px; font-size: 16px; line-height: 32px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; color: var(--black);}
.compilation-items .compilation-item .price{height: 32px; font-size: 16px; line-height: 32px; text-align: center; color: rgba(0,0,0,0.5);}
.compilation-items .compilation-item.title{width:48.6%; padding: 10px;}
@media only screen and (max-width: 1000px) {
    .compilation-items .compilation-item{width: 32.5%}
    .compilation-items .compilation-item.title{width:65.6% }
}
@media only screen and (max-width: 800px) {
    .compilation-items .compilation-item{width: 49%}
    .compilation-items .compilation-item.title{width:100%; height: auto; text-align: center;}
    .compilation-items .compilation-item.title div:first-child{display: none !important;}
}
@media only screen and (max-width: 300px) {
    .compilation-items .compilation-item{width: 100%}
}
.compilation-item.title h1{font-size: 22px; font-weight: 400; color: var(--black); text-transform: uppercase;}
.compilation-item.title p{font-size: 14px;}
.compilation-item.title a{display: inline-block; margin-top: 20px; color: var(--black); padding: 10px; border: solid 1px var(--black); text-decoration: none; transition-duration: 0.2s;}
.compilation-item.title  a:hover{color: var(--white); background: var(--black);}

.status-border-left{border-left: 8px solid #F1F1F1; padding-left: 8px; margin: 8px 0;}
.status-border-left .status-border-left-title{font-weight: 600; padding-bottom: 4px;}
.status-border-left .css-loader{height: 22px; width: 22px; vertical-align: top;}

.status-border-left .status-border-left-list div:not(:last-child){padding-bottom: 4px;}
.status-border-left.warning{border-left: 8px solid #C10000;}
.status-border-left.info{border-left: 8px solid #febd01;}
.status-border-left.success{border-left: 8px solid #739C12;}
.table-cell.v-middle{vertical-align: middle !important;}

.inline-block{display: inline-block; vertical-align: top;}
.downsectionsshortcutsimgblock{
    width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 4px; position: relative; overflow: hidden;
}
.downsectionsshortcutsimgblock .downsectionsshortcutsimg{
    max-height: 42px; max-width: 42px; position: relative; z-index: 2
}
.downsectionsshortcutsimgblock .dark-hack{
    position: absolute;
    width: 100%;
    height: 100%;
}
.breadcrumb-bott{
    padding: 0;
    margin-bottom: 16px;
}
.breadcrumb-bott li{
    display: inline-block !important;
}


.panel-heading.collapsed .glyphicon{
    transform: rotateX(180deg);
    transition-duration: 0.5s;
}

.transparent {
    opacity: 0.4;
}

/* Вкладки */
.tabs .tabs-headers {
    margin-bottom: 10px;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-bottom: 8px;
}

.tabs .tabs-headers .tab-header{
    display: table-cell;
    padding: 4px 0;
    cursor: pointer;
    width: 2%;
    border-bottom: 2px solid var(--white);
    text-align: center;
    font-size: 16px;
    user-select: none;
}

.tabs .tabs-headers .tab-header.active{
    border-color: var(--brand_yellow);
    font-weight: 600;
}

.tabs .tabs-contents .tab-content {
    display: none;
}

.tabs .tabs-contents .tab-content.active {
    display: block;
}
.reg-box{
    background: #FFFFFF;
    box-shadow: 0 32px 64px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 16px;
    max-width: 350px;
    box-sizing: border-box;
    margin: 16px auto 70px auto;
}
.reg-box .form-control-flip .form-element input:required + label::after{content: '';}
.p-16{
    padding: 8px;
}
.reg-info{
    padding-top: 8px;
    text-align: left;
    font-size: 12px;
    opacity: 0.8;
    display: none;
}
.reg-info ol{
    padding-left: 16px;
    padding-bottom: 8px;
}
.reg-info ol li{
    list-style-type: decimal;
    padding-bottom: 8px;
}
.downsectionsshortcutsimgblock{opacity: 0.9;}

.toggle input{
    display: none;
}
.toggle label{
    display: table;
    width: 100%;
    cursor: pointer;
    margin-bottom: 16px;
}
.toggle.w-auto label{
    width: auto;
}
.toggle label .text, .toggle label .switch{
    display: table-cell;
    vertical-align: top;
    font-size: 16px;
    padding: 0;
    line-height: inherit;
    height: auto;
    margin: 0;
    border: none;
}
.toggle label .switch{
    width: 1px;
}
.toggle label .switch .field{
    display: block;
    width: 48px;
    height: 24px;
    background: #ECF0F4;
    position: relative;
    border-radius: 24px;
}
.toggle label .switch .field .switcher{
    display: block;
    width: 24px;
    height: 24px;
    background: #A1A7B5;
    position: absolute;
    left: 0;
    transition-duration: .5s;
    border-radius: 24px;
}
.toggle input:checked + label .switch .field .switcher{
    background: #0A78D6;
    left: 24px;
}
.toggle label .text{
    padding-top: 4px;
    line-height: 18px;
    display: block;
    padding-right: 16px;
}
.toggle .toggled{
    display: none;
}
.toggle .toggled input{
    display: block;
}
.toggle input:checked ~ .toggled{
    display: block;
}
.m-t-16{
    margin-top: 16px;
}
.compilation-title{padding: 10px 0 0 10px; text-align: left; font-size: 18px; color: #fe8300;}
.compilation-title:empty{display: none}
.compilations{display: grid; grid-gap: 8px; padding: 0 0 8px 0;}
.compilation-title + .compilations{padding: 16px 0 8px 0;}
.compilation-title:empty + .compilations{padding: 0 0 8px 0;}
.compilations.flex{display: flex; flex-flow:row; max-width:100%; overflow-x: auto; grid-gap: 0; -webkit-overflow-scrolling: touch;}

.compilations.flex::-webkit-scrollbar {height: 5px;}
.compilations.flex::-webkit-scrollbar-track {
    background: rgba(151,151,151, 0.3);

}
.compilations.flex::-webkit-scrollbar-thumb {
    background: rgba(0,0,0, 0.3);
    border-radius: 5px;
}
.compilations.flex::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0, 0.5);
}
@media (pointer: coarse) {
    .compilations.flex::-webkit-scrollbar {display: none;}
    .compilations.flex::-webkit-scrollbar-track{display: none;}
    .compilations.flex::-webkit-scrollbar-thumb{display: none;}
}



.compilations.flex .item{flex:1; margin-left: 8px;}
.compilations.flex .item:last-child{flex:1; margin-right: 8px;}
.compilations .item{border-radius: 10px; overflow: hidden;}


.compilations .item img{display: block; width: 100%;}
.compilations .item .title{text-align: center;}

.compilations.flex.big .item{max-width: calc((100% - 8px)/6 - 8px); min-width: calc((100% - 8px)/6 - 8px);}
.compilations.big{grid-template-columns: repeat(6, 1fr);}
.compilations.big .item .title{padding:16px; font-size: 16px;}

.compilations.flex.medium .item{max-width: calc((100% - 8px)/8 - 8px); min-width: calc((100% - 8px)/8 - 8px);}
.compilations.medium{grid-template-columns: repeat(8, 1fr);}
.compilations.medium .item .title{padding:8px; font-size: 14px;}

.compilations.flex.small .item{max-width: calc((100% - 8px)/10 - 8px); min-width: calc((100% - 8px)/10 - 8px);}
.compilations.small{grid-template-columns: repeat(10, 1fr);}
.compilations.small .item .title{padding:8px; font-size: 10px;}
.compilations.small .item.flex{
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--white);
}
.compilations.small .item.flex img{
    box-sizing: border-box;
    padding: 8px;
}

@media only screen and (max-width: 1200px) {
    .compilations.flex.big .item{max-width: calc((100% - 8px)/5 - 8px); min-width: calc((100% - 8px)/5 - 8px);}
    .compilations.big{grid-template-columns: repeat(5, 1fr);}
    .compilations.flex.medium .item{max-width: calc((100% - 8px)/6 - 8px); min-width: calc((100% - 8px)/6 - 8px);}
    .compilations.medium{grid-template-columns: repeat(6, 1fr);}
    .compilations.flex.small .item{max-width: calc((100% - 8px)/8 - 8px); min-width: calc((100% - 8px)/8 - 8px);}
    .compilations.small{grid-template-columns: repeat(8, 1fr);}
}
@media only screen and (max-width: 800px) {
    .compilations.flex.big .item{max-width: calc((100% - 8px)/4 - 8px); min-width: calc((100% - 8px)/4 - 8px);}
    .compilations.big{grid-template-columns: repeat(4, 1fr);}
    .compilations.flex.medium .item{max-width: calc((100% - 8px)/5 - 8px); min-width: calc((100% - 8px)/5 - 8px);}
    .compilations.medium{grid-template-columns: repeat(5, 1fr);}
    .compilations.flex.small .item{max-width: calc((100% - 8px)/6 - 8px); min-width: calc((100% - 8px)/6 - 8px);}
    .compilations.small{grid-template-columns: repeat(6, 1fr);}
}
@media only screen and (max-width: 600px) {
    .compilations.flex.big .item{max-width: calc((100% - 8px)/3 - 8px); min-width: calc((100% - 8px)/3 - 8px);}
    .compilations.big{grid-template-columns: repeat(3, 1fr);}
    .compilations.flex.medium .item{max-width: calc((100% - 8px)/4 - 8px); min-width: calc((100% - 8px)/4 - 8px);}
    .compilations.medium{grid-template-columns: repeat(4, 1fr);}
    .compilations.flex.small .item{max-width: calc((100% - 8px)/5 - 8px); min-width: calc((100% - 8px)/5 - 8px);}
    .compilations.small{grid-template-columns: repeat(5, 1fr);}
}
@media only screen and (max-width: 450px) {
    .compilations.flex.big .item{max-width: calc((100% - 8px)/2 - 8px); min-width: calc((100% - 8px)/2 - 8px);}
    .compilations.big{grid-template-columns: repeat(2, 1fr);}
    .compilations.flex.medium .item{max-width: calc((100% - 8px)/3 - 8px); min-width: calc((100% - 8px)/3 - 8px);}
    .compilations.medium{grid-template-columns: repeat(3, 1fr);}
    .compilations.flex.small .item{max-width: calc((100% - 8px)/4 - 8px); min-width: calc((100% - 8px)/4 - 8px);}
    .compilations.small{grid-template-columns: repeat(4, 1fr);}
}
@media only screen and (max-width: 300px) {
    .compilations.flex.big .item{max-width: calc((100% - 8px)/1 - 8px); min-width: calc((100% - 8px)/1 - 8px);}
    .compilations.big{grid-template-columns: repeat(1, 1fr);}
    .compilations.flex.medium .item{max-width: calc((100% - 8px)/2 - 8px); min-width: calc((100% - 8px)/2 - 8px);}
    .compilations.medium{grid-template-columns: repeat(2, 1fr);}
    .compilations.flex.small .item{max-width: calc((100% - 8px)/3 - 8px); min-width: calc((100% - 8px)/3 - 8px);}
    .compilations.small{grid-template-columns: repeat(3, 1fr);}
}
.map-img{
    display: block;
    width: 100%;
    height: 100px;
    overflow: auto;
    white-space: nowrap;
    position: relative;
    padding: 8px 0
}
.map-img img{
    display: inline-block !important;
    margin-right: 8px !important;
    vertical-align: top !important;
    max-height: 65px !important;
    max-width: none !important;
    border-radius: 8px;
}
#category_list .list-group{
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
}
#category_list .list-group-item{
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1;
    padding: 4px 8px;
    border-radius: 0;
}
#category_list .list-group-item a{
    display: block;
    flex: 1;
    padding: 8px 0;
    color: #333;
}
#category_list .list-group-item span{
    padding: 8px;
    background: var(--gray4);
    border-radius: 4px;
}

.lang-switcher{
    background:  var(--brand_blue);
    padding: 4px;
    border-radius: 80px;
    display: flex;
    flex-direction: row;
    gap:4px
}
.lang-switcher input{
    display: none;
}
.lang-switcher label{
    display: block;
    border-radius: 80px;
    line-height: 16px;
    font-size: 14px;
    color: var(--white);
    padding: 4px 8px;
    transition-duration: .3s;
    cursor: pointer;
    font-weight: 400;
    margin: 0;
}
.lang-switcher input:checked + label{
    color: var(--brand_blue);
    background: var(--white);
}
nav.right-menu li.top .flex-row{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
nav.right-menu li.top a{
    padding-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    justify-content: center;
}
nav.right-menu li.top .flex-row .menu-trigger-1{
    display: block;
    padding: 16px;
}
nav.right-menu li.top .flex-row .flex-1{
    flex: 1;
    display: flex;
    padding-left: 16px;
}
/*Темная тема*/
@media (prefers-color-scheme: dark) {
    .cart-count-inner{
        color:var(--black);
    }
    .lang-switcher{
        background: var(--deep_blue);
    }
    .lang-switcher input:checked + label{
        background: var(--white);
    }
    .location ul li a{color: var(--white);}
    #add-to-cart-layer ul.select-list li{
        color: var(--white);
    }
    #add-to-cart-layer ul.select-list li.comingsoon{
        color: #444;
    }
    #category_list .list-group-item span{
        background: #1D1B26;
    }
    #category_list .list-group-item a{
        color: var(--white);
    }
    .typeahead.dropdown-menu {
        background: var(--black);
    }
    .typeahead.dropdown-menu > li > a{
        color: #CCC;
    }
    .typeahead.dropdown-menu > li.active > a{
        background: var(--brand_yellow);
        color: var(--black);
    }
    a.list-group-item, button.list-group-item{
        color: var(--white);
    }
    .compilations.small .item.flex .title{
        color: #1D1B26;
    }
    body{background-color: #000 !important; color: #DDDDDD}
    a{color: var(--light_blue);}
    a:hover{color: var(--brand_blue);}
    .header{background: #1D1B26;}
    h2.produce_list_lite a{color: var(--white);}
    h1 {color: rgba(255,255,255,1);}
    .scroll-frame-navigation span{color: #1D1B26}
    .scroll-item.good{background: #1D1B26;}
    .scroll-item.good .over a.title{color: var(--white);}
    .scroll-item.good .price .new_price, .info.produces_list .good-grid .good .new_price{color: #FFFFFF}
    .scroll-item.good .price .delivery_time, .scroll-item.good .price .delivery_time span.text-success, .scroll-item.good .price .delivery_time span{color:#999;}
    .info.produces_list .good-grid .good .price .delivery_time span{color: #999;}
    .info.produces_list .good-grid .good .price .delivery_time .glyphicon {display: none;}
    .scroll-item.good .price .delivery_time .glyphicon{display: none;}
    .scroll-item.good .img{opacity: 0.9;}
    .scroll-item.good.gradient{opacity: 0.9;}
    .banner_slick{opacity: 0.9;}
    footer{color: #999; border-top:1px solid #1D1B26; background: #1D1B26;}
    .app-icons a{opacity: 0.8;}
    .app-icons a:hover{opacity: 1;}
    .swipe-menu{background: var(--black);}
    .swipe-menu .reged{background: var(--black);}
    .swipe-menu .reg a, .swipe-menu ul a{color: var(--white);}
    .swipe-menu ul.first{border-bottom: solid 1px var(--black);}
    .swipe-menu ul li.item:hover{background: #000}
    .hide-menu ul.search li{background: #1D1B26;}
    .info.produces_list .good-grid .good{background: #1D1B26}
    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color: var(--brand_blue, #0a79d6); border-color: var(--brand_blue, #0a79d6); color:#fff;}
    .pagination > li > a, .pagination > li > span{color: var(--white); background-color: #2c2b33;  border: 1px solid #3a3942;}
    .pagination > li.disabled > span.pagination-gap{background:transparent !important;border:0 !important;color:#888 !important;padding:6px 4px;cursor:default}
    div.main-page-title h1{color: rgba(255, 255, 255, 1);}
    .produces_list_filter{background: #1D1B26;}
    .swipe-menu{color: inherit}
    #right-swipe-produces-filter div.filter{border-bottom: 1px #000 solid;}
    .nav > li > a:focus{background-color: transparent;}
    .info, .good_page{background: #1D1B26}
    .good_page h1{color: rgba(255, 255, 255, 1);}
    h6{color: rgba(255, 255, 255, 0.8);}
    .good_page div.price p.price span.new{color: #FFFFFF;}
    hr{border-top: 1px solid var(--black);}
    .ajax_link{border-bottom: 1px dashed var(--white); color: var(--white);}
    .hide-if-more-200 .hide-content .shadow-line{background-image: linear-gradient(to bottom, rgba(29,27,38,0), rgba(29,27,38,1));}
    .controls{color: var(--white);}
    .accordion-container input + label{color: var(--white);}
    .accordion-container input + label:hover{color: #ccc;}
    .info.produces_list .good-grid .good .img{opacity: 0.9;}
    .catalog-links .title{color: #ccc;}
    .links a{color:rgba(255,255,255,0.5) !important;}
    input:not([type="submit"]):not([type="button"]), textarea, select{background-color: rgba(255,255,255,.1) !important; background-image: inherit !important;}
    #search_input{background-color: #FFF !important; color: #000 !important;}
    .info.user .nav{border-color:var(--black);}
    .panel{background-color:rgba(0,0,0,0.5);}
    .panel-default{border-color: var(--black);}
    .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a{color: var(--white);}
    .panel-default > .panel-heading{background-color:rgba(0,0,0,0.8)}
    .panel-default > .panel-heading + .panel-collapse > .panel-body{border-top-color:rgba(255,255,255,0.2);}
    hr{border-top: 1px solid rgba(255,255,255,0.2);}
    .modal-content{background: #1D1B26}
    .text-muted{color:rgba(255,255,255,0.5)}
    .modal-header{border-bottom: 1px solid rgba(255,255,255,0.2);}
    .modal-footer{border-top: 1px solid rgba(255,255,255,0.2);}
    .close{color: rgba(255,255,255,0.6); text-shadow: none;}
    .close:hover, .close:focus{color: rgba(255,255,255,0.8); text-shadow: none;}
    .bg-info{background: var(--black);}
    .bg-warning{background: var(--black);}
    .reviews .review-item-avatar{background: var(--black); color: rgba(255,255,255,0.4)}
    /*.form-control-flip .form-element textarea, .form-control-flip .form-element input:not([type="submit"]):not([type="button"]){color: var(--white);}*/
    .form-control{color: #ccc; background-color: transparent;}
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border-color: rgba(255,255,255,0.2);}
    nav.right-menu{background: var(--black);}
    nav.right-menu li.top{background: #1D1B26}
    nav.right-menu ul li a{color: var(--white);}
    nav.right-menu ul li a .glyphicon{color: var(--brand_yellow);}
    nav.right-menu ul li.top a.menu-trigger-1 .glyphicon{color: var(--white);}
    nav.right-menu ul li:hover{background: #1D1B26;}
    .action-name{
        color: var(--white);
    }
    .action-desc{
        color: var(--white);
    }
    .action-date{
        color: rgba(255,255,255,0.6);
    }
    .vacancies h1{color: var(--white);}
    .vacancies .advantages, .vacancies .advantages h1 {color: #000 !important;}
    .vacancies .gray-bg{background: rgba(255,255,255,0.2)}
    .form-control-flip .form-element input[type="file"] + label{background-color:transparent;}
    .list-group-item{background: var(--black); border-color:rgba(255,255,255,0.2)}
    a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus{
        background-color: #1D1B26; color: var(--white);
    }
    nav.right-menu li.last{border-color:rgba(255,255,255,0.2) }
    .subsections-item{background: #2A2836; color: #ddd;}
    .subsections-item:hover{color: var(--white);}
    .scroll-field .f-d-select{background: #2A2836; color: #ddd;}
    .sort-chip select{background-color: transparent !important;}
    .sort-chip select option{background: #2A2836; color: #ddd;}
    .subsections-item .filter-count-selected{color: var(--white); background: rgba(255,255,255,0.15);}
    #right-swipe-produces-filter span.filter-title{color: var(--gray2);}
    #search-request-words .spell-hint{color: var(--gray2);}
    #search-request-words .spell-hint a{color: var(--light_blue);}
    .compilation-items .compilation-item{background-color: #1D1B26 !important;}
    .compilation-items .compilation-item .title{color: #fff !important;}
    .compilation-items .compilation-item .price{color: rgba(255,255,255,0.5) !important;}
    .compilation-items .compilation-item .img{opacity: 0.9 !important;}
    .bottom_fixed .table{background: rgba(0,0,0,0.3);}
    .bottom_fixed .btn-price{color: var(--white);}
    .bg-danger{background: rgba(217, 62, 92, 0.6); border-radius: 8px;}
    .bg-success {background: rgba(100, 141, 1, 0.6); border-radius: 8px;}
    .border-bottom{border-bottom: solid 1px rgba(255,255,255,0.2);}
    .reg-box{background: #1D1B26}
    .tabs-headers{
        color: var(--white);
    }
    .tabs .tabs-headers .tab-header{
        border-bottom: 2px solid #1D1B26;
    }
    .panel-default > .panel-heading{
        color: #ccc;
    }

    .toggle label .switch .field{
        background: var(--black);
    }
    .toggle label .switch .field .switcher{
        background: #565F77;
    }
    .toggle input:checked + label .switch .field .switcher{
        background: var(--brand_yellow);
    }
    .compilation-title{color: var(--brand_yellow);}
    .review-item-filter label{
        color: var(--white);
    }
    .review-item-filter::after{
        background-color: #666
    }
    .review-item-filter input:checked + label{
        color: var(--brand_yellow);
    }
    .current-produce{
        border-bottom: solid 1px #666;
    }
    .review-item-all{
        border-bottom: solid 1px #666;
    }
}
/*Темная тема*/

.floating-block{
    background: var(--white);
    position: fixed;
    bottom: calc(24px + env(safe-area-inset-bottom, 0px));
    right: 24px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
    border-radius: 16px;
    padding: 16px;
    z-index: 100;
    max-width: 450px;
    width: 100%;
    box-sizing: border-box;
    overflow: auto;
    max-height: calc(100vh - 48px);
    z-index: 999;
}
@media (prefers-color-scheme: dark) {
    .floating-block{
        background: #1D1B26;
    }
    .user-avatar-chenge-btn .btn{
        background: var(--gray1);
    }
}

@media (max-width: 600px){
    .floating-block {
        bottom: 0;
        right: 0;
        border-radius: 8px 8px 0 0;
        padding: 8px 8px 24px 8px;
        max-height:100vh;
    }
}

/** FAVORITES **/

.favorites-floating-block .btn, .favorites-block .btn{
    color: var(--black);
    margin: 8px 0 0 8px;
    display: inline-block;
}
.favorites-floating-block .btn.yellow, .favorites-block .btn.yellow{
    background: var(--brand_yellow);
    color: var(--black);
}
.favorites-floating-block .btn.gray, .favorites-block .btn.gray{
    background: #ccc;
    color: var(--black);
}
.favorites-floating-block .btn.transparant, .favorites-block .btn.transparant{
    background-color: transparent;
}
.favorites-floating-block .btn:hover, .favorites-block .btn:hover{
    color: var(--black);
}
.favorites-floating-block span.gray-text, .favorites-block span.gray-text{
    color: #717171;
}

input[name="favorite"]{
    display:none;
}
input[name="favorite-selector"]{
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 2;
    transform: scale(2);
    transform-origin: 0 0;
}

/* Режим выбора товаров в избранном: карточки некликабельны, клик по карточке переключает checkbox выбора */
#favorites-layout.favorites-selecting .new-product{
    cursor: pointer;
}
#favorites-layout.favorites-selecting .new-product a.product{
    pointer-events: none;
}
#favorites-layout.favorites-selecting .new-product input[name="favorite-selector"]{
    pointer-events: auto;
}
#favorites-layout.favorites-selecting .new-product .cart-btn-absolute{
    display: none;
}
input[name="favorite"] + label {
    display: block;
    position: absolute;
    z-index: 2;
    right: 8px;
    top: 8px;
    width: 25px;
    height: 25px;
    background-image:url("/img/favorites/heart-stroke.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0;
}
input[name="favorite"] + label.relative {
    position: relative;
    right: 0;
    top: 0;
}
input[name="favorite"]:checked + label{
    background-image: url("/img/favorites/heart-full.svg");
}
.p-b-0{
    padding-bottom: 0 !important;
}
ul#pagination li{display: inline-block; margin-right: 8px}
ul#pagination li a.active{color: var(--black);}
ul#pagination li.c-help span{color: #666666}

/* Современная иконка-подсказка (Phosphor «question»), фоновый SVG. На мобиле — только глиф (тултип даёт bootstrap со своей стрелкой). */
.help-q{display:inline-block;width:16px;height:16px;vertical-align:-3px;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20256%20256'%20fill='%239aa0a6'%3E%3Cpath%20d='M140,180a12,12,0,1,1-12-12A12,12,0,0,1,140,180ZM128,72c-22.06,0-40,16.15-40,36v4a8,8,0,0,0,16,0v-4c0-11,10.77-20,24-20s24,9,24,20-10.77,20-24,20a8,8,0,0,0-8,8v8a8,8,0,0,0,16,0v-.72c18.24-3.35,32-17.9,32-35.28C168,88.15,150.06,72,128,72Z'/%3E%3Cpath%20d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Z'/%3E%3C/svg%3E") center/16px 16px no-repeat;}
.f-btn:disabled{
}

a.red{
    color: #D93E5C !important;
}
.f-list-item{
    padding: 8px 0;
    border-bottom: solid 1px #979797;
    cursor: pointer;
}
.f-list-item:first-child{
    padding-top: 0;
}
.f-list-item:last-child{
    padding-bottom: 0;
    border-bottom: none;
}
.f-list-item .title{
    font-size: 14px !important;
    padding: 0 !important;
}
.f-list-item .count{
    color: #717171;
    font-size: 10px;
}
.f-badge{
    color: #cacaca; font-size: 10px; padding: 3px 0 3px;
}
#favorites-layout .message-block:empty{
    display: none;
}
#favorites-layout .message-block{
    background: var(--white);
    position: fixed;
    bottom: 24px;
    right: 24px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
    border-radius: 16px;
    padding: 16px;
    z-index: 5;
    box-sizing: border-box;
}
#favorites-layout .message-block .mess{
    padding: 0;
    max-width:inherit;
    border-radius: 0;
    margin-bottom: 0;
}
#favorites-layout .bubble{
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 8px;
}

#favorites-layout .favorites-toolbar{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}
#favorites-layout .favorites-toolbar-search{
    flex: 1 1 auto;
    min-width: 0;
}
#favorites-layout .favorites-toolbar-sort{
    flex: 0 0 auto;
    margin-right: 16px;
}
#favorites-layout .favorites-toolbar-selectors{
    flex: 0 0 auto;
    margin-left: auto;
}
.favorites-ctl{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    color: var(--black);
    font-size: 13px;
    line-height: 20px;
    cursor: pointer;
}
.favorites-ctl:hover{
    color: var(--brand_blue);
}
.favorites-ctl svg{
    display: block;
    flex: 0 0 auto;
}
#favorites-layout .sAll{
    display: flex;
    align-items: stretch;
    flex: 1;
    width: 100%;
}
#favorites-layout .sAll input,
#favorites-layout .sAll button{
    border: none;
    outline: none;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}
#favorites-layout .sAll button[type="submit"]{
    background: #febd01;
    color: #282828;
    cursor: pointer;
    border-radius: 0 8px 8px 0;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}
#favorites-layout .sAll button[type="submit"] img{
    display: block;
    height: 18px;
}
#favorites-layout .sAll .is-input-wrap{
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    min-width: 0;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-right: none;
    border-radius: 8px 0 0 8px;
}
#favorites-layout .sAll .is-input-wrap input[type="search"]{
    background: transparent;
    border-radius: 0;
    border: none;
    outline: none;
    flex: 1;
    min-width: 0;
    width: 100%;
}
#favorites-layout .favorites-order{
    padding: 8px 8px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    min-width: 0;
}

@media (max-width: 599px){
    #favorites-layout .favorites-toolbar-search{
        flex: 1 1 100%;
    }
}

#favorites-layout .sticky .table .cell{
    padding: 8px;
}
#favorites-layout .sticky .table .cell .btn{
    width: 100%;
    display: block;
}
#favorites-layout .sticky{
    position:-webkit-sticky;
    position:sticky;
    bottom:0;
    display: block;
    z-index: 2;
    text-align: center;
    background: #F3F3F3;
    border-radius: 8px 8px 0 0;
}
@media (prefers-color-scheme: dark){
    .dark-invert-img img{
        filter: invert(1);
    }
    .favorites-ctl{
        color: var(--white);
    }
    .favorites-ctl:hover{
        color: var(--light_blue);
    }
    #favorites-layout .sticky{
        background: #1D1B26;
    }
    .favorites-floating-block {
        background: #1D1B26;
    }
}



.pay-method h1{
    margin: 0; padding: 0;
}
.method-kaspi-qr, .method-homebank-qr{
    display: flex;
    flex: 1;
    align-items: center;
}
.pay-method{
    max-width: 1200px;
    padding: 16px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}
.pay-select{
    background: var(--white);
    border-radius: 8px;
    margin-bottom: 16px;
    transition-duration: .5s;
}
.pay-select:hover{
    box-shadow: 0 2px 8px rgba(0,0,0,.1)
}
.order-view a.pay-select{
    color: var(--black);
}
.order-view a.pay-select:hover{
    color: var(--black);
}
.pay-select .cell{
    padding: 8px;
    vertical-align: top;
}
.pay-select .w-32{
    width: 32px;
    padding: 8px 8px 8px 16px;
}
.pay-select .w-16{
    width: 16px;
    padding: 16px;
}
.pay-select .w-16 img{
    display: block;
    max-width: 16px;
    max-height: 16px;
    margin: 0 auto;
}
.pay-select .w-32 img{
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
}
.p-desc{
    font-size: 12px;
    line-height: 14px;
    padding-top: 4px;
    opacity: 0.6;
}
.p-title{
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
}
.kaspi-qr, .homebank-qr{
    max-width: 250px;
    text-align: center;
    margin: 0 auto;
    background: var(--white);
    padding: 24px;
    border-radius: 16px;
}
.kaspi-qr img, .homebank-qr img{
    width: 100%;
    display: block;
}
.kaspi-qr .summa, .homebank-qr .summa{
    font-size: 32px;
    line-height: 42px;
    font-weight: 600;
}
.kaspi-qr .title, .homebank-qr .title{
    padding: 8px 0;
    font-size: 16px;
}
.kaspi-qr .rotate-360, .homebank-qr .rotate-360{
    max-width: 80px;
    margin: 0 auto;
    animation: rotate360 2s linear infinite;
}
.pay-method .k-p-method{
    padding-bottom: 24px;
}
.pay-method .k-p-method img{
    display: inline-block;
    margin: 4px;
    vertical-align: top;
    width: 48px;
}
.pay-method .k-p-btn-red-outline:hover{
    color: #F14635;
}
.pay-method .k-p-btn-red-outline{
    border: 1px solid #F14635;
    box-sizing: border-box;
    border-radius: 4px;
    color: #F14635;
    width: 100%;
    padding: 8px 16px;
    display: block;
}
.pay-method .k-p-btn-red:hover{
    color: var(--white);
}
.pay-method .k-p-btn-red{
    background: #F14635;
    box-sizing: border-box;
    border-radius: 4px;
    color: var(--white);
    width: 100%;
    padding: 8px;
    display: block;
    font-weight: 600;
    line-height: 20px;
}
.pay-method .k-p-btn-red.green{
    background: #1FAD8F;
}
.pay-method .k-p-btn-red .k-p-table{
    display: table;
    margin: 0 auto;
    height: 100%;
}
.pay-method .k-p-btn-red .k-p-table .k-p-cell{
    display: table-cell;
    vertical-align: middle;
    padding: 0 4px;
    height: 100%;
}
.pay-method .k-p-btn-red .k-p-table .k-p-cell.w-24{
    width: 24px;
}
.pay-method .k-p-btn-yellow:hover{
    color: var(--black);
}
.pay-method .k-p-btn-yellow{
    background: var(--brand_yellow);
    box-sizing: border-box;
    border-radius: 4px;
    color: var(--black);
    width: 100%;
    padding: 8px 16px;
    display: block;
}
.pay-method .kaspi-logo-qr-f{
    position: relative;
}
.pay-method .kaspi-logo-qr{
    position: absolute;
    width: 20% !important;
    top: 40%;
    left: 40%;
    z-index: 1;
    border-radius: 2px;
}
.pay-method .summa{

}
.k-p-small{
    font-size: 12px;
    opacity: 0.6;
    line-height: 16px;
    padding-bottom: 16px;
    display: block;
}
.cell.v-middle{
    vertical-align: middle !important;
}
.table.v-bottom .cell{
    vertical-align: bottom;
}
.p-summ{
    font-size: 32px;
    line-height: 32px;
    padding-top: 8px;
    white-space: nowrap;
    font-weight: 600;
}
.m-b-16{
    margin-bottom: 16px;
}
.m-b-32{
    margin-bottom: 32px;
}
.border-radius-8{
    border-radius: 8px;
}
@keyframes rotate360{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

@media only screen and (max-width: 600px) {
    .hide-on-600{
        display: none;
    }
}
@media (prefers-color-scheme: dark) {
    .kaspi-qr{
        background: #1D1B26
    }
    .pay-select{
        background: #1D1B26;
    }
    .pay-select:hover{
        box-shadow: 0 2px 8px rgba(0,0,0,1)
    }
    .order-view a.pay-select{
        color: var(--white);
    }
    .order-view a.pay-select:hover{
        color: var(--white);
    }
    .d-invert{
        filter: invert(1)
    }
}

/* ATTRIBUTES CHOOSE */
/*товар*/
.attributes-choose-block .select-attribute{margin-bottom: 8px; width: 100%; overflow: auto; white-space: nowrap;}
.attributes-choose-block .select-attribute input{display: none;}
.attributes-choose-block .select-attribute label{display: inline-block; vertical-align: top; margin: 0 4px 4px 0; padding: 8px; border: var(--gray3) solid 1px; border-radius: 4px; cursor: pointer; position: relative; overflow: hidden;}
.attributes-choose-block .select-attribute label img{max-width: 50px; max-height: 50px; display: block; margin: 0 auto;}
.attributes-choose-block .select-attribute input:checked + label{border: var(--brand_yellow) solid 1px;}
.attributes-choose-block .select-attribute input:disabled + label{opacity: 0.2; cursor:not-allowed;}
.attributes-choose-block .select-attribute input + label .valign-wrapper{width: 50px; height: 50px;}
.attributes-choose-block .select-attribute input.report + label::before, .select-attribute input:disabled + label::before{content: ''; display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: linear-gradient(45deg, transparent 49%, var(--gray3) 50%, transparent 51%);}
.attributes-choose-block .select-attribute input.report:checked + label::before{background: linear-gradient(45deg, transparent 49%, var(--brand_yellow) 50%, transparent 51%);}
.attributes-choose-block .select-attribute label .dark-hack{display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: -1; max-height: none; max-width: none;}
.attributes-choose-block .valign-wrapper{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.attributes-choose-block .good-img{
    display: table;
    width: auto;
}
.attributes-choose-block .good-img  .good-img-prev{
    display: table-cell;
    vertical-align: top;
    width: 1px;
    padding-right: 8px;
}
.attributes-choose-block .good-img  .good-img-prev .select-attribute{
    max-height: 150px;
    overflow-y: auto;
    padding-right: 8px;
}
.attributes-choose-block .good-img  .good-img-prev .select-attribute::-webkit-scrollbar {
    width: 8px;
}
.attributes-choose-block .good-img  .good-img-prev .select-attribute::-webkit-scrollbar-track {
    background: #ECF0F4;
    border-radius: 8px;
}
.attributes-choose-block .good-img  .good-img-prev .select-attribute::-webkit-scrollbar-thumb {
    background: #C2C6CE;
    border-radius: 8px;
}
.attributes-choose-block .good-img  .good-img-prev .select-attribute::-webkit-scrollbar-thumb:hover {
    background: #565F77;
}
.attributes-choose-block .good-img  .good-img-prev label{
    display: block;
}
.attributes-choose-block .good-img .good-img-f{
    display: table-cell;
    vertical-align: top;

}
.attributes-choose-block .good-img .good-img-f img{
    max-width: 150px;
    max-height: 150px;
    display: block;
    margin: 0 auto;
}
.attributes-choose-block .good-img-f-f{
    /*width: 300px;
    height: 300px;*/
}
.attributes-choose-block .table .cell.w-0{
    padding-right: 0;
}
.attributes-choose-block .detailed .row .cell{
    vertical-align: bottom;
    padding-bottom: 0;
    padding-top: 8px;
}
.attributes-choose-block .detailed .row .cell span{
    background: var(--white);
    display: inline-block;
    white-space: nowrap;
    position: relative;
    z-index: 2
}
.attributes-choose-block .detailed .row .cell:first-child{

    padding-right: 16px;
    position: relative;
}
.attributes-choose-block .detailed .row .cell:first-child::after{
    content: "";
    display: block;
    left: 0;
    bottom:0.2em;
    position: absolute;
    width: 100%;
    border-bottom: 1px dotted var(--gray3);
    z-index: 1
}
.attributes-choose-block .form-control .form-element select{-webkit-box-shadow: none;}
.attributes-choose-block .price{
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    color: var(--red);
    padding-bottom: 4px;
    margin: 0;
}
.attributes-choose-block .form-control .form-element input[type=submit]{
    background-color: var(--brand_yellow);
    -webkit-box-shadow:none;
    padding: 16px 8px 16px 8px;
    border: none;
    cursor: pointer;
}
.attributes-choose-block .table .w-50:first-child .detailed{padding-right: 16px;}
.attributes-choose-block .table .w-50:last-child .detailed{padding-left: 16px;}
.attributes-choose-block img.descript-logo{
    max-height: 80px;
    max-width: 80px;
}
.attributes-choose-block .category-img div{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;

}
.attributes-choose-block .category-img div:last-child{
    padding-right: 16px;
}
.attributes-choose-block .category-img div img{
    max-height: 42px;
    max-width: 42px;
}
.attributes-choose-block .more-ditail{
    padding-top: 8px; line-height: 24px; display: inline-block
}

.attributes-choose-block .btn-close, .attributes-choose-block .btn-back {
    background: #EBEBEB;
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    color: var(--black);
    padding: 8px 20px;
    border: none;
}

.inlineForm .btn-go, .attributes-choose-block .btn-go, .attributes-choose-block .btn-expected {
    background: #0A78D6;
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    color: var(--white);
    padding: 8px 20px;
    border: none;
    margin-right: 10px;
}
.inlineForm .btn-go {
    display: block;
    margin: 0 !important;
    width: 100%;
    font-size: 12px;
    line-height: 12px;
}

.suplier-price-btn .btn-go, .suplier-price-btn .btn-expected{
    display: block;
    margin: 0 !important;
}

.attributes-choose-block .btn-back {
    width: 100%;
}

.attributes-choose-block .btn-add,  .attributes-choose-block .btn-report{
    background: var(--brand_yellow);
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    color: var(--black);
    padding: 8px 20px;
    border: none;
    margin-right: 10px;
}

.attributes-choose-block .prices .price span:nth-child(1) {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    color: #D93E5C;
    margin-right: 10px;
}

.attributes-choose-block .prices .price span:nth-child(2) {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #A4A4A4;
    text-decoration: line-through;
}

.attributes-choose-block .prices .saving {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #979797;
}

.attributes-choose-block .prices .saving span{
    color: #D93E5C;
}

.attributes-choose-block .cell{
    background: var(--white);
}

.attributes-choose-block .select-attribute input.unavailable + label{
    opacity: 0.5;
    text-decoration: line-through;
}

.attributes-choose-block .sizemap-block a {
    cursor: pointer;
}

.attributes-choose-block .product-sizemap-layout {
    max-width: 100%;
    overflow: hidden;
}

.attributes-choose-block .product-sizemap-layout .sizemap table.responsive-table {
    min-width: 0;
}

.attributes-choose-block .product-sizemap-layout .sizemap {
    overflow: auto;
}

.btn-attributes-choose{
    position: absolute;
    z-index: 2;
    bottom: 8px;
    right: 8px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin: 0;
}

.help-page .help-search-result .help-item .title {
    font-size: 14px;
    color: var(--black);
    font-weight: 600;
    padding: 0;
}
.helpdocs-text-small{
    font-weight: 400;
    font-size: 14px;
    padding-top: 4px;
}
.help-page .help-search{
    padding-bottom: 16px;
    border-bottom: solid 1px #EBEBEB;
}
.help-page .help-search-input{
    position: relative;
}
.help-page .help-search-input .s-icon{
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    opacity: 0.4;
    z-index: 1;
}
.help-page .panel-group{
    margin-bottom: 0;
}
.help-page .panel-heading{
    padding: 0;
}
.help-page .panel-heading a {
    display: block;
    padding: 16px 0
}
.help-page .panel-body{
    padding: 0 0 16px 0;
}
.help-page .help-search-input .e-icon{
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    opacity: 0.4;
    cursor: pointer;
    display: none;
    z-index: 1;
}
.help-page .no-resul{
    padding:  16px 0;
}
.help-page .no-resul h5{
    padding-bottom:  8px;
}
.help-page .help-search-input .e-icon:hover{
    opacity: 1;
}
.help-page .help-search-input input[name="query"]:not(:placeholder-shown) ~ .e-icon{
    display: block;
}
.help-page .help-search-input input[name="query"]{
    padding: 12px 38px;
    width: 100%;
    border-radius: 8px;
    border: solid 1px #E5E5E5;
    font-size: 16px;
}
.help-page .help-search-result{
    position: absolute;
    z-index: 9;
    background: #ffffff;
    border: 1px solid #E5E5E5;
    width: 100% !important;
    margin-top: -4px;
    white-space: normal;
    padding: 0;
    border-top: none;
    border-radius: 0 0 4px 4px;
    max-height: 60vh;
    overflow: auto;
}
.help-page .help-search-result::-webkit-scrollbar {
    width: 8px;
    border-radius: 8px;
}
.help-page .help-search-result::-webkit-scrollbar-track {
    background: #FAFAFA;
    border-radius: 8px;
}
.help-page .help-search-result::-webkit-scrollbar-thumb {
    background: #E5E5E5;
    border-radius: 8px;
}
.help-page .help-search-result::-webkit-scrollbar-thumb:hover {
    background: #C9C9C9;
}
.help-page .help-search-result .help-item .block-title {
    font-size: 12px;
    color: var(--black);
    font-weight: 400;
    padding-top: 4px;
    opacity: 0.6;
}
.help-page .help-search-result .help-item{
    cursor: pointer;
    padding:8px;
    margin: 0 8px;
    border-bottom: 1px solid #E5E5E5;
    transition-duration: .5s;
}
.help-page .help-search-result .help-item:last-child {
    border-bottom: none;
}
.help-page .help-search-result .help-item:hover{
    background: #F2F4F7;
}

@media (prefers-color-scheme: dark) {
    #reviews-more {
        border-top: solid 1px #666;
    }
    #search .swipe-menu ul li.item:hover{
        background: #1D1B26;
    }
    #search .search ul.nav{
        background: #1D1B26;
    }
    #search ul.nav li.item{
        background: #1D1B26;
    }
    #search ul.nav li.item:not(:last-child){
        border-bottom: solid 1px rgba(255,255,255,.3)
    }
    #search ul.nav li.item a{
        color: var(--white);
    }
    #search ul.nav li.item.active{
        background: #1D1B26;
    }
    #search ul.nav li.item.active a{
        color: var(--white);
    }
    .help-page .help-search{
        padding-bottom: 16px;
        border-bottom: solid 1px #666;
    }
    .help-page .help-search-result::-webkit-scrollbar-track {
        background: #1D1B26;
    }
    .help-page .help-search-result::-webkit-scrollbar-thumb {
        background: #322F3F;
    }
    .help-page .help-search-result::-webkit-scrollbar-thumb:hover {
        background: #454155;
    }
    .help-page .help-search-result .help-item .title {
        color: var(--white);
    }

    .help-page .help-search-input .s-icon{
        opacity: 1;
    }
    .help-page .help-search-input .e-icon{
        opacity: 1;
    }
    .help-page .help-search-input input[name="query"]:not(:placeholder-shown) ~ .e-icon{
        display: block;
    }
    .help-page .help-search-input input[name="query"]{
        border: solid 1px #666;
        background: var(--black);
        position: relative;
    }
    .help-page .help-search-result{
        background: var(--black);
        border: 1px solid #666;
        border-top: none;
    }
    .help-page .help-search-result .help-item .block-title {
        color: var(--white);
    }
    .help-page .help-search-result .help-item{
        border-bottom: 1px solid #979797;
    }
    .help-page .help-search-result .help-item:hover{
        background: #1D1B26;
    }
}




.produce-rate-block ul.stars{
    display:flex;
    margin: 0;
    padding: 0;
    height: 12px;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap:1px;
}
.produce-rate-block.big ul.stars{
    height: 16px;
    gap:2px;
}
.produce-rate-block ul.stars li{
    display:block;
    width:12px;
    height:12px;
    margin:0;
    padding:0;
    background-size: cover;
    background-image: url("../../img/new_stars.png");
    background-repeat: no-repeat;
}
.produce-rate-block.big ul.stars li{
    width:16px;
    height:16px;
}
.produce-rate-block ul.stars li.rate-10{
    background-position: top;
}
.produce-rate-block ul.stars li.rate-5{
    background-position: center;
}
.produce-rate-block ul.stars li.rate-0{
    background-position: bottom;
}
.produce-rate-block{
    height: 15px;
    display: block;
}
.produce-rate-block.big{
    height: auto;
}
@media (max-width: 480px){
    .produce-rate-block.big{
        padding-left: 0;
    }
}
.produce-rate-block .comments{
    display: flex;
    gap:4px;
    align-items: center;
    justify-content: right;
    flex-direction: row;
    padding-bottom: 8px;
    padding-right: 8px;
    font-size: 13px;
}
.produce-rate-block.big .comments{
    gap:8px;
    justify-content: flex-start;
    font-size: 14px;
}
.produce-rate-block a{
    font-size: 12px;
    line-height: 12px;
    display: block;
}
.produce-rate-block.big a{
    font-size: 14px;
    line-height: 16px;
}

.gray-divider{
    color:#E5E5E5;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap:8px;
}
.gray-divider::before, .gray-divider::after{
    content: '';
    display: block;
    flex: 1;
    height: 1px;
    background:#E5E5E5;
    border-radius: 1px;
}
.sex-select{
    display: flex;
    flex-direction: row;
    padding: 8px;
    background: #E5E5E5;
    border-radius: 8px;
}
.sex-select input{
    display: none;
}
.sex-select input:checked + label{
    background: var(--white);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
    opacity: 1;
}
.sex-select label{
    display: flex;
    flex: 1;
    flex-direction: column;
    opacity: .6;
    border-radius: 8px;
    gap: 4px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    color: #1f1f1f;
    transition-duration: .3s;
}
.form-control-flip .form-element .loader{
    position: absolute;
    top: 14px;
    right: 8px;
    z-index: 1;
    width: 24px;
    height: 24px;
    display: none;
    margin: 0;
}
/*
Оформление заказа
*/

body.light-tpl{
    font-size: 14px;
    background: #F2F4F7;
    color: #313131;
    display: flex;
    flex-direction: column;
}
body.light-tpl .header-light{
    background: #0A78D6;
    color: var(--white);
    font-weight: 400;
}
body.light-tpl .order-view .max-w-1200{
    max-width: 1200px;
    margin: 0 auto;
}
.order-view .table{
    display: table;
    width: 100%;
    height: 1px;
}
.order-view .toggle .form-control-flip input{
    display: block;
}
.order-view .table .row{
    display: table-row;
}
.order-view .table .cell{
    display: table-cell;
    vertical-align: top;
}
.order-view .table.middle .cell, .order-view .table .cell.middle{
    vertical-align: middle
}
.order-view .table .cell.w-0{
    width: 1px;
    white-space: nowrap;
}
.order-view img.logo{
    height: 43px;
}
.order-view .right-align{
    text-align: right;
}
.order-view .header-light a{
    color: var(--white);
    font-weight: 500;
}
.order-view .p-t-8{
    padding-top: 8px;
}
.order-view .m-r-16{
    margin-right: 16px;
}
.order-view .header-light .devider{
    background: var(--white);
    height: 100%;
    width: 1px;
    margin: 0 16px;
}
body.light-tpl .order-view .p-16{
    padding: 16px;
    box-sizing: border-box;
}
.order-view .f-s-18{
    font-size: 18px;
}
.order-view .block{
    background: var(--white);
    padding: 16px;
    border-radius: 8px;
    border: 1px solid transparent;
}
.order-view .block:not(:last-child){
    margin-bottom: 8px;
}
.order-view .p-l-0{
    padding-left: 0 !important;
}
.order-view .w-400{
    width: 400px;
}
.order-view h4{
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin: 0;
    padding: 0;
}
.order-view a{
    color: #0A78D6;
    transition-duration: .3s;
    text-decoration: none;
}
.order-view a:hover{
    color: var(--brand_yellow);
}
.order-view .p-b-8{
    padding-bottom: 8px;
}
.order-view hr{
    display: block;
    background: #E5E5E5;
    color: #E5E5E5;
    border: none;
    height: 0.5px;
    margin: 8px 0
}
.order-view .p-r-8{
    padding-right: 8px;
}
.order-view .h-30{
    height: 30px;
}
.order-view .goods .row .cell{
    padding-top: 8px;
}
.order-view .goods .row:not(:last-child) .cell{
    padding-bottom: 8px;
    border-bottom: solid 1px #E5E5E5;
}
.order-view .goods{
    margin-bottom: 0;
}
.order-view .goods .row{
    padding-bottom: 0;
}
.order-view .goods  .row:first-child{
    border-top: none;
}
.order-view .goods .row:last-child .cell{
    padding-bottom: 0;
}
.order-view .goods .img{
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 4px;
    border: solid 1px #E5E5E5;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
}
.order-view .goods .img img{
    max-height: 100%;
    max-width: 100%;
    display: block;
}
.order-view .goods .img .count{
    position: absolute;
    right: -4px;
    top: -4px;

}
.order-view .count{

    background: var(--brand_yellow);
    border-radius: 16px;
    padding: 4px 6px;
    color: #313131;
    font-size: 12px;
    line-height: 12px;
}
.order-view .gray{
    color: #747474
}
.order-view .orange{
    color: #CF7000;
}
.order-view .small{
    font-size: 12px;
}
.order-view .p-8{
    padding: 8px;
}
.order-view .p-r-0{
    padding-right: 0;
}
.order-view .p-t-4{
   padding-top: 4px;
}
.order-view .red-text{
    color: #D93E5C
}
.order-view .price{
    font-weight: 600;
}
.order-view .price span{
    padding-left: 4px;
    font-weight: 400;
    color: #747474;
    text-decoration: line-through;
}
.order-view .p-l-8{
    padding-left: 8px;
}
.order-view .p-l-16{
    padding-left: 16px;
}
.order-view .form-control-flip .form-element{
    position: relative;
    padding-bottom: 16px;
}
.order-view .form-control-flip .form-element input, .order-view .form-control-flip .form-element select{
    height: 52px
}

.order-view .p-b-0{
    padding-bottom: 0 !important;
}
.order-view .p-b-16{
    padding-bottom: 16px;
}
.order-view .p-t-16{
    padding-top: 16px;
}
.order-view .scroll{
    /*max-height: 500px;*/

    overflow-y: auto;
    padding: 8px 0;
}
.order-view .toggle input.cb{
	display: none;
}
.order-view .toggle{
    padding-bottom: 16px;
}
.order-view .toggle label.cb{
	display: table;
	width: 100%;
	cursor: pointer;
    margin-bottom: 0;
}
.order-view .toggle label.cb .text, .toggle label.cb .switch, .toggle label.cb .plus{
	display: table-cell;
	vertical-align: top;
	font-size: 16px;
	padding: 0;
	line-height: inherit;
	height: auto;
	margin: 0;
	border: none;
}
.order-view .toggle label.cb .plus{
    width: 24px;
    height: 24px;
    position: relative;
    background: none;
}
.order-view .toggle label.cb .plus div{
    background: #0A78D6;
    width: 14px;
    height: 2px;
    border-radius: 2px;
    position: absolute;
    left: 5px;
    top: 11px;
    transition-duration: .5s;
}
.order-view .toggle label.cb .plus div:first-child{
    transform: rotate(90deg)
}
.order-view .toggle input.cb:checked + label.cb .plus div:first-child{
	transform: rotate(0deg)
}
.order-view .toggle label.cb .switch{
	width: 1px;
}
.order-view .toggle label.cb .switch .field{
	display: block;
	width: 40px;
	height: 24px;
	background: #ECF0F4;
	position: relative;
	border-radius: 24px;
}

.order-view .toggle label.cb .switch .field .switcher{
	display: block;
	width: 18px;
	height: 18px;
	background: #fff;
	position: absolute;
	left: 4px;
    top: 3px;
	transition-duration: .5s;
	border-radius: 24px;
}
.order-view .toggle input.cb:checked + label.cb .switch .field{
    background: #0A78D6;
}
.order-view .toggle input.cb:checked + label.cb .switch .field .switcher{
	left: 18px;
}
.order-view .toggle label.cb .text{
	padding-top: 4px;
	line-height: 18px;
}
.order-view .toggle.show .element{
    display: none;
}
.order-view .toggle.show input.cb:checked ~ .element{
    display: block;
}
.order-view .toggle.hide .element{
    display: block;
}
.order-view .toggle.hide input.cb:checked ~ .element{
    display: none;
}
.order-view .nbtn {
    margin: 0;
    display:inline-block;
    border: none;
    border-radius: 8px;
    outline: 0;
    padding: 8px 16px;
    cursor: pointer;
    position: relative;
    line-height: 18px;
    font-size: 14px;
    color:var(--black);
    text-decoration:none;
    white-space:nowrap;
}
.order-view .nbtn.link {
    margin: 0;
    display:inline-block;
    border: none;
    border-radius: 0;
    outline: 0;
    padding: 0 10px;;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    color:#0a78d6;
    text-decoration:none;
    white-space:nowrap;
	background: none;
}
.order-view .nbtn.link:hover{color: #ffbd00}
.order-view .nbtn.small {
    margin: 0;
    padding: 0 10px;
    display:inline-block;
    border: #c1c1c1 solid 1px;
    border-radius: 5px;
    outline: 0;
    cursor: pointer;
    position: relative;
    line-height: 18px;
    font-size: 12px;
    font-weight: 400;
    color:var(--black);
    text-decoration:none;
}

.order-view .nbtn:hover,.nbtn:active {
    text-decoration:none;
    color:var(--black);
}

.order-view .nbtn.yellow{
    background: #febd00;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fad055),to(#febd02));
    background-image: -webkit-linear-gradient(top,#fad055,#febd02);
    background-image: -moz-linear-gradient(top,#fad055,#febd02);
    background-image: -ms-linear-gradient(top,#fad055,#febd02);
    background-image: -o-linear-gradient(top,#fad055,#febd02);
    background-image: linear-gradient(to bottom,#fad055,#febd02);
}

.order-view .nbtn.yellow:hover{
    background: #fad567;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fad567),to(#fad054));
    background-image: -webkit-linear-gradient(top,#fad567,#fad054);
    background-image: -moz-linear-gradient(top,#fad567,#fad054);
    background-image: -ms-linear-gradient(top,#fad567,#fad054);
    background-image: -o-linear-gradient(top,#fad567,#fad054);
    background-image: linear-gradient(to bottom,#fad567,#fad054);

}

.order-view .nbtn.gray{
    background: #ddd;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ddd),to(#eee));
    background-image: -webkit-linear-gradient(top,#ddd,#eee);
    background-image: -moz-linear-gradient(top,#ddd,#eee);
    background-image: -ms-linear-gradient(top,#ddd,#eee);
    background-image: -o-linear-gradient(top,#ddd,#eee);
    background-image: linear-gradient(to bottom,#ddd,#eee);
    color:#333;
}

.order-view .nbtn.gray:hover{
    background: #e5e5e5;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#e5e5e5),to(#f5f5f5));
    background-image: -webkit-linear-gradient(top,#e5e5e5,#f5f5f5);
    background-image: -moz-linear-gradient(top,#e5e5e5,#f5f5f5);
    background-image: -ms-linear-gradient(top,#e5e5e5,#f5f5f5);
    background-image: -o-linear-gradient(top,#e5e5e5,#f5f5f5);
    background-image: linear-gradient(to bottom,#e5e5e5,#f5f5f5);
    color:var(--black);
}
.order-view .p-t-16{
    padding-top: 16px;
}
.order-view .element-block{
    padding: 8px;
    border-radius: 4px;
    border:solid 1px #E5E5E5;
    margin-bottom: 16px;
}
.order-view .element-block:last-child{
    margin-bottom: 0;
}
.order-view .delivery-list .item{
    display: none;
}
.order-view .delivery-list label{
    display: block;
}
.order-view .delivery-list input[type="radio"]:checked + label .item{
    display: block;
}
.order-view .delivery-list input[type="radio"]{
    display: none;
}
.order-view .bottom-bar{
    background: var(--white);
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 9;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
}

.order-view input[type="range"]{
    -webkit-appearance: none;
    height:1px;
    width:100%;
    cursor: pointer;
    background: #0A78D6;
    margin-bottom: 16px;
}
.order-view input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 1px solid #0A78D6;
    height: 16px;
    width: 16px;
    border-radius: 16px;
    background: var(--white);
    cursor: pointer;
    margin-top: 0px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}
.order-view .eq-w{
    table-layout: fixed;
}
.order-view .eq-w .cell{
    max-width: 0px;
}
.order-view .center-align{
    text-align: center;
}
.order-view .m-w-600{
    max-width: 600px;
}
.order-view .banks input{
    display: none;
}
.order-view .green-text, .order-view .success{
    color: #739C12;
}
.order-view .big-text{
    font-size: 18px;
}
.order-view .banks .border{
    border: solid 1px #E5E5E5;
    border-radius: 4px;

}
.order-view .banks .cell{
    padding-bottom: 16px;
}
.order-view .banks .border img{
    height: 30px;
    padding:8px;
    box-sizing: content-box;
    display: block;
    margin: 0 auto;
}
.order-view .banks input:checked + label .border{
    border: solid 1px #0A78D6;
}
.order-view .no-br{
    white-space: nowrap;
}
.order-view .bottom-bar .max-w-1400{
    padding: 16px 32px;
}
.order-view .sticky{
    position: sticky;
    top: 16px;
}
.order-view .flex{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: stretch;
}
.order-view .flex div:not(.w-400){
    flex: 1;
}
.order-view .table .cell.w-0{
    padding-right: 0;
}
.sticky-mobile {
    display: none;
    position: sticky;
    bottom: 0;
    z-index: 2;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.sticky-mobile .block{
    background: rgba(255,255,255,.8) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    
}
.hide-desctop{
    display: none;
}
@media only screen and (max-width: 1000px) {
    .order-view .p-16{
        padding: 8px;
        box-sizing: border-box;
    }
}
@media only screen and (max-width: 800px) {
    .sticky-mobile{
        display: block;
    }
    .accept-form-desctop{
        display: none;;
    }
    .p-b-mobile-0{
        padding-bottom: 0 !important;
    }
    .order-view .flex{
        flex-direction: column;
        align-items: stretch;
        padding-bottom: 16px;
    }
    .order-view .w-400.p-l-0{
        width: auto;
        padding: 8px 8px 0 8px !important;
    }
    .hide-desctop{
        display: block;
    }
    .order-view .block-800{
        display: block !important;
        width: 100% !important;
        padding: 8px 0 !important;
    }
    .order-view .hide-800{
        display: none !important;
    }
    .p-t-mobile-16{
        padding:16px 0 0 0 !important;
    }
}
@media (prefers-color-scheme: dark) {
    .sticky-mobile .block{
        background: rgba(29,27,38,.8) !important;
    }
    .order-view {
        /* background: var(--black); */
        color: #E5E5E5;
    }
    .order-view .block{
        background: #1D1B26;
    }
    .header-light{
        background: #1D1B26;
    }
    .order-view a{
        color: var(--brand_yellow);
    }
    .order-view a:hover{
        color: var(--white);
    }
    .order-view hr{
        background: #4A4A4A;
        color: #4A4A4A;
    }
    .order-view .goods .row:not(:last-child) .cell {
        border-bottom: solid 1px #4A4A4A;
    }
    .order-view .toggle label.cb .switch .field .switcher{
        background: #4A4A4A;
    }
    .order-view .toggle input.cb:checked + label.cb .switch .field .switcher{
        background: var(--white);
    }
    .order-view .toggle label.cb .switch .field{
        background: var(--black);
    }
    .order-view .toggle label.cb .plus div{
        background: var(--white);
    }
}



/*Тест каталога*/
.scroll-frame-new{
    display: flex;
    flex-direction: row;
    gap: 4px;
    overflow: auto;
    padding: 0 8px 8px 8px;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    transform: translateZ(0);
    will-change: scroll-position;
    backface-visibility: hidden;
}
.good-grid{
    display: flex;
}
.scroll-frame-new .block.new-product{
    min-width: 190px;
    max-width: 190px;
    transform: translateZ(0);
    will-change: transform;
}
.scroll-frame-new .block.new-product img{
    will-change: transform;
    backface-visibility: hidden;
}
.block.new-product{
    flex: 1;
    position: relative;
    overflow: hidden;
    white-space: normal;
}
.block.new-product .product{
    transition-duration: 0.2s;
    padding: 0px;
    box-sizing: border-box;
    background: var(--white);
    border-radius: 8px;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    justify-self: stretch;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    -webkit-user-drag: none;
    overflow: hidden;
}
.block.new-product .product .product-image{
    position: relative;
    display: block;
}
.block.new-product .product .product-image::after{
    background: rgba(15,17,17,.01);
    top: 0;
    left: 0;
    content: "";
    display: block;
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.block.new-product .product .product-image img.image{
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
.block.new-product .product .product-image img.image[data-lazy]{
    border-radius: 4px;
    width: 100%;
}

.block.new-product .product .img-to-scroll{
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.block.new-product .product .product-data{
    padding: 8px;
    box-sizing: border-box;
    width: 100%;
    flex: 1 0 auto;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    gap:8px;
}
.block.block.new-product .product .cart-btn-absolute{
    position: absolute;
    bottom: -22px;
    right: 8px;
    z-index: 3;
}
.block.new-product .product .product-data .reviews{
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 4px;
    color: #717171;
    text-decoration: none;
    font-size: 12px;
    line-height: 16px;
    align-items: center;
}
.block.new-product .product .product-data .reviews .stars{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1px;
}
.block.new-product .product .product-data .reviews .stars img{
    display: block;
    width: 14px;
}
.block.new-product .product .product-data .reviews .count{
    font-weight: 400;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.block.new-product .product .product-data .reviews .round{
    font-weight: 600;
}
/* Отзывы в карточке листинга: 5 звёзд с дробным закрашиванием + «30 отзывов», низ карточки над сроком доставки */
.block.new-product .product .product-data .reviews-short{
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    white-space: nowrap;
    /* Карточка обёрнута в <a> — без своего цвета рейтинг наследует синий ссылки */
    color: var(--black);
}
.block.new-product .product .product-data .reviews-short .round{
    font-weight: 600;
}
.block.new-product .product .product-data .reviews-short .count{
    color: #717171;
}
/* Срок доставки под отзывами — обычный текст, как название карточки */
.block.new-product .product .product-data .delivery-day-text{
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: var(--black);
}
@media (prefers-color-scheme: dark){
    #content-layer .block.new-product .product .product-data .reviews{
        color: #999;
    }
    #content-layer .block.new-product .product .product-data .reviews-short .count{
        color: #999;
    }
    #content-layer .block.new-product .product .product-data .reviews-short .round,
    #content-layer .block.new-product .product .product-data .delivery-day-text{
        color: #FFF;
    }
}

.block.new-product .product .title{
    font-weight: 400;
    color: var(--black);
    line-height: 15px;
    text-decoration: none;
    font-size: 14px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.block.new-product .product .description{
    width: 100%;
    /* Атрибуты связаны с названием: съедаем flex-gap колонки до 4px */
    margin-top: -4px;
    color: var(--gray1);
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.block.new-product .product .description span:not(:last-child)::after{
    content: ', ';
}
.block.new-product .product .related-products{
    width: 100%;
    display: flex;
}
.block.new-product .product .related-products .releted-product{
    overflow: hidden;
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 2px;
    display: flex;
    vertical-align: top;
    border: solid 1px #ccc;
    position: relative;
    background: var(--white);
}
/* Плитка «+N» — хвост вариантов за лимитом миниатюр; число рендерит Smarty */
.block.new-product .product .related-products .related-products-more{
    border-radius: 2px;
    display: flex;
    border: solid 1px #ccc;
    width: 30px;
    height: 30px;
    min-width: 30px;
    justify-content: center;
    align-items: center;
    color: #717171;
    font-size: 12px;
    margin-left: 2px;
    background: var(--white);
}
.block.new-product .product .related-products .related-products-more::before{
    content: '+';
}
.block.new-product .product .related-products .overflow{
    display: flex;
    flex-direction: row;
    gap: 2px;
    flex: 1;
    overflow-x: scroll;
    vertical-align: middle;
    -webkit-overflow-scrolling: touch;
}
/* .block.new-product .product:hover .related-products .overflow{
    padding-bottom: 4px;
}
@media (pointer: coarse) {
    .block.new-product .product .related-products .overflow{padding-bottom: 4px !important;}
    .block.new-product .product .related-products .overflow::-webkit-scrollbar {display: none !important;}
    .block.new-product .product .related-products .overflow::-webkit-scrollbar-track{display: none !important;}
    .block.new-product .product .related-products .overflow::-webkit-scrollbar-thumb{display: none !important;}
}
@-moz-document url-prefix() {
    .block.new-product .product:hover .related-products .overflow{
        padding-bottom: 8px;
    }
}

.block.new-product .product:hover .related-products .overflow::-webkit-scrollbar{
    height: 4px;
    width: 4px;
}
*/
.block.new-product .product .related-products .overflow::-webkit-scrollbar {
   
    display: none;
}
/* .block.new-product .product .related-products .overflow::-webkit-scrollbar-track {
    background: #F7F7F7;
    border-radius: 4px;
}
.block.new-product .product .related-products .overflow::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}
.block.new-product .product .related-products .overflow::-webkit-scrollbar-thumb:hover {
    background: #717171;
} */

.block.new-product .product .btn-delivery{
    display: table;
    width: 100%;
}
.block.new-product .product .price{
    font-size: 16px;
    line-height: 18px;
    white-space: nowrap;
    font-weight: 600;
    display: table;
    width: 100%;
    margin-bottom: 0;
}
.block.new-product .product .price .p-price{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    padding-right: 38px;
}
.block.new-product .product .price span{
    display: block;
    color: var(--black);
}
.block.new-product .product .price .old{
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #717171;
    position: relative;
}
.block.new-product .product .price .old::before{
    content: "";
    position: absolute;
    top: 8px;
    width: calc(100% - 8px);
    height: 1px;
    display: block;
    background: #717171;
    transform: rotate(-4deg);
}
.block.new-product .product .delivery{
    vertical-align: middle;
    text-align: right;
    font-size: 10px;
    line-height: 20px;
    font-weight: 400;
    color: #717171;
    display: table-cell;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 1px;
}
.block.new-product .product .bottom{
    width: 100%;
    margin-top: auto;
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    gap:8px;
}
.block.new-product .product .top{
    flex: 0 0 auto;
    width: 100%;
}
.produce-labels{
    display: flex;
    flex-direction: row;
    gap: 4px;
    flex-wrap: wrap;
}
span.produce-label{
    font-size: 12px;
    line-height: 16px;
    padding: 2px 4px;
    background: #717171;
    color: var(--white);
    border-radius: 4px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}
span.produce-label img{
    display: block;
    max-height: 16px;
    max-width: 80px;
}
span.produce-label.green{background: #739C12}
span.produce-label.red{background: #D93E5C}
span.produce-label.yellow{background: #0A79D6}
.block.new-product .product .btn-load .glyphicon{
    display: inline-block;
    transform-origin: 50% 50%;
    will-change: transform;
    animation: btn-load 1s linear infinite;
}
@keyframes btn-load {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
.block.new-product .product .btn-add{
    /* background-color: var(--brand_yellow); */
    color: var(--black);
    font-size: 17px;
    text-decoration: none;
    text-align: center;
    padding: 16px 16px;
    cursor: pointer;
    border-radius: 60px;
    font-weight: 500;
    outline:none;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap:8px;
    border: 0;
    background: rgba(255, 189, 0, 0.7);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    box-shadow:
        inset 1.5px 1.5px 2px 0 #ffffff90,
        inset -1px -1px 2px 0 #ffffff60;
}
.block.new-product .product .btn-add.blue{
    color: var(--white);
    background: rgba(10, 120, 214, 0.7);
}
.block.new-product .product .btn-add.gray{
    color: var(--white);
    background: rgba(198, 198, 198, 0.7);
}
.block.new-product .product .btn{
    padding-top: 8px;
    padding: 0;
}
.block.new-product .product .img-scrolling{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    display: flex;
}
.block.new-product .product .hover-to-scroll{
    height: 100%;
    flex: 1 1 auto;
}
.product .scroll-dots{
    height: 6px;
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    position: absolute;
    bottom: -8px;
    left: 0;
}
.block.new-product .product .scroll-dots span{
    border-radius: 100%;
    background: #d6dbe0;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    margin-left: 2px;
}
.block.new-product .product .scroll-dots span:first-child{
    margin-left: 0;
}
.block.new-product .product .scroll-dots span.active{
    background: #0A78D6;
}
.product .noavailable{
    color:var(--gray2);
    font-weight: 400;
    font-size: 12px;
}
.block.new-product input[name="favorite"] + label{
    right: 4px;
    top: 4px;
}
.block.new-product .product .releted-product-img{
    width: auto;
    max-height: 100%;
    max-width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
}
.block.new-product .product .related-products .releted-product-img{
    max-height: 100%;
    max-width: 100%;
    display: block;
}

.block.new-product .btn-attributes-choose {
    position: relative;
    z-index: 2;
    bottom: auto;
    right: auto;
    width: auto;
    height: auto;
    cursor: pointer;
    margin: 0;
}
.block.new-product .slick-slider-img{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    z-index: 1;
}
.block.new-product .slick-list, .block.new-product .slick-track{
    height: 100%;
}
/* До ленивой инициализации slick (по тапу) у многофото-карточки
   показываем только первый слайд, остальные прячем. */
.block.new-product .slick-prod-img.has-gallery:not(.slick-initialized) .img-to-scroll:not(:first-child){
    display: none !important;
}
.block.new-product .slick-dots{
    margin: 0;
    padding: 0;
    bottom: 4px;
}
.block.new-product .slick-dots li{
    width: auto;
    height: auto;
    padding: 0 2px;
    bottom: 0;
}
.block.new-product .slick-dots li button:before {
    content: none;
}
.block.new-product .slick-dots li button {
    background: var(--gray2);
    width: 4px;
    height:4px;
    border-radius: 6px;
    margin: 0;
    padding: 0;
    display: block;
}
.block.new-product .slick-dots li.slick-active button{
    background: var(--brand_yellow);
}
.block.new-product .slick-dots li{
    margin: 0;
}
.block.new-product .product .product-image svg.ph{
    display: block;
    width: 100%;
    position: relative;
    z-index: 0;
    height: auto;
}
.scroll-item.good .img svg.ph{
    display: block;
    width: 100%;
    position: relative;
    z-index: 0;
    height: auto;
}
.block.new-product.horizontal{
    flex: initial;
}
.block.new-product.horizontal .product{
    flex-direction: row;
}
.block.new-product.horizontal .product .top{
    width: auto;
    max-width: 40%;
}
.block.new-product.horizontal .product .product-data{
    width: auto;
    flex: 1;
}
@media (prefers-color-scheme: dark){
    .releted-product{
        opacity: .8;
    }
    .block.new-product .product{
        background: #1D1B26;
        border: none;
    }
    .block.new-product .product .title{
        color: #FFF
    }
    .block.new-product .product .price{
        color: #FFF
    }
    .block.new-product .product .description, .product .delivery, .product .price .old{
        color: rgba(255, 255, 255, .7);
    }
    .block.new-product .product .price .old{
        color: var(--white);
    }
    .block.new-product .product .price .old::before {
        background: rgba(255, 255, 255, .8);
    }
    .block.new-product .product .product-image img.ph{
        opacity: 0.95;
    }
    .block.new-product .slick-slider-img{
        mix-blend-mode: multiply;
    }
    .block.new-product .product .price span{
        color: var(--white);
    }
}
/*Тест каталога*/

.good_slick:not(.slick-slider){
    display: flex;
}
.good_slick:not(.slick-slider) div{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.good_slick:not(.slick-slider) div:not(:first-child){
    display: none;
}
.good_slick:not(.slick-slider) div img{
    max-width: 100%;
    max-height: 100%;
}






.suplier-select{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.suplier-select:not(:last-child){
    padding-bottom: 8px;
    border-bottom: solid 1px var(--gray3);
}
.suplier-select:not(:first-child){
    padding-top: 8px;
}
.suplier-price-block{
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: start;
    flex:1;
}
.suplier-price-block .suplier-price-new{
    font-size: 16px;
    line-height: 18px;
    color: var(--red);
    white-space: nowrap;
    font-weight: 600;
}
.suplier-price-block .suplier-price-old{
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: var(--gray2);
    position: relative;
}
.suplier-price-block .suplier-price-discount{
    font-size: 12px;
    display: inline-block;
    padding: 2px 8px;
    background: var(--red);
    color: var(--white);
    border-radius: 4px;
    font-weight: 600;
}

.suplier-price-block .suplier-price-old::after{
    content: "";
    position: absolute;
    top: 8px;
    width: 100%;
    height: 1px;
    display: block;
    background: var(--red);
    transform: rotate(-4deg);
}



#contents{
    position: absolute;
    z-index: 3;
    left: 8px;
    bottom: 8px;
    padding: 8px;
    background: rgba(255,255,255,.5);
    border-radius: 50%;
}
#contents img{
    width: 25px;
    display: block;
}


.suplier-block{
    display: flex;
    flex-direction: row;
    gap: 4px;
}
.suplier-block-btn{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.suplier-name-block span{
    color: var(--gray1);
}
.suplier-block .btn-add{
    display: flex;
    flex-direction: row;
    gap: 4px;
}

.suplier-block .text-gray{
    color: var(--gray1);
}
.suplier-rate-block{
    display: block;
}
/* Отступ между группой продавца (имя + вероятность поставки) и сроком
   доставки — как на настольной версии, где продавца отделяет серый бокс */
.delivery-day-client{
    margin-top: 12px;
}
.suplier-block-btn .nbtn{
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
}
.suplier-block .text-green{
    color: var(--green);
}
.suplier-block .text-orange{
    color: var(--orange);
}
@media (prefers-color-scheme: dark){
    .suplier-price-block .suplier-price-new{
        color: var(--brand_yellow);
    }
    .suplier-block .text-gray{
        color: var(--gray3);
    }
}

.address-choose-title-block{
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}
.address-choose-icon{
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
}
.address-choose-icon img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
#locations-result{
    display: flex;
    flex-direction: column;
    padding: 16px 0 0 0 !important;
    gap:16px;
    flex: 1;
}
.address-choose-item{
    /* min-height: 100px; */
}
.address-choose-item, .address-choose-item-create{
    cursor: pointer;
    padding: 8px 16px !important;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: solid 1px var(--gray2) !important;
    border-radius: 8px;
    transition-duration: 0.3s;
    position: relative;
}
.address-choose-item.selected, .address-choose-item:hover{
    border: solid 1px var(--brand_blue) !important;
}
.modal.location .loaded{
    padding: 0 !important;
}
.address-choose-title{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--black);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.address-choose-address-block, .address-choose-contact-block{
    color: var(--gray1);
}
.address-choose-organization.red-text{
    color: #D93E5C;
}

.address-choose-item.selected {
    border: 1px solid blue;
}
.address-choose-item.selected {
    border: 1px solid blue;
}
.address-choose-item-create{
    background: #E6F1FA;
    color: var(--brand_blue);
    border:none !important;
    text-align: center;
}
.address-choose-item-create-title{
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

#address-create, .door-address-selected {
    position: fixed;
    /* Выше контролов ymaps3 (тема даёт им до z-index 1000, и они в общем
       stacking-контексте с панелью) — иначе зум/геолокация ложатся поверх
       панели ПВЗ и перекрывают её крестик. */
    z-index: 1001;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,.8);
    max-height: calc(100% - 56px);
    padding: 16px;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow: auto;
    margin: 0 auto;
    max-width: 1200px;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
/* Стабильная высота окна ПВЗ — до шапки. Иначе при вводе адреса окно
   схлопывается по контенту (спиннер) и поле уходит под клавиатуру. */
#address-create {
    height: calc(100% - 56px);
}

/* Без padding/gap: кликабельна вся площадь переключателя (никаких мёртвых
   зон под пальцем), визуальные отступы таблетки даёт прозрачная рамка label
   с обрезкой фона по padding-box. */
#location-points .switcher-location{
    display: flex;
    flex-direction: row;
    padding: 0;
    background: rgba(255,255,255,.8);
    border-radius: 8px;
    gap: 0;
    position: absolute;
    top: 16px;
    z-index: 1;
    left: 16px;
    right: 16px;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);}
#location-points .switcher-location label{
    display: flex;
    flex-direction: row;
    padding: 11px 0;
    border: solid 4px transparent;
    background-clip: padding-box;
    color: #737375;
    flex: 1;
    transition-duration: .3s;
    border-radius: 12px;
    font-size: 14px;
    line-height: 16px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    margin: 0;
}
#location-points .switcher-location input{
    display: none;
}
/* Именно background-color: шорткат background сбрасывает background-clip,
   и заливка уходит под прозрачную рамку — таблетка теряет отступы. */
#location-points .switcher-location input:checked + label{
    background-color: #0A78D6;
    color: var(--white);
}

.address-create-point{
    display: flex;
    flex-direction: column;
    gap: 4px;
    cursor: pointer;
}
.address-create-point:not(:last-child){
    padding-bottom: 16px;
    border-bottom: solid 1px #E5E5E5 ;
}

.address-create-point .image img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.address-create-point .title{
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
}
.address-create-point .adress{
    color: #37474F;
    font-weight: 400;
}
.address-create-point .title img{
    display: block;
    max-width: 32px;
    max-height: 32px;
    border-radius: 4px;
}
.delivery-icon{
    max-width: 24px;
    max-height: 24px;
    border-radius: 4px;
    display: block;
}
/* Панель выбранного ПВЗ: ряды чуть плотнее каркасных 16px (.pick-point),
   заголовок/адрес/часы/фото читаются одной карточкой. */
.location .pickup-point-selected{
    gap: 12px;
}
/* Крестик закрытия панели: увеличенная зона нажатия без сдвига раскладки. */
img.close-point-select{
    padding: 8px;
    margin: -8px;
    box-sizing: content-box;
    cursor: pointer;
}
.address-create-point .title span{
    flex: 1;
    color: #37474F;
    font-weight: 600;
    font-size: 15px !important;
    line-height: 24px !important;
}
/* Расстояние до пункта — справа, серым. */
.address-create-point .title span.point-distance{
    flex: 0 0 auto;
    color: #737375;
    font-weight: 400;
    font-size: 13px !important;
    white-space: nowrap;
}
/* Строка над списком: от какой точки рассчитаны расстояния. Вне скролла —
   закреплена и не двигается вместе со списком. */
.points-distance-note{
    text-align: right;
    color: #737375;
    font-size: 12px;
    line-height: 16px;
}
/* Строка поиска самовывоза: поле + кнопка геолокации справа. */
.pick-search-row{
    display: flex;
    gap: 8px;
    align-items: stretch;
}
.pick-search-row .form-element{
    flex: 1;
}
/* Рамка, радиус и фон — как у инпута .form-control-flip, чтобы кнопка
   выглядела частью формы поиска. */
.geo-btn{
    flex: 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #C2C6CE;
    border-radius: 8px;
    background: transparent;
    color: #737375;
    padding: 0;
    cursor: pointer;
    transition: color .15s, border-color .15s, background-color .15s;
}
/* Список выстроен от позиции устройства. */
.geo-btn--active{
    color: #1e85ff;
    border-color: #1e85ff;
    background: rgba(30, 133, 255, 0.06);
}
/* Точные координаты недоступны. */
.geo-btn--disabled{
    opacity: 0.45;
}
#address-map.geo-denied [class*="geolocation"]{
    opacity: 0.45;
}
/* Штатную точку позиции контрола геолокации прячем: позицию показывает
   наша метка с человечком, иначе появлялся дубль из двух маркеров. */
#address-map .ymaps3--geolocation-control-self{
    display: none;
}
/* Плавающее сообщение «гео недоступна» — видно и над картой, и над списком. */
.geo-toast{
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 120px;
    z-index: 1002;
    background: rgba(38, 38, 38, 0.92);
    color: var(--white);
    font-size: 13px;
    line-height: 18px;
    padding: 10px 14px;
    border-radius: 8px;
    text-align: center;
}


.pick-point .my-location{
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    padding-bottom: 16px;
}
.location-block .w-100{
    width: 100%;
}

/* Каскадное появление пунктов при перестроении списка: видно, что список
   собрался заново. Задержку по индексу задаёт JS (animation-delay). */
@keyframes point-item-in{
    from{opacity: 0; transform: translateY(6px);}
    to{opacity: 1; transform: none;}
}
.address-points .address-create-point{
    animation: point-item-in .2s ease-out both;
}
.address-points-loader{
    display: flex;
    justify-content: center;
    padding: 24px 0;
}

/* Подсказки «Возможно, вы имели в виду» под ошибкой неточного адреса. */
.address-suggests{
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 8px;
}
.address-suggests-title{
    font-size: 12px;
    color: #737375;
}
.address-suggests-list{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.address-suggest-chip{
    display: inline-block;
    padding: 6px 12px;
    border: solid 1px #DADADA;
    border-radius: 16px;
    font-size: 13px;
    color: #37474F;
    cursor: pointer;
    text-decoration: none !important;
}

/* Плашка «Ближайший» над кнопкой поиска/списка: та же подложка с блюром. */
.floating-nearest-point{
    position: fixed;
    bottom: 58px;
    left: 16px;
    right: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 8px;
    background: rgba(255,255,255,.6);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 8px;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    max-width: calc(1200px - 32px);
    margin: 0 auto;
    cursor: pointer;
}
.floating-nearest-point__icon{
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 6px;
}
.floating-nearest-point__info{
    flex: 1;
    min-width: 0;
}
.floating-nearest-point__label{
    font-size: 12px;
    line-height: 14px;
    color: #737375;
}
.floating-nearest-point__title{
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #37474F;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.floating-points-lists {
    position: fixed;
    background: rgba(255,255,255,.8);
    /* Низ кнопки ложится на логотип Яндекс Карт, не утапливая кнопку в край. */
    bottom: 10px;
    left: 16px;
    right: 16px;
    display: flex;
    gap: 8px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 8px;
    cursor: pointer;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 8px;
    max-width: calc(1200px - 32px);
    margin: 0 auto;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

@media (prefers-color-scheme: dark){
    .floating-points-lists{
        background: rgba(0,0,0,.8);
    }
    .floating-nearest-point{
        background: rgba(0,0,0,.6);
    }
    .floating-nearest-point__title{
        color: var(--white);
    }
    .address-suggest-chip{
        color: var(--white);
        border-color: var(--gray1);
    }
    .address-choose-item.selected, .address-choose-item:hover{
        border: solid 1px var(--brand_yellow) !important;
    }
    .address-choose-title{
        color: var(--white);
    }
    .address-choose-address-block, .address-choose-contact-block{
        color: var(--gray3);
    }
    .address-choose-item-create{
        background: var(--deep_blue);
        color: var(--white);
        border:none !important;
        text-align: center;
    }
    #location-points .switcher-location{
        background: rgba(0,0,0,.8);
    }
    #location-points .switcher-location input:checked + label{
        background-color: var(--brand_yellow);
        color: var(--black);
    }
    #location-points .switcher-location label{
        color: var(--white);
    }
    #address-create, .door-address-selected{
        background: rgba(0,0,0,.8);
    }
    .location-block-modal-header img, .pickup-point-back img, img.pickup-point-back, img.close-point-select, .floating-points-lists img, .door-address-back img{
        filter: invert(1);
    }
    .address-create-point .title span, .address-create-point .adress{
        color: var(--white);
    }
    .points-distance-note{
        color: #9e9ea0;
    }
    .geo-btn{
        color: #9e9ea0;
        border-color: #555;
    }
    .geo-btn--active{
        color: #1e85ff;
        border-color: #1e85ff;
    }
    .address-create-point:not(:last-child){
        border-bottom: solid 1px var(--gray1);
    }
}
.location{
    flex:1;
    position: relative;
}
.pick-point-map{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.pick-point-map [class*="ground-pane"]{
    filter: saturate(.4) brightness(1.02);
}
.location-block-modal-header{
    display: flex;
    flex-direction: row;
    gap: 8px;
}
.address-points{
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: auto;
    gap: 16px;
    margin: 0;
    padding: 0;
    padding-bottom: 16px;
}
.pick-point{
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 16px;
    overflow: auto;
}
.row-gap-8{
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}
.location .light{
    font-weight: 400;
}
.location .title div{
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.location div:not(.map-center-marker-shadow):empty{
    display: none;
}
.location .photos, .location  .map-img{
    padding: 0 !important;
    margin: 0 !important;
	height: auto !important;
}
.location  .map-img{
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow: auto;
    gap: 8px;
}
/* Фото ПВЗ — одинаковые квадраты с кропом: превью разных пропорций
   рвали ряд и выглядели неаккуратно. */
.location .map-img a{
    display: block;
    flex: 0 0 96px;
    width: 96px;
    height: 96px;
    border-radius: 8px;
    overflow: hidden;
}
.location .map-img img{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover;
    margin: 0 !important;
    padding: 0 !important;
}
.location .map-center-marker{
    position: absolute;
    z-index: 2;
    left: calc(50% - 40px);
    top: calc(50% - 80px);
}
.location .map-center-marker-block{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
}
.location .map-center-marker img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    z-index: 2;
    transition-duration: .3s;
    transform-origin: center bottom;
}
.location .map-center-marker-shadow{
    position: absolute;
    z-index: 1;
    width: 16px;
    height: 4px;
    border-radius: 100%;
    background: rgba(0,0,0,.3);
    left: calc(50% - 8px);
    bottom: 0;
    transition-duration: .3s;
}
.location .map-center-marker-adress:empty{
    display: none;
}
.location  .map-center-marker.moved .map-center-marker-shadow{
    left: calc(50% - 4px);
    width: 8px;
    height: 4px;
}
.location .map-center-marker.moved img{
    transform: translateY(-4px) scaleY(1.1);
	opacity: .7;
}
.location .map-center-marker-adress{
    padding: 16px 16px 16px 38px;
    border-radius: 8px;
    font-size: 14px;
    color: #455A64;
    background: var(--white);
    position: absolute;
    z-index: 1;
    white-space: nowrap;
    left: 50%;
    font-weight: 600;
    transition-duration: .3s;
    transform-origin: center bottom;
    pointer-events: none;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.location .map-center-marker.moved .map-center-marker-adress{
    transform: translateY(-16px);
    opacity: 0;
}
.location .w-100{
    width: 100%;
}
.location .dropdown-menu{
   position: relative !important;
   top: 8px !important;
   overflow-y: auto !important;
   max-height: 250px !important;
   margin-bottom: 16px !important;
}
.address-choose-actions img{
    display: block;
}
.address-choose-actions-block{
    position: absolute;
    display: none;
    border-radius: 8px;
    box-shadow: 0 4px 24px rgba(0,0,0,.2);
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    flex-direction: column;
}
.address-choose-actions:hover .address-choose-actions-block{
    display: flex;
}
.address-choose-actions .address-choose-actions-block a{
    display: flex;
    align-items: center;
    padding: 0 24px;
    background: var(--white);
    color: #37474F !important;
    transition-duration: .3s;
    flex: 1;
}

.address-choose-actions-block a.red{
    color: #D93E5C !important;
}
.address-choose-actions-block a:hover{
    background: #E6F1FA;
}
@media (prefers-color-scheme: dark) {
    .address-choose-actions .address-choose-actions-block a {
        background: var(--black);
        color: var(--white) !important;
    }

    .address-choose-actions-block a.red {
        color: #D93E5C !important;
    }

    .address-choose-actions-block a:hover {
        background: var(--gray1);
    }
}
.forceChangeLocationAddress, .forceChangePayMethod, .expressDelivery, .closestPoint{
    cursor: pointer;
    border: solid 1px transparent;
    transition-duration: .3s;

}
a.block{
    display: block;
    color: inherit;
}
a.block:hover{
    display: block;
    color: inherit;
}
.forceChangeLocationAddress:hover, .forceChangePayMethod:hover, .expressDelivery:hover, .closestPoint:hover{
    border: solid 1px var(--brand_blue);
    box-shadow: 0 0 16px rgba(10,120,214,.2);
}
.confirm-order{
    transition-duration: .3s;
}
.confirm-order:not(:disabled):hover{
    box-shadow: 0 0 16px rgba(250,189,0,.3) !important;
    background: #FFCF47 !important;
}
.confirm-order:not(:disabled):active{
    box-shadow: none !important;
    background: #FFB800 !important;
}
@media (prefers-color-scheme: dark){
    .forceChangeLocationAddress:hover, .forceChangePayMethod:hover{
        border: solid 1px var(--brand_yellow);
        box-shadow: 0 0 16px rgba(250,189,0,.2);
    }
}
.form-control-flip .form-element button.btn-primary{
    height: 54px;
}

.form-control-flip .form-element input[type="submit"]:not(.gray):hover{
    box-shadow: 0 0 16px rgba(250,189,0,.3) !important;
    background: #FFCF47 !important;
}
.form-control-flip .form-element input[type="submit"]:not(.gray):active{
    box-shadow: none !important;
    background: #FFB800 !important;
}
.btn.btn-primary:not(:disabled):hover{
    box-shadow: 0 0 16px rgba(250,189,0,.3) !important;
    background: #FFCF47 !important;
}
.btn.btn-primary:not(:disabled):active{
    box-shadow: none !important;
    background: #FFB800 !important;
}
.address-choose-actions img{
    display: block;
}
.address-choose-actions-block{
    position: absolute;
    display: none;
    border-radius: 8px;
    box-shadow: 0 4px 24px rgba(0,0,0,.2);
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    flex-direction: column;
}
.address-choose-actions:hover .address-choose-actions-block{
    display: flex;
}
.address-choose-actions .address-choose-actions-block a{
    display: flex;
    align-items: center;
    padding: 0 24px;
    background: var(--white);
    color: #37474F !important;
    transition-duration: .3s;
    flex: 1;
}

.address-choose-actions-block a.red{
    color: #D93E5C !important;
}
.address-choose-actions-block a:hover{
    background: #E6F1FA;
}
@media (prefers-color-scheme: dark){
    .address-choose-actions .address-choose-actions-block a{
        background: var(--black);
        color: var(--white) !important;
    }
    .address-choose-actions-block a.red{
        color: #D93E5C !important;
    }
    .address-choose-actions-block a:hover{
        background: var(--gray1);
    }
}

.form-element .on-error{
    display: block;
}
.img-circle{
    object-fit: cover;
}
.rate-stars{
    background-image: url('/img/five_stars.svg?v=2');
    background-size: cover;
    width: 80px;
    height: 16px;
    position: relative;
    background-position: left center;
}
.rate-stars .rate-stars-full{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: url('/img/five_stars_full.svg?v=2');
    background-size: cover;
    background-position: left center;
}
.rate-stars.h-30{
    width: 150px;
    height: 30px;
}
.text-right .rate-stars{
    margin-left: auto;
}

@media (prefers-color-scheme: dark){
    #reviews-more-btn{
        border: solid 1px var(--brand_yellow);
        color: var(--brand_yellow);
    }
    #reviews-more-btn svg{
        filter: hue-rotate(184deg) brightness(2);
    }
}

/* Шапка поставщика */
.supplier-info{
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    padding: 0 8px 16px 8px;
}
.supplier-info .suplier-logo{
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--white);
    border-radius: 8px;
    overflow: hidden;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    overflow: hidden;
    width: 64px;
    height: 64px;
    padding: 8px;
}
.supplier-info .suplier-logo img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.supplier-info .supplier-details-wrapper{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.supplier-info .supplier-name{
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    flex: 1;
}
.supplier-info .supplier-name h1{
    padding: 0;
    margin: 0;
    flex: 1;
}
.supplier-info .supplier-name .info-i{
    background: #F3F3F3;
    border-radius: 8px;
    overflow: hidden;
    padding: 8px;
    cursor: pointer;
    display: block;
    transition-duration: .3s;
    margin: 0;
}
.supplier-info .supplier-name .info-i:hover{
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.supplier-info .supplier-name .info-i img{
    display: block;
    width: 16px;
    height: 16px;
}
.supplier-info .supplier-options{
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    flex: 1;
    flex-wrap: wrap;
}
.supplier-info .supplier-option{
    display: flex;
    flex-direction: row;
    gap: 4px;
    justify-content: center;
    font-size: 14px;
    line-height: 16px;
    padding: 0;
    margin: 0;
    font-weight: 400;
}

.supplier-info .supplier-option img{
    display: block;
    width: 16px;
    height: 16px;
}
.supplier-info .text-green{
    color: #739C12;
}
.supplier-info .text-red{
    color: #D93E5C;
}
.supplier-info .text-orange{
    color: var(--brand_yellow);
}
input.add-info{
    display: none;
}
.supplier-info div.add-info{
    color: var(--gray1);
    font-size: 13px;
    display: none;
}
input.add-info:checked + .supplier-info{
    align-items: start;
}
input.add-info:checked + .supplier-info div.add-info{
    display: block;
}
.supplier-info label.supplier-option{
    color: var(--brand_blue);
    cursor: pointer;
}
.supplier-info label.supplier-option:hover{
    color: var(--brand_yellow)
}
.supplier-info label.supplier-option span:first-child{
    display: block;
}
.supplier-info label.supplier-option span:last-child{
    display: none;
}

input.add-info:checked + .supplier-info label.supplier-option span:first-child{
    display: none;
}
input.add-info:checked + .supplier-info label.supplier-option span:last-child{
    display: block;
}

@media (prefers-color-scheme: dark){
    .supplier-info div.add-info{
        color: var(--gray3);
    }
    .supplier-info label.supplier-option{
        color: var(--brand_yellow);
    }
    .supplier-info label.supplier-option:hover{
        color: var(--white)
    }
  }
.supplier-info-modal-body{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.supplier-info-modal-body .supplier-abbout{
    font-size: 14px;
    line-height: 18px;
    color: #717171;
    white-space: normal;
    word-wrap: break-word;
    hyphens: auto;
    overflow-wrap: break-word;
}
.supplier-info-modal-body .supplier-legal-name{
    font-size: 16px;
    line-height: 22px;
    color: #717171;
}
.supplier-bin{
    font-size: 10px;
}
.supplier-info-modal-body .supplier-info-modal-body-options{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.supplier-info-modal-body .supplier-info-modal-body-options .supplier-option{
    display: flex;
    flex-direction: row;
    background: #F3F3F3;
    padding: 8px;
    gap: 16px;
    font-size: 16px;
    align-items: center;
    border-radius: 8px;
}
.supplier-info-modal-body .supplier-info-modal-body-options img{
    display: block;
    width: 24px;
}
.supplier-info-modal-body .supplier-info-modal-body-options div{
    flex: 1;
}
@media (prefers-color-scheme: dark){
    .supplier-info-modal-body .supplier-info-modal-body-options .supplier-option, .supplier-info .supplier-name .info{
        background: var(--black);
    }
    .supplier-info-modal-body .supplier-abbout, .supplier-info-modal-body .supplier-legal-name{
        color: #CCC;
    }
    .supplier-info .supplier-name .info{
        background: #1D1B26
    }
}
.cart-check{
    position: absolute;
    z-index: 2;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 2px;
    top:2px;
    margin-bottom: 0;
}
.cart-check input{
    width: 20px;
    height: 20px;
    margin:0px 0 0 0px; 
}
.viewAllBlocks{
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    padding: 32px;
    align-items: center;
    justify-content: center;
    color:var(--gray1) !important;
    line-height: 16px;
    font-size: 14px;
}
.viewAllBlocks svg path {
    stroke: var(--gray1) !important;
}
@media (prefers-color-scheme: dark){
    .viewAllBlocks{
        color:var(--gray3) !important;
    }
    .viewAllBlocks svg path {
        stroke: var(--gray3) !important;
    }
    .ymaps-2-1-79-ground-pane{
        filter: invert(0.9) hue-rotate(180deg);
    }
    
}
#searchSuggests{
    padding: 0 10px;
}
#searchSuggests, #searchSuggests .history, #searchSuggests .popular{
    display: none;
}
#searchSuggests .suggest-block{
    display: inline-block;
    vertical-align: top;
    background: var(--white);
    border-radius: 8px;
    padding: 8px 16px;
    margin: 0 8px 8px 0;
    color: var(--black);
    text-decoration: none;
}
@media (prefers-color-scheme: dark){
    #searchSuggests .suggest-block{
        background: #1D1B26;
        color: var(--white);
    }
}
.pay-checkbox{
    width: 24px;
    height: 24px;
    background-image: url('/img/checkmark-circle-outline.svg');
    background-size: cover;
    background-position: center;
}

input:checked + .pay-checkbox{
    background-image: url('/img/checkmark-circle-outline-checked.svg');
}
.add-block-content {
    max-width: 800px;
}
.add-block-content img{
    display: block;
    max-width: 100%;
}

.subsection-menu{
    display: grid;
    gap: 8px;
    padding: 16px;
    
}
.subsection-menu.type-1{
    grid-template-columns: repeat(4, 1fr);
}
.subsection-menu.type-2{
    grid-template-columns: repeat(1, 1fr);
}
.subsection-menu a{
    display: flex;
    border-radius: 8px;
    background: #F9F7F7;
    padding: 16px;
    overflow: hidden;
    color:var(--black);
    gap: 16px;
}
.subsection-menu.type-2 a{
    flex-direction: row-reverse;
    overflow: hidden;
    align-items: center;
}
.subsection-menu.type-1 a{
    flex: 1;
    flex-direction: column;
    padding: 0;
    gap: 0;
}
.subsection-title{
    font-size: 13px;
    line-height: 15px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-sizing: border-box;
}
.subsection-menu.type-1 a .subsection-title{
    margin: 10px 10px 0px 10px;
}
.subsection-menu.type-2 a.back::after{
    content: "\e257";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.subsection-menu.type-2 a:not(.back):not(.last)::before{
    content: "\e258";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.subsection-menu.type-2 .subsection-title{
    height: auto;
    flex: 1;
}
.subsection-img{
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    background-color: var(--white);
    border-radius: 8px;
    overflow: hidden;
}
.subsection-img.opacity-bg{
    background-color: transparent;
}
.subsection-img img{
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    object-fit: contain;
    object-position: center;
}
.type-2 .subsection-img img{
    padding-left: 0;
}
.subsection-menu.type-2 .subsection-img{
    width: 56px;
    padding-bottom: 56px;
}
.subsection-img .subsection-circle{
    position: absolute;
    width: 600%;
    padding-bottom: 600%;
    border-radius: 100%;
    top: 40%;
    opacity: .15;
    left: -257%;
    display: none;
}
.subsection-subtitle{
    padding-top: 4px;
    font-size: 90%;
    opacity: .6;
    color:var(--black);
}
.subsection-menu a.back + a .subsection-title{
    color: var(--brand_blue);
}
.subsection-menu.subsection-menu.type-2 .subsection-img{
    overflow: visible;
}
.subsection-menu.subsection-menu.type-2 .subsection-img .subsection-circle{
    width: 300%;
    padding-bottom: 300%;
    top: -150%;
    left: -200%;
}
.subsuction-css-loader{
    padding: 16px; text-align: center;
}
@media (prefers-color-scheme: dark){
    .good_page div.price p.sale span.new{
        color: var(--white);
    }
    .suplier-name-block span{
        color: var(--gray2);
    }
    .subsection-menu a.back + a .subsection-title{
        color: var(--brand_yellow);
    }
    .subsection-subtitle{
        color:var(--white);
    }
    .subsection-menu a{
        background: var(--black );
    }
    .subsection-menu a{
        color:var(--white);
    }
}
@media (max-width: 991px) {
    .subsection-menu.type-1{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 400px) {
    .subsection-menu.type-1{
        grid-template-columns: repeat(2, 1fr);
    }
}

@font-face {
    font-family: flipIcons500;
    src:url("./fonts/flip-icons-medium.ttf");
}
@font-face {
    font-family: flipIcons300;
    src:url("./fonts/flip-icons-regular.ttf");
}
.font-flipIcons{
    font-family: flipIcons300;
}
.auth-bonus{
    border-radius: 32px;
    white-space: nowrap;
    font-size: 12px;
    line-height: 14px;
    color: var(--white);
    font-weight: 500;
}
.auth-bonus-profile{
    position: relative;
    background: rgba(255, 255, 255, .1);
    display: flex !important;
    flex-direction: row;
    align-items: center;
    border-radius: 32px;
    padding: 4px 6px;
    gap: 4px;
}
.auth-bonus-profile::after{
    content: '';
    position: absolute;
    top: -12px;
    bottom: -12px;
    left: 0;
    right: 0;
}
.auth-bonus-profile img{
    display: block;
    max-width: 16px;
    max-height: 16px;
}
.bin-result-door, .bin-result{
    padding-top: 4px;
    font-size: 12px;
    color: var(--gray1);
    line-height: 14px;
    display: block;
}
.bin-result-door.error, .bin-result.error{
    color: var(--red);
}

/* ===== Доставка: список посылок (дубль из style.css для mobile/WebView, DEV-5056) ===== */
.delivery-flex-0{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.qr-code {
    border-radius: 50%;
    padding: 8px !important;
    background: #F2F2F7;
    cursor: pointer;
}

.qr-code img {
    display: block;
    width: 24px;
}
.delivery-flex-1{
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}
.delivery-tabs{
    display: flex;
    flex-direction: row;
    gap: 0;
    width: 400px;
    background: #F1F1F1;
    border-radius: 16px;
    align-items: center;
}
.delivery-tabs a{
    display: block;
    flex: 1;
    padding: 16px;
    color: #202020;
    text-decoration: none;
    border-radius: 16px;
    text-align: center;
}
.delivery-tabs a:hover{
    color: #202020;
    text-decoration: none;
}
.delivery-tabs a.active{
    background: #0A78D6;
    color: #fff;
}
.delivery-btn{
    padding: 16px 24px;
    background: #FFBD00;
    color: #202020;
    text-decoration: none;
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    cursor: pointer;
}
.delivery-btn:hover{
    color: inherit;
    text-decoration: none;
}
.delivery-btn.deliver-red-stroke{
    background: transparent;
    border: 1px solid #D93E5C;
    color: #D93E5C;
}
.delivery-btn.deliver-blue-stroke{
    background: transparent;
    border: 1px solid #0A78D6;
    color: #0A78D6;
}
.delivery-btn.deliver-green{
    background: #739C12;
    color: #fff;
}
.delivery-object{
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 16px;
    padding: 24px;
    background: #fff;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.1);
}
.delivery-object-img{
    width: 64px;
    height: 64px;
    background: #FAF0DE;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.delivery-object-img img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.delivery-object-number{
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}
.delivery-object-number a{
    color: #202020;
    font-size: 18px;
}
.delivery-object-number span{
    color: #808080;
}
.delivery-status-badge{
    font-size: 12px;
    font-weight: 600;
    border: 1px solid;
    border-radius: 4px;
    padding: 1px 8px;
    white-space: nowrap;
}
.delivery-object-finished{
    opacity: 0.6;
}
.delivery-pagination{
    display: flex;
    justify-content: center;
}
.delivery-pagination #pagination{
    display: flex;
    gap: 4px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.delivery-pagination #pagination a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 8px;
    border-radius: 8px;
    color: #202020;
    text-decoration: none;
    font-size: 14px;
}
.delivery-pagination #pagination a:hover{
    background: #f0f0f0;
}
.delivery-pagination #pagination a.active{
    background: #0A78D6;
    color: #fff;
}
.delivery-object-way{
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}
.delivery-object-way div{
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}
.delivery-object-way span{
    font-size: 14px;
    line-height: 16px;
}
.delivery-object-way-options{
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 8px;
}
.delivery-object-way-options div{
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}
#content-layer .p-010{
    padding: 0 10px;
}
#content-layer .m-column{
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}
#content-layer .m-column.reverse{
    flex-direction: column-reverse;
}
#content-layer .m-column .delivery-tabs, #content-layer .m-column .delivery-btn{
    width: 100%;
}
#content-layer .delivery-object{
    padding: 16px;
    border-radius: 8px;
}
#content-layer .delivery-object-way-options{
    gap: 8px;
}
#content-layer .m-d-none{
    display: none !important;
}
#content-layer .delivery-object-way div{
    width: 100%;
}
.flex-1{
    flex: 1;
}
#content-layer .m-align-items-start{
    align-items: flex-start;
}
.delivery-waiting-destination{
    border-left: 4px solid #739C12;
    padding-left: 12px;
}
.delivery-waiting-destination-title{
    font-weight: 600;
    font-size: 14px;
    color: #739C12;
}
.delivery-waiting-destination-address{
    font-size: 14px;
    color: #202020;
    margin-top: 2px;
}
.delivery-empty{
    text-align: center;
    padding: 48px 16px;
    color: #808080;
}
.delivery-track-overlay{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.45);
    z-index: 1000;
    align-items: center;
    justify-content: center;
}
.delivery-track-overlay.active{
    display: flex;
}
.delivery-track-modal{
    background: #fff;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0px 2px 16px rgba(0,0,0,0.15);
    width: 480px;
    max-width: 90vw;
    max-height: 80vh;
    overflow-y: auto;
    position: relative;
}
.delivery-track-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}
.delivery-track-header h3{
    margin: 0;
    font-size: 18px;
}
.delivery-confirm-modal{
    width: 420px;
}
.delivery-confirm-text{
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #202020;
}
.delivery-confirm-actions{
    display: flex;
    gap: 12px;
    margin-top: 24px;
}
.delivery-confirm-actions .delivery-btn{
    flex: 1;
}
.delivery-track-close{
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #808080;
    padding: 0;
    line-height: 1;
}
.delivery-track-timeline{
    display: flex;
    flex-direction: column;
}
.delivery-track-item{
    position: relative;
    padding: 0 0 20px 28px;
}
.delivery-track-item:last-child{
    padding-bottom: 0;
}
.delivery-track-item::before{
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #0A78D6;
    z-index: 1;
}
.delivery-track-item:not(:last-child)::after{
    content: '';
    position: absolute;
    left: 5px;
    top: 13px;
    bottom: 0;
    width: 2px;
    background: #E0E0E0;
}
.delivery-track-item:last-child::before{
    background: #739C12;
}
.delivery-track-date{
    font-size: 12px;
    color: #808080;
    margin-bottom: 2px;
}
.delivery-track-text{
    font-size: 14px;
    color: #202020;
}
.delivery-track-empty{
    text-align: center;
    padding: 24px 0;
    color: #808080;
}
.delivery-track-loading{
    text-align: center;
    padding: 24px 0;
    color: #808080;
}
@media (prefers-color-scheme: dark){
    .delivery-track-modal{
        background-color: #1D1B26;
    }
    .delivery-track-text{
        color: #fff;
    }
    .delivery-track-close{
        color: #ccc;
    }
    .delivery-track-header h3{
        color: #fff;
    }
    .delivery-confirm-text{
        color: #fff;
    }
    .delivery-waiting-destination-address{
        color: #fff;
    }
}
@media (prefers-color-scheme: dark){
    #content-layer .delivery-object, #content-layer .delivery-tabs{
        background-color: #1D1B26;
    }
    #content-layer .delivery-tabs a{
        color: #fff;
    }
    #content-layer .delivery-object-number a, #content-layer .delivery-object-number a:hover{
        color: #fff;
    }
    #content-layer .delivery-object-way-options svg:not(.color){
        filter: invert(1);
    }
}

/* === Страница «Скидки и акции» (tpl-mobile/actions/list.tpl) — вынесено из инлайн-<style>, скоуп .actions-page === */
.actions-page .filter input {
    display: none;
}
.actions-page .filter label {
    vertical-align: top;
    display: inline-block;
    white-space: nowrap;
    margin: 0 4px;
    padding: 8px 16px;
    border-radius: 4px;
    border: solid 1px #ccc;
    font-size: 14px;
    cursor: pointer;
    transition-duration: .2s;
    font-weight: 400;
}
.actions-page .filter input:checked + label {
    border: solid 1px #0A78D6;
    box-shadow: 0 0 8px rgba(10, 120, 2014, 0.2);
}
.actions-page #all:checked + label {
    display: none;
}
.actions-page .filter span {
    vertical-align: top;
    display: inline-block;
    white-space: nowrap;
    margin: 0 8px 8px 0;
    padding: 8px 0px;
    border: solid 1px #fff;
    font-size: 14px;
    font-weight: 600;
}

/* ============================================================= */
/* REVIEWS — отзывы покупателей на странице товара               */
/* ============================================================= */

.rv-m .rv-title{
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--black, #101112);
}
.rv-m-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
}
.rv-m-score{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 700;
    color: var(--black, #101112);
    white-space: nowrap;
}
.rv-m-score-count{
    color: var(--gray2, #999);
    font-weight: 500;
}

/* Звёзды */
.rv-stars{
    display: inline-flex;
    gap: 1px;
    position: relative;
}
.rv-star,
.rv-stars i{
    display: inline-block;
    width: 16px;
    height: 15px;
    flex: none;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3E%3Cpath d='M10%201.5l2.5%205.3%205.8.6-4.3%203.9%201.2%205.7-5.2-2.9-5.2%202.9%201.2-5.7-4.3-3.9%205.8-.6z' fill='%23E5E5E5' stroke='%23E5E5E5' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.rv-star.is-on,
.rv-stars i.is-on,
.rv-stars-on i{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3E%3Cpath d='M10%201.5l2.5%205.3%205.8.6-4.3%203.9%201.2%205.7-5.2-2.9-5.2%202.9%201.2-5.7-4.3-3.9%205.8-.6z' fill='%23FFBD00' stroke='%23FFBD00' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.rv-stars-xs i{
    width: 14px;
    height: 13px;
}
/* Дробное закрашивание: подложка из серых звёзд + жёлтый оверлей с width:% (как rv-stars-lg на десктопе) */
.rv-stars-off,
.rv-stars-on{
    display: inline-flex;
    gap: 1px;
}
.rv-stars-on{
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    white-space: nowrap;
}

/* Обзор отзывов (ИИ) */
.rv-ai{
    border-radius: 14px;
    padding: 16px;
    background: linear-gradient(135deg, #DDEFFF 0%, #F2F2F2 100%);
}
.rv-ai-head{
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 700;
    color: var(--black, #101112);
}
.rv-ai-head svg{
    flex: none;
    color: var(--brand_blue, #0a79d5);
}
.rv-m .rv-ai{
    margin-bottom: 12px;
}
.rv-ai-text{
    margin: 8px 0 0;
    color: #333;
}
.rv-ai-note{
    margin: 6px 0 0;
    font-size: 10px;
    color: var(--gray2, #999);
}

/* Чипы аспектов ИИ-обзора (общие с карточкой товара) */
.ai-review-top{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 10px 0 0;
}
/* Верх карточки: одна строка со свайп-скроллом; в «Обзоре отзывов»
   остаётся многострочный перенос. */
.ai-review-top.ai-review-scroll{
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.ai-review-top.ai-review-scroll::-webkit-scrollbar{display: none;}
.ai-review-top.ai-review-scroll .ai-review-item{
    flex-shrink: 0;
    white-space: nowrap;
}
.ai-review-item{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--white, #fff);
    border: 1.5px solid var(--gray3, #d4d4d4);
    border-radius: 100px;
    padding: 5px 11px;
    font-size: 11px;
    font-weight: 600;
    color: #555;
}
.ai-review-item::before{
    font-weight: 700;
}
.ai-review-item.ai-review-positive{
    color: var(--green, #739C12);
    border-color: rgba(115, 156, 18, 0.45);
}
.ai-review-item.ai-review-positive::before{
    content: '+';
    color: var(--green, #739C12);
}
.ai-review-item.ai-review-negative{
    color: var(--red, #D93E5C);
    border-color: rgba(217, 62, 92, 0.4);
}
.ai-review-item.ai-review-negative::before{
    content: '\2212';
    color: var(--red, #D93E5C);
}

/* Кнопки */
.rv-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 46px;
    padding: 0 20px;
    border: none;
    border-radius: 12px;
    background: none;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    user-select: none;
}
.rv-btn:hover,
.rv-btn:focus{
    text-decoration: none;
}
.rv-btn-outline,
a.rv-btn-outline{
    width: 100%;
    border: 1.5px solid var(--brand_blue, #0a79d5);
    background: var(--white, #fff);
    color: var(--brand_blue, #0a79d5);
}
.rv-btn-gray,
a.rv-btn-gray{
    width: 100%;
    background: var(--gray4, #f2f2f2);
    color: var(--black, #101112);
}
.rv-btn-yellow{
    background: var(--brand_yellow, #ffbd00);
    color: var(--black, #101112);
}
.rv-btn-sm{
    height: 34px;
    padding: 0 14px;
    border-radius: 10px;
    font-size: 13px;
}
.rv-btn-ghost{
    color: var(--gray1, #666);
}
.rv-notice{
    color: var(--gray1, #666);
}
.rv-empty-text{
    margin: 8px 0 12px;
    color: #333;
}
.rv-m .rv-btn-outline{
    margin-bottom: 4px;
}

/* Ссылка «Оставить отзыв» в шапке карточки товара */
.rv-top-leave{
    margin: 10px 0 2px;
}
.rv-top-leave a{
    font-weight: 600;
}

/* Чипы сортировки и фильтров */
.rv-chips{
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
}
.rv-m-chips{
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-left: -13px;
    margin-right: -13px;
    padding: 0 13px 4px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.rv-m-chips::-webkit-scrollbar{
    display: none;
}
.rv-chip{
    position: relative;
    display: inline-flex;
    align-items: center;
    flex: none;
    border: none;
    border-radius: 100px;
    padding: 7px 12px;
    background: var(--gray4, #f2f2f2);
    color: #555;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}
.rv-chip.is-active{
    background: var(--black, #101112);
    color: var(--white, #fff);
}
.rv-chip input{
    position: absolute;
    opacity: 0;
    pointer-events: none;
    margin: 0;
}
.rv-chips-sep{
    width: 1px;
    height: 18px;
    background: #E5E5E5;
    flex: none;
}

/* Карточка выбранного варианта товара (фильтр «Этот вариант») */
.rv-current{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid #E5E5E5;
    border-radius: 14px;
    margin-top: 12px;
}
.rv-current-img{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex: none;
    overflow: hidden;
    border-radius: 10px;
}
.rv-current-img img{
    max-width: 100%;
    max-height: 100%;
    display: block;
}
.rv-current-name{
    font-weight: 600;
    color: var(--black, #101112);
}
.rv-current-attr{
    margin-top: 2px;
    font-size: 12px;
    color: var(--gray2, #999);
}
.rv-current-attr span:not(:last-child)::after{
    content: ', ';
}

/* Карточка отзыва */
.rv-m #reviews-item-list{
    margin-top: 12px;
}
.rv-card{
    background: var(--gray4, #f2f2f2);
    border-radius: 14px;
    padding: 14px;
}
.rv-card + .rv-card,
#reviews-item-list .rv-card:not(:first-child){
    margin-top: 10px;
}
.review-item.is-complained{
    opacity: 0.5;
}
.rv-item-head{
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.rv-avatar{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: none;
    border-radius: 50%;
    overflow: hidden;
    background: #DDEFFF;
    color: var(--brand_blue, #0a79d5);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}
.rv-avatar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.rv-item-meta{
    flex: 1;
    min-width: 0;
}
.rv-item-name{
    font-weight: 700;
}
.rv-item-name a{
    color: var(--brand_blue, #0a79d5);
    text-decoration: none;
}
.rv-item-name span{
    color: var(--gray2, #999);
}
.rv-item-head .rv-stars{
    margin-left: auto;
    padding-top: 2px;
}
.rv-item-sub{
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 2px;
}
.rv-item-date{
    font-size: 11px;
    color: var(--gray2, #999);
}
.rv-verified{
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 10px;
    font-weight: 700;
    color: var(--green, #739C12);
}
.rv-verified svg{
    flex: none;
}
.rv-item-variant{
    margin-top: 8px;
    font-size: 11px;
    color: var(--gray2, #999);
}
.rv-item-variant a{
    color: var(--gray2, #999);
    text-decoration: none;
}
.rv-item-variant .attributes:not(:last-child)::after{
    content: ', ';
}
.rv-item-label{
    margin-top: 10px;
    font-size: 12px;
    font-weight: 600;
    color: #555;
}
.rv-item-text{
    margin: 10px 0 0;
    color: #333;
    white-space: pre-line;
    overflow-wrap: break-word;
}
.rv-item-label + .rv-item-text{
    margin-top: 2px;
}
.rv-clamp{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.rv-clamp.is-expanded{
    display: block;
    -webkit-line-clamp: unset;
}

/* Фото отзыва */
.rv-photos{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}
.rv-photos-m img{
    width: 64px;
    height: 64px;
    border-radius: 10px;
    object-fit: cover;
    display: block;
    background: var(--white, #fff);
}

/* Действия под отзывом */
.review-item-actions{
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 12px;
}
.review-item-vote{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1.5px solid var(--gray3, #d4d4d4);
    border-radius: 100px;
    padding: 6px 12px;
    background: var(--white, #fff);
    color: #555;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}
.review-item-vote.active{
    border-color: var(--brand_blue, #0a79d5);
    background: #DDEFFF;
    color: var(--brand_blue, #0a79d5);
}
.rv-vote.is-static{
    cursor: default;
}
.rv-vote svg{
    flex: none;
}
.rv-vote-count{
    opacity: 0.65;
}
.rv-vote-count.hidden{
    display: none;
}
.rv-action-link{
    font-size: 12px;
    font-weight: 500;
    color: var(--gray2, #999);
    cursor: pointer;
    text-decoration: none;
}
.rv-action-muted{
    font-size: 11px;
    color: var(--gray3, #d4d4d4);
}

/* Комментарии к отзыву */
.review-item-comments{
    display: none;
    margin-top: 10px;
}
.review-item-comments.is-open{
    display: block;
}
.rv-comments.is-open{
    padding-left: 42px;
}
.review-item-answer{
    display: none;
    margin-top: 10px;
}
.review-item-answer.is-open{
    display: block;
}
.rv-answer.is-open{
    padding-left: 42px;
}
.rv-comment{
    display: flex;
    gap: 8px;
    padding: 8px 0;
}
.rv-comment.is-complained{
    opacity: 0.5;
}
.rv-comment-body{
    flex: 1;
    min-width: 0;
}
.rv-comment-name{
    font-weight: 700;
}
.rv-comment-name a{
    color: var(--brand_blue, #0a79d5);
    text-decoration: none;
}
.rv-comment-complaint{
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    color: var(--gray3, #d4d4d4);
}
.rv-comment-text{
    margin: 2px 0 0;
    color: #333;
    white-space: pre-line;
    overflow-wrap: break-word;
}
.rv-comment-field{
    margin-top: 6px;
}
.rv-comment-buttons{
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

/* Подгрузка отзывов */
#reviews-more{
    margin-top: 12px;
}
.rv-loader{
    display: flex;
    justify-content: center;
    padding: 20px;
}

/* Форма жалобы */
.review-complaint-reasons{
    list-style: none;
    margin: 0;
    padding: 0;
}
.review-complaint-reasons li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid var(--gray4, #f2f2f2);
}
.review-complaint-reasons li.title{
    display: block;
    padding: 0 0 6px;
    border-bottom: none;
    font-size: 13px;
}
.review-complaint-reasons li.button{
    justify-content: flex-start;
    padding-top: 14px;
    border-bottom: none;
}
.review-complaint-reasons li label{
    flex: 1;
    cursor: pointer;
    margin: 0;
    font-weight: 400;
}

/* Оценка звёздами в форме отзыва (личный кабинет) */
.star-rating{
    font-size: 0;
    white-space: nowrap;
    display: inline-block;
    width: 150px;
    height: 29px;
    overflow: hidden;
    position: relative;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3E%3Cpath d='M10%201.5l2.5%205.3%205.8.6-4.3%203.9%201.2%205.7-5.2-2.9-5.2%202.9%201.2-5.7-4.3-3.9%205.8-.6z' fill='%23E5E5E5' stroke='%23E5E5E5' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") 0 0/30px 29px repeat-x;
}
.star-rating i{
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20%;
    z-index: 1;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3E%3Cpath d='M10%201.5l2.5%205.3%205.8.6-4.3%203.9%201.2%205.7-5.2-2.9-5.2%202.9%201.2-5.7-4.3-3.9%205.8-.6z' fill='%23FFBD00' stroke='%23FFBD00' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") 0 0/30px 29px repeat-x;
}
.star-rating input{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    opacity: 0;
    display: inline-block;
    width: 20%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    z-index: 2;
    position: relative;
    cursor: pointer;
}
.star-rating input:hover + i,
.star-rating input:checked + i{
    opacity: 1;
}
.star-rating input:disabled{
    cursor: default;
}
.star-rating input:not(:checked):disabled:hover + i{
    opacity: 0;
}
.star-rating i ~ i{
    width: 40%;
}
.star-rating i ~ i ~ i{
    width: 60%;
}
.star-rating i ~ i ~ i ~ i{
    width: 80%;
}
.star-rating i ~ i ~ i ~ i ~ i{
    width: 100%;
}

/* Форма добавления отзыва (личный кабинет) */
#reviews-templates,
#good-select-box-template,
#reviews-photo-chooser{
    display: none;
}
.good-select{
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 8px;
    margin-bottom: 12px;
}
.good-select-img{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    flex: none;
    overflow: hidden;
    border-radius: 10px;
    background: var(--gray4, #f2f2f2);
}
.good-select-img img{
    max-width: 100%;
    max-height: 100%;
    display: block;
}
.good-select-name{
    flex: 1;
    min-width: 0;
}
.good-select-title{
    font-weight: 600;
    color: var(--black, #101112);
}
.good-select-value{
    margin-top: 2px;
    font-size: 11px;
    color: var(--gray2, #999);
}
.review-photos-heading{
    margin: 12px 0 8px;
    font-size: 12px;
    font-weight: 600;
    color: #555;
}
.review-photos-grid{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
    margin-bottom: 12px;
}
#review-photos-preview{
    display: contents;
}
#review-photos-preview > span{
    display: block;
    width: 72px;
    height: 72px;
    border-radius: 12px;
    background-position: center;
    background-size: cover;
    position: relative;
}
#review-photos-preview > span span{
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(16, 17, 18, 0.55);
    color: var(--white, #fff);
    font-size: 0;
    cursor: pointer;
}
#review-photos-preview > span span::before{
    content: '\00d7';
    font-size: 16px;
}
#reviews-add-photo{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 72px;
    height: 72px;
    border: 1.5px dashed var(--gray3, #d4d4d4);
    border-radius: 12px;
    color: var(--gray2, #999);
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}
#reviews-add-photo img{
    width: 22px;
    opacity: 0.6;
}
.rv-form-rules{
    margin-top: 12px;
    font-size: 12px;
}
.rv-add-fragment{
    margin-top: 12px;
}

/* Тёмная тема */
@media (prefers-color-scheme: dark){
    .rv-m .rv-title,
    .rv-m-score,
    .rv-item-name,
    .rv-ai-head{
        color: #DDDDDD;
    }
    .rv-card{
        background: #1D1B26;
    }
    .rv-item-text,
    .rv-comment-text,
    .rv-ai-text,
    .rv-empty-text{
        color: #CCCCCC;
    }
    .rv-item-label{
        color: #999999;
    }
    .rv-stars i,
    .rv-star{
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3E%3Cpath d='M10%201.5l2.5%205.3%205.8.6-4.3%203.9%201.2%205.7-5.2-2.9-5.2%202.9%201.2-5.7-4.3-3.9%205.8-.6z' fill='%234A4A4A' stroke='%234A4A4A' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    .rv-stars i.is-on,
    .rv-star.is-on,
    .rv-stars-on i{
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3E%3Cpath d='M10%201.5l2.5%205.3%205.8.6-4.3%203.9%201.2%205.7-5.2-2.9-5.2%202.9%201.2-5.7-4.3-3.9%205.8-.6z' fill='%23FFBD00' stroke='%23FFBD00' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    .star-rating{
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3E%3Cpath d='M10%201.5l2.5%205.3%205.8.6-4.3%203.9%201.2%205.7-5.2-2.9-5.2%202.9%201.2-5.7-4.3-3.9%205.8-.6z' fill='%234A4A4A' stroke='%234A4A4A' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    .rv-chip{
        background: #1D1B26;
        color: #BBBBBB;
    }
    .rv-chip.is-active{
        background: var(--brand_yellow, #ffbd00);
        color: var(--black, #101112);
    }
    .rv-chips-sep{
        background: #4A4A4A;
    }
    .rv-btn-gray{
        background: #1D1B26;
        color: #DDDDDD;
    }
    .rv-btn-outline,
    a.rv-btn-outline{
        background: transparent;
    }
    .rv-ai{
        background: linear-gradient(135deg, rgba(10, 121, 213, 0.25) 0%, rgba(255, 255, 255, 0.06) 100%);
    }
    .ai-review-item{
        background: transparent;
    }
    .review-item-vote{
        background: transparent;
        border-color: #4A4A4A;
        color: #BBBBBB;
    }
    .review-item-vote.active{
        background: rgba(10, 121, 213, 0.2);
        border-color: var(--light_blue, #238EEA);
        color: var(--light_blue, #238EEA);
    }
    .rv-avatar{
        background: rgba(10, 121, 213, 0.25);
        color: var(--light_blue, #238EEA);
    }
    .rv-current,
    .review-complaint-reasons li{
        border-color: #4A4A4A;
    }
    .rv-current-name,
    .good-select-title{
        color: #DDDDDD;
    }
    .rv-photos-m img{
        background: #1D1B26;
    }
}

/* ── Редизайн блока покупки карточки (макет Flip Mobile Card Redesign) ── */
#add-to-cart-layer ul.select-list:not(.colors) li{
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    border-radius: 14px;
    border-width: 1.5px;
    padding: 11px 16px;
    min-width: 96px;
    box-sizing: border-box;
}
/* Bootstrap-глобаль .small (font-size: 85%) мельчила текст первой строки
   вариантов: классы small/xsmall у select-list — про размер фото-плиток,
   текст должен быть одного кегля во всех строках. */
#add-to-cart-layer ul.select-list.small:not(.colors),
#add-to-cart-layer ul.select-list.xsmall:not(.colors){
    font-size: inherit;
}
#add-to-cart-layer ul.select-list li .variant-price{
    display: block;
    margin-top: 3px;
    font-size: 13px;
    font-weight: 600;
    opacity: 0.75;
    white-space: nowrap;
}
#add-to-cart-layer ul.select-list li:hover:not(.disabled):not(.noselected){
    border-color: var(--brand_yellow);
}
#add-to-cart-layer ul.select-list li.active{
    border-color: var(--brand_yellow);
    background: rgba(255, 189, 0, 0.1);
}
#add-to-cart-layer ul.select-list li.comingsoon,
#add-to-cart-layer ul.select-list li.disabled{
    opacity: 0.4;
}
.price-redesign{
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}
.price-redesign .new{
    font-size: 28px;
    font-weight: 600;
}
.old-diag{
    padding: 0 2px;
    background: linear-gradient(to top right, transparent 48%, currentColor 48%, currentColor 52%, transparent 52%);
}
/* Гасим штатный line-through и padding-right:10px (правило span.old выше
   по файлу специфичнее одиночного класса) — иначе зачёркивание двойное,
   а черта торчит далеко вправо за текст: градиент рисуется по всему боксу. */
.good_page div.price p.price span.old.old-diag{
    text-decoration: none;
    padding: 0 2px;
}
.sale-saving{
    color: var(--red);
    font-weight: 600;
}
.avail-dot{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    vertical-align: 0;
    margin-right: 8px;
}
.avail-dot.in{background: var(--green);}
.avail-dot.order{background: var(--orange);}

/* Блок «Ждут вас на ПВЗ» на главной (produce/pickup_awaiting.tpl) */
.pickup-awaiting{
    position: relative;
    display: flex;
    align-items: stretch;
    margin: 0 8px;
    background-color: var(--white);
    border-radius: 10px;
    overflow: hidden;
}
/* Рамка «купона» оверлеем поверх контента (в т.ч. поверх фото), а не фоном,
   иначе непрозрачное фото слева перекрывает штрихи. stroke-width 4 = видимые 2px
   после обрезки скруглением, штрих 10 / интервал 6 */
.pickup-awaiting::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23FEBD00' stroke-width='4' stroke-dasharray='10 6'/%3E%3C/svg%3E");
}
/* Фото менеджера — своё у каждого ПВЗ (строки), поэтому в строке, а не card-level.
   aspect-ratio 3/4 от фикс. ширины 62px даёт формат 3:4 независимо от размеров файла */
.pickup-awaiting-row-photo{
    flex: none;
    width: 62px;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    background: #E8F2FC;
    display: block;
}
.pickup-awaiting-row-photo img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* При фото ужимаем горизонтальные отступы кнопки кода — освобождённые пиксели уходят фото */
.pickup-awaiting-with-photo .pickup-awaiting-qr{
    padding-left: 8px;
    padding-right: 8px;
}
.pickup-awaiting-rows{
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pickup-awaiting-rows, .pickup-awaiting-rows:hover, .pickup-awaiting-rows:focus{
    color: inherit;
    text-decoration: none;
}
.pickup-awaiting-row{
    display: flex;
    align-items: stretch;
    /* Строки заполняют высоту карточки (её задаёт кнопка кода), чтобы заливка
       срочности шла во всю высоту, а не оставляла белые полосы у одиночного ПВЗ */
    flex: 1;
}
.pickup-awaiting-row-body{
    flex: 1;
    min-width: 0;
    padding: 9px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pickup-awaiting-row + .pickup-awaiting-row{
    border-top: 1px solid #E8E8E8;
}
.pickup-awaiting-title{
    display: block;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    color: #1D1B26;
}
/* Формы слов в ключах строчные (нужны для склейки «2 заказа и посылка»),
   заглавную в начале строки даёт CSS */
.pickup-awaiting-title::first-letter{
    text-transform: uppercase;
}
.pickup-awaiting-sub{
    display: block;
    margin-top: 2px;
    font-size: 12px;
    line-height: 1.3;
    color: #717171;
}
.pickup-awaiting-qr{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex: none;
    padding: 10px 12px;
    background: var(--brand_yellow);
    color: #1D1B26;
    cursor: pointer;
}
.pickup-awaiting-qr svg{
    display: block;
    width: 32px;
    height: 32px;
}
.pickup-awaiting-qr span{
    font-size: 11px;
    line-height: 1.15;
    text-align: center;
    width: min-content;
}
/* Срочность красит фон СТРОКИ (не всей карточки): при нескольких ПВЗ каждый
   пункт подсвечивается своим сроком; при одиночном строка = вся карточка */
.pickup-awaiting-row-tomorrow{background-color: #FFF5D6;}
.pickup-awaiting-row-tomorrow .pickup-awaiting-title{color: #412402;}
.pickup-awaiting-row-today{background-color: #FCEBEB;}
.pickup-awaiting-row-today .pickup-awaiting-title{color: #501313;}
.pickup-awaiting-sub-tomorrow{color: #854F0B; font-weight: 500;}
.pickup-awaiting-sub-today{color: var(--red); font-weight: 500;}
@media (prefers-color-scheme: dark){
    .pickup-awaiting{background-color: #1D1B26;}
    .pickup-awaiting-title{color: var(--white);}
    .pickup-awaiting-sub{color: #999;}
    .pickup-awaiting-row + .pickup-awaiting-row{border-top-color: #2B2B2D;}
    .pickup-awaiting-row-tomorrow{background-color: #33290F;}
    .pickup-awaiting-row-tomorrow .pickup-awaiting-title{color: #FAC775;}
    .pickup-awaiting-row-tomorrow .pickup-awaiting-sub-tomorrow{color: #EF9F27;}
    .pickup-awaiting-row-today{background-color: #391A20;}
    .pickup-awaiting-row-today .pickup-awaiting-title{color: #F7C1C1;}
    .pickup-awaiting-row-photo{background: #2B2B2D;}
}

/* Нижняя шторка (showBottomSheet в flip.js) и диалог QR-кода получения */
body.flip-sheet-open{
    overflow: hidden;
    /* Свайп по шторке не должен дёргать pull-to-refresh страницы */
    overscroll-behavior-y: none;
}
.flip-sheet{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
}
.flip-sheet-dim{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(16, 17, 18, 0.55);
    opacity: 0;
    transition: opacity 0.25s;
    touch-action: none;
}
.flip-sheet.open .flip-sheet-dim{
    opacity: 1;
}
.flip-sheet-body{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--white);
    border-radius: 20px 20px 0 0;
    padding: 8px 20px calc(20px + env(safe-area-inset-bottom));
    transform: translateY(105%);
    transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
    max-height: 90%;
    overflow: auto;
    overscroll-behavior: contain;
}
.flip-sheet.open .flip-sheet-body{
    transform: translateY(0);
}
.flip-sheet-grab{
    width: 36px;
    height: 4px;
    border-radius: 2px;
    background: #D5D5D5;
    margin: 0 auto 12px;
}
.flip-sheet-title{
    font-size: 17px;
    font-weight: 500;
    color: #1D1B26;
    margin: 0;
    text-align: center;
}
.flip-sheet-sub{
    font-size: 13px;
    color: #717171;
    margin: 4px 0 16px;
    text-align: center;
    line-height: 1.35;
}
.flip-sheet-done{
    display: block;
    width: 100%;
    border: none;
    background: var(--brand_yellow);
    color: #1D1B26;
    font-size: 15px;
    font-weight: 500;
    border-radius: 10px;
    padding: 13px 0;
}
.flip-sheet-done:active{
    transform: scale(0.98);
}
.qr-sheet-img{
    display: block;
    width: 196px;
    height: 196px;
    margin: 0 auto;
    image-rendering: pixelated;
}
.qr-sheet-code{
    font-size: 24px;
    font-weight: 500;
    color: #1D1B26;
    text-align: center;
    margin: 14px 0 4px;
    letter-spacing: 0.03em;
    font-variant-numeric: tabular-nums;
}
.qr-sheet-hint{
    font-size: 12px;
    color: #717171;
    text-align: center;
    margin: 0 0 16px;
    line-height: 1.35;
}
@media (prefers-color-scheme: dark){
    .flip-sheet-body{background: #1D1B26;}
    .flip-sheet-grab{background: #444;}
    .flip-sheet-title{color: var(--white);}
    .flip-sheet-sub, .qr-sheet-hint{color: #999;}
    .qr-sheet-code{color: var(--white);}
    /* QR остаётся на белой подложке — сканерам нужен контраст */
    .qr-sheet-img{background: var(--white); border-radius: 8px; padding: 8px; box-sizing: content-box;}
}

/* Широкие экраны (планшет, десктопное окно): вместо шторки — карточка по центру */
@media (min-width: 600px){
    .flip-sheet-body{
        left: 50%;
        right: auto;
        bottom: auto;
        top: 50%;
        width: 400px;
        max-width: calc(100% - 48px);
        border-radius: 16px;
        padding: 20px;
        transform: translate(-50%, -45%);
        opacity: 0;
        transition: transform 0.25s ease, opacity 0.25s ease;
    }
    .flip-sheet.open .flip-sheet-body{
        transform: translate(-50%, -50%);
        opacity: 1;
    }
    .flip-sheet-grab{
        display: none;
    }
}

/* Шторка важных уведомлений на главной (.important-notify, разметка в main.tpl,
   поведение в flip.js). Стили вынесены из инлайна main.tpl 08.07.2026,
   визуальный язык сведён со шторкой showBottomSheet (.flip-sheet-*) */
#main-wrapper.with-important-notify{
    overflow-x: inherit;
}
#main-wrapper.with-important-notify footer{
    position: relative;
    z-index: 2;
}
.important-notify{
    max-width: 1200px;
    width: 100%;
    position: fixed;
    bottom: 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    left: 0;
    right: 0;
    margin: 0 auto;
    box-sizing: border-box;
    z-index: 2;
    transform: translateY(0);
    transition: transform 0.3s ease-in-out;
    will-change: transform;
}
.important-notify.notify-hidden{
    transform: translateY(100%);
}
.notify-box{
    background-color: var(--white);
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.16);
    border-radius: 20px 20px 0 0;
    display: flex;
    flex-direction: column;
    height: 96px;
    max-height: 80vh;
    transition: box-shadow 0.3s ease-in-out;
}
.important-notify.notify-hidden .notify-box{
    box-shadow: none;
}
.notify-box.open{
    height: auto;
}
.notify-box.open .notifys{
    overflow: auto;
}
.notify-drag-box{
    padding: 16px;
    box-sizing: border-box;
    cursor: grab;
}
.notify-drag{
    display: block;
    width: 36px;
    height: 4px;
    margin: 0 auto;
    border-radius: 2px;
    background: #D5D5D5;
}
.notifys{
    flex: 1;
    overflow: hidden;
    padding: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.important-notify .notify{
    border-left: solid 4px #F1F1F1;
    padding-left: 8px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.important-notify .notify-info{
    border-left-color: var(--brand_yellow);
}
.important-notify .notify-warning{
    border-left-color: var(--red);
}
.important-notify .notify-success{
    border-left-color: var(--green);
}
.important-notify .notify .title{
    font-size: 16px;
    font-weight: 600;
    display: block;
}
.important-notify .notify .body{
    color: #717171;
    display: block;
}
.important-notify .notify .date{
    color: #717171;
    font-weight: 400;
    font-size: 10px;
}
.important-notify .notify .img{
    display: block;
}
.important-notify .notify .img img{
    display: block;
    max-width: 100%;
    max-height: 150px;
}
@media (prefers-color-scheme: dark){
    .notify-box{
        background-color: #1D1B26;
    }
    .notify-drag{
        background: #444;
    }
}

/* Единый вид bootstrap-модалок (showModal во flip.js) */
.modal .modal-content{
    border-radius: 16px;
    border: none;
    box-shadow: 0 16px 48px rgba(0,0,0,0.25);
}
.modal .modal-header{
    border-bottom: none;
    padding: 20px 20px 0;
}
.modal .modal-title{
    font-size: 18px;
    font-weight: 600;
}
.modal .modal-header .close{
    width: 32px;
    height: 32px;
    margin: -4px -6px 0 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #f2f2f2;
    opacity: 1;
    font-size: 20px;
    line-height: 32px;
    color: #666;
    text-shadow: none;
}
.modal .modal-body{
    padding: 16px 20px;
}
.modal .modal-footer{
    border-top: none;
    padding: 0 20px 20px;
}
.modal .modal-footer .btn{
    border-radius: 8px;
}
@media (prefers-color-scheme: dark){
    .modal .modal-header .close{
        background: #2A2833;
        color: #ddd;
    }
}

/* Лента фото товара (product-gallery.js) */
.pgal{
    position: fixed;
    inset: 0;
    z-index: 10050;
    background: var(--gray4);
    opacity: 0;
    transition: opacity 0.18s ease-out, background-color 0.2s ease-out;
}
.pgal.pgal-open{
    opacity: 1;
}
/* Возврат/уход при смахивании вниз; пока палец тянет — transform без transition */
.pgal.pgal-settle{
    transition: opacity 0.18s ease-out, background-color 0.2s ease-out, transform 0.25s ease-out;
}
/* Затемнение при пинче — на самих элементах, а не подложкой:
   iOS делает скролл-контейнер отдельным стековым контекстом,
   и фото не может подняться выше подложки по z-index */
.pgal.pgal-zooming{
    background: #4A4A50;
}
.pgal-scroll{
    position: absolute;
    inset: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding-top: calc(56px + env(safe-area-inset-top, 0px));
    padding-bottom: env(safe-area-inset-bottom, 0px);
    touch-action: pan-y;
}
.pgal-item{
    margin-bottom: 8px;
    background: var(--white);
    transition: filter 0.2s ease-out;
}
.pgal.pgal-zooming .pgal-item:not(.pgal-zoom-item){
    filter: brightness(0.5);
}
.pgal-item img{
    display: block;
    width: 100%;
    height: auto;
    max-height: min(150vw, 85vh);
    object-fit: contain;
}
/* Фото без известных пропорций (нет width/height): резервируем высоту,
   чтобы лента не прыгала по мере догрузки */
.pgal-item img:not([width]){
    min-height: 60vw;
}
.pgal-item img.pgal-zoomed{
    position: relative;
    z-index: 7;
    will-change: transform;
}
.pgal-item img.pgal-return{
    transition: transform 0.25s ease-out;
}
.pgal-header{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: calc(48px + env(safe-area-inset-top, 0px));
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: env(safe-area-inset-top, 0px) 6px 0 16px;
    background: var(--white);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
    transition: opacity 0.2s ease-out;
}
/* Полупрозрачная шапка с блюром: фото красиво заезжают под неё */
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
    .pgal-header{
        background: rgba(255, 255, 255, 0.7);
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
    }
}
.pgal.pgal-zooming .pgal-header{
    opacity: 0;
    pointer-events: none;
}
.pgal-title{
    font-size: 17px;
    font-weight: 700;
    color: var(--black);
}
.pgal-close{
    width: 44px;
    height: 44px;
    padding: 0;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--black);
}
.pgal-close svg{
    width: 22px;
    height: 22px;
    display: block;
}
html.pgal-lock, html.pgal-lock body{
    overflow: hidden;
}
/* Фон под галереей замораживается на месте: top задаёт JS (минус прокрутка) */
html.pgal-lock body{
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
}
@media (prefers-reduced-motion: reduce){
    .pgal, .pgal.pgal-settle, .pgal-header, .pgal-item, .pgal-item img.pgal-return{
        transition: none;
    }
}
@media (prefers-color-scheme: dark){
    .pgal{
        background: #000;
    }
    .pgal-header{
        background: #1D1B26;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
    }
    @supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
        .pgal-header{
            background: rgba(29, 27, 38, 0.7);
        }
    }
    .pgal-title{
        color: var(--white);
    }
    .pgal-close{
        color: var(--white);
    }
    /* Подложка фото белая и в тёмной теме: фон самих фотографий
       преимущественно белый, тёмные поля вокруг смотрелись бы заплатками */
    .pgal-item{
        background: var(--white);
    }
    .pgal.pgal-zooming{
        background: #000;
    }
}
html [data-static-lang="kk"]{
    display: none !important;
}
html[lang="kk"] [data-static-lang="kk"]{
    display: inherit !important;
}
html[lang="kk"] [data-static-lang="ru"]{
    display: none !important;
}/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{-webkit-touch-callout:none;direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
body.search-active #content-layer,
body.search-active .produceNotAvailable,
body.search-active .important-notify,
body.search-active #footer,
body.search-active .main-page-title,
body.search-active #layer-messages,
body.search-active #main-catalog-filter-layer,
body.search-active .location-apply,
body.search-active .breadcrumb {
  display: block !important;
}

body.search-active #close-search {
  display: none !important;
}

body.search-active #search_input {
  border-radius: 4px 0 0 4px;
}

.ss-dropdown {
  position: fixed;
  box-sizing: border-box;
  background: #fff;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  overflow: hidden;
}

.ss-dropdown-inner {
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.input-group-btn > .btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.ss-dropdown-open > .input-group-btn > .btn {
  border-bottom-right-radius: 0 !important;
}

.ss-chips {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  gap: 6px;
  padding: 10px 16px;
  border-bottom: 1px solid #eee;
}

.ss-chip {
  flex-shrink: 0;
  display: inline-block;
  padding: 4px 12px;
  background: #f0f0f0;
  border-radius: 16px;
  font-size: 13px;
  color: #333;
  cursor: pointer;
  transition: background 0.15s;
}

.ss-chip:hover {
  background: #e0e0e0;
}

.ss-section {
  padding: 4px 0;
}

.ss-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 16px;
  cursor: pointer;
  transition: background 0.1s;
}

.ss-icon-search {
  flex-shrink: 0;
  color: #999;
}

.ss-item-term span {
  font-size: 14px;

  line-height: 20px;
  font-weight: 400;
  color: #222;
}

.ss-item-term span b {
  font-weight: 500;
  color: #222;
}

.ss-columns {
  display: flex;
  border-top: 1px solid #eee;
}

.ss-col {
  flex: 1;
  min-width: 0;
  padding: 4px 0;
}

.ss-col + .ss-col {
  border-left: 1px solid #eee;
}

.ss-col-label {
  padding: 6px 14px 4px;
  font-size: 11px;
  font-weight: 600;
  color: #767676;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.ss-col .ss-item {
  padding: 5px 14px;
  gap: 8px;
}

.ss-item-active {
  background: #f5f5f5;
}

.ss-icon-img {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  object-fit: contain;
  border-radius: 6px;
}

.ss-avatar {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}

.ss-item-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.ss-item-name {
  font-size: 13px;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ss-item-sub {
  font-size: 11px;
  color: #767676;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ac_results.search {
  display: none !important;
}

#search > ul > ul.nav {
  display: none !important;
}

.ss-dropdown-open ~ #searchSuggests {
  display: none !important;
}

@media (max-width: 768px) {
  .ss-dropdown {
    box-shadow: none;
    z-index: 10000;
  }

  .ss-dropdown-inner {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
  }

  .ss-columns {
    flex-direction: column;
  }

  .ss-col + .ss-col {
    border-left: none;
    border-top: 1px solid #eee;
  }

  .ss-chip {
    font-size: 14px;
    padding: 6px 14px;
  }

  .ss-item {
    padding: 10px 16px;
  }

  .ss-item-name {
    font-size: 14px;
  }

  .ss-col .ss-item {
    padding: 8px 14px;
  }
}

@media (max-width: 768px) and (prefers-color-scheme: dark) {
  .ss-dropdown {
    background: #38363F;
    border: 1px solid rgba(255, 255, 255, .08);
    border-top: none;
  }

  .ss-item-active {
    background: rgba(255, 255, 255, .06);
  }

  .ss-chips {
    border-bottom-color: rgba(255, 255, 255, .08);
  }

  .ss-chip {
    background: rgba(255, 255, 255, .08);
    color: #E0E0E0;
  }

  .ss-chip:hover {
    background: rgba(255, 255, 255, .14);
  }

  .ss-icon-search {
    color: rgba(255, 255, 255, .65);
  }

  .ss-item-term span {
    color: #E0E0E0;
  }

  .ss-item-term span b {
    color: #E0E0E0;
  }

  .ss-columns {
    border-top-color: rgba(255, 255, 255, .08);
  }

  .ss-col + .ss-col {
    border-left-color: rgba(255, 255, 255, .08);
  }

  .ss-col-label {
    color: rgba(255, 255, 255, .5);
  }

  .ss-item-name {
    color: #E0E0E0;
  }

  .ss-item-sub {
    color: rgba(255, 255, 255, .55);
  }
}

.is-action-bar ~ input[name="favorite"] + label,
input[name="favorite"] + label.is-hidden {
  display: none !important;
}

.is-action-bar {
  display: flex;
  gap: 8px;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 5;
}

.is-action-btn {
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #666;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
  transition: all .2s;
}

.is-action-btn:hover {
  color: #282828;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
}

.is-action-btn svg {
  width: 20px;
  height: 20px;
}

.is-action-btn.is-loading {
  pointer-events: none;
}

.is-spinner-sm {
  display: block;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(0, 0, 0, .1);
  border-radius: 50%;
  border-top-color: #282828;
  animation: isSpin .7s linear infinite;
}

.is-spinner {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(0, 0, 0, .1);
  border-radius: 50%;
  border-top-color: #282828;
  animation: isSpin .7s linear infinite;
  vertical-align: middle;
  margin-right: 8px;
}

@keyframes isSpin {
  to { transform: rotate(360deg); }
}

.is-cam-btn {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: none !important;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #555;
  transition: color .15s;
  z-index: 2;
  font-size: 0 !important;
  line-height: 0 !important;
}

.is-cam-btn:hover {
  color: #333;
}

.is-cam-btn svg {
  width: 20px;
  height: 20px;
  display: block;
}

.is-input-wrap-mobile {
  display: table-cell !important;
  position: relative;
  width: 100%;
  vertical-align: middle;
  background: #fff;
  border-radius: 4px 0 0 4px;
}

.is-input-wrap-mobile input {
  width: 100% !important;
  display: block !important;
  background: transparent !important;
  border-color: transparent !important;
  outline: none;
  box-shadow: none !important;
  position: relative;
  z-index: 1;
}

.is-input-wrap-mobile .is-cam-btn {
  position: absolute !important;
}

.is-input-wrap-mobile .is-chip {
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  margin-left: 0;
}

.is-chip {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-left: 10px;
  flex-shrink: 0;
  height: 28px;
}

.is-chip img {
  width: 26px;
  height: 26px;
  object-fit: cover;
  border-radius: 4px;
  display: block;
}

.is-chip-x {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  color: #999;
  cursor: pointer;
  transition: color .15s, background .15s;
  flex-shrink: 0;
}

.is-chip-x:hover {
  color: #282828;
  background: rgba(0, 0, 0, .06);
}

.is-toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%) translateY(12px);
  background: #282828;
  color: #fff;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  z-index: 10001;
  opacity: 0;
  transition: all .25s;
  max-width: 90%;
  text-align: center;
}

.is-toast-error {
  background: #d32f2f;
}

.is-toast-show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.is-mobile-objects-overlay {
  position: fixed;
  inset: 0;
  background: #000;
  z-index: 10000;
  display: flex;
  flex-direction: column;
}
html.is-mobile-objects-open,
html.is-mobile-objects-open body { overflow: hidden; }

.is-mobile-objects-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  flex: 0 0 auto;
}
.is-mobile-objects-back {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 26px;
  line-height: 1;
  padding: 4px 10px;
  cursor: pointer;
}
.is-mobile-objects-hint {
  font-size: 14px;
  color: #fff;
  flex: 1 1 auto;
}

.is-mobile-objects-stage {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.is-mobile-objects-stage .is-objects-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  user-select: none;
  pointer-events: none;
}
.is-mobile-objects-stage .is-objects-svg {
  position: absolute;
  pointer-events: none;
  overflow: visible;
}
.is-mobile-objects-stage .is-objects-points {
  position: absolute;
  inset: 0;
  pointer-events: auto;
}

.is-objects-point {
  position: absolute;
  width: 26px;
  height: 26px;
  margin-left: -13px;
  margin-top: -13px;
  border-radius: 50%;
  background: #febd01;
  border: 3px solid #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  padding: 0;
  opacity: 0;
  transform: scale(0.2);
  animation: is-mobile-point-pop 0.35s ease-out forwards,
             is-mobile-point-pulse 1.6s ease-in-out infinite 0.5s;
}
.is-objects-point:active { background: #ffcb33; }

@keyframes is-mobile-point-pop {
  0%   { opacity: 0; transform: scale(0.2); }
  70%  { opacity: 1; transform: scale(1.2); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes is-mobile-point-pulse {
  0%, 100% { box-shadow: 0 2px 8px rgba(254, 189, 1, 0.45), 0 0 0 0 rgba(254, 189, 1, 0.55); }
  50%      { box-shadow: 0 2px 8px rgba(254, 189, 1, 0.45), 0 0 0 14px rgba(254, 189, 1, 0); }
}

.is-objects-point-hide {
  animation: is-mobile-point-hide 0.2s ease-out forwards !important;
}
@keyframes is-mobile-point-hide {
  0%   { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(0.3); }
}

.is-objects-shape-selected {
  fill: transparent;
  stroke: #febd01;
  stroke-width: 4;
  stroke-linejoin: round;
  stroke-linecap: round;
  pointer-events: none;
  filter: drop-shadow(0 0 6px rgba(254, 189, 1, 0.6));
}

.ss-search-overlay-bg {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(60, 60, 60, 0.3);
  z-index: 9998;
  display: none;

  animation: ss_overlay_fade .15s ease-out;
}

html.ss-search-lock,
html.ss-search-lock body {
  overflow: hidden;
}

@media (max-width: 768px) and (prefers-color-scheme: dark) {
  .ss-search-overlay-bg {
    background: rgba(0, 0, 0, .45);
  }
}

@keyframes ss_overlay_fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

.ss-item-history {
  position: relative;
  padding-right: 56px;
}

.ss-item-history span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ss-history-remove {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  border: none;
  border-radius: 12px;
  background: none;
  background-clip: content-box;
  color: #999;
  cursor: pointer;
}

.ss-history-remove svg {
  width: 20px;
  height: 20px;
}

.ss-history-remove:active {
  color: #282828;
  background: rgba(0, 0, 0, .06);
  background-clip: content-box;
}

@media (max-width: 768px) and (prefers-color-scheme: dark) {
  .ss-history-remove {
    color: rgba(255, 255, 255, .55);
  }

  .ss-history-remove:active {
    color: #ECECEC;
    background: rgba(255, 255, 255, .1);
    background-clip: content-box;
  }
}