/* stylelint-disable */

/*! normalize.css v9.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}

/* Swiper */.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;z-index:1;display:flex;transition-property:transform}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}/* end Swiper */

/* stylelint-enable */

html {
  box-sizing: border-box;
}

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

body {
  margin: 0;
  padding: 0;
  color: #34325D;
  background: #F3F7F8;
  font: 14px/1.22 Ubuntu, Arial, sans-serif;
}

a {
  -webkit-transition: .2s;
  transition: .2s;
  text-decoration: none;
  color: #728DCF;
}

.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 {
  display: grid;
  max-width: 1300px;
  min-height: 100vh;
  margin: 0 auto;

  grid-template-rows: auto 1fr auto;
}

.wrapper > main {
  min-width: 0;
}

.comments {
  margin: 0 0 50px;
}

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

.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-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}

.comment__meta {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: baseline;
  align-items: baseline;
  margin: 0 -20px 0 0;
  font-size: 13px;
}

.comment__author {
  margin: 0 20px 10px 0;
  color: #068BDF;
}

.comment__reply {
  height: 20px;
  margin: 0 20px 10px 0;
  padding: 0 10px 2px;
  border: none;
  border-radius: 3px;
  background: #E8EDF3;
  color: #068BDF;
  font: inherit;
  font-size: 12px;
  transition: 0.2s;
  cursor: pointer;
}

.comment__reply:hover,
.comment__reply:focus {
  outline: none;
  background: #068BDF;
  color: #FFF;
}

.comment__edit {
  margin: 0 20px 10px 0;
}

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

.comment__text p {
  margin: 0;
}

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

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

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

.heading {
  margin: -7px 0 34px;
  text-align: center;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: normal;
}

.subheading {
  margin: 0 0 37px;
  text-align: center;
  color: rgba(52, 50, 93, .7);
  font-weight: 300;
  line-height: 25px;
}

.heading + .subheading {
  margin-top: -10px;
}

.heading__accent {
  color: #728DCF;
  font-weight: bold;
}

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

.content {
  width: 100%;
  /* padding: 0 65px 0 0; */
}

.select {
  height: 45px;
  padding: 0 55px 2px 30px;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
  border: none;
  border-radius: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='5'%3E%3Cpath fill='%23FFF' d='M10.257 1.429L6.016 3.974l-.273.455-.243-.146-.243.146-.273-.455L.743 1.429l.514-.858L5.5 3.117 9.743.571l.514.858z'/%3E%3C/svg%3E") no-repeat right 22px top 21px, #FFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Cpath fill='%23728DCF' d='M7.5 0a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15z'/%3E%3C/svg%3E") no-repeat right 20px top 50%;
  font: inherit;
  font-size: 16px;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select::-ms-expand {
  display: none;
}

.select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.select:focus {
  outline: none;
  box-shadow: inset 0 0 0 1px #728DCF, 0 0 0 1px #728DCF;
}

.header {
  position: relative;
  min-width: 0;
  margin: 0 0 50px;
}

.header::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 100%;
  right: 0;
  left: 0;
  height: 730px;
  margin: 0 calc(50% - 50vw);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='291' height='266'%3E%3Cpath fill='none' stroke='%23A5B6E0' stroke-width='10' d='M268.347 163.287a2037.018 2037.018 0 0 0-35.294 61.131c-11.412 20.581-28.882 30.667-52.411 30.26-23.53-.408-47.059-.408-70.588 0-23.53.407-41-9.679-52.412-30.26a2037.018 2037.018 0 0 0-35.294-61.131c-12.117-20.173-12.117-40.346 0-60.519a2039.52 2039.52 0 0 0 35.294-61.131c11.412-20.581 28.882-30.668 52.412-30.26 23.529.407 47.058.407 70.588 0 23.529-.408 40.999 9.679 52.411 30.26a2039.52 2039.52 0 0 0 35.294 61.131c12.118 20.173 12.118 40.346 0 60.519z' opacity='.10'/%3E%3C/svg%3E") no-repeat calc(50% - 845px) 45px, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='67' height='67'%3E%3Cpath fill='none' stroke='%23A5B6E0' d='M33.5 3.5c16.569 0 30 13.431 30 30 0 16.569-13.431 30-30 30-16.569 0-30-13.431-30-30 0-16.569 13.431-30 30-30z' opacity='.2'/%3E%3C/svg%3E") no-repeat calc(50% - 495px) 60px, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='18'%3E%3Cpath fill='%23FAD200' d='M20.998 18.002H.002L10.5 0l10.498 18.002M4.19 15.604h12.62L10.5 4.783 4.19 15.604'/%3E%3C/svg%3E") no-repeat calc(50% - 375px) 100px, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cpath fill='%23C4E83B' fill-rule='evenodd' d='M9 0a9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9 9 9 0 0 1 9-9z'/%3E%3C/svg%3E") no-repeat calc(50% - 735px) 705px, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='111' height='110'%3E%3Cpath fill='none' stroke='%23D9F082' stroke-width='10' d='M56 10c24.853 0 45 20.147 45 45s-20.147 45-45 45-45-20.147-45-45 20.147-45 45-45z' opacity='.30'/%3E%3C/svg%3E") no-repeat calc(50% + 495px) 55px/100px 100px, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='61' height='53'%3E%3Cpath fill='%23728DCF' fill-rule='evenodd' d='M60.993 53.006H.007L30.5.001l30.493 53.005M12.17 45.945h36.66A367739.85 367739.85 0 0 1 30.5 14.083a367739.85 367739.85 0 0 1-18.33 31.862' opacity='.10'/%3E%3C/svg%3E") no-repeat calc(50% + 725px) 400px, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Cpath fill='%23728DCF' fill-rule='evenodd' d='M11.302 13.795c-1.325.33-2.643.684-3.956 1.06-1.312.376-2.443.073-3.391-.909a119.814 119.814 0 0 0-2.896-2.896C.077 10.102-.226 8.971.15 7.659c.376-1.313.73-2.631 1.06-3.956.331-1.325 1.158-2.152 2.483-2.483A115.28 115.28 0 0 0 7.649.16c1.312-.376 2.443-.073 3.391.909.949.982 1.914 1.947 2.896 2.896.982.948 1.285 2.079.909 3.391-.376 1.313-.73 2.631-1.06 3.956-.331 1.325-1.158 2.152-2.483 2.483z'/%3E%3C/svg%3E") no-repeat calc(50% + 595px) 585px;
}

.is-single .header::before {
  background-position: calc(50% - 845px) 45px, calc(50% - 495px) 60px, calc(50% - 765px) 400px, calc(50% - 735px) 705px, calc(50% + 495px) 55px, calc(50% + 725px) 400px, calc(50% + 595px) 585px;
}

.header__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 -15px;
  padding: 37px 0;
}

.header__logo {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  max-width: 475px;
  margin: 0 15px;
  padding: 0 0 0 88px;
  text-decoration: none;
}

.header__logo::before {
  content: "";
  position: absolute;
  top: calc(50% - 28px);
  left: 0;
  width: 58px;
  height: 58px;
  border-radius: 10px;
  background: url("../images/logo.png") no-repeat;
}

.header__logo-title {
  margin: 0 30px 0 0;
  text-transform: uppercase;
  color: #53648B;
  font-size: 24px;
  font-weight: normal;
}

