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,
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: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -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"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
input[type="checkbox"],
input[type="radio"] {
  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;
  -moz-box-sizing: content-box;
  -webkit-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;
}
.prettydropdown {
  position: relative;
  width: 100% !important;
  display: inline-block;
}
.prettydropdown.loading {
  min-width: 0;
}
.prettydropdown > ul {
  width: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #74a3c7;
  border-radius: 10px;
  box-sizing: content-box;
  cursor: pointer;
  color: black;
  font-family: "Roboto";
  font-size: 17px;
  font-weight: 400;
  line-height: 30px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
  z-index: 1;
}
.prettydropdown.loading > ul {
  visibility: hidden;
  white-space: nowrap;
}
.prettydropdown > ul:focus,
.prettydropdown:not(.disabled) > ul:hover {
  border-color: #7f7f7f;
}
.prettydropdown:not(.disabled) > ul.active {
  width: auto;
  max-height: none !important;
  border-color: #1e90ff;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 99;
}
.prettydropdown > ul.active:focus {
  outline: none;
}
.prettydropdown > ul.active.reverse {
  top: auto;
  bottom: 0;
}
.prettydropdown > ul > li {
  position: relative;
  width: 100% !important;
  height: 44px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-sizing: border-box;
  display: none;
  line-height: 44px;
  /* 48px - borders */
  margin: 0;
}
.prettydropdown.loading > ul > li {
  min-width: 0;
  display: block;
  padding-right: 0.8rem;
}
.prettydropdown > ul:not(.active) > li:not(.selected):first-child {
  color: transparent;
  /* Prevent FOUC */
}
.prettydropdown > ul > li:first-child,
.prettydropdown > ul.active > li {
  display: block;
}
.prettydropdown > ul.active > li:not(.label):hover,
.prettydropdown > ul.active > li.hover:not(.label),
.prettydropdown > ul.active > li:first-child:hover:after {
  background: #1e90ff;
  color: #fff;
}
.prettydropdown > ul.active > li.nohover {
  background: inherit !important;
  color: inherit !important;
}
.prettydropdown > ul.active > li.hover:before,
.prettydropdown > ul.active > li.nohover:after {
  border-top-color: #fff !important;
}
.prettydropdown > ul.active > li.hover:after,
.prettydropdown > ul.active > li.nohover:before {
  border-top-color: #1e90ff !important;
}
.prettydropdown.arrow > ul > li.selected:before,
.prettydropdown.arrow > ul > li.selected:after {
  position: absolute;
  top: 6px;
  bottom: 0;
  right: 12px;
  width: 10px;
  height: 16px;
  border: 8px solid transparent;
  /* Arrow size */
  box-sizing: border-box;
  content: "";
  display: block;
  margin: auto;
}
.prettydropdown.arrow.small > ul > li.selected:before,
.prettydropdown.arrow.small > ul > li.selected:after {
  top: 4px;
  height: 8px;
  border-width: 4px;
}
.prettydropdown.arrow > ul > li.selected:before {
  border-top-color: #a9a9a9;
  /* Arrow color */
}
.prettydropdown.arrow > ul > li.selected:after {
  top: 7px;
  /* Chevron thickness */
  border-top-color: #fff;
  /* Match background colour */
}
.prettydropdown.arrow.small > ul > li.selected:after {
  top: 2px;
  /* Chevron thickness */
}
.prettydropdown.arrow.triangle > ul > li.selected:after {
  content: none;
}
.prettydropdown > ul:hover > li.selected:before {
  border-top-color: #7f7f7f;
}
.prettydropdown > ul.active > li.selected:before,
.prettydropdown > ul.active > li.selected:after {
  border: none;
}
.prettydropdown > ul:not(.active) > li > span.checked {
  display: none;
}
/* Multi-Select */
.prettydropdown.multiple > ul > li.selected {
  overflow: hidden;
  padding-right: 2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.prettydropdown > ul > li > span.checked {
  clear: both;
  float: right;
  font-weight: bold;
  margin-right: 0.8rem;
}
/* Option Groups */
.prettydropdown > ul > li.label {
  cursor: default;
  font-weight: bold;
}
.prettydropdown > ul > li.label:first-child,
.prettydropdown.classic > ul > li.label ~ li.selected {
  border-top: none;
}
.prettydropdown > ul > li.label ~ li:not(.label):not(.selected),
.prettydropdown.classic > ul.active > li.label ~ li:not(.label) {
  padding-left: 1.6rem;
}
/* Classic Behavior */
.prettydropdown.classic > ul:not(.active) > li.selected:not(:first-child) {
  position: absolute;
  top: 0;
  display: block;
}
/* Disabled */
.prettydropdown.disabled,
.prettydropdown > ul > li.disabled {
  opacity: 0.3;
}
.prettydropdown.disabled > ul > li,
.prettydropdown > ul > li.disabled {
  cursor: not-allowed;
}
/* Divider Lines */
.prettydropdown.multiple > ul > li.selected + li,
.prettydropdown.multiple > ul.reverse > li.selected,
.prettydropdown > ul > li.label,
.prettydropdown > ul > li.label ~ li.selected {
  border-top-color: #dedede;
}
/**
  * Owl Carousel v2.3.4
  * Copyright 2013-2018 David Deutsch
  * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
  */
.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}
.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}
.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.scroll-element {
  display: none;
}
.scroll-element,
.scroll-element div {
  box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}
.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}
/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 3;
}
.scrollbar-outer > .scroll-element {
  background-color: #ffffff;
}
.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}
.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}
.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px;
}
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 8px;
}
.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden;
}
.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #d9d9d9;
}
.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #acacac;
}
.scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
}
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}
/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -12px;
  margin-left: 12px;
}
.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px;
}
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px;
}
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer
  > .scroll-element.scroll-x.scroll-scrolly_visible
  .scroll-element_track {
  left: -14px;
}
.scrollbar-outer
  > .scroll-element.scroll-y.scroll-scrollx_visible
  .scroll-element_track {
  top: -14px;
}
.scrollbar-outer
  > .scroll-element.scroll-x.scroll-scrolly_visible
  .scroll-element_size {
  left: -14px;
}
.scrollbar-outer
  > .scroll-element.scroll-y.scroll-scrollx_visible
  .scroll-element_size {
  top: -14px;
}
/**
  * Featherlight – ultra slim jQuery lightbox
  * Version 1.7.13 - http://noelboss.github.io/featherlight/
  *
  * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
  * MIT Licensed.
  **/
html.with-featherlight {
  /* disable global scrolling when featherlights are visible */
  overflow: hidden;
}
.featherlight {
  display: none;
  /* dimensions: spanning the background from edge to edge */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2147483647;
  /* z-index needs to be >= elements on the site. */
  /* position: centering content */
  text-align: center;
  /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
  white-space: nowrap;
  /* styling */
  cursor: pointer;
  background: #333;
  /* IE8 "hack" for nested featherlights */
  background: rgba(0, 0, 0, 0);
}
/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
.featherlight:last-of-type {
  background: rgba(0, 0, 0, 0.8);
}
.featherlight:before {
  /* position: trick to center content vertically */
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.featherlight .featherlight-content {
  /* make content container for positioned elements (close button) */
  position: relative;
  /* position: centering vertical and horizontal */
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  /* dimensions: cut off images */
  overflow: auto;
  padding: 25px 25px 0;
  border-bottom: 25px solid transparent;
  /* dimensions: handling large content */
  margin-left: 5%;
  margin-right: 5%;
  max-height: 95%;
  /* styling */
  background: #fff;
  cursor: auto;
  /* reset white-space wrapping */
  white-space: normal;
}
/* contains the content */
.featherlight .featherlight-inner {
  /* make sure its visible */
  display: block;
}
/* don't show these though */
.featherlight script.featherlight-inner,
.featherlight link.featherlight-inner,
.featherlight style.featherlight-inner {
  display: none;
}
.featherlight .featherlight-close-icon {
  /* position: centering vertical and horizontal */
  position: absolute;
  z-index: 9999;
  top: 0;
  right: 0;
  /* dimensions: 25px x 25px */
  line-height: 25px;
  width: 25px;
  /* styling */
  cursor: pointer;
  text-align: center;
  font-family: Arial, sans-serif;
  background: #fff;
  /* Set the background in case it overlaps the content */
  background: rgba(255, 255, 255, 0.3);
  color: #000;
  border: none;
  padding: 0;
}
/* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
.featherlight .featherlight-close-icon::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.featherlight .featherlight-image {
  /* styling */
  width: 100%;
}
.featherlight-iframe .featherlight-content {
  /* removed the border for image croping since iframe is edge to edge */
  border-bottom: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
}
.featherlight iframe {
  /* styling */
  border: none;
}
.featherlight * {
  /* See https://github.com/noelboss/featherlight/issues/42 */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
  .featherlight .featherlight-content {
    /* dimensions: maximize lightbox with for small screens */
    margin-left: 0;
    margin-right: 0;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent;
  }
}
/* hide non featherlight items when printing */
@media print {
  html.with-featherlight > * > :not(.featherlight) {
    display: none;
  }
}
/**
  * Featherlight Gallery – an extension for the ultra slim jQuery lightbox
  * Version 1.7.13 - http://noelboss.github.io/featherlight/
  *
  * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
  * MIT Licensed.
  **/
