@charset "UTF-8";

/* stylelint-disable */

/*! normalize.css v8.0.1 | MIT License | github.com/csstools/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}details{display:block}dialog{background-color:#fff;border:solid;color:#000;display:block;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}

/* ion.rangeSlider */.irs,.irs-line{position:relative;display:block}.irs,.irs-bar,.irs-bar-edge,.irs-line{display:block}.irs-hidden-input,.irs-line{overflow:hidden;outline:0!important}.irs{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.irs-line-left,.irs-line-mid,.irs-line-right{position:absolute;display:block;top:0}.irs-line-left{left:0;width:11%}.irs-line-mid{left:9%;width:82%}.irs-line-right{right:0;width:11%}.irs-bar,.irs-shadow{position:absolute;width:0;left:0}.irs-bar-edge{position:absolute;top:0;left:0}.irs-shadow{display:none}.irs-from,.irs-max,.irs-min,.irs-single,.irs-slider,.irs-to{display:block;position:absolute;cursor:default}.irs-slider{z-index:1}.irs-slider.type_last{z-index:2}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-single,.irs-to{top:0;left:0;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute!important;display:block!important;top:0!important;left:0!important;width:0!important;height:0!important;font-size:0!important;line-height:0!important;padding:0!important;margin:0!important;z-index:-9999!important;background:0 0!important;border-style:solid!important;border-color:transparent!important}/* end ion.rangeSlider */

/* stylelint-enable */

html {
  box-sizing: border-box;
}

*,
::after,
::before {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  color: #2C2C2C;
  background: #FFF;
  font: 14px/1.22 Ubuntu, Arial, sans-serif;
}

a {
  transition: .2s;
  text-decoration: none;
  color: #2068B2;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  white-space: nowrap;
  border: 0;
}

.container {
  overflow: hidden;
  min-width: 320px;
  padding: 0 15px;
}

.wrapper {
  max-width: 1300px;
  margin: 0 auto;
}

.wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.heading {
  margin: -10px 0 42px;
  font-size: 2.25rem;
  font-weight: normal;
}

.heading--sidebar {
  margin-top: -9px;
  margin-bottom: 43px;
  font-size: 2rem;
}

.post--homepage .heading {
  margin-top: -8px;
  margin-bottom: 36px;
  font-size: 28px;
}

.middle {
  display: -webkit-flex;
  display: flex;
  min-width: 0;
}

.content {
  width: calc(100% - 380px);
  padding: 0 65px 0 0;
}

.button {
  position: relative;
  display: table;
  padding: 16px 30px 19px;
  cursor: pointer;
  transition: .2s;
  text-align: center;
  color: #FFF;
  border: none;
  border-radius: 27px;
  background: #856FD4;
  font: inherit;
  font-size: 16px;
  font-weight: 500;
}

.button:hover,
.button:focus {
  outline: none;
  background: #9683DA;
}

.button--arrow {
  padding-right: 79px;
}

.button--arrow::after {
  content: "";
  position: absolute;
  top: 14px;
  right: 30px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #FFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='13'%3E%3Cpath fill-rule='evenodd' fill='%23856FD4' d='M6.768 6.64l-5 6-1.536-1.28 4.05-4.86-4.05-4.86L1.768.36l5 6-.168.14.168.14z'/%3E%3C/svg%3E") no-repeat 50%;
}

.header {
  position: relative;
  margin: 0 0 50px;
  padding: 50px 0;
}

.header::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  margin: 0 calc(50% - 50vw);
  background: #E7E7E7;
}

.header__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.header__logo {
  position: relative;
  margin: 0;
  padding: 0 0 0 49px;
  text-decoration: none;
  text-transform: uppercase;
  color: #2C2C2C;
  font-size: 20px;
  font-weight: bold;
}

.header__logo[href]:hover,
.header__logo:focus {
  color: #2068B2;
}

.header__logo::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -2px;
  width: 35px;
  height: 33px;
  margin: -18px 0 0;
  background: url("../img/logo-header.png") no-repeat;
}

.header__city {
  position: relative;
  padding: 0 0 0 35px;
}

.header__city::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 22px;
  margin: -11px 0 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAMAAAD+dOxOAAAAclBMVEUAAAACupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCuph9UeQFAAAAJXRSTlMAVeT37de7jHA3JxEF/N3Jv7B8dmdRLx4M8M7CoZ+ShW9lPjAbH0jCwwAAAJBJREFUGNNVzlcOg1AQQ1HTE0Lv6fXuf4sBHvX8jCxZI2sQlR64t0aTksnV5Aekdfj7BGB3fT5AoFHjYPcHck2O8BoKJ81SHHnYWligmEyLIwiSfcODTjMf9Ia7JiG4ElCY3LpQSU/At07RNwBi9RxWlnm9uGiUYaybzxjVOnDka1HQs7WRA602ooRaO+FBxh9baRMhYW3hhAAAAABJRU5ErkJggg==");
}

.header__city-name {
  margin: 0 0 0 15px;
  color: #2068B2;
}

.header__nav-toggle {
  display: none;
}

.main-nav {
  margin: 35px -30px -14px;
  font-size: 17px;
  font-weight: 500;
}

.main-nav__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.main-nav__item {
  list-style: none;
}

.main-nav__link {
  display: block;
  padding: 11px 30px 14px;
  border-radius: 23px;
}

.main-nav__link[href]:hover,
.main-nav__link:focus {
  color: #2C2C2C;
  background: #DADCF9;
}

.main-nav__item--active .main-nav__link {
  color: #2C2C2C;
}

.search {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  max-width: 715px;
  height: 50px;
  margin: 0 30px;
}

.search__input {
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  min-width: 0;
  padding: 0 70px 2px 30px;
  transition: .2s;
  text-overflow: ellipsis;
  border: 1px solid #E7E7E7;
  border-radius: 25px;
  background: none;
  font: inherit;
}

.search__input::-webkit-input-placeholder {
  opacity: 1;
  color: rgba(44, 44, 44, .5);
}

.search__input::-ms-input-placeholder {
  opacity: 1;
  color: rgba(44, 44, 44, .5);
}

.search__input::placeholder {
  opacity: 1;
  color: rgba(44, 44, 44, .5);
}

.search__input:focus {
  border-color: #856FD4;
  outline: none;
}

.search__button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 60px;
  cursor: pointer;
  transition: .2s;
  border: none;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAXVBMVEUAAACFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SFb9SCPaiqAAAAHnRSTlMAcfN/BXpsuuDM07SedmVIJSNAOsaJXk7txMGQUSJYu8hWAAAAo0lEQVQY03WQ2xKDIBBDd5GriFK1tdf8/2e2BUHHTvNC5iyEAH0VlbfWhxPtdBZIEk1FsgNuYVmUA7q6D9B5ysVRFNDSj8k3EDlXYaYuUNaMHGugX75EMUxaLaa+3jqgXeH45CM0YJLH4wFuq+ygkjmJVK5WKm4dy4+77J5552FgBzzGQonLh/TTFX2hsTFta1QkDWyUSisFgOko/kct/Ui76Q20Pwsb/Rd7YgAAAABJRU5ErkJggg==") no-repeat 10px 50%;
}

.search__button:focus {
  outline: none;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAZlBMVEUAAAACupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupijOrX3AAAAIXRSTlMAA3Ek87p/eHTMxZ5ua0jt3tK1i4F7Zk9AOuNeCNPOsGMw7ewDAAAAq0lEQVQY03WP1xKDIBBFlyKCgr0mptz//8lMKOqYyXlZ5iwLd+mLyLum6bSgE72ERw67YiVQ6HnODVCydA9woWsBG5yQcFu3+LNCHd4dUVCp41gB5WsGJ14U4ch8vWGd9l8rPFiQy6wP2bIwzmm7jucwR2SDMUWySSrIuOqA2GYKuJ/X5FWlDdAvyRKX8NTvtcaUrFBZ22a5IAt4G2EsZgE4XeH/bEM/uOf6ARREDNT8oeAAAAAAAElFTkSuQmCC");
}

.breadcrumbs {
  margin: -3px 0 46px;
}

.breadcrumbs__link--homepage {
  padding: 0 0 0 20px;
  background: url("data:image/png;base64,R0lGODlhCwAJAIABACBosv///yH5BAEAAAEALAAAAAALAAkAAAIWjA2nCLnRYDxTUnetdJFDBH7eljRRAQA7") no-repeat 0 4px;
}