.header__logo-accent {
  color: #34325D;
  font-weight: bold;
}

.header__logo-domain {
  margin: 0 0 0 4px;
  padding: 4px 8px;
  vertical-align: 5px;
  color: #34325D;
  border-radius: 10px;
  background: #FAD200;
  font-size: 12px;
  font-weight: 500;
}

.header__logo-desc {
  margin: 0;
  color: rgba(52, 50, 93, .7);
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
}

.header__nav-toggle {
  position: absolute;
  bottom: 37px;
  left: 0;
  display: none;
  width: 54px;
  height: 54px;
  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='%23728DCF'/%3E%3Cpath stroke='%23FFF' 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: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 350px;
  height: 55px;
  margin: 0 15px;
}

.search__input {
  -webkit-box-flex: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  min-width: 0;
  padding: 0 75px 1px 20px;
  -webkit-transition: .2s;
  transition: .2s;
  text-overflow: ellipsis;
  border: none;
  border-radius: 10px;
  background: #FFF;
  font: inherit;
  font-size: 16px;
  font-weight: 300;
}

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

.search__input::-moz-placeholder {
  opacity: 1;
  color: rgba(52, 50, 93, .5);
}

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

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

.search__input::placeholder {
  opacity: 1;
  color: rgba(52, 50, 93, .5);
}

.search__input:focus {
  outline: none;
  box-shadow: inset 0 0 0 1px #FAD200;
}

.search__button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 55px;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
  border: none;
  background: none;
}

.search__button::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 35px;
  height: 35px;
  -webkit-transition: .2s;
  transition: .2s;
  border-radius: 50%;
  background: #728DCF url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAAaVBMVEVyjc7///+9yej3+f3z9fvq7vje5fSCmtR1kNDP2O6+y+mhs9/7/P7S2+/J0+zEz+ult+Ccr92UqdqSptmMotd9ltJ4kdDu8fm5xue1w+WxwOSsvOKitN+PpNiJn9Z+l9Lj6fXY3/G/zOmHizHEAAAAp0lEQVQY012Q6RKDIBCDiSAi3me9bfv+D9mVq475k52PJRlgVuOx7wO7K9EvACLt/igTsMonjxqQhIwv0+4iB+JtYGP7IbgZVhFK7HEBvE0jxTcuZRDA1dPTmvLRJbCQtUDBvFYgIusAGdgMTLaWJ55JIHNeOlQD/DSvAIUoM3GaQhliXc8SpMoyVSAoLLJF2C+o0hs86+ir14OpC7bsoRR5/2Sq6dkPreEF+piRiZMAAAAASUVORK5CYII=") no-repeat 50%;
}

.search__button:focus {
  outline: none;
}

.search__button:focus::before {
  background-color: #FAD200;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAAbFBMVEX60gD////964r84Vb/++n96of61hT61An//vf//fD++Nn98Kf73Dj71xv+9ML98a385m/841373T772i3++d3+9cb97p397JP96YD86Hj730n72zH72SP++uD+9s3+8rj97Zr97Jb85GT84FCTKGwSAAAApElEQVQY013QVxaDIBBA0XmIWGI3xZa+/z0GQY3J+xnO/RlAfFGbjUb25eoI6EP2pUDji7uV3tj06YhNeZoSSAMjUXMHAmdPS7m4Sri5jVcYxGc0zHtaSGXtAZUdDZSbvSC0I4Nisx46O/KYJF/ttCwu4LxQDYlxrwDCyJ2S7dJnIFV1X2C7eItKdoXiq7T/gsthh6YOlaomkRkb+c1i3Mp/wygfVTEFmBf1NeQAAAAASUVORK5CYII=");
}

.rating-link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 335px;
  padding: 0 92px 0 90px;
  color: #34325D;
  line-height: 20px;
}

.rating-link--header {
  margin: 0 15px;
}

.rating-link::before {
  content: "";
  position: absolute;
  top: calc(50% - 24px);
  left: 0;
  width: 64px;
  height: 48px;
  background: url("../images/cup.png");
}

.rating-link:hover,
.rating-link:focus {
  color: #728DCF;
}

.rating-link__year {
  position: absolute;
  top: calc(50% - 18px);
  right: 0;
  height: 36px;
  font-size: 36px;
  line-height: 1;
}

.main-nav {
  position: relative;
  padding: 17px 0;
  font-size: 17px;
}

.main-nav::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 calc(50% - 50vw);
  border: solid #E4E9EE;
  border-width: 1px 0;
}

.main-nav__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 -10px -10px;
  padding: 0;
  list-style: none;
}

.main-nav__item {
  margin: 0 10px 10px;
}

.main-nav__link {
  display: block;
  padding: 8px 20px 9px;
  color: #34325D;
  border-radius: 10px;
}

.main-nav__link[href]:hover,
.main-nav__link:focus,
.main-nav__item--active .main-nav__link {
  background: #C4E83B;
}

.breadcrumbs {
  margin: -3px 0 47px;
  font-size: 12px;
  font-weight: 300;
}

.breadcrumbs--center {
  text-align: center;
}

.breadcrumbs__link {
  display: inline-block;
  vertical-align: baseline;
  color: #728DCF;
}

.breadcrumbs__link--homepage {
  position: relative;
  padding: 0 0 0 30px;
}

.breadcrumbs__link--homepage::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 11px;
  height: 9px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF)) no-repeat 5px 2px/1px 1px, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF)) no-repeat 4px 3px/3px 1px, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF)) no-repeat 3px 4px/5px 1px, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF)) no-repeat 2px 5px/2px 3px, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF)) no-repeat 7px 5px/2px 3px, -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)) no-repeat 1px 4px/4px 5px, -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)) no-repeat 6px 4px/4px 5px, -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)) no-repeat 0 5px/11px 1px, -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)) no-repeat 2px 3px/7px 1px, -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)) no-repeat 3px 2px/6px 1px, -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)) no-repeat 4px 1px/3px 1px, -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)) no-repeat 5px 0/1px 1px;
  background: linear-gradient(#FFF, #FFF) no-repeat 5px 2px/1px 1px, linear-gradient(#FFF, #FFF) no-repeat 4px 3px/3px 1px, linear-gradient(#FFF, #FFF) no-repeat 3px 4px/5px 1px, linear-gradient(#FFF, #FFF) no-repeat 2px 5px/2px 3px, linear-gradient(#FFF, #FFF) no-repeat 7px 5px/2px 3px, linear-gradient(currentColor, currentColor) no-repeat 1px 4px/4px 5px, linear-gradient(currentColor, currentColor) no-repeat 6px 4px/4px 5px, linear-gradient(currentColor, currentColor) no-repeat 0 5px/11px 1px, linear-gradient(currentColor, currentColor) no-repeat 2px 3px/7px 1px, linear-gradient(currentColor, currentColor) no-repeat 3px 2px/6px 1px, linear-gradient(currentColor, currentColor) no-repeat 4px 1px/3px 1px, linear-gradient(currentColor, currentColor) no-repeat 5px 0/1px 1px;
}

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

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

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

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

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

.subcats {
  display: table;
  margin: 0 auto 70px;
}

.tabs .subcats {
  margin-bottom: 60px;
}

