@font-face {
    font-family: 'Raleway';
    src: url('/themes/default/front/fonts/Raleway/Raleway-Thin.woff2') format('woff2'),
    url('/themes/default/front/fonts/Raleway/Raleway-Thin.woff') format('woff'),
    url('/themes/default/front/fonts/Raleway/Raleway-Thin.ttf') format('truetype'),
    url('/themes/default/front/fonts/Raleway/Raleway-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    font-optical-sizing: auto;
}

@font-face {
    font-family: 'Raleway';
    src: url('/themes/default/front/fonts/Raleway/Raleway-ThinItalic.woff2') format('woff2'),
    url('/themes/default/front/fonts/Raleway/Raleway-ThinItalic.woff') format('woff'),
    url('/themes/default/front/fonts/Raleway/Raleway-ThinItalic.ttf') format('truetype'),
    url('/themes/default/front/fonts/Raleway/Raleway-ThinItalic.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
    font-optical-sizing: auto;
}

@font-face {
    font-family: 'Raleway';
    src: url('/themes/default/front/fonts/Raleway/Raleway-ExtraLight.woff2') format('woff2'),
    url('/themes/default/front/fonts/Raleway/Raleway-ExtraLight.woff') format('woff'),
    url('/themes/default/front/fonts/Raleway/Raleway-ExtraLight.ttf') format('truetype'),
    url('/themes/default/front/fonts/Raleway/Raleway-ExtraLight.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
    font-optical-sizing: auto;
}

@font-face {
    font-family: 'Raleway';
    src: url('/themes/default/front/fonts/Raleway/Raleway-ExtraLightItalic.woff2') format('woff2'),
    url('/themes/default/front/fonts/Raleway/Raleway-ExtraLightItalic.woff') format('woff'),
    url('/themes/default/front/fonts/Raleway/Raleway-ExtraLightItalic.ttf') format('truetype'),
    url('/themes/default/front/fonts/Raleway/Raleway-ExtraLightItalic.otf') format('opentype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
    font-optical-sizing: auto;
}

@font-face {
    font-family: 'Raleway';
    src: url('/themes/default/front/fonts/Raleway/Raleway-Light.woff2') format('woff2'),
    url('/themes/default/front/fonts/Raleway/Raleway-Light.woff') format('woff'),
    url('/themes/default/front/fonts/Raleway/Raleway-Light.ttf') format('truetype'),
    url('/themes/default/front/fonts/Raleway/Raleway-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    font-optical-sizing: auto;
}

@font-face {
    font-family: 'Raleway';
    src: url('/themes/default/front/fonts/Raleway/Raleway-LightItalic.woff2') format('woff2'),
    url('/themes/default/front/fonts/Raleway/Raleway-LightItalic.woff') format('woff'),
    url('/themes/default/front/fonts/Raleway/Raleway-LightItalic.ttf') format('truetype'),
    url('/themes/default/front/fonts/Raleway/Raleway-LightItalic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    font-optical-sizing: auto;
}

@font-face {
    font-family: 'Raleway';
    src: url('/themes/default/front/fonts/Raleway/Raleway-Regular.woff2') format('woff2'),
    url('/themes/default/front/fonts/Raleway/Raleway-Regular.woff') format('woff'),
    url('/themes/default/front/fonts/Raleway/Raleway-Regular.ttf') format('truetype'),
    url('/themes/default/front/fonts/Raleway/Raleway-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    font-optical-sizing: auto;
}

@font-face {
    font-family: 'Raleway';
    src: url('/themes/default/front/fonts/Raleway/Raleway-Italic.woff2') format('woff2'),
    url('/themes/default/front/fonts/Raleway/Raleway-Italic.woff') format('woff'),
    url('/themes/default/front/fonts/Raleway/Raleway-Italic.ttf') format('truetype'),
    url('/themes/default/front/fonts/Raleway/Raleway-Italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    font-optical-sizing: auto;
}

@font-face {
    font-family: 'Raleway';
    src: url('/themes/default/front/fonts/Raleway/Raleway-Medium.woff2') format('woff2'),
    url('/themes/default/front/fonts/Raleway/Raleway-Medium.woff') format('woff'),
    url('/themes/default/front/fonts/Raleway/Raleway-Medium.ttf') format('truetype'),
    url('/themes/default/front/fonts/Raleway/Raleway-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    font-optical-sizing: auto;
}

@font-face {
    font-family: 'Raleway';
    src: url('/themes/default/front/fonts/Raleway/Raleway-MediumItalic.woff2') format('woff2'),
    url('/themes/default/front/fonts/Raleway/Raleway-MediumItalic.woff') format('woff'),
    url('/themes/default/front/fonts/Raleway/Raleway-MediumItalic.ttf') format('truetype'),
    url('/themes/default/front/fonts/Raleway/Raleway-MediumItalic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
    font-optical-sizing: auto;
}

@font-face {
    font-family: 'Raleway';
    src: url('/themes/default/front/fonts/Raleway/Raleway-SemiBold.woff2') format('woff2'),
    url('/themes/default/front/fonts/Raleway/Raleway-SemiBold.woff') format('woff'),
    url('/themes/default/front/fonts/Raleway/Raleway-SemiBold.ttf') format('truetype'),
    url('/themes/default/front/fonts/Raleway/Raleway-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    font-optical-sizing: auto;
}

@font-face {
    font-family: 'Raleway';
    src: url('/themes/default/front/fonts/Raleway/Raleway-SemiBoldItalic.woff2') format('woff2'),
    url('/themes/default/front/fonts/Raleway/Raleway-SemiBoldItalic.woff') format('woff'),
    url('/themes/default/front/fonts/Raleway/Raleway-SemiBoldItalic.ttf') format('truetype'),
    url('/themes/default/front/fonts/Raleway/Raleway-SemiBoldItalic.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
    font-optical-sizing: auto;
}

@font-face {
    font-family: 'Raleway';
    src: url('/themes/default/front/fonts/Raleway/Raleway-Bold.woff2') format('woff2'),
    url('/themes/default/front/fonts/Raleway/Raleway-Bold.woff') format('woff'),
    url('/themes/default/front/fonts/Raleway/Raleway-Bold.ttf') format('truetype'),
    url('/themes/default/front/fonts/Raleway/Raleway-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    font-optical-sizing: auto;
}

@font-face {
    font-family: 'Raleway';
    src: url('/themes/default/front/fonts/Raleway/Raleway-BoldItalic.woff2') format('woff2'),
    url('/themes/default/front/fonts/Raleway/Raleway-BoldItalic.woff') format('woff'),
    url('/themes/default/front/fonts/Raleway/Raleway-BoldItalic.ttf') format('truetype'),
    url('/themes/default/front/fonts/Raleway/Raleway-BoldItalic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    font-optical-sizing: auto;
}

@font-face {
    font-family: 'Raleway';
    src: url('/themes/default/front/fonts/Raleway/Raleway-ExtraBold.woff2') format('woff2'),
    url('/themes/default/front/fonts/Raleway/Raleway-ExtraBold.woff') format('woff'),
    url('/themes/default/front/fonts/Raleway/Raleway-ExtraBold.ttf') format('truetype'),
    url('/themes/default/front/fonts/Raleway/Raleway-ExtraBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    font-optical-sizing: auto;
}

@font-face {
    font-family: 'Raleway';
    src: url('/themes/default/front/fonts/Raleway/Raleway-ExtraBoldItalic.woff2') format('woff2'),
    url('/themes/default/front/fonts/Raleway/Raleway-ExtraBoldItalic.woff') format('woff'),
    url('/themes/default/front/fonts/Raleway/Raleway-ExtraBoldItalic.ttf') format('truetype'),
    url('/themes/default/front/fonts/Raleway/Raleway-ExtraBoldItalic.otf') format('opentype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
    font-optical-sizing: auto;
}

@font-face {
    font-family: 'Raleway';
    src: url('/themes/default/front/fonts/Raleway/Raleway-Black.woff2') format('woff2'),
    url('/themes/default/front/fonts/Raleway/Raleway-Black.woff') format('woff'),
    url('/themes/default/front/fonts/Raleway/Raleway-Black.ttf') format('truetype'),
    url('/themes/default/front/fonts/Raleway/Raleway-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    font-optical-sizing: auto;
}

@font-face {
    font-family: 'Raleway';
    src: url('/themes/default/front/fonts/Raleway/Raleway-BlackItalic.woff2') format('woff2'),
    url('/themes/default/front/fonts/Raleway/Raleway-BlackItalic.woff') format('woff'),
    url('/themes/default/front/fonts/Raleway/Raleway-BlackItalic.ttf') format('truetype'),
    url('/themes/default/front/fonts/Raleway/Raleway-BlackItalic.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
    font-optical-sizing: auto;
}

@font-face {
    font-family: 'Roboto';
    src: url('/themes/default/front/fonts/roboto/Roboto-Regular.woff2') format('woff2'),
    url('/themes/default/front/fonts/roboto/Roboto-Regular.woff') format('woff'),
    url('/themes/default/front/fonts/roboto/Roboto-Regular.ttf') format('truetype'),
    url('/themes/default/front/fonts/roboto/Roboto-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    font-optical-sizing: auto;
}

@font-face {
    font-family: 'Roboto';
    src: url('/themes/default/front/fonts/roboto/Roboto-Bold.woff2') format('woff2'),
    url('/themes/default/front/fonts/roboto/Roboto-Bold.woff') format('woff'),
    url('/themes/default/front/fonts/roboto/Roboto-Bold.ttf') format('truetype'),
    url('/themes/default/front/fonts/roboto/Roboto-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    font-optical-sizing: auto;
}

@font-face {
  font-family: 'icomoon';
  src:  url('/themes/default/front/fonts/Icons/icon/fonts/icomoon.eot');
  src:  url('/themes/default/front/fonts/Icons/icon/fonts/icomoon.eot') format('embedded-opentype'),
    url('/themes/default/front/fonts/Icons/icon/fonts/icomoon.ttf') format('truetype'),
    url('/themes/default/front/fonts/Icons/icon/fonts/icomoon.woff') format('woff'),
    url('/themes/default/front/fonts/Icons/icon/fonts/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
    font-display: swap;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon-moe-02 .path1:before {
  content: "\e900";
  color: rgb(255, 255, 255);
}
.icon-icon-moe-02 .path2:before {
  content: "\e901";
  margin-left: -1.5146484375em;
  color: rgb(255, 255, 255);
}
.icon-icon-moe-02 .path3:before {
  content: "\e902";
  margin-left: -1.5146484375em;
  color: rgb(255, 255, 255);
}
.icon-icon-moe-02 .path4:before {
  content: "\e903";
  margin-left: -1.5146484375em;
  color: rgb(255, 255, 255);
}
.icon-icon-moe-02 .path5:before {
  content: "\e904";
  margin-left: -1.5146484375em;
  color: rgb(255, 255, 255);
}
.icon-icon-moe-02 .path6:before {
  content: "\e905";
  margin-left: -1.5146484375em;
  color: rgb(255, 255, 255);
}
.icon-icon-moe-02 .path7:before {
  content: "\e906";
  margin-left: -1.5146484375em;
  color: rgb(255, 255, 255);
}
.icon-icon-moe-02 .path8:before {
  content: "\e907";
  margin-left: -1.5146484375em;
  color: rgb(248, 177, 55);
}
.icon-icon-moe-02 .path9:before {
  content: "\e908";
  margin-left: -1.5146484375em;
  color: rgb(248, 177, 55);
}
.icon-icon-moe-02 .path10:before {
  content: "\e909";
  margin-left: -1.5146484375em;
  color: rgb(255, 255, 255);
}
.icon-icon-moe-02 .path11:before {
  content: "\e90a";
  margin-left: -1.5146484375em;
  color: rgb(255, 255, 255);
}
.icon-icon-moe-02 .path12:before {
  content: "\e90b";
  margin-left: -1.5146484375em;
  color: rgb(255, 255, 255);
}
.icon-icon-moe-02 .path13:before {
  content: "\e90c";
  margin-left: -1.5146484375em;
  color: rgb(255, 255, 255);
}
.icon-icon-moe-02 .path14:before {
  content: "\e90d";
  margin-left: -1.5146484375em;
  color: rgb(249, 182, 52);
}
.icon-icon-moe-03 .path1:before {
  content: "\e90e";
  color: rgb(255, 255, 255);
  opacity: 0.4;
}
.icon-icon-moe-03 .path2:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-icon-moe-04 .path1:before {
  content: "\e910";
  color: rgb(251, 175, 67);
}
.icon-icon-moe-04 .path2:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-icon-moe-05 .path1:before {
  content: "\e912";
  color: rgb(251, 175, 67);
}
.icon-icon-moe-05 .path2:before {
  content: "\e913";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-icon-moe-06 .path1:before {
  content: "\e914";
  color: rgb(251, 175, 67);
}
.icon-icon-moe-06 .path2:before {
  content: "\e915";
  margin-left: -2em;
  color: rgb(255, 255, 255);
}
.icon-icon-moe-07:before {
  content: "\e916";
}
.icon-icon-moe-08:before {
  content: "\e917";
}
.icon-icon-moe-09:before {
  content: "\e918";
}
.icon-icon-moe-10:before {
  content: "\e919";
}
.icon-icon-moe-11:before {
  content: "\e91a";
}
.icon-icon-moe-12:before {
  content: "\e91b";
}
.icon-icon-moe-13:before {
  content: "\e91c";
}
.icon-icon-moe-14:before {
  content: "\e91d";
}
.icon-icon-moe-15:before {
  content: "\e91e";
}
.icon-icon-moe-16:before {
  content: "\e91f";
}
.icon-icon-moe-17:before {
  content: "\e920";
}
.icon-icon-moe-18:before {
  content: "\e921";
}
.icon-icon-moe-19:before {
  content: "\e922";
}
.icon-icon-moe-20:before {
  content: "\e923";
}
.icon-icon-moe-21:before {
  content: "\e924";
}
.icon-icon-moe-22:before {
  content: "\e925";
}
.icon-icon-moe-23:before {
  content: "\e926";
}
.icon-icon-moe-24:before {
  content: "\e927";
}
.icon-icon-moe-25:before {
  content: "\e928";
}
.icon-icon-moe-26:before {
  content: "\e929";
}
.icon-icon-moe-27:before {
  content: "\e92a";
}
.icon-icon-moe-28:before {
  content: "\e92b";
}
.icon-icon-moe-29:before {
  content: "\e92c";
}
.icon-icon-moe-30:before {
  content: "\e92d";
}
.icon-icon-moe-31:before {
  content: "\e92e";
}
.icon-icon-moe-32:before {
  content: "\e92f";
}
.icon-icon-moe-33:before {
  content: "\e930";
}
.icon-icon-moe-34:before {
  content: "\e931";
}
.icon-icon-moe-35:before {
  content: "\e932";
}
.icon-icon-moe-36:before {
  content: "\e933";
}
.icon-icon-moe-37:before {
  content: "\e934";
}
/*.icon-icon-moe-38:before {
  content: "\e935";
}*/
.icon-icon-moe-39:before {
  content: "\e936";
}
.icon-icon-moe-40:before {
  content: "\e937";
}
.icon-icon-moe-41:before {
  content: "\e938";
}
.icon-icon-moe-42:before {
  content: "\e939";
}
.icon-icon-moe-43:before {
  content: "\e93a";
}
.icon-icon-moe-44:before {
  content: "\e93b";
}
.icon-icon-moe-45:before {
  content: "\e93c";
}
.icon-icon-moe-46:before {
  content: "\e93d";
}
.icon-icon-moe-47:before {
  content: "\e93e";
}
.icon-icon-moe-48:before {
  content: "\e93f";
}
.icon-icon-moe-49:before {
  content: "\e940";
}


/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 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: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  -moz-text-decoration: underline dotted;
  text-decoration: underline 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 {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-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: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.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: #333333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  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: #fff;
  border: 1px solid #ddd;
  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;
  padding: 0;
  margin: -1px;
  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;
  line-height: 1.1;
  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: 400;
  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 {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.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: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.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: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.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-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: 700;
}
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;
}
.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;
  text-align: right;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}
.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: #fff;
  background-color: #333;
  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: 700;
  -webkit-box-shadow: none;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  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 {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.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-right: 15px;
  padding-left: 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;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
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 #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.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 #ddd;
}
.table .table {
  background-color: #fff;
}
.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 #ddd;
}
.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 #ddd;
}
.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 > 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 {
  min-height: 0.01%;
  overflow-x: auto;
}
@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 #ddd;
  }
  .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 {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 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: 700;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
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;
}
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: 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: #fff;
  background-image: none;
  border: 1px solid #ccc;
  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, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  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, -webkit-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: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.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;
}
@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.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 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;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.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;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.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;
  background-color: #f2dede;
  border-color: #a94442;
}
.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 {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    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;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  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: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -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;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  background-image: none;
  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: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.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 {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  background-image: none;
  border-color: #204d74;
}
.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: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.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 {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  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: #fff;
  background-color: #398439;
  border-color: #255625;
}
.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 {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  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: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.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 {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  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: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.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 {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  background-image: none;
  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: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.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 {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: 400;
  color: #337ab7;
  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: #23527c;
  text-decoration: underline;
  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 \9;
  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;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  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);
}
.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: 400;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.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;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.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-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-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-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 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-left-radius: 4px;
  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-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.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-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  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-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.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: 400;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  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-top-right-radius: 0;
  border-bottom-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-top-left-radius: 0;
  border-bottom-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 {
  padding-left: 0;
  margin-bottom: 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;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}
.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 #ddd;
}
.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 #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.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 #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    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: #fff;
  }
}
.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: #fff;
  background-color: #337ab7;
}
.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 {
  margin-bottom: 5px;
  text-align: center;
}
.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 #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    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: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-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 {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  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-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
@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;
}
.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-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.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;
  padding: 9px 10px;
  margin-right: 15px;
  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 {
  padding: 10px 15px;
  margin-right: -15px;
  margin-left: -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;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-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-right: 15px;
    margin-left: 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: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    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: #555;
    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: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.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: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  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: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@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: #fff;
    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: #fff;
    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: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.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: #444;
}
.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 {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.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;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.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-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-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-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  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;
  cursor: not-allowed;
  background-color: #fff;
}
.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  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: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.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;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  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: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.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 {
  padding-right: 15px;
  padding-left: 15px;
  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-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  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-right: auto;
  margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.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 {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.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 {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  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: #fff;
  text-align: center;
  background-color: #337ab7;
  -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 {
  overflow: hidden;
  zoom: 1;
}
.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 {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #eeeeee;
}
.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: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.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: #c7ddef;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.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: #fff;
  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-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > 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 #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .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-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-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-right-radius: 3px;
  border-bottom-left-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 #ddd;
}
.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 {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.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;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 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: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -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: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-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: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  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);
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.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-bottom: 0;
  margin-left: 5px;
}
.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: 400;
  line-height: 1.42857143;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.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: 400;
  line-height: 1.42857143;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  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 > .arrow {
  border-width: 11px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.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 {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -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: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-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;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.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%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  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%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.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;
  font-family: serif;
  line-height: 1;
}
.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%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  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: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 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-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.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-header:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: 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;
  }
}
/*# sourceMappingURL=bootstrap.css.map */

@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes bounce {
	0%, 20%, 53%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	40%, 43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
	}

	90% {
		-webkit-transform: translate3d(0,-4px,0);
		transform: translate3d(0,-4px,0);
	}
}

@keyframes bounce {
	0%, 20%, 53%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	40%, 43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -30px, 0);
		-ms-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -15px, 0);
		-ms-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
	}

	90% {
		-webkit-transform: translate3d(0,-4px,0);
		-ms-transform: translate3d(0,-4px,0);
		transform: translate3d(0,-4px,0);
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
}

@-webkit-keyframes flash {
	0%, 50%, 100% {
		opacity: 1;
	}

	25%, 75% {
		opacity: 0;
	}
}

@keyframes flash {
	0%, 50%, 100% {
		opacity: 1;
	}

	25%, 75% {
		opacity: 0;
	}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		-ms-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}

@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1);
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		-ms-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		-ms-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		-ms-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		-ms-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1);
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		-ms-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}

@-webkit-keyframes shake {
	0%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

@keyframes shake {
	0%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		-ms-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(10px, 0, 0);
		-ms-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		-ms-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		-ms-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		-ms-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		-ms-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		-ms-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}
}

.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: none;
		transform: none;
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		-ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		-ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		-ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		-ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}

@-webkit-keyframes bounceIn {
	0%, 20%, 40%, 60%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes bounceIn {
	0%, 20%, 40%, 60%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		-ms-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		-ms-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		-ms-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		-ms-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		-ms-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		-ms-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		-ms-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes bounceInLeft {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		-ms-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		-ms-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		-ms-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		-ms-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes bounceInRight {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		-ms-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		-ms-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		-ms-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		-ms-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes bounceInUp {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		-ms-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		-ms-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		-ms-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		-ms-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	50%, 55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		-ms-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	50%, 55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		-ms-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		-ms-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		-ms-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		-ms-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		-ms-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		-ms-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		-ms-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		-ms-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		-ms-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		-ms-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		-ms-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		-ms-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		-ms-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		-ms-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		-ms-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		-ms-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		-ms-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		-ms-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		-ms-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	-ms-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px);
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px);
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0;
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0;
	}
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}

	60% {
		-webkit-transform: skewX(20deg);
		-ms-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: skewX(-5deg);
		-ms-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
	0% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0;
	}
}

@keyframes lightSpeedOut {
	0% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		-ms-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0;
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		-ms-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		-ms-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		-ms-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		-ms-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0;
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		-ms-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		-ms-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		-ms-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0;
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	20%, 60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	40%, 80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0;
	}
}

@keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	20%, 60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		-ms-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	40%, 80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		-ms-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		-ms-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0;
	}
}

.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		-ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	}
}

@keyframes rollOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		-ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	100% {
		opacity: 0;
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	100% {
		opacity: 0;
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		-ms-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
	}
}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center;
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		-ms-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
	}
}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes slideInRight {
	0% {
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
}

@keyframes slideOutDown {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
	}
}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}

@keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

@keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#4caf50}.toast-error{background-color:#df4a54}.toast-info{background-color:#32a1bf}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{outline:none;position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover{opacity:.9}.splide__arrow:focus{outline:none}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4)}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus{outline:none}.splide__progress__bar{background:#ccc;height:3px}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide:focus,.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{left:auto;right:1em}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{bottom:1em;top:auto}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination,.splide--ttb>.splide__slider>.splide__pagination{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
* {
    -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;
}

a {
    color: var(--moe-blue);
    text-decoration: none;
    background-color: transparent;
    outline: 0;
}

a {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer !important;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}

dir, menu, p, ul {
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    margin: 0;
}

dir, menu, ul {
    list-style-type: disc;
    -webkit-padding-start: 0;
    padding: 0;
}

ul > li {
    list-style: none;
}

.nav > li {
    position: relative;
    display: block;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container:before,
.container:after,
.row:before,
.row:after,
.nav:before,
.nav:after {
    content: " ";
    display: table;
}

.col-extend {
    display: none;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }

    .for-phone .container_nn-full .col-lg-7 {
        width: 750px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1260px;
        max-width: 100%;
    }
}

@media (min-width: 1860px) {
    [class^='col-mxl-'] {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .container {
        width: 1590px;
    }

    .col-lg-3 {
        width: 315px;
        max-width: 315px;
    }

    .col-lg-6 {
        width: 630px;
        max-width: 630px;
    }

    .col-lg-9 {
        width: 945px;
        max-width: 945px;
    }

    .col-lg-12 {
        width: 1260px;
        max-width: 1260px;
    }

    .for-phone .container-article .col-lg-12 {
        width: 100%;
        max-width: 100%;
    }

    .norm-col .col-lg-3 {
        width: 25%;
        max-width: 25%;
    }

    .norm-col .col-lg-9 {
        width: 75%;
        max-width: 75%;
    }

    .norm-col .col-lg-12 {
        width: 100%;
        max-width: 100%;
    }

    .col-extend {
        display: block;
        width: 330px;
        max-width: 330px;
        padding: 0 15px;
        margin-top: 25px;
        z-index: 1;
    }
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.mobile-header-2020 .col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
}

.dropdown {
    position: relative;
}

button {
    border: none;
    outline: none;
}

/*--------------------------------*/

.svg-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    transition: all .1s;
}

.main-header-2020 a,
.in-top .navbar-nav > li.notifications > span,
.header-line-2 a {
    transition: all .1s ease;
    cursor: pointer !important;
}

.right-column {
    margin-top: 25px;
}

.height-40 {
    height: 40%;
    padding-bottom: 50px;
}

.height-50 {
    height: 50%;
    padding-bottom: 50px;
}

.height-60 {
    height: 60%;
    padding-bottom: 50px;
}

.height-100 {
    height: 100%;
    /*padding-bottom: 50px;*/
}

.sticky-65 {
    position: -webkit-sticky;
    position: sticky;
    top: 65px;
}

.sticky-80 {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
}

.sticky-105 {
    position: -webkit-sticky;
    position: sticky;
    top: 105px;
}

.sticky-190 {
    position: -webkit-sticky;
    position: sticky;
    top: 190px;
}

.select-city,
.noti_button {
    user-select: none;
}

/*----------------------------*/


@media (min-width: 768px) {
    .links.links-1 > li:not(.nav_dropdown),
    .links.links-3 > li {
        display: none;
    }

    .links.links-3 > li:nth-child(1),
    .links.links-3 > li:nth-child(2) {
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 992px) {
    .links.links-1 > .in-main-992:not(.nav_dropdown),
    .links.links-3 > .in-main-992 {
        display: -ms-flexbox;
        display: flex;
    }

    li:not(.parent-rubric) .dropdown-panel .dropdown-panel-list .in-main-992 {
        display: none;
    }
}

@media (min-width: 1200px) {
    .links.links-1 > .in-main-1200:not(.nav_dropdown),
    .links.links-3 > .in-main-1200 {
        display: -ms-flexbox;
        display: flex;
    }

    li:not(.parent-rubric) .dropdown-panel .dropdown-panel-list .in-main-1200 {
        display: none;
    }
}

@media (min-width: 1860px) {
    .links.links-1 > .in-main-1920:not(.nav_dropdown),
    .links.links-3 > .in-main-1920 {
        display: -ms-flexbox;
        display: flex;
    }

    li:not(.parent-rubric) .dropdown-panel .dropdown-panel-list .in-main-1920 {
        display: none;
    }
}

/*Adaptive menu - Базовая разметка*/

nav.greedy {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

nav.greedy-2 {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.greedy-btn {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 0;
    outline: 0;
    border: 0;
    background: transparent;
    position: relative;
}

.greedy-btn.hidden {
    transition: none;
    border-right: 0.5rem solid #b6b6b6;
    width: 0;
    padding: 0;
    overflow: hidden;
}

.greedy ul.links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex: 1;
    flex: 1;
}

.greedy ul.links.links-1 {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.greedy ul.links.links-2 {
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 10px;
}

.greedy-nav-top-fixed ul.links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex: 1;
    flex: 1;
}

.greedy-nav-top-fixed ul.links-3,
.greedy-nav-top-fixed ul.links-4 {
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
    margin-left: 10px;
}

.greedy ul.links-1 li,
.greedy-nav-top-fixed ul.links.greedy-show-more {
    flex: none;
}

ul.hidden-links.hidden {
    display: none;
}

/*End of Adaptive menu - Базовая разметка*/

nav.greedy-nav {
    height: 70px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    transition: all .2s ease-out;
}

nav.greedy-nav .links-1 {
    width: calc(100% - 165px - 140px);
    padding: 0 10px;
}

nav.greedy-2,
nav.greedy-2 .greedy-btn,
.header-line-2 .greedy-li {
    height: 29px;
}

nav.greedy-nav .greedy-btn {
    width: 70px;
    min-width: 70px;
}

.greedy ul.links li,
.greedy-nav-top-fixed ul.links li {
    margin-right: 0;
}

ul.links-1 .greedy-li:hover,
ul.links-1 .greedy-li:focus {
    z-index: 1000;
}

ul.links-1 li > a,
.greedy-nav-top-fixed .parent-rubric .greedy-a,
.greedy-nav-top-fixed .greedy-li-name-rubric .greedy-a,
.greedy-nav-top-fixed .greedy-li-name-subrubric .greedy-a,
.greedy-nav-top-fixed .links-3 .greedy-a {
    padding: 0 16px;
    position: relative;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}

/*ul.links-1 li > a {
    padding: 0 5px;
}*/

ul.links-1 li > a.greedy-a-plus,
.greedy-nav-top-fixed .links-3 a.greedy-a-plus {
    text-transform: none;
}

ul.links-1 li > a {
    line-height: 70px;
}

ul.links-2 li a,
ul.links-4 li a {
    line-height: 29px;
    padding: 0 16px;
    position: relative;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
}

ul.links-4 li a {
    line-height: 50px;
}

ul.links-2 li a:hover,
ul.links-4 li a:hover {
    text-decoration: underline;
}

.greedy.greedy-nav {
    -ms-flex-align: start;
    align-items: flex-start;
}

.greedy.greedy-nav > .links-1 > .greedy-li,
.greedy.greedy-nav > .greedy-show-more > .greedy-li {
    padding: 10px 0 0;
}

.greedy.greedy-nav > .links-1 > .greedy-li > a,
.greedy.greedy-nav > .greedy-show-more > .greedy-li > .greedy-btn {
    line-height: 50px;
    border-radius: 16px;
}

.greedy.greedy-nav > .links-1 > .greedy-li.nav_dropdown:hover > a,
.greedy.greedy-nav > .links-1 > .greedy-li.nav_dropdown:focus > a,
.greedy.greedy-nav > .links-1 > .greedy-li.nav_dropdown.open_menu > a,
.greedy.greedy-nav > .greedy-show-more > .greedy-li.nav_dropdown:hover > .greedy-btn,
.greedy.greedy-nav > .greedy-show-more > .greedy-li.nav_dropdown:focus > .greedy-btn,
.greedy.greedy-nav > .greedy-show-more > .greedy-li.nav_dropdown.open_menu > .greedy-btn {
    line-height: 50px;
    padding-bottom: 10px;
    border-radius: 16px 16px 0 0;
}

/*-------------------------------*/

.greedy-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%;
    width: 100%;
}

.greedy-nav-fixed {
    display: -ms-flexbox;
    display: flex;
}

.greedy-nav-in {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.greedy-nav-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

.greedy-nav-list,
.greedy-nav-list-2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.greedy-nav-list > .greedy-nav-item:nth-of-type(1n+2),
.greedy-nav-list-2 > .greedy-nav-item:nth-of-type(1n+2) {
    margin-left: 0;
}

.greedy-li {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-decoration: none;
    transition: all .2s ease-in-out;
}

.greedy-show-more .greedy-nav-item {
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.greedy-nav-hidden {
    display: none;
}

/*------------*/

.greedy-btn,
.greedy-btn-2 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    width: 44px;
    height: 100%;
    position: relative;
    transform: rotate(0deg);
    cursor: pointer;
}

.greedy-sandwich-line {
    font-size: inherit
}

.greedy-sandwich-line {
    display: block;
    position: absolute;
    height: 3px;
    width: 24px;
    border-radius: 1.5px;
    opacity: 1;
    left: calc(50% - 12px);
    transform: rotate(0deg);
    transition: all .05s linear;
}

.greedy-sandwich-line:nth-child(1) {
    top: calc(50% - 5px - 8px);
}

.greedy-sandwich-line:nth-child(2) {
    top: calc(50% - 5px - 1.5px);
}

.greedy-sandwich-line:nth-child(3) {
    top: calc(50% - 5px + 6px);
}

.greedy-nav-top-fixed .greedy-sandwich-line:nth-child(1) {
    top: calc(50% - 8px);
}

.greedy-nav-top-fixed .greedy-sandwich-line:nth-child(2) {
    top: calc(50% - 1.5px);
}

.greedy-nav-top-fixed .greedy-sandwich-line:nth-child(3) {
    top: calc(50% + 6px);
}

.header-line-2 .greedy-dot,
.greedy-4 .greedy-dot {
    display: block;
    position: absolute;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    opacity: 1;
    top: calc(50% - 2.5px);
    transform: rotate(0deg);
    transition: all .05s ease-in-out;
}

.header-line-2 .greedy-dot:nth-child(1),
.greedy-4 .greedy-dot:nth-child(1) {
    left: calc(50% - 11.5px);
}

.header-line-2 .greedy-dot:nth-child(2),
.greedy-4 .greedy-dot:nth-child(2) {
    left: calc(50% - 2.5px);
}

.header-line-2 .greedy-dot:nth-child(3),
.greedy-4 .greedy-dot:nth-child(3) {
    left: calc(50% + 6.5px);
}

/*End of Adaptive menu*/

/*Adaptive menu - skin*/

.greedy-nav,
.greedy-show-more,
.greedy-show-more .greedy-btn-show-more,
.greedy-nav-fixed {
    height: 70px;
}

.greedy-nav {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    transition: all .2s ease-out;
}

.greedy-nav-item {
    display: inline-block;
    float: left;
    margin-right: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.greedy-nav-item:hover,
.greedy-nav-item:focus {
    z-index: 1000;
}

.nav_dropdown {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
}

.nav_dropdown.greedy-li-nn,
.greedy-nav-top-fixed .parent-rubric .greedy-show-more,
.greedy-nav-top-fixed ul.greedy-visible li {
    position: unset;
}

.greedy-nav-top-fixed ul.greedy-visible li {
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.greedy-nav-top-fixed .parent-rubric ~ .greedy-li:last-of-type,
.greedy-nav-top-fixed ul.greedy-visible .greedy-show-more li {
    position: relative;
}

.greedy-nav-top-fixed .parent-rubric ~ .greedy-li.greedy-li-name-rubric {
    position: unset;
}

.greedy-nav-top-fixed .parent-rubric ~ .greedy-li.greedy-li-name-rubric a {
    max-width: 300px;
}

.greedy-nav-top-fixed .parent-rubric:hover {
    box-shadow: 1px 0 0 0 rgba(7, 31, 44, .005),
    2px 0 0 0 rgba(7, 31, 44, .005),
    3px 0 0 0 rgba(7, 31, 44, .005),
    4px 0 0 0 rgba(7, 31, 44, .005),
    5px 0 0 0 rgba(7, 31, 44, .005),
    6px 0 0 0 rgba(7, 31, 44, .005),
    7px 0 0 0 rgba(7, 31, 44, .005);
    z-index: 1;
}

.nav_dropdown:hover {
    text-decoration: none;
}

.greedy-a {
    width: 100%;
}

.greedy-a,
.greedy-a:hover,
.greedy-a:focus,
.greedy-a:active,
.greedy-btn {
    transition: none;
}

.greedy-nav-top-fixed .greedy-a,
.greedy-nav-top-fixed .greedy-nav-top-fixed .parent-rubric .greedy-a {
    border-radius: 0 16px 0 0;
}

.greedy-nav-top-fixed .links-3 .greedy-a,
.greedy-nav-top-fixed .links-4 .greedy-a,
.greedy-nav-top-fixed .greedy-btn {
    border-radius: 0;
}

.greedy-nav-top-fixed .greedy-btn:before {
    display: none;
}

.greedy-li:hover .greedy-a,
.greedy-li:focus .greedy-a,
.greedy-li.open_menu .greedy-a,
.greedy-show-more .greedy-li:hover .greedy-btn,
.greedy-show-more .greedy-li:focus .greedy-btn,
.greedy-show-more .greedy-li.open_menu .greedy-btn,
.container-in .header-line-2-current-rubric.open_menu:last-of-type span,
.open .select-in-line-btn {
    z-index: 1020;
}

.greedy-li > .greedy-a > i {
    font-size: 18px;
}

.greedy-nav-top-fixed .parent-rubric ~ .greedy-li .greedy-a:before,
.container-in .header-line-2-current-rubric:last-of-type span:before {
    content: '';
    background: url(/themes/default/front/img/external-el.svg) center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: -16px;
    width: 16px;
    height: 16px;
}

.greedy .links-1 > .greedy-li:first-of-type .greedy-a:before,
.container-in .header-line-2-logo-rubric + .header-line-2-current-rubric span:before,
.dropdown-panel a:before {
    display: none;
}

.greedy ul.links.greedy-show-more {
    width: 70px;
    min-width: 70px;
    flex: none;
}

.greedy-nav-top-fixed ul.links.greedy-show-more {
    width: 50px;
    min-width: 50px;
}

.greedy ul.links.greedy-show-more.hidden-btn {
    transition: none;
    width: 0;
    min-width: 0;
    padding: 0;
    overflow: hidden;
    display: none;
}


.greedy-show-more .greedy-btn-show-more {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    padding: 0;
}

.greedy-nav-fixed {
    width: 70px;
    min-width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.greedy-nav-fixed .search {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    text-align: center;
    line-height: 1;
    font-size: 22px;
}

.greedy-nav-top-fixed .greedy-nav-fixed .search {
    width: 35px;
    height: 35px;
    font-size: 17px;
}

.main-header-2020 .greedy-nav-top-fixed {
    visibility: hidden;
    opacity: 0;
}

.main-header-2020 .greedy-nav-top-fixed {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 26px;
    width: calc(100% - 120px - 26px);
}

.greedy-nav-top-fixed,
.greedy-nav-top-fixed .greedy-nav-in,
.greedy-nav-top-fixed .greedy-show-more,
.greedy-nav-top-fixed > ul > .greedy-li,
.greedy-nav-top-fixed .greedy-show-more .greedy-btn-show-more,
.greedy-nav-top-fixed .greedy-nav-fixed,
.greedy-nav-top-fixed .greedy-3,
.greedy-nav-top-fixed .greedy-4 {
    height: 50px;
}

.greedy-nav-top-fixed .greedy-nav-list > div {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.greedy-nav-top-fixed ul.links.greedy-visible {
    margin-left: -26px;
}

.greedy-nav-top-fixed .parent-rubric {
    display: -webkit-flex;
    display: flex;
    border-radius: 0 17px 0 0;
}

.greedy-nav-top-fixed .parent-rubric .greedy-a,
.greedy-nav-top-fixed .greedy-li-name-rubric .greedy-a,
.greedy-nav-top-fixed .greedy-li-name-subrubric .greedy-a {
    font-size: 15px;
    line-height: 50px;
    white-space: nowrap;
}

.greedy-nav-top-fixed .parent-rubric .greedy-li {
    padding: 0 16px 0 32px;
}

.greedy-nav-top-fixed .parent-rubric .dropdown-panel .greedy-li {
    padding: 0;
}

.greedy-nav-top-fixed .greedy-3,
.greedy-nav-top-fixed .greedy-4 {
    position: relative;
    right: auto;
    bottom: auto;
    width: calc(100% - 100px);
    padding: 0 20px 0 0;
    -ms-flex: 1;
    flex: 1;
}

.greedy-nav-top-fixed .group-el {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-width: 100px;
}

.greedy-nav-top-fixed .links-3 .greedy-li,
.greedy-nav-top-fixed .links-4 .greedy-li {
    flex: none;
}

.greedy-nav-top-fixed .links-3 .greedy-a {
    line-height: 50px;
    font-size: 17px;
    white-space: nowrap;
    padding: 0 15px;
}

.greedy-nav-top-fixed .greedy-show-more,
.greedy-nav-top-fixed .greedy-show-more .greedy-btn,
.greedy-nav-top-fixed .greedy-nav-fixed {
    width: 50px;
    min-width: auto;
}

.greedy-nav-top-fixed .parent-rubric .greedy-show-more {
    width: 50px;
    min-width: auto;
    line-height: 50px;
}

.greedy-nav-top-fixed .parent-rubric .greedy-show-more > a {
    padding: 0;
    border-radius: 0 16px 0 0;
}

.greedy-nav-top-fixed .parent-rubric .greedy-show-more:hover > a,
.greedy-nav-top-fixed .parent-rubric .greedy-show-more:focus > a,
.greedy-nav-top-fixed .parent-rubric .greedy-show-more.open_menu > a {
    z-index: 1020;
}

/*End of Adaptive menu - skin*/

.main-header-2020 {
    z-index: 2001;
    margin-top: 10px;
}

.main-header-2020.fixed {
    margin-top: 0;
}

.main-header-2020.fixed-permanent {
    position: fixed;
    left: 0;
    width: 100%;
    bottom: auto;
    top: -65px;
}

.header-line-1:before {
    content: '';
    position: absolute;
    bottom: 1px;
    height: 50px;
    width: 0;
    z-index: 1;
    transition: width .1s linear;
}

.header-line-1 {
    height: 115px;
    position: relative;
    z-index: 1;
}

.header-line-1-back {
    height: 71px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.container-in {
    position: relative;
    height: 115px;
}

.header-logo-2020 {
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 165px;
    height: 114px;
    z-index: 10;
    border-radius: 16px 16px 0 0;
    transition: width .2s ease-in-out, height .2s ease-in-out;
}

.header-logo-2020 > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all .05s ease-in-out;
}

.header-logo-2020 a img {
    width: 105px;
    height: auto;
    transition: all .05s ease-in-out;
}

/*.main-header-2020:not(.fixed) .header-logo-2020:hover a img {
    transform: scale(1.05);
}*/

.main-header-2020:not(.fixed) .header-logo-2020:active a img {
    transform: scale(1);
}

/*.main-header-2020.fixed .header-logo-2020 a img:hover {
    transform: scale(1.05);
}*/

.main-header-2020.fixed .header-logo-2020 a img:active {
    transform: scale(1);
}

.main-header-2020.fixed .header-logo-2020 {
    width: 176px;
    height: 50px;
    border-radius: 0 16px 0 0;
    z-index: 11;
}

.main-header-2020.fixed .header-logo-2020 > a {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.main-header-2020.fixed .header-logo-2020 a img {
    width: 60px;
}

.header-line-add {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 114px;
}

.header-content {
    position: absolute;
    bottom: 1px;
    left: 165px;
    width: calc(100% - 165px);
    height: 114px;
    opacity: 0;
    /*overflow: hidden;*/
    animation: header-content-animation .2s 1;
    animation-fill-mode: forwards;
    animation-delay: .4s;
    transition: none;
    z-index: 10;
}

@keyframes header-content-animation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.main-header-2020.fixed .header-content {
    left: 160px;
    width: calc(100% - 160px);
}

/*.header-content,*/
.greedy.greedy-2 {
    transition: all .2s ease-out;
}

/*.header-content.noload,*/
.greedy.greedy-2.noload {
    overflow: hidden;
    opacity: 0;
}

.header-line-add-in {
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 768px) {
    .header-line-add-in {
        width: 420px;
    }
}

@media (min-width: 992px) {
    .header-line-add-in {
        width: 640px;
    }

    .header-line-add-in.w-min {
        width: 530px;
    }
}

@media (min-width: 1200px) {
    .header-line-add-in {
        width: 820px;
    }

    .header-line-add-in.w-min {
        width: 710px;
    }
}

@media (min-width: 1280px) {
    .header-line-add-in {
        width: 860px;
    }
}

@media (min-width: 1860px) {
    .header-line-add-in {
        width: 1065px;
    }
}

.header-line-add .select-city {
    width: 125px;
    height: 44px;
    margin-top: 9px;
    padding: 0 10px 0 26px;
    border-radius: 0 16px 0 0;
    background-color: #fff;
}

.header-logo-2020 .select-city {
    position: absolute;
    top: 0;
    left: 80px;
    width: calc(100% - 80px);
    height: 50px;
    padding: 0 10px 0 0;
    border-radius: 0 16px 0 0;
}

.header-logo-2020 .select-city {
    display: none;
}

.header-line-add .select-city a,
.header-logo-2020 .select-city a {
    font-family: 'Roboto', sans-serif;
}

.header-line-add .select-city a {
    line-height: 16px;
    display: inline-block;
}

.header-logo-2020 .selected-city > a {
    font-size: 13px;
    line-height: 1.2;
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.header-line-add .select-city .dropdown-menu {
    position: absolute;
    top: 33px;
    left: 8px;
    z-index: 1000;
    display: none;
    float: none;
    width: 110px;
    min-width: auto;
    padding: 5px 18px 5px 18px;
    margin: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 16px;
}

@media (min-width: 992px) {
    .header-line-add .select-city {
        width: 205px;
    }

    .header-line-add .select-city a {
        line-height: 35px;
    }

    .header-line-add .select-city .dropdown-menu {
        left: 93px;
    }
}

.header-logo-2020 .selected-city {
    z-index: 10001;
    position: relative;
}

.header-logo-2020 .select-city .dropdown-menu {
    position: absolute;
    top: 0;
    left: -15px;
    z-index: 1000;
    display: none;
    float: none;
    width: 111px;
    min-width: auto;
    padding: 50px 15px 8px;
    margin: 0;
    font-size: 13px;
    text-align: left;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 0 16px 16px 16px;
}

.select-city.open > .dropdown-menu {
    display: block;
}

.select-city .dropdown-menu > li > a {
    display: block;
    padding: 5px 0;
    line-height: 1.2;
    white-space: nowrap;
}

.select-city .dropdown-menu > li > a:hover {
    background-color: transparent;
    text-decoration: underline;
}

/*Send-nn button*/

.greedy-nav-top-fixed .btn-send-nn-container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.btn-send-nn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 35px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 7.5px;
    overflow: hidden;
    position: relative;
}

.btn-send-nn.min {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 0;
    margin: 0 25px;
}

.btn-send-nn.min span {
    display: none;
}

.btn-send-nn.max {
    width: 210px;
    height: 35px;
    padding: 0;
    border-radius: 16px;
    margin: 0;
}

.btn-send-nn.max span {
    display: inline;
    white-space: nowrap;
    opacity: 0;
    overflow: hidden;
    animation: btn-send-animation 1s 1;
    animation-fill-mode: forwards;
    animation-delay: .5s;
}

@keyframes btn-send-animation {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.btn-send-nn.max svg {
    width: 30px;
    height: 35px;
    margin-right: 3px;
}

.btn-send-nn.min svg {
    width: 27px;
    height: 35px;
    margin-right: 0;
}

.btn-send-nn svg {
    position: relative;
}

.btn-send-nn svg #s01,
.btn-send-nn svg #s02,
.btn-send-nn svg #s03 {
    opacity: 0;
    animation: matugalnik_animation 1s infinite;
    animation-timing-function: linear;
    animation-delay: 0s;
    transform-origin: left center;
}

@keyframes matugalnik_animation {
    from {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    70% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/*.btn-send-nn:before {
    content: "\f1d8";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    font-size: 19px;
}

.btn-send-nn:after {
    content: "\f1d8";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    font-size: 19px;
}

.btn-send-nn.min:before {
    top: 9px;
    left: 7px;
}

.btn-send-nn.min:after {
    left: -19px;
    top: 35px;
}

.btn-send-nn.min:hover:before {
    animation: plane-min-before 1.5s infinite;
    animation-timing-function: linear;
    animation-delay: .2s;
}

@keyframes plane-min-before {
    from, to {
        left: 8px;
        top: 8px;
    }
    49.99% {
        left: 35px;
        top: -19px;
    }
    50% {
        left: -19px;
        top: -19px;
    }
    50.01% {
        left: -19px;
        top: 35px;
    }
}

.btn-send-nn.min:hover:after {
    animation: plane-min-after 1.5s infinite;
    animation-timing-function: linear;
    animation-delay: .2s;
}

@keyframes plane-min-after {
    from {
        left: -19px;
        top: 35px;
    }
    to {
        left: 35px;
        top: -19px;
    }
}


.btn-send-nn.max:before {
    top: 8px;
    left: 14px;
}

.btn-send-nn.max:after {
    left: -14px;
    top: 37px;
}

.btn-send-nn.max:hover:before {
    animation: plane-max-before 1.5s infinite;
    animation-timing-function: linear;
    animation-delay: .2s;
}

@keyframes plane-max-before {
    from, to {
        left: 14px;
        top: 8px;
    }
    49.99% {
        left: 37px;
        top: -20px;
    }
    50% {
        left: -14px;
        top: -20px;
    }
    50.01% {
        left: -14px;
        top: 37px;
    }
}

.btn-send-nn.max:hover:after {
    animation: plane-max-after 1.5s infinite;
    animation-timing-function: linear;
    animation-delay: .2s;
}

@keyframes plane-max-after {
    from {
        left: -14px;
        top: 37px;
    }
    to {
        left: 37px;
        top: -20px;
    }
}*/

.greedy-nav-top-fixed .group-el .btn-send-nn.min {
    margin: 0 7.5px;
}

.mob_butt .btn-send-nn.max {
    margin: 0 auto;
    height: 44px;
    width: 220px;
    border-radius: 22px;
    display: block;
    line-height: 44px;
}

.mob_butt .btn-send-nn.max:before {
    top: 12px;
    left: 14px;
}

/*End of Send-nn button*/

.vue-code-covid,
.sitebar_reklama_wr.reklama_wr_mob {
    display: block;
    margin: 90px auto 5px;
}

.sitebar_reklama_wr.reklama_wr_mob {
    position: relative;
    margin: -20px auto 15px;
}

.container-adm1:before {
    content: '';
    display: block;
    padding-top: 56.34%;
}

.container-adm1 .reklama_wr_mob_in {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.container-adm1 .reklama_wr_mob_in > div {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.vue-code-covid + .sitebar_reklama_wr.reklama_wr_mob {
    margin: 0 auto;
}

.info-block-mob {
    display: block;
    margin: 115px auto 25px;
}

.info-block-mob.info-block-popup {
    width: 100%;
    margin: 0;
    padding: 0 28px 20px;
}

.info-block-mob.info-block-popup .h_inf {
    width: 100%;
    max-width: 400px;
    margin: auto;
    display: flex;
}

.info-block-mob.info-block-popup .h_inf a,
.info-block-mob.info-block-popup .h_inf .currency > div {
    color: #1e2c34;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.info-block-mob.info-block-popup .weather {
    width: calc(100% / 3 - 5px);
    min-width: 100px;
    margin-right: 10px;
}

.info-block-mob.info-block-popup .weather a {
    background-color: #deeefc;
    border-radius: 5px;
    font-size: 16px;
    line-height: 35px;
}

.info-block-mob.info-block-popup .h_inf .currency {
    display: flex;
    justify-content: space-between;
    width: calc(2 * 100% / 3 - 5px);
    border-radius: 5px;
}

.info-block-mob.info-block-popup .h_inf .currency > div {
    background-color: #e2ffc9;
    font-size: 16px;
    line-height: 35px;
    margin: 0;
    width: calc(50% - .5px);
}

.vue-code-covid + .info-block-mob,
.sitebar_reklama_wr.reklama_wr_mob + .info-block-mob {
    display: block;
    margin: 25px 0;
    min-height: 35px;
    height: 35px;
}

.header-line-add .h_inf,
.info-block-mob .inf_mob,
.info-block-mob .h_inf {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.info-block-mob .inf_mob {
    justify-content: center;
}

.header-line-add .h_inf > div,
.header-line-add .h_inf > a,
.info-block-mob .h_inf > a {
    margin-right: 20px;
    display: inline-block;
    white-space: nowrap;
    font-size: 18px;
    line-height: 18px;
    font-family: 'Roboto Condensed';
}

.info-block-mob .h_inf > div {
    font-size: 18px;
    line-height: 18px;
}

.weather a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 18px;
}

.img-weather {
    height: 35px;
    width: 35px;
    min-width: 35px;
    margin-right: 6px;
    transition: all .1s;
}

.header-line-add .h_inf > div:hover .img-weather {
    transform: scale(1.2);
}

.header-line-add .h_inf .currency {
    white-space: normal;
}

.info-block-mob .h_inf .currency {
    white-space: nowrap;
    margin-right: 0;
}

.header-line-add .h_inf .currency > div,
.info-block-mob .h_inf .currency > div {
    margin-right: 10px;
    display: inline-block;
    white-space: nowrap;
}

.info-block-mob .h_inf .currency > div:last-child {
    margin-right: 0;
}

.header-line-add .h_inf i.fa,
.info-block-mob .h_inf i.fa {
    display: inline-block;
    margin-right: 2px;
    font-size: 16px;
}

.header-banner {
    width: 150px;
    height: 45px;
}

.header-banner:active {
    transform: translateY(2px);
}

/*------------*/

.main-header-2020 .in-top {
    position: absolute;
    top: 0;
    right: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px;
    height: 35px;
    z-index: 10;
    display: inline-block;
}

.main-header-2020 .in-top .navbar-nav,
.main-header-2020 .navbar-nav > li > span,
.main-header-2020 .navbar-nav > li > a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    height: 35px;
}

.in-top .notifications,
.in-top .notifications .noti_panel li,
.in-top .notifications .noti_panel .header .noti-clear {
    font-family: 'Roboto', sans-serif;
}

.in-top .notifications .count-nots,
.in-top .notifications .noti_panel .header,
.in-top .notifications .noti_panel .footer a {
    font-family: 'Roboto', sans-serif;
}

.main-header-2020 .navbar-nav > li.no-notifications > a {
    display: block;
}

.main-header-2020 .in-top .notifications,
.mobile-header-2020 .in-top .notifications {
    min-width: 35px;
    height: 35px;
    padding: 0;
    margin: 0 10px 0 0;
    font-size: 17px;
    text-align: center;
    border-radius: 17.5px;
    white-space: nowrap;
    position: static;
}

.notifications.yes-notifications.open,
.main-header-2020 .auth-user .notifications.no-notifications.open {
    border-radius: 17.5px 17.5px 0 0;
}

.in-top .navbar-nav > li.notifications > span,
.in-top .navbar-nav > li.notifications > a {
    line-height: 35px;
    height: 35px;
    padding: 0 8px;
}

.main-header-2020 .in-top .navbar-nav > li > span:hover,
.main-header-2020 .in-top .navbar-nav > li > span:focus,
.main-header-2020 .in-top .navbar-nav > li > a:hover,
.main-header-2020 .in-top .navbar-nav > li > a:focus,
.nav .open.notifications > a,
.nav .open.notifications > a:hover,
.nav .open.notifications > a:focus {
    background-color: transparent;
}

li.notifications.yes-notifications > a > i.fa-bell {
    animation: 4s tremor linear infinite;
    transform-origin: center top;
    line-height: 33px;
}

@-webkit-keyframes tremor {
    50%, 54%, 58%, 62%, 66%, 70% {
        transform: translateX(-3%) rotate(-10deg);
    }
    52%, 56%, 60%, 64%, 68%, 74% {
        transform: translateX(3%) rotate(10deg);
    }
    0%, 48%, 76%, 100% {
        transform: translateX(0%) rotate(0deg);
    }
}

.in-top .notifications.guest-notification span i,
.in-top .notifications.guest-notification a i {
    line-height: 35px;
}

.main-header-2020 .notifications.no-notifications i {
    opacity: 1;
}

.in-top .notifications.guest-notification .no_user_bookmark a {
    width: auto;
}

.in-top .notifications.guest-notification .no_user_bookmark {
    width: 162px;
    top: 32px;
    right: -10px;
    z-index: 1001;
}

.notifications .count-nots,
.mobile-header-2020 .in-top .notifications .count-nots {
    font-size: 13px;
    line-height: 35px;
    font-weight: 400;
    max-width: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: right;
    margin-left: 4px;
}

.in-top .notifications .noti_panel {
    position: absolute;
    left: auto;
    right: 0;
    top: 35px;
    width: 450px;
    min-width: 450px;
    padding: 0;
    margin: 0;
    font-size: 13px;
    border: none;
    border-radius: 16px;
    overflow: hidden;
    z-index: 1000;
    display: none;
}

.mobile-header-2020 .vhod_mob .nav > .dropdown .noti_panel {
    right: -39px;
    top: 27px;
}

.main-header-2020 .in-top .notifications.open .noti_panel {
    display: block;
}

.main-header-2020 .in-top .notifications .noti_panel.extended {
    display: block;
}

.in-top .notifications .noti_panel .header,
.in-top .notifications .noti_panel .footer {
    padding: 15px 25px;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    line-height: 23px;
    width: 100%;
    position: relative;
}

.in-top .notifications .noti_panel .footer {
    padding-top: 0;
}

.in-top .notifications li {
    position: relative;
    padding: 0;
    background-color: #fff;
    transition: all .1s;
}

.in-top .notifications .noti_panel .noty_boby {
    padding: 13px 15px;
}

.in-top .notifications .noti_panel .header .noti-clear {
    position: absolute;
    top: 16px;
    font-weight: 400;
    right: 25px;
    font-size: 14px;
    cursor: pointer;
    transition: all .2s;
}

.in-top .notifications .noti_panel .header .noti-clear:hover,
.in-top .notifications .noti_panel .header .noti-clear:focus {
    text-decoration: underline;
}

.in-top .notifications .noti_panel .header .noti-clear:active {
    top: 20px;
    text-decoration: underline;
    transition: all .1s;
}

.in-top .notifications .noti_panel .header .noti-clear i {
    font-size: 17px;
    line-height: 23px;
    vertical-align: -2px;
    margin-right: 3px;
}

.in-top .notifications .noti_panel .noty_boby ul li a {
    display: inline-block;
    position: relative;
    padding: 15px 50px 15px 80px;
    border-radius: 5px;
    background-color: #e3eaef;
    margin: 2px 0;
    width: 100%;
    text-align: left;
    white-space: normal;
    transition: all .1s;
}

.in-top .notifications .noti_panel li ul li a:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 25px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.in-top .notifications .noti_panel li ul li a.noti_message:before {
    background-image: url(/themes/default/front/img/noti-com-message.svg);
}

.in-top .notifications .noti_panel li ul li a.noti_comment:before {
    background-image: url(/themes/default/front/img/noti-com-comment.svg);
}

.in-top .notifications .noti_panel li ul li a.noti_editorial:before {
    background-image: url(/themes/default/front/img/logo-min.svg);
    background-size: 64%;
    background-position: center 6px;
}

.in-top .notifications .noti_panel li ul li a.noti_editorial.noti_important:before {
    background-image: url(/themes/default/front/img/icon-important.svg);
    background-size: 64%;
    background-position: center 6px;
}

.notifications .noti_panel li ul li a span {
    font-weight: 700;
    white-space: normal;
}

.in-top .notifications .noti_panel .close {
    background-image: url(/themes/default/front/img/close-black.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center;
    border: none;
    background-color: transparent;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    margin: 0;
    width: 25px;
    height: 25px;
    opacity: .6;
}

.in-top .notifications .noti_panel .close:hover {
    opacity: 1;
    transform: scale(1.1);
}

.in-top .notifications .noti_panel .close:active {
    opacity: 1;
    transform: scale(1.3);
}

.in-top .notifications .noti_panel .footer {
    text-align: center;
    width: 100%;
    display: inline-block;
}

.in-top .polz_pol {
    object-fit: cover;
    height: 35px;
    width: 35px;
    margin-right: 0;
    border-radius: 50%;
}

.in-top .head-user-avatar {
    height: 35px;
    width: 35px;
    margin-right: 0;
    border-radius: 50%;
    overflow: hidden;
}

.in-top .head-user-avatar img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
    line-height: normal;
    display: block;
    background-color: #e3eaef;
}

.user_name {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
    vertical-align: top;
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted transparent;
}

.auth-user-name {
    margin: 0 0 0 5px;
    font-weight: 400;
}

.main-header-2020.fixed .auth-user-name {
    display: none;
}

/*-----------*/

/*---dropdown-panel---*/

.nav_dropdown {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.nav_dropdown .dropdown-panel {
    display: none;
}

.nav_dropdown.open_menu > .dropdown-panel {
    display: block;
}

.dropdown-panel {
    position: absolute;
    top: 100%;
    z-index: 1001;
    border-radius: 0 0 16px 16px;
    display: none;
}

.dropdown-panel {
    padding: 19px 25px 15px;
}

.dropdown-panel p,
.dropdown-panel a,
ul.links-1 .greedy-li-other .dropdown-panel-list li a,
.main-header-2020 .header-line-add-in .soc-in-menu p {
    font-family: 'Roboto', sans-Serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    text-align: left;
    text-transform: none;
    white-space: normal;
    display: inline-block;
    padding: 0;
}

ul.links-1 .greedy-li-other .dropdown-panel-list li a,
.main-header-2020 .header-line-add-in .soc-in-menu p {
    white-space: nowrap;
}

.dropdown-panel li > a {
    width: 100%;
}

.dropdown-panel .dropdown-panel-list {
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-gap: 20px;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    line-height: 1.2;
}

.dropdown-panel.dropdown-panel-small .dropdown-panel-list {
    column-count: 1;
    -moz-column-count: 1;
    -webkit-column-count: 1;
}

.dropdown-panel .dropdown-panel-list li,
.dropdown-panel.greedy-li-other .dropdown-panel-list li,
.dropdown-panel.novosti_vse .dropdown-panel-list a {
    display: inline-block;
    margin: 4px 0;
    width: 100%;
    height: auto;
    text-align: left;
    line-height: 1.2;
}

.dropdown-panel .dropdown-panel-list li a {
    line-height: 1.2;
    white-space: normal;
}

.dropdown-panel-small .dropdown-panel-list li a {
    white-space: nowrap;
}

.dropdown-panel a:hover {
    text-decoration: underline;
}

.dropdown-panel a.active,
.dropdown-panel a.active:focus {
    font-weight: 700;
    background-color: #e3eaef;
    outline: 5px solid #e3eaef;
}

.dropdown-panel-footer {
    margin: 17px 0 5px;
}

/*---dropdown-panel - Individual---*/

.greedy-1 .greedy-show-more .dropdown-panel-add,
.greedy-nav-top-fixed .greedy-show-more .dropdown-panel-add,
.dropdown-panel-extended {
    width: 544px;
}

.greedy-1 .greedy-show-more .dropdown-panel-add {
    right: -70px;
}

.greedy-nav-top-fixed .greedy-show-more .dropdown-panel-add {
    left: -10px;
}

.greedy-nav-top-fixed .greedy-3 .greedy-show-more .dropdown-panel-add {
    left: auto;
    right: -50px;
}

.dropdown-panel-extended {
    padding: 19px 25px;
}

.greedy-li-name-rubric .dropdown-panel-extended {
    left: -10px;
}

.header-line-2 .dropdown-panel-extended {
    right: -70px;
}


.dropdown-panel-small {
    padding: 8px 16px 13px;
    min-width: 140px;
}

.greedy-show-more .greedy-nav-item.nav_dropdown {
    position: unset;
}

.dropdown-panel-small {
    left: 0;
}

.header-line-2-current-rubric .dropdown-panel-small {
    top: calc(100% + 1px);
}

@media (min-width: 768px) and (max-width: 991px) {
    .fixed .greedy-4 .dropdown-panel-small {
        width: 190px;
    }

    .fixed .greedy-4 .dropdown-panel-small a {
        white-space: normal;
    }
}

/*---End of dropdown-panel - Individual---*/

.nav_dropdown .novosti_vse {
    left: -175px;
    padding: 0 25px 21px;
}

.nav_dropdown .novosti_vse_nn {
    width: 590px;
}


.header-menu .novosti_vse_head,
.header-menu .novosti_vse_head * {
    line-height: 75px;
    height: 75px;
    display: inline-block;
}

.nav_dropdown .novosti_vse_head,
.nav_dropdown .novosti_vse_head * {
    line-height: 60px;
    height: 60px;
}

.nav_dropdown .novosti_vse_head {
    width: 100%;
}

.nav_dropdown .novosti_vse_head .all_novosi {
    float: left;
    margin-right: 65px;
    text-decoration: underline;
}

.nav_dropdown .novosti_vse_head .novosti_vse_top,
.nav_dropdown .novosti_vse_head .novosti_vse_top div i {
    float: left;
}

.nav_dropdown .novosti_vse_head .novosti_vse_photo_video {
    float: right;
}

.nav_dropdown .novosti_vse_head .novosti_vse_top div,
.nav_dropdown .novosti_vse_head .novosti_vse_top > a {
    margin-right: 20px;
    float: left;
}

.dropdown-panel .icon-icon-moe-33 {
    margin-left: 20px;
}

.novosti_vse_head [class*='icon-icon-'] {
    font-size: .9em;
    margin-right: 6px;
    vertical-align: baseline;
    text-decoration: none;
}

.dropdown-panel .novosti_vse_small_head {
    padding: 0 10px;
    width: 100%;
}

.dropdown-panel .novosti_vse_right_side .novosti_vse_small_head {
    margin-bottom: 5px;
}

.dropdown-panel .novosti_vse_small_head,
.dropdown-panel .novosti_vse_small_head a {
    font-size: 14px;
    line-height: 28px;
}

.dropdown-panel .novosti_vse_small_head a {
    float: right;
    text-decoration: underline;
}

.dropdown-panel .novosti_vse_theme {
    width: 100%;
    position: relative;
}

.dropdown-panel .novosti_vse_theme a {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    margin-top: 18px;
    position: relative;
    text-decoration: none;
}

.dropdown-panel .novosti_vse_theme:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -11px;
    left: 46px;
    width: calc(100% - 46px);
}

.dropdown-panel .novosti_vse_theme a .tema-img {
    box-sizing: border-box;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 36px;
    min-width: 36px;
    -ms-flex: 0 0 36px;
    flex: 0 0 36px;
    max-width: 36px;
    height: 36px;
    margin-right: 10px;
    transition: all .1s ease-in-out;
}

.dropdown-panel .novosti_vse_theme .tema-title {
    display: inline-block;
    width: calc(100% - 90px);
    padding-right: 15px;
    transition: all .2s ease;
}

.dropdown-panel .novosti_vse_theme a:hover .tema-title {
    text-decoration: underline;
}

.dropdown-panel .novosti_vse_theme .tema-inform {
    min-width: 55px;
    text-align: right;
    font-size: 14px;
    line-height: 20px;
    padding-top: 4px;
    font-family: 'Roboto Condensed';
}

.dropdown-panel .novosti_vse_theme .tema-inform img {
    height: 10px;
    margin-right: 5px;
    margin-bottom: 2px;
    opacity: .75;
}

.dropdown-panel.novosti_vse .dropdown-panel-list {
    padding-left: 10px
}

.dropdown-panel-list .dpl-list-item {
    display: inline-block;
    width: 100%;
}

.dropdown-panel.novosti_vse_nn .dpl-list-item,
.header-line-2 .dropdown-panel li {
    display: inline-block;
    margin: 6px 0;
    width: 100%;
    height: auto;
    text-align: left;
}

.dropdown-panel.novosti_vse_nn .dropdown-panel-list a,
.header-line-2 .dropdown-panel a {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

ul.links-2 li {
    flex-shrink: 1;
    display: inline-block;
}

ul.links-2 li a {
    display: inline-block;
    text-align: left;
}

.dropdown-panel.novosti_vse_nn .dropdown-panel-list span {
    display: inline-block;
    width: auto;
}

ul.links-2 li a span {
    display: inline-block;
    width: auto;
    line-height: 29px;
    height: 29px;
}

.dropdown-panel.novosti_vse_nn .dropdown-panel-list [class^="nn-"],
ul.links-2 li a [class^="nn-"],
.header-line-2 .dropdown-panel a [class^="nn-"],
.dropdown-panel.novosti_vse_nn .dropdown-panel-list i.fa,
ul.links-2 li a i.fa,
.header-line-2 .dropdown-panel a i.fa {
    margin-right: 6px;
    width: 14px;
    vertical-align: -1px;
}

.dropdown-panel.novosti_vse_nn .dropdown-panel-list span.nn-poetry,
.header-line-2 span.nn-poetry {
    background-image: url(/themes/default/front/img/nn_poetry.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 6px;
    width: 14px;
    min-width: 14px;
    height: 16.5px;
    margin-top: -2px;
    display: inline-block;
}

.dropdown-panel.novosti_vse_nn .dropdown-panel-list span.nn-sport,
.header-line-2 span.nn-sport {
    background-image: url(/themes/default/front/img/nn_sport.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 6px;
    width: 14px;
    min-width: 14px;
    height: 16px;
    display: inline-block;
}

.dropdown-panel.novosti_vse_nn .dropdown-panel-list span.nn-art-cafe,
.header-line-2 span.nn-art-cafe {
    background-image: url(/themes/default/front/img/nn_art-cafe.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 4px;
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-top: -3px;
    display: inline-block;
}

.dropdown-panel.novosti_vse_nn .dropdown-panel-list a:hover,
.header-line-2 .dropdown-panel a:hover {
    text-decoration: none;
}

.dropdown-panel.novosti_vse_nn .dropdown-panel-list a:hover span:last-child,
ul.links-2 li a:hover span:last-child,
.header-line-2 .dropdown-panel a:hover span:last-child {
    text-decoration: underline;
}


.greedy-nav-top-fixed .parent-rubric ~ .greedy-li.greedy-li-name-rubric .dropdown-panel {
    right: -70px;
    width: 555px;
    padding: 19px 25px 25px;
}

.container-in .header-line-2-logo-rubric + .header-line-2-current-rubric .dropdown-panel {
    right: auto;
    left: 0;
    width: 555px;
    padding: 19px 25px 25px;
}

.dropdown-panel-add .dropdown-panel-list {
    width: 100%;
    padding: 0;
}

.soc-in-menu {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding-top: 20px;
}

.dropdown-panel-add .soc-in-menu p {
    text-align: left;
    margin: 0 15px 0 0;
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
}

.mob_popup .soc-in-menu p {
    display: none;
}

@media (max-width: 409px) {
    .mob_popup .soc-in-menu .soc-button.soc-in-menu-viber {
        display: none;
    }

    /*.mob_popup .soc-in-menu .soc-button.soc-in-menu-twitter {
        margin-right: 0 !important;
    }*/
}

@media (max-width: 374px) {
    .mob_popup .soc-in-menu .soc-button.soc-in-menu-twitter {
        display: none;
    }

    /*.mob_popup .soc-in-menu .soc-button.soc-in-menu-youtube {
        margin-right: 0 !important;
    }*/
}


/*header-line-2*/

.header-line-2 {
    height: 30px;
    z-index: 1001;
    position: relative;
}

.main-header-2020.fixed + .header-line-2 {
    -webkit-animation-name: fadeOut-line-2;
    animation-name: fadeOut-line-2;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeOut-line-2 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut-line-2 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.main-header-2020 + .header-line-2 {
    -webkit-animation-name: fadeIn-line-2;
    animation-name: fadeIn-line-2;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeIn-line-2 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn-line-2 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.header-line-2 .container-in,
.header-line-2 .greedy-nav-2,
.header-line-2 .greedy-show-more,
.header-line-2 .greedy-btn-show-more,
.header-line-2 .greedy-nav-fixed {
    height: 29px;
}

.header-line-2 .greedy-nav-fixed {
    max-width: 70px;
    width: 70px;
}

.header-line-2 .container-in {
    width: 100%;
    padding-right: 70px;
    display: -ms-flexbox;
    display: flex;
}

.header-line-2-logo-rubric,
.header-line-2-current-rubric span {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    line-height: 28px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
}

.header-line-2-logo-rubric {
    -ms-flex: 0 0 165px;
    flex: 0 0 165px;
    max-width: 165px;
    padding-top: 1px;
    border-radius: 0 0 0 16px;
}

.header-line-2-logo-rubric a {
    width: 100%;
    display: block;
}

.header-line-2-current-rubric {
    position: relative;
    display: block;
    z-index: 1;
}

.header-line-2-current-rubric span {
    display: inline-block;
    position: relative;
    padding: 1px 16px 0;
    border-radius: 0 16px 0 0;
    border-right: 1px solid #e3eaef;
}

.greedy-nav-top-fixed .parent-rubric + .greedy-li .greedy-a {
    border-right: 1px solid #e3eaef;
}

.container-in .header-line-2-current-rubric:last-of-type {
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.container-in .header-line-2-current-rubric:last-of-type span {
    box-shadow: -1px 0 0 #e3eaef;
}

.container-in .header-line-2-logo-rubric + .header-line-2-current-rubric span {
    box-shadow: none;
}

.header-line-2-current-rubric span:after,
.header-line-2-current-rubric:last-of-type span:after,
.header-line-2 .greedy-show-more .greedy-li:hover .greedy-btn:after,
.header-line-2 .greedy-show-more .greedy-li:focus .greedy-btn:after,
.header-line-2 .greedy-show-more .greedy-li.open_menu .greedy-btn:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
}

.header-line-2 .greedy-li {
    height: 29px;
}

.header-line-2 .greedy-visible .greedy-nav-item:hover .greedy-li:before {
    display: none;
}

.header-line-2 .greedy-visible .greedy-nav-item:hover .greedy-li {
    box-shadow: none;
    background-color: transparent;
}

/*-----------------------------*/


/*End of header-line-2*/

@media (min-width: 768px) {
    .header-line-1:before {
        right: calc(50% - 360px + 710px);
    }

    .main-header-2020.fixed .header-line-1:before {
        width: calc(50% - 350px);
    }

    .greedy-nav-top-fixed .links-3 .greedy-a {
        padding: 0 11px;
    }

    .nav_dropdown .novosti_vse {
        width: 720px;
    }

    .nav_dropdown .novosti_vse_nn {
        left: 0;
        width: 555px;
    }

    .greedy-nav-top-fixed .dropdown-panel.novosti_vse_nn {
        left: 15px;
        right: auto;
        width: 540px;
    }

    .dropdown-panel .novosti_vse_left_side {
        width: 47%;
        float: left;
        margin-bottom: 11px;
    }

    .dropdown-panel .novosti_vse_right_side {
        width: 47%;
        float: right;
    }

    .dropdown-panel.novosti_vse .dropdown-panel-list {
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
    }

    .greedy-nav-top-fixed .parent-rubric .greedy-a {
        padding: 2px 10px 0 26px;
    }

    .greedy-nav-top-fixed .greedy-li-name-rubric .greedy-a,
    .greedy-nav-top-fixed .greedy-li-name-subrubric .greedy-a {
        padding: 2px 10px 0;
    }

    .cards .main-header-2020 .container {
        width: 750px;
        max-width: none;
    }

    .greedy.nav_wr_small .novosti_vse {
        width: 550px;
    }

    .greedy.nav_wr_small .nav_dropdown .novosti_vse_head .all_novosi {
        margin-right: 40px;
    }

    .greedy.nav_wr_small .nav_dropdown .novosti_vse_head .novosti_vse_top > a,
    .greedy.nav_wr_small .novosti_vse_left_side {
        display: none !important;
    }

    .greedy.nav_wr_small .novosti_vse_right_side {
        width: 100%;
        float: none;
    }

    .greedy.nav_wr_small .dropdown-panel.novosti_vse .dropdown-panel-list {
        column-count: 3;
        -moz-column-count: 3;
        -webkit-column-count: 3;
    }

    .header-line-add .h_inf > a.currency,
    .header-line-add .h_inf > a.currency > div:last-child {
        margin-right: 0;
    }

    .header-line-add-in .btn-send-nn.min {
        margin: 0;
    }
}


@media (min-width: 992px) {
    .header-line-1:before {
        right: calc(50% - 470px + 930px);
    }

    .main-header-2020.fixed .header-line-1:before {
        width: calc(50% - 460px);
    }

    ul.links-1 li > a {
        padding: 0 16px;
    }

    .nav_dropdown .novosti_vse {
        width: 940px;
    }

    .nav_dropdown .novosti_vse_nn {
        left: 0;
        width: 590px;
    }

    .greedy-nav-top-fixed .dropdown-panel.novosti_vse_nn {
        left: 16px;
        right: auto;
        width: 590px;
    }

    .dropdown-panel .novosti_vse_left_side {
        width: 40%;
        float: left;
    }

    .dropdown-panel .novosti_vse_right_side {
        width: 52%;
        float: right;
    }

    .dropdown-panel.novosti_vse .dropdown-panel-list {
        column-count: 3;
        -moz-column-count: 3;
        -webkit-column-count: 3;
    }

    .greedy-nav-top-fixed .parent-rubric .greedy-a {
        padding: 1px 16px 0 32px;
    }

    .greedy-nav-top-fixed .greedy-li-name-rubric .greedy-a,
    .greedy-nav-top-fixed .greedy-li-name-subrubric .greedy-a {
        padding: 1px 16px 0;
    }

    .header-line-add .h_inf .currency {
        white-space: nowrap;
    }

    .main-header-2020:not(.fixed) .in-top {
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        max-width: 200px;
    }

    .cards .main-header-2020 .container {
        width: 970px;
        max-width: none;
    }
}

@media (min-width: 1200px) {
    .header-line-1:before,
    .cards .header-line-1:before {
        right: calc(50% - 615px + 1220px);
    }

    .main-header-2020.fixed .header-line-1:before,
    .cards .main-header-2020.fixed .header-line-1:before {
        width: calc(50% - 605px);
    }

    .greedy-nav-top-fixed .links-3 .greedy-a {
        padding: 0 11px;
    }

    .user_name {
        max-width: 85px;
    }

    .nav_dropdown .novosti_vse {
        width: 1010px;
    }

    /*.header-line-add .btn-send-nn,*/
    .greedy-nav-top-fixed .btn-send-nn {
        margin: 0 25px;
    }

    .header-line-add .h_inf > div,
    .header-line-add .h_inf > a {
        margin-right: 25px;
    }

    .cards .main-header-2020 .container {
        width: 1260px;
        max-width: none;
    }

}

@media (min-width: 1860px) {
    .header-line-1:before {
        right: calc(50% - 795px - 15px + 1590px);
    }

    .main-header-2020.fixed .header-line-1:before {
        width: calc(50% - 795px + 15px);
    }

    .lk-moe .main-header-2020.fixed .header-line-1:before {
        width: calc(50% - 605px);
        right: calc(50% - 615px + 1220px);
    }
}

/*fixed-position*/

.main-header-2020.fixed .greedy-nav {
    height: 50px;
}

.main-header-2020 .in-top {
    transition: all .5s;
}

.main-header-2020.fixed .in-top {
    top: 72px;
}

.greedy_fadeIn {
    -webkit-animation-name: greedy_fadeIn;
    animation-name: greedy_fadeIn;
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes greedy_fadeIn {
    0% {
        visibility: hidden;
        opacity: 0;
    }
    1% {
        visibility: visible;
        opacity: 0;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}

@keyframes greedy_fadeIn {
    0% {
        visibility: hidden;
        opacity: 0;
    }
    1% {
        visibility: visible;
        opacity: 0;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}

.greedy_fadeOut {
    -webkit-animation-name: greedy_fadeOut;
    animation-name: greedy_fadeOut;
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    transform-origin: bottom;
}

@-webkit-keyframes greedy_fadeOut {
    0% {
        visibility: visible;
        opacity: 1;
    }
    100% {
        visibility: hidden;
        opacity: 0;
    }
}

@keyframes greedy_fadeOut {
    0% {
        visibility: visible;
        opacity: 1;
    }
    100% {
        visibility: hidden;
        opacity: 0;
    }
}

.greedy_fixed_fadeIn {
    -webkit-animation-name: greedy_fixed_fadeIn;
    animation-name: greedy_fixed_fadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes greedy_fixed_fadeIn {
    0% {
        visibility: hidden;
        opacity: 0;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}

@keyframes greedy_fixed_fadeIn {
    0% {
        visibility: hidden;
        opacity: 0;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}

.greedy_fixed_fadeOut {
    -webkit-animation-name: greedy_fixed_fadeOut;
    animation-name: greedy_fixed_fadeOut;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes greedy_fixed_fadeOut {
    0% {
        visibility: visible;
        opacity: 1;
    }
    100% {
        visibility: hidden;
        opacity: 0;
    }
}

@keyframes greedy_fixed_fadeOut {
    0% {
        visibility: visible;
        opacity: 1;
    }
    100% {
        visibility: hidden;
        opacity: 0;
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        visibility: hidden;
        opacity: 0;
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        visibility: hidden;
        opacity: 0;
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        visibility: hidden;
        opacity: 0;
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        visibility: hidden;
        opacity: 0;
    }
}

/*End of fixed-position*/

.margin-top-compact {
    margin-top: 50px;
}

.for-phone .margin-top-compact {
    margin-top: 0;
}

/*Mobile header*/

.mobile-header-2020 {
    width: 100%;
    display: block;
    background-color: var(--moe-blue);
    /*background-color: #3c3c3c;*/
    height: 90px;
    top: 0;
    z-index: 1010;
}

/*.mobile-header-2020 .plate_select_nn {
    position: fixed;
    display: none;
    width: 100%;
    margin-left: -15px;
    top: 28px;
    z-index: 90;
}*/

.mobile-header-2020 .container,
.mobile-header-2020 .row,
.mobile-header-2020 .col-xs-12 {
    height: 100%;
}

.mobile-header-2020 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.mobile-header-2020.is-hidden-up {
    height: 62px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mobile-header-2020 .mobile_header_top {
    background-color: var(--moe-blue);
    /*background-color: #3c3c3c;*/
    z-index: 100;
    display: block;
    position: relative;
    height: 100%;
    margin-left: -15px;
    width: calc(100% + 30px);
}

.mobile-header-2020 .logo_mob {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 128px);
    position: absolute;
    left: 15px;
    top: 0;
    height: 90px;
    padding: 21px 0;
}

.mobile-header-2020.is-hidden-up .logo_mob {
    height: 62px;
    padding: 15px 0;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mobile-header-2020 .logo_mobile {
    position: relative;
    height: 36px;
    width: calc(100% - 140px);
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.mobile-header-2020 .logo_mob > a {
    display: inline-block;
    margin-right: 5px;
    z-index: 101;
}

.mobile-header-2020 .logo_mob > a {
    background-image: url(/themes/default/front/img/logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 70px;
    min-width: 70px;
    height: 46.2px;
    margin-top: 7px;
}

.mobile-header-2020.is-hidden-up .logo_mob > a {
    background-image: url(/themes/default/front/img/logo-min.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px;
    min-width: 32px;
    height: 32px;
    margin-top: 0;
}

/*.mobile-header-2020 .logo_mob.logo-mob-2021 > a {
    background-image: url(/themes/default/front/img/logo-2021.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 80px;
    min-width: 80px;
    height: 46.2px;
    margin-top: 7px;
}

.mobile-header-2020.is-hidden-up .logo_mob.logo-mob-2021 > a {
    background-image: url(/themes/default/front/img/snow1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px;
    min-width: 32px;
    height: 32px;
    margin-top: 0;
}*/

.mobile-header-2020 .logo_mobile a,
.mobile-header-2020 .logo_mobile a span {
    width: 100%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: normal;
}

.mobile-header-2020 .logo_mob a span {
    display: inline-block;
    float: left;
    font-size: 14px;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    color: #fff;
    line-height: 15px;
    margin-left: 5px;
    text-transform: uppercase;
    white-space: nowrap;
}

.mobile-header-2020 .logo_mobile a:active {
    opacity: .5;
}

.mobile-header-2020 .logo_mob .podrubrika_logo,
.mobile-header-2020.is-hidden-up .logo_mob .podrubrika_logo {
    font-weight: 300;
}

.mobile-header-2020 .logo_mob .podrubrika_logo:empty,
.mobile-header-2020.is-hidden-up .logo_mob .podrubrika_logo:empty {
    display: none;
}

.mobile-header-2020.is-hidden-up .logo_mob span {
    margin: 0 0 0 5px;
}

.mobile-header-2020 .header_gradient {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    height: 100%;
}

.mobile-header-2020 .vhod_mob {
    display: inline-block;
    padding: 27.5px 11px;
    height: 90px;
    position: absolute;
    top: 0;
    right: 58px;
    text-align: center;
    float: none;
}

.mobile-header-2020 .vhod_mob.in-top {
    width: auto;
}

.mobile-header-2020 .vhod_mob.in-top .navbar-nav,
.mobile-header-2020 .vhod_mob.in-top .polz_pol,
.mobile-header-2020 .vhod_mob.in-top .head-user-avatar {
    margin: 0;
    height: 35px;
}

.mobile-header-2020 .vhod_mob.in-top .navbar-nav > li > span,
.mobile-header-2020 .vhod_mob.in-top .navbar-nav > li > a {
    line-height: 0;
}

.mobile-header-2020 .vhod_mob.in-top .navbar-nav > li > span.noti_button,
.mobile-header-2020 .vhod_mob.in-top .navbar-nav > li > a.noti_button {
    line-height: 33px;
}

.notifications-container {
    float: left;
    height: 100%;
}

.mobile-header-2020 .vhod_mob.in-top .notifications {
    margin-top: 0;
    float: left;
    box-shadow: 0 0 10px 3px rgba(14, 104, 156, 0.2);
}

.mobile-header-2020 .vhod_mob.in-top .guest-notification {
    margin: 0 6px 0 0;
}

.mobile-header-2020 .in-top .notifications.guest-notification .no_user_bookmark {
    width: 162px;
    top: 35px;
    right: -79px;
}

.mobile-header-2020 .vhod_mob.in-top .notifications.no-notifications {
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: none;
    width: 28px;
}

.mobile-header-2020 .vhod_mob.in-top .notifications:active {
    opacity: .5;
}

.mobile-header-2020 .vhod_mob.in-top li:last-child {
    float: right;
}

.notifications-container {
    padding: 31px 0;
}

.mobile-header-2020 .vhod_mob .vhod {
    height: 100%;
    width: auto;
    display: block;
    line-height: 35px;
    padding: 0 10px;
}

.mobile-header-2020 .vhod_mob .nav > .dropdown a {
    height: 100%;
    width: auto;
    display: block;
    border-radius: 50%;
}

.in-top .navbar-nav > li > span,
.in-top .navbar-nav > li > a {
    padding: 0;
    line-height: 60px;
    white-space: nowrap;
}

.mobile-header-2020 .vhod_mob .nav > .dropdown .noti_panel {
    right: -39px;
    top: 27px;
}

.mobile-header-2020 .vhod_mob .nav > .dropdown .noti_panel li {
    width: 100%;
    text-align: left;
}

.mobile-header-2020 .vhod_mob .nav > .dropdown .noti_panel li.footer {
    text-align: center;
}

.mobile-header-2020 .in-top .navbar-nav .notifications-container > li > a {
    padding: 0;
    white-space: nowrap;
}

.mobile-header-2020 .vhod_mob.in-top .navbar-nav .notifications-container > li > a.noti_button {
    line-height: 26px;
    height: 26px;
    display: block;
}

@media (min-width: 360px) {
    .mobile-header-2020 .header_gradient {
        width: 200px;
    }

    .mobile-header-2020 .in-top .navbar-nav .notifications-container > li > a {
        width: auto;
    }
}

.mobile-header-2020 .vhod_mob .vhod img {
    padding: 4px;
    margin: 0;
    width: 28px;
    height: 28px;
    transition: all 0s;
}

.mobile-header-2020 .logo_mob > a:after {
    top: 0;
    left: -10px !important;
    width: 90px;
    height: 90px;
}

.mobile-header-2020.is-hidden-up .logo_mob > a:after {
    top: 0;
    left: -15px !important;
    width: 62px;
    height: 62px;
}

.mobile-header-2020 .vhod_mob:after {
    top: 6.5px;
    width: 77px;
    height: 77px;
    left: -11.5px !important;
}

.mobile-header-2020.is-hidden-up .vhod_mob:after {
    top: 0;
    width: 62px;
    height: 62px;
    left: -3.5px !important;
}

.mobile-header-2020 .av_header {
    width: 32px;
    height: 32px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.mobile-header-2020.is-hidden-up .logo_mob > a:active {
    opacity: .8;
    background-image: url(/themes/default/front/img/logo-min-white.svg);
}

.mobile-header-2020 .logo_mob > a:active,
.av_header:active {
    opacity: .5;
}

.mobile-header-2020.is-hidden-up .logo_mob > a:active,
.mobile-header-2020 .logo_mob > a:active,
.av_header:active {
    transition: all .1s ease;
}

.mobile-header-2020 .site__top:after {
    top: 6.5px;
    width: 77px;
    height: 77px;
}

.mobile-header-2020.is-hidden-up .site__top:after {
    top: 0;
    width: 62px;
    height: 62px;
    left: 7.5px;
}

.mobile-header-2020 .logo_mob > a:after,
.mobile-header-2020 .logo_mob_min > a:after,
.mobile-header-2020 .site__top:after {
    content: "";
    background: #185d98;
    position: absolute;
    left: 0;
    right: 0;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1);
    transition: all .3s ease-in-out;
    z-index: -1;
}

.mobile-header-2020 .logo_mob > a:active:after,
.logo_mob_min > a:active:after,
.mobile-header-2020 .site__top:active:after {
    transform: scale(0);
    opacity: .5;
    transition: all 0s;
}

.mobile-header-2020 .vhod_mob .polz_pol:active,
.mobile-header-2020 .vhod_mob .head-user-avatar:active,
.mobile-header-2020 .site__top:active #nav-icon3 {
    opacity: .5;
    transition: all .1s ease;
}

.mobile-header-2020.is-hidden-up .vhod_mob,
.mobile-header-2020.is-hidden-up .site__top {
    height: 62px;
    top: 0;
}

.mobile-header-2020.is-hidden-up .vhod_mob {
    height: 62px;
    top: 0;
    padding: 13.5px 11px;
}

.site__top {
    width: 77px;
    height: 90px;
    position: absolute;
    z-index: 201;
    right: 0;
}

.site__top .menu {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    right: 0;
    top: 0;
    width: 67px;
    height: 100%;
}

.site__top .menu a {
    vertical-align: top;
    text-decoration: none;
    line-height: 20px;
    font-size: 16px;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.site__top .menu a span {
    display: none;
}

#nav-icon3 {
    width: 27px;
    height: 20px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    cursor: pointer;
    top: 34px;
    left: 15px;
}

#nav-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 4px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
    top: 2px;
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
    top: 10px;
}

#nav-icon3 span:nth-child(4) {
    top: 18px;
}

.mobile-header-2020.is-hidden-up .site__top .menu a #nav-icon3 {
    top: 20px;
}

.mobile-header-2020,
.mobile-header-2020.is-hidden-up,
.mobile-header-2020 .logo_mob,
.mobile-header-2020.is-hidden-up .logo_mob,
.mobile-header-2020 .logo_mobile,
.mobile-header-2020.is-hidden-up .logo_mobile,
.mobile-header-2020 .logo_mob > a,
.mobile-header-2020.is-hidden-up .logo_mob > a,
.mobile-header-2020 .vhod_mob,
.mobile-header-2020.is-hidden-up .vhod_mob,
.mobile-header-2020 .site__top,
.mobile-header-2020.is-hidden-up .site__top,
.mobile-header-2020 .site__top .menu,
.mobile-header-2020.is-hidden-up .site__top .menu,
.notifications-container,
.mobile-header-2020.is-hidden-up .notifications-container,
.mobile-header-2020 .vhod_mob .vhod,
.mobile-header-2020.is-hidden-up .vhod_mob .vhod,
.mobile-header-2020 .vhod_mob .nav > .dropdown a,
.mobile-header-2020.is-hidden-up .vhod_mob .nav > .dropdown a,
.backdrop-1 {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}


.mob_popup {
    overflow-y: auto;
}

.nn_down_panel,
.lower_panel {
    position: fixed;
    z-index: 1050;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 65px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out;
}

.nn_down_panel.is-hidden-down,
.lower_panel.is-hidden-down {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.mobile-header-2020:after,
.nn_down_panel:after,
.lower_panel:after {
    clear: both;
    content: "";
    display: block;
}

/*End of Анимация шапки и нижней панели*/

/*End of Mobile header*/

/*down-lower panel*/

.lower_panel {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    height: 65px;
    background-color: var(--moe-dark-1);
    color: #fff;
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1),
    0 0 10px 3px rgba(0, 0, 0, 0.1);
}

.lower_panel.is-hidden-down {
    box-shadow: none;
}

.lower_panel_container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    max-width: 420px;
    width: 100%;
    height: 65px;
}

.lower_panel_container.noadmin {
    max-width: 280px;
}

.lower_icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    width: 25%;
    height: 100%;
    padding: 12px 0 12px;
    opacity: 1;
    text-align: center;
    position: relative;
}

.lower_icon:active {
    opacity: .5;
}

.lower_icon a.a-down-total {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

[class^='lower_icon_'] {
    height: 25px;
    width: 100%;
}

.lower_icon_rubric {
    background: transparent url(/themes/default/front/img/rubric.svg) no-repeat center;
    background-size: contain;
    height: 19px;
    margin-top: 3px;
}

.lower_icon_write {
    background: transparent url(/themes/default/front/img/write.svg) no-repeat center;
    background-size: contain;
    height: 22px;
    margin-top: 2px;
}

.lower_icon_live {
    background: transparent url(/themes/default/front/img/live.svg) no-repeat center;
    background-size: contain;
}

.lower_icon_chat {
    background: transparent url(/themes/default/front/img/chat.svg) no-repeat center;
    background-size: contain;
}

.lower_icon_moe_plus {
    background: transparent url(/themes/default/front/img/yo-plus.svg) no-repeat center;
    background-size: contain;
}

.lower_icon p {
    color: #fff;
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
}

/*End of down-lower panel*/

/*opinion authors*/

#oblko_tegov.authors-alfavit .oblko_tegov_wr {
    border: none;
}

#oblko_tegov.authors-alfavit .oblko_tegov_wr .tags_wr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0 0 164px;
    height: auto;
    width: 100%;
}

#oblko_tegov.authors-alfavit .oblko_tegov_wr .alfavit ul {
    display: inline-block;
    width: 100%;
    padding: 5px 5px 0;
    border-radius: 0 0 5px 16px;
    border-left: 1px solid #e3eaef;
    border-right: 1px solid #e3eaef;
    border-bottom: 1px solid #e3eaef;
}

#oblko_tegov.authors-alfavit .oblko_tegov_wr .alfavit ul li {
    margin: 0 0 5px 0;
}

#oblko_tegov.authors-alfavit .oblko_tegov_wr .alfavit ul li:last-child {
    margin: 0 0 0 30px;
}

#oblko_tegov.authors-alfavit .oblko_tegov_wr .alfavit ul li a {
    display: inline-block;
    height: 30px;
    width: 30px;
    margin-right: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    user-select: none;
    transition: transform .4s;
}

#oblko_tegov.authors-alfavit .oblko_tegov_wr .alfavit ul li:last-child a {
    width: 50px;
}

#oblko_tegov.authors-alfavit .oblko_tegov_wr .alfavit ul li a:hover {
    transform: scale(1.4);
    transition: transform .1s;
}

/*End of opinion authors*/


/*color-scheme*/

.header-line-1-back {
    background-color: #e3eaef;
    border-bottom: 1px solid #fff;
}

.header-line-2 {
    background-color: #f0f4f7;
    border-bottom: 1px solid #e3eaef;
}

.header-logo-2020 {
    background-color: var(--moe-blue);
    /*background-color: #3c3c3c;*/
}

.btn-send-nn:active {
    color: #fff;
    transform: translateY(2px);
}

.btn-send-nn {
    color: #fff;
    background: rgb(255, 143, 15);
    background: linear-gradient(135deg, rgba(255, 143, 15, 1) 0%, rgba(255, 100, 77, 1) 100%);
}

.btn-send-nn:hover,
.btn-send-nn:focus {
    color: #fff;
    background: rgb(249, 135, 5);
    background: linear-gradient(135deg, rgba(249, 135, 5, 1) 0%, rgba(255, 87, 63, 1) 100%);
}

.cards .main-header-2020 .btn-send-nn-container a {
    color: #fff;
}

.header-line-add .h_inf > div a,
.info-block-extended .weather a,
.header-line-add .h_inf > a,
.info-block-mob.info-block-extended .h_inf .currency {
    color: #1e2c34;
}

.header-line-add .h_inf i.fa,
.info-block-mob .h_inf i.fa {
    color: #31aa51;
}

.main-header-2020 .user_name {
    color: #000;
}

.main-header-2020 .in-top .navbar-nav > li > span:hover .user_name,
.main-header-2020 .in-top .navbar-nav > li > span:focus .user_name,
.main-header-2020 .in-top .navbar-nav > li > a:hover .user_name,
.main-header-2020 .in-top .navbar-nav > li > a:focus .user_name {
    border-bottom: 1px dotted #000;
}

.select-city .dropdown-menu {
    box-shadow: 1px 1px 6px 0 rgba(7, 31, 44, .15),
    1px 1px 15px 0 rgba(7, 31, 44, .2);
}

.header-logo-2020 .select-city .dropdown-menu {
    box-shadow: 3px 3px 3px 0 rgba(7, 31, 44, .15),
    6px 5px 6px 0 rgba(7, 31, 44, .1);
}

.greedy-li.open_menu .dropdown-panel-list .greedy-a {
    box-shadow: none;
    background-color: transparent;
}

.nav_dropdown > div,
.select-in-line-2 .dropdown-menu {
    box-shadow: 0 0 7px 0 rgba(7, 31, 44, .1),
    0 0 30px 0 rgba(7, 31, 44, .2);
}

.main-header-2020 .in-top .notifications .noti_panel {
    box-shadow: 0 8px 7px 0 rgba(7, 31, 44, .1),
    0 21px 20px 0 rgba(7, 31, 44, .2);
}

.greedy-nav-top-fixed .parent-rubric .greedy-show-more:hover > a,
.greedy-nav-top-fixed .parent-rubric .greedy-show-more:focus > a,
.greedy-nav-top-fixed .parent-rubric .greedy-show-more.open_menu > a {
    background-color: #fff;
}

.dropdown-panel {
    background-color: #fff;
}

.nav_dropdown .novosti_vse_head .novosti_vse_photo_video span,
.nav_dropdown.open_menu > div .icon-icon-moe-31 {
    color: var(--moe-blue);
}

.greedy ul.links-1 li > a,
.greedy-nav-top-fixed .parent-rubric ~ .greedy-li .greedy-a,
.greedy-nav-top-fixed .links-3 .greedy-a,
.main-header-2020 .search,
.main-header-2020 .search:hover {
    color: #1e2c34;
}

.greedy ul.links-1 li a.greedy-a-plus,
.greedy ul.links-1 li a.greedy-a-plus:hover,
.greedy ul.links-1 li a.greedy-a-plus:focus,
.greedy ul.links-1 li a.greedy-a-plus:active,
.greedy ul.links-1 li.open_menu a.greedy-a-plus,
.greedy .dropdown-panel a.greedy-a-plus,
.greedy-nav-top-fixed .links-3 .greedy-a-plus,
.greedy-nav-top-fixed .dropdown-panel a.greedy-a-plus {
    color: #d00;
}

.greedy ul.links-1 .li-plus a,
.greedy ul.links-1 .li-plus a:hover,
.greedy ul.links-1 .li-plus a:focus,
.greedy ul.links-1 .li-plus a:active,
.greedy ul.links-1 li.open_menu.li-plus a,
.greedy .dropdown-panel li.li-plus a,
.greedy-nav-top-fixed .links-3 .li-plus a,
.greedy-nav-top-fixed .dropdown-panel .li-plus a {
    color: #d00;
}

.greedy .dropdown-panel,
.greedy .dropdown-panel a,
.greedy .dropdown-panel p,
.greedy-nav-top-fixed .dropdown-panel a,
.dropdown-panel-add .soc-in-menu p,
.header-line-2 .dropdown-panel a,
ul.links-2 .dropdown-panel-list li a:hover span:last-child {
    color: #000;
}

.dropdown-panel.novosti_vse_nn .dropdown-panel-list a:hover [class^="nn-"],
ul.links-2 li a:hover [class^="nn-"],
ul.links-2 .dropdown-panel-list li a:hover span,
.header-line-2 .dropdown-panel a:hover [class^="nn-"],
.dropdown-panel.novosti_vse_nn .dropdown-panel-list a:hover i.fa,
ul.links-2 li a:hover i.fa,
.header-line-2 .dropdown-panel a:hover i.fa,
.dropdown-panel a:hover,
.dropdown-panel .novosti_vse_theme a:hover .tema-title,
.header-line-2 .dropdown-panel a:hover {
    color: var(--moe-blue);
}

.dropdown-panel .novosti_vse_small_head {
    background-color: #e3eaef;
}

.dropdown-panel .novosti_vse_small_head,
.dropdown-panel .novosti_vse_theme .tema-inform {
    color: rgba(0, 0, 0, 0.75);
}

.dropdown-panel .novosti_vse_theme:after {
    border-bottom: 1px solid #bfc8cf;
}

.greedy-nav-top-fixed .search,
.main-header-2020 .notifications.no-notifications {
    background-color: #c9d5de;
}

.main-header-2020 .search:hover {
    background-color: #b5c4cf;
}

.main-header-2020 .search:active {
    box-shadow: none;
    background-color: var(--moe-blue);
    color: #fff;
}

.dropdown-panel-footer .soc-in-menu {
    border-top: 1px solid #bfc8cf;
}

.dropdown-panel.novosti_vse_nn .dropdown-panel-list [class^="nn-"],
ul.links-2 li a [class^="nn-"],
.header-line-2 .dropdown-panel a [class^="nn-"],
.dropdown-panel.novosti_vse_nn .dropdown-panel-list i.fa,
ul.links-2 li a i.fa,
.header-line-2 .dropdown-panel a i.fa {
    color: #668694;
}

.header-line-1:before {
    background-color: var(--moe-blue);
    /*background-color: #3c3c3c;*/
}

.greedy-sandwich-line {
    background-color: #1e2c34;
}

.greedy-nav-top-fixed .parent-rubric .greedy-sandwich-line {
    background-color: #fff;
}

.greedy-show-more:hover .greedy-sandwich-line,
.greedy-show-more:focus .greedy-sandwich-line,
.greedy-show-more.open_menu .greedy-sandwich-line,
.header-line-2 .greedy-li:hover .greedy-dot,
.header-line-2 .greedy-li:focus .greedy-dot,
.header-line-2 .greedy-li.open_menu .greedy-dot,
.greedy-4 .greedy-li:hover .greedy-dot,
.greedy-4 .greedy-li:focus .greedy-dot,
.greedy-4 .greedy-li.open_menu .greedy-dot {
    background-color: var(--moe-blue);
    /*background-color: #3c3c3c;*/
}

.header-line-add .select-city .dropdown-menu {
    background-color: #fff;
}

.header-logo-2020 .select-city .dropdown-menu {
    background-color: var(--moe-blue);
    /*background-color: #3c3c3c;*/
}

.header-logo-2020 .selected-city > a,
.header-logo-2020 .select-city .dropdown-menu a,
.header-line-2-logo-rubric a,
.header-line-2-logo-rubric a:hover,
.header-line-2-logo-rubric a:focus,
.header-line-2-logo-rubric a:active {
    color: #fff;
}

.greedy ul.links-2 li > a,
.greedy ul.links-4 li > a {
    color: #667479;
}

.header-line-2 .greedy-dot,
.greedy-4 .greedy-dot {
    background-color: #667479;
}

.select-city a,
.header-line-add .select-city .selected-city a:hover,
.header-line-add .select-city .selected-city a:focus,
.header-line-add .select-city .selected-city a:active,
.select-city i,
.select-city .dropdown-menu > li > a,
.greedy ul.links-1 li a:hover,
.greedy ul.links-1 li a:focus,
.greedy ul.links-1 li a:active,
.greedy ul.links-1 li.open_menu > a,
.greedy ul.links-2 li a:hover,
.greedy ul.links-4 li a:hover,
.greedy-nav-top-fixed .links-3 .greedy-a:hover,
.greedy-nav-top-fixed .links-4 .greedy-a:hover,
.greedy-nav-top-fixed .parent-rubric ~ .greedy-li .greedy-a:hover,
.header-line-add .h_inf > div:hover a,
.header-line-add .h_inf > a:hover {
    color: var(--moe-blue);
}

.header-logo-2020 .select-city i {
    color: #fff;
}

.greedy-li:hover > .greedy-a,
.greedy-li:focus > .greedy-a,
.greedy-li.open_menu > .greedy-a,
.greedy-show-more .greedy-li:hover .greedy-btn,
.greedy-show-more .greedy-li:focus .greedy-btn,
.greedy-show-more .greedy-li.open_menu .greedy-btn,
.header-line-2-current-rubric span,
.greedy-nav-top-fixed .parent-rubric ~ .greedy-li .greedy-a {
    background-color: #fff;
}

.greedy-nav-top-fixed .parent-rubric {
    background-color: #2383d7;
    /*background-color: #292929;*/
}

.greedy-nav-top-fixed .parent-rubric:hover .greedy-a {
    background-color: transparent;
}

.greedy-nav-top-fixed .parent-rubric .greedy-a {
    color: #fff
}

.header-line-2-logo-rubric {
    background-color: #2383d7;
    /*background-color: #292929;*/
    color: #fff
}

.main-header-2020 .soc-in-menu .soc-button {
    background-color: #e3eaef;
}

.header_gradient {
    background: linear-gradient(to right, rgba(76, 156, 226, 0) 0%, rgba(76, 156, 226, 1) 16%, rgba(76, 156, 226, 1) 100%);
    /*background: linear-gradient(to right, rgba(60, 60, 60, 0) 0%, rgba(60, 60, 60, 1) 16%, rgba(60, 60, 60, 1) 100%);*/
}

.main-header-2020 .auth-user .notifications.no-notifications.open,
.notifications.yes-notifications,
.notifications .noti_panel .header {
    background-color: #4bb467;
    color: #fff;
}

.mobile-header-2020 .notifications.yes-notifications {
    border: 1px solid #85da9b;
}

.in-top .navbar-nav > li > span,
.in-top .navbar-nav > li > a,
.in-top .navbar-nav .notifications-container > li > a,
.guest-notification .noti_button {
    color: #fff;
}

.notifications .noti_panel,
.notifications .noti_panel a {
    color: #000;
}

.in-top .notifications .noti_panel li ul li a:before {
    background-color: #4bb467;
}

.in-top .notifications .noti_panel li ul li a.noti_editorial:before {
    background-color: var(--moe-blue);
}

.notifications .noti_panel .footer a {
    color: #4bb467;
    background-color: transparent !important;
}

.in-top .notifications .noti_panel .noty_boby ul li:hover a {
    background-color: #b5c4cf;
}

.site__top .menu a {
    color: #fff;
}

#nav-icon3 span {
    background: #fff;
}

.greedy ul.links-1 li a.greedy-a-plus-action,
.greedy-nav-top-fixed .links-3 .greedy-a-plus.greedy-a-plus-action,
.greedy-nav-top-fixed .dropdown-panel a.greedy-a-plus.greedy-a-plus-action {
    background-color: #d00 !important;
    color: #fff !important;
}

.greedy ul.links-1 li a.greedy-a-plus-action:hover,
.greedy-nav-top-fixed .links-3 .greedy-a-plus.greedy-a-plus-action:hover,
.greedy-nav-top-fixed .dropdown-panel a.greedy-a-plus.greedy-a-plus-action:hover {
    background-color: #b70000 !important;
    color: #fff !important;
    text-decoration: none;
}

.greedy-a-plus-action span {
    color: #ffff1d !important;
    font-size: 1.4em;
    padding: 0 1px;
    vertical-align: -3px;
}

.greedy-nav-top-fixed .dropdown-panel a.greedy-a-plus.greedy-a-plus-action {
    border-radius: 4px;
    padding: 1px 0 0 4px;
    margin: -4px 0 -3px -4px;
}

.mob_popup_container #nav_list_first .li-plus a {
    /*background-color: #d00;
    position: relative;
    top: auto;
    right: auto;
    background-image: none;
    width: auto;
    height: auto;
    display: inline-block;
    padding: 6px 8px;
    margin-left: -8px;
    border-radius: 5px;*/
}

.mob_popup_container #nav_list_first a.greedy-a-plus.greedy-a-plus-action span {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: auto;
    height: auto;
    background-image: none;
}

/*----------*/

.header-line-add .h_inf,
.main-header-2020 .header-line-add-in .soc-block {
    opacity: 0;
    animation: header-el-animation .5s 1;
    animation-fill-mode: forwards;
    /*animation-delay: 1s;*/
}

@keyframes header-el-animation {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

/*.main-header-2020 .header-line-add-in .soc-block {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
}*/

.main-header-2020 .header-line-add-in .soc-in-menu {
    border-top: none;
    padding: 0;
}

.main-header-2020 .header-line-add-in .soc-in-menu .soc-button {
    border-radius: 50%;
    min-width: 30px;
    width: 30px;
    height: 30px;
}

.main-header-2020 .header-line-add-in .soc-in-menu p,
.main-header-2020 .header-line-add-in .soc-in-menu .soc-in-menu-fb,
.main-header-2020 .header-line-add-in .soc-in-menu .soc-in-menu-tiktok,
.main-header-2020 .header-line-add-in .soc-in-menu .soc-in-menu-instagram,
.main-header-2020 .header-line-add-in .soc-in-menu .soc-in-menu-youtube,
.main-header-2020 .header-line-add-in .soc-in-menu .soc-in-menu-rutube,
.main-header-2020 .header-line-add-in .soc-in-menu .soc-in-menu-twitter,
.main-header-2020 .header-line-add-in .soc-in-menu .soc-in-menu-zen {
    display: none;
}

@media (min-width: 1860px) {
    .main-header-2020 .header-line-add-in .soc-in-menu p {
        display: block;
        color: #000;
    }
}

/*----------*/

/*video in logo and header*/

.header-logo-2020.video-back {
    overflow: hidden;
}

.header-logo-2020.video-back .video-logo-desktop,
.video-logo-mobile-container,
.mobile-header-2020 .video-logo-mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -1;
}

.mobile-header-2020 .video-logo-mobile-container {
    z-index: 90;
    background-color: var(--moe-blue);
}

.video-logo-mobile-container .video-logo-mobile {
    opacity: .4;
}

.main-header-2020.fixed .header-logo-2020.video-back .video-logo-mobile-container {
    display: none;
}

.mobile-header-2020.video-back .mobile_header_top,
.mobile-header-2020.video-back .header_gradient {
    background: transparent;
}

/*.mobile-header-2020.video-back .mobile_header_top:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--moe-blue);
    z-index: -1;
}*/

.header-logo-2020.may-2022 > a:before {
    content: '';
    background-image: url(/themes/default/front/img/orden_o_v_53.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 23px;
    left: 49.5px;
    width: 53px;
    height: 53px;
    z-index: 1;
    transition: all .05s ease-in-out;
}

.main-header-2020:not(.fixed) .header-logo-2020.may-2022:hover > a:before {
    background-image: url(/themes/default/front/img/orden_o_v_56.png);
    top: 21px;
    left: 47.5px;
    width: 56px;
    height: 56px;
}

.main-header-2020.fixed .header-logo-2020.may-2022 a img:hover {
    transform: none;
}

.fixed .header-logo-2020.may-2022 > a:before {
    background-image: url(/themes/default/front/img/orden_o_v_30.png);
    top: 6px;
    left: 12px;
    width: 30px;
    height: 30px;
}

.mobile-header-2020.may-2022 .logo_mob > a {
    background-image: url(/themes/default/front/img/logo-may2022.svg);
}

.mobile-header-2020.may-2022.is-hidden-up .logo_mob > a {
    background-image: url(/themes/default/front/img/orden_o_v_35.png);
    margin-top: -3px;
    margin-left: -3px;
}

.skin-ogorod .fixed .header-logo-2020.may-2022 > a:before,
.skin-animals .fixed .header-logo-2020.may-2022 > a:before {
    background-image: url(/themes/default/front/img/orden_o_v_30.png);
    top: 5px;
    left: 10px;
    width: 23px;
    height: 23px;
}


/*End of video in logo and header*/

/*15 лет*/

/*.main-header-2020 .header-logo-15years > a > img {
    display: none;
}

.main-header-2020.fixed .header-logo-15years > a > img,
.main-header-2020.fixed-permanent .header-logo-15years > a > img {
    display: block;
}

.main-header-2020 .header-logo-15years > a > video {
    display: block;
}

.main-header-2020.fixed .header-logo-15years > a > video {
    display: none;
}

.video-logo-desktop {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 16px 16px 0 0;
}

.mobile-header-2020 .mobile_header_top-15ears .logo_mob > a {
    background-image: url(/image/15let-logo-1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 70px;
    min-width: 70px;
    height: 56.2px;
    margin-top: 2px;
}

.mobile-header-2020.is-hidden-up .mobile_header_top-15ears .logo_mob > a {
    background-image: url(/image/15let-logo-small.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 45px;
    min-width: 45px;
    height: 53px;
    margin: 8px -1px 0 -3px;
}*/


/*End of 15 лет*/

/*Снежинки в лого-2022*/

/*.snow-2022 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 114px;
    border-radius: 16px 16px 0 0;
    overflow: hidden;

    opacity: 0;
    animation: snow-2022-load .8s 1;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}

@keyframes snow-2022-load {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.mobile_header_top .snow-2022 + .snow-2022 {
    left: 165px;
}

.mobile_header_top .snow-2022 + .snow-2022 + .snow-2022 {
    left: 330px;
}

.mobile_header_top .snow-2022 + .snow-2022 + .snow-2022 + .snow-2022 {
    left: 495px;
}

.snow-2022 img {
    position: absolute;
    opacity: .5;
}

.snow-2022 .snow-small {
    opacity: .8;
    position: absolute;
    width: 165px;
    height: 114px;
    left: 0;
    animation-name: snow-small-b1-animation;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-duration: 60s;
}

@keyframes snow-small-b1-animation {
    from {
        transform: translateY(0)
    }
    to {
        transform: translateY(200%)
    }
}

.ss-b1-0-1 {
    top: 0;
}

.ss-b1-1-1 {
    top: -114px;
    animation-iteration-count: infinite;
}

.ss-b1-1-2 {
    top: -114px;
    animation-iteration-count: infinite;
    animation-delay: 30s;
}



.snow-2022 .snow-s1 {
    width: 35px;
    height: 35px;
    animation-timing-function: linear;
    animation-duration: 24s;
}

.s1-b1-0-1, .s1-b1-0-3,
.s1-b1-1-1, .s1-b1-1-2 {
    animation-name: snow-s1-b1-animation-1;
    animation-fill-mode: forwards;
}

.s1-b1-0-2,
.s1-b1-1-3, .s1-b1-1-4 {
    animation-name: snow-s1-b1-animation-2;
    animation-fill-mode: forwards;
}

.s1-b1-1-1, .s1-b1-1-2, .s1-b1-1-3, .s1-b1-1-4 {
    animation-iteration-count: infinite;
}

@keyframes snow-s1-b1-animation-1 {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(450%) rotate(110deg);
    }
}

@keyframes snow-s1-b1-animation-2 {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(450%) rotate(-90deg);
    }
}

.s1-b1-0-1 {
    top: -9px;
    left: -2px;
}

.s1-b1-0-2 {
    top: 74px;
    left: 13px;
}

.s1-b1-0-3 {
    top: 68px;
    left: 140px;
}

.s1-b1-1-1 {
    top: -40px;
    left: -2px;
    animation-delay: 20s;
}

.s1-b1-1-2 {
    top: -40px;
    left: 13px;
    animation-delay: 8s;
}

.s1-b1-1-3 {
    top: -40px;
    left: 140px;
    animation-delay: 6s;
}

.s1-b1-1-4 {
    top: -40px;
    left: 70px;
}



.snow-2022 .snow-s2 {
    width: 25px;
    height: 25px;
    animation-timing-function: linear;
    animation-duration: 30s;
}

.s2-b1-0-1,
.s2-b1-1-1 {
    animation-name: snow-s2-b1-animation;
    animation-fill-mode: forwards;
}

.s2-b1-1-1 {
    animation-iteration-count: infinite;
}

@keyframes snow-s2-b1-animation {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(600%) rotate(100deg);
    }
}

.s2-b1-0-1 {
    top: 8px;
    left: 110px;
}

.s2-b1-1-1 {
    top: -30px;
    left: 110px;
    animation-delay: 17s;
}



.snow-2022 .snow-s3 {
    width: 18px;
    height: 18px;
    animation-timing-function: linear;
    animation-duration: 36s;
}

.s3-b1-0-1, .s3-b1-0-2,
.s3-b1-1-1, .s3-b1-1-2 {
    animation-name: snow-s3-b1-animation;
    animation-fill-mode: forwards;
}

.s3-b1-1-1, .s3-b1-1-2 {
    animation-iteration-count: infinite;
}

@keyframes snow-s3-b1-animation {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(750%) rotate(-90deg);
    }
}

.s3-b1-0-1 {
    top: 22px;
    left: 53px;
}

.s3-b1-0-2 {
    top: 84px;
    left: 97px;
}

.s3-b1-1-1 {
    top: -20px;
    left: 53px;
    animation-delay: 20s;
}

.s3-b1-1-2 {
    top: -20px;
    left: 97px;
    animation-delay: 8s;
}

.shar-2022-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
}

.shar-2022-box-in {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.shar-2022 {
    position: absolute;
    top: -100px;
    left: 59px;
    width: 34px;
}

.fixed .shar-2022 {
    position: absolute;
    top: 50px;
    left: 11px;
    width: 30px;
}

.shar-2022.hoba {
    animation-name: shar-2022-animation-1;
    animation-fill-mode: forwards;
    animation-duration: .4s;
    transform-origin: center 30px;
}

@keyframes shar-2022-animation-1 {
    0% {
        animation-timing-function: ease-out;
        top: -100px;
    }

    60% {
        animation-timing-function: cubic-bezier(.34,.01,0,.99);
        top: -24px;
    }

    100% {
        top: -34px;
    }

}

.shar-2022.nehoba {
    animation-name: shar-2022-animation-2;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.04,1.22,.7,1.22);
    animation-duration: .4s;
}

@keyframes shar-2022-animation-2 {
    0% {
        top: -34px;
    }

    100% {
        top: -100px;
    }
}

.fixed .shar-2022.hoba {
    animation-name: shar-2022-animation-1-fixed;
    animation-fill-mode: forwards;
    animation-duration: .3s;
    transform-origin: center 30px;
}

@keyframes shar-2022-animation-1-fixed {
    0% {
        animation-timing-function: ease-out;
        top: -100px;
    }

    70% {
        animation-timing-function: cubic-bezier(.34,.01,0,.99);
        top: -50px;
    }

    100% {
        top: -53px;
    }

}

.fixed .shar-2022.nehoba {
    animation-name: shar-2022-animation-2-fixed;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.04,1.22,.7,1.22);
    animation-duration: .7s;
}

@keyframes shar-2022-animation-2-fixed {
    0% {
        top: -53px;
    }

    100% {
        top: -100px;
    }
}*/

/*End of Снежинки в лого-2022*/

/*Лого-2023*/

/*.header-logo-2020.header-logo-2023 {
    overflow: hidden;
}

.header-logo-2020.header-logo-2023 > a:before {
    content: '';
    background-image: url(/themes/default/front/img/logo-ny-2023-back.svg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1;
    transition: .5s;
}

.fixed .header-logo-2020.header-logo-2023 > a:before {
    opacity: 0;
}

.header-logo-2020.header-logo-2023 a img {
    width: 115px;
}

.mobile-header-2020.mobile-header-2023 .mobile_header_top {
    background: var(--moe-blue) url(/themes/default/front/img/mobile_header-2023.svg);
    background-size: auto 90px;
    background-repeat: repeat-x;
}*/

/*End of Лого-2023*/

/*Лого 18 лет*/

.logo-18 {
    width: 117px;
    height: 67px;
    position: relative;
}

.header-logo-2020 a .logo-18 img.logo_18_no {
    width: 117px;
    height: auto;
}

.o-rotate {
    width: 43.72px;
    height: 54px;
    position: absolute;
    top: -7px;
    left: 30px;
    --scale: 1;
    --period: 5s;
    transform-style: preserve-3d;
    animation: spin var(--period) linear infinite;
}

.o-rotate img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 54px;
}

.main-header-2020.fixed .header-logo-2020 .logo-18 {
    width: 67px;
    height: 38.33px;
}

.main-header-2020.fixed .header-logo-2020 .logo-18 img.logo_18_no {
    width: 67px;
    height: auto;
}

.main-header-2020.fixed .o-rotate {
    width: 25px;
    height: 30.9px;
    top: -4px;
    left: 17.16px;
}

.main-header-2020.fixed .o-rotate img {
    height: 30.9px;
}

.mobile-header-2020 .logo_mob.logo_mob_18 > a {
    background-image: none;
    width: 80.68px;
    min-width: 80.68px;
    height: 46.2px;
}

.mobile-header-2020 .logo_mob.logo_mob_18 > a .logo-18 {
    width: 80.68px;
    height: 46.2px;
}

.mobile-header-2020 .logo_mob.logo_mob_18 > a .logo-18 img.logo_18_no {
    width: 80.68px;
    height: auto;
}

.mobile-header-2020 .logo_mob.logo_mob_18 > a .logo-18 .o-rotate {
    width: 30.15px;
    height: 37.24px;
    top: -4.83px;
    left: 20.69px;
}

.mobile-header-2020 .logo_mob.logo_mob_18 > a .logo-18 .o-rotate img {
    height: 37.24px;
}

/*------*/

.o-rotate .o_1 {
    transform: translateZ(calc(var(--thickness) / 2));
    animation: flip-o_1 var(--period) linear infinite;
    opacity: 1;
}

.o-rotate .o_2 {
    transform: translateZ(calc(0px - var(--thickness) / 2)) rotateY(180deg);
    animation: flip-o_2 var(--period) linear infinite;
    opacity: 0;
}

@keyframes spin {
    0% {
        transform: rotateY(0deg) scale(var(--scale));
    }
    37.5% {
        transform: rotateY(0deg) scale(var(--scale));
    }
    50% {
        transform: rotateY(180deg) scale(var(--scale));
    }
    87.5% {
        transform: rotateY(180deg) scale(var(--scale));
    }
    100% {
        transform: rotateY(360deg) scale(var(--scale));
    }
}

@keyframes flip-o_1 {
    0% {
        opacity: 1;
    }
    37.5% {
        opacity: 1;
    }
    43% {
        opacity: 1;
    }
    44% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    87.5% {
        opacity: 0;
    }
    93% {
        opacity: 0;
    }
    94% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes flip-o_2 {
    0% {
        opacity: 0;
    }
    37.5% {
        opacity: 0;
    }
    43% {
        opacity: 0;
    }
    44% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    87.5% {
        opacity: 1;
    }
    93% {
        opacity: 1;
    }
    94% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.projects .main-header-2020.fixed .header-logo-2020 .logo-18,
.projects .main-header-2020.fixed .header-logo-2020 .logo-18 img.logo_18_no {
    /*width: 67px;
    height: 38.33px;*/
    width: auto;
    height: 33px;
}

.projects .main-header-2020.fixed .o-rotate {
    width: 21.52px;
    height: 26.6px;
    top: -3.444px;
    left: 15px;
}

.projects .main-header-2020.fixed .header-logo-2020 a img {
    width: 43.047px;
    height: 26.6px;
}

/*.o-rotate .o_1 {
    background-color: red;
}
.o-rotate .o_2 {
    background-color: blue;
}*/

/*End of Лого 18 лет*/

/*Лого - 80 лет ПОбеда - 2025*/

/*.main-header-80 .header-line-1:before,
.back-80,
.mobile-header-2020.main-header-80 {
    background: linear-gradient(to top, #93C5FF 0%, #578AFD 100%);
}

.logo-80 {
    position: relative;
    height: 100%;
    width: 100%;
}

.back-80,
.logo-80-img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.back-80,
.logo-80 .logo-moe,
.logo-80 .logo-80-m,
.logo-80 .logo-80-title {
    transition: all .2s ease-in-out;
}

.back-80 {
    border-radius: 16px 16px 0 0;
    overflow: hidden;
    left: 0;
    width: 100%;
}

.logo-80 .logo-moe {
    position: absolute;
    width: 110px;
    height: auto;
    top: 21px;
    left: 27.5px;
}

.logo-80 .logo-80-m {
    position: absolute;
    height: 132px;
    width: auto;
    bottom: 0;
    left: 39px;
}

.logo-80 .logo-80-title {
    position: absolute;
    height: auto;
    width: 88px;
    bottom: 20px;
    left: 27.5px;
}

.logo-80 .cloud-1-b {
    position: absolute;
    width: 70px;
    height: 30px;
    transform: translate(0, 0) scale(100%);
    top: 30px;
    left: 60px;
    opacity: 0;
    animation: cloud-b 21s 1 linear;
    animation-delay: .25s;
}

@keyframes cloud-b {
    0% {
        transform: translate(0, 0) scale(100%);
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    100% {
        transform: translate(300%, -300%) scale(200%);
    }
}

@keyframes clouds {
    0% {
        transform: translate(0, 0) scale(100%);
    }
    100% {
        transform: translate(360%, -300%) scale(200%);
    }
}

.logo-80 .cloud-1,
.logo-80 .cloud-1-1,
.logo-80 .cloud-2,
.logo-80 .cloud-3 {
    position: absolute;
    width: 70px;
    height: 30px;
    transform: translate(0, 0) scale(100%);
}

.logo-80 .cloud-1 {
    top: 58px;
    left: -70px;
    animation: clouds 22s infinite linear;
    animation-delay: .25s;
}

.logo-80 .cloud-1-1 {
    top: 62px;
    left: -70px;
    animation: clouds 22s infinite linear;
    animation-delay: 11s;
}

.logo-80 .cloud-2 {
    top: 80px;
    left: -70px;
    animation: clouds 30s infinite linear;
    animation-delay: 1s;
}

.logo-80 .cloud-3 {
    top: 110px;
    left: -70px;
    animation: clouds 37s infinite linear;
    animation-delay: 5s;
}*/

/*fixed*/

/*.fixed .back-80 {
    border-radius: 0 16px 0 0;
    left: -15px;
    width: calc(100% + 15px);
}

.fixed .logo-80-img {
    overflow: hidden;
}

.main-header-80.fixed .logo-80 .logo-moe {
    width: 64px;
    top: 5px;
    left: 0;
}

.main-header-80.fixed .logo-80 .logo-80-m {
    width: auto;
    height: 80px;
    bottom: -11px;
    left: 5px;
}

.main-header-80.fixed .logo-80 .logo-80-title {
    width: 51.2px;
    bottom: 4px;
    left: 0;
}

.main-header-2020.fixed .logo-80 .cloud-1-b {
    position: absolute;
    width: 41px;
    height: 17px;
    transform: translate(0, 0) scale(100%);
    top: 13px;
    left: 50px;
    opacity: 0;
    animation: cloud-b-fix 21s 1 linear;
    animation-delay: .25s;
}

@keyframes cloud-b-fix {
    0% {
        transform: translate(0, 0) scale(100%);
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    100% {
        transform: translate(300%, -300%) scale(200%);
    }
}

@keyframes clouds-fix {
    0% {
        transform: translate(0, 0) scale(50%);
    }
    100% {
        transform: translate(450%, -435%) scale(200%);
    }
}

.main-header-2020.fixed .logo-80 .cloud-1,
.main-header-2020.fixed .logo-80 .cloud-1-1,
.main-header-2020.fixed .logo-80 .cloud-2,
.main-header-2020.fixed .logo-80 .cloud-3 {
    width: 41px;
    height: 17px;
    opacity: 1;
    transform: translate(0, 0) scale(50%);
}

.main-header-2020.fixed .logo-80 .cloud-1 {
    top: 50px;
    left: -1px;
    animation: clouds-fix 22s infinite linear;
    animation-delay: .25s;
}

.main-header-2020.fixed .logo-80 .cloud-1-1 {
    top: 50px;
    left: -1px;
    animation: clouds-fix 22s infinite linear;
    animation-delay: 11s;
}

.main-header-2020.fixed .logo-80 .cloud-2 {
    top: 50px;
    left: 10px;
    animation: clouds-fix 30s infinite linear;
    animation-delay: 1s;
}

.main-header-2020.fixed .logo-80 .cloud-3 {
    top: 50px;
    left: 30px;
    animation: clouds-fix 37s infinite linear;
    animation-delay: 5s;
}

.main-header-80 .header-logo-2020 .select-city .dropdown-menu {
    background: linear-gradient(to top, #93C5FF 69%, #578AFD 100%);
}*/

/*mobile*/

/*.mobile-header-2020.main-header-80 .header_gradient {
    background: linear-gradient(to top, #93C5FF 0%, #578AFD 100%);
    mask-image: linear-gradient(to left, rgba(0, 0, 0, 1) 84%, rgba(0, 0, 0, 0) 100%);
}

.mobile-header-2020 .mobile_header_top.logo-80 {
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 3%, rgba(0, 0, 0, 1) 100%);
}

.mobile-header-2020.main-header-80 .back-80 {
    border-radius: 0;
}

.mobile-header-2020.main-header-80 .back-80:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 56px;
    height: 40px;
    opacity: .8;
    background: linear-gradient(to bottom, rgba(87, 138, 253, 0) 0%, #578AFD 100%);
    mask-image: linear-gradient(to left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.mobile-header-2020.main-header-80 .logo_mob > a {
    background-image: none;
    width: 81px;
    min-width: 81px;
    height: 100%;
    margin-top: 0;
    z-index: 0;
}

.mobile-header-2020.main-header-80 .logo-80-img {
    overflow: hidden;
}

.mobile-header-2020.main-header-80 .logo-80 .logo-80-m,
.mobile-header-2020.main-header-80 .logo-80 .logo-moe,
.mobile-header-2020.main-header-80 .logo-80 .logo-80-title {
    transition: all .5s ease-in-out;
}

.mobile-header-2020.main-header-80 .logo-80 .logo-80-m {
    position: absolute;
    height: 94px;
    width: auto;
    bottom: 0;
    left: 9px;
}

.mobile-header-2020.main-header-80 .logo-80 .logo-moe {
    position: absolute;
    width: 81px;
    height: auto;
    top: 23.5px;
    left: 0;
}

.mobile-header-2020.main-header-80 .logo-80 .logo-80-title {
    position: absolute;
    height: auto;
    width: 64.5px;
    bottom: 14px;
    left: 0;
}

.mobile-header-2020.main-header-80.is-hidden-up .logo-80 .logo-80-m {
    bottom: -11px;
}

.mobile-header-2020.main-header-80.is-hidden-up .logo-80 .logo-moe {
    top: 7px;
}

.mobile-header-2020.main-header-80.is-hidden-up .logo-80 .logo-80-title {
    bottom: 3px;
}

@keyframes clouds-mobile {
    0% {
        transform: translate(0, 0) scale(100%);
    }
    100% {
        transform: translate(600%, -520%) scale(200%);
    }
}

.mobile-header-2020.main-header-80 .logo-80 .cloud-1 {
    animation: clouds-mobile 54s infinite linear;
}

.mobile-header-2020.main-header-80 .logo-80 .cloud-1-1 {
    animation: clouds-mobile 54s infinite linear;
}

.mobile-header-2020.main-header-80 .logo-80 .cloud-2 {
    animation: clouds-mobile 62s infinite linear;
}

.mobile-header-2020.main-header-80 .logo-80 .cloud-3 {
    animation: clouds-mobile 74s infinite linear;
}*/

/*Спецпроекты*/

/*.projects .main-header-80 .header-line-1-back {
    background: linear-gradient(to top, #93C5FF 0%, #578AFD 100%);
}

.projects .fixed .back-80 {
    border-radius: 0;
    left: -15px;
    width: calc(100% + 15px + 30px);
    margin-right: -30px;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 84%, rgba(0, 0, 0, 0) 100%);
}

.projects .main-header-80.fixed .logo-80 .logo-moe {
    width: 50px;
    top: 5px;
    left: 0;
}

.projects .main-header-80.fixed .logo-80 .logo-80-m {
    width: auto;
    height: 58px;
    bottom: -6px;
    left: 5px;
}

.projects .main-header-80.fixed .logo-80 .logo-80-title {
    width: 40px;
    bottom: 2px;
    left: 0;
}

.projects .main-header-2020.fixed .logo-80 .cloud-1-b,
.projects .main-header-2020.fixed .logo-80 .cloud-1,
.projects .main-header-2020.fixed .logo-80 .cloud-1-1,
.projects .main-header-2020.fixed .logo-80 .cloud-2,
.projects .main-header-2020.fixed .logo-80 .cloud-3 {
    width: 25px;
    height: 10px;
    opacity: 0;
}

.projects .main-header-2020.fixed .logo-80 .cloud-1-b {
    top: 10px;
    left: 10px;
    opacity: 0;
    animation: cloud-b-fix-p 12s 1 linear;
    animation-delay: .25s;
}

@keyframes cloud-b-fix-p {
    0% {
        transform: translate(0, 0) scale(100%);
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    100% {
        transform: translate(200%, -200%) scale(200%);
    }
}

@keyframes clouds-fix-p {
    0% {
        opacity: 0;
        transform: translate(0, 0) scale(50%);
    }
    10% {
        opacity: 1;
    }
    80% {opacity: 1;}
    95% {opacity: 0;}
    100% {
        opacity: 0;
        transform: translate(700%, -430%) scale(200%);
    }
}

.projects .main-header-2020.fixed .logo-80 .cloud-1 {
    top: 30px;
    left: -1px;
    animation: clouds-fix-p 24s infinite linear;
    animation-delay: .25s;
}

.projects .main-header-2020.fixed .logo-80 .cloud-1-1 {
    top: 30px;
    left: -1px;
    animation: clouds-fix-p 24s infinite linear;
    animation-delay: 11s;
}

.projects .main-header-2020.fixed .logo-80 .cloud-2 {
    top: 30px;
    left: 5px;
    animation: clouds-fix-p 30s infinite linear;
    animation-delay: 1s;
}

.projects .main-header-2020.fixed .logo-80 .cloud-3 {
    top: 30px;
    left: 10px;
    animation: clouds-fix-p 36s infinite linear;
    animation-delay: 3s;
}*/

/*End of Лого - 80 лет ПОбеда - 2025*/

.comment *,
.comments-sort,
.comment-form-block,
.comments-block-header .dropdown-menu li,
.comments-settings-btn,
.comments-container .dropdown-menu li,
.comments-settings .dropdown-menu ul span,
.edit-comment-mode .comment-form-block .comment-form-footer input[type=button].cancel-edit {
    font-family: 'Open Sans', sans-serif;
    color: #1e2c34;
    line-height: 1.4;
}

.comment-text p,
.ck.ck-content.ck-editor__editable_inline p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden;
}

.comment .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.comment-header,
.comment-footer,
.comment-footer-row,
.do-like-button-count,
.dropdown-user-header .dropdown-user-header-info a {
    font-size: 13px;
}

.comments-container .comments-settings .dropdown-menu li {
    color: #1e2c34;
}

.comments-settings-btn span,
.comments-block a,
.comment-form-block a,
.comments-settings-btn:hover i,
.comments-container .comments-settings .dropdown-menu li:hover,
.comments-container .comments-settings .dropdown-menu li:focus,
.comments-sort .btn,
.comment-header-info-row .user-name:hover,
.comment-footer-row.all-answers,
.comment-form-block .comment-header .links,
.comments-container .dropdown-menu li,
.dropdown-user-header .dropdown-user-header-info a,
.comment-form-block .dropdown-menu > li > a,
.comment-answer:hover,
.how_write b,
.edit-comment-mode .comment-form-block .comment-form-footer input[type=button].cancel-edit {
    color: #2383d7;
}

/*.comments-settings-btn:focus,*/
.comments-container .dropdown-menu li:hover,
    /*.comments-container .dropdown-menu li:focus,*/
.comments-block-header .btn:hover,
    /*.comments-block-header .btn:focus,*/
.comments-block-header .dropdown-menu li.sort-selected:hover,
    /*.comments-block-header .dropdown-menu li.sort-selected:focus,*/
    /*.comment-answer:focus,*/
.comment-footer-row.all-answers:hover,
    /*.comment-footer-row.all-answers:focus,*/
.comment-form-block .comment-header .links a:hover,
    /*.comment-form-block .comment-header .links a:focus,*/
.comment-form-block .comment-header .links a *:hover,
    /*.comment-form-block .comment-header .links a *:focus,*/
.dropdown-user-header .dropdown-user-header-info a:hover,
    /*.dropdown-user-header .dropdown-user-header-info a:focus,*/
    /*.comment-form-block .dropdown-menu > li > a:focus,*/
.comment-form-block .dropdown-menu > li > a:hover {
    text-decoration: underline;
    /*color: #2383d7;*/
}

.comment-header-info-row .answered i,
.comment-header-info-row .answered,
.comments-settings-btn i,
    /*.comments-settings-btn:focus i,*/
.comment-header-info-row .user-name-root,
.comments-block-header .dropdown-menu li.sort-selected,
.comment-edit-time span,
.count-megaphone,
.comment-header-info .date,
.do-like-button-count,
.do-like-button i,
.comment-answer,
.comment-otvet .comment-header-answered .user-name-root {
    color: #6a8797;
}

.comments-container .dropdown-menu li.claim_user {
    color: #d72323;
}

.adv-in-comments {
    background-color: #e3eaef;
    margin-bottom: 30px;
    margin-top: 20px;
}

.companys-answer {
    background: #d5f8dc;
    border-radius: 16px;
    padding: 15px;
    margin: 30px auto;
}

.comments-sort .btn,
.comments-container .dropdown-menu li {
    font-size: 13px;
    line-height: 2;
}

.comments-settings .dropdown-menu ul span {
    font-weight: 700;
    margin-bottom: 5px;
    display: inline-block;
}

.comments-container {
    margin-top: 30px;
}

.comments-block-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 20px 0;
}

.comments-block-name {
    font-size: 24px;
}

.comments-block-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}

.comments-container button {
    outline: none !important;
}

.comments-settings-btn,
.comments-sort .btn {
    height: 30px;
    padding: 0;
    cursor: pointer;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

.comments-settings-btn i {
    font-size: 22px;
    line-height: 1;
}

.comments-settings-btn span {
    margin-left: 8px;
    font-size: 13px;
}

.comments-container .comments-settings .dropdown-menu {
    position: absolute;
    left: auto;
    right: 0;
    margin: 5px 0 0;
}

.comments-settings .dropdown-menu > div {
    display: -ms-flexbox;
    display: flex;
    /*-ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
}

.comments-settings .dropdown-menu > div ul:first-child {
    margin-right: 30px;
}

@media (max-width: 400px) {
    .comments-settings .dropdown-menu > div {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .comments-settings .dropdown-menu > div ul:first-child {
        margin-right: 0;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #91a8c1;
    }
}

.comments-settings .dropdown-menu input[type=radio] {
    display: none;
}

.comments-settings .dropdown-menu label {
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    padding-left: 24px;
    margin: 0;
    display: inline-block;
    width: 100%;
}

.comments-settings .dropdown-menu label:before {
    content: '';
    width: 14px;
    height: 14px;
    background-color: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #91a8c1;
    position: absolute;
    top: 3px;
    left: 0;
}

.comments-settings .dropdown-menu input[type=radio]:checked + label:before {
    background-color: #6a8797;
    border: 3px solid #e3eaef;
}

.comments-container .dropdown-menu {
    /*position: absolute;
    top: 33px;
    left: 82px;*/
    z-index: 1000;
    width: auto;
    min-width: auto;
    padding: 8px 45px 8px 15px;
    margin: -1px 0 0;
    text-align: left;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #b6c4cb;
    box-shadow: 0 6px 12px rgba(47, 67, 78, .25);
}

.comments-container .comment-footer-row .dropdown-menu {
    margin-top: -7px;
    margin-left: -15px;
}

.comments-container .dropdown-menu li {
    white-space: nowrap;
    cursor: pointer;
}

.comments-container .btn.close,
.comments-container .comment-form-block.comment-otvet .dropdown-menu .btn.close {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    border-radius: 4px;
    background: none;
    box-shadow: none;
    opacity: 1 !important;
}

.comments-container .btn.close .svg-icon {
    width: 10px;
    height: 10px;
    fill: #b6c4cb;
}

.comments-container .btn.close:hover .svg-icon,
.comments-container .btn.close:focus .svg-icon {
    fill: #6a8797;
}

.comments-container .comment-form-block.comment-otvet .btn.close {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    height: 18px;
    width: 18px;
    display: inline-block;
    float: none;
    font-size: 13px;
}

.comment-otvet .links a .btn.close .svg-icon {
    fill: #2383d7;
}

.comments-block .all_button_top {
    margin: 0 0 20px !important;
}

.comment {
    margin-top: 30px;
}

.comments-out .comment:first-child {
    margin-top: 0;
}

.comment-deleted {
    background-color: #e3eaef;
    border-radius: 4px;
    padding: 15px;
    /*margin-bottom: 20px;*/
    width: 100%;
}

.comment-child {
    padding-left: 45px;
    margin-top: 20px;
}

/*.comment-body,*/
.comment-footer {
    margin-top: 10px;
    position: relative;
}

.comment-root,
.comment-root > div {
    width: 100%;
}

.comment-root,
.comment-root > div,
.comment-child,
.comment-child > div {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
}

/*.comment-root,
.comment-child {
    outline: 1px solid #ff2f55;
}

.comment-main-box {
    outline: 1px solid #008cff;
}*/

.comment-root .comment-main-box {
    width: 100%;
}

.comments-settings-btn,
.comment-header,
.comment-header-info-row,
.megaphones,
.count-megaphone,
.comment-footer-row,
.comment-footer-row .do-like span,
.comment-footer-row .like-active span,
.dropdown-user-header,
.comment-form-block .comment-header > div:first-child,
.comment-otvet .comment-header-info,
.comment-otvet .comment-header-answered,
.comment-footer-row .do-like,
.comment-footer-row .like-active {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
}

.comment-root .user-photo,
.comment-form-block .user-photo,
.dropdown-user-header .user-photo,
.comment-child .dropdown-user-header .user-photo,
.companys-answer .user-photo {
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    max-width: 50px;
    min-width: 50px;
    height: 50px;
    margin-right: 10px;
}

.comment-child .user-photo {
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
    max-width: 35px;
    height: 35px;
    margin-right: 10px;
}

.comment .user-photo a {
    width: 100%;
    height: 100%;
}

.comment .user-photo a,
.dropdown-user-header .user-photo,
.comment-form-block .user-photo {
    display: block;
    border-radius: 50%;
    border: 1px solid #b6c4cb;
    background-color: #e3eaef;
    overflow: hidden;
    margin-right: 10px;
    transition: outline .05s, border-color .05s;
}

.comment .user-photo .dropdown-toggle:hover,
.companys-answer .user-photo a:hover {
    border: 1px solid rgba(35, 131, 215, 0.5);
    outline: 2px solid rgba(35, 131, 215, 0.5);
}

.companys-answer .user-photo,
.companys-answer .comment-header .user-name {
    pointer-events: none;
}

.comment .user-photo a img,
.dropdown-user-header .user-photo img,
.comment-form-block .user-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.comment-main-box {
    min-width: 200px;
    width: 100%;
}

.comment-header {
    height: 50px;
}

.companys-answer .comment-header {
    margin-bottom: 15px;
}

.comment-child .comment-header {
    height: 35px;
}

.comment-header-info {
    flex-grow: 1;
}

.comment-header-info-row {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.comment-header-info-row > div {
    white-space: nowrap;
}

.comment-header-info-row .user-name,
.comment-header-info-row .user-name-root {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 135px;
    float: left;
}

.comment-header-info-row .user-name {
    margin-right: 7px;
    font-weight: 700;
}

.comment-header-info-row .answered {
    /*font-size: 13px;*/
    float: left;
    /*padding-top: 2px;*/
}

.answered-symbol {
    width: 20px;
    height: 19px;
    margin-right: 5px;
    display: inline;
}

/*.answered-word {
    display: inline;
}*/

/*.comment-header-info-row .user-name,
.comment-header-info-row .answered,
.comment-header-info-row .user-name-root {
    font-size: 14px;
    line-height: 11px;
}*/

.comment-header-info-row .user-name,
.comment-otvet .comment-header-info-row .user-name {
    color: #000;
}

/*.comment-header-info-row .user-name:hover,
.comment-header-info-row .user-name-root:hover {
    text-decoration: underline;
}*/

.comment-header-info .user_status {
    float: left;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 9px;
    padding: 0 4px;
    margin-top: 1px;
    margin-right: 7px;
    line-height: 16px;
    letter-spacing: .05em;
    /* font-weight: 300; */
    background-color: #4abc63;
    color: #fff;
}

.comment-header-info .date {
    white-space: nowrap;
    /*font-size: 13px;*/
}

.comment-text {
    border-radius: 2px;
}

.comment-text.answered {
    background-color: rgba(255, 188, 0, .23);
    outline: 3px solid rgba(255, 188, 0, .23);
}

.container-pobeda .comment-text.answered {
    background-color: rgba(255, 114, 114, 0.23);
    outline: 3px solid rgba(255, 114, 114, 0.23);
}

.comment-text p,
.companys-answer p {
    margin-top: 10px;
}

.comment-text p:first-of-type,
.companys-answer p:first-of-type {
    margin-top: 0;
}

/*.comment-text p a {
    margin-left: 5px;
}

.comment-text p br + a {
    margin-left: 0;
}*/

.comment-text blockquote p strong,
.comment-text blockquote p b,
.ck.ck-content.ck-editor__editable_inline blockquote p strong,
.ck.ck-content.ck-editor__editable_inline blockquote p b {
    font-style: italic;
}

.comment-text blockquote,
.ck.ck-content.ck-editor__editable_inline blockquote {
    position: relative;
    border-radius: 4px;
    padding: 8px 8px 8px 30px;
    margin: 15px 0;
    font-size: inherit;
    word-wrap: break-word;
    font-style: italic;
    overflow: hidden;
    background-color: rgba(161, 184, 201, .3);
    border-left: none;
}

.comment-text blockquote:empty {
    display: none;
}

.comment-text blockquote:after,
.ck.ck-content.ck-editor__editable_inline blockquote:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 18px;
    background-color: #91a8c1;
}

.comment-text blockquote:before,
.ck.ck-content.ck-editor__editable_inline blockquote:before {
    content: '\f100';
    position: absolute;
    top: 8px;
    left: 3px;
    z-index: 1;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    color: #fff;
}

.comment .popup-gallery-comment {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: transparent;
    border: none;
    width: calc(100% + 10px);
    padding: 0;
    margin: 10px 0 0 -5px;
}

.comment .popup-gallery-comment:empty {
    display: none;
}

/*.comment .popup-gallery-comment .col-varial {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 640px;
    min-width: 230px;
    width: 100%;
    padding: 5px;
    position: relative;
}*/

.comment .popup-gallery-comment .col-varial {
    width: 20%;
    min-width: 116px;
    float: left;
    position: relative;
    min-height: 1px;
    padding: 0;
}

@media (max-width: 767px) {
    .comment .popup-gallery-comment .col-varial {
        width: 25%;
        min-width: 107px;
    }
}

@media (max-width: 575px) {
    .comment .popup-gallery-comment .col-varial {
        width: 33.3333%;
        min-width: 104px;
    }
}

@media (max-width: 399px) {
    .comment .popup-gallery-comment .col-varial {
        width: 50%;
        min-width: 116px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .left_nn .comment .popup-gallery-comment .col-varial {
        width: 33.3333%;
        min-width: 96px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .left_nn .comment .popup-gallery-comment .col-varial {
        width: 20%;
        min-width: 99px;
    }
}

/*.comment-child .comment .popup-gallery-comment .col-varial {
    min-width: 111px;
}*/

.comment .popup-gallery-comment .col-varial:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.comment .popup-gallery-comment .col-varial > a,
.comment .popup-gallery-comment .box_in_com {
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
}

.comment .popup-gallery-comment .box_in_com {
    background-color: rgba(29, 79, 114, .12);
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.comment .popup-gallery-comment .box_in_com img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .05s ease;
}

/*Одно фото*/

.comment .popup-gallery-comment.one-image {
    margin-top: 15px;
}

.comment .popup-gallery-comment.one-image .col-varial {
    width: auto;
}

.comment .popup-gallery-comment.one-image .col-varial:before {
    display: none;
}

.comment .popup-gallery-comment.one-image .col-varial > a,
.comment .popup-gallery-comment.one-image .box_in_com {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.comment .popup-gallery-comment.one-image .box_in_com {
    background-color: rgba(29, 79, 114, .12);
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    max-width: 450px;
    max-height: 450px;
    width: auto;
    height: auto;
}

.comment .popup-gallery-comment.one-image .box_in_com img {
    position: relative;
}

.comment .popup-gallery-comment.one-image .box_in_com img.img-g {
    width: 450px;
}

.comment .popup-gallery-comment.one-image .box_in_com img.img-v {
    height: 450px;
}

/*End of Одно фото*/

.comment .popup-gallery-comment .box_in_com:hover img {
    transform: none;
}

.comment .popup-gallery-comment .box_in_com:active img {
    opacity: 0.75;
    transition: all .1s ease;
}

.comment-footer-row {
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.comment-footer-row > div:first-child {
    -ms-flex-order: 3;
    order: 3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.comment-footer-row .comment-answer {
    -ms-flex-order: 1;
    order: 1;
    margin: 0 20px 0 0;
}

.comment-footer-row .dropdown {
    -ms-flex-order: 2;
    order: 2;
}

.comment-footer-row .do-like,
.comment-footer-row .like-active {
    line-height: normal;
    cursor: default;
    float: none;
    margin-left: 1px;
    z-index: 1;
}

.comment-guest .dropdown.user-photo,
.comment-guest .comment-header-info-row .user-name {
    pointer-events: none;
}

.comment-guest .comment-footer-row .do-like,
.comment-guest .comment-footer-row .like-active,
.comments-container .comment-guest .dropdown-menu li.claim_guest {
    pointer-events: none;
    opacity: .3;
}

.comment-footer-row .do-like-button {
    margin: 0;
    line-height: 40px;
    cursor: pointer;
}

.comment-footer-row .do-like-button i {
    position: relative;
    font-size: 20px;
    line-height: 30px;
    display: block;
    width: 18px;
    height: 18px;
}

/*.comment-footer-row .do-like .do-like-button i:before {
    content: "\f087";
}

.comment-footer-row .like-active .do-like-button i:before {
    content: "\f164";
}*/

.comment-footer-row .do-like .do-like-button i:before,
.comment-footer-row .like-active .do-like-button i:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 1;
}

.comment-footer-row .do-like .do-like-button i:before {
    background: url(/themes/default/front/img/like-contur.svg) no-repeat center;
    background-size: contain;
}

.comment-footer-row .do-like .do-like-button i:hover:before {
    background: url(/themes/default/front/img/like-contur-green.svg) no-repeat center;
    background-size: contain;
}

.comment-footer-row .like-active .do-like-button i:before {
    background: url(/themes/default/front/img/like-green.svg) no-repeat center;
    background-size: contain;
}

/*---------------------*/

.comment-footer-row .do-like.like-ghost .do-like-button i:after,
.comment-footer-row .like-active.like-ghost .do-like-button i:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
}

.comment-footer-row .do-like.like-ghost .do-like-button i:after {
    background: url(/themes/default/front/img/like-contur-green.svg) no-repeat center;
    background-size: contain;
    top: -3px;
    animation: like-ghost-animation-add .5s 1;
    animation-fill-mode: forwards;
}

.comment-footer-row .like-active.like-ghost .do-like-button i:after {
    background: url(/themes/default/front/img/like-green.svg) no-repeat center;
    background-size: contain;
    top: -3px;
    animation: like-ghost-animation-clear .5s 1;
    animation-fill-mode: forwards;
}

@keyframes like-ghost-animation-add {
    from {
        transform: translateY(-300%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: .7;
    }
}

@keyframes like-ghost-animation-clear {
    from {
        transform: translateY(0);
        opacity: .7;
    }
    to {
        transform: translateY(-300%);
        opacity: 0;
    }
}

/*---------------------*/

.comment-footer-row .do-like-button-count {
    margin-left: 5px;
    font-weight: 700;
}

/*.comment-footer-row .do-like-button-count {
    opacity: 0;
    width: 0;
    animation: item-animation 2s 1;
    animation-fill-mode: forwards;
    animation-delay: .5s;
}

@keyframes item-animation {
    from {
        opacity: 0;
        width: 0;
    }
    to {
        opacity: 1;
        width: auto;
    }
}*/

.comment-footer-row .like-active .do-like-button,
.comment-footer-row .like-active .do-like-button i,
.comment-footer-row .like-active .do-like-button-count,
.comment-footer-row .do-like-button:hover,
.comment-footer-row .do-like-button:focus,
.comment-footer-row .do-like-button:active,
.comment-footer-row .do-like-button:hover i,
.comment-footer-row .do-like-button:focus i,
.comment-footer-row .do-like-button:active i {
    color: #4bb467;
}

.comment-answer {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-color: transparent;
    background-image: none;
    border: none;
    padding: 0 2px;
    margin: 0 20px 0 16px;
    line-height: 30px;
    user-select: none;
}

.comment-popup-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    padding: 0;
    cursor: pointer;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

.dropdown-toggle.comments-settings-btn:after,
.comment-popup-btn:after {
    display: none !important;
}

.comment-popup-btn .dot {
    display: block;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    margin: 2px;
    transition: .05s ease-in-out;
    background-color: #6a8797;
}

.comment-popup-btn:hover .dot,
.comment-popup-btn:focus .dot {
    background-color: #2383d7;
}

.comment-popup-panel {
    display: none;
    position: absolute;
    right: 0;
    bottom: 30px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, .3);
    padding: 20px 5px 5px;
}

.comment-popup-panel .close {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
}

.comment-popup-panel .claim_user {
    cursor: pointer;
}

.comment-footer-row.all-answers {
    line-height: 24px;
    margin-top: 10px;
    margin-left: 105px;
    cursor: pointer;
    display: inline-block;
    user-select: none;
    width: auto;
}

.comments-container .dropdown-menu.dropdown-user {
    min-width: 293px;
    max-width: 360px;
    /*padding: 15px 30px 15px 15px;*/
    padding: 10px 30px 15px 10px;
    margin: -61px 0 0 -11px;
    user-select: none;
}

.comments-container .comment-child .dropdown-menu.dropdown-user {
    margin: -46px 0 0 -11px;
}

.dropdown-user-header {
    position: relative;
}

.comments-block .dropdown-user .dropdown-user-header .user-photo {
    position: relative;
    top: auto;
    left: auto;
    transition: all .3s;
}

.dropdown-user-header-info {
    width: calc(100% - 60px);
}

.comments-block .dropdown-user .dropdown-user-header .user-name {
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-user-header .dropdown-user-header-info a {
    border: none;
    border-radius: 0;
    overflow: unset;
    margin: 0;
    width: auto;
    height: auto;
    line-height: 20px;
    white-space: nowrap;
}

.dropdown-user-about {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 15px 0 0 60px;
}

.dropdown-user-about-title {
    font-weight: 700;
    font-size: 15px;
}

.dropdown-user .megaphones {
    margin-top: 5px;
}

.dropdown-user .count-megaphone span {
    margin-right: 10px;
    font-size: 15px;
    line-height: 22px;
    color: #1e2c34;
}

.dropdown-user .count-megaphone img {
    width: 22px;
    height: 22px;
    top: 1px;
    position: relative;
    margin-right: 5px;
}

.dropdown-user-about-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.age-on-site {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background-color: #4abc63;
}

.user-star {
    fill: #fbaf43;
    stroke: #fff;
    stroke-width: 8px;
    stroke-linejoin: round;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 2px;
    left: -5px;
    z-index: 1;
}

.comment-child .dropdown > .user-star {
    top: 0;
    left: -7px;
}

.comment-child .dropdown > .user-star {
    top: 0;
    left: -7px;
}

.dropdown-user-header .user-star {
    top: 2px;
    left: -5px;
}

/*Анимация dropdown*/

.comments-container .comments-settings .dropdown-menu,
.comment-form-block .dropdown-menu,
.comment-form-block .guest-user .links + .dropdown .dropdown-menu {
    transform: scale(0);
    transform-origin: right top;
}

.comment-form-block .guest-user .dropdown-menu {
    transform: scale(0);
    transform-origin: left top;
}

.comments-container .dropdown-menu.dropdown-user {
    transform: scale(0);
    transform-origin: 40px 40px;
}

.comments-container .comment-footer-row .dropdown-menu {
    transform: scale(0);
    transform-origin: left top;
}

.comments-container .comments-settings .dropdown.open .dropdown-menu,
.comments-container .dropdown.open .dropdown-menu.dropdown-user,
.comments-container .comment-footer-row .dropdown.open .dropdown-menu,
.comment-form-block .dropdown.open .dropdown-menu {
    animation: dropdown-menu-animation .2s 1;
    animation-fill-mode: forwards;
}

@keyframes dropdown-menu-animation {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.container-pobeda .comments-container .dropdown-menu {
    top: auto !important;
    left: auto !important;
}

.container-pobeda .comments-container .comments-settings .dropdown.show .dropdown-menu.show,
.container-pobeda .comments-container .dropdown.show .dropdown-menu.dropdown-user.show,
.container-pobeda .comments-container .comment-footer-row .dropdown.show .dropdown-menu.show,
.container-pobeda .comment-form-block .dropdown.show .dropdown-menu.show {
    transform: translate3d(0, 0, 0) scale(1) !important;
}


/*.comments-block .comment-root .dropdown.open .dropdown-user .dropdown-user-header .user-photo,
.comment-root .dropdown-user-header .user-star {
    transform: translate(-5px, -5px);
    animation: item-animation-root .3s 1;
    animation-fill-mode: forwards;
}

@keyframes item-animation-root {
    from {
        transform: translate(-5px, -5px);
    }
    to {
        transform: translate(0, 0);
    }
}

.comments-block .comment-child .dropdown-user .dropdown-user-header .user-photo {
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
    max-width: 35px;
    height: 35px;
    transform: translate(-5px, -10px);
    animation: item-animation-child .3s 1;
    animation-fill-mode: forwards;
}

@keyframes item-animation-child {
    from {
        transform: translate(-5px, -10px);
        -ms-flex: 0 0 35px;
        flex: 0 0 35px;
        max-width: 35px;
        height: 35px;
    }
    to {
        transform: translate(0, 0);
        -ms-flex: 0 0 50px;
        flex: 0 0 50px;
        max-width: 50px;
        height: 50px;
    }
}

.comment-child .dropdown-user-header .user-star {
    transform: translate(-7px, -7px);
    animation: star-animation-root .3s 1;
    animation-fill-mode: forwards;
}

@keyframes star-animation-root {
    from {
        transform: translate(-7px, -7px);
    }
    to {
        transform: translate(0, 0);
    }
}*/

/*End of Анимация dropdown*/

/*Форма комментария*/

.comment-form-title {
    margin-top: 30px;
}

.comments-block .comment .comment-otvet {
    margin-top: 10px;
    margin-bottom: 20px;
}

.com-style-2.comments-block .comment .comment-otvet {
    margin-top: 20px;
}

.comment-form-block {
    margin-top: 20px;
}

.comment-form-block .comment-header {
    margin-bottom: 10px;
}

.comment-form-block .comment-header > div:first-child {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.comment-form-block .comment-header-info-row > .comment-header-info-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 22px;
}

.comment-otvet .comment-header-info {
    width: calc(100% - 60px);
    overflow: hidden;
}

.comment-otvet .guest-user .comment-header-info {
    overflow: unset;
}

.comment-otvet .comment-header-info-row,
.comment-otvet .comment-header-answered {
    max-width: calc((100vw - 30px - 85px) / 2);
}

.comment-otvet .comment-header-answered .user-name-root {
    white-space: nowrap;
    max-width: calc(100% - 25px);
}

.comment-header-info-row .hat-count,
.comment-form-block .comment-header .annotation {
    font-size: 13px;
    display: -ms-flexbox;
    display: flex;
}

.comment-header-info-row .comment-header-info-block .hat-count span {
    white-space: nowrap;
    display: inline-block;
}

.comment-header-info-row .comment-header-info-block .hat-count-text {
    margin-right: 5px;
}

.comment-header-info-row .comment-header-info-block .hat-count span:last-child {
    text-decoration: underline;
    cursor: pointer;
}

.comment-form-block .comment-header .annotation-text {
    font-size: 13px;
    line-height: 1.25;
    white-space: normal;
}

.comment-form-block .comment-header > .annotation-text {
    width: calc(100% - 320px);
    padding: 0 30px;
}

.comment-form-block.comment-otvet .comment-header > .annotation-text {
    padding: 0 10px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .left_nn .comment-form-block .comment-header > .annotation-text {
        width: calc(100% - 90px);
        padding: 0 20px;
    }
}

.danger-text {
    color: #ff2020;
    font-weight: 700;
}

.comment-form-block .comment-popup-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    width: 32px;
    padding: 0;
    cursor: pointer;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

.comment-form-block .dropdown-annotation .comment-popup-btn {
    width: auto;
    -ms-flex-direction: row;
    flex-direction: row;
}

.comment-form-block .dropdown-annotation .comment-popup-btn span {
    font-size: 13px;
    margin-right: 7px;
}

.comment-form-block .dropdown-annotation .comment-popup-btn i {
    margin-top: 1px;
}

.comment-form-block .comment-header .annotation,
.comment-form-block .dropdown-annotation .comment-popup-btn,
.comment-form-block .dropdown-annotation .comment-popup-btn span,
.comment-form-block .dropdown-annotation .comment-popup-btn i {
    color: #6a8797;
}

.comment-form-block .dropdown-menu {
    left: auto;
    right: 0;
}

.comment-form-block .dropdown-annotation .dropdown-menu {
    left: 0;
    right: auto;
    width: calc(100vw - 90px);
    max-width: 360px;
}

.comment-form-block .dropdown-menu > li > a {
    padding: 0;
    font-size: 13px;
    line-height: 26px;
    text-align: left;
    background-color: transparent;
}

.for-phone .comments-sort .btn,
.for-phone .comments-container .dropdown-menu li,
.for-phone .comment-form-block .dropdown-menu > li > a {
    line-height: 30px;
}

.comment-form-block .dropdown-menu > li > a.how_write {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    white-space: nowrap;
}

.comment-form-block .comment-header .dropdown,
.comment-form-block .comment-header .dropdown-annotation {
    display: none;
}

.comment-form-block .comment-header .links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: right;
    font-size: 13px;
    line-height: 22px;
    margin-left: 20px;
}

.comment-form-block .comment-header .links a {
    line-height: 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
}

.comment-form-block .comment-header.guest-user .links a {
    min-height: 25px;
    line-height: 1.2;
}

.comment-form-block .comment-header .links .how_write {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    white-space: nowrap;
}

.comment-form-block .comment-header .links .how_write b {
    line-height: 25px;
}

.comment-form-body {
    position: relative;
}

.comment-form-block .ck.ck-toolbar {
    border: 1px solid #b6c4cb !important;
    border-bottom: none !important;
    border-radius: 16px 16px 0 0 !important;
    background-color: #e3eaef !important;
    padding: 0 10px;
    height: 50px;
}

.ck.ck-button:not(.ck-disabled):hover,
a.ck.ck-button:not(.ck-disabled):hover,
.ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover),
.ck.ck-splitbutton:hover > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover),
.ck.ck-button.ck-on, a.ck.ck-button.ck-on {
    background: rgba(0, 0, 0, .09) !important;
}

.ck.ck-button:not(.ck-disabled):active,
a.ck.ck-button:not(.ck-disabled):active,
.ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:active),
.ck.ck-splitbutton:active > .ck-button:not(.ck-on):not(.ck-disabled):not(:active),
.ck.ck-button.ck-on, a.ck.ck-button.ck-on {
    background: rgba(0, 0, 0, .15) !important;
    border: none !important;
}

.comment-form-block .ck.ck-editor__main > .ck-editor__editable.ck-focused,
.comment-form-block .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
    box-shadow: none;
    border-color: #b6c4cb !important;
    border-top: none !important;
    border-bottom: none !important;
    padding: 10px !important;
    min-height: 72px;
}

/*.comment-form-block .ck.ck-editor__main > .ck-editor__editable.ck-focused {
    box-shadow: inset 0 0 0 2px rgba(35, 131, 215, 0.5) !important;
    background-color: #fff;
}*/

.comment-form-block .ck.ck-button {
    border-radius: 4px !important;
    box-shadow: none !important;
}

.comment-form-block .ck.ck-icon {
    color: #000 !important;
}

/*Для отладки дизайна*/
/*.comment-form-block.normal_theme .comment-header.anonim-user,
.comment-form-block.normal_theme .comment-header.guest-user,
.comment-form-block.anonim_theme .comment-header.normal-user,
.comment-form-block.anonim_theme .comment-header.guest-user,
.comment-form-block.guest .comment-header.normal-user,
.comment-form-block.guest .comment-header.anonim-user {
    display: none;
}

.comment-form-block.normal_theme .comment-header.normal-user,
.comment-form-block.anonim_theme .comment-header.anonim-user,
.comment-form-block.guest .comment-header.guest-user {
    display: flex;
}*/

/*End of Для отладки дизайна*/

.comment-form-block.anonim_theme .ck.ck-toolbar {
    border: 1px solid #6a8797 !important;
    background-color: #6a8797 !important;
}

.comment-form-block.anonim_theme .ck.ck-editor__main > .ck-editor__editable.ck-focused,
.comment-form-block.anonim_theme .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
    border-color: #6a8797 !important;
}

.comment-form-block.anonim_theme .comment-form-footer {
    border-color: #6a8797 !important;
}

.comment-form-block.anonim_theme .ck.ck-icon {
    color: #fff !important;
}

.comment-form-block .ck.ck-content.ck-editor__editable_inline p {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.4;
}

.comment-form-block .ck.ck-content.ck-editor__editable_inline p span {
    background-color: transparent !important;
    color: inherit !important;
}

.comment-form-block .ck.ck-content.ck-editor__editable_inline p:first-child {
    margin-top: 0;
}

.comment-form-block .ck.ck-content.ck-editor__editable_inline p:last-child {
    margin-bottom: 0;
}

.comment-form-block .comment-form-footer {
    position: relative;
    border: 1px solid #b6c4cb !important;
    border-top: none !important;
    border-radius: 0 0 16px 16px !important;
    padding: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.comment-form-block .comment-form-footer.not-empty {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.comment-form-footer-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
}

.comment-form-block .comment-form-footer.not-empty .comment-form-footer-button {
    margin-top: 10px;
}

.comment-form-block .comment-form-footer input[type=button] {
    margin-top: 0;
    height: 35px;
    line-height: 35px;
    width: auto;
    border: none;
    border-radius: 8px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 15px;
    letter-spacing: .5px;
}

.edit-comment-mode .comment-form-block .comment-form-footer input[type=button].cancel-edit {
    background-color: transparent;
    margin-top: 0;
    margin-right: 15px;
    height: 35px;
    line-height: 35px;
    width: auto;
    border: none;
    border-radius: 0;
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
    padding: 0 10px;
    letter-spacing: normal;
}

.edit-comment-mode .comment-form-block .comment-form-footer input[type=button].cancel-edit:hover {
    text-decoration: underline;
}

.comment-form-block .file-upload,
.comment-form-block .comment-form-footer input[type=button] {
    background-color: #2383d7;
}

.comment-form-block .file-upload:hover,
.comment-form-block .comment-form-footer input[type=button]:hover {
    background-color: #1b73c0;
}

.comment-form-block .file-upload:active,
.comment-form-block .comment-form-footer input[type=button]:active {
    transform: translateY(1px);
}

.comment-form-block .file-upload {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 8px;
    cursor: pointer;
}

.preload-start {
    margin-top: 30px;
    text-align: center;
}

.comment-form-block .file-upload .preload_nn {
    position: absolute;
    background: #2383d7;
    padding: 10%;
}

.comment-form-block .file-upload .preload_nn img {
    width: 100%;
    height: 100%;
}

.comment-form-block input[type="file"].comment-photos {
    display: none;
}

.comment-form-block .file-upload svg {
    width: 23px;
    height: 35px;
    fill: #fff;
}

.comment-form-add-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.comment-form-add-image .add-image-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 10px);
    margin-left: -5px;
}

.comment-form-add-image .image-box {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    min-width: 109px;
    /*max-width: 50%;
    min-width: 106px;
    flex-grow: 1;*/
    position: relative;
    user-select: none;
}

.comment-form-add-image .image-box:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.comment-form-add-image .image-box .delete {
    background: rgba(11, 11, 11, 0.2) url(/themes/default/front/img/close.svg) no-repeat center;
    background-size: 60%;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1;
    width: 26px;
    height: 26px;
    border-radius: 0 2px 0 2px;
    cursor: pointer;
    transition: none;
}

.comment-form-add-image .image-box .image_preview {
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
    overflow: hidden;
    border-radius: 2px;
}

.comment-form-add-image .image-box .image_preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/*Режим редактирования*/

.edit-comment-mode .comment-main-box {
    border-radius: 0 !important;
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    width: 100% !important;
}

.com-style-2.com-style-3 .comment-child.edit-comment-mode > .user-photo {
    position: absolute;
    top: 0;
    left: 0;
}

.edit-comment-mode .comment-header {
    padding: 0 !important;
    margin-bottom: 10px !important;
    border-radius: 0 !important;
    border: none !important;
    background-color: transparent !important;
}

.comment-root.edit-comment-mode .comment-header {
    height: 50px;
}

.comment-child.edit-comment-mode .comment-header {
    height: 35px;
}

.edit-comment-mode .comment-form-block {
    margin-top: 10px;
}

/*End of Режим редактирования*/

.comment .tooltip-like,
.add_text_tooltip,
.add_photo_tooltip,
.add_login_tooltip {
    position: absolute;
    z-index: 1000;
    background: #fff7d5;;
    padding: 3px 7px;
    border: 1px solid #b6c4cb;
    border-radius: 4px;
    box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, .2);
    font-size: 13px;
    max-width: calc(100% - 80px);
    text-align: left;
    display: none;
}

.comment .tooltip-like {
    top: 26px;
    left: auto;
    right: 0;
    max-width: none;
}

.add_text_tooltip {
    bottom: 5px;
    right: 10px;
}

.add_photo_tooltip,
.add_login_tooltip {
    top: 13px;
    left: 55px;
}

@media (max-width: 991px) {
    .comment-form-block .comment-header .annotation,
    .comment-form-block .comment-header > .annotation-text {
        display: none;
    }

    .comment-form-block .comment-header .dropdown-annotation {
        display: block;
    }
}

@media (max-width: 575px) {
    /*.comment-form-block .comment-form-container {
        width: calc(100% + 30px);
        margin-left: -15px;
    }*/

    .edit-comment-mode .comment-form-block .comment-form-container {
        box-shadow: 0 6px 24px rgba(47, 67, 78, .25);
    }

    .com-style-1 .edit-comment-mode.comment-child .comment-form-block .comment-form-container {
        width: calc(100% + 30px + 60px);
        margin-left: -75px;
    }

    .com-style-2 .edit-comment-mode.comment-child .comment-form-block .comment-form-container {
        width: calc(100% + 30px + 45px);
        margin-left: -60px;
    }

    .comment-form-block .comment-header .links {
        display: none;
    }

    .comment-form-block .comment-header .dropdown,
    .comment-form-block .comment-header .links.links-close-guest {
        display: block;
    }

    /*.comment-form-block .comment-header.guest-user .links {
        display: -ms-flexbox;
        display: flex;
        margin-left: 20px;
        line-height: 1.25;
        padding: 7px 0;
    }*/
    /*.comment-form-block .ck.ck-toolbar,
    .comment-form-block .comment-form-footer {
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
    }*/

    /*.comment-form-block .ck.ck-editor__main > .ck-editor__editable.ck-focused,
    .comment-form-block .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
        border-left: none !important;
        border-right: none !important;
        padding: 10px 20px !important;
    }*/

    .comment-form-block .comment-form-footer {
        padding: 10px 20px;
    }

    .add_text_tooltip {
        right: 20px;
    }

    .add_photo_tooltip,
    .add_login_tooltip {
        left: 60px;
    }
}

@media (max-width: 480px) {
    .add_photo_tooltip,
    .add_login_tooltip {
        max-width: 240px;
        top: 10px;
        left: 60px;
    }

    .add_login_tooltip {
        max-width: calc(100% - 217px);
    }
}

/*End of Форма комментария*/

.message_ban {
    background-color: #6a8797;
    padding: 15px;
    border-radius: 4px;
}

.comment-form-block .message_ban a {
    color: #a9d7fe;
    text-decoration: underline;
}

.comment .message_ban p,
.comment .message_ban p span {
    color: #fff;
}

.message_ban p:last-child {
    margin-bottom: 0;
}

/*Скин*/

.com-style-1 .comment {
    margin-top: 0;
    padding-bottom: 0;
}

.com-style-1 .comment-root,
.com-style-1 .comment-child {
    padding-top: 16px;
    padding-bottom: 12px;
}

.com-style-1 .comment-root:before,
.com-style-1 .comment-child:before {
    content: '';
    position: absolute;
    top: 0;
    height: 0;
}

.com-style-1 .comment-root:before {
    left: 60px;
    width: calc(100% - 60px);
    border-bottom: 1px solid #b6c4cb;
}

.com-style-1 .comment-child:before {
    left: 105px;
    width: calc(100% - 105px);
    border-bottom: 1px dashed #b6c4cb;
}

.com-style-1 .comment-child .comment-main-box {
    width: 100%;
}

.com-style-1 .comments-out .comment:first-child .comment-root:before {
    display: none;
}

.com-style-1 .comment .comment-root .dropdown.user-photo {
    position: absolute;
    top: 4px;
    left: 0;
}

.com-style-1 .comment-root.edit-comment-mode .comment-header {
    height: 50px;
}

.com-style-1 .comment .comment-form-block .user-photo {
    position: relative;
    top: auto;
    left: auto;
}

.com-style-1 .comment-root .comment-header,
.com-style-1 .comment-child .comment-header {
    -ms-flex-align: start;
    align-items: flex-start;
    height: 43px;
}

.com-style-1 .comment-root .comment-header-info {
    margin-left: 60px;
}

.com-style-1 .comment-child {
    padding-left: 0;
    margin-top: 0;
}

.com-style-1 .comment-child > div {
    margin-left: 60px;
    width: calc(100% - 60px);
}

.com-style-1 .comment-root .comment-body,
.com-style-1 .comment-root .comment-footer {
    padding-left: 60px;
}

.com-style-1 .comment-footer {
    margin-top: 7px;
}

.com-style-1 .comment-footer-row.all-answers {
    border-radius: 4px;
    background-color: #e3eaef;
    padding: 0 12px;
    margin-top: 0;
    margin-bottom: 20px;
}

.com-style-1 .comment .comment-otvet {
    margin-left: 60px;
}

.com-style-2 .comment-header,
.com-style-2 .comment-body,
.com-style-2 .comment-footer {
    background-color: #e3eaef;
}

.com-style-2 .comment-otvet .comment-header {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
}

.com-style-2 .comment-child {
    margin-top: 10px;
    width: calc(100% - 60px);
}

.com-style-2 .comment-header {
    border-radius: 16px 16px 0 0;
}

.com-style-2 .comment-footer {
    border-radius: 0 0 16px 16px;
}

.com-style-2 .comment-body,
.com-style-2 .comment-footer {
    margin-top: 0;
}

/*.com-style-2 .edit-comment-mode .comment-header {
    background-color: #e3eaef !important;
    border-radius: 16px 16px 0 0 !important;
    height: auto !important;
    padding: 10px 10px 0 !important;
    margin-bottom: 0 !important;
}*/

/*.com-style-2 .comment-header-info {
    min-height: 35px;
}*/

.com-style-2 .comment-header {
    height: auto;
    padding: 10px 10px 0;
}

.com-style-2 .comment-body {
    padding: 10px;
}

.com-style-2 .comment-footer {
    padding: 0 10px 10px;
}

.com-style-2 .comment-child,
.com-style-2.com-style-3 .comment .comment-otvet {
    margin-left: 60px;
    padding: 0;
}

.com-style-2 .comment .comment-otvet {
    margin-left: 105px;
}

/*.com-style-2.com-style-3 .comment-child {
    margin-top: 15px;
}*/

.com-style-2.com-style-3 .comment-main-box {
    box-shadow: 0 3px 5px rgba(31, 60, 82, 0.15);
    border: 1px solid #b6c4cb;
    border-radius: 16px;
}

.com-style-2.com-style-3 .comment-header,
.com-style-2.com-style-3 .comment-body,
.com-style-2.com-style-3 .comment-footer {
    background-color: #ffff;
}

.com-style-2.com-style-3 .comment-child > .user-photo {
    position: absolute;
    top: 10px;
    left: 10px;
}

/*.com-style-2.com-style-3 .comment-child .comment-header-info {
    padding-left: 45px;
}*/

.com-style-2.com-style-3 .comment-child .comment-body {
    padding: 10px;
}

.com-style-2.com-style-3 .comment-child .comment-footer {
    padding: 0 10px 10px 10px;
}

.com-style-2.com-style-3 .comment-footer-row.all-answers {
    margin-left: 60px;
}


/*End of Скин*/

@media (max-width: 575px) {
    .comments-settings-btn i {
        font-size: 30px;
        line-height: 1;
    }

    .comments-settings-btn span {
        display: none;
    }

    .comment-child .comment-header-info-row .user-name,
    .comment-child .comment-header-info-row .user-name-root {
        max-width: 22vw;
    }

    .comment-child .comment-header-info .user_status {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 19vw;
    }

    .com-style-1 .comment-child .comment-header-info .user_status {
        max-width: 37px;
    }

    .comment-header-info-row .user-name,
    .comment-header-info .user_status {
        margin-right: 4px;
    }

    /*.answered-symbol {
        display: inline;
    }

    .answered-word {
        display: none;
    }*/
    .comment-footer-row.all-answers {
        margin-left: 45px;
    }

    /*Скин*/
    .com-style-1 .comment-child > div {
        padding-left: 0;
    }

    .com-style-1 .comment-child:before {
        left: 60px;
        width: calc(100% - 60px);
    }

    .com-style-1 .comment-child .user-photo {
        position: absolute;
        top: 0;
        left: 0;
    }

    .com-style-1 .comment-child .comment-header {
        width: calc(100% - 45px);
        margin-left: 45px;
    }

    .com-style-1 .comment .comment-otvet,
    .com-style-2 .comment .comment-otvet,
    .com-style-2.com-style-3 .comment .comment-otvet {
        margin-left: 0;
    }

    .com-style-1 .comment-footer-row.all-answers {
        margin: 0 0 20px 60px;
    }

    .com-style-2 .comment-root .user-photo {
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .com-style-2 .comment-root .comment-header {
        height: 60px;
        padding: 10px 10px 0;
    }

    .com-style-2 .comment-root .comment-header-info {
        margin-left: 60px;
    }

    .com-style-2 .comment-child {
        margin-left: 0;
        width: 100%;
    }

    /*.com-style-2 .comment-child .comment-header {
        height: 45px;
        padding: 10px 10px 0;
    }

    .com-style-2 .comment-child .comment-header-info {
        margin-left: 45px;
    }*/
    .com-style-2 .comment-child .comment-header-info-row .user-name,
    .com-style-2 .comment-child .comment-header-info-row .user-name-root {
        max-width: 23vw;
    }

    .com-style-2 .comment-child .comment-header-info .user_status {
        max-width: 13vw;
    }

    .com-style-2.com-style-3 .comment-footer-row.all-answers {
        margin-left: 0;
    }

    /*End of Скин*/

}

/*@media (max-width: 439px) {
    .com-style-1 .comment-footer .dropdown {
        position: unset;
    }

    .comments-container .com-style-1 .comment-footer-row .dropdown-menu {
        margin-left: auto;
        left: 60px;
        right: auto;
        transform: scale(0);
        transform-origin: top;
    }

    .comments-container .com-style-12 .comment-child .comment-footer-row .dropdown-menu {
        left: 0;
    }

}*/

@media (max-width: 419px) {
    .com-style-2 .comment-child .comment-footer .dropdown {
        position: unset;
    }

    .comments-container .com-style-2 .comment-child .comment-footer-row .dropdown-menu {
        margin-left: 0;
        margin-top: -14px;
        left: 0;
        right: auto;
        transform: scale(0);
        transform-origin: top;
    }

    .container-pobeda .comments-container .com-style-2 .comment-child .comment-footer-row .dropdown-menu {
        margin-left: 0;
        margin-top: -7px;
        top: auto !important;
        left: 0 !important;
        right: auto !important;
        transform: scale(0);
        transform-origin: top;
    }
}

@media (max-width: 379px) {
    .com-style-1 .comment-child .comment-header-info-row .user-name,
    .com-style-1 .comment-child .comment-header-info-row .user-name-root {
        max-width: 17vw;
    }

    .com-style-1 .comment-footer .dropdown {
        position: unset;
    }

    .comments-container .com-style-1 .comment-footer-row .dropdown-menu {
        margin-left: auto;
        left: 60px;
        right: auto;
        transform: scale(0);
        transform-origin: top;
    }

    .comments-container .com-style-1 .comment-child .comment-footer-row .dropdown-menu {
        left: 0;
    }

    .container-pobeda .comments-container .com-style-1 .comment-footer-row .dropdown-menu {
        margin-left: auto;
        top: auto !important;
        left: 60px !important;
        right: auto !important;
        transform: scale(0);
        transform-origin: top;
    }

    .container-pobeda .comments-container .com-style-1 .comment-child .comment-footer-row .dropdown-menu {
        left: 0 !important;
    }

    .com-style-2 .comment-root .comment-footer .dropdown {
        position: unset;
    }

    .comments-container .com-style-2 .comment-root .comment-footer-row .dropdown-menu {
        margin-left: 0;
        margin-top: -14px;
        left: 0;
        right: auto;
        transform: scale(0);
        transform-origin: top;
    }

    .container-pobeda .comments-container .com-style-2 .comment-root .comment-footer-row .dropdown-menu {
        margin-left: 0;
        margin-top: -7px;
        top: auto !important;
        left: 0 !important;
        right: auto !important;
        transform: scale(0);
        transform-origin: top;
    }

}

@media (max-width: 369px) {
    .comments-block-name {
        font-size: 22px;
    }

    .comments-container .dropdown-menu.dropdown-user {
        max-width: calc(100vw - 30px);
    }

    .comments-container .com-style-1 .comment-child .dropdown-menu.dropdown-user {
        margin: -46px 0 0 -71px;
        transform-origin: 90px 30px;
    }

    .comments-container .com-style-2 .comment-child .dropdown-menu.dropdown-user {
        margin: -46px 0 0 -11px;
        transform-origin: 20px 30px;
    }

    /*.comments-container .dropdown-menu.dropdown-user {
        min-width: auto;
        max-width: none;
        width: 100vw;
        margin: -60px 0 0 -15px;
        padding: 10px 30px 15px 15px;
        border-radius: 0;
        border: none;
        box-shadow: 0 6px 24px rgba(0, 0, 0, .18);
    }

    .comments-container .comment-child .dropdown-menu.dropdown-user {
        margin: -45px 0 0 -15px;
    }

    .comments-container .com-style-2 .comment-root .dropdown-menu.dropdown-user {
        margin: -60px 0 0 -25px;
    }*/
}

/*Инкогнито*/

#hatBuy.modal {
    text-align: center;
    height: 100%;
}

#hatBuy.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
}

#hatBuy .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.comment_mob_lite .pol_name .pol_name_guest .anonum-block,
.comment_mob_lite .pol_name .anonum-block {
    height: 50px;
    margin-right: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
}

.anonum-block .name {
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.anonim_theme.comment_mob_lite .pol_name p.hat-count {
    font-size: 14px;
    line-height: 1;
    font-weight: 300;
    margin-top: 3px;
}

.anonum-block .hat-count span {
    white-space: nowrap;
    display: inline;
}

.anonum-block .hat-count span:last-child {
    text-decoration: underline;
    cursor: pointer;
}

.modal-backdrop.fade.in.forHat {
    background-image: none !important;
    background-color: rgba(0, 0, 0, 0.1);
}

#hatBuy .modal-dialog {
    width: 350px;
    height: auto;
    margin: 0;
}

@media (max-width: 370px) {
    #hatBuy .modal-dialog {
        width: calc(100% - 20px);
    }
}

#hatBuy .modal-content {
    border-radius: 4px;
    padding: 25px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2), 0 0 45px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2), 0 0 45px rgba(0, 0, 0, .3);
}

#hatBuy .modal-header {
    padding: 0 0 15px;
    border-bottom: 1px solid #000;
}

#hatBuy .close {
    background-image: url(/themes/default/front/img/close-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    border: none;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    margin: 0;
    width: 20px;
    height: 20px;
}

.alert-zero {
    padding: 10px;
    margin: 20px auto 20px;
    text-align: center;
    color: #000;
    background-color: rgba(231, 0, 0, 0.2);
}

#hatBuy .modal-body {
    padding: 10px 0;
}

#hatBuy .modal-footer {
    padding: 15px 0 0;
    border-top: 1px solid #000;
}

#hatBuy .modal-header p,
.hatBuy-price {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#hatBuy .modal-header p {
    -ms-flex-align: start;
    align-items: flex-start;
}

#hatBuy,
#hatBuy p {
    font-family: 'Roboto';
}

.hat-icon {
    display: inline-block;
    background-image: url(/themes/default/front/img/anonim.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 26px;
    height: 26px;
    margin-right: 7px;
}

.hatBuy-row {
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.hatBuy-price {
    font-size: 16px;
}

.hatBuy-row:hover .hatBuy-price {
    font-weight: 700;
}

.rub-symbol {
    margin-left: 5px;
}

.hatBuy-row button {
    width: 90px;
    height: 26px;
    border-radius: 4px;
    font-weight: 700;
    line-height: 26px;
    text-transform: uppercase;
    cursor: pointer;
    transition: .1s;
    color: #fff;
    background-color: #2dac53;
}

.hatBuy-row button:hover {
    box-shadow: inset 0 0 50px 0 rgba(0, 0, 0, 0.15);
}

.hatBuy-row button:active {
    transform: translateY(2px);
}

#hatBuy .modal-footer {
    text-align: left;
}

.attension-anonim {
    text-transform: uppercase;
    font-weight: 700;
    color: #e70000;
}

.comment_mob_lite .captcha-item {
    margin-top: 10px;
}

.coment_text .answer {
    color: var(--moe-blue);
    font-family: 'Roboto Condensed';
}

.coment_text .answer a {
    font-weight: 700;
}

.comets_block_wr .comets_block .com_marker:hover {
    background-color: #b1e0fd;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 77, 136, 0.90);
    box-shadow: 0 0 1px 0 rgba(0, 77, 136, 0.90);
}

.anonim_theme.comment_mob_lite {
    /*background-color: #535353;*/
    background-color: #60686f;
}

.anonim_theme.comment_mob_lite .pol_name a,
.anonim_theme.comment_mob_lite .pol_name p {
    /*color: #acacac;*/
    min-width: 60px;
}

.anonim_theme.comment_mob_lite .pol_name .how_write {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
}

.anonim_theme.comment_mob_lite .coment_form_wr input[type=button] {
    /*background-color: #8a8a8a;*/
    background-color: #959ca3;
}

.anonim_theme.comment_mob_lite .coment_form_wr input[type=button]:hover,
.anonim_theme.comment_mob_lite .coment_form_wr input[type=button]:focus {
    /*background-color: #7a7a7a;*/
    box-shadow: inset 0 0 200px 0 rgba(0, 0, 0, 0.15);
}

.anonim_theme.comment_mob_lite .coment_form_wr input[type=button]:active {
    /*background-color: #424242;*/
    box-shadow: inset 0 0 200px 0 rgba(0, 0, 0, 0.65);
}

.anonim_theme.comment_mob_lite .file-upload label span:hover,
.anonim_theme.comment_mob_lite .file-upload label span:focus {
    /*background-color: #393939;*/
    background-color: #45484c;
}

.anonim_theme.comment_mob_lite .file-upload label span:active {
    /*background-color: #333333;*/
    background-color: #272a2d;
}

.anonim_theme.comment_mob_lite .coment_form_wr input[type=button].close_form_otvet {
    background-color: transparent !important;
}

/*--------------------------------*/

.message_ban_box {
    padding: 30px 30px 20px;
}

.comment_mob_lite input[type=button].close_form_otvet {
    margin-top: 0;
    width: auto;
    border: none;
    background-color: transparent;
    color: #fff;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 17px;
}

.message_ban p {
    margin-bottom: 10px;
    font-family: 'Open Sans';
    color: #fff;
}

.head_in {
    font-size: 23px;
    font-weight: 700;
}

.head_admin {
    font-weight: 700;
}

.message_ban a {
    color: #a9d7fe;
    text-decoration: underline;
}

/*End of Инкогнито*/

.material-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
    padding: 20px 20px 0;
    position: relative;
    background-color: #e3eaef;
    border-bottom: 1px solid #fff;
}

/*Reaction and Share blocks*/

.material-footer-box {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: 30px;
    user-select: none;
}

.reaction-title {
    display: none;
}

.reactions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    margin-bottom: 20px;
}

.share-block {
    margin-bottom: 20px;
    z-index: 1;
}

.reactions-button,
.svg-icon.reactions-icon,
.social-btn-icon,
.material-head-comments,
.material-bookmark,
.material-head .btn-share .social-btn-icon {
    border-radius: 8px;
}

.reaction-select.reactions-button .buttons-count,
.reaction-count.reactions-button .buttons-count {
    border-radius: 0 0 8px 8px;
}

.buttons-count,
.total-count {
    border-radius: 0 8px 8px 0;
}

/*Geometria*/

/*.reactions-button {
    width: 40px;
}

.reaction-icon-box,
.svg-icon.reactions-icon,
.social-btn-icon,
.share-block .social-btn-icon,
.btn-adv-check,
.material-head-comments,
.material-bookmark {
    height: 40px;
    width: 40px;
}

.buttons-count,
.total-count {
    height: 40px;
    min-width: 43px;
    line-height: 40px;
    margin-left: -33px;
}

.reaction-select.reactions-button .buttons-count,
.reaction-count.reactions-button .buttons-count,
.share-panel .social-btn-2021 .buttons-count {
    width: 40px;
}

.share-block .social-btn-2021.btn-close {
    width: 40px;
}*/

.reactions-button {
    width: 8.3vw;
}

.reaction-icon-box,
.svg-icon.reactions-icon,
.material-footer-box .social-btn-icon,
.material-footer-box .share-block .social-btn-icon,
.btn-adv-check,
.material-head-comments,
.material-bookmark {
    height: 8.3vw;
    width: 8.3vw;
}

.material-footer-box .buttons-count,
.material-footer-box .total-count {
    height: 8.3vw;
    line-height: 8.3vw;
    margin-left: -33px;
}

.reaction-select.reactions-button .buttons-count,
.reaction-count.reactions-button .buttons-count,
.material-footer-box .share-panel .social-btn-2021 .buttons-count {
    width: 8.3vw;
}

.material-footer-box .share-block .social-btn-2021.btn-close {
    width: 8.3vw;
}

/*End of Geometria*/

.reactions-button,
.cab-content .down_line_nn .reactions-button {
    /*display: block;*/
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    background: none;
    padding: 0;
    outline: none;
    float: left;
    margin: 0;
    /*height: 40px;*/
    /*min-width: 40px;
    max-width: 73px;*/
    /*-ms-flex: 0 0 40px;
    flex: 0 0 40px;
    max-width: 70px;*/
    transition: width .1s ease, transform .15s ease, box-shadow 0s ease;
}

.reactions .reactions-button:not(:last-child),
.cab-content .down_line_nn .reactions-button:not(:last-child) {
    margin-right: 10px;
}

.reaction-panel .btn-close,
.share-panel .btn-close {
    transition: transform .15s ease;
}

/*.reaction-count.reactions-button,
.reaction-select.reactions-button {
    height: 59px;
}*/

.reaction-icon-box {
    /*position: absolute;
    top: 0;
    left: 0;*/
    z-index: 1;
    position: relative;
    transition: transform .15s ease;
}

.svg-icon.reactions-icon,
.social-btn-icon {
    position: relative;
    display: block;
    transition: transform .15s ease;
}

.for-phone .material-head-comments,
.for-phone .material-bookmark,
    /*.for-phone .reactions-button,*/
.for-phone .social-btn-2021,
.for-phone .share-panel .social-btn-2021,
.for-phone .comment-form-button:hover,
.for-phone .comment-form-button:focus,
.for-phone .comment-form-button:active {
    transition: none;
}

.reaction-panel .for-phone .reactions-button {
    transition: all .15s ease;
}

.material-head .material-head-comments:hover,
.material-head .material-bookmark:hover,
.reactions .reactions-button:hover,
.share-block .social-btn-2021:hover,
.share-block .share-panel .social-btn-2021:hover,
.comment-form-button:hover {
    transform: translateY(-3px);
}

.for-phone.material-head .material-head-comments:hover,
.for-phone.material-head .material-bookmark:hover,
.for-phone .reactions .reactions-button:hover,
.for-phone .share-block .social-btn-2021:hover,
.for-phone .share-block .share-panel .social-btn-2021:hover,
.for-phone .comment-form-button:hover {
    transform: translateY(3px);
}

.audio_content:active,
.reactions-button:active,
.material-head .material-head-comments:active,
.material-head .material-bookmark:active,
.reactions .reactions-button:active,
.share-block .social-btn-2021:active,
.share-block .share-panel .social-btn-2021:active,
.comment-form-button:active {
    transform: translateY(0);
    transition: transform .05s ease;
}

.reaction-panel .btn-close:hover,
.share-panel .btn-close:hover {
    transform: scale(1.2) !important;
}

.reaction-panel .btn-close:active,
.share-panel .btn-close:active,
.reaction-panel .btn-close:active,
.share-panel .btn-close:active {
    transform: scale(1) !important;
}

/*.material-head:not(.for-phone) .material-head-comments:hover,
.material-head:not(.for-phone) .material-bookmark:hover,
.reactions:not(.for-phone) .reactions-button:hover .reaction-icon-box,
.share-block:not(.for-phone) .social-btn-2021:hover .social-btn-icon,
.reaction-panel .btn-close:hover .social-btn-icon,
.share-panel .btn-close:hover .social-btn-icon,
.share-block:not(.for-phone) .share-panel .social-btn-2021:hover .buttons-count {
    transform: translateY(-3px);
}*/

/*.share-block:not(.for-phone) .share-panel .social-btn-2021:hover .buttons-count {
    transform: translateY(2px) scaleX(1.1);
    transition: transform .45s cubic-bezier(.38, 0, 0, 5);
}*/

/*.reaction-panel-button,*/
.buttons-count,
.total-count {
    /*position: absolute;
    top: 0;
    right: 0;*/
    padding: 0 0 0 10px;
    background-color: #fff;
    font-size: 14px;
    text-align: center;
    transition: .15s ease;
}

/*.buttons-count {
    opacity: 0;
}

.reaction-select.reactions-button .buttons-count,
.reaction-count.reactions-button .buttons-count {
    opacity: 1;
}*/

.total-count,
.reaction-panel-button {
    display: none;
}

/*.reaction-select.reactions-button .buttons-count,
.reaction-count.reactions-button .buttons-count,*/
.btn-share-box .buttons-count,
.total-count,
.reaction-panel-button {
    margin-left: -10px;
}

/*.reactions-button:nth-child(1) {
    z-index: 8;
}

.reactions-button:nth-child(2) {
    z-index: 7;
}

.reactions-button:nth-child(3) {
    z-index: 6;
}

.reactions-button:nth-child(4) {
    z-index: 5;
}

.reactions-button:nth-child(5) {
    z-index: 4;
}

.reactions-button:nth-child(6) {
    z-index: 3;
}

.reaction-panel .reactions-button:nth-child(1) {
    z-index: 3;
}

.reaction-panel .reactions-button:nth-child(2) {
    z-index: 4;
}

.reaction-panel .reactions-button:nth-child(3) {
    z-index: 5;
}

.reaction-panel .reactions-button:nth-child(4) {
    z-index: 6;
}

.reaction-panel .reactions-button:nth-child(5) {
    z-index: 7;
}

.reaction-panel .reactions-button:nth-child(6) {
    z-index: 8;
}*/

/*.reaction-select.reactions-button {
    width: 73px;
    transform: translateY(-6px);
    box-shadow: 0 5px 15px 0 rgba(0,0,0, .25);
}*/

.reaction-panel-button .reaction-icon-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.reaction-panel-button .svg-icon {
    width: 26px;
    height: 26px;
    fill: #1e2c34;
}

.buttons-count {
    display: block;
}

.reaction-panel .buttons-count {
    background-color: #e3eaef;
}

.reaction-select.reactions-button .buttons-count {
    font-weight: 700;
    /*background-color: #fcc007;*/
}

.reactions-icon-title {
    position: absolute;
    top: -10px;
    left: 50%;
    padding: 0 7px;
    font-size: 13px;
    line-height: 20px;
    pointer-events: none;
    white-space: nowrap;
    border-radius: 4px;
    opacity: 0;
    color: #fff;
    background-color: #1e2c34;
    transform: scale(0) translate(-50%, 10px);
    /*transition: transform .45s cubic-bezier(.38, 0, 0, 1.4), opacity .15s ease-in-out;*/
    transition: transform .15s ease, opacity .35s ease;
    transform-origin: 0 0;
}

.reactions-button:hover .reactions-icon-title,
.social-btn-2021:hover .reactions-icon-title {
    opacity: 1;
    transform: scale(1) translate(-50%, -17px);
}

.reaction-select.reactions-button .buttons-count,
.reaction-count.reactions-button .buttons-count,
.share-panel .social-btn-2021 .buttons-count {
    height: auto;
    min-width: auto;
    padding: 15px 0 0 0;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    transition: .15s ease;
    margin: -10px 0 0 0;
    /*z-index: -1;*/
}

.reaction-select.reactions-button .buttons-count,
.reaction-count.reactions-button .buttons-count {
    padding: 15px 0 3px 0;
}

.share-panel .social-btn-2021 .buttons-count {
    background-color: transparent !important;
}

.reaction-select.reactions-button .buttons-count,
.reaction-count.reactions-button .buttons-count {
    background-color: #fff;
}

.reaction-select.reactions-button:not(:first-child),
.reaction-select.reactions-button:not(:first-child) .buttons-count {
    box-shadow: 0 0 0 2px #fcc007;
}

.reaction-select.reactions-button:first-child,
.reaction-select.reactions-button:first-child .buttons-count {
    box-shadow: 0 0 0 2px #00ab49;
}

.reaction-select.reactions-button:last-child,
.reaction-select.reactions-button:last-child .buttons-count {
    box-shadow: 0 0 0 2px #ed3533;
}

/*Share-block*/

.share-block .social-btn-2021 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: none;
    padding: 0;
    outline: none;
    transition: transform .15s ease;
}

.share-block .share-panel .social-btn-2021 {
    -ms-flex-direction: column;
    flex-direction: column;
}

.btn-vk .social-btn-icon,
.share-panel .btn-vk .buttons-count {
    background-color: #0077ff;
}

.btn-ok .social-btn-icon,
.share-panel .btn-ok .buttons-count {
    background-color: #ff7700;
}

.btn-facebook .social-btn-icon,
.share-panel .btn-facebook .buttons-count {
    background-color: #39549f;
}

.btn-whatsapp .social-btn-icon,
.share-panel .btn-whatsapp .buttons-count {
    background-color: #25d366;
}

.btn-twitter .social-btn-icon,
.share-panel .btn-twitter .buttons-count {
    background-color: #50abf1;
}

.btn-google .social-btn-icon,
.share-panel .btn-google .buttons-count {
    background-color: #4285f4;
}

.btn-telegram .social-btn-icon,
.share-panel .btn-telegram .buttons-count {
    background-color: #2aabee;
}

.btn-viber .social-btn-icon,
.share-panel .btn-viber .buttons-count {
    background-color: #7360f2;
}

.btn-envelope .social-btn-icon,
.share-panel .btn-envelope .buttons-count {
    background-color: #3b5bd1;
}

.btn-share .social-btn-icon,
.comment-form-button {
    /*background-color: #1e2c34;*/
    background-color: #fff;
}

.share-block .social-btn-2021 .svg-icon {
    fill: #fff;
    width: 24px;
    height: 24px;
}

.share-block .social-btn-2021.btn-share .svg-icon,
.material-head-comments .svg-icon,
.material-bookmark .svg-icon {
    width: 20px;
    height: 20px;
}

.share-block .social-btn-2021.btn-close .svg-icon {
    fill: #1e2c34;
    width: 18px;
    height: 18px;
}

.btn-print .social-btn-icon {
    background-color: #fff;
    /*border: 1px solid #808080;*/
}

.btn-print .social-btn-icon .svg-icon {
    /*fill: #808080;*/
    width: 22px;
    height: 22px;
}

.btn-adv-check .svg-icon {
    width: 25px;
    height: 25px;
}

.share-panel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.share-block-in,
.share-panel-row,
.share-panel-row-1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    user-select: none;
    position: relative;
}

.share-panel-row,
.share-panel-row-1 {
    width: 100%;
}

.share-block {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.share-block .social-btn-2021 {
    margin-right: 10px;
    cursor: pointer;
}

.share-block .social-btn-2021 .buttons-count {
    padding: 0 10px 0 10px;
}

.share-block .share-panel .buttons-count {
    padding: 15px 0 0 0;
}

.btn-adv-check {
    margin-right: 10px;
}

.share-panel-row .social-btn-2021:last-of-type,
.share-block .social-btn-2021.btn-share,
.share-block .social-btn-2021.btn-close {
    margin-right: 0;
}

.share-block > .social-btn-2021 {
    z-index: 2;
}

.share-block .btn-adv-check,
.share-block .social-btn-2021.btn-print {
    z-index: 0;
}

.share-block .for-phone .btn-print,
.for-phone .material-footer-single .btn-print {
    display: none !important;
}

.share-block .social-btn-2021.btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.share-block .social-btn-icon,
.btn-adv-check,
.material-head-comments,
.material-bookmark {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.share-block .social-btn-icon,
.material-head-comments,
.material-bookmark {
    width: 40px;
    height: 40px;
}

.btn-share-box {
    position: relative;
}

.reaction-panel,
.share-block .share-panel {
    display: none;
    /*overflow: hidden;*/
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 10;
    padding: 20px 60px 0 20px;
    margin: 0;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0 0 7px 0 rgba(7, 31, 44, .1), 0 0 30px 0 rgba(7, 31, 44, .2);
}

.material-footer .share-block .share-panel {
    right: 1px;
}

.reaction-panel .reactions-button,
.share-panel .share-panel-row,
.share-panel .share-panel-row-1 {
    margin-bottom: 20px;
}

.reaction-panel .btn-close,
.share-panel .btn-close {
    cursor: pointer;
}

.reaction-panel .btn-close,
.share-panel .btn-close {
    position: absolute;
    top: 20px;
    right: 15px;
}

.reaction-panel .btn-close .social-btn-icon,
.share-panel .btn-close .social-btn-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.reaction-panel .btn-close .social-btn-icon .svg-icon,
.share-panel .btn-close .social-btn-icon .svg-icon,
.share-block .social-btn-2021.btn-share .svg-icon,
.btn-print .social-btn-icon .svg-icon,
.material-head-comments .svg-icon,
.material-bookmark.bookmark-yes .svg-icon {
    fill: var(--moe-blue);
}

.material-bookmark.bookmark-no .svg-icon {
    fill: #c9d5de;
}

.material-bookmark.bookmark-no:hover .svg-icon {
    fill: #b5c4cf;
}

.material-bookmark.bookmark svg {
    width: 20px;
    height: 20px;
    transition: all .1s;
}

.material-bookmark.bookmark .bookmark-border,
.material-bookmark.bookmark .bookmark-icon-fill {
    transition: all .1s;
}

/*.material-bookmark.bookmark-no .bookmark-border {
    fill: #c9d5de;
}*/

.material-bookmark.bookmark-no .bookmark-icon-fill {
    fill: none;
}

.material-bookmark .bookmark-border,
.material-bookmark.bookmark-yes:hover .bookmark-icon-fill,
.material-bookmark.bookmark-yes .bookmark-icon-fill {
    fill: var(--moe-blue);
}

/*End of Share-block*/

/*End of Reaction and Share blocks*/

/*Comments-block*/

.material-footer-2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 10px 10px;
    margin-bottom: 30px;
    position: relative;
    background-color: #e3eaef;
}

.material-footer-single {
    padding: 20px 20px 0 10px;
    margin-bottom: 30px;
}

.material-footer-2.no_comment {
    height: 0;
    padding: 0;
}

.material-footer-2.no_comment .material-footer-row {
    display: none;
}

.novost_detalka .down_stat_wr {
    display: block;
    margin: 30px 0;
}

.novost_detalka .material-footer-2 {
    margin-bottom: 0;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
}

.material-footer-2-comments {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.comment-form-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 50px;
    line-height: 50px;
    margin: 0 10px 10px;
    border-radius: 8px;
    padding: 0 15px;
    text-transform: uppercase;
    /*font-weight: 700;*/
    font-size: 18px;
    color: var(--moe-blue) !important;
    user-select: none;
    transition: transform .15s ease;
}

.comment-form-button span,
.material-footer-2 .compl span {
    margin-left: 6px;
}

.comment-form-button .svg-icon,
.material-footer-2 .compl .svg-icon {
    width: 26px;
    height: 26px;
    transition: none;
    fill: var(--moe-blue);
}

.material-footer-2 .compl:hover .svg-icon {
    fill: #d00;
}

/*.for-phone .material-footer-2 .compl,
.for-phone .material-footer-2 .compl .svg-icon {
    transition: none;
}*/

/*.comment-form-button:active {
    transform: translateY(3px);
    transition: none;
}*/

.down_stat_wr .comment-all-link,
.material-footer-2 .compl {
    font-family: 'Roboto', sans-serif;
    /*font-weight: 700;*/
    font-size: 15px;
    line-height: 50px;
    white-space: nowrap;
    margin: 0 10px;
}

.material-footer-2 .compl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    min-width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0 10px;
    padding: 0;
    background-color: transparent;
    transition: none;
}

.material-footer-2 .compl:hover,
.material-footer-2 .compl:focus,
.material-footer-2 .compl:active {
    color: #d00;
}

.down_stat_wr .comment-all-link:hover {
    text-decoration: underline;
}

@media (max-width: 1199px) {
    .material-footer-2 .compl span {
        display: none;
    }
}

@media (max-width: 575px) {
    .material-footer-2 {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .novost_detalka .material-footer-2 {
        margin-bottom: 0;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    /*.material-footer-2-comments {
        -ms-flex-direction: column;
        flex-direction: column;
    }*/
}

@media (min-width: 768px) and (max-width: 991px) {
    .novost_detalka .material-footer-2 {
        height: 140px;
    }

    .material-footer-2 .compl {
        position: absolute;
        right: 10px;
        bottom: 10px;
    }
}

@media (max-width: 575px) {
    /*.novost_detalka .material-footer-2 {
        -ms-flex-direction: row;
        flex-direction: row;
        height: 140px;
    }*/
    /*.material-footer-2 .compl {
        position: absolute;
        right: 10px;
        bottom: 0;
    }*/
}

@media (max-width: 530px) {
    .novost_detalka .material-footer-2 {
        -ms-flex-direction: row;
        flex-direction: row;
        height: 140px;
    }

    .material-footer-2 .compl {
        position: absolute;
        right: 10px;
        bottom: 10px;
    }
}

@media (min-width: 670px) and (max-width: 767px), (min-width: 450px) and (max-width: 575px) {
    .material-footer-2 .compl span {
        display: block;
    }
}

/*End of Comments-block*/

/*Material Head*/

/*.material-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 20px;
    font-size: 14px;
    font-family: 'Roboto Condensed';
    padding: 15px;
    width: calc(100% + 30px);
    margin-left: -15px;
    position: relative;
    user-select: none;
    z-index: 1;
}

.material-head-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    z-index: -1;
    background-color: #e3eaef;
}

.material-head-box-1 {
    -ms-flex-order: 1;
    order: 1;
    min-width: calc(100% - 200px);
}

.material-head-box-2 {
    -ms-flex-order: 2;
    order: 2;
    min-width: 180px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.material-head-box-3 {
    -ms-flex-order: 3;
    order: 3;
    min-width: calc(100% - 100px);
}

.material-head-box-4 {
    -ms-flex-order: 4;
    order: 4;
    min-width: 100px;
}

.material-head-box-1,
.material-head-box-2 {
    margin-bottom: 15px;
}

.material-head-box-3,
.material-head-box-4 {
    margin-top: 15px;
}*/

.material-head {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    line-height: 20px;
    font-size: 14px;
    font-family: 'Roboto Condensed';
    padding: 0 15px 15px;
    width: calc(100% + 30px);
    margin-left: -15px;
    position: relative;
    user-select: none;
    z-index: 1;
}

.opinion_cont .material-head.no-photo {
    padding-bottom: 0;
}

.material-head-back {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    z-index: -1;
    /*background-color: #e3eaef;*/
}

.material-head-box-1 {
    /*min-width: calc(100% - 230px);*/
    /*order: 3;*/
    white-space: nowrap;
    margin-right: 15px;
    color: #8f9aa0;
}

.material-head-box-2 {
    /*order: 4;*/
    /*min-width: 180px;*/
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.material-head-box-3 {
    overflow: hidden;
    position: relative;
    margin-right: 10px;
    flex-grow: 1;
    /*order: 1;*/
    /*min-width: calc(100% - 100px);*/
}

.material-head-box-3:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 20px;
    background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.material-head-box-4 {
    order: 2;
    min-width: 100px;
}

/*.material-head-box-1,
.material-head-box-2 {
    margin-top: 15px;
}*/

/*.material-head-box-3,
.material-head-box-4 {
    margin-bottom: 10px;
}*/

/*.material-head-box-1,
.material-head-box-3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}*/

.material-head-rubric,
.material-head-rubric .rubrika,
.material-head-row,
.material-head-views,
.material-head-date {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.material-head-box-3 .material-head-rubric .rubrika {
    white-space: nowrap;
}

.material-head-rubric .rubrika.green_bg span {
    padding: 0 4px;
    background-color: #31aa51;
    color: #fff;
    margin: -2px 0 0 7px;
    font-size: 13px;
    line-height: 16px;
    border-radius: 3px;
    display: none;
}

/*.material-head-box-1,
.material-head-box-3 {
    -ms-flex-positive: 1;
    flex-grow: 1;
}*/

/*.material-head-box-1 {
    margin-right: 20px;
}*/

.material-head .adv-info {
    right: -10px;
}

.material-head .adv-info .btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 32px;
    padding: 0;
    cursor: pointer;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

.material-head .adv-info .btn .dot {
    display: block;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    margin: 2px;
    transition: .05s ease-in-out;
    background-color: #6a8797;
}

.material-head .adv-info .btn:hover .dot,
.material-head .adv-info .btn:focus .dot {
    background-color: #2383d7;
}

.material-head .adv-info .dropdown-menu {
    z-index: 1000;
    width: auto;
    min-width: auto;
    padding: 0 35px 0 15px;
    margin: -1px 0 0;
    text-align: left;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #b6c4cb;
    box-shadow: 0 6px 12px rgba(47, 67, 78, .25);
    transform-origin: right top;
    left: auto;
    right: 0;
    top: 0;
    font-family: 'Roboto', sasn-serif;
    font-size: 16px;
    line-height: 30px;
    white-space: nowrap;
}

.material-head .adv-info .dropdown-menu .btn.close {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    border-radius: 4px;
    background: none;
    box-shadow: none;
    opacity: 1 !important;
}

.material-head .adv-info .dropdown-menu .btn.close .svg-icon {
    width: 10px;
    height: 10px;
    fill: #b6c4cb;
}

.material-head .adv-info .dropdown-menu .btn.close:hover .svg-icon,
.material-head .adv-info .dropdown-menu .btn.close:focus .svg-icon {
    fill: #6a8797;
}



/*Мнения*/

/*
.opinion_cont .material-head-box-1 {
    -ms-flex-order: 1;
    order: 1;
    min-width: auto;
}

.opinion_cont .material-head-box-2 {
    -ms-flex-order: 4;
    order: 4;
    min-width: auto;
}

.opinion_cont .material-head-box-3 {
    -ms-flex-order: 2;
    order: 2;
    min-width: auto;
}

.opinion_cont .material-head-box-4 {
    -ms-flex-order: 3;
    order: 3;
    min-width: auto;
}

.opinion_cont .material-head-box-1,
.opinion_cont .material-head-box-2,
.opinion_cont .material-head-box-3,
.opinion_cont .material-head-box-4 {
    margin-top: 0;
    margin-bottom: 0;
}

.opinion_cont .material-head-box-1 {
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.opinion_cont .material-head-box-3 {
    -ms-flex-positive: 1;
    flex-grow: 1;
}
*/

/*End of Мнения*/

.material-head-rubric .svg-icon,
.material-head-views .svg-icon,
.material-head-date .svg-icon {
    margin: -1px 3px 0 0;
    width: 14px;
    min-width: 14px;
    height: 14px;
}

.material-head-rubric .rubrika .svg-icon,
.material-head-views .svg-icon,
.material-head-date .svg-icon {
    fill: #c4cace;
}

.material-head-rubric .rubrika.green_bg .svg-icon {
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-left: 7px;
    fill: #31aa51;
}

@media (min-width: 400px) {
    .material-head-rubric .rubrika.green_bg span {
        display: block;
    }

    .material-head-rubric .rubrika.green_bg .svg-icon {
        display: none;
    }
}

.material-head-comments,
.material-bookmark,
.material-head .btn-share .social-btn-icon {
    background-color: #fff;
    border: 1px solid #b8d0e1;
    min-width: 40px;
    margin-left: 10px;
    margin-right: 0;
    cursor: pointer;
    transition: transform .15s ease;
}

.material-head-comments {
    width: auto;
    padding: 0 10px;
}

.material-head-comments .svg-icon {
    margin-right: 4px;
}

.material-head .material-bookmark.bookmark-yes,
.material-head .material-bookmark.bookmark-no {
    background-image: none;
}

.material-head .material-bookmark:hover {
    z-index: 1;
}

.material-head .material-bookmark #no_user_bookmark,
.material-head .material-bookmark #yes_user_bookmark,
.material-head .material-bookmark #del_user_bookmark {
    top: 45px;
    left: auto;
    width: 140px;
    transition: transform .15s ease;
    z-index: 10;
}

.material-head .material-bookmark:hover #no_user_bookmark,
.material-head .material-bookmark:hover #yes_user_bookmark,
.material-head .material-bookmark:hover #del_user_bookmark,
.material-head .material-bookmark:active #no_user_bookmark,
.material-head .material-bookmark:active #yes_user_bookmark,
.material-head .material-bookmark:active #del_user_bookmark {
    transform: translateY(3px);
}

.material-head .share-block {
    margin-bottom: 0;
    position: relative;
}

.material-head .audio_content {
    background: #ff8201;
    height: 40px;
    width: 100px;
    border-radius: 8px;
}

.material-head .audio_content h3 {
    line-height: 40px;
    text-transform: none;
    font-weight: 400;
    font-size: 16px;
    left: 31px;
}

.material-head .audio-puls {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
}

.material-head .audio-control {
    width: 22px;
    height: 22px;
    top: 9px;
    left: 7px;
}

.material-head .audio-button {
    border: none;
}

.material-head .audio-control > div:hover,
.material-head .audio_content:hover .audio-control > div {
    background-color: transparent;
    transform: scale3d(1.3, 1.3, 1.3);
}

.material-head-site,
.material-head-box-2 .material-head-comments {
    color: var(--moe-blue);
}

.material-head-box-3 .material-head-views,
.vue_count_read_user {
    color: #8f9aa0;
}

.down_line_nn-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    float: right;
}

.down_line_nn .reactions {
    margin: 0 20px 0 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.down_line_nn .reactions .reactions-button,
.cab-content .down_line_nn .reactions-button {
    margin-right: 2px !important;
    width: 22px !important;
    -ms-flex-pack: center;
    justify-content: center;
    transition: none;
    transform: none;
    cursor: auto;
}

.down_line_nn .reaction-icon-box,
.down_line_nn .reaction-icon-box .svg-icon.reactions-icon {
    width: 22px !important;
    height: 22px !important;
    border-radius: 4px !important;
}

.down_line_nn .total-count {
    display: block;
    margin-left: 3px;
    padding: 0;
    line-height: 36px;
    color: #838a8e;
    background-color: transparent;
}

.down_line_nn .button.company-answer-btn .company-answer01,
.down_line_nn .button.company-answer-btn .company-answer02 {
    font-size: 13px;
    line-height: 34px;
}

.down_line_nn .button.company-answer-btn .company-answer01 {
    display: none;
}

@media (min-width: 768px) and (max-width: 991px) {
    .down_line_nn .button.chit_dal {
        margin-right: 20px;
    }

    .down_line_nn .reactions {
        margin: 0 20px 0 0;
    }

    .down_line_nn .button.chit_dal span.read02,
    .down_line_nn .button.company-answer-btn .company-answer01,
    .down_line_nn .button.company-answer-btn .company-answer02 {
        display: none;
    }

    /*.down_line_nn .button.chit_dal span.read02 {
        display: none;
    }

    .down_line_nn .reactions {
        margin: 0 15px 0 0;
    }*/
}

@media (max-width: 649px) {
    .down_line_nn .button.company-answer-btn .company-answer02 {
        display: none;
    }

    .down_line_nn .button.company-answer-btn .company-answer01 {
        display: inline-block;
    }
}

@media (max-width: 559px) {
    .down_line_nn .button.company-answer-btn .company-answer01 {
        display: none;
    }
}

@media (max-width: 479px) {
    .down_line_nn .button.chit_dal span.read02,
    .down_line_nn .button.chit_dal span.read01 {
        display: none;
    }

    .down_line_nn .button.chit_dal,
    .down_line_nn .button.coments {
        margin-right: 8px;
    }

    .down_line_nn .reactions {
        margin: 0 12px 0 0;
    }

}

@media (max-width: 369px) {

}

@media (max-width: 369px) {
    .down_line_nn .button,
    .down_line_nn .button.chit_dal {
        min-width: 30px;
        padding: 0 7px;
    }
}

@media (min-width: 768px) {
    .material-head {
        padding: 0 0 20px 0;
        width: 100%;
        margin-left: 0;
        /*border-radius: 16px 16px 0 0;*/
        position: relative;
        /*background-color: #e3eaef;*/
    }

    .material-head.no-photo {
        border-radius: 16px;
    }

    /*.material-head-box-1 {
        -ms-flex-order: 1;
        order: 1;
        min-width: auto;
    }

    .material-head-box-2 {
        -ms-flex-order: 4;
        order: 4;
        min-width: auto;
    }

    .material-head-box-3 {
        -ms-flex-order: 2;
        order: 2;
        min-width: auto;
    }

    .material-head-box-4 {
        -ms-flex-order: 3;
        order: 3;
        min-width: auto;
    }

    .material-head-box-1,
    .material-head-box-2,
    .material-head-box-3,
    .material-head-box-4 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .material-head-box-1 {
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

    .material-head-box-3 {
        -ms-flex-positive: 1;
        flex-grow: 1;
    }*/
}

@media (max-width: 767px) {
    .material-head .share-block .share-panel {
        left: auto;
        top: -15px;
        right: -5px;
        padding: 15px 55px 0 15px;
    }

    .material-head .share-block .social-btn-2021.btn-close {
        top: 15px;
        right: 10px;
    }

    /*.opinion_cont .material-head {
        padding-top: 15px;
    }

    .opinion_cont .material-head .share-block .share-panel {
        top: -15px;
    }*/
}

/*@media (max-width: 490px) {
    .material-head-box-2 {
        min-width: 100%;
    }
}*/

/*@media (max-width: 430px) {
    .opinion_cont .material-head {
        padding-top: 0;
    }

    .opinion_cont .material-head-box-1 {
        -ms-flex-order: 3;
        order: 3;
        min-width: auto;
    }

    .opinion_cont .material-head-box-2 {
        -ms-flex-order: 4;
        order: 4;
        min-width: auto;
    }

    .opinion_cont .material-head-box-3 {
        -ms-flex-order: 1;
        order: 1;
        min-width: 100%;
        margin-bottom: 10px;
    }

    .opinion_cont .material-head-box-1,
    .opinion_cont .material-head-box-2 {
        margin-top: 10px;
        margin-bottom: 0;
    }

    .opinion_cont .material-head-box-1 {
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

    .opinion_cont .material-head-box-3 {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .opinion_cont .material-head-box-3 .material-head-rubric {
        margin-right: 20px;
    }
}*/

@media (max-width: 380px) {
    /*.material-head {
        padding: 10px 15px;
    }

    .material-head-back {
        height: 60px;
    }

    .material-head-box-1,
    .material-head-box-2 {
        margin-bottom: 10px;
    }

    .material-head-box-3,
    .material-head-box-4 {
        margin-top: 10px;
    }*/
    /*.material-head {
        padding: 0 15px 15px;
    }*/

    .material-head-back {
        height: 60px;
    }

    /*.material-head-box-1,
    .material-head-box-2 {
        margin-top: 10px;
    }*/

    /*.material-head-box-3,
    .material-head-box-1 {
        margin-bottom: 10px;
    }*/

    /*.material-head .share-block .share-panel {
        top: 42px;
    }*/

    /*.vue_count_read_user {
        display: none;
    }*/
    .material-head-comments {
        margin-left: 0;
    }

    .material-head-box-4 {
        min-width: 40px;
    }

    .material-head .audio_content {
        width: 40px;
    }

    .stat_centr_wr .audio_content h3 {
        display: none !important;
    }

    .material-head .audio-control {
        width: 22px;
        height: 22px;
        top: 9px;
        left: 9px;
    }

    .stat_centr_wr .audio-play:before {
        top: 1px;
        left: 4px;
        border-top: 10px solid transparent;
        border-left: 17.2px solid #fff;
        border-bottom: 10px solid transparent;
    }
}

@media (max-width: 340px) {
    /*.material-head-box-1 {
        margin-right: 10px;
    }*/

    .material-head-box-2 {
        /*min-width: 172px;*/
        /*min-width: 100%;*/
    }

    .material-bookmark,
    .material-head .btn-share .social-btn-icon {
        margin-left: 6px;
    }
}

/*End of Material Head*/

/*Geometria*/

@media (min-width: 600px) {
    .reactions {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .material-footer-box .reactions-button {
        width: 50px;
    }

    .material-footer-box .reaction-icon-box,
    .material-footer-box .svg-icon.reactions-icon,
    .material-footer-box .social-btn-icon,
    .material-footer-box .share-block .social-btn-icon,
    .material-footer-box .btn-adv-check,
    .material-footer-box .material-head-comments,
    .material-footer-box .material-bookmark {
        height: 50px;
        width: 50px;
    }

    .material-footer-box .buttons-count,
    .material-footer-box .total-count {
        height: 50px;
        min-width: 43px;
        line-height: 50px;
        margin-left: -10px;
    }

    .material-footer-box .reaction-select.reactions-button .buttons-count,
    .material-footer-box .reaction-count.reactions-button .buttons-count,
    .material-footer-box .share-panel .social-btn-2021 .buttons-count {
        width: 50px;
    }

    .material-footer-box .share-block .social-btn-2021.btn-close {
        width: 50px;
    }

    .material-footer-box .share-block .share-panel {
        padding: 20px 70px 0 20px;
    }

    .material-footer-box .share-block .social-btn-2021.btn-share .svg-icon {
        width: 25px;
        height: 25px;
    }
}

@media (min-width: 700px) {
    .reactions .reactions-button:not(:last-child),
    .cab-content .down_line_nn .reactions-button:not(:last-child),
    .material-footer-box .share-block .share-block-in > .social-btn-2021 {
        margin-right: 15px;
    }
}

@media (max-width: 530px) {
    .material-footer {
        padding-top: 60px;
    }

    .material-footer-single {
        padding-top: 20px;
    }

    .material-footer:before {
        content: 'Что думаете?';
        display: block;
        font-size: 20px;
        font-family: 'Roboto Condensed';
        position: absolute;
        top: 15px;
        left: 20px;
        font-weight: 700;
    }

    .material-footer-single:before {
        display: none;
    }

    .reactions {
        width: 100%;
    }

    .material-footer-2.no_comment {
        height: 90px;
        padding: 20px 10px 10px;
    }

    .material-footer .share-block {
        bottom: -91px;
        position: absolute;
        right: 20px;
    }

    .material-footer-single .share-block {
        bottom: auto;
        position: relative;
        right: auto;
    }

    .material-footer-row {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
    }

    .material-footer-box .reactions-button {
        width: 50px;
    }

    .material-footer-box .reaction-icon-box,
    .material-footer-box .svg-icon.reactions-icon,
    .material-footer-box .social-btn-icon,
    .material-footer-box .share-block .social-btn-icon,
    .material-footer-box .btn-adv-check,
    .material-footer-box .material-head-comments,
    .material-footer-box .material-bookmark {
        height: 50px;
        width: 50px;
    }

    .material-footer-box .buttons-count {
        height: 50px;
        line-height: 50px;
        margin-left: -10px;
    }

    .material-footer-box .reaction-select.reactions-button .buttons-count,
    .material-footer-box .reaction-count.reactions-button .buttons-count,
    .material-footer-box .share-panel .social-btn-2021 .buttons-count {
        width: 50px;
    }

    .material-footer-box .share-block .social-btn-2021.btn-close {
        width: 50px;
    }

    .material-footer-box .share-block .share-panel {
        padding: 20px 70px 0 20px;
    }

    .material-footer-box .share-block .social-btn-2021.btn-share .svg-icon {
        width: 25px;
        height: 25px;
    }

    .reactions .reactions-button:not(:last-child),
    .cab-content .down_line_nn .reactions-button:not(:last-child) {
        margin-right: 0;
    }

    .material-footer .share-block .share-panel {
        top: -20px;
        right: -19px;
    }

    .comment-form-button {
        height: 50px;
        line-height: 50px;
    }

}

@media (max-width: 400px) {
    .material-footer-box .reactions-button {
        width: 40px;
    }

    .material-footer-box .reaction-icon-box,
    .material-footer-box .svg-icon.reactions-icon,
    .material-footer-box .social-btn-icon,
    .material-footer-box .share-block .social-btn-icon,
    .material-footer-box .btn-adv-check,
    .material-footer-box .material-head-comments,
    .material-footer-box .material-bookmark,
    .material-footer-2 .compl {
        height: 40px;
        width: 40px;
    }

    .material-footer-box .buttons-count {
        height: 40px;
        line-height: 40px;
    }

    .material-footer-box .reaction-select.reactions-button .buttons-count,
    .material-footer-box .reaction-count.reactions-button .buttons-count,
    .material-footer-box .share-panel .social-btn-2021 .buttons-count {
        width: 40px;
    }

    .material-footer-box .share-block .social-btn-2021.btn-close {
        width: 40px;
    }

    .material-footer-box .share-block .share-panel {
        padding: 20px 60px 0 20px;
    }

    .material-footer-box .share-block .social-btn-2021.btn-share .svg-icon {
        width: 20px;
        height: 20px;
    }

    .material-footer-2.no_comment {
        height: 80px;
    }

    .material-footer .share-block {
        bottom: -81px;
    }

    .material-footer-single .share-block {
        bottom: auto;
    }

    .comment-form-button {
        height: 40px;
        line-height: 40px;
    }

    .novost_detalka .material-footer-2 {
        height: 120px;
    }

    .material-footer-2 .compl {
        width: 40px;
        min-width: 40px;
        line-height: 50px;
        height: 50px;
        margin-bottom: 0;
        bottom: 0;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .novost_detalka .reactions {
        width: 100%;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    /*.novost_detalka .material-footer-box .reactions-button {
        width: 40px;
    }*/
    /*.novost_detalka .material-footer-box .reaction-icon-box,
    .novost_detalka .material-footer-box .svg-icon.reactions-icon,
    .novost_detalka .material-footer-box .social-btn-icon,
    .novost_detalka .material-footer-box .share-block .social-btn-icon,
    .novost_detalka .material-footer-box .btn-adv-check,
    .novost_detalka .material-footer-box .material-head-comments,
    .novost_detalka .material-footer-box .material-bookmark {
        height: 40px;
        width: 40px;
    }*/
    .novost_detalka .reactions .reactions-button:not(:last-child) {
        margin-right: 0;
    }

    .novost_detalka .material-footer-box .reactions-button .buttons-count {
        margin: -10px 0 0 0;
    }

    .novost_detalka .material-footer-box .share-block .buttons-count {
        /*height: 40px;
        line-height: 40px;*/
        margin: 0 0 0 -10px;
    }

    /*.novost_detalka .material-footer-box .reaction-select.reactions-button .buttons-count,
    .novost_detalka .material-footer-box .reaction-count.reactions-button .buttons-count,
    .novost_detalka .material-footer-box .share-panel .social-btn-2021 .buttons-count {
        width: 40px;
    }*/
    /*.novost_detalka .material-footer-box .share-block .social-btn-2021.btn-close {
        width: 40px;
    }*/
    .novost_detalka .material-footer-box .share-block .share-panel {
        padding: 20px 60px 0 20px;
    }

    .novost_detalka .material-footer-box .share-block .social-btn-2021.btn-share .svg-icon {
        width: 20px;
        height: 20px;
    }

    .novost_detalka .material-footer .share-block {
        bottom: -90px;
        /*bottom: -80px;*/
        position: absolute;
        right: 20px;
    }

    .novost_detalka .material-footer-row {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
    }

    /*.novost_detalka .comment-form-button {
        height: 40px;
        line-height: 40px;
    }*/
}

/*End of Geometria*/

@media (min-width: 768px) {
    .material-footer-box {
        width: 100%;
        margin-left: 0;
    }

    .material-footer {
        border-radius: 16px 16px 0 0;
    }

    .no_comment .material-footer,
    .material-footer-single {
        border-radius: 16px;
    }

    .material-footer-2 {
        border-radius: 0 0 16px 16px;
    }

    .material-footer .share-block .share-panel {
        top: 0;
        right: 0;
    }

}

@media (max-width: 719px) {
    .reactions {
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

    .reaction-panel .reactions {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .total-count,
    .reaction-panel-button {
        display: inline-block;
        float: left;
        position: relative;
    }

    .total-count {
        z-index: 2;
        min-width: auto;
        padding: 0 10px 0 20px;
    }

    .total-count .buttons-count {
        min-width: auto;
    }

}

@media (max-width: 340px) {
    .material-head-rubric .rubrika.green_bg span {
        font-size: 11px;
    }
}

@media (min-width: 1440px) {
    .d-1440-block {
        display: block !important;
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    /*text-decoration: underline;*/
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
    max-width: 100%;
    user-select: none;
}

video {
    display: block;
    max-width: 100%;
    width: 100%;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

/*End of normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/*--------------------------------------------------------------*/

@font-face {
    font-family: 'pro-icons';
    src: url('/themes/default/front/fonts/pro-icons/pro-icons.eot?chemcq');
    src: url('/themes/default/front/fonts/pro-icons/pro-icons.eot?chemcq#iefix') format('embedded-opentype'),
    url('/themes/default/front/fonts/pro-icons/pro-icons.ttf?chemcq') format('truetype'),
    url('/themes/default/front/fonts/pro-icons/pro-icons.woff?chemcq') format('woff'),
    url('/themes/default/front/fonts/pro-icons/pro-icons.svg?chemcq#pro-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="pro-icon-"], [class*=" pro-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'pro-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pro-icon-facebook-f-brands:before {
    content: "\e900";
}

.pro-icon-odnoklassniki-brands:before {
    content: "\e901";
}

.pro-icon-telegram-plane-brands:before {
    content: "\e902";
}

.pro-icon-thumbs-up-solid:before {
    content: "\e903";
}

.pro-icon-twitter-brands:before {
    content: "\e904";
}

.pro-icon-viber-brands:before {
    content: "\e905";
}

.pro-icon-vk-brands:before {
    content: "\e906";
}

.pro-icon-clock-solid:before {
    content: "\e907";
}

.pro-icon-comment-solid:before {
    content: "\e908";
}

.pro-icon-envelope-solid:before {
    content: "\e909";
}

.pro-icon-eye-solid:before {
    content: "\e90a";
}

.pro-icon-smile-solid:before {
    content: "\e90b";
}

.pro-icon-trash-alt-solid:before {
    content: "\e90c";
}

.pro-icon-pro-arrow-next:before {
    content: "\e90d";
}

.pro-icon-pro-arrow-prev:before {
    content: "\e90e";
}

/*-----------------------------------------*/

/*Bootstrap 4*/

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}


.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

.mb-0 {
    margin-bottom: 0 !important;
}

/*End of Bootstrap 4*/

/*Basic css-------*/

* {
    box-sizing: border-box;
}

.mt-2 {
    margin-top: 20px !important;
}

.inTop {
    position: fixed;
    right: 20px;
    bottom: 70px;
    width: 60px;
    height: 60px;
    opacity: 1;
    filter: alpha(opacity=50);
    cursor: pointer;
    display: none;
    z-index: 9999;
}

.inTop:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 15000;
}

.inTop p.top,
.inTop p.down {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    display: block;
    font-size: 30px;
    line-height: 55px;
    text-align: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    transition: all .1s ease;
    z-index: 200;
    opacity: .6;
}

.inTop p.top:hover,
.inTop p.down:hover {
    opacity: 1;
}

.inTop p.top i,
.inTop p.down i {
    line-height: .7;
}

/*.inTop p.top {
    background-image: url(/themes/default/front/img/arrow_top1.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.inTop p.down {
    background-image: url(/themes/default/front/img/arrow_down1.svg);
    background-size: contain;
    background-repeat: no-repeat;
}*/

@media (max-width: 767px) {
    .inTop {
        right: 20px;
        bottom: 75px;
        width: 40px;
        height: 40px;
    }

    .inTop p.top,
    .inTop p.down {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 36px;
    }
}

.no-active {
    pointer-events: none;
    opacity: .5;
}

* {
    box-sizing: border-box;
}

body, p {
    font-size: 14px;
    word-wrap: break-word;
}

body {
    min-width: 320px;
    line-height: 1.4;
    font-weight: 400;
    overflow-x: hidden;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

dir, menu, p, ul {
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    margin: 0;
}

a, a:active, a:focus, a:hover {
    text-decoration: none;
    outline: 0;
}

a {
    cursor: pointer !important;
}

ins, a {
    text-decoration: none;
}

dir, menu, p, ul {
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    margin: 0;
}

dir, menu, ul {
    list-style-type: disc;
    -webkit-padding-start: 0;
    padding: 0;
}

ul > li {
    list-style: none;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th, td,
.pro-content .stat_centr_wr th p,
.pro-content .stat_centr_wr td p {
    font-size: 14px;
    line-height: 1.2;
    padding: 5px;
    word-wrap: break-word;
    vertical-align: middle;
    text-align: center;
}

th:first-child, td:first-child,
th:first-child p, td:first-child p {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: 400;
    margin: 0;
}

textarea, input, label {
    outline: none !important;
}

button, html input[type="button"],
input[type="reset"], input[type="submit"] {
    outline: 0;
    border: none;
}

.pro-button {
    margin-top: 0;
    height: 35px;
    line-height: 35px;
    width: auto;
    border: none;
    border-radius: 8px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 15px;
    letter-spacing: .5px;
    cursor: pointer;
}

.font_os {
    font-style: normal;
}

.com_nam {
    font-size: 20px;
    text-transform: uppercase;
}

.com_nam .count {
    font-weight: 400;
}

.head_com_block {
    display: inline-block;
    width: 100%;
    margin-top: 50px;
}

.com_nam1 {
    font-size: 20px;
    line-height: 27px;
    text-transform: uppercase;
    background-color: transparent;
    padding: 0;
    margin: 0 0 5px;
    font-weight: 700;
    float: left;
}

.pravila1 {
    float: right;
    text-decoration: underline;
    line-height: 29px;
}

.pravila1 a {
    font-size: 13px;
    font-weight: 700;
}

.pl_rubrika {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    font-size: 13px;
    line-height: .6;
    font-weight: 700;
    padding: 8px 15px 0 0;
    border-radius: 0 10px 0 0;
    background-color: #fff;
}

.anons-first .plitka_wr_title .pl_rubrika,
.plitka_wr_title .pl_rubrika {
    display: none;
}

.plitka_img {
    display: inline-block;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.anons-pro-small.plitka-animate .plitka_img {
    animation-name: image-animate;
    animation-duration: 15s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    transform-origin: left center;
    animation-delay: 1s;
}

@keyframes image-animate {
    0% {
        transform: none
    }
    25% {
        transform: scale(1.4)
    }
    70% {
        transform: scale(1.4) translateX(-25%)
    }
    85% {
        transform: none
    }
    100% {
        transform: none
    }
}

.site__top .menu {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.site__top .menu a {
    vertical-align: top;
    text-decoration: none;
    line-height: 20px;
    font-size: 16px;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    color: #ffffff;
}

#nav-icon3 {
    display: inline-block;
    width: 27px;
    height: 20px;
    position: relative;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
    top: 34px;
    left: 15px;
}

#nav-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 4px;
    opacity: 1;
    left: 0;
    background: #ffffff;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
    top: 2px;
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
    top: 10px;
}

#nav-icon3 span:nth-child(4) {
    top: 18px;
}

.hint-moe,
.no_user_like,
#no_user_like,
#no_user_bookmark,
.no_user_bookmark1,
.no_user_bookmark2,
.no_user_bookmark3,
#yes_user_bookmark,
#del_user_bookmark,
#read_com,
#more_share,
.no_user_claim,
.down_line_nn .empty_com,
.now_views {
    display: none;
    position: absolute;
    top: 45px;
    z-index: 990;
    background: #fff7d5;
    padding: 3px 7px;
    border: 1px solid #8c9fac;
    -webkit-box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, .2);
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
}

@media only screen and (min-width: 480px) {
    .comment_mob_lite .no_user_bookmark3 {
        bottom: 72px;
        left: 15px;
        top: auto;
    }
}

.pro-sticky {
    position: sticky;
    top: 100px;
}

.pro-adv {
    position: relative;
    overflow: hidden;
}

@media (min-width: 768px) {
    .pro-nn .forum-menu-container {
        height: calc(100vh - 478px);
    }

    .pro-nn .forum-menu-container.max-height {
        height: calc(100vh - 150px);
    }
}

/*.pro-adv:before,
.pro-adv-head:before {
    content: 'Реклама';
    position: absolute;
    right: 0;
    top: -13px;
    font-size: 10px;
    line-height: 13px;
    color: #999;
}*/

/*End of Basic css-------*/

[id^='in-image-shadow'] {
    /*position: relative;*/
    z-index: 1;
}

/*Headers*/

.projects .main-header-2020 .greedy-a,
.projects .main-header-2020 .greedy-nav-top-fixed .dropdown-panel .greedy-li .greedy-a {
    transition: all .45s ease;
    text-decoration: none;
}

.projects .main-header-2020 .greedy-li:hover .greedy-a,
.projects .main-header-2020 .greedy-nav-top-fixed .dropdown-panel .greedy-li:hover .greedy-a {
    transition: all .1s ease;
    text-decoration: none;
}

.projects .main-header-2020 .greedy-show-more > .greedy-a,
.projects .main-header-2020 .greedy-show-more .greedy-li:hover > .greedy-a {
    transition: all .1s ease;
}

.projects .main-header-2020 .greedy-sandwich-line {
    transition: all .4s ease;
}

.projects .main-header-2020 .greedy-show-more:hover .greedy-sandwich-line {
    transition: all .1s ease;
}

.header {
    margin-top: 40px;
    background: #fff;
    position: relative;
    z-index: 1020;
}

.header:before {
    content: '';
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: #fff;
}

.projects .main-header-2020.fixed-permanent {
    position: absolute;
    top: -40px;
    /*top: 0;*/
    height: 40px;
    min-height: 40px;
}

.projects .in-top .notifications .noti_panel .header {
    margin-top: 0;
}

.projects .in-top .notifications .noti_panel .header:before {
    display: none;
}

.projects .in-top .notifications .noti_panel a:hover {
    color: inherit;
}

/*Анимация шапки*/

/*.projects .main-header-2020.fixed-permanent {
    transform: translateY(0);
    will-change: transform;
    transition: transform .5s ease;
}

.projects .main-header-2020.fixed-permanent.el-hidden {
    transform: translateY(-100%);
    transition: transform .2s ease;
}*/

/*End of Анимация шапки*/

.projects .header-line-1,
.projects .main-header-2020.fixed .container-in,
.projects .header-line-1-back,
.projects .main-header-2020.fixed .header-logo-2020,
.projects .header-content,
.projects .greedy-nav-top-fixed,
.projects .main-header-2020.fixed .greedy-nav,
.projects .greedy-nav-top-fixed ul.links.greedy-show-more,
.projects .main-header-2020.fixed .in-top {
    height: 40px;
}

.projects .header-line-1-back {
    background-color: #30a2f5;
    border-bottom: none;
}

.projects .header-line-1:before {
    display: none;
}

.projects .main-header-2020.fixed .header-logo-2020 {
    width: 80px;
    border-radius: 0;
    background-color: #30a2f5;
}

.projects .main-header-2020.fixed .header-logo-2020 a img {
    width: 50px;
}

.projects .main-header-2020.fixed .header-content {
    bottom: 0;
    left: 80px;
    width: calc(100% - 80px);
}

.projects .main-header-2020 .greedy-nav-top-fixed {
    left: 0;
    width: calc(100% - 200px);
}

.projects .greedy ul.links.greedy-show-more {
    width: 64px;
    min-width: 64px;
    flex: none;
}

.projects .header-line-2 .greedy-show-more .greedy-li:hover .greedy-btn:after {
    display: none;
}

.projects .greedy ul.links.links-2 {
    margin-left: 0;
    width: calc(100% - 64px);
}

.projects .greedy-nav-top-fixed ul.links-3 {
    /*-ms-flex-pack: start;
    justify-content: flex-start;*/
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.projects .greedy-nav-top-fixed .greedy-li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
}

@media (min-width: 768px) {
    .projects .greedy-nav-top-fixed .links.links-3 > li {
        display: none;
    }

    .projects .greedy-nav-top-fixed .links.links-3 > li:nth-child(1),
    .projects .greedy-nav-top-fixed .links.links-3 > li:nth-child(2) {
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 992px) {
    .projects .greedy-nav-top-fixed .links.links-3 > .in-main-992 {
        display: -ms-flexbox;
        display: flex;
    }

    .projects .greedy-nav-top-fixed li:not(.parent-rubric) .dropdown-panel .dropdown-panel-list .in-main-992 {
        display: none;
    }
}

@media (min-width: 1280px) {
    .projects .greedy-nav-top-fixed .links.links-3 > .in-main-1200 {
        display: -ms-flexbox;
        display: flex;
    }

    .projects .greedy-nav-top-fixed li:not(.parent-rubric) .dropdown-panel .dropdown-panel-list .in-main-1200 {
        display: none;
    }
}

.projects .greedy-nav-top-fixed .links-3 .greedy-a {
    margin: 0 15px;
    padding: 2px 0 0;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 400;
    text-transform: none;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    border-bottom: 1px dotted transparent;
}

.projects .greedy-nav-top-fixed .links-3 > .greedy-li:hover > .greedy-a:not(.greedy-btn),
.projects .greedy-nav-top-fixed .links-3 > .greedy-li:focus > .greedy-a:not(.greedy-btn) {
    background-color: transparent;
    border-bottom: 1px dotted #fff;
}

.projects .greedy-nav-top-fixed ul.links.greedy-show-more {
    margin-left: 10px;
    width: 64px;
    min-width: auto;
}

.projects .greedy-nav-top-fixed .greedy-show-more,
.projects .greedy-nav-top-fixed .greedy-show-more .greedy-btn,
.projects .greedy-nav-top-fixed .greedy-nav-fixed {
    width: 64px;
}

.projects .greedy-sandwich-line {
    height: 2px;
    border-radius: 1px;
    background-color: #fff;
}

.projects .greedy-nav-top-fixed .greedy-sandwich-line:nth-child(1) {
    top: calc(50% - 7px);
}

.projects .greedy-nav-top-fixed .greedy-sandwich-line:nth-child(2) {
    top: calc(50% - 1px);
}

.projects .greedy-nav-top-fixed .greedy-sandwich-line:nth-child(3) {
    top: calc(50% + 5px);
}

.projects .main-header-2020 .greedy-show-more .greedy-li:hover .greedy-btn,
.projects .main-header-2020 .greedy-show-more .greedy-li:focus .greedy-btn {
    border-bottom: none;
}

.projects .greedy-nav-top-fixed .greedy-3 .greedy-show-more .dropdown-panel-add {
    padding: 15px 20px;
    right: auto;
    left: 0;
    width: auto;
}

/*Позиционирование выпадающей панели для экранов меньше 1200px*/
@media (max-width: 1199px) {
    .projects .main-header-2020 .greedy-nav-top-fixed,
    .projects .main-header-2020.fixed .greedy-nav,
    .projects .greedy-nav-top-fixed .greedy-li {
        position: static;
    }

    .projects .greedy-nav-top-fixed .greedy-3 .greedy-show-more .dropdown-panel-add {
        right: 0;
        left: auto;
    }
}

/*End of Позиционирование выпадающей панели для экранов меньше 1200px*/

.projects .greedy-nav-top-fixed .greedy-3 .greedy-show-more .dropdown-panel-add ul {
    column-count: unset;
}

.projects .main-header-2020 .greedy-nav-top-fixed .dropdown-panel .greedy-a,
.main-header-project .dropdown-panel .greedy-li .greedy-a {
    font-family: 'Roboto', sans-Serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    text-align: left;
    text-transform: none;
    white-space: nowrap;
    margin: 6px 0;
    padding: 0;
    width: auto;
    border-bottom: 1px dotted transparent;
}

.projects .main-header-2020 .greedy-nav-top-fixed .dropdown-panel .greedy-a {
    color: #000;
}

.projects .main-header-2020 .greedy-nav-top-fixed .dropdown-panel .greedy-li:hover .greedy-a {
    border-bottom: 1px dotted #000;
}

.projects .main-header-2020 .greedy-show-more .dropdown-panel-footer,
.projects .main-header-2020 .greedy-nav-top-fixed .group-el {
    display: none;
}

.projects .main-header-2020.fixed .in-top {
    top: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    max-width: 200px;
    padding: 5px 0;
}

.projects .main-header-2020 .in-top .navbar-nav,
.projects .main-header-2020 .in-top .navbar-nav > li > a {
    height: 30px;
}

.projects .main-header-2020 .in-top .notifications,
.projects .mobile-header-2020 .in-top .notifications {
    min-width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
    font-size: 15px;
    text-align: center;
    border-radius: 15px;
}

.projects .notifications.yes-notifications.open,
.projects .main-header-2020 .auth-user .notifications.no-notifications.open {
    border-radius: 15px 15px 0 0;
}

.projects .in-top .navbar-nav > li.notifications > span,
.projects .in-top .navbar-nav > li.notifications > a {
    line-height: 30px;
    height: 30px;
    padding: 0 8px;
}

.projects li.notifications.yes-notifications > a > i.fa-bell {
    animation: 4s tremor linear infinite;
    transform-origin: center top;
    line-height: 30px;
}

.projects li.notifications.yes-notifications > a .count-nots {
    line-height: 30px;
}

.projects .in-top .polz_pol,
.projects .in-top .head-user-avatar {
    height: 30px;
    width: 30px;
}

.projects .main-header-2020 .user_name,
.projects .main-header-2020.fixed .auth-user-name {
    color: #fff;
    display: inline-block;
}

.projects .main-header-2020 .in-top .navbar-nav > li > a:hover .user_name {
    border-bottom: 1px dotted #fff;
}

.projects .in-top .notifications .noti_panel {
    top: 30px;
}

.projects .main-header-2020 .notifications.no-notifications {
    background-color: rgba(255, 255, 255, 0.4);
}

.projects .in-top .notifications.guest-notification span i,
.projects .in-top .notifications.guest-notification a i {
    line-height: 30px;
}

.projects .in-top .notifications.guest-notification .no_user_bookmark {
    display: none;
}

.pro-adv-head {
    margin: 20px 0;
    min-height: 180px;
    max-height: 250px;
    position: relative;
    background: #eee;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-header-project {
    background: #fff;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .projects .main-header-2020 .greedy-nav-top-fixed {
        left: 0;
        width: calc(100% - 115px);
    }
}

.projects.for-phone .header-phone .main-header-2020.fixed .header-logo-2020 {
    width: 30px;
    border-radius: 0;
}

.projects.for-phone .header-phone .main-header-2020.fixed .header-logo-2020 a img {
    max-width: 30px;
    width: 30px;
    max-height: 30px;
    height: 30px;
}

.projects.for-phone .header-phone .main-header-2020.fixed .header-content {
    bottom: 0;
    left: 30px;
    width: calc(100% - 30px);
    overflow: hidden;
    display: flex;
    align-items: center;
}

.projects.for-phone .header-phone .greedy-a {
    display: inline-block;
    width: auto;
    margin: 0 0 0 15px;
    padding: 0;
    font-size: 14px;
    line-height: 40px;
    font-weight: 400;
    text-transform: none;
    color: #fff;
    font-family: 'Roboto', sans-serif;
}

.projects.for-phone .header-phone .greedy-a-more {
    display: flex;
    align-items: center;
    max-width: calc(100% - 92px - 10px);
}

.projects.for-phone .header-phone .greedy-a-more span {
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Roboto', sans-serif;
    white-space: nowrap;
    margin-right: 5px;
}

@media (max-width: 767px) {
    .adv-container {
        background-color: #fff;
    }

    .adv-container .pro-adv-head {
        margin: 20px 0;
        min-height: 250px;
    }
}

/*End of Headers*/

/*Базовая разметка-----*/

/*html, body {
    height: 100%;
    width: 100%;
}*/

body.projects {
    scroll-behavior: smooth;
    padding: 0;
}

body.projects,
body.projects p {
    color: #000;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 700;
    line-height: 1.1;
    color: inherit;
}

.pro-content {
    color: #000;
}

html,
body {
    font-family: 'Roboto', sans-serif;
}

.main-header-2020,
.pro-row-block-forum h2,
.pro-block-comment h2,
.all_button,
.pro-row-buttons span,
.pro-edit-menu *,
.radio label,
.checkbox label,
.menu2 .block-pro-author,
.container-rubric .main-rubric,
.bottom-cover-content .lid,
.pro-menu-content .selectize-control.single .selectize-input,
.pro-menu-content .selectize-dropdown [data-selectable],
.pro-button,
.live-button,
.message-add,
.down_line_nn,
.btn,
.subscription-btn,
.pro-search .input-group .btn,
.lid-footer button.button,
.com-btn .comebt_butt,
.comments-block .all_button .pokaz_all,
.pagination,
.forum-menu-expand,
.pro-nn .polz_pol_wr .lines .user_status,
.container-search .h5 {
    user-select: none;
}

.template-pro {
    display: flex;
    flex-direction: column;
}

.main {
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
}

footer {
    margin-top: 30px;
}

footer,
footer div,
footer a {
    font-size: 13px;
}

footer a,
footer span {
    white-space: nowrap;
}

.visible-768,
.visible-1024,
.visible-1280,
.visible-1650 {
    display: none !important;
}

.projects .container,
.projects #menu_wr-1 .container,
footer.container-row {
    position: relative;
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
}

footer a span.rss {
    padding: 0 5px;
    color: #fff;
    background-color: #ff9912;
}

footer a span.rss:hover {
    background-color: #da7f00;
}

.pro-content {
    position: relative;
    height: auto;
    min-height: 100vh;
    margin: auto;
}

/*.bottom-cover {
    height: 108px;
}*/

/*.bottom-cover div {
    height: 100%;
}*/

.container-top {
    padding-top: 40px;
}

.container-forum + .container-top {
    padding-top: 20px;
}

.pro-content.ondown {
    z-index: 800;
}

.pro-header-back {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 470px;
    z-index: 700;
}

.pro-header-img {
    width: 100%;
    height: 245px;
    margin-top: 0;
    position: relative;
    overflow: hidden;
    /* background-position: left top;
     background-repeat: no-repeat;
     background-size: auto;*/
}

.pro-header-img img,
.pro-header-img-2 img {
    width: 100%;
    height: 245px;
    object-fit: cover;
    object-position: left top;
}

.template-pro-noadv .pro-header-img img,
.template-pro-noadv .pro-header-img-2 img {
    width: 100%;
}

/*---------------------------------------------------*/

.header-carousel {
    width: 100%;
    height: 245px;
    z-index: -1;
}

.header-carousel .carousel-inner,
.header-carousel .carousel-inner .item {
    width: 100%;
    height: 100%;
}

.header-carousel .carousel-inner .item img {
    width: 100%;
    height: 245px;
    /*height: 100%;
    object-fit: cover;*/
    object-position: left top;
}

.carousel.fade {
    opacity: 1;
}

.carousel.fade .item {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 1.5s;
}

.carousel.fade .item.active {
    position: relative;
    opacity: 1;
}

/*---------------------------------------------------*/

.pro-header1 {
    position: relative;
    width: 100%;
    height: 215px;
    z-index: 1070;
}

.pro-header1:hover,
.pro-header1:focus {
    z-index: 1070;
}

.menu1 {
    height: 50px;
    width: 100%;
}

#nav_memu_wr .nav_wr ul > li.open_menu {
    background-color: transparent;
}

#menu_wr-1 {
    width: 100%;
}

#menu_wr-1 .menu_top .nav_wr ul > li.open_menu div {
    display: inline-block;
}

#menu_wr-1 .menu_top .nav_wr ul > li.open_menu .dropdown-item {
    color: #000 !important;
}

.menu2 {
    position: relative;
    height: 80px;
    z-index: 1080;
}

.menu2 .pro-header-img-2 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    overflow: hidden;
}

.menu2:before {
    content: '';
    width: 100%;
    height: 245px;
    height: 200px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}

.menu2.top-fix {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto;
}

.menu2.is_stuck {
    height: 50px;
    z-index: 1050;
}

.menu2.is_stuck .pro-menu-container {
    padding: 0;
}

.menu2.is_stuck .pro-menu-content {
    margin-left: 0;
}

/*Animation Logo + Author*/

.pro-menu-container .pro-logo-menu {
    display: block;
    position: absolute;
    height: 140px;
    bottom: 55px;
    left: 0;
    opacity: 0;

    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.pro-menu-container .pro-logo {
    position: absolute;
    width: 367px;
    height: auto;
    bottom: 17px;
    left: -20px;
    transform: scale(1);
    -webkit-transition: .1s;
    transition: .1s;
}

.menu2.is_stuck .pro-menu-container .pro-logo {
    width: auto;
    height: 100%;
    bottom: 0;
    left: 0;
}

.pro-menu-container .pro-logo:hover {
    transform: scale(1.02);
}

.pro-menu-container .pro-logo-menu,
.menu2 .block-pro-author {
    will-change: transform;
}

.pro-menu-container .pro-logo-menu,
.menu2.pro-shrink .pro-menu-container .pro-logo-menu {
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: auto;
    /*-webkit-transition: .3s ease;
    transition: .3s ease;*/
}

.pro-menu-container .pro-logo-menu {
    /*display: block;*/
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.pro-menu-container .pro-logo-menu.pro-shrink {
    /*display: none;*/
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.pro-menu-container .pro-logo-menu-min {
    display: none;
}

.menu2.top-fix .pro-menu-container .pro-logo-menu-min {
    display: block;
}

.pro-menu-container .pro-logo-menu-min {
    position: absolute;
    height: 40px;
    bottom: 5px;
    left: 0;
    opacity: 0;

    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.menu2.top-fix .pro-menu-container .pro-logo-menu-min {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    /*-webkit-animation-delay: .3s;
    animation-delay: .3s;*/
}

.menu2 .block-pro-author {
    position: absolute;
    right: 0;
    bottom: 95px;
    white-space: nowrap;
    height: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;

    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    /*-webkit-animation-delay: .3s;
    animation-delay: .3s;*/
}

.pro-header1.pro-shrink ~ .menu2 .block-pro-author {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.pro-author-portrait {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #fff;
    object-fit: cover;
    object-position: center;
    background-color: #eee;
}

.pro-author-name {
    display: inline-block;
    white-space: nowrap;
    font-size: 13px;
    line-height: 1.2;
    padding: 10px 10px 10px 26px;
    margin-left: -20px;
    border-radius: 0 10px 10px 0;
    z-index: -1;
}

.pro-author-name span {
    font-weight: 700;
}

/*End of Animation Logo + Author*/

/*ul.hidden-links,
ul.pro-menu .dropdown-menu {
    -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, .15);
    box-shadow: 0 6px 6px rgba(0, 0, 0, .15);
}*/

aside.adv {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1055;
    background-color: #eee;
}

.template-pro.template-pro-noadv aside.adv {
    display: none;
}

.template-pro-noadv .pro-header-back,
.template-pro-noadv .menu2,
.template-pro-noadv .pro-content {
    width: 100%;
}

.col-content {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 0;
    padding-right: 30px;
}

.col-content.col-content-one {
    width: 100%;
    margin-top: 40px;
    padding: 0;
}

.col-content-inside {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.col-content .col-xs-6 {
    width: 100%;
}

.col-right {
    display: none;
    width: 300px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    min-height: 1px;
}

.col-nn,
.col-right-in {
    display: flex;
    flex-direction: column;
}

.col-nn,
.col-right-in,
.col-right .pro-block {
    width: 100%;
    height: 100%;
}

.col-right .pro-block.pro-block-50 {
    height: 50%;
}

.col-right .pro-block.pro-block-33 {
    height: 33.3333%;
}

.col-right .pro-block .pro-block-content {
    width: 100%;
    margin-bottom: 30px;
}

.pro-block-content-add {
    padding: 27px 30px 65px;
    margin-bottom: 40px;
    position: relative;
    background-color: #fff;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .15);
}

.pro-block-content-add:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: calc(50% - 27px);
    width: 54px;
    height: 45px;
}

.pro-block-content-add h3 {
    font-weight: 700;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
}

.pro-block-content-add h3 span {
    display: inline-block;
    width: 100%;
    text-transform: none;
    margin-top: 3px;
}

.pro-block-content-add ul {
    margin: 25px 0 25px 20px;
    padding: 0;
}

.pro-block-content-add ul li {
    margin-bottom: 15px;
    line-height: 1.4;
    list-style-type: none;
}

.pro-block-content-add ul li:before {
    content: "\f111";
    font-family: FontAwesome;
    padding-right: 10px;
    font-size: 11px;
    vertical-align: 1px;
    margin-left: -20px;
}

.pro-block-content-add > a {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.pro-block-content img {
    width: 100%;
}

.anons {
    width: 100%;
    background-color: #c2d1d2;
    margin-bottom: 30px;
}

.anons img {
    width: 100%;
}

/*------*/

.col-content-inside .anons-pro-small {
    position: relative;
    display: block;
    /*cursor: pointer;*/
}

.anons-pro-small-inside-1 {
    overflow: hidden;
    height: 100%;
}

/*.col-content-inside .anons-pro-small:before {
    content: "";
    display: block;
    padding-top: 84%;
}

.anons-pro-small-inside-1 {
    position: absolute;
    top: 0;
    left: 15px;
    bottom: 0;
    right: 15px;
    overflow: hidden;
}*/

.anons-pro-small-inside-2 {
    width: 100%;
    /*height: 100%;
    object-fit: cover;
    object-position: center;*/
}

.anons-pro-small:not(.anons-first) .anons-pro-small-inside-2 {
    height: 100%;
}

@media (max-width: 575px) {
    .anons-pro-small:not(.anons-first) .anons-pro-small-inside-2 {
        height: auto;
    }
}

.svg-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    transition: .1s;
}

/*End of Базовая разметка-----*/

/*Авторизация-регистрация*/

.log_pass {
    height: 155px;
}

.help-block {
    margin-bottom: 10px;
    margin-top: 0;
    line-height: 1;
}

.help-block strong {
    font-size: 14px !important;
    color: #ff2246 !important;
    font-weight: normal !important;
}

#flash-overlay-modal .modal-content {
    border-radius: 0 !important;
    text-align: center;
}

.recovery .panel {
    border-radius: 0;
}

.recovery .panel-body {
    width: 330px;
    margin: 20px auto;
}

.recovery .btn {
    font-size: 14px !important;
    border-radius: 0;
    background-color: var(--moe-blue);
    border: none;
}

.recovery .btn:hover,
.recovery .btn:active,
.recovery .btn:focus {
    background-color: #455795;
    border: none;
}

.recovery i.fa-refresh {
    margin: 4px 10px 0 5px;
    padding: 0;
}

.recovery h1 {
    margin: 0 -15px;
    font-size: 26px;
}

.recovery input {
    border-radius: 0;
}

/*End of Авторизация-регистрация*/

.project-description {
    padding: 20px;
    font-size: 14px;
}

.project-description h1 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700;
}

.project-description p {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    /*display: -moz-box;
    display: -webkit-box;
    line-clamp: 3;
    box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;*/
}

.project-description a {
    display: block;
    text-align: right;
}

ul.pro-menu li.open > a:before,
.all_button,
button.edit_title_front,
button.edit_text_front {
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
}

.menu1 {
    /*background-color: #dd0000;*/
    background-color: var(--moe-blue);
    height: 50px;
}

#menu_wr-1 {
    display: block;
    height: 50px;
    box-shadow: none;
}

#menu_wr-1 .logo_wr {
    height: 45px;
    display: inline-block;
    float: left;
    margin: 5px 30px 0 0;
    background-color: transparent;
    transform: translateY(0);
}

/*#menu_wr-1 .logo_wr:hover {
    transform: translateY(2px);
}*/

.logo_wr img {
    height: 90%;
}

#menu_wr-1 .menu_top {
    display: inline-block;
    float: left;
    margin: 0;
    width: auto;
    height: 50px;
}

#nav_memu_wr {
    background-color: transparent;
    width: auto;
    height: 100%;
    margin: 0;
}

#menu_wr-1 .menu_top .nav_wr {
    height: 100%;
}

#menu_wr-1 .menu_top .nav_wr ul > li {
    display: inline-block;
    float: left;
    height: 100%;
    font-size: 14px;
    line-height: 50px;
    font-weight: 400;
    text-transform: none;
    margin-right: 0;
}

#menu_wr-1 .menu_top .nav_wr ul > li > a:hover,
#menu_wr-1 .menu_top .nav_wr ul > li > a:active,
#menu_wr-1 .menu_top .nav_wr ul > li > a:focus {
    background-color: rgba(0, 0, 0, 0.15);
    color: #fff;
}

#menu_wr-1 .menu_top .nav_wr ul > li > a {
    display: inline-block;
    padding: 0 15px;
    line-height: 50px;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
}

#nav_memu_wr .btn {
    background-color: #fff;
    color: var(--moe-blue);
    height: 28px;
    width: auto;
    min-width: 130px;
    border-radius: 0;
    border: none;
    padding: 0 12px;
    line-height: 28px;
    font-size: 14px;
    text-align: left;
}

#menu_wr-1 .btn-group > .btn:first-child {
    margin-left: 15px;
}

.btn-group.open .dropdown-toggle,
.btn:active,
.btn.active {
    box-shadow: none;
}

.menu_top .btn-group .dropdown-menu {
    padding: 5px 0;
    margin-top: 0;
    margin-left: 15px;
    border: none;
    width: auto;
    min-width: 130px;
    line-height: 26px;
    font-size: 14px;
    background-color: #fff;
    box-shadow: none;
}

.menu_top .btn-group .dropdown-menu a {
    width: 100%;
    display: inline-block;
    line-height: 26px;
    padding: 0 14px;
}

.menu_top .btn-group .dropdown-menu a:hover {
    color: #fff;
    background-color: #7bc0fd;
}

.vhod_mob {
    display: flex;
    align-items: center;
    position: relative;
    width: auto;
    min-width: 16px;
    padding: 0;
    height: 50px;
    float: right;
    text-align: center;
}

.vhod_mob a {
    margin-right: -9px;
}

.vhod_mob a img {
    height: 20px;
    width: 15.5px;
}

.vhod_mob a span {
    display: inline-block;
    color: #fff;
    float: left;
    line-height: 50px;
    max-width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: .2s;
    transition: .2s;
}

.vhod_mob a:hover .av_header {
    transform: scale(1.075);
    -webkit-transition: .2s;
    transition: .2s;
}

.vhod_mob a:hover span {
    font-weight: 700;
}

.vhod_mob .dropdown-menu {
    background-color: #fff;
    border: none;
    margin: 0;
}

.vhod_mob .dropdown-menu > li > a {
    color: #333;
}

.av_header {
    /*position: absolute;*/
    /*top: 9px;*/
    /*left: calc(50% - 16px);*/
    /*right: 0;*/
    margin: 9px 10px;
    float: left;
    width: 32px;
    height: 32px;
    border: 1px solid #fff;
    background-color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.vhod_mob .icon-icon-moe-13 {
    color: #fff;
    font-size: 20px;
    line-height: 50px;
}

.site__top {
    width: 77px;
    height: 50px;
    position: absolute;
    z-index: 201;
    right: 0;
    top: 0;
}

.site__top .menu {
    width: 100%;
}

#nav-icon3 {
    top: 15px;
    left: 25px;
}

.main_header {
    z-index: 1020;
}

.menu2 div {
    height: 100%;
    position: relative;
}

.pro-menu-container,
ul.pro-menu,
ul.pro-menu > li,
ul.pro-menu > li button {
    height: 50px;
    position: relative;
}

.pro-menu-container {
    width: 100%;
    position: absolute;
    left: 0;
    top: 15px;
    padding: 0;
}

.menu2.is_stuck .pro-menu-container {
    top: 0;
}

/*.pro-menu-container .pro-logo {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.menu2.pro-shrink .pro-menu-container .pro-logo {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.menu2.top-fix .pro-menu-container .pro-logo {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}*/

/*.pro-menu-container:before {
    content: '';
    position: absolute;
    left: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}*/

/*ul.pro-menu {
    opacity: 0;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}*/

.pro-menu-content {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    /*overflow: hidden;*/
    background-color: transparent;
    height: 50px;
    transition: .1s;
}

.menu2 .pro-menu-content {
    margin-left: -15px;
}

/*.pro-menu-content:hover,
.pro-menu-content:focus {
    overflow: visible;
}*/

ul.pro-menu {
    position: relative;
    /*overflow: hidden;*/
}

.pro-menu-content.extended ul.pro-menu {
    overflow: visible;
    height: auto !important;
}

/*Menu Leve2*/

.container-rubric {
    font-size: 18px;
    line-height: 50px;
}

.container-rubric .main-rubric {
    text-transform: uppercase;
    padding: 0 20px 0 0;
    margin: 0;
    cursor: pointer;
    font-size: 24px;
    font-weight: 700;
}

.container-rubric ul.pro-menu a {
    text-transform: none;
    padding: 0 20px;
    margin: 0;
}

/*End of Menu Leve2*/

/*ul.pro-menu > li {
    float: left;
}*/

/*ul.pro-menu > li.open {
    font-weight: 700;
}*/

.pro-breadcrumb > div,
.pro-breadcrumb a {
    position: relative;
    display: inline-block;
    min-width: auto;
    font-size: 14px;
    white-space: nowrap;
}

.pro-breadcrumb a:hover {
    text-decoration: underline;
}

.pro-article .pro-breadcrumb a {
    white-space: normal;
}

.pro-breadcrumb i {
    margin: 0 5px;
    font-size: 14px;
}

ul.pro-menu a,
.menu2 .btn,
.pro-menu-too,
nav.greedy1 button:after,
nav.greedy1 .pro-search {
    display: block;
    position: relative;
    min-width: auto;
    line-height: 50px;
    margin: 0 5px;
    padding: 0 10px;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 20px;
}

nav.greedy1 .pro-search {
    margin: 0 0 0 5px;
    padding: 0 0 0 10px;
    transition: none;
}

.pro-content ul.pro-menu li.open a {
    font-weight: 700;
}

/*ul.pro-menu li:first-child a {
    margin: 0 5px 0 0;
    padding: 0 10px 0 0;
}*/

ul.pro-menu > li button span {
    padding: 0 10px;
}

.menu2 .btn {
    background-color: transparent;
    width: auto;
    padding: 0;
    margin: 0 0 0 15px;
}

/*.bottom-cover {
    margin-bottom: 50px;
}*/

.menu2 .bottom-cover {
    position: relative;
    display: block;
    width: 100%;
    height: 140px;
    padding: 30px 0;
}

.bottom-cover-content {
    width: 100%;
    padding: 30px 0;
    /*display: inline-block;*/
    vertical-align: top;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.bottom-cover-content .lid {
    flex: 1 1 auto;
    position: relative;
    /*height: 115px;*/
    height: 80px;
    overflow: hidden;
    color: #303030;
    font-size: 14px;
    line-height: 1.45;
    padding-right: 10px;
    margin: 0;
    border: 0;
    cursor: default;
}

.bottom-cover-content .lid:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 1;
    min-height: 50px;
    pointer-events: none;
    display: inline-block;
    transition: .2s;
}

.bottom-cover-content .lid.lid-open:after {
    opacity: 0;
}

.bottom-cover-content .expand {
    cursor: pointer;
    width: 20px;
    height: 20px;
    /*display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;*/
}

.bottom-cover-content .expand span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    transition: .2s;
    transform: rotate(0deg);
}

.bottom-cover-content .expand.expand-open span {
    transform: rotate(180deg);
}

.bottom-cover-content .expand span i {
    font-size: 30px;
    line-height: 20px;
}

.bottom-cover {
    height: auto !important;
}

/*-------------------*/

.container-top.container-top-down,
.pro-row-block.pro-row-block-down {
    z-index: -1;
    position: relative;
}

.bottom-cover .partner {
    width: 250px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: flex-start;
    align-items: center;
    -webkit-transition: .1s ease;
    transition: .1s ease;
}

.bottom-cover .partner.noborder {
    border: none;
}

.bottom-cover .partner.noborder .round {
    width: 56px;
    height: 56px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    font-family: 'Open Sans Condenced';
    font-size: 30px;
    text-align: center;
    line-height: 56px;
    margin-right: 10px;
}

.bottom-cover .partner.noborder p {
    color: rgba(255, 255, 255, 0.5);
}

.bottom-cover .partner:hover .round,
.bottom-cover .partner:active .round,
.bottom-cover .partner:focus .round {
    background-color: rgba(255, 255, 255, 0.7);
}

.bottom-cover .partner.noborder:hover p,
.bottom-cover .partner.noborder:active p,
.bottom-cover .partner.noborder:focus p {
    color: rgba(255, 255, 255, 0.7);
}

.bottom-cover .partner img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    float: left;
    margin-right: 5px;
}

.bottom-cover .partner p {
    font-size: 12px;
    line-height: 1.4;
    width: 173px;
}

.bottom-cover .partner p span {
    color: var(--moe-blue);
    font-weight: 700;
    cursor: pointer;
}

.bottom-cover .partner p span:hover,
.bottom-cover .partner p span:active,
.bottom-cover .partner p span:focus {
    color: var(--moe-blue);
    text-decoration: underline;
}

.lid-footer {
    margin-left: 35px;
    width: 300px;
    /*height: 80px;*/
    flex: 1 0 auto;
}

.lid-footer button,
.lid-footer .title-soc,
.lid-footer .other-pro {
    float: left;
}

.lid-footer button {
    display: none !important;
    width: 100%;
    padding: 0 14px;
    height: 40px;
    background: transparent;
    border-radius: 0;
    border: none;
    text-align: left;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}

.lid-footer button span {
    font-weight: 700;
    line-height: 40px;
    font-size: 17px;
    text-transform: uppercase;
    vertical-align: top;
    display: inline-block;
}

.lid-footer button i {
    font-size: 26px;
    line-height: 40px;
    margin-right: 5px;
}

.lid-footer button.button:active,
.title-soc .social-top .btn-share a.share:active,
.other-pro:active {
    transform: translateY(1px);
}

.social-down {
    width: 100%;
    height: 40px;
    margin: 20px auto 40px;
}

.social-down,
.social-down > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
}

.social-right-container {
    position: relative;
    width: 78px;
    float: left;
    padding: 0 0 0 30px;
}

.social-right {
    position: relative;
    transition: .2s;
}

.social-right > div {
    position: relative;
    display: inline-block;
}

.social-btn {
    color: #fff;
    background-color: #eee;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    text-align: center;
    margin: 0 5px;
    cursor: pointer;
    transition: all .1s ease;
}

.social-right .social-btn {
    margin: 0 0 10px 0;
}

.social-btn i {
    font-size: 27px;
    line-height: 48px;
    margin-top: 1px;
}

.dropdown-menu .social-btn i {
    font-size: 17px;
    line-height: 30px;
    margin-top: 0;
}

.social-btn:hover {
    transform: scale(1.1);
}

.btn-vk {
    background-color: #0077ff;
}

.btn-ok {
    background-color: #ff7700;
}

.btn-facebook {
    background-color: #39549f;
}

.btn-twitter {
    background-color: #50abf1;
}

.btn-google {
    background-color: #dd4b39;
}

.btn-telegram {
    background-color: #2aabee;
}

.btn-viber {
    background-color: #7360f2;
}

.btn-mail {
    background-color: #3b5bd1;
}

.btn-telegram img {
    width: 27px;
    margin-top: 13px;
    margin-left: -3px;
}

.btn-viber img {
    width: 27px;
    margin-top: 11px;
}

@media (max-width: 500px) {
    .social-btn {
        width: 36px;
        height: 36px;
    }

    .social-btn i {
        font-size: 21px;
        line-height: 36px;
        margin-top: 0;
    }

    .btn-telegram img {
        width: 21px;
        margin-top: 10px;
        margin-left: -3px;
    }

    .btn-viber img {
        width: 21px;
        margin-top: 8px;
    }
}

.dropdown-menu .btn-telegram img {
    width: 19px;
    margin-top: 7px;
}

.dropdown-menu .btn-viber img {
    width: 20px;
    margin-top: 5px;
}

.btn-other {
    background-color: #cfd6d9;
    line-height: 0;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 1px;
    padding: 18px 0 0 1px;
    text-align: center;
}

.social-hidden {
    display: none;
    opacity: 0;
    transition: opacity 1s;
    position: absolute;
}

.dropdown-menu .btn-telegram,
.dropdown-menu .btn-viber,
.dropdown-menu .btn-mail,
.social-down .btn-telegram,
.social-down .btn-viber,
.social-down .btn-mail {
    display: block;
}

.btn-telegram,
.btn-viber,
.btn-mail,
.dropdown-menu .btn-other,
.dropdown-menu .social-hidden,
.social-down .btn-other,
.social-down .social-hidden {
    display: none;
}

.social-right .social-hidden .social-btn {
    display: block;
}

/*.social-down .social-hidden {
    left: 200px;
}*/

.social-right .social-hidden {
    bottom: -116px;
    opacity: 1;
}

/*.social-hidden.open {
    display: block;
    opacity: 1;
    animation: social-btn-open 1s 1 forwards;
}

@keyframes social-btn-open {
    from {transform: translateY(0);opacity: 0;}
    50% {transform: translateY(36px);opacity: 0;}
    to {transform: translateY(46px);opacity: 1;}
}*/

.social-right .social-hidden .social-btn {
    transform: scale(0, 0);
    opacity: 0;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}

/*.social-right .social-hidden.open .social-btn {
    opacity: 0;
    animation: social-btn-visible .4s 1 forwards;
}

@keyframes social-btn-visible {
    from {transform: scale(0, 0); opacity: 0;}
    to {transform: scale(1, 1); opacity: 1;}
}*/

.social-right .social-hidden.open .btn-viber {
    transform: scale(1, 1);
    opacity: 1;
    transition-delay: .1s;
}

.social-right .social-hidden.open .btn-telegram {
    transform: scale(1, 1);
    opacity: 1;
    transition-delay: .2s;
}

.social-right .social-hidden.open .btn-mail {
    transform: scale(1, 1);
    opacity: 1;
    transition-delay: .3s;
}

/*.btn-mail i {
    font-size: 24px;
    line-height: 38px;
    margin-left: 3px;
}*/

.title-soc {
    width: 100%;
    padding: 0 9px;
    /*margin-top: 10px;*/
    margin-right: 0;
    height: 40px;
    -webkit-order: unset;
    -ms-flex-order: unset;
    order: unset;
}

.title-soc .social-top {
    width: 100%;
    margin: 0;
    float: none;
}

.social-top > .social-btn {
    width: 100%;
    height: 40px;
}

.title-soc .pod,
a.other-pro {
    display: inline-block;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 40px;
    color: #5c9ee5;
}

.title-soc .pod {
    margin-left: 40px;
}

a.other-pro img {
    margin-right: 7px;
}

.title-soc .social-top .social-btn {
    position: relative;
    display: block;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.title-soc .social-top .btn-share {
    border-radius: 0;
    background: transparent;
}

.title-soc .social-top .btn-share a.share {
    background: transparent url(/img/pro-share-blue.svg) no-repeat center;
    padding: 0;
    height: 40px;
    width: 40px;
    min-width: auto;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}

.menu_top .btn-group .dropdown-menu,
ul.pro-menu .btn-group .dropdown-menu {
    -webkit-transition: .2s ease;
    transition: .2s ease;
    display: none;
    opacity: 0;
}

.menu_top .btn-group.open .dropdown-menu,
ul.pro-menu .btn-group.open .dropdown-menu {
    display: block;
    opacity: 1;
}

.lid-footer .social-top .dropdown-menu {
    border: none;
    min-width: 250px;
    height: 40px;
    background-color: transparent;
    left: -55px;
    padding: 0 2.5px;
}

.lid-footer .btn-group ul.dropdown-menu {
    -webkit-transition: .2s ease;
    transition: .2s ease;
    display: block;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.lid-footer .btn-group.open > ul.dropdown-menu {
    opacity: 1;
    visibility: visible;
    border-radius: 20px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.lid-footer .social-top .dropdown-menu .social-btn {
    /*background: #fff;
    padding: 5px;
    margin: 0;*/
    transform: scale(0, 0);
    -webkit-transition: .2s ease;
    transition: .2s ease;
    opacity: 0;
}

.dropdown-menu .social-btn {
    width: 30px;
    height: 30px;
    margin: 5px 2.5px;
    float: left;
    border-radius: 50%;
}

.lid-footer .social-top .dropdown-menu .row-soc {
    width: 100%;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.btn-group.open > .dropdown-menu .social-btn .row-soc {
    opacity: 1;
}

.btn-group.open > .dropdown-menu .social-btn:nth-child(1) {
    transform: scale(1, 1);
    opacity: .8;
}

.btn-group.open > .dropdown-menu .social-btn:nth-child(2) {
    transform: scale(1, 1);
    opacity: .8;
    transition-delay: 0.05s;
}

.btn-group.open > .dropdown-menu .social-btn:nth-child(3) {
    transform: scale(1, 1);
    opacity: .8;
    transition-delay: 0.1s;
}

.btn-group.open > .dropdown-menu .social-btn:nth-child(4) {
    transform: scale(1, 1);
    opacity: .8;
    transition-delay: 0.15s;
}

.btn-group.open > .dropdown-menu .social-btn:nth-child(5) {
    transform: scale(1, 1);
    opacity: .8;
    transition-delay: 0.15s;
}

.btn-group.open > .dropdown-menu .social-btn:nth-child(6) {
    transform: scale(1, 1);
    opacity: .8;
    transition-delay: 0.15s;
}

.btn-group.open > .dropdown-menu .social-btn:nth-child(7) {
    transform: scale(1, 1);
    opacity: .8;
    transition-delay: 0.15s;
}

.col-content-inside .social-btn:hover,
.col-content-inside .social-btn:active,
.col-content-inside .social-btn:focus,
.btn-group.open > .dropdown-menu .social-btn:hover,
.btn-group.open > .dropdown-menu .social-btn:active,
.btn-group.open > .dropdown-menu .social-btn:focus {
    opacity: 1;
    transition-delay: 0s;
    transition: none;
}

.title-soc .social-top .btn-share a.share:hover,
.title-soc .social-top .btn-share a.share:active,
.title-soc .social-top .btn-share a.share:focus,
.other-pro:hover,
.other-pro:active,
.other-pro:focus {
    opacity: 0.8;
}

.content {
    position: relative;
    display: block;
    width: 100%;
    background-color: #fff;
}

.template-pro-1 .pro-map {
    border: 1px solid #c2c2c2;
    background-color: #eee;
    overflow: hidden;
}

.anons-pro-big {
    position: relative;
}

.template-pro-1 .pro-map,
.anons-pro-big {
    margin-top: 25px;
}

.anons-pro-big .img-plitka {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.anons-pro-big .anons-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 20%, rgba(0, 0, 0, 0.70) 100%);
}

.anons-pro-big .anons-pro-big-title {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 20px 20px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    top: unset;
}

.anons-pro-big .anons-pro-big-title h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
}

.anons-pro-big .a_anons-pro-big {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.inform_line {
    font-size: 13px;
    margin-bottom: 10px;
}

.inform_line > div,
.inform_line > div > span {
    margin-left: 14px;
}

.inform_line > div > span > span {
    margin-right: 3px;
    font-size: .95em;
}

.inform_top_line span.time,
.pro-article .inform_top_line span.time {
    margin-right: 4px;
    margin-left: 0;
}

.inform_top_line .time,
.inform_top_line .coments,
.inform_top_line .prosmotr,
.inform_top_line .like {
    margin-right: 10px;
}

.inform_top_line {
    display: inline-block;
    width: 100%;
}

.pro-article .inform_top_line {
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 40px;
}

.pro-article .inform_top_line span {
    margin-right: 0;
    margin-left: 5px;
}

.pro-article .inform_top_line span.time span {
    margin-left: 0;
}

.inform_top_line span {
    font-size: 13px;
    line-height: 10px;
    display: inline-block;
}

.anons-pro-big .inform_top_line span {
    color: #fff;
}

.sitebar_reklama_wr {
    margin-top: 25px;
}

/*---------------------*/

.anons-pro-small {
    margin-bottom: 30px;
}

.plitka_wr {
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    height: 100%;
}

.plitka_wr-in {
    height: 100%;
}

.plitka_img_container {
    position: relative;
    display: block;
    cursor: pointer;
    width: 100%;
    font-weight: 700;
}

.anons-pro-forum .plitka_img_container {
    margin-bottom: 0;
}

.plitka_img_container:before {
    content: '';
    display: block;
    padding-top: 62.5%;
}

.plitka_img_container div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.plitka_wr:hover .plitka_img_container .plitka_img {
    filter: brightness(90%);
}

.plitka_img,
.plitka_img_container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin: 0;
    transition: none;
}

.plitka_wr_title,
.anons-pro-small:not(.anons-first) .plitka_wr .inform_line {
    padding: 0 10px;
}

.pl_rubrika {
    padding: 8px 15px 0 10px;
}

.plitka_text,
.plitka_text p {
    display: block;
    width: 100%;
    font-size: calc((100vw - 30px) * 0.0578);
    line-height: 1.17;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-weight: 700;
    word-wrap: break-word;
    overflow-wrap: break-word;
    flex: 1;
}

@media (max-width: 575px) {
    .anons-first .plitka_wr_title {
        padding: 0 calc((100vw - 30px) * 0.05);
    }

    .anons-first .pl_rubrika {
        padding: 8px calc((100vw - 30px) * 0.05) 0 calc((100vw - 30px) * 0.05);
    }

    .anons-pro-small.plitka-animate:not(.anons-first) .plitka_wr,
    .anons-pro-small.plitka-animate:not(.anons-first) .plitka_wr-in {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 0;
    }

    .anons-pro-small.plitka-animate:not(.anons-first) .plitka_wr .plitka_img_container {
        position: relative;
        display: block;
        cursor: pointer;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        font-weight: 700;
        border-radius: 0;
        order: 1;
        overflow: unset;
    }

    .anons-pro-small.plitka-animate:not(.anons-first) .plitka_wr .plitka_img_container:before {
        content: '';
        display: block;
        padding-top: 62.5%;
    }

    .anons-pro-small.plitka-animate:not(.anons-first) .plitka_wr .plitka_img_container .pl_rubrika {
        display: block;
        padding: 8px calc((100vw - 30px) * 0.05) 0 calc((100vw - 30px) * 0.05);
    }

    .anons-pro-small.plitka-animate:not(.anons-first) .plitka_wr .plitka_wr_title {
        order: 2;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        flex-grow: 0;
        padding: 0 calc((100vw - 30px) * 0.05);
    }

    .anons-pro-small.plitka-animate:not(.anons-first) .plitka_wr .plitka_wr_title .pl_rubrika {
        display: none;
    }

    .anons-pro-small.plitka-animate:not(.anons-first) .plitka_wr .plitka_wr_title .plitka_text {
        font-size: calc((100vw - 30px) * 0.0578);
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }

    .anons-pro-small:not(.anons-first) .plitka_wr {
        padding: calc((100vw - 30px) * 0.05);
    }

    .anons-pro-small:not(.anons-first) .plitka_wr-in {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        height: auto;
    }

    .anons-pro-small:not(.anons-first) .plitka_wr .plitka_img_container {
        position: relative;
        display: block;
        cursor: pointer;
        border-radius: 3px;
        overflow: hidden;
        flex: 0 0 25%;
        max-width: 25%;
        order: 2;
    }

    .anons-pro-small:not(.anons-first) .plitka_wr .plitka_img_container:before {
        content: '';
        display: block;
        padding-top: 100%;
    }

    .anons-pro-small:not(.anons-first) .plitka_wr .plitka_img_container .pl_rubrika {
        display: none;
    }

    .anons-pro-small:not(.anons-first) .plitka_wr .plitka_wr_title {
        padding: 0 calc((100vw - 30px) * 0.05) 0 0;
        order: 1;
        flex: 0 0 75%;
        max-width: 75%;
        flex-grow: 0;
    }

    .anons-pro-small:not(.anons-first) .plitka_wr .plitka_wr_title .pl_rubrika {
        position: relative;
        display: block;
        padding: 0;
        border-radius: 0;
        height: 8px;
    }

    .anons-pro-small:not(.anons-first) .plitka_wr .plitka_wr_title .plitka_text {
        margin-top: 10px;
        margin-bottom: 0;
        font-size: calc((100vw - 30px) * 0.05);
    }

    .anons-pro-small.plitka-animate:not(.anons-first) .plitka_wr .inform_line {
        padding: 0 calc((100vw - 30px) * 0.05);
    }

    .anons-pro-small:not(.plitka-animate):not(.anons-first) .plitka_wr .inform_line {
        margin: 10px 0 0;
        padding: 0;
    }
}

/*pro-row-block*/

.template-pro-noadv .container-row {
    padding-right: 0;
}

.pro-row-block-forum .h2,
.pro-block .h2,
.pro-content .plus-search-line .h2,
.h2-on-page {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.1;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 25px;
    margin-top: 0;
}

.pro-row-block .h2 span {
    font-weight: 400;
    white-space: nowrap;
}

.h2-on-page {
    text-align: center;
}

.h2-on-page span {
    font-size: 22px;
    text-transform: none;
    margin-top: 12px;
    display: inline-block;
    line-height: 1.2;
}

.pro-top .container-row-box {
    height: 275px;
}

.pro-forum .container-row-box {
    height: 130px;
}

.container-row-box {
    /*margin-top: -70px;*/
    overflow: hidden;
    width: 100%;
    position: relative;
}

.container-row-box > ul {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    height: 300px;
    white-space: nowrap;
}

.container-row-box > ul li {
    display: inline-block;
    margin: 0 15px;
    text-decoration: none;
    vertical-align: top;
}

.container-row-box > ul li:first-child {
    /*margin-left: 0;*/
    margin-left: 60px;
}

.container-row-box > ul li:last-child {
    margin-right: 60px;
}

.container-row-box > ul li .anons-pro-small {
    width: 285px;
    margin-bottom: 0;
}

.container-row-box .plitka_text,
.container-row-box .plitka_text p {
    white-space: normal;
    font-size: 18px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.container-row-box .anons-pro-forum,
.container-row-box .anons-pro-forum .plitka_img_container,
.container-row-box .anons-pro-forum .pro-forum-content {
    height: 127px;
}

.container-row-box .anons-pro-forum {
    width: 346px;
}

.container-row-box .anons-pro-forum .plitka_forum {
    line-height: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.container-row-box .anons-pro-forum .plitka_img_container {
    width: 127px;
    margin-right: 13px;
}

.container-row-box .anons-pro-forum .plitka_img_container:before {
    content: "";
    display: block;
    padding-top: 100%;
    margin-bottom: 0;
}

.container-row-box .anons-pro-forum .pro-forum-content {
    width: calc(100% - 140px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.container-row-box .anons-pro-forum .pro-forum-author,
.pro-block-comment .pro-com-author {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.container-row-box .anons-pro-forum .pro-forum-author span,
.pro-block-comment .pro-com-author span {
    margin-left: 36px;
    line-height: 30px;
    font-weight: 700;
    white-space: nowrap;
}

.container-row-box .anons-pro-forum .pro-forum-content .plitka_text {
    flex: 1;
}

.container-row-box .anons-pro-forum .pro-forum-content .plitka_text p {
    font-size: 18px;
    margin: 7px 0 4px;
}

.container-row-box .anons-pro-forum .pro-forum-content .plitka_text span {
    font-weight: 400;
}

.container-row-box .anons-pro-forum .pro-forum-content .inform_top_line {
    flex-shrink: 0;
}

#comment_template {
    margin-bottom: 30px;
}

.container-row-box-also {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 302px;
    /*margin-bottom: 30px;*/
}

.container-row-box-also .shadow-left,
.container-row-box-also .shadow-right {
    opacity: 0;
    width: 20px;
    height: 285px;
    position: absolute;
    top: 27px;
    z-index: 10;
    transition: .4s;
}

.container-row-box-also .shadow-left {
    left: 0;
}

.container-row-box-also .shadow-right {
    right: 0;
}

.container-row-box-also.shadow-visible .shadow-left,
.container-row-box-also.shadow-visible .shadow-right {
    opacity: 1;
}

.container-row-box-also .shadow-left:before,
.container-row-box-also .shadow-right:before {
    content: '';
    position: absolute;
    top: 0;
    width: 20px;
    height: 100%;
    border-radius: 50%;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    filter: blur(5px);
    background-color: rgba(0, 0, 0, 0.3);
}

.container-row-box-also .shadow-left:before {
    left: -15px;
}

.container-row-box-also .shadow-right:before {
    right: -15px;
}

.container-row-box-also h2 {
    font-size: 20px;
    text-transform: uppercase;
    height: 22px;
    margin-bottom: 15px;
}

.container-row-box-also ul {
    overflow-y: hidden;
    width: 100%;
    height: 350px;
    white-space: nowrap;
    position: relative;
}

.container-row-box-also ul li.item {
    display: inline-block;
    position: relative;
    width: 165px;
    height: 265px;
    margin-right: 15px;
    vertical-align: top;
    /*box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.15);*/
}

.container-row-box-also ul li.item:last-child {
    margin-right: 0;
}

.container-row-box-also ul li.item a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.container-row-box-also .item_image {
    display: block;
    margin: auto;
    position: relative;
    line-height: 0;
}

.container-row-box-also .item_image:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.container-row-box-also img {
    width: 100%;
    height: 175px;
    object-fit: cover;
    object-position: center;
    position: relative;
}

.container-row-box-also ul li.item,
.container-row-box-also ul li.item a,
.container-row-box-also .item_image:after {
    transition: .1s;
}

.container-row-box-also ul li.item:hover a,
.container-row-box-also .item:hover .item_image:after {
    background-color: rgba(0, 0, 0, 0.3);
}

.container-row-box-also .item_gradient {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    height: 60%;
    transition: all .5s ease;
}

.container-row-box-also .item_text {
    padding: 4px 10px 0;
    height: 80px;
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden;
    line-height: 1.27;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    font-weight: 700;
    font-size: 15px;
    /*color: #fff;*/
    text-align: center;
}

.container-row-box-also ul li.item a,
.container-row-box-also ul li.item a:hover {
    color: inherit;
}

.container-row-box-also .pro-row-buttons {
    width: 50px;
}

.container-row-box-also .pro-row-buttons {
    height: 28px;
    top: 0;
    right: 0;
}

.container-row-box-also .pro-arrow.pro-icon-pro-arrow-prev,
.container-row-box-also .pro-arrow.pro-icon-pro-arrow-next {
    height: 28px;
    font-size: 28px;
}

.pro-row-buttons {
    width: 80px;
    height: 39px;
    position: absolute;
    top: 30px;
    right: 60px;
}

.pro-arrow {
    height: 39px;
    font-size: 39px;
    display: block;
    cursor: pointer;
}

.pro-arrow.pro-icon-pro-arrow-prev {
    float: left;
}

.pro-arrow.pro-icon-pro-arrow-next {
    float: right;
    text-align: right;
}

.pro-arrow.pro-icon-pro-arrow-prev,
.pro-arrow.pro-icon-pro-arrow-next {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 50%;
    height: 39px;
    opacity: 1;
    -webkit-transition: .1s ease;
    transition: .1s ease;
}

/*.pro-arrow.pro-icon-pro-arrow-prev:hover {
    transform: translateY(1px);
}

.pro-arrow.pro-icon-pro-arrow-next:hover {
    transform: translateY(1px);
}*/

/*.pro-arrow.pro-left {
    float: left;
}

.pro-arrow.pro-left,
.pro-arrow.pro-right {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 19px;
    height: 39px;
    opacity: 1;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}

.pro-arrow.pro-left:hover {
    transform: translateY(1px);
}

.pro-arrow.pro-right {
    transform: scaleX(-1);
    float: right;
}

.pro-arrow.pro-right:hover {
    transform: translateY(1px) scaleX(-1);
}*/

/*End of pro-row-block*/

/*Block comments*/

.pro-block-comment {
    margin-bottom: 10px;
}

.pro-block-comment:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.pro-block-comment-in {
    height: calc(100vh - 190px);
    max-height: 670px;
    overflow-x: hidden;
    overflow-y: auto;
}

.pro-block-comment a {
    display: block;
}

.pro-com-item {
    padding: 10px;
    margin: 10px 0 25px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.pro-block-comment a:last-child .pro-com-item {
    margin-bottom: 0;
}

/*
[class^="pro-com-item"]:last-child {
    margin-bottom: 0;
}
*/

.pro-com-text {
    padding-left: 36px;
    font-size: 12px;
    line-height: 1.2;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pro-com-text,
.pro-com-text p {
    font-size: 12px;
    line-height: 1.2;
}

.mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.mCSB_scrollTools,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px !important;
}

.forum-menu .mCSB_scrollTools,
.forum-menu .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.forum-menu .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    margin-right: 5px;
}

.mCSB_scrollTools {
    opacity: .1;
}

.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: .3 !important;
}

.mCSB_scrollTools .mCSB_dragger {
    height: 20%;
}

/*End of Block comments*/

/*Edit Buttons*/

.pro_edit {
    display: inline-block;
    border-radius: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    background: var(--moe-blue);
    color: #fff !important;
    opacity: 1;
}

.pro_edit:hover {
    background: #3385d3;
}

.pro_edit i,
.pro_edit_big i {
    opacity: 1;
    margin: 0;
    float: none;
}

/*End of Edit Buttons*/

.all_button .pokaz_all {
    display: inline-block;
    font-size: 16px;
    text-align: center;
    float: left;
    width: auto;
    background-color: transparent;
    padding: 0;
    line-height: 1.1;
    font-weight: 400;
    color: #fff;
}

.pro_all_button {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.all_button {
    display: inline-block;
    width: auto;
    text-align: center;
    padding: 12px 20px;
    margin: 40px auto;
    font-size: 18px;
    line-height: 1;
    letter-spacing: .5px;
    cursor: pointer;
}

.pro-article-body .main_photo {
    position: relative;
}

.pro-article-body .main_photo .main_photo_back {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 30px 20px 15px;
    margin: 0;
    color: #fff;
    background: linear-gradient(0deg, rgba(0, 0, 0, .35) 15%, rgba(0, 0, 0, 0) 100%);
}

.pro-article-body .main_photo .description_main_photo {
    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
    margin: 0 30px 0 0;
    text-align: left;
    width: 100%;
    display: block;
}

.pro-article-body .main_photo .author_main_photo_box {
    width: 100%;
    min-width: 40%;
    display: flex;
    justify-content: flex-end;
}

.pro-article-body .main_photo .author_main_photo_box .author_main_photo {
    font-size: 11px;
    line-height: 1.3;
    font-weight: 400;
}

@media (max-width: 575px) {
    .main_photo_back {
        flex-direction: column;
        align-items: flex-start;
    }

    .pro-article-body .main_photo .description_main_photo {
        padding-bottom: 4px;
        margin-right: 0;
    }

    .pro-article-body .main_photo .author_main_photo_box {
        width: 100%;
        min-width: auto;
        display: block;
    }

}

/*Edit buttons and Editor*/

.pro_create {
    display: block;
    position: fixed;
    right: 20px;
    /*bottom: 150px;*/
    bottom: 6px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    background: #2c9aef;
    box-sizing: border-box;
    opacity: .6;
    z-index: 1065;
}

.pro_create i {
    font-size: 40px;
    line-height: 63px;
    color: #fff;
}

.pro_create:hover,
.pro_edit:hover,
.title_block button:hover,
.text_block button:hover,
button.save_form_edit_title:hover {
    opacity: 1;
}

button.edit_title_front {
    display: inline-block;
    outline: 0;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 30px;
    line-height: 50px;
    position: absolute;
    top: -5px;
    right: -63px;
    background: transparent;
    z-index: 10;
}

button.edit_title_front:hover,
button.edit_title_front:focus {
    background: #7cc3ff;
}

button.edit_title_front:active {
    background: #59b0ff;
}

button.edit_title_front i {
    color: #a3a3a3;
    opacity: 1;
    margin: 0;
    vertical-align: 2px;
    float: none;
}

button.edit_title_front:hover i,
button.edit_title_front:active i,
button.edit_title_front:focus i {
    color: #fff;
}

/*End of Edit buttons and Editor*/

/*Edit Menu*/

.projects .pro-batton-edit-menu {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 60px !important;
    padding: 0 15px;
    margin: 0;
    cursor: pointer;
    background-color: rgba(40, 40, 40, 0.7);
    z-index: 100000;
    -webkit-transition: .2s;
    transition: .2s;
}

.projects .pro-batton-edit-menu.active {
    background-color: rgba(40, 40, 40, 1);
}

.projects .pro-batton-edit-menu .hamburger {
    position: relative;
    width: 30px;
    height: 4px;
    top: 23px;
    border-radius: 0;
    margin: auto;
    background-color: #fff;
}

.projects .pro-batton-edit-menu .hamburger:before,
.projects .pro-batton-edit-menu .hamburger:after {
    content: '';
    position: absolute;
    left: 0;
    width: 30px;
    height: 4px;
    background-color: #fff;
}

.projects .pro-batton-edit-menu .hamburger:before {
    top: -8px;
}

.projects .pro-batton-edit-menu .hamburger:after {
    bottom: -8px;
}

.pro-edit-menu {
    position: fixed;
    left: 0;
    bottom: 0;
    padding-left: 60px;
    height: 40px;
    width: 100%;
    background-color: #47a4f5;
    border-top: 1px solid #fff;
    z-index: 100;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .2);
}

.pro-edit-menu *,
.pro-edit-menu a,
.pro-edit-menu .radio label,
.pro-edit-menu .checkbox label,
.pro-edit-menu button,
.pro-edit-menu .select .jq-selectbox__select-text {
    color: #fff !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 17px;
    line-height: 1.1;
    font-weight: 100;
}

.pro-edit-menu .radio,
.pro-edit-menu .checkbox {
    margin-top: 0;
    margin-bottom: 0;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    background-color: #fff !important;
}

.data-pick {
    color: #000 !important;
    font-weight: 400;
    font-size: 16px;
    padding: 3px 5px;
    border: 1px solid #2c6da9;
    margin-top: 4px;
}

.pro-edit-menu .navbar-nav > li,
.pro-edit-menu .rubric-select span,
.pro-edit-menu .navbar-nav .dropdown-toggle {
    height: 39px;
    line-height: 39px;
}

.pro-edit-menu .navbar-nav > li {
    padding: 0 10px;
    background-color: transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.pro-edit-menu .dropdown.open {
    background: #3b91e2;
}

.pro-edit-menu .navbar-nav > li.dropdown .dropdown-toggle {
    padding-right: 20px;
}

.pro-edit-menu button,
.pro-edit-menu .navbar-nav > li > a {
    background-color: transparent;
    padding: 0;
}

.pro-edit-menu button {
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: left;
    white-space: nowrap;
    outline: 0;
    border: none;
}

.pro-edit-menu li:hover,
.pro-edit-menu li:focus,
.pro-edit-menu .form-group:hover,
.pro-edit-menu .form-group:focus {
    background-color: #3b91e2;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.pro-edit-menu li:active {
    background-color: #3b91e2;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.pro-edit-menu .nav .open > a,
.pro-edit-menu .nav .open > a:hover,
.pro-edit-menu .nav .open > a:focus {
    background-color: transparent;
    border-color: transparent;
}

.pro-edit-menu .dropdown-menu {
    margin: 0;
    padding: 0;
    border: 1px solid #fff;
    border-bottom: none;
    z-index: 1000;
}

.pro-edit-menu .dropdown-menu {
    background: #3b91e2 !important;
    border-radius: 5px 5px 0 0 !important;
    left: -1px;
    top: auto;
    bottom: 39px;
}

.pro-edit-menu .rubric-select {
    cursor: default;
    margin-left: 30px;
}

.pro-edit-menu .dropdown-menu li {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
}

.pro-edit-menu .dropdown-menu.pro-options li {
    height: auto;
    line-height: 1.2;
    padding: 10px;
}

#articleRubric {
    width: 100%;
    left: 10px;
}

.pro-edit-menu .rubric-select span,
.pro-edit-menu .select {
    float: left;
    width: auto;
}

.pro-edit-menu .dropdown-menu li,
.pro-edit-menu .dropdown-menu li:hover,
.pro-edit-menu .dropdown-menu li:focus,
.pro-edit-menu .dropdown-menu li:active {
    border-left: none;
    border-right: none;
}

.pro-edit-menu .dropdown-menu li:hover,
.pro-edit-menu .dropdown-menu li:focus {
    box-shadow: inset 0 0 200px 0 rgba(0, 0, 0, .15);
}

.pro-edit-menu .dropdown-menu li:active {
    box-shadow: inset 0 0 200px 0 rgba(0, 0, 0, .3);
}

.pro-edit-menu .navbar-nav .dropdown-toggle .caret {
    display: none;
}

.pro-edit-menu .navbar-nav .dropdown-toggle:after {
    content: '';
    position: absolute;
    top: 18px;
    right: 10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #fff;
}

.pro-edit-menu .navbar-nav .dropdown-toggle:after {
    right: 1px;
}

/*End of Edit Menu*/

/*Edit Menu New*/

.pro-article-edit .pro-block .pro-block-content.pro-edit-menu-right {
    background-color: transparent;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 17px;
    line-height: 1.2;
}

.pro-edit-main,
.panel-group .panel {
    border-radius: 3px;
    border: 1px solid #c0c5c8;
}

.pro-edit-menu-right .panel-heading {
    border-radius: 0;
    padding: 0;
}

.pro-edit-main {
    padding: 5px;
    margin-bottom: 15px;
}

.pro-edit-main button {
    background-color: #5eb4ff;
    color: #000;
    width: 100%;
    border: none;
    border-radius: 0;
    outline: none;
    height: 34px;
    border-bottom: 1px solid #fff;
    text-align: center;
    line-height: 1;
    font-size: 18px;
    transition: .1s;
}

.pro-edit-main button:first-child {
    border-radius: 2px 2px 0 0;
}

.pro-edit-main button:last-child {
    border-bottom: none;
    border-radius: 0 0 2px 2px;
}

.pro-edit-main button:hover,
.pro-edit-main button:focus {
    background-color: #47a4f5;
    color: #fff;
}

.pro-edit-main button:active {
    background-color: #3489e0;
    color: #fff;
}

.panel {
    border-radius: 0;
    border: 1px solid #c0c5c8;
    background-color: #e9ebec;
}

.panel-group .panel + .panel {
    margin-top: 15px;
}

.template-pro-edit .panel:hover {
    border: 1px solid #47a4f5;
}

.template-pro-edit .panel-heading {
    background-color: #c0c5c8;
}

.template-pro-edit .panel:hover .panel-heading {
    background-color: #47a4f5;
}

.template-pro-edit .panel-heading a {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 18px;
    color: #000;
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 5px;
}

.template-pro-edit .panel-heading a:hover,
.template-pro-edit .panel-heading a:focus,
.template-pro-edit .panel-heading a:active,
.template-pro-edit .panel:hover .panel-heading a {
    color: #fff !important;
}

.pro-edit-menu-right .panel-body {
    padding: 5px 15px;
}

.pro-edit-menu-right #collapse1 .panel-body {
    padding: 5px 15px 15px;
}

.pro-edit-menu-right label {
    margin-top: 10px;
    font-weight: 400;
}

.pro-edit-menu-right .panel-body li {
    margin: 10px 0;
}

.pro-edit-menu-right .panel-body select {
    width: 100%;
    padding: 2px;
    outline: none;
    cursor: pointer;
}

.pro-edit-menu-right .panel-body select option {
    cursor: pointer !important;
}

.pro-edit-menu-right .panel-body select:hover,
.pro-edit-menu-right .panel-body select:focus,
.pro-edit-menu-right .selectize-control.single .selectize-input:hover,
.pro-edit-menu-right .selectize-control.single .selectize-input:focus,
.pro-edit-menu-right .selectize-control.single .selectize-input.dropdown-active,
.pro-edit-menu-right .selectize-dropdown:hover {
    border: 1px solid #47a4f5;
}

.pro-edit-menu-right .selectize-dropdown:hover {
    border-top: 0;
}

.pro-edit-menu-right input {
    border: 1px solid #c4c4c4;
    margin-top: 4px;
    width: 100%;
    line-height: 1;
}

.pro-edit-menu-right .panel-body li.radio input,
.pro-edit-menu-right .panel-body li.checkbox input {
    width: auto;
}

.pro-edit-menu-right .radio,
.pro-edit-menu-right .checkbox {
    margin: 0;
}

.pro-edit-menu-right label:hover {
    color: #47a4f5;
}

.pro-edit-menu-right #collapse1 label:hover {
    color: #000;
}

.pro-edit-menu-right .selectize-control.single .selectize-input {
    border-radius: 0;
    background-image: none;
    box-shadow: none;
    padding: 4px;
}

.pro-edit-menu-right .selectize-dropdown {
    border-radius: 0;
    background-image: none;
    box-shadow: none;
}

.pro-edit-menu-right .selectize-dropdown .option selected {
    padding: 4px;
}

.pro-edit-menu-right .selectize-input,
.pro-edit-menu-right .selectize-dropdown-content {
    font-size: 17px;
    color: #000;
}

.pro-edit-menu-right .selectize-dropdown .active {
    color: #fff;
    background-color: #47a4f5;
}

/*End of Edit Menu New*/

/*Search ------------------------*/

.pro-content.pro-search {
    width: 100%;
}

.pro-content.pro-search .content_inside {
    position: relative;
}

.pro-content.pro-search .container-content {
    padding-bottom: 50px;
}

.pro-content .plus-search-back {
    width: 100%;
    height: 190px;
    padding: 0 15px;
}

.pro-content.pro-search .container-fluid {
    width: 100%;
    height: 100%;
    padding: 0 0 30px;
}

.pro-content .plus-search-line {
    display: block;
    margin: auto;
    max-width: 720px;
}

.pro-content .plus-search-line h2 {
    text-align: center;
    margin: 0;
}

.pro-content.pro-search form {
    display: inline-block;
    padding-bottom: 0;
    width: 100%;
    margin-left: 0;
}

.pro-content.pro-search .back_search_all {
    display: block;
    padding: 0;
    width: 100%;
}

.pro-content.pro-search .input-group {
    margin: 0 0 20px;
}

.pro-content.pro-search .search_text {
    height: 41px;
    line-height: 27px;
    padding: 6px 10px;
    font-size: 19px;
    outline: none;
}

.pro-content.pro-search .search_text,
.pro-content.pro-search .search_text:focus {
    border-color: #d2d6de;
}

.pro-content.pro-search .input-group .input-group-btn {
    z-index: 10;
}

.pro-content.pro-search .input-group .btn {
    width: 41px;
    min-width: 41px;
    height: 41px;
    padding: 0;
    text-shadow: none;
    box-shadow: none;
    display: inline-block;
    text-align: center;
}

/*.pro-content .header-plus .btn-search {
    width: 25px;
    height: 25px;
    border: none;
    display: inline-block;
    text-align: center;
}*/

.pro-content.pro-search i.fa-search {
    font-size: 19px;
    line-height: 39px;
}

.pro-content .header-plus .btn-search i.fa-search {
    font-size: 19px;
    line-height: 25px;
    transition: 0s;
}

.pro-content .header-plus .btn-search:hover i.fa-search {
    transform: scale(1.15);
}

.container-search .select-btn {
    margin-bottom: 15px;
}

.container-search .select-btn,
.container-search .select-btn .btn-group {
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-search .select-btn .pro-button input {
    display: none;
}

.container-search .select-btn .pro-button {
    width: 90px;
    margin: 0 5px;
    padding: 0 5px;
    text-align: center;
}

.container-search .select-btn .pro-button:not(.active) {
    background-color: #eee;
    color: #a7a7a7 !important;
}

.container-search .select-btn .pro-button:not(.active):hover {
    background-color: #e0e0e0;
}

.container-search .h5 {
    text-align: center;
    font-weight: 400;
    margin: 25px 0 5px;
    color: #737373;
}

.text-message-green {
    text-align: center;
    font-size: 1.3em;
}

.pro-content.pro-search .select-result {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: auto;
    float: none;
}

.pro-content.pro-search .btn {
    /*border-radius: 0;*/
    border: none;
}

.pro-content.pro-search .select-result .btn,
.pro-content.pro-search .select-result .btn.active {
    background-color: transparent;
    box-shadow: none;
    padding: 3px 0 1px;
    margin: 0 8px;
    min-width: auto;
    border-radius: 0;
}

.pro-content.pro-search .btn.btn-secondary.active {
    background: transparent;
    box-shadow: none;
}

.pro-content.pro-search .select-result .btn.active {
    border-bottom: 1px dotted transparent;
}

.pro-content.pro-search .plitka_news {
    margin: 0;
}

.pro-content.pro-search .plitka_height {
    position: relative;
    display: block;
    cursor: pointer;
    width: 100%;
    height: auto;
}

.pro-content.pro-search .plitka_height:before {
    content: "";
    display: block;
    padding-top: 66.67%;
}

.pro-content.pro-search .plitka_height a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.pro-content.pro-search .plitka_height .rubrika-main a {
    position: relative;
}

.pro-content.pro-search .plitka_height a .img-plitka {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.pro-content.pro-search .pag-heading > div {
    display: inline-block;
    text-align: center;
}

/*End of Search ------------------------*/

/*Comments*/

.tyt_otvet {
    font-size: 0;
}

.parent_comment {
    cursor: pointer;
}

.parent_comment:hover {
    text-decoration: underline;
}

.comets_block_wr {
    display: inline-block;
    width: 100%;
}

.comets_block_wr h2 {
    font-size: 31px;
    font-weight: 300;
    margin-bottom: 25px
}

.comets_block_wr .comets_block {
    display: inline-block;
    width: 100%;
    padding: 15px
}

.comets_block_wr .comets_block.next_level {
    padding: 15px 0 0 65px;
}

.comets_block_wr .comets_block .coment_text,
.comets_block_wr .comets_block .coment_text_down {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.comets_block_wr .comets_block .coment_text {
    padding: 15px 15px 5px;
    margin-bottom: 0;
}

.comets_block_wr .comets_block .coment_text_down {
    padding: 5px 15px 15px;
    margin-top: 0;
    position: relative;
}

.comets_block_wr .comets_block .coment_text,
.comets_block_wr .comets_block .coment_text p {
    display: block;
    width: 100%;
    font-size: 14px;
    word-wrap: break-word;
}

.comets_block_wr .comets_block .next_level .coment_text {
    padding: 5px 15px;
}

.coment_text p span {
    width: 100%;
    font-size: 14px;
    word-wrap: break-word;
}

.comets_block_wr .comets_block .coment_text p {
    margin-bottom: 10px;
}

.comets_block_wr .comets_block .coment_text .otvet_coment,
.comets_block_wr .comets_block .coment_text_down .otvet_coment {
    display: inline-block;
    float: left;
    font-size: 12px;
    height: 23px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .5px;
}

.comets_block_wr .comets_block .coment_text .sad_com,
.comets_block_wr .comets_block .coment_text_down .sad_com {
    display: table;
    line-height: 23px;
    margin-right: 5px;
    float: right;
    cursor: pointer;
}

#nar_noovsti,
.podpiska_wr,
.pravila {
    display: inline-block;
    width: 100%
}

.comets_block_wr .comets_block .coment_text .sad_com img,
.comets_block_wr .comets_block .coment_text_down .sad_com img {
    margin-top: -3px
}

.comets_block_wr .all_button .pokaz_all {
    width: 100%;
    font-size: 16px;
}

.polz_pol_wr {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
    height: 50px;
}

.next_level .polz_pol_wr {
    float: left;
    margin-top: 10px;
}

.comets_block .polz_pol,
.comment_mob_lite .polz_pol {
    min-width: 50px;
    max-width: 50px;
    height: 50px;
    background-size: cover;
    display: inline-block;
    float: left;
    margin-right: 10px;
    background-position: center;
    position: relative;
}

.comets_block .polz_pol {
    margin-right: 0;
}

.lines_18 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
}

.coment_text_container .lines_18 {
    padding: 10px 15px 0;
    height: 60px;
}

.inform-line p,
.inform-line .name,
.inform-line span {
    margin-right: 10px;
    line-height: 16px;
    font-size: 12px;
    float: left;
}

.inform-line .name,
.comment_mob_lite .pol_name a {
    font-weight: 700;
    font-size: 13px;
}

.inform-line a {
    float: left;
    font-size: 14px;
    display: block;
}

.comets_block .inform-line a {
    line-height: 22px;
}

/*.polz_pol_wr span.green {
    padding: 0 3px !important;
    line-height: 19px;
    margin-top: 5px
}

.polz_pol_wr span.red {
    padding: 0 3px !important;
    line-height: 19px;
    margin-top: 5px
}*/

.inform-line span i {
    margin-right: 5px
}

.inform-line span i img {
    margin-top: -2px
}

.coment_text_container {
    width: calc(100% - 65px);
    margin-left: 65px;
    overflow: hidden;
    vertical-align: top;
}

.comment_mob_lite.com_otvet {
    margin: 15px 0 0 130px;
    width: calc(100% - 130px);
}

.comets_block_wr .comets_block .coment_text,
.comets_block_wr .comets_block .coment_text_down {
    background-color: rgba(255, 255, 255, 0.7);
}

.comets_block.comment-row.next_level {
    background-color: transparent !important;
}

.popup-gallery-comment {
    background-color: rgba(255, 255, 255, 0.7);
    border-left: 1px solid #ced2d6;
    border-right: 1px solid #ced2d6;
    display: inline-block;
    width: 100%;
    padding: 0 10px;
    margin-bottom: -5px;
}

.pro-content .comment_mob_lite .coment_form_wr input[type=button].close_form_otvet {
    background-image: url(/img/close-black.svg);
    background-repeat: no-repeat;
    color: #fff;
    position: absolute;
    top: 15px;
    right: 15px;
    background-size: 18px;
    padding: 0 !important;
    margin: 0;
    width: 18px;
    height: 18px !important;
    outline: none;
    background-color: transparent !important;
    border: none !important;
    opacity: .3;
}

.pro-content .comment_mob_lite .coment_form_wr input[type=button].close_form_otvet:hover {
    opacity: .5;
}

.com_down_total {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

.comment_mob_lite .file-upload input[type="file"],
.comment_mob_lite .file-upload-mod input[type="file"] {
    display: none;
}

.comment_mob_lite .file-upload {
    position: relative;
    overflow: hidden;
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.1);
    margin: 0;
}

.comment_mob_lite .file-upload.guest {
    opacity: .4;
}

.comment_mob_lite .file-upload:hover,
.comment_mob_lite .file-upload:active,
.comment_mob_lite .file-upload:focus {
    overflow: visible;
}

.comment_mob_lite .file-upload label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    z-index: 100;
    cursor: pointer;
}

.comment_mob_lite .file-upload label i {
    font-size: 17px;
    line-height: 35px;
}

/*.comment_mob_lite .file-upload label span {
    display: block;
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0 10px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 100;
}

.comment_mob_lite .file-upload label span.photo {
    background-image: url(/img/photo-fff.svg);
    height: 35px;
    width: 35px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.comment_mob_lite .file-upload.guest label span.photo {
    opacity: 0.5;
}*/

.add_photo_count1 {
    position: absolute;
    bottom: 56px;
    left: 25px;
    z-index: 1000;
    background: #ffdeb0;
    padding: 3px 7px;
    border: 1px solid #8c9fac;
    -webkit-box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, .2);
    font-size: 14px;
    line-height: 20px;
    max-width: 70%;
    display: none;
}

.add_photo_count {
    position: absolute;
    bottom: 18px;
    left: 42px;
    z-index: 1000;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 100;
    white-space: nowrap;
}

.add_photo {
    display: none;
    position: absolute;
    z-index: 1000;
    font-size: 14px;
    color: #fff;
    font-weight: 100;
    top: 19px;
    left: 42px;
}

.bookmark.bookmark-no:hover #yes_user_bookmark,
.bookmark.bookmark-yes:hover #del_user_bookmark,
.inform_top_line_v1 .inform_count .coments:hover #read_com,
.comment_mob_lite:hover .add_photo,
.down_line_nn button.coments:hover .empty_com {
    display: block;
}

.com-down {
    margin-bottom: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}

.com-btn .comebt_butt {
    display: inline-block;
    height: 50px;
    width: 235px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    padding: 0 10px;
    margin: 0 20px 0 0;
    transition: all .1s ease;
}

.com div {
    overflow: hidden;
    height: 50px;
    width: 100%;
}

.pokaz_all_com {
    padding: 0 5px;
    white-space: nowrap;
}

.comment_mob_lite {
    display: inline-block;
    width: 100%;
    padding: 15px;
    color: #fff;
    font-size: 14px;
    position: relative;
}

.comment_mob_lite .pol_name {
    float: left;
    margin-right: 10px;
    max-width: 85%;
    margin-bottom: -5px;
}

.polz_pol_wr .polz_pol,
.comment_mob_lite .polz_pol {
    min-width: 50px;
    max-width: 50px;
    height: 50px;
    background-size: cover;
    display: inline-block;
    float: left;
    margin-right: 15px;
    background-position: center;
    position: relative;
}

.comment_mob_lite .pol_name a,
.comment_mob_lite .pol_name p {
    float: left;
    margin-right: 10px;
    line-height: 30px;
}

.comment_mob_lite .texarea_wr,
.comment_mob_lite #sendCommentFrontnewsMobileFormGuest .texarea_wr {
    display: inline-block;
    width: 100%;
    margin-top: 0;
    margin-bottom: 15px;
}

.pro-content .comets_block.mt_35.comment-row {
    margin-top: 15px;
    overflow: hidden;
    vertical-align: top;
}

.pro-content .all_button.commet_stat {
    width: auto;
    margin: 15px auto;
    padding: 0;
    display: table;
    text-transform: none;
}

.pro-content .comets_block_wr .all_button .pokaz_all,
.pro-content .comets_block_wr .all_button .pokaz_all span,
.pro-content .comets_block_wr .all_button .pokaz_all i {
    width: auto;
    background-color: transparent;
    padding: 0;
    line-height: 1.1;
    font-weight: 400;
    color: #fff;
}

.pro-content .comets_block_wr .all_button .pokaz_all:hover {
    color: #fff;
    text-decoration: none;
}

.pro-content .polz_pol_wr .polz_pol,
.pro-content .comment_mob_lite .polz_pol {
    border-radius: 50%;
}

.pro-content .comment_mob_lite form {
    width: calc(100% - 65px);
    margin: 0 0 0 65px;
    padding: 0;
}

.pro-content .comment_mob_lite form .texarea_wr label {
    display: none;
}

.pro-content .comment_mob_lite .dropdown-menu {
    background-color: #fff;
}

.pro-content .comment_mob_lite .send_com {
    float: right;
    height: 35px;
    width: 130px;
    margin: 0;
}

.pro-content .comment_mob_lite .coment_form_wr input[type=button],
.pro-content .comment_mob_lite .coment_form_wr input[type=reset] {
    margin-top: 0;
    width: 100%;
    border: none;
    height: 35px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding: 0;
    z-index: 100;
    line-height: 1;
    cursor: pointer;
}

.pro-content .close_form_otvet {
    background-color: transparent !important;
    border: none !important;
}

.pro-content .add_photo_count,
.pro-content .comment_mob_lite.com_otvet .add_photo_count {
    bottom: 19px;
    left: 42px;
}

.pro-content #comment_template h2.com_nam {
    text-align: left;
    margin-top: 50px;
}

/*End of Comments*/

.pro-button {
    transform: translate(0, 0);
    transition: all .1s;
}

.pro-button:active {
    transition: all 0s;
    transform: translateY(2px);
}

/*Самое интересное - карусель*/

.container-row-scroll {
    display: block;
    width: 100%;
    height: 165px;
    /*padding: 10px 0;*/
    overflow-y: hidden;
    position: relative;
    z-index: 1;
}

.container-row-box-also .container-row-scroll {
    height: auto;
}

.for-phone .container-row-scroll-in {
    scroll-behavior: smooth;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    height: 380px;
    width: 100%;
    position: relative;
}

.pro-top .splide .plitka_img_container:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.pro-top .splide .plitka_img_container > div {
    border-radius: 0;
}

.splide .plitka_wr_title {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 20px;
    background-color: #fff;
    border-radius: 0 5px 5px 0;
}

.container-row-box-also .splide .plitka_wr_title {
    display: block;
    border: none;
    padding: 0.5em 0 0 0;
}

.splide .pl_rubrika {
    display: none;
}

.splide .plitka_text {
    font-size: 16px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

.container-row-box-also .splide .plitka_text {
    font-size: 13px;
}

/*.for-phone .scroll-item:first-child {
    margin-left: 15px;
}

.for-phone .scroll-item:last-child {
    margin-right: 15px;
}*/

.for-phone .scroll-item {
    margin-right: 12px;
}

/*-----------------*/

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.splide__container {
    position: relative;
    box-sizing: border-box
}

.splide__list {
    margin: 0 !important;
    padding: 0 !important;
    width: -webkit-max-content;
    width: max-content;
    will-change: transform
}

.splide.is-active .splide__list {
    display: flex
}

.splide__pagination {
    display: inline-flex;
    align-items: center;
    width: 95%;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0
}

.splide__pagination li {
    list-style-type: none;
    display: inline-block;
    line-height: 1;
    margin: 0
}

.splide {
    visibility: hidden;
    overflow: hidden;
}

.for-phone .splide {
    visibility: visible;
}

.splide, .splide__slide {
    position: relative;
    outline: none
}

.splide__slide {
    box-sizing: border-box;
    list-style-type: none !important;
    margin: 0;
    flex-shrink: 0
}

/*.splide .shadow-right {
    width: 20px;
    height: 330px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    transition: .4s;
}

.splide .shadow-right:before {
    content: '';
    position: absolute;
    right: -15px;
    top: 0;
    width: 20px;
    height: 100%;
    border-radius: 50%;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    filter: blur(5px);
    background-color: rgba(0, 0, 0, .15);
}*/

.splide__slide img {
    vertical-align: bottom
}

.splide__slider {
    position: relative
}

.splide__spinner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #999;
    border-left-color: transparent;
    animation: splide-loading 1s linear infinite
}

.splide__track {
    position: relative;
    /*z-index: 0;*/
    overflow: hidden
}

.splide--draggable > .splide__track > .splide__list > .splide__slide {
    user-select: none
}

.splide--fade > .splide__track > .splide__list {
    display: block
}

.splide--fade > .splide__track > .splide__list > .splide__slide {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0
}

.splide--fade > .splide__track > .splide__list > .splide__slide.is-active {
    position: relative;
    z-index: 1;
    opacity: 1
}

.splide--rtl {
    direction: rtl
}

.splide--ttb > .splide__track > .splide__list {
    display: block
}

.splide--ttb > .splide__pagination {
    width: auto
}

:not(.for-phone) .splide__arrows {
    display: block;
}

.splide__arrows {
    position: absolute;
    top: 0;
    left: -64px;
    width: calc(100% + 128px);
    z-index: 10;
    transition: all .4s ease-in;
    transition-delay: .25s;
}

.splide:hover .splide__arrows {
    left: 0;
    width: 100%;
    transition: all .15s ease-out;
}

.splide__arrow {
    position: absolute;
    top: calc(75px - 22px);
    transform: none;
    width: 44px;
    height: 44px;
    padding: 8px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 2px 2px rgba(0, 0, 0, .05), 0 4px 4px rgba(0, 0, 0, .05);
    transition: transform .15s ease;
}

.splide__arrow--prev {
    left: 20px;
}

.splide__arrow--next {
    right: 20px;
}

.splide__arrow:hover {
    transform: scale(1.1);
}

.splide__arrow svg {
    fill: #000;
    width: 100%;
    height: 100%;
    transition: fill .15s ease, transform .03s linear;
}

.splide__arrow:hover svg {
    fill: #cc1800;
}

.splide__arrow:active svg {
    transform: scale(.8);
}

.splide__arrow--prev svg {
    transform: rotate(180deg);
}

.splide__arrow--prev:active svg {
    transform: rotate(180deg) scale(.8);
}

/*End of Самое интересное - карусель*/

/*Модал сообщения пользователю о модерации или публикации сообщения*/

#premodComment .modal-dialog {
    width: 95%;
    margin: 30px auto;
}

@media (min-width: 576px) {
    #premodComment .modal-dialog {
        width: 500px;
        margin: 30px auto;
    }
}

#premodComment .modal-header {
    border-bottom: 0;
    display: none;
}

.pop_wr_nov {
    display: table;
    margin: 40px auto;
    font-family: 'Open Sans', sans-serif;
}

.pop_wr_nov svg {
    width: 90px;
    height: 90px;
    text-align: center;
    display: table;
    margin: 0 auto 20px;
}

.h2-popup {
    font-family: 'Roboto Condensed';
    font-size: 24px;
    line-height: 1.1;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: center;
}

.nn_link p {
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
    margin-top: 10px;
}

.pop_wr_nov .nn_link a {
    font-size: 14px;
    display: inline;
    white-space: nowrap;
}

.pop_wr_nov .nn_link.nn_link-1 a {
    font-size: 15px;
    display: block;
    margin-top: 10px;
    text-align: center;
}

.button-standart {
    width: 120px;
    margin: 30px auto 0;
    max-width: none;
    min-width: auto;
    height: 40px;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    text-align: center;
    line-height: 40px;
    font-size: 21px;
    display: block;
    border-radius: 8px;
    border: none;
    background-color: var(--moe-blue);
    color: #fff;
    transition: all .2s ease;
}

/*End of Модал сообщения пользователю о модерации или публикации сообщения*/

@media (min-width: 1024px) and (max-width: 1649px) {
    .pro-header-back, .menu2, .pro-content {
        width: 1020px;
    }

    /*.pro-edit-menu {
        width: 970px;
    }*/
    aside.adv {
        display: block;
        left: 1020px;
    }

    .bottom-cover-content .lid {
        width: calc(100% - 260px);
    }

    .lid-footer {
        width: 240px;
    }

    .lid-footer button {
        text-align: center;
    }

    .lid-footer button span {
        line-height: 1;
        height: auto;
        width: 126px;
        text-align: left;
    }

    .lid-footer button i {
        line-height: 1;
    }

    .title-soc {
        padding: 0 35px;
    }

    .title-soc .social-top {
        width: 144px;
    }
}

@media (min-width: 1280px) and (max-width: 1649px) {
    .template-pro.template-pro-noadv .container {
        width: 1020px;
    }

    /*.col-content-inside .anons-pro-small:before {
        padding-top: 96%;
    }*/
    /*.plitka_text,
    .plitka_text p {
        font-size: 18px;
    }*/
}

@media (min-width: 768px) and (max-width: 1023px) {
    .pro-header-back,
    .menu2,
    .pro-content {
        width: 720px;
    }
}

@media (min-width: 576px) {
    .col-content .col-xs-6 {
        width: 50%;
    }

    .comment_mob_lite .pol_name,
    .comment_mob_lite .counter {
        width: auto;
    }

    .plitka_text,
    .plitka_text p {
        font-size: calc((100vw - 30px) * 0.0275);
    }

    .anons-first .plitka_text,
    .anons-first .plitka_text p {
        font-size: calc((100vw - 30px) * 0.034375);
    }

}

@media (min-width: 768px) {
    /*.main {
        padding-top: 74px;
    }*/
    /*.row {
        margin-right: -20px;
        margin-left: -20px;
    }

    .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,
    .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,
    .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,
    .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 {
        padding-right: 20px;
        padding-left: 20px;
    }*/
    .projects #menu_wr-1 .container,
    .template-pro.template-pro-noadv .container,
    .pro-header-back, .menu2, .pro-content {
        width: 750px;
    }

    .menu1 .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

    aside.adv {
        display: block;
        left: 750px;
    }

    .col-right {
        display: none;
    }

    .template-pro.template-pro-noadv footer {
        width: 100%;
    }

    footer.container-row {
        margin: 0;
        flex-shrink: 0;
        position: relative;
        padding-top: 10px;
        padding-bottom: 10px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    /*footer .container {
        position: relative;
        width: 100%;
        padding: 10px 10px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }*/
    nav.greedy1 {
        position: relative;
        display: flex;
        align-items: flex-start;
    }

    nav.greedy1 .block-pro-logo {
        display: flex;
        align-self: stretch;
        width: 0;
        transition: .5s;
    }

    .menu2.top-fix nav.greedy1 .block-pro-logo {
        width: 160px;
        flex: 1 0 auto;
    }

    .menu2 .block-pro-author {
        right: 0;
    }

    nav.greedy1 .pro-search {
        display: flex;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        white-space: nowrap;
        min-width: 32px;
        max-width: 32px;
        margin: 0 15px;
        line-height: 74px;
    }

    nav.greedy1 .pro-search span {
        margin-left: 7px;
    }

    nav.greedy1 .pro-search i {
        line-height: 50px;
    }

    nav.greedy1 button {
        align-self: stretch;
        position: relative;
        height: 100%;
        width: auto;
        padding: 0 15px;
        border: 0;
        outline: none;
        border-radius: 0;
        background-color: transparent;
        color: #fff;
        cursor: pointer;
    }

    /*.menu2.top-fix nav.greedy1 button {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }*/
    /*.pro-menu-too span.space {
        width: 11px;
        display: inline-block;
    }*/
    nav.greedy1 button:after {
        content: attr(count);
        position: absolute;
        left: 43px;
        top: 0;
        text-align: center;
    }

    /*nav.greedy1 button:hover:after {
        transform: scale(1.075);
    }*/
    /*nav.greedy1 .hamburger {
        position: relative;
        width: 30px;
        height: 4px;
        border-radius: 2px;
        margin: auto;
    }

    nav.greedy1 .hamburger:before,
    nav.greedy1 .hamburger:after {
        content: '';
        position: absolute;
        left: 0;
        width: 30px;
        height: 4px;
        border-radius: 2px;
    }

    nav.greedy1 .hamburger:before {
        top: -8px;
    }

    nav.greedy1 .hamburger:after {
        bottom: -8px;
    }*/
    /*ul.links {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        flex: 1;
        overflow: hidden;
    }*/
    /*ul.links li {
        flex: none;
        padding: 0;
    }*/
    ul.links li a {
        color: #404040;
    }

    .pro-menu-content.extended ul.pro-menu {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #menu_wr-1 .menu_top .nav_wr .extended ul > li,
    #menu_wr-1 .menu_top .nav_wr .extended ul > li a {
        line-height: 44px;
    }

    /*ul.hidden-links {
        position: absolute;
        top: 100%;
    }*/
    ul.hidden-links.hidden {
        display: none;
    }

    /*ul.hidden-links {
        !*position: absolute;
        top: 57px;
        right: 0;
        left: auto;*!
        width: auto;
        min-width: auto;
        height: auto;
        padding: 0;
        float: none;
        margin: 0;
        text-align: right;
        border: none;
        overflow: hidden;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }*/
    ul.hidden-links a,
    ul.pro-menu .dropdown-menu a {
        margin: 0;
        padding: 5px 10px;
        width: 100%;
        display: inline-block;
        line-height: 25px;
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
    }

    ul.hidden-links a:hover,
    ul.pro-menu .dropdown-menu a:hover {
        background-color: rgba(0, 0, 0, 0.16);
        -webkit-transition: all .1s ease;
        transition: all .1s ease;
    }

    ul.hidden-links a {
        position: relative;
        min-width: auto;
        line-height: 35px;
        padding: 0 10px;
        white-space: nowrap;
    }

    /*.menu2.top-fix ul.pro-menu > li {
        padding-top: 3px;
    }

    .menu2.top-fix ul.pro-menu > li.open {
        padding-top: 0;
    }

    .menu2.top-fix ul.pro-menu li.open a {
        font-size: 21px;
    }

    .menu2.top-fix ul.pro-menu a,
    .menu2.top-fix .btn {
        font-size: 14px;
    }*/
    /*.menu2.sticky .pro-menu-container .pro-logo,
    .pro-menu-container .pro-logo.pro-logo-small {
        height: 55px !important;
        top: 8px !important;
        -webkit-transition: .9s ease-out;
        transition: .9s ease-out;
    }

    .menu2.top-fix ul.pro-menu {
        opacity: 0;
        animation: pro-menu-visible .4s 1;
        animation-fill-mode: forwards;
    }

    @keyframes pro-menu-visible {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }*/
    .pro-menu-content li {
        list-style: none;
        height: 74px;
    }

    ul.pro-menu > li > ul {
        display: none;
        position: absolute;
        min-width: 100%;
        z-index: 10;
    }

    ul.pro-menu > li.open_menu > ul {
        display: block;
    }

    .menu2-gradient {
        display: none;
    }

    .container-rubric .main-rubric i {
        display: none;
    }

    .container-rubric .pro-menu-content,
    .container-rubric .pro-menu-content ul {
        height: auto;
    }

    .container-rubric .pro-menu-content ul {
        padding: 8px 0;
    }

    .container-rubric .pro-menu-content ul a {
        font-size: 17px;
    }

    .container-rubric .pro-menu-content ul li,
    .container-rubric .pro-menu-content ul li a {
        line-height: 34px;
        height: 34px;
        transition: all .1s ease;
    }

    .container-rubric .pro-menu-content ul li {

    }

    .pro-rubric-list,
    #rubric {
        display: none !important;
    }

    .bottom-cover {
        height: 165px;
    }

    .bottom-cover.open {
        height: auto;
    }

    .template-pro-noadv .container-row-box > ul li:last-child {
        margin-right: 60px;
    }

    .next_level {
        padding: 15px 0 0 40px;
    }

    .anons-pro-small {
        margin-bottom: 3em;
    }

    .anons-first .plitka_wr_title {
        margin: 14px 0 0 18px;
    }

    .plitka_text,
    .plitka_text p {
        font-size: 20px;
    }

    .anons-first .plitka_text,
    .anons-first .plitka_text p {
        font-size: 25px;
    }

    .anons-first .plitka_wr {
        display: flex;
        flex-direction: row;
        height: 100%;
    }

    .anons-first .plitka_img_container {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        min-width: 60%;
    }

    .anons-first .plitka_wr_title {
        /*-ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;*/
        /*min-width: 40%;*/
    }

    .anons-first .plitka_img_container .pl_rubrika {
        display: none;
    }

    .anons-first .plitka_wr_title .pl_rubrika {
        display: block;
        position: relative;
        bottom: auto;
        left: auto;
    }
}

@media (min-width: 992px) {
    .container-fluid {
        padding-right: 20px;
        padding-left: 20px;
    }

    .row {
        margin-right: -20px;
        margin-left: -20px;
    }

    .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,
    .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,
    .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,
    .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 {
        padding-right: 20px;
        padding-left: 20px;
    }

    .projects .container, .projects #menu_wr-1 .container, footer.container-row {
        position: relative;
        width: 100%;
        padding-left: 60px;
        padding-right: 60px;
    }

    .projects #menu_wr-1 .container,
    .template-pro.template-pro-noadv .container,
    .pro-header-back, .menu2, .pro-content {
        width: 920px;
    }

    aside.adv {
        display: block;
        left: 920px;
    }

    .pro-article .col-content {
        padding-left: 20px;
        padding-right: 0;
        width: 100%;
        display: flex;
    }

    .anons-pro-small,
    .col-right .pro-block .pro-block-content {
        margin-bottom: 3.3em;
    }

    .anons-first .plitka_wr_title {
        margin: 15px 0 0 20px;
    }

    .plitka_text,
    .plitka_text p {
        font-size: 22px;
    }

    .anons-first .plitka_text,
    .anons-first .plitka_text p {
        font-size: 28px;
    }

    .pro-article .col-content > div {
        display: flex;
        flex-direction: column;
    }

    /*.pro-article .col-content .col-content-inside {
        width: calc(100% - 75px);
    }*/
    .pro-article .stat_centr_wr {
        width: 100%;
        position: relative;
    }

    .pro-edit-menu {
        display: none !important;
    }

    .title-soc .social-top {
        width: 144px;
        margin: 0 auto;
        float: none;
        display: block;
    }
}

@media (min-width: 1024px) {
    /*.visible-1024 {
        display: block !important;
    }

    .hidden-1024 {
        display: none !important;
    }*/
    .menu2.top-fix ul.pro-menu > li.visible-1024,
    .menu2.top-fix ul.pro-menu > li.visible-1280,
    .menu2.top-fix ul.pro-menu > li.visible-1650 {
        display: block !important;
    }

    .menu2.top-fix ul.pro-menu > li .dropdown-menu a.hidden-1024,
    .menu2.top-fix ul.pro-menu > li .dropdown-menu a.hidden-1280,
    .menu2.top-fix ul.pro-menu > li .dropdown-menu a.hidden-1650 {
        display: none !important;
    }

}

@media (min-width: 1280px) {
    .equal, .equal > div[class*='col-'] {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }

    .container-fluid {
        padding-right: 25px;
        padding-left: 25px;
    }

    .row {
        margin-right: -25px;
        margin-left: -25px;
    }

    .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,
    .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,
    .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,
    .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 {
        padding-right: 25px;
        padding-left: 25px;
    }

    .col-right {
        padding-left: 25px;
        padding-right: 25px;
    }

    .projects #menu_wr-1 .container,
    .template-pro.template-pro-noadv .container,
    .pro-header-back, .menu2, .pro-content {
        width: 1280px;
    }

    aside.adv {
        display: block;
        left: 1280px;
    }

    .col-content,
    .pro-article .col-content {
        width: calc(100% - 350px);
    }

    .pro-article .col-content {
        padding-left: 25px;
        padding-right: 0;
    }

    .col-right {
        display: -webkit-flex;
        display: flex;
        width: 350px;
    }

    button.edit_text_front.is_stuck {
        right: calc(100% - 980px);
        transition: 0s;
    }

    .pro-article figure.image.image-style-align-center {
        width: 60%;
    }

    aside.adv {
        display: block;
    }

    .container-row {
        /*padding-left: 60px;*/
        padding-right: 60px;
    }

    .container-row-box > ul li:last-child {
        margin-right: 0;
    }

    .pro-arrow {
        right: 60px;
    }

}

@media (min-width: 1366px) {
    ul.hidden-links {
        right: 5px;
    }
}

@media (max-width: 1649px) {
    .pro-block-content-add {
        padding: 20px 20px 65px;
    }

    .pro-block-content-add ul {
        margin: 20px 0 20px 20px;
    }

    /*.col-content-inside .anons-pro-small {
        min-height: 265px;
        max-height: 265px;
    }*/
    button.edit_text_front.is_stuck {
        right: calc(100% - 710px);
        transition: 0s;
    }

}

@media (max-width: 1365px) {
    .visible-1366 {
        display: none !important;
    }
}

@media (max-width: 1279px) {
    .pro-header-back, .menu2, .pro-content, footer.container-row {
        width: 100%;
    }

    .pro-content {
        margin: 0 auto;
    }

    .pro-arrow {
        right: 60px;
    }

    aside.adv {
        display: none;
    }

    button.edit_text_front.is_stuck {
        left: calc(100% - 350px);
    }

}

@media (max-width: 1023px) {

    #menu_wr-1 .menu_top .nav_wr ul > li > a span {
        display: none;
    }

    .col-content {
        width: 100%;
        padding-right: 0;
    }

    /*.bottom-cover-content .lid {
        width: 100%;
        margin-bottom: 30px;
    }

    .lid-footer .social-top .dropdown-menu {
        left: -68px;
    }

    .title-soc {
        padding: 0 35px;
        text-align: center;
    }

    .title-soc .social-top {
        width: 144px;
        margin: 0 auto;
    }

    .lid-footer {
        margin: auto;
        width: 100%;
        float: none;
    }

    .lid-footer button {
        width: 300px;
        float: none;
        margin: auto;
        display: block;
    }*/
    /*.bottom-cover .lid {
        width: calc(100% - 50px);
        float: left;
        margin-bottom: 0;
    }*/
    .lid-footer {
        width: 34px;
        margin-left: 20px;
    }

    .lid-footer .social-top .dropdown-menu {
        left: auto;
        right: 0;
    }

    .lid-footer button.button,
    .lid-footer .title-soc {
        width: 34px;
        max-width: 34px;
        height: 34px;
        border-radius: 50%;
        margin: 0 0 10px 0;
        padding: 0;
        text-align: center;
    }

    .lid-footer .title-soc {
        margin: 0;
        background-color: transparent;
    }

    .lid-footer button i {
        font-size: 21px;
        line-height: 32px;
        margin-right: 0;
    }

    .lid-footer button span {
        display: none;
    }

    .title-soc .social-top,
    .social-top > .social-btn {
        width: 100%;
        height: 100%;
        float: none;
        margin: 0;
    }

    .title-soc .social-top .btn-share a.share {
        background-image: url(/img/pro-share-white-34.svg);
        padding: 0;
        border-radius: 50%;
        height: 34px;
        width: 34px;
        min-width: auto;
        background-color: var(--moe-blue);
    }

    .title-soc .pod {
        display: none;
    }

    .nav_wr {
        width: auto;
    }

    /*.col-content-inside .anons-pro-small:before {
        padding-top: calc(93% - (100vw) / 180);
    }*/
    /*.plitka_text,
    .plitka_text p {
        font-size: 2.4vw;
    }*/
    .pro-article.pro-article-edit .col-content:before {
        content: 'Для полноценного редактирования необходима ширина экрана от 1024 px';
        position: absolute;
        top: 2px;
        left: 0;
        width: calc(100% - 26px);
        margin-left: 13px;
        padding: 10px 20px;
        background-color: #47a4f5;
        color: #fff;
        font-weight: 700;
        font-size: 18px;
        text-align: center;
        z-index: 1000;
        border-radius: 5px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    }

    button.edit_text_front.is_stuck {
        left: calc(100% - 55px);
    }

}

@media (max-width: 991px) {
    .social-right-container {
        display: none;
    }

    button.edit_title_front,
    button.edit_text_front {
        right: 0;
    }

    button.edit_title_front {
        top: -40px;
    }

    button.edit_text_front {
        position: fixed;
        top: calc(100vh - 70px) !important;
        right: 15px;
    }

    button.edit_text_front.is_stuck {
        top: calc(100vh - 70px) !important;
    }
}

@media (max-width: 939px) {
    /*.pro-menu-container .pro-logo {
        height: 19.9vw;
        top: -13.8vw;
    }*/
    /*nav.greedy1 .block-pro-logo {
        width: 150px;
    }

    .menu2 .block-pro-author {
        right: -390px;
    }*/
    /*.col-content-inside .anons-pro-small:before {
        padding-top: calc(98% - (100vw) / 180);
    }

    .plitka_text,
    .plitka_text p {
        font-size: 2.6vw;
    }*/
}

@media (max-width: 767px) {
    .visible-768,
    .visible-1024,
    .visible-1280,
    .visible-1650 {
        display: inline-block !important;
    }

    .hidden-768 {
        display: none !important;
    }

    .pro-edit-menu {
        display: none !important;
    }

    .next_level {
        padding: 15px 0 0 30px;
    }

    .projects .container.container-mob {
        height: 50px;
        padding: 0;
    }

    ul.pro-menu > li.open {
        background-color: #eee;
    }

    /*Select rubric*/
    .pro-menu-content select,
    .pro-menu-content select option {
        display: none !important;
    }

    .pro-menu-content {
        display: block;
    }

    .pro-menu-content .selectize-control {
        width: 320px;
        min-width: 260px;
        max-width: calc(100% - 60px);
        float: left;
        height: 100%;
    }

    .pro-menu-content .selectize-control.single .selectize-input,
    .pro-menu-content .selectize-dropdown.single {
        background-color: transparent;
        background-image: none;
        box-shadow: none;
        border: none;
        border-radius: 0;
        padding: 0;
        width: 100%;
        color: #fff;
    }

    .pro-menu-content .selectize-dropdown.single {
        padding-bottom: 10px;
        border-radius: 0 0 10px 0;
    }

    .pro-menu-content .selectize-control.single .selectize-input.dropdown-active,
    .pro-menu-content .selectize-dropdown.single {
        box-shadow: 2px 6px 10px 0 rgba(0, 0, 0, 0.2);
    }

    .pro-menu-content .selectize-input .item {
        height: 50px;
        width: 100%;
        padding: 0 10px;
        display: flex;
        align-items: center;
    }

    .pro-menu-content .selectize-control.single .selectize-input:after {
        margin-top: -1px;
        border-color: #fff transparent transparent transparent;
    }

    .pro-menu-content .selectize-control.single .selectize-input.dropdown-active:after {
        margin-top: -1px;
        border-color: transparent transparent #fff transparent;
    }

    .pro-menu-content .selectize-control.single .selectize-input > input {
        display: none !important;
    }

    .pro-menu-content .selectize-dropdown-content {
        max-height: 70vh;
    }

    .pro-menu-content .selectize-dropdown [data-selectable],
    .pro-menu-content .selectize-dropdown .optgroup-header {
        padding: 8px 15px;
        display: flex;
        align-items: center;
        width: 100%;
        border-top: 1px solid rgba(255, 255, 255, 0.25);
    }

    .pro-menu-content .selectize-dropdown [data-selectable]:last-child,
    .pro-menu-content .selectize-dropdown .optgroup-header:last-child {
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    }

    .pro-menu-content .selectize-input .item,
    .pro-menu-content .selectize-dropdown [data-selectable],
    .pro-menu-content .selectize-dropdown .optgroup-header {
        /*font-family: 'Roboto Condensed', sans-serif;*/
        font-size: 17px;
        line-height: 1.2;
    }

    .pro-menu-content .selectize-control.single .selectize-input:active,
    .pro-menu-content .selectize-dropdown [data-selectable]:active {
        box-shadow: inset 0 0 300px 0 rgba(0, 0, 0, 0.15);
    }

    /*`````````````````````````````````````````````````*/
    .pro-rubric-list .pro-rubric-list-ul {
        width: 100%;
        overflow-y: auto;
        max-height: calc(100vh - 205px);
        padding-right: 15px;
    }

    .pro-rubric-list li {
        line-height: 1.2;
    }

    .pro-rubric-list li:active {
        background-color: rgba(0, 0, 0, .1);
    }

    .pro-rubric-list li a {
        /*font-family: 'Roboto Condensed', sans-serif;*/
        font-size: 18px;
        line-height: 1.2;
        padding: 7px 0;
        display: inline-block;
    }

    .pro-rubric-list li a {
        color: #fff !important;
    }

    /*`````````````````````````````````````````````````*/
    .pro-filter {
        display: block;
        float: right;
        position: relative;
        width: 60px;
        height: 100%;
    }

    /*End of Select rubric*/
    .container-rubric .main-rubric {
        text-transform: none;
        font-size: 19px;
        padding: 0;
        display: inline-block;
    }

    .container-rubric .main-rubric i {
        vertical-align: middle;
        font-size: 15px;
        margin-left: 2px;
    }

    /*.pro-rubric-list {
        display: none;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        padding: 0 15px 15px;
        !*max-width: 300px;*!
        min-width: 270px;
        !*max-height: 70vh;*!
        !*max-height: calc(100vh - 80px);*!
        opacity: .94;
        z-index: 10;
        !*border-radius: 0 0 10px 0;*!
    }

    .pro-rubric-list .close {
        background-image: url(/img/close.svg);
        background-repeat: no-repeat;
        background-size: contain;
        padding: 0;
        width: 24px;
        height: 24px;
        position: absolute;
        z-index: 100;
        right: 15px;
        top: 12px;
        opacity: 1;
        cursor: pointer;
    }

    .pro-rubric-list .close:active {
        opacity: .5;
    }

    .pro-rubric-list .pro-rubric-list-ul {
        width: 100%;
        overflow-y: auto;
        max-height: calc(100vh - 205px);
        padding-right: 15px;
    }

    .pro-rubric-list li {
        line-height: 1.2;
    }

    .pro-rubric-list li:active {
        background-color: rgba(0, 0, 0, .1);
    }

    .pro-rubric-list li a {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 18px;
        line-height: 1.2;
        padding: 7px 0;
        display: inline-block;
    }

    .pro-rubric-list li a {
        color: #fff !important;
    }*/
    .logo_wr img:active,
    #menu_wr-1 .pro-logo-menu .pro-logo:active {
        transform: translate(1px, 1px);
    }

    .projects .container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .projects #menu_wr-1 .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .projects #menu_wr-1 .container:before,
    .projects #menu_wr-1 .container:after {
        display: none;
    }

    .pro-header-back {
        display: none;
        /*height: 380px;*/
        height: calc(21.875vw + 150px);
    }

    .pro-header-img {
        /*height: 200px;*/
        height: 21.875vw;
    }

    .pro-header1,
    .pro-header-img-mob,
    .pro-header1 .vhod_mob a,
    .menu2,
    #menu_wr-1 .logo_wr,
    .pro-header1 #menu_wr-1 .pro-logo-menu,
    .pro-header1 #menu_wr-1 .pro-logo-menu .pro-logo,
    .pro-header1 .vhod_mob .icon-icon-moe-13,
    .pro-content {
        -webkit-transition: all .1s ease-out;
        transition: all .1s ease-out;
        will-change: transform;
    }

    .pro-header1.pro-shrink #menu_wr-1 .logo_wr {
        -webkit-transition: .1s ease-out;
        transition: .1s ease-out;
    }

    .pro-header1 .logo_wr_a {
        -webkit-transition: .1s ease-out;
        transition: .1s ease-out;
    }

    .pro-header1 {
        height: 60px;
    }

    .pro-header1.pro-shrink {
        height: 50px;
    }

    .menu2 {
        position: fixed;
        top: 90px;
        width: 100%;
        height: 50px;
        background-color: #fff;
        -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, .15);
        box-shadow: 0 6px 6px rgba(0, 0, 0, .15);
        transform: none;
    }

    .menu2.pro-shrink {
        transform: translateY(-40px);
    }

    .pro-header-img-2 img {
        display: none;
    }

    .pro-header1.pro-shrink .vhod_mob .icon-icon-moe-13 {
        line-height: 50px;
    }

    .pro-header1.pro-shrink .vhod_mob .icon-icon-moe-13 {
        line-height: 50px;
    }

    /*.pro-content {
        margin: 140px auto 0;
    }*/
    .pro-content.pro-shrink {
        margin: 100px auto;
    }

    .menu1,
    #menu_wr-1,
    #menu_wr-1 .container,
        /*#menu_wr-1 .logo_wr,*/
    .site__top,
    .vhod_mob,
    ul.pro-menu,
    ul.pro-menu > li {
        height: 100%;
    }

    .menu1 {
        background-color: transparent;
    }

    .pro-header-img {
        width: 100%;
        height: 90px;
        margin-top: 0;
        position: fixed;
        overflow: hidden;
    }

    .pro-header1.pro-shrink .pro-header-img {
        height: 50px;
    }

    .pro-header-img:before {
        content: '';
        width: 100%;
        height: 245px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    }

    .pro-header-img img {
        width: 100%;
        height: 90px;
        object-fit: cover;
        object-position: left top;
    }

    .pro-header1 .pro-header-img-mob {
        width: 100%;
        height: 90px;
        position: fixed;
        top: 0;
        left: 0;
        overflow: hidden;
    }

    .pro-header1.pro-shrink .pro-header-img-mob {
        height: 50px;
    }

    .pro-header-img-mob img {
        height: 60px;
        object-fit: cover;
        object-position: left top;
    }

    /*.projects #menu_wr-1 .container {
        padding: 0;
    }*/
    #menu_wr-1 {
        width: 100%;
        position: relative;
    }

    #menu_wr-1 .logo_wr {
        height: 60px;
        max-width: 155px;
        min-width: 155px;
        padding: 10px 30px 10px 0;
    }

    #menu_wr-1 .menu_top {
        display: none;
    }

    .block-sigin {
        display: flex;
        justify-content: end;
        align-items: center;
    }

    .block-sigin .menu {
        display: block;
        margin: 0 0 0 30px;
    }

    /*#menu_wr-1 .logo_wr {
        background-repeat: no-repeat;
        background-position: center;
        background-size: 40px auto;
        position: relative;
        margin: 20px 15px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: var(--moe-blue);
        background-color: #dd0000;
    }

    .pro-header1.pro-shrink #menu_wr-1 .logo_wr {
        background-position: center 5px;
        background-size: 24px auto;
        position: relative;
        margin: 7px 15px;
        width: 36px;
        height: 36px;
    }*/
    .pro-header1.pro-shrink .vhod_mob > a {
        padding: 0;
    }

    /*.vhod_mob .icon-icon-moe-13 {
        line-height: 90px;
    }*/
    /*.vhod_mob {
        min-width: 30px;
        right: 59px;
    }*/
    .av_header {
        top: calc(50% - 16px);
        left: calc(50% - 16px);
        right: auto;
    }

    .menu2:before {
        display: none;
    }

    .pro-menu-container .pro-logo {
        display: none;
    }

    .menu2 .menu2-1 {
        height: 50px;
        width: 100%;
        overflow: hidden;
        position: relative;
        padding: 0;
    }

    ul.pro-menu > li {
        line-height: 50px;
    }

    ul.pro-menu a,
    .menu2 .btn {
        color: #000;
        font-size: 19px;
        line-height: 50px;
    }

    ul.pro-menu li.open > a,
    ul.pro-menu li:not(.open) > a:hover {
        font-weight: 700;
        text-decoration: none;
    }

    /*ul.pro-menu li.open > a:before {
    display: none;
    }*/
    .logo_mob > a:after,
    .logo_mob_min > a:after,
    .vhod_mob:after,
    .site__top:after {
        z-index: 0;
    }

    .vhod_mob:after {
        display: none;
        top: calc(50% - 25px);
        left: calc(50% - 25px) !important;
        width: 50px;
        height: 50px;
    }

    .site__top:after {
        display: none;
        top: calc(50% - 25px);
        left: calc(50% - 25px);
        width: 50px;
        height: 50px;
    }

    .pro-header1 #menu_wr-1 a.pro-logo-menu {
        display: inline-block !important;
        height: 58px;
        margin: 16px 0 16px 15px;
        position: relative;
    }

    .pro-header1.pro-shrink #menu_wr-1 a.pro-logo-menu {
        height: 42px;
        margin: 4px 0 4px 15px;
    }

    .pro-header1 #menu_wr-1 a.pro-logo-menu:before {
        content: '';
        display: block;
        height: 64px;
        width: 64px;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 1px;
        -webkit-box-shadow: -5px 0 5px 0 rgba(0, 0, 0, .5);
        box-shadow: -5px 0 5px 0 rgba(0, 0, 0, .5);
    }

    .pro-header1.pro-shrink #menu_wr-1 a.pro-logo-menu:before {
        height: 42px;
        width: 42px;
    }

    .pro-header1 #menu_wr-1 .pro-logo-menu .pro-logo {
        position: relative;
        width: auto;
        height: 100%;
        transform: translateY(0);
    }

    .pro-header1 #menu_wr-1 .pro-logo-menu .pro-logo:active {
        transform: translateY(2px);
    }

    /*.pro-header1.pro-shrink #menu_wr-1 .pro-logo-menu .pro-logo {
        padding-top: 0;
        transform: scale(.78) translateX(-14px);
    }*/
    .menu2 .menu2-gradient {
        width: 20px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    }

    .menu2 .menu2-gradient:last-child {
        right: 0;
        left: auto;
        transform: rotate(180deg);
    }

    .pro-menu-container,
    ul.pro-menu {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        float: none;
        text-align: center;
        -webkit-overflow-scrolling: touch;
    }

    .pro-menu-container {
        position: relative;
        bottom: auto;
        height: 90px;
        padding: 0;
        top: 0;
    }

    .pro-menu-container .pro-logo {
        /* display: block;
         position: relative;
         margin: 0 auto;
         width: auto;*/
        height: 56px;
        top: 7px;
        position: relative;
        float: none;
        margin: 0 15px;
        display: inline-block;
        vertical-align: top;
    }

    ul.pro-menu {
        float: none;
        display: block;
        width: 100%;
    }

    ul.pro-menu > li {
        float: none;
        display: inline-block;
        text-align: center;
    }

    ul.pro-menu > li a {
        display: inline-block;
        text-align: center;
    }

    .bottom-cover div {
        height: auto;
    }

    .bottom-cover .lid {
        /*min-height: 129px;
        max-height: 129px;
        height: unset;*/
        font-size: 13px;
        padding-right: 10px;
        margin: 0;
        border: 0;
    }

    .bottom-cover.open,
    .bottom-cover.open .lid {
        max-height: 2000px;
    }

    .bottom-cover-content {
        padding: 15px 0;
    }

    .bottom-cover.open .lid:after {
        display: none;
    }

    .bottom-cover .lid .expand {
        left: 0;
    }

    .bottom-cover.open .lid .expand {
        display: none;
    }

    /*.col-content-inside .anons-pro-small:before {
        padding-top: 96%;
    }

    .plitka_text,
    .plitka_text p {
        font-size: 2.8vw;
    }*/
    /*-------------*/
    .container-row-box > ul li:first-child {
        margin-left: 15px;
    }

    .container-row-box > ul li:last-child {
        margin-right: 15px;
    }

    .pro-arrow {
        right: 15px;
    }

    .pro_create {
        bottom: 60px;
        right: 10px;
    }


}

@media (max-width: 639px) {
    /*.col-content-inside .anons-pro-small:before {
        padding-top: 100%;
    }*/
    .lid-footer button,
    .lid-footer .other-pro {
        margin: 0 auto 20px;
        display: block;
        float: none;
    }

    .lid-footer .title-soc {
        margin-bottom: 0;
    }

    .lid-footer button {
        max-width: 300px;
        width: 100%;
    }

    .bottom-cover .partner {
        margin: 0 auto;
    }

    .pro-arrow {
        display: none !important;
    }

    /*.plitka_text,
    .plitka_text p,
    .container-row-box .plitka_text {
        font-size: 17px;
    }*/

}

@media (max-width: 560px) {

    .com-down {
        flex-direction: column;
    }

    .com-btn .comebt_butt {
        margin: 0 0 20px;
    }

    .coment_text_container {
        width: 100%;
        margin-left: 0;
    }

    .comets_block_wr .comets_block.next_level {
        padding: 15px 0 0 0;
    }

    .next_level .coment_text_container {
        width: calc(100% - 65px);
        margin-left: 65px;
    }

    .comment_mob_lite.com_otvet {
        /*margin: 15px 0 0 65px;
        width: calc(100% - 65px);*/
        margin: 15px 0 0 0;
        width: 100%;
    }

    .pro-content .comment_mob_lite form {
        width: 100%;
        margin: 0;
    }

    .comment_mob_lite .pol_name {
        margin-bottom: 5px;
    }

    .col-content-inside .anons-pro-small {
        width: 100%;
    }

    /*.col-content-inside .anons-pro-small:before {
        display: none;
    }*/
    .anons-pro-small-inside-1 {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }

    /*.plitka_text,
    .plitka_text p {
        font-size: 22px;
    }*/
    .comets_block_wr {
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .pro-content .comment_mob_lite,
    .pro-content .comets_block_wr .comets_block {
        border-radius: 0;
    }

    .comment_mob_lite.com_otvet {
        border-radius: 4px;
    }

    .comment_mob_lite.comment_main {
        width: calc(100% + 30px);
        margin: 5px -15px 20px;
    }

}

@media (max-width: 479px) {
    .pro-content .all_button .pokaz_all i {
        display: table;
        width: 100%;
        margin: 2px auto -5px;
    }

    .com_nam1, .pravila1 {
        width: 100%;
        float: none;
        text-align: center;
    }
}

@media (max-width: 450px) {
    .vhod_mob a span {
        display: none;
    }

    .pro-menu-container .pro-logo {
        display: none;
    }

    .container-row-box .anons-pro-forum {
        width: 206px;
    }

    .container-row-box .anons-pro-forum .plitka_forum {
        display: inline-block;
        vertical-align: top;
    }

    .container-row-box .anons-pro-forum .pro-forum-content {
        display: block;
        width: 100%;
    }

    .container-row-box .anons-pro-forum .plitka_img_container {
        display: none;
    }

    .add_photo {
        top: 40px !important;
        left: -1px !important;
        background: #fff;
        padding: 3px 7px;
        border: 1px solid #8c9fac;
        -webkit-box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, .2);
        box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, .2);
        color: #1e2c34 !important;
    }
}

@media (max-width: 369px) {
    /*#menu_wr-1 .logo_wr {
        width: 110px;
    }

    .pro-header1 #menu_wr-1 .pro-logo-menu .pro-logo {
        height: auto;
        width: 90px;
        padding-top: 21px;
    }*/
    .logo_mob {
        padding: 20px 15px;
    }

    /*.plitka_text,
    .plitka_text p {
        font-size: 6vw;
    }*/
    .container-row-box > ul li .anons-pro-small {
        width: 275px;
    }
}

@media (max-width: 330px) {
    .lid-footer button span {
        font-size: 5.1vw;
    }

    .container-row-box > ul li .anons-pro-small {
        width: 265px;
    }

    .social-down .social-btn {
        margin: 0 2px;
    }

}

/*Форум*/

.pro-nn .live {
    display: none;
}

.img-w-nn {
    border-radius: 5px;
}

.polz_pol_wr .name,
.polz_pol_wr p,
.lenta_nar_nov .polz_pol_wr .name,
.lenta_nar_nov .polz_pol_wr .lines span,
.lenta_nar_nov .polz_pol_wr p,
.lenta_nar_nov .polz_pol_wr .razdelitel,
.left_nn .polz_pol_wr .name,
.left_nn .polz_pol_wr .lines span,
.left_nn .polz_pol_wr p,
.left_nn .polz_pol_wr .razdelitel,
.best_messages p,
.best_messages .lines.lines_18 .count-megaphone span {
    line-height: 13px;
}

.lines_18 .count-megaphone img {
    top: 1px;
}

.lines_18 .user_status {
    margin-top: 0;
    display: flex;
    align-items: center;
}

.polz_pol_wr .name,
.lenta_nar_nov .polz_pol_wr .name {
    margin-right: 7px;
    font-weight: 700;
    color: #000;
    transition: all .2s ease;
}

.polz_pol_wr a {
    transition: all .2s ease;
}

.pro-nn .col-left,
.pro-nn .live {
    display: none;
    z-index: 2;
}

.forum-menu {
    position: relative;
    overflow: hidden;
    opacity: 0;
    animation: forum-menu-animation .5s 1;
    animation-fill-mode: forwards;
    animation-delay: .3s;
}

@keyframes forum-menu-animation {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.forum-menu-expand {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 36px;
    padding: 0 20px;
    cursor: pointer;
    opacity: 0;
    transition: background-color .2s;
    animation: forum-menu-expand-animation .3s 1;
    animation-fill-mode: forwards;
    animation-delay: .15s;
}

@keyframes forum-menu-expand-animation {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.forum-menu-expand i {
    font-size: 30px;
    line-height: 35px;
    padding-bottom: 1px;
    width: 26px;
    text-align: center;
    animation-delay: .15s;
}

.forum-menu ul {
    height: calc(100%);
    overflow-y: auto;
}

.forum-menu ul li {
    list-style-type: none;
    transition: all .5s;
    height: 47px;
    padding: 0 1px;
    margin: 2px 0;
}

.forum-menu ul li:before {
    display: none;
}

.forum-menu ul li:last-child {
    margin-bottom: 0;
}

.forum-menu ul li a {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 47px;
    line-height: 1.3;
    padding: 3px 18px;
    position: relative;
    transition: color 0s;
}

/*.forum-menu ul li a:hover:before {
    content: '';
    position: absolute;
    top: 4px;
    left: -6.5px;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    background-color: rgba(126, 205, 91, 0.25);
}*/

.forum-menu ul li a img {
    width: 26px;
    min-width: 26px;
    height: 26px;
    object-fit: contain;
    object-position: center;
}

.forum-menu ul li a span {
    margin-left: 15px;
    /*transition: all .5s;*/
}

.col-left-in {
    width: 100%;
    z-index: 1;
}

.live-button,
.message-add {
    width: 100%;
    height: 50px;
    min-height: 50px;
    padding: 0 16.3px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .2s ease;
}

.for-phone .expand .live-button,
.for-phone .expand .message-add {
    padding: 0 25px;
}

.for-phone .live-button,
.for-phone .message-add {
    display: none;
}

.live-button i {
    font-size: 26px;
    transition: all .3s;
}

.live-button:hover i {
    animation: fa-spin 2s infinite linear;
}

.live-button.end-animation i {
    animation: end-animation 1s 1 linear;
    animation-fill-mode: forwards;
}

@keyframes end-animation {
    from {
        transform: rotate(359deg);
    }
    to {
        transform: rotate(0deg);
    }
}

.live-button span,
.message-add span {
    margin-left: 10px;
    line-height: 1.2;
    width: 86px;
}

.message-add {
    margin-bottom: 10px;
}

.message-add img {
    width: 33.4px;
    min-width: 33.4px;
    height: 26px;
}

.nn_v {
    margin-bottom: 30px;
    width: 100%;
}

.nn_v a {
    display: block;
    margin-bottom: 10px;
}

/*Send message form*/

.send-container {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.a-rules {
    position: absolute;
    top: 15px;
    right: 30px;
}

.name_vhod_popup {
    margin-bottom: 15px;
}

.name_vhod_popup .getin {
    margin-left: 10px;
    border-bottom: 1px dotted;
}

/*.send-container label {
    font-weight: 400;
}*/

.note-nn,
.note-nn-1,
.note-nn-2 {
    font-size: .9em;
    line-height: 1.3;
    margin-top: 0.2em;
    font-weight: 400;
}

.note-nn-1,
.note-nn-2 {
    margin: 5px;
    text-align: right;
}

.for-phone .upload-image > .note-nn {
    display: none;
}

.upload_count {
    font-weight: 700;
}

.send-container .ck.ck-content.ck-editor__editable_inline {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.send-container .form-control {
    font-size: 16px !important;
    height: 40px;
    color: #000;
    box-shadow: none;
}

.send-container .close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 100;
    right: 15px;
    top: 15px;
    opacity: 1;
}

.send-container .close .svg-icon {
    width: 20px;
    height: 20px;
}

.send-container .name_vhod_popup {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

.send-container .polz_pol_wr {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 40px;
}

.send-container .user_photo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
}

.send-container .name_vhod_popup p {
    font-size: 16px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.send-container .upload-image {
    width: 100%;
    position: relative;
}

.upload-image .image-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.image_row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.upload-image .image-box {
    width: 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    position: relative;
    user-select: none;
}

@media (max-width: 767px) {
    .upload-image .image-box {
        width: 20%;
        flex: 0 0 20%;
        max-width: 20%;
        position: relative;
    }
}

@media (max-width: 575px) {
    .upload-image .image-box {
        width: 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        position: relative;
    }
}

@media (max-width: 359px) {
    .upload-image .image-box {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
        position: relative;
    }
}

.upload-image .image-box.button_load {
    order: 10;
}

.upload-image .image-box:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.upload-image .image_preview {
    background-color: #eee;
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    border-radius: 3px;
}

.upload-image .image_preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.preview_small .delete {
    background: rgba(11, 11, 11, 0.2) url(/themes/default/front/img/close.svg) no-repeat center;
    background-size: 60%;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    width: 25px;
    height: 25px;
    border-radius: 0 3px 0 3px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .1s ease;
}

.upload-image .progress-btn {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    padding: 15px;
    overflow: hidden;
    border-radius: 3px;
    color: #fff;
    transition: all 0.3s ease;
}

.progress-btn:not(.active) {
    cursor: pointer;
}

.progress-btn .btn {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    opacity: 1;
    display: inline-block;
    padding: 0;
    margin-bottom: 0;
    font-size: 90px;
    font-weight: normal;
    line-height: 74px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 0;
    border-radius: 0;
}

.upload-image .progress-btn .btn {
    width: 34%;
    height: 34%;
    margin: 33%;
    fill: #fff;
}

.upload-image-footer {
    margin: 5px;
    text-align: right;
}

.upload-image-footer .upload_count {
    font-weight: 700;
}

.pro-send .ck.ck-editor__main > .ck-editor__editable {
    min-height: 260px;
}

/*End of Send message form*/

.message_ban_box {
    margin: 0 auto 20px;
}

.message_ban {
    padding: 15px;
    color: #fff;
    position: relative;
}

.message_ban p {
    font-size: inherit;
    margin-bottom: 10px;
    color: #fff;
}

.message_ban p:last-child {
    margin-bottom: 0;
}

.message_ban .head_in {
    font-size: inherit;
    font-weight: 700;
}

/*End of Форум*/

/*Pagination*/

.pagination {
    height: 44px;
    max-width: none;
}

.pagination {
    width: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.pagination > li {
    display: inline;
    flex-basis: auto;
    flex-grow: inherit;
    max-width: none;
    width: auto;
    margin: 0;
    line-height: 44px;
}

.pagination > li > a,
.pagination > li > span,
.pagination a,
.pagination span,
.pagination a:hover,
.pagination a:focus,
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    display: block;
    text-align: center;
    font-weight: 400;
    line-height: 44px;
    height: 44px;
    width: 44px;
    background-color: transparent;
    font-size: 15px;
    white-space: nowrap;
    float: none;
    border: none;
    border-radius: 50% !important;
    text-decoration: none;
    padding: 0;
    margin: 0 2px;
    user-select: none;
    transition: all .1s ease-in-out;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination a:hover {
    padding: 0;
    margin: 0 2px;
    width: 44px;
    background-color: transparent;
    border-radius: 50%;
    border: none;
    text-decoration: none;
}

.pagination span {
    cursor: default;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    margin: 0 2px;
}

.pagination > li:first-child > a:hover b,
.pagination > li:first-child > span:hover b {
    display: inline-block;
    border-bottom: 1px solid transparent;
}

.pagination > li > a b,
.pagination > li > span b {
    line-height: 1.1;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .pagination > li b {
        display: inline;
    }
}

@media only screen and (max-width: 599px) {
    .pagination > li b {
        display: inline !important;
    }
}

.pagination > li > a i:before {
    display: block !important;
}

/*End of Pagination*/

/*Down panel & modal menu*/

.down-panel {
    position: fixed;
    z-index: 1040;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 50px;
    font-size: 12px;
    line-height: 1;
    user-select: none;
    transform: translateZ(0);
    will-change: transform;
    transition: transform .5s ease, box-shadow .5s ease;
}

.down-panel.is-hidden-down {
    transform: translateY(130%);
}

.down-panel-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 420px;
    width: 100%;
    height: 56px;
}

.down-panel-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 33.3333%;
    height: 50px;
    overflow: hidden;
    transition: none;
}

.down-message-add {
    height: 56px;
    padding-bottom: 3px;
}

.down-panel-btn .sandwich-group {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 15px;
    width: 20px;
    margin-bottom: 4px;
}

.down-panel-btn .sandwich-group .sandwich-line {
    height: 3px;
    width: 100%;
    border-radius: 1.5px;
}

.down-panel-btn.down-message-add img {
    width: 26px;
    height: 26px;
    margin-bottom: 2px;
}

.down-panel-btn i {
    font-size: 18px;
    margin-bottom: 2px;
}

.pro-modal-down.modal,
.pro-modal-down .modal-dialog,
.pro-modal-down .modal-content,
.pro-modal-down .modal-body {
    width: 100%;
    max-width: 100%;
    height: 100%;
    z-index: 10000;
}

.pro-modal-down.modal {
    bottom: 0 !important;
    overflow: hidden !important;
}

.pro-modal-down .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    background-color: transparent;
    overflow: hidden;
}

.pro-modal-down.modal.fade .modal-dialog {
    transform: none;
}

/*.modal-backdrop {
    transition: all 0.3s linear;
}

.modal-backdrop.fade {
    transition: opacity 4s cubic-bezier(0.25, 0, 0.1, 1);
    transition: opacity 4s linear;
}*/

.pro-modal-down.modal-down-menu.modal.fade .modal-dialog,
.pro-modal-down.modal-down-live.modal.fade .modal-dialog {
    transition: transform 0.3s cubic-bezier(0.25, 0, 0.1, 1), opacity 0.5s cubic-bezier(0.25, 0, 0.1, 1);
    transform: scale(0);
    opacity: 0;
}

.pro-modal-down.modal-down-menu.modal.fade.in .modal-dialog,
.pro-modal-down.modal-down-live.modal.fade.in .modal-dialog {
    transform: scale(1);
    opacity: 1;
}

.pro-modal-down.modal-down-menu.modal.fade .modal-dialog {
    transform-origin: calc(50% - 140px) calc(100vh - 30px);
}

.pro-modal-down.modal-down-live.modal.fade .modal-dialog {
    transform-origin: calc(50% + 140px) calc(100vh - 30px);
}

/*.pro-modal-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}*/

.pro-modal-down .modal-content {
    /*background-color: #31434f;*/
    background-color: #fff;
    color: #000;
    box-shadow: none;
    border-radius: 0;
    border: none;
    display: flex;
    flex-direction: column;
}

.pro-modal-down .modal-body {
    padding: 0;
}

.modal-down-live .modal-body {
    padding: 65px 25px 35px;
    overflow: hidden;
    flex-grow: 1;
}

.pro-modal-down .close {
    /*background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;*/
    padding: 0;
    width: 40px;
    height: 40px;
    position: fixed;
    z-index: 100;
    right: 15px;
    top: 15px;
    opacity: 1;
}

.pro-modal-down .close .svg-icon {
    width: 20px;
    height: 20px;
}

.pro-modal-search {
    position: relative;
}

.pro-modal-search input {
    height: 44px;
    border-radius: 8px;
    border: none;
    color: #000;
    font-size: 15px;
}

.pro-modal-down .form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 42.5px;
    height: 44px;
    font-size: 22px;
    line-height: 44px;
    text-align: center;
    pointer-events: none;
}

.pro-modal-down .modal-body-in {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.pro-modal-down .modal-body-in ul {
    width: 100%;
}

.pro-modal-down .modal-body-in ul li {
    position: relative;
    display: table;
    width: 100%;
}

.pro-modal-down .modal-body-in .pro-modal-other-links {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-grow: 1;
    padding: 15px 25px;
}

.pro-modal-down .modal-body-in .pro-modal-other-links a {
    line-height: 40px;
    transition: none;
}

.pro-modal-down .modal-body-in .pro-modal-other-links a i {
    font-size: 1.2em;
    vertical-align: middle;
    margin-right: 8px;
}

/*Живая лента*/

.live_com {
    position: relative;
    margin-top: 10px;
    font-size: 13px;
    padding-bottom: 10px;
    user-select: none;
}

.live_com:first-child {
    margin-top: 0;
}

.live_com a p {
    line-height: 1.3;
    font-size: 14px;
    font-weight: 700;
    word-wrap: break-word;
}

.live_autor_com {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 30px;
    margin: 10px 0 7px;
}

.live_av_img {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    background-size: cover;
    margin-right: 10px;
    background-position: center;
}

.live_autor {
    font-size: 13px;
    font-weight: 700;
}

.live_text {
    line-height: 1.3;
    word-wrap: break-word;
}

/*End of Живая лента*/
/*End of Down panel & modal menu*/

/*Flip*/

.el-flip {
    perspective: 2000px;
    position: relative;
    transition: height .2s ease-in-out;
}

.el-flip .forum-menu,
.el-flip .live-container {
    backface-visibility: hidden;
    transition: all .4s ease-in-out;
}

.el-flip.flip .forum-menu {
    transform: rotateY(180deg);
}

.el-flip.flip .live-container {
    transform: rotateY(0deg);
}

.el-flip .live-container {
    transform: rotateY(-180deg);
}

.el-flip .live-container {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

/*End of Flip*/

/*Recomendation block NN*/

.material-row.material-row-slide {
    margin: 0 0 30px;
    padding: 0;
    border: none;
    background-color: transparent;
}

.material-row-slide .h2 {
    display: none !important;
    font-family: 'Roboto Condensed';
    font-size: 21px;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 5px;
}

.material-row-slide.for-phone .h2 {
    margin: 0 0 15px 15px;
}

.material-row-slide .container-row-scroll {
    display: block;
    width: 100%;
    height: 330px;
    padding: 10px 0;
    overflow-y: hidden;
    position: relative;
    z-index: 1;
}

.for-phone .pro-nn .material-row-slide .container-row-scroll-in {
    scroll-behavior: smooth;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    height: 380px;
    width: 100%;
    position: relative;
}

.material-row-slide .scroll-item {
    width: 240px;
    height: 310px;
    margin-bottom: 30px;
    transition: all .2s ease;
}

.for-phone .material-row-slide .scroll-item {
    margin-right: 12px;
}

@media (max-width: 767px) {
    .material-row.material-row-slide.for-phone {
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .for-phone .material-row-slide .scroll-item:first-child {
        margin-left: 15px;
    }

    .for-phone .material-row-slide .scroll-item:last-child {
        margin-right: 15px;
    }

}

.material-row-slide .scroll-item-link {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    width: 240px;
    height: 100%;
    text-decoration: none;
    cursor: pointer;
    -webkit-transform: translateZ(0);
    border-radius: 8px;
}

.material-row-slide .scroll-item-image {
    width: 100%;
    aspect-ratio: 240/160;
    opacity: 0.8;
}

.material-row-slide .scroll-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.material-row-slide .scroll-item-title {
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 21px;
    line-height: 1.2;
    margin-top: 12px;
    padding: 0 16px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.material-row-slide .scroll-item-subtitle {
    font-family: 'Roboto';
    font-size: 14px;
    margin-top: 8px;
    padding: 0 16px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.material-row-slide .scroll-item-link.noimage .scroll-item-image {
    display: none;
}

.material-row-slide .scroll-item-link.noimage > div:first-child {
    height: calc(100% - 46px);
    overflow: hidden;
    position: relative;
}

.material-row-slide .scroll-item-link.noimage > div:first-child:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(0deg, rgba(227, 234, 239, 1) 10%, rgba(227, 234, 239, 0) 100%);
}

.material-row-slide .scroll-item-link.noimage .scroll-item-title,
.material-row-slide .scroll-item-link.noimage .scroll-item-subtitle {
    display: block;
}

.material-row-slide .scroll-item-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin: 12px 0;
    padding: 0 16px;
}

.material-row-slide .scroll-item-date,
.material-row-slide .scroll-item-footer .down_line_nn .total-count {
    font-size: 14px;
    line-height: 22px;
}

.material-row-slide .scroll-item-footer .down_line_nn {
    display: block;
    position: relative;
    margin-top: 0;
    height: auto;
    font-family: 'Roboto Condensed';
}

.material-row-slide .scroll-item-footer .down_line_nn .reactions {
    margin: 0;
}

.material-row-slide .scroll-item-footer .total-count {
    background-color: transparent;
}

.material-row-slide .inform_top_line,
.material-row-slide .inform_count {
    display: inline-block;
    width: 100%;
    user-select: none;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.3;
    font-size: 13px;
    margin-bottom: 0 !important;
}

.material-row-slide .inform_top_line .right_inform_top_line {
    float: right;
    position: relative;
}

.material-row-slide .inform_top_line span,
.material-row-slide .inform_count span {
    margin: 0;
    font-size: 13px;
    display: inline-block;
    line-height: 1;
}

.material-row-slide .inform_top_line span[class^='icon-'],
.material-row-slide .inform_count span[class^='icon-'] {
    font-size: 11px !important;
    display: inline-block !important;
    margin-right: 3px !important;
    vertical-align: 0;
}

.material-row-slide .user_views {
    display: inline;
    margin-left: 7px;
}

.material-row-slide .count-stroka,
.material-row-slide .user_views {
    position: relative;
}

/*-----------------*/

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.material-row-slide .splide__container {
    position: relative;
    box-sizing: border-box
}

.material-row-slide .splide__list {
    margin: 0 !important;
    padding: 0 !important;
    width: -webkit-max-content;
    width: max-content;
    will-change: transform
}

.material-row-slide .splide.is-active .splide__list {
    display: flex
}

.material-row-slide .splide__pagination {
    display: inline-flex;
    align-items: center;
    width: 95%;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0
}

.material-row-slide .splide__pagination li {
    list-style-type: none;
    display: inline-block;
    line-height: 1;
    margin: 0
}

.material-row-slide .splide {
    visibility: hidden;
    overflow: hidden;
}

.for-phone .material-row-slide .splide {
    visibility: visible;
}

.material-row-slide .splide,
.material-row-slide .splide__slide {
    position: relative;
    outline: none
}

.material-row-slide .splide__slide {
    box-sizing: border-box;
    list-style-type: none !important;
    margin: 0;
    flex-shrink: 0
}

.material-row-slide .splide .shadow-right {
    display: none;
    width: 20px;
    height: 330px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    transition: .4s;
}

.material-row-slide .splide .shadow-right:before {
    content: '';
    position: absolute;
    right: -15px;
    top: 0;
    width: 20px;
    height: 100%;
    border-radius: 50%;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    filter: blur(5px);
    background-color: rgba(0, 0, 0, .15);
}

.material-row-slide .splide__slide img {
    vertical-align: bottom
}

.material-row-slide .splide__slider {
    position: relative
}

.material-row-slide .splide__spinner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #999;
    border-left-color: transparent;
    animation: splide-loading 1s linear infinite
}

.material-row-slide .splide__track {
    position: relative;
    /*z-index: 0;*/
    overflow: hidden
}

.material-row-slide .splide--draggable > .splide__track > .splide__list > .splide__slide {
    -webkit-user-select: none;
    user-select: none
}

.material-row-slide .splide--fade > .splide__track > .splide__list {
    display: block
}

.material-row-slide .splide--fade > .splide__track > .splide__list > .splide__slide {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0
}

.material-row-slide .splide--fade > .splide__track > .splide__list > .splide__slide.is-active {
    position: relative;
    z-index: 1;
    opacity: 1
}

.material-row-slide .splide--rtl {
    direction: rtl
}

.material-row-slide .splide--ttb > .splide__track > .splide__list {
    display: block
}

.material-row-slide .splide--ttb > .splide__pagination {
    width: auto
}

:not(.for-phone) .material-row-slide .splide__arrows {
    display: block;
}

.material-row-slide .splide__arrows {
    position: absolute;
    top: 0;
    left: -56px;
    width: calc(100% + 112px);
    z-index: 10;
    transition: all .4s ease-in;
    transition-delay: .25s;
}

.material-row-slide .splide:hover .splide__arrows {
    left: 0;
    width: 100%;
    transition: all .15s ease-out;
}

.material-row-slide .splide__arrow {
    position: absolute;
    top: 122px;
    width: 44px;
    height: 44px;
    padding: 8px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05),
    0 2px 2px rgba(0, 0, 0, .05),
    0 4px 4px rgba(0, 0, 0, .05);
    transition: transform .15s ease;
}

.material-row-slide .splide__arrow--prev {
    left: 6px;
}

.material-row-slide .splide__arrow--next {
    right: 6px;
}

.material-row-slide .splide__arrow:hover {
    transform: scale(1.1);
}

.material-row-slide .splide__arrow svg {
    fill: #000;
    width: 100%;
    height: 100%;
    transition: fill .15s ease, transform .03s linear;
}

.material-row-slide .splide__arrow:hover svg {
    fill: #000;
}

.material-row-slide .splide__arrow:active svg {
    transform: scale(.8);
}

.material-row-slide .splide__arrow--prev svg {
    transform: rotate(180deg);
}

.material-row-slide .splide__arrow--prev:active svg {
    transform: rotate(180deg) scale(.8);
}

/*End of Recomendation block NN*/

.anons-container .nav-tabs {
    border: none;
}

.anons-container .nav-tabs > li {
    margin-bottom: 0;
}

.anons-container .nav-tabs > li > a {
    padding: 0;
    border-radius: 0;
    margin: 0;
    border: none;
    background-color: transparent;
    transition: none;
}

.anons-container .nav-tabs > li.active > a,
.anons-container .nav-tabs > li.active > a:hover,
.anons-container .nav-tabs > li.active > a:focus {
    margin: 0;
    border: none;
    background-color: transparent;
}

.anons-container .tab-content > .tab-pane {
    position: relative;
}

.anons-container .tab-content > .tab-pane:before {
    content: '';
    position: absolute;
    bottom: 43px;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 1;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 100%);
}

.google-link {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    line-height: 1.5;
    margin-top: 1.15em;
    font-style: italic;
}

.google-link a {
    transition: color .1s;
    white-space: nowrap;
}

.google-link a img {
    width: 33px;
    height: 27px;
    vertical-align: -5px;
}

.p-05 {
    padding: 5px;
}

.m-05 {
    margin: 5px;
}

/*-------------*/

.projects-list-modal {
    text-align: center;
}

.projects-list-modal:before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    height: 100%;
}

.projects-list-modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 90%;
    max-width: 400px;
    max-height: 90%;
}

.projects-list-modal .modal-content {
    height: 100%;
}

.projects-list-modal .modal-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 15px;
}

.projects-list-modal a {
    display: block;
    width: 230px;
    margin: 20px 0;
    transition: transform .075s;
}

.projects-list-modal a img {
    width: 100%;
}

.projects-list-modal .pl-modal-plus {
    background-color: #d00;
    border-radius: 5px;
    padding: 10px 25px;
}

.projects-list-modal a:hover,
.projects-list-modal a:focus {
    transform: scale(1.2);
}

.projects-list-modal a:active {
    transform: scale(1);
}

/*-------------*/

.grecaptcha-badge {
    visibility: hidden;
    display: none !important;
}

/*-------*/

.cookie-container {
    position: fixed;
    bottom: 50px;
    left: 6%;
    width: 88%;
    transform: translateY(150%);
    z-index: 3000;
}

@media (min-width: 768px) {
    .cookie-container {
        left: calc(50% - 325px);
        width: 650px;
    }
}

.for-phone .cookie-container {
    bottom: 75px;
}

.cookie-plate {
    margin: auto;
    max-width: 650px;
    width: 80%;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 20px;
    z-index: 2000;
    border-radius: 16px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-align: center;
    backdrop-filter: blur(10px);
}

.cookie_btn {
    width: 80px;
    max-width: none;
    min-width: auto;
    height: 40px;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    line-height: 40px;
    font-size: 19px;
    display: block;
    margin: 20px auto 0;
    border-radius: 5px;
    border: none;
    background-color: var(--moe-blue);
    color: #fff;
    transition: all .2s ease;
}

.cookie_btn:hover {
    box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.15)
}

.cookie-container.show {
    animation: cookie-container-animation 1s 1;
    animation-fill-mode: forwards;
    animation-delay: 2s;
}

@keyframes cookie-container-animation {
    from {
        transform: translateY(150%);
    }
    to {
        transform: translateY(0);
    }
}

/*-------*/
.stat_centr_wr h2,
.stat_centr_wr h3,
.stat_centr_wr h4,
.stat_centr_wr .title_article,
.stat_centr_wr .title_article p,
.stat_centr_wr .subtitle_article,
.stat_centr_wr .subtitle_article p,
.novost_detalka .h_show {
    font-family: 'Roboto Condensed', sans-serif;
}

.stat_centr_wr .font_os,
.stat_centr_wr p,
.stat_centr_wr blockquote,
.stat_centr_wr ol li::before,
.novost_detalka .text_stat,
.novost_detalka .text_stat p {
    font-family: 'Open Sans', sans-serif;
}


.stat_centr_wr figure.image img,
.stat_centr_wr figure.media,
.stat_centr_wr .pro-spravka,
.in-material-carousel {
    border-radius: 5px;
}

.stat_centr_wr .font_os a,
.stat_centr_wr .about-us-content-in a,
.pro-content .ck-editor a,
.how_comment a {
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .1s;
}

.stat_centr_wr .font_os a:hover,
.stat_centr_wr .about-us-content-in a:hover,
.pro-content .ck-editor a:hover,
.how_comment a:hover {
    background-size: 100% 1px;
}

.stat_centr_wr .image-box figure {
    margin: 0;
}

.stat_centr_wr .font_os figure.image a,
.stat_centr_wr .font_os .image-box figure a {
    color: transparent !important;
}

.stat_centr_wr figure a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.stat_centr_wr figure a:after {
    opacity: 0;
    transform: scale(0);
}

.stat_centr_wr figure a:hover:after {
    content: '';
    background-image: url(/img/search-plus-solid.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    transform: scale(1);
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    opacity: .6;
    animation: loupe-visible forwards .4s;
}

@keyframes loupe-visible {
    from {
        opacity: 0;
        transform: scale(0);
    }
    to {
        opacity: .6;
        transform: scale(1);
    }
}

.pro-article-body .stat_centr_wr figure.image.image_resized {
    width: 100% !important;
}

.stat_centr_wr .image-box,
.stat_centr_wr figure.image {
    display: block;
    margin: 40px auto;
    width: 100%;
    max-width: 100%;
    text-align: center;
    /*overflow-x: hidden;*/
}

.stat_centr_wr figure.table {
    margin: 20px auto;
    overflow-x: auto;
}

.stat_centr_wr .image-box figure.image-style-align-center {
    display: block;
    margin: 0 auto 0;
}

.stat_centr_wr figure.image.image-style-align-center {
    width: 70%;
}

.stat_centr_wr .pro-spravka h3:empty {
    display: none;
}

.stat_centr_wr hr,
.stat_centr_wr .ck-content hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    height: 0;
    background: none;
}

.pro-article-body .main_photo {
    overflow: hidden;
}

/*Вставки медиа и прочее*/

.stat_centr_wr .media {
    display: block;
    border: 1px solid #535353;
}

.stat_centr_wr iframe,
.stat_centr_wr .raw-html-embed iframe {
    margin-bottom: 0;
    width: 100%;
}

.stat_centr_wr .ck-content figure.table,
.stat_centr_wr .ck-content figure.image,
.stat_centr_wr .image-body,
.stat_centr_wr .font_os figure.table,
.stat_centr_wr .font_os figure.image,
.stat_centr_wr .font_os figure.media,
.stat_centr_wr .font_os .icon_slider.svg,
.stat_centr_wr .font_os section.moe-column,
.stat_centr_wr .font_os div[class^='vue-code'] {
    margin: 2em 0;
    width: 100%;
    display: block;
}

.stat_centr_wr .ck-content [class^='spravka_'] figure.table,
.stat_centr_wr .ck-content [class^='spravka_'] figure.image,
.stat_centr_wr .font_os [class^='spravka_'] figure.table,
.stat_centr_wr .font_os [class^='spravka_'] figure.image,
.stat_centr_wr .font_os [class^='spravka_'] figure.media {
    margin: 10px 0;
    width: 100%;
}

.stat_centr_wr .font_os > p:first-child,
.stat_centr_wr .font_os > h2:first-child,
.stat_centr_wr .font_os > h3:first-child,
.stat_centr_wr .font_os > h4:first-child,
.stat_centr_wr .font_os > div:first-child,
.stat_centr_wr .font_os > div:first-child > div,
.stat_centr_wr .font_os > ol:first-child,
.stat_centr_wr .font_os > li:first-child,
.stat_centr_wr .font_os > figure:first-child,
.stat_centr_wr .font_os > div[class^='vue-code']:first-child {
    margin-top: 0 !important;
}

.stat_centr_wr .font_os > p:last-child,
.stat_centr_wr .font_os > div:last-child,
.stat_centr_wr .font_os > div:last-child > div,
.stat_centr_wr .font_os > ol:last-child,
.stat_centr_wr .font_os > li:last-child,
.stat_centr_wr .font_os > figure:last-child,
.stat_centr_wr .font_os > div[class^='vue-code']:last-child {
    margin-bottom: 0 !important;
}

.stat_centr_wr p.no-margin {
    margin: 0 !important;
}

.stat_centr_wr figure.table table {
    margin: 0;
}

.stat_centr_wr figure.image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

.novost_detalka .text_stat figure.image img {
    max-width: 100%;
    max-height: 600px;
    object-fit: contain;
    margin-bottom: 0;
    object-position: left;
}

.novost_detalka .text_stat :last-child {
    margin-bottom: 0;
}

.stat_centr_wr .foto_in_text1 figure.image img {
    border-radius: 0;
}

.stat_centr_wr figure.image figcaption,
.stat_centr_wr [class^='foto-'] .figcaption-general {
    display: block;
    caption-side: bottom;
    word-break: break-word;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    padding: 6px 0 0 0;
    margin: 0;
}

.stat_centr_wr [class^='foto-'] .figcaption-general {
    width: calc(100% - 3%);
}

.stat_centr_wr .foto_in_text1 figure.image figcaption {
    padding: 6px 10px 0 10px;
}

.stat_centr_wr figure.image.image-style-align-left,
.stat_centr_wr figure.image.image-style-align-right {
    width: 35%;
}

.stat_centr_wr .min-left,
.stat_centr_wr .min-right {
    width: 110px;
}

.stat_centr_wr figure.image.image-style-align-left {
    margin: 6px 20px 7px 0;
    float: left;
}

.stat_centr_wr figure.image.image-style-align-right {
    margin: 6px 0 7px 20px;
    float: right;
}

.stat_centr_wr figure.image.image-style-align-left figcaption,
.stat_centr_wr figure.image.image-style-align-right figcaption {
    padding: 6px 0 0 0;
    text-align: left;
}

.stat_centr_wr .min-left {
    margin: 6px 15px 7px 0;
    float: left;
}

.stat_centr_wr .min-right {
    margin: 6px 0 7px 15px;
    float: right;
}

.stat_centr_wr .min-left figure,
.stat_centr_wr .min-right figure {
    margin: 0 !important;
    width: 100% !important;
}

.stat_centr_wr .min-left figure figcaption,
.stat_centr_wr .min-right figure figcaption {
    padding: 4px 0 0 0;
    font-size: 12px;
    line-height: 1.2;
    text-align: left;
}

.stat_centr_wr figure.image.image-style-align-center {
    width: 60%;
    margin: 20px auto;
}

.stat_centr_wr [class^='foto-'] figure.image.image-style-align-center {
    width: 100%;
}

.stat_centr_wr .foto-4 figure.image figcaption,
.stat_centr_wr .foto-5 figure.image figcaption,
.stat_centr_wr .foto-6 figure.image figcaption {
    font-size: 13px;
    line-height: 1.2;
    padding: 4px 0 0 0;
}

@media (min-width: 400px) {
    .stat_centr_wr .foto-5 figure.image figcaption,
    .stat_centr_wr .foto-6 figure.image figcaption {
        font-size: 12px;
        line-height: 1.2;
        padding: 4px 0 0 0;
    }
}

@media (min-width: 576px) {
    .stat_centr_wr figure.image.image-style-align-left,
    .stat_centr_wr figure.image.image-style-align-right {
        width: 42%;
    }

    .stat_centr_wr figure.image.image-style-align-left {
        margin: 6px 30px 7px 0;
    }

    .stat_centr_wr figure.image.image-style-align-right {
        margin: 6px 0 7px 30px;
    }
}

@media (min-width: 768px) {
    /*.stat_centr_wr figure.image.image-style-align-center img {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .stat_centr_wr figure.image.image-style-align-center figcaption {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .stat_centr_wr figure.image.image-style-align-center {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: stretch;
        align-items: stretch;
    }*/
    /*.stat_centr_wr .ck-content figure.image.image-style-align-center {
        display: block;
    }

    .stat_centr_wr .ck-content figure.image.image-style-align-center img,
    .stat_centr_wr .ck-content figure.image.image-style-align-center figcaption {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }*/
    /*.stat_centr_wr figure.image.image-style-align-left,
    .stat_centr_wr figure.image.image-style-align-right {
        width: 25%;
    }*/
}

@media (min-width: 1200px) {
    /*.stat_centr_wr .ck-content figure.image.image-style-align-center {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .stat_centr_wr .ck-content figure.image.image-style-align-center img {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;

    }

    .stat_centr_wr .ck-content figure.image.image-style-align-center figcaption {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }*/
}

/*End of Вставки медиа и прочее*/

/*Блоки фото*/

.stat_centr_wr .foto-2,
.stat_centr_wr .foto-3,
.stat_centr_wr .foto-4,
.stat_centr_wr .foto-5,
.stat_centr_wr .foto-6,
.stat_centr_wr .foto-2-general,
.stat_centr_wr .foto-3-general,
.stat_centr_wr .foto-4-general,
.stat_centr_wr .foto-5-general,
.stat_centr_wr .foto-6-general {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    /*-ms-flex-align: start;
    align-items: flex-start;*/
    width: calc(100% + 3%);
    margin: 30px -1.5%;
}

.stat_centr_wr [class^='foto-'] figure.image,
.stat_centr_wr [class^='foto-'] figure.image figcaption {
    margin: 0;
}

.stat_centr_wr [class*='-general'] figure.image {
    height: 100%;
}

.stat_centr_wr [class*='-general'] figure.image img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.stat_centr_wr [class^='foto-'] figure.image figcaption {
    width: 100%;
}

.stat_centr_wr .foto-2-general figure figcaption,
.stat_centr_wr .foto-3-general figure figcaption,
.stat_centr_wr .foto-4-general figure figcaption,
.stat_centr_wr .foto-5-general figure figcaption,
.stat_centr_wr .foto-6-general figure figcaption {
    display: none !important;
}

.stat_centr_wr .foto-3 > div,
.stat_centr_wr .foto-2 > div,
.stat_centr_wr .foto-3-general > div,
.stat_centr_wr .foto-2-general > div {
    width: 97%;
    margin: 0 1.5%;
}

.stat_centr_wr .foto-4 > div,
.stat_centr_wr .foto-5 > div,
.stat_centr_wr .foto-6 > div,
.stat_centr_wr .foto-4-general > div,
.stat_centr_wr .foto-5-general > div,
.stat_centr_wr .foto-6-general > div {
    width: 47%;
    margin: 0 1.5%;
}

.stat_centr_wr .foto-2 > div:not(:last-of-type),
.stat_centr_wr .foto-3 > div:not(:last-of-type),
.stat_centr_wr .foto-4 > div:nth-of-type(1),
.stat_centr_wr .foto-4 > div:nth-of-type(2),
.stat_centr_wr .foto-5 > div:nth-of-type(1),
.stat_centr_wr .foto-5 > div:nth-of-type(2),
.stat_centr_wr .foto-5 > div:nth-of-type(3),
.stat_centr_wr .foto-5 > div:nth-of-type(4),
.stat_centr_wr .foto-6 > div:nth-of-type(1),
.stat_centr_wr .foto-6 > div:nth-of-type(2),
.stat_centr_wr .foto-6 > div:nth-of-type(3),
.stat_centr_wr .foto-6 > div:nth-of-type(4),
.stat_centr_wr .foto-2-general > div:nth-of-type(1),
.stat_centr_wr .foto-3-general > div:nth-of-type(1),
.stat_centr_wr .foto-3-general > div:nth-of-type(2),
.stat_centr_wr .foto-4-general > div:nth-of-type(1),
.stat_centr_wr .foto-4-general > div:nth-of-type(2),
.stat_centr_wr .foto-5-general > div:nth-of-type(1),
.stat_centr_wr .foto-5-general > div:nth-of-type(2),
.stat_centr_wr .foto-5-general > div:nth-of-type(3),
.stat_centr_wr .foto-5-general > div:nth-of-type(4),
.stat_centr_wr .foto-6-general > div:nth-of-type(1),
.stat_centr_wr .foto-6-general > div:nth-of-type(2),
.stat_centr_wr .foto-6-general > div:nth-of-type(3),
.stat_centr_wr .foto-6-general > div:nth-of-type(4) {
    margin-bottom: 15px;
}

@media (min-width: 400px) {
    .stat_centr_wr .foto-2 > div,
    .stat_centr_wr .foto-3 > div,
    .stat_centr_wr .foto-2-general > div,
    .stat_centr_wr .foto-3-general > div {
        width: 47%;
        margin: 0 1.5%;
    }

    .stat_centr_wr .foto-5 > div,
    .stat_centr_wr .foto-6 > div,
    .stat_centr_wr .foto-5-general > div,
    .stat_centr_wr .foto-6-general > div {
        width: 30.333333%;
        margin: 0 1.5%;
    }

    .stat_centr_wr .foto-2 > div:not(:last-of-type),
    .stat_centr_wr .foto-5 > div:nth-of-type(4),
    .stat_centr_wr .foto-6 > div:nth-of-type(4),
    .stat_centr_wr .foto-2-general > div:not(:last-of-type),
    .stat_centr_wr .foto-5-general > div:nth-of-type(4),
    .stat_centr_wr .foto-6-general > div:nth-of-type(4) {
        margin-bottom: 0;
    }
}

@media (min-width: 550px) {
    .stat_centr_wr .foto-3 > div,
    .stat_centr_wr .foto-6 > div,
    .stat_centr_wr .foto-3-general > div,
    .stat_centr_wr .foto-6-general > div {
        width: 30.333333%;
        margin: 0 1.5%;
    }

    .stat_centr_wr .foto-4 > div,
    .stat_centr_wr .foto-4-general > div {
        width: 22%;
        margin: 0 1.5%;
    }

    .stat_centr_wr .foto-5 > div,
    .stat_centr_wr .foto-5-general > div {
        width: 17%;
        margin: 0 1.5%;
    }

    .stat_centr_wr .foto-3 > div:not(:last-of-type),
    .stat_centr_wr .foto-4 > div:nth-of-type(1),
    .stat_centr_wr .foto-4 > div:nth-of-type(2),
    .stat_centr_wr .foto-5 > div:nth-of-type(1),
    .stat_centr_wr .foto-5 > div:nth-of-type(2),
    .stat_centr_wr .foto-5 > div:nth-of-type(3),
    .stat_centr_wr .foto-3-general > div:not(:last-of-type),
    .stat_centr_wr .foto-4-general > div:nth-of-type(1),
    .stat_centr_wr .foto-4-general > div:nth-of-type(2),
    .stat_centr_wr .foto-5-general > div:nth-of-type(1),
    .stat_centr_wr .foto-5-general > div:nth-of-type(2),
    .stat_centr_wr .foto-5-general > div:nth-of-type(3) {
        margin-bottom: 0;
    }
}

@media (min-width: 700px) {
    .stat_centr_wr .foto-6 > div,
    .stat_centr_wr .foto-6-general > div {
        width: 13.666667%;
        margin: 0 1.5%;
    }

    .stat_centr_wr .foto-6 > div:nth-of-type(1),
    .stat_centr_wr .foto-6 > div:nth-of-type(2),
    .stat_centr_wr .foto-6 > div:nth-of-type(3),
    .stat_centr_wr .foto-6-general > div:nth-of-type(1),
    .stat_centr_wr .foto-6-general > div:nth-of-type(2),
    .stat_centr_wr .foto-6-general > div:nth-of-type(3) {
        margin-bottom: 0;
    }
}

/*End of Блоки фото*/


/*------------------------*/

.font_os figure.image.image-style-align-left img,
.font_os figure.image.image-style-align-right img,
.font_os .min-left figure.image img,
.font_os .min-right figure.image img,
.stat_centr_wr .image-body figure.image img {
    border-radius: 5px;
}

.stat_centr_wr .font_os .image-body figure.image,
.stat_centr_wr .ck-content .image-body figure.image {
    border-radius: 0;
}

.stat_centr_wr .image-body figure.image,
.stat_centr_wr .image-body figure.image.image-style-align-center,
.stat_centr_wr .image-body figure.image.image-style-align-left,
.stat_centr_wr .image-body figure.image.image-style-align-right,
.stat_centr_wr .ck-content .image-body figure.image.image-style-align-center {
    width: 100%;
    max-width: 100%;
    float: none;
    display: block;
    margin: 0;
}

.stat_centr_wr .image-body figure.image > a,
.stat_centr_wr .image-body figure.image > img,
.stat_centr_wr .image-body figure.image figcaption,
.stat_centr_wr .ck-content .image-body figure.image > img,
.stat_centr_wr .ck-content .image-body figure.image figcaption {
    max-width: none;
    width: 100%;
    overflow: hidden;
}

.stat_centr_wr .image-body.align-center {
    width: 100%;
}

.stat_centr_wr .image-body.align-center img {
    max-height: 120vw;
    object-fit: cover;
    object-position: center;
}

.stat_centr_wr .image-body:has(.image-style-align-left),
.stat_centr_wr .image-body:has(.image-style-align-right) {
    width: 42%;
}

.stat_centr_wr .image-body:has(.image-style-align-left) {
    margin: 6px 20px 10px 0;
    float: left;
}

.stat_centr_wr .image-body:has(.image-style-align-right) {
    margin: 6px 0 10px 20px;
    float: right;
}

.stat_centr_wr .image-body.img-left,
.stat_centr_wr .image-body.img-right {
    width: 42%;
}

.stat_centr_wr .image-body.img-left {
    margin: 6px 20px 10px 0;
    float: left;
}

.stat_centr_wr .image-body.img-right {
    margin: 6px 0 10px 20px;
    float: right;
}

@media (min-width: 576px) {
    .stat_centr_wr .image-body:has(.image-style-align-left),
    .stat_centr_wr .image-body:has(.image-style-align-right) {
        width: 210px;
    }

    .stat_centr_wr .image-body.img-left,
    .stat_centr_wr .image-body.img-right {
        width: 210px;
    }
}

@media (min-width: 420px) {
    .stat_centr_wr .image-body:has(.image-style-align-center) {
        width: 60%;
        max-width: 60%;
        margin-left: auto;
        margin-right: auto;
    }

    .stat_centr_wr .image-body.img-center {
        width: 60%;
        max-width: 60%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 768px) {
    .stat_centr_wr .image-body figure.image.image-style-align-center img {
        max-height: 600px;
    }
}

.stat_centr_wr .image-body figure.image figcaption {
    background-color: transparent;
    padding: 5px 0 0 0;
    font-size: 13px;
}

.stat_centr_wr .image-body figure.image figcaption,
.stat_centr_wr [class^='foto-'] figure.image figcaption,
.stat_centr_wr [class^='foto-'] .figcaption-general {
    text-align: left;
}

.stat_centr_wr .image-body .image-box-author {
    padding: 3px 0 0 0;
    margin: 0;
}

.stat_centr_wr .image-body .image-box-author,
.stat_centr_wr .image-body .image-box-author p {
    font-family: 'Open Sans';
    font-size: 13px;
    line-height: 1.3;
    text-align: left;
    color: #6a8797;
}

.stat_centr_wr .image-body .image-box-author p {
    margin: 0;
}

.stat_centr_wr .min-left .image-body,
.stat_centr_wr .min-right .image-body,
.stat_centr_wr [class^='foto-'] .image-body,
.stat_centr_wr .blockquote-22 .image-body,
.stat_centr_wr table .image-body {
    margin: 0;
}

/*------------------------*/

.stat_centr_wr .map-100 {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    height: 300px;
    overflow: hidden;
    border: 1px solid #000;
}

.stat_centr_wr img {
    max-width: 100%;
}

.stat_centr_wr h2,
.stat_centr_wr h3,
.stat_centr_wr h4 {
    font-weight: 700;
    line-height: 1.1;
    display: block;
}

.stat_centr_wr h2,
.stat_centr_wr h3 {
    margin: 1.5em 0 0.75em;
}

.stat_centr_wr h3.h3-margin-0 {
    margin: 0;
}

.stat_centr_wr h2 {
    font-size: 30px;
}

.stat_centr_wr h3 {
    font-size: 22px;
}

.stat_centr_wr h4 {
    font-size: 18px;
    margin: 1.5em 0 0.5em;
}

.stat_centr_wr h4 + p {
    margin-top: 0;
}

.stat_centr_wr .h2-red {
    font-size: 30px;
    font-weight: 300;
    /*text-align: center;*/
    margin: 1.5em 0 0.5em;
    line-height: 1.2;
    /*text-transform: uppercase;*/
}

.stat_centr_wr .h2-red + h2,
.stat_centr_wr .h2-red + h3 {
    margin-top: 0;
}

.stat_centr_wr p,
.stat_centr_wr blockquote,
.stat_centr_wr ul li,
.stat_centr_wr ol li {
    font-size: 17px;
    line-height: 1.5;
}

.stat_centr_wr p,
.stat_centr_wr blockquote {
    margin: 1.15em 0;
    word-wrap: break-word;
}

#ctrlcopy {
    color: transparent;
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.stat_centr_wr .instagram-media,
.stat_centr_wr .tiktok-embed {
    width: 70% !important;
    max-width: 70% !important;
    min-width: 70% !important;
    margin: 30px auto !important;
    padding: 0;
}

.stat_centr_wr .instagram-media:before,
.stat_centr_wr .tiktok-embed:before {
    display: none;
}

@media (max-width: 575px) {
    .stat_centr_wr .title_article,
    .stat_centr_wr .title_article p {
        font-size: 32px;
    }

    .stat_centr_wr .subtitle_article,
    .stat_centr_wr .subtitle_article p {
        font-size: 22px;
    }

    .stat_centr_wr h2,
    .stat_centr_wr .h2-red {
        font-size: 27px;
    }

    .stat_centr_wr .instagram-media,
    .stat_centr_wr .tiktok-embed {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin: 30px 0 !important;
    }
}

@media (max-width: 359px) {
    .stat_centr_wr .title_article,
    .stat_centr_wr .title_article p {
        font-size: 10vw;
    }
}

@media (max-width: 1279px) and (min-width: 992px) {
    .stat_centr_wr .instagram-media {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin: 30px 0 !important;
    }
}

.stat_centr_wr figure.image.image-style-align-left + p,
.stat_centr_wr figure.image.image-style-align-right + p,
.stat_centr_wr [custom-class='d-empty'] .min-left + p,
.stat_centr_wr [custom-class='d-empty'] .min-right + p {
    margin-top: 0;
}

.stat_centr_wr > p:first-child,
.stat_centr_wr .vrezkaDark .vText > :first-child,
.stat_centr_wr .vrezkaLight .vText > :first-child,
.stat_centr_wr .vrezkaDark .vText > :first-child [custom-class],
.stat_centr_wr .vrezkaLight .vText > :first-child [custom-class],
.stat_centr_wr > .raw-html-embed:first-child .instagram-media {
    margin-top: 0 !important;
}

.stat_centr_wr > :last-child,
.stat_centr_wr .spravka_1 > :last-child,
.stat_centr_wr .spravka_2 > :last-child,
.stat_centr_wr .vrezkaDark .vText > :last-child,
.stat_centr_wr .vrezkaLight .vText > :last-child,
.stat_centr_wr .vrezkaDark .vText > :last-child [custom-class],
.stat_centr_wr .vrezkaLight .vText > :last-child [custom-class],
.stat_centr_wr > :last-child .div_iframe {
    margin-bottom: 0 !important;
}

.stat_centr_wr p.napravah {
    font-size: 0.7em;
    margin-top: 1em;
    text-align: right;
}

.stat_centr_wr .authors {
    font-size: 0.9em;
    margin-top: 1.5em;
    text-align: right;
}

.stat_centr_wr .photos-author {

}

.stat_centr_wr mark {
    background: transparent;
    color: inherit;
    padding: 0;
}

/*.stat_centr_wr blockquote,
.stat_centr_wr .ck-content blockquote,*/
.pro-send .ck.ck-editor__main > .ck-editor__editable blockquote {
    position: relative;
    margin: 20px 0 20px 40px;
    padding: 0 10px;
    font-style: italic;
    overflow: unset;
}

/*.stat_centr_wr blockquote:before,
.stat_centr_wr .ck-content blockquote:before,*/
.pro-send .ck.ck-editor__main > .ck-editor__editable blockquote:before {
    content: '';
    background: url(/themes/default/front/img/quote-animals.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: -40px;
    width: 30px;
    height: 24px;
    opacity: .5;
    transform: rotate(180deg);
}

/*.stat_centr_wr blockquote p,*/
.pro-send .ck.ck-editor__main > .ck-editor__editable blockquote p {
    margin: 0;
    border: none;
}

.stat_centr_wr ul,
.stat_centr_wr ol {
    margin: 20px 0 20px 40px;
    padding: 0;
}

.stat_centr_wr .spravka_1 ol, .stat_centr_wr .spravka_1 ul {
    margin: 0 0 0 30px;
}

.stat_centr_wr .spravka_1 ol li, .stat_centr_wr .spravka_1 ul li {
    font-size: 15px;
    margin-bottom: 5px;
}

/*-----------------------------------------------------*/

.stat_centr_wr blockquote,
.stat_centr_wr .ck-content blockquote,
.stat_centr_wr .blockquote-22 {
    font-family: 'Open Sans';
    word-wrap: break-word;
    border-left: none;
    position: relative;
    margin: 30px 0;
}

.stat_centr_wr blockquote,
.stat_centr_wr .ck-content blockquote {
    padding: 0 0 0 50px;
}

.stat_centr_wr .blockquote-22 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 0 0 75px;
}

/*.stat_centr_wr .blockquote-22:before {
    display: none;
}*/

.stat_centr_wr blockquote > p,
.stat_centr_wr .blockquote-22 .block-text {
    width: 100%;
    font-size: 17px;
    line-height: 1.5;
    font-family: 'Open Sans';
    word-wrap: break-word;
    text-align: left;
    font-weight: 400;
    margin: 0;
    font-style: italic;
}

.stat_centr_wr .blockquote-22 .block-footer + .block-text {
    margin-top: 15px;
}

.stat_centr_wr .blockquote-22 .block-footer {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-size: 14px;
    line-height: 1.2;
}

.stat_centr_wr .blockquote-22 .block-img,
.stat_centr_wr .blockquote-22 .blockquote-img {
    position: relative;
    border: none;
}

.stat_centr_wr blockquote:before,
.stat_centr_wr .ck-content blockquote:before,
.stat_centr_wr .blockquote-22 .block-img:before,
.stat_centr_wr .blockquote-22 .blockquote-img:before {
    content: "«";
    position: absolute;
    font-family: 'Open Sans';
    font-weight: 700;
    font-style: italic;
    line-height: 0;
}

.stat_centr_wr blockquote:before,
.stat_centr_wr .ck-content blockquote:before {
    left: -3px;
    top: 15px;
    font-size: 80px;
}

.stat_centr_wr .blockquote-22 .block-img:before,
.stat_centr_wr .blockquote-22 .blockquote-img:before {
    left: -80px;
    top: calc(50% - 10px);
    font-size: 116px;
}

.stat_centr_wr .font_os .blockquote-22 .block-img figure.image,
.stat_centr_wr .ck-content .blockquote-22 figure.image {
    min-width: 90px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 10px 0 0;
}

.stat_centr_wr .blockquote-22 .block-img figure img,
.stat_centr_wr .ck-content .blockquote-22 figure.image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.stat_centr_wr .blockquote-22 .block-name {
    font-weight: 700;
}

.stat_centr_wr .blockquote-22 .block-post {
    color: #9e9e9e;
    margin-top: 4px;
}

@media (max-width: 575px) {
    .stat_centr_wr .blockquote-22 {
        padding: 0 0 0 50px;
    }

    .stat_centr_wr .blockquote-22 .block-img:before,
    .stat_centr_wr .blockquote-22 .blockquote-img:before {
        left: -55px;
        top: calc(50% - 10px);
        font-size: 80px;
    }

    .stat_centr_wr .font_os .blockquote-22 .block-img figure.image,
    .stat_centr_wr .ck-content .blockquote-22 figure.image {
        min-width: 70px;
        width: 70px;
        height: 70px;
    }

    .stat_centr_wr .blockquote-22 .block-footer {
        width: calc(100% - 80px);
    }

    .stat_centr_wr .blockquote-22 .block-footer + .block-text {
        margin-top: 10px;
    }
}

/*-----------------------------------------------------*/

.vizitka {
    display: block;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    padding: 60px 20px 17px 20px;
    margin: 20px auto;
    border-radius: 16px;
    min-height: 240px;
}

.vizitka:before {
    content: 'Эксперт';
    position: absolute;
    top: 16px;
    left: 0;
    padding: 0 10px 0 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 25px;
    text-transform: uppercase;
    border-radius: 0 4px 4px 0;
}

.vizitka-photo {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 200px;
    height: 200px;
}

.vizitka-photo:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.vizitka-photo figure {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    aspect-ratio: 1/1;
}

.vizitka-photo figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    border-radius: 8px;
}

.vizitka-name-block,
.vizitka-text {
    width: calc(100% - 220px);
    font-size: 15px;
}

.vizitka-name-block {
    margin-bottom: 10px;
}

.vizitka-name {
    font-weight: 700;
}

.vizitka-post {
    opacity: .7;
}

@media (max-width: 700px), (min-width: 992px) and (max-width: 1279px) {
    .vizitka {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        position: relative;
    }

    .vizitka-name-block {
        order: 1;
    }

    .vizitka-photo {
        order: 2;
    }

    .vizitka-text {
        order: 3;
    }

    .vizitka-name-block,
    .vizitka-text {
        width: 100%;
    }

    .vizitka-photo {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        max-width: 400px;
        height: auto;
        margin-bottom: 15px;
    }

    .vizitka-photo:before {
        content: '';
        display: block;
        padding-top: 75%;
    }

    .vizitka-photo figure {
        max-width: 400px;
        width: auto;
        height: auto;
        aspect-ratio: 200/150;
    }

}

.persona {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    width: 33%;
    display: flex;
    flex-direction: column;
    float: right;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
}


.persona,
[custom-class] > .persona:first-child {
    margin: 6px 0 10px 30px !important;
}

.persona .persona-photo {
    width: 100%;
    aspect-ratio: 100/60;
    overflow: hidden;
    position: relative;
}

.persona .persona-photo:before {
    content: '';
    display: block;
    padding-top: 60%;
}

.persona .persona-photo figure {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    display: block;
}

.stat_centr_wr .font_os .persona-photo figure.image {
    margin: 0;
}

.font_os .persona .persona-photo figure img,
.stat_centr_wr .ck-content .persona .persona-photo figure.image img {
    width: 100%;
    height: 100%;
    border-radius: 0;
    object-fit: cover;
    object-position: center top;
}

.persona-name-block {
    padding: 15px 20px;
}

.persona-name {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 14px;
}

.persona-post {
    font-size: 13px;
}

@media (min-width: 400px) and (max-width: 710px), (min-width: 992px) and (max-width: 1279px) {
    .persona {
        max-width: 400px;
        width: 100%;
        flex-direction: row;
        align-items: center;
        float: none;
    }

    .persona,
    [custom-class] > .persona:first-child {
        margin: 0 0 20px 0 !important;
    }

    .persona .persona-photo {
        width: 40%;
        min-width: 160px;
        height: 100%;
        aspect-ratio: 1/1;
    }

    .persona .persona-photo:before {
        content: '';
        display: block;
        padding-top: 100%;
    }

    .persona-name-block {
        width: calc(100% - 40%);
        max-height: 160px;
    }

    .persona-post {
        -webkit-line-clamp: 5;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

@media (max-width: 399px) {
    .persona {
        width: 100%;
        flex-direction: column;
        float: none;
    }

    .persona,
    [custom-class] > .persona:first-child {
        margin: 0 0 20px 0 !important;
    }
}

.vrezka {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    position: relative;
    cursor: pointer;
    width: 100%;
    min-height: 100px;
    margin: 20px 0;
    overflow: hidden;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .25);
}

.vrezka:active {
    transform: translateY(2px);
}

.vrezka-mark,
.ck .ck-widget.vrezka-mark {
    position: absolute;
    top: 12px;
    left: 0;
    z-index: 1;
    line-height: 25px;
    padding: 0 15px;
    border-radius: 0 4px 4px 0;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    user-select: none;
    text-transform: uppercase;
    color: #fff;
}

.vrezka .vrezka-title {
    -ms-flex-order: 1;
    order: 1;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    padding: 46px 15px 15px;
    color: #000;
    transition: all .2s ease;
}

.vrezka .vrezka-image {
    -ms-flex-order: 2;
    order: 2;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
    margin: 0;
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.vrezka-min {
    margin: 30px 0;
    display: block;
    cursor: pointer;
}

.vrezka-min:active {
    transform: translateY(2px);
}

.ck-widget.vrezka,
.ck-widget.vrezka *,
.ck-widget.vrezka-min,
.ck-widget.vrezka-title {
    cursor: default;
}

.vrezka-min .vrezka-mark,
.vrezka-min .vrezka-title,
.ck-widget.vrezka-min .vrezka-mark,
.ck-widget.vrezka-min .vrezka-title {
    font-family: 'Noto Serif', serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    transition: all .2s ease;
}

.vrezka-min .vrezka-mark,
.ck .ck-widget.vrezka-min .vrezka-mark {
    position: relative;
    top: auto;
    left: auto;
    padding: 0;
    font-weight: 700;
    color: #000;
    border-radius: 0;
    white-space: nowrap;
    text-transform: uppercase;
    user-select: none;
    background-color: transparent;
}

/*.vrezka-min:hover .vrezka-title {
    text-decoration: underline;
    text-decoration-thickness: 1px;
}*/

@media (min-width: 576px) {
    .vrezka,
    .ck .ck-widget.vrezka {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        width: 210px;
        min-height: auto;
        margin: 6px 30px 6px 0;
        float: left;
    }

    .vrezka-mark {
        top: 128px;
    }

    .vrezka .vrezka-title {
        -ms-flex-order: 2;
        order: 2;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: none;
        padding: 23px 15px 15px;
    }

    .vrezka .vrezka-image {
        -ms-flex-order: 1;
        order: 1;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: none;
        height: 140px;
    }
}

@media (min-width: 768px) {
    .vrezka-min {
        display: flex;
    }

    .vrezka-min .vrezka-mark,
    .vrezka-min .vrezka-title {
        font-size: 20px;
    }

    .vrezka-min .vrezka-mark,
    .vrezka-min .ck-widget.vrezka-mark {
        margin-right: 10px;
    }
}

/*-----------------------------------------------------*/

.update {
    display: table;
    border-top: 2px solid #ff8c21;
    border-bottom: 2px solid #ff8c21;
    padding: 10px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-style: italic;
    min-width: 200px;
}

.stat_centr_wr ul li,
.stat_centr_wr ol li {
    font-weight: 400;
    margin-bottom: 15px;
    list-style-type: none;
}

.stat_centr_wr ul li:before {
    content: "\f111";
    font-family: FontAwesome;
    padding-right: 6px;
    font-size: 14px;
    vertical-align: 1px;
    margin-left: -18px;
}

.card-editors .stat_centr_wr .ck-content ul li:before {
    content: "\f111";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    padding-right: 6px;
    font-size: 14px;
    vertical-align: 1px;
    margin-left: -18px;
}

.stat_centr_wr ol {
    list-style-type: none;
    counter-reset: num;
    padding-left: 40px;
    margin-left: 0;
}

.stat_centr_wr ol li::before {
    content: counter(num) '.';
    counter-increment: num;
    padding-right: 6px;
    margin-left: -40px;
    font-weight: 700;
    text-align: right;
    display: inline-block;
    width: 40px;
}

.stat_centr_wr .ck-sticky-panel ul,
.stat_centr_wr .ck-sticky-panel ol {
    margin: 0;
}

.stat_centr_wr .ck-sticky-panel ul li,
.stat_centr_wr .ck-sticky-panel ol li {
    margin: 0;
    cursor: pointer;
}

.stat_centr_wr .ck-sticky-panel .ck-button,
.stat_centr_wr .ck-sticky-panel .ck-button {
    cursor: pointer;
}

/*Врезки*/

.stat_centr_wr .spravka_1,
.stat_centr_wr .spravka_2,
.stat_centr_wr .vrezkaDark,
.stat_centr_wr .vrezkaLight {
    margin-bottom: 35px;
    margin-top: 35px;
    position: relative;
    height: auto;
    padding: 5.2vw;
    border-radius: 3px;
}

.stat_centr_wr .spravka_1,
.stat_centr_wr .spravka_2,
.stat_centr_wr .spravka_1 p,
.stat_centr_wr .spravka_2 p,
.stat_centr_wr .vrezkaDark p,
.stat_centr_wr .vrezkaLight p {
    text-align: left;
    font-size: 15px;
    margin: 10px 0;
    font-weight: 400;
}

.stat_centr_wr .font_os .spravka_1 > div :first-child,
.stat_centr_wr .font_os .spravka_2 > div :first-child,
.stat_centr_wr .font_os .vrezkaDark :first-child,
.stat_centr_wr .font_os .vrezkaLight :first-child {
    margin-top: 0;
}

.stat_centr_wr .font_os .spravka_1 > div :last-child,
.stat_centr_wr .font_os .spravka_2 > div :last-child,
.stat_centr_wr .font_os .vrezkaDark :last-child,
.stat_centr_wr .font_os .vrezkaLight :last-child {
    margin-bottom: 0;
}

.stat_centr_wr .vrezkaDark h2,
.stat_centr_wr .vrezkaLight h2,
.stat_centr_wr .spravka_1 .spravka-head,
.stat_centr_wr .spravka_2 .spravka-head {
    font-weight: 300;
    font-size: 20px;
    line-height: 1;
    text-align: left;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

.stat_centr_wr .vrezkaDark h3,
.stat_centr_wr .vrezkaLight h3 {
    text-align: left;
    font-size: 32px;
    line-height: 1.1;
    margin: 0 0 10px;
    font-weight: 700;
    width: 100%;
}

.stat_centr_wr .vrezkaDark h4,
.stat_centr_wr .vrezkaLight h4 {
    font-size: 25px;
    line-height: 1.2;
    font-weight: 300;
    text-align: left;
    margin: 20px 0;
}

.stat_centr_wr .vrezkaDark a,
.stat_centr_wr .vrezkaLight a {
    font-weight: 700;
    text-decoration: underline !important;
}

.stat_centr_wr .vrezkaDark a:hover,
.stat_centr_wr .vrezkaLight a:hover {
    opacity: .8;
}

.stat_centr_wr .vrezkaDark ol,
.stat_centr_wr .vrezkaDark ul,
.stat_centr_wr .vrezkaLight ol,
.stat_centr_wr .vrezkaLight ul {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .stat_centr_wr .spravka_1,
    .stat_centr_wr .spravka_2,
    .stat_centr_wr .vrezkaDark,
    .stat_centr_wr .vrezkaLight {
        margin-bottom: 30px;
        margin-top: 30px;
        position: relative;
        height: auto;
        padding: 20px;
    }

    /*.stat_centr_wr .ck-content .spravka_1,
    .stat_centr_wr .ck-content .spravka_2,
    .stat_centr_wr .ck-content .vrezkaDark,
    .stat_centr_wr .ck-content .vrezkaLight {
        width: 100%;
        left: 0;
        margin-bottom: 45px;
        margin-top: 45px;
        position: relative;
        height: auto;
        padding: 45px 50px;
    }*/
}

@media (min-width: 992px) {
    .stat_centr_wr .spravka_1,
    .stat_centr_wr .ck-content .spravka_1 {
        float: left;
        width: 42%;
        margin: 6px 30px 30px 0;
    }
}

.stat_centr_wr .vrezkaDark {
    background-color: var(--moe-blue);
}

.stat_centr_wr .vrezkaDark h2 {
    color: #fff;
    opacity: .7;
}

.stat_centr_wr .vrezkaDark p,
.stat_centr_wr .vrezkaDark ul,
.stat_centr_wr .vrezkaDark ol,
.stat_centr_wr .vrezkaDark li,
.stat_centr_wr .vrezkaDark h3,
.stat_centr_wr .vrezkaDark h4,
.stat_centr_wr .vrezkaDark .image > figcaption,
.stat_centr_wr .vrezkaDark .figcaption-general {
    color: #fff;
}

.stat_centr_wr .vrezkaDark a,
.stat_centr_wr .vrezkaDark a:hover,
.stat_centr_wr .vrezkaDark a:active,
.stat_centr_wr .vrezkaDark a:focus {
    color: #fff !important;
}

.stat_centr_wr .spravka_1 p,
.stat_centr_wr .spravka_2 p,
.stat_centr_wr .vrezkaLight p,
.stat_centr_wr .vrezkaLight ul,
.stat_centr_wr .vrezkaLight ol,
.stat_centr_wr .vrezkaLight li,
.stat_centr_wr .vrezkaLight h3,
.stat_centr_wr .vrezkaLight h4,
.stat_centr_wr .vrezkaLight .image > figcaption,
.stat_centr_wr .vrezkaLight .figcaption-general {
    color: #000;
}

.stat_centr_wr .vrezkaLight a,
.stat_centr_wr .vrezkaLight a:hover,
.stat_centr_wr .vrezkaLight a:active,
.stat_centr_wr .vrezkaLight a:focus {
    color: #000;
}

/*end of Врезки*/

/*Table-of-content*/

.table-of-content {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    padding: 54px 20px 20px 20px;
    margin: 20px auto;
    border-radius: 16px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/*
.table-of-content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px);
}
*/

.table-of-content.content-back {
    border: none;
}

.table-of-content-mark {
    position: absolute;
    top: 16px;
    left: 0;
    padding: 0 10px 0 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 25px;
    text-transform: uppercase;
    border-radius: 0 4px 4px 0;
    user-select: none;
}

.stat_centr_wr .table-of-content ul {
    display: block;
    padding-left: 0;
    margin: 0;
    width: 100%;
}

.table-of-content ul li.content-title {
    list-style-type: none;
    margin: 10px 0 0 0;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
    transition: all .05s;
}

.table-of-content ul li.content-title span {
    display: inline-block;
    /*border-bottom: 1px solid transparent;*/
    transition: all .05s;
}

/*.table-of-content ul li.content-title:hover span,
.table-of-content ul li.content-title:focus span {
    border-bottom: 1px solid var(--moe-blue);
    color: var(--moe-blue);
}*/


.table-of-content.content-back ul li.content-title:hover,
.table-of-content.content-back ul li.content-title:focus {
    opacity: .7;
}

.table-of-content ul li.content-title:before {
    content: "\f111";
    font-family: FontAwesome;
    padding-right: 12px;
    font-size: 8px;
    margin-left: 0;
    margin-top: 5px;
    transition: all .05s;
}

.table-of-content.table-of-content-img .content-title:before {
    display: none;
}

.table-of-content .content-title {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
}

.table-of-content .content-title img {
    display: none;
    width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 50px;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    margin: 0 10px 0 0;
    float: left;
}

.template-1 .stat_centr_wr .table-of-content .content-title img {
    margin: 0 10px 0 0;
}

.table-of-content ul li.content-title img + span {
    display: flex;
    align-items: center;
    min-height: 50px;
}

.table-of-content.table-of-content-img .content-title img {
    display: block;
}

@media (min-width: 600px) {
    .table-of-content.two-col ul {
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-gap: 20px;
        -moz-column-gap: 20px;
        -webkit-column-gap: 20px;
    }

    .table-of-content ul li.content-title {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .table-of-content ul li.content-title:before {
        margin-top: 6px;
    }
}

@media (min-width: 1200px) {
    .template-1 .table-of-content.two-col ul {
        column-count: 3;
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-gap: 20px;
        -moz-column-gap: 20px;
        -webkit-column-gap: 20px;
    }
}

/*End of Table-of-content*/

/*Carousel*/

.in-material-carousel {
    line-height: 0;
    overflow: hidden;
    background-color: #eee;
}

.in-material-carousel .carousel {
    position: relative;
    display: block;
    cursor: pointer;
    width: 100%;
}

.in-material-carousel .carousel:before {
    content: '';
    display: block;
    padding-top: 62.5%;
}

.in-material-carousel .carousel-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.in-material-carousel .item {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.in-material-carousel .item img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    object-fit: contain;
    object-position: center;
}

.in-material-carousel ol {
    padding-left: 0;
    text-align: center;
    width: 60%;
    margin-left: -30%;
}

.in-material-carousel .carousel-indicators {
    bottom: -60px !important;
}

.in-material-carousel .carousel-indicators li {
    border: 2px solid #eee;
    margin-bottom: 0;
    width: 12px;
    height: 12px;
}

.in-material-carousel .carousel-indicators li.active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #808080;
    border: 2px solid #808080;
}

.in-material-carousel .carousel.fade {
    opacity: 1;
}

.in-material-carousel .carousel.fade .item {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity .7s;
    z-index: 0;
}

.in-material-carousel .carousel.fade .item.active {
    position: relative;
    opacity: 1;
    z-index: 1;
}

.in-material-carousel .carousel-control,
.in-material-carousel .carousel-control:hover {
    z-index: 2;
    background-image: none;
}

.in-material-carousel .carousel-control:hover .arrows,
.in-material-carousel .carousel-control:focus .arrows {
    background-color: rgba(0, 0, 0, 0.3);
}

.in-material-carousel .carousel-control:active .arrows {
    background-color: rgba(0, 0, 0, 0.5);
}

.in-material-carousel .arrows.arrow-next,
.in-material-carousel .arrows.arrow-prev {
    position: absolute;
    width: 52px;
    height: 52px;
    top: 50%;
    margin-top: -26px;
}

.in-material-carousel .arrows.arrow-next {
    background: url(/themes/default/front/img/right-shop.svg) no-repeat;
    background-position: center;
    background-size: 19px 32px;
    right: 0;
    border-radius: 5px 0 0 5px;
    background-color: rgba(0, 0, 0, 0.2);
}

.in-material-carousel .arrows.arrow-prev {
    background: url(/themes/default/front/img/left-shop.svg) no-repeat;
    background-position: center;
    background-size: 19px 32px;
    left: 0;
    border-radius: 0 5px 5px 0;
    background-color: rgba(0, 0, 0, 0.2);
}

.in-material-carousel a,
.in-material-carousel a:hover,
.in-material-carousel a:active,
.in-material-carousel a:focus {
    color: #fff !important;
}

.in-material-carousel ol li::before {
    display: none;
}

.in-material-carousel .carousel-text {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    color: #fff;
    padding: 5px 10%;
    font-weight: 700;
    font-family: 'Open Sans';
    font-size: 13px;
    line-height: 1.3;
    text-align: center;
}

.in-material-carousel .carousel-text:empty {
    display: none;
}

.stat_centr_wr .in-material-carousel .carousel-indicators {
    display: none;
}

.in-material-carousel .item,
.in-material-carousel-box,
.in-material-carousel .carouseel-author {
    background: #363636;
}

.stat_centr_wr .in-material-carousel .carouseel-author {
    padding: 5px;
    width: 100%;
    font-size: 11px;
    line-height: 1.2;
    text-align: right;
    color: rgba(255, 255, 255, 0.7);
}

/*End of Carousel*/

.stat_centr_wr .moe-online-quiz a {
    color: #fff !important;
}

.stat_centr_wr .moe-online-quiz a {
    color: #fff !important;
    text-decoration: none !important;
    background-size: 0 !important;
    border: none !important;
}

.stat_centr_wr .moe-online-quiz .button.tryAgain:hover {
    background-size: 100% 1px !important;
}

/*Пост в форуме*/

.novost_detalka .h_show {
    font-size: 32px;
    line-height: 36px;
    margin-top: 30px;
    margin-bottom: 20px;
    word-wrap: break-word;
    font-weight: 700;
    text-transform: none;
}

.novost_detalka .text_stat,
.novost_detalka .text_stat p,
.send-container .ck.ck-content.ck-editor__editable_inline p {
    font-size: 16px;
    margin: 1.15em 0;
}

.novost_detalka .text_stat figure.image,
.novost_detalka .text_stat figure.media,
.send-container .ck.ck-content.ck-editor__editable_inline figure.image,
.send-container .ck.ck-content.ck-editor__editable_inline figure.media {
    margin: 0 0 20px 0;
}

/*End of Форум*/

/*Слайдер в блоке главного фото*/

/*End of Слайдер в блоке главного фото*/

.pro-content .pro-article-text .image-box div.author {
    display: none !important;
    visibility: hidden;
}

@media (max-width: 350px) {
    .projects .material-footer .share-block .share-panel {
        top: -10px;
        right: -10px;
    }

    .projects .material-footer-box .share-block .share-panel {
        padding: 10px 50px 0 10px;
    }

    .projects .share-block .social-btn-2021.btn-close {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .projects .share-panel .share-panel-row,
    .projects .share-panel .share-panel-row-1 {
        margin-bottom: 10px;
    }
}

.shorts {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    height: calc(100vh - 300px);
    max-height: 800px;
    margin-bottom: 20px;
    background-color: #000;
}

.shorts iframe {
    width: auto !important;
    height: 100%;
    object-fit: contain;
    aspect-ratio: 9 / 16;
    margin: 0 auto;
    display: block;
}

@media (max-width: 480px) {
    .shorts {
        aspect-ratio: 9/16;
        height: auto;
    }
}

.csr-uniq1 {
    display: block !important;
}

.a-intext > div {
    overflow: hidden;
}

[id^='in-image-wrapper'] {
    min-width: 100%;
    max-width: 100%;
    display: block !important;
}

/*-----------*/

.credit-risk {
    padding: 15px;
    margin-top: 20px;
    border-radius: 5px;
    text-align: center;
    font-weight: 700;
}

.stat_centr_wr .font_os .credit-risk a {
    font-weight: 400;
}

/*-----------*/

.medic {
    overflow: hidden;
    width: 100%;
    padding: 10px;
    margin: 20px 0;
}

.medic span,
.medic p {
    margin: 0;
    width: 100%;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 1.1;
    text-align: center;
    opacity: .5;
}

.medic span {
    letter-spacing: .5vw;
    font-size: 28px;
    margin-bottom: 5px;
}

.medic p {
    letter-spacing: 2px;
    font-size: 21px;
}

@media (max-width: 767px) {
    .medic span {
        letter-spacing: .5vw;
        font-size: 28px;
    }

    .medic p {
        letter-spacing: .3vw;
        font-size: 21px;
    }

}

@media (max-width: 500px) {
    .medic span {
        letter-spacing: .1vw;
        font-size: 5.6vw;
    }

    .medic p {
        letter-spacing: .1vw;
        font-size: 4.6vw;
    }

}

.line1 .megaphones,
.line1 .megaphones * {
    user-select: none;
}

.bm_banner {
    width: 100%;
    transition: .1s ease-in-out;
}

.lenta_nar_nov {
    display: block;
    width: 100%;
    position: relative;
}

.plate_select_nn {
    z-index: 999;
    position: relative;
    margin-bottom: 40px;
}

.lenta_nar_nov ul.tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    height: 25px;
    margin: 0;
    line-height: 21px;
    border-bottom: 4px solid #e3eaef;
}

.lenta_nar_nov ul.tabs li {
    float: none;
    margin: 0;
    height: 25px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    cursor: pointer;
}

.lenta_nar_nov ul.tabs li a {
    display: block;
    text-decoration: none;
    position: relative;
    border: 1px solid #e3eaef;
}

.lenta_nar_nov ul.tabs li a,
.lenta_nar_nov ul.tabs .tab-current a {
    color: #000 !important;
    background: transparent;
    background-color: transparent !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    width: 100%;
    height: 25px;
    padding: 0 0 10px;
    margin-bottom: 0;
    margin-right: 0;
    font-family: 'Roboto';
    font-size: 14px;
    text-align: center;
    line-height: 1;
}

.lenta_nar_nov ul.tabs li a {
    background: #fff;
    border: 1px solid #e3eaef;
    border-bottom: 4px solid #e3eaef !important;
}

.lenta_nar_nov ul.tabs li a:hover {
    border-bottom: 4px solid #c6daec !important;
}

.lenta_nar_nov ul.tabs .tab-current a:hover,
.lenta_nar_nov ul.tabs .tab-current a {
    border-bottom: 4px solid var(--moe-blue) !important;
}

.lenta_nar_nov ul.tabs li a:active {
    padding: 2px 0 0;
}

.plate_select_nn > ul > li i {
    display: none;
    /*width: 100%;
    text-align: center;
    font-size: 22px;
    color: #a6b0b5;*/
}

div.t1,
div.t2,
div.t3,
div.t4 {
    padding: 0;
    width: 100%;
}

.nar_now {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    word-wrap: break-word;
}

.nar_now {
    border-top: 1px solid #e3eaef;
}

.content_frontnews > .nar_now:first-of-type {
    padding-top: 0;
    border-top: none;
}

.lenta_nar_nov .polz_pol_wr,
.left_nn .polz_pol_wr {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
}

.polz_pol_wr a {
    float: left;
    font-size: 14px;
    display: block;
    margin-right: 10px;
}

.polz_pol_wr .polz_pol {
    min-width: 50px;
    max-width: 50px;
    height: 50px;
    background-size: cover;
    display: inline-block;
    float: left;
    margin-right: 10px;
    background-position: center;
    position: relative;
    background-color: #fff;
}

.polz_pol_wr .polz_pol {
    margin-right: 0;
}

.lines_18 {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
}

.comets_block .lines.lines_18,
.lenta_nar_nov .polz_pol_wr .lines,
.left_nn .polz_pol_wr .lines {
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 16px !important;
    padding: 4.5px 0 0 !important;
    height: 50px;
    width: calc(100% - 60px);
}

.comets_block .lines.lines_18 .line1,
.lenta_nar_nov .nar_now .polz_pol_wr .line1,
.lenta_nar_nov .polz_pol_wr .line1,
.lenta_nar_nov .polz_pol_wr .line2,
.left_nn .polz_pol_wr .line1,
.left_nn .polz_pol_wr .line2 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 3.5px;
    position: relative;
}

.lenta_nar_nov .polz_pol_wr .line1 a,
.left_nn .polz_pol_wr .line1 a {
    margin-right: 0;
}

.polz_pol_wr .name,
.polz_pol_wr p,
.lenta_nar_nov .polz_pol_wr .name,
.lenta_nar_nov .polz_pol_wr .lines span,
.lenta_nar_nov .polz_pol_wr p,
.lenta_nar_nov .polz_pol_wr .razdelitel,
.left_nn .polz_pol_wr .name,
.left_nn .polz_pol_wr .lines span,
.left_nn .polz_pol_wr p,
.left_nn .polz_pol_wr .razdelitel,
.best_messages p,
.best_messages .lines.lines_18 .count-megaphone span {
    line-height: 14px;
}

.lenta_nar_nov .polz_pol_wr .line1 a .name,
.left_nn .polz_pol_wr .line1 a .name {
    margin-right: 5px;
}

.line1 .megaphones {
    float: left;
    position: relative;
}

.polz_pol_wr .lines_18 .line1 > div,
.lines_18 .count-megaphone {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.lines_18 .count-megaphone {
    float: left;
    margin-right: 7px;
}

.lines_18 .count-megaphone img {
    width: 11px;
    height: 11px;
    top: 0;
    position: relative;
    float: left;
    margin-right: 3px;
}

.lenta_nar_nov .polz_pol_wr .lines.lines_18 .count-megaphone span,
.best_messages .lines.lines_18 .count-megaphone span {
    font-size: 11px;
    margin-right: 0;
}

.lines_18 .user_status {
    display: inline-block;
    height: 16px;
    border-radius: 3px;
    background-color: #4bb467;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    padding: 0 4px;
    line-height: 16px;
    font-weight: 300;
    letter-spacing: .5px;
    margin-top: -1px;
}

.lenta_nar_nov .polz_pol_wr .lines span,
.left_nn .polz_pol_wr .lines span {
    margin-right: 5px;
}

.line1 .megaphones .tooltip,
.hint-moe,
.no_user_like,
#no_user_like,
#no_user_bookmark,
.no_user_bookmark,
.no_user_bookmark1,
.no_user_bookmark2,
.no_user_bookmark3,
#yes_user_bookmark,
#del_user_bookmark,
#read_com,
#more_share,
.no_user_claim,
.down_line_nn .empty_com,
.now_views,
.tooltip-like {
    display: none;
    position: absolute;
    z-index: 990;
    background-color: #fff3b4;
    border: 1px solid #fff;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, .2);
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.1;
    font-family: 'Roboto Condensed', sans-serif;
}

.line1 .megaphones .tooltip {
    opacity: 0;
    left: 0;
    top: 20px;
    min-width: 176px;
    max-width: calc(100% - 64px);
    padding: 5px;
}

.hint-moe,
.no_user_like,
#no_user_like,
#no_user_bookmark,
.no_user_bookmark,
.no_user_bookmark1,
.no_user_bookmark2,
.no_user_bookmark3,
#yes_user_bookmark,
#del_user_bookmark,
#read_com,
#more_share,
.no_user_claim,
.down_line_nn .empty_com,
.now_views,
.tooltip-like {
    top: 45px;
    padding: 3px 7px;
    text-align: center;
}

.line1 .megaphones .tooltip a {
    float: none;
    display: inline;
    margin: 0;
    font-size: 14px;
    line-height: 1.1;
    font-family: 'Roboto Condensed', sans-serif;
}

.line1 .megaphones .tooltip br {
    display: inline !important;
}

.polz_pol_wr a {
    color: var(--moe-blue);
}

.polz_pol_wr .name,
.count-megaphone span,
.best_messages .lines_18 .name {
    color: #677278;
}

.name:hover,
.best_messages .lines_18 .name:hover {
    color: #337ab7;
}

.polz_pol_wr p,
.best_messages .lines_18 p {
    color: #a6b0b5;
}

/*-----------------*/

.nar_now .big_pl_text {
    display: inline-block;
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 27px;
    line-height: 1.1;
    margin-bottom: 0;
    font-weight: 700;
    margin-top: 5px;
}

.icon-icon-moe-33,
.icon-icon-moe-37 {
    font-size: 0.7em;
    margin-right: 3px;
    vertical-align: 1px;
}

.icon-icon-moe-37,
.icon-icon-moe-33,
.fa-bar-chart {
    color: #fbaf43;
}

.big_pl_text .icon-icon-moe-37 {
    font-size: 19px;
}

.nar_now .nov_nar_img1 {
    display: block;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 10px 0;
    position: relative;
}

.img-w-nn {
    /* min-width: 100%; */
    max-width: 100%;
    max-height: 600px;
}

.nar_now div.cont,
.down_line_nn {
    font-family: 'Open Sans', sans-serif;
}

/*down_line_nn---------------------------*/

.nar_now div.cont {
    font-size: 15px;
    margin-top: 5px;
    font-weight: normal;
    line-height: 1.5;
}

.nar_now div.cont a:hover {
    color: #000;
}

.down_line_nn {
    display: block;
    position: relative;
    margin-top: 15px;
    height: 36px;
}

.down_line_nn .button {
    border-radius: 3px;
    min-width: 36px;
    height: 36px;
    line-height: 34px;
    padding: 0 10px;
    display: inline-block;
    text-align: center;
    float: left;
    cursor: pointer;
    position: relative;
    transition: none;
}

.down_line_nn .button {
    border: 1px solid #aab3b8;
}

.nar_now .down_line_nn a {
    font-size: 13px;
    line-height: 34px;
}

.down_line_nn .button i {
    font-size: 17px;
    line-height: 34px;
}

.down_line_nn .button,
.nar_now .down_line_nn a,
.down_line_nn .button i,
.down_line_nn .prosmotr {
    color: #838a8e;
}

.down_line_nn .button.chit_dal {
    margin-right: 20px;
}

.down_line_nn .button.chit_dal span {
    margin: 0;
}

.down_line_nn .button.coments,
.down_line_nn .button.like {
    margin: 0 20px 0 0;
    min-width: 36px;
    font-size: 14px;
}

.down_line_nn .button:hover,
.down_line_nn .button.coments:hover {
    border: 1px solid var(--moe-blue);
}

.nar_now .down_line_nn a:hover,
.nar_now .down_line_nn .button.coments:hover,
.nar_now .down_line_nn .button.coments:hover i {
    color: var(--moe-blue);
}

.down_line_nn .button:active {
    border: 1px solid var(--moe-blue);
    background-color: var(--moe-blue);
}

.nar_now .down_line_nn a:active,
.nar_now .down_line_nn .button.coments:active,
.nar_now .down_line_nn .button.coments:active i {
    color: #fff;
}

.nar_now .down_line_nn .button.coments.company-answer-btn,
.nar_now .down_line_nn .button.coments.company-answer-btn:hover,
.nar_now .down_line_nn .button.coments.company-answer-btn:active,
.nar_now .down_line_nn .button.coments.company-answer-btn i,
.nar_now .down_line_nn .button.coments.company-answer-btn:hover i {
    border: 1px solid #4bb467;
}

.nar_now .down_line_nn .button.coments.company-answer-btn:active {
    background-color: #4bb467;
}

.nar_now .down_line_nn .button.coments.company-answer-btn:active,
.nar_now .down_line_nn .button.coments.company-answer-btn:active i {
    color: #fff;
}

.down_line_nn .button.company-answer-btn .company-answer01,
.down_line_nn .button.company-answer-btn .company-answer02 {
    font-size: 13px;
    line-height: 34px;
}

.down_line_nn .button.company-answer-btn .company-answer01 {
    display: none;
}

.down_line_nn .empty_com {
    top: 38px;
    left: -8px;
    width: 100px;
    line-height: 21px;
}

.down_line_nn-right {
    display: flex;
    flex-direction: row;
    align-items: center;
    float: right;
}

.reactions {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-grow: 1;
    position: relative;
    margin-bottom: 20px;
}

.down_line_nn .reactions {
    margin: 0 20px 0 0;
    flex-grow: 0;
}

.down_line_nn .prosmotr {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}

.down_line_nn .prosmotr span {
    margin-right: 2px;
    font-size: 12px;
}

.down_line_nn .prosmotr span {
    color: #aab3b8;
}

@media (min-width: 500px) {
    .lenta_nar_nov ul.tabs li a br,
    .cog-selector span br {
        display: none;
    }
}

@media (min-width: 600px) {
    .reactions {
        justify-content: flex-start;
    }
}

@media (min-width: 768px) {
    .lenta_nar_nov ul.tabs.tabs-section {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .lenta_nar_nov ul.tabs.tabs-section {
        padding-right: calc(35% + 23px);
    }
}

@media (max-width: 719px) {
    .reactions {
        flex-grow: 0;
    }
}

@media (max-width: 649px) {
    .down_line_nn .button.company-answer-btn .company-answer01 {
        display: inline-block;
    }

    .down_line_nn .button.company-answer-btn .company-answer02 {
        display: none;
    }
}

@media (max-width: 559px) {
    .down_line_nn .button.company-answer-btn .company-answer01 {
        display: none;
    }
}

@media (max-width: 530px) {
    .reactions {
        width: 100%;
    }
}

@media (max-width: 479px) {
    .down_line_nn .button.chit_dal,
    .down_line_nn .button.coments {
        margin-right: 8px;
    }

    .down_line_nn .button.chit_dal span.read02,
    .down_line_nn .button.chit_dal span.read01 {
        display: none;
    }

    .down_line_nn .reactions {
        margin: 0 12px 0 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .down_line_nn .button.chit_dal span.read02,
    .down_line_nn .button.company-answer-btn .company-answer01,
    .down_line_nn .button.company-answer-btn .company-answer02 {
        display: none;
    }

    .down_line_nn .reactions {
        margin: 0 20px 0 0;
    }
}

/*Живая лента*/

.live {
    background-color: rgba(13, 165, 213, 0.15);
}

/*End of Живая лента*/

.poll-container {
    display: block;
    position: relative;
    width: 100%;
    max-width: 720px;
    border-radius: 8px;
    padding: 40px 7% 16px;
    margin: 30px auto;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    background-color: #358fde;
    color: #fff;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15),
    0 3px 10px 0 rgba(0, 0, 0, 0.15),
    0 10px 15px 0 rgba(0, 0, 0, 0.15);
}

.poll-container.multi-answer {
    padding: 40px 7% 30px;
}

.stat_centr_wr .poll-container h2 {
    font-weight: 700;
    font-size: 27px;
    line-height: 1.2;
    margin: 0 0 15px 0;
    color: #fff;
}

.poll-answers {
    margin: 20px 0;
}

.multi-answer .poll-answers {
    margin: 20px 0 30px;
}

.pic-answer .poll-answers {
    margin: 0;
}

.multi-answer .pic-answer .poll-answers {
    margin: 0 0 10px;
}

.poll-container .annotation,
.poll-container.completed .annotation {
    font-size: 14px;
    margin: 0;
    text-align: left;
}

.poll-container.pic-answer .annotation {
    margin: 0 0 15px;
}

.poll-container .annotation.down {
    font-size: 14px;
    margin: 0;
    line-height: 44px;
    display: inline-block;
}

.poll-container .annotation img {
    height: 13px;
    width: 20px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: baseline;
}

.poll-container .date-end {
    opacity: .7;
    font-size: 12px;
    margin: 10px 0;
}

.poll-bar {
    width: 100%;
    /*height: 64px;*/
    position: relative;
    border-radius: 5px;
    padding: 12px 10px;
    margin: 10px 0;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    transition: .1s;
    background-color: #fff;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
}

.poll-bar:hover {
    background-color: #e0f0ff;
    /*box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.25);*/
}

.poll-picture:hover .poll-picture-in img {
    opacity: .9;
}

.poll-bar:active,
.poll-picture:active {
    transform: translateY(2px);
}

.poll-answers input {
    display: none;
}

.answer-text {
    display: inline-block;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    z-index: 1;
}

.answer-text.answer-count-abs {
    flex-grow: 1;
}

.answer-count-abs {
    color: rgba(53, 143, 222, .7);
}

.answer-count {
    /*-ms-flex: 0 0 64px;
    flex: 0 0 64px;
    max-width: 64px;
    !*line-height: 64px;
    height: 64px;*!*/
    z-index: 1;
    text-align: right;
    margin-left: 40px;
    font-size: 19px;
    line-height: 19px;
    font-weight: 700;
    position: relative;
    color: #358fde;
}

.poll-container .answer-count > span,
.poll-answers input[type=radio]:checked + .poll-bar .answer-count:before,
.completed .poll-answers input[type=radio] + .poll-bar .answer-count:before,
.completed .poll-answers input[type=checkbox] + .poll-bar .answer-count:before {
    visibility: hidden;
    opacity: 0;
}


.completed .poll-bar,
.completed .poll-picture,
.poll-answers input[type=radio]:checked + .poll-bar,
.poll-button.disabled {
    pointer-events: none;
    cursor: default;
}

.poll-answers input[type=radio]:checked + .poll-bar .answer-count:before, /*+*/
.poll-answers input[type=checkbox] + .poll-bar .answer-count:before, /*+*/
.poll-answers input[type=radio]:checked + .poll-picture .answer-count:before, /*+*/
.poll-picture-container input[type=checkbox] + .poll-picture:after /*+*/
{
    content: '';
    background-image: url(/themes/default/front/img/check-polls-white.svg);
    background-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: -2px;
    left: -25px;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    line-height: 30px;
    background-color: #fff;
    border: 2px solid #358fde;
    color: transparent;
    transition: .1s;
}

.poll-picture-container input[type=checkbox] + .poll-picture:after {
    top: auto;
    left: auto;
    bottom: 15px;
    right: 15px;
    background-color: #fff;
    border: 2px solid #fff;
}

/*.poll-answers input[type=checkbox]:checked + .poll-picture .answer-count:after,*/
.poll-answers input[type=checkbox]:checked + .poll-bar .answer-count:before, /*+*/
.poll-picture-container input[type=checkbox]:checked + .poll-picture:after /*+*/
{
    background-size: 75%;
    visibility: visible;
    opacity: 1;
    background-color: #358fde;
}

.completed .poll-answers.visible-result input[type=radio]:checked + .poll-bar .answer-count:before, /*+*/
.completed .poll-answers.visible-result input[type=radio]:checked + .poll-picture .answer-count:before /*+*/
{
    background-image: url(/themes/default/front/img/check-polls-blue.svg);
    background-size: 80%;
    visibility: visible;
    opacity: 1;
    background-color: transparent;
    border: 2px solid transparent;
}

.poll-picture-container input[type=checkbox]:checked + .poll-picture:after {
    box-shadow: 0 0 0 3px #fff;
    border: 2px solid transparent;
}

.completed .poll-answers input[type=checkbox]:not(:checked) + .poll-bar .answer-count:before,
.completed .poll-answers input[type=checkbox]:not(:checked) + .poll-picture .answer-count:before,
.poll-container.completed .poll-answers input[type=checkbox]:checked + .poll-picture:after {
    display: none;
}

.poll-bar-result,
.bar-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.bar-fill {
    display: block;
    background-color: #ffdea1;
    background: linear-gradient(90deg, rgb(255, 222, 161) 0%, rgb(253, 209, 127) 100%);
    opacity: 0;
    overflow: hidden;
}

.poll-container.completed .poll-answers.visible-result .answer-count > span {
    visibility: visible;
    opacity: 1;
    transition: opacity .8s cubic-bezier(.34, .71, .41, .99);
    animation-delay: .8s;
}

.poll-container.completed .poll-answers.visible-result .answer-count:before > span {
    visibility: visible;
    opacity: 1;
    transition: opacity .8s cubic-bezier(.34, .71, .41, .99);
    animation-delay: .8s;
}

.poll-container.completed .poll-answers.visible-result.user-answer input[type=radio]:checked + .poll-bar .answer-count:before {
    animation: before-animation .8s 1;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.34, .71, .41, .99);
}

@keyframes before-animation {
    from {
        visibility: hidden;
        opacity: 0;
    }
    to {
        visibility: visible;
        opacity: 1;
    }
}

.poll-container.completed .visible-result .bar-fill {
    animation: bar-animation .8s 1;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.34, .71, .41, .99);
    /*animation-delay: .3s;*/
}

@keyframes bar-animation {
    from {
        opacity: 0;
        width: 0;
    }
    to {
        opacity: 1;
        width: 100%;
    }
}

.poll-button {
    width: 164px;
    height: 44px;
    border-radius: 5px;
    text-align: center;
    line-height: 42px;
    float: right;
    transition: .1s;
    opacity: 1;
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
}

.poll-button:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.poll-button:active {
    transform: translateY(2px);
}

.poll-button.disabled {
    opacity: .5;
}

.poll-container.completed.multi-answer .poll-button {
    display: none;
}

.poll-container.pic-answer .poll-answers {
    width: calc(100% + 30px);
    margin-left: -15px;
    display: inline-block;
}

.poll-picture-container {
    width: calc(50% - 30px);
    float: left;
    margin: 15px;
}

.poll-picture,
.poll-picture-clear,
.poll-picture-clear:hover,
.poll-picture-clear:active {
    position: relative;
    display: block;
    cursor: pointer;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    margin: 0;
    transition: .1s;
    user-select: none;
    background-color: #4a9ae1;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
}

.poll-picture.poll-picture-clear {
    cursor: default;
}

.poll-picture-clear:active {
    transform: none;
}

.poll-picture.poll-picture-clear .poll-picture-in,
.poll-picture.poll-picture-clear:after {
    display: none;
}

.poll-picture:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.poll-picture-in {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.poll-picture-in img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    transition: opacity .1s;
}

.poll-picture-in img.pic-blur {
    object-fit: cover;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    transform: scale(1.3);
    opacity: .8;
}

/*.poll-picture .answer-text {
    display: none;
}*/

.poll-picture .answer-count {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 19px;
    font-size: 19px;
    text-align: center;
    padding: 0;
}

.poll-picture .poll-bar {
    width: 100%;
    /*height: 23%;*/
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0;
    overflow: hidden;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.poll-container.pic-answer .poll-picture .poll-bar {
    display: none
}

.poll-container.pic-answer.completed .poll-picture .poll-bar {
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 575px) {
    .poll-container {
        /*width: calc(100% + 30px);
        margin-left: -15px;
        box-shadow: none;*/
        border-radius: 5px;
        padding: 4vw 4vw 10px;
    }

    .poll-container.multi-answer {
        padding: 4vw;
    }

    .poll-container h2 {
        font-size: 23px;
    }

    .poll-bar,
    .poll-button {
        border-radius: 3px;
    }

    .answer-text,
    .answer-count,
    .poll-picture .answer-count {
        font-size: 15px;
    }

    .poll-answers input[type=radio]:checked + .poll-bar .answer-count:before, /*+*/
    .poll-answers input[type=checkbox] + .poll-bar .answer-count:before, /*+*/
    .poll-answers input[type=radio]:checked + .poll-picture .answer-count:before /*+*/
    {
        top: 0;
        left: -20px;
        width: 19px;
        height: 19px;
    }

    .poll-picture-container input[type=checkbox] + .poll-picture:after /*+*/
    {
        top: auto;
        left: auto;
        bottom: 15px;
        right: 15px;
    }
}

@media (max-width: 767px) {
    .poll-container.pic-answer .poll-answers {
        width: calc(100% + 4vw);
        margin-left: -2vw;
    }

    .poll-picture-container {
        width: calc(50% - 4vw);
        margin: 2vw;
    }

    /*.poll-picture,
    .poll-picture-clear,
    .poll-picture-clear:hover,
    .poll-picture-clear:active {
        width: calc(50% - 4vw);
        margin: 2vw;
    }*/
}

.poll-container .recaptcha-links {
    display: none;
    visibility: hidden;
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 11px;
    color: #fff;
    opacity: .8;
}

.poll-container .recaptcha-links a {
    text-decoration: underline;
    color: #fff !important;
}
.moe-online-quiz,
.moe-online-quiz p,
.moe-online-quiz label,
.moe-online-quiz ul,
.moe-online-quiz ul li,
.moe-online-quiz ol,
.moe-online-quiz ol li {
    font-family: 'Roboto', sans-serif !important;
}

.quiz-label,
.quiz-label-z,
.quiz-label-result,
.moe-online-quiz h2,
.moe-online-quiz .button,
.moe-online-quiz .button-z,
.questionCount,
.questionCard,
.quizScore span {
    font-family: 'Roboto Condensed', sans-serif !important;
    text-align: left;
}

.moe-online-quiz .button.startQuiz,
.moe-online-quiz .button.nextQuestion,
.moe-online-quiz .button.backToQuestion,
.moe-online-quiz .button-z.startQuiz,
.moe-online-quiz .button-z.nextQuestion,
.moe-online-quiz .button-z.backToQuestion,
.moe-online-quiz .questions li.question,
.moe-online-quiz .questions li.question .responses,
.moe-online-quiz .questions li.question .responses .correct,
.moe-online-quiz .questions li.question .responses .incorrect,
.moe-online-quiz .quizResults,
.moe-online-quiz .social-down {
    display: none;
}

.moe-column {
    position: relative;
}

/* If response messages are disabled or only shown on quiz completion,
   nextQuestion button IS checkAnswer button - so it must be displayed */
.nextQuestion.checkAnswer {
    display: block;
}

ol.questions,
ul.answers,
ul.responses,
ol.questions li,
ul.answers li,
ul.responses li {
    list-style-type: none;
    font-weight: 400;
    font-size: 15px;
}

/* Accessibility */
.quizName span:first-child,
.quizName-z span:first-child {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.moe-online-quiz ul,
.moe-online-quiz ol {
    padding: 0;
    margin: 0;
    width: 100%;
}

.moe-online-quiz {
    width: 100%;
    max-width: 720px;
    border-radius: 8px;
    padding: 25px 40px 40px;
    margin: auto;
    font-size: 16px;
    line-height: 1.5;
    background-color: #fff;
    color: #3f3f3f;
    border-width: 5px;
    border-style: solid;
    border-color: #358fde;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15),
    0 3px 10px 0 rgba(0, 0, 0, 0.15),
    0 10px 15px 0 rgba(0, 0, 0, 0.15);
    transition: .3s;
}

.col-game .moe-online-quiz {
    margin-top: 0;
}

.moe-online-quiz.title-begin,
.moe-online-quiz.title-result {
    padding: 25px 40px 10px;
}

.moe-online-quiz p {
    font-size: 16px;
    line-height: 1.5;
    color: #3f3f3f;
}

.moe-online-quiz.title-begin,
.moe-online-quiz.title-result,
.moe-online-quiz.title-begin p,
.moe-online-quiz.title-result p,
.moe-online-quiz .item,
.q-message {
    background-color: #358fde;
    color: #fff;
}

.quiz-label,
.quiz-label-z,
.quiz-label-result {
    font-weight: 300;
    margin: 0;
}

.title-begin .quiz-label,
.title-begin .quiz-label-z,
.title-result .quiz-label-result {
    display: block;
}

.moe-online-quiz.title-begin .quiz-label-result,
.title-result .quiz-label,
.title-result .quiz-label-z {
    display: none;
}

.moe-online-quiz .quiz-label img,
.moe-online-quiz .quiz-label-z img,
.template-1 .stat_centr_wr .moe-online-quiz .quiz-label img {
    width: 20px !important;
    height: 20px !important;
    margin: 0 7px 0 0 !important;
    vertical-align: sub;
    display: inline;
}

.moe-online-quiz h2 {
    font-weight: 700;
    font-size: 27px;
    line-height: 1.2;
    margin: .8em 0;
    color: #fff;
}

.moe-online-quiz h2 p {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 700;
    font-size: 27px;
    line-height: 1.2;
    color: #fff;
}

.moe-online-quiz img,
.template-1 .stat_centr_wr .moe-online-quiz img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.result-contaner img.result-img {
    position: relative;
}

.moe-online-quiz .main-img,
.moe-online-quiz .main-img-z,
.template-1 .stat_centr_wr .moe-online-quiz .main-img,
.template-1 .stat_centr_wr .moe-online-quiz .main-img-z,
.moe-online-quiz .quizDescription video,
.moe-online-quiz .quizDescription-z video {
    width: calc(100% + 90px);
    max-width: calc(100% + 90px);
    margin: 0 -45px 25px;
    display: block;
}

.moe-online-quiz .result-contaner video {
    width: 100%;
    display: block;
}

.quizHeader,
.quizHeader-z {
    text-align: center;
}

.moe-online-quiz .annotation,
.moe-online-quiz .annotation-z {
    margin: 25px 0;
}

.moe-online-quiz .annotation p,
.moe-online-quiz .annotation-z p {
    margin: 10px 0;
    text-align: left !important;
}

.moe-online-quiz .button,
.moe-online-quiz .button-z {
    display: block;
    border: none;
    outline: none;
    cursor: pointer;
    width: auto;
    margin: 25px auto 0;
    padding: 5px 15px;
    color: #fff;
    background-color: #358fde;
    /*background-color: #989b9c;
    color: #fff;*/
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    transition: .2s;
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.15);
}

.button.checkAnswer:hover,
.button.checkAnswer:focus,
.button.nextQuestion:hover,
.button.nextQuestion:focus {
    background-color: #3988ce;
}

.moe-online-quiz .button:active,
.moe-online-quiz .button-z:active {
    transform: translateY(1px);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
}

.moe-online-quiz .startQuiz,
.moe-online-quiz.q-message .button-z {
    background-color: #fff;
    color: #358fde;
    margin: 0 auto;
}

.moe-online-quiz .startQuiz:hover,
.moe-online-quiz .startQuiz:focus,
.moe-online-quiz.q-message .button-z:hover,
.moe-online-quiz.q-message .button-z:focus {
    background-color: #e7f4ff;
}

.title-begin ol.questions {
    display: none;
}

/* clearfix */
.quizArea,
.quizArea-z,
.quizResults {
    zoom: 1;
}

.quizArea:before, .quizArea:after,
.quizArea-z:before, .quizArea-z:after,
.quizResults:before, .quizResults:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}

.quizArea:after,
.quizArea-z:after,
.quizResults:after {
    clear: both;
}

/*.questionCount span {
    font-weight: bold;
}*/

ol.questions {
    /*margin-top: 20px;
    margin-left: 0;*/
    margin: 0;
}

ol.questions li {
    margin: 0;
}

ol.questions li.question {
    text-align: center;
}

.questions li.question .responses .correct,
.questions li.question .responses .incorrect {
    text-align: left;
}

/*ul.answers {
    margin-left: 20px;
    margin-bottom: 20px;
}*/

.moe-online-quiz ul li {
    display: inline-block;
    width: 100%;
}

.moe-online-quiz ol li:before,
.moe-online-quiz ul li:before {
    display: none;
}

.moe-online-quiz ul.answers li {
    display: block;
}

/*.moe-online-quiz .button-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
}*/

/*.questions li.question {
    text-align: center;
}*/

.questionCard {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.2;
    margin: .7em 0 1em 0;
}

.questionCard img,
.template-1 .stat_centr_wr .questionCard img {
    margin-top: 1em;
}

.moe-online-quiz input[type="radio"] {
    display: none;
}

.moe-online-quiz input[type="radio"] + label {
    cursor: pointer;
}

.moe-online-quiz .answers {
    margin-bottom: 25px;
}

.moe-online-quiz .answers label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    min-height: 44px;
    height: auto;
    text-align: left;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0;
    padding: 10px;
    border: 1px solid #d1d1d1;
    transition: .2s;
}

.moe-online-quiz .answers label:hover {
    background-color: #eee;
}

.moe-online-quiz input[type="radio"] + label:before {
    display: none;
}

.moe-online-quiz .answers li:not(:last-child) label {
    margin-bottom: -1px;
}

.moe-online-quiz .answers input:checked + label {
    font-weight: 700;
    background-color: #cae6ff;
    border: 1px solid #358fde;
    z-index: 1;
}

.moe-online-quiz .answers li.correct input:checked + label {
    background-color: #32aa51;
    border: 1px solid #32aa51;
    color: #fff;
    z-index: 1;
}

.moe-online-quiz .answers li.incorrect input:checked + label {
    background-color: #e35643;
    border: 1px solid #e35643;
    /*background-color: #f18072;
    border: 1px solid #f18072;*/
    color: #fff;
    z-index: 1;
}

.moe-online-quiz .complete ul.answers li.correct {
    color: #32aa51;
}

/*ul.responses li.correct p span {
    color: #32aa51;
}

ul.responses li.incorrect p span {
    color: #e35643;
}*/

.moe-online-quiz .questions li.question .responses {
    /*margin: -10px 0 25px;*/
    margin: 0;
}

ul.responses li,
ul.responses li p:last-child {
    margin: 0;
}

ul.responses li p {
    margin: 0 0 10px 0;
}

ul.responses li p span {
    display: block;
    font-weight: 700;
}

.quizResults {
    width: calc(100% + 90px);
    margin: 0 -45px;
    position: relative;
}

.quizResults-in {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.title-result .social-down p {
    width: 100%;
    text-align: center;
    font-size: .9em;
    margin-bottom: 10px;
}

/*
.result-contaner {
    position: relative;
    padding-bottom: 60%;
    height: 0;
    overflow: hidden;
}
*/

/*.result-contaner img.result-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/

.quizLevel-text {
    /*display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;*/
    padding: 0 40px 20px;
    text-align: center;
    /*z-index: 1;*/
    /*background-color: rgba(255, 255, 255, 0.85);*/
    background-color: rgba(0, 0, 0, 0.20);
}

.quizLevel-text span {
    /*color: #3f3f3f;*/
    color: #fff;
}

.quizScore {
    /*display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto;
    padding: 0;
    z-index: 1;
    width: 100%;*/
    position: relative;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.20);
}

.quizScore span {
    display: block;
    font-weight: 300;
    font-size: 70px;
    line-height: 1;
    text-align: center;
    color: #fff;
}

.quizResultsCopy {
    padding: 0 45px;
    margin-top: 20px;
    text-align: center;
}

.quizResultsCopy p {
    margin: 0 0 20px 0;
    font-size: .9em;
}

.annotation a,
.annotation-z a,
.quizResultsCopy p a {
    text-decoration: underline;
    font-weight: 700;
    transition: .2s;
}

.annotation a,
.annotation a:focus,
.annotation a:hover,
.annotation a:active,
.annotation-z a,
.annotation-z a:focus,
.annotation-z a:hover,
.annotation-z a:active,
.quizResultsCopy a,
.quizResultsCopy a:focus,
.quizResultsCopy a:hover,
.quizResultsCopy a:active,
.quizResultsCopy p a,
.quizResultsCopy p a:focus,
.quizResultsCopy p a:hover,
.quizResultsCopy p a:active,
.quizResultsCopy * a,
.quizResultsCopy * a:focus,
.quizResultsCopy * a:hover,
.quizResultsCopy * a:active {
    color: #fff;
}

.annotation a:hover,
.annotation-z a:hover,
.quizResultsCopy p a:hover {
    opacity: .75;
}

.quizResultsCopy * a {
    text-decoration: underline;
}

.quizResultsCopy p.vihodnik {
    font-size: 11px;
}

.quizResultsCopy p img {
    display: block;
    max-width: 150px !important;
    margin: 10px auto;
}

.moe-online-quiz .button.tryAgain {
    font-family: 'Roboto' !important;
    font-size: .9em;
    line-height: 20px;
    text-align: center;
    opacity: 1;
    display: inline-block;
    border: none;
    outline: none;
    cursor: pointer;
    width: auto;
    margin: 20px 0 0;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    text-decoration: none;
    text-transform: none;
    font-weight: 400;
    transition: .2s;
    box-shadow: none !important;
    float: right;
    color: #fff;
    border-bottom: 1px solid #fff;
}

.quizCount,
.quizCount-z {
    display: none;
    margin: 30px 0 0;
    font-size: .9em;
    line-height: 1;
    text-align: center;
    opacity: .8;
}

.moe-online-quiz.title-result .quizCount,
.moe-online-quiz.title-result .quizCount-z {
    display: none;
    float: left;
    margin: -18px 0 0;
    font-size: .9em;
    line-height: 1;
    text-align: left;
    opacity: .8;
}

.title-result .social-down,
.template-1 .title-result .social-down {
    width: 100%;
    height: 67px;
    margin: 15px auto 35px;
    position: relative;
    background: transparent;
    box-shadow: none;
}

.template-1 .title-result .social-down {
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
}

.template-1 .title-result .social-down,
.template-1 .title-result .social-down > div,
.title-result .social-down,
.title-result .social-down > div,
.title-result .social-down .social-btn {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.title-result .social-down {
    flex-wrap: wrap;
}

.template-1 .moe-online-quiz .social-down .social-btn,
.moe-online-quiz .social-btn {
    color: #fff;
    background-color: #358fde;
    /*border: 1px solid #6daee7;*/
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    width: 36px;
    min-width: 36px;
    max-width: 36px;
    height: 36px;
    text-align: center;
    margin: 0 5px;
    padding: 0;
    opacity: 1;
    cursor: pointer;
    transition: transform .1s, background-color .5s;
}

.template-1 .moe-online-quiz .social-down .social-btn:first-of-type,
.template-1 .moe-online-quiz .social-down .social-btn:last-of-type {
    border-radius: 50%;
}

.template-1 .moe-online-quiz .social-down .social-btn:hover,
.moe-online-quiz .social-btn:hover {
    transform: scale(1.2);
    background-color: #2a73b2;
    border: 1px solid #fff;
    transition: all .1s;
}

.template-1 .moe-online-quiz .social-down .social-btn:active,
.moe-online-quiz .social-btn:active {
    transform: scale(1);
}

.template-1 .moe-online-quiz .social-down .social-btn .svg-icon,
.moe-online-quiz .social-btn .svg-icon {
    width: 18px;
    height: 18px;
    fill: #fff;
}

.template-1 .moe-online-quiz .social-down .social-btn i,
.moe-online-quiz .social-btn i {
    font-size: 18px;
    line-height: 36px;
    margin-top: 1px;
}

.template-1 .moe-online-quiz .social-down .social-btn i.fa-whatsapp,
.moe-online-quiz .social-btn i.fa-whatsapp {
    font-size: 23px;
    margin-top: 0;
}

.template-1 .moe-online-quiz .social-down .social-btn:hover,
.moe-online-quiz .social-btn:hover {
    opacity: 1;
}

.template-1 .moe-online-quiz .social-down .btn-vk.social-btn:hover,
.moe-online-quiz .btn-vk.social-btn:hover {
    background-color: #0077ff;
}

.template-1 .moe-online-quiz .social-down .btn-ok.social-btn:hover,
.moe-online-quiz .btn-ok.social-btn:hover {
    background-color: #ff7700;
}

.template-1 .moe-online-quiz .social-down .btn-facebook.social-btn:hover,
.moe-online-quiz .btn-facebook.social-btn:hover {
    background-color: #39549f;
}

.template-1 .moe-online-quiz .social-down .btn-whatsapp.social-btn:hover,
.moe-online-quiz .btn-whatsapp.social-btn:hover {
    background-color: #25d366;
}

.template-1 .moe-online-quiz .social-down .btn-twitter.social-btn:hover,
.moe-online-quiz .btn-twitter.social-btn:hover {
    background-color: #50abf1;
}

.template-1 .moe-online-quiz .social-down .btn-google.social-btn:hover,
.moe-online-quiz .btn-google.social-btn:hover {
    background-color: #dd4b39;
}

.template-1 .moe-online-quiz .social-down .btn-telegram.social-btn:hover,
.moe-online-quiz .btn-telegram.social-btn:hover {
    background-color: #2aabee;
}

.template-1 .moe-online-quiz .social-down .btn-viber.social-btn:hover,
.moe-online-quiz .btn-viber.social-btn:hover {
    background-color: #7360f2;
}

.template-1 .moe-online-quiz .social-down .btn-mail.social-btn:hover,
.moe-online-quiz .btn-mail.social-btn:hover {
    background-color: #3b5bd1;
}

.template-1 .moe-online-quiz .social-down .btn-telegram img,
.moe-online-quiz .btn-telegram img {
    width: 21px;
    margin-top: 1px;
    margin-left: -1px;
}

.template-1 .moe-online-quiz .social-down .btn-viber img,
.moe-online-quiz .btn-viber img {
    width: 20px;
    margin-top: 1px;
}

/*input[type="radio"] + label:before {
    content: '';
    display: inline-block;
    margin-right: 0;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 1px rgb(47, 47, 47);
    box-shadow: 0 0 0 1px rgb(47, 47, 47);
    position: absolute;
    top: 5px;
    left: 0;
    padding: unset;
}

input[type="radio"]:checked + label:before {
    content: '';
    background-color: var(--moe-blue);
}*/

.moe-online-quiz label span {
    display: inline-block;
    margin-left: 23px;
}

/*---------*/

.moe-online-quiz.title-result .read-more-row .cover-img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.moe-online-quiz .read-more-row-out {
    display: none;
}

.moe-online-quiz.title-result .read-more-row-out {
    display: block;
    position: relative;
    overflow: hidden;
    height: 273px;
    border-radius: 0 0 8px 8px;
    width: calc(100% + 90px);
    margin: 25px -45px -15px;
    padding: 17px 0 12px;
    background-color: rgba(0, 0, 0, 0.20);
}

.moe-online-quiz .read-more-block-header {
    padding: 0 33px;
}

.moe-online-quiz .read-more-block-header h5 {
    font-family: 'Roboto';
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 10px;
    color: #fff;
}

/*.more-read-arrows {
    position: absolute;
    z-index: 1;
    font-size: 30px;
    top: 5px;
    right: 50px;
}*/

.moe-online-quiz .mr-left-game,
.moe-online-quiz .mr-right-game {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 51px;
    z-index: 1;
    width: 34px;
    height: 210px;
    cursor: pointer;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

.moe-online-quiz .mr-left-game {
    left: 5px;
}

.moe-online-quiz .mr-right-game {
    right: 5px;
}

.moe-online-quiz .mr-left-game.noactive i,
.moe-online-quiz .mr-right-game.noactive i {
    pointer-events: none;
}

.moe-online-quiz .mr-left-game i,
.moe-online-quiz .mr-right-game i {
    font-size: 48px;
    line-height: 47px;
    text-align: center;
    width: 34px;
    height: 48px;
    background-color: #fff;
    color: #2a73b2;
    border-radius: 8px;
    transition: .1s;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.4);
}

.moe-online-quiz .mr-left-game.noactive i,
.moe-online-quiz .mr-right-game.noactive i {
    color: rgba(42, 115, 178, 0.4);
    cursor: default;
}

.moe-online-quiz .mr-left-game i {
    padding-right: 3px;
}

.moe-online-quiz .mr-right-game i {
    padding-left: 3px;
}

.moe-online-quiz .mr-left-game:active i,
.moe-online-quiz .mr-right-game:active i {
    transform: translateY(2px);
}

.moe-online-quiz .mr-left-game {
    animation-name: fadeOutLeftQuiz;
}

@-webkit-keyframes fadeOutLeftQuiz {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeftQuiz {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

.moe-online-quiz .mr-right-game {
    animation-name: fadeOutRightQuiz;
}

@-webkit-keyframes fadeOutRightQuiz {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRightQuiz {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

.moe-online-quiz .read-more-row-out:hover .mr-left-game,
.moe-online-quiz .read-more-row-out:hover .mr-right-game {
    animation-delay: .1s;
}

.read-more-row-out:hover .mr-left-game {
    animation-name: fadeInLeftQuiz;
}

@-webkit-keyframes fadeInLeftQuiz {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInLeftQuiz {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

.moe-online-quiz .read-more-row-out:hover .mr-right-game {
    -webkit-animation-name: fadeInRightQuiz;
    animation-name: fadeInRightQuiz;
}

@-webkit-keyframes fadeInRightQuiz {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInRightQuiz {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

.moe-online-quiz .read-more-row-container {
    width: calc(100% - 24px);
    width: 100%;
    margin: auto;
    overflow-y: hidden;
}

.moe-online-quiz .read-more-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
    margin-left: 0;
}

.moe-online-quiz .col-4 {
    position: relative;
    margin-right: 5px;
    margin-left: 5px;
    flex: 0 0 160px;
    max-width: 160px;
}

.moe-online-quiz .col-4:first-of-type {
    margin-left: 12px;
}

.moe-online-quiz .col-4:last-of-type {
    margin-right: 12px;
}

.moe-online-quiz .item {
    margin-bottom: 100px;
    height: 210px;
    border-radius: 5px;
    overflow: hidden;
    transition: .2s;
}

.moe-online-quiz .item:hover {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05),
    0 0 3px 0 rgba(0, 0, 0, .05),
    0 0 5px 2px rgba(0, 0, 0, .2);
}

.moe-online-quiz .item:active {
    transform: translate3d(0, 2px, 0);
    transition: .1s;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05),
    0 2px 3px 0 rgba(0, 0, 0, .05),
    0 2px 5px 2px rgba(0, 0, 0, .2);
}

.moe-online-quiz .item-content {
    position: relative;
    display: block;
    height: 100%;
}

.moe-online-quiz .cover-img {
    border-radius: 0;
    overflow: hidden;
    position: relative;
    display: block;
    cursor: pointer;
    width: 100%;
}

.moe-online-quiz .cover-img:before {
    content: '';
    display: block;
    padding-top: 66.67%;
}

.moe-online-quiz .cover-img > a {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.moe-online-quiz .cover-img img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    object-fit: cover;
}

.moe-online-quiz .cover-title {
    padding: 10px;
    display: block;
    width: 100%;
}

.moe-online-quiz .last-item a {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}

.moe-online-quiz .item h4 {
    margin-top: 0;
    line-height: 1.3;
    font-size: 13px;
    font-family: 'Roboto';
    font-weight: 400;
    color: #fff;
    display: block;
    overflow: hidden;
     text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
}

/*.q-message {
    position: relative;
    display: block;
    width: 100%;
}

.q-message:before {
    content: '';
    display: block;
    padding-top: 100%;
}*/

.q-message-in {
    /*position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;*/
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.q-message-in p {
    text-align: center;
    margin-bottom: 10px;
}

.q-message-in p:last-child {
    margin-bottom: 0;
}

.q-message-in a {
    font-weight: 700;
    text-decoration: underline;
}

.q-message-in a:hover {
    opacity: .7;
}

.q-message-in p,
.q-message-in a,
.q-message-in a:hover {
    color: #fff;
}

.moe-online-quiz.title-result.q-message .quizLevel-text {
    padding: 0 40px;
}

.moe-online-quiz.title-result.q-message .result-contaner a {
    text-align: center;
    color: #fff !important;
    font-weight: 700;
    display: block;
    padding: 10px 0;
    text-decoration: underline;
    background-color: rgba(0, 0, 0, 0.20);
}

.moe-online-quiz.title-result.q-message .result-contaner a:hover {
    opacity: .7;
}

.moe-online-quiz.title-result.q-message .annotation {
    margin: 0;
}

.moe-online-quiz.title-result.q-message .annotation img {
    display: block;
    width: 100%;
    margin: 0 auto 20px;
}

.moe-online-quiz.title-result.q-message .quizScore {
    padding: 10px 40px;
}

.moe-online-quiz.title-result.q-message .annotation p {
    padding: 0 40px;
}

.moe-online-quiz.title-result.q-message .quizCount {
    width: 100%;
    text-align: center;
}

@media (max-width: 767px) {
    .moe-online-quiz {
        padding: 5.2vw;
    }

    .moe-online-quiz.title-begin,
    .moe-online-quiz.title-result {
        padding: 5.2vw 5.2vw 10px;
    }

    .quizLevel-text {
        padding: 0 5.2vw 20px;
    }

    .quizResultsCopy {
        padding: 0 5.2vw;
    }

    .quizScore span {
        font-size: 10vw;
    }

    .moe-online-quiz .main-img,
    .moe-online-quiz .main-img-z,
    .quizResults,
    .template-1 .stat_centr_wr .moe-online-quiz .main-img,
    .template-1 .stat_centr_wr .moe-online-quiz .main-img-z,
    .moe-online-quiz .quizDescription video,
    .moe-online-quiz .quizDescription-z video,
    .moe-online-quiz.title-result .read-more-row-out {
        width: calc(100% + 10.4vw + 10px);
        margin: 25px calc(-5.2vw - 5px) 0;
    }

    .moe-online-quiz.title-result .read-more-row-out {
        margin: 25px calc(-5.2vw - 5px) -15px;
    }

    .moe-online-quiz .read-more-block-header {
        padding: 0 calc(5.2vw - 7px);
    }

    .moe-online-quiz.title-result.q-message .quizScore {
        padding: 10px 5.2vw;
    }

    .moe-online-quiz.title-result.q-message .annotation p {
        padding: 0 5.2vw;
    }
}

@media (max-width: 575px) {
    /*.moe-online-quiz {
        width: calc(100% + 30px);
        margin-left: -15px;
        padding: 5.2vw;
        border-radius: 0;
        font-size: 16px;
        line-height: 1.5;
        box-shadow: none;
    }*/
    /*.quizResults-in {
        display: inline-block;
    }*/
    /*.result-contaner {
        position: relative;
        padding-bottom: inherit;
        height: auto;
        overflow: auto;
    }*/
    /*.result-contaner img.result-img {
        height: auto;
        position: relative;
    }*/
    /*.quizLevel-text {
        -ms-flex-pack: center;
        justify-content: center;
        height: auto;
        padding: 20px 5.2vw;
    }*/
    /*.quizScore {
        -ms-flex-pack: center;
        justify-content: center;
        height: 13vw;
        padding: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.20);
        position: relative;
    }*/
    /*.quizScore span {
        color: #fff;
    }*/
    .quizCount,
    .quizCount-z {
        margin: 8.2vw 0 0;
    }
}

@media (max-width: 500px) {
    .moe-online-quiz .button.tryAgain {
        float: none;
    }

    .moe-online-quiz.title-result .quizCount,
    .moe-online-quiz.title-result .quizCount-z {
        display: none;
        float: none;
        margin: 30px 0 0;
        font-size: .9em;
        line-height: 1;
        text-align: center;
        opacity: .8;
    }
}

@media (max-width: 400px) {
    .questionCard {
        font-size: 5.5vw;
    }
}

@media (max-width: 359px) {
    .moe-online-quiz .button,
    .moe-online-quiz .button-z {
        padding: 5px 8px;
    }
}

.address-container {
    display: block;
    position: relative;
    border-radius: 16px;
    border: 1px solid #8f9aa0;
    padding: 30px;
    margin: 30px 0;
    font-family: 'Open Sans';
    font-size: 17px;
    line-height: 1.3;
    word-wrap: break-word;
}

.address-container-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url(/themes/default/front/img/address-back.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 270px auto;
    z-index: -1;
}

.address-label {
    position: absolute;
    top: -12px;
    left: 20px;
    background-color: #fff;
    color: #859092;
    padding: 2px 10px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 6px;
}

.address-container .address-box:last-child {
    padding-bottom: 0;
}

.address-container > .address-box:last-child .address-row {
    margin-bottom: 0;
}

.address-title-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
}

.address-title {
    font-weight: 700;
    font-size: 24px;
    /*float: left;
    width: calc(100% - 150px);
    margin: 10px 0 27px 0;*/
}

.address-logo,
.address-symbol {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.address-logo {
    width: 76px;
    min-width: 76px;
    height: 76px;
    border-radius: 8px;
    border: 1px solid #c2c8cb;
    /*float: right;*/
    margin-left: 15px;
    user-select: none;
}

.address-logo img,
.template-1 .stat_centr_wr .address-logo img {
    width: 80%;
    margin: 0;
}

.address-box:not(:first-child),
.address-boxes-other .address-box {
    border-top: 1px solid #c2c8cb;
}

.address-box.address-01 {
    border-top: none;
}

.address-boxes-other .address-box {
    padding-top: 27px;
}

/*.address-row:after {
    content: '';
    display: table;
}*/

/*.address-row-location {
    padding-left: 45px;
    position: relative;
    margin-top: 20px;
    margin-bottom: 27px;
}*/

.address-row-location,
.address-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px;
    padding-left: 45px;
    position: relative;
}

.address-row-location {
    min-width: calc(100% - 150px);
}

.address-row-location .address-item {
    margin-bottom: 12px;
}

.address-row .address-item {
    margin: 0 30px 12px 0;
    max-width: 50%;
}

.address-symbol {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 3px;
    user-select: none;
}

/*.address-row-location .address-symbol {
    position: relative;
    left: auto;
    top: auto;
    float: left;
    margin: 3px 15px 0 0;
}*/

.address-row-mail .address-symbol {
    top: -3px;
}

.address-symbol .svg-icon {
    width: 30px;
    height: 30px;
    fill: var(--moe-blue);
}

.address-symbol-number {
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    text-align: center;
}

/*.address-row .address-item-content {
    white-space: nowrap;
}*/

/*.address-row-location .address-item-content {
    color: #1e2c34;
}*/

.address-item-content {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.address-box a:hover .address-item-content,
.address-item-content a:hover {
    color: #195a94;
    text-decoration: underline;
}

.address-item-note,
.address-social-label {
    margin-top: 2px;
    font-size: 13px;
    color: #859092;
}

.address-social-label {
    margin: 0 0 3px 0;
}

.address-site {
    padding: 23px 0 12px;
}

.address-site .address-symbol {
    top: 0;
}

.address-site .address-item {
    margin: 0;
    max-width: none;
    width: 100%;
    padding-top: 5px;
}

.address-social {
    padding-top: 27px;
}

.address-row.soc-in-menu {
    border: none;
    padding: 0;
}

.address-row.soc-in-menu .soc-button {
    border-radius: 4px;
    margin-top: 8.5px;
}

.address-more {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    cursor: pointer;
    margin-bottom: 10px;
    font-size: 13px;
    color: #859092;
    padding: 10px 0 10px 45px;
    user-select: none;
}

.address-more:hover {
    color: #195a94;
}

.address-more i {
    margin-left: 10px;
    transition: transform .2s;
}

.address-more i.rotate {
    transform: rotate(180deg);
}

.address-boxes-other {
    display: none;
}

@media (max-width: 767px) {
    /*.address-title {
        width: calc(100% - 124px);
    }*/

    /*.address-logo {
        width: 100px;
        height: 100px;
        margin-bottom: 15px;
    }*/

    .address-row-location {
        min-width: calc(100% - 124px);
    }

    /*.address-row-location {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        padding-left: 45px;
        position: relative;
    }*/

    /*.address-01 .address-row-location {
        width: calc(100% - 144px);
        margin-top: 0;
    }*/

    .address-row-location .address-symbol {
        float: none;
        margin: 0;
        width: 30px;
        height: 30px;
        position: absolute;
        left: 0;
        top: 3px;
    }

}

@media (max-width: 575px) {
    .address-container {
        padding: 5.5vw;
    }

    .address-title {
        font-size: 20px;
        /*margin: 0 0 27px 0;
        width: calc(100% - 100px);*/
    }

    .address-logo {
        width: 60px;
        min-width: 60px;
        height: 60px;
        /*margin-bottom: 15px;
        margin-left: 20px;*/
    }

    .address-logo img,
    .template-1 .stat_centr_wr .address-logo img {
        width: 90%;
    }

    .address-row-location {
        min-width: calc(100% - 104px);
    }

    .address-01 .address-row-location {
        width: 100%;
    }

    .address-row .address-item {
        max-width: none;
    }
}

@media (max-width: 350px) {
    .address-title {
        font-size: 18px;
        /*width: calc(100% - 90px);*/
    }

    /*.address-logo {
        width: 70px;
        height: 70px;
    }*/
}

.order_feedback {
    display: block;
    margin: 20px 0;
}

.order_feedback p {
    font-size: 16px;
}

.form_container {
    display: block;
    margin: 20px 0;
    background-color: #e3eaef;
    padding: 12px;
    position: relative;
}

.customer-select {
    background-color: #fff;
    padding: 40px;
    margin-bottom: 40px;
}

.stat_centr_wr .customer-header {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.stat_centr_wr .customer-select h4,
.stat_centr_wr .customer-select h4 p {
    font-size: 21px;
    line-height: 1.4;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
}

.customer-select img {
    width: auto;
    height: 80px;
    max-width: 30%;
    object-fit: contain;
    margin: 0 -20px 0 20px;

    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.order_profile {
    padding: 0 40px;
}

.order_profile h5 {
    font-weight: 700;
    font-size: 16px;
}

.order_profile label,
.order_profile input {
    width: 100%;
}

.order_profile label {
    margin-top: 25px;
}

.order_profile label span {
    font-style: italic;
}

.order_profile input,
.order_feedback input[type="submit"] {
    height: 44px;
    line-height: 24px;
    font-weight: 700;
    padding: 10px;
    background-color: #fff;
    outline: none;
    border-radius: 7px;
    border: 1px solid transparent;
}

.order_profile input:hover,
.order_profile input:focus {
    border: 1px solid var(--moe-blue);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.order_feedback input[type="submit"] {
    width: 190px;
    margin: 40px auto 28px;
    padding: 11px 0 9px;
    display: block;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 400;
    transition: .2s;
    color: #fff;
}

.order_feedback input[type="submit"]:hover {
    -webkit-box-shadow: inset 0 0 200px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 0 200px 0 rgba(0, 0, 0, .15);
}

.order_feedback input[type="submit"]:active {
    -webkit-box-shadow: inset 0 0 200px 0 rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 200px 0 rgba(0, 0, 0, .3);
    transform: translateY(2px);
}

.success_form {
    position: absolute;
    bottom: 40px;
    left: calc(50% - 100px);
    width: 200px;
    padding: 120px 15px 15px;
    background-color: #fff;
    border: 2px solid #41d04d;
    text-align: center;
    font-size: 19px;
    line-height: 1.2;
    color: #41d04d;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .3);
}

.success_form:before {
    content: url(/themes/default/front/img/ok-green.png);
    position: absolute;
    top: 17px;
    left: 53px;
}

.form_container .vue-captcha {
    margin: 20px auto 50px;
}

.form_container .vue-captcha .content-text input {
    height: 30px;
    min-height: 30px;
    max-height: 30px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .customer-header {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .customer-select {
        padding: 5vw !important;
    }

    .customer-select h4 {
        text-align: center;
    }

    .customer-select img {
        margin: 0 auto 10px;
        max-width: 70%;

        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .order_profile {
        padding: 0 !important;
    }
}

/*skin-lady*/

:root {
    --main-color-0: #303030;
    --main-color-1: rgb(255, 45, 82);
    --main-color-1-semilight: #ffc0cb;
    --main-color-1-light: #ffe8ec;
    --main-color-1-transp: rgba(255, 45, 82, 0.1);
    --main-color-2: #ffec00;
    --main-color-2-light: #fff687;
    --main-color-3: #30a2f5;
    --main-color-3-light: #5ab9fc;
    --gray-1: #edeff0;
    --gray-2: #dee3e8;
    --gray-3: #81878d;
    --gray-3-transp: rgba(129, 135, 141, 0.25);
    --green-color: #07c98a;
    --basic-font: 'Raleway', sans-serif;
}

* {
    font-variant-numeric: lining-nums;
    -moz-font-feature-settings: "lnum";
    -webkit-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
}

.skin-lady *,
.skin-lady ul.links-2 li a,
.skin-lady ul.links-4 li a,
.skin-lady .stat_centr_wr h2,
.skin-lady .stat_centr_wr h3,
.skin-lady .stat_centr_wr h4,
.skin-lady .stat_centr_wr .title_article,
.skin-lady .stat_centr_wr .title_article p,
.skin-lady .stat_centr_wr .subtitle_article,
.skin-lady .stat_centr_wr .subtitle_article p,
.skin-lady .novost_detalka .h_show,
.skin-lady .comment-form-block .comment-form-footer input[type=button],
.skin-lady .stat_centr_wr .font_os,
.skin-lady .stat_centr_wr p,
.skin-lady .stat_centr_wr blockquote,
.skin-lady .stat_centr_wr ol li::before,
.skin-lady .novost_detalka .text_stat,
.skin-lady .novost_detalka .text_stat p,
.skin-lady .vrezka .vrezka-title,
.skin-lady .col-right .pro-block .pro-block-content .h2,
.skin-lady .h2-widget,
.skin-lady .comments-block-name,
.skin-lady .comment-text p,
.skin-lady .ck.ck-content.ck-editor__editable_inline p,
.skin-lady .nar_now .big_pl_text,
.skin-lady .novost_detalka .h_show,
.skin-lady .nar_now div.cont,
.skin-lady .down_line_nn,
.skin-lady .pro-row-block-forum .h2,
.skin-lady .pro-block .h2,
.skin-lady .pro-content .plus-search-line .h2,
.skin-lady .h2-on-page,
.skin-lady .stat_centr_wr .blockquote-22 .block-text,
.skin-lady .vrezka-min .vrezka-mark,
.skin-lady .vrezka-min .vrezka-title,
.skin-lady .ck-widget.vrezka-min .vrezka-mark,
.skin-lady .ck-widget.vrezka-min .vrezka-title,
.skin-lady .material-footer:before {
    font-family: var(--basic-font);
    letter-spacing: .005em;
}

.skin-lady .moe-online-quiz,
.skin-lady .moe-online-quiz p,
.skin-lady .moe-online-quiz label,
.skin-lady .moe-online-quiz ul,
.skin-lady .moe-online-quiz ul li,
.skin-lady .moe-online-quiz ol,
.skin-lady .moe-online-quiz ol li,
.skin-lady .quiz-label,
.skin-lady .quiz-label-z,
.skin-lady .quiz-label-result,
.skin-lady .moe-online-quiz h2,
.skin-lady .moe-online-quiz .button,
.skin-lady .moe-online-quiz .button-z,
.skin-lady .questionCount,
.skin-lady .questionCard,
.skin-lady .quizScore span,
.skin-lady .moe-online-quiz .read-more-block-header h5,
.skin-lady .stat_centr_wr .ck-content h2,
.skin-lady .stat_centr_wr .ck-content h3,
.skin-lady .stat_centr_wr .ck-content h4 {
    font-family: var(--basic-font) !important;
    letter-spacing: .005em;
}

.skin-lady i.fa {
    font-family: 'FontAwesome';
}

.skin-lady h1,
.skin-lady h2,
.skin-lady h3,
.skin-lady h4,
.skin-lady h5,
.skin-lady h6,
.skin-lady .nar_now .big_pl_text,
.skin-lady .novost_detalka .h_show {
    font-weight: 800;
}

.pt-20 {
    padding-top: 20px;
}

body.projects.skin-lady,
body.projects.skin-lady p {
    color: var(--main-color-0);
}

.skin-lady .stat_centr_wr .font_os a {
    color: var(--main-color-1);
}

.skin-lady .stat_centr_wr table,
.skin-lady .stat_centr_wr th,
.skin-lady .stat_centr_wr td,
.skin-lady .stat_centr_wr .ck-content .table table,
.skin-lady .stat_centr_wr .ck-content .table table td,
.skin-lady .stat_centr_wr .ck-content .table table th {
    border: 1px solid var(--main-color-1);
}

.skin-lady .stat_centr_wr th,
.skin-lady .stat_centr_wr .ck-content .table table th {
    background-color: var(--main-color-1-transp);
}

.skin-lady .stat_centr_wr td,
.skin-lady .stat_centr_wr .ck-content .table table td {
    background-color: #fff;
}

.skin-lady .stat_centr_wr ul li:before {
    /*color: #bfbfbf;*/
    color: var(--gray-2);
}

.skin-lady .stat_centr_wr blockquote:before,
.skin-lady .stat_centr_wr .ck-content blockquote:before,
.skin-lady .stat_centr_wr .blockquote-22 .block-img:before,
.skin-lady .stat_centr_wr .blockquote-22 .blockquote-img:before {
    color: var(--main-color-1);
    opacity: .5;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.skin-lady .stat_centr_wr .font_os .blockquote-22 .block-img figure.image,
.skin-lady .stat_centr_wr .ck-content .blockquote-22 figure.image {
    background-color: var(--main-color-1-semilight);
}

.skin-lady .stat_centr_wr hr,
.skin-lady .stat_centr_wr .ck-content hr,
.stat_centr_wr .editor-container .ck-horizontal-line hr {
    border-top: 1px solid var(--main-color-1);
}

.skin-lady .vizitka {
    border: 1px solid var(--main-color-1);
}

.skin-lady .vizitka:before {
    background-color: var(--main-color-1);
    color: #fff;
}

.skin-lady .persona {
    background-color: var(--main-color-1-semilight);
}

.skin-lady [custom-class='vizitka-g'] .persona,
.skin-lady [custom-class='red'] .persona {
    background-color: #fff;
}

.skin-lady .stat_centr_wr [custom-class='red'] .persona .persona-name {
    color: var(--main-color-0) !important;
}

.skin-lady .stat_centr_wr [custom-class='red'] .persona .persona-post {
    color: var(--main-color-1) !important;
}

.skin-lady .persona-post {
    color: var(--main-color-1);
}

.skin-lady .vrezka .vrezka-mark,
.skin-lady .ck .vrezka .ck-widget.vrezka-mark {
    background-color: var(--main-color-1);
}

.skin-lady .vrezka:hover .vrezka-title {
    color: var(--main-color-1);
}

.skin-lady .vrezka-min .vrezka-title,
.skin-lady .ck-widget.vrezka-min .vrezka-title {
    color: var(--main-color-1);
}

.skin-lady .vrezka-min:hover .vrezka-title,
.skin-lady .ck-widget.vrezka-min:hover .vrezka-title {
    color: var(--main-color-1);
}

.skin-lady .stat_centr_wr .vrezkaDark h2,
.skin-lady .stat_centr_wr .vrezkaLight h2,
.skin-lady .stat_centr_wr .spravka_1 .spravka-head,
.skin-lady .stat_centr_wr .spravka_2 .spravka-head {
    color: var(--main-color-1);
}

.skin-lady .stat_centr_wr .credit-risk,
.skin-lady .stat_centr_wr .medic,
.skin-lady .stat_centr_wr .spravka_1,
.skin-lady .stat_centr_wr .spravka_2,
.skin-lady .stat_centr_wr .vrezkaLight {
    background-color: var(--main-color-1-semilight);
}

.skin-lady .stat_centr_wr [custom-class='red'] .spravka_1,
.skin-lady .stat_centr_wr [custom-class='red'] .spravka_2,
.skin-lady .stat_centr_wr [custom-class='red'] .vrezkaLight {
    background-color: rgba(255, 255, 255, 0.2);
}

.skin-lady .table-of-content {
    border: 1px solid var(--main-color-1);
}

.skin-lady .table-of-content-mark {
    background-color: var(--main-color-1);
    color: #fff;
}

.skin-lady .table-of-content ul li.content-title {
    color: var(--main-color-1);
}

.skin-lady .table-of-content ul li.content-title:hover,
.skin-lady .table-of-content ul li.content-title:focus {
    color: var(--main-color-1);
}

.skin-lady .plitka_text,
.skin-lady .plitka_text p {
    font-weight: 800;
}

.skin-lady .table-of-content.content-back ul li.content-title {
    color: #fff;
    font-weight: 800;
}

.skin-lady .table-of-content ul li.content-title:before {
    color: var(--main-color-1);
}

.skin-lady .table-of-content ul li.content-title:hover:before,
.skin-lady .table-of-content ul li.content-title:focus:before {
    color: var(--main-color-1);
}

.skin-lady .table-of-content.content-back ul li.content-title:before {
    color: #fff;
}

.skin-lady .update {
    border-top: 2px solid var(--main-color-1);
    border-bottom: 2px solid var(--main-color-1);
}

.skin-lady .poll-container,
.skin-lady .moe-online-quiz.title-begin,
.skin-lady .moe-online-quiz.title-result,
.skin-lady .moe-online-quiz.title-begin p,
.skin-lady .moe-online-quiz.title-result p,
.skin-lady .q-message {
    background-color: var(--gray-1);
    color: var(--main-color-0);
    box-shadow: none;
}

.skin-lady .stat_centr_wr .poll-container h2,
.skin-lady .answer-text,
.skin-lady .material-footer:before {
    color: var(--main-color-0);
}

.skin-lady .bar-fill {
    background: var(--main-color-3-light);
    /*background: linear-gradient(157deg, var(--main-color-3-light) 60%, rgba(255, 184, 0, 1) 100%);*/
}

.skin-lady .answer-count {
    color: var(--main-color-3);
}

.skin-lady .answer-count-abs {
    color: var(--gray-1);
}

.skin-lady .moe-online-quiz {
    border-color: var(--gray-1);
    box-shadow: none;
}

.skin-lady .moe-online-quiz h2 p {
    font-weight: 800;
    font-size: 27px;
}

.skin-lady .moe-online-quiz .startQuiz,
.skin-lady .moe-online-quiz.q-message .button-z,
.skin-lady .moe-online-quiz .button,
.skin-lady .moe-online-quiz .button-z {
    box-shadow: none;
}

.skin-lady .moe-online-quiz .answers li.incorrect input:checked + label {
    background-color: #ff4b4b;
    border: 1px solid #ff4b4b;
    color: #fff;
    z-index: 1;
}
.skin-lady .stat_centr_wr .moe-online-quiz a {
    color: var(--main-color-1) !important;
}

.skin-lady .moe-online-quiz .button.tryAgain {
    color: var(--main-color-1) !important;
    background: none;
}

.skin-lady .stat_centr_wr .moe-online-quiz a:hover,
.skin-lady .stat_centr_wr .moe-online-quiz a:focus,
.skin-lady .moe-online-quiz .button.tryAgain:hover,
.skin-lady .moe-online-quiz .button.tryAgain:focus {
    text-decoration: underline;
}

.skin-lady .moe-online-quiz .item {
    background-color: var(--gray-3);
}

/*.skin-lady .stat_centr_wr .moe-online-quiz a,
.skin-lady .moe-online-quiz .item h4 {
    color: var(--main-color-0) !important;
}*/

.skin-lady .moe-online-quiz .mr-left-game i,
.skin-lady .moe-online-quiz .mr-right-game i {
    color: var(--main-color-3);
}

.skin-lady .moe-online-quiz .quiz-label img {
    filter: drop-shadow(2px 2px 4px rgba(0,0,0,.4));
}

/*---*/

.skin-lady .pro-article-body .main_photo .description_main_photo,
.skin-lady .pro-article-body .main_photo .author_main_photo_box .author_main_photo {
    font-size: 14px;
}

.skin-lady .pro-article-body .main_photo .author_main_photo_box .author_main_photo {
    font-style: italic;
}

.skin-lady .stat_centr_wr .authors {
    font-size: 16px;
    font-style: italic;
}

.skin-lady .stat_centr_wr .authors .author-block {
    font-weight: 700;
}

/*DIVs*/

:root {
    --div-margin-30: 30px 0;
    --div-padding-15: 15px;
}

.skin-lady [custom-class] > :first-child {
    margin-top: 0 !important;
}

.skin-lady [custom-class] > :last-child {
    margin-bottom: 0 !important;
}

.skin-lady [custom-class='d-local'],
.skin-lady [custom-class='d-empty'],
.skin-lady [custom-class='d0'] {
    display: inline-block;
    margin: 30px 0;
}

@supports (display: flow-root) {
    .skin-lady [custom-class='d-local'],
    .skin-lady [custom-class='d-empty'],
    .skin-lady [custom-class='d0'] {
        display: flow-root;
    }
}

.skin-lady [custom-class='ws'],
.skin-lady [custom-class='pink'],
.skin-lady [custom-class='red'],
.skin-lady [custom-class='vizitka'] {
    padding: 20px;
    margin: 30px 0;
    display: flow-root;
    border-radius: 3px;
    overflow: hidden;
}

.skin-lady [custom-class='white'] {
    background-color: #fff;
}

.skin-lady [custom-class='pink'] {
    background-color: var(--main-color-1-light);
    border: 1px solid var(--main-color-1);
}

.skin-lady [custom-class='red'] {
    background-color: var(--main-color-1);
    border: 1px solid var(--main-color-1);
}

.skin-lady .stat_centr_wr [custom-class='red'] *,
.skin-lady .stat_centr_wr .ck-content [custom-class='red'] * {
    color: #fff !important;
}

.skin-lady .stat_centr_wr .ck-content [custom-class='red'] figure.table table td,
.skin-lady .stat_centr_wr [custom-class='red'] td {
    background-color: rgba(255, 255, 255, 0.2);
}

.skin-lady .stat_centr_wr .ck-content [custom-class='red'] figure.table table th,
.skin-lady .stat_centr_wr [custom-class='red'] th {
    background-color: rgba(0, 0, 0, 0.1);
}

.skin-lady .ck-content [custom-class='red'] .table table,
.skin-lady .stat_centr_wr .ck-content [custom-class='red'] figure.table table th,
.skin-lady .stat_centr_wr .ck-content [custom-class='red'] figure.table table th,
.skin-lady .stat_centr_wr [custom-class='red'] th,
.skin-lady .stat_centr_wr [custom-class='red'] td {
    border: 1px solid #fff !important;
}

.skin-lady [custom-class='ws'] {
    background-color: #fff;
    box-shadow: 1px 1px 4px 1px rgba(54, 75, 89, .15),
    4px 4px 15px 0 rgba(54, 75, 89, .15);
}

.skin-lady [custom-class] .min-left,
.skin-lady [custom-class] .min-right,
.skin-lady [custom-class] figure.image.image-style-align-left,
.skin-lady [custom-class] figure.image.image-style-align-right {
    margin-top: 6px !important;
}

.skin-lady [custom-class='vizitka-w'],
.skin-lady .ck .ck-editor__nested-editable[custom-class='vizitka-w'],
.skin-lady [custom-class='vizitka-g'],
.skin-lady .ck .ck-editor__nested-editable[custom-class='vizitka-g'] {
    /*display: block;*/
    position: relative;
    padding: 60px 15px 13px 15px;
    border-radius: 16px;
    margin: 30px 0;
}

.skin-lady [custom-class='vizitka-w'],
.skin-lady .ck .ck-editor__nested-editable[custom-class='vizitka-w'] {
    background-color: #fff;
    border: 1px solid var(--main-color-1);
}

.skin-lady [custom-class='vizitka-g'],
.skin-lady .ck .ck-editor__nested-editable[custom-class='vizitka-g'] {
    background-color: var(--gray-1);
}

.skin-lady [custom-class='vizitka-w'] .viz-marker,
.skin-lady [custom-class='vizitka-g'] .viz-marker {
    position: absolute;
    top: 16px;
    left: 0;
    /*font-family: 'Open Sans', sans-serif;*/
    font-weight: 800;
    font-size: 14px;
    line-height: 25px;
    text-transform: uppercase;
    background-color: var(--main-color-1);
    color: rgb(255, 255, 255);
    padding: 0 10px 0 15px;
    margin: 0;
    border-radius: 0 4px 4px 0;
    user-select: none;
}

@media (min-width: 576px) {
    .skin-lady [custom-class='vizitka-w'],
    .skin-lady [custom-class='vizitka-g'],
    .skin-lady .ck .ck-editor__nested-editable[custom-class='vizitka-w'],
    .skin-lady .ck .ck-editor__nested-editable[custom-class='vizitka-g'] {
        padding: 60px 20px 18px 20px;
    }

    .skin-lady [custom-class='vizitka-w'] .viz-marker,
    .skin-lady [custom-class='vizitka-g'] .viz-marker {
        padding: 0 10px 0 20px;
    }
}

.skin-lady .skin-lady [custom-class='vizitka-w'] p,
.skin-lady .skin-lady [custom-class='vizitka-g'] p {
    /*font-family: 'Open Sans', sans-serif;*/
    font-size: 15px;
    margin-bottom: 12px;
}

.skin-lady .skin-lady [custom-class='vizitka-w'] p,
.skin-lady .skin-lady [custom-class='vizitka-g'] p {
    margin-top: 0;
    margin-bottom: 12px;
}

.skin-lady [custom-class='vizitka-w'] p:last-of-type,
.skin-lady [custom-class='vizitka-g'] p:last-of-type {
    margin-bottom: 0;
}

.skin-lady .stat_centr_wr [custom-class='vizitka-w'] h3,
.skin-lady .stat_centr_wr [custom-class='vizitka-g'] h3 {
    /*font-family: 'Open Sans', sans-serif;*/
    font-weight: 800;
    font-size: 20px;
    line-height: 1.3;
    margin: 20px 0 10px;
}

.skin-lady [custom-class='vizitka-w'] .viz-marker + h3,
.skin-lady [custom-class='vizitka-w'] .persona + h3,
.skin-lady [custom-class='vizitka-g'] .viz-marker + h3,
.skin-lady [custom-class='vizitka-g'] .persona + h3 {
    margin-top: 0;
}

/*End of DIVs*/

/*-------------*/

.skin-lady .a-decorate,
.skin-lady .vrezka-min .vrezka-title {
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .1s;
}

.skin-lady .a-decorate:hover,
.skin-lady .vrezka-min .vrezka-title:hover {
    background-size: 100% 1px;
}

.skin-lady .pro_all_button .col-content {
    width: 100%;
    margin: auto;
    padding: 0;
}

.skin-lady .pro_all_button .col-content-inside {
    margin: auto;
}

.skin-lady .pro_all_button .col-content-inside .col-xs-12 {
    padding: 0;
}

.skin-lady ul.links-1 li > a,
.skin-lady .greedy-nav-top-fixed .parent-rubric .greedy-a,
.skin-lady .greedy-nav-top-fixed .greedy-li-name-rubric .greedy-a,
.skin-lady .greedy-nav-top-fixed .greedy-li-name-subrubric .greedy-a {
    padding: 0 16px;
    position: relative;
    display: block;
    font-family: var(--basic-font);
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
}

.skin-lady .main-header-project .dropdown-panel .greedy-li .greedy-a,
.skin-lady .main-header-project .dropdown-panel ul .greedy-li,
.skin-lady .header-line-2 .dropdown-panel ul .greedy-li,
.skin-lady .plitka_wr:hover .plitka_img_container .plitka_img,
.skin-lady .plitka_wr .plitka_text,
.skin-lady .forum-menu ul li a {
    transition: all .45s ease;
    text-decoration: none;
}

.skin-lady .forum-menu ul li,
.skin-lady .forum-menu ul li a {
    height: auto;
    min-height: 47px;
}

.skin-lady .main-header-project .dropdown-panel .greedy-li:hover .greedy-a,
.skin-lady .forum-menu ul li a:hover {
    transition: all .05s ease;
    text-decoration: none;
}

.skin-lady .plitka_wr .plitka_img_container .plitka_img,
.skin-lady .plitka_wr:hover .plitka_text {
    transition: all .2s ease;
}

.skin-lady .main-header-project .dropdown-panel ul .greedy-li:hover,
.skin-lady .header-line-2 .dropdown-panel ul .greedy-li:hover,
.skin-lady .main-header-project .dropdown-panel .greedy-li .greedy-a,
.skin-lady .main-header-project .dropdown-panel .greedy-li .greedy-a:hover,
.skin-lady .main-header-project .dropdown-panel .greedy-li .greedy-a:focus,
.skin-lady .main-header-project .greedy-nav-fixed .search {
    transition: none;
}

.skin-lady .main-header-project {
    height: 100px;
    min-height: 100px;
    padding-top: 20px;
    position: sticky;
    top: 0;
    z-index: 1010;
}

.skin-lady .main-header-project,
.skin-lady .header-line-2 {
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 2%),
    0 0 4px 1px rgb(0 0 0 / 2%),
    0 0 5px 5px rgb(0 0 0 / 2%);
}

.skin-lady.projects .main-header-project .header-line-1,
.skin-lady .main-header-project .header-line-1-back,
.skin-lady .main-header-project .container-in,
.skin-lady .main-header-project .header-content,
.skin-lady .main-header-project .greedy.greedy-nav {
    height: 80px;
    min-height: 80px;
}

/*.skin-lady .main-header-project .greedy.greedy-nav {
    padding-bottom: 6px;
}*/

.skin-lady .main-header-project .greedy.greedy-nav > .links-1 > .greedy-li > a,
.skin-lady .main-header-project .greedy.greedy-nav > .greedy-show-more > .greedy-li > .greedy-btn {
    line-height: 80px;
}

.skin-lady .main-header-project,
.skin-lady.projects .main-header-project .header-line-1,
.skin-lady .main-header-project .header-line-1-back,
.skin-lady .main-header-project .container-in,
.skin-lady .main-header-project .header-content,
.skin-lady .main-header-project .greedy.greedy-nav,
.skin-lady .main-header-project .greedy.greedy-nav > .links-1 > .greedy-li > a,
.skin-lady .main-header-project .greedy.greedy-nav > .greedy-show-more > .greedy-li > .greedy-btn,
.skin-lady .main-header-project .header-logo-2020,
.skin-lady .main-header-project .header-logo-2020 > a img,
.skin-lady .main-header-project .header-logo-2020 > a svg,
.skin-lady .main-header-project .greedy-1 .add-message-box,
.skin-lady .main-header-project .greedy-1 .add-message-box .message-add img,
.skin-lady .main-header-project.fixed + .template-pro .header-line-2 {
    transition: height .2s ease-in-out,
    min-height .2s ease-in-out,
    padding-top .2s ease-in-out,
    line-height .2s ease-in-out,
    top .2s ease-in-out,
    transform .2s ease-in-out;
}

.skin-lady .main-header-project.fixed {
    height: 60px;
    min-height: 60px;
    padding-top: 0;
}

.skin-lady.projects .main-header-project.fixed .header-line-1,
.skin-lady .main-header-project.fixed .header-line-1-back,
.skin-lady .main-header-project.fixed .container-in,
.skin-lady .main-header-project.fixed .header-content,
.skin-lady .main-header-project.fixed .greedy.greedy-nav {
    height: 60px;
    min-height: 60px;
}

.skin-lady .main-header-project.fixed .greedy.greedy-nav > .links-1 > .greedy-li > a,
.skin-lady .main-header-project.fixed .greedy.greedy-nav > .greedy-show-more > .greedy-li > .greedy-btn {
    line-height: 60px;
}

.skin-lady .main-header-project.fixed .header-logo-2020 {
    width: 167px;
    padding: 9px 21px;
}

/*.skin-lady .main-header-project.fixed .header-logo-2020 > a img {
    width: 205px;
    height: auto;
}*/

.skin-lady .main-header-project.fixed .header-logo-2020,
.skin-lady .main-header-project.fixed .greedy-1 .add-message-box {
    height: 60px;
}

.skin-lady .main-header-project.fixed .greedy-1 .add-message-box .message-add {
    height: 36px;
    min-height: 36px;
    top: 12px;
}

.skin-lady .main-header-project.fixed .greedy-1 .add-message-box .message-add img {
    height: 22px;
    top: 7px;
}

.skin-lady .main-header-project.fixed + .template-pro .header-line-2 {
    position: sticky;
    top: 60px;
}

.skin-lady .main-header-project .header-line-1-back {
    background-color: transparent;
    /*border-bottom: 6px solid var(--main-color-1);*/
}

.skin-lady .main-header-project .header-logo-2020 {
    /*background-color: var(--main-color-1);*/
    position: absolute;
    bottom: 0;
    left: 0;
    width: 167px;
    height: 80px;
    padding: 19px 21px;
    z-index: 10;
    border-radius: 29px 0 29px 0;
    overflow: hidden;
    transition: all .1s ease-in-out;

    /*--mouse-x: 0px;
    --mouse-y: 0px;*/
}

/*.skin-lady .main-header-project .header-logo-2020 .sunny-bunny {
    content: '';
    position: absolute;
    left: var(--mouse-x);
    top: var(--mouse-y);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    filter: blur(16px);
    transition: all .5s;
    background-color: var(--main-color-2);
}*/

/*.skin-lady .main-header-project .header-logo-2020:hover {
    background-position: 30% 0 !important;
}*/

.skin-lady .main-header-project .header-logo-2020 > a {
    display: flex;
    position: relative;
    width: 100%;
}

.skin-lady .main-header-project .header-logo-2020 > a img {
    width: auto;
    height: 42px;
    position: relative;
    transition: all .1s ease-in-out;
}

/*.skin-lady .main-header-project .header-logo-2020:hover > a img {
    transform: scale(1.06);
}*/

/*.skin-lady .main-header-project .header-logo-2020 > a svg {
    transform: scale(1.06);
}*/

.skin-lady .main-header-project .header-content {
    bottom: 0;
    left: 167px;
    width: calc(100% - 167px);
}

.skin-lady .main-header-project nav.greedy-nav .links-1 {
    width: calc(100% - 140px);
    padding: 0;
    position: relative;
    /*-ms-flex-pack: distribute;
    justify-content: space-around;*/
    -ms-flex-pack: start;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.skin-lady .main-header-project .greedy.greedy-nav > .links-1 > .greedy-li,
.skin-lady .main-header-project .greedy.greedy-nav > .greedy-show-more > .greedy-li {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

/*.skin-lady .main-header-project .links-1 > .greedy-li.nav_dropdown:hover,
.skin-lady .main-header-project .links-1 > .greedy-li.nav_dropdown:focus {
    background-color: #fff;
}*/

.skin-lady .main-header-project .greedy-nav-fixed .search {
    color: var(--main-color-0);
}

.skin-lady .main-header-project .greedy.greedy-nav > .links-1 > .greedy-li > a {
    border-radius: 0;
    margin: 0 18px;
    padding: 0;
    display: inline-block;
    background-color: transparent !important;
}

.skin-lady .main-header-project .greedy.greedy-nav > .links-1 > .greedy-li > a,
.skin-lady .header-line-2 ul.links-2 .greedy-li .greedy-a,
.skin-lady .header-line-2 ul.links-2 .greedy-li > .greedy-a > i {
    color: var(--main-color-0);
}

.skin-lady .main-header-project .dropdown-panel .greedy-li .greedy-a,
.skin-lady .main-header-project .dropdown-panel .greedy-li .greedy-a:hover,
.skin-lady .main-header-project .dropdown-panel .greedy-li .greedy-a:focus,
.skin-lady .header-line-2 .dropdown-panel ul .greedy-li .greedy-a,
.text-message-green {
    color: var(--main-color-1);
}

.skin-lady .main-header-project .greedy.greedy-nav > .links-1 > .greedy-li.active > a,
.skin-lady .main-header-project .greedy.greedy-nav > .links-1 > .greedy-li:hover > a,
.skin-lady .main-header-project .greedy.greedy-nav > .links-1 > .greedy-li:focus > a,
.skin-lady .main-header-project .greedy-nav-fixed:hover .search,
.skin-lady .main-header-project .greedy-nav-fixed:focus .search,
.skin-lady .header-line-2 ul.links-2 .greedy-li:hover > .greedy-a,
.skin-lady .header-line-2 .dropdown-panel ul .greedy-li:hover > .greedy-a,
.skin-lady .header-line-2 .dropdown-panel ul .greedy-li:hover > .greedy-a,
.skin-lady .header-line-2 ul.links-2 .greedy-li.active > .greedy-a,
.skin-lady .header-line-2 .dropdown-panel ul .greedy-li.active > .greedy-a,
.skin-lady .header-line-2 ul.links-2 .greedy-li.active > .greedy-a,
.skin-lady .header-line-2 ul.links-2 .greedy-li.active > .greedy-a > i,
.skin-lady .header-line-2 ul.links-2 .greedy-li:hover > .greedy-a > i,
.skin-lady .header-line-2 ul.links-2 .greedy-li:focus > .greedy-a > i,
.skin-lady .header-line-2 .dropdown-panel .greedy-li:hover > .greedy-a span {
    color: var(--main-color-1);
}

.skin-lady .stat_centr_wr p,
.skin-lady .stat_centr_wr blockquote,
.skin-lady .stat_centr_wr .blockquote-22 .block-footer + .block-text,
.skin-lady .stat_centr_wr ul li,
.skin-lady .stat_centr_wr ol li {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .005em;
}

.skin-lady .stat_centr_wr * {
    letter-spacing: .005em;
}

.skin-lady .main-header-project .greedy.greedy-nav > .links-1 > .greedy-li.active > a span {
    font-weight: 500;
}

.skin-lady .main-header-project .links-1 > .greedy-li:hover > .greedy-a,
.skin-lady .main-header-project .links-1 > .greedy-li:focus > .greedy-a {
    background-color: transparent !important;
}

.skin-lady .main-header-project .greedy.greedy-nav > .links-1 > .greedy-li > a > span {
    display: inline-block;
    position: relative;
}

.skin-lady .main-header-project .greedy.greedy-nav > .links-1 > .greedy-li.active > a > span:before,
.skin-lady .main-header-project .greedy.greedy-nav > .links-1 > .greedy-li:hover > a > span:before,
.skin-lady .main-header-project .greedy.greedy-nav > .links-1 > .greedy-li:focus > a > span:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--main-color-1);
}

.skin-lady .main-header-project .dropdown-panel,
.skin-lady .header-line-2 .dropdown-panel {
    padding: 10px 0;
    border-radius: 10px;
    position: absolute;
    left: 0;
    right: auto;
    top: 60px;
    z-index: 1030;
    box-shadow: 0 0 7px 0 rgba(7, 31, 44, .1),
    0 0 30px 0 rgba(7, 31, 44, .2);
}

.skin-lady .main-header-project.fixed .dropdown-panel,
.skin-lady .fixed .header-line-2 .dropdown-panel {
    top: 40px;
}

.skin-lady .main-header-project .links-1 .dropdown-panel ul .greedy-li > .dropdown-panel {
    left: calc(100% + -2px);
    top: -12px;
}

.skin-lady .main-header-project .greedy ul.links.greedy-show-more .dropdown-panel {
    left: auto;
    right: 0;
}

.skin-lady .main-header-project .dropdown-panel ul {
    column-count: unset;
}

.skin-lady .main-header-project .dropdown-panel ul .greedy-li,
.skin-lady .header-line-2 .dropdown-panel ul .greedy-li {
    padding: 0;
    margin: 2px 0;
    height: 32px;
    position: relative;
}

.skin-lady .main-header-project .dropdown-panel ul .greedy-li:hover,
.skin-lady .main-header-project .dropdown-panel ul .greedy-li:focus,
.skin-lady .forum-menu ul li a:hover,
.skin-lady .forum-menu ul li a:focus,
.skin-lady .header-line-2 .dropdown-panel ul .greedy-li:hover,
.skin-lady .header-line-2 .dropdown-panel ul .greedy-li:focus {
    background-color: var(--main-color-2-light);
}

.skin-lady .main-header-project .dropdown-panel ul .greedy-li:active,
.skin-lady .forum-menu ul li a:active,
.skin-lady .header-line-2 .dropdown-panel ul .greedy-li:active {
    background-color: var(--main-color-2);
}

.skin-lady .pro-modal-down .menu_down:active:before {
    background-color: var(--main-color-1-semilight);
}

.skin-lady .main-header-project .dropdown-panel .greedy-li .greedy-a,
.skin-lady .header-line-2 .dropdown-panel ul .greedy-li .greedy-a,
.skin-lady .header-line-2 ul.links-2 .greedy-li .dropdown-panel .greedy-a {
    margin: 0;
    padding: 0 20px;
    line-height: 32px;
    white-space: nowrap;
    background-color: transparent !important;
    border: none;
    transition: none;
}

.skin-lady .main-header-project .dropdown-panel .greedy-li .greedy-a > i {
    font-size: 18px;
    vertical-align: -1px;
    margin-left: 5px;
}

.skin-lady .main-header-project .dropdown-panel ul .greedy-li > .dropdown-panel,
.skin-lady .header-line-2 ul.links-2 > .greedy-li .dropdown-panel {
    display: none;
    visibility: hidden;
    position: absolute;
}

.skin-lady .main-header-project .greedy ul.links.greedy-show-more .dropdown-panel ul .greedy-li .dropdown-panel {
    right: calc(100% - 2px);
    top: -12px;
}

.skin-lady .header-line-2 ul.links-2 > .greedy-li > .dropdown-panel {
    left: -20px;
}

.skin-lady .main-header-project .dropdown-panel ul .greedy-li:hover > .dropdown-panel,
.skin-lady .main-header-project .dropdown-panel ul .greedy-li:focus > .dropdown-panel,
.skin-lady .header-line-2 ul.links-2 > .greedy-li:hover > .dropdown-panel,
.skin-lady .header-line-2 ul.links-2 > .greedy-li:focus > .dropdown-panel,
.skin-lady .header-line-2 .dropdown-panel ul .greedy-li:hover > .dropdown-panel,
.skin-lady .header-line-2 .dropdown-panel ul .greedy-li:focus > .dropdown-panel {
    display: block;
    visibility: visible;
}

.skin-lady .main-header-project .greedy ul.links.greedy-show-more,
.skin-lady .main-header-project nav.greedy-nav .greedy-btn,
.skin-lady .main-header-project .greedy-nav-fixed {
    flex: none;
    height: 100%;
    position: relative;
}

.skin-lady .main-header-project nav.greedy-nav .greedy-btn {
    width: 64px;
    min-width: 64px;
    flex: none;
    height: 100%;
    position: relative;
}

.skin-lady .main-header-project .greedy-show-more .greedy-li:hover .greedy-btn {
    background-color: transparent;
}

/*----*/

.skin-lady .main-header-project nav.greedy-nav .links-1 {
    /*width: calc(100% - 64px - 60px - 40px);*/
    width: 419px;
}

.skin-lady .greedy-1 .add-message-box {
    /*display: flex;
    justify-content: center;
    align-items: center;*/
    min-width: 60px;
    width: 60px;
    height: 80px;
    position: relative;
}

.skin-lady .live-button,
.skin-lady .main-header-project .greedy-nav-fixed .search,
.skin-lady .message-add {
    border-radius: 15px 0 15px 0;
}

.skin-lady .main-header-project .greedy-1 .add-message-box .message-add {
    position: absolute;
    top: 22px;
    right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    max-width: 40px;
    height: 36px;
    min-height: 36px;
    padding: 0;
    margin: 0;
    transition: width .25s ease-in-out,
    max-width .25s ease-in-out,
    background-position .15s ease-in-out;
}

.skin-lady .main-header-project .greedy-1 .add-message-box.extended .message-add {
    width: 130px;
    max-width: 130px;
    padding: 0 8px 0 34px;
    transition: width .3s ease,
    max-width .3s ease,
    background-position .25s ease-in-out;
}

.skin-lady .greedy-1 .add-message-box img {
    position: absolute;
    left: 7px;
    top: 8px;
    width: 25.7px;
    min-width: 25.7px;
    height: 20px;
}

.skin-lady .greedy-1 .add-message-box .message-add span {
    font-size: 13px;
    font-weight: 700;
    transform: scale(0);
    opacity: 0;
    line-height: 1;
    width: 80px;
    margin: 0;
    transition: .1s;
}

.skin-lady .greedy-1 .add-message-box.extended .message-add span {
    opacity: 1;
    transform: scale(1);
    transition: .2s;
    transition-delay: .2s;
}

@media (min-width: 992px) {
    .skin-lady .main-header-project nav.greedy-nav .links-1 {
        /*width: calc(100% - 64px - 150px - 40px);*/
        width: 499px;
    }

    .skin-lady .greedy-1 .add-message-box {
        width: 150px;
        max-width: 150px;
    }

    .skin-lady .main-header-project .greedy-1 .add-message-box .message-add {
        width: 130px;
        max-width: 130px;
        padding: 0 8px 0 34px;
    }

    .skin-lady .greedy-1 .add-message-box .message-add span {
        display: block;
        opacity: 1;
        transform: scale(1);
    }
}

/*----*/

.skin-lady .main-header-project .greedy-sandwich-line {
    height: 3px;
    background-color: var(--gray-3);
}

.skin-lady .main-header-project .greedy-show-more:hover .greedy-sandwich-line {
    background-color: var(--main-color-1);
}

.skin-lady .main-header-project .greedy-sandwich-line:nth-child(1) {
    top: calc(50% - 9px);
}

.skin-lady .main-header-project .greedy-sandwich-line:nth-child(2) {
    top: calc(50% - 2px);
}

.skin-lady .main-header-project .greedy-sandwich-line:nth-child(3) {
    top: calc(50% + 5px);
}

.skin-lady .main-header-project .greedy-nav-fixed {
    width: 40px;
    min-width: 40px;
}

.skin-lady .main-header-project .greedy-nav-fixed .search {
    width: 40px;
    height: 36px;
    font-size: 19px;
}

.skin-lady .header-line-2,
.skin-lady .header-line-2 .container-in,
.skin-lady .header-line-2 nav.greedy-2,
.skin-lady .header-line-2 ul.links-2 > .greedy-li,
.skin-lady .header-line-2 .greedy ul.links.greedy-show-more,
.skin-lady .header-line-2 .greedy ul.links.greedy-show-more > .greedy-li,
.skin-lady .header-line-2 .greedy ul.links.greedy-show-more > .greedy-li .greedy-btn {
    height: 48px;
}

.skin-lady .header-line-2 {
    width: calc(100% + 30px);
    margin-left: -15px;
    background-color: #fff;
    border-bottom: none;
    position: sticky;
    top: 100px;
    z-index: 1009;
}

/*@media (min-width: 768px) {
    .skin-lady .header-line-2 {
        width: calc(100% + 40px);
        margin-left: -20px;
    }
}*/

.skin-lady .header-line-2 {
    width: 100%;
    margin-left: 0;
    position: sticky;
    top: 100px;
}

.skin-lady.for-phone .header-line-2 {
    position: sticky;
    top: 50px;
}

@media (min-width: 768px) {
    .skin-lady .header-line-2 {
        width: calc(100% + 10px);
        margin-left: -5px;
    }
}

@media (min-width: 992px) {
    .skin-lady .header-line-2 {
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .skin-lady.for-phone .header-line-2 {
        top: 60px;
    }
}

@media (min-width: 1280px) {
    .skin-lady .header-line-2 {
        width: calc(100% + 50px);
        margin-left: -25px;
    }
}

.skin-lady .header-line-2 .container-in {
    /*width: calc(100% - 150px);*/
    width: 100%;
    padding: 0;
}

.skin-lady .header-line-2 .container-in nav.greedy {
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
}

.skin-lady .header-line-2 .greedy ul.links.links-2 {
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex: none;
}

.skin-lady .header-line-2 ul.links-2 .greedy-li {
    position: relative;
    flex: none;
}

.skin-lady .header-line-2 ul.links-2 .greedy-li .greedy-a {
    line-height: 48px;
    background-color: transparent !important;
    text-decoration: none;
    padding: 0 40px 0 0;
    transition: none;
}

.skin-lady .header-line-2 ul.links-2 .greedy-li:hover .greedy-a,
.skin-lady .header-line-2 .dropdown-panel ul .greedy-li:hover .greedy-a,
.skin-lady .header-line-2 .dropdown-panel ul .greedy-li:hover .greedy-a,
.skin-lady .header-line-2 .greedy-li:hover .greedy-a span,
.skin-lady .header-line-2 .greedy-li:hover .greedy-a span {
    text-decoration: none;
}

.skin-lady .header-line-2 ul.links-2 .greedy-li > .greedy-a > i {
    font-size: 18px;
    margin-left: 2px;
    vertical-align: middle;
}

.skin-lady .header-line-2 .greedy-show-more .dropdown-panel-list .greedy-a,
.skin-lady .main-header-project .greedy-1 .greedy-show-more .dropdown-panel ul .greedy-li .greedy-a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.skin-lady .header-line-2 .greedy-show-more .dropdown-panel-list .greedy-a > i,
.skin-lady .main-header-project .greedy-1 .greedy-show-more .dropdown-panel ul .greedy-li .greedy-a i {
    -ms-flex-order: 1;
    order: 1;
    transform: rotate(90deg);
    margin: -3px 3px 0 0;
    height: 12px;
    /* position: absolute; */
    /* top: 6px; */
    /* left: 5px; */
}

.skin-lady .main-header-project .greedy-1 .greedy-show-more .dropdown-panel ul .greedy-li .dropdown-panel ul .greedy-li .greedy-a i {
    transform: rotate(180deg);
    margin: 3px 3px 0 0;
    width: 12px;
    text-align: right;
}

.skin-lady .header-line-2 .greedy-show-more .dropdown-panel-list .greedy-a > span,
.skin-lady .main-header-project .greedy-1 .greedy-show-more .dropdown-panel ul .greedy-li .greedy-a span {
    -ms-flex-order: 2;
    order: 2;
}

/*.skin-lady .header-line-2 ul.links-2 li > a span {
border-bottom: 1px dotted transparent;
text-decoration: none;
line-height: 1.3;
height: auto;
}

.skin-lady .header-line-2 ul.links-2 li:hover > a span,
.skin-lady .header-line-2 ul.links-2 li:focus > a span {
border-color: var(--main-color-1);
}*/

.skin-lady .header-line-2 .greedy ul.links.greedy-show-more {
    -ms-flex-align: center;
    align-items: center;
}

.skin-lady .header-line-2 .greedy ul.links.greedy-show-more .greedy-li .greedy-btn {
    background-color: transparent !important;
    width: 64px;
    min-width: 64px;
}

.skin-lady .header-line-2 .greedy-li .greedy-dot {
    background-color: var(--gray-3);
}

.skin-lady .header-line-2 .greedy-li:hover .greedy-dot,
.skin-lady .header-line-2 .greedy-li.open_menu:hover .greedy-dot {
    background-color: var(--main-color-1);
}

.skin-lady .header-line-2 .dropdown-panel {
    top: 40px;
}

.skin-lady .header-line-2 .greedy-show-more .dropdown-panel {
    left: auto;
    right: 0;
}

.skin-lady .header-line-2 .dropdown-panel ul .greedy-li:hover > .dropdown-panel {
    left: auto;
    right: calc(100% - 2px);
    top: -12px;
}

.skin-lady .header-line-2 .dropdown-panel .dropdown-panel-list {
    column-count: unset;
}

.skin-lady .header-line-1 .greedy-li:hover > .dropdown-panel,
.skin-lady .header-line-2 .greedy-li:hover > .dropdown-panel {
    opacity: 0;
    animation: item-animation .2s 1;
    animation-fill-mode: forwards;
    animation-delay: 0s;
}

@keyframes item-animation {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

/*Для мобильных устройств*/

.skin-lady.for-phone .main-header-project {
    height: 100px;
}

.skin-lady.for-phone .main-header-project,
.skin-lady.for-phone.projects .main-header-project .header-line-1,
.skin-lady.for-phone .main-header-project .header-line-1-back,
.skin-lady.for-phone .main-header-project .container-in,
.skin-lady.for-phone .main-header-project .header-content,
.skin-lady.for-phone .main-header-project .greedy.greedy-nav {
    height: 50px;
    min-height: 50px;
}

.skin-lady.for-phone .main-header-project {
    padding-top: 0;
}

.skin-lady.for-phone .main-header-project .header-line-1 > .container {
    padding-left: 0;
    padding-right: 0;
}

.skin-lady.for-phone .main-header-project .header-line-1 > .container .container-in {
    padding-left: 15px;
    padding-right: 15px;
}

.skin-lady.for-phone .main-header-project .header-line-1-back {
    border-bottom: 1px solid var(--main-color-1);
}

.skin-lady.for-phone .main-header-project .header-logo-2020 {
    bottom: 0;
    left: 15px;
    height: 50px;
    width: auto;
    padding: 12px 14px;
    border-radius: 18px 0 18px 0;
}

.skin-lady.for-phone .main-header-project .header-logo-2020 > a img {
    width: auto;
    height: 26px;
}

.main-header-project .header-logo-2020 > a svg [id^='l-lady-'] {
    transition: transform .1s ease-in-out;
}

/*.main-header-project .header-logo-2020 > a svg [id^='l-lady-']:hover {
    transform: translateY(-5px);
}*/

.main-header-project .header-logo-2020 > a svg [id^='l-lady-'].l-lady-animation {
    animation-name: image-animate;
    animation-duration: .4s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    /*transform-origin: left center;*/
    /*animation-delay: 1s;*/
}

@keyframes image-animate {
    0% {
        transform: none
    }
    15% {
        transform: translateY(-5px);
    }
    100% {
        transform: none
    }
}

.skin-lady.for-phone .main-header-project .header-content.noload,
.skin-lady.for-phone .main-header-project .greedy.greedy-2.noload {
    overflow: unset;
    opacity: 1;
}

.skin-lady.for-phone .main-header-project .header-content {
    bottom: 0;
    left: auto;
    right: 0;
    width: 54px;
}

.skin-lady.for-phone .main-header-project .greedy.greedy-nav {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.skin-lady.for-phone .main-header-project nav.greedy-nav .links-1,
.skin-lady.for-phone .main-header-project .greedy-nav-fixed {
    display: none;
    visibility: hidden;
}

.skin-lady.for-phone .main-header-project .greedy ul.links.greedy-show-more,
.skin-lady.for-phone .main-header-project nav.greedy-nav .greedy-btn {
    padding-top: 6px;
    width: 54px;
    min-width: 54px;
}

.skin-lady.for-phone .main-header-project .header-line-1 .in-top {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50px;
    max-width: 210px;
    padding: 0 0 1px;
}

.skin-lady.for-phone .main-header-project .header-line-1 .in-top .navbar-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    height: calc(50px - 1px);
    margin: 0;
    padding-right: 15px;
}

.skin-lady.for-phone .main-header-project .header-line-1 .in-top .notifications {
    min-width: 30px;
    height: 30px;
    margin: 0 25px 0 0;
    font-size: 15px;
    text-align: center;
    border-radius: 15px;
    padding: 0;
    white-space: nowrap;
}

.skin-lady.for-phone .main-header-project .header-line-1 .in-top .notifications.no-notifications {
    background-color: var(--main-color-1-semilight);
}

.skin-lady.for-phone .main-header-project .header-line-1 .in-top .navbar-nav > li.notifications > a:hover,
.skin-lady.for-phone .main-header-project .header-line-1 .in-top .navbar-nav > li.notifications > a:focus {
    background-color: transparent;
}

.skin-lady.for-phone .main-header-project .header-line-1 .in-top .navbar-nav > li.notifications > span,
.skin-lady.for-phone .main-header-project .header-line-1 .in-top .navbar-nav > li.notifications > a {
    line-height: 30px;
    height: 30px;
    padding: 0 8px;
}

.skin-lady.for-phone .main-header-project .header-line-1 .in-top li.notifications.yes-notifications > a > i.fa-bell {
    animation: 4s tremor linear infinite;
    transform-origin: center top;
    line-height: 30px;
}

.skin-lady.for-phone .main-header-project .header-line-1 .in-top li.notifications.yes-notifications > a .count-nots {
    line-height: 30px;
}

.skin-lady.for-phone .main-header-project .header-line-1 .in-top .navbar-nav > li > a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    height: 30px;
    line-height: 30px;
    background-color: transparent !important;
}

.skin-lady.for-phone .main-header-project .header-line-1 .in-top .navbar-nav > li:last-child > a {
    color: var(--main-color-0);
}

.skin-lady.for-phone .main-header-project .header-line-1 .in-top .user_name {
    max-width: 85px;
}

.skin-lady.for-phone .header-line-2:before,
.skin-lady.for-phone .header-line-2:after {
    content: '';
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.skin-lady.for-phone .header-line-2:before {
    left: 0;
}

.skin-lady.for-phone .header-line-2:after {
    right: 0;
    transform: scale(-1);
}

.skin-lady.for-phone .header-line-2 .container,
.projects.skin-lady.for-phone .header-line-2 .container,
.skin-lady.for-phone .template-pro.template-pro-noadv .header-line-2 .container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.skin-lady.for-phone .header-line-2 .container-in {
    height: 48px;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0;
}

.skin-lady.for-phone .header-line-2 ul.links-2 .greedy-li > .greedy-a > i,
.skin-lady.for-phone .header-line-2 ul.links-2 > .greedy-li > .dropdown-panel,
.skin-lady.for-phone .header-line-2 ul.links-2 > .greedy-li:hover > .dropdown-panel,
.skin-lady.for-phone .header-line-2 .greedy ul.links.greedy-show-more {
    display: none;
}

.skin-lady.for-phone .header-line-2 .container-in nav.greedy {
    -ms-flex-align: start;
    align-items: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    height: 70px;
}

.skin-lady.for-phone .header-line-2 .greedy ul.links.links-2 {
    width: 100%;
    height: 70px;
    text-align: center;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.skin-lady.for-phone .header-line-2 ul.links-2 .greedy-li {
    text-align: center;
}

.skin-lady.for-phone .header-line-2 ul.links-2 .greedy-li .greedy-a {
    padding: 0 15px;
}

@media (min-width: 768px) {
    .skin-lady.for-phone .main-header-project .header-logo-2020 {
        left: 0;
    }

    .skin-lady.for-phone .main-header-project .header-line-1 .in-top .navbar-nav {
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    .skin-lady.for-phone .main-header-project,
    .skin-lady.for-phone.projects .main-header-project .header-line-1,
    .skin-lady.for-phone .main-header-project .header-line-1-back,
    .skin-lady.for-phone .main-header-project .container-in,
    .skin-lady.for-phone .main-header-project .header-content,
    .skin-lady.for-phone .main-header-project .greedy.greedy-nav {
        height: 60px;
        min-height: 60px;
    }

    .skin-lady.for-phone .main-header-project .header-logo-2020 {
        height: 60px;
        padding: 9px 21px;
        border-radius: 29px 0 29px 0;
    }

    .skin-lady.for-phone .main-header-project .header-logo-2020 > a img {
        height: 42px;
    }

    .skin-lady.for-phone .main-header-project .header-line-1 .in-top {
        height: 60px;
    }

    .skin-lady.for-phone .main-header-project .header-line-1 .in-top .navbar-nav {
        height: calc(60px - 1px);
    }
}

@media (max-width: 450px) {
    .skin-lady.for-phone .main-header-project .header-line-1 .in-top .auth-user-name {
        display: none;
    }
}

@media (max-width: 359px) {
    /*.skin-lady.for-phone .main-header-project .header-line-1 .in-top .navbar-nav {
        padding-right: 5px;
    }*/
    .skin-lady.for-phone .main-header-project .header-line-1 .in-top .notifications {
        margin: 0 15px 0 0;
    }
}

/*End of Для мобильных устройств*/

@media (min-width: 1280px) {
    .hidden-xlg {
        display: none !important;
    }
}

.skin-lady .header-line-2 + .pro-content .pro-sticky,
.skin-lady .pro-section .pro-sticky,
.skin-lady .pro-article .pro-sticky {
    position: sticky;
    top: calc(140px + 48px);
}

.skin-lady .container-breadcrumb {
    min-height: 48px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.skin-lady .pro-breadcrumb {
    line-height: 1.7;
}

.skin-lady .pro-row-block-forum {
    width: 100%;
    margin: 20px 0 40px;
    height: 370px;
    overflow: hidden;
}

.skin-lady .pro-row-block-forum .container-row {
    position: relative;
    padding: 20px 0;
    width: calc(100% - 15px);
    margin-left: 15px;
}

.skin-lady .anons-pro-small,
.skin-lady .col-right .pro-block .pro-block-content {
    margin-bottom: 15px;
}

.skin-lady .pro-row-block-forum.pro-row-block-forum-top {
    height: 118px;
    width: 100%;
    margin: 15px 0 0;
}

.skin-lady .col-content-inside + .container-forum .pro-row-block-forum.pro-row-block-forum-top {
    width: 100%;
    margin: 0 auto 25px;
}

/*-----*/

.pro-row-rubric {
    background-color: #fff;
    height: 130px;
    width: 100%;
    margin-bottom: 20px;
    padding: 15px 0;
    position: relative;
}

.pro-row-rubric:before {
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    width: 100vw;
    height: 100%;
    background-color: #fff;
}

@media (min-width: 768px) {
    .pro-row-rubric:before {
        left: calc(750px / 2 - 50vw + 10px);
    }
}

@media (min-width: 992px) {
    .pro-row-rubric:before {
        left: calc(920px / 2 - 50vw + 10px);
    }
}

@media (min-width: 1280px) {
    .pro-row-rubric:before {
        left: calc(1160px / 2 - 50vw);
    }
}

.container-rubric .splide__track {
    height: 100px;
    cursor: grab;
    position: relative;
    /*background: rgba(0, 255, 255, 0.59);*/
}

.for-phone .container-rubric .splide__track {
    overflow-x: auto;
}

.container-rubric .splide:before,
.container-rubric .splide:after {
    content: '';
    position: absolute;
    top: 0;
    z-index: 1;
    width: 20px;
    height: 100%;
}

.container-rubric .splide:before {
    left: 0;
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.container-rubric .splide:after {
    right: 0;
    background: linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

@media (max-width: 767px) {
    .projects.skin-lady .container-rubric {
        padding-left: 0;
        padding-right: 0;
    }

    .projects.skin-lady .container-rubric .splide {
        width: calc(100% + 30px);
        margin-left: -15px;
    }
}

.pro-row-rubric .splide__list {
    display: flex;
    align-items: flex-start;
}

.rubric-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 105px;
    padding: 5px;
    cursor: grab !important;
}

.rubric-icon {
    position: relative;
    display: flex;
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    max-height: 50px;
    padding: 2px;
    cursor: pointer;
}

.rubric-icon:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(157deg, rgba(255,45,82,1) 30%, rgba(255,184,0,1) 100%);
    /*transition: transform .1s ease-in-out;*/
}

.rubric-slide:hover .rubric-icon:before,
.rubric-slide:focus .rubric-icon:before {
    animation: rubric-icon-hover .8s linear 0s infinite normal none;
}

/* Copy this code after the above code */
@keyframes rubric-icon-hover {
    0% {
        transform: rotate(0);
        transform-origin: center;
    }

    100% {
        transform: rotate(360deg);
        transform-origin: center;
    }
}


.rubric-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    border: 2px solid #fff;
}

.rubric-slide span {
    font-size: 13px;
    line-height: 1.2;
    text-align: center;
    padding-top: 7px;
    cursor: pointer;
    transition: font-weight .1s ease-in-out;
}

/*.rubric-slide:hover span {
    font-weight: 800;
}*/

/*-----*/

@media (max-width: 767px) {
    .skin-lady .pro-row-block-forum.pro-row-block-forum-top {
        /*width: calc(100% - 30px);*/
        margin: 15px auto 0;
    }

    .skin-lady .col-content-inside + .container-forum .pro-row-block-forum.pro-row-block-forum-top {
        width: calc(100% + 30px);
        margin: 0 0 35px -15px;
    }
}

@media (max-width: 576px) {
    .skin-lady .col-content-inside + .container-forum .pro-row-block-forum.pro-row-block-forum-top {
        width: calc(100% + 30px);
        margin: 5px 0 25px -15px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .skin-lady .pro-row-block-forum.pro-row-block-forum-top {
        width: calc(100% - 20px);
        margin: 15px auto 0;
    }

    .skin-lady .col-content-inside + .container-forum .pro-row-block-forum.pro-row-block-forum-top {
        width: 100%;
        margin: 0 auto 25px;
    }
}

.skin-lady .pro-row-block-forum-top .container-row {
    position: relative;
    padding: 0;
    width: 100%;
    margin-left: 0;
}

.skin-lady .pro-row-block-forum-top .material-row.material-row-slide {
    margin: 0;
}

.skin-lady .standart-container,
.skin-lady .col-right .pro-block .pro-block-content,
.skin-lady .comments-container {
    margin-bottom: 30px;
    padding: 30px;
    border-radius: 0 0 5px 5px;
    background-color: #fff;
    border-top: 1px solid var(--main-color-1);
}

@media (min-width: 576px) {
    .skin-lady .standart-container,
    .skin-lady .col-right .pro-block .pro-block-content {
        border-left: 1px solid var(--gray-2);
        border-right: 1px solid var(--gray-2);
        border-bottom: 1px solid var(--gray-2);
    }
}

.skin-lady .standart-container.no-border {
    border-top: none;
    border-radius: 5px;
}

.skin-lady .col-right .pro-block .pro-block-content .h2,
.skin-lady .h2-widget,
.skin-lady .comments-block-name,
.skin-lady .pro-row-block-forum .h2,
.skin-lady .pro-block .h2,
.skin-lady .pro-content .plus-search-line .h2,
.skin-lady .h2-on-page {
    position: relative;
    z-index: 1;
    margin-top: 0;
    margin-left: -6px;
    padding: 0 6px;
    color: var(--main-color-1);
    font-weight: 300;
    width: fit-content;
}

.skin-lady .h2-widget,
.skin-lady .comments-block-name,
.skin-lady .pro-row-block-forum .h2,
.skin-lady .pro-block .h2,
.skin-lady .pro-content .plus-search-line .h2,
.skin-lady .h2-on-page {
    font-size: 24px;
    line-height: 1.1;
    text-transform: uppercase;
}

.skin-lady .col-right .pro-block .pro-block-content .h2:before,
.skin-lady .h2-widget:before,
.skin-lady .comments-block-name:before,
.skin-lady .pro-row-block-forum .h2:before,
.skin-lady .pro-block .h2:before,
.skin-lady .pro-content .plus-search-line .h2:before,
.skin-lady .h2-on-page:before {
    content: '';
    background-color: var(--main-color-2-light);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 12px;
    z-index: -1;
}

@media (max-width: 575px) {
    .skin-lady .col-right .pro-block .pro-block-content .h2,
    .skin-lady .anons-container .nav-tabs > li > a.h2-widget,
    .skin-lady .comments-block-name {
        margin-top: 0;
        margin-left: -6px;
        padding: 0 6px;
    }

    /*.skin-lady .col-right .pro-block .pro-block-content .h2:before,
    .skin-lady .h2-widget:before,
    .skin-lady .comments-block-name:before {
        top: 0.77vw;
        left: 0;
        width: 3.652vw;
        height: 3.652vw;
    }*/
}

/*@media (max-width: 400px) {
    .skin-lady .col-right .pro-block .pro-block-content .h2,
    .skin-lady .anons-container .nav-tabs > li > a.h2-widget,
    .skin-lady .comments-block-name {
        padding-left: 6vw;
    }

    .skin-lady .col-right .pro-block .pro-block-content .h2:before,
    .skin-lady .h2-widget:before,
    .skin-lady .comments-block-name:before {
        top: 0.92vw;
        left: 0;
        width: 4.382vw;
        height: 4.382vw;
    }
}*/

.skin-lady .comment-form-title .comments-block-name {
    padding-left: 0;
}

.skin-lady .comment-form-title .comments-block-name:before {
    display: none;
}

.skin-lady .pro-block-comment-in {
    height: calc(100vh - 260px);
}

.skin-lady .header-line-2 + .pro-content .pro-block-comment-in {
    height: calc(100vh - 260px - 48px);
}

.projects.skin-lady .container.container-search {
    width: 100% !important;
}

.skin-lady .pro-send .col-content {
    width: 100%;
    padding: 0;
}

.projects.skin-lady .pro-send .container,
.skin-lady .template-pro.template-pro-noadv .pro-send .container,
.skin-lady .pro-send .col-xs-12 {
    padding-right: 15px;
    padding-left: 15px;
}

.skin-lady .pro-send .row {
    margin-right: -15px;
    margin-left: -15px;
}

.skin-lady .col-content.col-content-one {
    width: 100%;
    margin-top: 40px;
    padding: 0;
}

.skin-lady .pro-block-adv {
    margin: 30px 0;
}

.skin-lady .container-top {
    padding-top: 20px;
}

@media (max-width: 350px) {
    .skin-lady .material-footer {
        padding: 60px 10px 0;
    }

    .skin-lady .material-footer-2 {
        padding: 20px 0 10px;
    }

    .material-footer:before {
        left: 10px;
    }

    .material-footer .share-block {
        right: 10px;
    }
}

@media (min-width: 576px) {
    .skin-lady .pro-block-adv {
        margin: 30px 0;
    }

    .skin-lady .col-right .pro-block .pro-block-adv {
        margin: 0 0 20px 0;
    }

    .skin-lady .anons-pro-small,
    .skin-lady .col-right .pro-block .pro-block-content {
        margin-bottom: 30px;
    }

    .skin-lady .anons-first .plitka_text, .anons-first .plitka_text p {
        font-size: calc((100vw - 30px) * 0.0425);
    }
}

@media (min-width: 768px) {
    .skin-lady .pro-nn .equal,
    .skin-lady .pro-nn .equal > div[class*='col-'] {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }

    .projects.skin-lady .container,
    .skin-lady .template-pro.template-pro-noadv .container {
        width: 750px;
        padding-left: 0;
        padding-right: 0;
    }

    .skin-lady .row {
        margin-right: -10px;
        margin-left: -10px;
    }

    .skin-lady .pro-article .row,
    .skin-lady .pro-nn .row {
        margin-right: 0;
        margin-left: 0;
    }

    .skin-lady .col-content {
        padding-left: 0;
        padding-right: 0;
    }

    .skin-lady .col-content-inside {
        margin-right: 0;
        margin-left: 0;
    }

    .skin-lady .col-xs-12,
    .skin-lady .col-xs-6 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .skin-lady .pro-article .col-xs-12,
    .skin-lady .pro-nn .col-xs-12 {
        padding-right: 0;
        padding-left: 0;
    }

    .skin-lady .anons-first .plitka_text,
    .skin-lady .anons-first .plitka_text p {
        font-size: 31px;
    }

    .skin-lady .pro-row-block-forum {
        border-radius: 5px;
        width: calc(100% - 20px);
        margin: 20px auto 40px;
    }

    /*.skin-lady .pro-row-block {
        width: calc(100% + 30px);
        margin-left: -15px;
    }*/
    /*.skin-lady .pro-row-block .container-row {
        width: calc(100% - (100% - 750px) / 2);
        margin-left: calc((100% - 750px) / 2);
    }*/
    .skin-lady .anons-pro-small,
    .skin-lady .col-right .pro-block .pro-block-content {
        margin-bottom: 20px;
    }

    .skin-lady .pro-article .col-down-anons {
        margin: 0 -10px;
    }
}

@media (min-width: 992px) {
    .skin-lady .pro-article .equal,
    .skin-lady .pro-article .equal > div[class*='col-'] {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }

    .skin-lady .container-fluid {
        padding-right: 25px;
        padding-left: 25px;
    }

    .skin-lady .container-fluid.material-row.material-row-slide {
        padding-right: 0;
        padding-left: 0;
    }

    .projects.skin-lady .container,
    .skin-lady .template-pro.template-pro-noadv .container {
        width: 920px;
        padding-left: 0;
        padding-right: 0;
    }

    .skin-lady .pro-article .col-content {
        width: calc(100% - 300px);
        padding-left: 0;
        padding-right: 50px;
    }

    .skin-lady .pro-article .col-right {
        width: 300px;
        padding-left: 0;
        padding-right: 0;
    }

    .skin-lady .pro-article .col-right {
        display: block;
    }

    .skin-lady .anons-first .plitka_text,
    .skin-lady .anons-first .plitka_text p {
        font-size: 39px;
    }

    /*.skin-lady .pro-row-block {
        width: calc(100% + 50px);
        margin-left: -25px;
    }

    .skin-lady .pro-row-block .container-row {
        width: calc(100% - (100% - 920px) / 2);
        margin-left: calc((100% - 920px) / 2);
    }*/
}

@media (min-width: 1280px) {
    .projects.skin-lady .container,
    .skin-lady .template-pro.template-pro-noadv .container {
        width: 1160px;
    }

    .skin-lady .row {
        margin-right: 0;
        margin-left: 0;
    }

    .skin-lady .col-content {
        width: calc(100% - 300px);
        padding-left: 0;
        padding-right: 30px;
    }

    .skin-lady .col-content-inside {
        margin-right: -10px;
        margin-left: -10px;
    }

    .skin-lady .pro-article .col-content-inside,
    .skin-lady .pro-nn .col-content-inside {
        margin-right: 0;
        margin-left: 0;
    }

    /*.skin-lady .col-content,
    .skin-lady .pro-article .col-content {
        width: calc(100% - 330px);
        padding-left: 0;
        padding-right: 0;
        margin-right: 30px;
    }*/
    .skin-lady .col-right,
    .skin-lady .pro-article .col-right {
        width: 300px;
        padding-left: 0;
        padding-right: 0;
    }

    .skin-lady .anons-first .plitka_text,
    .skin-lady .anons-first .plitka_text p {
        font-size: 34px;
    }

    .skin-lady .pro-row-block-forum {
        border-radius: 5px;
        width: 100%;
        margin: 20px 0 40px;
    }

    /*.skin-lady .pro-row-block {
        width: calc(100% + 50px);
        margin-left: -25px;
    }

    .skin-lady .pro-row-block .container-row {
        width: calc(100% - (100% - 1160px) / 2);
        margin-left: calc((100% - 1160px) / 2);
    }*/
}

.skin-lady ::-moz-selection {
    background: var(--main-color-2);
    color: var(--main-color-0);
}

.skin-lady ::selection {
    background: var(--main-color-2);
    color: var(--main-color-0);
}

.skin-lady .pro-block-comment h5,
.skin-lady .pro-com-item,
.skin-lady .pro-com-text {
    transition: all .2s ease;
}

.skin-lady .anons-pro-small-inside-1,
.skin-lady .lid-footer button.button,
.skin-lady .pro-content .comment_mob_lite,
.skin-lady .pro-content .comets_block_wr .comets_block,
.skin-lady .av_header,
.skin-lady .lid.lid-open,
.skin-lady .lid-footer .btn-group.open > ul.dropdown-menu,
.skin-lady .pro-content .comets_block_wr .comets_block .coment_text .otvet_coment,
.skin-lady .pro-content .comets_block_wr .comets_block .coment_text_down .otvet_coment,
.skin-lady .pro-content .comment_mob_lite .coment_form_wr input[type=button],
.skin-lady .pro-content .comment_mob_lite .coment_form_wr input[type=reset],
.skin-lady .coment_text_container,
.skin-lady .col-varial,
.skin-lady .comment_mob_lite .note-nn-editor.note-nn-frame,
.skin-lady .comment_mob_lite .file-upload,
.skin-lady .comment_mob_lite .file-upload label,
.skin-lady .main_photo_block,
.skin-lady .p_iframe {
    border-radius: 5px;
}

.skin-lady .top-fix .pro-menu-content {
    border-radius: 0 0 5px 5px;
}

.skin-lady .pro-content.pro-search .input-group .btn {
    border-radius: 0 5px 5px 0;
}

.skin-lady .pro-content.pro-search .search_text {
    border-radius: 5px 0 0 5px;
}

.skin-lady .pl_rubrika {
    border-top-right-radius: 5px;
}

.skin-lady ul.pro-menu > li > ul {
    border-radius: 0 5px 5px 5px;
}

.skin-lady button,
.skin-lady .com-btn .comebt_butt {
    border-radius: 5px;
}

.skin-lady .all_button,
.skin-lady .comments-block .all_button .pokaz_all {
    display: block;
    width: auto;
    text-align: center;
    color: #fff;
    padding: 0 20px;
    font-size: 18px;
    line-height: 50px;
    height: 50px;
    border-radius: 25px;
    transition: all .1s;
}

.skin-lady .all_button {
    text-transform: uppercase;
    margin: 20px auto 40px;
    font-size: 18px;
    font-weight: 800;
}

.skin-lady .pro-nn .all_button {
    margin: 20px auto 0;
}

.skin-lady .comments-block .all_button .pokaz_all {
    margin: 20px auto;
    font-size: 14px;
    line-height: 1.3;
    min-height: 40px;
    padding: 10px 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.skin-lady .comments-block .all_button .pokaz_all span {
    font-weight: 800;
    margin: 0 5px;
}

.skin-lady .comments-block .all_button .pokaz_all i {
    margin: 0 5px;
}

.skin-lady .pro-block-content-add,
.skin-lady .container-row-box-also ul li.item {
    border-radius: 5px;
}

body.skin-lady {
    background-color: #edeff0;
    color: var(--main-color-0);
}

.skin-lady .pro-block-comment:after {
    border-radius: 0 0 5px 5px;
    width: calc(100% - 2px);
    left: 1px;
    bottom: 1px;
    background: linear-gradient(to bottom, rgba(237, 239, 240, 0) 0%, #fff 80%);
}

.skin-lady .anons-pro-small-inside-1 {
    background-color: #fff;
    box-shadow: inset 0 0 0 1px var(--gray-2);
}

.plitka_img_container:before {
    padding-top: 56.25%;
}

.skin-lady .plitka_text,
.skin-lady .pro-block-comment h5,
.skin-lady a .pro-com-text,
.skin-lady .anons-container .compact-item .compact-item-title,
.skin-lady .nar_now .big_pl_text,
.skin-lady .nar_now .cont a,
.skin-lady .nar_now:hover .cont a,
.skin-lady .nar_now:focus .cont a,
.skin-lady .nar_now:active .cont a {
    color: var(--main-color-0);
}

.skin-lady a,
.skin-lady .anons-pro-small:not(.anons-first) .plitka_wr:hover .plitka_text,
.skin-lady .anons-pro-small:not(.anons-first) .plitka_wr:focus .plitka_text,
.skin-lady .anons-pro-small:not(.anons-first) .plitka_wr:active .plitka_text,
.skin-lady .container-row-box .anons-pro-forum .pro-forum-author span,
.skin-lady .container-row-box .anons-pro-forum .pro-forum-content .plitka_text span,
.skin-lady .pro-content ul.pro-menu a,
.skin-lady .pro-content ul.pro-menu li.open a,
.skin-lady .pro-author-name,
.skin-lady #newSearch .select-result .btn.active,
.skin-lady #newSearch .select-result .btn.active:hover,
.skin-lady .live_com a,
.skin-lady .anons-container .compact-item .compact-item-title:hover,
.skin-lady .anons-container .compact-item .compact-item-title:focus,
.skin-lady .anons-container .compact-item .compact-item-title:active,
.skin-lady .nar_now:hover .big_pl_text,
.skin-lady .nar_now:focus .big_pl_text,
.skin-lady .nar_now:active .big_pl_text {
    color: var(--main-color-1);
}

.skin-lady .pro-block-comment .pro-com-author span {
    color: var(--main-color-3);
}

/*.skin-lady .pro-block-comment a:hover,
.skin-lady .pro-block-comment a:focus,
.skin-lady .pro-block-comment a:active,
.skin-lady .pro-block a:hover h5,
.skin-lady .pro-block a:focus h5,
.skin-lady .pro-block a:active h5 {
    color: var(--main-color-1);
}*/

.skin-lady .pro-block .h2,
.skin-lady .h2-widget,
.skin-lady .comments-settings-btn i,
.skin-lady .stat_centr_wr .pokaz_all_com,
.skin-lady .novost_detalka .pokaz_all_com,
.skin-lady .comments-settings-btn span,
.skin-lady .comments-container .dropdown-menu li,
.skin-lady .comment-form-block .dropdown-menu > li > a,
.skin-lady .comment-footer-row.all-answers,
.skin-lady .dropdown-user-header .dropdown-user-header-info a,
.skin-lady .polz_pol_wr a,
.skin-lady .forum-menu ul li a,
.skin-lady .nn_v a,
.skin-lady .pop_wr_nov .nn_link a,
.skin-lady .pop_wr_nov .nn_link.nn_link-1 a,
.skin-lady .material-footer-box .material-footer-2 .compl,
.skin-lady .send-container a,
.skin-lady .stat_centr_wr .google-link a {
    color: var(--main-color-1);
    text-decoration: none;
}

.skin-lady .project-description a:hover,
.skin-lady .nn_v a:hover span,
.skin-lady footer a:hover {
    text-decoration: underline;
}

.skin-lady .comment-footer-row .like-active .do-like-button,
.skin-lady .comment-footer-row .like-active .do-like-button i,
.skin-lady .comment-footer-row .like-active .do-like-button-count,
.skin-lady .comment-footer-row .do-like-button:hover,
.skin-lady .comment-footer-row .do-like-button:focus,
.skin-lady .comment-footer-row .do-like-button:active,
.skin-lady .comment-footer-row .do-like-button:hover i,
.skin-lady .comment-footer-row .do-like-button:focus i,
.skin-lady .comment-footer-row .do-like-button:active i {
    color: var(--green-color);
    text-decoration: none;
}

.skin-lady .pokaz_all_com:hover,
.skin-lady .novost_detalka .pokaz_all_com:hover,
.skin-lady .comments-settings-btn:hover span,
.skin-lady .comments-settings-btn:hover i,
.skin-lady .dropdown.open .comments-settings-btn i,
.skin-lady .comments-block a:hover,
.skin-lady .comments-settings-btn:focus i,
.skin-lady .comments-container .comments-settings .dropdown-menu li:hover,
.skin-lady .comments-container .comments-settings .dropdown-menu li:focus,
.skin-lady .comments-sort .btn,
.skin-lady .comment-main-box .comment-header-info-row .user-name:hover,
.skin-lady .comment-form-block .comment-header .links,
.skin-lady .comments-container .dropdown-menu li:hover,
.skin-lady .comment-form-block .dropdown-menu > li:hover > a,
.skin-lady .dropdown-user-header .dropdown-user-header-info a:hover,
.skin-lady .comment-answer:hover,
.skin-lady .how_write b,
.skin-lady .edit-comment-mode .comment-form-block .comment-form-footer input[type=button].cancel-edit,
.skin-lady .polz_pol_wr .name:hover,
.skin-lady .lenta_nar_nov .polz_pol_wr .name:hover,
.skin-lady .polz_pol_wr a:hover,
.nn_v a:hover,
.pop_wr_nov .nn_link.nn_link-1 a:hover,
.skin-lady .material-footer-box .material-footer-2 .compl:hover,
.skin-lady .send-container a:hover,
.skin-lady .stat_centr_wr .google-link a:hover {
    color: var(--main-color-1);
    text-decoration: none !important;
}

.skin-lady .comment-form-main-container .comment-header .links a:hover,
.skin-lady .comment-form-main-container .comment-header .links a:focus,
.skin-lady .comment-form-main-container .comment-header .links a:active {
    opacity: .7;
}

.skin-lady a:hover,
.skin-lady a:active,
.skin-lady a:focus,
.modal-body a,
.skin-lady .stat_centr_wr a,
.skin-lady .pro-content .ck-editor a,
.skin-lady .pravila1 a:hover,
.skin-lady .pro-block-content-add > a:focus,
.skin-lady .pro-block-content-add > a:hover,
.skin-lady .pro-block-content-add > a:active {
    color: var(--main-color-1);
}

.skin-lady .ck .stat_centr_wr a {
    color: var(--main-color-1) !important;
}

.skin-lady .nn_v a:hover,
.skin-lady .nn_v a:active,
.skin-lady .nn_v a:focus,
.skin-lady .pl_rubrika,
.skin-lady .container-row-box li:hover .plitka_text p,
.skin-lady .container-row-box li:active .plitka_text p,
.skin-lady .container-row-box li:focus .plitka_text p,
.skin-lady .pro-row-block h2,
.skin-lady .pro-row-block h2 span,
.skin-lady .pro-block h2,
.skin-lady .h2-on-page,
.skin-lady .plus-search-line h2,
.skin-lady .pro-arrow:hover,
.skin-lady .pro-arrow:active,
.skin-lady .pro-arrow:focus,
.skin-lady #newSearch .select-result .btn:hover,
.skin-lady .pro-block-content-add h3 span,
.skin-lady .pro-block-content-add ul li:before,
.skin-lady .container-rubric .main-rubric i {
    color: var(--main-color-1);
}

.skin-lady ul.pro-menu a,
.skin-lady .btn,
.skin-lady .pro-menu-too,
.skin-lady .pro-menu-too.select,
.skin-lady .pro-menu-too.select:hover,
.skin-lady .pro-menu-too.select:focus,
.skin-lady nav.greedy1 .pro-menu-too:after,
.skin-lady .pro-menu-too.select:after,
.skin-lady .pro-menu-too.select:hover:after,
.skin-lady .pro-menu-too.select:focus:after,
.skin-lady nav.greedy1 .pro-search,
.skin-lady nav.greedy1 .pro-search i,
.skin-lady .pro-content ul.pro-menu a:hover,
.skin-lady .pro-content ul.pro-menu a:focus,
.skin-lady .pro-content ul.pro-menu a:active,
.skin-lady .extended .pro-menu-too:hover,
.skin-lady .pro-menu-content.extended ul.pro-menu li:hover a,
.skin-lady .pro-menu-content.extended ul.pro-menu li:focus a,
.skin-lady .pro-menu-content.extended ul.pro-menu li:active a,
.skin-lady ul.hidden-links a,
.skin-lady ul.hidden-links a:hover,
.skin-lady ul.hidden-links a:active,
.skin-lady ul.hidden-links a:focus,
.skin-lady .com-btn .comebt_butt,
.skin-lady .lid-footer button.button,
.skin-lady .pro-search .input-group .btn,
.skin-lady .pro-search .input-group .btn i,
.skin-lady .lid-footer button.button * {
    color: #fff;
}

.skin-lady .pro-author-name {
    background-color: rgba(222, 247, 198, 0.8);
}

.skin-lady .pro-menu-content ul.pro-menu > li.open_menu ul li a {
    text-transform: none;
    line-height: 40px;
}

.skin-lady .menu2.top-fix.white-shadow {
    -webkit-box-shadow: 0 3px 10px 5px rgba(255, 255, 255, 1);
    box-shadow: 0 3px 10px 5px rgba(255, 255, 255, 1);
}

.skin-lady .pro-header-img,
.skin-lady .menu2.top-fix .pro-header-img-2 {
    display: block;
}

.skin-lady .project-description {
    border-radius: 5px;
    margin-bottom: 20px;
    border: 1px solid #fff;
    background-color: var(--main-color-2-light);
    color: var(--main-color-0);
    position: relative;
    font-weight: 500;
}

.skin-lady .how_comment a {
    background: none;
    transition: all .2s ease;
}

.skin-lady .project-description p,
.skin-lady .project-description a,
body.projects.skin-lady .how_comment p,
body.projects.skin-lady .how_comment a,
body.projects.skin-lady .how_comment a:hover,
body.projects.skin-lady .how_comment a:focus {
    color: #fff;
}

body.projects.skin-lady .how_comment a {
    text-decoration: underline;
}

.skin-lady .project-description p {
    margin-bottom: .5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-clamp: none;
    -webkit-line-clamp: none;
}

.skin-lady .project-description p:empty {
    display: none;
}

.skin-lady .project-description a {
    z-index: 1;
    position: relative;
    color: var(--main-color-1);
}

/*.skin-lady .project-description a:hover,
.skin-lady .project-description a:focus,
body.projects.skin-lady .how_comment a:hover,
body.projects.skin-lady .how_comment a:focus {
    opacity: .7;
}*/

.skin-lady .project-description p a {
    display: inline;
}

.skin-lady .catalog-menu {
    width: auto;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 20px 0 30px;
    border-radius: 5px;
    padding: 10px 0;
    background: #fff;
}

.skin-lady .catalog-menu ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.skin-lady .catalog-menu li {
    width: calc(100% / 7);
    min-width: 70px;
    margin: 0 5px;
}

/*.skin-lady .catalog-menu li:first-child {
margin-left: 0;
}

.skin-lady .catalog-menu li:last-child {
margin-right: 0;
}*/

.skin-lady .catalog-menu a {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: none;
}

.skin-lady .catalog-menu .catalog-avatar {
    width: 50px;
    height: 50px;
    padding: 2px;
    border-radius: 50px;
    border: 1px solid var(--main-color-1);
    background-color: #fff;
}

.skin-lady .catalog-menu .catalog-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50px;
    object-fit: cover;
    object-position: center;
}

.skin-lady .catalog-menu .catalog-name {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    font-size: 13px;
    text-align: center;
    color: var(--main-color-1);
}

.skin-lady .catalog-menu .catalog-avatar,
.skin-lady .catalog-menu .catalog-name {
    transition: all .2s;
}

.skin-lady .catalog-menu a:hover .catalog-avatar {
    border: 1px solid var(--main-color-1);
    transform: scale(1.1);
}

.skin-lady .catalog-menu a:hover .catalog-name {
    color: var(--main-color-1);
}

/*-------*/

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.skin-lady footer {
    background-color: var(--main-color-1);
    position: relative;
}

.skin-lady .footer-right,
.skin-lady .footer-nav,
.skin-lady .footer-line-2 {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.skin-lady .footer-logo {
    width: 200px;
}

.skin-lady .footer-line-1 {
    width: 100%;
    margin: 4% 0 15px;
}

.skin-lady .footer-line-2 {
    width: 100%;
    margin: 0 0 2%;
}

.skin-lady .footer-logo {
    position: relative;
}

.skin-lady footer,
.skin-lady footer div,
.skin-lady footer a,
.skin-lady footer a:hover,
.skin-lady footer a:focus {
    color: #fff;
    font-size: 15px;
}

.skin-lady footer .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.skin-lady.for-phone footer .container {
    padding-bottom: 50px;
}

.skin-lady .footer-logo a {
    height: 100%;
    width: auto;
    display: block;
}

.skin-lady .footer-logo a:before {
    content: '12+';
    position: absolute;
    top: -2px;
    right: -35px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    line-height: 23px;
    font-weight: 700;
    background-color: rgba(255, 255, 255, 0.85);
    color: var(--main-color-1);
}

.skin-lady .footer-logo a img {
    height: auto;
    width: 100%;
}

.skin-lady footer .footer-nav a:first-child {
    margin: 10px 0;
}

.skin-lady .footer-nav {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.skin-lady footer .footer-line-2 a {
    text-decoration: none !important;
}

.skin-lady footer a span.rss {
    margin-top: 5px;
    padding: 3px 10px;
    color: #fff;
    background-color: #ff9912;
}

@media (min-width: 992px) {
    .order-lg-1 {
        order: 1;
    }

    .order-lg-2 {
        order: 2;
    }

    .order-lg-3 {
        order: 3;
    }

    .skin-lady .footer-right,
    .skin-lady .footer-nav {
        width: 32%;
    }

    .skin-lady .footer-right {
        text-align: left;
    }

    .skin-lady .footer-nav {
        text-align: right;
    }

    .skin-lady .footer-line-1 {
        width: 100%;
    }

    .skin-lady .footer-line-2 {
        width: 100%;
    }

    .skin-lady .footer-logo {
        width: 36%;
    }

    .skin-lady .footer-nav {
        align-items: flex-end;
    }
}


/*---------*/

.skin-lady .comment-form-button:hover {
    transform: none;
}

/*---*/

.skin-lady .main-header-project .header-logo-2020,
.skin-lady .message-add,
.skin-lady .main-header-project .greedy-nav-fixed .search,
.skin-lady .pro-button,
.skin-lady .comment-form-button,
.skin-lady .comments-block .all_button .pokaz_all,
.skin-lady .button-standart,
.skin-lady .upload-image .progress-btn,
.skin-lady .anons-first .plitka_wr_title,
.skin-lady .comment-form-block .file-upload,
.skin-lady .comment-form-block .comment-form-footer input[type=button],
.skin-lady .forum-menu-expand,
.skin-lady .pro-search .input-group .btn,
.skin-lady .container-search .select-btn .pro-button.active,
.skin-lady .moe-online-quiz .startQuiz,
.skin-lady .moe-online-quiz.q-message .button-z,
.skin-lady .moe-online-quiz .button,
.skin-lady .moe-online-quiz .button-z,
.skin-lady .cookie_btn {
    color: #fff !important;
    background: linear-gradient(157deg, rgba(255,45,82,1) 60%, rgba(255,184,0,1) 100%);
    background-size: 300% 100% !important;
    background-position: 0% 0 !important;
    transition: background-position .25s ease-in-out;
}

.skin-lady .main-header-project .header-logo-2020:hover,
.skin-lady .main-header-project .header-logo-2020:focus,
.skin-lady .message-add:hover,
.skin-lady .message-add:focus,
.skin-lady .main-header-project .greedy-nav-fixed .search:hover,
.skin-lady .main-header-project .greedy-nav-fixed .search:focus,
.skin-lady .pro-button:hover,
.skin-lady .pro-button:focus,
.skin-lady .comment_mob_lite .coment_form_wr input[type=button]:hover,
.skin-lady .comment_mob_lite .coment_form_wr input[type=reset]:hover,
.skin-lady .comment_mob_lite .coment_form_wr input[type=button]:focus,
.skin-lady .comment_mob_lite .coment_form_wr input[type=reset]:focus,
.skin-lady .comment-form-button:hover,
.skin-lady .comment-form-button:focus,
.skin-lady .comments-block .all_button .pokaz_all:hover,
.skin-lady .comments-block .all_button .pokaz_all:focus,
.skin-lady .button-standart:hover,
.skin-lady .upload-image .progress-btn:hover,
.skin-lady .anons-first .plitka_wr_title:hover,
.skin-lady .anons-first .plitka_wr_title:focus,
.skin-lady .comment-form-block .file-upload:hover,
.skin-lady .comment-form-block .file-upload:focus,
.skin-lady .comment-form-block .comment-form-footer input[type=button]:hover,
.skin-lady .comment-form-block .comment-form-footer input[type=button]:focus,
.skin-lady .forum-menu-expand:hover,
.skin-lady .forum-menu-expand:focus,
.skin-lady .pro-search .input-group .btn:hover,
.skin-lady .pro-search .input-group .btn:focus,
.skin-lady .container-search .select-btn .pro-button.active:hover,
.skin-lady .container-search .select-btn .pro-button.active:focus,
.skin-lady .moe-online-quiz .startQuiz:hover,
.skin-lady .moe-online-quiz .startQuiz:focus,
.skin-lady .moe-online-quiz.q-message .button-z:hover,
.skin-lady .moe-online-quiz.q-message .button-z:focus,
.skin-lady .moe-online-quiz .button:hover,
.skin-lady .moe-online-quiz .button:focus,
.skin-lady .moe-online-quiz .button-z:hover,
.skin-lady .moe-online-quiz .button-z:focus,
.skin-lady .cookie_btn:hover {
    background-position: 100% 0 !important;
}

.skin-lady .message-add:active,
.skin-lady .main-header-project .greedy-nav-fixed .search:active,
.skin-lady .main-header-project .greedy-nav-fixed .search:active,
.skin-lady .pro-button:active,
.skin-lady .comment_mob_lite .coment_form_wr input[type=button]:active,
.skin-lady .comment_mob_lite .coment_form_wr input[type=reset]:active,
.skin-lady .comment-form-button:active,
.skin-lady .comments-block .all_button .pokaz_all:active,
.skin-lady .button-standart:active,
.skin-lady .upload-image .progress-btn:active,
.skin-lady .comment-form-block .file-upload:active,
.skin-lady .comment-form-block .comment-form-footer input[type=button]:active,
.skin-lady .container-search .select-btn .pro-button.active:active,
.skin-lady .container-search .select-btn .pro-button:not(.active):active,
.skin-lady .moe-online-quiz .startQuiz:active,
.skin-lady .moe-online-quiz.q-message .button-z:active,
.skin-lady .moe-online-quiz .button:active,
.skin-lady .moe-online-quiz .button-z:active,
.skin-lady .cookie_btn:active {
    transition: all 0s;
    transform: translateY(1px);
    box-shadow: inset 0 0 200px rgba(0, 0, 0, .05);
}

.skin-lady .main-header-project .header-logo-2020:active,
.skin-lady .forum-menu-expand:active,
.skin-lady .pro-search .input-group .btn:active,
.skin-lady .live-button:active {
    transition: all 0s;
    box-shadow: inset 0 0 200px rgba(0, 0, 0, .05);
}

.skin-lady .container-search .select-btn .pro-button:not(.active) {
    color: #fff !important;
    background: linear-gradient(157deg, rgb(176, 181, 187) 60%, rgba(129,135,141,1) 100%);
    background: linear-gradient(157deg, rgb(176, 181, 187) 60%, rgba(255,45,82,1) 100%);
    background-size: 300% 100% !important;
    background-position: 0% 0 !important;
    transition: background-position .25s ease-in-out;
}

.skin-lady .cookie_btn:hover {
    box-shadow: none;
}

.skin-lady .container-search .select-btn .pro-button:not(.active):hover,
.skin-lady .container-search .select-btn .pro-button:not(.active):focus {
    background-position: 100% 0 !important;
}

.skin-lady .live-button span {
    white-space: nowrap;
}

.skin-lady .live-button {
    color: #fff !important;
    background: linear-gradient(157deg, rgba(48,162,245,1) 60%, rgba(90,185,252,1) 100%);
    background-size: 300% 100% !important;
    background-position: 0% 0 !important;
    transition: background-position .25s ease-in-out;
}

.skin-lady .live-button:hover,
.skin-lady .live-button:focus {
    background-position: 100% 0 !important;
}

.skin-lady .pro-breadcrumb i,
.skin-lady .pro-breadcrumb a {
    color: var(--gray-3);
}

.skin-lady .pro-breadcrumb a:hover,
.skin-lady .pro-breadcrumb a:focus {
    color: var(--main-color-1);
}

.skin-lady .bottom-cover p {
    color: #303030;
}

.skin-lady .pro-search .input-group .btn {
    border-color: var(--main-color-1) !important;
    outline: none !important;
}

.skin-lady .inform_top_line span > span {
    font-size: 12px;
    vertical-align: -1px;
    display: inline-block;
    margin-right: 3px;
}

.skin-lady .inform_top_line span,
.skin-lady .down_line_nn .button,
.skin-lady .nar_now .down_line_nn a,
.skin-lady .down_line_nn .button i,
.skin-lady .down_line_nn .prosmotr,
.skin-lady .down_line_nn .prosmotr span,
.skin-lady .down_line_nn .total-count,
.skin-lady .stat_centr_wr .blockquote-22 .block-post {
    color: var(--gray-3);
}

.skin-lady .down_line_nn .button {
    border: 1px solid var(--gray-3);
}

.skin-lady .anons-first .plitka_wr {
    background-color: var(--main-color-1);
    color: #fff;
}

.skin-lady .anons-first .plitka_text,
.skin-lady .anons-first .inform_line {
    color: #fff;
}

.skin-lady .plitka_wr_title {
    display: flex;
    flex-direction: column;
}

.skin-lady .plitka_wr_title,
.skin-lady .anons-pro-small:not(.anons-first) .plitka_wr .inform_line {
    padding: 0 20px;
}

.skin-lady .anons-pro-small .plitka_wr .inform_line {
    margin-bottom: 15px;
}

.skin-lady .plitka_text {
    margin-top: 25px;
}

.skin-lady .plitka_text,
.skin-lady .plitka_text p {
    flex-grow: 1;
}

@media (max-width: 767px) {
    .skin-lady .anons-first .plitka_wr_title {
        padding: 20px;
    }

    /*.skin-lady .anons-pro-small:not(.anons-first) .plitka_wr {
        padding: 0 0 20px 0;
    }*/

    .skin-lady .anons-pro-small.anons-first .plitka_wr .inform_line {
        margin-bottom: 0;
        padding: 0;
    }

    .skin-lady .anons-first .plitka_wr_title .pl_rubrika {
        display: block;
        position: relative;
        left: auto;
        bottom: auto;
        color: var(--main-color-1);
        background-color: #fff;
    }
}

@media (max-width: 575px) {
    .skin-lady .anons-pro-small {
        margin-bottom: 20px;
    }

    .skin-lady .anons-pro-small:not(.anons-first) .anons-pro-small-inside-1 {
        overflow: unset;
        height: auto;
    }

    .skin-lady .anons-first .plitka_wr_title {
        padding: calc((100vw - 30px)* 0.05);
    }

    .skin-lady .anons-pro-small:not(.anons-first) .plitka_wr {
        padding: 35px calc((100vw - 30px)* 0.05) calc((100vw - 30px)* 0.05) calc((100vw - 30px)* 0.05);
    }

    .skin-lady .anons-pro-small:not(.anons-first) .plitka_wr .inform_line {
        margin-bottom: 0;
        padding: 0;
    }

    .skin-lady .anons-pro-small:not(.anons-first) .plitka_wr .plitka_wr_title .plitka_text {
        margin-top: 0;
        font-size: calc((100vw - 30px) * 0.055);
        /*font-weight: 500;*/
    }

    .skin-lady .anons-first .plitka_text {
        margin-top: 15px;
    }

    .skin-lady .anons-pro-small:not(.anons-first) .plitka_wr .plitka_wr_title .pl_rubrika {
        position: absolute;
        top: -9px;
        bottom: auto;
        left: calc((100vw - 30px) * 0.05);
        height: 32px;
        width: fit-content;
        font-size: 13px;
        font-weight: 400;
        padding: 12px;
        white-space: nowrap;
        border-radius: 15px 0 15px 0;
    }

    .skin-lady .anons-pro-small:not(.anons-first) .plitka_wr .plitka_img_container {
        border-radius: 5px;
    }
}

.skin-lady .container-row .h2.h2-90deg {
    position: absolute;
    top: calc(50% - 138px);
    left: -35px;
    transform: rotate(-90deg);
    margin: 0;
    font-size: 25px;
    color: #fff;
}

.skin-lady .pro-row-block-forum-top .container-row .h2.h2-90deg {
    display: none;
}

.skin-lady .pro-row-block-forum-top .material-row-slide .scroll-item {
    width: 250px;
    height: 113px;
    margin-top: 5px;
    margin-bottom: 0;
    transition: all .2s ease;
}

.skin-lady.for-phone .material-row-slide .scroll-item:first-child {
    margin-left: auto;
}

.skin-lady.for-phone .material-row-slide .scroll-item:last-child {
    margin-right: auto;
}

@media (max-width: 767px) {
    .skin-lady.for-phone .pro-nn .material-row-slide .scroll-item:first-child {
        margin-left: 15px;
    }

    .skin-lady.for-phone .pro-nn .material-row-slide .scroll-item:last-child {
        margin-right: 15px;
    }
}

@media (max-width: 575px) {
    .skin-lady.for-phone .pro-nn .material-row-slide .scroll-item:first-child {
        margin-left: 5.2vw;
    }

    .skin-lady.for-phone .pro-nn .material-row-slide .scroll-item:last-child {
        margin-right: 5.2vw;
    }
}

.skin-lady .pro-row-block-forum-top .material-row-slide .scroll-item-link {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    padding: 15px 15px 13px;
    border: 1px solid var(--gray-2);
    transition: all .2s ease;
}

.skin-lady .pro-row-block-forum-top .material-row-slide .scroll-item-link .scroll-item-content {
    display: flex;
    flex-grow: 1;
}

.skin-lady .pro-row-block-forum-top .material-row-slide .scroll-item:hover .scroll-item-link {
    border: 1px solid var(--main-color-1);
    transform: translateY(-5px);
}

.skin-lady .pro-row-block-forum-top .material-row-slide .scroll-item-image {
    width: 60px;
    min-width: 60px;
    height: 60px;
    aspect-ratio: 1/1;
    opacity: 0.8;
    border-radius: 5px;
    overflow: hidden;
}

.skin-lady .pro-row-block-forum-top .material-row-slide .scroll-item-title {
    /*font-family: 'Roboto', sans-serif;*/
    font-weight: 800;
    font-size: 14px;
    line-height: 1.3;
    margin: 0 10px 0 0;
    padding: 0;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: unset;
    display: block;
    color: var(--main-color-0);
}

.skin-lady .pro-row-block-forum-top .material-row-slide .scroll-item-title span {
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.skin-lady .pro-row-block-forum-top .material-row-slide .scroll-item-title .scroll-item-header {
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 3px;
    color: var(--main-color-3);
}

.skin-lady .pro-row-block-forum-top .material-row-slide .scroll-item-footer {
    margin: 8px 0 0;
    padding: 0;
    font-size: 13px;
    line-height: 1;
    white-space: nowrap;
}

.skin-lady .pro-row-block-forum-top .scroll-item-footer-rubric {
    color: var(--main-color-1);
}

.skin-lady .pro-row-block-forum-top .scroll-item-footer-date {
    color: var(--gray-3);
    text-align: right;
}

.skin-lady .pro-row-block .scroll-item {
    width: 315px;
    height: 165px;
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden;
    transition: all .2s ease;
}

.skin-lady .pro-row-block .splide .plitka_wr {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
}

.skin-lady .container-row-box-also .splide .plitka_wr {
    flex-direction: column;
}

.skin-lady .pro-row-block .splide .plitka_img_container {
    position: relative;
    display: block;
    cursor: pointer;
    width: 130px;
    min-width: 130px;
    height: 100%;
}

.skin-lady .pro-row-block-forum .splide {
    width: calc(100% - 35px);
    margin-left: 35px;
}

.skin-lady .pro-row-block-forum-top .splide {
    width: 100%;
    margin-left: 0;
}

.skin-lady .pro-row-block-forum-top .material-row-slide .container-row-scroll {
    height: 118px;
    padding: 0;
}

.skin-lady .pro-row-block .splide .plitka_wr_title {
    padding: 15px 10px;
    -ms-flex-align: start;
    align-items: flex-start;
}

.skin-lady .pro-row-block-forum .splide__arrow {
    top: calc(165px - 22px);
    border-radius: 50%;
}

.skin-lady .pro-row-block-forum-top .splide__arrow {
    top: calc(60px - 22px);
    border-radius: 50%;
}

.skin-lady .splide__arrow svg {
    fill: var(--main-color-1);
}

.skin-lady .splide__arrow:hover svg {
    fill: var(--main-color-1);
}

.skin-lady .pl_rubrika,
.skin-lady .anons-first .plitka_wr_title .pl_rubrika {
    height: 32px;
    width: fit-content;
    font-size: 13px;
    font-weight: 400;
    padding: 12px;
    white-space: nowrap;
    border-radius: 15px 0 15px 0;
}

.skin-lady .pl_rubrika {
    left: 20px;
    top: auto;
    bottom: -16px;
    color: #fff;
    background-color: var(--main-color-1);
}

.skin-lady .anons-first .plitka_wr_title .pl_rubrika {
    color: var(--main-color-1);
    background-color: #fff;
}

.skin-lady .pro-row-block h2 {
    margin-left: 98px;
}

.skin-lady .pro-block h2 {
    margin-left: 38px;
}

.skin-lady .pro-row-block h2:before,
.skin-lady .pro-block h2:before {
    content: '';
    background-image: url(/img/pro-animals.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -16px;
    left: -50px;
    width: 45px;
    height: 45px;
}

.skin-lady .container-row-box .anons-pro-forum .pro-forum-author span,
.skin-lady .container-row-box .anons-pro-forum .pro-forum-content .plitka_text span,
.skin-lady .pro-block-comment .pro-com-author span {
    font-size: 12px;
    display: inline-block;
}

.skin-lady .pro-block-comment h5 {
    font-size: 15px;
    line-height: 1.1;
    font-weight: 800;
}

.skin-lady .container-row-box .anons-pro-forum .pro-forum-author,
.skin-lady .pro-block-comment .pro-com-author {
    background-color: var(--gray-1);
}

.skin-lady .pro-com-item {
    border: 1px solid var(--gray-2);
}

.skin-lady .pro-block-comment a:hover .pro-com-item,
.skin-lady .pro-block-comment a:focus .pro-com-item,
.skin-lady .pro-block-comment a:active .pro-com-item {
    border: 1px solid var(--main-color-1);
    background-color: var(--main-color-1-transp);
}

.skin-lady .pro-article-author-gold .author-gold-border {
    background: var(--main-color-1);
}

.skin-lady .pro-article-author-gold .author-gold-border:before {
    content: '';
    position: absolute;
    width: 83px;
    height: 26px;
    left: 44px;
    top: 6px;
    z-index: -1;
    border-radius: 0 8px 8px 0;
    background: var(--main-color-1) url(/img/label-gold-author.svg) 27px 6px no-repeat;
    background-size: 45px 13px;
}

.skin-lady #newSearch .form-control:focus {
    box-shadow: none;
}

.skin-lady #newSearch .select-result .btn.active,
.skin-lady #newSearch .select-result .btn.active:hover {
    border-bottom: 1px dotted transparent;
    font-weight: 800;
}

.skin-lady #newSearch .select-result .btn {
    color: #737373;
    border-bottom: 1px dotted #737373;
}

.skin-lady #newSearch .select-result .btn:hover {
    border-bottom: 1px dotted var(--main-color-1);
}

.skin-lady .log-line {
    color: var(--main-color-0) !important;
}

.skin-lady .log-line .vhod {
    color: var(--main-color-1) !important;
    text-decoration: underline;
}

.skin-lady .polz_pol_wr .polz_pol,
.skin-lady .comment_mob_lite .polz_pol {
    background-color: var(--gray-1);
}

.skin-lady .parent_comment,
.skin-lady .com_data {
    color: #787878;
}

.skin-lady .container-row-box-also ul li.item:hover {
    border: 3px solid var(--main-color-1);
}

.skin-lady .pro-block-content-add:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: calc(50% - 27px);
    width: 45px;
    height: 45px;
    background: url(/img/animals-cat.svg) no-repeat center;
    background-size: contain;
}

.skin-lady .title-soc .pod, a.other-pro {
    color: #8a6d3b;
}

.skin-lady .title-soc .social-top .btn-share a.share {
    background: transparent url(/img/pro-share-brown.svg) no-repeat center;
}

@media (min-width: 768px) {
    .skin-lady .anons-first .plitka_wr_title {
        padding: 20px 20px 0;
        margin: 0;
    }

    .skin-lady .menu2.top-fix .pro-header-img-2:before {
        content: '';
        width: 100%;
        height: 245px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    }
}

@media (max-width: 767px) {
    .skin-lady .bottom-cover,
    .skin-lady .pro-row-block {
        background-color: var(--main-color-1);
    }

    .skin-lady .pro-row-block h2,
    .skin-lady .pro-block h2 {
        margin-left: 63px;
    }

    .skin-lady ul.pro-menu a,
    .skin-lady .btn,
    .skin-lady nav.greedy1 .pro-search,
    .skin-lady nav.greedy1 .pro-search i,
    .skin-lady ul.pro-menu li.open a,
    .skin-lady ul.pro-menu li:hover a,
    .skin-lady ul.pro-menu li:focus a,
    .skin-lady nav.greedy1 .pro-search:hover,
    .skin-lady nav.greedy1 .pro-search:hover i {
        color: var(--main-color-0);
    }

}

@media (max-width: 639px) {
    .skin-lady .pro-row-block h2 {
        width: calc(100% - 80px);
        line-height: 1;
        font-size: 27px;
    }

    .skin-lady .pro-row-block h2 {
        margin-left: 53px;
    }

    .skin-lady .pro-row-block h2:before {
        top: -6px;
        left: -39px;
        width: 35px;
        height: 35px;
    }
}

/*article styles*/

.skin-lady .pro-article-body,
.skin-lady .comments-container,
.skin-lady .container_nn,
.skin-lady .pro-nn .comments-container,
.skin-lady .pro-nn .col-content .standart-container {
    width: calc(100% + 30px);
    margin-left: -15px;
    background-color: #fff;
    margin-bottom: 20px;
    padding: 5.2vw;
}

.skin-lady .pro-nn .comments-container {
    overflow-x: hidden;
    padding: 0 5.2vw;
}

.skin-lady .comments-container {
    padding: 0 5.2vw;
}

.skin-lady .col-content.col-content-one .pro-article-body {
    width: 100%;
    margin-left: 0;
    border-radius: 5px;
}

.skin-lady .pro-article-body .main_photo {
    width: calc(100% + 10.4vw);
    margin-left: -5.2vw;
    margin-bottom: 30px;
}

/*Галерея*/

.skin-lady .gallery_section {
    width: 100%;
    margin-bottom: 30px;
}

.skin-lady .gallery_section .row {
    margin-right: -5.2vw;
    margin-left: -5.2vw;
}

.skin-lady .gallery_section div[class^='col-'] {
    padding-right: 5.2vw;
    padding-left: 5.2vw;
}

.skin-lady .col-content .gallery_section .col-xs-6 {
    width: 50%;
}

@media (min-width: 576px) {
    .skin-lady .gallery_section .row {
        margin-right: -20px;
        margin-left: -20px;
    }

    .skin-lady .gallery_section div[class^='col-'] {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (min-width: 768px) {
    .skin-lady .col-content .gallery_section .col-sm-3 {
        width: 25%;
    }

    .skin-lady .gallery_section {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    .skin-lady .gallery_section .row {
        margin-right: -20px;
        margin-left: -20px;
    }

    .skin-lady .gallery_section div[class^='col-'] {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (min-width: 992px) {
    .skin-lady .col-content .gallery_section .col-md-3 {
        width: 25%;
    }
}

@media (min-width: 1280px) {

}


.skin-lady .gallery_section,
.skin-lady .gal_block + .gal_block .gal_foto_conteiner,
.skin-lady .gallery_section ul {
    background-color: #363636;
}

.skin-lady .gallery_section ul {
    display: block;
    width: 100%;
    margin: 0;
    list-style: none;
}

.skin-lady .main_photo_material.gal_block {
    min-height: 0;
}

.skin-lady .galery li.main_foto {
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
    list-style: none;
    width: 100%;
    display: block;
}

.skin-lady .gal_block li:before {
    content: '';
    display: block;
    padding-top: 66.67%;
}

.skin-lady .gal_block li a {
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.skin-lady .gal_block li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.skin-lady .gal_block + .gal_block .gal_foto_conteiner li a img {
    object-fit: cover;
}

.skin-lady .gal_block + .gal_block .gal_foto_conteiner {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    padding: 20px 10px;
    margin: 0;
}

.skin-lady .gal_block + .gal_block .gal_foto_conteiner > div[class^='col-'] {
    padding: 0 10px;
}

.gal_foto_conteiner .hidden_gallery_foto {
    display: none;
}

.skin-lady .gal_foto_conteiner li {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 0;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    overflow: hidden;
}

.skin-lady .col_foto_wr span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    /*font-family: 'Open Sans', sans-serif;*/
    font-size: 17vw;
    font-weight: 800;
    line-height: 1;
    background-color: rgba(54, 54, 54, .7);
    color: #fff;
}

@media (min-width: 768px) {
    .skin-lady .col_foto_wr span {
        font-size: 46px;
    }
}

@media (min-width: 992px) {
    .skin-lady .col_foto_wr span {
        font-size: 40px;
    }
}

@media (min-width: 1280px) {
    .skin-lady .col_foto_wr span {
        font-size: 52px;
    }
}

@media (max-width: 767px) {
    .skin-lady .col_foto_wr span.visible-xs {
        display: -ms-flexbox !important;
        display: flex !important;
    }
}


/*End of Галерея*/

.skin-lady .social-right-container {
    display: none;
}

.skin-lady .social-down {
    display: block;
}

.skin-lady .forum-menu {
    margin-bottom: 20px;
    padding: 10px 0;
    /*transition: all .3s ease-in;*/
}

.skin-lady .forum-menu,
.skin-lady .el-flip .live-container {
    height: calc(100% - 130px);
}

.skin-lady.for-phone .forum-menu {
    height: 100%;
}

@media (min-width: 576px) {
    .skin-lady .pro-article-body,
    .skin-lady .container_nn,
    .skin-lady .pro-nn .comments-container,
    .skin-lady .pro-nn .col-content .standart-container {
        width: 100%;
        margin-left: 0;
        padding: 20px;
    }

    .skin-lady .pro-nn .comments-container {
        width: 100%;
        margin-left: 0;
        padding: 0 20px;
    }

    .skin-lady .container_nn {
        min-width: 100%;
        max-width: 100%;
    }

    .skin-lady .forum-menu,
    .skin-lady .pro-article-body,
    .skin-lady .container_nn {
        border-radius: 5px;
    }

    .skin-lady .pro-article-body .main_photo {
        width: calc(100% + 40px);
        margin-left: -20px;
    }
}

@media (min-width: 768px) {
    .skin-lady .pro-article-body {
        padding: 25px 30px;
    }

    .skin-lady .comments-container {
        padding: 0 30px;
        width: 100%;
        margin-left: 0;
        border-radius: 0 0 5px 5px;
    }

    .skin-lady .pro-article-body .main_photo {
        width: calc(100% + 60px);
        margin-left: -30px;
    }
}

@media (min-width: 992px) {
    .skin-lady .pro-article-body {
        padding: 25px;
    }

    .skin-lady .comments-container {
        padding: 0 25px;
    }

    .skin-lady .pro-article-body .main_photo {
        width: calc(100% + 50px);
        margin-left: -25px;
    }
}

@media (min-width: 1280px) {
    .skin-lady .pro-article-body {
        padding: 25px 60px;
    }

    .skin-lady .comments-container {
        padding: 0 60px;
    }

    .skin-lady .pro-article-body {
        padding-top: 35px;
    }

    .skin-lady .pro-article-body .main_photo {
        width: calc(100% + 120px);
        margin-left: -60px;
    }

    /*.skin-lady .pro-article-text {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }*/
    .skin-lady .social-right-container {
        display: block;
    }

    .skin-lady .social-down {
        display: none;
    }
}

.pro-article-edit {
    padding-top: 0;
}

.pro-article .stat_centr_wr {
    width: 100%;
    position: relative;
}

.pro-article-edit .stat_centr_wr,
.pro-article-edit .pro-block {
    padding-top: 50px
}

.pro-article-edit .pro-block {
    width: 100%;
    display: block;
}

.pro-article-author {
    display: block;
    margin-bottom: 25px;
}

.col-content-inside-author .pro-article-author a {
    cursor: default !important;
    color: var(--main-color-0) !important;
}

.col-content-inside-author .pro-article-author:hover img {
    transform: none;
}

.pro-article-author a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.pro-article-author a div {
    margin-top: 10px;
}

.pro-article-author-gold a div {
    margin-top: 37px;
    /*display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;*/
}

/*.pro-article-author-gold span {
    font-size: 15px;
}*/

.pro-article-author span {
    font-size: 14px;
}

.pro-article-author img {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
    object-position: center;
    transition: all .1s ease;
}

.pro-article-author-gold img {
    position: absolute;
    left: 6px;
    top: 6px;
    width: 52px;
    height: 52px;
    margin-right: 0;
    z-index: 10;
}

.pro-article-author-gold .author-gold-border {
    position: relative;
    flex: none;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-right: 6px;
    transition: all .1s ease;
}

.pro-article-author-gold .author-gold-border:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 3px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #fff;
    transition: all .1s ease;
}

.pro-article-author:hover img {
    transform: scale(1.05);
}

.pro-article-author-name {
    display: inline;
    font-weight: 800;
}

.pro-article-author-post {
    display: inline;
}

.pro-article .stat_centr_wr .title_article,
.pro-article .stat_centr_wr .title_article p {
    font-size: 32px;
}

.pro-article .stat_centr_wr .subtitle_article,
.pro-article .stat_centr_wr .subtitle_article p {
    font-size: 22px;
}

@media (min-width: 400px) {
    .pro-article .stat_centr_wr .title_article,
    .pro-article .stat_centr_wr .title_article p {
        font-size: calc((100vw - 10.4vw) * 0.078);
    }
}

@media (min-width: 576px) {
    .pro-article .stat_centr_wr .title_article,
    .pro-article .stat_centr_wr .title_article p {
        font-size: 40px;
    }

    .pro-article .stat_centr_wr .subtitle_article,
    .pro-article .stat_centr_wr .subtitle_article p {
        font-size: 25px;
    }
}

.pro-article .stat_centr_wr .title_article,
.pro-article .stat_centr_wr .title_article p {
    line-height: 1.1;
    margin-bottom: .4em;
    margin-top: -2px;
    font-weight: 800;
}

.pro-article .stat_centr_wr .subtitle_article,
.pro-article .stat_centr_wr .subtitle_article p {
    line-height: 1.2;
    margin: 0;
    font-weight: 300;
}

.pro-article .stat_centr_wr .edit-block .title_article,
.pro-article .stat_centr_wr .edit-block .title_article p,
.pro-article .stat_centr_wr .edit-block .subtitle_article,
.pro-article .stat_centr_wr .edit-block .subtitle_article p {
    margin-bottom: 0;
    margin-top: 0;
    padding: 5px 10px;
}

.pro-content .main-photo:hover,
.pro-content .main-photo:focus,
.pro-article .stat_centr_wr .edit-block textarea:hover,
.pro-article .stat_centr_wr .edit-block textarea:focus,
.pro-edit-menu-right input:hover,
.pro-edit-menu-right input:focus {
    border: 1px solid #47a4f5;
}

.pro-content .main-photo .form-control:focus {
    border-color: #47a4f5;
    outline: 0;
    box-shadow: none;
}

/*.pro-content .ck-editor .image-box {
    padding: 20px 0 0;
    margin: 20px 0 40px;
}*/

.pro-content .ck-editor .image-box .div-figure,
.pro-content .ck-editor .image-box div.author {
    position: relative;
}

.pro-content .ck-editor .image-box div.author {
    min-width: 100px;
    padding: 5px 2px;
    border: 1px solid #ddd;
    border-top: 1px dotted #757575;
    /*border: 1px dashed #757575;*/
}

.pro-content .ck-editor .image-box .div-figure p {
    border: 1px solid #ddd;
    margin: 0;
}

.pro-content .ck-editor .image-box .div-figure:hover,
.pro-content .ck-editor .image-box div.author:hover {
    border: 1px solid #757575;
}

.pro-content .ck-editor .image-box .div-figure:focus,
.pro-content .ck-editor .image-box div.author:focus {
    border: 1px solid #47a4f5;
}

.pro-content .ck-editor .image-box .div-figure:hover:before {
    content: 'Вставьте изображение...';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    line-height: 27px;
    padding: 0 5px;
    background-color: #939393;
    color: #fff;
}

/*.pro-content .ck-editor .image-box div.author:hover:after {
    content: 'Автор фото...';
    position: absolute;
    bottom: -23px;
    left: -1px;
    font-size: 13px;
    padding: 3px 5px;
    background-color: #939393;
    color: #fff;
    border-radius: 0 0 7px 0;
}*/

.pro-article figure.image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.pro-article figure figcaption,
.pro-article figure figcaption span,
.pro-article .ck-content .image > figcaption,
.pro-content .image-box div.author {
    width: 100%;
    display: block;
    font-weight: 800;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
    margin-top: 5px;
    padding: 0;
    background-color: transparent;
}

.pro-article figure.main_photo .main_photo_description {
    margin: 0;
}

.pro-content .image-box div.author,
.pro-article figure.main_photo .main_photo_author {
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    width: auto;
    border-top: 1px dotted #757575;
    padding: 1px 5px 0 5px;
}

.pro-content .image-box div.author:before,
.pro-article figure.main_photo .main_photo_author:before {
    content: 'Фото:';
    font-size: 12px;
    margin-right: 5px;
}

.pro-article figure.main_photo > p {
    margin: 0;
}

.pro-content .ck-editor .image-box .div-figure:focus:before,
.pro-content .ck-editor .image-box div.author:focus:after {
    content: none;
}

.pro-content .ck-editor .pro-spravka.ck-widget:hover h3,
.pro-content .ck-editor .pro-spravka.ck-widget:hover .ck-editor__editable {
    border: 1px dashed #757575;
}

.pro-content.pro-article figure figcaption:empty,
.pro-content.pro-article figure.main_photo figcaption span:empty,
.main_photo_description:empty,
.main_photo_author:empty {
    display: none;
}

.title_block,
.text_block {
    position: relative;
}

.pro-content .main-photo {
    border: 1px solid #c4c4c4;
    padding: 10px;
    /*font-family: 'Roboto Condensed', sans-serif !important;*/
    font-size: 17px;
    line-height: 1.2;
    position: relative;
}

.main-photo .delete {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    font-size: 20px;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
    transition: .1s;
}

.main-photo .delete:hover {
    color: #fe2f2f;
}

.main_photo_block {
    position: relative;
    display: block;
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
}

.pro-content .main_photo_block:before {
    content: "";
    display: block;
    padding-top: 62.5%;
}

.pro-content .main-photo .cover_block {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

/*.main_photo_block:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 40px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: .4s;
    background: linear-gradient(0deg, rgba(0,0,0,0.6026785714285714) 0%, rgba(0,0,0,0) 100%);
}*/

.main_photo_block:hover:after {
    opacity: 1;
}

/*.pro-content .main-photo .cover_block:hover:before {
    content: '\f021';
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 63px;
    top: calc(50% - 37px);
    left: calc(50% - 27px);
    color: #fff;
    z-index: 10;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-animation: loupe-visible1 forwards .4s, fa-spin 2s .4s infinite linear;
    animation: loupe-visible1 forwards .4s, fa-spin 2s .4s infinite linear;
}*/

@keyframes loupe-visible1 {
    from {
        opacity: 0;
        transform: scale(0);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/*@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}*/

.pro-content .main-photo .cover_block:hover:after {
    content: 'Жми пальцем на изображение, если хочется заменить';
    /*font-family: 'Roboto Condensed';*/
    /*font-weight: 800;*/
    font-size: 18px;
    font-style: italic;
    color: #fff;
    z-index: 10;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    display: inline-block;
    width: 100%;
    text-align: right;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    -webkit-animation: loupe-visible1 forwards .4s;
    animation: loupe-visible1 forwards .4s;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

.pro-content .main-photo .cover_block img.article-main-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin: 0;
    position: relative;
}

.main-photo .label-main-photo {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 800;
}

.pro-content .main-photo input {
    font-size: 14px;
    padding: 5px;
    border-radius: 0;
}

.pro-content .main-photo .form-group:last-child {
    margin-bottom: 0;
}

.main-photo img,
.main-photo video {
    width: 100%;
    cursor: pointer;
    transition: .3s;
}

.main-photo img:hover {
    opacity: .95;
}

.stat_centr_wr .edit-block label {
    margin: 7px 0 0;
    background: #47a4f5;
    padding: 1px 5px;
    color: #fff;
    opacity: 0;
}

.stat_centr_wr .edit-block:hover label {
    opacity: 1;
}

.stat_centr_wr .edit-block textarea {
    max-width: 100%;
    min-width: 100%;
}

.pro-article-edit .col-content-inside {
    border-left: 1px dashed #ddd;
    border-right: 1px dashed #ddd;
}

.stat_centr_wr .edit-block textarea,
.pro-article-edit .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
    background: rgba(255, 255, 255, 0.2);
}

.pro-content .ck-editor__top {
    z-index: 1999 !important;
}

.pro-content .ck-dropdown__panel {
    z-index: 2000 !important;
}

.ck-dropdown__panel li:before {
    display: none !important;
}

.pro-tags {
    display: block;
    margin: 20px 0 0;
}

.pro-tags a {
    margin-right: 10px;
    color: #ff2f2f !important;
    text-decoration: underline;
    font-style: italic;
}

.pro-tags a:hover {
    font-weight: 800;
}

.p_iframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 20px;
    width: 100%;
    border: 1px solid #737373;
}

.responsive_iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/*CKEditor 5*/

.ck.ck-button,
a.ck.ck-button {
    cursor: pointer !important;
}

.ck.ck-toolbar,
.ck.ck-list {
    background: #f3f3f3 !important;
}

.skin-lady .pro-send .ck.ck-editor__main > .ck-editor__editable {
    border-radius: 0 0 5px 5px;
}

.ck.ck-editor__editable_inline {
    padding: 0 7.5px !important;
}

.stat_centr_wr ul li.ck-list__item:before {
    display: none !important;
}

.ck-content .media {
    overflow: unset;
}

.ck-widget {
    border: 1px solid transparent;
    margin: 6px 0;
}

.ck-widget[class^='min-'],
.ck .update .ck-editor__nested-editable,
.stat_centr_wr [class^='foto-'] figure.image figcaption,
.stat_centr_wr .ck-widget[class^='foto-'] > .ck-editor__editable {
    transition: .1s;
}

.ck-widget[class^='min-'],
.stat_centr_wr .ck blockquote > p,
.ck .update .ck-editor__nested-editable,
.stat_centr_wr .ck [class^='spravka_'] .ck-editor__nested-editable,
.stat_centr_wr .ck-widget[class^='foto-'] > .ck-editor__editable {
    border: 1px dashed rgba(117, 117, 117, .2);
}

.stat_centr_wr .ck blockquote:hover > p,
.update:hover .ck-editor__editable,
.stat_centr_wr [class^='spravka_']:hover .ck-editor__nested-editable,
.stat_centr_wr .ck-widget[class^='foto-']:hover > .ck-editor__editable {
    border: 1px dashed #757575;
}

.ck-widget[class^='min-']:hover,
.ck-widget.ck-widget_selected {
    border: 1px solid transparent;
}

.stat_centr_wr .ck-content .image.image_resized {
    width: 100% !important;
}

.stat_centr_wr .ck-content figure.table {
    display: block;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 21px 0;
    margin: 0;
}

.stat_centr_wr .ck-content .min-left,
.stat_centr_wr .ck-content .min-right {
    padding: 5px;
}

.stat_centr_wr .ck-content .min-left .ck-widget__type-around__button,
.stat_centr_wr .ck-content .min-right .ck-widget__type-around__button {
    display: none !important;
}

.stat_centr_wr .ck .table.ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_before {
    transform: translateY(0%);
    border-radius: 0 0 50% 50%;
}

.stat_centr_wr .ck .table.ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_after {
    transform: translateY(0%);
    border-radius: 50% 50% 0 0;
}

.stat_centr_wr .ck-horizontal-line hr {
    margin: 10px 0;
    height: 0;
    border: 0;
    background: none;
    border-top: 1px solid #535353;
}

.stat_centr_wr .ck-content mark {
    padding: .2em;
}

.ck-widget[class^='vue-code'] {
    display: -ms-flexbox;
    display: flex;
    margin: 15px 0;
    border: none !important;
}

.blockquote-img .ck-widget__type-around__button,
.ck-widget[class^='vue-code'] .ck-widget .ck-widget__type-around__button {
    display: none !important;
}

poll-front-component,
slider-in-material,
opros-front-component,
form-in-material {
    display: block;
    position: relative;
    margin: 15px 0;
    width: 100%;
    height: 80px;
    border-radius: .5rem;
    border: none !important;
    pointer-events: none;
}

poll-front-component {
    background: #a6d5ff url(/themes/default/admin/image/icon_quiz.svg) no-repeat;
    background-size: 50px;
    background-position: center;
}

slider-in-material {
    background: #909aa1 url(/themes/default/admin/image/icon_slider.svg) no-repeat;
    background-size: 50px;
    background-position: center;
}

opros-front-component {
    background: #fae07d url(/themes/default/admin/image/icon_opros.svg) no-repeat;
    background-size: 50px;
    background-position: center;
}

form-in-material {
    background: #c3ff98 url(/themes/default/admin/image/icon_form.svg) no-repeat;
    background-size: 50px;
    background-position: center;
}

.stat_centr_wr .ck-content .vrezkaDark,
.stat_centr_wr .ck-content .vrezkaLight {
    width: 100%;
    left: 0;
    margin-bottom: 35px;
    margin-top: 35px;
    position: relative;
    height: auto;
    padding: 35px;
}

/*.stat_centr_wr .ck-content .vrezkaDark .image > figcaption,
.stat_centr_wr .ck-content .vrezkaLight .image > figcaption,
.stat_centr_wr .ck-content .vrezkaDark:hover .vText,
.stat_centr_wr .ck-content .vrezkaLight:hover .vText,
.stat_centr_wr .ck-content .vrezkaDark .vText .ck-editor__nested-editable_focused,
.stat_centr_wr .ck-content .vrezkaLight .vText .ck-editor__nested-editable_focused,
.stat_centr_wr .ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,
.stat_centr_wr .ck .ck-editor__nested-editable:focus {
    background-color: transparent !important;
}*/

.stat_centr_wr .ck-content .vrezkaDark .vText,
.stat_centr_wr .ck-content .vrezkaDark .ck-widget[class^='foto-'] > .ck-editor__editable {
    border: 1px dashed rgba(255, 255, 255, .2);
}

.stat_centr_wr .ck-content .vrezkaDark:hover .vText,
.stat_centr_wr .ck-content .vrezkaDark .ck-widget[class^='foto-']:hover > .ck-editor__editable {
    border: 1px dashed rgba(255, 255, 255, .7);
}

.stat_centr_wr .ck-content .vrezkaLight .vText,
.stat_centr_wr .ck-content .vrezkaLight .ck-widget[class^='foto-'] > .ck-editor__editable {
    border: 1px dashed rgba(72, 72, 72, .2);
}

.stat_centr_wr .ck-content .vrezkaLight:hover .vText,
.stat_centr_wr .ck-content .vrezkaLight .ck-widget[class^='foto-']:hover > .ck-editor__editable {
    border: 1px dashed #484848;
}

.stat_centr_wr .ck-widget[class^='foto-'] {
    width: 100%;
    margin: 10px 0 6px;
    padding: 20px 0;
}

.stat_centr_wr .ck-widget[class^='foto-'] > .ck-editor__editable {
    min-height: 50px;
}

.stat_centr_wr .ck-widget[class^='foto-'] > .ck-editor__editable.figcaption-general {
    min-height: auto;
}

.stat_centr_wr [class^='foto-'] figure.image figcaption,
.stat_centr_wr [class^='foto-'] .figcaption-general {
    padding: 4px 0 !important;
    margin-top: 4px !important;
}

.stat_centr_wr .ck-widget[class^='foto-'] > .ck-editor__editable figure {
    width: 100%;
    margin: 0;
}

.stat_centr_wr .foto-3 > .ck-editor__editable,
.stat_centr_wr .foto-2 > .ck-editor__editable {
    width: 97%;
    margin: 0 1.5%;
}

.stat_centr_wr .foto-4 > .ck-editor__editable,
.stat_centr_wr .foto-5 > .ck-editor__editable,
.stat_centr_wr .foto-6 > .ck-editor__editable {
    width: 47%;
    margin: 0 1.5%;
}

.stat_centr_wr .foto-2 > .ck-editor__editable:not(:last-of-type),
.stat_centr_wr .foto-3 > .ck-editor__editable:not(:last-of-type),
.stat_centr_wr .foto-4 > .ck-editor__editable:nth-of-type(1),
.stat_centr_wr .foto-4 > .ck-editor__editable:nth-of-type(2),
.stat_centr_wr .foto-5 > .ck-editor__editable:nth-of-type(1),
.stat_centr_wr .foto-5 > .ck-editor__editable:nth-of-type(2),
.stat_centr_wr .foto-5 > .ck-editor__editable:nth-of-type(3),
.stat_centr_wr .foto-5 > .ck-editor__editable:nth-of-type(4),
.stat_centr_wr .foto-6 > .ck-editor__editable:nth-of-type(1),
.stat_centr_wr .foto-6 > .ck-editor__editable:nth-of-type(2),
.stat_centr_wr .foto-6 > .ck-editor__editable:nth-of-type(3),
.stat_centr_wr .foto-6 > .ck-editor__editable:nth-of-type(4) {
    margin-bottom: 15px;
}

.stat_centr_wr [class^='foto-'].foto-general > .ck-editor__editable:last-of-type {
    margin-bottom: 0;
}

@media (min-width: 400px) {
    .stat_centr_wr .foto-2 > .ck-editor__editable,
    .stat_centr_wr .foto-3 > .ck-editor__editable {
        width: 47%;
        margin: 0 1.5%;
    }

    .stat_centr_wr .foto-5 > .ck-editor__editable,
    .stat_centr_wr .foto-6 > .ck-editor__editable {
        width: 30.333333%;
        margin: 0 1.5%;
    }

    .stat_centr_wr .foto-2 > .ck-editor__editable:not(:last-of-type),
    .stat_centr_wr .foto-5 > .ck-editor__editable:nth-of-type(4),
    .stat_centr_wr .foto-6 > .ck-editor__editable:nth-of-type(4) {
        margin-bottom: 0;
    }
}

@media (min-width: 550px) {
    .stat_centr_wr .foto-3 > .ck-editor__editable,
    .stat_centr_wr .foto-6 > .ck-editor__editable {
        width: 30.333333%;
        margin: 0 1.5%;
    }

    .stat_centr_wr .foto-4 > .ck-editor__editable {
        width: 22%;
        margin: 0 1.5%;
    }

    .stat_centr_wr .foto-5 > .ck-editor__editable {
        width: 17%;
        margin: 0 1.5%;
    }

    .stat_centr_wr .foto-3 > .ck-editor__editable:not(:last-of-type),
    .stat_centr_wr .foto-4 > .ck-editor__editable:nth-of-type(1),
    .stat_centr_wr .foto-4 > .ck-editor__editable:nth-of-type(2),
    .stat_centr_wr .foto-5 > .ck-editor__editable:nth-of-type(1),
    .stat_centr_wr .foto-5 > .ck-editor__editable:nth-of-type(2),
    .stat_centr_wr .foto-5 > .ck-editor__editable:nth-of-type(3) {
        margin-bottom: 0;
    }
}

@media (min-width: 700px) {
    .stat_centr_wr .foto-6 > .ck-editor__editable {
        width: 13.666667%;
        margin: 0 1.5%;
    }

    .stat_centr_wr .foto-6 > .ck-editor__editable:nth-of-type(1),
    .stat_centr_wr .foto-6 > .ck-editor__editable:nth-of-type(2),
    .stat_centr_wr .foto-6 > .ck-editor__editable:nth-of-type(3) {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .big-size .ck-content,
    .big-size .ck-content p {
        font-size: 32px;

    }

    .medium-size .ck-content,
    .medium-size .ck-content p {
        font-size: 24px;
    }

    .titleYandex .form-control {
        font-size: 22px;
    }
}

/*.stat_centr_wr .ck-content a {
    color: #d00;
}

.stat_centr_wr .ck-content a:hover,
.stat_centr_wr .ck-content a:active,
.stat_centr_wr .ck-content a:focus {
    color: #bf0000;
}*/

.ck-content .table table {
    margin: 0;
}

.stat_centr_wr p,
.stat_centr_wr h1,
.stat_centr_wr h2,
.stat_centr_wr h3,
.stat_centr_wr h4,
.stat_centr_wr h5,
.stat_centr_wr h6,
.stat_centr_wr li,
.stat_centr_wr figcaption,
.stat_centr_wr table,
.stat_centr_wr table caption {
    color: var(--main-color-0);
}

.ck-widget.raw-html-embed:before {
    height: 20px !important;
    line-height: 20px !important;
}

.ck-widget.raw-html-embed .raw-html-embed__source {
    transition: height .2s ease-in-out;
    font-size: 15px !important;
}

.bootstrap-tagsinput {
    width: 100%;
}

.stat_centr_wr .ck-content .table table {
    border: 1px solid var(--main-color-0) !important;
}

@media (min-width: 768px) {
    .big-size .ck-content,
    .big-size .ck-content p {
        font-size: 32px;

    }

    .medium-size .ck-content,
    .medium-size .ck-content p {
        font-size: 24px;
    }

    .titleYandex .ck-content p {
        font-size: 22px;
    }
}

/*End of CKEditor 5*/

/*End of Pro-Article*/

/*Подвал материала*/

/*.skin-lady .material-footer-box {
    width: calc(100% + 60px);
    margin-left: -30px;
    user-select: none;
}*/

.skin-lady .material-footer-box {
    width: 100%;
    margin: 30px 0 0;
}

.skin-lady .no_comment .material-footer {
    border-radius: 16px;
}

@media (max-width: 530px) {
    .skin-lady .no_comment .material-footer {
        border-radius: 16px 16px 0 0;
    }
}

.skin-lady .material-footer {
    border-radius: 16px 16px 0 0;
}

.skin-lady .material-footer-2 {
    border-radius: 0 0 16px 16px;
    margin-bottom: 0;
}

.skin-lady .reactions-button {
    border-radius: 8px;
}

.skin-lady .comment-form-block {
    position: relative;
    z-index: 1;
}

.skin-lady .comment-form-main-container {
    background-color: var(--main-color-1);
    width: calc(100% + 10.4vw);
    margin-left: -5.2vw;
    padding: 25px 5.2vw 25px;
    margin-top: 0;
    position: relative;
    overflow: hidden;
}

.skin-lady .comments-block .comments-out > .comment:last-of-type {
    margin-bottom: 25px;
}

.skin-lady .project-description-main:before,
.skin-lady .comment-form-main-container:before {
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -1.5%;
    right: -.7%;
    width: 30%;
    height: auto;
    aspect-ratio: 180/151;
    opacity: .6;
}

.skin-lady .comment-form-main-container:before {
    background-image: url(/themes/default/front/img/deti-comment-uzor.svg);
}

/*.skin-lady .project-description-main:before {
    background-image: url(/themes/default/front/img/deti-child-uzor.svg);
}*/

@media (min-width: 430px) {
    .skin-lady .project-description-main:before,
    .skin-lady .comment-form-main-container:before {
        width: 25%;
    }
}

@media (min-width: 576px) {
    /*.skin-lady .comment-form-main-container {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 25px 20px 25px;
    }*/

    .skin-lady .project-description-main:before,
    .skin-lady .comment-form-main-container:before {
        width: 20%;
    }
}

@media (min-width: 768px) {
    .skin-lady .comment-form-main-container {
        width: calc(100% + 60px);
        margin-left: -30px;
        padding: 25px 30px 25px;
    }
}

@media (min-width: 992px) {
    .skin-lady .comment-form-main-container {
        width: calc(100% + 50px);
        margin-left: -25px;
        padding: 25px 25px 25px;
    }
}

@media (min-width: 1280px) {
    .skin-lady .comment-form-main-container {
        width: calc(100% + 120px);
        margin-left: -60px;
        padding: 25px 60px 25px;
    }
}

.skin-lady .material-footer,
.skin-lady .material-footer-2 {
    background-color: var(--gray-1);
}

.skin-lady .com-style-1 .comment-footer-row.all-answers,
.skin-lady .com-style-2 .comment-header,
.skin-lady .com-style-2 .comment-body,
.skin-lady .com-style-2 .comment-footer,
.skin-lady .comment-deleted {
    background-color: var(--main-color-1-light);
}

.skin-lady .com-style-2.com-style-3 .comment-header,
.skin-lady .com-style-2.com-style-3 .comment-body,
.skin-lady .com-style-2.com-style-3 .comment-footer {
    background-color: #ffff;
}

.skin-lady .com-style-2 .comment-otvet .comment-header {
    background-color: transparent;
}

.skin-lady .comment-form-button {
    color: #fff !important;
    /*font-family: 'Roboto Condensed', sans-serif;*/
    font-weight: 800;
    font-size: 15px;
}

@media (min-width: 400px) {
    .skin-lady .comment-form-button {
        font-size: 18px;
    }
}

.skin-lady .comment-form-button .svg-icon {
    fill: #fff;
}

.skin-lady .material-footer-2 .compl .svg-icon {
    fill: var(--main-color-1);
    transition: all .2s ease;
}

.skin-lady .material-footer-2 .compl:hover .svg-icon {
    fill: var(--main-color-1);
}

.skin-lady .material-footer-box .comment-all-link,
.skin-lady .material-footer-box .material-footer-2 .compl {
    /*font-family: 'Roboto', sans-serif;*/
    font-size: 15px;
    line-height: 50px;
    white-space: nowrap;
    margin: 0 10px;
    padding: 0 5px;
    transition: all .2s ease;
}

@media (max-width: 350px) {
    .skin-lady .material-footer-box .material-footer-2 .compl {
        margin: 0;
    }
}

.skin-lady .comments-settings .dropdown-menu input[type=radio]:checked + label:before {
    background-color: var(--main-color-1);
    border: 3px solid var(--main-color-1-semilight);
}

.skin-lady .comments-settings .dropdown-menu label:before {
    background-color: #fff;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px var(--main-color-1);
}

.skin-lady .comments-settings .dropdown-menu li:hover input[type=radio]:checked + label:before,
.skin-lady .comments-settings .dropdown-menu li:focus input[type=radio]:checked + label:before {
    background-color: var(--main-color-1);
    border: 3px solid #fdd8bb;
}

.skin-lady .comments-settings .dropdown-menu li:hover label:before,
.skin-lady .comments-settings .dropdown-menu li:focus label:before {
    box-shadow: 0 0 0 1px var(--main-color-1);
}

.skin-lady .comment-header-info-row .answered i,
.skin-lady .comment-header-info-row .answered,
.skin-lady .comment-header-info-row .user-name-root,
.skin-lady .comments-block-header .dropdown-menu li.sort-selected,
.skin-lady .comment-edit-time span,
.skin-lady .count-megaphone,
.skin-lady .comment-header-info .date,
.skin-lady .do-like-button-count,
.skin-lady .do-like-button i,
.skin-lady .comment-answer,
.skin-lady .comment-otvet .comment-header-answered .user-name-root {
    color: var(--gray-3);
}

.skin-lady .comment-popup-btn .dot {
    background-color: var(--gray-3);
}

@media (max-width: 575px) {
    .skin-lady .comment-form-main-container .comment-header .comment-popup-btn .dot {
        background-color: #fff;
    }

    .skin-lady .comment-form-main-container .comment-header .dropdown.open .comment-popup-btn .dot {
        background-color: #fff;
        opacity: .7;
    }
}

.skin-lady .comment-popup-btn:hover .dot,
.skin-lady .comment-popup-btn:focus .dot,
.skin-lady .com-style-2.com-style-3 .comment-popup-btn:hover .dot,
.skin-lady .com-style-2.com-style-3 .comment-popup-btn:focus .dot {
    background-color: var(--main-color-1);
}

.skin-lady .com-style-2.com-style-3.comments-block a:hover,
.skin-lady .com-style-2.com-style-3.comments-block .comment-main-box a:hover,
.skin-lady .com-style-2.com-style-3 .comment-answer:hover,
.skin-lady .com-style-2.comments-block .links a:hover {
    color: var(--main-color-1)
}

.skin-lady .com-style-2 .comment-popup-btn:hover .dot,
.skin-lady .com-style-2 .comment-popup-btn:focus .dot {
    background-color: var(--main-color-1);
}

.skin-lady .com-style-2.comments-block a:hover,
.skin-lady .com-style-2.comments-block .comment-main-box a:hover,
.skin-lady .com-style-2 .comment-answer:hover {
    color: var(--main-color-1)
}

.skin-lady .comment-footer-row .like-active .do-like-button i:before {
    background: url(/themes/default/front/img/like-green-deti.svg) no-repeat center;
    background-size: contain;
}

.skin-lady .comment-footer-row .do-like .do-like-button i:before {
    background: url(/themes/default/front/img/like-contur.svg) no-repeat center;
    background-size: contain;
}

.skin-lady .comment-footer-row .do-like .do-like-button i:hover:before {
    background: url(/themes/default/front/img/like-contur-green-deti.svg) no-repeat center;
    background-size: contain;
}

.skin-lady .comment-header-info .user_status {
    background-color: var(--main-color-1);
}

.skin-lady .comments-container .dropdown-menu {
    border: 1px solid #cccfd1;
}

.skin-lady .com-style-1 .comment-child:before {
    border-bottom: 1px dashed var(--gray-2);
}

.skin-lady .com-style-1 .comment-root:before {
    border-bottom: 1px solid var(--gray-2);
}

.skin-lady .com-style-2.com-style-3 .comment-main-box {
    border: 1px solid #cccfd1;
}

.skin-lady .comment-form-main-container .comment-form-block .comment-header-info-row .user-name {
    color: #fff;
}

.skin-lady .comment-form-main-container .comments-block-name,
.skin-lady .comment-form-main-container .comment-form-block .comment-header .links a {
    color: #fff;
}

.skin-lady .comment-form-block .ck.ck-toolbar {
    background-color: #fff !important;
    border-bottom: 1px solid var(--main-color-1) !important;
}

.skin-lady .comment-form-block .ck.ck-toolbar,
.skin-lady .comment-form-block .ck.ck-editor__main > .ck-editor__editable.ck-focused,
.skin-lady .comment-form-block .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
    border-color: var(--main-color-1) !important;
}

.skin-lady .comment-form-block .comment-form-footer {
    background-color: #fff !important;
    border-bottom-color: var(--main-color-1) !important;
    border-left-color: var(--main-color-1) !important;
    border-right-color: var(--main-color-1) !important;
}

.skin-lady .comment-form-block.anonim_theme .ck.ck-toolbar {
    background-color: #535353 !important;
}

.skin-lady .comment-form-block.anonim_theme .ck.ck-toolbar,
.skin-lady .comment-form-block.anonim_theme .comment-form-footer,
.skin-lady .comment-form-block.anonim_theme .ck.ck-editor__main > .ck-editor__editable.ck-focused,
.skin-lady .comment-form-block.anonim_theme .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused),
.skin-lady .comment-form-block.anonim_theme .comment-form-footer {
    border-color: #535353 !important;
}

.skin-lady .dropdown-user-header .user-photo,
.skin-lady .comment-form-block .user-photo {
    border: 1px solid #9da3a7;
    fill: var(--main-color-1-semilight);
}

.skin-lady .comment-form-main-container .comment-form-block .user-photo {
    border: 1px solid #fff;
}

.skin-lady .comment .user-photo .dropdown-toggle:hover,
.skin-lady .companys-answer .user-photo a:hover {
    border: 1px solid rgba(255, 140, 33, 0.5);
    outline: 2px solid rgba(255, 140, 33, 0.5);
}

.skin-lady .comment-otvet .links a .btn.close .svg-icon {
    fill: var(--main-color-1);
}

.skin-lady .comment-otvet .links a:hover .btn.close .svg-icon {
    fill: var(--main-color-1);
}

.skin-lady .comment-text blockquote,
.skin-lady .comment-form-container .ck.ck-content.ck-editor__editable_inline blockquote {
    background-color: rgba(48, 162, 245, 0.2);
}

.skin-lady .comment-text blockquote:after,
.skin-lady .ck.ck-content.ck-editor__editable_inline blockquote:after {
    background-color: var(--main-color-1);
}

.skin-lady .comment-text.answered,
.skin-lady .com-style-2.com-style-3 .comment-text.answered {
    background-color: rgba(253, 137, 0, .23);
    outline: 3px solid rgba(253, 137, 0, .23);
}

.skin-lady .com-style-2 .comment-text.answered {
    background-color: rgba(48, 162, 245, .23);
    outline: 3px solid rgba(48, 162, 245, .23);
}

.skin-lady .comments-block-name span {
    font-weight: 300;
    font-size: .8em;
}

.skin-lady .comments-block-title {
    margin: 25px 0 0;
    align-items: center;
}

.skin-lady .comment-form-title {
    margin: 25px 0;
    align-items: center;
}

.skin-lady .comments-block .comments-out .comment:first-child {
    margin-top: 25px;
}

.skin-lady .comment-form-title {
    margin: 0 0 25px;
}

.skin-lady .comment-form-add-image .image-box .image_preview {
    border-radius: 5px;
}

@media (min-width: 768px) {
    .skin-lady .comments-container .col-xs-12 {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 575px) {
    .skin-lady .pro-block .h2,
    .skin-lady .h2-widget,
    .skin-lady .comments-block-name {
        font-size: 5vw;
    }
}

@media (max-width: 400px) {
    .skin-lady .pro-block .h2,
    .skin-lady .h2-widget,
    .skin-lady .comments-block-name {
        font-size: 6vw;
    }
}

.skin-lady .reaction-panel .btn-close .social-btn-icon .svg-icon,
.skin-lady .share-panel .btn-close .social-btn-icon .svg-icon,
.skin-lady .share-block .social-btn-2021.btn-share .svg-icon,
.skin-lady .btn-print .social-btn-icon .svg-icon,
.skin-lady .material-head-comments .svg-icon,
.skin-lady .material-bookmark.bookmark-yes .svg-icon {
    fill: var(--main-color-1);
}

.skin-lady .novost_detalka .material-footer-2 .compl span {
    display: block;
}

@media (max-width: 1279px) and (min-width: 768px) {
    .skin-lady .novost_detalka .reactions {
        width: auto;
        justify-content: flex-start;
        margin-right: 6%;
    }

    .skin-lady .novost_detalka .reactions .reactions-button:not(:last-child) {
        margin-right: auto;
    }

    .skin-lady .novost_detalka .material-footer-box .reactions-button .buttons-count {
        margin: -10px 0 0 0;
    }

    .skin-lady .novost_detalka .material-footer-box .share-block .buttons-count {
        margin: 0 0 0 -10px;
    }

    .skin-lady .novost_detalka .material-footer-box .share-block .share-panel {
        padding: 20px 60px 0 20px;
        right: -20px;
        top: -20px;
    }

    .skin-lady .novost_detalka .material-footer-box .share-block .social-btn-2021.btn-share .svg-icon {
        width: 20px;
        height: 20px;
    }

    .skin-lady .material-footer-2-comments {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .skin-lady .novost_detalka .material-footer .share-block {
        position: relative;
        bottom: auto;
        right: auto;
    }

    .skin-lady .novost_detalka .material-footer-row {
        display: flex;
    }

    .skin-lady .novost_detalka .material-footer-2 .compl span {
        display: block;
    }
}

@media (max-width: 1279px) and (min-width: 992px) {
    .skin-lady .novost_detalka .material-footer-box .comment-all-link {
        white-space: normal;
        height: 50px;
        line-height: 1.3;
        margin-bottom: 10px;
        padding-top: 6px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .skin-lady .novost_detalka .reactions .reactions-button:not(:last-child) {
        margin-right: 15px;
    }

    /*.skin-lady .material-footer-box .comment-all-link {
        white-space: nowrap;
        height: auto;
        line-height: 50px;
        margin-bottom: 10px;
        padding-top: 0;
    }*/
    .skin-lady .novost_detalka .material-footer-2 .compl {
        position: relative;
        right: auto;
        bottom: auto;
    }
}

@media (max-width: 530px) {
    .skin-lady .novost_detalka .material-footer .share-block .share-panel {
        top: -20px;
        right: -20px;
    }

    .skin-lady .novost_detalka .material-footer-2 .compl span {
        display: none;
    }
}

@media (max-width: 350px) {
    .skin-lady .novost_detalka .material-footer .share-block .share-panel {
        top: -20px;
        right: -10px;
    }
}


/*End of Подвал материала*/

/*Форум*/

.skin-lady .pro-nn .col-content {
    width: 100%;
    padding: 0;
}

.skin-lady .h2_margin_2 {
    display: none;
}

@media (min-width: 768px) {
    .skin-lady .pro-nn .col-content {
        width: 550px;
        padding-left: 0;
        margin-right: 0;
    }

    .skin-lady .pro-nn .col-left {
        position: relative;
        width: calc(100% - 570px);
        margin-right: 20px;
        padding-bottom: 20px;
    }

    .skin-lady .pro-nn .forum-menu-container {
        display: block;
        /*position: absolute;
        top: 0;
        left: 0;*/
        width: 180px;
    }

    .skin-lady .pro-nn .forum-menu-container.el-flip,
    .skin-lady .pro-nn .forum-menu-container.el-flip.max-height {
        height: 315px;
    }

    .skin-lady .pro-nn .forum-menu-container.el-flip.flip {
        height: calc(100vh - 478px);
    }

    .skin-lady .pro-nn .forum-menu-container.el-flip.flip.max-height {
        height: calc(100vh - 150px);
    }

    /*.skin-lady.for-phone .pro-nn .forum-menu-container.max-height {
        height: calc(100vh - 140px);
    }*/
    .skin-lady .pro-nn .live {
        display: block;
        width: 180px;
    }

    .skin-lady .pro-nn .equal > div.col-right {
        display: none;
    }

    .skin-lady .pro-nn .col-content-inside {
        width: 100%;
    }

    .skin-lady .forum-menu-expand {
        display: none;
    }
}

@media (min-width: 992px) {
    .skin-lady .pro-nn .col-content {
        width: 504px;
        padding-left: 0;
        margin-right: 30px;
    }

    .skin-lady .pro-nn .col-left {
        width: calc(100% - 854px);
    }

    .skin-lady .pro-nn .forum-menu-container,
    .skin-lady .pro-nn .live {
        display: block;
        width: 66px;
    }

    .skin-lady .pro-nn .equal > div.col-right {
        display: block;
    }

    .skin-lady .forum-menu {
        padding: 40px 0 10px;
    }

    .skin-lady .forum-menu-expand {
        display: block;
    }

    .skin-lady .forum-menu ul li a span {
        display: none;
    }

    .skin-lady .pro-nn .forum-menu-container.expand {
        /*width: 180px;*/
    }

    .skin-lady .forum-menu-container.expand.shadow .forum-menu,
    .skin-lady .expand.shadow .live-button,
    .skin-lady .expand.shadow .message-add {
        box-shadow: 3px 6px 25px rgba(47, 67, 78, .25);
    }

    .skin-lady .pro-nn .forum-menu-container.expand .forum-menu-expand {
        text-align: right;
        animation-delay: .25s;
    }

    .skin-lady .pro-nn .forum-menu-container.expand .forum-menu-expand i {
        transform: rotate(180deg);
        animation-delay: .25s;
    }

    .skin-lady .live-button span,
    .skin-lady .message-add span {
        display: none;
    }
}

@media (min-width: 1280px) {
    .skin-lady .pro-nn .col-content {
        width: 610px;
        padding-left: 0;
        margin-right: 50px;
    }

    .skin-lady .pro-nn .col-left {
        width: calc(100% - 980px);
    }

    .skin-lady .pro-nn .forum-menu-container {
        width: 180px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .skin-lady .forum-menu {
        padding: 10px 0;
    }

    .skin-lady .forum-menu-expand {
        display: none;
    }

    .skin-lady .forum-menu ul li a span {
        display: block;
    }

    .skin-lady .live-button span,
    .skin-lady .message-add span {
        display: block;
    }
}

.skin-lady .down_line_nn .button:hover,
.skin-lady .down_line_nn .button.coments:hover {
    border: 1px solid var(--main-color-1);
}

.skin-lady .nar_now .down_line_nn a:hover,
.skin-lady .nar_now .down_line_nn .button.coments:hover,
.skin-lady .nar_now .down_line_nn .button.coments:hover i {
    color: var(--main-color-1);
}

.skin-lady .down_line_nn .button:active {
    border: 1px solid var(--main-color-1);
    background-color: var(--main-color-1);
}

.skin-lady .nar_now .down_line_nn a:active,
.skin-lady .nar_now .down_line_nn .button.coments:active,
.skin-lady .nar_now .down_line_nn .button.coments:active i {
    color: #fff;
}

.skin-lady .forum-menu {
    background-color: #fff;
}

.skin-lady .live-button {
    background-color: var(--main-color-3);
    color: #fff;
}

.skin-lady .live-button:hover,
.skin-lady .live-button:focus {
    background-color: var(--main-color-3-light);
}

.skin-lady .live-button:active {
    background-color: var(--main-color-3);
}

.message-add span {
    color: #fff !important;
}

.skin-lady .nar_now {
    border-top: 1px solid var(--main-color-1);
}

.skin-lady div.t1 > .nar_now:first-child {
    border-top: none;
}

.skin-lady .comets_block .lines.lines_18 {
    padding: 0 !important;
}

.skin-lady .lenta_nar_nov .polz_pol_wr .lines,
.skin-lady .left_nn .novost_detalka .polz_pol_wr .lines {
    padding: 5px 0 !important;
}

.skin-lady .pro-nn .polz_pol_wr .lines * {
    /*font-family: 'Roboto', sans-serif;*/
    line-height: 1.3;
    font-size: 13px;
    margin-bottom: 0 !important;
}

.skin-lady .pro-nn .polz_pol_wr .lines .name {
    color: var(--main-color-0);
}

.skin-lady .pro-nn .polz_pol_wr .lines .name:hover {
    color: var(--main-color-1);
}

.skin-lady .pro-nn .polz_pol_wr .lines .line2 p,
.skin-lady .pro-nn .polz_pol_wr .lines .line2 span,
.skin-lady .pro-nn .polz_pol_wr .lines .razdelitel {
    color: var(--gray-3);
    display: inline-block;
}

.skin-lady .pro-nn .polz_pol_wr .lines .line2 [class^='icon-'] {
    font-size: 12px;
    vertical-align: -1px;
    display: inline-block;
    margin-right: 3px;
}

.skin-lady .pro-nn .polz_pol_wr .lines .razdelitel {
    margin: 0 5px;
}

.skin-lady .pro-nn .polz_pol_wr .lines .user_status {
    float: left;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 9px;
    padding: 0 4px;
    margin-top: 1px;
    margin-right: 7px;
    line-height: 16px;
    letter-spacing: .05em;
    background-color: var(--main-color-1);
    color: #fff;
}

/*Send message form*/

/*.skin-lady .pro-block.send-container .h2 {
    margin-top: 20px;
    line-height: 1.1;
}*/

.skin-lady .send-container {
    margin-top: 30px;
}

.send-container .close {
    right: 15px;
    top: 24px;
}

@media (max-width: 575px) {
    .skin-lady .standart-container {
        padding: 15px;
        width: calc(100% + 30px);
        margin-left: -15px;
        border-radius: 0;
    }

    .skin-lady .standart-container.no-border {
        border-radius: 0;
    }

    .skin-lady .send-container {
        margin-top: 0;
    }

    .send-container .close {
        right: 15px;
        top: 9px;
    }
}

.skin-lady .send-container .upload-image {
    border: 1px solid var(--main-color-1);
    border-radius: 5px;
}

.skin-lady .preview_small .delete:hover,
.skin-lady .preview_small .delete:active {
    background-color: #e90029;
    color: #fff;
}

.skin-lady .note-nn,
.skin-lady .note-nn-1 {
    color: var(--main-color-1);
    /*color: var(--main-color-1);*/
}

.skin-lady .note-nn-2,
.skin-lady .note-nn.help-block {
    color: #e90029;
}

.skin-lady .form-control:focus {
    border-color: var(--main-color-1);
    outline: 0;
    /*box-shadow: inset 0 1px 1px rgba(255, 45, 82, .08), 0 0 8px rgba(255, 45, 82, .6);*/
}

.skin-lady .message_ban {
    background-color: var(--main-color-1);
    color: #fff;
    border-radius: 5px;
}

body.projects.skin-lady .message_ban p {
    color: #fff;
}

.skin-lady .message_ban a {
    color: #fff !important;
    text-decoration: underline !important;
}

.skin-lady .message_ban a:hover {
    opacity: .7;
}

.skin-lady .pro-send textarea {
    max-width: 100%;
    border-color: #c4c4c4;
}

.skin-lady .pro-send .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
    border-color: var(--main-color-1);
    box-shadow: none;
}

.skin-lady .pro-send .ck.ck-editor__main > .ck-editor__editable blockquote {
    background-color: transparent;
    border-radius: 0;
    overflow: unset;
}

.skin-lady .pro-send .ck.ck-editor__main > .ck-editor__editable blockquote:after {
    display: none;
}

.skin-lady .ck.ck-placeholder:before,
.skin-lady .ck .ck-placeholder:before {
    color: #999999;
}

.send-container .close .svg-icon {
    fill: var(--main-color-1);
}

@media (max-width: 575px) {
    .skin-lady.for-phone .standart-container {
        margin-bottom: 0;
        border-top: none;
    }
}

.send-container .polz_pol_wr .name {
    color: var(--main-color-0);
}

/*---------------------------------------------------*/

.loading {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px auto 0;
    height: 50px;
}

.loading-text {
    /*font-family: 'Roboto', sans-serif;*/
    font-size: 19px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 7px;
    color: var(--main-color-1);
}

#fountainG {
    position: relative;
    width: 168px;
    height: 20px;
    margin: auto;
}

.fountainG {
    position: absolute;
    top: 0;
    background-color: var(--main-color-1);
    width: 16px;
    height: 16px;
    animation-name: bounce_fountainG;
    animation-duration: 1.165s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    transform: scale(.3);
    border-radius: 13px;
}

#fountainG_1 {
    left: 0;
    animation-delay: 0.466s;
}

#fountainG_2 {
    left: 21px;
    animation-delay: 0.5825s;
}

#fountainG_3 {
    left: 42px;
    animation-delay: 0.699s;
}

#fountainG_4 {
    left: 63px;
    animation-delay: 0.8155s;
}

#fountainG_5 {
    left: 84px;
    animation-delay: 0.932s;
}

#fountainG_6 {
    left: 105px;
    animation-delay: 1.0485s;
}

#fountainG_7 {
    left: 126px;
    animation-delay: 1.165s;
}

#fountainG_8 {
    left: 147px;
    animation-delay: 1.2915s;
}

@keyframes bounce_fountainG {
    0% {
        transform: scale(1);
        background-color: var(--main-color-1);
    }

    100% {
        transform: scale(.3);
        background-color: rgba(126, 205, 91, 0);
    }
}

@-o-keyframes bounce_fountainG {
    0% {
        -o-transform: scale(1);
        background-color: var(--main-color-1);
    }

    100% {
        -o-transform: scale(.3);
        background-color: rgba(126, 205, 91, 0);
    }
}

@-ms-keyframes bounce_fountainG {
    0% {
        -ms-transform: scale(1);
        background-color: var(--main-color-1);
    }

    100% {
        -ms-transform: scale(.3);
        background-color: rgba(126, 205, 91, 0);
    }
}

@-webkit-keyframes bounce_fountainG {
    0% {
        -webkit-transform: scale(1);
        background-color: var(--main-color-1);
    }

    100% {
        -webkit-transform: scale(.3);
        background-color: rgba(126, 205, 91, 0);
    }
}

@-moz-keyframes bounce_fountainG {
    0% {
        -moz-transform: scale(1);
        background-color: var(--main-color-1);
    }

    100% {
        -moz-transform: scale(.3);
        background-color: rgba(126, 205, 91, 0);
    }
}

/*---------------------------------------------------*/

/*End of Send message form*/

/*End of Форум*/

/*Quiz*/

/*.skin-lady .moe-online-quiz {
    border-color: var(--main-color-1);
}

.skin-lady .moe-online-quiz.title-begin,
.skin-lady .moe-online-quiz.title-result,
.skin-lady .moe-online-quiz.title-begin p,
.skin-lady .moe-online-quiz.title-result p,
.skin-lady .moe-online-quiz .item,
.skin-lady .q-message {
    background-color: var(--main-color-1);
    color: #fff;
}*/

/*.skin-lady .moe-online-quiz .mr-left-game i,
.skin-lady .moe-online-quiz .mr-right-game i {
    color: #65a449;
}*/

/*.skin-lady .moe-online-quiz .startQuiz:hover,
.skin-lady .moe-online-quiz .startQuiz:focus,
.skin-lady .moe-online-quiz.q-message .button-z:hover,
.skin-lady .moe-online-quiz.q-message .button-z:focus {
    background-color: #ebffe5;
}

.skin-lady .moe-online-quiz .button,
.skin-lady .moe-online-quiz .button-z {
    background-color: var(--main-color-1);
}

.skin-lady .button.checkAnswer:hover,
.skin-lady .button.checkAnswer:focus,
.skin-lady .button.nextQuestion:hover,
.skin-lady .button.nextQuestion:focus {
    background-color: #65b442;
}

.skin-lady .moe-online-quiz .startQuiz,
.skin-lady .moe-online-quiz.q-message .button-z {
    background-color: #fff;
    color: #65b442;
}*/

/*End of Quiz*/

.skin-lady .address-box a {
    display: inline-block;
}

.skin-lady .address-box a:hover .address-item-content,
.skin-lady .address-item-content a:hover {
    color: var(--main-color-1);
    text-decoration: none;
}

.skin-lady .address-item-note,
.skin-lady .address-social-label {
    margin-top: 2px;
    font-size: 13px;
    color: #859092;
}

.skin-lady .pop_wr_nov svg #i-i,
.skin-lady .pop_wr_nov svg #i-dot {
    stroke: var(--main-color-1);
}

.skin-lady .pop_wr_nov svg #i-round {
    fill: var(--main-color-1);
}

/*End of skin-animals*/

/*Pagination*/

.skin-lady .pagination > li > a,
.skin-lady .pagination > li > span,
.skin-lady .pagination a,
.skin-lady .pagination span,
.skin-lady .pagination a:hover,
.skin-lady .pagination a:focus,
.skin-lady .pagination > li > a:hover,
.skin-lady .pagination > li > span:hover,
.skin-lady .pagination a:hover {
    color: var(--main-color-1);
}

.skin-lady .pagination > .active > a,
.skin-lady .pagination > .active > span,
.skin-lady .pagination > .active > a:hover,
.skin-lady .pagination > .active > span:hover,
.skin-lady .pagination > .active > a:focus,
.skin-lady .pagination > .active > span:focus,
.skin-lady .pagination a.current {
    background-color: var(--main-color-1);
    color: #fff;
}

.skin-lady .pagination > li > a:hover,
.skin-lady .pagination > li > a:focus {
    background-color: var(--main-color-1-transp);
    color: var(--main-color-1);
}

.skin-lady .pagination > li > a:active {
    background-color: var(--main-color-1);
    color: #fff;
    transition: 0s;
}

.skin-lady .pagination > li:not(.disabled) > a:hover b,
.skin-lady .pagination > li:not(.disabled) > span:hover b,
.skin-lady .pagination > li:not(.disabled) > a:focus b,
.skin-lady .pagination > li:not(.disabled) > span:focus b,
.skin-lady .pagination > li:not(.disabled) > a:active b,
.skin-lady .pagination > li:not(.disabled) > span:active b {
    border-bottom: 1px solid var(--main-color-1);
}

/*.pagination > li:first-child > a:hover,
.pagination > li:first-child > span:hover,
.pagination > li:first-child > a:focus,
.pagination > li:first-child > span:focus,
.pagination > li:first-child > a:active,
.pagination > li:first-child > span:active,
.pagination > li:last-child > a:hover,
.pagination > li:last-child > span:hover,
.pagination > li:last-child > a:focus,
.pagination > li:last-child > span:focus,
.pagination > li:last-child > a:active,
.pagination > li:last-child > span:active {
    background-color: transparent;
    color: var(--main-color-1);
}*/

/*End of Pagination*/

/*Down panel & modal menu*/

.skin-lady .down-panel {
    /*border-radius: 8px;*/
    background-color: #fff;
    box-shadow: 0 0 25px rgba(47, 67, 78, .25);
}

.skin-lady .down-panel.is-hidden-down {
    box-shadow: none;
}

/*.skin-lady .down-panel-container .down-panel-btn:first-child {
    border-radius: 8px 0 0 8px;
}

.skin-lady .down-panel-container .down-panel-btn:last-child {
    border-radius: 0 8px 8px 0;
}*/

.skin-lady .down-panel-btn {
    color: var(--main-color-1);
}

.skin-lady .down-panel-btn:active {
    color: var(--main-color-1);
}

.skin-lady .down-panel-btn.down-message-add {
    border-radius: 8px 8px 0 0;
    background-color: var(--main-color-1);
    color: #fff !important;
}

.skin-lady .down-panel-btn.down-message-add:active {
    background-color: var(--main-color-1-semilight);
}

.skin-lady .down-panel-btn .sandwich-group .sandwich-line {
    background-color: var(--main-color-1);
}

.skin-lady .down-panel-btn:active .sandwich-group .sandwich-line {
    background-color: var(--main-color-1);
}

.skin-lady .modal-down-menu .pro-modal-header {
    background-color: var(--main-color-1);
    padding: 21px 25px 25px;
    border: none;
}

.skin-lady .modal-down-live .pro-modal-header {
    padding: 21px 25px 25px;
    border: none;
    height: 70px;
}

.skin-lady .modal-down-menu .pro-modal-header .pro-modal-title,
.skin-lady .modal-down-live .pro-modal-header .pro-modal-title {
    /*font-family: 'Roboto', sans-serif;*/
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
}

.skin-lady .modal-down-menu .pro-modal-header .pro-modal-title {
    padding-right: 40px;
    margin-bottom: 25px;
    color: #fff;
}

.skin-lady .modal-down-live .pro-modal-header .pro-modal-title {
    color: var(--main-color-1);
}

.skin-lady .modal-down-menu .close .svg-icon {
    fill: #fff;
}

.skin-lady .modal-down-live .close .svg-icon {
    fill: var(--main-color-1);
}

/*.skin-lady .pro-modal-down .modal-content {
    background-color: var(--main-color-1-semilight);
}*/

/*.skin-lady .pro-modal-down .modal-body .close {
    background-image: url(/themes/default/front/img/close-animals-green.svg);
}*/

.skin-lady .pro-modal-down .form-control-feedback {
    color: var(--main-color-1);
}

.skin-lady .modal-down-menu .modal-body {
    height: calc(100% - 144px);
}

.skin-lady .pro-modal-down .modal-body-in {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

/*.skin-lady .pro-modal-down .modal-body-in ul li {
    margin: 1px 0;
}*/

.skin-lady .pro-modal-down .modal-body-in ul.modal-level-1 > li {
    padding: 0 0 0 25px;
    margin: 1px 0;
}

/*.skin-lady .pro-modal-down .modal-body-in ul.modal-level-1 > li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 42px;
    z-index: -1;
    background-color: magenta;
}

.skin-lady .pro-modal-down .modal-body-in ul.modal-level-1 > li:active:before {
    background-color: magenta;
}

.skin-lady .pro-modal-down .modal-body-in ul > li.active:before {
    background-color: magenta;
}*/

.skin-lady .modal-level-1 > li a {
    position: relative;
    font-size: 20px;
    line-height: 42px;
    float: left;
    width: calc(100% - 71px);
    transition: none;
}

.skin-lady .modal-level-1 > li > a {
    /*font-weight: 800;*/
    text-transform: uppercase;
}

.skin-lady .modal-level-2 > li > a {
    /*font-weight: 800;*/
}

.skin-lady .modal-level-3 > li a {
    width: 100%;
}

.skin-lady .modal-level-2 > li a,
.skin-lady .modal-level-3 > li a {
    font-size: 15px;
}

.skin-lady .pro-modal-down ul.modal-level-2,
.skin-lady .pro-modal-down ul.modal-level-3 {
    display: none;
    margin-left: 25px;
    width: calc(100% - 25px);
}

.skin-lady .pro-modal-down ul > li.active > ul {
    display: block;
}

.skin-lady .pro-modal-down .menu_down {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    float: right;
    height: 42px;
    width: 71px;
}

.skin-lady .pro-modal-down .menu_down i {
    font-size: 24px;
    text-align: center;
    width: 100%;
    margin: 0;
    transition: transform .3s linear, color 0s;
}

.skin-lady .pro-modal-down .menu_down i.rotate-i {
    transform: rotate(180deg);
}

.skin-lady .modal-level-1 > li a,
.skin-lady .modal-level-2 > li a,
.skin-lady .modal-level-3 > li a,
.skin-lady .pro-modal-down .menu_down i,
.pro-modal-other-links a {
    color: var(--main-color-0);
}

.skin-lady .modal-level-1 > li a:active,
.skin-lady .modal-level-2 > li a:active,
.skin-lady .modal-level-3 > li a:active {
    color: var(--main-color-1);
}

.skin-lady .pro-modal-down .menu_down:active:before {
    content: '';
    position: absolute;
    top: calc(50% - 17px);
    left: calc(50% - 17px);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    z-index: -1;
}

/*.skin-lady .pro-modal-down .modal-body a:active,
.skin-lady .pro-modal-down .modal-body .menu_down:active i,
.skin-lady .pro-modal-down .modal-body .li-search:active i {
    color: var(--main-color-1);
}*/

.skin-lady .pro-modal-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 66px;
    background-color: #535353;
    padding: 12px 25px;
    border: none;
}

.skin-lady .subscription-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    padding: 0 15px;
    border-radius: 16px;
    font-size: 14px;
    text-align: left;
    background-color: var(--main-color-1);
    color: #fff;
}

.skin-lady .subscription-btn span {
    margin-left: 10px;
    line-height: 1.1;
}

.skin-lady .subscription-btn i {
    font-size: 31px;
    margin-bottom: 2px;
}

/*Живая лента*/

.skin-lady .modal-down-live .modal-body {
    height: calc(100% - 90px);
    padding: 0 25px 25px;
}

.skin-lady .live_com {
    border-bottom: 1px solid var(--main-color-1);
}

.skin-lady .inform_line,
.skin-lady .inform_top_line {
    color: var(--gray-3);
}

/*.skin-lady .inform_line span,
.skin-lady .inform_top_line span {
    font-family: 'Roboto', sans-serif;
}*/

.live_av_img {
    border-radius: 50%;
    background-color: var(--gray-1);
}

.live_com.live_com_new {
    background-color: transparent;
    animation: 1.5s new_com 1 forwards;
}

@keyframes new_com {
    from, to {
        background-color: transparent;
    }
    20% {
        background-color: #fff1ca;
    }
}

/*End of Живая лента*/
/*End of Down panel & modal menu*/

/*Живая лента в Форуме*/

.el-flip .live-container {
    position: absolute;
    top: 0;
    left: -20px;
    width: 200px;
    height: calc(100vh - 140px - 150px);
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
}

@media (min-width: 992px) and (max-width: 1279px) {
    .el-flip .live-container {
        box-shadow: 3px 6px 25px rgba(47, 67, 78, .25);
    }
}

.live_h2 {
    /*font-family: 'Roboto', sans-serif;*/
    text-transform: uppercase;
    font-weight: 800;
    font-size: 16px;
    color: var(--main-color-1);
    margin-bottom: 10px;
}

.live-container-in {
    width: 100%;
    height: calc(100% - 33px);
    overflow-y: auto;
}

/*end of Живая лента в Форуме*/

/*Basic modal*/

.skin-lady .modal-content {
    border: none;
    border-radius: 5px;
    /*font-family: 'Open sans', sans-serif;*/
}

.skin-lady.for-phone .pro-modal-down .modal-content {
    border-radius: 0;
}

.for-phone .modal-claim .modal-content {
    border-radius: 5px;
}

.skin-lady .modal-claim .modal-content.pro-block .h2 {
    margin-bottom: 10px;
    font-size: 20px;
}

.skin-lady .modal-content textarea {
    margin: 20px 0 0;
}

/*End of Basic modal*/

/*Recomendation block NN*/

/*.skin-lady .material-row-slide .scroll-item-link {
    background: var(--main-color-1-semilight-1);
}

.skin-lady .material-row-slide .scroll-item-link.noimage > div:first-child:before {
    background: linear-gradient(0deg, rgba(201, 234, 184, 1) 10%, rgba(201, 234, 184, 0) 100%);
}*/

.skin-lady .material-row-slide .scroll-item-link {
    background: #fff;
}

.skin-lady .material-row-slide .scroll-item-link.noimage > div:first-child:before {
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 100%);
}

.material-row-slide .inform_top_line span[class^='icon-'],
.material-row-slide .inform_count span[class^='icon-'] {
    color: var(--gray-3);
}

.skin-lady .material-row-slide .h2-widget {
    margin-bottom: 10px;
}

/*.skin-lady .material-row-slide .scroll-item-date,
.skin-lady .material-row-slide .scroll-item-footer .down_line_nn .total-count {
    font-family: 'Open Sans';
}*/

@media (max-width: 767px) {
    .skin-lady .material-row-slide .h2-widget {
        margin-left: 15px;
    }
}

@media (max-width: 575px) {
    .skin-lady .material-row-slide .h2-widget {
        margin-left: 5.2vw;
    }
}

/*End of Recomendation block NN*/

.skin-lady .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--main-color-1);
    opacity: .75;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

/*promo-widget*/

.promo-widget {
    position: fixed;
    z-index: 1000;
    overflow: hidden;
    background-color: #e4f4dc;
    background-color: var(--main-color-1-semilight-1);
    background-color: #fff;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .05),
    0 0 10px 2px rgba(0, 0, 0, .1),
    5px 5px 30px rgba(0, 0, 0, .2);
}

.promo-widget-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*font-family: 'Roboto Condensed';*/
    color: #1e2c34 !important;
}

.promo-widget-title,
.promo-widget-text,
.promo-widget-button {
    left: 125px;
    width: calc(100% - 140px);
}

.promo-widget-title {
    font-size: 15px;
    line-height: 1.1;
    font-weight: 800;
    position: absolute;
    top: 15px;
}

.promo-widget-text {
    /*font-family: 'Roboto', sans-serif;*/
    font-size: 12.5px;
    line-height: 1.2;
    position: absolute;
    top: 53px;
}

.promo-widget-content img {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 100px;
    height: 100px;
    border-radius: 5px;
    object-fit: cover;
    object-position: center;
}

.promo-widget-button {
    position: absolute;
    top: 90px;
    max-width: 180px;
    height: 25px;
    border-radius: 5px;
    /*font-family: 'Roboto Condensed';*/
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    line-height: 25px;
    background-color: var(--main-color-1);
    color: #fff !important;
}

.promo-widget-button:hover {
    box-shadow: inset 0 0 100px rgba(0, 0, 0, .15);
}

.promo-widget-button:active {
    margin-top: 2px;
    transition: none;
}

.close-widget {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 55px;
    position: absolute;
    cursor: pointer;
    top: -10px;
    right: -10px;
    z-index: 10;
    transition: all .2s;
}

.close-widget .svg-icon {
    width: 15px;
    height: 15px;
    fill: var(--main-color-1);
}

.close-widget:hover .svg-icon {
    transform: scale(1.2);
}

@media (min-width: 576px) {
    @keyframes fadeInLeftWidget {
        0% {
            visibility: hidden;
            opacity: 0;
            transform: translate3d(-150%, 0, 0);
        }

        20% {
            visibility: visible;
            opacity: 1;
        }

        100% {
            visibility: visible;
            opacity: 1;
            transform: none;
        }
    }

    @keyframes fadeInLeftWidgetImg {
        0% {
            visibility: hidden;
            opacity: 0;
            transform: translate3d(-150%, 0, 0);
        }

        50% {
            visibility: hidden;
            opacity: 0;
        }

        100% {
            visibility: visible;
            opacity: 1;
            transform: none;
        }
    }

    @keyframes fadeOutLeftWidget {
        0% {
            visibility: visible;
            opacity: 1;
        }

        80% {
            visibility: visible;
            opacity: 1;
        }

        100% {
            visibility: hidden;
            opacity: 0;
            transform: translate3d(-150%, 0, 0);
        }
    }

    @keyframes fadeInLeftRotate {
        0% {
            visibility: hidden;
            opacity: 0;
            transform: rotate(360deg);
        }

        100% {
            visibility: visible;
            opacity: 1;
            transform: none;
        }
    }

    @keyframes fadeOutRightRotate {
        0% {
            visibility: visible;
            opacity: 1;
            transform: none;
        }

        100% {
            visibility: hidden;
            opacity: 0;
            transform: rotate(-360deg);
        }
    }

    @keyframes fadeInUpWidget {
        0% {
            visibility: hidden;
            opacity: 0;
            transform: translate3d(0, 65%, 0);
        }

        100% {
            visibility: visible;
            opacity: 1;
            transform: none;
        }
    }

    .promo-widget {
        animation-name: fadeInLeftWidget;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-timing-function: ease-in-out;
    }

    .promo-widget-content img {
        animation-name: fadeInLeftWidgetImg;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-timing-function: ease-in-out;
    }

    .promo-widget-title,
    .promo-widget-text,
    .promo-widget-button {
        animation-name: fadeInUpWidget;
        animation-duration: .5s;
        animation-fill-mode: both;
        animation-timing-function: ease-in-out;
    }

    .close-widget {
        animation-name: fadeInLeftRotate;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-timing-function: ease-in-out;
    }

    .disabled .close-widget {
        animation-name: fadeOutRightRotate;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-timing-function: ease-in-out;
    }

    .promo-widget.disabled {
        animation-name: fadeOutLeftWidget;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-delay: 0s;
    }
}

@media (max-width: 575px) {
    @keyframes fadeInUpWidget {
        0% {
            visibility: hidden;
            opacity: 0;
            transform: translate3d(0, 150%, 0);
        }

        20% {
            visibility: visible;
            opacity: 1;
        }

        100% {
            visibility: visible;
            opacity: 1;
            transform: none;
        }
    }

    @keyframes fadeInUpWidgetImg {
        0% {
            visibility: hidden;
            opacity: 0;
            transform: translate3d(0, 100%, 0);
        }

        20% {
            visibility: hidden;
            opacity: 0;
        }

        100% {
            visibility: visible;
            opacity: 1;
            transform: none;
        }
    }

    @keyframes fadeOutDownWidget {
        0% {
            visibility: visible;
            opacity: 1;
        }

        80% {
            visibility: visible;
            opacity: 1;
        }

        100% {
            visibility: hidden;
            opacity: 0;
            transform: translate3d(0, 150%, 0);
        }
    }

    @keyframes fadeInLeftRotate {
        0% {
            visibility: hidden;
            opacity: 0;
            transform: rotate(360deg);
        }

        100% {
            visibility: visible;
            opacity: 1;
            transform: none;
        }
    }

    @keyframes fadeOutRightRotate {
        0% {
            visibility: visible;
            opacity: 1;
            transform: none;
        }

        100% {
            visibility: hidden;
            opacity: 0;
            transform: rotate(-360deg);
        }
    }

    @keyframes fadeInUpWidgetElement {
        0% {
            visibility: hidden;
            opacity: 0;
            transform: translate3d(0, 65%, 0);
        }

        100% {
            visibility: visible;
            opacity: 1;
            transform: none;
        }
    }

    .promo-widget {
        animation-name: fadeInUpWidget;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-timing-function: ease-in-out;
    }

    .promo-widget-content img {
        animation-name: fadeInUpWidgetImg;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-timing-function: ease-in-out;
    }

    .promo-widget-title,
    .promo-widget-text,
    .promo-widget-button {
        animation-name: fadeInUpWidgetElement;
        animation-duration: .5s;
        animation-fill-mode: both;
        animation-timing-function: ease-in-out;
    }

    .close-widget {
        animation-name: fadeInLeftRotate;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-timing-function: ease-in-out;
    }

    .disabled .close-widget {
        animation-name: fadeOutRightRotate;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-timing-function: ease-in-out;
    }

    .promo-widget.disabled {
        animation-name: fadeOutDownWidget;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-delay: 0s;
    }
}

.promo-widget {
    animation-delay: 4s;
}

.promo-widget-content img {
    animation-delay: 4.4s;
}

.promo-widget-title {
    animation-delay: 4.7s;
}

.promo-widget-text {
    animation-delay: 5s;
}

.promo-widget-button {
    animation-delay: 5.3s;
}

.close-widget {
    animation-delay: 5.6s;
}

.disabled .close-widget {
    animation-delay: 0s;
}

@media (max-width: 575px) {
    .for-phone .promo-widget {
        bottom: 50px;
        left: 0;
        width: 100%;
        height: 140px;
        border-radius: 16px 16px 0 0;
    }
}

@media (max-width: 399px) {
    .for-phone .promo-widget {
        height: 160px;
    }

    .for-phone .promo-widget-content img {
        height: 118px;
    }

    .for-phone .promo-widget-title,
    .for-phone .promo-widget-text,
    .for-phone .promo-widget-button {
        left: 125px;
        width: calc(100% - 150px);
    }

    .for-phone .promo-widget-text {
        top: 70px;
    }

    .for-phone .promo-widget-button {
        top: 107px;
    }
}

@media (max-width: 374px) {
    .for-phone .promo-widget-title {
        width: calc(100% - 160px);
    }

    .for-phone .promo-widget-title br {
        display: none;
    }

    .for-phone .promo-widget-text {
        top: 53px;
    }
}

@media (max-width: 350px) {
    .for-phone .promo-widget-title,
    .for-phone .promo-widget-text,
    .for-phone .promo-widget-button {
        width: calc(100% - 140px);
    }

    .for-phone .promo-widget-title br {
        display: none;
    }

    .for-phone .promo-widget-text {
        top: 53px;
    }
}

/*@media (min-width: 360px) {
    .for-phone .promo-widget {
        height: 175px;
    }

    .for-phone .promo-widget-text {
        top: 68px;
    }

    .for-phone .promo-widget-button {
        top: 106px;
    }
}*/

@media (min-width: 400px) {
    .for-phone .promo-widget {
        height: 140px;
    }
}

@media (min-width: 425px) and (max-width: 575px) {
    .for-phone .promo-widget {
        height: 175px;
    }

    .promo-widget-content img {
        width: 130px;
        height: 130px;
    }

    .promo-widget-title,
    .promo-widget-text,
    .promo-widget-button {
        left: 155px;
        width: calc(100% - 170px);
    }

    .for-phone .promo-widget-title {
        font-size: 18px;
    }

    .for-phone .promo-widget-text {
        font-size: 14px;
        top: 78px;
    }

    .for-phone .promo-widget-button {
        height: 30px;
        line-height: 30px;
        top: 115px;
    }
}

@media (min-width: 480px) and (max-width: 575px) {
    .for-phone .promo-widget {
        height: 165px;
    }

    .promo-widget-content img {
        width: 120px;
        height: 120px;
    }

    .promo-widget-title,
    .promo-widget-text,
    .promo-widget-button {
        left: 145px;
        width: calc(100% - 160px);
    }

    .for-phone .promo-widget-title {
        font-size: 18px;
    }

    .for-phone .promo-widget-text {
        font-size: 14px;
        top: 62px;
    }

    .for-phone .promo-widget-button {
        height: 30px;
        line-height: 30px;
        top: 105px;
    }
}

@media (min-width: 576px) {
    .promo-widget {
        bottom: 25px;
        left: 30px;
        width: 400px;
        height: 130px;
        border-radius: 16px;
    }

    .for-phone .promo-widget {
        bottom: 70px;
        height: 130px;
    }
}

/*end of promo-widget*/

.skin-lady .anons-container-2-column {
    display: none;
}

.skin-lady .anons-container-tabs {
    display: block;
}

@media (min-width: 576px) {
    .skin-lady .anons-container-2-column {
        display: flex;
    }

    .skin-lady .anons-container-tabs {
        display: none;
    }

    .skin-lady .anons-container .standart-container {
        width: calc(50% - 10px);
    }

    .skin-lady .anons-container .standart-container:first-child {
        margin-right: 10px;
    }

    .skin-lady .anons-container .standart-container:last-child {
        margin-left: 10px;
    }
}

.skin-lady .anons-container .standart-container {
    margin-bottom: 20px;
}

.skin-lady .anons-container-2-column .h2-widget,
.skin-lady .anons-container .nav-tabs {
    margin-bottom: 25px;
}

.skin-lady .anons-container .nav-tabs > li:first-child {
    margin-right: 30px;
}

.skin-lady .anons-container .nav-tabs > li > a {
    color: var(--gray-3);
    opacity: .7;
}

.skin-lady .anons-container .nav-tabs > li > a:hover,
.skin-lady .anons-container .nav-tabs > li > a:focus {
    opacity: 1;
}

.skin-lady .anons-container .nav-tabs > li.active > a {
    color: var(--main-color-1);
    opacity: 1;
}

.skin-lady .anons-container .nav-tabs > li.active > a:hover,
.skin-lady .anons-container .nav-tabs > li.active > a:focus {
    color: var(--main-color-1);
}

.compact-item-in {
    height: 370px;
    overflow-y: auto;
    position: relative;
}

/*.compact-item-in:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 1;
    background: linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
}*/

.skin-lady .anons-container .compact-item {
    display: flex;
    width: 100%;
    margin-bottom: 25px;
    position: relative;
}

.skin-lady .anons-container .compact-item:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 100%;
    height: 1px;
    background-color: var(--gray-2);
}

.skin-lady .anons-container .compact-item:last-child {
    margin-bottom: 0;
}

.skin-lady .anons-container .compact-item .compact-item-image {
    width: 70px;
    min-width: 70px;
    height: 70px;
    /*margin-right: 10px;*/
    margin-left: 10px;
    aspect-ratio: 1/1;
    opacity: 0.8;
    border-radius: 5px;
    overflow: hidden;
    /*order: 1;*/
}

.skin-lady .anons-container .compact-item .compact-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.skin-lady .anons-container .compact-item .compact-item-title {
    /*font-family: 'Roboto', sans-serif;*/
    font-weight: 800;
    font-size: 16px;
    line-height: 1.2;
    padding: 0;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: unset;
    display: block;
    transition: all .2s ease;
    /*order: 2;*/
}

@media (min-width: 576px) and (max-width: 767px), (min-width: 992px) and (max-width: 1279px) {
    .skin-lady .standart-container:first-child,
    .skin-lady .standart-container:last-child {
        padding: 20px;
    }

    .skin-lady .anons-container .compact-item .compact-item-image {
        width: 60px;
        min-width: 60px;
        height: 60px;
    }

    .skin-lady .anons-container .compact-item .compact-item-title {
        font-size: 14px;
    }
}

.skin-lady .anons-container .compact-item .compact-item-title .compact-item-header {
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 5px;
}

.skin-lady .anons-container .anons-footer {
    margin-top: 25px;
    text-align: right;
}

.skin-lady .anons-container .anons-read-more .compact-item .compact-item-title .compact-item-header {
    color: var(--main-color-1);
}

.skin-lady .anons-container .anons-forum .compact-item .compact-item-title .compact-item-header {
    color: var(--main-color-1);
}

.skin-lady .cookie-plate a {
    color: #fff;
    text-decoration: underline;
}

.skin-lady .cookie-plate a:hover,
.skin-lady .anons-container .anons-footer a {
    color: var(--main-color-1);
}

.skin-lady .anons-container .anons-footer a:hover {
    color: var(--main-color-1);
}

.skin-lady .cookie_btn {
    font-size: 20px;
}

/*@media (max-width: 450px) {
    .skin-lady .material-footer-box .reactions-button {
        width: 45px;
    }

    .skin-lady .material-footer-box .reaction-icon-box,
    .skin-lady .material-footer-box .svg-icon.reactions-icon,
    .skin-lady .material-footer-box .social-btn-icon,
    .skin-lady .material-footer-box .share-block .social-btn-icon,
    .skin-lady .material-footer-box .btn-adv-check,
    .skin-lady .material-footer-box .material-head-comments,
    .skin-lady .material-footer-box .material-bookmark,
    .skin-lady .material-footer-2 .compl {
        height: 45px;
        width: 45px;
    }

    .material-footer .share-block {
        bottom: -86px;
    }

    .skin-lady .comment-form-button {
        height: 45px;
        line-height: 45px;
    }
}

@media (max-width: 400px) {
    .skin-lady .material-footer-box .reactions-button {
        width: 40px;
    }

    .skin-lady .material-footer-box .reaction-icon-box,
    .skin-lady .material-footer-box .svg-icon.reactions-icon,
    .skin-lady .material-footer-box .social-btn-icon,
    .skin-lady .material-footer-box .share-block .social-btn-icon,
    .skin-lady .material-footer-box .btn-adv-check,
    .skin-lady .material-footer-box .material-head-comments,
    .skin-lady .material-footer-box .material-bookmark,
    .skin-lady .material-footer-2 .compl {
        height: 40px;
        width: 40px;
    }

    .material-footer .share-block {
        bottom: -81px;
    }

    .skin-lady .comment-form-button {
        height: 40px;
        line-height: 40px;
    }

    .skin-lady .comment-form-button .svg-icon {
        display: none;
    }
}

@media (max-width: 350px) {
    .skin-lady .material-footer-box .reactions-button {
        width: 40px;
    }

    .skin-lady .material-footer-box .reaction-icon-box,
    .skin-lady .material-footer-box .svg-icon.reactions-icon,
    .skin-lady .material-footer-box .social-btn-icon,
    .skin-lady .material-footer-box .share-block .social-btn-icon,
    .skin-lady .material-footer-box .btn-adv-check,
    .skin-lady .material-footer-box .material-head-comments,
    .skin-lady .material-footer-box .material-bookmark,
    .skin-lady .material-footer-2 .compl {
        height: 40px;
        width: 40px;
    }

    .skin-lady .material-footer .share-block {
        bottom: -81px;
    }

    .skin-lady .comment-form-button {
        height: 40px;
        line-height: 40px;
    }
}*/