.breadcrumbs__link:hover,
.breadcrumbs__link:focus {
  text-decoration: underline;
}

.breadcrumbs__separator {
  position: relative;
  display: inline-block;
  width: 3px;
  height: 5px;
  margin: 7px 12px 0 13px;
  vertical-align: top;
  border-left: 1px solid #2068B2;
  font-size: 0;
}

.breadcrumbs__separator::before,
.breadcrumbs__separator::after {
  content: "";
  position: absolute;
  width: 1px;
  background: #2068B2;
}

.breadcrumbs__separator::before {
  top: 1px;
  bottom: 1px;
  left: 0;
}

.breadcrumbs__separator::after {
  top: 2px;
  bottom: 2px;
  left: 1px;
}

.items {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -45px -45px 0;
}

.item {
  position: relative;
  width: calc(33.33% - 45px);
  margin: 0 45px 45px 0;
}

.item__image-wrap {
  overflow: hidden;
  margin: 0 0 25px;
  border-radius: 10px;
  background: rgba(0, 0, 0, .05);
}

.item__image {
  display: block;
  width: 100%;
  height: auto;
}

.item__cat {
  position: absolute;
  z-index: 1;
  top: 20px;
  left: 20px;
  max-width: calc(100% - 40px);
  padding: 3px 15px 5px;
  color: #FFF;
  border-radius: 11px;
  background: #02BA98;
  font-size: 12px;
}

.item__cat:hover,
.item__cat:focus {
  background: #856FD4;
}

.item__title {
  color: #2C2C2C;
  font-size: 18px;
}

.item__title:hover,
.item__title:focus {
  color: #856FD4;
}

.item__title::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.item-bg {
  position: relative;
  overflow: hidden;
  height: 275px;
  margin: 0 0 50px;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, .05);
  background-position: 50%;
  background-size: cover;
}

.item-bg::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(rgba(25, 34, 45, 0), rgba(25, 34, 45, .8));
}

.item-bg__inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding: 30px 40px;
}

.item-bg__cat {
  position: relative;
  z-index: 1;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  padding: 3px 15px 5px;
  color: #FFF;
  border-radius: 11px;
  background: #02BA98;
  font-size: 12px;
}

.item-bg__cat:hover,
.item-bg__cat:focus {
  background: #856FD4;
}

.item-bg__title {
  display: table;
  margin: 15px 0 -4px;
  color: #FFF;
  font-size: 18px;
}

.item-bg__title:hover,
.item-bg__title:focus {
  color: #FFB71B;
}

.item-bg__title::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  outline: 1px solid #F00;
}

.item-offer {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 25px 10px 0;
  border: 1px solid #DADCF9;
  border-radius: 20px;
}

.item-offer:not(:last-child) {
  margin-bottom: 30px;
}

.item-offer__left {
  margin: 0 20px 25px;
}

.item-offer__image {
  display: block;
  margin: 0 auto;
}

.item-offer__mid {
  -webkit-flex-basis: 350px;
  flex-basis: 350px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin: 0 20px 25px;
}

.item-offer__data {
  display: block;
}

.item-offer__data tbody {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 -15px -15px;
}

.item-offer__data-item {
  display: block;
  margin: 0 15px 15px;
}

.item-offer__data-field {
  display: block;
  margin: 0 0 5px;
  padding: 0;
  text-align: left;
  color: rgba(44, 44, 44, .5);
  font-weight: normal;
}

.item-offer__data-value {
  display: block;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
}

.item-offer__data-item--mount .item-offer__data-value {
  color: #856FD4;
}

.item-offer__data-rub {
  position: relative;
}

.item-offer__data-rub::after {
  content: "";
  position: absolute;
  right: 1px;
  bottom: 5px;
  left: 0;
  height: 1px;
  background: #856FD4;
}

.item-offer__text {
  color: rgba(44, 44, 44, .7);
  font-size: 13px;
  line-height: 16px;
}

.item-offer__text:not(:first-child) {
  margin: 16px 0 0;
  padding: 16px 0 0;
  border-top: 1px solid #ECEDFC;
}

.item-offer__text p {
  margin: 0;
}

.item-offer__text p:not(:last-child) {
  margin-bottom: 15px;
}

.item-offer__right {
  margin: 0 20px 25px;
}

.item-offer__button {
  display: table;
  padding: 12px 40px 15px;
  color: #FFF;
  border-radius: 23px;
  background: #02BA98;
  font-size: 16px;
  font-weight: 500;
}

.item-offer__button:hover,
.item-offer__button:focus {
  background: #02CEA8;
}

.offer__payments {
  margin: 40px 0 -10px;
  text-align: center;
}

.offer__payments-image {
  width: auto;
  max-height: 20px;
  margin: 0 7px 10px;
  vertical-align: bottom;
}

.pagination {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 50px -3px -6px;
  text-align: center;
}

.pagination__link,
.pagination__active,
.pagination__dots {
  width: 35px;
  height: 35px;
  margin: 0 3px 6px;
  transition: .2s;
  color: #2068B2;
  border-radius: 50%;
  background: #F1F6FF;
  font-size: 16px;
  font-weight: 500;
  line-height: 35px;
}

.pagination__active {
  color: #FFF;
  background: #2068B2;
}

.pagination__link:hover,
.pagination__link:focus {
  color: #FFF;
  background: #2068B2;
}

.pagination__link--prev,
.pagination__link--next {
  position: relative;
  font-size: 0;
}

.pagination__link--prev::after,
.pagination__link--next::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  width: 8px;
  height: 8px;
  margin: auto;
  transition: .2s;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border: solid #2068B2;
  border-width: 2px 0 0 2px;
}

.pagination__link--prev:hover::after,
.pagination__link--prev:focus::after,
.pagination__link--next:hover::after,
.pagination__link--next:focus::after {
  border-color: #FFF;
}

.pagination__link--next {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.main {
  position: relative;
  margin: -51px 0 80px;
  padding: 65px 0 0;
}

.main::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-height: 635px;
  margin: 0 calc(50% - 50vw);
  background: #F1F6FF url("../img/main-bg.png") no-repeat 50% 0/cover;
}

.main__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.main__left {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 665px;
  margin: 0 115px 0 0;
}

.main__right {
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.filter--sidebar {
  margin-bottom: 58px;
}

.filter__heading {
  font-weight: normal;
}

.filter--homepage .filter__heading {
  margin: -10px 0 85px;
  font-size: 2.25rem;
  line-height: 1.25;
}

.filter--sidebar .filter__heading {
  margin: -7px 0 49px;
  font-size: 25px;
  line-height: 1.25;
}

.filter__heading-text-1 {
  position: relative;
}

.filter__heading-text-1::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: -6px;
  bottom: 2px;
  left: -6px;
  height: 9px;
  border-radius: 5px;
  background: #C3B2FF;
}

.filter__heading-text-2 {
  font-weight: 500;
}

.filter--homepage .filter__heading-text-2 {
  font-size: 46px;
}

.filter--sidebar .filter__heading-text-2 {
  font-size: 31px;
}

.filter__form {
  position: relative;
  background: #FFF;
  box-shadow: 0 0 24px rgba(191, 188, 198, .4);
}

.filter--homepage .filter__form {
  padding: 27px 50px 50px;
}

.filter--sidebar .filter__form {
  padding: 27px 40px 40px;
}

.filter__form::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -7px;
  right: -20px;
  left: -20px;
  height: 15px;
  border-radius: 8px;
  background: #262626;
}

.filter__form::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -6px;
  left: 0;
  height: 6px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAGBAMAAAAxuaOuAAAAIVBMVEW/vMb////+/v74+Pn6+vv+/v7+/v7v7vHs6+78/Pz////pVnOsAAAACnRSTlMGzYIvRJuaGBRCW3YdeAAAADFJREFUCNdjWAUEC1XKnaRWgZnBDAwMZmDm0gYgkyMLxBRmAAFDEFMBzGQCMR3ATE4AAtoTBL6WEhEAAAAASUVORK5CYII=");
}

.filter__title {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: baseline;
  align-items: baseline;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 -15px 19px;
  font-weight: 500;
}

.filter__title-text {
  margin: 0 15px 5px;
  font-size: 16px;
}