.subcats__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 12px 15px 2px;
  list-style: none;
  border-radius: 10px;
  background: #FFF;
  font-size: 15px;
}

.subcats__item {
  margin: 0 10px 10px;
}

.subcats__link {
  display: block;
  padding: 9px 15px;
  color: #34325D;
  border-radius: 10px;
}

.subcats__link[href]:hover,
.subcats__link:focus,
.subcats__link[aria-selected],
.subcats__item--active .subcats__link {
  color: #34325D;
  outline: none;
  background: #C4E83B;
}

.category-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 -37px 30px 0;
}

.item-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 30px 25px;
  border-radius: 10px;
  background: #F3F7F8;
}

.item-top__inner {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.item-top__meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px 10px 0;
}

.item-top__cat {
  margin: 0 15px 10px 0;
  padding: 5px 15px 6px;
  color: #34325D;
  border-radius: 13px;
  background: #C4E83B;
  font-size: 12px;
  font-weight: 300;
}

.item-top__cat:hover,
.item-top__cat:focus {
  color: #FFF;
  background: #728DCF;
}

.item-top__recommend {
  margin: 0 10px 10px 0;
  padding: 0 0 0 20px;
  color: #F4AE26;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13'%3E%3Cpath fill='%23FAD200' d='M7 .006l2.164 4.276 4.839.685-3.501 3.328.826 4.699L7 10.775l-4.328 2.219.826-4.699-3.501-3.328 4.839-.685L7 .006z'/%3E%3C/svg%3E") no-repeat;
  font-size: 12px;
  font-weight: 300;
}

.item-top__image-wrap {
  overflow: hidden;
  max-width: 180px;
  margin: 0 auto 23px;
  border: 20px solid #FBFCFC;
  border-radius: 50%;
  background: rgba(0, 0, 0, .05);
}

.item-top__image {
  display: block;
  width: 100%;
  height: auto;
}

.item-top__title {
  margin: 0 0 13px;
  text-align: center;
  font-size: 17px;
  line-height: 25px;
}

.item-top__desc {
  margin: 0 0 24px;
  text-align: center;
  color: #728DCF;
  font-size: 12px;
  font-weight: 300;
  font-style: italic;
  line-height: 20px;
}

.item-top__more,
.item-top__play {
  -webkit-align-self: center;
  align-self: center;
  width: 100%;
  max-width: 200px;
  padding: 13px 20px 14px;
  text-align: center;
  color: #34325D;
  border-radius: 10px;
  background: #FAD200;
  font-size: 15px;
}

.item-top__more:hover,
.item-top__more:focus,
.item-top__play:hover,
.item-top__play:focus {
  color: #FFF;
  background: #728DCF;
}

.item-top__play {
  margin: 20px 0 0;
  color: #FFF;
  background: #D4002D;
}

.items {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -37px -30px 0;
}

.heading + .items {
  padding-top: 10px;
}

.item {
  position: relative;
  width: calc(20% - 37px);
  height: 360px;
  margin: 0 37px 30px 0;
}

.item__image-wrap {
  position: relative;
  overflow: hidden;
  height: 100%;
  border-radius: 10px;
  background: rgba(0, 0, 0, .05);
}

.item__image-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: .3s;
  transition: .3s;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(rgba(20, 20, 31, .8)), to(rgba(20, 20, 31, .8))) no-repeat 0 0/100% 200%;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(20, 20, 31, .8), rgba(20, 20, 31, .8)) no-repeat 0 0/100% 200%;
}

.item:hover .item__image-wrap::before,
.item:focus .item__image-wrap::before {
  background-position: 0 100%;
}

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

  -o-object-fit: cover;
  object-fit: cover;
}

.item__inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 30px 25px;
}

.item__cat {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  padding: 5px 15px 6px;
  color: #34325D;
  border-radius: 13px;
  background: #C4E83B;
  font-size: 12px;
  font-weight: 300;
}

.item__cat:hover,
.item__cat:focus {
  color: #FFF;
  background: #728DCF;
}

.item__bottom {
  margin-top: auto;
}

.item__title {
  display: block;
  margin: 0 0 -6px;
  color: #FFF;
  font-size: 17px;
  line-height: 25px;
}

.item__buttons {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0;
}

.item:hover .item__buttons,
.item:focus .item__buttons,
.category-top .item-mid:hover .item__buttons {
  max-height: 110px;
  margin-top: 30px;
  opacity: 1;
}

.item__more,
.item__play {
  display: block;
  padding: 13px 20px 14px;
  text-align: center;
  color: #34325D;
  border-radius: 10px;
  background: #FAD200;
  font-size: 15px;
}

.item__more:hover,
.item__more:focus,
.item__play:hover,
.item__play:focus {
  color: #FFF;
  background: #728DCF;
}

.item__play {
  margin: 20px 0 0;
  color: #FFF;
  background: #D4002D;
}

.item-mid {
  position: relative;
  overflow: hidden;
  width: calc(25% - 37px);
  height: 410px;
  margin: 0 37px 40px 0;
}

.item-mid__image-wrap {
  position: relative;
  overflow: hidden;
  height: 100%;
  border-radius: 10px;
  background: rgba(0, 0, 0, .05);
}

.item-mid__image-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: .3s;
  transition: .3s;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(rgba(20, 20, 31, .8)), to(rgba(20, 20, 31, .8))) no-repeat 0 0/100% 200%;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(20, 20, 31, .8), rgba(20, 20, 31, .8)) no-repeat 0 0/100% 200%;
}

.item-mid:hover .item-mid__image-wrap::before,
.item-mid:focus .item-mid__image-wrap::before {
  background-position: 0 100%;
}

.item-mid__image {
  display: block;
  width: 100%;
  height: 100%;

  -o-object-fit: cover;
  object-fit: cover;
}

.item-mid__inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding: 40px 30px;
}

.item-mid__advices,
.item-mid__recommend {
  position: absolute;
  top: 25px;
  left: -50px;
  width: 200px;
  height: 40px;
  margin: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  text-align: center;
  background: #FAD200;
  font-size: 15px;
  line-height: 38px;
}

.item-mid__selection,
.item-mid__best {
  position: absolute;
  top: 25px;
  left: -50px;
  width: 200px;
  height: 40px;
  margin: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  text-align: center;
  color: #FFF;
  background: #D4002D;
  font-size: 15px;
  line-height: 38px;
}

.item-mid__title {
  display: block;
  margin: 0 0 -8px;
  color: #FFF;
  font-size: 18px;
  line-height: 30px;
}

.item-mid__title[href]:hover,
.item-mid__title[href]:focus {
  color: #FAD200;
}

.item-mid__title[href]::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.item-big {
  position: relative;
  width: calc(50% - 37px);
  height: 410px;
  margin: 0 37px 40px 0;
}

.sidebar .item-big {
  width: 100%;
  margin: 0;
}

.item-big__image-wrap {
  position: relative;
  overflow: hidden;
  height: 100%;
  border-radius: 10px;
  background: rgba(0, 0, 0, .05);
}

.item-big__image-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: .3s;
  transition: .3s;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(rgba(20, 20, 31, .8)), to(rgba(20, 20, 31, .8))) no-repeat 0 0/100% 200%;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(20, 20, 31, .8), rgba(20, 20, 31, .8)) no-repeat 0 0/100% 200%;
}