.featherlight-next,
.featherlight-previous {
  display: block;
  position: absolute;
  top: 25px;
  right: 25px;
  bottom: 0;
  left: 80%;
  cursor: pointer;
  /* preventing text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* IE9 hack, otherwise navigation doesn't appear */
  background: rgba(0, 0, 0, 0);
}
.featherlight-previous {
  left: 25px;
  right: 80%;
}
.featherlight-next:hover,
.featherlight-previous:hover {
  background: rgba(255, 255, 255, 0.25);
}
.featherlight-next span,
.featherlight-previous span {
  display: none;
  position: absolute;
  top: 50%;
  left: 5%;
  width: 82%;
  /* center horizontally */
  text-align: center;
  font-size: 80px;
  line-height: 80px;
  /* center vertically */
  margin-top: -40px;
  text-shadow: 0px 0px 5px #fff;
  color: #fff;
  font-style: normal;
  font-weight: normal;
}
.featherlight-next span {
  right: 5%;
  left: auto;
}
.featherlight-next:hover span,
.featherlight-previous:hover span {
  display: inline-block;
}
.featherlight-swipe-aware .featherlight-next,
.featherlight-swipe-aware .featherlight-previous {
  display: none;
}
/* Hide navigation while loading */
.featherlight-loading .featherlight-previous,
.featherlight-loading .featherlight-next {
  display: none;
}
/* Hide navigation in case of single image */
.featherlight-first-slide.featherlight-last-slide .featherlight-previous,
.featherlight-first-slide.featherlight-last-slide .featherlight-next {
  display: none;
}
/* Always display arrows on touch devices */
@media only screen and (max-device-width: 1024px) {
  .featherlight-next:hover,
  .featherlight-previous:hover {
    background: none;
  }
  .featherlight-next span,
  .featherlight-previous span {
    display: block;
  }
}
/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
  .featherlight-next,
  .featherlight-previous {
    top: 10px;
    right: 10px;
    left: 85%;
  }
  .featherlight-previous {
    left: 10px;
    right: 85%;
  }
  .featherlight-next span,
  .featherlight-previous span {
    margin-top: -30px;
    font-size: 40px;
  }
}
* {
  box-sizing: border-box;
  user-select: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@font-face {
  font-family: "Museo Sans Cyrl";
  src: url("../fonts/MuseoSansRegular.eot");
  src: url("../fonts/MuseoSansRegular.eot%3F") format("embedded-opentype"),
    url("../fonts/MuseoSansRegular.woff") format("woff"),
    url("../fonts/MuseoSansRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans Cyrl";
  src: url("../fonts/MuseoSansBold.eot");
  src: url("../fonts/MuseoSansBold.eot%3F") format("embedded-opentype"),
    url("../fonts/MuseoSansBold.woff") format("woff"),
    url("../fonts/MuseoSansBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans Cyrl";
  src: url("../fonts/MuseoSansItalic.eot");
  src: url("../fonts/MuseoSansItalic.eot%3F") format("embedded-opentype"),
    url("../fonts/MuseoSansItalic.woff") format("woff"),
    url("../fonts/MuseoSansItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans Cyrl";
  src: url("../fonts/MuseoSansLight.eot");
  src: url("../fonts/MuseoSansLight.eot%3F") format("embedded-opentype"),
    url("../fonts/MuseoSansLight.woff") format("woff"),
    url("../fonts/MuseoSansLight.ttf") format("truetype");
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans Cyrl";
  src: url("../fonts/MuseoSansMedium.eot");
  src: url("../fonts/MuseoSansMedium.eot%3F") format("embedded-opentype"),
    url("../fonts/MuseoSansMedium.woff") format("woff"),
    url("../fonts/MuseoSansMedium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans Cyrl";
  src: url("../fonts/MuseoSansBlack.eot");
  src: url("../fonts/MuseoSansBlack.eot%3F") format("embedded-opentype"),
    url("../fonts/MuseoSansBlack.woff") format("woff"),
    url("../fonts/MuseoSansBlack.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans Cyrl";
  src: url("../fonts/MuseoSansBoldItalic.eot");
  src: url("../fonts/MuseoSansBoldItalic.eot%3F")
      format("embedded-opentype"),
    url("../fonts/MuseoSansBoldItalic.woff") format("woff"),
    url("../fonts/MuseoSansBoldItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans Cyrl";
  src: url("../fonts/MuseoSansMediumItalic.eot");
  src: url("../fonts/MuseoSansMediumItalic.eot%3F")
      format("embedded-opentype"),
    url("../fonts/MuseoSansMediumItalic.woff") format("woff"),
    url("../fonts/MuseoSansMediumItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans Cyrl";
  src: url("../fonts/MuseoSansLightItalic.eot");
  src: url("../fonts/MuseoSansLightItalic.eot%3F")
      format("embedded-opentype"),
    url("../fonts/MuseoSansLightItalic.woff") format("woff"),
    url("../fonts/MuseoSansLightItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans Cyrl";
  src: url("../fonts/MuseoSansBlackItalic.eot");
  src: url("../fonts/MuseoSansBlackItalic.eot%3F")
      format("embedded-opentype"),
    url("../fonts/MuseoSansBlackItalic.woff") format("woff"),
    url("../fonts/MuseoSansBlackItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 900;
  font-display: swap;
}
body {
  overflow-x: hidden;
  background: #f9f9f9;
}
body.admin-bar {
  position: relative;
}
@media (max-width: 768px) {
  body.admin-bar {
    margin-top: -46px !important;
  }
}
@media (max-width: 768px) {
  body.admin-bar .head {
    padding-top: 46px;
  }
}
body.admin-bar .head.sticky .container {
  top: 32px !important;
}
@media (max-width: 768px) {
  body.admin-bar .head.sticky .container {
    top: 0 !important;
  }
}
body.admin-bar .floated-menu .floated .content {
  padding-top: 46px;
}
body.admin-bar .floated-menu .floated .close {
  top: 81px !important;
}
body.error404 .footer {
  margin-top: 0 !important;
}
body,
html {
  min-width: 1230px;
}
@media (max-width: 768px) {
  body,
  html {
    min-width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }
}
.container {
  position: relative;
  width: 100%;
  max-width: 95%;
  margin: 0 auto;
  background-color: white;
  box-shadow: 0 37px 37px rgba(0, 0, 1, 0.1);
   
}
@media (max-width: 768px) {
  .container {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
	padding-right: 0px; 
   padding-left: 0px;
  }
}
.row {
  width: 95%;
  margin: 0 auto;
  zoom: 1;
}
@media (max-width: 768px) {
  .row {
    max-width: 100%;
  }
  .row.insta {
    padding: 0 !important;
  }
}
.row:before,
.row:after {
  content: "";
  display: table;
}
.row:after {
  clear: both;
}
.head {
  height: 143px;
}
@media (max-width: 768px) {
  .head {
    height: 90px;
  }
}
.head .container {
  border-bottom: 3px solid #f0f0f0;
  height: 140px;
}
@media (max-width: 768px) {
  .head .container {
    height: 90px;
  }
}
.head .row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 140px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .head .row {
    height: 87px;
  }
}
.head .row:after,
.head .row:before {
  display: none;
}
.head .menu {
  width: 100px;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 768px) {
  .head .menu {
    width: 43px;
  }
}
.head .menu .icon {
  position: relative;
  width: 43px;
  height: 43px;
  margin-right: 9px;
  border-radius: 50%;
  background-color: #f0f0f0;
}
@media (max-width: 768px) {
  .head .menu .icon {
    margin: 0;
  }
}
.head .menu .icon .image {
  width: 43px;
  height: 43px;
  background: url(../img/menu.svg) center center no-repeat;
  background-size: 15px 13px;
  opacity: 0.6;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.head .menu .icon .bagde {
  position: absolute;
  width: 7px;
  height: 7px;
  top: 3px;
  left: 3px;
  background-color: #e74e64;
  border-radius: 50%;
  opacity: 0;
  animation: blink 2s infinite;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.head .menu .icon .bagde:not(.used) {
  opacity: 1;
}
.head .menu .icon .bagde.used {
  animation: none;
  opacity: 0;
}
.head .menu .text {
  font-weight: 900;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  line-height: 21px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .head .menu .text {
    display: none;
  }
  .head .logo {
  margin-left: 20%;
}
}
.head .menu:hover .icon .image,
.head .menu.active .icon .image {
  opacity: 1;
}
.head .logo {
  display: block;
  text-decoration: none;
  user-select: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

}
.head .logo .ribbon {
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url(../img/ribbon-head.svg) center center no-repeat;
  background-size: contain;
}
@media (max-width: 768px) {
  .head .logo .ribbon {
    top: -4px;
  }
}
.head .logo .img {
  width: 60px;
  height: 60px;
  margin-right: 18px;
  background: url(../img/logo.png) center center no-repeat;
  background-size: contain;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media (max-width: 768px) {
  .head .logo .img {
    width: 48px;
    height: 48px;
    margin: 0;
  }
}
.head .logo .text {
  display: block;
  height: 34px;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 18px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 900;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media (max-width: 768px) {
  .head .logo .text {
    display: none;
  }
}
.head .logo .text small {
  display: block;
  color: #4c4c4c;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 21px;
  font-weight: 500;
  text-transform: none;
}
.head .search {
  position: relative;
  padding: 5px;
  height: 43px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 768px) {

}
.head .search .icon-search,
.head .search .icon {
  display: block;
  position: relative;
  width: 43px;
  height: 43px;
  padding: 0;
  margin: 0;
  margin-left: 9px;
  border: none;
  border-radius: 50%;
  background-color: #f0f0f0;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
}
@media (max-width: 768px) {
  .head .search .icon-search,
  .head .search .icon {
    margin: 0;
  }
}
.head .search .icon-search .image,
.head .search .icon .image {
  width: 43px;
  height: 43px;
  background: url(../img/search.svg) center center no-repeat;
  background-size: 15px 15px;
  opacity: 0.4;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media (max-width: 768px) {
  .head .search .icon-search {
    position: absolute;
    right: 0;
  }
}
.head .search .icon-search .image {
  background-color: #ffd854;
  opacity: 1;
}
.head .search .text {
  font-weight: 900;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  line-height: 21px;
  text-transform: uppercase;
  cursor: pointer;
}
@media (max-width: 768px) {
  .head .search .text {
    display: none !important;
  }
}
.head .search .text {
    display: none !important;
  }
.head .search .form {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 239px;
}
.head .search form {
  width: 239px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.head .search form input[type="search"] {
  display: block;
  width: 187px;
  height: 35px;
  color: #767676;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  line-height: 21px;
  border: none;
  border-bottom: 1px solid #f0f0f0;
  font-weight: 700;
}
.head .search form input[type="search"]:focus {
  outline: none;
}
@media (max-width: 768px) {
  .head .search form input[type="search"] {
    position: absolute;
    height: 85px;
    top: -22px;
    border: none;
  }
}
.head .search:hover .icon .image,
.head .search.active .icon .image {
  opacity: 1;
}
.head.sticky .container {
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 78px;
  background: #fff;
  border-bottom: 0px solid rgba(0, 0, 0, 0);
  z-index: 10;
}
@media (max-width: 768px) {
  .head.sticky .container {
    box-shadow: 0 10px 30px rgba(0, 0, 1, 0.1);
  }
}
.head.sticky .row {
  height: 78px;
}
.head.sticky .logo .img {
  transition-delay: 0.15s;
  width: 32px;
  height: 32px;
  margin-right: 12px;
}
@media (max-width: 768px) {
  .head.sticky .logo .img {
    margin-right: 0;
  }
}
.head.sticky .logo .text {
  height: 29px;
  line-height: 14px;
}
.ribbon-title {
  display: block;
  position: relative;
  margin: 40px 0;
  height: 26px;
}
@media (max-width: 768px) {
  .ribbon-title {
    margin: 1.5rem 0;
    height: auto;
  }
}
.ribbon-title:after {
  display: block;
  content: "";
  position: absolute;
  left: -49px;
  top: 4px;
  width: 29px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media (max-width: 768px) {
  .ribbon-title:after {
    left: -2.25rem;
    top: 5px;
  }
}
.ribbon-title span.t {
  display: inline-block;
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 23px;
  line-height: 21px;
  font-weight: 900;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .ribbon-title span.t {
    font-size: 16px;
  }
}
.ribbon-title a {
  display: inline-block;
  position: relative;
  top: -4px;
  margin-left: 20px;
  padding: 0 10px;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 26px;
  text-transform: uppercase;
  font-weight: 500;
  height: 26px;
  background-color: #ffd852;
  border-radius: 2px;
  text-decoration: none;
  text-align: center;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.ribbon-title a:hover {
  background-color: #fff710;
}
.ribbon-title.ribbon-straw:after {
  background-image: url(../img/rb-straw.svg);
}
.ribbon-title.ribbon-blue:after {
  background-image: url(../img/rb-blue.svg);
}
.ribbon-title.ribbon-yellow:after {
  background-image: url(../img/rb-yellow.svg);
}
.ribbon-title.ribbon-green:after {
  background-image: url(../img/rb-green.svg);
}
.ribbon-title.ribbon-title-slim {
  margin: 0;
}
@media (max-width: 768px) {
  .ribbon-title.ribbon-title-slim {
    margin-bottom: 1rem;
  }
}
.ribbon-title.ribbon-title-slim span.t {
  height: 16px;
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 17px;
  line-height: 21px;
}
@media (max-width: 768px) {
  .ribbon-title.ribbon-title-slim span.t {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .ribbon-title.ribbon-title-slim a {
    position: absolute;
    right: 0;
  }
}
.ribbon-title.ribbon-title-slim:after {
  width: 14px;
  height: 3px;
  background-size: auto;
  top: 9px;
  left: -26px;
}
.mobile-link {
  display: none;
}
@media (max-width: 768px) {
  .mobile-link {
    display: block;
    position: relative;
    width: 168px;
    width: content-fit;
    margin: 0 auto;
    margin-bottom: 2rem;
    padding: 0 10px;
    color: #292828;
    font-family: "Museo Sans Cyrl";
    font-size: 12px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: 500;
    height: 26px;
    background-color: #ffd852;
    border-radius: 2px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
  }
  .mobile-link:hover {
    background-color: #fff710;
  }
}
.tabber .contents .content {
  display: none;
}
.tabber .contents .content.active {
  display: block;
}
.scrb-bl .tabs {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.scrb-bl .tabs .tab {
  width: 100%;
  height: 44px;
  line-height: 46px;
  color: #5e5e5e;
  font-family: "Museo Sans Cyrl";
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 900;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.scrb-bl .tabs .tab:hover,
.scrb-bl .tabs .tab.active {
  color: black;
  background: #f2f2f2;
}
/*.scrb-bl .contents .content:first-child {
  width: 100%;
  height: 287px;
  background-color: white;
  border: 8px solid #ffd852;
  box-sizing: border-box;
  text-align: center;
  background-image: url(../img/envelope.svg);
  background-position: 70px 85px;
  background-repeat: no-repeat;
  }*/
.scrb-bl form input[type="email"] {
  display: block;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  font-weight: 500;
  width: 211px;
  height: 41px;
  padding-left: 18px;
  margin: 0 auto;
  line-height: 41px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.18);
  border-radius: 2px;
  box-sizing: border-box;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.scrb-bl form input[type="email"]:focus {
  outline: none;
  border: 3px solid rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  box-shadow: 0 3px 5px rgba(0, 0, 1, 0.07);
}
.scrb-bl form button {
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  padding: 0;
  width: 131px;
  height: 38px;
  background-color: #f3c935;
  border-radius: 2px;
  border: none;
  text-align: center;
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 39px;
  text-transform: uppercase;
  font-weight: 900;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.scrb-bl form button:hover {
  background-color: #fff710;
}
.home-page .bl-1 .row {
  padding-bottom: 3rem;
  border-bottom: 1px solid #f0f0f0;
}
@media (max-width: 768px) {
  .home-page .bl-1 .row {
    border-bottom: none;
  }
}
.home-page .bl-1 .left {
  width: 78%;
  float: left;
}
@media (max-width: 768px) {
  .home-page .bl-1 .left {
    width: 100%;
    float: none;
  }
  .home-page .bl-1 .left .ribbon-title a {
    display: none;
  }
}
.home-page .bl-1 .left .carousel,
.home-page .bl-5 .carousel {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .home-page .bl-1 .left .carousel .owl-carousel .owl-nav,
  .home-page .bl-5 .carousel .owl-carousel .owl-nav {
    display: none;
  }
}
.home-page .bl-1 .right {
  width: 21%;
  float: right;
}
@media (max-width: 768px) {
  .home-page .bl-1 .right {
    width: 100%;
    float: none;
  }
}
.home-page .bl-1 .right .scrb-bl {
  width: fit-content;
  max-width: 100%;
  text-align: center;
  background: #fdfafa;
  padding: 10px;
  min-height: 200px;
  max-height: 420px;
  margin: 0 0 30px 0;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
  .home-page .bl-1 .right .scrb-bl {
    margin-top: 2rem;
  }
}
.home-page .bl-1 .right p {
  margin: 0;
}
.home-page .bl-1 .right .head-sub {
  display: block;
  margin-top: 26px;
  margin-bottom: 20px;
  font-family: "Museo Sans Cyrl";
  /* Text style for "–Я—А–Є—Б–Њ–µ–і–Є–љ—П–є—В–µ—Б" */
  color: black;
  font-size: 18px;
  line-height: 20px;
  font-weight: 900;
}
.home-page .bl-1 .right .description-sub {
  display: block;
  margin-bottom: 24px;
  font-family: "Museo Sans Cyrl";
  color: #2f2e2e;
  font-size: 15px;
  line-height: 21px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .home-page .bl-2 .ribbon-title a {
    display: none;
  }
}
.home-page .posts {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding: 20px 0;
  padding-top: 0;
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .home-page .posts {
    padding: 0;
  }
}
.home-page .bl-3 .container {
  background: #f8f8f8;
  padding-bottom: 20px;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.home-page .bl-3 .content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .home-page .bl-3 .content {
    display: block;
    width: 100%;
    height: 224px;
    overflow: scroll;
    overflow-y: hidden !important;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}
.home-page .bl-3 .content .item {
  display: block;
  width: 555px;
  margin-bottom: 32px;
  text-decoration: none;
  zoom: 1;
}
@media (max-width: 768px) {
  .home-page .bl-3 .content .item {
    display: inline-block;
    width: 241px;
    height: 224px;
    padding: 25px;
    background-color: white;
    border: 1px solid rgba(0, 0, 1, 0.1);
    border-radius: 2px;
    vertical-align: top;
    margin-bottom: 0;
    box-sizing: border-box;
    margin-right: 10px;
  }
}
@media (max-width: 768px) {
  .home-page .bl-3 .content .item:last-child {
    margin-right: 0;
  }
}
.home-page .bl-3 .content .item:before,
.home-page .bl-3 .content .item:after {
  content: "";
  display: table;
}
.home-page .bl-3 .content .item:after {
  clear: both;
}
.home-page .bl-3 .content .item span {
  display: block;
}
.home-page .bl-3 .content .item .image {
  float: left;
  width: 98px;
  height: 90px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 18px;
  background-color: white;
  border: 1px solid rgba(0, 0, 1, 0.1);
  border-radius: 2px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media (max-width: 768px) {
  .home-page .bl-3 .content .item .image {
    width: 40px;
    height: 40px;
    float: none;
    border: none;
    background-size: contain !important;
  }
}
.home-page .bl-3 .content .item .t {
  display: inline-block;
  color: #353739;
  font-family: "Museo Sans Cyrl";
  font-size: 19px;
  line-height: 21px;
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media (max-width: 768px) {
  .home-page .bl-3 .content .item .t {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 40px;
    border-bottom: none;
  }
  .home-page .bl-3 .content .item .t:hover {
    border: none !important;
  }
}
.home-page .bl-3 .content .item .d {
  margin-top: 14px;
  color: #56595c;
  font-family: "Museo Sans Cyrl";
  font-size: 14px;
  line-height: 19px;
}
@media (max-width: 768px) {
  .home-page .bl-3 .content .item .d {
    display: block;
    white-space: pre-line;
    margin-top: 0;
  }
}
.home-page .bl-3 .content .item:hover .image {
  background-color: #ffd852;
}
@media (max-width: 768px) {
  .home-page .bl-3 .content .item:hover .image {
    background-color: #fff;
  }
}
.home-page .bl-3 .content .item:hover .t {
  color: #2b72b8;
  border-bottom: 1px solid #2b72b8;
}
@media (max-width: 768px) {
  .home-page .bl-3 .content .item:hover .t {
    border: none !important;
  }
}
.home-page .bl-3 .content .item:nth-child(1) .image {
  background-image: url(../img/life.svg);
  background-size: 52px;
}
.home-page .bl-3 .content .item:nth-child(1):hover .image {
  background-image: url(../img/life.svg);
}
.home-page .bl-3 .content .item:nth-child(2) .image {
  background-image: url(../img/family1.svg);
  background-size: 52px;
}
.home-page .bl-3 .content .item:nth-child(2):hover .image {
  background-image: url(../img/family1.svg);
}
.home-page .bl-3 .content .item:nth-child(3) .image {
  background-image: url(../img/balloon.svg);
  background-size: 52px;
}
.home-page .bl-3 .content .item:nth-child(3):hover .image {
  background-image: url(../img/balloon.svg);
}
.home-page .bl-3 .content .item:nth-child(4) .image {
  background-image: url(../img/brainstorming.svg);
  background-size: 52px;
}
.home-page .bl-3 .content .item:nth-child(4):hover .image {
  background-image: url(../img/brainstorming.svg);
}
.home-page .bl-3 .content .item:nth-child(5) .image {
  background-image: url(../img/xenon.svg);
  background-size: 52px;
}
.home-page .bl-3 .content .item:nth-child(5):hover .image {
  background-image: url(../img/xenon.svg);
}
.home-page .bl-3 .content .item:nth-child(6) .image {
  background-image: url(../img/sunrise.svg);
  background-size: 52px;
}
.home-page .bl-3 .content .item:nth-child(6):hover .image {
  background-image: url(../img/sunrise.svg);
}
.home-page .bl-3 .content .item:nth-child(7) .image {
  background-image: url(../img/park.svg);
  background-size: 52px;
}
.home-page .bl-3 .content .item:nth-child(7):hover .image {
  background-image: url(../img/park.svg);
}
.home-page .bl-3 .content .item:nth-child(8) .image {
  background-image: url(../img/grandparents.svg);
  background-size: 52px;
}
.home-page .bl-3 .content .item:nth-child(8):hover .image {
  background-image: url(../img/grandparents.svg);
}
.home-page .bl-4 .container {
  padding-bottom: 40px;
}
.home-page .bl-4 .content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.home-page .bl-4 .content .left {
 /* width: 555px; */
  margin: 0 auto;
  padding: 28px 26px;
  background: #f8f8f8;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .home-page .bl-4 .content .left {
    width: 100%;
  }
}
.home-page .bl-4 .content .posts {
  padding-top: 20px;
  padding-bottom: 0;
}
.home-page .bl-4 .content .posts .post {
  width: 242px;
}
@media (max-width: 768px) {
  .home-page .bl-4 .content .posts .post {
    width: 100%;
  }
}
.home-page .bl-4 .content .posts .post .image {
  height: 330px;
}
.home-page .bl-5 .container {
  background: #f8f8f8;
  padding-bottom: 20px;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.home-page .bl-5 .content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .home-page .bl-5 .content {
    display: block;
    width: 100%;
    height: 224px;
    overflow: scroll;
    overflow-y: hidden !important;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}
.home-page .bl-5 .content .item {
  display: block;
  width: 360px;
  margin-bottom: 32px;
  text-decoration: none;
  zoom: 1;
}
.home-page .bl-5 .content .item:before,
.home-page .bl-5 .content .item:after {
  content: "";
  display: table;
}
.home-page .bl-5 .content .item:after {
  clear: both;
}
@media (max-width: 768px) {
  .home-page .bl-5 .content .item {
    display: inline-block;
    width: 241px;
    height: 224px;
    padding: 25px;
    background-color: #ffd852;
    border: 1px solid rgba(0, 0, 1, 0.1);
    border-radius: 2px;
    vertical-align: top;
    margin-bottom: 0;
    box-sizing: border-box;
    margin-right: 10px;
  }
}
@media (max-width: 768px) {
  .home-page .bl-5 .content .item:last-child {
    margin-right: 0;
  }
}
.home-page .bl-5 .content .item span {
  display: block;
}
.home-page .bl-5 .content .item .image {
  float: left;
  width: 98px;
  height: 90px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 18px;
  background-color: white;
  background-color: #ffd852;
  border-radius: 2px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media (max-width: 768px) {
  .home-page .bl-5 .content .item .image {
    width: 40px;
    height: 40px;
    float: none;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    background-size: contain !important;
  }
}
.home-page .bl-5 .content .item .t {
  display: inline-block;

  color: #353739;
  font-family: "Museo Sans Cyrl";
  font-size: 17px;
  line-height: 21px;
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media (max-width: 768px) {
  .home-page .bl-5 .content .item .t {
    white-space: normal;
    display: block;
    line-height: 17px;
    border-bottom: none;
  }
  .home-page .bl-5 .content .item .t:hover {
    border: none !important;
  }
}
.home-page .bl-5 .content .item .d {
  height: 54px;
  overflow: hidden;
  margin-top: 10px;
  color: #56595c;
  font-family: "Museo Sans Cyrl";
  font-size: 14px;
  line-height: 19px;
}
@media (max-width: 768px) {
  .home-page .bl-5 .content .item .d {
    display: block;
    color: #353739;
    white-space: pre-line;
    margin-top: 0;
  }
}
.home-page .bl-5 .content .item:hover .t {
  color: #2b72b8;
  border-bottom: 1px solid #2b72b8;
}
@media (max-width: 768px) {
  .home-page .bl-5 .content .item:hover .t {
    border: none !important;
  }
}
.home-page .bl-5 .content .item:nth-child(1) .image {
  background-image: url(https://piter.pro/img/tax.svg);
  background-size: 52px;
}
.home-page .bl-5 .content .item:nth-child(2) .image {
  background-image: url(https://piter.pro/img/teamwork.svg);
  background-size: 52px;
}
.home-page .bl-5 .content .item:nth-child(3) .image {
  background-image: url(https://piter.pro/img/clipboard.svg);
  background-size: 52px;
}
@media (max-width: 768px) {
  .home-page .bl-6 .ribbon-title a {
    display: none;
  }
}
.home-page .bl-7 .content .item:nth-child(1) .image {
  background-image: url(https://piter.pro/img/coin.svg);
  background-size: 52px;
}
.home-page .bl-7 .content .item:nth-child(1):hover .image {
  background-image: url(https://piter.pro/img/coin-hover.svg);
}
.home-page .bl-7 .content .item:nth-child(2) .image {
  background-image: url(https://piter.pro/img/bitcoin.svg);
  background-size: 52px;
}
.home-page .bl-7 .content .item:nth-child(2):hover .image {
  background-image: url(https://piter.pro/img/bitcoin-hover.svg);
}
.home-page .bl-7 .content .item:nth-child(3) .image {
  background-image: url(https://piter.pro/img/wallet.svg);
  background-size: 52px;
}
.home-page .bl-7 .content .item:nth-child(3):hover .image {
  background-image: url(https://piter.pro/img/wallet-hover.svg);
}
.home-page .bl-7 .content .item:nth-child(4) .image {
  background-image: url(https://piter.pro/img/bank.svg);
  background-size: 52px;
}
.home-page .bl-7 .content .item:nth-child(4):hover .image {
  background-image: url(https://piter.pro/img/bank-hover.svg);
}
.home-page .bl-8 .content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .home-page .bl-8 .content {
    display: block;
  }
}
.home-page .bl-8 .content > div {
  height: 355px;
  padding: 30px;
  padding-top: 32px;
  box-sizing: border-box;
}
@meida @mobile {
  width: 100% !important;
  height: auto !important;
}
.home-page .bl-8 .content > div span.t {
  display: block;
  color: #353739;
  font-family: "Museo Sans Cyrl";
  font-size: 19px;
  line-height: 19px;
}
.home-page .bl-8 .content > div span.t a {
  display: inline-block;
  position: relative;
  top: -1px;
  margin-left: 20px;
  padding: 0 10px;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 26px;
  text-transform: uppercase;
  font-weight: 500;
  height: 26px;
  background-color: #ffd852;
  border-radius: 2px;
  text-decoration: none;
  text-align: center;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.home-page .bl-8 .content > div span.t a:hover {
  background-color: #fff710;
}
@media (max-width: 768px) {
  .home-page .bl-8 .content > div span.t a {
    display: none;
  }
}
.home-page .bl-8 .content .left {
  width: 360px;
  border: 10px solid #cecece;
  border-right-color: #e5e5e5;
  border-bottom-color: #e5e5e5;
}
@media (max-width: 768px) {
  .home-page .bl-8 .content .left {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
}
.home-page .bl-8 .content .left .items a,
.home-page .bl-8 .content .left .items span {
  display: block;
  margin-left: 26px;
  color: #2b72b8;
  font-family: "Museo Sans Cyrl";
  font-size: 15px;
  line-height: 18px;
  text-decoration: underline;
  cursor: pointer;
  margin-top: 20px;
}
.home-page .bl-8 .content .left a.all {
  display: block;
  width: 172px;
  margin: 0 auto;
  margin-top: 30px;
  position: relative;
  padding: 0 10px;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 26px;
  text-transform: uppercase;
  font-weight: 500;
  height: 26px;
  background-color: #ffd852;
  border-radius: 2px;
  text-decoration: none;
  text-align: center;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.home-page .bl-8 .content .left a.all:hover {
  background-color: #fff710;
}
.home-page .bl-8 .content .right {
  width: 750px;
  border: 10px solid #ffd852;
}
@media (max-width: 768px) {
  .home-page .bl-8 .content .right {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 768px) {
  .home-page .bl-8 .content .right .mobile-link {
    margin-bottom: 0;
  }
}
.home-page .bl-8 .content .right .items {
  padding-top: 10px;
}
.home-page .bl-8 .content .right .items a {
  display: block;
  width: 100%;
  margin: 18px 0;
  text-decoration: none;
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 15px;
  line-height: 21px;
  font-weight: 700;
}
.home-page .bl-8 .content .right .items a:before {
  display: block;
  content: "";
  float: left;
  position: relative;
  top: -1px;
  width: 24px;
  height: 24px;
  margin-right: 14px;
  background-color: #f0f0f0;
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/chat-comment-oval-speech-bubble-with-text-lines.svg);
  background-size: 12px 12px;
}
.post,
.question {
  display: block;
}
.post.post-min,
.question.post-min,
.post.question-min,
.question.question-min {
  width: 270px;
  padding: 5px;
  text-decoration: none;
}
@media (max-width: 768px) {
  .post.post-min,
  .question.post-min,
  .post.question-min,
  .question.question-min {
    width: 100%;
    padding-bottom: 1.5rem;
  }
}
.post.post-min .image,
.question.post-min .image,
.post.question-min .image,
.question.question-min .image {
  width: 100%;
  height: 240px;
  background-color: #ccc;
  border-radius: 2px;
  object-fit: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media (max-width: 768px) {
  .post.post-min .image,
  .question.post-min .image,
  .post.question-min .image,
  .question.question-min .image {
    height: 30vh;
  }
}
.post.post-min .title,
.question.post-min .title,
.post.question-min .title,
.question.question-min .title {
  display: inline;
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 15px;
  line-height: 21px;
  font-weight: 700;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.post.post-min:hover .image,
.question.post-min:hover .image,
.post.question-min:hover .image,
.question.question-min:hover .image {
  background-size: 110%;
}
.post.post-min:hover .title,
.question.post-min:hover .title,
.post.question-min:hover .title,
.question.question-min:hover .title {
  color: #2b72b8;
}
.post .stats,
.question .stats {
  height: 60px;
  overflow: hidden;
}
.post .stats .stat,
.question .stats .stat {
  display: inline-block;
  line-height: 60px;
  margin-right: 15px;
}
.post .stats .stat:last-child,
.question .stats .stat:last-child {
  margin-right: 0;
}
.post .stats .stat .icon,
.question .stats .stat .icon {
  display: inline-block;
  position: relative;
  top: 8px;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-color: #f0f0f0;
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.post .stats .stat .icon.icon-views,
.question .stats .stat .icon.icon-views {
  background-image: url(../img/view.svg);
  background-size: 12px 12px;
}
.post .stats .stat .icon.icon-comments,
.question .stats .stat .icon.icon-comments {
  background-image: url(../img/chat-comment-oval-speech-bubble-with-text-lines.svg);
  background-size: 12px 12px;
}
.post .stats .stat .icon.icon-time,
.question .stats .stat .icon.icon-time {
  background-image: url(../img/clock.svg);
  background-size: 12px 12px;
}
.post .stats .stat .text,
.question .stats .stat .text {
  color: #3f3f3f;
  font-family: "Museo Sans Cyrl";
  font-size: 10px;
  line-height: 21px;
  font-weight: 500;
}
.question.question-min {
  width: 100%;
  padding: 28px 40px;
  margin-top: 40px;
  background: #f5f9fb;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .question.question-min {
    padding: 20px;
  }
}
.question.question-min span.title {
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 22px;
  line-height: 37px;
  font-weight: 900;
}
@media (max-width: 768px) {
  .question.question-min span.title {
    color: #2d2d2d;
    font-family: "Museo Sans Cyrl";
    font-size: 17px;
    line-height: 21px;
    font-weight: 700;
  }
}
.question.question-min .stats {
  border-bottom: 1px solid #d0dadf;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .question.question-min .stats {
    height: 50px;
  }
}
@media (max-width: 768px) {
  .question.question-min .stats .stat {
    height: 50px;
    line-height: 50px;
  }
}
.question.question-min .stats .icon {
  background-color: #d9e0e4;
}
@media (max-width: 768px) {
  .question.question-min .stats span.text span {
    display: none;
  }
}
.question.question-min span.q {
  display: block;
  padding-left: 40px;
  box-sizing: border-box;
  background: url(../img/round-help-button.svg) top left no-repeat;
  background-size: 27px;
}
@media (max-width: 768px) {
  .question.question-min span.q {
    padding-left: 30px;
    background-size: 20px;
  }
}
.question.question-min span.q span.from {
  display: block;
  color: #302f2f;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  line-height: 27px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .question.question-min span.q span.from {
    font-size: 13px;
    line-height: 20px;
  }
}
.question.question-min span.q span.d {
  color: #505050;
  font-family: "Museo Sans Cyrl";
  font-size: 15px;
  line-height: 24px;
  font-weight: 300;
}
@media (max-width: 768px) {
  .question.question-min span.q span.d {
    font-size: 13px;
    line-height: 24px;
  }
}
.question.question-min span.q span.d p:first-child {
  margin-top: 20px;
}
.question.question-min span.q span.read-more {
  display: block;
  width: 191px;
  height: 38px;
  background-color: #ffd852;
  border-radius: 2px;
  line-height: 38px;
  text-align: center;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  user-select: none;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.question.question-min span.q span.read-more:hover {
  background-color: #fff710;
}
.page-questions a.ask-q-btn {
  display: block;
  text-decoration: none;
  width: 100%;
  height: 50px;
  margin-top: 122px;
  margin-bottom: 42px;
  background-color: #ffd852;
  border-radius: 2px;
  text-align: center;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 50px;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.page-questions a.ask-q-btn:before {
  display: inline-block;
  position: relative;
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 10px;
  top: 5px;
  background: url(https://piter.pro/img/round-help-button-black.svg) center center no-repeat;
  background-size: 20px;
}
.page-questions a.ask-q-btn:hover {
  background-color: #fff710;
}
.page-questions .main-base {
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .page-questions .main-base {
    padding-bottom: 0;
  }
}
.page-questions .main-base a.ask-q-btn {
  display: none;
}
@media (max-width: 768px) {
  .page-questions .main-base a.ask-q-btn {
    display: block;
    padding: 0 50px;
    max-width: 100%;
    margin: 0 auto;
    width: fit-content;
    margin-top: 22px;
    margin-bottom: 22px;
    box-sizing: border-box;
  }
}
.footer .stage-1 {
  height: 188px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .footer .stage-1 {
    height: auto;
  }
}
.footer .stage-1 .row {
  height: 188px;
  padding-top: 44px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.footer .stage-1 .row:after,
.footer .stage-1 .row:before {
  display: none;
}
@media (max-width: 768px) {
  .footer .stage-1 .row {
    display: block;
    height: auto;
    padding-top: 20px;
  }
}
.footer .stage-1 .container {
  background: #212121;
}
@media (max-width: 768px) {
  .footer .stage-1 .bt {
    display: none;
  }
}
@media (max-width: 768px) {
  .footer .stage-1 .b {
    margin: 1rem auto;
  }
}
.footer .stage-1 .b a,
.footer .stage-1 .b span {
  display: block;
  color: #f8f8f8;
  font-family: "Museo Sans Cyrl";
  font-size: 11px;
  line-height: 21px;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
}
.footer .stage-1 .b a:hover,
.footer .stage-1 .b span:hover {
  text-decoration: underline;
}
.footer .stage-1 .b span.t {
  display: block;
  color: #f8f8f8;
  font-family: "Museo Sans Cyrl";
  font-size: 11px;
  line-height: 21px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .footer .stage-1 .b span.t {
    text-align: center;
  }
}
.footer .stage-1 .b form {
  display: block;
  width: 284px;
  height: 40px;
  margin-top: 4px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .footer .stage-1 .b form {
    margin: 0 auto;
  }
}
.footer .stage-1 .b form input[type="email"] {
  width: 182px;
  height: 40px;
  padding-left: 20px;
  background: rgba(0, 0, 0, 0);
  color: #c3c2c2;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 40px;
  background-color: #212121;
  border: 1px solid rgba(248, 248, 248, 0.22);
  border-radius: 2px;
  box-sizing: border-box;
}
.footer .stage-1 .b form input[type="email"]:focus {
  outline: none;
}
.footer .stage-1 .b form button {
  width: 102px;
  height: 40px;
  background-color: #ffd852;
  border-radius: 2px;
  border: none;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 40px;
  text-align: center;
  box-sizing: border-box;
}
.footer .stage-1 .vk {
  display: block;
  width: 100%;
  margin-top: 20px;
  padding-right: 40px;
  height: 27px;
  text-align: right;
  color: #f8f8f8;
  font-family: "Museo Sans Cyrl";
  font-size: 11px !important;
  line-height: 30px !important;
  text-transform: uppercase;
  background: url(https://piter.pro/img/vk-social-logotype.png) right center no-repeat;
  background-size: 27px;
  box-sizing: border-box;
  user-select: none;
  cursor: pointer;
}
.footer .stage-1 .vk:hover {
  text-decoration: none;
}
@media (max-width: 768px) {
  .footer .stage-1 .vk {
    display: none !important;
  }
}
.footer .stage-1 .logo {
  display: block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 768px) {
  .footer .stage-1 .logo {
    width: 290px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .footer .stage-1 .logo .ribbon {
    top: -4px;
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url(../img/ribbon-head.svg) center center no-repeat;
    background-size: contain;
  }
}
.footer .stage-1 .logo .img {
  width: 60px;
  height: 60px;
  margin-right: 18px;
  background: url(../img/logo.png) center center no-repeat;
  background-size: contain;
}
.footer .stage-1 .logo .text {
  display: block;
  height: 34px;
  color: #fff;
  font-family: "Museo Sans Cyrl";
  font-size: 18px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 900;
}
.footer .stage-1 .logo .text small {
  display: block;
  color: #d1d1d1;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 21px;
  font-weight: 500;
  text-transform: none;
}
.footer .stage-2 .container {
  background: #313131;
}
.footer .stage-2 p {
  display: block;
  height: 48px;
  margin: 0;
  color: #f8f8f8;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  line-height: 48px;
  text-align: center;
}
@media (max-width: 768px) {
  .footer .stage-2 p span {
    display: none;
  }
}
.up {
  position: fixed;
  right: 5%;
  bottom: -70px;
  width: 70px;
  height: 70px;
  border: 1px solid rgba(255, 216, 82, 0.34);
  border-radius: 50%;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  z-index: 10;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.up.show {
  visibility: visible;
  opacity: 1;
  bottom: 10%;
}
@media (max-width: 768px) {
  .up.show {
    display: none;
  }
}
.up .inside-1 {
  width: 60px;
  height: 60px;
  margin: 5px auto;
  border-radius: 50%;
  background: url(../img/up-arrow.svg) center center no-repeat;
  background-size: 22px;
  background-color: #ffd852;
  box-shadow: 0 10px 19px rgba(0, 0, 1, 0.09);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.up:hover {
  transition-timing-function: ease;
  background-color: #ffd852;
  box-shadow: 0 10px 19px rgba(0, 0, 1, 0.09);
}
.up:hover .inside-1 {
  background-color: #fff;
  box-shadow: 0 0px 19px rgba(0, 0, 1, 0.09);
}
.floated-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}
.floated-menu .bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.44);
  z-index: 1;
  cursor: w-resize;
}
.floated-menu .floated {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 287px;
  height: 100%;
  overflow-x: visible;
  z-index: 2;
  box-shadow: 8px 0 26px rgba(0, 0, 1, 0.13);
  background: #fff;
  -webkit-overflow-scrolling: touch;
}
.floated-menu .floated:after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: -100%;
  background: #fff;
}
@media (max-width: 768px) {
  .floated-menu .floated .close {
    display: block;
    position: absolute;
    width: 43px;
    height: 43px;
    top: 36px;
    left: 16px;
    border-radius: 50%;
    background: url(../img/cancel.svg) center center no-repeat;
    background-color: #f0f0f0;
    background-size: 12px;
  }
}
.floated-menu .floated .content {
  position: fixed;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 287px;
  height: 100%;
  overflow-y: auto;
}
.floated-menu .floated .content .ribbon {
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 0;
  left: 30px;
  background: url(../img/ribbon-head.svg) center center no-repeat;
  background-size: contain;
}
.floated-menu .floated .content > span.t {
  display: block;
  padding-top: 47px;
  padding-left: 30px;
  padding-bottom: 29px;
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 19px;
  line-height: 19px;
  text-transform: uppercase;
  font-weight: 700;
}
@media (max-width: 768px) {
  .floated-menu .floated .content > span.t {
    padding-left: 72px;
  }
}
.floated-menu .floated .content .drop {
  border-bottom: 1px solid #f0f0f0;
  box-sizing: border-box;
}
.floated-menu .floated .content .drop.f {
  border-top: 1px solid #f0f0f0;
}
.floated-menu .floated .content .drop span.t {
  display: block;
  position: relative;
  height: 46px;
  padding-left: 30px;
  box-sizing: border-box;
  color: #303030;
  font-family: "Museo Sans Cyrl";
  font-size: 15px;
  /* Text style for "–°–њ–Њ—Б–Њ–±—Л –Ј–∞—А–∞–±–Њ" */
  line-height: 46px;
  cursor: pointer;
  user-select: none;
}
.floated-menu .floated .content .drop span.t span.icon {
  display: block;
  float: left;
  width: 30px;
  height: 46px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
  line-height: 0;
}
.floated-menu .floated .content .drop span.t:after {
  display: block;
  position: absolute;
  content: "";
  width: 12px;
  height: 8px;
  top: 20px;
  right: 22px;
  background: url(../img/arrow.svg) center center no-repeat;
  background-size: 12px;
  opacity: 0.2;
  transform: rotate(0);
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.floated-menu .floated .content .drop:hover span.t:after,
.floated-menu .floated .content .drop.active span.t:after {
  opacity: 0.62;
}
.floated-menu .floated .content .drop.active span.t:after {
  transform: rotate(180deg);
}
.floated-menu .floated .content .drop .drop-zone {
  min-width: 100%;
  padding: 20px 0;
  padding-left: 66px;
  background: #f0f0f0;
  box-sizing: border-box;
  zoom: 1;
}
.floated-menu .floated .content .drop .drop-zone:before,
.floated-menu .floated .content .drop .drop-zone:after {
  content: "";
  display: table;
}
.floated-menu .floated .content .drop .drop-zone:after {
  clear: both;
}
.floated-menu .floated .content .drop .drop-zone a {
  display: block;
  margin: 22px 0px;
  text-decoration: none;
  color: #303030;
  font-family: "Museo Sans Cyrl";
  font-size: 14px;
  line-height: 18px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.floated-menu .floated .content .drop .drop-zone a:before {
  display: inline-block;
  content: "-";
  margin-right: 4px;
}
.floated-menu .floated .content .drop .drop-zone a:hover {
  text-decoration: underline;
  color: black;
}
.floated-menu .floated .content a.drop {
  display: block;
  text-decoration: none;
}
.floated-menu .floated .content a.drop span.t:after {
  display: none;
}
.ask {
  display: block;

  height: 50px;
  margin: 30px auto;
  background-color: #ffd852;
  border-radius: 2px;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 50px;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.call::before {
  position: relative;
  left: -16px;
  top: 11px;
  display: inline-block;
  content: "";
  width: 28px;
  height: 28px;
  background-image: url("../img/telephone.svg");
}
.ask:hover {
  background-color: #fff710;
}
.floated-menu .floated .content .banner {
  display: block;
  width: 100%;
  height: 210px;
  background-size: cover;
  cursor: pointer;
}
.form-field {
  display: block;
  position: relative;
  min-height: 60px;
  background-color: #f5f9fb;
  border: 1px solid rgba(0, 0, 1, 0.11);
  border-radius: 2px;
  box-sizing: border-box;
  overflow: hidden;
}
@media (max-width: 768px) {
  .form-field {
    min-height: 52px;
  }
}
.form-field:before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 0px;
  left: 0;
  bottom: 0;
  border: 1px solid rgba(0, 0, 0, 0);
  box-sizing: border-box;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.form-field span.t,
.form-field label {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-left: 14px;
  z-index: 1;
  color: #6f7476;
  font-family: "Museo Sans Cyrl";
  font-size: 18px;
  line-height: 60px;
  box-sizing: border-box;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media (max-width: 768px) {
  .form-field span.t,
  .form-field label {
    line-height: 52px;
  }
}
.form-field span.t b,
.form-field label b {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.form-field input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-left: 14px;
  border: none;
  background: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  z-index: 2;
  color: #6f7476;
  font-family: "Museo Sans Cyrl";
  font-size: 18px;
  line-height: 60px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.form-field input:focus {
  outline: none;
}
@media (max-width: 768px) {
  .form-field input {
    font-size: 15px;
    line-height: 52px;
  }
}
.form-field textarea {
  position: relative;
  width: 100%;
  min-width: 100%;
  min-height: 60px;
  height: auto;
  padding-left: 14px;
  border: none;
  background: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  z-index: 2;
  color: #6f7476;
  font-family: "Museo Sans Cyrl";
  font-size: 18px;
  margin-top: 28px;
  line-height: 21px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.form-field textarea:focus {
  outline: none;
}
.form-field.ontop span.t,
.form-field.ontop label {
  font-size: 12px;
  line-height: 34px;
  /* Text style for "–Т–∞—И–µ –Є–Љ—П –Є —Д–∞–Љ" */
  color: #888e91;
}
@media (max-width: 768px) {
  .form-field.ontop span.t,
  .form-field.ontop label {
    line-height: 30px;
  }
}
.form-field.ontop span.t b.red,
.form-field.ontop label b.red {
  color: #e74e64;
}
.form-field.ontop input {
  padding-top: 21px;
  line-height: 0px;
}
@media (max-width: 768px) {
  .form-field.ontop input {
    padding-top: 18px;
  }
}
.form-field.focus:before {
  animation: hfield linear 0.3s;
  height: 100%;
  border-color: #ffd138;
}
.form-contex input[type="submit"] {
  display: block;
  margin: 0 auto;
  padding: 0;
  border: none;
  box-sizing: border-box;
  text-align: center;
  width: 224px;
  height: 48px;
  background-color: #ffd138;
  border-radius: 2px;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: 300;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.form-contex input[type="submit"]:hover {
  background-color: #fff710;
}
.comments {
  margin-bottom: 40px;
}
.comments .stage-1 {
  padding: 0 20px;
  height: 54px;
  background: #f0f0f0;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.comments .stage-1 span.count {
  display: inline-block;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  line-height: 21px;
  /* Text style for "15 –Ї–Њ–Љ–Љ–µ–љ—В–∞—А–Є–µ" */
  color: #3a3a3a;
  font-weight: 500;
}
@media (max-width: 768px) {
  .comments .stage-1 span.count {
    font-size: 14px;
  }
}
.comments .stage-1 span.count:before {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
  margin-right: 12px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/chat-comment-oval-speech-bubble-with-text-lines.svg);
  background-size: 16px 16px;
}
.comments .stage-1 span.read {
  display: inline-block;
  margin-left: 5px;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  line-height: 21px;
  /* Text style for "15 –Ї–Њ–Љ–Љ–µ–љ—В–∞—А–Є–µ" */
  color: #2b72b8;
  font-weight: 500;
  user-select: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  .comments .stage-1 span.read {
    font-size: 14px;
  }
}
.comments .stage-1 span.read span {
  border-bottom: 1px solid #2b72b8;
}
.comments .stage-1 span.read:after {
  display: inline-block;
  position: relative;
  content: "";
  width: 13px;
  height: 13px;
  top: 3px;
  margin-left: 5px;
  background: url(https://piter.pro/img/left-arrow-full-blue.svg) center center no-repeat;
  background-size: contain;
  transform: rotate(-90deg);
}
.comments ul {
  min-width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.comments ul li {
  display: block;
  position: relative;
  margin: 40px 0;
  padding: 0;
  list-style: none;
  padding-top: 20px;
  padding-left: 128px;
}
@media (max-width: 768px) {
  .comments ul li {
    padding-top: 10px;
    padding-left: 0;
  }
}
.comments ul li.depth-2,
.comments ul li.depth-3,
.comments ul li.depth-4 {
  margin-left: 132px;
}
@media (max-width: 768px) {
  .comments ul li.depth-2,
  .comments ul li.depth-3,
  .comments ul li.depth-4 {
    margin-left: 22px;
  }
}
.comments ul li .comment-reply-link {
  display: block;
  padding: 0 7px;
  width: 102px;
  height: 29px;
  border: 1px solid #ffc500;
  border-radius: 2px;
  color: #3a3a3a;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  line-height: 27px;
  font-weight: 500;
  user-select: none;
  cursor: pointer;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .comments ul li .comment-reply-link {
    margin: 0 auto;
  }
}
.comments ul li .comment-reply-link:before {
  display: inline-block;
  position: relative;
  content: "";
  width: 14px;
  height: 12px;
  top: 2px;
  margin-right: 9px;
  background-image: url(https://piter.pro/img/reply.png);
  background-image: -webkit-image-set(
    url(https://piter.pro/img/reply.png) 1x,
    url(https://piter.pro/img/reply-2x.png) 2x
  );
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media (max-width: 768px) {
  .comments ul li .comment-body .comment-author {
    padding-left: 70px;
  }
}
.comments ul li .comment-body .comment-author img {
  display: block;
  position: absolute;
  top: 0;
  left: 20px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #a3c0dd;
}
@media (max-width: 768px) {
  .comments ul li .comment-body .comment-author img {
    width: 56px;
    height: 56px;
    left: 0;
  }
}
.comments ul li .comment-body .comment-author .fn {
  display: block;
  font-family: "Museo Sans Cyrl";
  line-height: 21px;
  /* Text style for "–Ф–Љ–Є—В—А–Є–є" */
  color: #3a3a3a;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}
@media (max-width: 768px) {
  .comments ul li .comment-body .comment-meta {
    padding-left: 70px;
  }
}
.comments ul li .comment-body .comment-meta a {
  display: block;
  text-decoration: none;
  line-height: 21px;
  /* Text style for "02.07.2016" */
  color: #808181;
  font-size: 12px;
  font-weight: 300;
}
.comments ul li .comment-body .comment-content {
  display: block;
  margin-top: 20px;
  margin-bottom: 18px;
  padding: 25px 30px;
  background: #fafafa;
  color: #303030;
  font-family: "Museo Sans Cyrl";
  font-size: 15px;
  line-height: 26px;
  font-weight: 300;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .comments ul li .comment-body .comment-content {
    padding: 22px 28px;
    font-size: 13px;
    line-height: 23px;
  }
}
.comments ul li .comment-body .comment-content p:first-child {
  margin-top: 0;
}
.comments ul li .comment-body .comment-content p:last-child {
  margin-bottom: 0;
}
.comments #respond .comment-reply-title {
  display: block;
  color: #3a3a3a;
  font-family: "Museo Sans Cyrl";
  font-size: 23px;
  line-height: 21px;
  text-transform: uppercase;
  font-weight: 900;
}
@media (max-width: 768px) {
  .comments #respond .comment-reply-title {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .comments #respond p {
    margin: 10px 0;
  }
}
.comments #respond .form-submit {
  display: inline-block;
  margin-right: 20px;
}
.comments #respond .form-submit .submit {
  display: block;
  border: none;
  margin: 0;
  padding: 0;
  width: 224px;
  height: 48px;
  background-color: #ffd138;
  border-radius: 2px;
  box-sizing: border-box;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: 300;
}
.comments #respond .comment-form-author {
  width: 48%;
  margin-right: 4%;
  float: left;
}
@media (max-width: 768px) {
  .comments #respond .comment-form-author {
    width: 100%;
    margin-right: 0;
    float: none;
  }
}
.comments #respond .comment-form-email {
  width: 48%;
  float: left;
}
@media (max-width: 768px) {
  .comments #respond .comment-form-email {
    width: 100%;
    float: none;
  }
}
.comments #respond .comment-form-comment {
  display: block;
  clear: both;
}
.comments #respond .subscribe-to-comments {
  display: inline-block;
}
.comments #respond .subscribe-to-comments input {
  opacity: 0;
}
@media (max-width: 768px) {
  .comments #respond .subscribe-to-comments input {
    display: none;
  }
}
.comments #respond .subscribe-to-comments label {
  display: inline-block;
  padding-left: 35px;
  position: relative;
  color: #454545;
  font-family: "Museo Sans Cyrl";
  font-size: 14px;
  line-height: 21px;
  font-weight: 300;
  cursor: pointer;
  user-select: none;
}
.comments #respond .subscribe-to-comments label:before {
  display: block;
  content: "";
  position: absolute;
  /* Style for "–Я—А—П–Љ–Њ—Г–≥–Њ–ї—М–љ–Є–Ї," */
  width: 20px;
  height: 20px;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-color: white;
  border: 1px solid rgba(0, 0, 1, 0.16);
  border-radius: 2px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.comments #respond .subscribe-to-comments input:checked + label:before {
  background-image: url(https://piter.pro/img/check-mark-blue.svg);
}
.breadcrumbs {
  display: block;
  position: relative;
  width: 100%;
  max-width: 95%;
  margin: 0 auto;
  margin-top: -3px;
  padding: 0 45px;
  background: #f0f0f0;
  box-shadow: 0 37px 37px rgba(0, 0, 1, 0.1);
  box-sizing: border-box;
  height: 40px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 768px) {
  .breadcrumbs {
    display: none;
  }
}
.breadcrumbs span a,
.breadcrumbs .kb_title {
  display: inline-block;
  position: relative;
  top: 1px;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  /* Text style for "–Ъ–∞–Ї –Ј–∞—А–∞–±–Њ—В–∞—В—М" */
  /* Text style for "–Ч–∞–і–∞—В—М –≤–Њ–њ—А–Њ—Б" */
  color: #656565;
  text-decoration: none;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.breadcrumbs span a:hover,
.breadcrumbs .kb_title:hover {
  color: #3e3c3c;
  border-bottom-color: #d0d0d0;
}
.breadcrumbs span[itemprop="itemListElement"] {
  position: relative;
  bottom: 1px;
}
.breadcrumbs .kb_title {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.breadcrumbs .kb_title:hover {
  border-bottom-color: transparent;
}
.breadcrumbs:before {
  display: inline-block;
  content: "";
  width: 15px;
  height: 15px;
  margin-right: 12px;
  background: url(../img/home-icon-silhouette.svg) center center no-repeat;
  background-size: 15px;
}
.breadcrumbs span.kb_sep {
  display: inline-block;
  color: transparent;
  user-select: none;
  width: 7px;
  height: 13px;
  margin: 0 5px;
  background: url(../img/right-arrow-breadcumps.svg) center center no-repeat;
  background-size: 13px;
}
.main-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.main-content .main-base {
  width: 80%;
}
@media (max-width: 768px) {
  .main-content .main-base {
    width: 100%;
  }
}
.main-content .main-base > h1 {
  display: block;
  max-width: 100%;
}
.main-content .main-base > h1:first-child {
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 33px;
  line-height: 46px;
  margin-top: 50px;
  margin-bottom: 26px;
  font-weight: 900;
}
@media (max-width: 768px) {
  .main-content .main-base > h1:first-child {
    font-size: 19px;
    line-height: 24px;
    margin: 26px 0;
  }
}
.main-content .main-base p {
  display: block;
  max-width: 100%;
  font-family: "Museo Sans Cyrl";
  font-size: 15px;
  line-height: 26px;
  /* Text style for "–Т–Њ–њ—А–Њ—Б—Л –њ–Њ –Ј–∞—А" */
  color: #222;
  margin: 26px 0;
}
@media (max-width: 768px) {
  .main-content .main-base p {
    font-size: 14px;
    line-height: 26px;
  }
}
.main-content .main-base p a {
  display: inline-block;
  color: #2b72b8;
  line-height: 18px;
  text-decoration: none;
  border-bottom: 1px solid #2b72b8;
}
.main-content .main-base blockquote.alert {
  display: block;
  position: relative !important;
  padding: 20px 24px !important;
  border: 6px solid #fff1b1;
  margin: 26px 0;
  box-sizing: border-box;
  color: #222;
  font-family: "Museo Sans Cyrl";
  font-size: 15px;
  line-height: 26px;
  /* Text style for "–Т–Р–Ц–Э–Ю!" */
}
@media (max-width: 768px) {
  .main-content .main-base blockquote.alert {
    padding-left: 56px !important;
  }
}
.main-content .main-base blockquote.alert:before {
  display: block;
  position: relative;
  content: "";
  width: 44px;
  height: 44px;
  top: 3px;
  margin-right: 20px;
  float: left;
  background: url(https://piter.pro/img/exclamation.svg) center center no-repeat;
  background-size: 44px;
}
@media (max-width: 768px) {
  .main-content .main-base blockquote.alert:before {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 12px;
    left: 12px;
    background-size: 32px;
  }
}
.main-content .main-base blockquote.alert:after {
  display: none !important;
}
.main-content .main-base blockquote.alert a {
  display: inline-block;
  line-height: 16px;
  text-decoration: none;
  color: #222;
  background: #fffeac;
  border-bottom: 1px solid #cece8f;
}
.main-content .main-base .important {
  padding: 35px 28px;
  margin: 30px 0;
  background: #f5f4e4;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .main-content .main-base .important {
    padding: 20px 14px;
  }
  .main-content .main-base .important ul,
  .main-content .main-base .important ol {
    padding-left: 0;
  }
}
.main-content .main-base .important span.t {
  display: inline-block;
  background: #fff710;
  outline: 2px solid #fff710;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  /* Text style for "–Т–∞–ґ–љ–Њ" */
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 900;
}
.main-content .main-base .important p:first-child {
  margin-top: 0;
}
.main-content .main-base .important p:last-child {
  margin-bottom: 0;
}
.main-content .main-base .blue {
  padding: 35px 28px;
  margin: 30px 0;
  background: #e5eff9;
  box-sizing: border-box;
  font-weight: 300;
}
@media (max-width: 768px) {
  .main-content .main-base .blue {
    padding: 26px 24px;
  }
  .main-content .main-base .blue ul,
  .main-content .main-base .blue ol {
    padding-left: 0;
  }
  .main-content .main-base .blue p {
    margin: 10px 0;
  }
}
.main-content .main-base .blue span.t {
  display: inline-block;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  /* Text style for "–Т–∞–ґ–љ–Њ" */
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 900;
}
@media (max-width: 768px) {
  .main-content .main-base .blue span.t {
    font-size: 14px;
  }
}
.main-content .main-base .blue p {
  font-weight: 300;
}
.main-content .main-base .blue p:first-child {
  margin-top: 0;
}
.main-content .main-base .blue p:last-child {
  margin-bottom: 0;
}
.main-content .main-base .entry-content {
  /* =WordPress Core
  -------------------------------------------------------------- */
  /* Text meant only for screen readers. */
}
.main-content .main-base .entry-content p {
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 15px;
  line-height: 26px;
  padding-left: 68px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content p {
    padding-left: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 29px;
  }
}
.main-content .main-base .entry-content p a,
.main-content .main-base .entry-content p span.spanlink {
  display: inline;
  color: #2b72b8;
  line-height: 18px;
  text-decoration: none;
  border-bottom: 1px solid #2b72b8;
  cursor: pointer;
}
.main-content .main-base .entry-content .post-min {
  position: relative;
  width: 100%;
  margin: 26px 0;
  margin-left: 68px;
  padding: 18px 20px;
  background: #fafafa;
  border: 5px solid #ebebeb;
  box-sizing: border-box;
  zoom: 1;
}
.main-content .main-base .entry-content .post-min:before,
.main-content .main-base .entry-content .post-min:after {
  content: "";
  display: table;
}
.main-content .main-base .entry-content .post-min:after {
  clear: both;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .post-min {
    margin-left: 0;
  }
}
.main-content .main-base .entry-content .post-min:after {
  display: block;
  position: absolute;
  width: 11px;
  height: 37px;
  content: "";
  background: url(https://piter.pro/img/flag-straw.svg) center center no-repeat;
  background-size: contain;
  top: -5px;
  left: 30px;
}
.main-content .main-base .entry-content .post-min span.t {
  display: block;
  margin-bottom: 22px;
  padding-left: 32px;
  clear: both;
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 17px;
  line-height: 17px;
  text-transform: uppercase;
  font-weight: 900;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .post-min span.t {
    font-size: 16px;
  }
}
.main-content .main-base .entry-content .post-min span.title {
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 17px;
  line-height: 21px;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .post-min span.title {
    display: block;
    font-size: 15px;
    line-height: 21px;
    margin-top: 20px;
  }
}
.main-content .main-base .entry-content .post-min .image {
  float: left;
  width: 228px;
  height: 131px;
  margin-right: 20px;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .post-min .image {
    float: none;
    width: 100%;
    height: 25vh;
  }
}
.main-content .main-base .entry-content .post-min .stats {
  margin: 17px 0;
  padding-bottom: 0;
  border-bottom: none;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .post-min .stats {
    text-align: center;
  }
}
.main-content .main-base .entry-content .post-min span.read {
  display: inline-block;
  padding: 8px 16px;
  border: 2px solid #ffd852;
  border-radius: 2px;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
  font-weight: 300;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.main-content .main-base .entry-content .post-min span.read:hover {
  background: #ffd852;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .post-min span.read {
    display: block;
    width: fit-content;
    margin: 0 auto;
    text-align: center;
  }
}
.main-content .main-base .entry-content .post-min:hover span.title {
  color: #2b72b8;
}
.main-content .main-base .entry-content h2,
.main-content .main-base .entry-content h3,
.main-content .main-base .entry-content h4 {
  display: block;
  margin: 36px 0;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 28px;
  line-height: 46px;
  font-weight: 900;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content h2,
  .main-content .main-base .entry-content h3,
  .main-content .main-base .entry-content h4 {
    margin: 30px 0;
    font-size: 18px;
    line-height: 25px;
  }
}
.main-content .main-base .entry-content .contents {
  padding: 25px 52px;
  background-color: white;
  border: 6px solid #fff1b1;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .contents {
    padding: 12px 30px;
  }
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .contents:before {
    display: inline-block;
    content: "Развернуть содержание статьи";
    color: black;
    font-family: "Museo Sans Cyrl";
    font-size: 13px;
    line-height: 32px;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .contents:after {
    display: inline-block;
    content: "";
    width: 12px;
    height: 8px;
    margin-left: 5px;
    background: url(../img/arrow.svg) center center no-repeat;
    background-size: 12px;
    opacity: 1;
    transform: rotate(0);
  }
}
.main-content .main-base .entry-content .contents h2 {
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 24px;
  line-height: 37px;
  margin: 0;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .contents h2 {
    display: none !important;
  }
}
.main-content .main-base .entry-content .contents ul {
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .contents ul {
    display: none !important;
    height: 0;
    overflow: hidden;
  }
}
.main-content .main-base .entry-content .contents ul li {
  position: relative;
  margin: 10px 0;
  padding-left: 44px;
  list-style: none;
}
.main-content .main-base .entry-content .contents ul li:before {
  display: block;
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  top: 11px;
  left: 0;
  border: none;
  background: url(../img/push-pin.png) center center no-repeat;
  background-size: 17px;
}
.main-content .main-base .entry-content .contents ul li a {
  display: inline;
  color: #5c5028;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  line-height: 18px;
  text-decoration: none;
  border-bottom: 1px solid #d8d5cc;
  font-weight: 500;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.main-content .main-base .entry-content .contents ul li a:hover {
  border-bottom-color: #5c5028;
}
.main-content .main-base .entry-content .contents ul ul {
  padding-left: 44px;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .contents.active:after,
  .main-content .main-base .entry-content .contents.active:before {
    display: none;
  }
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .contents.active h2 {
    display: block !important;
    height: auto;
  }
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .contents.active ul {
    display: block !important;
    height: auto;
  }
}
.main-content .main-base .entry-content blockquote {
  position: relative;
  min-height: 102px;
  padding: 24px 0;
  padding-right: 24px;
  margin-left: 0;
  background: #f5f4e4;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content blockquote {
    width: 100%;
    padding: 24px;
  }
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content blockquote p:first-letter {
    display: inline-block;
    padding-left: 40px;
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .main-content
    .main-base
    .entry-content
    blockquote
    p:first-child
    strong:first-child,
  .main-content
    .main-base
    .entry-content
    blockquote
    p:first-child
    b:first-child {
    display: block;
    position: relative;
    top: -2px;
    padding-left: 40px;
    margin-bottom: 10px;
    line-height: 23px;
  }
}
.main-content .main-base .entry-content blockquote:after {
  display: block;
  content: "";
  position: absolute;
  top: 30px;
  left: 26px;
  width: 24px;
  height: 20px;
  background: url(../img/left-quote.svg) center center no-repeat;
  background-size: contain;
  opacity: 0.16;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content blockquote:after {
    top: 20px;
  }
}
.main-content .main-base .entry-content blockquote p {
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 17px;
  line-height: 31px;
  /* Text style for "–Т—Л–≤–Њ–і 3:" */
  font-style: italic;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content blockquote p {
    font-size: 15px;
    /* Text style for "–Т—Л–≤–Њ–і 3:" */
    font-style: italic;
    line-height: 23px;
  }
}
.main-content .main-base .entry-content blockquote p b,
.main-content .main-base .entry-content blockquote p strong {
  font-weight: 900;
}
.main-content .main-base .entry-content blockquote p:first-child {
  margin-top: 0;
}
.main-content .main-base .entry-content blockquote p:last-child {
  margin-bottom: 0;
}
.main-content .main-base .entry-content img {
  max-width: 100%;
  height: auto;
}
.main-content .main-base .entry-content ol,
.main-content .main-base .entry-content ul {
  padding-left: 108px;
  margin: 53px 0;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content ol,
  .main-content .main-base .entry-content ul {
    padding-left: 0;
    margin: 28px 0;
  }
}
.main-content .main-base .entry-content ol li,
.main-content .main-base .entry-content ul li {
  color: #2d2d2d;
  font-family: Georgia;
  font-size: 21px;
  font-weight: 400;
  line-height: 30px;
  color: #010101;
  font-family: "Museo Sans Cyrl";
  font-size: 17px;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content ol li,
  .main-content .main-base .entry-content ul li {
    font-size: 14px;
    /* Text style for "–∞, –Ї–Њ—В–Њ—А—Л–µ —А–∞–±" */
    line-height: 25px;
  }
}
.main-content .main-base .entry-content ol li a,
.main-content .main-base .entry-content ul li a,
.main-content .main-base .entry-content ol li span.spanlink,
.main-content .main-base .entry-content ul li span.spanlink {
  display: inline;
  color: #2b72b8;
  line-height: 18px;
  text-decoration: none;
  border-bottom: 1px solid #2b72b8;
  cursor: pointer;
}
.main-content .main-base .entry-content ol {
  counter-reset: myCounter;
}
.main-content .main-base .entry-content ol li {
  position: relative;
  margin: 20px 0;
  padding-left: 42px;
  box-sizing: border-box;
  list-style: none;
}
.main-content .main-base .entry-content ol li:before {
  counter-increment: myCounter;
  content: counter(myCounter);
  display: block;
  left: 0;
  position: absolute;
  text-align: center;
  width: 30px;
  height: 30px;
  background-color: #f5f4e4;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  line-height: 30px;
  box-sizing: border-box;
  border-radius: 50%;
  font-weight: 700;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content ol li:before {
    top: -3px;
  }
}
.main-content .main-base .entry-content .flag-list ol,
.main-content .main-base .entry-content .flag-list ul {
  padding-left: 26px;
  counter-reset: myCounter;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .flag-list ol,
  .main-content .main-base .entry-content .flag-list ul {
    padding-left: 0;
  }
}
.main-content .main-base .entry-content .flag-list ol li,
.main-content .main-base .entry-content .flag-list ul li {
  position: relative;
  margin: 35px 0;
  padding-left: 42px;
  box-sizing: border-box;
  list-style: none;
  color: #2d2d2d;
  font-family: Georgia;
  font-size: 21px;
  font-weight: 400;
  /* Text style for "–Ь–љ–Њ–≥–Є–µ –љ–∞—З–Є–љ–∞—О" */
  line-height: 30px;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .flag-list ol li,
  .main-content .main-base .entry-content .flag-list ul li {
    padding-left: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 29px;
  }
}
.main-content .main-base .entry-content .flag-list ol li h2,
.main-content .main-base .entry-content .flag-list ul li h2,
.main-content .main-base .entry-content .flag-list ol li h3,
.main-content .main-base .entry-content .flag-list ul li h3 {
  margin: 26px 0;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
}
.main-content .main-base .entry-content .flag-list ol li h2:first-child,
.main-content .main-base .entry-content .flag-list ul li h2:first-child,
.main-content .main-base .entry-content .flag-list ol li h3:first-child,
.main-content .main-base .entry-content .flag-list ul li h3:first-child {
  margin-top: 0px;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .flag-list ol li h2:first-child,
  .main-content .main-base .entry-content .flag-list ul li h2:first-child,
  .main-content .main-base .entry-content .flag-list ol li h3:first-child,
  .main-content .main-base .entry-content .flag-list ul li h3:first-child {
    padding-left: 42px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 14px;
  }
}
.main-content .main-base .entry-content .flag-list ol li:before,
.main-content .main-base .entry-content .flag-list ul li:before {
  counter-increment: myCounter;
  content: counter(myCounter);
  display: block;
  top: 4px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 23px;
  height: 29px;
  background: url(https://piter.pro/img/flag-blue.svg) center center no-repeat;
  background-size: contain;
  box-sizing: border-box;
  border-radius: 0;
  font-weight: 700;
  color: white;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 25px;
}
.main-content .main-base .entry-content span.yellow {
  display: inline-block;
  background-color: #fffeac;
  outline: 3px solid #fffeac;
}
.main-content .main-base .entry-content ul li {
  position: relative;
  margin: 20px 0;
  padding-left: 24px;
  box-sizing: border-box;
  list-style: none;
}
.main-content .main-base .entry-content ul li:before {
  content: "";
  display: block;
  top: 9px;
  left: 0;
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: white;
  border: 3px solid #ffd852;
  box-sizing: border-box;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content ul li:before {
    top: 6px;
  }
}
.main-content .main-base .entry-content .scroll-wrapper {
  margin-left: 68px;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .scroll-wrapper {
    margin-left: 0;
  }
}
.main-content .main-base .entry-content .scroll-wrapper:after {
  display: block;
  position: absolute;
  content: "";
  width: 132px;
  height: 100%;
  top: 0;
  right: 0;
  background-image: linear-gradient(to right, transparent 0%, white 100%);
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .scroll-wrapper:after {
    width: 40px;
  }
}
.main-content .main-base .entry-content .scroll-wrapper:before {
  display: block;
  position: absolute;
  content: "";
  width: 132px;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(to right, white 0%, transparent 100%);
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  z-index: 1;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .scroll-wrapper:before {
    width: 40px;
  }
}
.main-content .main-base .entry-content .scroll-wrapper.on-end-scrolled:after {
  opacity: 0;
  visibility: hidden;
}
.main-content
  .main-base
  .entry-content
  .scroll-wrapper.on-start-scrolled:before {
  opacity: 0;
  visibility: hidden;
}
.main-content .main-base .entry-content .scroll-wrapper table {
  padding-bottom: 30px;
}
.main-content .main-base .entry-content table::not(.b-head_type_search-simple) {
  min-width: 100%;
  margin-left: 68px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .main-content
    .main-base
    .entry-content
    table::not(.b-head_type_search-simple) {
    margin-left: 0;
  }
}
.main-content
  .main-base
  .entry-content
  table.responsive::not(.b-head_type_search-simple) {
  display: block;
  margin-left: 0;
}
.main-content
  .main-base
  .entry-content
  table::not(.b-head_type_search-simple)
  a,
.main-content
  .main-base
  .entry-content
  table::not(.b-head_type_search-simple)
  span.spanlink {
  display: inline;
  color: #2b72b8;
  line-height: 18px;
  text-decoration: none;
  border-bottom: 1px solid #2b72b8;
  cursor: pointer;
}
.main-content
  .main-base
  .entry-content
  table::not(.b-head_type_search-simple)
  tbody
  tr
  td,
.main-content
  .main-base
  .entry-content
  table::not(.b-head_type_search-simple)
  tbody
  tr
  th {
  min-width: 200px;
  padding: 10px 34px;
  border: 1px solid #d9d9d9;
  color: black;
  font-family: Georgia;
  font-size: 18px;
  font-weight: 400;
  /* Text style for "1. –Ч–∞—А–∞–±–Њ—В–Њ–Ї –±" */
  line-height: 27px;
}
@media (max-width: 768px) {
  .main-content
    .main-base
    .entry-content
    table::not(.b-head_type_search-simple)
    tbody
    tr
    td,
  .main-content
    .main-base
    .entry-content
    table::not(.b-head_type_search-simple)
    tbody
    tr
    th {
    padding: 10px 24px;
    font-size: 15px;
    font-weight: 400;
    /* Text style for "1. –Ч–∞—А–∞–±–Њ—В–Њ–Ї –±" */
    line-height: 27px;
  }
}
.main-content
  .main-base
  .entry-content
  table::not(.b-head_type_search-simple)
  tbody
  tr:first-child
  td,
.main-content
  .main-base
  .entry-content
  table::not(.b-head_type_search-simple)
  tbody
  tr:first-child
  th {
  background: #f9f9f9;
  color: #3a3b3b;
  font-family: "Museo Sans Cyrl";
  font-size: 15px;
  line-height: 26px;
  font-weight: 900;
  text-align: center;
}
.main-content .main-base .entry-content .ok-list ul li,
.main-content .main-base .entry-content .ok-list ol li {
  position: relative;
  margin: 20px 0;
  padding-left: 24px;
  box-sizing: border-box;
  list-style: none;
}
.main-content .main-base .entry-content .ok-list ul li:before,
.main-content .main-base .entry-content .ok-list ol li:before {
  content: "";
  display: block;
  top: 9px;
  left: 0;
  position: absolute;
  width: 16px;
  height: 12px;
  background-color: white;
  border: none;
  background: url(https://piter.pro/img/check-mark.svg) center center no-repeat;
  background-size: contain;
  box-sizing: border-box;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .ok-list ul li:before,
  .main-content .main-base .entry-content .ok-list ol li:before {
    top: 6px;
  }
}
.main-content .main-base .entry-content .pre-body p {
  font-family: "Museo Sans Cyrl";
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
  /* Text style for "–Ч–і—А–∞–≤—Б—В–≤—Г–є—В–µ," */
  color: black;
}
@media (max-width: 768px) {
  .main-content .main-base .entry-content .pre-body p {
    font-size: 15px;
    font-weight: 400;
    line-height: 29px;
    /* Text style for "–Ч–і—А–∞–≤—Б—В–≤—Г–є—В–µ," */
    color: black;
  }
}
.main-content .main-base .entry-content .alignnone {
  margin: 5px 20px 20px 0;
}
.main-content .main-base .entry-content .aligncenter,
.main-content .main-base .entry-content div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.main-content .main-base .entry-content .alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.main-content .main-base .entry-content .alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.main-content .main-base .entry-content a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.main-content .main-base .entry-content a img.alignnone {
  margin: 5px 20px 20px 0;
}
.main-content .main-base .entry-content a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.main-content .main-base .entry-content a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.main-content .main-base .entry-content .wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}
.main-content .main-base .entry-content .wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.main-content .main-base .entry-content .wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.main-content .main-base .entry-content .wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.main-content .main-base .entry-content .wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.main-content .main-base .entry-content .wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
.main-content .main-base .entry-content .screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.main-content .main-base .entry-content .screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
.main-content .main-base .stage-bl {
  margin: 26px 0;
  padding: 32px 44px;
  background: #f5f9fb;
}
@media (max-width: 768px) {
  .main-content .main-base .stage-bl {
    padding: 24px;
  }
}
.main-content .main-base .stage-bl span.t {
  display: block;
  text-align: center;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 22px;
  line-height: 22px;
  font-weight: 900;
}
@media (max-width: 768px) {
  .main-content .main-base .stage-bl span.t {
    font-size: 16px;
  }
}
.main-content .main-base .stage-bl .item {
  display: block;
  position: relative;
  margin: 24px 0;
  padding-left: 32px;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 15px;
  /* Text style for "–І–µ–Љ –±–Њ–ї–µ–µ —А–∞–Ј–≤" */
  line-height: 29px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .main-content .main-base .stage-bl .item {
    padding-left: 16px;
    font-size: 13px;
    /* Text style for "—З–µ—В–Ї–Є–є –≤–Њ–њ—А–Њ—Б" */
    line-height: 22px;
  }
}
.main-content .main-base .stage-bl .item:after {
  display: block;
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  top: 7px;
  left: 0px;
  border: 3px solid #ffd852;
  border-radius: 50%;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .main-content .main-base .stage-bl .item:after {
    width: 8px;
    height: 8px;
    top: 7px;
    border: 2px solid #ffd852;
  }
}
.main-content .main-base .stage-bl .item:last-child {
  margin-bottom: 0;
}
.main-content .main-base .form-contex {
  margin: 42px 0;
}
@media (max-width: 768px) {
  .main-content .main-base .form-contex {
    margin: 35px 0;
  }
}
.main-content .main-base .form-contex .wpcf7-form-control-wrap {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 58px;
}
.main-content .main-base .form-contex > span.t {
  display: block;
  margin-bottom: 42px;
  text-align: center;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 22px;
  line-height: 22px;
  font-weight: 900;
}
@media (max-width: 768px) {
  .main-content .main-base .form-contex > span.t {
    font-size: 16px;
    margin-bottom: 35px;
  }
}
.main-content .main-base .form-contex .form-3-half {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.main-content .main-base .form-contex .form-3-half .input-text {
  width: 258px;
  margin-bottom: 26px;
}
@media (max-width: 768px) {
  .main-content .main-base .form-contex .form-3-half .input-text {
    width: 100%;
  }
}
.main-content .main-base .form-contex .form-3-half .input-textarea {
  width: 100%;
  margin-bottom: 26px;
}
@media (max-width: 768px) {
  .main-content .main-base .form-contex .form-3-half .input-textarea {
    width: 100%;
  }
}
.main-content .main-base .form-contex .form-2-half {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.main-content .main-base .form-contex .form-2-half .input-text {
  width: 412px;
  margin-bottom: 26px;
}
@media (max-width: 768px) {
  .main-content .main-base .form-contex .form-2-half .input-text {
    width: 100%;
  }
}
.main-content .main-base .form-contex .form-2-half .input-textarea {
  width: 100%;
  margin-bottom: 26px;
}
@media (max-width: 768px) {
  .main-content .main-base .form-contex .form-2-half .input-textarea {
    width: 100%;
  }
}
.main-content .sidebar {
  width: 19%;
}

@media (max-width: 768px) {
  .main-content .sidebar {
    display: none !important;
  }
  .main-content {
    flex-direction: column-reverse;
  }
  .main-content .poisk-tur {
    display: flex !important;
    width: 100%;
    justify-content: center;
    margin-top: 1rem;
  }
  .poisk-tur .contents {
    text-align: center;
  }
  .input-group {
    font-size: 1rem;
  }
}
.main-content .sidebar .author {
  margin-top: 70px;
  margin-bottom: 46px;
  zoom: 1;
}
.main-content .sidebar .author:before,
.main-content .sidebar .author:after {
  content: "";
  display: table;
}
.main-content .sidebar .author:after {
  clear: both;
}
.main-content .sidebar .author .img {
  width: 72px;
  height: 72px;
  float: left;
  margin-right: 14px;
  border-radius: 50%;
  background-color: #f0f0f0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  box-sizing: border-box;
}
.main-content .sidebar .author span.t {
  display: block;
  color: #646464;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 18px;
}
.main-content .sidebar .author span.name {
  display: block;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  line-height: 23px;
  font-weight: 700;
}
.main-content .sidebar .author span.desc {
  display: block;
  color: #4f4e4e;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
}
.page-post .entry h1.entry-title {
  display: block;
  margin-top: 52px;
  margin-bottom: 34px;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 33px;
  line-height: 46px;
  font-weight: 900;
}
@media (max-width: 768px) {
  .page-post .entry h1.entry-title {
    margin-top: 26px;
    margin-bottom: 22px;
    font-size: 19px;
    line-height: 24px;
  }
}
.page-post .entry .stats {
  height: 24px;
  padding-bottom: 26px;
  border-bottom: 1px solid #e7e7e7;
}
@media (max-width: 768px) {
  .page-post .entry .stats {
    margin-bottom: 12px;
  }
}
.page-post .entry .stats .stat {
  line-height: 24px;
}
.page-post .entry .stats .stat .icon {
  top: 0;
}
.page-post .entry .stats .stat .text {
  position: relative;
  top: -7px;
  line-height: 24px;
}
@media (max-width: 768px) {
  .page-post .entry .stats .stat .text span {
    display: none;
  }
}
@media (max-width: 768px) {
  .page-post .entry .stats .stat:first-child .text span:last-child {
    display: inline-block;
  }
}
@media (max-width: 768px) {
  .page-post .entry .stats .stat .text {
    font-size: 11px;
  }
}
.page-post .entry .entry-content {
  /* =WordPress Core
  -------------------------------------------------------------- */
  /* Text meant only for screen readers. */
}
.page-post .entry .entry-content p {
  color: #2d2d2d;
  font-family: Georgia;
  font-size: 19px;
  font-weight: 400;
  line-height: 30px;
  padding-left: 68px;
  box-sizing: border-box;
  white-space: pre-line;
}

.page-post .entry .entry-content div {
  color: #2d2d2d;
  font-family: Georgia;
  font-size: 19px;
  font-weight: 400;
  line-height: 30px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content p {
    padding-left: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 29px;
  }
}
.page-post .entry .entry-content p a,
.page-post .entry .entry-content p span.spanlink {
  display: inline;
  color: #2b72b8;
  line-height: 18px;
  text-decoration: none;
  border-bottom: 1px solid #2b72b8;
  cursor: pointer;
}
.page-post .entry .entry-content .post-min {
  display: block;
  position: relative;
  width: 100%;
  min-height: 216px;
  margin: 26px 0;
  padding: 18px 20px;
  background: #fafafa;
  border: 5px solid #ebebeb;
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
  zoom: 1;
}
.page-post .entry .entry-content .post-min:before,
.page-post .entry .entry-content .post-min:after {
  content: "";
  display: table;
}
.page-post .entry .entry-content .post-min:after {
  clear: both;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .post-min {
    margin-left: 0;
  }
}
.page-post .entry .entry-content .post-min:after {
  display: block;
  position: absolute;
  width: 11px;
  height: 37px;
  content: "";
  background: url(https://piter.pro/img/flag-straw.svg) center center no-repeat;
  background-size: contain;
  top: -5px;
  left: 30px;
}
.page-post .entry .entry-content .post-min span.t {
  display: block;
  margin-bottom: 22px;
  padding-left: 32px;
  clear: both;
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 17px;
  line-height: 17px;
  text-transform: uppercase;
  font-weight: 900;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .post-min span.t {
    font-size: 16px;
  }
}
.page-post .entry .entry-content .post-min span.title {
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 17px;
  line-height: 21px;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .post-min span.title {
    display: block;
    font-size: 15px;
    line-height: 21px;
    margin-top: 20px;
  }
}
.page-post .entry .entry-content .post-min .image {
  float: left;
  width: 228px;
  height: 131px;
  margin-right: 20px;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .post-min .image {
    float: none;
    width: 100%;
    height: 25vh;
  }
}
.page-post .entry .entry-content .post-min .stats {
  margin: 17px 0;
  padding-bottom: 0;
  border-bottom: none;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .post-min .stats {
    text-align: center;
  }
}
.page-post .entry .entry-content .post-min span.read {
  display: inline-block;
  padding: 8px 16px;
  border: 2px solid #ffd852;
  border-radius: 2px;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
  font-weight: 300;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.page-post .entry .entry-content .post-min span.read:hover {
  background: #ffd852;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .post-min span.read {
    display: block;
    width: fit-content;
    margin: 0 auto;
    text-align: center;
  }
}
.page-post .entry .entry-content .post-min:hover span.title {
  color: #2b72b8;
}
.page-post .entry .entry-content h2,
.page-post .entry .entry-content h3,
.page-post .entry .entry-content h4 {
  display: block;
  margin: 36px 0;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 28px;
  line-height: 46px;
  font-weight: 900;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content h2,
  .page-post .entry .entry-content h3,
  .page-post .entry .entry-content h4 {
    margin: 30px 0;
    font-size: 18px;
    line-height: 25px;
  }
}
.page-post .entry .entry-content .contents {
  padding: 25px 52px;
  background-color: white;
  border: 6px solid #fff1b1;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .contents {
    padding: 12px 30px;
  }
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .contents:before {
    display: inline-block;
    content: "Развернуть содержание статьи";
    color: black;
    font-family: "Museo Sans Cyrl";
    font-size: 13px;
    line-height: 32px;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .contents:after {
    display: inline-block;
    content: "";
    width: 12px;
    height: 8px;
    margin-left: 5px;
    background: url(../img/arrow.svg) center center no-repeat;
    background-size: 12px;
    opacity: 1;
    transform: rotate(0);
  }
}
.page-post .entry .entry-content .contents h2 {
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 24px;
  line-height: 37px;
  margin: 0;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .contents h2 {
    display: none !important;
  }
}
.page-post .entry .entry-content .contents ul {
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .contents ul {
    display: none !important;
    height: 0;
    overflow: hidden;
  }
}
.page-post .entry .entry-content .contents ul li {
  position: relative;
  margin: 10px 0;
  padding-left: 44px;
  list-style: none;
}
.page-post .entry .entry-content .contents ul li:before {
  display: block;
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  top: 11px;
  left: 0;
  border: none;
  background: url(../img/push-pin.png) center center no-repeat;
  background-size: 17px;
}
.page-post .entry .entry-content .contents ul li a {
  display: inline;
  color: #5c5028;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  line-height: 18px;
  text-decoration: none;
  border-bottom: 1px solid #d8d5cc;
  font-weight: 500;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.page-post .entry .entry-content .contents ul li a:hover {
  border-bottom-color: #5c5028;
}
.page-post .entry .entry-content .contents ul ul {
  padding-left: 44px;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .contents.active:after,
  .page-post .entry .entry-content .contents.active:before {
    display: none;
  }
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .contents.active h2 {
    display: block !important;
    height: auto;
  }
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .contents.active ul {
    display: block !important;
    height: auto;
  }
}
.page-post .entry .entry-content blockquote {
  position: relative;
  padding: 24px 0;
  padding-right: 24px;
  margin-left: 0;
  background: #f5f4e4;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content blockquote {
    width: 100%;
    padding: 24px;
  }
}
@media (max-width: 768px) {
  .page-post .entry .entry-content blockquote p:first-letter {
    display: inline-block;
    padding-left: 40px;
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .page-post .entry .entry-content blockquote p:first-child strong:first-child,
  .page-post .entry .entry-content blockquote p:first-child b:first-child {
    display: block;
    position: relative;
    top: -2px;
    padding-left: 40px;
    margin-bottom: 10px;
    line-height: 23px;
  }
}
.page-post .entry .entry-content blockquote:after {
  display: block;
  content: "";
  position: absolute;
  top: 30px;
  left: 26px;
  width: 24px;
  height: 20px;
  background: url(../img/left-quote.svg) center center no-repeat;
  background-size: contain;
  opacity: 0.16;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content blockquote:after {
    top: 20px;
  }
}
.page-post .entry .entry-content blockquote p {
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 17px;
  line-height: 31px;
  /* Text style for "–Т—Л–≤–Њ–і 3:" */
  font-style: italic;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content blockquote p {
    font-size: 15px;
    /* Text style for "–Т—Л–≤–Њ–і 3:" */
    font-style: italic;
    line-height: 23px;
  }
}
.page-post .entry .entry-content blockquote p b,
.page-post .entry .entry-content blockquote p strong {
  font-weight: 900;
}
.page-post .entry .entry-content blockquote p:first-child {
  margin-top: 0;
}
.page-post .entry .entry-content blockquote p:last-child {
  margin-bottom: 0;
}
.page-post .entry .entry-content img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
    display: block;
}
.page-post .entry .entry-content ol,
.page-post .entry .entry-content ul {
  padding-left: 108px;
  margin: 53px 0;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content ol,
  .page-post .entry .entry-content ul {
    padding-left: 0;
    margin: 28px 0;
  }
}
.page-post .entry .entry-content ol li,
.page-post .entry .entry-content ul li {
  color: #2d2d2d;
  font-family: Georgia;
  font-size: 21px;
  font-weight: 400;
  line-height: 30px;
  color: #010101;
  font-family: "Museo Sans Cyrl";
  font-size: 17px;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content ol li,
  .page-post .entry .entry-content ul li {
    font-size: 14px;
    /* Text style for "–∞, –Ї–Њ—В–Њ—А—Л–µ —А–∞–±" */
    line-height: 25px;
  }
}
.page-post .entry .entry-content ol li a,
.page-post .entry .entry-content ul li a,
.page-post .entry .entry-content ol li span.spanlink,
.page-post .entry .entry-content ul li span.spanlink {
  display: inline;
  color: #2b72b8;
  line-height: 18px;
  text-decoration: none;
  border-bottom: 1px solid #2b72b8;
  cursor: pointer;
}
.page-post .entry .entry-content ol {
  counter-reset: myCounter;
}
.page-post .entry .entry-content ol li {
  position: relative;
  margin: 20px 0;
  padding-left: 42px;
  box-sizing: border-box;
  list-style: none;
}
.page-post .entry .entry-content ol li:before {
  counter-increment: myCounter;
  content: counter(myCounter);
  display: block;
  left: 0;
  position: absolute;
  text-align: center;
  width: 30px;
  height: 30px;
  background-color: #f5f4e4;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  line-height: 30px;
  box-sizing: border-box;
  border-radius: 50%;
  font-weight: 700;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content ol li:before {
    top: -3px;
  }
}
.page-post .entry .entry-content .flag-list ol,
.page-post .entry .entry-content .flag-list ul {
  padding-left: 26px;
  counter-reset: myCounter;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .flag-list ol,
  .page-post .entry .entry-content .flag-list ul {
    padding-left: 0;
  }
}
.page-post .entry .entry-content .flag-list ol li,
.page-post .entry .entry-content .flag-list ul li {
  position: relative;
  margin: 35px 0;
  padding-left: 42px;
  box-sizing: border-box;
  list-style: none;
  color: #2d2d2d;
  font-family: Georgia;
  font-size: 21px;
  font-weight: 400;
  /* Text style for "–Ь–љ–Њ–≥–Є–µ –љ–∞—З–Є–љ–∞—О" */
  line-height: 30px;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .flag-list ol li,
  .page-post .entry .entry-content .flag-list ul li {
    padding-left: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 29px;
  }
}
.page-post .entry .entry-content .flag-list ol li h2,
.page-post .entry .entry-content .flag-list ul li h2 {
  margin: 26px 0;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
}
.page-post .entry .entry-content .flag-list ol li h2:first-child,
.page-post .entry .entry-content .flag-list ul li h2:first-child {
  margin-top: 0px;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .flag-list ol li h2:first-child,
  .page-post .entry .entry-content .flag-list ul li h2:first-child {
    padding-left: 42px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 14px;
  }
}
.page-post .entry .entry-content .flag-list ol li:before,
.page-post .entry .entry-content .flag-list ul li:before {
  counter-increment: myCounter;
  content: counter(myCounter);
  display: block;
  top: 4px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 23px;
  height: 29px;
  background: url(https://piter.pro/img/flag-blue.svg) center center no-repeat;
  background-size: contain;
  box-sizing: border-box;
  border-radius: 0;
  font-weight: 700;
  color: white;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 25px;
}
.page-post .entry .entry-content span.yellow {
  display: inline-block;
  background-color: #fffeac;
  outline: 3px solid #fffeac;
}
.page-post .entry .entry-content ul li {
  position: relative;
  margin: 20px 0;
  padding-left: 24px;
  box-sizing: border-box;
  list-style: none;
}
.page-post .entry .entry-content ul li:before {
  content: "";
  display: block;
  top: 9px;
  left: 0;
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: white;
  border: 3px solid #ffd852;
  box-sizing: border-box;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content ul li:before {
    top: 6px;
  }
}
.page-post .entry .entry-content .scroll-wrapper {
  margin-left: 68px;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .scroll-wrapper {
    margin-left: 0;
  }
}
.page-post .entry .entry-content .scroll-wrapper:after {
  display: block;
  position: absolute;
  content: "";
  width: 132px;
  height: 100%;
  top: 0;
  right: 0;
  background-image: linear-gradient(to right, transparent 0%, white 100%);
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .scroll-wrapper:after {
    width: 40px;
  }
}
.page-post .entry .entry-content .scroll-wrapper:before {
  display: block;
  position: absolute;
  content: "";
  width: 132px;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(to right, white 0%, transparent 100%);
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  z-index: 1;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .scroll-wrapper:before {
    width: 40px;
  }
}
.page-post .entry .entry-content .scroll-wrapper.on-end-scrolled:after {
  opacity: 0;
  visibility: hidden;
}
.page-post .entry .entry-content .scroll-wrapper.on-start-scrolled:before {
  opacity: 0;
  visibility: hidden;
}
.page-post .entry .entry-content .scroll-wrapper table {
  padding-bottom: 30px;
}
.page-post .entry .entry-content table {
  min-width: 100%;
  margin-left: 68px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content table {
    margin-left: 0;
  }
}
.page-post .entry .entry-content table.responsive {
  display: block;
  margin-left: 0;
}
.page-post .entry .entry-content table a,
.page-post .entry .entry-content table span.spanlink {
  display: inline;
  color: #2b72b8;
  line-height: 18px;
  text-decoration: none;
  border-bottom: 1px solid #2b72b8;
  cursor: pointer;
}
.page-post .entry .entry-content table tbody tr td,
.page-post .entry .entry-content table tbody tr th {
  min-width: 200px;
  padding: 10px 29px;
  border: 1px solid #d9d9d9;
  color: black;
  font-family: Georgia;
  font-size: 18px;
  font-weight: 400;
  /* Text style for "1. –Ч–∞—А–∞–±–Њ—В–Њ–Ї –±" */
  line-height: 27px;
}
.page-post .entry .entry-content table tbody tr td p {
  font-family: Georgia;
  font-size: 18px;
  font-weight: 400;
  /* Text style for "1. –Ч–∞—А–∞–±–Њ—В–Њ–Ї –±" */
  line-height: 27px;
  padding-left: 0;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content table tbody tr td,
  .page-post .entry .entry-content table tbody tr th {
    padding: 10px 24px;
    font-size: 15px;
    font-weight: 400;
    /* Text style for "1. –Ч–∞—А–∞–±–Њ—В–Њ–Ї –±" */
    line-height: 27px;
  }
  .page-post .entry .entry-content table tbody tr td p {
    font-size: 15px;
  }
}
.page-post .entry .entry-content table tbody tr:first-child td,
.page-post .entry .entry-content table tbody tr:first-child th {
  background: #f9f9f9;
  color: #3a3b3b;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  line-height: 20px;
  font-weight: 900;
  text-align: center;
}
.page-post .entry .entry-content .ok-list ul li,
.page-post .entry .entry-content .ok-list ol li {
  position: relative;
  margin: 20px 0;
  padding-left: 24px;
  box-sizing: border-box;
  list-style: none;
}
.page-post .entry .entry-content .ok-list ul li:before,
.page-post .entry .entry-content .ok-list ol li:before {
  content: "";
  display: block;
  top: 9px;
  left: 0;
  position: absolute;
  width: 16px;
  height: 12px;
  background-color: white;
  border: none;
  background: url(https://piter.pro/img/check-mark.svg) center center no-repeat;
  background-size: contain;
  box-sizing: border-box;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .ok-list ul li:before,
  .page-post .entry .entry-content .ok-list ol li:before {
    top: 6px;
  }
}
.page-post .entry .entry-content .pre-body p {
  font-family: "PT Serif";
  font-size: 21px;
  font-weight: 400;
  line-height: 30px;
  /* Text style for "–Ч–і—А–∞–≤—Б—В–≤—Г–є—В–µ," */
  color: black;
}
@media (max-width: 768px) {
  .page-post .entry .entry-content .pre-body p {
    font-size: 15px;
    font-weight: 400;
    line-height: 29px;
    /* Text style for "–Ч–і—А–∞–≤—Б—В–≤—Г–є—В–µ," */
    color: black;
  }
}
.page-post .entry .entry-content .alignnone {
  margin: 5px 20px 20px 0;
}
.page-post .entry .entry-content .aligncenter,
.page-post .entry .entry-content div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.page-post .entry .entry-content .alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.page-post .entry .entry-content .alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.page-post .entry .entry-content a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.page-post .entry .entry-content a img.alignnone {
  margin: 5px 20px 20px 0;
}
.page-post .entry .entry-content a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.page-post .entry .entry-content a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.page-post .entry .entry-content .wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}
.page-post .entry .entry-content .wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.page-post .entry .entry-content .wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.page-post .entry .entry-content .wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.page-post .entry .entry-content .wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.page-post .entry .entry-content .wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
.page-post .entry .entry-content .screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.page-post .entry .entry-content .screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
.page-post .entry .pre-body p {
  padding-left: 0;
  font-family: "PT Serif";
}
.page-post .entry .author {
  display: none;
  padding-bottom: 12px;
  border-bottom: 1px solid #e7e7e7;
}
@media (max-width: 768px) {
  .page-post .entry .author {
    display: block;
  }
}
.page-post .author {
  zoom: 1;
}
.page-post .author:before,
.page-post .author:after {
  content: "";
  display: table;
}
.page-post .author:after {
  clear: both;
}
.page-post .author .img {
  width: 72px;
  height: 72px;
  float: left;
  margin-right: 14px;
  border-radius: 50%;
  background-color: #f0f0f0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  box-sizing: border-box;
}
.page-post .author span.t {
  display: block;
  color: #646464;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 18px;
}
.page-post .author span.name {
  display: block;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 14px;
  line-height: 21px;
  font-weight: 700;
}
.page-post .author span.desc {
  display: block;
  color: #4f4e4e;
  font-family: "Museo Sans Cyrl";
  font-size: 11px;
  line-height: 14px;
  font-weight: 700;
}
.page-post .stage-2 {
  padding-top: 50px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 768px) {
  .page-post .stage-2 {
    display: block;
    padding-top: 0;
  }
}
.page-post .stage-2 .share span.t {
  display: block;
  color: #2e2e2e;
  font-family: "Museo Sans Cyrl";
  font-size: 18px;
  line-height: 37px;
  font-weight: 900;
}
@media (max-width: 768px) {
  .page-post .stage-2 .share span.t {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }
  .page-post .stage-2 .share span.t span {
    display: block;
  }
}
.page-post .stage-2 .share .share-block {
  width: 570px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .page-post .stage-2 .share .share-block {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.page-post .stage-2 .share .share-block a {
  display: block;
  width: 135px;
  height: 31px;
  padding-left: 48px;
  background-color: #ccc;
  border-radius: 2px;
  text-decoration: none;
  box-sizing: border-box;
  line-height: 31px;
  color: white;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  background-size: 19px 14px;
  background-position: 18px 8px;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .page-post .stage-2 .share .share-block a {
    display: inline-block;
    width: 31px;
    height: 31px;
    padding: 0;
    color: transparent;
    background-position: center center;
  }
}
.page-post .stage-2 .share .share-block a.vk {
  background-color: #45668e;
  background-image: url(https://piter.pro/img/vk-logo.svg);
}
.page-post .stage-2 .share .share-block a.fb {
  background-color: #3b5998;
  background-image: url(https://piter.pro/img/fb-logo.svg);
}
.page-post .stage-2 .share .share-block a.tw {
  background-color: #28c3ff;
  background-image: url(https://piter.pro/img/tw-logo.svg);
}
.page-post .stage-2 .share .share-block a.gp {
  background-color: #ff6d4a;
  background-image: url(https://piter.pro/img/gp-logo.svg);
}
.page-post .stage-2 .share .share-block a.ok {
  background-color: #ee8208;
  background-image: url(https://piter.pro/img/ok-logo.svg);
}
.page-post .stage-2 .next {
  display: block;
  width: 406px;
  text-decoration: none;
  zoom: 1;
}
.page-post .stage-2 .next:before,
.page-post .stage-2 .next:after {
  content: "";
  display: table;
}
.page-post .stage-2 .next:after {
  clear: both;
}
@media (max-width: 768px) {
  .page-post .stage-2 .next {
    display: none;
  }
}
.page-post .stage-2 .next span.t {
  display: block;
  text-align: right;
  color: #2e2e2e;
  font-family: "Museo Sans Cyrl";
  font-size: 17px;
  line-height: 37px;
  font-weight: 700;
}
.page-post .stage-2 .next span.t:after {
  display: inline-block;
  position: relative;
  top: 2px;
  content: "";
  color: transparent;
  user-select: none;
  width: 7px;
  height: 13px;
  margin: 0 5px;
  background: url(../img/right-arrow-breadcumps.svg) center center no-repeat;
  background-size: 13px;
}
.page-post .stage-2 .next span.image {
  display: block;
  float: right;
  width: 102px;
  height: 102px;
  margin-left: 14px;
  background-color: #28c3ff;
  border: 4px solid rgba(0, 0, 1, 0.13);
  background-repeat: no-repeat;
  background-position: center center;
  box-sizing: border-box;
  border-radius: 50%;
}
.page-post .stage-2 .next span.title {
  display: block;
  display: -webkit-box;
  text-align: right;
  width: 284px;
  color: #33475f;
  font-family: "Museo Sans Cyrl";
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.page-post .stage-2 .next span.title span {
  display: inline;
  border-bottom: 1px solid #bdc4cc;
}
.page-post .post-related-nav {
  margin-bottom: 30px;
}
.page-post .post-related {
  position: relative;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .page-post .post-related {
    margin-bottom: 0px;
  }
}
.page-post .post-related .owl-nav span {
  display: none;
}
.page-post .post-related .owl-nav .owl-prev,
.page-post .post-related .owl-nav .owl-next {
  display: block;
  position: absolute;
  width: 46px;
  height: 46px;
  top: 45%;
  top: calc(50% - 23px);
  background-color: white;
  border: 3px solid #ffdc64;
  z-index: 1;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.page-post .post-related .owl-nav .owl-prev:hover,
.page-post .post-related .owl-nav .owl-next:hover {
  background-color: #ffdc64;
}
.page-post .post-related .owl-nav .owl-prev:active,
.page-post .post-related .owl-nav .owl-next:active {
  background-color: #ffd031;
}
.page-post .post-related .owl-nav .owl-prev:focus,
.page-post .post-related .owl-nav .owl-next:focus {
  outline: none;
}
.page-post .post-related .owl-nav .owl-prev {
  left: -62px;
  background-image: url(../img/left-arrow.svg);
}
.page-post .post-related .owl-nav .owl-next {
  right: -62px;
  background-image: url(../img/right-arrow.svg);
}
.page-post .search-in-post {
  height: 77px;
  margin-bottom: 44px;
  background-color: #f5f9fb;
  line-height: 77px;
  text-align: center;
}
@media (max-width: 768px) {
  .page-post .search-in-post {
    height: auto;
    line-height: unset;
  }
}
@media (max-width: 768px) {
  .page-post .search-in-post .desktop {
    display: none;
  }
}
.page-post .search-in-post .desktop span.t {
  display: inline-block;
  position: relative;
  top: 4px;
  margin-right: 30px;
  color: #3a3a3a;
  font-family: "Museo Sans Cyrl";
  font-size: 23px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 900;
}
.page-post .search-in-post form {
  display: inline-block;
}
.page-post .search-in-post form input[type="search"] {
  display: inline-block;
  border: none;
  width: 350px;
  height: 26px;
  border-bottom: 1px solid #dbdbdb;
  background: transparent;
  color: #767676;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  line-height: 21px;
  font-weight: 900;
}
.page-post .search-in-post form input[type="search"]:focus {
  outline: none;
}
@media (max-width: 768px) {
  .page-post .search-in-post form input[type="search"] {
    width: 100px;
  }
}
.page-post .search-in-post form input[type="submit"] {
  display: inline-block;
  width: 76px;
  height: 26px;
  background-color: #ffd852;
  border-radius: 2px;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 11px;
  line-height: 21px;
  text-transform: uppercase;
  text-align: center;
  border: none;
  padding: 0;
  font-weight: 300;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.page-post .search-in-post form input[type="submit"]:focus {
  outline: none;
}
.page-post .search-in-post form input[type="submit"]:hover {
  background-color: #fff710;
}
.page-post .search-in-post .btn {
  display: inline-block;
  height: 37px;
  padding: 0 14px;
  text-decoration: none;
  border-radius: 2px;
  font-family: "Museo Sans Cyrl";
  font-size: 11px;
  line-height: 37px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  user-select: none;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.page-post .search-in-post .or {
  display: inline-block;
  margin: 0 10px;
  color: #1c1c1c;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  line-height: 21px;
}
.page-post .search-in-post .btn-search {
  background-color: #ffd852;
}
.page-post .search-in-post .btn-search:hover {
  background-color: #fff5d2;
}
.page-post .search-in-post .btn-ask {
  color: white;
  background-color: #2b72b8;
}
.page-post .search-in-post .btn-ask:hover {
  background-color: #81b2e2;
}
.page-post .search-in-post .mobile {
  display: none;
  padding: 28px;
  text-align: center;
}
@media (max-width: 768px) {
  .page-post .search-in-post .mobile {
    display: block;
  }
}
.page-post .search-in-post .mobile span.t {
  display: block;
  margin-bottom: 14px;
  color: #3a3a3a;
  font-family: "Museo Sans Cyrl";
  font-size: 15px;
  line-height: 21px;
  text-transform: uppercase;
}
.page-post .search-in-post .mobile .or {
  display: block;
}
.page-cat .main-base .desc {
  display: block;
  margin-bottom: 38px;
  padding: 30px 26px;
  background: #f5f9fb;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  /* Text style for "–Ш–і–µ–Є –Љ–∞–ї–Њ–≥–Њ –±–Є" */
  line-height: 22px;
  font-weight: 300;
  box-sizing: border-box;
}
.page-cat .main-base .desc h1,
.page-cat .main-base .desc h2 {
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 26px;
  line-height: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 900;
}
.page-cat .main-base .desc h1:first-child,
.page-cat .main-base .desc h2:first-child {
  margin-top: 0;
}
@media (max-width: 768px) {
  .page-cat .main-base .desc h1,
  .page-cat .main-base .desc h2 {
    font-size: 19px;
    line-height: 24px;
    margin: 26px 0;
  }
}
.page-cat .main-base .desc p {
  margin: 10px 0;
}
.page-cat .main-base .uncut span.t {
  display: block;
  margin-bottom: 18px;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}
.page-cat .main-base .uncut .cut .link {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0 14px;
  height: 35px !important;
  background-color: #edf2f4;
  border-radius: 1px;
  text-decoration: none;
  line-height: 35px;
  font-size: 15px;
  /* Text style for "–Т—Б–µ —Б—В–∞—В—М–Є" */
  /* Text style for "–°–њ–µ—Ж—А–µ–ґ–Є–Љ—Л –Є –љ" */
  color: #2d2d2d;
  font-weight: 300;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media (max-width: 768px) {
  .page-cat .main-base .uncut .cut .link {
    padding: 0 12px;
    font-size: 13px;
    margin-right: 8px;
  }
}
.page-cat .main-base .uncut .cut .link:hover,
.page-cat .main-base .uncut .cut .link.active {
  color: black;
  background: #ffd751;
}
.page-cat .main-base .uncut .cut span.show {
  display: inline-block;
  height: 35px;
  padding: 0 15px;
  border: 2px solid #ffd751;
  border-radius: 1px;
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 14px;
  line-height: 35px;
  user-select: none;
  cursor: pointer;
}
.page-cat .main-base .uncut .cut span.show:after {
  display: inline-block;
  position: relative;
  content: "";
  width: 12px;
  height: 12px;
  top: 2px;
  margin-left: 5px;
  opacity: 0.44;
  background: url(../img/left-arrow-full.svg) center center no-repeat;
  background-size: contain;
  transform: rotate(-90deg);
}
.page-cat .sidebar span.authors,
.page-cat .authors-mobile span.authors {
  display: block;
  margin-top: 66px;
  margin-bottom: 30px;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 17px;
  line-height: 22px;
  font-weight: 900;
}
@media (max-width: 768px) {
  .page-cat .sidebar span.authors,
  .page-cat .authors-mobile span.authors {
    margin-top: 0;
    text-align: center;
    margin-bottom: 15px;
  }
}
.page-cat .sidebar .author,
.page-cat .authors-mobile .author {
  margin-top: 70px;
  margin-bottom: 46px;
  zoom: 1;
}
@media (max-width: 768px) {
  .page-cat .sidebar .author,
  .page-cat .authors-mobile .author {
    padding: 0 10px;
    box-sizing: border-box;
  }
}
.page-cat .sidebar .author:before,
.page-cat .authors-mobile .author:before,
.page-cat .sidebar .author:after,
.page-cat .authors-mobile .author:after {
  content: "";
  display: table;
}
.page-cat .sidebar .author:after,
.page-cat .authors-mobile .author:after {
  clear: both;
}
.page-cat .sidebar .author .img,
.page-cat .authors-mobile .author .img {
  width: 72px;
  height: 72px;
  float: left;
  margin-right: 14px;
  border-radius: 50%;
  background-color: #f0f0f0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  box-sizing: border-box;
}
.page-cat .sidebar .author span.t,
.page-cat .authors-mobile .author span.t {
  display: block;
  color: #646464;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 18px;
}
.page-cat .sidebar .author span.name,
.page-cat .authors-mobile .author span.name {
  display: block;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  line-height: 23px;
  font-weight: 700;
}
.page-cat .sidebar .author span.desc,
.page-cat .authors-mobile .author span.desc {
  display: block;
  color: #4f4e4e;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
}
.page-cat .sidebar .author,
.page-cat .authors-mobile .author {
  margin-top: 0px;
  margin-bottom: 25px;
}
.page-cat .authors-mobile {
  display: none;
}
@media (max-width: 768px) {
  .page-cat .authors-mobile {
    display: block;
  }
}
.page-cat .posts {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.page-cat .posts .scrb-bl {
  width: 270px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .page-cat .posts .scrb-bl {
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
.page-cat .posts .post {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .page-cat .posts .post {
    margin-bottom: 20px;
    padding-bottom: 0;
  }
}
.franshiza-page .franshiza-head {
  background: #f5f9fd;
  margin-top: 48px;
  padding: 32px 36px;
  margin-bottom: 30px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .franshiza-page .franshiza-head {
    margin-top: 20px;
    padding: 20px 0;
  }
}
.franshiza-page .franshiza-head h1 {
  margin: 0;
  padding-bottom: 0;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 33px;
  line-height: 46px;
  font-weight: 900;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .franshiza-page .franshiza-head h1 {
    font-size: 19px;
    line-height: 24px;
    padding: 0 24px;
  }
}
.franshiza-page .franshiza-head small {
  display: block;
  padding-bottom: 24px;
  margin-bottom: 30px;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  box-sizing: border-box;
  border-bottom: 1px solid #e4e9ef;
}
@media (max-width: 768px) {
  .franshiza-page .franshiza-head small {
    padding: 0 24px;
    padding-bottom: 10px;
    margin-bottom: 18px;
    font-size: 13px;
    line-height: 30px;
  }
}
.franshiza-page .franshiza-head .image {
  display: block;
  width: 265px;
  height: 140px;
  margin-right: 62px;
  float: left;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media (max-width: 768px) {
  .franshiza-page .franshiza-head .image {
    width: 100%;
    max-width: 224px;
    margin: 0 auto;
    margin-bottom: 10px;
    float: none;
  }
}
.franshiza-page .franshiza-head .desc {
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 15px;
  line-height: 34px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .franshiza-page .franshiza-head .desc {
    padding: 0 24px;
    font-family: "Museo Sans Cyrl";
    font-size: 14px;
    line-height: 34px;
  }
}
.franshiza-page .franshiza-head .desc b {
  font-weight: 700;
}
.franshiza-page .main-base p {
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 15px;
  line-height: 27px;
  font-weight: 500;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .franshiza-page .main-base p {
    padding-left: 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
  }
}
.franshiza-page .main-base p strong,
.franshiza-page .main-base p b {
  font-weight: 700;
}
.franshiza-page .main-base p a,
.franshiza-page .main-base p span.spanlink {
  display: inline;
  color: #2b72b8;
  line-height: 18px;
  text-decoration: none;
  border-bottom: 1px solid #2b72b8;
  cursor: pointer;
}
.franshiza-page .main-base .post-min {
  position: relative;
  width: 100%;
  margin: 26px 0;
  margin-left: 68px;
  padding: 18px 20px;
  background: #fafafa;
  border: 5px solid #ebebeb;
  box-sizing: border-box;
  zoom: 1;
}
.franshiza-page .main-base .post-min:before,
.franshiza-page .main-base .post-min:after {
  content: "";
  display: table;
}
.franshiza-page .main-base .post-min:after {
  clear: both;
}
@media (max-width: 768px) {
  .franshiza-page .main-base .post-min {
    margin-left: 0;
  }
}
.franshiza-page .main-base .post-min:after {
  display: block;
  position: absolute;
  width: 11px;
  height: 37px;
  content: "";
  background: url(https://piter.pro/img/flag-straw.svg) center center no-repeat;
  background-size: contain;
  top: -5px;
  left: 30px;
}
.franshiza-page .main-base .post-min span.t {
  display: block;
  margin-bottom: 22px;
  padding-left: 32px;
  clear: both;
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 17px;
  line-height: 17px;
  text-transform: uppercase;
  font-weight: 900;
}
@media (max-width: 768px) {
  .franshiza-page .main-base .post-min span.t {
    font-size: 16px;
  }
}
.franshiza-page .main-base .post-min span.title {
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 17px;
  line-height: 21px;
}
@media (max-width: 768px) {
  .franshiza-page .main-base .post-min span.title {
    display: block;
    font-size: 15px;
    line-height: 21px;
    margin-top: 20px;
  }
}
.franshiza-page .main-base .post-min .image {
  float: left;
  width: 228px;
  height: 131px;
  margin-right: 20px;
}
@media (max-width: 768px) {
  .franshiza-page .main-base .post-min .image {
    float: none;
    width: 100%;
    height: 25vh;
  }
}
.franshiza-page .main-base .post-min .stats {
  margin: 17px 0;
  padding-bottom: 0;
  border-bottom: none;
}
@media (max-width: 768px) {
  .franshiza-page .main-base .post-min .stats {
    text-align: center;
  }
}
.franshiza-page .main-base .post-min span.read {
  display: inline-block;
  padding: 8px 16px;
  border: 2px solid #ffd852;
  border-radius: 2px;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
  font-weight: 300;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.franshiza-page .main-base .post-min span.read:hover {
  background: #ffd852;
}
@media (max-width: 768px) {
  .franshiza-page .main-base .post-min span.read {
    display: block;
    width: fit-content;
    margin: 0 auto;
    text-align: center;
  }
}
.franshiza-page .main-base .post-min:hover span.title {
  color: #2b72b8;
}
.franshiza-page .main-base h2,
.franshiza-page .main-base h3,
.franshiza-page .main-base h4 {
  display: block;
  margin: 36px 0;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 28px;
  line-height: 46px;
  font-weight: 900;
}
@media (max-width: 768px) {
  .franshiza-page .main-base h2,
  .franshiza-page .main-base h3,
  .franshiza-page .main-base h4 {
    margin: 30px 0;
    font-size: 18px;
    line-height: 25px;
  }
}
.franshiza-page .main-base blockquote {
  position: relative;
  padding: 24px 0;
  padding-right: 24px;
  margin-left: 0;
  background: #f5f4e4;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .franshiza-page .main-base blockquote {
    width: 100%;
    padding: 24px;
  }
}
@media (max-width: 768px) {
  .franshiza-page .main-base blockquote p:first-letter {
    display: inline-block;
    padding-left: 40px;
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .franshiza-page .main-base blockquote p:first-child strong:first-child,
  .franshiza-page .main-base blockquote p:first-child b:first-child {
    display: block;
    position: relative;
    top: -2px;
    padding-left: 40px;
    margin-bottom: 10px;
    line-height: 23px;
  }
}
.franshiza-page .main-base blockquote:after {
  display: block;
  content: "";
  position: absolute;
  top: 30px;
  left: 26px;
  width: 24px;
  height: 20px;
  background: url(../img/left-quote.svg) center center no-repeat;
  background-size: contain;
  opacity: 0.16;
}
@media (max-width: 768px) {
  .franshiza-page .main-base blockquote:after {
    top: 20px;
  }
}
.franshiza-page .main-base blockquote p {
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 17px;
  line-height: 31px;
  /* Text style for "–Т—Л–≤–Њ–і 3:" */
  font-style: italic;
}
@media (max-width: 768px) {
  .franshiza-page .main-base blockquote p {
    font-size: 15px;
    /* Text style for "–Т—Л–≤–Њ–і 3:" */
    font-style: italic;
    line-height: 23px;
  }
}
.franshiza-page .main-base blockquote p b,
.franshiza-page .main-base blockquote p strong {
  font-weight: 900;
}
.franshiza-page .main-base blockquote p:first-child {
  margin-top: 0;
}
.franshiza-page .main-base blockquote p:last-child {
  margin-bottom: 0;
}
.franshiza-page .main-base img {
  max-width: 100%;
  height: auto;
}
.franshiza-page .main-base ol,
.franshiza-page .main-base ul {
  margin: 10px 0;
  box-sizing: border-box;
}
.franshiza-page .main-base ol li,
.franshiza-page .main-base ul li {
  font-family: Georgia;
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 15px;
}
@media (max-width: 768px) {
  .franshiza-page .main-base ol li,
  .franshiza-page .main-base ul li {
    font-size: 14px;
    /* Text style for "–∞, –Ї–Њ—В–Њ—А—Л–µ —А–∞–±" */
    line-height: 25px;
  }
}
.franshiza-page .main-base ol li a,
.franshiza-page .main-base ul li a,
.franshiza-page .main-base ol li span.spanlink,
.franshiza-page .main-base ul li span.spanlink {
  display: inline;
  color: #2b72b8;
  line-height: 18px;
  text-decoration: none;
  border-bottom: 1px solid #2b72b8;
  cursor: pointer;
}
.franshiza-page .main-base ol {
  counter-reset: myCounter;
}
.franshiza-page .main-base ol li {
  position: relative;
  margin: 20px 0;
  padding-left: 42px;
  box-sizing: border-box;
  list-style: none;
}
.franshiza-page .main-base ol li:before {
  counter-increment: myCounter;
  content: counter(myCounter);
  display: block;
  left: 0;
  position: absolute;
  text-align: center;
  width: 30px;
  height: 30px;
  background-color: #f5f4e4;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  line-height: 30px;
  box-sizing: border-box;
  border-radius: 50%;
  font-weight: 700;
}
@media (max-width: 768px) {
  .franshiza-page .main-base ol li:before {
    top: -3px;
  }
}
.franshiza-page .main-base .flag-list ol,
.franshiza-page .main-base .flag-list ul {
  padding-left: 26px;
  counter-reset: myCounter;
}
@media (max-width: 768px) {
  .franshiza-page .main-base .flag-list ol,
  .franshiza-page .main-base .flag-list ul {
    padding-left: 0;
  }
}
.franshiza-page .main-base .flag-list ol li,
.franshiza-page .main-base .flag-list ul li {
  position: relative;
  margin: 35px 0;
  padding-left: 42px;
  box-sizing: border-box;
  list-style: none;
  color: #2d2d2d;
  font-family: Georgia;
  font-size: 21px;
  font-weight: 400;
  /* Text style for "–Ь–љ–Њ–≥–Є–µ –љ–∞—З–Є–љ–∞—О" */
  line-height: 30px;
}
@media (max-width: 768px) {
  .franshiza-page .main-base .flag-list ol li,
  .franshiza-page .main-base .flag-list ul li {
    padding-left: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 29px;
  }
}
.franshiza-page .main-base .flag-list ol li h2,
.franshiza-page .main-base .flag-list ul li h2 {
  margin: 26px 0;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
}
.franshiza-page .main-base .flag-list ol li h2:first-child,
.franshiza-page .main-base .flag-list ul li h2:first-child {
  margin-top: 0px;
}
@media (max-width: 768px) {
  .franshiza-page .main-base .flag-list ol li h2:first-child,
  .franshiza-page .main-base .flag-list ul li h2:first-child {
    padding-left: 42px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 14px;
  }
}
.franshiza-page .main-base .flag-list ol li:before,
.franshiza-page .main-base .flag-list ul li:before {
  counter-increment: myCounter;
  content: counter(myCounter);
  display: block;
  top: 4px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 23px;
  height: 29px;
  background: url(https://piter.pro/img/flag-blue.svg) center center no-repeat;
  background-size: contain;
  box-sizing: border-box;
  border-radius: 0;
  font-weight: 700;
  color: white;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 25px;
}
.franshiza-page .main-base span.yellow {
  display: inline-block;
  background-color: #fffeac;
  outline: 3px solid #fffeac;
}
.franshiza-page .main-base ul li {
  position: relative;
  margin: 10px 0;
  padding-left: 24px;
  box-sizing: border-box;
  list-style: none;
}
.franshiza-page .main-base ul li:before {
  content: "";
  display: block;
  top: 6px;
  left: 0;
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: white;
  border: 3px solid #ffd852;
  box-sizing: border-box;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .franshiza-page .main-base ul li:before {
    top: 6px;
  }
}
.franshiza-page .main-base .scroll-wrapper {
  margin-left: 68px;
}
@media (max-width: 768px) {
  .franshiza-page .main-base .scroll-wrapper {
    margin-left: 0;
  }
}
.franshiza-page .main-base .scroll-wrapper:after {
  display: block;
  position: absolute;
  content: "";
  width: 132px;
  height: 100%;
  top: 0;
  right: 0;
  background-image: linear-gradient(to right, transparent 0%, white 100%);
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media (max-width: 768px) {
  .franshiza-page .main-base .scroll-wrapper:after {
    width: 40px;
  }
}
.franshiza-page .main-base .scroll-wrapper:before {
  display: block;
  position: absolute;
  content: "";
  width: 132px;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(to right, white 0%, transparent 100%);
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  z-index: 1;
}
@media (max-width: 768px) {
  .franshiza-page .main-base .scroll-wrapper:before {
    width: 40px;
  }
}
.franshiza-page .main-base .scroll-wrapper.on-end-scrolled:after {
  opacity: 0;
  visibility: hidden;
}
.franshiza-page .main-base .scroll-wrapper.on-start-scrolled:before {
  opacity: 0;
  visibility: hidden;
}
.franshiza-page .main-base .scroll-wrapper table {
  padding-bottom: 30px;
}
.franshiza-page .main-base table {
  min-width: 100%;
  margin-left: 68px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .franshiza-page .main-base table {
    margin-left: 0;
  }
}
.franshiza-page .main-base table.responsive {
  display: block;
  margin-left: 0;
}
.franshiza-page .main-base table a,
.franshiza-page .main-base table span.spanlink {
  display: inline;
  color: #2b72b8;
  line-height: 18px;
  text-decoration: none;
  border-bottom: 1px solid #2b72b8;
  cursor: pointer;
}
.franshiza-page .main-base table tbody tr td,
.franshiza-page .main-base table tbody tr th {
  min-width: 200px;
  padding: 10px 34px;
  border: 1px solid #d9d9d9;
  color: black;
  font-family: Georgia;
  font-size: 18px;
  font-weight: 400;
  /* Text style for "1. –Ч–∞—А–∞–±–Њ—В–Њ–Ї –±" */
  line-height: 27px;
}
@media (max-width: 768px) {
  .franshiza-page .main-base table tbody tr td,
  .franshiza-page .main-base table tbody tr th {
    padding: 10px 24px;
    font-size: 15px;
    font-weight: 400;
    /* Text style for "1. –Ч–∞—А–∞–±–Њ—В–Њ–Ї –±" */
    line-height: 27px;
  }
}
.franshiza-page .main-base table tbody tr:first-child td,
.franshiza-page .main-base table tbody tr:first-child th {
  background: #f9f9f9;
  color: #3a3b3b;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  line-height: 20px;
  font-weight: 900;
  text-align: center;
}
.franshiza-page .main-base .ok-list ul li,
.franshiza-page .main-base .ok-list ol li {
  position: relative;
  margin: 20px 0;
  padding-left: 24px;
  box-sizing: border-box;
  list-style: none;
}
.franshiza-page .main-base .ok-list ul li:before,
.franshiza-page .main-base .ok-list ol li:before {
  content: "";
  display: block;
  top: 6px;
  left: 0;
  position: absolute;
  width: 16px;
  height: 12px;
  background-color: white;
  border: none;
  background: url(https://piter.pro/img/check-mark.svg) center center no-repeat;
  background-size: contain;
  box-sizing: border-box;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .franshiza-page .main-base .ok-list ul li:before,
  .franshiza-page .main-base .ok-list ol li:before {
    top: 6px;
  }
}
@media (max-width: 768px) {
  .franshiza-page .main-base ul,
  .franshiza-page .main-base ol {
    padding-left: 0;
  }
}
.franshiza-page .main-base .get-contacts,
.franshiza-page .main-base #contacts {
  padding: 20px;
  margin: 30px 0;
  background: #f5f9fb;
  box-sizing: border-box;
  text-align: center;
}
@media (max-width: 768px) {
  .franshiza-page .main-base .get-contacts,
  .franshiza-page .main-base #contacts {
    padding: 0;
  }
}
.franshiza-page .main-base .get-contacts #get_contacts,
.franshiza-page .main-base #contacts #get_contacts,
.franshiza-page .main-base .get-contacts .get,
.franshiza-page .main-base #contacts .get {
  display: none;
  padding: 0 50px;
  height: 50px;
  background-color: #ffd852;
  border-radius: 2px;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 50px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  user-select: none;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media (max-width: 768px) {
  .franshiza-page .main-base .get-contacts #get_contacts,
  .franshiza-page .main-base #contacts #get_contacts,
  .franshiza-page .main-base .get-contacts .get,
  .franshiza-page .main-base #contacts .get {
    width: 100%;
    box-sizing: border-box;
  }
}
.franshiza-page .main-base .get-contacts #get_contacts:hover,
.franshiza-page .main-base #contacts #get_contacts:hover,
.franshiza-page .main-base .get-contacts .get:hover,
.franshiza-page .main-base #contacts .get:hover {
  background: #fff710;
}
.franshiza-page .main-base .get-contacts #content,
.franshiza-page .main-base #contacts #content {
  display: block;
}
.franshiza-page .main-base .get-contacts ul,
.franshiza-page .main-base #contacts ul {
  padding-left: 0;
}
.franshiza-page .main-base .get-contacts ul li,
.franshiza-page .main-base #contacts ul li {
  padding-left: 0;
}
.franshiza-page .main-base .get-contacts ul li::before,
.franshiza-page .main-base #contacts ul li::before {
  display: none;
}
.franshiza-page .main-base .get-contacts.hidden #content,
.franshiza-page .main-base #contacts.hidden #content {
  display: none;
}
.franshiza-page .main-base .get-contacts.hidden #get_contacts,
.franshiza-page .main-base #contacts.hidden #get_contacts,
.franshiza-page .main-base .get-contacts.hidden .get,
.franshiza-page .main-base #contacts.hidden .get {
  display: inline-block;
}
.franshiza-page .main-base .ribbon-title {
  margin: 32px 0;
}
.franshiza-page .see-more {
  position: relative;
}
@media (max-width: 768px) {
  .franshiza-page .see-more {
    display: none;
  }
}
.franshiza-page .see-more .owl-nav {
  position: absolute;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  top: -62px;
  right: 0;
  width: 70px;
  height: 36px;
  background-color: white;
  border: 1px solid rgba(0, 0, 1, 0.12);
  border-radius: 2px;
  box-sizing: border-box;
}
.franshiza-page .see-more .owl-nav .owl-prev,
.franshiza-page .see-more .owl-nav .owl-next {
  position: relative;
  width: 35px;
  height: 36px;
  top: -1px;
  left: -1px;
  margin-right: -1px;
  color: transparent;
  background-position: center center;
  background-size: 14px;
  background-repeat: no-repeat;
  opacity: 0.5;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.franshiza-page .see-more .owl-nav .owl-prev:hover,
.franshiza-page .see-more .owl-nav .owl-next:hover {
  opacity: 1;
}
.franshiza-page .see-more .owl-nav .owl-prev:focus,
.franshiza-page .see-more .owl-nav .owl-next:focus,
.franshiza-page .see-more .owl-nav .owl-prev:active,
.franshiza-page .see-more .owl-nav .owl-next:active {
  outline: none;
  background-color: #ffdc64;
  opacity: 1;
}
.franshiza-page .see-more .owl-nav .owl-prev {
  border-radius: 2px;
  background-image: url(../img/left-arrow.svg);
}
.franshiza-page .see-more .owl-nav .owl-next {
  left: none;
  left: unset;
  right: -1px;
  background-image: url(../img/right-arrow.svg);
}
.franshiza-page .see-more-mobile {
  display: none;
}
.franshiza-page .see-more-mobile .owl-nav {
  display: none;
}
@media (max-width: 768px) {
  .franshiza-page .see-more-mobile {
    display: block;
  }
}
@media (max-width: 768px) {
  .franshiza-page .sidebar {
    display: none;
  }
}
.franshiza-page .sidebar .recomend-fransh {
  margin-bottom: 30px;
}
.franshiza-page .sidebar .recomend-fransh > span.t {
  display: block;
  margin-bottom: 30px;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 22px;
  line-height: 22px;
  font-weight: 900;
}
.btn-add-franshize {
  display: block;
  position: relative;
  width: 261px;
  height: 50px;
  margin-top: 48px;
  margin-bottom: 44px;
  background-color: #ffd852;
  border-radius: 2px;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 53px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.2s ease 0s;
  text-decoration: none;
  font-weight: 700;
}
@media (max-width: 768px) {
  .btn-add-franshize {
    width: 100%;
    margin: 20px 0;
  }
}
.btn-add-franshize i {
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  margin-right: 12px;
  top: 1px;
  background-image: url(https://piter.pro/img/add.svg);
  background-size: 12px;
}
.btn-add-franshize:hover {
  background-color: #fff710;
}
.mobile-only {
  display: none;
}
@media (max-width: 768px) {
  .mobile-only {
    display: block;
  }
}
.nav-mobile {
  width: 100%;
  text-align: center;
}
.nav-mobile .left,
.nav-mobile .right {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 15px !important;
  height: 11px;
  margin: 0 2px;
  background-size: 15px 15px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/left-arrow-full.svg);
  opacity: 0.4;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.nav-mobile .left:hover,
.nav-mobile .right:hover {
  opacity: 1;
}
.nav-mobile .dots {
  display: inline-block;
}
.nav-mobile .dots .owl-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0 5px;
  padding: 0;
  background: #fff;
  border: 1px solid rgba(0, 0, 1, 0.39);
  border-radius: 50%;
  box-sizing: border-box;
}
.nav-mobile .dots .owl-dot.active,
.nav-mobile .dots .owl-dot:hover {
  background-color: #ffd853;
  border-color: #ffd853;
}
.nav-mobile .right {
  transform: rotate(180deg);
}
.franshiza-cat-page > .container {
  padding-bottom: 30px;
}
@media (max-width: 768px) {
  .franshiza-cat-page .main-base > span.desc {
    margin: 20px 0;
  }
}
.franshiza-cat-page .reccomend > span.t {
  display: block;
  margin-bottom: 20px;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 19px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
}
.franshiza-cat-page .reccomend .see-more-car .owl-nav {
  display: none;
}
.franshiza-cat-page .reccomend .see-more-car .franshiza-bl-min {
  background: #e5eff9;
}
.franshiza-cat-page .reccomend .see-more-car .franshiza-bl-min .image {
  border-color: #b5c5d5;
}
.franshiza-cat-page .toggles {
  margin-bottom: 40px;
}
.franshiza-cat-page .toggles .select form {
  padding: 22px;
  background: #f0f0f0;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .franshiza-cat-page .toggles .select form {
    display: block;
    padding: 12px;
  }
}
.franshiza-cat-page .toggles .select form .select-parent select {
  z-index: 3;
}
.franshiza-cat-page .toggles .select form a {
  display: block;
  width: 159px;
  height: 40px;
  background-color: #ffd852;
  border-radius: 2px;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 40px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  text-align: center;
  box-sizing: border-box;
  font-weight: 700;
}
@media (max-width: 768px) {
  .franshiza-cat-page .toggles .select form a {
    width: 100%;
  }
}
.franshiza-cat-page .items {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .franshiza-cat-page .items a {
    width: 100%;
  }
}
.franshiza-bl {
  display: block;
  width: 414px;
  height: 156px;
  padding: 14px;
  margin-bottom: 20px;
  background-color: white;
  border: 4px solid #e5eff9;
  border-radius: 2px;
  box-sizing: border-box;
  text-decoration: none;
  overflow: hidden;
  user-select: none;
  zoom: 1;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.franshiza-bl:before,
.franshiza-bl:after {
  content: "";
  display: table;
}
.franshiza-bl:after {
  clear: both;
}
@media (max-width: 768px) {
  .franshiza-bl {
    width: 289px !important;
    height: 151px;
    margin: 0 auto !important;
    margin-bottom: 20px !important;
    padding: 8px;
    background-color: white;
    border: 3px solid #e5eff9;
  }
}
.franshiza-bl:hover {
  background-color: #fdfefe;
  border-color: #ffd852;
}
.franshiza-bl .image {
  display: block;
  width: 118px;
  height: 118px;
  margin-right: 14px;
  float: left;
  background-color: white;
  border: 2px solid #e5eff9;
  box-sizing: border-box;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (max-width: 768px) {
  .franshiza-bl .image {
    width: 62px;
    height: 63px;
    background-color: white;
    border: 2px solid #e5eff9;
  }
}
.franshiza-bl span.t {
  display: block;
  width: 246px;
  float: right;
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 15px;
  line-height: 24px;
  margin-top: 6px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .franshiza-bl span.t {
    width: 188px;
  }
}
.franshiza-bl span.sm {
  display: block;
  width: 246px;
  float: right;
  color: #3e3e3e;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  /* Text style for "–§—А–∞–љ—И–Є–Ј–∞ –і–µ—В—Б–Ї" */
  line-height: 24px;
  font-weight: 300;
  overflow: hidden;
  height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .franshiza-bl span.sm {
    width: 188px;
  }
}
.franshiza-bl span.d {
  display: block;
  width: 246px;
  float: right;
  zoom: 1;
}
.franshiza-bl span.d:before,
.franshiza-bl span.d:after {
  content: "";
  display: table;
}
.franshiza-bl span.d:after {
  clear: both;
}
@media (max-width: 768px) {
  .franshiza-bl span.d {
    width: 188px;
  }
}
.franshiza-bl span.d b {
  display: block;
  width: 50%;
  float: left;
  color: #3e3e3e;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  /* Text style for "–°–µ—В—М –Ї–ї–Є–љ–Є–Ї –ї–µ" */
  /* Text style for "–Ш–љ–≤–µ—Б—В–Є—Ж–Є–Є:" */
  line-height: 19px;
  font-weight: 700;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
.franshiza-bl span.d i {
  display: block;
  text-align: right;
  width: 50%;
  float: right;
  color: #3e3e3e;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  /* Text style for "–°–µ—В—М –Ї–ї–Є–љ–Є–Ї –ї–µ" */
  /* Text style for "–Ш–љ–≤–µ—Б—В–Є—Ж–Є–Є:" */
  line-height: 19px;
  font-weight: 500;
  font-style: normal;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
.franshiza-bl.franshiza-bl-min {
  width: 100%;
  position: relative;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 88px;
  height: 152px;
}
@media (max-width: 768px) {
  .franshiza-bl.franshiza-bl-min {
    height: 128px;
  }
}
.franshiza-bl.franshiza-bl-min:after {
  display: block;
  content: "подробнее";
  width: 77px;
  height: 23px;
  background-color: #ffd852;
  border-radius: 2px;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 9px;
  line-height: 23px;
  text-transform: uppercase;
  user-select: none;
  text-align: center;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.franshiza-bl.franshiza-bl-min:after:hover {
  background: #fff710;
}
.franshiza-bl.franshiza-bl-min .image {
  position: absolute;
  top: 6px;
  left: 14px;
  width: 66px;
  height: 66px;
  background-color: white;
  border: 2px solid #e5eff9;
  margin-right: 8px;
}
.franshiza-bl.franshiza-bl-min span.t {
  width: 100%;
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 15px;
  line-height: 21px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
}
.franshiza-bl.franshiza-bl-min span.sm {
  width: 100%;
  color: #3e3e3e;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  line-height: 19px;
  font-weight: 300;
}
.franshiza-bl.franshiza-bl-min span.d {
  display: block;
  width: 100%;
  margin: 4px 0;
  color: #3e3e3e;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  line-height: 19px;
}
.franshiza-bl.franshiza-bl-min span.d b {
  display: inline-block;
  width: auto;
  float: none;
  font-weight: 900;
}
.franshiza-bl.franshiza-bl-min span.d i {
  display: inline-block;
  width: auto;
  float: none;
  font-weight: 500;
}
.gallery {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.gallery .gallery-item {
  float: none !important;
  width: 48% !important;
  margin-bottom: 20px;
}
.gallery .gallery-item a {
  display: block;
}
.gallery .gallery-item a img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border: none !important;
}
@media (max-width: 768px) {
  .gallery .gallery-item a img {
    height: 20vh;
  }
}
.gallery br {
  display: none;
}
.customSelect {
  display: block !important;
  width: 194px;
  height: 40px;
  background-color: white;
  border: 1px solid #d6dadd;
  border-radius: 2px;
  box-shadow: 0 2px 2px rgba(0, 0, 1, 0.02);
  overflow: hidden;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .customSelect {
    width: 100%;
    margin-bottom: 10px;
  }
}
.customSelect .customSelectInner {
  display: block !important;
  position: relative;
  width: 100% !important;
  height: 41px;
  padding-left: 16px;
  color: #3e3e3e;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  line-height: 40px;
  font-weight: 500;
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
}
.customSelect .customSelectInner:after {
  display: block !important;
  position: absolute;
  width: 40px;
  height: 40px;
  content: "";
  top: 0;
  right: 0;
  border-left: 1px solid #d6dadd;
  box-sizing: border-box;
  background-color: #fff;
  background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDI5Mi4zNjIgMjkyLjM2MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjkyLjM2MiAyOTIuMzYyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Ni45MzUsNjkuMzc3Yy0zLjYxNC0zLjYxNy03Ljg5OC01LjQyNC0xMi44NDgtNS40MjRIMTguMjc0Yy00Ljk1MiwwLTkuMjMzLDEuODA3LTEyLjg1LDUuNDI0ICAgQzEuODA3LDcyLjk5OCwwLDc3LjI3OSwwLDgyLjIyOGMwLDQuOTQ4LDEuODA3LDkuMjI5LDUuNDI0LDEyLjg0N2wxMjcuOTA3LDEyNy45MDdjMy42MjEsMy42MTcsNy45MDIsNS40MjgsMTIuODUsNS40MjggICBzOS4yMzMtMS44MTEsMTIuODQ3LTUuNDI4TDI4Ni45MzUsOTUuMDc0YzMuNjEzLTMuNjE3LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0N0MyOTIuMzYyLDc3LjI3OSwyOTAuNTQ4LDcyLjk5OCwyODYuOTM1LDY5LjM3N3oiIGZpbGw9IiM3ZjdmN2YiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
  background-size: 7px 7px;
}
.customSelect.customSelectHover {
  /* Styles for when the select box is hovered */
}
.customSelect.customSelectOpen {
  /* Styles for when the select box is open */
}
.customSelect.customSelectFocus {
  /* Styles for when the select box is in focus */
}
.customSelectInner {
  /* You can style the inner box too */
}
div#contact_form {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 30;
  background: rgba(0, 0, 0, 0.5);
}
#contacts a#get_contacts {
  display: none;
}
div#contact_form form#send_contact {
  width: 100%;
  height: 100%;
}
div#contact_form .form {
  width: 300px;
  height: 310px;
  background: #ffffff;
  position: absolute;
  left: 40%;
  left: calc(50% - 150px);
  top: 20%;
  top: calc(50% - 155px);
  border-radius: 10px;
  padding: 20px;
  box-sizing: border-box;
  z-index: 50;
}
div#contact_form a.close {
  display: block;
  text-decoration: none;
  font-family: Arial;
  font-size: 23px;
  font-weight: bold;
  color: white;
  background: #e44040;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 26px;
  border-radius: 50%;
  position: absolute;
  right: -15px;
  top: -15px;
}
div#contact_form p {
  margin: 0;
}
div#contact_form input {
  width: 100%;
  display: block;
  height: 30px;
  box-sizing: border-box;
  padding-left: 10px;
}
div#contact_form a.btn.send {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top: 20px;
  height: 40px;
  line-height: 40px;
  background: #6dc062;
  text-decoration: none;
  text-align: center;
  color: white;
}
div#contact_form {
  display: none;
}
div#contact_form.showed {
  display: block;
}
div#contacts {
  width: 100%;
  box-sizing: border-box;
  background-color: #e8e8e8;
  padding: 20px;
  clear: both;
  margin-top: 20px;
}
div#contacts a.get_contacts {
  display: none;
}
div#contacts span.label {
  display: block;
  color: black;
  font-family: Arial;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
div#contacts.hidden #content {
  display: none;
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hfield {
  0% {
    height: 0%;
    border-top-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
    border-right-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
  }
  90% {
    height: 100%;
    border-top-color: rgba(0, 0, 0, 0);
    border-left-color: #ffd138;
    border-right-color: #ffd138;
    border-bottom-color: #ffd138;
  }
  100% {
    border-top-color: #ffd138;
  }
}
.hide-mobile-content .wrapper {
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .hide-mobile-content .wrapper {
    height: auto !important;
  }
}
.hide-mobile-content .wrapper:after {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 40px;
  left: 0;
  bottom: 0;
  background-image: repeating-linear-gradient(
    to top,
    #ffffff 0%,
    rgba(0, 0, 0, 0) 100%
  );
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media (min-width: 768px) {
  .hide-mobile-content .wrapper:after {
    display: none;
  }
}
.hide-mobile-content .wrapper.hided:after {
  opacity: 1;
  visibility: visible;
}
.hide-mobile-content .show-more {
  display: block;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 0;
  width: 131px;
  height: 38px;
  background-color: #f3c935;
  border-radius: 2px;
  border: none;
  text-align: center;
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 39px;
  text-transform: uppercase;
  font-weight: 900;
  cursor: pointer;
  user-select: none;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media (min-width: 768px) {
  .hide-mobile-content .show-more {
    display: none !important;
  }
}
.hide-mobile-content .show-more:hover {
  background-color: #fff710;
}
@media (max-width: 768px) {
  .hide-mobile-content .show-more {
    display: block;
  }
}
.page-404 .st {
  text-align: center;
  height: 400px;
  overflow: hidden;
}
.page-404 .st .s {
  min-width: 100%;
  height: 400px;
  font-family: "Museo Sans Cyrl";
}
.page-404 .st .s h1 {
  display: block;
  margin: 0;
  font-size: 200px;
  font-weight: 300;
}
@media (max-width: 768px) {
  .page-404 .st .s h1 {
    font-size: 150px;
  }
}
.page-404 .st .s a.home {
  display: inline-block;
  padding: 0 20px;
  height: 40px;
  background-color: #ffd852;
  border-radius: 2px;
  border: none;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 40px;
  text-align: center;
  box-sizing: border-box;
  text-decoration: none;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.page-404 .st .s a.home:hover {
  background-color: #ffcd1f;
}
.banner {
  display: block;
  cursor: pointer;
  user-select: none;
}
.sticky-bl.sticky {
  position: fixed;
  top: 125px;
  width: inherit;
}
.post-min-area .post {
  display: block;
  margin-bottom: 20px;
  cursor: pointer;
}
.page-ask .sidebar {
  margin-top: 70px;
}
.sidebar .scrb-bl {
  margin-bottom: 42px;
}
.wpcf7-response-output.wpcf7-mail-sent-ok {
  background: #7cc15e;
  border: none;
  margin-bottom: 40px;
  text-align: center;
  box-shadow: 0 37px 37px rgba(0, 0, 1, 0.1);
  margin: 36px 0;
  color: #ffffff;
  font-family: "Museo Sans Cyrl";
  font-size: 23px;
  line-height: 26px;
  font-weight: 900;
  padding: 20px;
}
@media (max-width: 768px) {
  .wpcf7-response-output.wpcf7-mail-sent-ok {
    font-style: 18px;
    line-height: 22px;
  }
}
.wp-pagenavi {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 50px 0;
  margin-top: 0;
}
.wp-pagenavi span,
.wp-pagenavi a {
  display: block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  text-align: center;
  line-height: 35px;
  background-color: #f0f0f0;
  margin: 0 5px;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  color: #343434;
  font-family: "Museo Sans Cyrl";
  user-select: none;
  transition: all 0.2s ease 0s;
}
.wp-pagenavi span.current,
.wp-pagenavi a.current {
  background-color: #ffd852;
  cursor: default;
}
.wp-pagenavi span.last,
.wp-pagenavi a.last {
  position: relative;
  width: 35px;
  background-color: #ffd852;
  border-radius: 2px;
  margin-left: 10px;
}
.wp-pagenavi span.last i,
.wp-pagenavi a.last i {
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  top: 10px;
  left: 10px;
  background: url(../img/right-arrow.svg) center center no-repeat;
}
.wp-pagenavi span.last:hover,
.wp-pagenavi a.last:hover {
  background-color: #fff710;
}
.wp-pagenavi span:hover,
.wp-pagenavi a:hover {
  background-color: #ffd852;
}
.wp-pagenavi {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 70px 0;
}
@media (max-width: 768px) {
  .wp-pagenavi {
    margin: 20px 0;
  }
}
.wp-pagenavi span,
.wp-pagenavi a {
  display: block;
  width: 100%;
  min-width: 35px;
  height: 35px;
  overflow: hidden;
  text-align: center;
  line-height: 35px;
  background-color: #f0f0f0;
  margin: 0 5px;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  color: #343434;
  font-family: "Museo Sans Cyrl";
  user-select: none;
  transition: all 0.2s ease 0s;
}
.wp-pagenavi span.current,
.wp-pagenavi a.current {
  background-color: #ffd852;
  cursor: default;
}
@media (max-width: 768px) {
  .wp-pagenavi span.extend,
  .wp-pagenavi a.extend {
    display: none;
  }
}
.wp-pagenavi span.last,
.wp-pagenavi a.last {
  width: 115px;
  background-color: #ffd852;
  border-radius: 2px;
  margin-left: 10px;
}
.wp-pagenavi span.last:hover,
.wp-pagenavi a.last:hover {
  background-color: #fff710;
}
@media (max-width: 768px) {
  .wp-pagenavi span.last,
  .wp-pagenavi a.last {
    display: none;
  }
}
.wp-pagenavi span:hover,
.wp-pagenavi a:hover {
  background-color: #ffd852;
}
.s-content .row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.s-content .row:before,
.s-content .row:after {
  display: none;
}
.s-content .row .left {
  display: block;
  width: 848px;
}
.s-content .row .left .stage-1 {
  display: block;
}
.s-content .row .left .stage-1 .title-s {
  margin-top: 50px;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 33px;
  line-height: 46px;
  font-weight: 900;
}
@media (max-width: 768px) {
  .s-content .row .left .stage-1 .title-s {
    width: 90vw;
    margin-top: 20px;
    word-wrap: break-word;
    font-size: 19px;
    line-height: 24px;
  }
}
.s-content .row .left .stage-1 .des-s {
  padding: 30px;
  margin-top: 30px;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  line-height: 26px;
  background-color: #f5f9fb;
}
@media (max-width: 768px) {
  .s-content .row .left .stage-1 .des-s {
    width: 90vw;
    margin-top: 20px;
    padding: 20px;
    box-sizing: border-box;
  }
}
.s-content .row .left .stage-1 .m-sidr {
  display: none;
  width: 90vw;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .s-content .row .left .stage-1 .m-sidr {
    display: block;
  }
}
.s-content .row .left .stage-1 .m-sidr .addbutton {
  display: block;
  position: relative;
  width: 100%;
  height: 50px;
  margin-bottom: 45px;
  background-color: #ffd852;
  border-radius: 2px;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 53px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s ease 0s;
}
.s-content .row .left .stage-1 .m-sidr .addbutton i {
  position: absolute;
  width: 12px;
  height: 12px;
  left: 50px;
  top: 20px;
  background-image: url(../img/cancel.svg);
  transform: rotate(45deg);
}
.s-content .row .left .stage-1 .m-sidr .addbutton:hover {
  background-color: #fff710;
}
.s-content .row .left .stage-1 .m-sidr .tags .title-r {
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 22px;
  line-height: 21px;
  font-weight: 900;
}
.s-content .row .left .stage-1 .m-sidr .tags .line {
  display: block;
  width: 100%;
  height: 3px;
  margin: 15px 0;
  border-bottom: 3px solid #f0f0f0;
  box-sizing: border-box;
}
.s-content .row .left .stage-1 .m-sidr .tags .w .tag {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 0px;
  padding: 12px;
  background-color: #edf2f4;
  border-radius: 1px;
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  text-decoration: none;
  transition: all 0.2s ease 0s;
}
.s-content .row .left .stage-1 .m-sidr .tags .w .tag:hover {
  background-color: #aec4cd;
}
.s-content .row .left .stage-1 .m-sidr .tags .w .s-all {
  position: relative;
  color: black;
  padding: 10px 15px;
  padding-right: 25px;
  box-sizing: border-box;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  line-height: 44px;
  text-decoration: none;
  font-weight: 700;
  border: 2px solid #ffd751;
  border-radius: 1px;
}
.s-content .row .left .stage-1 .m-sidr .tags .w .s-all i {
  display: block;
  position: absolute;
  right: 10px;
  top: 11px;
  width: 8px;
  height: 12px;
  background: url(https://piter.pro/img/download-arrow.svg) center center no-repeat;
}
@media (max-width: 768px) {
  .s-content .row .left .stage-1 .t {
    color: black;
    font-family: "Museo Sans Cyrl";
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
  }
}
.s-content .row .left .stage-1 .sers {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.s-content .row .left .stage-1 .sers .ser {
  display: block;
  width: 414px;
  height: 156px;
  padding: 16px;
  margin-bottom: 20px;
  background-color: white;
  border: 4px solid #e5eff9;
  border-radius: 2px;
  box-sizing: border-box;
  text-decoration: none;
  transition: all 0.2s ease 0s;
  zoom: 1;
}
@media (max-width: 768px) {
  .s-content .row .left .stage-1 .sers .ser {
    width: 90vw;
    height: 151px;
  }
}
.s-content .row .left .stage-1 .sers .ser:before,
.s-content .row .left .stage-1 .sers .ser:after {
  content: "";
  display: table;
}
.s-content .row .left .stage-1 .sers .ser:after {
  clear: both;
}
.s-content .row .left .stage-1 .sers .ser .img {
  display: block;
  float: left;
  width: 114px;
  height: 114px;
  margin-right: 15px;
  border-radius: 50%;
  background-color: #2b72b8;
  background-size: cover;
  background-position: center center;
}
@media (max-width: 768px) {
  .s-content .row .left .stage-1 .sers .ser .img {
    width: 58px;
    height: 58px;
  }
}
.s-content .row .left .stage-1 .sers .ser .title {
  display: inline-block;
  margin-bottom: 7px;
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 15px;
  line-height: 21px;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease 0s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .s-content .row .left .stage-1 .sers .ser .title {
    max-width: 160px;
  }
}
.s-content .row .left .stage-1 .sers .ser .des {
  display: block;
  height: 40px;
  margin-bottom: 10px;
  overflow: hidden;
  color: #3e3e3e;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  line-height: 19px;
}
@media (max-width: 768px) {
  .s-content .row .left .stage-1 .sers .ser .des {
    max-height: 50px;
  }
}
.s-content .row .left .stage-1 .sers .ser .more {
  display: inline-block;
  width: 102px;
  height: 26px;
  background-color: #ffd852;
  border-radius: 2px;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 11px;
  line-height: 27px;
  text-transform: uppercase;
  text-align: center;
  transition: all 0.2s ease 0s;
}
@media (max-width: 768px) {
  .s-content .row .left .stage-1 .sers .ser .more {
    margin-left: 73px;
  }
}
.s-content .row .left .stage-1 .sers .ser .more:hover {
  background-color: #fff710;
}
.s-content .row .left .stage-1 .sers .ser:hover {
  background-color: rgba(255, 216, 82, 0.09);
  border: 4px solid #ffd852;
}
.s-content .row .left .stage-1 .sers .ser:hover .title {
  color: #2b72b8;
  border-bottom: 1px solid #2b72b8;
}
.s-content .row .left .m-p {
  display: none;
}
@media (max-width: 768px) {
  .s-content .row .left .m-p {
    display: block;
  }
}
.s-content .row .right {
  display: block;
  width: 261px;
  margin-top: 126px;
}
@media (max-width: 768px) {
  .s-content .row .right {
    display: none;
  }
}
.s-content .row .right .addbutton {
  display: block;
  position: relative;
  width: 261px;
  height: 50px;
  margin-bottom: 45px;
  background-color: #ffd852;
  border-radius: 2px;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 53px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s ease 0s;
}
.s-content .row .right .addbutton i {
  position: absolute;
  width: 12px;
  height: 12px;
  left: 50px;
  top: 20px;
  background-image: url(../img/cancel.svg);
  transform: rotate(45deg);
}
.s-content .row .right .addbutton:hover {
  background-color: #fff710;
}
.s-content .row .right .tags .title-r {
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 22px;
  line-height: 21px;
  font-weight: 900;
}
.s-content .row .right .tags .line {
  display: block;
  width: 100%;
  height: 3px;
  margin: 15px 0;
  border-bottom: 3px solid #f0f0f0;
  box-sizing: border-box;
}
.s-content .row .right .tags .w .tag {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 15px;
  background-color: #edf2f4;
  border-radius: 1px;
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  text-decoration: none;
  transition: all 0.2s ease 0s;
}
.s-content .row .right .tags .w .tag:hover {
  background-color: #aec4cd;
}
.s-content .row .right .ad {
  display: block;
  width: 100%;
  height: 487px;
  margin-top: 50px;
  background-color: #f0f0f0;
  border: 1px solid rgba(0, 0, 1, 0.13);
  box-sizing: border-box;
  text-align: center;
}
.s-content .row .right .ad .text0 {
  margin-top: 226px;
  color: #bfbfbf;
  font-family: "Museo Sans Cyrl";
  font-size: 18px;
  line-height: 46px;
  font-weight: 900;
}
.s-content .row .right .ad .text1 {
  color: #bfbfbf;
  font-family: "Museo Sans Cyrl";
  font-size: 14px;
  line-height: 22px;
}
.s-content .row .stage-2 {
  display: block;
}
.s-content .row .stage-2 .title-v {
  margin-top: 70px;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 33px;
  font-weight: 900;
  line-height: 46px;
}
@media (max-width: 768px) {
  .s-content .row .stage-2 .title-v {
    margin-top: 10px;
    color: #2d2d2d;
    font-family: "Museo Sans Cyrl";
    font-size: 19px;
    line-height: 24px;
  }
}
.s-content .row .stage-2 .posts {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 50px;
}
@media (max-width: 768px) {
  .s-content .row .stage-2 .posts {
    margin-top: 30px;
  }
}
.s-content .row .stage-2 .posts .post {
  margin-bottom: 40px;
}
.s-content .row .stage-2 .posts .post .image {
  position: relative;
}
.s-content .row .stage-2 .posts .post .image:after {
  display: none;
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 25px;
  height: 25px;
  background: url(../img/logo.png) center center no-repeat;
  background-size: contain;
}
.s-content .row .m-r-f {
  display: none;
  margin-bottom: 35px;
}
@media (max-width: 768px) {
  .s-content .row .m-r-f {
    display: block;
  }
}
.s-content .row .m-r-f .tabber {
  margin-top: 2rem;
}
.s-content .row .m-r-f .tabber .tabs {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.s-content .row .m-r-f .tabber .tabs .tab {
  width: 100%;
  height: 44px;
  line-height: 46px;
  color: #5e5e5e;
  font-family: "Museo Sans Cyrl";
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 900;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.s-content .row .m-r-f .tabber .tabs .tab:hover,
.s-content .row .m-r-f .tabber .tabs .tab.active {
  color: black;
  background: #f2f2f2;
}
.s-content .row .m-r-f .tabber .contents .content:first-child {
  width: 100%;
  height: 300px;
  background-color: white;
  border: 8px solid #ffd852;
  box-sizing: border-box;
  text-align: center;
  background-image: url(https://piter.pro/img/envelope.svg);
  background-position: 70px 85px;
  background-repeat: no-repeat;
}
.s-content .row .m-r-f .tabber .contents .content .head-sub {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 900;
}
.s-content .row .m-r-f .tabber .contents .content .description-sub {
  margin-bottom: 25px;
  color: #2f2e2e;
  font-size: 15px;
  padding: 0 15px;
  line-height: 20px;
  text-align: center;
}
.s-content .row .m-r-f .tabber .contents .content form input {
  box-sizing: border-box;
  width: 211px;
  height: 41px;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  padding: 15px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.18);
  border-radius: 2px;
}
.s-content .row .m-r-f .tabber .contents .content form input:focus {
  outline: none;
  background-color: white;
  border: 3px solid rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  box-shadow: 0 3px 5px rgba(0, 0, 1, 0.07);
}
.s-content .row .m-r-f .tabber .contents .content form button {
  width: 131px;
  height: 38px;
  margin-top: 20px;
  border: 0;
  background-color: #f3c935;
  border-radius: 2px;
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 39px;
  text-transform: uppercase;
  font-weight: 900;
}
.s-content .row .m-r-f .tabber .contents .content form button:hover {
  background-color: #fff710;
}
.s-content .wp-pagenavi {
  width: 100%;
  margin-top: 0;
  text-align: center;
}
.wp-pagenavi .page-item {
  display: inline-block;
}
.wp-pagenavi {
  text-align: center;
  width: 100%;
}

.tag {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 15px;
  background-color: #edf2f4;
  border-radius: 1px;
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 13px;
  text-decoration: none;
  transition: all 0.2s ease 0s;
}
.tag:hover {
  background-color: #aec4cd;
}

.tags .title-r {
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 22px;
  line-height: 21px;
  font-weight: 900;
}

.tags .line {
  display: block;
  width: 100%;
  height: 3px;
  margin: 15px 0;
  border-bottom: 3px solid #f0f0f0;
  box-sizing: border-box;
}

.cinemapost .image {
  height: 330px !important;
}

.page-post .entry .entry-content .post-min .image {
  float: left;
  width: 100%;
  height: 170px;
  margin-right: 20px;
}

.page-post .entry .entry-content .myfilms .image {
  float: left;
  width: 100%;
  height: 170px;
  margin-right: 20px;
}
.cinemashedule .scroll-wrapper {
  margin-left: 0px !important;
}

.cinemashedule .contents {
  padding: 25px 10px !important;
}
.cinemashedule table tbody tr td {
  min-width: fit-content !important;
}

.cinemashedule table {
  margin-left: 5px !important;
}

/* ======== input-date =========== */

.poisk-tur .tabber {
  width: 100%;
}
.poisk-tur button {
  width: 127px !important;
}
.tagtour {
  display: inline-block;
  margin-bottom: 5px;
  background-color: #edf2f4;
  border-radius: 1px;
  color: black;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  text-decoration: none;
  transition: all 0.2s ease 0s;
}
[type="date"] {
  background: #fff
    url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)
    97% 50% no-repeat;
}
[type="date"]::-webkit-inner-spin-button {
  display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}
label {
  display: block;
}
.input-group {
  font-size: 0.85rem;
  display: flex;
  align-items: stretch;
  width: 100%;
  padding: 0.5rem 0;
}
.input-group input {
  width: 50%;
  border: 2px solid #9e9e9e;
  background-color: #fff;
  padding: 0.375rem 0.25rem;
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.1);
  width: 190px;
}
.input-group input:nth-child(1) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.input-group input:nth-child(2) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: none;
}

/* ============= checkbox =============== */

.checkbox-list {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  line-height: 24px;
}
input[type="checkbox"] {
  display: none;
}
input[type="checkbox"] + label {
  position: relative;
  display: flex;
  padding: 15px;
  align-items: center;
  color: #9e9e9e;
  transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
  font-size: 14px;
  color: #2d2d2d;
}
input[type="checkbox"] + label > span {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1em;
  width: 1.5em;
  height: 1.5em;
  background: transparent;
  border: 2px solid #9e9e9e;
  border-radius: 2px;
  cursor: pointer;
  transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
}
input[type="checkbox"] + label:hover,
input[type="checkbox"]:focus + label {
  color: rgb(20, 20, 20);
}
input[type="checkbox"] + label:hover > span,
input[type="checkbox"]:focus + label > span {
  background: rgba(20, 20, 20, 0.1);
}
input[type="checkbox"]:checked + label {
  color: rgb(20, 20, 20);
}
input[type="checkbox"]:checked + label > span {
  border: 9px solid #ffeb3b;
  animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
}
input[type="checkbox"]:checked + label > span:before {
  content: "";
  position: absolute;
  top: 22px;
  left: 18px;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  transform: rotate(45deg);
  transform-origin: 0% 100%;
  animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
}
@keyframes shrink-bounce {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: #212121;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.15em;
    height: 0;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.3em;
    height: 0.75em;
    border-color: #212121;
    transform: translate3d(0, -0.5em, 0) rotate(45deg);
  }
}

.addbutton {
  display: block;
  position: relative;
  width: 100%;
  height: 50px;
  margin-bottom: 45px;
  background-color: #ffd852;
  border-radius: 2px;
  color: #292828;
  font-family: "Museo Sans Cyrl";
  font-size: 12px;
  line-height: 53px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s ease 0s;
}

.addbutton i {
  position: absolute;
  width: 12px;
  height: 12px;
  left: 50px;
  top: 20px;
  background-image: url(../img/cancel.svg);
  transform: rotate(45deg);
}
.addbutton:hover {
  background-color: #fff710;
}
.des-s {
  padding: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #2d2d2d;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  line-height: 26px;
  background-color: #f5f9fb;
}

.form-vertical {
  flex-direction: column !important;
}
.form-vertical .form-field,
.form-vertical .select-parent {
  width: 100% !important;
}

.select-parent:hover .red {
  color: #e74e64;
}

@media (min-width: 768px) {
  .hideonpc {
    display: none;
  }
}

/*======= 2 Gis ==========*/
.leaflet-bottom {
  display: none;
}

/* Utils */
.w-100 {
  width: 100% !important;
}

img.wp-smiley,
img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 0.07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}

/* posts flex */
.posts {
  margin-top: 2rem;
}
.posts .flex {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  flex: 1;
  margin: 8px;
  min-width: 280px;
}
.posts .flex img {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

.posts .flex .card-body {
  display: flex;
  flex-direction: column;
  padding: 8px;
}

.posts .flex .card-body p {
  font-family: "Georgia";
  font-size: 14px;
  margin: 0;
}

.text-dark {
  color: #000 !important;
}

.text-center {
  text-align: center !important;
}
.broken_link,
a.broken_link {
  text-decoration: line-through;
}
.profile-container {
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
  display: block;
}

.fixed {
  position: fixed !important;
  width: 100%;
  z-index: 20;
  margin: 0 !important;
  background: #fff;
  padding: 10px 0;
}

.fixed .up-button {
  display: table !important;
}

.navbar-hide {
  top: -60px !important;
  box-shadow: none !important;
}

.navbar {
  width: 100%;
  position: fixed;
  vertical-align: middle;
  top: 0;
  margin: 0 auto;
  padding: 12px 0;
  z-index: 30;
  transition: top 0.3s;
  background-color: #fafbfc;
  border-bottom: 1px solid #e7e8ec !important;
}

.navbar .up-button {
  position: absolute;
  z-index: 23;
  display: none;
  width: 17px;
  height: 17px;
  top: 21px;
  left: 35px;
  color: #66757f;
  cursor: pointer;
  transition: border 0.15s ease-in-out;
}

.navbar .up-button .arrow-up {
  border: solid #466a94;
  border-width: 0 2.5px 2.5px 0;
  display: inline-block;
  margin-right: 10px;
  padding: 5px;
  position: absolute;
  top: 6px;
  left: 2px;
  vertical-align: bottom;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.navbar .form-search {
  max-width: 400px;
  margin: 0 auto;
}

.suggestions--profile {
  max-width: 360px;
  width: 95%;
}

.up-button:hover .arrow-up {
  border-color: #1da1f2;
}

.up-button .label {
  vertical-align: top;
  font-weight: 700;
  font-size: 14px;
  position: absolute;
  left: 25px;
  top: 1px;
}

.up-button:hover .label {
  color: #1da1f2;
}

.error-notify {
  font-weight: 700;
  font-size: 14px;
  margin-top: 50px;
  text-align: center;
}

.dashboard {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 65px 0 0;
}

.dashboard-loading {
  margin: 145px auto 0;
}

.dashboard .user-block {
  width: 85%;
  min-height: 450px;
  margin: 0 auto 20px;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 28px;
  border-radius: 4px;
}

.dashboard .user-block:last-child {
  margin: 0 auto;
  border-bottom: 0;
}

.dashboard .profile {
  display: flex;
  margin: 0 auto;
  padding: 15px 15px 10px;
  position: relative;
  align-items: center;
  justify-content: center;
}

.profile .picture {
  margin-right: 10px;
  z-index: 10;
  position: relative;
}

.skeleton-picture {
  margin-right: 10px;
  padding: 5px;
  z-index: 10;
  position: relative;
}

.skeleton-picture .skeleton-picture-img {
  width: 60px;
  height: 60px;
  background: #ddd;
  vertical-align: middle;
  border-radius: 50%;
}

.skeleton-username {
  width: 80px;
  height: 22px;
  margin: 5px 35px 0 10px;
  border-radius: 5px;
  background: #ddd;
  vertical-align: middle;
}

.profile .picture img {
  vertical-align: middle;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.profile .info-container {
  z-index: 25;
  display: inherit;
}

.profile .button-container {
  display: inherit;
}

.profile .username {
  vertical-align: middle;
  font-size: 20px;
  padding: 5px 35px 0 10px;
  margin-right: 5px;
  display: inline-block;
  z-index: 10;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 200px;
}

.profile .username a {
  color: #000;
  text-decoration: none;
}

.profile .username a:hover {
  text-decoration: underline;
}

.profile .username a:visited {
  color: #000;
}

.dashboard .media-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.media-container .media-block {
  margin: 5px;
  flex-grow: 1;
  width: 30%;
  height: auto;
  max-width: 300px;
  position: relative;
}

.media {
  position: relative;
}

.media .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  border-radius: 6px;
  display: none;
  background-color: rgba(0, 0, 0, 0);
  align-items: center;
  justify-content: center;
}

.media:hover > .overlay {
  background-color: rgba(0, 0, 0, 0.25);
  display: flex;
}

.media .overlay .time-ago {
  color: #fff;
  font-weight: 700;
}

.media .icon {
  position: absolute;
  top: -1px;
  z-index: 5;
  background-repeat: no-repeat;
}

.media .video-icon {
  background-position: -394px -302px;
  height: 48px;
  width: 48px;
  right: 3px;
  background-image: url(https://www.instagram.com/static/bundles/base/sprite_core.png/74ee56339da0.png);
}

.media img {
  border-radius: 6px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}

#selector-mobile .media-post {
  height: 291px;
  max-width: 300px;
}

#selector-mobile .media-post .carousel-icon {
  background-position: -100px -388px;
  height: 47px;
  width: 47px;
  right: 0;
  background-image: url(https://www.instagram.com/static/bundles/base/sprite_core.png/3243a2788e25.png);
}

#selector-mobile .media-post .download-button {
  width: 100%;
  height: 42px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 20;
  background: rgba(255, 255, 255, 0.65);
  opacity: 0.85;
  text-align: center;
  color: #353333;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
}

#selector-mobile .media-post .download-button:hover {
  opacity: 1;
}

#selector-mobile .load-more {
  color: #333;
  background-color: #fff;
  display: block;
  margin: 20px auto 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid #ccc;
  padding: 6px 12px;
  border-radius: 2px;
}

.highlights-container {
  padding-top: 1rem;
  box-sizing: content-box;
  overflow: hidden;
  position: relative;
  max-height: 250px;
  margin: 0 auto;
}

.highlights-container .highlights-board {
  display: flex;
  margin: 0 auto;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.highlights-container .highlight {
  display: inline-block;
  width: 110px;
}

.highlights-container .highlight .highlight-image-container {
  position: relative;
  width: 100px;
  height: 100px;
  cursor: pointer;
  border-radius: 50%;
}

.highlights-container .highlight .highlight-image-container .highlight-image {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  border-radius: 50%;
}

.highlights-container .highlight .highlight-image-container svg {
  fill: none;
  stroke: #999;
  stroke-linecap: round;
  stroke-width: 1.5;
  stroke-dasharray: 0;
  stroke-dashoffset: 0;
}

.highlights-container
  .highlight
  .highlight-image-container
  .highlight-animation--mobile {
  stroke-width: 1.3;
  stroke-dasharray: 0;
  display: none;
  z-index: 100;
}

.highlights-container
  .highlight
  .highlight-image-container
  .highlight--desktop--animated {
  stroke: url(custom.css);
  -webkit-animation: 3s ease-out infinite alternate stroke-draw;
  animation: 3s ease-out infinite alternate stroke-draw;
}

.highlights-container
  .highlight
  .highlight-image-container
  .highlight--mobile--animated {
  stroke: url(custom.css);
  -webkit-animation: 3s ease-out infinite alternate stroke-draw--mobile;
  animation: 3s ease-out infinite alternate stroke-draw--mobile;
}

@-webkit-keyframes stroke-draw {
  from {
    stroke-dasharray: 1;
  }
  to {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    stroke-dasharray: 8;
  }
}

@keyframes stroke-draw {
  from {
    stroke-dasharray: 1;
  }
  to {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    stroke-dasharray: 8;
  }
}

@-webkit-keyframes stroke-draw--mobile {
  from {
    stroke-dasharray: 1;
  }
  to {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    stroke-dasharray: 4;
  }
}

@keyframes stroke-draw--mobile {
  from {
    stroke-dasharray: 1;
  }
  to {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    stroke-dasharray: 4;
  }
}

.highlights-container .highlight .highlight-title {
  display: block;
  text-align: center;
  font-size: 12px;
  width: calc(100% - 10px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.highlights-container .control-button {
  height: 24px;
  width: 24px;
  display: block;
  position: absolute;
  top: 65px;
  z-index: 20;
  margin-top: -13px;
  background: url(https://www.instagram.com/static/bundles/base/sprite_core.png/094049dc6b47.png) -104px -407px;
  outline: 0;
  border: 0;
  opacity: 0.85;
  cursor: pointer;
  transition: opacity 0.1s ease-in;
}

.highlights-container .previous-button {
  left: 25px;
}

.highlights-container .next-button {
  right: 5px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.profile .story {
  border-radius: 50%;
  padding: 2px;
  background: radial-gradient(ellipse at 30% 70%, #ffa546 15%, #c42286 100%);
  cursor: pointer;
}

.profile .story img {
  border: 3px solid #fff;
}

.profile .story:active {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.profile .ribble {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  background-position: center;
  background: radial-gradient(circle, transparent 1%, #fff 1%) center/15000%
    #fff;
  z-index: 5;
}

.profile .badge {
  position: absolute;
  top: 1px;
  right: -8px;
  color: #fff;
  border: 2px solid #fff;
  background-color: #e66666;
  padding: 2.8px 3.6px;
  font-size: 90%;
  min-width: 16px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 50%;
  z-index: 10;
}

.profile .refresh {
  z-index: 10;
  position: relative;
  margin-left: 13px;
  cursor: pointer;
  color: #212121;
  text-decoration: none;
  padding: 8px;
  font-size: 16px;
}

.refresh i {
  color: #848181;
  margin-right: 5px;
}

.refresh .icon-active {
  color: #466a94;
}

.refresh span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  letter-spacing: 0.007px;
  text-transform: lowercase;
}

.refresh .infinite-spin {
  -webkit-animation: 2s linear infinite rotating;
  animation: 2s linear infinite rotating;
}

.profile .share {
  z-index: 10;
  margin-left: 5px;
  cursor: pointer;
  color: #212121;
  text-decoration: none;
  padding: 8px;
  font-size: 16px;
  text-transform: lowercase;
}

.share i {
  color: #848181;
  margin-right: 5px;
}

.share .icon-active {
  color: #466a94;
}

.share-link {
  background: #fafafa;
  box-sizing: border-box;
  position: relative;
  height: auto;
  padding: 15px 10px;
  border: 1px solid #ededed;
  border-radius: 5px;
}

.share-link .container {
  margin: 0 auto;
  position: relative;
  display: table;
}

.share-link .link-text {
  padding: 0;
  margin: 0 10px 0 0;
  border: 0;
  font-size: 14px;
  min-width: 280px;
  background: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.share-link .copy {
  border: 0;
  background: inherit;
  font-size: 16px;
  color: #2793e6;
  font-weight: 700;
  cursor: pointer;
}

.share-link .link-message {
  text-align: center;
  margin: 0 auto;
  display: table;
}

.share-link .close-button {
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  right: 30px;
  top: 15px;
  overflow: hidden;
  cursor: pointer;
}

.share-link .close-button::after,
.share-link .close-button:hover > .share-link .close-button::before {
  background: #2793e6;
}

.share-link .close-button::after,
.share-link .close-button::before {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #000;
}

.share-link .close-button::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.share-link .close-button::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.content-type {
  border-top: 1px solid #e5e5e5;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}

.content-type .content-button {
  width: 110px;
  height: 100%;
  padding: 16px 0;
  border: 0;
  background: #fff;
  font-size: 14px;
  text-transform: lowercase;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  color: #262626;
  border-top: 1px solid #262626;
  cursor: pointer;
}

.content-type .content-button--active {
  border-top: 0;
  color: #999;
}

.content-type .content-button:first-child {
  margin-right: 50px;
}

.media .overlay {
  cursor: pointer;
  height: calc(100% - 4px) !important;
}

.media .media-link {
  position: absolute;
  width: 100%;
  height: 50px;
  text-align: center;
  bottom: 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}

.media-link span {
  border: solid #fff;
  border-width: 0 2.5px 2.5px 0;
  display: inline-block;
  margin-right: 2px;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  vertical-align: middle;
  margin-top: -2px;
}

.yandex-donate {
  margin: 30px auto 0 !important;
  display: table;
}

.contacts {
  margin: 20px auto 15px !important;
}

.loader-spinner--profile {
  top: 35px;
  right: 45px;
}

.loader-spinner--profile div:after {
  left: 19px;
}

@-webkit-keyframes loader-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes loader-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.dot-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
  margin: 0 -5%;
  overflow: hidden;
}

.dot-floating {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  -webkit-animation: 3s cubic-bezier(0.15, 0.6, 0.9, 0.1) infinite dotFloating;
  animation: 3s cubic-bezier(0.15, 0.6, 0.9, 0.1) infinite dotFloating;
}

.dot-floating::after,
.dot-floating::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-floating::before {
  left: -12px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  -webkit-animation: 3s ease-in-out infinite dotFloatingBefore;
  animation: 3s ease-in-out infinite dotFloatingBefore;
}

.dot-floating::after {
  left: -24px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  -webkit-animation: 3s cubic-bezier(0.4, 0, 1, 1) infinite dotFloatingAfter;
  animation: 3s cubic-bezier(0.4, 0, 1, 1) infinite dotFloatingAfter;
}

@-webkit-keyframes dotFloating {
  0% {
    left: calc(-50% - 5px);
  }
  100%,
  75% {
    left: calc(50% + 105px);
  }
}

@keyframes dotFloating {
  0% {
    left: calc(-50% - 5px);
  }
  100%,
  75% {
    left: calc(50% + 105px);
  }
}

@-webkit-keyframes dotFloatingBefore {
  0%,
  100%,
  75% {
    left: -50px;
  }
  50% {
    left: -12px;
  }
}

@keyframes dotFloatingBefore {
  0%,
  100%,
  75% {
    left: -50px;
  }
  50% {
    left: -12px;
  }
}

@-webkit-keyframes dotFloatingAfter {
  0%,
  100%,
  75% {
    left: -100px;
  }
  50% {
    left: -24px;
  }
}

@keyframes dotFloatingAfter {
  0%,
  100%,
  75% {
    left: -100px;
  }
  50% {
    left: -24px;
  }
}

@media (max-width: 319px) {
  .profile .refresh i,
  .profile .share i {
    display: block;
    margin: 0 auto 5px;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .navbar .form-search {
    display: block;
    margin: 0 auto;
    padding: 0 15px;
  }
  #selector-mobile .input-active .navbar {
    height: 100%;
    padding: 0;
  }
  #selector-mobile .input-active .form-search {
    padding: 0;
    max-width: 100%;
  }
  #selector-mobile .input-active .dashboard {
    margin: 0;
    display: none;
  }
  .profile-container .fixed .navbar {
    margin: 0;
  }
  .fixed .form-search {
    padding: 0 20px 0 50px;
  }
  .profile-container .navbar .up-button {
    top: 20px;
    left: 18px;
  }
  .profile-container .up-button .label {
    display: none;
  }
  .profile-container .navbar .query {
    min-width: calc(100% - 34px);
  }
  .profile-container .dashboard {
    margin: 59px auto 0;
    padding: 0 !important;
  }
  .profile-container .dashboard-loading {
    margin: 175px auto 0 !important;
  }
  .profile-container .media-container {
    padding: 0;
  }
  .profile-container .media-block {
    width: 100%;
    margin: 0 0 10px;
  }
  .profile-container .user-block {
    width: 100%;
    padding: 0 0 28px;
    border-radius: 0;
  }
  .profile {
    padding: 8px 3px !important;
    justify-content: space-evenly !important;
  }
  .profile .picture {
    margin-right: 0;
  }
  .profile .info-container {
    display: block;
    margin-top: 0;
  }
  .profile .username {
    text-align: center;
    margin: 0 auto 12px;
    padding: 5px 10px 0;
    display: block;
  }
  .profile .button-container {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .profile-container .share-link .link-text {
    margin: 0 25px 0 0;
    text-align: center;
  }
  .profile-container .share-link .copy {
    margin: 8px auto 0;
    display: block;
  }
  .profile-container .share-link .link-message {
    padding: 16px 0 12px;
  }
  .profile-container .share-link .close-button {
    top: 5px;
    right: 6px;
  }
  .profile .refresh {
    margin-left: 0;
    margin-right: 8px;
    padding: 4px;
  }
  .profile .share {
    margin-left: 0;
    padding: 4px;
  }
  .highlights-container {
    height: 105px;
    max-width: 100%;
    padding: 10px 0 0;
  }
  .highlights-container .highlights-scroll-hide {
    width: 100%;
    height: 100%;
    overflow-x: scroll;
    padding: 0 15px 18px;
    display: flex;
  }
  .highlights-container .highlights-board {
    display: flex;
    -webkit-transform: unset !important;
    transform: unset !important;
  }
  .highlights-container .highlight {
    width: 67px !important;
    margin-right: 10px;
  }
  .highlights-container .highlight .highlight-image-container {
    position: relative;
    height: 67px;
    width: 67px;
    display: table;
    margin: 0 auto 5px;
    border-radius: 50%;
  }
  .highlights-container .highlight .highlight-image {
    width: 58px !important;
    height: 58px !important;
    -webkit-transform: translate(-51%, -51%) !important;
    transform: translate(-51%, -51%) !important;
  }
  .highlights-container .highlight .highlight-animation--mobile {
    display: block !important;
  }
  .highlights-container
    .highlight
    .highlight-image-container
    .highlight--mobile--animated {
    stroke: url(custom.css);
    -webkit-animation: 3s ease-out infinite alternate stroke-draw--mobile;
    animation: 3s ease-out infinite alternate stroke-draw--mobile;
  }
  .highlights-container .highlight .highlight-animation--desktop {
    display: none !important;
  }
  .highlights-container
    .highlight
    .highlight-image-container
    .highlight--desktop--animated {
    stroke: url(custom.css);
    -webkit-animation: 3s ease-out infinite alternate stroke-draw;
    animation: 3s ease-out infinite alternate stroke-draw;
  }
  .highlights-container .highlight-title {
    font-size: 10px !important;
  }
  .highlights-container .control-button {
    display: none;
  }
  .content-type {
    margin-bottom: 20px;
    height: 30px;
    justify-content: space-between;
    z-index: 30;
  }
  .content-type:after,
  .content-type:before {
    content: "";
    display: block;
  }
  .content-type .content-button {
    padding: 9px 2px;
  }
  .content-type .content-button:first-child {
    margin: 0;
  }
  .loader-spinner--profile {
    top: 17px;
    right: 25px;
  }
  .loader-spinner--profile div:after {
    left: 16px;
  }
}

.hide-interface .close-button,
.hide-interface .control-button,
.hide-interface .link,
.hide-interface .progress-lines,
.hide-interface .story-profile {
  display: none !important;
}

.hide-interface .story-container {
  margin: 56px auto 25px;
}

.hide-interface header {
  background: 0 0 !important;
}

.modal {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  background: #262626;
}

.modal .container {
  width: 370px;
  height: 100%;
  position: relative;
  color: #fff;
  background-color: transparent;
  box-shadow: none;
  box-sizing: content-box;
}

header {
  width: 100%;
  padding-top: 26px;
  z-index: 25;
}

.story-profile {
  position: relative;
}

.picture {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  border-radius: 50%;
  color: #003569;
  text-decoration: none;
}

.story-profile .username {
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 6px;
}

.story-profile .time {
  opacity: 0.8;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 400;
}

.story-profile .download-button {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  font-size: 10px;
  font-weight: 600;
  height: 22px;
  opacity: 0.6;
  padding: 0 8px;
  text-transform: uppercase;
  border: 0;
  color: #fff;
  float: right;
  margin-top: 6px;
  cursor: pointer;
}

.story-profile .download-button:hover {
  opacity: 1;
}

.story-profile--skeleton {
  position: relative;
}

.story-profile--skeleton .picture-empty {
  width: 32px;
  height: 32px;
  background: #ddd;
  opacity: 0.3;
  vertical-align: middle;
  border-radius: 50%;
  display: inline-block;
}

.story-profile--skeleton .username {
  width: 61px;
  height: 14px;
  opacity: 0.3;
  border-radius: 4px;
  vertical-align: middle;
  background: #ddd;
  margin: 0 8px;
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.story-profile--skeleton .username-empty {
  opacity: 1;
  background: 0 0;
}

.story-profile--skeleton .download-button {
  width: 62px;
  height: 22px;
  background: #ddd;
  opacity: 0.3;
  border-radius: 2px;
  padding: 0 8px;
  border: 0;
  float: right;
  margin-top: 6px;
  cursor: pointer;
}

.progress-lines {
  display: flex;
  margin: 12px 0;
  flex-direction: row;
  justify-content: space-between;
  z-index: 25;
}

.progress-lines .line-el {
  flex-grow: 1;
  position: relative;
  margin-right: 3px;
  border: 0 solid #000;
}

.progress-lines .line-el .placeholder {
  height: 2px;
  width: 100%;
  position: absolute;
  top: 0;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 2px;
}

.progress-lines .line-el .loader {
  height: 2px;
  width: 0%;
  position: absolute;
  top: 0;
  background: #fff;
  border-radius: 2px;
}

.progress-lines .loader-seen .loader {
  width: 100% !important;
}

.progress-lines .loader-active {
  min-width: 15px;
}

.progress-lines .line-el:last-child {
  margin-right: 0;
}

.progress-lines--skeleton .line-el {
  opacity: 0.3;
}

.story-container {
  width: 371px;
  height: 659px;
  background: rgba(221, 221, 221, 0.3);
  position: relative;
  margin: 0 auto 25px;
}

.story-container--skeleton {
  width: 371px;
  height: 659px;
  position: relative;
  margin: 0 auto 25px;
  background: rgba(221, 221, 221, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}

.story-container--skeleton .error-notify {
  color: #fff;
  font-size: 16px;
  opacity: 1;
  text-shadow: 1px 1px 8px #0a0a0a;
  text-align: center;
  z-index: 20;
}

.story-container--skeleton .error-notify p {
  display: block;
  margin: 0;
  line-height: 20px;
}

.story-container--skeleton .error-notify span {
  font-weight: 700;
}

.story-container--skeleton .error-button {
  margin-top: 16px;
  cursor: pointer;
}

.story-container--skeleton .error-button:hover {
  text-decoration: underline;
}

.story-container--skeleton .image-blurry {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0.3;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  z-index: 5;
}

.loader-spinner--player {
  color: #fff;
  right: 25px;
  top: 20px;
}

.loader-spinner--player div:after {
  background: #fff;
}

.videoplay-icon-container {
  position: absolute;
  top: calc(50% - 38px);
  left: calc(50% - 38px);
  z-index: 50;
  padding: 20px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.65);
}

.videoplay-icon {
  box-sizing: border-box;
  width: 50px;
  height: 25px;
  margin: 0 auto;
  transform: translateX(13px);
  -webkit-transform: translateX(13px);
  border-width: 25px 0 25px 35px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}

.story-container .video {
  height: 659px;
  width: 371px;
  z-index: 30;
}

.story-container .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 30;
}

.story-container .story-background {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  background: #ddd;
  opacity: 0.3;
  z-index: 10;
}

.story-container .desktop-button {
  height: 100%;
  width: 100%;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 20;
  background: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  outline: 0;
  cursor: pointer;
}

.story-container .mobile-button {
  height: 100%;
  width: 100%;
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  z-index: 20;
  background: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  outline: 0;
  cursor: pointer;
}

.modal .container:hover > .story-container .control-button {
  opacity: 1;
}

.story-container .control-button {
  height: 30px;
  width: 30px;
  display: block;
  position: absolute;
  top: 50%;
  z-index: 20;
  margin-top: -13px;
  background: 0 0;
  outline: 0;
  border: 0;
  opacity: 0.85;
  cursor: pointer;
  transition: opacity 0.1s ease-in;
}

.story-container .previous-button {
  left: -47px;
  background:url(../img/left-arrow.png);
  background-size:contain;
  
}
.highlights-container .owl-nav .owl-prev{
    color: #1f4052;
    position:absolute;
    top:2rem;
    left: -7px;
    
}
.highlights-container .owl-nav .owl-next{

  position:absolute;
  top:2rem;
  right:0

}

.highlights-container .owl-nav button {
    background: none;
    border: navajowhite;
    font-size: 35px;
    line-height: 35px;
}
.highlights-container .owl-dots {
  display: flex;
  justify-content: center;
  margin:2px
}

.highlights-container .owl-dots button{
  display:block;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  padding:0;
  border: none;
  margin:2px;
}
@media screen and (max-width:760px){
.highlights-container .owl-dots button {
  height: 6px;
  width: 6px;
}
.story-container .next-button {
  right: 10px !important;
  background:url(../img/right-arrow.png);
  background-size:contain;
  z-index:30
  
}
.story-container .previous-button {
  left: 10px !important;
  background:url(../img/left-arrow.png);
  background-size:contain;
  z-index:30
  
}
}

.highlights-container .owl-dots button.active{
  background:#1f4052;
}

.story-container .next-button {
  right: -47px;
  background:url(../img/right-arrow.png);
  background-size:contain;
  
}


.close-button {
  height: 24px;
  width: 24px;
  position: absolute;
  right: -56px;
  top: -16px;
  margin: 16px;
  z-index: 25;
  background: url(https://piter.pro/img/close.png);
  background-repeat:no-repeat;
  background-size:contain;
  outline: 0;
  border: 0;
  cursor: pointer;
}

.story-container .link {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 25;
  cursor: pointer;
  text-align: center;
}

.story-container .text {
  text-align: center;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  margin: 0 auto 20px;
  display: inline-block;
}

.story-container .link .arrow-right {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 4px;
  padding: 3px;
  border: solid #fff;
  border-width: 0 2.5px 2.5px 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.story-container .mobile-link {
  display: none;
}

.story-container .arrow-up {
  background: #fff;
  text-decoration: none;
  border-radius: 50%;
  margin: 0 auto 6px;
  height: 30px;
  width: 30px;
  position: relative;
}

.arrow-up .bar {
  position: absolute;
  background-color: #8a8787;
  top: 14px;
  left: 4px;
  width: 12px;
  height: 2px;
  display: block;
  border-radius: 4px;
}

.arrow-up .left-bar {
  -webkit-transform: rotate(-25deg);
  transform: rotate(-25deg);
}

.arrow-up .right-bar {
  left: 14px;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}

@media (max-width: 767px) {
  .container {
    border-left: 0;
    border-right: 0;
    width: 100% !important;
  }
  .container header {
    position: absolute;
    top: 0;
    padding-top: 20px;
    padding-bottom: 30px;
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.35),
      rgba(0, 0, 0, 0)
    );
  }
  .story-profile--skeleton {
    padding: 0 15px;
  }
  .story-profile--skeleton .download-button {
    display: none;
  }
  .story-container--skeleton {
    width: 100%;
    height: 100%;
  }
  .story-container--skeleton .loader-spinner {
    right: 60px;
    top: 29px;
  }
  .story-container--skeleton .close-button--skeleton {
    right: 0;
    top: 9px;
  }
  .story-profile {
    padding: 0 20px;
  }
  .progress-lines {
    position: absolute;
    left: 0;
    top: 10px;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
  }
  .story-profile {
    padding-left: 15px;
    padding-right: 20px;
  }
  .story-container {
    margin: 0;
    width: 100%;
    height: 100%;
    position: initial;
  }
  .story-container video {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 20;
  }
  .close-button--mobile {
    right: -9px;
    top: 9px;
  }
  .container .control-button {
    display: block;
  }
  .container .img {
    width: 100%;
    height: auto;
  }
  .container .story-container .text {
    margin: 0 auto 6px;
  }
  .container .story-container .desktop-link {
    display: none;
  }
  .container .story-container .mobile-link {
    display: block;
  }
  .container .desktop-button {
    display: none;
  }
  .container .mobile-button {
    display: block;
  }
  .story-icons {
    opacity: 1 !important;
  }
  .download-button {
    margin: 6px 23px 0 0 !important;
    background: rgba(255, 255, 255, 0.4);
    opacity: 1 !important;
  }
}

.highlights-board .owl-dots.disabled,
.highlights-board .owl-nav.disabled {
  display: none;
}
.highlights-board,
.highlights-board .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}
.highlights-board .owl-item,
.highlights-board .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.highlights-board .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}
.highlights-board.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.highlights-board {
  display: none;
  width: 100%;
  z-index: 1;
}
.highlights-board.owl-loaded {
  display: block;
}
.highlights-board .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.highlights-board .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

/* Chatter */
#chatter #chatter_header,
#chatter #chatter_hero {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
#chatter {
  padding: 0;
}

#chatter .chatter_container,
#chatter .margin-top {
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin: 0 auto;
}

#chatter #chatter_header .container {
  display: flex;
  align-items: center;
  min-height: 80px;
  background-color: transparent;
}

#chatter #chatter_header a.back_btn {
  float: none;
  line-height: 38px;
  margin-top: 0;
}

#chatter #chatter_header h1 {
  float: none;
  flex: 1;
  line-height: 2.2rem;
}

#chatter #chatter_header span {
  float: none;
  line-height: 1;
}

@media (max-width: 767px) {
  #chatter #chatter_header h1 {
    font-size: 1rem;
    line-height: 1.2rem;
  }
}
@media (min-width: 768px) {
  #chatter #chatter_header,
  #chatter #chatter_hero {
    max-width: 95%;
  }
}

.login-block {
	font-size:12px;
	font-family: "Museo Sans Cyrl";
}
.title_mm {color:#fff !important;font-family: "Museo Sans Cyrl" !important;font-size:14px !important;line-height: 20px !important;}
.mediametrics {padding:15px;}
.right-head{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}
#chatter .container{
	background-color:#ffffff00 !important;
}
.instagram-media {margin: 0 auto !important; }
.head > .container{background : url(https://piter.pro/img/x23-february--left.png) left top no-repeat, url(https://piter.pro/img/x23-february--right.png) right top no-repeat;}

.path .bread-crumbs{list-style:none}