.filter__title-value {
  margin: 0 15px 5px;
  font-size: 24px;
}

.filter__title-rub {
  position: relative;
}

.filter__title-rub::after {
  content: "";
  position: absolute;
  right: 2px;
  bottom: 8px;
  left: -1px;
  height: 2px;
  background: #2C2C2C;
}

.filter__range {
  height: 31px;
  margin: 0 0 27px;
}

.filter__bottom {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 40px 0 3px;
  padding: 33px 0 0;
  border-top: 1px solid #E7E7E7;
}

.filter__calc {
  display: -webkit-flex;
  display: flex;
  margin: 0 0 33px;
  padding: 19px 0 0;
  font-size: 16px;
  font-weight: 500;
}

.filter--homepage .filter__calc {
  margin-right: 40px;
}

.filter__calc > ::before {
  position: absolute;
  top: -22px;
  left: 0;
  color: rgba(44, 44, 44, .5);
  font-size: 14px;
  font-weight: normal;
}

.filter__calc-amount {
  position: relative;
  margin: 0 8px 0 0;
}

.filter__calc-amount::before {
  content: "Займ";
}

.filter__calc-percents {
  position: relative;
  margin: 0 8px;
}

.filter__calc-percents::before {
  content: "%";
}

.filter__calc-result {
  position: relative;
  margin: 0 0 0 8px;
}

.filter__calc-result::before {
  content: "Вернуть";
}

.filter__calc-rub {
  position: relative;
  margin: 0 0 0 2px;
}

.filter__calc-rub::after {
  content: "";
  position: absolute;
  right: 1px;
  bottom: 6px;
  left: 0;
  height: 1px;
  background: #2C2C2C;
}

.filter__guarantee {
  position: relative;
  margin: 0 0 33px;
  padding: 0 0 0 60px;
}

.filter__guarantee::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 39px;
  height: 41px;
  margin: -22px 0 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAApCAMAAACBd8B3AAAAhFBMVEUAAAACupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCuph+Y7dSAAAAK3RSTlMAH8tsETHr0L8GQ/bw2AvkxrmvJRhvVzndtnRJ+qCZLtaJZWJeT5F9PTanc0Di1QAAAXZJREFUOMuNlOeWgjAUBlExVGmCYsG21p33f78lEWX1BML84R7uEMKXBEtDtE5isVpYBuYxCtfr9xwaVr3aBrgu7yng93kVZPLqGgY8QCGvDwh7ZugFzfvsGKY9XwuMVJXAptv7Acezmgleur26e1SFPYNlp7YE7q8JBHnfcM6zWsiqixOweD+xi/I8tzvWIms2AxCKMAyFM/nW/G3di76XGdzoQyuA7eMd5KEVxyqAac1+ek7gI1lvqhr+Clhb1pEWoQ1sB0Gdf0uqzysH5CqKMi5jFYger27Kzyo8O9oDUYdnU3tjODX1qMMrIJCezHHU7XkhXId4WziaPfXecojngxjirSAxe3ltcDF6asEqy+zNA9gYvZoU1mZPGcUA7wb4Zq8C0ueo52Yf2DpPwEw2HNj5F18dSI3o0fyNMv6R3Ja2Zs+reLZ8UP5OWtdP1RlS7NNyJjnMBA1B7KRZliXqhquJfu2GfJHpT8PoXDniLQXu62z9AUFKRUGWmAOIAAAAAElFTkSuQmCC");
}

.range__slider {
  display: none;
}

.irs {
  color: rgba(44, 44, 44, .3);
  font-size: 12px;
}

.irs-line {
  height: 8px;
  border-radius: 4px;
  background: #D0D0D0;
}

.irs-handle {
  position: absolute;
  top: -9px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  border-radius: 50%;
  background: #F5C23E url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAC/VBMVEUAAAD02m3wxDDirDrz0SX2wSH9zij6wx385Cv5zh74zyv2vyf7yCT1vBT4xhv41xr1uBb7xyPzwhf0zjH010PlxD7zzTrptBX35mnqzXP80kH7zjr/1y7/zin2vRr1wRn8xhf3ug72yCv1uSH1uB3/5zr31R39xhz1thX700P/4jb2yTH1yRTzrQD65Cn4zSb/8ET10kD2xzDwrhPxvyf0xgr01U/41j/30S/4uCLoxyrwvhLiu2H3wjf3uRb82VH5xjz60DD6ySj6xib6wyL4vRr2xEX1wkP0xDj40zf2xDP2xyz5vx/3txP30E340UjhqUb5ykX2wz/5yDv3xDn2vTf71Tb62jX6yjL2wy/1viv5xCP/71r+3lb62lX50lP2yEr4x0j65EX71UX720P2wEDyvT7ktT3anDf4zTb2yDX5xzX2vTP+2TL8zS/vtC/4yi33zij3yCf3xCfnqSXsryD5wR30vh3zthb1sQ73tQv732P+4Vv73Vn73FX4ylP55FL31FD75k3/5E383k34y0z32Uv5zkv50Ur+5kj11Ej2y0bXnkbkr0X6z0P20UH23T7usD75yz32xT3zzzz3wTvgqzr6zzjUljX4wzP1vzPztzPpsTH83TD2zDD7yC/vvy/2ui/hoi/40S771i391Cz3wizLlCvztib7xSXiqSTTlCT2vyP8ySL4vCLRjSLqpiD7vhzfpRv6wRr4uxL4uBH72WH/5l722Vz/9Vv501r64Fnsxlj63Ffz31PsvFLst1H4x1D70k/7507ry03yv0zepkjqvUfZo0T0x0P61kL4yELesULXqULXmkLqtUH93UD90T/oyD/ipj/qzT7tuz3zvzztvDznsjzvuTjvtjjtzDftwDfWqDftvzbquTbkpTbUnjbuxjXbqjTToTTUnDPjozL2vzHjvjHRjjH52i/Wky3isSz3yynemCn20if1wibfoCbxsyX90yTxsyPytyHvqiDlmx/yuB7gmB3prxvUiRfYkRTzpQbokwDctNTTAAAAPXRSTlMAG14ad3f+/tHR0M7Lx7Ozs5eXVEZGRkYdGenp6enp6enp0dHRzs7OzsfHx8fHs7OXl5eXd3deXl5eVFQXbL3QvwAAAlxJREFUKM9NzWNwY2EYhuEvSW3sbtu1beuc2LZq20hS27Zta23btm17NttJZ3v9fJ+55wUa1kgL46kR04zN11uDsRDa89tx/l7eVJGoxkgL8X+YYPbO/1YJp+y5J8cj9xx12bjRwXJ2rfexM2/6wsLC+r6/PJXkamCpKWZJrmY1fJYHh3TJntZ/+uqZcWLmSIUw87mcFRocRJdRMnmVvuWyL57sHJN/v7RplCOhQXSptI21lR3gW0ErDyhx4a9WJ4al2feCA6XSOlZMEpolrIAg/t2zOYYIgPQ5zmnD0miy5Ch0PDomTQhBAvY1JwESrDx/tIHuTaMI7ezcK+N3oyGBAHI5dBizCixi76vyolCK3e3tHOt9rxRiMHzMgT2hiiVgUhonoKCQ5+aeujPaIbMYc5LLxfjkDfTMAC6si9cLeGQy2S3VPipyC5ffQhwKd+4I0QUT0dk3uGQyicRzc0p2sJeohgYJuISO2ulgQfTefBKJ5Oi4w6GFqWh8DYcTCKXOVdjFYAV6V/7+2FgnKMVPoayh0okEvDzx5p0gC7A2ctsTIfSNqWSIsF7Uxh4CHiexfZXbhAQIg6aBPyomDDPlWGxgBAOPw9sWeYjn2gCw5q34128iDMMqOrVLPbQnJjx0faEFAECZih78VA4yh4eJEUQ5IdA27naK2NQGqFnpN9f1/vjYHU5k4LHp2y/dz/DTGw9GbNLHSTo7n+U5px+Mu/DotKtYbyPQsDLR7f7wvre1rPWxR5Ff9VJ1MQqlPa8f7meE+Os0V8/R2gzGQm0wN5qiM3nh8nUozeUvnxzgA1k3wIIAAAAASUVORK5CYII=");
}