.item-big:hover .item-big__image-wrap::before,
.item-big:focus .item-big__image-wrap::before {
  background-position: 0 100%;
}

.item-big__image {
  display: block;
  width: 100%;
  height: 100%;

  -o-object-fit: cover;
  object-fit: cover;
}

.item-big__inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding: 40px 50px;
}

.sidebar .item-big__inner {
  padding: 40px;
}

.item-big__cup {
  width: 64px;
  height: 48px;
  margin: 0 0 19px;
  background: url("/images/cup.png");
}

.item-big__title {
  display: block;
  margin: 0 0 -11px;
  color: #FFF;
  font-size: 26px;
  line-height: 40px;
}

.item-big__title:hover,
.item-big__title:focus {
  color: #FAD200;
}

.item-big__desc {
  margin: 23px 0 -6px;
  color: rgba(255, 255, 255, .5);
  font-size: 17px;
  font-weight: 300;
  line-height: 25px;
}

.more {
  margin: 50px 0 0;
}

.more__button {
  display: table;
  margin: 0 auto;
  padding: 11px 34px 12px;
  -webkit-transition: .2s;
  transition: .2s;
  color: #FFF;
  border: none;
  border-radius: 10px;
  background: #34325D;
  font: inherit;
  font-size: 15px;
}

.more__button:not(.loading) {
  cursor: pointer;
}

.more__button:not(.loading):hover,
.more__button:not(.loading):focus {
  background: #D4002D;
}

.more__button:focus {
  outline: none;
}

.best {
  position: relative;
  margin: -51px 0 70px;
  padding: 70px 0;
}

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

.best::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  margin: 0 calc(50% - 50vw);
  background: #FFF;
}

.best__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -37px 0 0;
  padding: 15px 0 0;
}

.best__items.swiper-container-initialized {
  margin-right: 0;
}

.best__items .item-top {
  width: calc(20% - 37px);
  margin: 0 37px 0 0;
}

.best__items:not(.swiper-container-initialized) .item-top:nth-child(n + 6) {
  display: none;
}

.slider .item-top {
  width: calc(20% - 37px);
}

.slider__arrows {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  margin: 43px 0 0;
}

.slider__pagination {
  width: 123px;
  text-align: center;
  color: #728DCF;
}

.slider__arrow {
  width: 82px;
  height: 27px;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='82' height='27'%3E%3Cpath fill='%23728DCF' d='M82 14H2.604l10.763 11.661-.734.678L1.462 14.237l-.095.102-.734-.678.148-.161-.148-.161.734-.678.095.102L12.633.661l.734.678L2.604 13H82v1z'/%3E%3C/svg%3E");
}

.slider__arrow--prev {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  order: -1;
}

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

.slider__arrow:hover,
.slider__arrow:focus {
  outline: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='82' height='27'%3E%3Cpath fill='%23D4002D' d='M82 14H2.604l10.763 11.661-.734.678L1.462 14.237l-.095.102-.734-.678.148-.161-.148-.161.734-.678.095.102L12.633.661l.734.678L2.604 13H82v1z'/%3E%3C/svg%3E");
}

.filter {
  margin: 0 0 70px;
}

.filter__form {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 30px 10px;
  color: #FFF;
  border-radius: 20px;
  background: #34325D;
  box-shadow: 0 6px 24px rgba(113, 109, 204, .57);
}

.filter__item {
  width: 250px;
  margin: 0 10px 20px;
}

.filter__label {
  display: block;
  margin: -3px 0 13px;
  color: rgba(255, 255, 255, .7);
  font-size: 13px;
  font-weight: 300;
}

.filter__select {
  width: 100%;
}

.filter__button {
  margin: 0 10px 20px;
  padding: 13px 37px 14px;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
  color: #352829;
  border: none;
  border-radius: 10px;
  background: #C4E83B;
  font: inherit;
  font-size: 15px;
}

.filter__button:hover,
.filter__button:focus {
  color: #FFF;
  outline: none;
  background: #728DCF;
}

.filter__info {
  -webkit-box-flex: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin: 0 10px 20px;
  font-size: 12px;
  font-weight: 300;
  line-height: 25px;
}

.filter__total {
  padding: 3px 5px 4px;
  color: #34325D;
  border-radius: 10px;
  background: #FAD200;
}

.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -37px 60px 0;
  padding: 0 0 20px;
  border-bottom: 1px solid #E5E6E6;
}

.actual {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -50px 40px 0;
}

.actual__section {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  width: calc(50% - 50px);
  margin: 0 50px 60px 0;
}

.actual__section--items {
  overflow: hidden;
}

.actual__big-item-cat {
  display: table;
  margin: -5px 0 24px;
  font-size: 18px;
  font-weight: 300;
}

.actual__big-item-cat:hover,
.actual__big-item-cat:focus {
  color: #34325D;
}

.actual__big-item-title {
  display: table;
  margin: 0 0 23px;
  color: #34325D;
  font-size: 42px;
  font-weight: 300;
}

.actual__big-item-title:hover,
.actual__big-item-title:focus {
  color: #728DCF;
}

.actual__big-item-text {
  margin: 0 0 33px;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
}

.actual__big-item-button {
  display: table;
  padding: 13px 30px 14px;
  text-transform: uppercase;
  color: #728DCF;
  border-radius: 10px;
  background: #FFF;
  font-size: 12px;
}

.actual__big-item-button:hover,
.actual__big-item-button:focus {
  color: #FFF;
  background: #728DCF;
}

.actual__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -41px -31px;
}

.actual__item {
  width: 50%;
  margin: 0 -1px -1px 0;
  padding: 40px 30px;
  border: 1px solid #E9EBEB;
}

.actual__item-cat {
  display: table;
  margin: -5px 0 16px;
  font-size: 18px;
  font-weight: 300;
}

.actual__item-cat:hover,
.actual__item-cat:focus {
  color: #34325D;
}

.actual__item-title {
  display: table;
  color: #34325D;
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
}

.actual__item-title:hover,
.actual__item-title:focus {
  color: #728DCF;
}

.actual__item-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 16px -30px -10px 0;
  font-size: 12px;
}

.actual__item-views {
  position: relative;
  margin: 0 30px 10px 0;
  padding: 0 0 0 25px;
  color: rgba(54, 58, 82, .7);
}

.actual__item-views::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 14px;
  height: 9px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAMAAAA1k+1bAAAAP1BMVEU2OlIAAAA2OlI2OlI2OlI2OlI2OlI2OlI2OlI2OlI2OlI2OlI2OlI2OlI2OlI2OlI2OlI2OlI2OlI2OlI2OlLOi1PmAAAAFXRSTlN/AG1gMx4KeWYsEAdXUz10SkcnJhchyETyAAAAWElEQVQI1xXNRw7EMAwEwWZU8mqT//9Wi7cugsAgInP31vqeJw+HghnoKPqJyAwFF/7ACNX4VdDhPS94ZQPlAy0c/Aa+pMGVEas+FjKPzd1KNZS7Q52WyAOQ7wIrmtXl9QAAAABJRU5ErkJggg==");
}

.recent {
  margin: 0 0 80px;
}

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