.irs-bar {
  top: 0;
  height: 8px;
  border-radius: 4px;
  background: #FFB71B;
}

.range--period .irs-bar {
  background: #02BA98;
}

.irs-min,
.irs-max {
  padding: 12px 0 0;
}

.total {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 12px 0 114px;
}

.total__number {
  display: table;
  margin: 0 27px 0 0;
  padding: 0 0 0 60px;
  color: #856FD4;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAhCAMAAAAWAIDWAAAAhFBMVEUAAAAAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZMAvZNZSBl+AAAAK3RSTlMA4ZFwyx/aiSr43dO6raddNwzxx7SNhmhKQRIH18W+mIJ5VTAWnnRQRep+ik7BwgAAAUFJREFUOMuFkgeSgzAMRX9YWiqdQICQ3nz/+y2yjFiGHfJmMi4PfRwZHKzWyjwvP+Unz7KyzMusjsyjZbtz8KPmeOD8xT9mfYAPDbHrrhb0E9w3e87fY0Ko/YW9P9HRUfuQz+9M/ErrFOKd6m+1rfUG7Jc3IF1EEFhv0fsDbdmScJTqwTdKJUY3Ul06km/3FVUiOlCBnM/tIxMJL6kxe+PvikhCfveOtQrY+0C0VhoJvy27SYGA1i90bERTNQrun89tJhKj77SQ4LgbLGh23VQWnvnjNd0vhge2YOg8q27MqeYpD6RgrrTd9pO4AuOPLvAqswZjUto8gigV4XIl4/AFmq1caU6izTd/HsI0NbfhYjrZQvgopn7dSrbcBuEVqzHvAiOq+0hvo+kHb4u1Q/xHwa9uJHrCc63qJ2aIrgeM+AUBE1CJYHqopgAAAABJRU5ErkJggg==") no-repeat 0 3px;
  font-size: 72px;
  font-weight: 500;
  line-height: 56px;
}

.total__inner {
  line-height: 20px;
}

.total__percent {
  padding: 3px 7px;
  border-radius: 12px;
  background: #FFB71B;
}

.steps::after {
  content: "";
  display: block;
  background: url("../img/steps.png") no-repeat 50% 0/contain;
}

.steps--homepage::after {
  width: 593px;
  height: 246px;
  margin: 85px -100px 0 -70px;
}

.steps--sidebar::after {
  height: 153px;
  margin: 45px 0 0;
}

.steps__list {
  counter-reset: li;
  margin: 0;
  padding: 0;
  list-style: none;
}

.steps__item {
  position: relative;
  padding: 0 0 0 74px;
  font-size: 16px;
  font-weight: 500;
}

.steps--homepage .steps__item {
  margin: 0 0 50px;
}

.steps--sidebar .steps__item {
  margin: 0 0 30px;
}

.steps__item::before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: 50%;
  left: 0;
  width: 45px;
  height: 45px;
  margin: -23px 0 0;
  text-align: center;
  color: #856FD4;
  border-radius: 50%;
  background: #DADCF9;
  font-size: 24px;
  line-height: 45px;
}

.offers {
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin: 0 65px 70px 0;
}

.rating--homepage {
  width: 410px;
  margin: 0 auto 70px;
}

.rating__inner {
  padding: 40px 30px;
  border-radius: 20px;
  background: #F1F6FF;
}

.rating__items {
  counter-reset: number;
  display: block;
  margin: -3px -30px 30px;
  padding: 0 30px 7px;
  border-bottom: 1px solid #DADCF9;
}

.rating__items tbody {
  display: block;
}

.rating__captions {
  display: -webkit-flex;
  display: flex;
  margin: 0 0 5px;
  padding: 0 0 16px;
  border-bottom: 1px solid #DADCF9;
}

.rating__caption {
  display: block;
  text-align: left;
  color: rgba(44, 44, 44, .5);
  font-weight: normal;
}

.rating__caption--name {
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin-right: 20px;
}

.rating__caption--reviews {
  margin-right: 20px;
}

.rating__item {
  position: relative;
  z-index: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: baseline;
  align-items: baseline;
  padding: 19px 0;
  font-weight: bold;
}

.rating__item:nth-child(odd)::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: -30px;
  bottom: 0;
  left: -30px;
  background: #F9FBFF;
}

.rating__name {
  display: block;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin: 0 20px 0 0;
  font-size: 16px;
}

.rating__name::before {
  content: "#" counter(number);
  counter-increment: number;
  display: inline-block;
  width: 40px;
  margin: -3px 0;
  vertical-align: top;
  color: #856FD4;
  font-size: 20px;
}

.rating__reviews {
  display: block;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 55px;
  margin: 0 20px 0 0;
  padding: 3px 0 2px 29px;
  color: #02BA98;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAMAAACqTK3AAAAAZlBMVEUAAAACupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupgCupijOrX3AAAAIXRSTlMAPezI8bUZ99iUuaCIHxMH4tC/qWZSNebOwpyAbV5GKA0YoPuIAAAAf0lEQVQY02XP1w6EIBRF0StNkGafXs7//+SY0UCE/bjCSbi0p+SdihwusaAOmioSqiALPAp6AmI9UwOgT9PVTN2osTX4XQJDqn97aw1Fjty1AVpSU5uJb8RIAiU5URGZaviph+EmqmGUmcb/J+ibXjHjwzy/iGiRg9ZcuuW48QczwhUh3lpStgAAAABJRU5ErkJggg==") no-repeat 0 0;
  font-weight: 500;
}

.rating__credits {
  display: block;
  width: 64px;
  text-align: right;
}

.rating__how {
  display: table;
  margin: 21px 0 -4px;
  padding: 1px 0 1px 44px;
  color: #02BA98;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAMAAAAlM38UAAAAe1BMVEUAAAAw6MYg2bYf17Vz/eMc1LIv6MYf17Uj27ke1rQp4b8g2LYk3Lop4b8n370w6MY+9tRG/tw48M448M4/99VG/txt/+Qc1LIZ0rAY0K5m/+Ml3rsq4sAVzqsh2rhq/+Nh/+JB+tgSy6lM/95E/No07csx6cce1rQ58c/wKoBsAAAAF3RSTlMAju2vE7aP7+rn2czJrKV8c1lXSy8OCZuAdR4AAACSSURBVBjTbc/XDgIhEIXhcd1dey8zQ4dtvv8TihiiUb6L/+KQQAA4t7Mf7eEOx8B/whoaLCCYY0maCSk3Jc2RH2LGPsZ0Ms/krXiEQYiOpRPO0HtmJcTE6OyodW+9zpdIqQxNSkpCZdTnSeJYJkpJc4MlsNeU5b8gI9SbRZWlk2VVrU7wrd4xIxRct/oGJZf61ScwDRieBFwouwAAAABJRU5ErkJggg==") no-repeat 0 1px;
  font-size: 12px;
}

.rating__how:hover,
.rating__how:focus {
  color: #856FD4;
}

.questions--homepage {
  margin-bottom: 80px;
}

.questions__headline {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: baseline;
  align-items: baseline;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px 27px;
}

.questions__heading {
  margin-right: 20px;
  margin-bottom: 15px;
  margin-left: 20px;
}

.questions__all {
  margin: 0 20px 15px;
  color: #856FD4;
}

.questions__all:hover,
.questions__all:focus {
  color: #2068B2;
}

.questions__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: 20px;
  background: #FAF7EE;
}

.questions__item {
  position: relative;
  padding: 30px;
  transition: .2s;
  border-bottom: 1px solid #E9E8EF;
}

.questions__item:hover,
.questions__item:focus {
  background: #FFF;
  box-shadow: 0 0 40px rgba(134, 131, 149, .33);
}

.questions--homepage .questions__item {
  width: 20%;
  border-right: 1px solid #E9E8EF;
}

.questions--homepage .questions__item:nth-child(n + 6) {
  border-bottom: none;
}

.questions--homepage .questions__item:nth-child(5n + 5) {
  border-right: none;
}

.questions--sidebar .questions__item:last-child {
  border-bottom: none;
}

.questions__title {
  margin: -4px 0 0;
  color: #2C2C2C;
  font-size: 16px;
  font-weight: 500;
}

.questions__title:hover,
.questions__title:focus {
  color: #856FD4;
}

.questions__title::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.questions__text {
  margin: 23px 0 -4px;
  color: rgba(44, 44, 44, .8);
}

.categories {
  margin: -5px 0 33px;
}

.categories__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -26px;
  padding: 0;
  list-style: none;
  font-size: 16px;
  font-weight: 500;
}

.categories__link {
  display: block;
  padding: 9px 26px 12px;
  border-radius: 20px;
}

.categories__link[href]:hover,
.categories__link:focus {
  color: #2C2C2C;
  background: #DADCF9;
}

.recent {
  width: 825px;
  margin: 0 65px 0 0;
}

.recent .items {
  margin-right: -15px;
  margin-left: -15px;
}

.recent .item-bg {
  width: calc(50% - 38px);
  margin-right: 30px;
  margin-left: 15px;
}

.recent .item-bg + .item-bg {
  margin-right: 15px;
}

.recent .item {
  width: calc(33.33% - 30px);
  margin-right: 15px;
  margin-left: 15px;
}

.news {
  overflow: hidden;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  width: 410px;
  padding: 0 30px;
  border-radius: 10px;
  background: #F1F6FF;
}

.news__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.news__item {
  position: relative;
  z-index: 1;
  padding: 30px 0;
}

.news__item:nth-child(even)::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: -30px;
  bottom: 0;
  left: -30px;
  background: #FBFCFF;
}

.news__date {
  display: table;
  margin: -3px 0 12px;
  color: #856FD4;
  font-size: 12px;
}

.news__title {
  display: table;
  margin: 0 0 -4px;
  color: #2C2C2C;
  font-size: 16px;
}

.news__title:hover,
.news__title:focus {
  color: #856FD4;
}

.post {
  margin: 0 0 35px;
}

.post--homepage {
  margin-bottom: 53px;
}

.post--cat-desc {
  margin-top: 70px;
}

.post:last-child {
  margin-bottom: 0;
}

.post__heading {
  margin: -10px 0 35px;
  font-size: 2.25rem;
  font-weight: normal;
}

.post__entry {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.57;
}

.post__entry > :last-child {
  margin-bottom: 0;
}

.post__entry::after {
  content: "";
  display: table;
  clear: both;
}

.post__entry p {
  margin: 0 0 24px;
}

.post__entry a {
  text-decoration: underline;
}

.post__entry a:hover,
.post__entry a:focus {
  text-decoration: none;
}

.post__entry h2,
.post__entry h3,
.post__entry h4,
.post__entry h5,
.post__entry h6 {
  margin: 36px 0 24px;
  font-size: 1.875rem;
  font-weight: normal;
  line-height: 1.35;
}

.post__entry h2:first-child,
.post__entry h3:first-child,
.post__entry h4:first-child,
.post__entry h5:first-child,
.post__entry h6:first-child {
  margin-top: 0;
}

.post__entry h3 {
  font-size: 1.5rem;
}

.post__entry h4 {
  font-size: 1.375rem;
}

.post__entry h5 {
  font-size: 1.25rem;
}

.post__entry h6 {
  font-size: 1.125rem;
}

.post__entry li {
  margin: 0 0 4px;
  list-style: none;
}

.post__entry li p {
  margin: 0;
}

.post__entry li p:not(:last-child) {
  margin-bottom: 4px;
}

.post__entry li ul,
.post__entry li ol {
  margin-top: 4px;
  margin-bottom: 0;
}

.post__entry ul {
  margin: 0 0 24px;
  padding: 0 0 0 40px;
}

.post__entry ul > li {
  position: relative;
}

.post__entry ul > li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: -30px;
  width: 11px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='12'%3E%3Cpath fill='%2302BA98' d='M-.004 11.998L5.952 6-.004.001h5.052L11.004 6l-5.956 5.998H-.004z'/%3E%3C/svg%3E");
}

.post__entry ol {
  counter-reset: li;
  margin: 0 0 24px;
  padding: 0 0 0 40px;
}

.post__entry ol > li {
  position: relative;
}

.post__entry ol > li::before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: 1px;
  left: -36px;
  width: 23px;
  height: 23px;
  text-align: center;
  letter-spacing: -1px;
  color: #FFF;
  border-radius: 50%;
  background: #02BA98;
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
}

.post__entry ol ol > li::before {
  content: counters(li, ".");
}

.post__entry img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.post {
  /* experts-by-webnavoz */
  /* end experts-by-webnavoz */
}

.post #toc_container {
  margin: 38px 0;
  padding: 18px 40px 24px;
  border-radius: 10px;
  background: #F1F6FF;
  font-weight: normal;
}

.post #toc_container .toc_title {
  margin: 0 0 8px;
  font-size: 24px;
}

.post #toc_container ul {
  margin-bottom: 0;
  margin-left: -8px;
  font-size: 15px;
}

.post #toc_container ul ul,
.post #toc_container li + li {
  margin-top: 7px;
}

.post #toc_container ul ul {
  margin-left: -12px;
}

.post #toc_container li {
  margin: 0;
}

.post #toc_container li::before {
  top: 8px;
  left: -28px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #02BA98;
}

.post #toc_container a {
  text-decoration: none;
}

.post #toc_container a:hover,
.post #toc_container a:focus {
  text-decoration: underline;
}

.post .aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.post .alignleft {
  float: left;
}

.post img.alignleft,
.post__figure.alignleft {
  margin: 5px 30px 15px 0;
}

.post .alignright {
  float: right;
}

.post img.alignright,
.post__figure.alignright {
  margin: 5px 0 15px 30px;
}

.post__figure {
  overflow: hidden;
  border-radius: 10px;
  background: #F1F6FF;
}

.post__figure img {
  display: block;
  border-radius: 10px 10px 0 0;
}

.post__figure.alignnone,
.post__figure.aligncenter {
  margin-top: 29px;
  margin-bottom: 29px;
}

.post__figure-caption {
  margin: 0;
  padding: 13px 10px 16px;
  text-align: center;
  color: rgba(44, 44, 44, .7);
  font-size: 14px;
  font-weight: normal;
}

.post__video {
  position: relative;
  display: block;
  overflow: hidden;
  height: 0;
  padding: 56.25% 0 0;
}

.post__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.post blockquote {
  margin: 38px 0;
  padding: 18px 33px 20px;
  border-radius: 10px;
  background: #F1F6FF;
}

.post blockquote p:last-child {
  margin-bottom: 0;
}

.post__orange,
.post__lilac,
.post__green {
  margin: 29px 0;
  padding: 16px 40px 18px;
  border: 2px solid;
  border-radius: 10px;
}

.post__orange {
  border-color: #FFC851;
}

.post__lilac {
  border-color: #856FD4;
}

.post__green {
  border-color: #02BA98;
}

.post__table {
  overflow: auto;
  max-width: 100%;
  margin: 27px 0;
  -webkit-overflow-scrolling: touch;
}

.post table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.22;
}

.post th,
.post td {
  padding: 11px 20px 12px 0;
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
}

.post th:first-child,
.post td:first-child {
  padding-left: 20px;
  text-align: left;
}

.post tr:first-child th,
.post tr:first-child td {
  color: #FFF;
  background: #856FD4;
}

.post tr:first-child th:first-child,
.post tr:first-child td:first-child {
  border-radius: 10px 0 0 0;
}

.post tr:first-child th:last-child,
.post tr:first-child td:last-child {
  border-radius: 0 10px 0 0;
}

.post tr:nth-child(even) td {
  background: #F1F6FF;
}

.post .cs-expertPlagin-tpl {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin: 34px 0;
  padding: 0 0 0 90px;
  background: none;
}

.post .descpage_expertPlagin-item {
  position: relative;
  -webkit-order: -1;
  order: -1;
  padding: 18px 30px 20px;
  color: inherit;
  border-radius: 10px;
  background: #F1F6FF;
  font-size: 16px;
  line-height: 26px;
}

.post .descpage_expertPlagin-item::before {
  content: "";
  position: absolute;
  top: 20px;
  left: -10px;
  width: 0;
  height: 0;
  border-width: 10px 10px 10px 0;
  border-style: solid;
  border-color: transparent #F1F6FF transparent transparent;
}

.post .cs-expertPlagin-tpl .head_expertPlagin-top {
  min-height: 1px;
  margin: 15px 0 0;
  padding: 0;
}

.post .marker_expertPlagin-item {
  display: none;
}