.post__heading {
  margin: -22px 0 33px;
  font-size: 2.625rem;
  font-weight: normal;
}

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

.post--homepage .post__entry,
.post--cat-desc .post__entry {
  margin-bottom: -7px;
}

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

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

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

.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: 37.5px 0 25px;
  font-weight: normal;
  line-height: 1.33;
}

.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 h2 {
  font-size: 2rem;
}

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

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

.post__entry h5 {
  font-size: 24px;
}

.post__entry h6 {
  font-size: 22px;
}

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

.post__entry li p {
  margin: 0;
}

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

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

.post__entry ul {
  margin: 0 0 25px;
  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: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='12'%3E%3Cpath fill='%23728DCF' d='M-.004 11.998L5.952 6-.004.002h5.052L11.004 6l-5.956 5.998H-.004z'/%3E%3C/svg%3E");
}

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

.post__entry ol[start="2"] {
  counter-reset: li 1;
}

.post__entry ol[start="3"] {
  counter-reset: li 2;
}

.post__entry ol[start="4"] {
  counter-reset: li 3;
}

.post__entry ol[start="5"] {
  counter-reset: li 4;
}

.post__entry ol[start="6"] {
  counter-reset: li 5;
}

.post__entry ol[start="7"] {
  counter-reset: li 6;
}

.post__entry ol[start="8"] {
  counter-reset: li 7;
}

.post__entry ol[start="9"] {
  counter-reset: li 8;
}

.post__entry ol[start="10"] {
  counter-reset: li 9;
}

.post__entry ol > li {
  position: relative;
}

.post__entry ol > li::before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: 1px;
  left: -35px;
  width: 23px;
  height: 23px;
  text-align: center;
  letter-spacing: -.5px;
  border-radius: 50%;
  background: #FAD200;
  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;
  margin-bottom: 20px;
}

.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: #DDE5EC;
}

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

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

.post__figure-caption {
  margin: 0;
  padding: 13px 10px 16px;
  text-align: center;
  color: rgba(52, 50, 93, .7);
  line-height: 1.3;
}

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

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

.post blockquote {
  position: relative;
  margin: 61px 0;
  padding: 40px 0 44px;
  border: solid #728DCF;
  border-width: 3px 0;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 1.43;
}

.post blockquote::before {
  content: "";
  position: absolute;
  top: -18px;
  left: calc(50% - 53px);
  width: 106px;
  height: 32px;
  background: #F3F7F8 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAgCAMAAAC4saEMAAAAM1BMVEUAAAByjc9yjc9yjc9yjc9yjc9yjc9yjc9yjc9yjc9yjc9yjc9yjc9yjc9yjc9yjc9yjc9bIg4LAAAAEHRSTlMAwBCA8DDgYJBQQCDQsKBwhC92yQAAAQNJREFUOMttlNEWhCAIRIFMM8vl/792XcsziziPc24CI0ZdkramVMiodDcLHKn6ik+4Ow+3lmEFhbYBJoVCAggdD5jVqKOsVr0BCdYMpR2pk+KP/MxuJdp0VvaFmgSe6TQ6Ny3Iq5HqVEFCjQzOZDqWJC/ItCQPTyI5Q+6eREyGpHtBUl1FL5cj0RS8jjIcrM5+sN8ROuulUBqu8+bbf3bUNoAdv03zXRLh3Xgdrk2bFB4I+0LZTo7P3UsI9kg/TpDe46aLiMRc0qdnGc1uCsq4If/JsI+xw+Lz04IYB6DL9xqgKcXiAr6bBeUpclSKGQZy57cM7jImmlXwQ4POTAtle94X0oAyfrrt6WQAAAAASUVORK5CYII=") no-repeat 50% 0;
}

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

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

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

.post__entry th,
.post__entry td {
  padding: 11px 20px 12px;
  vertical-align: middle;
  border: 1px solid #DDE5EC;
}

.game {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 40px 0 70px;
  padding: 40px 20px 0;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 0 29px rgba(101, 121, 165, .2);
}

.game__slider {
  position: relative;
  overflow: hidden;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  width: 450px;
  margin: 0 20px 40px;
  border-radius: 10px;
}

.game__image {
  display: block;
}

.game__slider-arrow {
  position: absolute;
  z-index: 1;
  top: calc(50% - 25px);
  width: 26px;
  height: 50px;
  cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='40'%3E%3Cpath fill='%23FFF' d='M15.286 38.228l-2.572 1.544L1.142 20.485l-.428-.257L.851 20l-.137-.228.428-.257L12.714.228l2.572 1.544L4.349 20l10.937 18.228z'/%3E%3C/svg%3E") no-repeat 50%;
}

.game__slider-arrow--prev {
  left: 20px;
}

.game__slider-arrow--next {
  right: 20px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.game__slider-arrow:hover,
.game__slider-arrow:focus {
  outline: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='40'%3E%3Cpath fill='%23FAD200' d='M15.286 38.228l-2.572 1.544L1.142 20.485l-.428-.257L.851 20l-.137-.228.428-.257L12.714.228l2.572 1.544L4.349 20l10.937 18.228z'/%3E%3C/svg%3E");
}

.game__mid {
  -webkit-box-flex: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin: 0 20px 40px;
}

.game__best {
  position: relative;
  margin: 5px 0 50px;
  padding: 0 0 0 63px;
  font-size: 16px;
}

.game__best::before {
  content: "";
  position: absolute;
  top: calc(50% - 15px);
  left: 0;
  width: 43px;
  height: 32px;
  background: url("/images/cup.png") no-repeat 0/contain;
}

.game__best-link {
  text-decoration: underline;
}

.game__best-link:hover,
.game__best-link:focus {
  text-decoration: none;
}

.game__data {
  font-size: 16px;
}

.game__data-list {
  margin: auto;
  border-spacing: 0;
}

.game__data-label {
  min-width: 195px;
  padding: 9px 30px 12px;
  text-align: left;
  color: rgba(52, 50, 93, .7);
  border-radius: 10px 0 0 10px;
  font-weight: normal;
}

.game__data-item:nth-child(odd) .game__data-label {
  background: #F3F7F8;
}

.game__data-value {
  padding: 9px 30px 12px 0;
  border-radius: 0 10px 10px 0;
}

.game__data-item:nth-child(odd) .game__data-value {
  background: #F3F7F8;
}

.game__play {
  width: 100%;
  text-align: center;
  display: table;
  padding: 17px 60px 21px;
  color: #FFF;
  border-radius: 10px;
  background: #D4002D;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none !important;
  margin-top: 20px;
}

.game__play:hover,
.game__play:focus {
  background: #728DCF;
}

.game__rating {
  display: grid;
  width: 300px;
  margin: 0 20px 40px;
  padding: 40px 30px;
  border-radius: 10px;
  background: #F3F7F8;
}

.game__rating-text {
  /*margin: -3px 0 17px;*/
  margin: auto;
  text-align: center;
  color: rgba(52, 50, 93, .7);
  font-size: 12px;
  font-weight: 300;
}

.game__rating-value {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  /*margin: 0 auto 26px;*/
  margin: auto;
  border-radius: 10px;
  background: #FAD200;
  font-size: 46px;
}

.game__vote-text {
  margin: 0 0 16px;
  text-align: center;
  font-size: 16px;
}

.game__vote-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 50px;
}