.post .cs-expertPlagin-tpl span.thumb_expertPlagin-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
}

.post .expect-left {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 -15px;
  text-align: left !important;
  font-size: 12px;
  font-style: italic;
}

.post .name_expertPlagin-item {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: 0 8px 10px 0;
  color: #856FD4;
  font: inherit;
}

.post .descexpert_expertPlagin-item {
  -webkit-flex-basis: 250px;
  flex-basis: 250px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin: 0 0 10px;
  color: inherit;
  font: inherit;
}

.post-bottom {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 40px 0 70px;
  padding: 25px 10px 0;
  border-radius: 10px;
  background: #F1F6FF;
}

.gallery {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 34px -5px 0;
  text-align: center;
  font-size: 14px;
  line-height: 1.215;
}

.gallery-item {
  width: 25%;
  margin: 0 0 30px;
  padding: 0 5px;
}

.gallery img {
  max-width: 100%;
  height: auto;
}

.gallery .wp-caption-text {
  margin: 5px 0 0;
}

.post-like {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 5px 8px;
}

.post-like__title {
  margin: 0 15px 15px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}

.post-like__rate {
  overflow: hidden;
  margin: 0 15px 15px;
  font-size: 16px;
  font-weight: bold;
}

.post-like .post-ratings {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 40px;
  padding: 0 20px 2px 59px;
  transition: .2s;
  color: #FFF;
  border-radius: 20px;
  background: #02BA98;
  font-size: 14px;
  font-weight: 500;
}

.post-like .post-ratings:hover,
.post-like .post-ratings:focus {
  background: #02CEA8;
}

.post-like .post-ratings img {
  position: absolute;
  top: 0;
  left: -2px;
}

.post-like__count {
  margin: 0 0 -2px 18px;
  color: rgba(255, 255, 255, .5);
  font-size: 15px;
}

.post-share {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 20px 23px;
}

.post-share .ya-share2__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 -4px -8px;
}

.post-share .ya-share2__list .ya-share2__item,
.post-share .ya-share2__list .ya-share2__item:last-child {
  margin: 0 4px 8px;
}

.post-share .ya-share2__badge {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 46px;
  height: 36px;
  border-radius: 3px;
}

.related {
  margin: 0 0 56px;
}

.related__heading {
  margin: -9px 0 43px;
  font-size: 2rem;
}

.comments {
  margin: 0 0 50px;
}

.comments a:hover,
.comments a:focus {
  text-decoration: underline;
}

.comments__heading {
  margin: -9px 0 43px;
  font-size: 2rem;
}

.comments__list {
  margin: 0;
  padding: 0;
}

.comments__list li {
  list-style: none;
}

.comments__list .children {
  margin: 0;
  padding: 0;
}

.comments__list .children li {
  padding: 0 0 0 30px;
}

.comment {
  display: -webkit-flex;
  display: flex;
  margin: 0 0 45px;
  font-weight: 300;
}

.comment__avatar {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: 0 30px 0 0;
  border-radius: 50%;
}

.comment__inner {
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.comment__meta {
  margin: 0 0 5px;
  font-size: 13px;
}

.comment__author {
  color: #856FD4;
}

.comment__text {
  font-size: 16px;
  line-height: 25px;
}

.comment__text p {
  margin: 0;
}

.comment__text p:not(:last-child) {
  margin-bottom: 20px;
}

.comment__reply {
  display: inline-block;
  height: 20px;
  margin: 0 0 0 27px;
  padding: 0 10px;
  cursor: pointer;
  transition: .2s;
  vertical-align: baseline;
  color: #FFF;
  border: none;
  border-radius: 10px;
  background: #02BA98;
  font: inherit;
  font-size: 11px;
}

.comment__reply:hover,
.comment__reply:focus {
  color: #FFF;
  outline: none;
  background: #02CEA8;
}

.comment__date {
  display: block;
  margin: 10px 0 0;
  color: rgba(44, 44, 44, .7);
  font-size: 12px;
}

.comments__nav {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 -4px;
}

.respond {
  padding: 30px;
  border-radius: 10px;
  background: #F1F6FF;
}

li .respond {
  margin-top: -5px;
  margin-bottom: 40px;
}

.respond__cancel a {
  display: table;
  margin: -10px 0 20px;
  text-decoration: none;
  border-bottom: 1px dashed;
}

.respond__cancel a:hover,
.respond__cancel a:focus {
  text-decoration: none;
  border-color: transparent;
}

.form p {
  margin: 0 0 20px;
}

.form__row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -8px;
}

.form__row-item {
  -webkit-flex: 1 0 200px;
  flex: 1 0 200px;
  margin: 0 8px;
}

.form__input {
  display: block;
  width: 100%;
  margin: 0 0 20px;
  padding: 10px 20px 12px;
  transition: .2s;
  border: none;
  border-radius: 10px;
  box-shadow: 0 0 18px rgba(201, 204, 221, .46);
  font: inherit;
  line-height: 1.3;
}

.form__input::-webkit-input-placeholder {
  opacity: 1;
  color: rgba(44, 44, 44, .5);
}

.form__input::-ms-input-placeholder {
  opacity: 1;
  color: rgba(44, 44, 44, .5);
}

.form__input::placeholder {
  opacity: 1;
  color: rgba(44, 44, 44, .5);
}

.form__input:focus {
  outline: none;
  box-shadow: 0 0 18px #C0C3D7;
}

.form__button {
  margin: 10px 0 0;
  padding: 12px 35px 14px;
}

.sidebar {
  width: 380px;
}

.sidebar > :last-child {
  margin-bottom: 0;
}

.sidebar__section {
  margin-bottom: 70px;
}

.footer {
  position: relative;
  margin: 70px 0 0;
  padding: 30px 0;
}

.footer::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 calc(50% - 50vw);
  background: #F1F6FF;
}

.footer__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 -15px -30px;
}

.footer__section {
  margin: 0 15px 30px;
}

.footer__left {
  width: 220px;
}

.footer__logo {
  position: relative;
  margin: 0;
  padding: 0 0 0 49px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
}

.footer__logo::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -2px;
  width: 35px;
  height: 32px;
  margin: -18px 0 0;
  background: url("../img/logo-footer.png") no-repeat;
}

.footer__copyright {
  margin: 11px 0 0;
  padding: 0 0 0 49px;
  color: rgba(44, 44, 44, .5);
  font-size: 12px;
  font-weight: 300;
}

.footer__copyright p {
  margin: 0;
}

.footer__copyright p:not(:last-child) {
  margin-bottom: 15px;
}

.footer__info {
  width: 385px;
  margin: 0;
  color: rgba(44, 44, 44, .5);
  font-size: 11px;
  font-weight: 300;
}

.footer-nav {
  font-size: 13px;
  font-weight: 300;
}

.footer-nav__list {
  margin: -9px 0;
  padding: 0;
  list-style: none;
}

.footer-nav__item {
  margin: 9px 0;
}

.footer-nav__link {
  color: #856FD4;
}

.footer-nav__link[href]:hover,
.footer-nav__link:focus {
  color: #2068B2;
}

.footer-nav__item--active .footer-nav__link {
  color: #2C2C2C;
}

.social:not(:last-child) {
  margin-bottom: 16px;
}

.social__list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 -10px;
  padding: 0;
  list-style: none;
}

.social__item {
  margin: 0 10px;
}

.social__link {
  display: block;
  width: 17px;
  height: 17px;
  transition: .2s;
  opacity: .35;
}

.social__link:hover,
.social__link:focus {
  opacity: .55;
}

.social__vk {
  width: 22px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.701 18.771h1.437s.433-.047.654-.284c.21-.221.21-.63.21-.63s-.031-1.927.869-2.21c.887-.281 2.012 1.86 3.211 2.683.916.629 1.605.494 1.605.494l3.211-.044s1.682-.105.887-1.426c-.061-.105-.451-.975-2.371-2.76-2.012-1.861-1.742-1.561.676-4.787 1.469-1.965 2.07-3.166 1.875-3.676-.166-.48-1.26-.361-1.26-.361l-3.602.031s-.27-.031-.465.09c-.195.119-.314.391-.314.391s-.572 1.529-1.336 2.82c-1.623 2.729-2.268 2.879-2.523 2.699-.604-.391-.449-1.58-.449-2.432 0-2.641.404-3.75-.781-4.035-.39-.091-.681-.15-1.685-.166-1.29-.014-2.378.01-2.995.311-.405.203-.72.652-.539.675.24.03.779.146 1.064.537.375.506.359 1.636.359 1.636s.211 3.116-.494 3.503c-.495.262-1.155-.28-2.595-2.756-.735-1.26-1.291-2.67-1.291-2.67s-.105-.256-.299-.406c-.227-.165-.557-.225-.557-.225l-3.435.03s-.51.016-.689.24c-.166.195-.016.615-.016.615s2.686 6.287 5.732 9.453c2.79 2.902 5.956 2.715 5.956 2.715l-.05-.055z'%20fill='%23000'/%3E%3C/svg%3E") no-repeat 50%/22px 22px;
}

.social__yt {
  width: 19px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 461.001 461.001'%3E%3Cpath d='M365.257 67.393H95.744C42.866 67.393 0 110.259 0 163.137v134.728c0 52.878 42.866 95.744 95.744 95.744h269.513c52.878 0 95.744-42.866 95.744-95.744V163.137c0-52.878-42.866-95.744-95.744-95.744zm-64.751 169.663l-126.06 60.123c-3.359 1.602-7.239-.847-7.239-4.568V168.607c0-3.774 3.982-6.22 7.348-4.514l126.06 63.881c3.748 1.899 3.683 7.274-.109 9.082z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50%/19px 19px;
}

.social__yz {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 454 454'%3E%3Ccircle fill='%23000' cx='227' cy='227' r='227'/%3E%3Cpath fill='%23CDCDCD' d='M309.797 185.408L178.94 299.17l-33.602-38.651 130.859-113.762z'/%3E%3Cpath fill='%23FFF' d='M146.28 78L310 134.336v51.214l-163.72-56.335zM145 260.45l163.721 56.336V368L145 311.665z'/%3E%3C/svg%3E") no-repeat 50%/17px 17px;
}

.social__in {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='169.063' height='169.063' viewBox='0 0 169.063 169.063'%3E%3Cpath d='M122.406 0H46.654C20.929 0 0 20.93 0 46.655v75.752c0 25.726 20.929 46.655 46.654 46.655h75.752c25.727 0 46.656-20.93 46.656-46.655V46.655C169.063 20.93 148.133 0 122.406 0zm31.657 122.407c0 17.455-14.201 31.655-31.656 31.655H46.654C29.2 154.063 15 139.862 15 122.407V46.655C15 29.201 29.2 15 46.654 15h75.752c17.455 0 31.656 14.201 31.656 31.655v75.752z'/%3E%3Cpath d='M84.531 40.97c-24.021 0-43.563 19.542-43.563 43.563 0 24.02 19.542 43.561 43.563 43.561s43.563-19.541 43.563-43.561c0-24.021-19.542-43.563-43.563-43.563zm0 72.123c-15.749 0-28.563-12.812-28.563-28.561 0-15.75 12.813-28.563 28.563-28.563s28.563 12.813 28.563 28.563c0 15.749-12.814 28.561-28.563 28.561zM129.921 28.251c-2.89 0-5.729 1.17-7.77 3.22a11.053 11.053 0 0 0-3.23 7.78c0 2.891 1.18 5.73 3.23 7.78 2.04 2.04 4.88 3.22 7.77 3.22 2.9 0 5.73-1.18 7.78-3.22 2.05-2.05 3.22-4.89 3.22-7.78 0-2.9-1.17-5.74-3.22-7.78-2.04-2.05-4.88-3.22-7.78-3.22z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50%/17px 17px;
}

.social__tw {
  width: 18px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.954 4.569a10 10 0 0 1-2.825.775 4.958 4.958 0 0 0 2.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.691 8.094 4.066 6.13 1.64 3.161a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.061a4.923 4.923 0 0 0 3.946 4.827 4.996 4.996 0 0 1-2.212.085 4.937 4.937 0 0 0 4.604 3.417 9.868 9.868 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63a9.936 9.936 0 0 0 2.46-2.548l-.047-.02z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50%/18px 18px;
}

/* mobile menu */

.mmenu-active {
  overflow: hidden;
}

.mmenu-active body {
  overflow: hidden;
}

.wrapper {
  transition: -webkit-transform .35s ease-out;
  transition: transform .35s ease-out;
  transition: transform .35s ease-out, -webkit-transform .35s ease-out;
  -webkit-transform: none;
  transform: none;
}

.mmenu-active .wrapper {
  transition: -webkit-transform .35s ease-in;
  transition: transform .35s ease-in;
  transition: transform .35s ease-in, -webkit-transform .35s ease-in;
  -webkit-transform: translate3d(270px, 0, 0);
  transform: translate3d(270px, 0, 0);
}

.mmenu-overlay {
  position: fixed;
  z-index: 99;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  background: #000;
}

.mmenu-active .mmenu-overlay {
  visibility: visible;
  transition: opacity .35s ease-in;
  opacity: .5;
}

.mmenu {
  position: fixed;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 0;
  width: 320px;
  transition: -webkit-transform .35s ease-out;
  transition: transform .35s ease-out;
  transition: transform .35s ease-out, -webkit-transform .35s ease-out;
  -webkit-transform: translate3d(-320px, 0, 0);
  transform: translate3d(-320px, 0, 0);
  font-size: 16px;
}

.mmenu-active .mmenu {
  left: 0;
  transition: -webkit-transform .35s ease-in;
  transition: transform .35s ease-in;
  transition: transform .35s ease-in, -webkit-transform .35s ease-in;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mmenu__inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  overflow-y: auto;
  width: 270px;
  background: #594994;
}

.mmenu__item {
  margin: 0;
  padding: 0;
}

.mmenu li {
  position: relative;
  list-style: none;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.mmenu a {
  display: block;
  padding: 14px 20px 16px;
  color: #FFF;
}

.mmenu a:not(:last-child) {
  padding-right: 65px;
}

.mmenu__topbar {
  position: relative;
  z-index: 1;
  height: 51px;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  background: #594994;
}

.mmenu__topbar.active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mmenu__back {
  position: relative;
  width: 50px;
  height: 50px;
  cursor: pointer;
  border: none;
  border-right: 1px solid rgba(255, 255, 255, .04);
  background: rgba(255, 255, 255, .06);
}

.mmenu__back::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 4px;
  width: 10px;
  height: 10px;
  margin: auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border: solid rgba(255, 255, 255, .5);
  border-width: 2px 0 0 2px;
}

.mmenu__back:focus {
  outline: none;
  background: rgba(255, 255, 255, .2);
}

.mmenu__title {
  position: absolute;
  top: 0;
  right: 0;
  left: 50px;
  overflow: hidden;
  padding: 0 15px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #FFF;
  font-weight: bold;
  line-height: 50px;
}

.mmenu__item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  background: #594994;
}

.mmenu__topmenu {
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  -webkit-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0);
}

.mmenu__topmenu.active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mmenu__show-submenu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px;
  cursor: pointer;
  border: none;
  border-left: 1px solid rgba(255, 255, 255, .04);
  background: rgba(255, 255, 255, .06);
}

.mmenu__show-submenu::after {
  content: "";
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin: auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border: solid rgba(255, 255, 255, .5);
  border-width: 0 2px 2px 0;
}

.mmenu__show-submenu:focus {
  outline: none;
  background: rgba(255, 255, 255, .2);
}

.mmenu__submenu {
  z-index: 1;
  top: 51px;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mmenu__submenu.active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mmenu__submenu.hidden {
  -webkit-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0);
}

.mmenu__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  cursor: pointer;
  border: none;
  background: #02BA98;
}

.mmenu__close::before,
.mmenu__close::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 2px;
  margin: auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #FFF;
}

.mmenu__close::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mmenu__close:focus {
  outline: none;
  background: #03ECC1;
}

/* end mobile menu */