.game__vote-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 15px;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
  color: #34325D;
  border: none;
  background: #FFF;
  font: inherit;
}

.game__vote-item.progolosoval{
	cursor:default
}

.game__vote-item:not(.progolosoval):hover,
.game__vote-item:not(.progolosoval):focus {
  outline: none;
  background: #DDE5EC;
}

.game__vote-item::before {
  content: "";
  width: 24px;
  height: 24px;
  margin: 0 16px 0 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAZlBMVEUAAAByjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc5yjc7vE7NyAAAAIXRSTlMAI3YUNfjTDQfMuH1uA/bf7unlm45T27Kok4M/LBbCZFwrcjP4AAAAzUlEQVQoz22Q2XKDMAxFRep9ZQkkQEly//8ni91Ox4x9XqTx8bU8ogJp+LIpqrmjB0xDjFweAqw679JtB1cJB0s0Y6sCAzoiWyWkSAES+KYL/oHnWRjCNK1vVX5VyFwy4jj73WitBYYuD2Ine077HomlfFqNwdMXEtZTSYT6EzcqmaGpKVa4tnjj1hYPzE2hOFdN4fuesljjVXxgsohkr+KFPW0V0AFi+sh/sSD3d/wSjOt8Gm2hKXN0J/M0AuBjjByB0QW2vQYODM+8zx8wGRPAR4moGAAAAABJRU5ErkJggg==");
}

.game__vote-item--like {
  border-radius: 10px 0 0 10px;
}

.game__vote-item--dislike {
  margin-left: 1px;
  border-radius: 0 10px 10px 0;
}

.game__vote-item--dislike::before {
  margin-top: 1px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAh1BMVEUAAAD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twD6twChhQd2AAAALHRSTlMAFHb80yK3fQP24DMG+O3nzZuOb+ncvpODWjgsJg4JyLCobGRRPgvXqVJCED7D3yYAAADaSURBVCjPbZDXcsMgFESvAkLFqPdi2XFL2///vgCxhsjivMDuucwAZDn0bc2A7HN6Fp6v+CoyACxu4gTRaPoSf0TiMocqywAn3S8MeQReDEda+YDee4gpwBv9o8XdCHTxVgwQRii2IkxTt1gSJp2Czri5xVVlp+hQucUNp1UE4cbETKq7GdNMZJFZpAbvIs9zjtrXlX9QfJ/xTisl+MP+KPfsa4WZGhEVRXeVZDlyBGrhmOgFv2YzUYALvVLpIwP6nZjRalvRjiz58TjGvSiRMgja8xBJ0y/P8AslGhj9Tiq/MwAAAABJRU5ErkJggg==");
}

.game__vote-counter {
  font-size: 16px;
  font-weight: 500;
}

.tabs__captions {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -5px -56px 43px 0;
  padding: 0;
  list-style: none;
  font-size: 20px;
}

.tabs__captions::after {
  content: "";
  width: calc(100% - 56px);
  height: 3px;
  background: #DDE5EC;
}

.tabs__caption {
  margin: 0 56px 0 0;
  padding: 0 0 35px;
}

.tabs__link {
  position: relative;
  display: block;
  color: #34325D;
}

.tabs__link:hover,
.tabs__link:focus {
  color: #728DCF;
  outline: none;
}

.tabs__link[aria-selected]::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -39px;
  left: 0;
  height: 5px;
  pointer-events: none;
  background: #728DCF;
}

.tabs__content {
  outline: none;
}

.gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 35px -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-share {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: 43px 0 0;
}

.post-share .ya-share2__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -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-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 46px;
  height: 36px;
  border-radius: 3px;
}

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

.related:last-child {
  margin-bottom: -83px;
}

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

.related::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: #FFF;
}

.comments {
  margin: 0 0 40px;
}

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

.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 20px;
}

.comment {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: 0 0 15px;
  padding: 20px;
  border-radius: 10px;
  background: #F7F7F7;
}

.comment__avatar {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: 0 20px 0 0;
}

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

.comment__meta {
  margin: 0 0 6px;
}

.comment__author {
  color: #728DCF;
}

.comment__text {
  margin-bottom: -4px;
  font-size: 16px;
}

.comment__text p {
  margin: 0;
}

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

.comment__reply {
  display: inline-block;
  height: 15px;
  margin: 1px 0 0 8px;
  padding: 0 10px;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
  vertical-align: top;
  color: #FFF;
  border: none;
  border-radius: 8px;
  background: #728DCF;
  font: inherit;
  font-size: 9px;
}

.comment__reply:hover,
.comment__reply:focus {
  outline: none;
  background: #879ED6;
}

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

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

.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 a:hover,
.form a:focus {
  text-decoration: underline;
}

.form__logged-in {
  margin: -4px 0 27px;
}

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

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

.form__input {
  display: block;
  width: 100%;
  margin: 0 0 10px;
  padding: 9px 18px 11px;
  -webkit-transition: .2s;
  transition: .2s;
  border: 1px solid rgba(198, 203, 212, .39);
  border-radius: 10px;
  font: inherit;
  line-height: 1.3;
}

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

.form__input::-moz-placeholder {
  opacity: 1;
  color: rgba(52, 50, 93, .5);
}

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

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

.form__input::placeholder {
  opacity: 1;
  color: rgba(52, 50, 93, .5);
}

.form__input:focus {
  border-color: rgba(198, 203, 212, .7);
  outline: none;
}

.form__button {
  margin: 10px 0 0;
  padding: 14px 40px 16px;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
  color: #FFF;
  border: none;
  border-radius: 10px;
  background: #728DCF;
  font: inherit;
}

.form__button:hover,
.form__button:focus {
  outline: none;
  background: #879ED6;
}

.sidebar {
  width: 380px;
  padding: 54px 0 0;
}

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

.sidebar__section {
  margin-bottom: 50px;
}

.footer {
  position: relative;
  margin: 80px 0 0;
  padding: 3px 0 0;
}

.footer::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  border-radius: 2px;
  background: #728DCF;
}

.footer__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 -15px -30px;
  padding: 40px 0;
}

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

.footer__copyright {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 480px;
  max-width: 100%;
}

.footer__logo {
  position: relative;
  margin: 0 50px 0 0;
  padding: 0 0 0 66px;
  text-transform: uppercase;
  color: #53648B;
  font-size: 18px;
}

.footer__logo::before {
  content: "";
  position: absolute;
  top: calc(50% - 20px);
  left: 0;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: url("../images/logo.png") no-repeat 0/contain;
}

.footer__logo-accent {
  color: #34325D;
  font-weight: bold;
}

.footer__logo-domain {
  display: inline-block;
  margin: 0 0 0 4px;
  padding: 4px 6px;
  vertical-align: 3px;
  color: #34325D;
  border-radius: 10px;
  background: #FAD200;
  font-size: 9px;
  font-weight: 500;
}

.footer__copyright-text {
  margin: 0;
  color: rgba(52, 50, 93, .7);
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
}

.footer__bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 -15px -30px;
  padding: 26px 0;
  border-top: 1px solid #E5E6E6;
}

.footer__right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  min-width: 345px;
  margin-bottom: 10px;
}

.footer__counters {
  margin: 0 30px 20px 0;
}

.footer__counters img {
  vertical-align: middle;
}

.footer__design {
  height: 24px;
  margin: 0 0 20px;
  padding: 0 87px 0 0;
  color: rgba(62, 51, 66, .5);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAAYCAMAAABqSJu/AAAAxlBMVEUAAAA+M0I+M0I+M0I+M0I+M0I+M0I+M0I+M0I+M0JHQ1s+M0I+M0I+M0I+M0I+M0I+M0I+M0I+M0I+M0I+M0I+M0I+M0I+M0I+M0I+M0I+M0I+M0I+M0I+M0I+M0I+M0I+M0I+M0I+M0Jyjc9yjc9yjc8+M0I+M0Jyjc9yjc9yjc9yjc9yjc9yjc9yjc8+M0Jyjc9yjc9yjc9yjc9yjc8+M0Jyjc9yjc9yjc8+M0Jyjc9yjc9yjc9yjc9yjc9yjc9yjc9yjc/+jzG+AAAAQXRSTlMAgxCkkXFdDIsIBJ1QFmKZlY6He3ZsaX8iGkovH6mgV0I5FJ8i+Com8OHLWjnZuLCpe3NnG7aELCW+kI5tTUkpEohSiPQAAAILSURBVDjLrZXpjtowFIWv1zh29j0hJIShwAxtmTIz3be8/0vVTgCBVLXSkPMntmN9uvfo2Ibb9Onh8fsKJtHbvu/f3H2eCGVguwlQq4ftAPswTotFVXX1a2HPT+8Ma6jLoQ0hLwm8WvLOsJ4BZoomnKcLuEGG9QjgqRgfV6ylNQ7w0ob/yMb4Yo/pcQWsccap60VUpIWukwmKOIZN7kmwshhj1AJID5V2wlzYoEyuQ0HD3JEn1M/B+ViNvcmExDxtkHQDxXg0z2A2R3pdkKW7TwAcQgqr8W3gXzLYZE7VRvMOTrrv+/cQ+yNq40cYJFK4I0xXRkO7DuK6LHKKXZVBoRCtrRCVa0pLY4aNM+JcunV/rqoL4pQlKrQd0uqdyHdLgXw/QEKjWknTVtVWhIIGGQ9QoP/Q6oz6qHMKKWmPqDxlzCuAj6jALWnuVA4Kseu3XNkVqS2BKk9wGxLCu7XXXKG22oO8NJO1L4ph1Tk36Juw5QF2Q6RmwIluMAJI9guIyRogbarrBt2ICMZyZqfziHPGZHlhuwQr1LarOQfIXoztJXT7CPg88ZAgzrXtUOtFITLAHqJUePIvYYhTW1cbmTAsAbN8idOQLgp0zvXudAwtE7fxK48Rtf59VADcqxB/GyI6iXamvwkkfwNMUZS5ZLZff/SHya6+w2QX8tNkz8SvYXz743U4vTd/AHLNOAY4pzM4AAAAAElFTkSuQmCC") no-repeat 100% 0;
  font-size: 9px;
  line-height: 24px;
}

.footer__design:first-child {
  margin-left: auto;
}

.footer-nav {
  -webkit-box-flex: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-size: 12px;
  font-weight: 300;
}

.footer-nav__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

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

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

.footer-nav__item--active .footer-nav__link {
  color: #34325D;
}

.mistape {
  padding: 0 0 0 52px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAASCAMAAAB/2U7WAAAAkFBMVEUAAADUAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3UAC3kAp0FAAAAL3RSTlMA5zD7pWwpEu3iwpNzWiDYmQ0DxkM+OTQG8dC9roqGeMp6Y2BVUEolGN7TfGdJHKpfuogAAAEjSURBVCjPdY/ZjoMwFEMdIGHfW0pZSve9vf//d+NQaTSqNOfBMTjOTfDLQsTgP1YiPr4pdVw8jA3X77SYriCXXTEuuBqZOdumonFXwEEsHo1LGegYRm1ZSw5fJLFXsF0sdS4DHJGMnpNTCQE4lwp+z6MC8Ri6JadxyyQ1PkQylNjNoThzs0wlYKAnA1c2yD5NyR3TscWZcXYUSaGFhKLQMKRdc3AqltheJy6W2Gv4+oVDkbQg1yTeNFwrfNH+8XFCyRWlkR31vp7tkzog5ccpvHNL57kG57CbgG10q3B22TqiWzghGoUxQn0yCo5CtEfEwrPPAkBl3ogqOIYVQlOMSLfvoAT/86XQonzgYe1egitwc2OQU11RI03x+5baJ5TXtsUPKNIed+pXv2QAAAAASUVORK5CYII=") no-repeat 0 1px;
  font-weight: 300;
}

.mistape p {
  margin: 0;
}

.mistape b {
  color: #728DCF;
  font-weight: 500;
}

/* mobile menu */

.mmenu-active {
  overflow: hidden;
}

.mmenu-active body {
  overflow: hidden;
}

.wrapper {
  -webkit-transition: -webkit-transform .35s ease-out;
  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 {
  -webkit-transition: -webkit-transform .35s ease-in;
  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;
  -webkit-transition: opacity .35s ease-in;
  transition: opacity .35s ease-in;
  opacity: .5;
}

.mmenu {
  position: fixed;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 0;
  width: 320px;
  -webkit-transition: -webkit-transform .35s ease-out;
  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;
  -webkit-transition: -webkit-transform .35s ease-in;
  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: #34325D;
}

.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;
  -webkit-transition: -webkit-transform .4s ease;
  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: #34325D;
}

.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: #34325D;
}

.mmenu__topmenu {
  -webkit-transition: -webkit-transform .4s ease;
  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;
  -webkit-transition: -webkit-transform .4s ease;
  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: #728DCF;
}

.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: #98ACDC;
}

/* end mobile menu */

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

  .rating-link--header {
    display: none;
  }

  .category-top {
    margin-right: -30px;
  }

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

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

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

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

  .item-big__inner {
    padding: 40px 30px;
  }

  .sidebar .item-big__inner {
    padding: 40px 30px;
  }

  .sidebar .item-big__desc {
    display: none;
  }

  .slider .item-top {
    width: calc(33.33% - 37px);
  }

  .filter__item {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }

  .filter__info {
    -webkit-align-self: center;
    align-self: center;
  }

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

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

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

  .actual__big-item-title {
    font-size: 2rem;
  }

  .game__slider {
    margin-right: 245px;
    margin-left: 245px;
  }

  .tabs__captions {
    margin-right: -50px;
    margin-bottom: 20px;
  }

  .tabs__captions::after {
    display: none;
  }

  .tabs__caption {
    margin: 0 50px 30px 0;
    padding-bottom: 0;
  }

  .tabs__link[aria-selected]::after {
    margin-bottom: 25px;
  }

  .sidebar {
    width: 31%;
  }

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

  .footer-nav {
    -webkit-flex-basis: 290px;
    flex-basis: 290px;
  }
}