@media (max-width: 1360px) {
  .wrapper {
    max-width: 980px;
  }

  .content {
    width: calc(100% - 31%);
    padding: 0 30px 0 0;
  }

  .items {
    margin-right: -30px;
  }

  .item {
    width: calc(33.33% - 30px);
    margin-right: 30px;
  }

  .item-offer__left {
    width: 100%;
    text-align: center;
  }

  .main__left {
    width: 470px;
    margin-right: 70px;
  }

  .filter--homepage .filter__heading {
    margin-bottom: 50px;
  }

  .filter--homepage .filter__heading-text-2 {
    font-size: 2.375rem;
  }

  .filter--sidebar .filter__form {
    padding-right: 30px;
    padding-left: 30px;
  }

  .total {
    margin-bottom: 70px;
  }

  .steps--homepage::after {
    width: 440px;
    height: 190px;
    margin-top: 40px;
    margin-left: 0;
  }

  .steps--sidebar::after {
    height: 125px;
  }

  .offers {
    margin-right: 30px;
  }

  .rating--sidebar .rating__caption--reviews {
    margin-right: 0;
  }

  .rating--sidebar .rating__caption--credits {
    display: none;
  }

  .rating--sidebar .rating__reviews {
    margin-right: 0;
  }

  .rating--sidebar .rating__credits {
    display: none;
  }

  .questions--homepage .questions__item {
    width: 50%;
  }

  .questions--homepage .questions__item:nth-child(n + 6) {
    border-bottom: 1px solid #E9E8EF;
  }

  .questions--homepage .questions__item:nth-last-child(-n + 2) {
    border-bottom: none;
  }

  .questions--homepage .questions__item:nth-child(5n + 5) {
    border-right: 1px solid #E9E8EF;
  }

  .questions--homepage .questions__item:nth-child(2n) {
    border-right: none;
  }

  .recent {
    margin: 0 auto 70px;
  }

  .news {
    width: auto;
    margin: 0 auto;
  }

  .post-bottom {
    -webkit-justify-content: center;
    justify-content: center;
  }

  .sidebar {
    width: 31%;
  }

  .footer__inner {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
}

@media (max-width: 1360px) and (max-width: 1000px) {
  .filter--homepage .filter__heading-text-2 {
    font-size: calc(1.3625rem + 1.62vw);
  }
}

@media (max-width: 1000px) {
  .heading {
    font-size: calc(1.35rem + 1.44vw);
  }

  .heading--sidebar {
    font-size: calc(1.325rem + 1.08vw);
  }

  .filter--homepage .filter__heading {
    font-size: calc(1.35rem + 1.44vw);
  }

  .post__heading {
    font-size: calc(1.35rem + 1.44vw);
  }

  .post__entry h2,
  .post__entry h3,
  .post__entry h4,
  .post__entry h5,
  .post__entry h6 {
    font-size: calc(1.3125rem + .9vw);
  }

  .post__entry h3 {
    font-size: calc(1.275rem + .36vw);
  }

  .post__entry h4 {
    font-size: calc(1.2625rem + .18vw);
  }

  .related__heading {
    font-size: calc(1.325rem + 1.08vw);
  }

  .comments__heading {
    font-size: calc(1.325rem + 1.08vw);
  }
}

@media (max-width: 999px) {
  .wrapper {
    display: block;
    max-width: 728px;
  }

  .middle {
    display: block;
  }

  .content {
    width: 100%;
    padding: 0;
  }

  .header {
    padding: 30px 0 100px;
  }

  .header__nav {
    display: none;
  }

  .header__nav-toggle {
    position: absolute;
    bottom: 20px;
    left: 0;
    display: block;
    width: 50px;
    height: 50px;
    cursor: pointer;
    border: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Ccircle cx='27' cy='27' r='27' fill='%23EAEEFD'/%3E%3Cpath stroke='%23856FD4' stroke-width='2' stroke-linecap='round' d='M14 15h26M10 31h34M10 23h34M14 39h26'/%3E%3C/svg%3E");
  }

  .header__nav-toggle:focus {
    opacity: .7;
    outline: none;
  }

  .search {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 70px;
    margin: 0;
  }

  .main__left {
    width: 100%;
    margin: 0 0 70px;
  }

  .filter--sidebar .filter__calc {
    margin-right: 40px;
  }

  .steps--homepage::after {
    margin-right: auto;
    margin-left: auto;
  }

  .offers {
    -webkit-flex: none;
    flex: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 70px;
  }

  .post__entry ::-webkit-scrollbar {
    -webkit-appearance: none;
  }

  .post__entry ::-webkit-scrollbar:vertical {
    width: 12px;
  }

  .post__entry ::-webkit-scrollbar:horizontal {
    height: 12px;
  }

  .post__entry ::-webkit-scrollbar-thumb {
    border: 2px solid #FFF;
    border-radius: 10px;
    background: rgba(0, 0, 0, .5);
  }

  .post__entry ::-webkit-scrollbar-track {
    border-radius: 10px;
  }

  .sidebar {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    width: auto;
    margin: 70px -15px 0;
  }

  .sidebar__section {
    width: calc(50% - 30px);
    margin-right: 15px;
    margin-left: 15px;
  }

  .sidebar__section:nth-last-child(2):nth-child(odd) {
    margin-bottom: 0;
  }

  .footer-nav__list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    margin: -8px -15px;
  }

  .footer-nav__item {
    margin: 8px 15px;
  }
}

@media (max-width: 767px) {
  .header__inner {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin: 0 -15px -20px;
  }

  .header__logo {
    margin: 0 15px 20px;
  }

  .header__city {
    margin: 0 15px 20px;
  }

  .item {
    width: calc(50% - 30px);
  }

  .recent .item-bg {
    width: calc(100% - 30px);
    margin-right: 0;
  }

  .recent .item {
    width: calc(50% - 30px);
  }

  .recent .item:last-child:nth-child(odd) {
    display: none;
  }

  .post__entry img.alignleft,
  .post__figure.alignleft,
  .post__entry img.alignright,
  .post__figure.alignright {
    display: block;
    float: none;
    margin: 25px auto;
  }

  .gallery-item {
    width: 50%;
  }

  .related .item:nth-child(odd):last-child {
    display: none;
  }

  .comments__list .children li li li li {
    padding-left: 0;
  }

  .sidebar__section {
    width: calc(100% - 30px);
  }

  .sidebar__section:nth-last-child(2):nth-child(odd) {
    margin-bottom: 70px;
  }

  .footer__info {
    width: 100%;
    max-width: 385px;
  }
}

@media (max-width: 479px) {
  .search__input {
    padding-right: 60px;
    padding-left: 25px;
  }

  .search__button {
    width: 50px;
  }

  .item {
    width: calc(100% - 30px);
  }

  .filter__form {
    margin-right: -30px;
    margin-left: -30px;
  }

  .filter--homepage .filter__form {
    padding-right: 30px;
    padding-left: 30px;
  }

  .total {
    display: block;
    text-align: center;
  }

  .total__number {
    margin: 0 auto 20px;
  }

  .steps--homepage::after {
    width: 290px;
    height: 120px;
  }

  .rating__inner {
    margin-right: -30px;
    margin-left: -30px;
  }

  .rating__caption--reviews {
    margin-right: 0;
  }

  .rating__caption--credits {
    display: none;
  }

  .rating__reviews {
    margin-right: 0;
  }

  .rating__credits {
    display: none;
  }

  .questions--homepage .questions__item {
    width: 100%;
    border-right: none;
  }

  .questions--homepage .questions__item:nth-last-child(-n + 2) {
    border-bottom: 1px solid #E9E8EF;
  }

  .questions--homepage .questions__item:nth-child(5n + 5) {
    border-right: none;
  }

  .questions--homepage .questions__item:last-child {
    border-bottom: none;
  }

  .recent .item {
    width: calc(100% - 30px);
  }

  .recent .item:last-child:nth-child(odd) {
    display: block;
  }

  .post #toc_container {
    margin-right: -40px;
    margin-left: -40px;
  }

  .post__orange,
  .post__lilac,
  .post__green {
    padding-right: 30px;
    padding-left: 30px;
  }

  .post .cs-expertPlagin-tpl {
    padding-left: 0;
  }

  .post .descpage_expertPlagin-item::before {
    top: 100%;
    left: 20px;
    width: 0;
    height: 0;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #F1F6FF transparent transparent transparent;
  }

  .post .cs-expertPlagin-tpl .head_expertPlagin-top {
    position: relative;
    min-height: 60px;
    padding-left: 80px;
  }

  .related .item:nth-child(odd):last-child {
    display: block;
  }

  .comments__list .children li {
    padding: 0;
  }

  .comment__avatar {
    display: none;
  }

  .respond {
    margin-right: -30px;
    margin-left: -30px;
  }
}