@media (max-width: 1359px) and (max-width: 1023px) {
  .actual__big-item-title {
    font-size: calc(1.325rem + 1.05572vw);
  }
}

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

  .middle {
    display: block;
  }

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

  .header__inner {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .header__logo {
    margin-bottom: 37px;
  }

  .header__nav {
    display: none;
  }

  .header__nav-toggle {
    display: block;
  }

  .search {
    margin-left: auto;
  }

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

  .item-big__desc {
    display: none;
  }

  .slider .item-top {
    width: calc(50% - 37px);
  }

  .filter__item {
    max-width: calc(50% - 20px);
  }

  .filter__info {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    text-align: center;
  }

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

  .post__heading {
    font-size: calc(1.3875rem + 1.93548vw);
  }

  .post__entry h2 {
    font-size: calc(1.325rem + 1.05572vw);
  }

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

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

  .post blockquote {
    font-size: calc(1.3rem + .70381vw);
  }

  .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;
  }

  .game {
    margin-right: -20px;
    margin-left: -20px;
  }

  .game__slider {
    margin-right: auto;
    margin-left: auto;
  }

  .sidebar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: auto;
    margin: 50px -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__bottom {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }

  .mistape {
    display: none;
  }
}

@media (max-width: 767px) {
  .header__inner {
    padding: 30px 0;
  }

  .header__logo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    max-width: 250px;
    margin-bottom: 25px;
    padding: 65px 0 0;
    text-align: center;
  }

  .header__logo::before {
    top: 0;
    left: calc(50% - 34px);
  }

  .header__logo-title {
    margin: 0 0 10px;
  }

  .header__nav-toggle {
    bottom: 31px;
  }

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

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

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

  .slider .item-top {
    width: calc(100% - 37px);
  }

  .filter__item {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .filter__button {
    margin-right: auto;
    margin-left: auto;
  }

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

  .game {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .game__mid {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
  }

  .game__play {
    margin-right: auto;
    margin-left: auto;
  }

  .game__download {
    margin-right: auto;
    margin-left: auto;
  }

  .gallery-item {
    width: 50%;
  }

  .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: 50px;
  }
}

@media (max-width: 479px) {
  .search {
    width: calc(100% - 100px);
  }

  .filter__form {
    padding-right: 20px;
    padding-left: 20px;
  }

  .actual__item {
    width: 100%;
  }

  .game__mid {
    max-width: 100%;
  }

  .game__data-label {
    min-width: 0;
  }

  .game__rating {
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-right: 20px;
    padding-left: 20px;
  }

  .footer__copyright {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }

  .footer__logo {
    margin: 0 0 15px;
  }

  .footer__right {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    min-width: 0;
  }

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

  .footer__design:first-child {
    margin-left: 15px;
  }

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


.comment.parent{display:table !important;margin-bottom:0 !important}
.comment.parent ul.children{margin-top:20px !important}

.post #toc_container {
  position: relative;
  min-width: 100% !important;
  margin: 44px 0;
  padding: 17px 40px;
  border-radius: 10px;
  background: #FFF;
}

.post #toc_container .toc_title {
  margin: 0 100px 5px 0;
  font-size: 24px;
  font-weight: 600;
}

.post #toc_container .toc_toggle {
  position: absolute;
  top: 27px;
  right: 30px;
  font-size: 0;
}

.post #toc_container .toc_toggle a {
  display: block;
  padding: 0 15px 3px;
  text-decoration: none;
  text-transform: none;
  color: #3E3342;
  border-radius: 5px;
  background: #FFCF21;
  font-size: 12px;
  font-weight: 300;
}

.post #toc_container .toc_toggle a:hover,
.post #toc_container .toc_toggle a:focus {
  color: #FFF;
  background: #728dce;
}

.post #toc_container ul {
  margin: 0 0 -5px;
  padding: 0;
  font-size: 15px;
}

.post #toc_container ul ul {
  margin: 14px 0 -14px -32px;
  padding: 0 0 0 32px;
  border-top: 1px solid #EDF0F1;
}

.post #toc_container li {
  margin: 0;
  padding: 12px 0 14px 32px;
}

.post #toc_container li:not(:last-child) {
  border-bottom: 1px solid #EDF0F1;
}

.post #toc_container li::before {
  top: 16px;
  left: 0;
}

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

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


@media (max-width: 767px) {
 /* .header__inner {
    width: calc(100% - 70px);
  }

  .search {
    width: 100%;
  }

  .item {
    width: calc(50% - 20px);
  }
*/
  .item__more {
    margin-right: 20px;
    margin-left: 20px;
  }

  .item-bg {
    height: auto;
    min-height: 330px;
  }

  .item-bg__inner {
    padding: 30px 20px;
  }

/*  .item-mid {
    width: calc(50% - 20px);
    margin-right: 20px;
  }
*/
  .categories--homepage .categories__item {
    width: calc(33.33% - 20px);
  }

  .categories--homepage .categories__item:nth-child(n + 6) {
    display: block;
  }

  .categories__more--visible {
    display: none;
  }

  .popular__list-item {
    width: 100%;
  }

  .popular__list-link {
    padding: 0;
  }

  .popular__list-link:hover,
  .popular__list-link:focus {
    box-shadow: none;
  }

  .popular .item:nth-child(3):last-child {
    display: none;
  }

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

  .discuss__title {
    width: calc(100% - 130px);
  }

  .discuss__comments {
    width: auto;
    margin: 15px 0 -10px;
    padding: 5px 0 10px 44px;
    border: none;
    background-position: 0 50%;
  }

  .calendar {
    max-width: 450px;
    padding-right: 45px;
    padding-left: 45px;
  }

  .varieties__items {
    margin-right: -20px;
  }

  .recent__arrows {
    margin: 10px auto;
  }

  .subscribe {
    width: 100%;
    max-width: 380px;
  }

  .post #toc_container {
    padding-right: 30px;
    padding-left: 30px;
  }

  .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);
    margin-right: 15px;
    margin-left: 15px;
  }

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

  .footer-nav {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
  }

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

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


@media (max-width: 767px) {
  .post #toc_container {
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media (max-width: 479px) {
  .post #toc_container {
    margin-right: -30px;
    margin-left: -30px;
  }

}


/*----*/
.pagination {
  display: flex;
  flex-wrap: wrap;
  margin: 50px -10px -10px 0;
  text-align: center;
  font-family: Ubuntu, Arial, sans-serif;
  justify-content: center;
}

.pagination__link, .pagination__active {
  width: 30px;
  height: 30px;
  margin: 0 10px 10px 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: #616A91;
  border-radius: 5px;
  background: #F6F8F9;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.pagination__dots {
  height: 30px;
  margin: 0 10px 10px 0;
  padding: 16px 4px 0;
  color: rgba(59, 62, 94, 0.5);
}

.pagination__active {
  color: #fff;
  background: #34325D;
}

.pagination__link:hover, .pagination__link:focus {
  color: #fff;
  background: #34325D;
}

.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: 13px;
  width: 8px;
  height: 8px;
  margin: auto;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border: solid #3b3e5e;
  border-width: 1px 0 0 1px;
}

.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);
}

.game__download {
	width: 100%;
  text-align: center;
  display: table;
  padding: 17px 60px 21px;
  color: #000;
  border-radius: 10px;
  background: #C4E83B;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none !important;
  margin-top: 20px;
}

.game__download:hover,
.game__download:focus {
  background: #728DCF;
}

/*----*/