@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&subset=cyrillic);
@font-face {
  font-family: 'Ubuntu';
  src: url("../fonts/ubuntu/ubuntu-bold-webfont.eot");
  src: url("../fonts/ubuntu/ubuntu-bold-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/ubuntu/ubuntu-bold-webfont.woff2") format('woff2'), url("../fonts/ubuntu/ubuntu-bold-webfont.woff") format('woff'), url("../fonts/ubuntu/ubuntu-bold-webfont.ttf") format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Ubuntu';
  src: url("../fonts/ubuntu/ubuntu-light-webfont.eot");
  src: url("../fonts/ubuntu/ubuntu-light-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/ubuntu/ubuntu-light-webfont.woff2") format('woff2'), url("../fonts/ubuntu/ubuntu-light-webfont.woff") format('woff'), url("../fonts/ubuntu/ubuntu-light-webfont.ttf") format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Ubuntu';
  src: url("../fonts/ubuntu/ubuntu-medium-webfont.eot");
  src: url("../fonts/ubuntu/ubuntu-medium-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/ubuntu/ubuntu-medium-webfont.woff2") format('woff2'), url("../fonts/ubuntu/ubuntu-medium-webfont.woff") format('woff'), url("../fonts/ubuntu/ubuntu-medium-webfont.ttf") format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Ubuntu';
  src: url("../fonts/ubuntu/ubuntu-regular-webfont.eot");
  src: url("../fonts/ubuntu/ubuntu-regular-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/ubuntu/ubuntu-regular-webfont.woff2") format('woff2'), url("../fonts/ubuntu/ubuntu-regular-webfont.woff") format('woff'), url("../fonts/ubuntu/ubuntu-regular-webfont.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'marvinregular';
  src: url("../fonts/marvin/marvin-webfont.eot");
  src: url("../fonts/marvin/marvin-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/marvin/marvin-webfont.woff2") format('woff2'), url("../fonts/marvin/marvin-webfont.woff") format('woff'), url("../fonts/marvin/marvin-webfont.ttf") format('truetype'), url("../fonts/marvin/marvin-webfont.svg#marvinregular") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DS Eraser Cyr';
  src: url("../fonts/dserasercyr/DSEraserCyr.eot");
  src: url("../fonts/dserasercyr/DSEraserCyr.eot?#iefix") format('embedded-opentype'), url("../fonts/dserasercyr/DSEraserCyr.woff") format('woff'), url("../fonts/dserasercyr/DSEraserCyr.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
.popup-transition-in {
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s linear 0.3s;
  -ms-transition: -ms-transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s linear 0.3s;
  -o-transition: -o-transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s linear 0.3s;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s linear 0.3s;
}
.popup-transition-out {
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s linear 0s;
  -ms-transition: -ms-transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s linear 0s;
  -o-transition: -o-transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s linear 0s;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s linear 0s;
}
.cubic-bezier {
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
* {
  margin: 0;
  padding: 0;
  outline: 0 none;
  border: none;
}
html,
body {
  border: 0 none;
}
html {
  height: 100%;
  -webkit-text-size-adjust: none;
}
body.prevent-scroll {
  overflow: hidden;
}
li {
  list-style: none outside none;
}
.clear {
  clear: both;
}
.show320 {
  display: block;
}
@media screen and (min-width: 640px) {
  .show320 {
    display: none;
  }
}
.show320.show-inline {
  display: inline-block;
}
@media screen and (min-width: 640px) {
  .show320.show-inline {
    display: none;
  }
}
.show640 {
  display: none;
}
@media screen and (min-width: 640px) {
  .show640 {
    display: block;
  }
}
@media screen and (min-width: 980px) {
  .show640 {
    display: none;
  }
}
.show640.show-inline {
  display: none;
}
@media screen and (min-width: 640px) {
  .show640.show-inline {
    display: inline-block;
  }
}
@media screen and (min-width: 980px) {
  .show640.show-inline {
    display: none;
  }
}
.show1000 {
  display: none;
}
@media screen and (min-width: 980px) {
  .show1000 {
    display: block;
  }
}
.show1000.show-inline {
  display: none;
}
@media screen and (min-width: 980px) {
  .show1000.show-inline {
    display: inline-block;
  }
}
.show320.show640 {
  display: block;
}
@media screen and (min-width: 980px) {
  .show320.show640 {
    display: none;
  }
}
.show320.show640.show-inline {
  display: inline-block;
}
@media screen and (min-width: 980px) {
  .show320.show640.show-inline {
    display: none;
  }
}
.show320.show1000 {
  display: block;
}
@media screen and (min-width: 640px) {
  .show320.show1000 {
    display: none;
  }
}
@media screen and (min-width: 980px) {
  .show320.show1000 {
    display: block;
  }
}
.show320.show1000.show-inline {
  display: inline-block;
}
@media screen and (min-width: 640px) {
  .show320.show1000.show-inline {
    display: none;
  }
}
@media screen and (min-width: 980px) {
  .show320.show1000.show-inline {
    display: inline-block;
  }
}
.show640.show1000 {
  display: none;
}
@media screen and (min-width: 640px) {
  .show640.show1000 {
    display: block;
  }
}
.show640.show1000.show-inline {
  display: none;
}
@media screen and (min-width: 640px) {
  .show640.show1000.show-inline {
    display: inline-block;
  }
}
span.show320.show1000 {
  display: inline;
}
@media screen and (min-width: 640px) {
  span.show320.show1000 {
    display: none;
  }
}
@media screen and (min-width: 980px) {
  span.show320.show1000 {
    display: inline;
  }
}
form.hidden {
  display: none;
}
.shop-hover {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  font-weight: 500;
}
.shop-hover__stage {
  float: right;
  border: 1px solid #000;
  padding: 5px;
  margin-top: 5px;
}
.def-name {
  position: absolute;
  bottom: 16px;
  left: 10px;
  width: 90%;
  padding: 0 28px;
  color: #252525;
  word-wrap: break-word;
  box-sizing: border-box;
}
.def-name span {
  position: relative;
  padding: 7px 0;
  background: #fff;
}
.bg-grey .def-name span {
  background-color: #fafafa;
}
.def-name .h,
.def-name .t {
  left: -30px;
}
.def-name .l1 {
  left: 30px;
}
.def-name .l2 {
  left: -15px;
}
.def-name .h {
  font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.def-name .t {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #707070;
}
.def-name .t,
.def-name .t span {
  padding: 3px 0 8px;
}
.hover a:hover .def-name span,
.hover .item.hover .def-name span {
  background: #000;
  color: #fff;
}
.def-mark {
  position: absolute;
  top: 10px;
  left: -6px;
  font-family: 'Roboto', sans-serif;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
}
.def-mark:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  width: 6px;
  height: 6px;
  background: url('../images/x1/mark.png');
}
.def-mark span {
  position: relative;
  float: left;
  height: 20px;
  line-height: 20px;
  padding: 0 7px 0 9px;
  background: #e1000f;
}
.def-mark span:after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  right: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid #e1000f;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.def-mark span + span {
  padding-left: 15px;
}
.def-mark .yellow {
  background-color: #fecc00;
}
.def-mark .yellow:after {
  border-left-color: #fecc00;
}
.def-mark .green {
  background-color: #20a740;
}
.def-mark .green:after {
  border-left-color: #20a740;
}
.def-mark .blue {
  background-color: #00a7e3;
}
.def-mark .blue:after {
  border-left-color: #00a7e3;
}
.def-mark .kid {
  background-color: #fecc00;
}
.def-mark .kid:after {
  border-left-color: #fecc00;
}
.def-mark .weekend {
  background-color: #00a7e3;
}
.def-mark .weekend:after {
  border-left-color: #00a7e3;
}
.def-mark .fashion {
  background-color: #0c0941;
}
.def-mark .fashion:after {
  border-left-color: #0c0941;
}
.def-mark .opening_soon {
  background-color: #20a740;
}
.def-mark .opening_soon:after {
  border-left-color: #20a740;
}
.def-mark .new_shop {
  background-color: #20a740;
}
.def-mark .new_shop:after {
  border-left-color: #20a740;
}
.def-mark .new_shop {
  background-color: #00a7e3;
}
.def-mark .new_shop:after {
  border-left-color: #00a7e3;
}
.def-mark .past {
  background-color: #707070;
}
.def-mark .past:after {
  border-left-color: #707070;
}
.def-timer-block {
  font-size: 12px;
  line-height: 1.3;
  color: #707070;
}
.def-timer-block .border {
  padding: 5px 0;
}
.def-timer-block .border:before {
  background-color: #fff;
}
.def-timer-block .title {
  margin: 15px 0 0;
  font-size: 21px;
  color: #252525;
}
.def-timer-block .timer .n {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  font-size: 25px;
  color: #e1000f;
}
.def-timer-block .def-mark span {
  display: none;
}
.def-timer-block .def-mark span:first-child {
  display: block;
}
@media screen and (min-width: 640px) {
  .def-timer-block {
    font-size: 16px;
  }
  .def-timer-block .border:before {
    top: -35px;
    left: -20px;
    bottom: -25px;
  }
  .def-timer-block .title {
    margin: 0;
  }
  .def-timer-block .timer .n {
    font-size: 32px;
  }
  .def-timer-block .date {
    position: relative;
    top: 5px;
  }
  .def-timer-block .def-mark span {
    display: block;
  }
}
@media screen and (min-width: 980px) {
  .def-timer-block {
    font-size: 16px;
  }
  .def-timer-block .date {
    display: inline-block;
  }
  .def-timer-block .border:before {
    top: -40px;
    left: -30px;
    right: 70px;
    bottom: -25px;
  }
  .def-timer-block .title {
    margin-top: -5px;
  }
  .def-timer-block .timer .n {
    font-size: 38px;
  }
}
.def-prev,
.def-next {
  position: absolute;
  z-index: 10;
  top: 50%;
  width: 42px;
  height: 60px;
  margin-top: -30px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.def-prev:before,
.def-next:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: "";
  width: 24px;
  height: 25px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.def-prev {
  left: -22px;
  background-image: url(../images/x1/elist-prev-bg.png);
  background-position: 100% 50%;
}
.def-prev:before {
  background-image: url(../images/x1/elist-prev.png);
}
.def-next {
  right: -22px;
  background-image: url(../images/x1/elist-next-bg.png);
  background-position: 0 50%;
}
.def-next:before {
  background-image: url(../images/x1/elist-next.png);
}
.bg-grey .def-prev {
  background-image: url(../images/x1/elist-prev-bg-grey.png);
}
.bg-grey .def-next {
  background-image: url(../images/x1/elist-next-bg-grey.png);
}
.hover .def-prev:hover:before {
  -webkit-transform: translateX(-3px) scale(1);
  -ms-transform: translateX(-3px) scale(1);
  -o-transform: translateX(-3px) scale(1);
  transform: translateX(-3px) scale(1);
}
.hover .def-next:hover:before {
  -webkit-transform: translateX(3px) scale(1);
  -ms-transform: translateX(3px) scale(1);
  -o-transform: translateX(3px) scale(1);
  transform: translateX(3px) scale(1);
}
header {
  position: relative;
  z-index: 150;
  height: 70px;
  background-color: #fff;
}
header .head-overflow {
  position: relative;
  height: 100%;
  overflow: hidden;
}
@media screen and (min-width: 980px) {
  header .head-overflow {
    overflow: visible;
  }
}
header .wrapper-head {
  position: relative;
  height: 100%;
  background: #fff;
}
header .logo {
  position: absolute;
  z-index: 50;
  top: 23px;
  left: 50px;
  width: 134px;
  height: 25px;
  border: none;
}
header .logo .logo__text {
  display: none;
}
@media screen and (min-width: 640px) {
  header .logo {
    left: 0;
  }
  header .logo .logo__text {
    display: block;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  header .logo {
    background-size: 100%;
  }
}
.domain-forum header .logo {
  background: url(../images/x1/logo-forum.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .domain-forum header .logo {
    background: url(../images/x2/logo-forum.png);
    background-size: 100%;
  }
}
header .block {
  line-height: 1.5;
  letter-spacing: 0.03em;
  z-index: 10;
  top: 28px;
  margin-top: 0;
  margin-left: 0;
  font-size: 13px;
}
header .block:first-child {
  margin-top: 0;
}
header .block .t {
  font-size: 18px;
  font-weight: 500;
}
header .block a {
  color: #252525;
}
header .block .choose {
  overflow: hidden;
}
header .block .choose .t {
  margin-top: 10px;
}
header .block-city {
  display: none;
}
header .block-city .t a {
  color: #00a7e3;
}
header .block-time {
  left: 430px;
}
@media screen and (min-width: 980px) {
  header .block-time:hover .header-worktime {
    opacity: 1;
    visibility: visible;
    z-index: 100;
    top: 60px;
  }
}
header .block-phone {
  display: none;
}
header .search-cover {
  position: absolute;
  z-index: 190;
  top: 0;
  right: 10%;
  height: 100%;
  width: 0;
  -webkit-transition: width 0.5s;
  -o-transition: width 0.5s;
  transition: width 0.5s;
  background: #fff;
}
.mode-search header .search-cover {
  width: 100%;
}
header .search {
  position: absolute;
  z-index: 200;
  top: 20px;
  right: 0;
  padding-left: 0;
}
@media screen and (min-width: 640px) {
  header .search {
    right: 50px;
  }
}
header .search .inner {
  margin-right: 5px;
}
header .search.mode-search .wrap {
  width: 170px;
}
header .search .ico {
  top: 5px;
}
header .search input {
  height: 35px;
}
header .search.active input {
  padding-right: 35px;
}
header .user {
  position: absolute;
  z-index: 200;
  top: 20px;
  right: 50px;
  width: 28px;
  height: 32px;
  background: url(../images/x1/user_new.png) no-repeat;
  border: 0;
  display: none !important;
}
header .menu {
  position: absolute;
  z-index: 250;
  top: 22px;
  left: 0;
  padding-left: 30px;
  line-height: 26px;
  cursor: pointer;
}
@media screen and (min-width: 640px) {
  header .menu {
    right: 0;
  }
}
header .menu.active {
  left: calc(100% - 30px);
  z-index: 270;
}
header .menu .bars {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 26px;
}
header .menu .bar {
  position: absolute;
  top: 3px;
  left: 0;
  width: 30px;
  height: 4px;
  background: #e1000f;
}
header .menu .b2 {
  top: 11px;
}
header .menu .b3 {
  top: 19px;
}
header .menu .text {
  margin-left: 8px;
  color: #e1000f;
  font-weight: 500;
}
header .menu.active .bar {
  background: #dcdcdc;
}
header .menu-ov {
  z-index: 240;
  top: 0;
  width: 100%;
  height: 0;
  position: fixed;
}
header .menu-list {
  position: relative;
  left: 110%;
  background: #f5f5f5;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  box-shadow: -5px 0 5px -3px #ccc;
  overflow: hidden;
}
.mode-menu header .menu-list {
  left: 0;
}
header .menu-list:before {
  position: absolute;
  content: "";
  width: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 14px solid #f5f5f5;
  top: -14px;
  right: 6.25%;
}
header .menu-list .items {
  position: relative;
  margin: auto;
}
header .menu-list .item,
header .menu-list .blocks {
  display: block;
  border-bottom: 1px solid #dcdcdc;
  color: #252525;
}
header .menu-list .in,
header .menu-list .blocks-in {
  display: block;
  width: 87.5%;
  margin: auto;
  padding: 14px 0;
}
header .menu-list .active {
  color: #e1000f;
}
@media screen and (min-width: 640px) {
  header {
    height: 100px;
  }
  header .wrapper-head {
    z-index: 10;
  }
  header .logo {
    top: 30px;
    width: 152px;
    height: 39px;
  }
  .domain-forum header .logo {
    background: url(../images/x1/logo-forum-640.png);
  }
  header .search-cover {
    display: block;
    right: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 70%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(70%, #ffffff), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 70%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 70%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 70%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 70%, #ffffff 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
  }
  header .search {
    top: 37px;
    right: 50px;
  }
  header .user {
    top: 35px;
    right: 0;
  }
  header .menu {
    display: none;
    top: 37px;
  }
  header .menu:before {
    position: absolute;
    content: "";
    width: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #f5f5f5;
    -webkit-transition: top 0.3s;
    -o-transition: top 0.3s;
    transition: top 0.3s;
    top: 80px;
    right: 3.125%;
  }
  .mode-menu header .menu:before {
    top: 49px;
  }
  header .menu-list {
    left: auto;
    max-height: 0;
  }
  .mode-menu header .menu-list {
    max-height: 280px;
  }
  header .menu-list:before {
    display: none;
  }
  header .menu-list .items {
    padding: 14px 0;
    border-bottom: 1px solid #dcdcdc;
  }
  header .menu-list ul {
    width: 93.75%;
    margin: auto;
  }
  header .menu-list li {
    display: inline-block;
    margin-right: 25px;
  }
  header .menu-list li.show1000 {
    display: none;
  }
  header .menu-list .item {
    display: inline-block;
    padding: 9px 0;
    border: none;
  }
  header .menu-list .in,
  header .menu-list .blocks-in {
    width: 93.75%;
  }
  header .menu-list .in {
    display: inline;
    white-space: nowrap;
  }
  header .menu-list .blocks-in {
    padding: 20px 0 25px;
  }
  header .block {
    position: absolute;
    font-size: 13px;
  }
  header .block .t {
    font-size: 16px;
  }
  header .block-city {
    display: block;
    left: 180px;
  }
  header .block-phone {
    display: block;
    right: 50px;
    text-align: right;
  }
}
@media screen and (min-width: 640px) and only screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 640px) and only screen and (-moz-min-device-pixel-ratio: 2), screen and (min-width: 640px) and only screen and (-o-min-device-pixel-ratio: 2), screen and (min-width: 640px) and only screen and (min-device-pixel-ratio: 2) {
  header .logo {
    background-size: 100%;
  }
}
@media screen and (min-width: 640px) and only screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 640px) and only screen and (-moz-min-device-pixel-ratio: 2), screen and (min-width: 640px) and only screen and (-o-min-device-pixel-ratio: 2), screen and (min-width: 640px) and only screen and (min-device-pixel-ratio: 2) {
  .domain-forum header .logo {
    background: url(../images/x2/logo-forum-640.png);
    background-size: 100%;
  }
}
@media screen and (min-width: 980px) {
  header {
    height: 100px;
  }
  header .wrapper-head {
    width: 960px;
  }
  header .logo {
    z-index: 250;
    top: 25px;
    width: 190px;
    height: 50px;
  }
  .domain-forum header .logo {
    background: url(../images/x1/logo-forum-1000.png);
  }
  header .search-cover {
    display: none;
  }
  header .search {
    top: 35px;
    right: 40px;
  }
  header .user {
    right: 0;
  }
  .mode-menu header .menu-list {
    max-height: 150px;
  }
  header .menu-list .items {
    width: 75%;
    max-width: 960px;
    border: none;
  }
  header .menu-list .items ul {
    width: 100%;
  }
  header .menu-list .blocks {
    display: none;
  }
  header .block {
    font-size: 13px;
  }
  header .block .t {
    font-size: 16px;
  }
  header .block-city {
    left: 220px;
  }
  header .block-phone {
    right: auto;
    left: 600px;
  }
}
@media screen and (min-width: 980px) and only screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 980px) and only screen and (-moz-min-device-pixel-ratio: 2), screen and (min-width: 980px) and only screen and (-o-min-device-pixel-ratio: 2), screen and (min-width: 980px) and only screen and (min-device-pixel-ratio: 2) {
  header .logo {
    background-size: 100%;
  }
}
@media screen and (min-width: 980px) and only screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 980px) and only screen and (-moz-min-device-pixel-ratio: 2), screen and (min-width: 980px) and only screen and (-o-min-device-pixel-ratio: 2), screen and (min-width: 980px) and only screen and (min-device-pixel-ratio: 2) {
  .domain-forum header .logo {
    background: url(../images/x2/logo-forum-1000.png);
    background-size: 100%;
  }
}
.header-worktime {
  position: absolute;
  top: 0;
  left: -200px;
  display: flex;
  flex-wrap: wrap;
  padding: 30px;
  background-color: #fff;
  border: 4px solid #e2000e;
  width: 500px;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.header-worktime:before {
  content: '';
  position: absolute;
  top: -14px;
  left: 200px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #e2000e;
}
.header-worktime:after {
  content: '';
  position: absolute;
  top: -9px;
  left: 200px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
.header-worktime__item {
  flex-basis: 50%;
  margin-bottom: 25px;
  font-size: 13px;
  color: #484848;
}
.header-worktime__item-name {
  font-weight: 500;
  text-transform: uppercase;
}
.header-search {
  border-top: 2px solid transparent;
}
@media screen and (min-width: 640px) {
  .header-search {
    position: relative;
  }
}
@media screen and (min-width: 640px) {
  .header-search__line {
    margin-top: -22px;
  }
}
@media screen and (min-width: 980px) {
  .header-search__line {
    margin-top: 0;
  }
}
.header-search__wrapper {
  width: 87.5%;
  margin: 0 auto;
  max-width: 960px;
  position: relative;
}
@media screen and (min-width: 640px) {
  .header-search__wrapper {
    width: 93.75%;
  }
}
@media screen and (min-width: 980px) {
  .header-search__wrapper {
    width: 960px;
  }
}
.header-search__button {
  position: absolute;
  width: 0;
  right: 0;
  top: -70px;
  height: 70px;
  background-color: transparent;
  z-index: 160;
  padding: 20px 0;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
@media screen and (min-width: 640px) {
  .header-search__button {
    width: 100%;
    position: relative;
    top: 0;
  }
}
@media screen and (min-width: 980px) {
  .header-search__button {
    width: 24px;
    position: absolute;
    top: -22px;
  }
}
.header-search__control {
  position: absolute;
  right: 0;
  fill: #e1000f;
  cursor: pointer;
}
.header-search__open {
  display: block;
}
.header-search__close {
  display: none;
}
.header-search__inner {
  width: 0;
  overflow: hidden;
  -webkit-transition: width .5s;
  -o-transition: width .5s;
  transition: width .5s;
}
.header-search__inner input[type="search"] {
  display: block;
  width: 100%;
  line-height: 25px;
  -webkit-appearance: none;
}
.header-search__inner input[type="search"]::-webkit-search-cancel-button {
  display: none;
}
.header-search.active {
  border-top: 2px solid #dddede;
}
.header-search.active .search-content {
  height: auto;
}
@media screen and (min-width: 980px) {
  .header-search.active .search-content {
    margin-top: 49px;
  }
}
.header-search.active .header-search__button {
  top: -72px;
  width: 100%;
}
.header-search.active .header-search__open {
  display: none;
}
.header-search.active .header-search__close {
  display: block;
}
.header-search.active .header-search__inner {
  width: 100%;
  padding-right: 30px;
  box-sizing: border-box;
}
.header-search.active .header-search__inner input[type="search"] {
  background: #fff;
}
@media screen and (min-width: 640px) {
  .header-search.active .header-search__line {
    background: #f4f5f5;
    width: 100%;
    height: 70px;
    margin-top: -22px;
    z-index: 150;
    position: relative;
  }
  .header-search.active .header-search__button {
    top: 0;
    background: #f4f5f5;
  }
  .header-search.active .header-search__inner input[type="search"] {
    background: #f4f5f5;
  }
}
@media screen and (min-width: 980px) {
  .header-search.active .header-search__line {
    position: absolute;
  }
  .header-search.active .header-search__button {
    width: 100%;
  }
}
.dropdown-submenu {
  opacity: 0;
  margin-top: -20px;
  border-top: 3px solid #fe0000;
  background-color: #fff;
  position: absolute;
  left: 0;
  padding: 10px 0;
  z-index: 100;
  text-align: left;
  overflow: hidden;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(72, 72, 72, 0.6);
  -moz-box-shadow: 0px 3px 10px 0px rgba(72, 72, 72, 0.6);
  box-shadow: 0px 3px 10px 0px rgba(72, 72, 72, 0.6);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.dropdown-submenu__items {
  display: block;
  z-index: 102;
  background-color: #fff;
}
.dropdown-submenu__item {
  display: block;
  padding: 10px 20px;
  white-space: nowrap;
  color: #7a7a7a;
  font-size: 14px;
  text-decoration: none;
  border: none;
  position: relative;
}
.dropdown-submenu__item:hover {
  color: #fe0000;
}
.dropdown-submenu__item:hover:before {
  content: '';
  position: absolute;
  left: 0;
  top: calc(50% - 4.5px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4.5px 0 4.5px 4px;
  border-color: transparent transparent transparent #fe0000;
}
.dropdown-submenu__description {
  display: none;
  padding: 25px;
  width: 250px;
  box-sizing: border-box;
  opacity: 0;
  z-index: -1;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.dropdown-submenu__description.active {
  opacity: 1;
  z-index: 101;
}
.dropdown-submenu__description-img {
  width: 200px;
  height: 200px;
  margin-bottom: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.dropdown-submenu__description-text {
  font-size: 12px;
  color: #484848;
  padding-left: 30px;
  border-left: 1px solid #fe0000;
}
.dropdown-menu {
  display: none;
  justify-content: center;
  max-width: 960px;
  margin: auto;
}
@media screen and (min-width: 640px) {
  .dropdown-menu {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 980px) {
  .dropdown-menu {
    padding-right: 30px;
    box-sizing: border-box;
  }
}
.dropdown-menu__item {
  display: inline-block;
  position: relative;
  color: #484848;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
@media screen and (min-width: 640px) {
  .dropdown-menu__item {
    margin: 0;
    flex-basis: 20%;
    text-align: center;
  }
}
@media screen and (min-width: 980px) {
  .dropdown-menu__item {
    flex-basis: 10%;
  }
}
.dropdown-menu__item:nth-child(n+5) .dropdown-submenu {
  right: 0;
  left: auto;
}
.dropdown-menu__item:nth-child(n+5) .dropdown-submenu__description {
  left: 0;
  right: auto;
}
.dropdown-menu__item:nth-child(n+5) .dropdown-submenu__description-text {
  padding-right: 30px;
  padding-left: 0;
  border-right: 1px solid #fe0000;
  border-left: none;
}
.dropdown-menu__item:last-child {
  margin: 0;
}
.dropdown-menu__item:hover {
  color: #fe0000;
}
.dropdown-menu__item:hover:nth-child(n+5) .dropdown-submenu__items {
  right: 0;
  position: absolute;
}
@media screen and (min-width: 980px) {
  .dropdown-menu__item:hover > .dropdown-submenu {
    opacity: 1;
    margin-top: -3px;
  }
}
.dropdown-menu__item:not(:hover) > .dropdown-submenu.loaded {
  height: 0 !important;
  padding: 0;
}
.dropdown-menu__item:not(:hover) > .dropdown-submenu.loaded > .dropdown-submenu__items {
  display: none;
}
.dropdown-menu__item-link {
  color: #484848;
  fill: #484848;
}
.dropdown-menu__item-link:hover {
  color: #fe0000;
  fill: #fe0000;
}
.dropdown-menu__item-icon {
  height: 24px;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.dropdown-menu__item-icon svg {
  height: 24px;
}
.dropdown-menu__item-name {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 25px;
}
.mobile-menu {
  height: 100%;
  background-color: #f5f5f5;
}
.mobile-menu__header {
  border-bottom: 1px solid #dcdcdc;
  padding: 20px 15px;
  height: 100px;
  overflow: hidden;
  box-sizing: border-box;
}
.mobile-menu__header-item {
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  display: block;
  float: left;
  width: calc(16.66666667%);
  color: #646464;
  border: none;
  cursor: pointer;
}
.mobile-menu__header-item.active {
  color: #e1000f;
  fill: #e1000f;
}
.mobile-menu__socials {
  height: 50px;
  border-bottom: 1px solid #dcdcdc;
  display: flex;
}
.mobile-menu__socials-item {
  display: flex;
  flex-basis: 50%;
  align-items: center;
  justify-content: center;
  border: none;
  fill: #fff;
}
.mobile-menu__socials-item_vk {
  background: #4c75a3;
}
.mobile-menu__socials-item_in {
  background: #C13584;
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.mobile-menu__content {
  height: calc(100% - 150px);
}
.mobile-menu__content[data-content="block-menu"] #block-menu {
  display: block;
}
.mobile-menu__content[data-content="block-address"] #block-address {
  display: block;
}
.mobile-menu__content[data-content="block-worktime"] #block-worktime {
  display: block;
}
.mobile-menu__content[data-content="block-contacts"] #block-contacts {
  display: block;
}
.mobile-menu__content[data-content="block-search"] #block-search {
  display: block;
}
.mobile-menu__content-header {
  position: relative;
  padding: 20px 20px 20px 70px;
  border-bottom: 1px solid #dcdcdc;
  font-size: 16px;
  font-weight: bold;
  color: #484848;
  height: 65px;
  box-sizing: border-box;
  text-transform: uppercase;
}
.mobile-menu__content-inner {
  height: calc(100% - 65px);
  box-sizing: border-box;
  overflow-y: scroll;
}
.mobile-menu__content-inner.mobile-menu__dropdown {
  height: 100%;
}
.mobile-menu__content-link {
  position: absolute;
  display: flex;
  width: 70px;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  fill: #d4d4d4;
}
.mobile-menu__content-link svg {
  margin: auto;
}
.mobile-menu__dropdown-item {
  display: block;
  position: relative;
  font-size: 16px;
  font-weight: bold;
  color: #484848;
  text-transform: uppercase;
  padding: 20px 70px;
}
.mobile-menu__dropdown-item.submenu .mobile-menu__dropdown-item-arrow {
  display: flex;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.mobile-menu__dropdown-item.submenu .mobile-menu__dropdown-item-arrow svg {
  margin: auto;
}
.mobile-menu__dropdown-item.submenu.active {
  color: #c92028;
  fill: #c92028;
}
.mobile-menu__dropdown-item.submenu.active .mobile-menu__dropdown-item-arrow {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mobile-menu__dropdown-item.submenu.active + .mobile-menu__submenu {
  visibility: visible;
  padding: 20px 70px;
  max-height: 1000px;
}
.mobile-menu__dropdown-item-icon {
  display: flex;
  position: absolute;
  width: 70px;
  height: 100%;
  top: 0;
  left: 0;
}
.mobile-menu__dropdown-item-icon svg {
  margin: auto;
}
.mobile-menu__dropdown-item-arrow {
  display: none;
  position: absolute;
  width: 70px;
  height: 100%;
  top: 0;
  right: 0;
}
.mobile-menu__submenu {
  border-bottom: 1px solid #dcdcdc;
  padding: 0 70px;
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.mobile-menu__submenu-item {
  display: block;
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: #484848;
  line-height: 40px;
}
.mobile-menu__submenu-item_more {
  color: #c92028;
}
.mobile-menu__block {
  display: none;
  height: 100%;
  border-bottom: 1px solid #dcdcdc;
}
.mobile-menu__address {
  padding: 20px;
}
.mobile-menu__address-item {
  display: block;
  padding-left: 50px;
  position: relative;
  font-size: 14px;
  color: #484848;
  margin-bottom: 25px;
  border: none;
  font-weight: 500;
}
.mobile-menu__address-item:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 15px;
  top: 10px;
  border: 2px solid #484848;
  border-radius: 20px;
  box-sizing: border-box;
}
.mobile-menu__address-item.selected {
  color: #e1000f;
}
.mobile-menu__address-item.selected:before {
  border-color: #fe0201;
}
.mobile-menu__address-item.selected:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 20px;
  top: 15px;
  border-radius: 10px;
  background-color: #fe0201;
}
.mobile-menu__address-name {
  display: block;
  text-transform: uppercase;
}
.mobile-menu__address-location {
  display: block;
}
.mobile-menu__worktime {
  padding: 20px;
}
.mobile-menu__worktime-item {
  display: block;
  padding-left: 50px;
  position: relative;
  font-size: 14px;
  margin-bottom: 25px;
  border: none;
  font-weight: 500;
}
.mobile-menu__worktime-name {
  color: #e1000e;
  display: block;
  text-transform: uppercase;
}
.mobile-menu__worktime-desc {
  display: block;
  color: #484848;
}
.mobile-menu__contacts {
  padding: 20px 70px;
}
.mobile-menu__contacts-text {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.mobile-menu__contacts-button {
  display: block;
  border: 2px solid #e1000f;
  font-size: 14px;
  font-weight: 500;
  padding: 10px;
  text-align: center;
  margin-bottom: 25px;
  color: #e1000f;
  line-height: 20px;
}
.mobile-menu__contacts .form .input {
  margin: 0;
}
.mobile-menu__contacts .form .input textarea,
.mobile-menu__contacts .form .input input {
  font-size: 14px;
  font-weight: 500;
  color: #9a9a9a;
  background-size: 8px 45px;
  height: 45px;
  line-height: 45px;
}
.mobile-menu__contacts .form .input textarea {
  height: 135px;
}
.mobile-menu__contacts input[type="submit"] {
  display: block;
  border: 2px solid #e1000e;
  background-color: transparent;
  font-size: 14px;
  font-weight: 500;
  padding: 10px;
  text-align: center;
  margin-bottom: 25px;
  color: #e1000f;
  line-height: 20px;
  width: 100%;
  cursor: pointer;
  border-radius: 0;
}
.mobile-menu__contacts input[type="submit"]:hover,
.mobile-menu__contacts input[type="submit"] :focus {
  background-color: transparent;
  color: #e1000f;
}
.mobile-menu__search {
  padding: 20px 70px;
}
.mobile-menu__search-input {
  font-size: 14px;
  font-weight: 500;
  color: #9a9a9a;
  background-size: 8px 45px;
  height: 45px;
  line-height: 45px;
  background: url('../images/x1/input-line.png') 0 -11px;
  width: 100%;
  margin-bottom: 25px;
}
.mobile-menu__search-submit {
  display: block;
  border: 2px solid #e1000e;
  background-color: transparent;
  font-size: 14px;
  font-weight: 500;
  padding: 10px;
  text-align: center;
  margin-bottom: 25px;
  color: #e1000f;
  line-height: 20px;
  width: 100%;
  cursor: pointer;
  border-radius: 0;
}
#vk_groups,
#vk_groups iframe {
  width: 100% !important;
}
footer {
  position: relative;
  background: #f5f5f5;
  border-top: 3px solid #e1000f;
  font-size: 15px;
}
@media screen and (min-width: 640px) {
  footer {
    margin-top: 90px;
  }
}
footer:after {
  position: absolute;
  content: "";
  top: -3px;
  left: 50%;
  right: 0;
  border-top: 3px solid #00a7e3;
}
footer .footer-lines {
  position: relative;
}
footer .footer-lines:before,
footer .footer-lines:after {
  position: absolute;
  z-index: 1;
  content: "";
  top: -3px;
}
footer .footer-lines:before {
  right: 50%;
  left: 25%;
  border-top: 3px solid #21a73f;
}
footer .footer-lines:after {
  left: 50%;
  right: 25%;
  border-top: 3px solid #fecc00;
}
footer .pageup {
  position: fixed;
  z-index: 1000;
  /*top: -70px;*/
  bottom: 50px;
  right: 0;
  left: 0;
  margin: 0 auto;
  background: url(../images/x1/up.png) no-repeat 50% 50%;
  width: 60px;
  height: 40px;
  cursor: pointer;
}
footer .wrapper {
  padding-top: 1px;
}
footer .blocks {
  margin: 30px 0 0;
  font-size: 14px;
  color: #666;
}
footer .blocks a {
  color: #666;
}
footer .block {
  margin-top: 20px;
}
footer .block .t {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 500;
}
footer .block .choose {
  overflow: hidden;
}
footer .block .choose .t {
  margin-top: 10px;
}
footer .menu-wrap {
  margin: 25px -10% 0 0;
  overflow: hidden;
}
footer .menu {
  width: 110%;
  overflow: hidden;
  font-size: 14px;
}
footer .menu li {
  float: left;
  width: 50%;
  margin-bottom: 8px;
}
footer .menu a {
  border-bottom: none;
}
footer .letter-outer {
  position: relative;
  margin: 24px 0 0;
  background: #fff;
}
footer .letter-outer:before,
footer .letter-outer:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  height: 5px;
  background: url(../images/x1/letter-1.png) 43% 50%;
}
footer .letter-outer:before {
  top: 0;
}
footer .letter-outer:after {
  bottom: 0;
}
footer .letter {
  position: relative;
  padding: 16px 0 30px;
}
footer .letter:before,
footer .letter:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  width: 5px;
  background: url(../images/x1/letter-2.png) 50% -40px;
}
footer .letter:before {
  left: 0;
}
footer .letter:after {
  right: 0;
}
footer .subscribe .input {
  position: relative;
}
footer .subscribe .input input {
  display: block;
  width: 100%;
  font-family: 'PT Serif', serif;
  font-size: 18px;
  line-height: 34px;
  color: #707070;
  background: none;
  border-bottom: 1px solid #d1d1d1;
}
footer .subscribe .input:before {
  position: absolute;
  content: "";
  top: 0;
  left: -10px;
  width: 4px;
  bottom: 0;
  transition: 0.3s;
}
footer .subscribe .input.error:before {
  background-color: #e1000f;
}
footer .subscribe .submit {
  margin: 19px 0 0;
}
footer .subscribe .desc {
  margin: 12px 0 0;
  color: #a9a9a9;
}
footer .subscribe .likes {
  display: table;
  margin: 28px 0;
  overflow: hidden;
}
footer .subscribe .likes .item {
  float: left;
  height: 30px;
  padding-left: 20px;
}
footer .subscribe .likes .item:first-child {
  padding-left: 0;
}
footer .subscribe .likes .fb-like {
  top: -6px;
}
footer .socgroup {
  margin-top: 20px;
  height: 370px;
}
footer .copy {
  white-space: nowrap;
}
footer .copy .logo {
  width: 152px;
  height: 39px;
  margin: 40px auto 0;
}
.domain-forum footer .copy .logo {
  background: url(../images/x1/logo-forum-640.png) 100% 0;
}
footer .copy .text {
  display: block;
  padding: 20px 0;
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: #ccc;
  text-align: center;
}
footer .wifi {
  display: none;
}
footer.city-tula .wifi {
  display: block;
}
footer.city-tula .wifi .logo {
  width: 91px;
  height: 40px;
  margin: 0 auto 40px;
  background: url(../images/x1/rostelekom.png) 100% 0;
  border: 0;
}
footer.city-tula .wifi .text {
  display: block;
  padding: 20px 0;
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: #ccc;
  text-align: center;
}
@media screen and (min-width: 640px) {
  footer .pageup {
    top: -85px;
    background-image: url(../images/x1/up-tablet.png);
    width: 70px;
    height: 50px;
  }
  footer .wrapper {
    width: 94%;
  }
  footer .col-1 {
    width: 36% !important;
  }
  footer .col-2 {
    width: 32% !important;
  }
  footer .col-3 {
    width: auto !important;
  }
  footer .blocks {
    margin: 10px 0 0;
    font-size: 13px;
  }
  footer .block {
    float: left;
  }
  footer .block .t {
    font-size: 16px;
  }
  footer .menu-wrap {
    margin-right: 0;
  }
  footer .menu {
    width: 100%;
  }
  footer .menu .cl {
    clear: left;
  }
  footer .letter-outer {
    position: relative;
    margin: 29px 0 0;
  }
  footer .letter {
    padding: 32px 0 30px;
  }
  footer .subscribe .input input {
    font-size: 28px;
  }
  footer .subscribe .submit {
    float: left;
    margin: 30px 0 0;
  }
  footer .subscribe .desc {
    margin: 25px 0 0 270px;
  }
  footer .subscribe .likes {
    display: table;
  }
  footer .subscribe .likes .item {
    display: table-cell;
    float: none;
  }
  footer .socgroup {
    height: 300px;
  }
  footer .copy {
    position: relative;
    height: 120px;
  }
  footer .copy .logo {
    position: absolute;
    top: 0;
    right: 50%;
    margin-right: 15px;
  }
  footer .copy .text {
    position: absolute;
    top: 0;
    left: 50%;
    width: 152px;
    margin-left: 15px;
    padding: 40px 0 0;
    font-size: 14px;
    text-align: left;
  }
}
@media screen and (min-width: 980px) {
  .no-footer-margin + footer {
    margin-top: 0;
  }
  footer .pageup {
    display: none;
  }
  footer .wrapper {
    width: 98%;
  }
  footer .col-1 {
    width: 27% !important;
  }
  footer .col-2 {
    width: 27% !important;
  }
  footer .blocks {
    float: left;
    width: 230px;
    margin-top: 25px;
  }
  footer .block {
    float: none;
    width: auto !important;
    margin-top: 16px;
  }
  footer .menu-wrap {
    margin-top: 42px;
  }
  footer .letter-outer {
    margin: 41px 0 0;
  }
  footer .subscribe .input {
    float: left;
    width: 70%;
  }
  footer .subscribe .submit {
    float: right;
    margin: -2px 0 0;
  }
  footer .subscribe .desc {
    float: left;
    margin: 0;
    padding: 12px 0 0;
  }
  footer .subscribe .likes {
    float: right;
    margin: 19px 0 10px;
  }
  footer .socgroups {
    margin: 0 -10px 0 -30px;
  }
  footer .socgroup {
    float: left;
    width: 50%;
  }
  footer .socgroup .in {
    margin: 0 0 0 20px;
  }
  footer.city-tula .copy .logo {
    right: auto;
    left: 0;
  }
  footer.city-tula .copy .text {
    left: 167px;
  }
  footer.city-tula .wifi {
    position: relative;
  }
  footer.city-tula .wifi .cont {
    position: absolute;
    top: -101px;
    left: 42%;
  }
  footer.city-tula .wifi .text {
    width: 220px;
    text-align: left;
    font-size: 14px;
  }
  footer.city-tula .wifi .logo {
    position: absolute;
    top: 23px;
    left: 100%;
    margin-left: 8px;
  }
}
.pager {
  position: relative;
  margin-bottom: 100px;
  text-align: center;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: 300;
}
.pager > * {
  display: inline-block;
  min-width: 26px;
  height: 26px;
  line-height: 26px;
  background: #fff;
  border: 2px solid #fff;
  color: #252525;
}
.hover .pager a:hover {
  border-color: #20a740;
}
.pager .active {
  background-color: #20a740;
  border-color: #20a740;
  color: #fff;
}
.pager .prev,
.pager .next {
  position: absolute;
  top: 100%;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.pager .prev {
  right: 50%;
  margin-right: 12px;
}
.pager .next {
  left: 50%;
  margin-left: 12px;
}
@media screen and (min-width: 640px) {
  .pager {
    margin-bottom: 60px;
    font-size: 18px;
  }
  .pager > * {
    min-width: 36px;
    height: 36px;
    line-height: 36px;
  }
  .pager .prev,
  .pager .next {
    position: static;
    top: 0;
    margin-top: 0;
  }
}
.post-top {
  margin: 50px 0;
  font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}
.post-top .cont {
  padding: 0 0 8px;
}
.post-top img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 5px;
}
.post-top .content {
  margin-right: -4%;
}
.post-top .share {
  margin: 24px 0;
}
@media screen and (min-width: 640px) {
  .post-top {
    margin: 62px 0 80px;
  }
  .post-top .cont {
    margin-left: 50%;
    padding: 10px 0 0;
  }
  .post-top img {
    float: left;
    margin-left: -100%;
    width: 85%;
  }
  .post-top .content {
    float: right;
    margin-right: 0;
  }
  .post-top .share {
    margin-top: 20px;
    margin-bottom: 5px;
  }
  .post-top .tags {
    clear: left;
    float: left;
    margin-left: -100%;
    margin-top: 15px;
  }
}
@media screen and (min-width: 980px) {
  .post-top {
    margin: 93px 0 145px;
    font-size: 21px;
  }
  .post-top .border:before {
    right: 0px;
  }
  .post-top .cont {
    margin-left: 36%;
  }
  .post-top img {
    position: absolute;
    margin-left: -36%;
    width: 32%;
    margin-top: -10px;
  }
  .post-top .content {
    padding-right: 50px;
  }
  .post-top .share {
    margin-top: 30px;
    margin-right: -50px;
  }
  .post-top .tags {
    margin-top: 20px;
    margin-left: 0;
  }
}
aside {
  margin-right: 4%;
  background: #fff;
}
aside .person {
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 20px;
  text-align: center;
}
aside .person:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: #e1000f;
}
aside .person img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 28px auto 0;
  border-radius: 50%;
}
aside .person .title {
  margin: 20px 0 0;
  font-family: 'PT Serif', serif;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  color: #252525;
}
aside .person .pdesc {
  margin-top: -4px;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #707070;
}
aside .quote {
  position: relative;
  z-index: 10;
  max-width: 280px;
  margin: 32px auto;
  font-family: 'Ubuntu', sans-serif;
  font-style: italic;
  font-size: 18px;
  text-align: center;
  line-height: 1.45;
}
aside .quote:before,
aside .quote:after {
  position: absolute;
  z-index: -1;
  content: "";
  width: 99px;
  height: 80px;
}
aside .quote:before {
  top: -5px;
  left: 0;
  background: url(../images/x1/quote-left.png);
}
aside .quote:after {
  bottom: -10px;
  right: -10px;
  background: url(../images/x1/quote-right.png);
}
aside .banner {
  width: 240px;
  margin: 53px auto 40px;
}
aside .banner img {
  display: block;
  width: 100%;
  height: auto;
}
aside .banner + .quote {
  width: 190px;
  margin-left: 20px;
  margin-bottom: 66px;
  font-size: 16px;
  line-height: 1.6;
  text-align: left;
}
@media screen and (min-width: 640px) {
  aside {
    margin: 40px auto;
  }
  aside:before {
    left: -40px;
  }
  aside:after {
    right: -40px;
  }
  aside .person {
    margin-top: -24px;
  }
  aside .person:after {
    width: 240px;
    margin: 0 auto;
  }
  aside .quote:before {
    left: -35px;
  }
  aside .quote:after {
    right: -35px;
  }
  aside .banner {
    margin: 75px auto 60px;
  }
  aside .banner + .quote:before {
    left: 0;
  }
  aside .banner + .quote:after {
    right: 0;
  }
  aside.float {
    float: left;
    width: 240px;
    margin-top: 26px;
    margin-left: -25px;
    margin-bottom: 0;
    border-right: 70px solid #fff;
  }
}
@media screen and (min-width: 980px) {
  aside {
    position: absolute;
    max-width: 220px;
  }
  aside .person:after {
    width: 100%;
  }
  aside .quote {
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
  }
  aside .quote:before {
    left: 0px;
  }
  aside .quote:after {
    right: 0px;
  }
  aside .banner {
    width: 100%;
  }
  aside .banner + .quote {
    margin-left: 10px;
  }
}
article.content {
  position: relative;
  margin-right: -4%;
}
article.content img {
  max-width: 100%;
  height: auto;
}
article.content p {
  margin: 20px 0;
}
article.content h2 {
  font-family: 'PT Serif', serif;
  font-weight: 700;
}
article.content ul {
  margin: 24px 0;
  line-height: 1.9;
}
article.content ul li {
  position: relative;
  padding-left: 15px;
}
article.content ul li:before {
  position: absolute;
  content: "";
  top: 0.85em;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #e1000f;
}
article.content ul ul {
  margin: 0;
}
article.content ol {
  margin: 68px 0 0;
  padding-bottom: 25px;
  counter-reset: li;
  list-style: none;
}
article.content ol li {
  position: relative;
  margin-top: 25px;
  padding-top: 65px;
  padding-bottom: 33px;
}
article.content ol li:first-child {
  margin-top: 0;
}
article.content ol li:before {
  content: counter(li);
  counter-increment: li;
}
article.content ol li:before,
article.content ol li .n {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'PT Serif', serif;
  font-size: 38px;
  font-weight: 700;
  color: #e1000f;
}
article.content ol li:after {
  position: absolute;
  z-index: -1;
  content: " ";
  bottom: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: #f5f5f5;
}
article.content ol.nums li:before {
  display: none;
}
article.content table td {
  vertical-align: top;
}
article.content table img {
  width: 100%;
}
@media screen and (min-width: 640px) {
  article.content {
    margin-right: 0;
  }
  article.content ol {
    margin: 80px 0 0;
  }
  article.content ol li {
    padding-left: 45px;
    padding-top: 12px;
  }
  article.content ol li:before,
  article.content ol li .n {
    left: auto;
    top: -4px;
    margin-left: -52px;
  }
  article.content ol li:after {
    left: 45px;
  }
}
@media screen and (min-width: 980px) {
  article.content {
    margin-left: 0;
  }
  .content-mode-center article.content {
    margin-left: 0;
  }
  .content-mode-left article.content {
    margin-left: 0;
  }
  article.content.full {
    margin-left: 0;
  }
  article.content.full ol {
    margin-left: 0;
  }
  article.content.full ol li {
    margin-top: 0;
    margin-left: 6%;
    margin-right: 4%;
    padding-left: 0;
  }
  article.content.full ol li:after {
    left: 0;
  }
  article.content ol {
    margin-left: 50px;
  }
  article.content aside {
    left: -260px;
  }
  article.content aside.float {
    position: static;
    margin-left: -260px;
  }
  article.content aside.float > *:first-child {
    margin-top: 0;
  }
}
.section-blockquote {
  position: relative;
  margin: 40px 0 45px;
  font-family: 'Roboto', sans-serif;
  font-size: 21px;
  font-weight: 300;
  line-height: 1.45;
}
.section-blockquote:before {
  position: absolute;
  content: "";
  top: -16px;
  right: 0;
  bottom: -24px;
  width: 20px;
  background: #f5f5f5;
}
.section-blockquote .wrapper {
  position: relative;
}
.section-blockquote .wrapper:before {
  position: absolute;
  content: "";
  top: -16px;
  left: -20px;
  right: -10%;
  bottom: -24px;
  border: 5px solid #f5f5f5;
}
.section-blockquote .content {
  margin-right: 0;
}
@media screen and (min-width: 640px) {
  .section-blockquote:before {
    width: 40px;
  }
  .section-blockquote .wrapper:before {
    left: -30px;
  }
}
@media screen and (min-width: 980px) {
  .section-blockquote:before {
    display: none;
  }
  .section-blockquote .wrapper:before {
    display: none;
  }
  .section-blockquote blockquote:before {
    position: absolute;
    content: "";
    top: -20px;
    left: -30px;
    right: -30px;
    bottom: -20px;
    border: 5px solid #f5f5f5;
  }
  .section-blockquote blockquote:after {
    position: absolute;
    content: "";
    top: -20px;
    bottom: -20px;
    right: -65px;
    width: 40px;
    background: #f5f5f5;
  }
}
.section-video {
  position: relative;
  max-width: 1200px;
  margin: 70px auto 35px;
}
.section-video .cont {
  position: relative;
  max-height: 620px;
  overflow: hidden;
}
.section-video img {
  display: block;
  width: 100%;
  height: auto;
}
.section-video .play {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 60px;
  height: 60px;
  background: #fff;
  cursor: pointer;
}
.section-video .play i {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  left: 3px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 18px solid #00a7e3;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.hover .section-video .play:hover i {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.section-video .title {
  position: relative;
  top: 15px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #707070;
}
.section-video .title a {
  color: #707070;
}
@media screen and (min-width: 640px) {
  .section-video {
    margin-bottom: 40px;
  }
  .section-video .play {
    width: 80px;
    height: 80px;
  }
  .section-video .play i {
    border-top-width: 16px;
    border-bottom-width: 16px;
    border-left-width: 24px;
  }
  .section-video .title {
    font-size: 16px;
  }
}
@media screen and (min-width: 980px) {
  .section-video {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .section-video .title-in {
    float: left;
    padding: 30px 0 0 10px;
  }
  .section-video .title-in .t {
    float: left;
  }
  .section-video .title-in .d {
    float: left;
    width: 160px;
    margin-left: 5px;
  }
}
.section-slider {
  margin: 40px 0 15px;
  overflow: hidden;
}
.section-slider.section-gallery-page {
  margin-top: 0;
}
.section-slider .slider-rel {
  position: relative;
}
.section-slider .slider {
  position: relative;
  height: 600px;
  overflow: hidden;
}
.section-slider .slider.slider-initialized {
  height: auto;
  overflow: visible;
}
.section-slider .slider .scroller {
  position: relative;
  width: 500%;
  left: -200%;
}
.section-slider .slider .item {
  overflow: hidden;
}
.section-slider .slider img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: auto;
}
.section-slider .slider .prev,
.section-slider .slider .next {
  position: absolute;
  z-index: 10;
  top: 0;
  height: 100%;
  width: 13%;
  background: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.section-slider .slider .prev:before,
.section-slider .slider .next:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: "";
  width: 13px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.section-slider .slider .prev {
  right: 100%;
}
.section-slider .slider .prev:before {
  background-image: url(../images/x1/slider-prev.png);
}
.section-slider .slider .next {
  left: 100%;
}
.section-slider .slider .next:before {
  background-image: url(../images/x1/slider-next.png);
}
.section-slider .title {
  font-family: 'PT Serif', serif;
  font-weight: 700;
  margin: 0 0 20px;
}
.section-slider .info {
  font-size: 18px;
}
.section-slider .counter {
  margin-top: 12px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
.section-slider .desc {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}
@media screen and (min-width: 640px) {
  .section-slider {
    margin-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 0;
  }
  .section-slider .slider .prev,
  .section-slider .slider .next {
    width: 10%;
  }
  .section-slider .slider .prev:before,
  .section-slider .slider .next:before {
    width: 20px;
    height: 20px;
  }
  .section-slider .info {
    position: relative;
    z-index: 20;
    font-size: 21px;
    line-height: 1.5;
  }
  .section-slider .info:before {
    position: absolute;
    z-index: -1;
    content: "";
    top: -20px;
    left: -30px;
    right: -30px;
    bottom: -20px;
    background: #fff;
    border: 5px solid #f5f5f5;
  }
  .section-slider .counter {
    margin-top: 0;
  }
}
@media screen and (min-width: 980px) {
  .section-slider {
    margin: 75px 0 0;
  }
  .section-slider .title {
    margin-left: 260px;
  }
  .section-slider .info {
    margin-left: 40px;
    margin-right: 100px;
  }
}
.section-doubleimg {
  margin: 20px 0 50px;
  background: #f5f5f5;
}
.section-doubleimg .wrapper {
  width: 100%;
}
.section-doubleimg .cont {
  padding: 20px;
  overflow: hidden;
}
.section-doubleimg .in:first-child img {
  margin-top: 0;
}
.section-doubleimg img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 20px;
}
@media screen and (min-width: 640px) {
  .section-doubleimg .cont {
    margin-left: -30px;
  }
  .section-doubleimg .in {
    float: left;
    width: 50%;
  }
  .section-doubleimg .m {
    margin-left: 30px;
  }
  .section-doubleimg img {
    margin-top: 0;
  }
}
@media screen and (min-width: 980px) {
  .section-doubleimg {
    background: none;
  }
}
.question-item {
  margin-bottom: 20px;
  background-color: #eeeeee;
  border: 5px solid #eeeeee;
}
.question-item__content {
  background-color: #fff;
  padding: 20px 60px 20px 25px;
  position: relative;
}
.question-item__content-city {
  color: #707070;
}
@media screen and (min-width: 640px) {
  .question-item__content-city {
    float: right;
  }
}
.question-item__content-name {
  font-size: 21px;
  font-weight: 100;
  margin: 0;
}
.question-item__content-answer {
  font-size: 16px;
  padding-top: 30px;
}
.question-item__footer {
  height: 0;
  overflow: hidden;
  position: relative;
}
.question-item__footer[data-show="vote"] .question-item__block_vote {
  display: block;
}
.question-item__footer[data-show="success"] .question-item__block_success {
  display: block;
}
.question-item__footer[data-show="form"] .question-item__block_form {
  display: block;
}
.question-item__block {
  display: none;
  line-height: 80px;
  font-size: 17px;
  color: #707070;
  padding: 0 25px;
  text-align: right;
}
.question-item__block-button {
  background-color: #fff;
  color: #252525;
  margin-left: 15px;
  display: inline-block;
  width: 70px;
  height: 50px;
  border: 2px solid;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  line-height: 46px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.question-item__block-button_green {
  border-color: #20a740;
  color: #20a740;
}
.question-item__block-button_green:hover {
  background-color: #20a740;
  color: #fff;
}
.question-item__block-button_black {
  border-color: #252525;
  color: #252525;
}
.question-item__block-button_black:hover {
  background-color: #252525;
  color: #fff;
}
.question-item__block_form {
  text-align: left;
}
.question-item__block_form .question-item__block-button {
  width: auto;
  border: none;
  background-color: transparent;
  margin-left: 25px;
}
.question-item__block_form .form.form-wrapper form {
  padding-top: 20px;
}
.question-item__block_form .form.form-wrapper .input textarea {
  height: 102px;
}
.question-item__block_form .form.form-wrapper .send.visible {
  padding: 0;
  position: relative;
}
.question-item__block_form .form.form-wrapper form.hidden {
  display: none;
}
.question-item__all {
  text-align: center;
  margin: 50px 0 0;
}
.question-item_detail {
  max-width: 800px;
  margin: auto;
}
.question-item_detail .share {
  margin: 10px 10px 0;
}
.question-item .hider-control {
  cursor: pointer;
}
.question-item .hider-control:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 70px;
  background: url('../images/x1/chevron.png') no-repeat center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.question-item.hider-container .section-feedback {
  display: none;
}
.question-item.hider-container.active .hider-control:after {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
}
.question-item.hider-container.active .question-item__footer {
  height: auto;
}
.question-item.hider-container.active .section-feedback {
  display: block;
}
.question-item .section-feedback {
  width: 100%;
  position: relative;
  padding: 0;
  margin: 0;
}
.section-faq__button {
  display: block;
  text-align: center;
}
@media screen and (min-width: 980px) {
  .section-faq .list {
    padding-top: 40px;
  }
}
.section-christmas {
  margin: auto;
}
.section-christmas__header {
  display: none;
}
.section-christmas__header-img {
  display: block;
  margin: auto;
  max-width: 100%;
}
.section-christmas__category {
  display: flex;
  flex-wrap: wrap;
}
.section-christmas__category-item {
  flex-basis: 100%;
  position: relative;
  border: none;
}
@media screen and (min-width: 640px) {
  .section-christmas__category-item_2 {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 640px) {
  .section-christmas__category-item_3 {
    flex-basis: 33.333%;
  }
}
.section-christmas__category-item img {
  display: block;
  width: 100%;
}
.section-christmas__category-item:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 999;
}
.section-christmas__content {
  background-color: #fbfbfb;
  padding: 50px 0;
  margin-bottom: -90px;
}
.section-christmas__decoration {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 250px;
}
.section-christmas__decoration:nth-child(2n) {
  background-position: right center;
}
@media screen and (min-width: 640px) {
  .section-christmas__header {
    display: block;
  }
  .section-christmas__background {
    background-image: url('../images/christmas/christmas-background.png'), url('../images/christmas/flares.png');
    background-position: center;
    background-size: 100% auto;
  }
  .section-christmas__flares {
    background-image: url('../images/christmas/flares.png');
    background-position: center;
    background-size: 100% auto;
  }
}
.christmas-item {
  display: flex;
  flex-wrap: wrap;
}
.christmas-item_fake {
  opacity: 0;
  visibility: hidden;
}
.christmas-item_event + .parallax__layer-fore {
  -webkit-transform: translateZ(50px) scale(0.83);
  transform: translateZ(50px) scale(0.83);
}
.christmas-item_event .christmas-item__shops-block {
  margin-right: 5px;
}
@media screen and (min-width: 980px) {
  .christmas-item_event .christmas-item__image {
    flex-basis: 30%;
  }
  .christmas-item_event .christmas-item__content {
    flex-basis: 70%;
  }
  .christmas-item_event .christmas-item__content-name {
    padding: 0;
  }
  .christmas-item_event .christmas-item__shops {
    margin-bottom: 0;
  }
}
.christmas-item:nth-child(2n) {
  flex-direction: row-reverse;
}
.christmas-item:nth-child(2n) .christmas-item__subscribe {
  left: auto;
  right: 10px;
}
.christmas-item__block {
  flex-basis: 100%;
  height: 300px;
}
@media screen and (min-width: 980px) {
  .christmas-item__block {
    flex-basis: 50%;
    height: auto;
  }
}
.christmas-item__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
.christmas-item__content {
  padding: 0;
  box-sizing: border-box;
  height: auto;
}
@media screen and (min-width: 640px) {
  .christmas-item__content {
    padding: 0 20px;
  }
}
.christmas-item__content-name {
  font-size: 20px;
  font-weight: bold;
  color: #252525;
  text-transform: uppercase;
  margin: 0;
  padding: 40px 0;
  display: none;
}
@media screen and (min-width: 640px) {
  .christmas-item__content-name {
    display: block;
    font-size: 32px;
  }
}
.christmas-item__content-name_mobile {
  display: block;
  padding-top: 0;
}
@media screen and (min-width: 640px) {
  .christmas-item__content-name_mobile {
    display: none;
  }
}
.christmas-item__content-text {
  font-size: 16px;
  color: #000;
  margin-bottom: 30px;
}
@media screen and (min-width: 640px) {
  .christmas-item__shops {
    margin-bottom: 60px;
  }
}
.christmas-item__shops-title {
  font-size: 20px;
  font-weight: 500;
  color: #252525;
  display: block;
  margin-bottom: 10px;
}
.christmas-item__shops-block {
  display: inline-block;
  width: 80px;
  height: 80px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
}
@media screen and (min-width: 640px) {
  .christmas-item__shops-block {
    width: 90px;
    height: 90px;
  }
}
.christmas-item__shops-block:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  z-index: 999;
}
.christmas-item__subscribe {
  border: 2px solid #4f78a6;
  padding: 10px 10px 10px 45px;
  position: absolute;
  bottom: 40px;
  left: 10px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #5078a6;
  background-color: rgba(255, 255, 255, 0.75);
}
@media screen and (min-width: 640px) {
  .christmas-item__subscribe {
    font-size: 11px;
  }
}
.christmas-item__subscribe:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: calc(50% - 7px);
  width: 45px;
  height: 14px;
  background: url('../images/christmas/vk.png') no-repeat center;
}
.christmas-item__subscribe:hover {
  background-color: #5078a6;
  color: #fff;
}
.christmas-item__subscribe:hover:before {
  background: url('../images/christmas/vk_white.png') no-repeat center;
}
.parallax {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-perspective: 550px;
  perspective: 550px;
}
.parallax__group {
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
@media screen and (min-width: 640px) {
  .parallax__group:nth-child(2n) .christmas-item {
    flex-direction: row-reverse;
  }
}
.parallax__group:nth-child(2n) .christmas-item__subscribe {
  left: auto;
  right: 10px;
}
.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.parallax__layer-fore {
  -webkit-transform: translateZ(90px) scale(0.85);
  transform: translateZ(90px) scale(0.85);
  z-index: 5;
}
.parallax__layer-base {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 4;
}
.parallax__layer-back {
  -webkit-transform: translateZ(-300px) scale(2);
  transform: translateZ(-300px) scale(2);
  z-index: 3;
}
.parallax .globalwrap {
  background-color: #fff;
  overflow: visible;
}
.parallax footer {
  margin-top: 0;
}
.test-form {
  max-width: 640px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 10px;
  /*&__next {
    display: none;
    border: 2px solid #df010c;
    line-height: 40px;
    text-align: center;
    color: #df010c;
    width: 100%;
    background-color: #fff;
    cursor: pointer;

    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

    &:hover {
      background-color: #df010c;
      color: #fff;
    }
  }*/
}
.test-form[data-show="question_1"] .test-form__item[data-id="question_1"] {
  display: block;
}
.test-form[data-show="question_2"] .test-form__item[data-id="question_2"] {
  display: block;
}
.test-form[data-show="question_3"] .test-form__item[data-id="question_3"] {
  display: block;
}
.test-form[data-show="question_4"] .test-form__item[data-id="question_4"] {
  display: block;
}
.test-form[data-show="question_5"] .test-form__item[data-id="question_5"] {
  display: block;
}
.test-form[data-show="question_6"] .test-form__item[data-id="question_6"] {
  display: block;
}
.test-form[data-show="question_7"] .test-form__item[data-id="question_7"] {
  display: block;
}
.test-form__header {
  font-weight: bold;
  color: #252525;
  text-transform: uppercase;
  margin: 0;
  padding: 40px 0 0;
  font-size: 32px;
  text-align: center;
}
.test-form__info {
  color: #000;
  text-align: center;
  margin-bottom: 25px;
}
.test-form__item {
  display: none;
}
.test-form__rules {
  text-align: center;
  margin-bottom: 20px;
}
.test-form__rules-link {
  font-size: 26px;
  border: none;
  display: inline-block;
  color: #fff;
}
.test-form__rules-link:before,
.test-form__rules-link:after {
  background-color: #e1000f;
  display: block;
  content: "";
  height: 2px;
  width: 0%;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: width 0.3s ease-in-out;
  -moz--transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
.test-form__rules-link:hover:before,
.test-form__rules-link:hover:after {
  width: 100%;
}
.test-form__load {
  display: none;
  text-align: center;
}
.test-form__load.active {
  display: block;
}
.test-form__submit {
  border: 2px solid #df010c;
  line-height: 40px;
  text-align: center;
  color: #df010c;
  width: 100%;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.test-form__submit:hover {
  background-color: #df010c;
  color: #fff;
}
.test-form__question {
  font-size: 20px;
  color: #000;
  text-align: center;
  margin-bottom: 25px;
}
.test-form__input {
  display: none;
  /*&:checked + .test-form__label {

      &:before {
        border-color: #fe0201;
      }

      &:after {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        position: absolute;
        left: 20px;
        top: 5px;
        border-radius: 10px;
        background-color: #fe0201;
      }
    }

    &:checked ~ .test-form__next {
      display: block;
    }*/
}
.test-form__label {
  display: block;
  position: relative;
  margin-bottom: 25px;
  padding: 5px 10px;
  background: #484848;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  /*&:before {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      left: 15px;
      border: 2px solid #dedede;
      border-radius: 20px;
      box-sizing: border-box;
    }*/
}
.test-form__label:hover {
  background: #20a740;
}
.test-form__gift {
  display: none;
  flex-wrap: wrap;
  border: 5px solid #24a842;
  background-color: rgba(255, 255, 255, 0.75);
  position: relative;
  padding: 40px;
}
.test-form__gift.active {
  display: flex;
}
.test-form__gift.error {
  display: flex;
  border-color: #fe0201;
}
.test-form__gift.error .test-form__share {
  display: none;
}
.test-form__gift-picture {
  flex-basis: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 300px;
  box-sizing: border-box;
  background-origin: content-box;
}
@media screen and (min-width: 980px) {
  .test-form__gift-picture {
    flex-basis: 50%;
    padding-right: 40px;
  }
}
.test-form__gift-content {
  flex-basis: 100%;
}
@media screen and (min-width: 980px) {
  .test-form__gift-content {
    flex-basis: 50%;
  }
}
.test-form__gift-header {
  font-weight: bold;
  color: #252525;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 20px;
  font-size: 32px;
}
.test-form__gift-text {
  font-size: 15px;
}
.test-form__gift-text p {
  margin-bottom: 10px;
}
.test-form__gift-share {
  display: block;
  background-color: #24a842;
  line-height: 50px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.test-form__gift-share:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.christmas-test.hidden {
  display: none;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 61.1975em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}
@media screen and (max-width: 40em) {
  .hide-for-small-only {
    display: none !important;
  }
}
@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}
@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}
@media screen and (max-width: 40em) {
  .show-for-medium {
    display: none !important;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1975em) {
  .hide-for-medium-only {
    display: none !important;
  }
}
@media screen and (max-width: 40em), screen and (min-width: 60em) {
  .show-for-medium-only {
    display: none !important;
  }
}
@media print, screen and (min-width: 60em) {
  .hide-for-large {
    display: none !important;
  }
}
@media screen and (max-width: 61.1975em) {
  .show-for-large {
    display: none !important;
  }
}
@media screen and (min-width: 60em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important;
  }
}
@media screen and (max-width: 61.1975em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}
.grid-container img {
  max-width: 100%;
}
.grid-container *,
.grid-x * {
  box-sizing: border-box;
}
.grid-container {
  box-sizing: border-box;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 59.7rem;
  margin: 0 auto;
}
.grid-container.fluid {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 100%;
  margin: 0 auto;
}
.grid-container.full {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  margin: 0 auto;
}
.grid-x {
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.cell {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
}
.cell.auto {
  -ms-flex: 1 1 0;
  flex: 1 1 0;
}
.cell.shrink {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.grid-x > .auto {
  width: auto;
}
.grid-x > .shrink {
  width: auto;
}
.grid-x > .small-1,
.grid-x > .small-10,
.grid-x > .small-11,
.grid-x > .small-12,
.grid-x > .small-13,
.grid-x > .small-14,
.grid-x > .small-15,
.grid-x > .small-16,
.grid-x > .small-17,
.grid-x > .small-18,
.grid-x > .small-19,
.grid-x > .small-2,
.grid-x > .small-20,
.grid-x > .small-21,
.grid-x > .small-22,
.grid-x > .small-23,
.grid-x > .small-24,
.grid-x > .small-3,
.grid-x > .small-4,
.grid-x > .small-5,
.grid-x > .small-6,
.grid-x > .small-7,
.grid-x > .small-8,
.grid-x > .small-9,
.grid-x > .small-full,
.grid-x > .small-shrink {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-x > .medium-1,
  .grid-x > .medium-10,
  .grid-x > .medium-11,
  .grid-x > .medium-12,
  .grid-x > .medium-13,
  .grid-x > .medium-14,
  .grid-x > .medium-15,
  .grid-x > .medium-16,
  .grid-x > .medium-17,
  .grid-x > .medium-18,
  .grid-x > .medium-19,
  .grid-x > .medium-2,
  .grid-x > .medium-20,
  .grid-x > .medium-21,
  .grid-x > .medium-22,
  .grid-x > .medium-23,
  .grid-x > .medium-24,
  .grid-x > .medium-3,
  .grid-x > .medium-4,
  .grid-x > .medium-5,
  .grid-x > .medium-6,
  .grid-x > .medium-7,
  .grid-x > .medium-8,
  .grid-x > .medium-9,
  .grid-x > .medium-full,
  .grid-x > .medium-shrink {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}
@media print, screen and (min-width: 61.1975em) {
  .grid-x > .large-1,
  .grid-x > .large-10,
  .grid-x > .large-11,
  .grid-x > .large-12,
  .grid-x > .large-13,
  .grid-x > .large-14,
  .grid-x > .large-15,
  .grid-x > .large-16,
  .grid-x > .large-17,
  .grid-x > .large-18,
  .grid-x > .large-19,
  .grid-x > .large-2,
  .grid-x > .large-20,
  .grid-x > .large-21,
  .grid-x > .large-22,
  .grid-x > .large-23,
  .grid-x > .large-24,
  .grid-x > .large-3,
  .grid-x > .large-4,
  .grid-x > .large-5,
  .grid-x > .large-6,
  .grid-x > .large-7,
  .grid-x > .large-8,
  .grid-x > .large-9,
  .grid-x > .large-full,
  .grid-x > .large-shrink {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}
.grid-x > .small-1 {
  width: 4.16667%;
}
.grid-x > .small-2 {
  width: 8.33333%;
}
.grid-x > .small-3 {
  width: 12.5%;
}
.grid-x > .small-4 {
  width: 16.66667%;
}
.grid-x > .small-5 {
  width: 20.83333%;
}
.grid-x > .small-6 {
  width: 25%;
}
.grid-x > .small-7 {
  width: 29.16667%;
}
.grid-x > .small-8 {
  width: 33.33333%;
}
.grid-x > .small-9 {
  width: 37.5%;
}
.grid-x > .small-10 {
  width: 41.66667%;
}
.grid-x > .small-11 {
  width: 45.83333%;
}
.grid-x > .small-12 {
  width: 50%;
}
.grid-x > .small-13 {
  width: 54.16667%;
}
.grid-x > .small-14 {
  width: 58.33333%;
}
.grid-x > .small-15 {
  width: 62.5%;
}
.grid-x > .small-16 {
  width: 66.66667%;
}
.grid-x > .small-17 {
  width: 70.83333%;
}
.grid-x > .small-18 {
  width: 75%;
}
.grid-x > .small-19 {
  width: 79.16667%;
}
.grid-x > .small-20 {
  width: 83.33333%;
}
.grid-x > .small-21 {
  width: 87.5%;
}
.grid-x > .small-22 {
  width: 91.66667%;
}
.grid-x > .small-23 {
  width: 95.83333%;
}
.grid-x > .small-24 {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .medium-shrink {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .medium-1 {
    width: 4.16667%;
  }
  .grid-x > .medium-2 {
    width: 8.33333%;
  }
  .grid-x > .medium-3 {
    width: 12.5%;
  }
  .grid-x > .medium-4 {
    width: 16.66667%;
  }
  .grid-x > .medium-5 {
    width: 20.83333%;
  }
  .grid-x > .medium-6 {
    width: 25%;
  }
  .grid-x > .medium-7 {
    width: 29.16667%;
  }
  .grid-x > .medium-8 {
    width: 33.33333%;
  }
  .grid-x > .medium-9 {
    width: 37.5%;
  }
  .grid-x > .medium-10 {
    width: 41.66667%;
  }
  .grid-x > .medium-11 {
    width: 45.83333%;
  }
  .grid-x > .medium-12 {
    width: 50%;
  }
  .grid-x > .medium-13 {
    width: 54.16667%;
  }
  .grid-x > .medium-14 {
    width: 58.33333%;
  }
  .grid-x > .medium-15 {
    width: 62.5%;
  }
  .grid-x > .medium-16 {
    width: 66.66667%;
  }
  .grid-x > .medium-17 {
    width: 70.83333%;
  }
  .grid-x > .medium-18 {
    width: 75%;
  }
  .grid-x > .medium-19 {
    width: 79.16667%;
  }
  .grid-x > .medium-20 {
    width: 83.33333%;
  }
  .grid-x > .medium-21 {
    width: 87.5%;
  }
  .grid-x > .medium-22 {
    width: 91.66667%;
  }
  .grid-x > .medium-23 {
    width: 95.83333%;
  }
  .grid-x > .medium-24 {
    width: 100%;
  }
}
@media print, screen and (min-width: 61.1975em) {
  .grid-x > .large-auto {
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .large-shrink {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .large-1 {
    width: 4.16667%;
  }
  .grid-x > .large-2 {
    width: 8.33333%;
  }
  .grid-x > .large-3 {
    width: 12.5%;
  }
  .grid-x > .large-4 {
    width: 16.66667%;
  }
  .grid-x > .large-5 {
    width: 20.83333%;
  }
  .grid-x > .large-6 {
    width: 25%;
  }
  .grid-x > .large-7 {
    width: 29.16667%;
  }
  .grid-x > .large-8 {
    width: 33.33333%;
  }
  .grid-x > .large-9 {
    width: 37.5%;
  }
  .grid-x > .large-10 {
    width: 41.66667%;
  }
  .grid-x > .large-11 {
    width: 45.83333%;
  }
  .grid-x > .large-12 {
    width: 50%;
  }
  .grid-x > .large-13 {
    width: 54.16667%;
  }
  .grid-x > .large-14 {
    width: 58.33333%;
  }
  .grid-x > .large-15 {
    width: 62.5%;
  }
  .grid-x > .large-16 {
    width: 66.66667%;
  }
  .grid-x > .large-17 {
    width: 70.83333%;
  }
  .grid-x > .large-18 {
    width: 75%;
  }
  .grid-x > .large-19 {
    width: 79.16667%;
  }
  .grid-x > .large-20 {
    width: 83.33333%;
  }
  .grid-x > .large-21 {
    width: 87.5%;
  }
  .grid-x > .large-22 {
    width: 91.66667%;
  }
  .grid-x > .large-23 {
    width: 95.83333%;
  }
  .grid-x > .large-24 {
    width: 100%;
  }
}
.grid-margin-x:not(.grid-x) > .cell {
  width: auto;
}
.grid-margin-y:not(.grid-y) > .cell {
  height: auto;
}
.grid-margin-x {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
.grid-margin-x > .cell {
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.grid-margin-x > .auto {
  width: auto;
}
.grid-margin-x > .shrink {
  width: auto;
}
.grid-margin-x > .small-1 {
  width: calc(4.16667% - 1.25rem);
}
.grid-margin-x > .small-2 {
  width: calc(8.33333% - 1.25rem);
}
.grid-margin-x > .small-3 {
  width: calc(12.5% - 1.25rem);
}
.grid-margin-x > .small-4 {
  width: calc(16.66667% - 1.25rem);
}
.grid-margin-x > .small-5 {
  width: calc(20.83333% - 1.25rem);
}
.grid-margin-x > .small-6 {
  width: calc(25% - 1.25rem);
}
.grid-margin-x > .small-7 {
  width: calc(29.16667% - 1.25rem);
}
.grid-margin-x > .small-8 {
  width: calc(33.33333% - 1.25rem);
}
.grid-margin-x > .small-9 {
  width: calc(37.5% - 1.25rem);
}
.grid-margin-x > .small-10 {
  width: calc(41.66667% - 1.25rem);
}
.grid-margin-x > .small-11 {
  width: calc(45.83333% - 1.25rem);
}
.grid-margin-x > .small-12 {
  width: calc(50% - 1.25rem);
}
.grid-margin-x > .small-13 {
  width: calc(54.16667% - 1.25rem);
}
.grid-margin-x > .small-14 {
  width: calc(58.33333% - 1.25rem);
}
.grid-margin-x > .small-15 {
  width: calc(62.5% - 1.25rem);
}
.grid-margin-x > .small-16 {
  width: calc(66.66667% - 1.25rem);
}
.grid-margin-x > .small-17 {
  width: calc(70.83333% - 1.25rem);
}
.grid-margin-x > .small-18 {
  width: calc(75% - 1.25rem);
}
.grid-margin-x > .small-19 {
  width: calc(79.16667% - 1.25rem);
}
.grid-margin-x > .small-20 {
  width: calc(83.33333% - 1.25rem);
}
.grid-margin-x > .small-21 {
  width: calc(87.5% - 1.25rem);
}
.grid-margin-x > .small-22 {
  width: calc(91.66667% - 1.25rem);
}
.grid-margin-x > .small-23 {
  width: calc(95.83333% - 1.25rem);
}
.grid-margin-x > .small-24 {
  width: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x > .medium-auto {
    width: auto;
  }
  .grid-margin-x > .medium-shrink {
    width: auto;
  }
  .grid-margin-x > .medium-1 {
    width: calc(4.16667% - 1.25rem);
  }
  .grid-margin-x > .medium-2 {
    width: calc(8.33333% - 1.25rem);
  }
  .grid-margin-x > .medium-3 {
    width: calc(12.5% - 1.25rem);
  }
  .grid-margin-x > .medium-4 {
    width: calc(16.66667% - 1.25rem);
  }
  .grid-margin-x > .medium-5 {
    width: calc(20.83333% - 1.25rem);
  }
  .grid-margin-x > .medium-6 {
    width: calc(25% - 1.25rem);
  }
  .grid-margin-x > .medium-7 {
    width: calc(29.16667% - 1.25rem);
  }
  .grid-margin-x > .medium-8 {
    width: calc(33.33333% - 1.25rem);
  }
  .grid-margin-x > .medium-9 {
    width: calc(37.5% - 1.25rem);
  }
  .grid-margin-x > .medium-10 {
    width: calc(41.66667% - 1.25rem);
  }
  .grid-margin-x > .medium-11 {
    width: calc(45.83333% - 1.25rem);
  }
  .grid-margin-x > .medium-12 {
    width: calc(50% - 1.25rem);
  }
  .grid-margin-x > .medium-13 {
    width: calc(54.16667% - 1.25rem);
  }
  .grid-margin-x > .medium-14 {
    width: calc(58.33333% - 1.25rem);
  }
  .grid-margin-x > .medium-15 {
    width: calc(62.5% - 1.25rem);
  }
  .grid-margin-x > .medium-16 {
    width: calc(66.66667% - 1.25rem);
  }
  .grid-margin-x > .medium-17 {
    width: calc(70.83333% - 1.25rem);
  }
  .grid-margin-x > .medium-18 {
    width: calc(75% - 1.25rem);
  }
  .grid-margin-x > .medium-19 {
    width: calc(79.16667% - 1.25rem);
  }
  .grid-margin-x > .medium-20 {
    width: calc(83.33333% - 1.25rem);
  }
  .grid-margin-x > .medium-21 {
    width: calc(87.5% - 1.25rem);
  }
  .grid-margin-x > .medium-22 {
    width: calc(91.66667% - 1.25rem);
  }
  .grid-margin-x > .medium-23 {
    width: calc(95.83333% - 1.25rem);
  }
  .grid-margin-x > .medium-24 {
    width: calc(100% - 1.25rem);
  }
}
@media print, screen and (min-width: 61.1975em) {
  .grid-margin-x > .large-auto {
    width: auto;
  }
  .grid-margin-x > .large-shrink {
    width: auto;
  }
  .grid-margin-x > .large-1 {
    width: calc(4.16667% - 1.25rem);
  }
  .grid-margin-x > .large-2 {
    width: calc(8.33333% - 1.25rem);
  }
  .grid-margin-x > .large-3 {
    width: calc(12.5% - 1.25rem);
  }
  .grid-margin-x > .large-4 {
    width: calc(16.66667% - 1.25rem);
  }
  .grid-margin-x > .large-5 {
    width: calc(20.83333% - 1.25rem);
  }
  .grid-margin-x > .large-6 {
    width: calc(25% - 1.25rem);
  }
  .grid-margin-x > .large-7 {
    width: calc(29.16667% - 1.25rem);
  }
  .grid-margin-x > .large-8 {
    width: calc(33.33333% - 1.25rem);
  }
  .grid-margin-x > .large-9 {
    width: calc(37.5% - 1.25rem);
  }
  .grid-margin-x > .large-10 {
    width: calc(41.66667% - 1.25rem);
  }
  .grid-margin-x > .large-11 {
    width: calc(45.83333% - 1.25rem);
  }
  .grid-margin-x > .large-12 {
    width: calc(50% - 1.25rem);
  }
  .grid-margin-x > .large-13 {
    width: calc(54.16667% - 1.25rem);
  }
  .grid-margin-x > .large-14 {
    width: calc(58.33333% - 1.25rem);
  }
  .grid-margin-x > .large-15 {
    width: calc(62.5% - 1.25rem);
  }
  .grid-margin-x > .large-16 {
    width: calc(66.66667% - 1.25rem);
  }
  .grid-margin-x > .large-17 {
    width: calc(70.83333% - 1.25rem);
  }
  .grid-margin-x > .large-18 {
    width: calc(75% - 1.25rem);
  }
  .grid-margin-x > .large-19 {
    width: calc(79.16667% - 1.25rem);
  }
  .grid-margin-x > .large-20 {
    width: calc(83.33333% - 1.25rem);
  }
  .grid-margin-x > .large-21 {
    width: calc(87.5% - 1.25rem);
  }
  .grid-margin-x > .large-22 {
    width: calc(91.66667% - 1.25rem);
  }
  .grid-margin-x > .large-23 {
    width: calc(95.83333% - 1.25rem);
  }
  .grid-margin-x > .large-24 {
    width: calc(100% - 1.25rem);
  }
}
.grid-padding-x .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
.grid-padding-x > .cell {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
.small-up-1 > .cell {
  width: 100%;
}
.small-up-2 > .cell {
  width: 50%;
}
.small-up-3 > .cell {
  width: 33.33333%;
}
.small-up-4 > .cell {
  width: 25%;
}
.small-up-5 > .cell {
  width: 20%;
}
.small-up-6 > .cell {
  width: 16.66667%;
}
.small-up-7 > .cell {
  width: 14.28571%;
}
.small-up-8 > .cell {
  width: 12.5%;
}
@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%;
  }
  .medium-up-2 > .cell {
    width: 50%;
  }
  .medium-up-3 > .cell {
    width: 33.33333%;
  }
  .medium-up-4 > .cell {
    width: 25%;
  }
  .medium-up-5 > .cell {
    width: 20%;
  }
  .medium-up-6 > .cell {
    width: 16.66667%;
  }
  .medium-up-7 > .cell {
    width: 14.28571%;
  }
  .medium-up-8 > .cell {
    width: 12.5%;
  }
}
@media print, screen and (min-width: 61.1975em) {
  .large-up-1 > .cell {
    width: 100%;
  }
  .large-up-2 > .cell {
    width: 50%;
  }
  .large-up-3 > .cell {
    width: 33.33333%;
  }
  .large-up-4 > .cell {
    width: 25%;
  }
  .large-up-5 > .cell {
    width: 20%;
  }
  .large-up-6 > .cell {
    width: 16.66667%;
  }
  .large-up-7 > .cell {
    width: 14.28571%;
  }
  .large-up-8 > .cell {
    width: 12.5%;
  }
}
.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.25rem);
}
.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.25rem);
}
.grid-margin-x.small-up-3 > .cell {
  width: calc(33.33333% - 1.25rem);
}
.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.25rem);
}
.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.25rem);
}
.grid-margin-x.small-up-6 > .cell {
  width: calc(16.66667% - 1.25rem);
}
.grid-margin-x.small-up-7 > .cell {
  width: calc(14.28571% - 1.25rem);
}
.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.25rem);
  }
  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.25rem);
  }
  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.33333% - 1.25rem);
  }
  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.25rem);
  }
  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.25rem);
  }
  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.66667% - 1.25rem);
  }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.28571% - 1.25rem);
  }
  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.25rem);
  }
}
@media print, screen and (min-width: 61.1975em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.25rem);
  }
  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.25rem);
  }
  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.33333% - 1.25rem);
  }
  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.25rem);
  }
  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.25rem);
  }
  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.66667% - 1.25rem);
  }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.28571% - 1.25rem);
  }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.25rem);
  }
}
.small-margin-collapse {
  margin-right: 0;
  margin-left: 0;
}
.small-margin-collapse > .cell {
  margin-right: 0;
  margin-left: 0;
}
.small-margin-collapse > .small-1 {
  width: 4.16667%;
}
.small-margin-collapse > .small-2 {
  width: 8.33333%;
}
.small-margin-collapse > .small-3 {
  width: 12.5%;
}
.small-margin-collapse > .small-4 {
  width: 16.66667%;
}
.small-margin-collapse > .small-5 {
  width: 20.83333%;
}
.small-margin-collapse > .small-6 {
  width: 25%;
}
.small-margin-collapse > .small-7 {
  width: 29.16667%;
}
.small-margin-collapse > .small-8 {
  width: 33.33333%;
}
.small-margin-collapse > .small-9 {
  width: 37.5%;
}
.small-margin-collapse > .small-10 {
  width: 41.66667%;
}
.small-margin-collapse > .small-11 {
  width: 45.83333%;
}
.small-margin-collapse > .small-12 {
  width: 50%;
}
.small-margin-collapse > .small-13 {
  width: 54.16667%;
}
.small-margin-collapse > .small-14 {
  width: 58.33333%;
}
.small-margin-collapse > .small-15 {
  width: 62.5%;
}
.small-margin-collapse > .small-16 {
  width: 66.66667%;
}
.small-margin-collapse > .small-17 {
  width: 70.83333%;
}
.small-margin-collapse > .small-18 {
  width: 75%;
}
.small-margin-collapse > .small-19 {
  width: 79.16667%;
}
.small-margin-collapse > .small-20 {
  width: 83.33333%;
}
.small-margin-collapse > .small-21 {
  width: 87.5%;
}
.small-margin-collapse > .small-22 {
  width: 91.66667%;
}
.small-margin-collapse > .small-23 {
  width: 95.83333%;
}
.small-margin-collapse > .small-24 {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .small-margin-collapse > .medium-1 {
    width: 4.16667%;
  }
  .small-margin-collapse > .medium-2 {
    width: 8.33333%;
  }
  .small-margin-collapse > .medium-3 {
    width: 12.5%;
  }
  .small-margin-collapse > .medium-4 {
    width: 16.66667%;
  }
  .small-margin-collapse > .medium-5 {
    width: 20.83333%;
  }
  .small-margin-collapse > .medium-6 {
    width: 25%;
  }
  .small-margin-collapse > .medium-7 {
    width: 29.16667%;
  }
  .small-margin-collapse > .medium-8 {
    width: 33.33333%;
  }
  .small-margin-collapse > .medium-9 {
    width: 37.5%;
  }
  .small-margin-collapse > .medium-10 {
    width: 41.66667%;
  }
  .small-margin-collapse > .medium-11 {
    width: 45.83333%;
  }
  .small-margin-collapse > .medium-12 {
    width: 50%;
  }
  .small-margin-collapse > .medium-13 {
    width: 54.16667%;
  }
  .small-margin-collapse > .medium-14 {
    width: 58.33333%;
  }
  .small-margin-collapse > .medium-15 {
    width: 62.5%;
  }
  .small-margin-collapse > .medium-16 {
    width: 66.66667%;
  }
  .small-margin-collapse > .medium-17 {
    width: 70.83333%;
  }
  .small-margin-collapse > .medium-18 {
    width: 75%;
  }
  .small-margin-collapse > .medium-19 {
    width: 79.16667%;
  }
  .small-margin-collapse > .medium-20 {
    width: 83.33333%;
  }
  .small-margin-collapse > .medium-21 {
    width: 87.5%;
  }
  .small-margin-collapse > .medium-22 {
    width: 91.66667%;
  }
  .small-margin-collapse > .medium-23 {
    width: 95.83333%;
  }
  .small-margin-collapse > .medium-24 {
    width: 100%;
  }
}
@media print, screen and (min-width: 61.1975em) {
  .small-margin-collapse > .large-1 {
    width: 4.16667%;
  }
  .small-margin-collapse > .large-2 {
    width: 8.33333%;
  }
  .small-margin-collapse > .large-3 {
    width: 12.5%;
  }
  .small-margin-collapse > .large-4 {
    width: 16.66667%;
  }
  .small-margin-collapse > .large-5 {
    width: 20.83333%;
  }
  .small-margin-collapse > .large-6 {
    width: 25%;
  }
  .small-margin-collapse > .large-7 {
    width: 29.16667%;
  }
  .small-margin-collapse > .large-8 {
    width: 33.33333%;
  }
  .small-margin-collapse > .large-9 {
    width: 37.5%;
  }
  .small-margin-collapse > .large-10 {
    width: 41.66667%;
  }
  .small-margin-collapse > .large-11 {
    width: 45.83333%;
  }
  .small-margin-collapse > .large-12 {
    width: 50%;
  }
  .small-margin-collapse > .large-13 {
    width: 54.16667%;
  }
  .small-margin-collapse > .large-14 {
    width: 58.33333%;
  }
  .small-margin-collapse > .large-15 {
    width: 62.5%;
  }
  .small-margin-collapse > .large-16 {
    width: 66.66667%;
  }
  .small-margin-collapse > .large-17 {
    width: 70.83333%;
  }
  .small-margin-collapse > .large-18 {
    width: 75%;
  }
  .small-margin-collapse > .large-19 {
    width: 79.16667%;
  }
  .small-margin-collapse > .large-20 {
    width: 83.33333%;
  }
  .small-margin-collapse > .large-21 {
    width: 87.5%;
  }
  .small-margin-collapse > .large-22 {
    width: 91.66667%;
  }
  .small-margin-collapse > .large-23 {
    width: 95.83333%;
  }
  .small-margin-collapse > .large-24 {
    width: 100%;
  }
}
.small-padding-collapse {
  margin-right: 0;
  margin-left: 0;
}
.small-padding-collapse > .cell {
  padding-right: 0;
  padding-left: 0;
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 4.16667%;
  }
  .medium-margin-collapse > .small-2 {
    width: 8.33333%;
  }
  .medium-margin-collapse > .small-3 {
    width: 12.5%;
  }
  .medium-margin-collapse > .small-4 {
    width: 16.66667%;
  }
  .medium-margin-collapse > .small-5 {
    width: 20.83333%;
  }
  .medium-margin-collapse > .small-6 {
    width: 25%;
  }
  .medium-margin-collapse > .small-7 {
    width: 29.16667%;
  }
  .medium-margin-collapse > .small-8 {
    width: 33.33333%;
  }
  .medium-margin-collapse > .small-9 {
    width: 37.5%;
  }
  .medium-margin-collapse > .small-10 {
    width: 41.66667%;
  }
  .medium-margin-collapse > .small-11 {
    width: 45.83333%;
  }
  .medium-margin-collapse > .small-12 {
    width: 50%;
  }
  .medium-margin-collapse > .small-13 {
    width: 54.16667%;
  }
  .medium-margin-collapse > .small-14 {
    width: 58.33333%;
  }
  .medium-margin-collapse > .small-15 {
    width: 62.5%;
  }
  .medium-margin-collapse > .small-16 {
    width: 66.66667%;
  }
  .medium-margin-collapse > .small-17 {
    width: 70.83333%;
  }
  .medium-margin-collapse > .small-18 {
    width: 75%;
  }
  .medium-margin-collapse > .small-19 {
    width: 79.16667%;
  }
  .medium-margin-collapse > .small-20 {
    width: 83.33333%;
  }
  .medium-margin-collapse > .small-21 {
    width: 87.5%;
  }
  .medium-margin-collapse > .small-22 {
    width: 91.66667%;
  }
  .medium-margin-collapse > .small-23 {
    width: 95.83333%;
  }
  .medium-margin-collapse > .small-24 {
    width: 100%;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 4.16667%;
  }
  .medium-margin-collapse > .medium-2 {
    width: 8.33333%;
  }
  .medium-margin-collapse > .medium-3 {
    width: 12.5%;
  }
  .medium-margin-collapse > .medium-4 {
    width: 16.66667%;
  }
  .medium-margin-collapse > .medium-5 {
    width: 20.83333%;
  }
  .medium-margin-collapse > .medium-6 {
    width: 25%;
  }
  .medium-margin-collapse > .medium-7 {
    width: 29.16667%;
  }
  .medium-margin-collapse > .medium-8 {
    width: 33.33333%;
  }
  .medium-margin-collapse > .medium-9 {
    width: 37.5%;
  }
  .medium-margin-collapse > .medium-10 {
    width: 41.66667%;
  }
  .medium-margin-collapse > .medium-11 {
    width: 45.83333%;
  }
  .medium-margin-collapse > .medium-12 {
    width: 50%;
  }
  .medium-margin-collapse > .medium-13 {
    width: 54.16667%;
  }
  .medium-margin-collapse > .medium-14 {
    width: 58.33333%;
  }
  .medium-margin-collapse > .medium-15 {
    width: 62.5%;
  }
  .medium-margin-collapse > .medium-16 {
    width: 66.66667%;
  }
  .medium-margin-collapse > .medium-17 {
    width: 70.83333%;
  }
  .medium-margin-collapse > .medium-18 {
    width: 75%;
  }
  .medium-margin-collapse > .medium-19 {
    width: 79.16667%;
  }
  .medium-margin-collapse > .medium-20 {
    width: 83.33333%;
  }
  .medium-margin-collapse > .medium-21 {
    width: 87.5%;
  }
  .medium-margin-collapse > .medium-22 {
    width: 91.66667%;
  }
  .medium-margin-collapse > .medium-23 {
    width: 95.83333%;
  }
  .medium-margin-collapse > .medium-24 {
    width: 100%;
  }
}
@media print, screen and (min-width: 61.1975em) {
  .medium-margin-collapse > .large-1 {
    width: 4.16667%;
  }
  .medium-margin-collapse > .large-2 {
    width: 8.33333%;
  }
  .medium-margin-collapse > .large-3 {
    width: 12.5%;
  }
  .medium-margin-collapse > .large-4 {
    width: 16.66667%;
  }
  .medium-margin-collapse > .large-5 {
    width: 20.83333%;
  }
  .medium-margin-collapse > .large-6 {
    width: 25%;
  }
  .medium-margin-collapse > .large-7 {
    width: 29.16667%;
  }
  .medium-margin-collapse > .large-8 {
    width: 33.33333%;
  }
  .medium-margin-collapse > .large-9 {
    width: 37.5%;
  }
  .medium-margin-collapse > .large-10 {
    width: 41.66667%;
  }
  .medium-margin-collapse > .large-11 {
    width: 45.83333%;
  }
  .medium-margin-collapse > .large-12 {
    width: 50%;
  }
  .medium-margin-collapse > .large-13 {
    width: 54.16667%;
  }
  .medium-margin-collapse > .large-14 {
    width: 58.33333%;
  }
  .medium-margin-collapse > .large-15 {
    width: 62.5%;
  }
  .medium-margin-collapse > .large-16 {
    width: 66.66667%;
  }
  .medium-margin-collapse > .large-17 {
    width: 70.83333%;
  }
  .medium-margin-collapse > .large-18 {
    width: 75%;
  }
  .medium-margin-collapse > .large-19 {
    width: 79.16667%;
  }
  .medium-margin-collapse > .large-20 {
    width: 83.33333%;
  }
  .medium-margin-collapse > .large-21 {
    width: 87.5%;
  }
  .medium-margin-collapse > .large-22 {
    width: 91.66667%;
  }
  .medium-margin-collapse > .large-23 {
    width: 95.83333%;
  }
  .medium-margin-collapse > .large-24 {
    width: 100%;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}
@media print, screen and (min-width: 61.1975em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 61.1975em) {
  .large-margin-collapse > .small-1 {
    width: 4.16667%;
  }
  .large-margin-collapse > .small-2 {
    width: 8.33333%;
  }
  .large-margin-collapse > .small-3 {
    width: 12.5%;
  }
  .large-margin-collapse > .small-4 {
    width: 16.66667%;
  }
  .large-margin-collapse > .small-5 {
    width: 20.83333%;
  }
  .large-margin-collapse > .small-6 {
    width: 25%;
  }
  .large-margin-collapse > .small-7 {
    width: 29.16667%;
  }
  .large-margin-collapse > .small-8 {
    width: 33.33333%;
  }
  .large-margin-collapse > .small-9 {
    width: 37.5%;
  }
  .large-margin-collapse > .small-10 {
    width: 41.66667%;
  }
  .large-margin-collapse > .small-11 {
    width: 45.83333%;
  }
  .large-margin-collapse > .small-12 {
    width: 50%;
  }
  .large-margin-collapse > .small-13 {
    width: 54.16667%;
  }
  .large-margin-collapse > .small-14 {
    width: 58.33333%;
  }
  .large-margin-collapse > .small-15 {
    width: 62.5%;
  }
  .large-margin-collapse > .small-16 {
    width: 66.66667%;
  }
  .large-margin-collapse > .small-17 {
    width: 70.83333%;
  }
  .large-margin-collapse > .small-18 {
    width: 75%;
  }
  .large-margin-collapse > .small-19 {
    width: 79.16667%;
  }
  .large-margin-collapse > .small-20 {
    width: 83.33333%;
  }
  .large-margin-collapse > .small-21 {
    width: 87.5%;
  }
  .large-margin-collapse > .small-22 {
    width: 91.66667%;
  }
  .large-margin-collapse > .small-23 {
    width: 95.83333%;
  }
  .large-margin-collapse > .small-24 {
    width: 100%;
  }
}
@media print, screen and (min-width: 61.1975em) {
  .large-margin-collapse > .medium-1 {
    width: 4.16667%;
  }
  .large-margin-collapse > .medium-2 {
    width: 8.33333%;
  }
  .large-margin-collapse > .medium-3 {
    width: 12.5%;
  }
  .large-margin-collapse > .medium-4 {
    width: 16.66667%;
  }
  .large-margin-collapse > .medium-5 {
    width: 20.83333%;
  }
  .large-margin-collapse > .medium-6 {
    width: 25%;
  }
  .large-margin-collapse > .medium-7 {
    width: 29.16667%;
  }
  .large-margin-collapse > .medium-8 {
    width: 33.33333%;
  }
  .large-margin-collapse > .medium-9 {
    width: 37.5%;
  }
  .large-margin-collapse > .medium-10 {
    width: 41.66667%;
  }
  .large-margin-collapse > .medium-11 {
    width: 45.83333%;
  }
  .large-margin-collapse > .medium-12 {
    width: 50%;
  }
  .large-margin-collapse > .medium-13 {
    width: 54.16667%;
  }
  .large-margin-collapse > .medium-14 {
    width: 58.33333%;
  }
  .large-margin-collapse > .medium-15 {
    width: 62.5%;
  }
  .large-margin-collapse > .medium-16 {
    width: 66.66667%;
  }
  .large-margin-collapse > .medium-17 {
    width: 70.83333%;
  }
  .large-margin-collapse > .medium-18 {
    width: 75%;
  }
  .large-margin-collapse > .medium-19 {
    width: 79.16667%;
  }
  .large-margin-collapse > .medium-20 {
    width: 83.33333%;
  }
  .large-margin-collapse > .medium-21 {
    width: 87.5%;
  }
  .large-margin-collapse > .medium-22 {
    width: 91.66667%;
  }
  .large-margin-collapse > .medium-23 {
    width: 95.83333%;
  }
  .large-margin-collapse > .medium-24 {
    width: 100%;
  }
}
@media print, screen and (min-width: 61.1975em) {
  .large-margin-collapse > .large-1 {
    width: 4.16667%;
  }
  .large-margin-collapse > .large-2 {
    width: 8.33333%;
  }
  .large-margin-collapse > .large-3 {
    width: 12.5%;
  }
  .large-margin-collapse > .large-4 {
    width: 16.66667%;
  }
  .large-margin-collapse > .large-5 {
    width: 20.83333%;
  }
  .large-margin-collapse > .large-6 {
    width: 25%;
  }
  .large-margin-collapse > .large-7 {
    width: 29.16667%;
  }
  .large-margin-collapse > .large-8 {
    width: 33.33333%;
  }
  .large-margin-collapse > .large-9 {
    width: 37.5%;
  }
  .large-margin-collapse > .large-10 {
    width: 41.66667%;
  }
  .large-margin-collapse > .large-11 {
    width: 45.83333%;
  }
  .large-margin-collapse > .large-12 {
    width: 50%;
  }
  .large-margin-collapse > .large-13 {
    width: 54.16667%;
  }
  .large-margin-collapse > .large-14 {
    width: 58.33333%;
  }
  .large-margin-collapse > .large-15 {
    width: 62.5%;
  }
  .large-margin-collapse > .large-16 {
    width: 66.66667%;
  }
  .large-margin-collapse > .large-17 {
    width: 70.83333%;
  }
  .large-margin-collapse > .large-18 {
    width: 75%;
  }
  .large-margin-collapse > .large-19 {
    width: 79.16667%;
  }
  .large-margin-collapse > .large-20 {
    width: 83.33333%;
  }
  .large-margin-collapse > .large-21 {
    width: 87.5%;
  }
  .large-margin-collapse > .large-22 {
    width: 91.66667%;
  }
  .large-margin-collapse > .large-23 {
    width: 95.83333%;
  }
  .large-margin-collapse > .large-24 {
    width: 100%;
  }
}
@media print, screen and (min-width: 61.1975em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}
.small-offset-0 {
  margin-left: 0;
}
.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 0.625rem);
}
.small-offset-1 {
  margin-left: 4.16667%;
}
.grid-margin-x > .small-offset-1 {
  margin-left: calc(4.16667% + 0.625rem);
}
.small-offset-2 {
  margin-left: 8.33333%;
}
.grid-margin-x > .small-offset-2 {
  margin-left: calc(8.33333% + 0.625rem);
}
.small-offset-3 {
  margin-left: 12.5%;
}
.grid-margin-x > .small-offset-3 {
  margin-left: calc(12.5% + 0.625rem);
}
.small-offset-4 {
  margin-left: 16.66667%;
}
.grid-margin-x > .small-offset-4 {
  margin-left: calc(16.66667% + 0.625rem);
}
.small-offset-5 {
  margin-left: 20.83333%;
}
.grid-margin-x > .small-offset-5 {
  margin-left: calc(20.83333% + 0.625rem);
}
.small-offset-6 {
  margin-left: 25%;
}
.grid-margin-x > .small-offset-6 {
  margin-left: calc(25% + 0.625rem);
}
.small-offset-7 {
  margin-left: 29.16667%;
}
.grid-margin-x > .small-offset-7 {
  margin-left: calc(29.16667% + 0.625rem);
}
.small-offset-8 {
  margin-left: 33.33333%;
}
.grid-margin-x > .small-offset-8 {
  margin-left: calc(33.33333% + 0.625rem);
}
.small-offset-9 {
  margin-left: 37.5%;
}
.grid-margin-x > .small-offset-9 {
  margin-left: calc(37.5% + 0.625rem);
}
.small-offset-10 {
  margin-left: 41.66667%;
}
.grid-margin-x > .small-offset-10 {
  margin-left: calc(41.66667% + 0.625rem);
}
.small-offset-11 {
  margin-left: 45.83333%;
}
.grid-margin-x > .small-offset-11 {
  margin-left: calc(45.83333% + 0.625rem);
}
.small-offset-12 {
  margin-left: 50%;
}
.grid-margin-x > .small-offset-12 {
  margin-left: calc(50% + 0.625rem);
}
.small-offset-13 {
  margin-left: 54.16667%;
}
.grid-margin-x > .small-offset-13 {
  margin-left: calc(54.16667% + 0.625rem);
}
.small-offset-14 {
  margin-left: 58.33333%;
}
.grid-margin-x > .small-offset-14 {
  margin-left: calc(58.33333% + 0.625rem);
}
.small-offset-15 {
  margin-left: 62.5%;
}
.grid-margin-x > .small-offset-15 {
  margin-left: calc(62.5% + 0.625rem);
}
.small-offset-16 {
  margin-left: 66.66667%;
}
.grid-margin-x > .small-offset-16 {
  margin-left: calc(66.66667% + 0.625rem);
}
.small-offset-17 {
  margin-left: 70.83333%;
}
.grid-margin-x > .small-offset-17 {
  margin-left: calc(70.83333% + 0.625rem);
}
.small-offset-18 {
  margin-left: 75%;
}
.grid-margin-x > .small-offset-18 {
  margin-left: calc(75% + 0.625rem);
}
.small-offset-19 {
  margin-left: 79.16667%;
}
.grid-margin-x > .small-offset-19 {
  margin-left: calc(79.16667% + 0.625rem);
}
.small-offset-20 {
  margin-left: 83.33333%;
}
.grid-margin-x > .small-offset-20 {
  margin-left: calc(83.33333% + 0.625rem);
}
.small-offset-21 {
  margin-left: 87.5%;
}
.grid-margin-x > .small-offset-21 {
  margin-left: calc(87.5% + 0.625rem);
}
.small-offset-22 {
  margin-left: 91.66667%;
}
.grid-margin-x > .small-offset-22 {
  margin-left: calc(91.66667% + 0.625rem);
}
.small-offset-23 {
  margin-left: 95.83333%;
}
.grid-margin-x > .small-offset-23 {
  margin-left: calc(95.83333% + 0.625rem);
}
@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0;
  }
  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 0.625rem);
  }
  .medium-offset-1 {
    margin-left: 4.16667%;
  }
  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(4.16667% + 0.625rem);
  }
  .medium-offset-2 {
    margin-left: 8.33333%;
  }
  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(8.33333% + 0.625rem);
  }
  .medium-offset-3 {
    margin-left: 12.5%;
  }
  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(12.5% + 0.625rem);
  }
  .medium-offset-4 {
    margin-left: 16.66667%;
  }
  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(16.66667% + 0.625rem);
  }
  .medium-offset-5 {
    margin-left: 20.83333%;
  }
  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(20.83333% + 0.625rem);
  }
  .medium-offset-6 {
    margin-left: 25%;
  }
  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(25% + 0.625rem);
  }
  .medium-offset-7 {
    margin-left: 29.16667%;
  }
  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(29.16667% + 0.625rem);
  }
  .medium-offset-8 {
    margin-left: 33.33333%;
  }
  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(33.33333% + 0.625rem);
  }
  .medium-offset-9 {
    margin-left: 37.5%;
  }
  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(37.5% + 0.625rem);
  }
  .medium-offset-10 {
    margin-left: 41.66667%;
  }
  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(41.66667% + 0.625rem);
  }
  .medium-offset-11 {
    margin-left: 45.83333%;
  }
  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(45.83333% + 0.625rem);
  }
  .medium-offset-12 {
    margin-left: 50%;
  }
  .grid-margin-x > .medium-offset-12 {
    margin-left: calc(50% + 0.625rem);
  }
  .medium-offset-13 {
    margin-left: 54.16667%;
  }
  .grid-margin-x > .medium-offset-13 {
    margin-left: calc(54.16667% + 0.625rem);
  }
  .medium-offset-14 {
    margin-left: 58.33333%;
  }
  .grid-margin-x > .medium-offset-14 {
    margin-left: calc(58.33333% + 0.625rem);
  }
  .medium-offset-15 {
    margin-left: 62.5%;
  }
  .grid-margin-x > .medium-offset-15 {
    margin-left: calc(62.5% + 0.625rem);
  }
  .medium-offset-16 {
    margin-left: 66.66667%;
  }
  .grid-margin-x > .medium-offset-16 {
    margin-left: calc(66.66667% + 0.625rem);
  }
  .medium-offset-17 {
    margin-left: 70.83333%;
  }
  .grid-margin-x > .medium-offset-17 {
    margin-left: calc(70.83333% + 0.625rem);
  }
  .medium-offset-18 {
    margin-left: 75%;
  }
  .grid-margin-x > .medium-offset-18 {
    margin-left: calc(75% + 0.625rem);
  }
  .medium-offset-19 {
    margin-left: 79.16667%;
  }
  .grid-margin-x > .medium-offset-19 {
    margin-left: calc(79.16667% + 0.625rem);
  }
  .medium-offset-20 {
    margin-left: 83.33333%;
  }
  .grid-margin-x > .medium-offset-20 {
    margin-left: calc(83.33333% + 0.625rem);
  }
  .medium-offset-21 {
    margin-left: 87.5%;
  }
  .grid-margin-x > .medium-offset-21 {
    margin-left: calc(87.5% + 0.625rem);
  }
  .medium-offset-22 {
    margin-left: 91.66667%;
  }
  .grid-margin-x > .medium-offset-22 {
    margin-left: calc(91.66667% + 0.625rem);
  }
  .medium-offset-23 {
    margin-left: 95.83333%;
  }
  .grid-margin-x > .medium-offset-23 {
    margin-left: calc(95.83333% + 0.625rem);
  }
}
@media print, screen and (min-width: 61.1975em) {
  .large-offset-0 {
    margin-left: 0;
  }
  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 0.625rem);
  }
  .large-offset-1 {
    margin-left: 4.16667%;
  }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(4.16667% + 0.625rem);
  }
  .large-offset-2 {
    margin-left: 8.33333%;
  }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(8.33333% + 0.625rem);
  }
  .large-offset-3 {
    margin-left: 12.5%;
  }
  .grid-margin-x > .large-offset-3 {
    margin-left: calc(12.5% + 0.625rem);
  }
  .large-offset-4 {
    margin-left: 16.66667%;
  }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(16.66667% + 0.625rem);
  }
  .large-offset-5 {
    margin-left: 20.83333%;
  }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(20.83333% + 0.625rem);
  }
  .large-offset-6 {
    margin-left: 25%;
  }
  .grid-margin-x > .large-offset-6 {
    margin-left: calc(25% + 0.625rem);
  }
  .large-offset-7 {
    margin-left: 29.16667%;
  }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(29.16667% + 0.625rem);
  }
  .large-offset-8 {
    margin-left: 33.33333%;
  }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(33.33333% + 0.625rem);
  }
  .large-offset-9 {
    margin-left: 37.5%;
  }
  .grid-margin-x > .large-offset-9 {
    margin-left: calc(37.5% + 0.625rem);
  }
  .large-offset-10 {
    margin-left: 41.66667%;
  }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(41.66667% + 0.625rem);
  }
  .large-offset-11 {
    margin-left: 45.83333%;
  }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(45.83333% + 0.625rem);
  }
  .large-offset-12 {
    margin-left: 50%;
  }
  .grid-margin-x > .large-offset-12 {
    margin-left: calc(50% + 0.625rem);
  }
  .large-offset-13 {
    margin-left: 54.16667%;
  }
  .grid-margin-x > .large-offset-13 {
    margin-left: calc(54.16667% + 0.625rem);
  }
  .large-offset-14 {
    margin-left: 58.33333%;
  }
  .grid-margin-x > .large-offset-14 {
    margin-left: calc(58.33333% + 0.625rem);
  }
  .large-offset-15 {
    margin-left: 62.5%;
  }
  .grid-margin-x > .large-offset-15 {
    margin-left: calc(62.5% + 0.625rem);
  }
  .large-offset-16 {
    margin-left: 66.66667%;
  }
  .grid-margin-x > .large-offset-16 {
    margin-left: calc(66.66667% + 0.625rem);
  }
  .large-offset-17 {
    margin-left: 70.83333%;
  }
  .grid-margin-x > .large-offset-17 {
    margin-left: calc(70.83333% + 0.625rem);
  }
  .large-offset-18 {
    margin-left: 75%;
  }
  .grid-margin-x > .large-offset-18 {
    margin-left: calc(75% + 0.625rem);
  }
  .large-offset-19 {
    margin-left: 79.16667%;
  }
  .grid-margin-x > .large-offset-19 {
    margin-left: calc(79.16667% + 0.625rem);
  }
  .large-offset-20 {
    margin-left: 83.33333%;
  }
  .grid-margin-x > .large-offset-20 {
    margin-left: calc(83.33333% + 0.625rem);
  }
  .large-offset-21 {
    margin-left: 87.5%;
  }
  .grid-margin-x > .large-offset-21 {
    margin-left: calc(87.5% + 0.625rem);
  }
  .large-offset-22 {
    margin-left: 91.66667%;
  }
  .grid-margin-x > .large-offset-22 {
    margin-left: calc(91.66667% + 0.625rem);
  }
  .large-offset-23 {
    margin-left: 95.83333%;
  }
  .grid-margin-x > .large-offset-23 {
    margin-left: calc(95.83333% + 0.625rem);
  }
}
.grid-y {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.grid-y > .cell {
  width: auto;
}
.grid-y > .auto {
  height: auto;
}
.grid-y > .shrink {
  height: auto;
}
.grid-y > .small-1,
.grid-y > .small-10,
.grid-y > .small-11,
.grid-y > .small-12,
.grid-y > .small-13,
.grid-y > .small-14,
.grid-y > .small-15,
.grid-y > .small-16,
.grid-y > .small-17,
.grid-y > .small-18,
.grid-y > .small-19,
.grid-y > .small-2,
.grid-y > .small-20,
.grid-y > .small-21,
.grid-y > .small-22,
.grid-y > .small-23,
.grid-y > .small-24,
.grid-y > .small-3,
.grid-y > .small-4,
.grid-y > .small-5,
.grid-y > .small-6,
.grid-y > .small-7,
.grid-y > .small-8,
.grid-y > .small-9,
.grid-y > .small-full,
.grid-y > .small-shrink {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-1,
  .grid-y > .medium-10,
  .grid-y > .medium-11,
  .grid-y > .medium-12,
  .grid-y > .medium-13,
  .grid-y > .medium-14,
  .grid-y > .medium-15,
  .grid-y > .medium-16,
  .grid-y > .medium-17,
  .grid-y > .medium-18,
  .grid-y > .medium-19,
  .grid-y > .medium-2,
  .grid-y > .medium-20,
  .grid-y > .medium-21,
  .grid-y > .medium-22,
  .grid-y > .medium-23,
  .grid-y > .medium-24,
  .grid-y > .medium-3,
  .grid-y > .medium-4,
  .grid-y > .medium-5,
  .grid-y > .medium-6,
  .grid-y > .medium-7,
  .grid-y > .medium-8,
  .grid-y > .medium-9,
  .grid-y > .medium-full,
  .grid-y > .medium-shrink {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}
@media print, screen and (min-width: 61.1975em) {
  .grid-y > .large-1,
  .grid-y > .large-10,
  .grid-y > .large-11,
  .grid-y > .large-12,
  .grid-y > .large-13,
  .grid-y > .large-14,
  .grid-y > .large-15,
  .grid-y > .large-16,
  .grid-y > .large-17,
  .grid-y > .large-18,
  .grid-y > .large-19,
  .grid-y > .large-2,
  .grid-y > .large-20,
  .grid-y > .large-21,
  .grid-y > .large-22,
  .grid-y > .large-23,
  .grid-y > .large-24,
  .grid-y > .large-3,
  .grid-y > .large-4,
  .grid-y > .large-5,
  .grid-y > .large-6,
  .grid-y > .large-7,
  .grid-y > .large-8,
  .grid-y > .large-9,
  .grid-y > .large-full,
  .grid-y > .large-shrink {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}
.grid-y > .small-1 {
  height: 4.16667%;
}
.grid-y > .small-2 {
  height: 8.33333%;
}
.grid-y > .small-3 {
  height: 12.5%;
}
.grid-y > .small-4 {
  height: 16.66667%;
}
.grid-y > .small-5 {
  height: 20.83333%;
}
.grid-y > .small-6 {
  height: 25%;
}
.grid-y > .small-7 {
  height: 29.16667%;
}
.grid-y > .small-8 {
  height: 33.33333%;
}
.grid-y > .small-9 {
  height: 37.5%;
}
.grid-y > .small-10 {
  height: 41.66667%;
}
.grid-y > .small-11 {
  height: 45.83333%;
}
.grid-y > .small-12 {
  height: 50%;
}
.grid-y > .small-13 {
  height: 54.16667%;
}
.grid-y > .small-14 {
  height: 58.33333%;
}
.grid-y > .small-15 {
  height: 62.5%;
}
.grid-y > .small-16 {
  height: 66.66667%;
}
.grid-y > .small-17 {
  height: 70.83333%;
}
.grid-y > .small-18 {
  height: 75%;
}
.grid-y > .small-19 {
  height: 79.16667%;
}
.grid-y > .small-20 {
  height: 83.33333%;
}
.grid-y > .small-21 {
  height: 87.5%;
}
.grid-y > .small-22 {
  height: 91.66667%;
}
.grid-y > .small-23 {
  height: 95.83333%;
}
.grid-y > .small-24 {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-auto {
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .medium-shrink {
    height: auto;
  }
  .grid-y > .medium-1 {
    height: 4.16667%;
  }
  .grid-y > .medium-2 {
    height: 8.33333%;
  }
  .grid-y > .medium-3 {
    height: 12.5%;
  }
  .grid-y > .medium-4 {
    height: 16.66667%;
  }
  .grid-y > .medium-5 {
    height: 20.83333%;
  }
  .grid-y > .medium-6 {
    height: 25%;
  }
  .grid-y > .medium-7 {
    height: 29.16667%;
  }
  .grid-y > .medium-8 {
    height: 33.33333%;
  }
  .grid-y > .medium-9 {
    height: 37.5%;
  }
  .grid-y > .medium-10 {
    height: 41.66667%;
  }
  .grid-y > .medium-11 {
    height: 45.83333%;
  }
  .grid-y > .medium-12 {
    height: 50%;
  }
  .grid-y > .medium-13 {
    height: 54.16667%;
  }
  .grid-y > .medium-14 {
    height: 58.33333%;
  }
  .grid-y > .medium-15 {
    height: 62.5%;
  }
  .grid-y > .medium-16 {
    height: 66.66667%;
  }
  .grid-y > .medium-17 {
    height: 70.83333%;
  }
  .grid-y > .medium-18 {
    height: 75%;
  }
  .grid-y > .medium-19 {
    height: 79.16667%;
  }
  .grid-y > .medium-20 {
    height: 83.33333%;
  }
  .grid-y > .medium-21 {
    height: 87.5%;
  }
  .grid-y > .medium-22 {
    height: 91.66667%;
  }
  .grid-y > .medium-23 {
    height: 95.83333%;
  }
  .grid-y > .medium-24 {
    height: 100%;
  }
}
@media print, screen and (min-width: 61.1975em) {
  .grid-y > .large-auto {
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .large-shrink {
    height: auto;
  }
  .grid-y > .large-1 {
    height: 4.16667%;
  }
  .grid-y > .large-2 {
    height: 8.33333%;
  }
  .grid-y > .large-3 {
    height: 12.5%;
  }
  .grid-y > .large-4 {
    height: 16.66667%;
  }
  .grid-y > .large-5 {
    height: 20.83333%;
  }
  .grid-y > .large-6 {
    height: 25%;
  }
  .grid-y > .large-7 {
    height: 29.16667%;
  }
  .grid-y > .large-8 {
    height: 33.33333%;
  }
  .grid-y > .large-9 {
    height: 37.5%;
  }
  .grid-y > .large-10 {
    height: 41.66667%;
  }
  .grid-y > .large-11 {
    height: 45.83333%;
  }
  .grid-y > .large-12 {
    height: 50%;
  }
  .grid-y > .large-13 {
    height: 54.16667%;
  }
  .grid-y > .large-14 {
    height: 58.33333%;
  }
  .grid-y > .large-15 {
    height: 62.5%;
  }
  .grid-y > .large-16 {
    height: 66.66667%;
  }
  .grid-y > .large-17 {
    height: 70.83333%;
  }
  .grid-y > .large-18 {
    height: 75%;
  }
  .grid-y > .large-19 {
    height: 79.16667%;
  }
  .grid-y > .large-20 {
    height: 83.33333%;
  }
  .grid-y > .large-21 {
    height: 87.5%;
  }
  .grid-y > .large-22 {
    height: 91.66667%;
  }
  .grid-y > .large-23 {
    height: 95.83333%;
  }
  .grid-y > .large-24 {
    height: 100%;
  }
}
.grid-padding-y .grid-padding-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
.grid-padding-y > .cell {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.grid-margin-y > .auto {
  height: auto;
}
.grid-margin-y > .shrink {
  height: auto;
}
.grid-margin-y > .small-1 {
  height: calc(4.16667% - 1.25rem);
}
.grid-margin-y > .small-2 {
  height: calc(8.33333% - 1.25rem);
}
.grid-margin-y > .small-3 {
  height: calc(12.5% - 1.25rem);
}
.grid-margin-y > .small-4 {
  height: calc(16.66667% - 1.25rem);
}
.grid-margin-y > .small-5 {
  height: calc(20.83333% - 1.25rem);
}
.grid-margin-y > .small-6 {
  height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-7 {
  height: calc(29.16667% - 1.25rem);
}
.grid-margin-y > .small-8 {
  height: calc(33.33333% - 1.25rem);
}
.grid-margin-y > .small-9 {
  height: calc(37.5% - 1.25rem);
}
.grid-margin-y > .small-10 {
  height: calc(41.66667% - 1.25rem);
}
.grid-margin-y > .small-11 {
  height: calc(45.83333% - 1.25rem);
}
.grid-margin-y > .small-12 {
  height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-13 {
  height: calc(54.16667% - 1.25rem);
}
.grid-margin-y > .small-14 {
  height: calc(58.33333% - 1.25rem);
}
.grid-margin-y > .small-15 {
  height: calc(62.5% - 1.25rem);
}
.grid-margin-y > .small-16 {
  height: calc(66.66667% - 1.25rem);
}
.grid-margin-y > .small-17 {
  height: calc(70.83333% - 1.25rem);
}
.grid-margin-y > .small-18 {
  height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-19 {
  height: calc(79.16667% - 1.25rem);
}
.grid-margin-y > .small-20 {
  height: calc(83.33333% - 1.25rem);
}
.grid-margin-y > .small-21 {
  height: calc(87.5% - 1.25rem);
}
.grid-margin-y > .small-22 {
  height: calc(91.66667% - 1.25rem);
}
.grid-margin-y > .small-23 {
  height: calc(95.83333% - 1.25rem);
}
.grid-margin-y > .small-24 {
  height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(4.16667% - 1.25rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(8.33333% - 1.25rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(12.5% - 1.25rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(16.66667% - 1.25rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(20.83333% - 1.25rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(25% - 1.25rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(29.16667% - 1.25rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(33.33333% - 1.25rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(37.5% - 1.25rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(41.66667% - 1.25rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(45.83333% - 1.25rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(50% - 1.25rem);
  }
  .grid-margin-y > .medium-13 {
    height: calc(54.16667% - 1.25rem);
  }
  .grid-margin-y > .medium-14 {
    height: calc(58.33333% - 1.25rem);
  }
  .grid-margin-y > .medium-15 {
    height: calc(62.5% - 1.25rem);
  }
  .grid-margin-y > .medium-16 {
    height: calc(66.66667% - 1.25rem);
  }
  .grid-margin-y > .medium-17 {
    height: calc(70.83333% - 1.25rem);
  }
  .grid-margin-y > .medium-18 {
    height: calc(75% - 1.25rem);
  }
  .grid-margin-y > .medium-19 {
    height: calc(79.16667% - 1.25rem);
  }
  .grid-margin-y > .medium-20 {
    height: calc(83.33333% - 1.25rem);
  }
  .grid-margin-y > .medium-21 {
    height: calc(87.5% - 1.25rem);
  }
  .grid-margin-y > .medium-22 {
    height: calc(91.66667% - 1.25rem);
  }
  .grid-margin-y > .medium-23 {
    height: calc(95.83333% - 1.25rem);
  }
  .grid-margin-y > .medium-24 {
    height: calc(100% - 1.25rem);
  }
}
@media print, screen and (min-width: 61.1975em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(4.16667% - 1.25rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(8.33333% - 1.25rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(12.5% - 1.25rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(16.66667% - 1.25rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(20.83333% - 1.25rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(25% - 1.25rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(29.16667% - 1.25rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(33.33333% - 1.25rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(37.5% - 1.25rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(41.66667% - 1.25rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(45.83333% - 1.25rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(50% - 1.25rem);
  }
  .grid-margin-y > .large-13 {
    height: calc(54.16667% - 1.25rem);
  }
  .grid-margin-y > .large-14 {
    height: calc(58.33333% - 1.25rem);
  }
  .grid-margin-y > .large-15 {
    height: calc(62.5% - 1.25rem);
  }
  .grid-margin-y > .large-16 {
    height: calc(66.66667% - 1.25rem);
  }
  .grid-margin-y > .large-17 {
    height: calc(70.83333% - 1.25rem);
  }
  .grid-margin-y > .large-18 {
    height: calc(75% - 1.25rem);
  }
  .grid-margin-y > .large-19 {
    height: calc(79.16667% - 1.25rem);
  }
  .grid-margin-y > .large-20 {
    height: calc(83.33333% - 1.25rem);
  }
  .grid-margin-y > .large-21 {
    height: calc(87.5% - 1.25rem);
  }
  .grid-margin-y > .large-22 {
    height: calc(91.66667% - 1.25rem);
  }
  .grid-margin-y > .large-23 {
    height: calc(95.83333% - 1.25rem);
  }
  .grid-margin-y > .large-24 {
    height: calc(100% - 1.25rem);
  }
}
.grid-frame {
  overflow: hidden;
  position: relative;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100vw;
}
.cell .grid-frame {
  width: 100%;
}
.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-stype: -ms-autohiding-scrollbar;
}
.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-stype: -ms-autohiding-scrollbar;
}
.cell-block-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 100%;
}
.cell-block-container > .grid-x {
  max-height: 100%;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100vw;
  }
  .cell .medium-grid-frame {
    width: 100%;
  }
  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }
  .medium-cell-block-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%;
  }
  .medium-cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }
}
@media print, screen and (min-width: 61.1975em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100vw;
  }
  .cell .large-grid-frame {
    width: 100%;
  }
  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }
  .large-cell-block-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%;
  }
  .large-cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }
}
.grid-y.grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100vh;
}
@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100vh;
  }
}
@media print, screen and (min-width: 61.1975em) {
  .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100vh;
  }
}
.cell .grid-y.grid-frame {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%;
  }
}
@media print, screen and (min-width: 61.1975em) {
  .cell .grid-y.large-grid-frame {
    height: 100%;
  }
}
.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.grid-margin-y > .auto {
  height: auto;
}
.grid-margin-y > .shrink {
  height: auto;
}
.grid-margin-y > .small-1 {
  height: calc(4.16667% - 1.25rem);
}
.grid-margin-y > .small-2 {
  height: calc(8.33333% - 1.25rem);
}
.grid-margin-y > .small-3 {
  height: calc(12.5% - 1.25rem);
}
.grid-margin-y > .small-4 {
  height: calc(16.66667% - 1.25rem);
}
.grid-margin-y > .small-5 {
  height: calc(20.83333% - 1.25rem);
}
.grid-margin-y > .small-6 {
  height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-7 {
  height: calc(29.16667% - 1.25rem);
}
.grid-margin-y > .small-8 {
  height: calc(33.33333% - 1.25rem);
}
.grid-margin-y > .small-9 {
  height: calc(37.5% - 1.25rem);
}
.grid-margin-y > .small-10 {
  height: calc(41.66667% - 1.25rem);
}
.grid-margin-y > .small-11 {
  height: calc(45.83333% - 1.25rem);
}
.grid-margin-y > .small-12 {
  height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-13 {
  height: calc(54.16667% - 1.25rem);
}
.grid-margin-y > .small-14 {
  height: calc(58.33333% - 1.25rem);
}
.grid-margin-y > .small-15 {
  height: calc(62.5% - 1.25rem);
}
.grid-margin-y > .small-16 {
  height: calc(66.66667% - 1.25rem);
}
.grid-margin-y > .small-17 {
  height: calc(70.83333% - 1.25rem);
}
.grid-margin-y > .small-18 {
  height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-19 {
  height: calc(79.16667% - 1.25rem);
}
.grid-margin-y > .small-20 {
  height: calc(83.33333% - 1.25rem);
}
.grid-margin-y > .small-21 {
  height: calc(87.5% - 1.25rem);
}
.grid-margin-y > .small-22 {
  height: calc(91.66667% - 1.25rem);
}
.grid-margin-y > .small-23 {
  height: calc(95.83333% - 1.25rem);
}
.grid-margin-y > .small-24 {
  height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(4.16667% - 1.25rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(8.33333% - 1.25rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(12.5% - 1.25rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(16.66667% - 1.25rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(20.83333% - 1.25rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(25% - 1.25rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(29.16667% - 1.25rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(33.33333% - 1.25rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(37.5% - 1.25rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(41.66667% - 1.25rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(45.83333% - 1.25rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(50% - 1.25rem);
  }
  .grid-margin-y > .medium-13 {
    height: calc(54.16667% - 1.25rem);
  }
  .grid-margin-y > .medium-14 {
    height: calc(58.33333% - 1.25rem);
  }
  .grid-margin-y > .medium-15 {
    height: calc(62.5% - 1.25rem);
  }
  .grid-margin-y > .medium-16 {
    height: calc(66.66667% - 1.25rem);
  }
  .grid-margin-y > .medium-17 {
    height: calc(70.83333% - 1.25rem);
  }
  .grid-margin-y > .medium-18 {
    height: calc(75% - 1.25rem);
  }
  .grid-margin-y > .medium-19 {
    height: calc(79.16667% - 1.25rem);
  }
  .grid-margin-y > .medium-20 {
    height: calc(83.33333% - 1.25rem);
  }
  .grid-margin-y > .medium-21 {
    height: calc(87.5% - 1.25rem);
  }
  .grid-margin-y > .medium-22 {
    height: calc(91.66667% - 1.25rem);
  }
  .grid-margin-y > .medium-23 {
    height: calc(95.83333% - 1.25rem);
  }
  .grid-margin-y > .medium-24 {
    height: calc(100% - 1.25rem);
  }
}
@media print, screen and (min-width: 61.1975em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(4.16667% - 1.25rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(8.33333% - 1.25rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(12.5% - 1.25rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(16.66667% - 1.25rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(20.83333% - 1.25rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(25% - 1.25rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(29.16667% - 1.25rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(33.33333% - 1.25rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(37.5% - 1.25rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(41.66667% - 1.25rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(45.83333% - 1.25rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(50% - 1.25rem);
  }
  .grid-margin-y > .large-13 {
    height: calc(54.16667% - 1.25rem);
  }
  .grid-margin-y > .large-14 {
    height: calc(58.33333% - 1.25rem);
  }
  .grid-margin-y > .large-15 {
    height: calc(62.5% - 1.25rem);
  }
  .grid-margin-y > .large-16 {
    height: calc(66.66667% - 1.25rem);
  }
  .grid-margin-y > .large-17 {
    height: calc(70.83333% - 1.25rem);
  }
  .grid-margin-y > .large-18 {
    height: calc(75% - 1.25rem);
  }
  .grid-margin-y > .large-19 {
    height: calc(79.16667% - 1.25rem);
  }
  .grid-margin-y > .large-20 {
    height: calc(83.33333% - 1.25rem);
  }
  .grid-margin-y > .large-21 {
    height: calc(87.5% - 1.25rem);
  }
  .grid-margin-y > .large-22 {
    height: calc(91.66667% - 1.25rem);
  }
  .grid-margin-y > .large-23 {
    height: calc(95.83333% - 1.25rem);
  }
  .grid-margin-y > .large-24 {
    height: calc(100% - 1.25rem);
  }
}
.grid-frame.grid-margin-y {
  height: calc(100vh + 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.25rem);
  }
}
@media print, screen and (min-width: 61.1975em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.25rem);
  }
}
.align-right {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.align-center {
  -ms-flex-pack: center;
  justify-content: center;
}
.align-justify {
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.align-spaced {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.align-right.vertical.menu > li > a {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.align-center.vertical.menu > li > a {
  -ms-flex-pack: center;
  justify-content: center;
}
.align-top {
  -ms-flex-align: start;
  align-items: flex-start;
}
.align-self-top {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.align-bottom {
  -ms-flex-align: end;
  align-items: flex-end;
}
.align-self-bottom {
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.align-middle {
  -ms-flex-align: center;
  align-items: center;
}
.align-self-middle {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.align-stretch {
  -ms-flex-align: stretch;
  align-items: stretch;
}
.align-self-stretch {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}
.align-center-middle {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.small-order-1 {
  -ms-flex-order: 1;
  order: 1;
}
.small-order-2 {
  -ms-flex-order: 2;
  order: 2;
}
.small-order-3 {
  -ms-flex-order: 3;
  order: 3;
}
.small-order-4 {
  -ms-flex-order: 4;
  order: 4;
}
.small-order-5 {
  -ms-flex-order: 5;
  order: 5;
}
.small-order-6 {
  -ms-flex-order: 6;
  order: 6;
}
@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .medium-order-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .medium-order-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .medium-order-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .medium-order-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .medium-order-6 {
    -ms-flex-order: 6;
    order: 6;
  }
}
@media print, screen and (min-width: 61.1975em) {
  .large-order-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .large-order-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .large-order-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .large-order-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .large-order-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .large-order-6 {
    -ms-flex-order: 6;
    order: 6;
  }
}
.flex-container {
  display: -ms-flexbox;
  display: flex;
}
.flex-child-auto {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.flex-child-grow {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.flex-child-shrink {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.flex-dir-row {
  -ms-flex-direction: row;
  flex-direction: row;
}
.flex-dir-row-reverse {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.flex-dir-column {
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-dir-column-reverse {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
@media print, screen and (min-width: 40em) {
  .medium-flex-container {
    display: -ms-flexbox;
    display: flex;
  }
  .medium-flex-child-auto {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .medium-flex-child-grow {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
  .medium-flex-child-shrink {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .medium-flex-dir-row {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .medium-flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .medium-flex-dir-column {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .medium-flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media print, screen and (min-width: 61.1975em) {
  .large-flex-container {
    display: -ms-flexbox;
    display: flex;
  }
  .large-flex-child-auto {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .large-flex-child-grow {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
  .large-flex-child-shrink {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .large-flex-dir-row {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .large-flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .large-flex-dir-column {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .large-flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.header-flex__search {
  position: absolute;
  right: 145px;
  cursor: pointer;
  top: 42px;
}
.header-flex .menu {
  display: block;
  margin-top: 5px;
  right: 18px;
}
.header-flex__user {
  position: absolute;
  right: 110px;
  cursor: pointer;
  top: 40px;
}
.header-flex .search {
  display: none;
}
@media (max-width: 979px) {
  .header-flex__search {
    right: 120px;
  }
  .header-flex__user {
    right: 70px;
  }
  .header-flex .block-city,
  .header-flex .block-phone,
  .header-flex .block-time {
    display: none;
  }
}
@media (max-width: 640px) {
  .header-flex .menu {
    right: 0;
  }
  .header-flex__search {
    top: 30px;
    right: 82px;
  }
  .header-flex__user {
    top: 27px;
    right: 42px;
  }
}
.cinema {
  border: 5px solid #e1000f;
  padding: 50px 25px 54px 30px;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 57px;
}
.cinema__img {
  margin-bottom: 20px;
}
.cinema__contacts {
  margin-bottom: 25px;
}
.cinema .cinema__btn {
  padding-left: 20px;
  padding-right: 20px;
}
.cinema__floor {
  margin-bottom: 20px;
  color: #707070;
  font-size: 18px;
  width: 65px;
  float: right;
}
.cinema a {
  color: #252525;
}
@media (max-width: 979px) {
  .cinema {
    padding-left: 15px;
  }
}
@media (max-width: 640px) {
  .cinema {
    padding-left: 40px;
  }
}
.catchword {
  font-size: 38px;
  margin-top: 0;
  line-height: 1.3;
}
@media (max-width: 979px) {
  .catchword {
    font-size: 32px;
  }
}
@media (max-width: 640px) {
  .catchword {
    font-size: 25px;
  }
}
.prime {
  margin-bottom: 40px;
}
.prime .soclink-btn {
  padding-right: 15px;
}
.prime__info {
  margin-bottom: 25px;
}
.prime__link {
  display: inline-block;
  margin-bottom: 22px;
  font-size: 22px;
  font-weight: 300;
}
@media (max-width: 640px) {
  .prime__link {
    font-size: 18px;
    border-bottom: 0;
  }
}
.film {
  margin-bottom: 12px;
  position: relative;
}
.film__info {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 22px;
  color: #fecc00;
  font-weight: 500;
  padding-left: 35px;
  display: none;
  padding-right: 35px;
  z-index: 2;
}
.film__button {
  border: 2px solid #fecc00;
  font-size: 18px;
  text-transform: uppercase;
  display: inline-block;
  padding: 4px 20px;
  margin-bottom: 10px;
  transition: 0.3s;
}
.film__title {
  font-size: 30px;
  margin-bottom: 15px;
}
.film__time {
  margin-top: 7px;
  float: left;
  color: #fff;
  margin-right: 35px;
  font-size: 18px;
  text-transform: uppercase;
}
.film__prime {
  position: absolute;
  z-index: 3;
  left: -7px;
  padding-top: 2px;
  padding-bottom: 6px;
  top: 20px;
  display: none;
  padding-left: 14px;
  padding-right: 14px;
  background: url("../images/arrow-yellow.svg") no-repeat left top;
  background-size: cover;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}
.film__name {
  position: absolute;
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1;
  font-size: 18px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 500;
  left: 5px;
  bottom: 13px;
  z-index: 3;
  max-width: calc(100% - 10px);
  background-color: #000000;
  display: none;
}
.film__link {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  border: 0;
}
.film__link img {
  float: left;
  width: 100%;
}
.film__link:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  box-shadow: inset 0 0 0 0 #fecc00;
  top: 0;
  left: 0;
  z-index: 1;
}
.film__link:hover .film__name {
  display: inline-block;
}
.film__link_big:hover .film__info,
.film__link_big:hover .film__prime {
  display: block;
}
.film__link_big:hover:after {
  box-shadow: inset 0 0 0 5px #fecc00;
  background: rgba(0, 0, 0, 0.4);
}
@media (max-width: 979px) {
  .film__link_cut {
    overflow: hidden;
  }
  .film__prime {
    display: block;
  }
  .film__button,
  .film__time {
    display: none;
  }
  .film__title {
    color: #fecc00;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1;
    font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 500;
    z-index: 3;
    display: inline-block;
    max-width: 100%;
    background-color: #000000;
  }
  .film__info {
    display: block;
    bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
  }
  .film__name {
    display: block;
  }
}
@media (max-width: 640px) {
  .film__name {
    font-size: 12px;
  }
  .film__name_big {
    font-size: 18px;
  }
}
.equal {
  flex-wrap: wrap;
}
.movie {
  display: block;
  padding-top: 5px;
  padding-bottom: 6px;
  border-bottom: 0;
  border: 2px solid #e1000f;
}
.movie:focus,
.movie:hover {
  color: #fff;
  background: #e1000f;
}
.movie_small {
  display: inline-block;
  padding-left: 28px;
  padding-right: 28px;
}
.position-relative {
  position: relative;
}
/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: linear-gradient(to bottom, rgba(43, 36, 33, 0.84) 0%, rgba(28, 23, 19, 0.83) 24%, rgba(18, 13, 11, 0.75) 44%, rgba(0, 0, 0, 0.75) 64%, rgba(0, 0, 0, 0.85) 100%);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
}
.reveal-modal {
  font-size: 14px;
  color: #000;
  visibility: hidden;
  top: 100px;
  max-width: 100%;
  left: calc(50% - 468px);
  box-sizing: border-box;
  width: 936px;
  line-height: 1.7;
  background: #fff;
  position: absolute;
  z-index: 101;
}
.reveal-modal p {
  margin-bottom: 11px;
}
.reveal-modal__actors {
  font-size: 11px;
  color: #757575;
  line-height: 1;
}
.reveal-modal__poster {
  position: relative;
  z-index: 2;
}
.reveal-modal__poster img {
  width: 100%;
  display: block;
}
.reveal-modal img {
  max-width: 100%;
}
.reveal-modal__favourite {
  width: 46px;
  height: 95px;
  display: block;
  position: absolute;
  top: -8px;
  cursor: pointer;
  right: 104px;
  border-bottom: 0;
  background: url(../images/fav.svg) no-repeat center bottom;
}
.reveal-modal__grid {
  margin-left: -10px;
  margin-right: -10px;
}
.reveal-modal__movie {
  border-bottom: 0;
  margin-bottom: 14px;
  display: block;
}
.reveal-modal__movie img {
  width: 100%;
}
.reveal-modal__button {
  color: #fecc00;
  padding: 5px 27px 6px;
  font-size: 16px;
  margin-bottom: 31px;
  display: inline-block;
  border: 2px solid #fecc00;
  text-align: center;
  transition: 0.3s;
}
.reveal-modal__button:focus,
.reveal-modal__button:hover {
  background: #fecc00;
  color: #fff;
}
.reveal-modal__category {
  font-size: 14px;
  color: #757575;
  padding-right: 45px;
  margin-bottom: 33px;
}
.reveal-modal__main {
  padding: 36px 46px 43px;
  position: relative;
}
.reveal-modal__title {
  font-size: 38px;
  font-weight: 500;
  padding-right: 45px;
  line-height: 1.2;
}
.reveal-modal.small {
  width: 200px;
  margin-left: -140px;
}
.reveal-modal.medium {
  width: 400px;
  margin-left: -240px;
}
.reveal-modal.large {
  width: 600px;
  margin-left: -340px;
}
.reveal-modal.xlarge {
  width: 800px;
  margin-left: -440px;
}
.reveal-modal .close-reveal-modal {
  border-bottom: 0;
  position: absolute;
  top: 41px;
  right: 44px;
  cursor: pointer;
}
@media (max-width: 1030px) {
  .reveal-modal {
    left: 0;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .reveal-modal__title {
    font-size: 32px;
  }
  .reveal-modal__favourite {
    right: 44px;
  }
  .reveal-modal .close-reveal-modal {
    display: none;
  }
}
@media (max-width: 640px) {
  .reveal-modal__button {
    margin-bottom: 10px;
    display: block;
    margin-right: 0;
  }
  .reveal-modal__category {
    margin-bottom: 13px;
  }
  .reveal-modal__favourite {
    right: 17px;
  }
  .reveal-modal__main {
    padding-left: 20px;
    padding-right: 20px;
  }
  .reveal-modal__title {
    font-size: 25px;
  }
}
.responsive-embed {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 45px;
}
.responsive-embed iframe {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 640px) {
  .responsive-embed {
    margin-bottom: 25px;
  }
}
.search-content {
  height: 0;
  overflow: hidden;
  background-color: #fff;
  position: absolute;
  width: 100%;
  z-index: 150;
}
.search-content__wrapper {
  width: 87.5%;
  margin: 0 auto;
  max-width: 960px;
  position: relative;
}
@media screen and (min-width: 640px) {
  .search-content__wrapper {
    width: 93.75%;
  }
}
@media screen and (min-width: 980px) {
  .search-content__wrapper {
    width: 960px;
  }
}
.search-content__events {
  max-height: 250px;
  overflow-y: scroll;
}
.search-content__events-more {
  font-size: 14px;
  color: #e1000f;
  letter-spacing: 0.38px;
  line-height: 40px;
  text-transform: uppercase;
  border: none;
  text-decoration: underline;
}
.search-content__event {
  display: flex;
  border-bottom: 2px solid #dddede;
  padding: 10px 0;
}
.search-content__event-picture {
  width: 100px;
  min-height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-basis: 40%;
}
@media screen and (min-width: 640px) {
  .search-content__event-picture {
    flex-basis: 20%;
  }
}
.search-content__event-name {
  padding: 10px 20px;
  flex-basis: 60%;
}
@media screen and (min-width: 640px) {
  .search-content__event-name {
    flex-basis: 30%;
  }
}
.search-content__event-title {
  font-size: 14px;
  color: #252525;
  letter-spacing: 0.24px;
  display: block;
}
.search-content__event-title:hover {
  color: #e1000f;
}
.search-content__event-description {
  font-size: 11px;
  color: #999999;
  letter-spacing: 0.19px;
  display: block;
}
.search-content__event-text {
  font-size: 11px;
  color: #666666;
  letter-spacing: 0.19px;
  display: none;
}
@media screen and (min-width: 640px) {
  .search-content__event-text {
    display: block;
    flex-basis: 50%;
  }
}
.search-content__blocks {
  display: flex;
  flex-wrap: wrap;
}
.search-content__block {
  background: #f4f5f5;
  padding: 20px;
  margin-bottom: 20px;
  flex-basis: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media screen and (min-width: 640px) {
  .search-content__block {
    flex-basis: 30%;
    max-width: 30%;
    margin-right: 5%;
  }
  .search-content__block:last-child {
    margin-right: 0;
  }
}
.search-content__block-title {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
  color: #252525;
  letter-spacing: 0.21px;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
}
.search-content__block-count {
  font-weight: 500;
  font-size: 12px;
  color: #999999;
  letter-spacing: 0.42px;
  line-height: 16px;
}
.search-content__block-item {
  font-size: 14px;
  color: #252525;
  letter-spacing: 0;
  line-height: 25px;
  display: block;
  border: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-content__block-item:hover {
  color: #e1000f;
}
.search-content__block-empty {
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  line-height: 20px;
  display: block;
  font-style: italic;
}
.shop-info {
  padding: 20px;
}
@media screen and (min-width: 640px) {
  .shop-info {
    padding: 20px 0;
  }
}
@media screen and (min-width: 980px) {
  .shop-info {
    padding: 20px 10px;
  }
}
.shop-info__favourite {
  position: absolute;
  right: -10px;
  top: -10px;
}
@media screen and (min-width: 640px) {
  .shop-info__favourite {
    right: -20px;
    top: -20px;
  }
}
@media screen and (min-width: 980px) {
  .shop-info__favourite {
    right: -25px;
    top: -20px;
  }
}
.shop-info__image {
  text-align: center;
  margin-bottom: 20px;
}
.shop-info__image img {
  border: 1px solid #e9e9e9;
}
.shop-info__image-link {
  border: none;
}
.shop-info__floor {
  color: #707070;
  font-size: 16px;
  margin-right: 5px;
  display: inline-block;
}
.shop-info__floor-number {
  color: #252525;
}
.shop-info__floor svg {
  width: 20px;
  height: 20px;
}
.shop-info__map {
  padding-bottom: 5px;
}
.shop-info__floor {
  color: #707070;
  font-size: 18px;
  margin-right: 5px;
  display: inline-block;
}
.shop-info__floor-number {
  color: #252525;
}
.shop-info__map {
  display: inline-block;
}
.shop-info__map-link {
  color: #252525;
  font-size: 18px;
}
.shop-info__map svg {
  width: 20px;
}
.quest {
  margin-left: 0;
  margin-bottom: 20px;
}
.quest__link {
  color: #707070;
  font-size: 16px;
  text-decoration: none;
  border-bottom: 0;
  padding-left: 38px;
}
.quest__link svg {
  position: absolute;
  left: 0;
  top: -1px;
  fill: #d0d0d0;
}
.quest__link:active svg,
.quest__link:focus svg,
.quest__link:hover svg {
  fill: #20a740;
}
.quest__item {
  padding-top: 9px;
  padding-bottom: 10px;
  padding-left: 14px;
  border-left: 5px solid #f5f5f5;
}
.quest__item:focus,
.quest__item:hover,
.quest__item.selected {
  border-left-color: #20a740;
}
.quest__item:focus a,
.quest__item:hover a,
.quest__item.selected a {
  color: #252525;
}
.quest__item:focus .quest__link svg,
.quest__item:hover .quest__link svg,
.quest__item.selected .quest__link svg {
  fill: #20a740;
}
.quest__span {
  border-bottom: 1px dashed #707070;
}
@media (max-width: 640px) {
  .quest {
    display: inline-block;
  }
}
.offer {
  border: 3px solid #d0d0d0;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 40px;
  color: #707070;
}
.offer_green {
  border-color: #20a740;
  padding-bottom: 0px;
  max-width: 300px;
  display: inline-block;
}
.offer_add {
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 0;
}
.offer_nopadding {
  padding-bottom: 0;
}
.offer__action {
  margin-bottom: 35px;
}
.offer__plus {
  padding-top: 65px;
  padding-bottom: 26px;
  display: block;
  border-bottom: 0;
}
.offer__plus path {
  fill: #20a740;
}
.offer__plus:active path,
.offer__plus:focus path,
.offer__plus:hover path {
  fill: #252525;
}
.offer__close {
  position: absolute;
  right: -13px;
  border-bottom: 0;
  top: -13px;
}
.offer__close_green {
  top: -2px;
  right: -32px;
}
.offer__img img {
  width: 100%;
  display: block;
}
.offer__time {
  color: #252525;
  font-size: 14px;
  font-weight: 500;
}
.offer__time_green {
  padding-top: 3px;
  padding-bottom: 3px;
  border-top: 1px solid #20a740;
}
.offer__edit {
  color: #707070;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  display: block;
  background-color: #d0d0d0;
  padding-top: 10px;
  padding-bottom: 7px;
}
.offer__edit:active,
.offer__edit:focus,
.offer__edit:hover {
  color: #fff;
}
@media (max-width: 1020px) {
  .offer__close_green {
    top: -10px;
    right: -10px;
  }
}
@media (max-width: 640px) {
  .offer_add {
    padding-left: 15px;
    padding-right: 15px;
  }
  .offer__plus {
    padding-top: 15px;
    padding-bottom: 10px;
  }
}
.hollow-btn {
  display: inline-block;
  color: #a7a6a6;
  font-size: 14px;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 8px;
  font-weight: 700;
  border: 2px solid #d0d0d0;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: 'Roboto', sans-serif;
  background-color: #fff;
}
.hollow-btn.expanded {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
.hollow-btn:active,
.hollow-btn:focus,
.hollow-btn:hover {
  background: #d0d0d0;
  color: #fff;
}
.hollow-btn_green {
  color: #20a740;
  font-size: 16px;
  border-color: #20a740;
}
.hollow-btn_green:active,
.hollow-btn_green:focus,
.hollow-btn_green:hover {
  background: #20a740;
  color: #fff;
}
.login {
  color: #707070;
  line-height: 1.3;
}
.login__title {
  color: #252525;
  font-size: 21px;
  margin-bottom: 16px;
  font-weight: 500;
  text-transform: uppercase;
}
.login__img {
  display: none;
}
.login__notice {
  font-size: 13px;
  background-color: #f0f0f0;
  padding: 16px;
  margin-bottom: 20px;
}
.login__desc {
  color: #707070;
  margin-bottom: 20px;
  font-size: 13px;
  font-weight: 400;
}
.login__drag {
  border: 2px dashed #e8e8e8;
  padding: 84px 10px 67px;
}
.login__pole {
  position: relative;
}
.login__pole:after {
  background-color: #f0f0f0;
  width: 9px;
  height: 2px;
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  left: calc(46%);
}
.login__date {
  border: 2px solid #f0f0f0;
  padding-left: 10px;
  padding-right: 40px;
  display: block;
  margin-bottom: 20px;
  width: 100%;
  height: 42px;
  background: url(../images/calendar.svg) no-repeat right 12px center;
}
.login__label {
  color: #252525;
  margin-bottom: 14px;
  display: block;
  font-size: 16px;
  font-weight: 700;
}
.login__upload {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0;
}
.login__file {
  outline: 0;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 30px;
  padding: 10px 44px;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  border: 2px solid #20a740;
  color: #20a740;
}
.login__file:active,
.login__file:focus,
.login__file:hover {
  background: #20a740;
  color: #fff;
}
.login__select {
  width: 100%;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../images/select-new.svg) no-repeat right 12px center;
  border: 2px solid #f0f0f0;
  padding-left: 10px;
  margin-bottom: 20px;
  padding-right: 40px;
  height: 42px;
}
.login__textarea {
  border: 2px solid #f0f0f0;
  padding: 10px;
  height: 102px;
  width: 100%;
  margin-bottom: 20px;
  overflow: auto;
}
.login__textarea_big {
  padding-left: 15px;
  padding-right: 15px;
  height: 240px;
}
.login__input {
  border: 2px solid #f0f0f0;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  margin-bottom: 20px;
  width: 100%;
  height: 42px;
}
.login__checkbox[type="checkbox"] + span {
  width: 20px;
  height: 20px;
}
.login__radio {
  position: relative;
  opacity: 0;
  width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.login__radio + span {
  width: 20px;
  height: 20px;
  position: relative;
  top: -1px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 6px;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 0 0 2px #fff;
  vertical-align: middle;
  cursor: pointer;
}
.login__radio:checked + span {
  background: #20a740;
}
.pole {
  position: relative;
}
.pole:after {
  content: "";
  border-right: 2px solid #f0f0f0;
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  height: 100%;
}
.text-size-small {
  font-size: 13px;
}
.text-size-large {
  font-size: 20px;
}
.compliance {
  margin-bottom: 32px;
}
.compliance__input {
  display: none;
}
.compliance__input:checked + label {
  background: url('../images/comp-active.png') no-repeat left top;
}
.compliance__label {
  color: #252525;
  font-size: 15px;
  cursor: pointer;
  padding-left: 43px;
  display: block;
  min-height: 26px;
  padding-top: 2px;
  background: url('../images/comp.png') no-repeat left top;
}
.compliance__link {
  color: #252525;
  border-bottom: 1px dashed #252525;
}
.entrance {
  color: #707070;
  border-bottom: 1px dashed #252525;
  font-size: 13px;
}
.entrance:hover,
.entrance:focus,
.entrance:active {
  color: #252525;
}
.pickmeup {
  background: #252525;
  border-radius: 0;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: inline-block;
  position: absolute;
  touch-action: manipulation;
}
.pickmeup * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pickmeup.pmu-flat {
  position: relative;
}
.pickmeup.pmu-hidden {
  display: none;
}
.pickmeup .pmu-instance {
  display: inline-block;
  height: 13.8em;
  padding: 0.5em;
  text-align: center;
  width: 15em;
}
.pickmeup .pmu-instance .pmu-button {
  color: #eee;
  cursor: pointer;
  outline: none;
  text-decoration: none;
}
.pickmeup .pmu-instance .pmu-today {
  background: #20a740;
  color: #fff;
}
.pickmeup .pmu-instance .pmu-button:hover {
  background: #20a740;
  color: #fff;
}
.pickmeup .pmu-instance .pmu-not-in-month {
  color: #666;
}
.pickmeup .pmu-instance .pmu-disabled,
.pickmeup .pmu-instance .pmu-disabled:hover {
  color: #333;
  cursor: default;
}
.pickmeup .pmu-instance .pmu-selected {
  background: #20a740;
  color: #fff;
}
.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
  background: #00a7e3;
}
.pickmeup .pmu-instance nav {
  color: #eee;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  line-height: 2em;
}
.pickmeup .pmu-instance nav *:first-child :hover {
  color: #20a740;
}
.pickmeup .pmu-instance nav .pmu-next,
.pickmeup .pmu-instance nav .pmu-prev {
  display: none;
  height: 2em;
  width: 1em;
}
.pickmeup .pmu-instance nav .pmu-month {
  width: 14em;
}
.pickmeup .pmu-instance .pmu-months *,
.pickmeup .pmu-instance .pmu-years * {
  display: inline-block;
  line-height: 3.6em;
  width: 3.5em;
}
.pickmeup .pmu-instance .pmu-day-of-week {
  color: #707070;
  cursor: default;
}
.pickmeup .pmu-instance .pmu-day-of-week *,
.pickmeup .pmu-instance .pmu-days * {
  display: inline-block;
  line-height: 1.5em;
  width: 2em;
}
.pickmeup .pmu-instance .pmu-day-of-week * {
  line-height: 1.8em;
}
.pickmeup .pmu-instance:first-child .pmu-prev,
.pickmeup .pmu-instance:last-child .pmu-next {
  display: block;
}
.pickmeup .pmu-instance:first-child .pmu-month,
.pickmeup .pmu-instance:last-child .pmu-month {
  width: 13em;
}
.pickmeup .pmu-instance:first-child:last-child .pmu-month {
  width: 12em;
}
.pickmeup:not(.pmu-view-days) .pmu-day-of-week,
.pickmeup:not(.pmu-view-days) .pmu-days,
.pickmeup:not(.pmu-view-months) .pmu-months,
.pickmeup:not(.pmu-view-years) .pmu-years {
  display: none;
}
.margin-bottom-0 {
  margin-bottom: 0;
}
.margin-bottom-11 {
  margin-bottom: 11px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-bottom-32 {
  margin-bottom: 32px;
}
.margin-bottom-40 {
  margin-bottom: 40px;
}
.margin-right-18 {
  margin-right: 18px;
}
.banner-image_tablet {
  display: block;
  text-align: center;
}
@media screen and (min-width: 980px) {
  .banner-image_tablet {
    display: none;
  }
}
.banner-image_desktop {
  display: none;
  text-align: center;
}
@media screen and (min-width: 980px) {
  .banner-image_desktop {
    display: block;
  }
}
.banner-image__img {
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.section-favourites {
  margin-top: 100px;
}
.section-favourites_start {
  text-align: center;
  line-height: 380px;
  margin: 0 0 150px;
}
.section-favourites_start .border {
  margin: 60px 0;
}
.section-favourites_start .border:before {
  background: url('../images/x1/favourites-background-640.png') no-repeat center;
  background-size: contain;
  border: none;
}
@media screen and (min-width: 640px) {
  .section-favourites_start .border:before {
    background: url('../images/x1/favourites-background-980.png') no-repeat center;
    background-size: contain;
  }
}
@media screen and (min-width: 980px) {
  .section-favourites_start .border:before {
    background: url('../images/x1/favourites-background.png') no-repeat center;
    background-size: contain;
  }
}
.section-favourites__welcome {
  max-width: 450px;
  margin: auto;
  text-align: center;
  background-color: #fff;
  line-height: 1.6;
  display: inline-block;
  vertical-align: middle;
}
.section-favourites__welcome-title {
  font-weight: 500;
}
.section-favourites__header {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.section-favourites__form {
  position: relative;
  flex-basis: 100%;
}
@media screen and (min-width: 980px) {
  .section-favourites__form {
    flex-basis: 50%;
  }
}
.section-favourites__form_search {
  margin-bottom: 20px;
}
@media screen and (min-width: 980px) {
  .section-favourites__form_search {
    padding-right: 50px;
    box-sizing: border-box;
    margin: 0;
  }
}
.section-favourites__form_send {
  padding: 30px;
  box-sizing: border-box;
  background-color: #eeeeee;
}
@media screen and (min-width: 980px) {
  .section-favourites__form_send {
    position: absolute;
    top: -100px;
    right: 0;
  }
}
.section-favourites__form-icon {
  position: absolute;
  left: 0;
  fill: #e1000f;
}
.section-favourites__form-search {
  display: block;
  width: 100%;
  padding-left: 35px;
  line-height: 30px;
  font-size: 13px;
  border-bottom: 1px solid #d0d0d0;
}
.section-favourites__form-title {
  display: block;
  font-weight: 500;
  margin-bottom: 15px;
}
.section-favourites__form-email {
  margin-right: 30px;
  line-height: 40px;
  width: calc(100% - 180px);
  padding: 0 10px;
  box-sizing: border-box;
}
.section-favourites.border-height-def .border:before {
  height: 330px;
}
.section-favourites .list {
  padding: 15px 0;
  box-sizing: border-box;
}
.section-favourites .link .del {
  width: 30px;
  height: 30px;
  background: url("../images/x1/favourite-delete.png") top right no-repeat;
  position: absolute;
  top: -15px;
  right: -15px;
  display: none;
}
.section-favourites .link:hover .del {
  display: block;
}
.section-favourites .show-more {
  display: block;
  height: 36px;
  line-height: 36px;
  margin: 0 auto 50px;
  border: 2px solid #cbcbcb;
  text-align: center;
  color: #a9a9a9;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  width: 100%;
  max-width: 470px;
}
.section-favourites .show-more.hidden {
  display: none;
}
.section-favourites.mode-sales.border-height-def .border:before {
  height: 330px;
}
.section-favourites.mode-sales .item {
  float: left;
  margin-bottom: 50px;
}
.section-favourites.mode-sales .link {
  position: relative;
  display: block;
  border: none;
  width: 225px;
  height: 274px;
  background-color: #fff;
  background-size: cover;
  background-position: 50% 50%;
  margin-right: 20px;
}
.section-favourites.mode-sales .time-wrap {
  position: absolute;
  z-index: 5;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-bottom: -22px;
  text-align: center;
  border: 3px solid #bababa;
  border-top: none;
  box-sizing: border-box;
}
.section-favourites.mode-sales .cont {
  position: absolute;
  z-index: 2;
  border: 3px solid #bababa;
  border-bottom: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
}
.section-favourites.mode-sales .time-cont {
  display: block;
  padding: 0 8px;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 500;
  background: #fff;
  color: #333;
}
.section-favourites.mode-shops.border-height-def .border:before {
  height: 300px;
}
.section-favourites.mode-shops .item {
  float: left;
  margin-bottom: 30px;
  width: auto;
  height: auto;
}
.section-favourites.mode-shops .link {
  position: relative;
  display: block;
  border: none;
  width: 225px;
  height: 225px;
  background-color: #fff;
  background-size: cover;
  background-position: 50% 50%;
  margin-right: 20px;
}
.section-favourites.mode-photos.border-height-def .border:before {
  height: 500px;
}
.section-favourites.mode-photos .item {
  position: relative;
  display: block;
  border: none;
  width: 225px;
  height: 430px;
  background-color: #fff;
  background-size: cover;
  background-position: 50% 50%;
  float: left;
  margin-right: 20px;
  margin-bottom: 30px;
}
.favourite-button {
  fill: #e1000f;
  color: #707070;
  border: none;
  cursor: pointer;
  line-height: 32px;
  display: inline-block;
}
.favourite-button_header {
  top: 28px;
  display: none;
  right: 0;
  position: absolute;
  text-decoration: none;
  border: none;
  color: #484848;
  fill: #484848;
  line-height: 30px;
}
@media screen and (min-width: 980px) {
  .favourite-button_header_vk svg {
    margin-right: 65px;
    margin-top: -3px;
  }
}
.favourite-button_header_vk:hover {
  color: #e1000f;
  fill: #e1000f;
}
@media screen and (min-width: 980px) {
  .favourite-button_header_insta svg {
    margin-top: 5px;
  }
}
.favourite-button_header_insta:hover {
  color: #e1000f;
  fill: #e1000f;
}
@media screen and (min-width: 640px) {
  .favourite-button_header {
    display: block;
    width: 28px;
    height: 28px;
  }
}
@media screen and (min-width: 980px) {
  .favourite-button_header {
    width: auto;
    height: auto;
  }
}
.favourite-button_header svg {
  display: block;
  float: left;
}
.favourite-button_header:hover {
  color: #252525;
  fill: #252525;
}
.favourite-button__text {
  margin-left: 10px;
  line-height: 32px;
}
.favourite-button__tooltip {
  display: none;
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  background-color: #484848;
  color: #fff;
  font-size: 14px;
  white-space: nowrap;
  padding: 0 5px;
  border-radius: 3px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 640px) {
  .favourite-button__tooltip {
    display: block;
  }
}
.favourite-button:hover {
  fill: #fff;
  color: #e1000f;
}
.favourite-button:hover .favourite-button__tooltip {
  opacity: 1;
  visibility: visible;
  right: 40px;
}
.favourite-button.active {
  fill: #fff;
}
.favourite-button.active:hover {
  fill: #e1000f;
}
.favourite-button svg {
  display: block;
  float: left;
}
.section-detail-page .detail-content .favourite-button,
.section-gallery-page .favourite-button {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  float: left;
}
.marks {
  font-family: 'Roboto', sans-serif;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  height: 20px;
  position: relative;
  z-index: 1;
}
.marks__item {
  padding: 0 5px 0 10px;
  background: #e1000f;
  position: relative;
  cursor: default;
  /*&:hover .marks__item-text {
      max-width: 100px;
    }*/
}
.marks__item:not(:first-child) {
  padding-left: 15px;
}
.marks__item:after {
  content: '';
  display: block;
  z-index: 1;
  position: absolute;
  right: -10px;
  top: 0;
  border-left: 10px solid #e1000f;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.marks__item_soon,
.marks__item_published {
  background-color: #20a740;
}
.marks__item_soon:after,
.marks__item_published:after {
  border-left-color: #20a740;
}
.marks__item_closed {
  background-color: #606060;
}
.marks__item_closed:after {
  border-left-color: #606060;
}
.marks__item_new,
.marks__item_accepted {
  background-color: #00a7e3;
}
.marks__item_new:after,
.marks__item_accepted:after {
  border-left-color: #00a7e3;
}
.marks__item_maxi,
.marks__item_rejected {
  background-color: #e1000f;
}
.marks__item_maxi:after,
.marks__item_rejected:after {
  border-left-color: #e1000f;
}
.marks__item_kids,
.marks__item_pending {
  background-color: #fecc00;
}
.marks__item_kids:after,
.marks__item_pending:after {
  border-left-color: #fecc00;
}
.marks__item_weekend {
  background-color: #00a7e3;
}
.marks__item_weekend:after {
  border-left-color: #00a7e3;
}
.marks__item_fashion {
  background-color: #0c0941;
}
.marks__item_fashion:after {
  border-left-color: #0c0941;
}
.marks__item_past {
  background-color: #707070;
}
.marks__item_past:after {
  border-left-color: #707070;
}
.marks__item_maxi svg {
  display: block;
  background-color: #fff;
  margin: 3px auto;
}
.marks__item_maxi .marks__item-text {
  display: none;
}
@media screen and (min-width: 980px) {
  .marks__item_maxi .marks__item-text {
    position: absolute;
    display: block;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 3px;
    padding: 0 5px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
  }
  .marks__item_maxi:hover .marks__item-text {
    bottom: -25px;
    opacity: 1;
    visibility: visible;
  }
}
.marks__item-text {
  display: block;
  line-height: 20px;
  border: none;
  /*-webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      -ms-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;*/
}
.promotions-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
}
.promotions-list__item {
  flex-basis: 100%;
}
@media screen and (min-width: 640px) {
  .promotions-list__item {
    flex-basis: 33%;
  }
}
@media screen and (min-width: 980px) {
  .promotions-list__item {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 1150px) {
  .promotions-list__item {
    flex-basis: 33%;
  }
}
.shops-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.shops-list__item {
  flex-basis: 100%;
}
@media screen and (min-width: 640px) {
  .shops-list__item {
    flex-basis: 33%;
  }
}
@media screen and (min-width: 980px) {
  .shops-list__item {
    flex-basis: 50%;
    min-height: 365px;
  }
}
@media screen and (min-width: 1150px) {
  .shops-list__item {
    flex-basis: 33%;
    min-height: 310px;
  }
}
.entertainments-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.entertainments-list__item {
  padding: 0 10px;
  box-sizing: border-box;
  flex-basis: 100%;
}
@media screen and (min-width: 640px) {
  .entertainments-list__item {
    flex-basis: 33%;
  }
}
@media screen and (min-width: 980px) {
  .entertainments-list__item {
    flex-basis: 25%;
  }
}
@media screen and (min-width: 1150px) {
  .entertainments-list__item {
    flex-basis: 20%;
  }
}
.events-list {
  display: block;
}
.events-list__item.event-item:first-child {
  margin-top: 0;
}
.events-list__item .marks {
  margin-bottom: -3px;
}
.events-list__alert {
  padding: 5px 10px;
  margin-bottom: 20px;
  text-align: center;
  background-color: #fafafa;
  color: #444;
}
.promotion-item {
  padding: 0 5px;
  box-sizing: border-box;
  margin: 0 auto 10px;
  max-width: 300px;
}
.promotion-item__marks {
  position: relative;
  height: 20px;
  overflow: visible;
}
.promotion-item__block {
  display: block;
  position: relative;
  border: 3px solid #bababa;
}
.promotion-item__block:hover {
  border-color: #20a740 !important;
  -webkit-box-shadow: 0 0 5px 0 #20a740;
  -moz-box-shadow: 0 0 5px 0 #20a740;
  box-shadow: 0 0 5px 0 #20a740;
}
.promotion-item__block:hover .promotion-item__favourite {
  opacity: 1;
}
.promotion-item__image {
  display: block;
  max-width: 100%;
}
.promotion-item__time {
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  background: #fff;
  color: #333;
}
.promotion-item__favourite {
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0.5;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.shop-item {
  margin-bottom: 20px;
  max-width: 100%;
  position: relative;
}
@media screen and (min-width: 640px) {
  .shop-item {
    margin-bottom: 50px;
  }
}
.shop-item__inner {
  padding: 10px 5px;
  box-sizing: border-box;
  background-color: #fff;
  z-index: 3;
  border: 2px solid transparent;
}
.shop-item__marks {
  position: relative;
}
@media screen and (min-width: 640px) {
  .shop-item__marks {
    height: 20px;
  }
}
.shop-item__block {
  display: block;
  border: 1px solid #d3d3d3;
}
@media screen and (min-width: 640px) {
  .shop-item__block {
    border: none;
  }
}
.shop-item__content {
  background-color: #fff;
}
@media screen and (min-width: 640px) {
  .shop-item__content {
    margin-bottom: 20px;
  }
}
.shop-item__image {
  display: block;
  margin: 0 auto;
  max-width: 150px;
}
@media screen and (min-width: 640px) {
  .shop-item__image {
    max-width: 100%;
  }
}
.shop-item__name {
  display: none;
  padding: 5px 10px;
  color: #252525;
  font-size: 18px;
  font-weight: 500;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 640px) {
  .shop-item__name {
    display: inline-block;
  }
}
.shop-item__footer {
  display: none;
  font-weight: 500;
  line-height: 1.8;
  font-size: 13px;
  color: #252525;
  width: 100%;
  position: absolute;
  margin-top: -100px;
  z-index: -1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.shop-item__footer-stage {
  float: right;
  border: 1px solid #000;
  padding: 5px;
  margin-top: 5px;
}
.shop-item__footer .tags {
  margin-top: 10px;
}
@media screen and (min-width: 640px) {
  .shop-item {
    max-width: 300px;
  }
}
@media screen and (min-width: 980px) {
  .shop-item__footer {
    display: block;
  }
  .shop-item:hover .shop-item__inner {
    border-color: #fe0000;
    position: absolute;
    max-width: 100%;
  }
  .shop-item:hover .shop-item__footer {
    position: relative;
    margin-top: 20px;
  }
  .shop-item:hover .shop-item__name {
    background: #000;
    color: #fff;
  }
}
.event-item {
  position: relative;
  display: block;
  margin: 20px 0 40px;
  cursor: pointer;
  max-width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.event-item_promo .event-item__image {
  width: 100%;
}
.event-item_promo .event-item__info {
  color: #fff;
  background: #1e6112;
}
.event-item_promo .event-item__info-name {
  font-size: 35px;
}
.event-item__marks {
  position: relative;
}
.event-item__block {
  display: block;
  border: none;
  border: 3px solid transparent;
}
.event-item__block:hover {
  border-color: #fecc00;
}
@media screen and (min-width: 640px) {
  .event-item__block:hover .event-item__info {
    padding: 20px;
    opacity: 1;
    min-height: 100%;
  }
  .event-item__block:hover .event-item__info-date,
  .event-item__block:hover .event-item__info-stage {
    opacity: 1;
    position: relative;
  }
}
.event-item__block:hover .event-item__favourite {
  opacity: 1;
}
.event-item__image {
  display: block;
  max-width: 100%;
  margin: auto;
}
.event-item__info {
  position: relative;
  color: #252525;
  fill: #252525;
  transition: .3s;
  padding: 10px;
  display: none;
}
@media screen and (min-width: 640px) {
  .event-item__info {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: 0;
    box-sizing: border-box;
    color: #fff;
    fill: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 20px;
  }
  .event-item__info-date,
  .event-item__info-stage {
    opacity: 0;
    position: absolute;
  }
}
@media screen and (min-width: 640px) {
  .event-item__info-inner {
    margin: auto;
    text-align: center;
  }
}
.event-item__info-date {
  line-height: 1.3;
  width: 100%;
  transition: .3s;
  font-size: 15px;
  padding: 5px 0;
}
.event-item__info-name {
  padding: 6px 0;
  font-family: 'Ubuntu', sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 6px;
}
@media screen and (min-width: 640px) {
  .event-item__info-name {
    padding: 0;
    font-size: 18px;
  }
}
.event-item__info-stage svg {
  display: inline-block;
  margin-right: 5px;
}
.event-item__favourite {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
  opacity: 0.5;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media screen and (min-width: 640px) {
  .event-item {
    margin: 40px 0;
  }
}
.g-recaptcha iframe {
  height: 78px !important;
}
.map-scheme__header {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.map-scheme__floors {
  text-align: left;
  padding: 0;
  float: left;
  line-height: 38px;
  -webkit-display: flex;
  -moz-display: flex;
  -o-display: flex;
  -ms-display: flex;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 980px) {
  .map-scheme__floors_old {
    position: absolute;
    z-index: 5;
  }
}
.map-scheme__floor {
  display: block;
  padding: 0 11px;
  border: 1px solid #e1000f;
  border-collapse: collapse;
  background: #fff;
  color: #e1000f;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 14px;
  float: left;
  clear: both;
  margin-right: 10px;
}
@media screen and (min-width: 640px) {
  .map-scheme__floor {
    padding: 0 25px;
    font-size: 20px;
  }
}
.map-scheme__floor:hover,
.map-scheme__floor.active {
  background: #e1000f;
  color: #fff;
}
.map-scheme__floor.active {
  background: #e1000f;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
}
@media screen and (min-width: 640px) {
  .map-scheme__floor.active {
    font-size: 20px;
    padding: 0 35px;
  }
}
.map-scheme__controls {
  float: right;
  display: flex;
  min-width: 105px;
  justify-content: flex-end;
}
.map-scheme__control {
  width: 32px;
  height: 32px;
  padding: 5px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
}
.map-scheme__control_inc {
  background-image: url('../images/x1/zoom_inc.png');
}
.map-scheme__control_dec {
  background-image: url('../images/x1/zoom_dec.png');
}
.map-scheme__control.blocked {
  display: none;
}
.map-scheme__loader.active {
  background: url('../images/map-loader.gif') center no-repeat;
}
.map-scheme__loader.active .map-scheme__content {
  opacity: 0;
  visibility: hidden;
}
.map-scheme__content {
  max-width: 980px;
  margin: 0 auto;
}
.map-scheme__content_new {
  margin-top: -90px;
}
.map-scheme__content[data-floor="1"] .map-scheme__stage[data-floor="1"] {
  display: block;
}
.map-scheme__content[data-floor="2"] .map-scheme__stage[data-floor="2"] {
  display: block;
}
.map-scheme__content[data-floor="3"] .map-scheme__stage[data-floor="3"] {
  display: block;
}
.map-scheme__stage {
  display: none;
}
.map-scheme__stage svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.map-scheme__svg {
  width: 100%;
  height: 0;
  padding-top: 50%;
  position: relative;
  overflow: hidden;
}
.map-scheme__item {
  cursor: pointer;
  fill: #fcafad;
}
.map-scheme__item:hover,
.map-scheme__item.active {
  fill: #dd3e3b;
}
.map-scheme__item_red {
  fill: #fcafad;
}
.map-scheme__item_red:hover,
.map-scheme__item_red.active {
  fill: #dd3e3b;
}
.map-scheme__item_blue {
  fill: #b1cde1;
}
.map-scheme__item_blue:hover,
.map-scheme__item_blue.active {
  fill: #246696;
}
.map-scheme__item_lightblue {
  fill: #d3eff8;
}
.map-scheme__item_lightblue:hover,
.map-scheme__item_lightblue.active {
  fill: #51bde1;
}
.map-scheme__item_yellow {
  fill: #fce5b1;
}
.map-scheme__item_yellow:hover,
.map-scheme__item_yellow.active {
  fill: #f6b31c;
}
.map-scheme__item_green {
  fill: #cae9d5;
}
.map-scheme__item_green:hover,
.map-scheme__item_green.active {
  fill: #0bb149;
}
.map-scheme__item_purple {
  fill: #edcede;
}
.map-scheme__item_purple:hover,
.map-scheme__item_purple.active {
  fill: #c65f94;
}
.map-scheme__item_orange {
  fill: #f58225;
}
.map-scheme__item_orange:hover,
.map-scheme__item_orange.active {
  fill: #f5a525;
}
.map-scheme__item_dark-purple {
  fill: #b72467;
}
.map-scheme__item_dark-purple:hover,
.map-scheme__item_dark-purple.active {
  fill: #d12976;
}
.map-scheme__item_brown {
  fill: #77460c;
}
.map-scheme__item_brown:hover,
.map-scheme__item_brown.active {
  fill: #91560f;
}
.map-scheme__item_lightgray {
  fill: #b6bf57;
}
.map-scheme__item_lightgray:hover,
.map-scheme__item_lightgray.active {
  fill: #b6df57;
}
.map-scheme__item_pink {
  fill: #ef5ba1;
}
.map-scheme__item_pink:hover,
.map-scheme__item_pink.active {
  fill: #ff6bb1;
}
.map-scheme__item_gray {
  fill: #908933;
}
.map-scheme__item_gray:hover,
.map-scheme__item_gray.active {
  fill: #a8a03c;
}
.map-scheme__item_darkpurple {
  fill: #7c51a1;
}
.map-scheme__item_darkpurple:hover,
.map-scheme__item_darkpurple.active {
  fill: #8f5eba;
}
.map-scheme__item_lightgreen {
  fill: #82ccb0;
}
.map-scheme__item_lightgreen:hover,
.map-scheme__item_lightgreen.active {
  fill: #92e6c6;
}
.map-scheme__shop {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  background-color: #fff;
  border: 1px solid #484848;
  border-radius: 5px;
  overflow: hidden;
  z-index: 3;
  max-width: 100%;
  opacity: 0;
  visibility: hidden;
}
.map-scheme__shop.active {
  opacity: 1;
  visibility: visible;
}
.map-scheme__shop-image {
  display: block;
  border: none;
  float: left;
}
.map-scheme__shop-logo {
  width: 60px;
  height: 60px;
  display: block;
  float: left;
}
.map-scheme__shop-content {
  box-sizing: border-box;
  padding: 0 20px;
  display: block;
  float: left;
  background: #484848;
  color: #fff;
}
.map-scheme__shop-name {
  line-height: 60px;
  font-size: 20px;
  margin: 0;
}
.map-scheme__error {
  position: absolute;
  z-index: 3;
  background-color: #484848;
  color: #fff;
  border-radius: 3px;
  padding: 5px 10px;
  max-width: 100%;
  opacity: 0;
  visibility: hidden;
}
.map-scheme__error.active {
  opacity: 1;
  visibility: visible;
}
.map-scheme__colors {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
  padding: 50px;
  border-bottom: 12px dotted #dd3d3d;
}
.map-scheme__color {
  flex-basis: 100%;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  box-sizing: border-box;
  line-height: 32px;
  margin-bottom: 10px;
  cursor: pointer;
}
@media screen and (min-width: 640px) {
  .map-scheme__color {
    flex-basis: 50%;
  }
}
.map-scheme__color:before {
  content: '';
  display: block;
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  margin-bottom: 1px;
  left: 0;
  top: 0;
  border-radius: 5px;
}
.map-scheme__color_red:before {
  background: #dd3e3b;
}
.map-scheme__color_yellow:before {
  background: #f6b31c;
}
.map-scheme__color_green:before {
  background: #0bb149;
}
.map-scheme__color_blue:before {
  background: #246696;
}
.map-scheme__color_lightblue:before {
  background: #51bde1;
}
.map-scheme__color_purple:before {
  background: #c65f94;
}
.map-scheme__categories {
  column-gap: 10px;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  column-count: 1;
  -moz-column-count: 1;
  -webkit-column-count: 1;
}
@media screen and (min-width: 640px) {
  .map-scheme__categories {
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
  }
}
@media screen and (min-width: 980px) {
  .map-scheme__categories {
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
  }
}
.map-scheme__category {
  margin-bottom: 2px;
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
}
.map-scheme__category-name {
  padding: 5px 15px;
  background: #dd3e3b;
  border-radius: 20px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
}
.map-scheme__category_green .map-scheme__category-name {
  background: #0bb149;
}
.map-scheme__category_yellow .map-scheme__category-name {
  background: #f6b31c;
}
.map-scheme__category_blue .map-scheme__category-name {
  background: #51bde1;
}
.map-scheme__category-shop {
  display: block;
  color: #252525;
  padding: 5px 15px 5px 30px;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #eaeaea;
  cursor: pointer;
}
.map-scheme__category-shop:last-child {
  border: none;
}
.map-scheme__icons {
  margin-top: 50px;
  padding: 50px;
  border-top: 12px dotted #dd3d3d;
  text-align: center;
}
.map-scheme__icon {
  display: block;
  padding-left: 55px;
  position: relative;
  line-height: 40px;
  margin-right: 30px;
  margin-bottom: 20px;
  cursor: pointer;
}
.map-scheme__icon.active {
  stroke: deepskyblue;
  stroke-width: 5px;
}
.map-scheme__icon.active path {
  stroke: none;
}
@media screen and (min-width: 640px) {
  .map-scheme__icon {
    display: inline-block;
  }
}
.map-scheme__icon-img {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
}
.map-scheme__object.active {
  stroke: deepskyblue;
  stroke-width: 5px;
}
.map-scheme__object.active path {
  stroke: none;
}
.map-scheme__marker {
  position: absolute;
  width: 25px;
  height: 25px;
  background: url('../images/placemark.svg');
  background-size: contain;
}
@media screen and (min-width: 640px) {
  .map-scheme__marker {
    width: 40px;
    height: 40px;
  }
}
.map-scheme__png {
  display: flex;
  width: 100%;
  height: 400px;
  overflow: auto;
  border: 1px solid #ccc;
  border-radius: 5px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (min-width: 980px) {
  .map-scheme__png {
    border: none;
    height: 800px;
  }
}
.map-scheme__png::-webkit-scrollbar {
  display: none;
}
.map-scheme__png-pic {
  display: block;
  width: 100%;
  margin: auto;
  flex-shrink: 0;
}
.gallery-item {
  position: relative;
}
.gallery-item:hover .gallery-item__favourite {
  opacity: 1;
}
.gallery-item:hover .gallery-item__info {
  background: rgba(0, 0, 0, 0.75);
}
.gallery-item__picture {
  display: block;
  border: none;
}
.gallery-item__info {
  position: absolute;
  bottom: 0;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: 500;
  min-height: 140px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.gallery-item__info_section {
  width: auto;
  min-height: 0;
}
.gallery-item__info-name {
  font-size: 18px;
}
.gallery-item__info-text {
  font-size: 14px;
}
.gallery-item__favourite {
  position: absolute;
  right: 10px;
  bottom: 10px;
  opacity: 0.5;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.errors-list {
  color: #fe0000;
}
.errors-list__item {
  list-style: disc inside;
}
.search-page__line {
  background: #f5f5f5;
  margin: 20px 0;
  padding: 15px 0;
}
.search-page__line-form {
  position: relative;
}
.search-page__line-input {
  border: 1px solid #d3d3d3;
  line-height: 40px;
  padding: 0 42px 0 20px;
  width: 100%;
  -webkit-appearance: none;
}
.search-page__line-input::-webkit-search-cancel-button {
  display: none;
}
.search-page__line-submit {
  position: absolute;
  width: 42px;
  height: 42px;
  right: 0;
  top: 0;
  background: transparent;
  cursor: pointer;
  text-align: center;
  padding: 8px;
  box-sizing: border-box;
  fill: #e1000f;
}
.search-page__items {
  margin-bottom: 25px;
}
.search-page__item {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 50px;
  padding-top: 25px;
  border-bottom: 5px solid #f5f5f5;
}
.search-page__item-picture {
  flex-basis: 100%;
  height: 100px;
  box-sizing: border-box;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 640px) {
  .search-page__item-picture {
    flex-basis: 240px;
  }
}
.search-page__item-content {
  flex-basis: 100%;
  padding-top: 20px;
  box-sizing: border-box;
  position: relative;
}
@media screen and (min-width: 640px) {
  .search-page__item-content {
    padding-left: 100px;
    flex-basis: calc(100% - 240px);
  }
}
.search-page__item-number {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'PT Serif', serif;
  font-size: 38px;
  font-weight: 700;
  color: #e1000f;
}
@media screen and (min-width: 640px) {
  .search-page__item-number {
    left: 50px;
  }
}
.search-page__item-link {
  margin-bottom: 25px;
  padding-left: 50px;
  display: inline-block;
}
@media screen and (min-width: 640px) {
  .search-page__item-link {
    padding-left: 0;
  }
}
.search-page__item-extra {
  margin-top: 30px;
  font-weight: 500;
  text-align: center;
}
.filter {
  margin: 14px 0 0;
  list-style: none;
  font-size: 14px;
}
.filter_events {
  right: 0;
}
.filter_events > .filter__button:last-child {
  float: right;
}
.filter__button {
  display: inline-block;
  padding: 3px 10px;
  background: #fff;
  border: 2px solid transparent;
  color: #252525;
  cursor: pointer;
  margin-right: 0;
  margin-bottom: 10px;
}
@media screen and (min-width: 640px) {
  .filter__button {
    padding: 3px 15px;
    margin-right: 10px;
  }
}
.filter__button.active,
.filter__button:hover {
  color: #fff;
  background: #20a740;
  border-color: #20a740;
}
.filter__button_maxi {
  padding-left: 30px;
  border-color: #e1000f;
}
.filter__button_maxi.active,
.filter__button_maxi:hover {
  color: #fff;
  background: #e1000f;
  border-color: #e1000f;
}
.filter__button_maxi svg {
  height: 32px;
  width: 22px;
  position: absolute;
  top: -2px;
  left: -2px;
  background-color: #fff;
}
.filter__button_birthday {
  padding-left: 30px;
}
.filter__button_birthday.active,
.filter__button_birthday:hover {
  color: #fff;
  background: #20a740;
  border-color: #20a740;
  fill: #fff;
}
.filter__button_birthday svg {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 2px;
  left: 4px;
}
.filter__button.bg-grey .filter__button {
  background: #fafafa;
}
.date-filter {
  background-color: #fafafa;
  padding: 15px 10px;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.date-filter__item {
  border: none;
  color: #252525;
  cursor: pointer;
  padding: 5px 10px;
  box-sizing: border-box;
  text-align: center;
  flex-basis: auto;
}
@media screen and (min-width: 640px) {
  .date-filter__item {
    flex-basis: auto;
    padding: 5px 20px;
  }
}
.date-filter__item.active {
  color: #20a740;
}
.date-filter__item.active .date-filter__item-extra {
  color: #20a740;
}
.date-filter__item_calendar {
  min-width: 150px;
  float: right;
}
.date-filter__item-extra {
  display: none;
  margin-left: 5px;
  color: #707070;
}
@media screen and (min-width: 640px) {
  .date-filter__item-extra {
    display: initial;
  }
}
.datepicker--cells {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.datepicker--cell {
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 32px;
  z-index: 1;
}
.datepicker--cell.-focus- {
  background: #f0f0f0;
}
.datepicker--cell.-current- {
  color: #4EB5E6;
}
.datepicker--cell.-current-.-focus- {
  color: #4a4a4a;
}
.datepicker--cell.-current-.-in-range- {
  color: #4EB5E6;
}
.datepicker--cell.-in-range- {
  background: rgba(92, 196, 239, 0.1);
  color: #4a4a4a;
  border-radius: 0;
}
.datepicker--cell.-in-range-.-focus- {
  background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell.-disabled- {
  cursor: default;
  color: #aeaeae;
}
.datepicker--cell.-disabled-.-focus- {
  color: #aeaeae;
}
.datepicker--cell.-disabled-.-in-range- {
  color: #a1a1a1;
}
.datepicker--cell.-disabled-.-current-.-focus- {
  color: #aeaeae;
}
.datepicker--cell.-range-from- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 4px 0 0 4px;
}
.datepicker--cell.-range-to- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 0 4px 4px 0;
}
.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current- {
  color: #fff;
  background: #5cc4ef;
}
.datepicker--cell.-range-from-.-range-to- {
  border-radius: 4px;
}
.datepicker--cell.-selected- {
  border: none;
}
.datepicker--cell.-selected-.-focus- {
  background: #45bced;
}
.datepicker--cell:empty {
  cursor: default;
}
.datepicker--days-names {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 8px 0 3px;
}
.datepicker--day-name {
  color: #FF9A19;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}
.-only-timepicker- .datepicker--content,
.datepicker--body,
.datepicker-inline .datepicker--pointer {
  display: none;
}
.datepicker--cell-day {
  width: 14.28571%;
}
.datepicker--cells-months {
  height: 170px;
}
.datepicker--cell-month {
  width: 33.33%;
  height: 25%;
}
.datepicker--cells-years,
.datepicker--years {
  height: 170px;
}
.datepicker--cell-year {
  width: 25%;
  height: 33.33%;
}
.datepickers-container {
  position: absolute;
  left: 0;
  top: 0;
}
@media print {
  .datepickers-container {
    display: none;
  }
}
.datepicker {
  background: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-sizing: content-box;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  transition: opacity .3s ease,transform .3s ease,left 0s .3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  z-index: 100;
}
.datepicker.-from-top- {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.datepicker.-from-right- {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}
.datepicker.-from-bottom- {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
.datepicker.-from-left- {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}
.datepicker.active {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
  transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  transition: opacity .3s ease,transform .3s ease,left 0s 0s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
}
.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.datepicker--content {
  box-sizing: content-box;
  padding: 4px;
}
.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1;
}
.datepicker--nav-action:hover,
.datepicker--nav-title:hover {
  background: #f0f0f0;
}
.-top-center- .datepicker--pointer,
.-top-left- .datepicker--pointer,
.-top-right- .datepicker--pointer {
  top: calc(96%);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.-right-bottom- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-top- .datepicker--pointer {
  right: calc(96%);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.-bottom-center- .datepicker--pointer,
.-bottom-left- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
  bottom: calc(96%);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
.-left-bottom- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-top- .datepicker--pointer {
  left: calc(96%);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.-bottom-left- .datepicker--pointer,
.-top-left- .datepicker--pointer {
  left: 10px;
}
.-bottom-right- .datepicker--pointer,
.-top-right- .datepicker--pointer {
  right: 10px;
}
.-bottom-center- .datepicker--pointer,
.-top-center- .datepicker--pointer {
  left: calc(45%);
}
.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
  top: 10px;
}
.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
  bottom: 10px;
}
.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
  top: calc(45%);
}
.datepicker--body.active {
  display: block;
}
.datepicker--nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px;
}
.-only-timepicker- .datepicker--nav {
  display: none;
}
.datepicker--nav-action,
.datepicker--nav-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker--nav-action.-disabled- {
  visibility: hidden;
}
.datepicker--nav-action svg {
  width: 32px;
  height: 32px;
}
.datepicker--nav-action path {
  fill: none;
  stroke: #9c9c9c;
  stroke-width: 2px;
}
.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px;
}
.datepicker--buttons,
.datepicker--time {
  border-top: 1px solid #efefef;
  padding: 4px;
}
.datepicker--nav-title i {
  font-style: normal;
  color: #9c9c9c;
  margin-left: 5px;
}
.datepicker--nav-title.-disabled- {
  cursor: default;
  background: 0 0;
}
.datepicker--buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.datepicker--button {
  color: #4EB5E6;
  cursor: pointer;
  border-radius: 4px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
}
.datepicker--button:hover {
  color: #4a4a4a;
  background: #f0f0f0;
}
.datepicker--time {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.datepicker--time.-am-pm- .datepicker--time-sliders {
  -webkit-flex: 0 1 138px;
  -ms-flex: 0 1 138px;
  flex: 0 1 138px;
  max-width: 138px;
}
.-only-timepicker- .datepicker--time {
  border-top: none;
}
.datepicker--time-sliders {
  -webkit-flex: 0 1 153px;
  -ms-flex: 0 1 153px;
  flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px;
}
.datepicker--time-label {
  display: none;
  font-size: 12px;
}
.datepicker--time-current {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px;
}
.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}
.datepicker--time-current-hours,
.datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}
.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
  content: '';
  background: #f0f0f0;
  border-radius: 4px;
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}
.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
  opacity: 1;
}
.datepicker--time-current-ampm {
  text-transform: uppercase;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}
.datepicker--time-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, #dedede, #dedede) left 0.5% 1px no-repeat;
}
.datepicker--time-row:first-child {
  margin-bottom: 4px;
}
.datepicker--time-row input[type=range] {
  background: 0 0;
  cursor: pointer;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}
.datepicker--time-row input[type=range]::-ms-tooltip {
  display: none;
}
.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb {
  border-color: #b8b8b8;
}
.datepicker--time-row input[type=range]:hover::-moz-range-thumb {
  border-color: #b8b8b8;
}
.datepicker--time-row input[type=range]:hover::-ms-thumb {
  border-color: #b8b8b8;
}
.datepicker--time-row input[type=range]:focus {
  outline: 0;
}
.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}
.datepicker--time-row input[type=range]:focus::-moz-range-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}
.datepicker--time-row input[type=range]:focus::-ms-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}
.datepicker--time-row input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background .2s;
  margin-top: -6px;
}
.datepicker--time-row input[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background 0.2s;
}
.datepicker--time-row input[type=range]::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background 0.2s;
}
.datepicker--time-row input[type=range]::-webkit-slider-runnable-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}
.datepicker--time-row input[type=range]::-moz-range-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}
.datepicker--time-row input[type=range]::-ms-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}
.datepicker--time-row input[type=range]::-ms-fill-lower {
  background: 0 0;
}
.datepicker--time-row input[type=range]::-ms-fill-upper {
  background: 0 0;
}
.datepicker--time-row span {
  padding: 0 12px;
}
.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em;
}
.datepicker--time-icon:after,
.datepicker--time-icon:before {
  content: '';
  background: currentColor;
  position: absolute;
}
.datepicker--time-icon:after {
  height: .4em;
  width: 1px;
  left: calc(49%);
  top: calc(51%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.datepicker--time-icon:before {
  width: .4em;
  height: 1px;
  top: calc(51%);
  left: calc(49%);
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #ccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: 0 0;
  border: none;
}
.promo-page__header {
  display: none;
}
@media screen and (min-width: 640px) {
  .promo-page__header {
    display: block;
  }
}
.promo-page__image {
  width: 100%;
}
.promo-page__text {
  padding: 50px 0;
  border-bottom: 1px solid #d0d0d0;
  margin-bottom: 50px;
}
.promo-page__item {
  margin-bottom: 36px;
  margin-top: 36px;
}
.promo-page__item-logo {
  width: 100%;
}
.promo-page__item-link {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #484848;
  border: none;
}
.promo-page__item-desc {
  font-size: 14px;
  margin-bottom: 10px;
}
.promo-page__item-dates {
  color: #9c9c9c;
  font-size: 14px;
  font-weight: 500;
}
.card__header {
  background-image: url('../images/card/card-header.jpg');
  background-size: cover;
  background-position: center right;
  display: flex;
  align-items: center;
  text-align: center;
  height: 300px;
  font-weight: bold;
  color: #fff;
}
@media screen and (min-width: 640px) {
  .card__header {
    text-align: right;
  }
}
.card__header-title {
  font-size: 40px;
  line-height: 50px;
}
@media screen and (min-width: 980px) {
  .card__header-title {
    font-size: 50px;
    line-height: 60px;
  }
}
.card__header-subtitle {
  font-size: 26px;
  line-height: 30px;
  font-family: serif;
}
.card__header-button {
  display: inline-block;
  border: 2px solid;
  padding: 5px;
  width: 250px;
  text-align: center;
  font-weight: 500;
  margin-top: 20px;
}
.card__header-button_red {
  color: #fe0000;
  border-color: #fe0000;
}
.card__header-button_red:hover {
  background-color: #fe0000;
  color: #fff;
}
.card__header-button_blue {
  color: #01a7e3;
  border-color: #01a7e3;
}
.card__header-button_blue:hover {
  background-color: #01a7e3;
  color: #fff;
}
.card__header-button_white {
  color: #fff;
  border-color: #fff;
}
.card__header-button_white:hover {
  background-color: #fff;
  color: #444;
}
.card__menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 50px;
  text-align: center;
}
.card__menu-item {
  border: none;
  position: relative;
  cursor: pointer;
  color: #484848;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 20px 5px;
  flex-basis: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 640px) {
  .card__menu-item {
    flex-basis: auto;
  }
}
.card__menu-item:hover {
  color: red;
}
.card__menu-item:hover:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: red;
  left: 0;
  bottom: -2px;
}
.card__map {
  display: flex;
  align-items: center;
  justify-content: center;
}
.card__map-section {
  flex-basis: 50%;
}
@media screen and (min-width: 980px) {
  .card__map-section {
    flex-basis: 33.33%;
  }
}
.card__map-section_center {
  display: none;
}
@media screen and (min-width: 980px) {
  .card__map-section_center {
    display: block;
  }
}
.card__map-item {
  border: 1px solid gray;
  border-radius: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 50px;
  box-sizing: border-box;
  margin: auto;
  margin-bottom: 20px;
  width: 140px;
  height: 140px;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  text-shadow: 1px 1px 1px #444;
  cursor: default;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 640px) {
  .card__map-item {
    font-size: 16px;
    width: 200px;
    height: 200px;
  }
}
.card__map-item:hover {
  background-color: rgba(0, 0, 0, 0.25);
  background-blend-mode: color;
}
@media screen and (min-width: 980px) {
  .card__map-item_left {
    float: left;
  }
}
@media screen and (min-width: 980px) {
  .card__map-item_right {
    float: right;
  }
}
.card__map-item_enjoy {
  background-image: url('../images/card/services/6.png');
}
.card__map-item_gifts {
  background-image: url('../images/card/services/2.png');
}
.card__map-item_cafes {
  background-image: url('../images/card/services/4.png');
}
.card__map-item_cosmetic {
  background-image: url('../images/card/services/5.png');
}
.card__map-item_beauty {
  background-image: url('../images/card/services/1.png');
}
.card__map-item_jewelery {
  background-image: url('../images/card/services/3.png');
}
.card__block {
  overflow: hidden;
  margin-bottom: 20px !important;
}
.card__block_gray {
  padding-bottom: 20px;
  background-color: #f8f8f8;
}
.card__block-title {
  margin: 30px 0;
}
.card__block-title__main {
  background: #e1000f;
  color: #ffffff;
  padding: 15px;
  margin: 0;
  font-size: 34px;
}
.card__block-text {
  margin-bottom: 20px;
}
.card__block-text > p {
  margin-bottom: 10px;
}
.card__block-text_icon {
  padding-left: 50px;
  background-repeat: no-repeat;
}
.card__block-text_sign {
  background-image: url("../images/card/credit-card-sign.png");
  background-position: left top;
}
.card__block-text_pay {
  background-image: url("../images/card/credit-card.png");
}
.card__block-text_confirm {
  background-image: url("../images/card/check-signing.png");
}
.card__block-text_expire {
  background-image: url("../images/card/credit-card-checked.png");
}
.card__block-text_disallow {
  background-image: url("../images/card/shattered-credit-card.png");
}
.card__block-text_cash {
  background-image: url("../images/card/no-credit-card-allowed.png");
}
.card__block-text_refund {
  background-image: url("../images/card/credit-card-receipt.png");
}
.card__block-text_about {
  background-image: url("../images/card/credit-cards.png");
}
.horizontal-filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 50px;
  font-size: 14px;
}
.horizontal-filter__button {
  border: none;
  padding: 5px 10px;
  background: #fff;
  color: #252525;
  cursor: pointer;
  margin: 10px;
}
.horizontal-filter__button:hover,
.horizontal-filter__button.active {
  color: #fff;
  background: #20a740;
  border-color: #20a740;
}
.video-preview {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  fill: #484848;
}
.video-preview:hover {
  fill: #fe0000;
}
.video-preview:hover .video-preview__name {
  top: 0;
}
.video-preview__name {
  display: block;
  width: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  line-height: 30px;
  font-size: 14px;
  position: absolute;
  top: -100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.video-preview__play {
  padding: 70px 0;
}
#youTubeIframe {
  display: block;
}
.shop-page__title {
  border-bottom: 3px solid #e1000f;
}
.shop-page__border {
  border: 5px solid #e1000f;
  padding: 10px 0;
  margin-bottom: 20px;
}
.shop-page__logo img {
  display: block;
}
.shop-page__info-floor {
  color: #707070;
  font-size: 18px;
  display: block;
  border: none;
}
.shop-page__info-contact {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #252525;
  display: block;
  border: none;
}
.shop-page__content {
  margin-bottom: 50px;
}
.shop-page__content.active > .shop-page__content-button {
  display: none;
}
.shop-page__content p {
  margin-bottom: 25px;
}
.shop-page__content img {
  height: auto;
}
.shop-page__content-button {
  border: 1px solid #707070;
  color: #707070;
  border-radius: 5px;
  text-align: center;
  padding: 5px 20px;
  cursor: pointer;
  margin-top: 30px;
}
.shop-page__content-button:hover {
  background-color: #707070;
  color: #fff;
}
.shop-page__slider {
  display: none;
}
@media screen and (min-width: 640px) {
  .shop-page__slider {
    display: block;
  }
}
.shop-page__slide {
  padding: 10px;
}
.shop-page__slide-image {
  margin: auto;
}
.overlay-banner {
  display: none;
  align-items: center;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.overlay-banner.active {
  display: flex;
}
.overlay-banner__image {
  display: block;
  position: relative;
  margin: auto;
  border: none;
}
.overlay-banner__close {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 40px;
  line-height: 22px;
  color: #e8e8e8;
  cursor: pointer;
  border: 0 solid #e8e8e8;
  padding: 5px;
  border-radius: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlay-banner__close:hover {
  border-width: 3px;
}
.mainpage-block .border:before {
  border-right: none;
  border-left: none;
  border-bottom: none;
  left: -40px;
  right: -40px;
}
.mainpage-block .section-head {
  text-align: center;
}
@media screen and (min-width: 640px) {
  .mainpage-block {
    margin-bottom: 110px;
  }
  .mainpage-block .border:before {
    border: 5px solid;
    left: -20px;
    right: -20px;
  }
  .mainpage-block .section-head {
    text-align: left;
  }
}
.header-banner {
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .header-banner {
    width: 84.375%;
  }
}
@media screen and (min-width: 980px) {
  .header-banner {
    width: 78%;
  }
}
.header-banner p > img {
  display: block;
}
.border {
  position: relative;
  margin: 20px 0;
}
.border:before {
  position: absolute;
  z-index: -1;
  content: "";
  top: -20px;
  left: -40px;
  right: -40px;
  bottom: -20px;
  border-top: 5px solid #f5f5f5;
}
@media screen and (min-width: 640px) {
  .border:before {
    border: 5px solid #f5f5f5;
    left: -20px;
    right: -20px;
  }
}
.border-color-green .border:before {
  border-color: #20a740;
}
.border-color-blue .border:before {
  border-color: #00a7e3;
}
.border-color-yellow .border:before {
  border-color: #fecc00;
}
.border-color-red .border:before {
  border-color: #e1000f;
}
.border-color-darkblue .border:before {
  border-color: #0c0941;
}
.border-color-blackweekend .border:before {
  border-color: #164c7a;
}
.border-height-def .border:before {
  bottom: auto;
  height: 110px;
}
.border.no-border:before {
  display: none;
}
@media screen and (min-width: 640px) {
  .border {
    margin: 60px 0;
  }
  .border:before {
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: -30px;
  }
  .border-height-def .border:before {
    height: 280px;
  }
}
@media screen and (min-width: 980px) {
  .border:before {
    top: -35px;
    left: -40px;
    right: -40px;
    bottom: -40px;
  }
  .border-height-def .border:before {
    height: 250px;
  }
  .border-left .border:before {
    right: 50px;
  }
  .border-pad-right .border:before {
    right: 260px;
  }
}
.action-error {
  margin-bottom: 30px;
}
.action-error li {
  font-size: 14px;
  color: #e1000f;
}
.action-success {
  margin-bottom: 30px;
  color: #20a740;
}
.btnscale {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.hover .btnscale:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
body {
  height: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #252525;
}
body.fixed {
  overflow: hidden;
}
body.fixed header {
  z-index: 200;
}
body.fixed_flex {
  overflow: visible;
}
body.fixed .menu-ov {
  height: 100%;
  z-index: 260;
}
body.fixed .menu-ov_flex {
  height: auto;
  top: -12px;
  position: relative;
}
button,
input,
select,
textarea {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #252525;
}
.content p {
  margin: 20px 0;
}
.globalwrap {
  overflow: hidden;
}
.wrapper,
.wrapper-outer {
  margin: 0 auto;
  max-width: 980px;
}
@media (max-width: 979px) {
  .wrapper_flex,
  .wrapper-outer_flex {
    padding-left: 21px;
    padding-right: 21px;
  }
}
.wrapper {
  width: 81.25%;
}
@media screen and (min-width: 640px) {
  .wrapper {
    width: 84.375%;
  }
}
@media screen and (min-width: 980px) {
  .wrapper {
    width: 78%;
  }
}
.wrapper_flex {
  max-width: 100%;
  box-sizing: border-box;
  width: 960px;
}
@media screen and (min-width: 640px) {
  .wrapper-pad {
    margin-right: 0;
  }
}
@media screen and (min-width: 980px) {
  .wrapper-pad {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.title {
  text-align: center;
}
@media screen and (min-width: 640px) {
  .title {
    text-align: left;
  }
}
.wrapper-head {
  width: 87.5%;
  margin: 0 auto;
  max-width: 960px;
}
.wrapper-head_flex {
  box-sizing: border-box;
  max-width: 923px;
}
@media screen and (min-width: 640px) {
  .wrapper-head {
    width: 93.75%;
  }
}
@media screen and (min-width: 980px) {
  .wrapper-head {
    width: 75%;
  }
}
.wrapper-letter {
  width: 94%;
  margin: 0 auto;
  max-width: 980px;
}
@media screen and (min-width: 980px) {
  .wrapper-letter {
    width: 100%;
  }
}
.wrapper-letter-inner {
  width: 86.5%;
  margin: 0 auto;
  max-width: 980px;
}
@media screen and (min-width: 640px) {
  .wrapper-letter-inner {
    width: 90%;
  }
}
@media screen and (min-width: 980px) {
  .wrapper-letter-inner {
    width: 94%;
  }
}
.f-bg {
  background-color: #fff;
}
.bg-grey .f-bg {
  background-color: #fafafa;
}
.h1,
h1 {
  font-family: 'Ubuntu', sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
}
@media screen and (min-width: 640px) {
  .h1,
  h1 {
    font-size: 32px;
  }
}
@media screen and (min-width: 980px) {
  .h1,
  h1 {
    font-size: 38px;
  }
}
.h2,
h2 {
  margin: 1em 0 0.55em;
  font-family: 'Ubuntu', sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.04em;
}
.h3,
h3 {
  margin: 1em 0 0.55em;
  font-family: 'Ubuntu', sans-serif;
  font-size: 21px;
  font-weight: 300;
  color: #707070;
  letter-spacing: normal;
}
h2 + .h3,
h2 + h3 {
  margin-top: -0.5em;
}
.h4,
h4 {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  letter-spacing: normal;
}
.h5,
h5 {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  letter-spacing: normal;
}
.h6,
h6 {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  letter-spacing: normal;
}
a {
  position: relative;
  text-decoration: none;
  border: 1px solid #d3d3d3;
  border-width: 0 0 1px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #e1000f;
}
.dark {
  color: #252525;
}
.hover .dark:hover {
  color: #e1000f;
}
.db {
  display: block;
}
.title-link {
  color: #252525;
  border-bottom-width: 2px;
  border-bottom-color: transparent;
}
.hover .title-link:hover {
  border-bottom-color: #e1000f;
}
.title-link.db {
  border-bottom: none;
}
.title-link.db span {
  color: #252525;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.hover .title-link.db:hover span {
  border-bottom-color: #e1000f;
}
.dashed {
  border-style: dashed;
}
.wrap-color-bg {
  padding: 1px 0;
}
.wrap-color-bg .section-elist {
  margin-bottom: 40px;
}
.wrap-color-bg .section-elist_flex {
  margin-bottom: 0;
}
@media screen and (min-width: 640px) {
  .wrap-color-bg .section-elist {
    margin-bottom: 60px;
  }
  .wrap-color-bg .section-elist_flex {
    margin-bottom: 0;
  }
}
.bg-grey {
  background-color: #fafafa;
}
.search {
  position: relative;
  padding-left: 20px;
}
.search .ico {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: url("../images/x1/search_new.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .search .ico {
    background: url("../images/x2/search.png");
    background-size: 100%;
  }
}
.hover .search .ico {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.hover .hover .search .ico:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.search .wrap {
  width: 0;
  -webkit-transition: width 0.5s;
  -o-transition: width 0.5s;
  transition: width 0.5s;
}
.search .inner {
  margin-right: 30px;
}
.search input {
  width: 100%;
  padding: 0;
  color: #707070;
  background: #fff;
  border-bottom: 3px solid #e8e8e8;
}
.search.mode-search .wrap {
  width: 100%;
}
.block-city-define {
  position: absolute;
  top: 100%;
  left: -20px;
  margin-top: 20px;
  padding: 10px 35px 20px 15px;
  background: #fff;
  border: 5px solid #f5f5f5;
  white-space: nowrap;
}
.block-city-define:before {
  position: absolute;
  content: "";
  top: -16px;
  left: 15px;
  width: 20px;
  height: 16px;
  background: url("../images/x1/city-corner.png");
}
.block-city-define .title {
  font-size: 21px;
  font-weight: 300;
}
.block-city-define .btns {
  margin-top: 5px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  font-weight: 500;
}
.block-city-define .btns a {
  margin-left: 28px;
}
.block-city-define .btns a:first-child {
  margin-left: 0;
}
.share {
  margin-top: 30px;
  margin-bottom: 30px;
}
.section-title {
  padding: 13px 0;
  background: #fafafa;
}
.section-title_flex {
  background: none;
}
@media screen and (min-width: 640px) {
  .section-title {
    padding: 15px 0;
  }
}
@media screen and (min-width: 980px) {
  .section-title {
    padding: 19px 0;
  }
}
.section-nav {
  display: none;
  margin: 15px 0;
  font-size: 13px;
}
.section-nav a {
  color: #707070;
}
.section-nav .d {
  margin: 0 6px;
}
@media screen and (min-width: 640px) {
  .section-nav + .section-blog,
  .section-nav + .section-elist,
  .section-nav + .section-shops {
    padding-top: 15px;
  }
}
@media screen and (min-width: 980px) {
  .section-nav {
    display: block;
    margin-bottom: 55px;
  }
  .section-nav + .section-blog,
  .section-nav + .section-elist,
  .section-nav + .section-shops {
    margin-top: -70px;
  }
}
.tags {
  position: relative;
  padding-left: 20px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #707070;
  line-height: 1.2;
  letter-spacing: 0.02em;
  display: none;
}
@media screen and (min-width: 640px) {
  .tags {
    display: block;
  }
}
.tags:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  background: url("../images/x1/tags.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .tags:before {
    background-image: url("../images/x2/tags.png");
    background-size: 100%;
  }
}
.share-btn {
  display: inline-block;
  position: relative;
  margin: 5px 5px 5px 0;
  padding: 8px 0 8px 38px;
  border: 2px solid #ccc;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #ccc;
  cursor: pointer;
  overflow: hidden;
}
.share-btn:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 38px;
  height: 100%;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.share-btn .t {
  margin-left: 10px;
}
.share-btn .c {
  width: 38px;
  display: block;
  text-align: center;
}
.share-btn.cl {
  bottom: 8px;
  width: 240px;
  margin: 15px 0;
  border-color: #00a7e3;
  color: #00a7e3;
  background-color: #fff;
}
@media screen and (min-width: 640px) {
  .share-btn.cl {
    display: block;
    margin: 25px 0;
    width: 180px;
  }
}
@media screen and (min-width: 980px) {
  .share-btn.cl {
    display: block;
    width: 240px;
  }
}
.share-btn.cl:before {
  background-color: #00a7e3;
  background-image: url("../images/x1/share-btn-cl.png");
}
.share-btn.tw {
  border-color: #00abf1;
  color: #00abf1;
}
.share-btn.tw:before {
  background-color: #00abf1;
  background-image: url("../images/x1/share-tw.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .share-btn.tw:before {
    background-image: url("../images/x2/share-tw.png");
    background-size: 13px 11px;
  }
}
.share-btn.fb {
  border-color: #3d5a98;
  color: #3d5a98;
}
.share-btn.fb:before {
  background-color: #3d5a98;
  background-image: url("../images/x1/share-fb.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .share-btn.fb:before {
    background-image: url("../images/x2/share-fb.png");
    background-size: 13px 14px;
  }
}
.share-btn.vk {
  border-color: #4d75a3;
  color: #4d75a3;
}
.share-btn.vk:before {
  background-color: #4d75a3;
  background-image: url("../images/x1/share-vk.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .share-btn.vk:before {
    background-image: url("../images/x2/share-vk.png");
    background-size: 16px 10px;
  }
}
.share-btn.mini {
  width: 0;
  will-change: width;
  -webkit-transition: width 0.5s ease;
  -o-transition: width 0.5s ease;
  transition: width 0.5s ease;
}
.share-btn.mini:hover {
  width: 152px;
}
.soclink-btn {
  display: inline-block;
  position: relative;
  margin: 5px;
  padding: 23px;
  background-color: #fff;
  border: 2px solid #ccc;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #ccc;
  cursor: pointer;
}
.soclink-btn:after,
.soclink-btn:before {
  position: absolute;
  content: "";
  top: 0;
  left: 8px;
  width: 30px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.soclink-btn:after {
  opacity: 0;
}
.soclink-btn.fb {
  border-color: #3d5a98;
  color: #3d5a98;
}
.soclink-btn.fb:before {
  background-image: url("../images/x1/soclink-fb.png");
}
.soclink-btn.fb:after {
  background-image: url("../images/x1/soclink-fb-hover.png");
}
.soclink-btn.fb:hover {
  background-color: #3d5a98;
  color: #fff;
}
.soclink-btn.fb:hover:before {
  opacity: 0;
}
.soclink-btn.fb:hover:after {
  opacity: 1;
}
.soclink-btn.vk {
  border-color: #4d75a3;
  color: #4d75a3;
}
.soclink-btn.vk:before {
  background-image: url("../images/x1/soclink-vk.png");
}
.soclink-btn.vk:after {
  background-image: url("../images/x1/soclink-vk-hover.png");
}
.soclink-btn.vk:hover {
  background-color: #4d75a3;
  color: #fff;
}
.soclink-btn.vk:hover:before {
  opacity: 0;
}
.soclink-btn.vk:hover:after {
  opacity: 1;
}
.soclink-btn.in {
  border-color: #e4405f;
  color: #e4405f;
}
.soclink-btn.in:before {
  background-image: url("../images/x1/soclink-in.png");
}
.soclink-btn.in:after {
  background-image: url("../images/x1/soclink-in-hover.png");
}
.soclink-btn.in:hover {
  background-color: #e4405f;
  color: #fff;
}
.soclink-btn.in:hover:before {
  opacity: 0;
}
.soclink-btn.in:hover:after {
  opacity: 1;
}
@media (max-width: 640px) {
  .soclink-btn_flex {
    width: 100%;
    padding-left: 15px;
    text-align: center;
  }
  .soclink-btn_flex:after,
  .soclink-btn_flex:before {
    top: 3px;
    display: inline-block;
    left: 8px;
    position: relative;
    height: 19px;
    margin-right: 7px;
  }
}
.columns .column:first-child {
  margin-top: 0;
}
.columns .c1\/2 {
  margin-top: 20px;
}
@media screen and (min-width: 980px) {
  .columns .c1\/2 {
    float: left;
    width: 50%;
    margin-top: 0;
  }
  .columns.m-20 .column-in {
    margin-right: 20px;
  }
}
.btn-more {
  display: block;
  height: 36px;
  line-height: 36px;
  margin: 26px 0;
  border: 2px solid #cbcbcb;
  text-align: center;
  color: #a9a9a9;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.hover .btn-more:hover {
  background: #cbcbcb;
  color: #fff;
}
@media screen and (min-width: 640px) {
  .btn-more {
    margin: 40px 0;
  }
}
.btn-green {
  padding: 10px 28px;
  background: #fff;
  border: 2px solid #21a73f;
  color: #21a73f;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.hover .btn-green:hover {
  background: #21a73f;
  color: #fff;
}
.btn-black {
  padding: 10px 28px;
  background: #fff;
  border: 2px solid #252525;
  color: #252525;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.hover .btn-black:hover {
  background: #252525;
  color: #fff;
}
.btn-white {
  padding: 10px 28px;
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.hover .btn-white:hover {
  background: #fff;
  color: #f7091e;
}
.btn-red {
  padding: 10px 28px;
  background: transparent;
  border: 2px solid #e1000f;
  color: #e1000f;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.hover .btn-red:hover {
  background: #e1000f;
  color: #fff;
}
.btn-vk {
  display: inline-block;
  position: relative;
  padding: 10px 22px 10px 62px;
  background: transparent;
  border: 2px solid #5d82ab;
  color: #5d82ab;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.btn-vk:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 100%;
  background: #5d82ab url("../images/x1/share-vk.png") no-repeat 50% 50%;
}
.hover .btn-vk:hover {
  background: #5d82ab;
  color: #fff;
}
.section-head {
  text-align: center;
}
.section-head a {
  color: #252525;
}
.section-head_flex a {
  border-bottom: 0;
}
@media screen and (min-width: 640px) {
  .section-head {
    text-align: left;
  }
}
@media screen and (min-width: 980px) {
  .section-head {
    padding-left: 10px;
  }
  .section-head_flex {
    padding-left: 0;
  }
}
.section-bigslider {
  position: relative;
  margin-bottom: 70px;
}
.section-bigslider.js-hide-desc .hider-container .hider-control {
  opacity: 0;
  visibility: hidden;
}
.section-bigslider .hider-container .hider-control {
  text-align: center;
  display: block;
  border-radius: 50px;
  margin: 0 auto;
  background-color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  padding-top: 10px;
  width: 100px;
  cursor: pointer;
}
.section-bigslider .hider-container .hider-control:after {
  content: '';
  display: block;
  margin: auto;
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-repeat: no-repeat;
  background-image: url('../images/x1/icon-show.png');
  background-position: center bottom;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.section-bigslider .hider-container .hider-outer {
  height: 0;
}
.section-bigslider .hider-container.active .hider-control:after {
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.section-bigslider .hider-container.active .hider-outer {
  height: auto;
}
.section-bigslider .scroller-wrap {
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.section-bigslider .inner-slider {
  position: relative;
  left: auto;
  right: auto;
  margin: 0 30px;
}
.section-bigslider .scroller {
  position: relative;
  height: 100%;
  left: 0;
}
.section-bigslider .backs {
  position: relative;
  margin-bottom: 30px;
}
.section-bigslider .conts {
  height: 100%;
}
.section-bigslider .conts .scroller-wrap {
  margin: 0 30px;
}
.section-bigslider .back {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: none;
}
.section-bigslider .back div {
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.section-bigslider .cont {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  white-space: normal;
}
.section-bigslider .cont:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 58%;
  height: 5px;
  background: #e1000f;
}
.section-bigslider .inner {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 25px 20px;
  background: #fff;
  font-size: 13px;
}
.section-bigslider .title {
  margin: 0 0 15px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 21px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.5;
}
.section-bigslider .next,
.section-bigslider .prev {
  position: absolute;
  z-index: 10;
  bottom: 0;
  height: 100px;
  width: 30px;
  background: #fff;
  opacity: 0.7;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.hover .section-bigslider .next:hover,
.hover .section-bigslider .prev:hover {
  opacity: 0.9;
}
.section-bigslider .next:before,
.section-bigslider .prev:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: "";
  width: 15px;
  height: 16px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.section-bigslider .prev {
  left: 0;
}
.section-bigslider .prev:before {
  background-image: url("../images/x1/slider-prev-dark.png");
}
.section-bigslider .next {
  right: 0;
}
.section-bigslider .next:before {
  background-image: url("../images/x1/slider-next-dark.png");
}
@media screen and (min-width: 640px) {
  .section-bigslider {
    /*.wrapper-outer {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			margin: 0 auto;
		}

		.inner-slider {
			position: absolute;
			left: 30px;
			right: 30px;
			margin: 0;
		}

		.backs {
			height: 360px;
		}

		.conts {
			height: 0;
		}*/
  }
  .section-bigslider .cont:after {
    width: 52%;
    height: 2px;
  }
  .section-bigslider .inner {
    padding-left: 30px;
    padding-right: 30px;
  }
  .section-bigslider .title {
    font-size: 25px;
    margin-bottom: 10px;
  }
  .section-bigslider .next:before,
  .section-bigslider .prev:before {
    width: 20px;
    height: 20px;
  }
  .section-bigslider .inner-slider {
    margin: 0 45px;
  }
}
@media screen and (min-width: 980px) {
  .section-bigslider .conts .scroller-wrap {
    margin: 0 45px;
  }
  .section-bigslider .cont:after {
    width: 66%;
  }
  .section-bigslider .inner {
    padding: 25px 40px;
  }
  .section-bigslider .title {
    float: left;
    width: 54%;
    margin: 0;
    font-size: 28px;
  }
  .section-bigslider .desc {
    margin-top: 5px;
    margin-left: 56%;
  }
  .section-bigslider .next,
  .section-bigslider .prev {
    width: 45px;
  }
  .section-bigslider .next:before,
  .section-bigslider .prev:before {
    width: 25px;
    height: 25px;
  }
}
.slider-dots {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 12px;
  text-align: center;
  font-size: 0;
  line-height: 0;
}
.slider-dots .dot {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
}
.slider-dots .dot:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 6px;
  height: 6px;
  background-color: #ddd;
  border-radius: 50%;
  opacity: 1;
  -webkit-transition: backgroundColor 0.3s;
  -o-transition: backgroundColor 0.3s;
  transition: backgroundColor 0.3s;
}
.slider-dots .dot.active:after {
  background-color: #fe0000;
  opacity: 1;
}
.slider-dots .dot:hover:after {
  opacity: 0.8 !important;
}
.section-elist {
  margin-bottom: 50px;
}
.section-elist.no-margin {
  margin: 0;
}
.section-elist .wrapper {
  position: relative;
}
.section-elist .border {
  margin-bottom: 25px;
}
.section-elist .head {
  margin-top: 0;
  padding-top: 4px;
  margin-bottom: 25px;
}
.section-elist .viewall {
  font-size: 14px;
}
.section-elist .slider {
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.section-elist .slider_flex {
  overflow-x: hidden;
}
.section-elist .slider .def-next,
.section-elist .slider .def-prev {
  display: none;
}
.section-elist .slider .scroller {
  position: relative;
  left: 0;
  margin-left: -10px;
  padding-left: 10px;
  white-space: nowrap;
}
.section-elist .item {
  display: inline-block;
  position: relative;
  white-space: normal;
}
.section-elist .elem {
  display: block;
  position: relative;
  margin: 20px 0;
  border: none;
  color: #252525;
  cursor: pointer;
}
.section-elist .elem:first-child {
  margin-top: 0;
}
.section-elist .image {
  position: relative;
  display: block;
  border: none;
  height: 140px;
  overflow: hidden;
}
.section-elist .image img {
  display: block;
  width: 100%;
  height: auto;
}
.section-elist .dates {
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: #707070;
}
.section-elist .dates .d {
  font-weight: 500;
}
.section-elist .name {
  padding: 6px 0;
  font-family: 'Ubuntu', sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3;
}
.section-elist .info {
  position: relative;
  margin: 9px 0 0 37%;
  padding-left: 20px;
  border-left: 1px solid #e1000f;
}
.section-elist .info:before {
  position: absolute;
  content: "";
  top: -20px;
  left: -10px;
  width: 0;
  height: 0;
  border-bottom: 11px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.section-elist .info .dates {
  float: left;
  width: 65%;
  margin-left: -82%;
  padding: 5px 0;
}
.section-elist .info-in {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
}
.section-elist .info-in table,
.section-elist .info-in table td {
  width: 100%;
  height: 100%;
}
.section-elist .info-in .name {
  font-size: 25px;
  color: #fff;
}
.section-elist .info-in .dates {
  color: #fff;
}
.section-elist .tags {
  margin-top: 6px;
  margin-left: 37%;
  line-height: 1.8;
}
.section-elist .elem-img .tags {
  margin-left: 0;
}
.section-elist .elem-min .image {
  float: left;
  width: 31%;
  height: auto;
}
.section-elist .elem-min .info {
  border-color: transparent;
  margin: 0 0 0 34%;
  padding: 0;
}
.section-elist .elem-min .info:before {
  display: none;
}
.section-elist .elem-min .name {
  padding: 0;
  font-size: 16px;
  font-weight: 400;
}
.section-elist .elem-min .type {
  color: #252525;
}
.section-elist .elem-min .dates {
  position: relative;
  top: -5px;
  float: none;
  width: auto;
  margin-left: 0;
  padding: 0;
}
@media screen and (min-width: 640px) {
  .section-elist {
    margin-bottom: 105px;
  }
  .section-elist .head {
    padding-top: 0;
  }
  .section-elist .viewall {
    float: right;
    margin-top: -30px;
    line-height: 1;
  }
  .section-elist .elem {
    margin: 40px 0;
  }
  .section-elist .image {
    height: auto;
  }
  .section-elist .name {
    padding: 0;
    font-size: 18px;
    line-height: 1.7;
  }
  .section-elist .info {
    margin: 20px 0 0 20.5%;
  }
  .section-elist .info:before {
    top: -30px;
  }
  .section-elist .info .dates {
    width: 26%;
    margin-left: -32%;
  }
  .section-elist .dates {
    font-size: 13px;
  }
  .section-elist .info-in .name {
    font-size: 32px;
  }
  .section-elist .info-in .dates {
    font-size: 13px;
  }
  .section-elist .tags {
    margin-left: 20.5%;
    line-height: 1.8;
  }
  .section-elist .elem-min .image {
    float: left;
    width: 130px;
    height: auto;
  }
  .section-elist .elem-min .info {
    margin: 0 0 0 150px;
  }
  .section-elist .elem-min .name {
    margin-top: -5px;
  }
  .section-elist .elem-min .dates {
    float: none;
    width: auto;
    margin-left: 0;
    padding: 0;
  }
}
@media screen and (min-width: 980px) {
  .section-elist .slider {
    margin: 0;
    overflow: visible;
  }
  .section-elist .slider .wrapper {
    position: relative;
  }
  .section-elist .slider .scroller {
    overflow: hidden;
  }
  .section-elist .slider .def-next,
  .section-elist .slider .def-prev {
    display: block;
  }
  .section-elist .info {
    margin: 20px 0 0 26.6%;
  }
  .section-elist .info .dates {
    width: 35%;
    margin-left: -44%;
  }
  .section-elist .info-in .name {
    font-size: 38px;
  }
  .section-elist .tags {
    display: none;
    margin-left: 5px;
  }
  .section-elist .elem-min .dates {
    width: auto;
    margin-left: 0;
  }
  .section-elist.border-pad-right .viewall {
    position: absolute;
    right: 0;
    bottom: 18px;
  }
  .section-elist.border-pad-right .viewall_flex {
    right: 10px;
  }
  .columns .column.c1\/2 .section-elist .viewall {
    float: none;
    margin-top: 0;
    padding-left: 10px;
    line-height: normal;
  }
}
.section-elist .elem_new {
  transition: 0.3s;
  color: #fff;
  border: 3px solid transparent;
  position: relative;
  margin-bottom: 40px;
}
.section-elist .elem_new .image {
  height: auto;
}
.section-elist .elem_new .info {
  position: relative;
  width: auto;
  color: #252525;
  transition: 0.3s;
  border-left: 5px solid #fff;
  margin: 5px 0 0;
}
@media screen and (min-width: 640px) {
  .section-elist .elem_new .info {
    position: absolute;
    right: 0;
    top: 70px;
    width: 40%;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
  }
}
.section-elist .elem_new .info:before {
  display: none;
}
.section-elist .elem_new .info__place {
  transition: 0.3s;
}
.section-elist .elem_new .info__icon {
  margin-right: 4px;
  display: inline-block;
}
.section-elist .elem_new .info__icon svg {
  fill: #252525;
  width: 20px;
  height: 20px;
  position: relative;
  top: 2px;
}
@media screen and (min-width: 640px) {
  .section-elist .elem_new .info__icon svg {
    fill: #fff;
  }
}
.section-elist .elem_new .favourite-block {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
}
.section-elist .elem_new .dates {
  line-height: 1.3;
  margin-left: 0;
  float: none;
  width: 100%;
  transition: 0.3s;
  color: #252525;
  font-size: 15px;
}
@media screen and (min-width: 640px) {
  .section-elist .elem_new .dates {
    color: #fff;
  }
}
.section-elist .elem_new .name {
  line-height: 1.3;
  margin-bottom: 6px;
}
.section-elist .elem_new .f-bg,
.section-elist .elem_new .title-link {
  color: #252525;
  border-bottom: 0;
}
@media screen and (min-width: 640px) {
  .section-elist .elem_new .f-bg,
  .section-elist .elem_new .title-link {
    color: #fff;
  }
}
.section-elist .elem_new .f-bg {
  background: none;
}
.section-elist .elem_new:hover {
  border-color: #fecc00;
}
@media screen and (min-width: 640px) {
  .section-elist .elem_new:hover .info {
    background: rgba(0, 0, 0, 0.5);
  }
}
.section-elist .elem_new:hover .dates,
.section-elist .elem_new:hover .f-bg,
.section-elist .elem_new:hover .title-link {
  border-bottom: 0;
}
.section-elist.mode-sales .border {
  margin-bottom: 0;
}
.section-elist.mode-sales .border:before {
  bottom: auto;
  height: 480px;
}
.section-elist.mode-sales .slider {
  margin-left: -10px;
}
.section-elist.mode-sales .slider .scroller {
  margin-left: -5px;
  padding-left: 5px;
  margin-right: -5px;
  padding-right: 5px;
}
.section-elist.mode-sales .slider .def-prev {
  left: -17px;
}
@media (max-width: 1030px) {
  .section-elist.mode-sales .slider .def-prev {
    left: -5px;
  }
}
.section-elist.mode-sales .slider .def-next {
  right: -25px;
}
@media (max-width: 1030px) {
  .section-elist.mode-sales .slider .def-next {
    right: -5px;
  }
}
.section-elist.mode-sales .item {
  width: 920px;
  height: 330px;
  margin: 0 5px;
}
.section-elist.mode-sales .elem {
  position: absolute;
  top: 0;
  width: 300px;
  height: 330px;
  margin: 0;
}
@media screen and (min-width: 640px) {
  .section-elist.mode-sales .elem {
    background-color: #fff;
  }
}
.section-elist.mode-sales .elem.logo-true .cont .line {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 3px;
  line-height: 0;
  background: #bababa;
}
.section-elist.mode-sales .elem.elem-1 {
  left: 0;
}
.section-elist.mode-sales .elem.elem-2 {
  left: 310px;
}
.section-elist.mode-sales .elem.elem-3 {
  left: 620px;
}
.section-elist.mode-sales .elem .name-wrap {
  position: absolute;
  display: table;
  top: 50%;
  left: 5%;
  width: 90%;
  height: 50%;
}
.section-elist.mode-sales .elem .def-name {
  position: static;
  display: table-cell;
  vertical-align: middle;
}
.section-elist.mode-sales .elem .time-wrap {
  position: absolute;
  z-index: 5;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-bottom: -25px;
  text-align: center;
  border: 3px solid #bababa;
  border-top: none;
  box-sizing: border-box;
}
.section-elist.mode-sales .elem .time-cont {
  display: block;
  padding: 0 8px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  background: #fff;
}
.section-elist.mode-sales .elem:hover .time-wrap {
  border-color: #20a740 !important;
  -webkit-box-shadow: 0 0 5px 0 #20a740;
  -moz-box-shadow: 0 0 5px 0 #20a740;
  box-shadow: 0 0 5px 0 #20a740;
}
.section-elist.mode-sales .elem:hover .cont {
  border-color: #20a740 !important;
  -webkit-box-shadow: 0 0 5px 0 #20a740;
  -moz-box-shadow: 0 0 5px 0 #20a740;
  box-shadow: 0 0 5px 0 #20a740;
}
.section-elist.mode-sales .cont {
  position: absolute;
  z-index: 2;
  border: 3px solid #bababa;
  border-bottom: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.section-elist.mode-sales .cont .favourite-block {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.section-elist.mode-sales .def-mark,
.section-elist.mode-sales .def-name {
  z-index: 5;
}
.section-elist.mode-sales .image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background-position: 50% -70%;
  background-repeat: no-repeat;
  background-size: 70%;
}
.mode-weekend .border:before {
  bottom: auto;
  height: 200px;
}
@media screen and (min-width: 640px) {
  .mode-weekend .border:before {
    height: 330px;
  }
}
@media screen and (min-width: 980px) {
  .mode-weekend .border:before {
    height: 360px;
  }
}
.mode-kids .border:before {
  bottom: auto;
  height: 200px;
}
@media screen and (min-width: 640px) {
  .mode-kids .border:before {
    height: 330px;
  }
}
@media screen and (min-width: 980px) {
  .mode-kids .border:before {
    height: 360px;
  }
}
.mode-shops .border:before {
  bottom: auto;
  height: 200px;
}
.mode-shops .slider {
  margin-top: 18px;
}
.mode-shops .item {
  width: 196px;
  height: 60px;
  text-align: center;
  display: inline-block;
  line-height: 60px;
  vertical-align: middle;
  margin: 0;
}
.mode-shops .item > img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
@media screen and (min-width: 640px) {
  .mode-shops .border:before {
    height: 200px;
  }
}
@media screen and (min-width: 980px) {
  .mode-shops .border:before {
    height: 200px;
  }
}
.mode-shops .def-prev {
  left: -60px;
  background-color: #fff;
}
.mode-shops .def-next {
  right: -60px;
  background-color: #fff;
}
.mode-photos .border:before {
  bottom: auto;
  height: 525px;
}
.mode-photos .slider {
  margin-top: 18px;
}
.mode-photos .item {
  width: 245px;
  height: 470px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.mode-photos .elem {
  display: inline-block;
  margin: 0;
}
@media screen and (min-width: 640px) {
  .mode-photos .border:before {
    height: 495px;
  }
}
@media screen and (min-width: 980px) {
  .mode-photos .border:before {
    height: 520px;
  }
}
.mode-photos-wrap {
  padding: 60px 0 0;
}
.mode-photos-wrap .mode-photos {
  margin-bottom: 0;
}
@media screen and (min-width: 980px) {
  .mode-photos-wrap {
    padding: 70px 0 0;
  }
}
.main-events {
  margin-bottom: 60px;
}
.mode-post-sale {
  position: relative;
  margin-top: 50px;
}
.mode-post-sale:before {
  position: absolute;
  content: "";
  top: -16px;
  right: 0;
  bottom: -10px;
  width: 20px;
  background: #f5f5f5;
}
.mode-post-sale .cont {
  position: relative;
}
.mode-post-sale .cont:before {
  position: absolute;
  content: "";
  top: -20px;
  left: -20px;
  right: -10%;
  bottom: -10px;
  border: 5px solid #f5f5f5;
}
@media screen and (min-width: 640px) {
  .mode-post-sale {
    margin-top: 60px;
  }
  .mode-post-sale:before {
    width: 40px;
    top: -30px;
    bottom: -25px;
  }
  .mode-post-sale .cont:before {
    top: -30px;
    left: -30px;
    bottom: -25px;
  }
}
@media screen and (min-width: 980px) {
  .mode-post-sale:before {
    display: none;
  }
  .mode-post-sale .cont {
    margin-left: 260px;
  }
  .mode-post-sale .cont:before {
    right: 50px;
  }
  .mode-post-sale .cont:after {
    position: absolute;
    content: "";
    top: -30px;
    bottom: -25px;
    right: 15px;
    width: 40px;
    background: #f5f5f5;
  }
}
.section-share {
  margin: 110px 0 0;
  padding-bottom: 30px;
}
.section-share .back {
  position: relative;
  padding: 10px 0;
}
.section-share .back:before {
  position: absolute;
  z-index: -1;
  content: "";
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -26px;
  background: #fafafa;
}
.section-share .cont {
  position: relative;
}
.section-share .cont:after,
.section-share .cont:before {
  position: absolute;
  content: "";
  bottom: -26px;
  right: -20px;
  width: 0;
  height: 0;
}
.section-share .cont:before {
  border-left: 44px solid #e1000f;
  border-bottom: 44px solid #fff;
}
.section-share .cont:after {
  right: 24px;
  border-left: 30px solid transparent;
  border-bottom: 18px solid #e1e1e1;
}
@media screen and (min-width: 640px) {
  .section-share {
    margin: 120px 0 0;
  }
  .section-share .back:before {
    top: -30px;
    left: -50px;
    right: -30px;
    bottom: -25px;
  }
  .section-share .cont {
    padding-left: 20px;
  }
  .section-share .cont:before {
    right: -30px;
    bottom: -25px;
  }
  .section-share .cont:after {
    right: 14px;
    bottom: -25px;
  }
}
@media screen and (min-width: 980px) {
  .section-share {
    margin: 150px 0 0;
  }
  .section-share .back:after {
    position: absolute;
    content: "";
    top: -18px;
    right: -250px;
    width: 150px;
    height: 145px;
    background: url("../images/x1/share-img.png");
  }
  .section-share .cont {
    width: 630px;
    padding-left: 10px;
  }
}
.section-blog .border:before {
  height: 110px;
}
.section-blog .item {
  margin-bottom: 38px;
}
.section-blog .image {
  margin-bottom: 2px;
}
.section-blog .image img {
  width: 100%;
  height: auto;
}
.section-blog .title-link {
  display: block;
}
.section-blog .title {
  font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.7;
}
.section-blog .desc {
  margin-top: 12px;
  margin-bottom: 15px;
}
.section-blog .viewall {
  margin: 0 auto;
  text-align: center;
}
.section-blog .viewall .button {
  display: inline-block;
  padding-left: 18px;
  padding-right: 18px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
}
@media screen and (min-width: 640px) {
  .section-blog .border:before {
    height: 180px;
  }
  .section-blog .list {
    margin-left: -20px;
    padding-top: 10px;
  }
  .section-blog .col {
    float: left;
    width: 50%;
  }
  .section-blog .in {
    margin-left: 20px;
  }
}
@media screen and (min-width: 980px) {
  .section-blog .border:before {
    height: 250px;
  }
  .section-blog .list {
    padding-top: 0;
  }
  .section-blog .col {
    width: 33.33%;
  }
  .section-blog .pad {
    padding-left: 10px;
  }
}
.section-blog-relative {
  margin: 80px 0 0;
  padding-bottom: 40px;
}
.section-blog-relative .section-blog {
  margin-top: 0;
}
@media screen and (min-width: 640px) {
  .section-blog-relative {
    padding-bottom: 60px;
  }
}
.section-control {
  position: relative;
  overflow: hidden;
  margin: 0 0 30px;
}
@media screen and (min-width: 640px) {
  .section-control {
    margin: 17px 0 10px;
  }
}
.section-control .search {
  float: left;
  width: 30px;
  padding: 0;
  display: none;
}
@media screen and (min-width: 640px) {
  .section-control .search {
    display: block;
  }
}
.section-control .search .wrap {
  position: relative;
  padding: 12px 0 5px;
  background: #fff;
}
.section-control .search .ico {
  bottom: 7px;
  left: auto;
  right: -20px;
}
.section-control .search .inner {
  margin: 0 10px 0 0;
}
.section-control .search.mode-search .wrap {
  width: 230px;
}
.section-control .total {
  float: left;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  color: #707070;
}
.section-control .total .num {
  margin-right: 3px;
  font-family: 'Roboto', sans-serif;
  font-size: 28px;
  font-weight: 500;
  color: #252525;
}
.section-control .filter {
  margin-top: 18px;
}
.section-control .filter .check {
  display: block;
  margin: 0;
  padding-left: 0;
  cursor: default;
}
.section-control .filter .check label {
  cursor: pointer;
}
.section-control .filter .check:hover {
  border-color: transparent;
  color: #252525;
}
@media screen and (min-width: 640px) {
  .section-control {
    margin-bottom: -10px;
  }
  .section-control .search .wrap {
    width: 230px;
  }
  .section-control .total {
    float: right;
  }
  .section-control .filter {
    margin-top: 18px;
  }
  .section-control .filter .check {
    display: inline-block;
  }
}
@media screen and (min-width: 980px) {
  .section-control {
    margin: 42px 0 68px;
  }
  .section-control.section-control-total {
    margin-top: 0;
  }
  .section-control .total {
    margin-right: 10px;
  }
  .section-control .filter {
    position: absolute;
    top: 12px;
    left: 31.8%;
    margin: 0;
  }
}
.section-shops .list {
  min-height: 200px;
}
.section-shops .link {
  position: relative;
  display: block;
  height: 250px;
  background: transparent;
  border: none;
}
.section-shops .cont {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  height: 130px;
  background: #fff;
  border: 10px solid #fafafa;
  overflow: hidden;
}
.section-shops .def-name {
  top: 160px;
}
.section-shops .def-mark {
  z-index: 5;
}
.section-shops .trcmap-cont {
  height: 600px;
  background: #00f;
}
.section-shops .prom .cont {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0;
  height: auto;
}
.section-shops .prom .img-wrap {
  position: absolute;
  top: 0;
  left: -200px;
  right: -200px;
  bottom: 0;
  background: #000;
}
.section-shops .prom .def-name {
  left: 10px;
  bottom: 13px;
}
.hover .section-shops .prom .link:hover img,
.hover .section-shops .prom.hover .link img {
  opacity: 1;
}
@media screen and (min-width: 640px) {
  .section-shops .list {
    margin-left: -15px;
  }
  .section-shops .link {
    width: 170px;
    height: 270px;
    margin-left: 15px;
  }
  .section-shops .cont {
    height: 150px;
  }
  .section-shops .def-name {
    top: 180px;
  }
  .section-shops .prom .def-name {
    bottom: 16px;
  }
}
@media screen and (min-width: 980px) {
  .section-shops .link {
    width: 184px;
    height: 284px;
  }
  .section-shops .cont {
    height: 164px;
  }
  .section-shops .def-name {
    top: 194px;
  }
  .section-shops .item-pop .item-pop-bg {
    top: 310px;
  }
  .section-shops .item-pop-inner {
    padding-top: 290px;
  }
  .section-shops .prom .def-name {
    bottom: 21px;
  }
}
.section-shops.section-megafilter.mode-promo .link {
  height: 390px;
  max-width: 320px;
  margin: auto;
  background-color: #fff;
  background-size: cover;
  background-position: 50% 50%;
}
.section-shops.section-megafilter.mode-promo .link:hover .time-wrap {
  border-color: #20a740 !important;
  -webkit-box-shadow: 0 0 5px 0 #20a740;
  -moz-box-shadow: 0 0 5px 0 #20a740;
  box-shadow: 0 0 5px 0 #20a740;
}
.section-shops.section-megafilter.mode-promo .link:hover .cont {
  border-color: #20a740 !important;
  -webkit-box-shadow: 0 0 5px 0 #20a740;
  -moz-box-shadow: 0 0 5px 0 #20a740;
  box-shadow: 0 0 5px 0 #20a740;
}
.section-shops.section-megafilter.mode-promo .link.logo-true .cont .line {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 3px;
  line-height: 0;
  background: #bababa;
}
.section-shops.section-megafilter.mode-promo .name-wrap {
  position: absolute;
  display: table;
  top: 50%;
  left: 5%;
  width: 90%;
  height: 50%;
}
.section-shops.section-megafilter.mode-promo .def-name {
  position: static;
  display: table-cell;
  vertical-align: middle;
}
.section-shops.section-megafilter.mode-promo .def-name .h {
  font-size: 14px;
}
.section-shops.section-megafilter.mode-promo .time-wrap {
  position: absolute;
  z-index: 5;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-bottom: -22px;
  text-align: center;
  border: 3px solid #bababa;
  border-top: none;
  box-sizing: border-box;
}
.section-shops.section-megafilter.mode-promo .time-cont {
  display: block;
  padding: 0 8px;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 500;
  background: #fff;
  color: #333;
}
.section-shops.section-megafilter.mode-promo .cont {
  position: absolute;
  z-index: 2;
  border: 3px solid #bababa;
  border-bottom: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
}
.section-shops.section-megafilter.mode-promo .cont .favourite-block {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.section-shops.section-megafilter.mode-promo .def-mark,
.section-shops.section-megafilter.mode-promo .def-name {
  z-index: 5;
}
.section-shops.section-megafilter.mode-promo .image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background-position: 50% 20px;
  background-repeat: no-repeat;
  background-size: 70%;
}
@media screen and (min-width: 640px) {
  .section-shops.section-megafilter.mode-promo .link {
    height: 224px;
    margin-left: 15px;
  }
}
@media screen and (min-width: 640px) {
  .section-detail-page {
    margin-bottom: 80px;
  }
}
.section-detail-page .wrapper {
  position: relative;
}
.section-detail-page section.wrapper {
  width: auto !important;
}
@media screen and (min-width: 980px) {
  .section-detail-page .section-slider .wrapper {
    width: 92%;
  }
}
.section-detail-page .detail-image {
  height: 230px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.section-detail-page .detail-image .image {
  position: relative;
  top: -20px;
  background: #fafafa;
  height: 150px;
}
.section-detail-page .detail-image .image .in {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  overflow: hidden;
  background-color: #fff;
}
.section-detail-page .detail-image .image .out {
  position: absolute;
  top: -100px;
  left: -100px;
  right: -100px;
  bottom: -100px;
}
.section-detail-page .detail-image .image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 130px;
  height: 130px;
}
.section-detail-page .detail-content,
.section-detail-page .detail-side {
  position: relative;
  z-index: 5;
}
.section-detail-page .detail-content {
  margin-top: 40px;
  margin-bottom: 75px;
}
.section-detail-page .detail-content .def-timer-block {
  margin-top: -40px;
  margin-bottom: 55px;
}
.section-detail-page .detail-content .def-mark {
  top: -30px;
  left: -25px;
}
.section-detail-page .detail-content .detail-content__favourite {
  margin-top: 45px;
  float: left;
}
.section-detail-page .detail-content .share {
  margin-top: 40px;
  float: right;
}
.section-detail-page .detail-content.detail-content-info {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.section-detail-page .detail-side .border:before {
  background-color: #fff;
}
.section-detail-page .detail-side .cont {
  padding: 30px 20px 25px;
  text-align: center;
}
@media screen and (min-width: 640px) {
  .section-detail-page .detail-side .cont {
    text-align: left;
  }
}
.section-detail-page .detail-side .image {
  width: 85%;
  margin: 0 auto 15px;
}
.section-detail-page .detail-side .image img {
  width: 100%;
  height: auto;
}
.section-detail-page .detail-side .image a {
  border: 0;
}
.section-detail-page .detail-side .floor {
  margin-bottom: 20px;
  color: #707070;
  font-size: 18px;
}
.section-detail-page .detail-side .floor .n {
  color: #252525;
}
.section-detail-page .detail-side .contacts {
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  font-size: 18px;
}
.section-detail-page .detail-side .contacts a {
  color: #252525;
}
.section-detail-page .detail-side .tags {
  margin-bottom: 10px;
}
.section-detail-page .detail-side .photos {
  margin: 45px 0 0;
}
.section-detail-page .detail-side .photos:first-child {
  margin-top: -25px;
}
.section-detail-page .detail-side .photos .title {
  margin-bottom: 5px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 28px;
  font-weight: 300;
  color: #707070;
}
.section-detail-page .detail-side .photos .slider {
  position: relative;
}
.section-detail-page .detail-side .photos .slide {
  display: block;
  border: 0;
  overflow: hidden;
}
.section-detail-page .detail-side .photos .viewall {
  font-size: 14px;
}
.section-detail-page .detail-side .photos .viewall a {
  color: #252525;
}
@media screen and (min-width: 640px) {
  .section-detail-page .detail-image {
    height: 310px;
  }
  .section-detail-page .detail-image .image img {
    width: 180px;
    height: 180px;
  }
  .section-detail-page .detail-content {
    margin-left: 380px;
  }
  .section-detail-page .detail-content .def-timer-block {
    margin-top: -40px;
    margin-bottom: 55px;
  }
  .section-detail-page .detail-content .def-mark {
    top: -45px;
  }
  .section-detail-page .detail-side {
    position: absolute;
    top: -310px;
    left: 0;
    width: 200px;
  }
  .section-detail-page .detail-side .cont {
    padding: 10px 0;
  }
  .section-detail-page .detail-side .image {
    width: 96%;
  }
}
@media screen and (min-width: 980px) {
  .section-detail-page article.content {
    margin-left: 0;
  }
  .section-detail-page .detail-content {
    margin-left: 470px;
  }
  .section-detail-page .detail-content .def-timer-block {
    margin-top: -40px;
    margin-bottom: 55px;
  }
  .section-detail-page .detail-content .def-mark {
    top: -50px;
    left: -35px;
  }
  .section-detail-page .detail-side {
    width: 270px;
  }
  .section-detail-page .detail-side .cont {
    padding: 10px 10px 0;
  }
  .section-detail-page .detail-side .image {
    width: 75%;
    margin-bottom: 35px;
  }
  .section-detail-page .detail-side .floor {
    float: right;
    width: 70px;
  }
}
.section-detail-page.mode-tenant {
  margin-top: 50px;
}
.section-detail-page.mode-tenant article.content {
  margin: 0;
}
.section-detail-page.mode-tenant .detail-image {
  background-repeat: repeat;
  background-size: auto;
}
@media screen and (min-width: 640px) {
  .section-detail-page.mode-tenant .detail-image {
    position: absolute;
    width: 100%;
  }
}
.section-detail-page.mode-tenant .detail-side {
  margin-top: -40px;
}
.section-detail-page.mode-tenant .detail-side .cont {
  padding-top: 20px;
}
.section-detail-page.mode-tenant .detail-content {
  background-color: #fff;
}
@media screen and (min-width: 640px) {
  .section-detail-page.mode-tenant .detail-content {
    padding: 30px;
  }
}
.section-detail-page.mode-tenant .detail-content__maxi {
  position: relative;
  color: #e1000f;
  padding-left: 50px;
  margin-top: -15px;
  cursor: pointer;
}
.section-detail-page.mode-tenant .detail-content__maxi:hover .detail-content__maxi-tooltip {
  top: 0;
  opacity: 1;
  visibility: visible;
}
.section-detail-page.mode-tenant .detail-content__maxi-tooltip {
  display: block;
  position: absolute;
  width: 100%;
  color: #252525;
  background-color: #f5f5f5;
  padding: 10px;
  box-sizing: border-box;
  top: -50px;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.section-detail-page.mode-tenant .detail-content__maxi-icon {
  display: block;
  width: 35px;
  height: 50px;
  position: absolute;
  left: 0;
  top: -30px;
}
@media screen and (min-width: 640px) {
  .section-detail-page.mode-tenant {
    margin-top: 60px;
  }
  .section-detail-page.mode-tenant .detail-image {
    height: 160px;
    margin-bottom: 50px;
  }
  .section-detail-page.mode-tenant .detail-image .image {
    position: absolute;
    left: 260px;
    width: 200px;
    height: 200px;
  }
  .section-detail-page.mode-tenant .detail-side {
    position: relative;
    top: 0;
    float: left;
  }
  .section-detail-page.mode-tenant .detail-content {
    margin-left: 250px;
  }
  .section-detail-page.mode-tenant .detail-content:before {
    content: '';
    border: 5px solid #fafafa;
    position: absolute;
    top: -15px;
    left: -5px;
    right: -5px;
    height: 170px;
    border-bottom: none;
    z-index: -1;
  }
}
@media screen and (min-width: 980px) {
  .section-detail-page.mode-tenant {
    margin-top: 70px;
  }
  .section-detail-page.mode-tenant .detail-image .image {
    left: 470px;
  }
  .section-detail-page.mode-tenant .detail-content {
    margin-left: 400px;
  }
}
@media screen and (min-width: 640px) {
  .section-detail-page.mode-promo {
    margin-top: 50px;
  }
}
.section-detail-page.mode-promo .detail-side .cont {
  padding-top: 20px;
  text-align: center;
}
@media screen and (min-width: 640px) {
  .section-detail-page.mode-promo .detail-side .cont {
    text-align: left;
  }
}
@media screen and (min-width: 640px) {
  .section-detail-page.mode-promo {
    margin-top: 60px;
  }
  .section-detail-page.mode-promo .detail-image {
    margin-bottom: 50px;
  }
  .section-detail-page.mode-promo .detail-image .image {
    position: absolute;
    left: 260px;
    width: 200px;
    height: 200px;
  }
  .section-detail-page.mode-promo .detail-side {
    top: -370px;
  }
}
@media screen and (min-width: 980px) {
  .section-detail-page.mode-promo {
    margin-top: 70px;
  }
  .section-detail-page.mode-promo .detail-image .image {
    top: 40px;
    left: 340px;
  }
  .section-detail-page.mode-promo .detail-side {
    top: -315px;
  }
}
.section-detail-anons {
  margin-bottom: 100px;
}
.section-detail-anons .wrapper {
  position: relative;
}
.section-detail-anons .title-link {
  position: static;
}
.section-detail-anons .block-link {
  position: absolute;
  z-index: 1;
  top: 0;
  left: -20px;
  right: -20px;
  bottom: -20px;
}
@media screen and (min-width: 640px) {
  .section-detail-anons .block-link {
    top: 0;
    left: -30px;
    right: -30px;
    bottom: -30px;
  }
}
@media screen and (min-width: 980px) {
  .section-detail-anons .block-link {
    top: 0;
    left: -40px;
    right: -40px;
    bottom: -40px;
  }
}
.section-detail-anons .def-mark {
  top: -10px;
  left: -25px;
}
.section-detail-anons .def-timer-block {
  margin: 0 0 30px;
  padding: 20px 0 0;
}
.section-detail-anons .image {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.section-detail-anons .image img {
  width: 100%;
  height: auto;
}
.section-detail-anons .content {
  font-size: 13px;
}
@media screen and (min-width: 640px) {
  .section-detail-anons {
    margin-bottom: 120px;
  }
  .section-detail-anons .def-mark {
    top: -30px;
    left: -35px;
  }
  .section-detail-anons .image {
    position: absolute;
    top: 20px;
    left: 290px;
    right: 0;
    height: 280px;
  }
  .section-detail-anons .image .out {
    position: absolute;
    top: 0;
    left: -1000px;
    right: -1000px;
    bottom: 0;
  }
  .section-detail-anons .image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    height: 100%;
  }
}
@media screen and (min-width: 980px) {
  .section-detail-anons {
    margin-bottom: 130px;
  }
  .section-detail-anons .def-mark {
    top: -30px;
    left: -45px;
  }
  .section-detail-anons .image {
    left: 320px;
  }
}
.section-404 {
  padding: 40px 0 0;
}
.section-404 .content {
  width: 90%;
  max-width: 600px;
  padding: 0 0 70px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
  text-align: center;
}
.section-404 .img {
  background: url("../images/x1/p404.png") no-repeat 50% 0;
  height: 280px;
}
input[type="checkbox"] {
  position: relative;
  opacity: 0;
  width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
input[type="checkbox"] + span {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 0 0 2px #fff;
  vertical-align: middle;
  cursor: pointer;
}
input[type="checkbox"]:checked + span {
  background: #20a740;
}
.form .row:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.form .input {
  position: relative;
  display: block;
  margin-bottom: 18px;
}
.form .input .textarea-question {
  height: 180px;
  overflow-y: scroll;
  background-attachment: local;
}
.form .input input,
.form .input textarea {
  width: 100%;
  height: 51px;
  line-height: 51px;
  background: url("../images/x1/input-line.png") 0 -11px;
}
.form .input select {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.form .input:before {
  position: absolute;
  content: "";
  top: 0;
  left: -10px;
  width: 4px;
  bottom: 0;
  transition: 0.3s;
}
.form .input-title {
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  font-weight: 500;
}
.form .file {
  margin-top: 10px;
  margin-bottom: 18px;
}
.form .file .input {
  display: inline-block;
  margin-bottom: 0;
  float: none;
}
.form .file input {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
}
.form .file .view {
  display: inline-block;
  max-width: 180px;
  padding: 10px 20px;
  background: #fff;
  border: 1px dashed #d1d1d1;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #707070;
  cursor: pointer;
  white-space: nowrap;
}
.form .submit {
  margin-top: 10px;
}
.form .error:before {
  background-color: #e1000f;
}
.form select.question-select {
  position: relative;
  z-index: 0;
  opacity: 1;
  height: 51px;
  margin-left: -4px;
  width: 100%;
  pointer-events: initial;
  font-size: 14px;
  white-space: normal;
}
.form form.disabled .submit {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
@media screen and (min-width: 640px) {
  .form .input {
    float: left;
    width: 46%;
  }
  .form .input:first-child {
    margin-right: 8%;
  }
  .form .input.full {
    float: none;
    width: 100%;
  }
  .form .file {
    margin-right: 40px;
  }
}
.section-feedback {
  margin-bottom: 40px;
}
.section-feedback article.content {
  margin-left: 0;
  margin-right: 0;
}
.section-feedback .border:before {
  background: #fafafa;
  border-color: #fafafa;
  bottom: -40px;
}
.section-feedback .cont {
  position: relative;
}
.section-feedback .cont:after,
.section-feedback .cont:before {
  position: absolute;
  content: "";
  bottom: -40px;
  right: -20px;
  width: 0;
  height: 0;
}
.section-feedback .cont:before {
  border-left: 44px solid #e1000f;
  border-bottom: 44px solid #fff;
}
.section-feedback .cont:after {
  right: 24px;
  border-left: 30px solid transparent;
  border-bottom: 18px solid #e1e1e1;
}
.section-feedback .form .input textarea {
  height: 204px;
}
@media screen and (min-width: 640px) {
  .section-feedback {
    margin-bottom: 160px;
  }
  .section-feedback .cont:before {
    right: -30px;
  }
  .section-feedback .cont:after {
    right: 14px;
  }
  .section-feedback .form .input textarea {
    height: 102px;
  }
}
@media screen and (min-width: 980px) {
  .section-feedback .cont:before {
    right: -40px;
  }
  .section-feedback .cont:after {
    right: 4px;
  }
}
@media screen and (min-width: 640px) {
  .section-contacts {
    margin-top: 50px;
  }
}
.section-contacts .detail-image {
  height: auto;
}
.section-contacts .detail-image .wrapper {
  z-index: 5;
}
.section-contacts .detail-image .address {
  position: absolute;
  z-index: 10;
  top: -20px;
  left: -20px;
  right: -20px;
  padding: 15px 15px 18px;
  background: #fff;
  border: 5px solid #f5f5f5;
  font-family: 'Ubuntu', sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.section-contacts .detail-image .address .pref {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 300;
}
.section-contacts .detail-image .address .main {
  margin-bottom: 5px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.section-contacts .detail-image .map-ov {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
}
.section-contacts .detail-image .map-container {
  height: 720px;
}
.section-contacts .detail-side {
  margin-bottom: 50px;
}
.section-contacts .detail-side .cont {
  padding-top: 10px;
  padding-bottom: 16px;
}
.section-contacts .detail-side .hotline {
  margin-bottom: 40px;
}
.section-contacts .detail-side .hotline h3 {
  margin-top: 5px;
  margin-bottom: 0;
}
.section-contacts .detail-side .hotline p {
  font-family: 'PT Serif', serif;
  font-size: 28px;
  line-height: 1.4;
}
.section-contacts .detail-side .user {
  margin-top: 22px;
}
.section-contacts .detail-side .user .uname {
  font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
}
.section-contacts .detail-side .user .post {
  margin-bottom: 8px;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #707070;
}
.section-contacts .detail-side .user .email,
.section-contacts .detail-side .user .phone {
  font-family: 'Ubuntu', sans-serif;
  font-size: 15px;
  font-weight: 500;
}
@media screen and (min-width: 640px) {
  .section-contacts {
    margin-top: 60px;
  }
  .section-contacts .detail-image .address {
    left: 250px;
    max-width: 400px;
  }
  .section-contacts .detail-side {
    position: absolute;
    z-index: 10;
    top: -635px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .section-contacts .detail-side .border {
    margin: 0;
  }
  .section-contacts .detail-side .cont {
    margin-right: -20px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .section-contacts .detail-content {
    margin-top: 100px;
    margin-left: 0;
  }
}
@media screen and (min-width: 980px) {
  .section-contacts {
    margin-top: 75px;
  }
  .section-contacts .detail-image .map-ov {
    display: none;
  }
  .section-contacts .detail-image .address {
    position: absolute;
    left: 340px;
    right: auto;
    width: 340px;
  }
  .section-contacts .detail-image .address .main,
  .section-contacts .detail-image .address .pref {
    font-size: 21px;
  }
}
.section-jobs {
  margin: 50px 0 200px;
}
.section-jobs .item-in {
  background: #fff;
  border: 5px solid #f5f5f5;
}
.section-jobs .title {
  position: relative;
  padding: 12px 30px 12px 15px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.section-jobs .title .pic {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  width: 14px;
  height: 9px;
  margin: auto;
  background: url("../images/x1/jobs-item-down.png");
}
.section-jobs .block {
  height: 0;
  padding: 1px 15px;
}
.section-jobs article {
  margin-left: 0;
  padding: 0 0 10px;
}
.section-jobs article ul {
  margin: 10px 0;
  list-style-type: none;
  /* Убираем маркеры */
}
.section-jobs article ul li:before {
  background-color: #00a7e3;
  list-style-type: none;
  /* Убираем маркеры */
}
.section-jobs .section-feedback {
  position: relative;
  z-index: 10;
  background: #fafafa;
}
.section-jobs .section-feedback .cont {
  padding: 1px 20px 40px;
}
.section-jobs .section-feedback .cont:before {
  bottom: 0;
  right: 0;
}
.section-jobs .section-feedback .cont:after {
  bottom: 0;
  right: 44px;
}
@media screen and (min-width: 640px) {
  .section-jobs {
    margin-top: 70px;
  }
  .section-jobs .title {
    font-size: 21px;
    padding-left: 25px;
    padding-right: 50px;
  }
  .section-jobs .title .pic {
    right: 25px;
    width: 25px;
    height: 15px;
    background: url("../images/x1/jobs-item-down-tablet.png");
  }
  .section-jobs .block {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media screen and (min-width: 980px) {
  .section-jobs {
    margin-top: 90px;
  }
  .section-jobs .list {
    padding-top: 40px;
  }
  .section-jobs .title {
    font-size: 28px;
  }
  .section-jobs .block:after {
    display: none;
    position: absolute;
    content: "";
    bottom: 0;
    left: 30px;
    right: 30px;
    height: 80px;
    background: #fff;
    border-top: 5px solid #f5f5f5;
  }
}
.megafilter-btns {
  clear: left;
  padding-top: 10px;
}
.megafilter-btn {
  display: inline-block;
  position: relative;
  margin: 10px 0;
  padding: 5px 8px 5px 46px;
  border: 2px solid #20a740;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #20a740;
  cursor: pointer;
}
.megafilter-btn:before {
  position: absolute;
  content: "";
  top: -2px;
  left: -2px;
  bottom: -2px;
  width: 40px;
  background-color: #20a740;
  background-position: 50% 55%;
  background-repeat: no-repeat;
}
.megafilter-btn.megafilter-open:before {
  background-image: url("../images/x1/megafilter-open.png");
}
.megafilter-btn.megafilter-close:before {
  background-image: url("../images/x1/megafilter-close.png");
}
.megafilter-wrap li {
  position: relative;
  padding: 10px 0 10px 55px;
  border-left: 5px solid #f5f5f5;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}
.megafilter-wrap li .n {
  border-bottom: 1px dashed #707070;
  color: #707070;
}
.megafilter-wrap li .c {
  position: absolute;
  left: 0;
  top: 10px;
  width: 40px;
  line-height: 20px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-align: right;
}
.megafilter-wrap li ul {
  display: none;
}
.megafilter-wrap li li {
  margin-left: -60px;
  padding: 7px 0 7px 80px;
}
.megafilter-wrap li li .c {
  width: 24px;
  left: 50px;
  font-size: 14px;
  font-weight: 400;
}
.megafilter-wrap li li.active {
  background-color: #e9f7ec;
}
.hover .megafilter-wrap li li:hover {
  background-color: #e9f7ec;
}
.megafilter-wrap li.active {
  background-color: #f4fbf5;
  border-left-color: #20a740;
}
.megafilter-wrap li.active > .n {
  color: #252525;
  border-bottom: none;
}
.megafilter-wrap li.active > ul {
  display: block;
}
.megafilter-wrap li.active-parent {
  background-color: #f4fbf5;
}
.megafilter-wrap li.active-parent > .n {
  color: #252525;
  border-bottom: none;
}
.megafilter-wrap li.active-parent > ul {
  display: block;
}
.hover .megafilter-wrap li:hover {
  background-color: #f4fbf5;
}
.section-megafilter .wrapper {
  position: relative;
}
.section-megafilter .megafilter-wrap {
  display: none;
  position: absolute;
  z-index: 20;
  padding: 0 0 30px;
  background: #fff;
  top: -15px;
  left: -20px;
  right: -20px;
}
@media screen and (min-width: 640px) {
  .section-megafilter .megafilter-wrap {
    top: -25px;
  }
}
.section-megafilter .megafilter-wrap ul {
  margin-bottom: 20px;
}
.section-megafilter .megafilter-wrap ul ul {
  margin-top: 5px;
  margin-bottom: -10px;
}
.section-megafilter .megafilter-wrap-inner {
  margin: 0 20px;
}
.section-megafilter .check {
  margin: 10px 0;
  font-size: 14px;
}
.section-megafilter .check label {
  cursor: pointer;
}
.section-megafilter.mode-megafilter-slide .megafilter-wrap {
  display: block;
}
@media screen and (min-width: 640px) {
  .section-megafilter .megafilter-wrap {
    display: block;
    position: relative;
    float: left;
    top: 0;
    width: 260px;
    margin-left: -320px;
  }
  .section-megafilter .megafilter-wrap-inner {
    margin: 0;
  }
  .section-megafilter .megafilter-action {
    left: 0;
  }
  .section-megafilter .megafilter-action .border {
    opacity: 1;
  }
  .section-megafilter .border,
  .section-megafilter .megafilter-action {
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .section-megafilter.mode-megafilter-slide .megafilter-action {
    left: 340px;
  }
  .section-megafilter.mode-megafilter-slide .megafilter-action .border {
    opacity: 0.3;
  }
}
@media screen and (min-width: 980px) {
  .section-megafilter {
    margin-top: -35px !important;
  }
  .section-megafilter .megafilter-head {
    position: absolute;
    z-index: 10;
    width: 260px;
    top: 0;
    left: 0;
  }
  .section-megafilter .megafilter-head .section-control {
    margin: 0 0 0 10px;
    overflow: visible;
  }
  .section-megafilter .megafilter-head .section-control .total {
    position: absolute;
    top: 10px;
    left: 0;
  }
  .section-megafilter .megafilter-head .section-control .search {
    position: absolute;
    top: 65px;
    left: 0;
  }
  .section-megafilter .megafilter-content {
    position: relative;
    margin-left: 300px;
  }
  .section-megafilter .megafilter-wrap {
    margin-left: -270px;
    width: 250px;
  }
  .section-megafilter.mode-megafilter-slide .megafilter-action {
    left: 0;
  }
  .section-megafilter.mode-megafilter-slide .megafilter-action .border {
    opacity: 1;
  }
}
.section-goods-categories {
  margin: 20px 0 10px;
  font-size: 15px;
  line-height: 1.2;
}
.section-goods-categories a,
.section-goods-categories span {
  display: inline-block;
  margin-right: 26px;
  margin-bottom: 10px;
}
.section-goods-categories a {
  color: #707070;
  border-bottom: 1px solid #707070;
}
.section-goods-categories a:hover {
  color: #555;
  border-bottom-color: #555;
}
.section-goods-categories span {
  color: #333;
}
.section-goods .search {
  position: absolute;
  top: 16px;
  right: 20px;
  width: auto;
}
.section-goods .search .wrap {
  width: 180px;
}
@media screen and (min-width: 980px) {
  .section-goods .megafilter-head {
    top: 30px;
  }
  .section-goods .megafilter-head .section-control .search {
    top: 0;
  }
  .section-goods .megafilter-wrap {
    margin-top: 70px;
  }
}
.section-topbanner {
  padding: 20px 0 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.section-topbanner .wrapper {
  position: relative;
  padding: 1px 0;
}
.section-topbanner .control {
  position: absolute;
  top: 0;
  left: -10px;
  white-space: nowrap;
}
.section-topbanner .control .btn {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin-right: 5px;
  padding: 0 30px;
  background: rgba(0, 0, 0, 0.4);
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.section-topbanner .control .slideUp {
  display: none;
}
.section-topbanner .control .close {
  width: 40px;
  padding-left: 0;
  padding-right: 0;
  background-image: url("../images/x1/topb-close.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-indent: 100%;
}
.section-topbanner .name-wrap {
  position: relative;
  max-width: 640px;
  margin: 60px -15px 0;
  padding: 0 0 20px;
}
.section-topbanner .name {
  position: relative;
  width: auto;
  left: 0;
  right: auto;
  top: auto;
  bottom: auto;
}
.section-topbanner .name .h {
  text-transform: uppercase;
  font-family: 'Ubuntu', sans-serif;
  font-size: 21px;
  font-weight: 700;
}
.section-topbanner .desc-wrap {
  max-width: 510px;
  margin: 0 -15px;
  overflow: hidden;
}
.section-topbanner .desc-in {
  padding-bottom: 20px;
}
.section-topbanner .desc {
  padding: 20px 25px;
  background: #fff;
  border: 5px solid #f5f5f5;
  font-size: 14px;
}
.section-topbanner.mode-up .desc-wrap {
  height: 0;
}
@media screen and (min-width: 640px) {
  .section-topbanner {
    padding: 30px 0 0;
  }
  .section-topbanner .control {
    top: -3px;
    left: auto;
    right: 0;
  }
  .section-topbanner .name-wrap {
    margin-top: 0;
    margin-right: 220px;
    padding: 0 0 30px;
  }
  .section-topbanner .name .h {
    font-size: 25px;
  }
  .section-topbanner .desc-in {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 980px) {
  .section-topbanner .name .h {
    font-size: 28px;
  }
}
.trcmap-floors {
  margin: 30px 0 0;
  overflow: hidden;
  line-height: 1.3;
  font-family: 'Ubuntu', sans-serif;
  font-size: 13px;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
}
.trcmap-floors .item {
  float: left;
  position: relative;
  width: 61px;
  height: 52px;
  padding-top: 9px;
  border: 2px solid #fff;
  color: #707070;
  cursor: pointer;
}
.hover .trcmap-floors .item:hover {
  border-color: #20a740;
  color: #20a740;
}
.hover .trcmap-floors .item:hover .n {
  color: #20a740;
}
.trcmap-floors .n {
  display: block;
  font-size: 21px;
  font-weight: 500;
  color: #252525;
}
.trcmap-floors .active {
  background: #20a740 !important;
  border-color: #20a740 !important;
  color: #fff !important;
}
.trcmap-floors .active .n {
  color: #fff !important;
}
@media screen and (min-width: 980px) {
  .section-trcmap .trcmap-floors {
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 10px;
  }
  .section-trcmap .megafilter-head {
    top: 125px;
  }
  .section-trcmap .megafilter-wrap {
    margin-top: 220px;
  }
}
.section-gallery .border:before {
  bottom: 80px;
}
.section-gallery .link {
  display: block;
  border: none;
}
.section-gallery .gallery-row {
  display: block;
  position: relative;
  margin: 0 0 30px;
}
.section-gallery .gallery-row .tags {
  margin: 25px 0 0;
  line-height: 1.3;
}
.section-gallery .gallery-cont {
  position: relative;
  height: 200px;
  overflow: hidden;
}
.section-gallery .gallery-image {
  position: relative;
  display: inline-block;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.section-gallery .gallery-image .in {
  position: absolute;
  top: 0;
  left: -100px;
  right: -100px;
  bottom: 0;
  margin: auto;
}
.section-gallery .gallery-image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (min-width: 640px) {
  .section-gallery .gallery-image {
    width: 33.33%;
  }
}
@media screen and (min-width: 980px) {
  .section-gallery .gallery-image {
    width: 25%;
  }
}
.section-gallery-page .slider {
  padding: 10px 0 0;
}
.section-gallery-page .detail-content__favourite {
  float: left;
  margin-top: 30px;
}
.section-gallery-page .share {
  margin: 20px 0;
  float: right;
}
@media screen and (min-width: 980px) {
  .section-gallery-page .share {
    margin-right: 65px;
  }
}
.section-gallery-page .viewall {
  position: absolute;
  z-index: 50;
  top: 20px;
  right: 10px;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.4);
  opacity: 1;
  cursor: pointer;
}
.section-gallery-page .viewall .b {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #fff;
}
.section-gallery-page .viewall .b1 {
  top: 11px;
  left: 11px;
}
.section-gallery-page .viewall .b2 {
  top: 11px;
  left: 21px;
}
.section-gallery-page .viewall .b3 {
  top: 21px;
  left: 11px;
}
.section-gallery-page .viewall .b4 {
  top: 21px;
  left: 21px;
}
@media screen and (min-width: 640px) {
  .section-gallery-page .slider {
    padding: 0;
  }
  .section-gallery-page .info {
    margin: 20px 0 0;
  }
  .section-gallery-page .info:before {
    display: none;
  }
  .section-gallery-page .viewall {
    top: 10px;
  }
}
@media screen and (min-width: 980px) {
  .section-gallery-page .border:before {
    right: 30px;
  }
  .section-gallery-page .info {
    margin: 0 100px 0 40px;
  }
  .section-gallery-page .info:before {
    display: block;
  }
  .section-gallery-page .pad {
    margin-top: 40px;
    padding-left: 10px;
  }
  .section-gallery-page .viewall {
    top: 20px;
    right: 20px;
  }
}
.section-gallery-overlay {
  position: fixed;
  z-index: 100;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #252525;
  color: #fff;
}
.section-gallery-overlay .scroller {
  height: 100%;
  overflow: auto;
}
.section-gallery-overlay .wrapper {
  position: relative;
}
.section-gallery-overlay .wrapper-pad {
  margin-right: 0;
  padding-right: 40px;
}
.section-gallery-overlay .close {
  position: absolute;
  z-index: 120;
  top: 50px;
  right: 20px;
  width: 40px;
  height: 40px;
  background-color: #161616;
  background-image: url("../images/x1/topb-close.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.section-gallery-overlay .item {
  width: 100%;
  height: 160px;
  margin-bottom: 10px;
  overflow: hidden;
}
.section-gallery-overlay .item .in {
  height: 100%;
}
.section-gallery-overlay .item img {
  display: block;
  width: auto;
  height: 100%;
  margin: auto;
}
@media screen and (min-width: 640px) {
  .section-gallery-overlay {
    top: 100px;
  }
  .section-gallery-overlay .list {
    margin-left: -10px;
  }
  .section-gallery-overlay .item {
    float: left;
    width: 50%;
  }
  .section-gallery-overlay .item .in {
    margin-left: 10px;
  }
}
@media screen and (min-width: 980px) {
  .section-gallery-overlay .list {
    margin-left: -20px;
  }
  .section-gallery-overlay .item {
    width: 25%;
    margin-bottom: 25px;
  }
  .section-gallery-overlay .item .in {
    margin-left: 20px;
  }
}
.swipe {
  visibility: hidden;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.swipe-wrap {
  position: relative;
}
.swipe-wrap .slide {
  float: left;
  width: 100%;
  position: relative;
  margin: auto;
  border: none;
}
.inner-slider {
  position: absolute;
  bottom: 0;
  left: 30px;
  right: 30px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.inner-slider .prev {
  position: absolute;
  left: -30px;
  height: 100%;
  opacity: 0;
}
.inner-slider .next {
  position: absolute;
  right: -30px;
  height: 100%;
  opacity: 0;
}
@media screen and (min-width: 980px) {
  .inner-slider .prev {
    left: -45px;
  }
  .inner-slider .next {
    right: -45px;
  }
}
.inner-slider .swipe {
  visibility: hidden;
  overflow: hidden;
}
.inner-slider .swipe-wrap {
  overflow: hidden;
}
.inner-slider .slide {
  background: #ffffff;
  opacity: 0;
}
.inner-slider .slide[data-show="1"] {
  opacity: 1;
}
.inner-slider .slide:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 58%;
  height: 5px;
  background: #e1000f;
}
@media screen and (min-width: 640px) {
  .inner-slider .slide:after {
    width: 52%;
    height: 2px;
  }
}
@media screen and (min-width: 980px) {
  .inner-slider .slide:after {
    width: 66%;
  }
}
.inner-slider .text {
  padding: 20px 20px;
  font-size: 13px;
}
@media screen and (min-width: 640px) {
  .inner-slider .text {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 980px) {
  .inner-slider {
    margin: 0 45px;
  }
}
.inner-slider.slider-initialized {
  visibility: visible;
  opacity: 1;
}
.backs .swipe,
.backs .swipe-wrap {
  height: 100%;
}
.carousel-wrapper .elem {
  background-size: 100% auto;
  background-size: cover;
  background-position: 50% 50%;
}
.carousel-wrapper {
  transition: all 0.6s;
  min-height: 415px;
}
.simple-carousel-wrapper {
  transition: all 0.6s;
}
.shops-carousel-wrapper {
  transition: all 0.6s;
}
.carousel-arrow,
.simple-carousel-arrow {
  transition: all 0.3s;
}
.carousel-arrow.hidden,
.shops-carousel-arrow.hidden,
.simple-carousel-arrow.hidden {
  opacity: 0;
  cursor: default;
}
.search-cover.active {
  width: 100%;
}
.search.active .wrap {
  width: 185px;
}
.section-control .search.active .wrap {
  width: 230px;
}
.menu_flex:before {
  display: none;
}
.menu-list {
  left: 0 !important;
  max-height: none !important;
  opacity: 0;
  height: 0;
  -webkit-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0.3s;
  -ms-transition: -ms-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0.3s;
  -o-transition: -o-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0.3s;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0.3s;
}
.menu-list.active {
  opacity: 1;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0s;
  -ms-transition: -ms-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0s;
  -o-transition: -o-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0s;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0s;
}
.menu-cover {
  display: none !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background: #fff;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.mode-menu .menu-cover {
  display: block;
  opacity: 0.75;
}
.citys-cover {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
}
.citys-cover,
.menu-cover {
  opacity: 0;
  height: 0;
  display: block;
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0.3s;
  -ms-transition: -ms-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0.3s;
  -o-transition: -o-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0.3s;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0.3s;
}
.citys-cover.active,
.menu-cover.active {
  opacity: 0.75;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0s;
  -ms-transition: -ms-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0s;
  -o-transition: -o-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0s;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0s;
}
.section-gallery-overlay {
  opacity: 0;
  width: 0;
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s, width 0s linear 0.3s;
  -ms-transition: -ms-transform 0.3s ease 0s, opacity 0.3s ease 0s, width 0s linear 0.3s;
  -o-transition: -o-transform 0.3s ease 0s, opacity 0.3s ease 0s, width 0s linear 0.3s;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, width 0s linear 0.3s;
}
.section-gallery-overlay.active {
  opacity: 1;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s, width 0s linear 0s;
  -ms-transition: -ms-transform 0.3s ease 0s, opacity 0.3s ease 0s, width 0s linear 0s;
  -o-transition: -o-transform 0.3s ease 0s, opacity 0.3s ease 0s, width 0s linear 0s;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, width 0s linear 0s;
}
.viewall {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.viewall .b {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.viewall:hover .b1 {
  -webkit-transform: translateX(-2px) translateY(-2px);
  -ms-transform: translateX(-2px) translateY(-2px);
  -o-transform: translateX(-2px) translateY(-2px);
  transform: translateX(-2px) translateY(-2px);
}
.viewall:hover .b2 {
  -webkit-transform: translateX(2px) translateY(-2px);
  -ms-transform: translateX(2px) translateY(-2px);
  -o-transform: translateX(2px) translateY(-2px);
  transform: translateX(2px) translateY(-2px);
}
.viewall:hover .b3 {
  -webkit-transform: translateX(-2px) translateY(2px);
  -ms-transform: translateX(-2px) translateY(2px);
  -o-transform: translateX(-2px) translateY(2px);
  transform: translateX(-2px) translateY(2px);
}
.viewall:hover .b4 {
  -webkit-transform: translateX(2px) translateY(2px);
  -ms-transform: translateX(2px) translateY(2px);
  -o-transform: translateX(2px) translateY(2px);
  transform: translateX(2px) translateY(2px);
}
.viewall.active {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.section-gallery-overlay .close {
  background-image: none;
  cursor: pointer;
}
.section-gallery-overlay .close .close-inner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 13px;
  height: 13px;
  background-image: url("../images/x1/topb-close.png");
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .section-gallery-overlay .close .close-inner {
    background: url("../images/x2/search.png");
    background-size: 100% 100%;
  }
}
.section-gallery-overlay .close:hover .close-inner {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
header .menu .bar.b1,
header .menu .bar.b2,
header .menu .bar.b3 {
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
header .menu:hover .bar.b1 {
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
}
header .menu:hover .bar.b3 {
  -webkit-transform: translateY(3px);
  -ms-transform: translateY(3px);
  -o-transform: translateY(3px);
  transform: translateY(3px);
}
header .menu.active .bar.b1 {
  -webkit-transform: translateY(8px) rotate(45deg);
  -ms-transform: translateY(8px) rotate(45deg);
  -o-transform: translateY(8px) rotate(45deg);
  transform: translateY(8px) rotate(45deg);
}
header .menu.active .bar.b2 {
  -webkit-transform: translateY(0px) rotate(135deg);
  -ms-transform: translateY(0px) rotate(135deg);
  -o-transform: translateY(0px) rotate(135deg);
  transform: translateY(0px) rotate(135deg);
}
header .menu.active .bar.b3 {
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  -o-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
}
.hover .section-elist .slider .def-prev:hover:before {
  -webkit-transform: translateX(-3px) scale(1);
  -ms-transform: translateX(-3px) scale(1);
  -o-transform: translateX(-3px) scale(1);
  transform: translateX(-3px) scale(1);
}
.hover .section-elist .slider .def-next:hover:before {
  -webkit-transform: translateX(3px) scale(1);
  -ms-transform: translateX(3px) scale(1);
  -o-transform: translateX(3px) scale(1);
  transform: translateX(3px) scale(1);
}
.search .ico {
  -webkit-transform-origin: 8px 8px;
  -moz-transform-origin: 8px 8px;
  -ms-transform-origin: 8px 8px;
  -o-transform-origin: 8px 8px;
  transform-origin: 8px 8px;
}
.hover .search .ico:hover,
.search.active .ico {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.search.no-submit .ico {
  cursor: default;
}
.hover .search.no-submit .ico:hover,
.search.no-submit.active .ico {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.slider-control {
  position: relative;
  cursor: pointer;
}
.slider-control img {
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-control.active {
  cursor: default;
}
.hover .slider-control:hover img,
.slider-control.active img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
.slider-control:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.hover .slider-control:hover:after,
.slider-control.active:after {
  opacity: 0.2;
}
.no-opacity .slider-control:after {
  display: none;
}
.simple-filter-control.active:hover {
  color: #fff;
}
textarea {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  resize: none;
}
.section-feedback .form .input textarea {
  height: 91px;
  vertical-align: middle;
}
.section-jobs .item-outer {
  position: relative;
  padding-bottom: 20px;
  -webkit-transition: all 0.3s ease 0.3s;
  -ms-transition: all 0.3s ease 0.3s;
  -o-transition: all 0.3s ease 0.3s;
  transition: all 0.3s ease 0.3s;
}
.section-jobs .item-outer.active {
  -webkit-transition: all 0.3s ease 0;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.section-jobs .item-outer.active {
  padding-bottom: 50px;
}
.section-jobs .item-outer .pic {
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.section-jobs .item-outer.active .pic {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.section-jobs .block,
.section-jobs .item.active .block {
  height: 0;
}
.section-jobs .block {
  -webkit-transition: all 0.3s ease 0.3s;
  -ms-transition: all 0.3s ease 0.3s;
  -o-transition: all 0.3s ease 0.3s;
  transition: all 0.3s ease 0.3s;
}
.section-jobs .item-outer.active .block {
  -webkit-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.section-jobs .hider-inner {
  padding-bottom: 30px;
}
.section-jobs article {
  padding-bottom: 30px;
}
.section-jobs article.pb {
  padding-bottom: 600px;
}
.section-gallery-overlay {
  opacity: 0;
  width: 0;
}
.map-container {
  width: 100%;
  height: 100%;
}
.map-container .map {
  height: 100%;
}
.section-gallery-page .slider {
  visibility: hidden;
  opacity: 0;
  overflow: visible;
  padding: 0 !important;
  -webkit-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.section-gallery-page .slider.slider-initialized {
  visibility: visible;
  opacity: 1;
}
.bunner-wrapper {
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
}
.section-topbanner .desc-wrap {
  height: 0;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.section-topbanner .slideUp {
  display: none;
}
.section-topbanner.active .slideUp {
  display: inline-block;
}
.section-topbanner.active .slideDown {
  display: none;
}
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  opacity: 0;
  z-index: 20000;
}
.popup.active {
  opacity: 1;
  pointer-events: auto;
  background: rgba(0, 0, 0, 0.75);
}
.popup .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.popup .container {
  position: relative;
  z-index: 2;
  background: #fff;
  width: 100%;
  margin: 90px auto 0;
  box-sizing: border-box;
  padding: 25px;
  text-align: center;
}
@media screen and (min-width: 640px) {
  .popup .container {
    width: 350px;
  }
}
.what-city-popup .container .top {
  font: normal 16px "Ubuntu", sans-serif;
  color: #252525;
  margin-top: 5px;
}
.what-city-popup .container .city {
  font: 500 21px 'Roboto', sans-serif;
  color: #000;
  margin-top: 5px;
}
.what-city-popup .container .btns {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.what-city-popup .container .btns .btn-black,
.what-city-popup .container .btns .btn-green {
  margin: 25px auto 0;
  flex-basis: 140px;
  width: auto;
  height: 40px;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
@media screen and (min-width: 640px) {
  .what-city-popup .container .btns {
    margin-top: 25px;
  }
  .what-city-popup .container .btns .btn-black,
  .what-city-popup .container .btns .btn-green {
    margin-top: 0;
  }
}
@media screen and (min-width: 980px) {
  .what-city-popup .container {
    transform: translateX(-150px);
  }
}
.user-signin-popup .container,
.user-signup-popup .container {
  padding-left: 50px;
  padding-right: 50px;
}
.user-signin-popup .container .title,
.user-signup-popup .container .title {
  font-family: 'Ubuntu', sans-serif;
  font-size: 21px;
  font-weight: 500;
}
.user-signin-popup .container .soc,
.user-signup-popup .container .soc {
  margin-top: 30px;
}
.user-signin-popup .container .or,
.user-signup-popup .container .or {
  margin-top: 25px;
}
.user-signin-popup .container .input,
.user-signup-popup .container .input {
  width: 100%;
  height: 26px;
  line-height: 26px;
  margin-top: 13px;
  margin-bottom: 13px;
  border-bottom: 1px solid #707070;
}
.user-signin-popup .container .submit,
.user-signup-popup .container .submit {
  display: inline-block;
  margin-top: 25px;
}
.user-signin-popup .container .reg,
.user-signup-popup .container .reg {
  padding: 20px 0;
}
.city-choose-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: none;
  pointer-events: none;
  height: 0;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0.3s;
  -ms-transition: -ms-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0.3s;
  -o-transition: -o-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0.3s;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0.3s;
  -webkit-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  transform: translateZ(0px);
  z-index: 20000;
}
@media screen and (min-width: 640px) {
  .city-choose-wrap {
    display: block;
  }
}
.city-choose-wrap.active {
  height: 100%;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0s;
  -ms-transition: -ms-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0s;
  -o-transition: -o-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0s;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0s;
  -webkit-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  transform: translateZ(0px);
}
.city-choose {
  position: absolute;
  z-index: 2000;
  top: 50%;
  margin-top: -310px;
  left: -25px;
  right: -25px;
  line-height: 1.5;
  letter-spacing: 0.03em;
  font-size: 13px;
}
.city-choose-current {
  top: 0;
  left: 0;
  height: 64px;
  padding: 12px 20px 0;
  white-space: nowrap;
}
.city-choose-current,
.city-choose-list {
  position: absolute;
  background: #fff;
}
.city-choose-current,
.city-choose-list {
  position: absolute;
  background: #fff;
}
.city-choose-current .t {
  font-size: 16px;
  font-weight: 500;
}
.city-choose-current a {
  color: #00a7e3;
}
.city-choose-list {
  left: 50%;
  margin-left: -205px;
  width: 410px;
  padding: 60px 0;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.city-choose-list__close {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 40px;
  line-height: 22px;
  color: #e8e8e8;
  cursor: pointer;
}
.city-choose-list__close:hover {
  color: #fe0201;
}
.city-choose-list h3 {
  flex-basis: 100%;
  box-sizing: border-box;
  color: #484848;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  margin: 0;
  padding: 0 80px;
}
.city-choose-list .item {
  box-sizing: border-box;
  flex-basis: 100%;
  padding-left: 120px;
  padding-right: 80px;
  margin-top: 30px;
  border: none;
  position: relative;
}
.city-choose-list .item:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 80px;
  border: 2px solid #e9e9e9;
  border-radius: 20px;
  box-sizing: border-box;
}
@media screen and (max-height: 600px) {
  .city-choose {
    margin-top: -210px;
  }
  .city-choose-list {
    padding: 30px 0;
  }
  .city-choose-list .item {
    margin-top: 10px;
  }
}
.city-choose-list .item.selected {
  color: #fe0201;
}
.city-choose-list .item.selected:before {
  border-color: #fe0201;
}
.city-choose-list .item.selected:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 85px;
  top: 5px;
  border-radius: 10px;
  background-color: #fe0201;
}
.city-choose-list a {
  color: #252525;
}
.city-choose-list .t {
  font-weight: 500;
  text-transform: uppercase;
}
.city-choose-list a:hover {
  color: #00a7e3;
}
.citys-cover {
  display: none;
  z-index: 1000;
}
@media screen and (min-width: 640px) {
  .citys-cover {
    display: block;
  }
}
.form-wrapper {
  position: relative;
}
.form-wrapper .send {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding-top: 50px;
}
.subscribe.form-wrapper .send {
  padding-top: 10px;
}
.form-wrapper form {
  position: relative;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 2;
}
.form-wrapper form.hidden {
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}
.form-wrapper .send {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.form-wrapper .send.visible {
  opacity: 1;
  z-index: 5;
  position: relative;
}
.section-video {
  position: relative;
}
.section-video .video-cover {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  background-size: 100% auto;
  background-size: cover;
  z-index: 2;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.section-video iframe {
  display: block;
  position: relative;
  width: 100%;
  z-index: auto;
}
.section-video .play {
  z-index: 3;
}
.section-video .cont {
  max-height: 100%;
}
.touch .video-container .video-cover {
  display: none;
}
.video-container .video-cover {
  opacity: 1;
  overflow: hidden;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0s;
  -ms-transition: -ms-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0s;
  -o-transition: -o-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0s;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0s;
}
.video-container.active .video-cover {
  opacity: 0;
  height: 0;
  pointer-events: none;
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0.3s;
  -ms-transition: -ms-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0.3s;
  -o-transition: -o-transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0.3s;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, height 0s linear 0.3s;
}
.section-megafilter .megafilter-close {
  display: none;
}
.section-megafilter.mode-megafilter-slide .megafilter-close {
  display: inline-block;
}
.section-megafilter.mode-megafilter-slide .megafilter-open {
  display: none;
}
aside.align .banner {
  margin-top: 0 !important;
}
.catalog-hider .hider-outer {
  overflow-y: hidden;
  -webkit-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
}
.catalog-hider {
  position: relative;
  margin-left: -10px;
  margin-right: -10px;
}
.catalog-hider .hider-inner {
  padding-left: 10px;
  padding-right: 10px;
}
.catalog-hider .hc-show {
  display: block;
}
.catalog-hider .hc-hide {
  display: none;
}
.catalog-hider.active .hc-show {
  display: none;
}
.catalog-hider.active .hc-hide {
  display: block;
}
.catalog-hider .hider-control.hidden,
.catalog-hider.active .hider-control.hidden {
  display: none;
}
.list a.link {
  -webkit-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.tlc-map {
  position: relative;
  height: 600px;
  overflow: hidden;
}
.tlc-map .markers-overlay {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  top: 0;
  z-index: 5;
}
.tlc-map canvas {
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  cursor: move;
}
.tlc-map .marker {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  background: #fecc00;
  border: 2px solid #ffffff;
  border-radius: 50%;
  cursor: pointer;
  -moz-box-shadow: 0 0 0 0 #fecc00;
  -webkit-box-shadow: 0 0 0 0 #fecc00;
  box-shadow: 0 0 0 0 #fecc00;
}
.tlc-map .marker.active {
  z-index: 2;
  -moz-box-shadow: 0 0 0 3px #fecc00;
  -webkit-box-shadow: 0 0 0 3px #fecc00;
  box-shadow: 0 0 0 3px #fecc00;
}
.tlc-map .marker.hidden {
  display: block;
  background: #f5f5f5;
  -moz-box-shadow: 0 0 0 0 #f5f5f5;
  -webkit-box-shadow: 0 0 0 0 #f5f5f5;
  box-shadow: 0 0 0 0 #f5f5f5;
}
.tlc-map .marker.hidden.active {
  -moz-box-shadow: 0 0 0 3px #f5f5f5;
  -webkit-box-shadow: 0 0 0 3px #f5f5f5;
  box-shadow: 0 0 0 3px #f5f5f5;
}
.tlc-map .marker .marker-nfo {
  position: absolute;
  width: 0;
  overflow: hidden;
  cursor: default;
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
}
.tlc-map .marker .marker-nfo .def-mark {
  left: 4px;
}
.tlc-map .marker .marker-nfo .def-mark span {
  width: 20px;
  height: 10px;
  line-height: 10px;
}
.tlc-map .marker .marker-nfo .def-mark span:after {
  right: -5px;
  border-left: 5px solid #e1000f;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.tlc-map .marker.animated .marker-nfo {
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s, width 0s linear 0.3s;
  -ms-transition: -ms-transform 0.3s ease 0s, opacity 0.3s ease 0s, width 0s linear 0.3s;
  -o-transition: -o-transform 0.3s ease 0s, opacity 0.3s ease 0s, width 0s linear 0.3s;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, width 0s linear 0.3s;
}
.tlc-map .marker.tl .marker-nfo {
  left: 0;
  top: 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
}
.tlc-map .marker.tr .marker-nfo {
  right: 0;
  top: 0;
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.tlc-map .marker.bl .marker-nfo {
  left: 0;
  bottom: 0;
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.tlc-map .marker.br .marker-nfo {
  right: 0;
  bottom: 0;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.no-opacity .tlc-map .marker .marker-nfo {
  display: none;
}
.tlc-map .marker.active .marker-nfo {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  width: 170px;
}
.tlc-map .marker.active.animated .marker-nfo {
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s, width 0s linear 0s;
  -ms-transition: -ms-transform 0.3s ease 0s, opacity 0.3s ease 0s, width 0s linear 0s;
  -o-transition: -o-transform 0.3s ease 0s, opacity 0.3s ease 0s, width 0s linear 0s;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, width 0s linear 0s;
}
.no-opacity .tlc-map .marker .marker-nfo {
  display: block;
}
.tlc-map .marker .marker-nfo .marker-nfo-inner {
  margin-left: 10px;
  background: #ffffff;
  border: 5px solid #f5f5f5;
  padding: 15px;
}
.tlc-map .marker .marker-nfo .nm {
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 10px;
}
.tlc-map .marker .marker-nfo a {
  color: #000000;
}
.tlc-map .marker .marker-nfo .tx .l,
.tlc-map .marker .marker-nfo .tx span {
  display: inline-block;
  margin-bottom: 5px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: #000000;
}
.tlc-map .marker .marker-nfo .tx .l {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tlc-map .marker .marker-nfo .tp {
  position: relative;
  padding-left: 20px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: #707070;
}
.tlc-map .marker .marker-nfo .tp:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 14px;
  height: 14px;
  background: url("../images/x1/tags.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .tlc-map .marker .marker-nfo .tp:before {
    background: url("../images/x2/tags.png");
    background-size: 100% 100%;
  }
}
.tlc-map .zoom-dec,
.tlc-map .zoom-inc {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 40px;
  height: 40px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.tlc-map .zoom-inc {
  background-image: url("../images/x1/zoom_inc.png");
}
.tlc-map .zoom-dec {
  background-image: url("../images/x1/zoom_dec.png");
}
.tlc-map .zoom-disabled {
  display: none;
}
.hider-outer {
  overflow-y: hidden;
  -webkit-transition: height 0.6s;
  -ms-transition: height 0.6s;
  -o-transition: height 0.6s;
  transition: height 0.6s;
}
header .hider-container.active p {
  color: #252525 !important;
}
.section-bigslider .inner-slider {
  opacity: 1;
  -webkit-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
.section-bigslider .next.fs,
.section-bigslider .next.fs:hover,
.section-bigslider .prev.fs,
.section-bigslider .prev.fs:hover {
  height: 100%;
  opacity: 0.7;
  cursor: default;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.section-bigslider .prev.fs {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.section-bigslider .next.fs {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.section-bigslider .def-prev,
.section-bigslider .def-next {
  background-image: none;
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  opacity: 0.7;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.section-bigslider .def-prev:hover,
.section-bigslider .def-next:hover {
  opacity: 1;
}
@media screen and (min-width: 640px) {
  .section-bigslider .def-prev,
  .section-bigslider .def-next {
    width: 80px;
    height: 80px;
    border-radius: 40px;
  }
}
.section-bigslider .def-prev {
  left: 0;
}
.section-bigslider .def-next {
  right: 0;
}
@media screen and (min-width: 1150px) {
  .section-bigslider .def-prev {
    left: 10%;
  }
  .section-bigslider .def-next {
    right: 10%;
  }
}
.section-bigslider.slider-big .inner-slider {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.section-bigslider.slider-big .next.fs,
.section-bigslider.slider-big .prev.fs {
  height: 100%;
  opacity: 0.7;
  cursor: pointer;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.section-bigslider.slider-big .next.fs:hover,
.section-bigslider.slider-big .prev.fs:hover {
  opacity: 0.9;
}
@media screen and (min-width: 640px) {
  .section-bigslider.slider-mobile-text {
    /*.inner-slider {
				opacity: 0;
				visibility: hidden;
				pointer-events: none;
			}*/
  }
  .section-bigslider.slider-mobile-text .next.fs,
  .section-bigslider.slider-mobile-text .prev.fs {
    height: 100%;
    opacity: 0.7;
    cursor: pointer;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .section-bigslider.slider-mobile-text .next.fs:hover,
  .section-bigslider.slider-mobile-text .prev.fs:hover {
    opacity: 0.9;
  }
}
.section-bigslider .title-link {
  font-size: 16px;
}
@media screen and (min-width: 640px) {
  .section-bigslider .title-link {
    font-size: 21px;
  }
}
@media screen and (min-width: 980px) {
  .section-bigslider .title-link {
    font-size: 28px;
  }
}
.elem.filtrated.hidden,
.item.filtrated.hidden {
  overflow: hidden;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  display: none;
}
.marker {
  display: block;
}
.marker.hidden {
  display: block;
}
.orphus {
  margin-top: 30px;
  font-size: 13px;
  color: #999;
}
.orphus .h {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}
.devs {
  position: relative;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: #ccc;
}
.devs .cont {
  position: relative;
  display: inline-block;
  padding: 0 0 20px;
}
.devs .cont:before {
  position: absolute;
  content: "";
  top: 4px;
  left: -40px;
  width: 31px;
  height: 10px;
  background: url("../images/x1/redcollar.png");
}
@media screen and (min-width: 640px) {
  .devs {
    font-size: 14px;
  }
  .devs .cont:before {
    top: 6px;
  }
}
@media screen and (min-width: 980px) {
  .devs {
    text-align: left;
  }
  .devs .cont {
    position: absolute;
    top: -80px;
    right: 0;
  }
}
.scroll-top {
  opacity: 0;
  cursor: default;
  -webkit-transition: opacity 0.3s ease 0s, width 0s linear 0.3s;
  -ms-transition: opacity 0.3s ease 0s, width 0s linear 0.3s;
  -o-transition: opacity 0.3s ease 0s, width 0s linear 0.3s;
  transition: opacity 0.3s ease 0s, width 0s linear 0.3s;
}
.scroll-top.triggered {
  opacity: 1;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease 0s, width 0s linear 0s;
  -ms-transition: opacity 0.3s ease 0s, width 0s linear 0s;
  -o-transition: opacity 0.3s ease 0s, width 0s linear 0s;
  transition: opacity 0.3s ease 0s, width 0s linear 0s;
}
.fixed-scroll-btn {
  display: none;
  position: fixed;
  top: 50%;
  left: 5px;
  width: 100px;
  height: 150px;
  background-image: url("../images/x1/up-tablet.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: 1000;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  overflow: hidden;
}
@media screen and (min-width: 980px) {
  .fixed-scroll-btn {
    display: block;
  }
}
.item-pop-wrapper {
  position: absolute;
  width: 100%;
  height: 0;
  z-index: 100;
}
.item-pop {
  display: none;
  position: absolute;
  z-index: 1;
  top: -10px;
  left: -10px;
  width: 0;
  border: 0;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  overflow: hidden;
  line-height: 1.8;
  font-size: 13px;
  color: #252525;
}
.item-pop .item-pop-text {
  position: relative;
  z-index: 1;
}
.item-pop .item-pop-bg {
  position: absolute;
  width: 100%;
  left: 0;
  top: 210px;
  bottom: 0;
  background: #ffffff;
}
.item-pop .title {
  font-size: 18px;
  font-weight: 500;
}
.item-pop p + .tags {
  margin-top: 10px;
}
.item-pop-inner {
  padding: 10px;
  border: 2px solid #fe0000;
}
@media screen and (min-width: 980px) {
  .item-pop {
    display: block;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease 0s, width 0s linear 0.3s;
    -ms-transition: opacity 0.3s ease 0s, width 0s linear 0.3s;
    -o-transition: opacity 0.3s ease 0s, width 0s linear 0.3s;
    transition: opacity 0.3s ease 0s, width 0s linear 0.3s;
  }
  .item-pop.active {
    opacity: 1;
    width: 220px;
    -webkit-transition: opacity 0.3s ease 0s, width 0s linear 0s;
    -ms-transition: opacity 0.3s ease 0s, width 0s linear 0s;
    -o-transition: opacity 0.3s ease 0s, width 0s linear 0s;
    transition: opacity 0.3s ease 0s, width 0s linear 0s;
  }
  .item-pop-inner {
    position: relative;
    width: 196px;
    padding-top: 226px;
    padding-bottom: 16px;
  }
}
@media screen and (min-width: 980px) {
  .section-gallery .item-pop {
    display: block;
    z-index: 1;
    right: -10px;
    width: auto;
    padding-top: 216px;
    background: #fff;
    border: 2px solid #e5e5e5;
  }
  .section-gallery .item-pop-text {
    padding: 0 10px;
  }
  .section-gallery .gallery-cont {
    z-index: 2;
  }
  .section-gallery .gallery-row .tags {
    display: block;
    margin: 0;
    padding-bottom: 10px;
  }
  .section-gallery .link:hover {
    z-index: 5;
  }
  .section-gallery .link:hover .item-pop {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0px);
    -ms-transform: scale(1, 1) translateY(0px);
    -o-transform: scale(1, 1) translateY(0px);
    transform: scale(1, 1) translateY(0px);
  }
}
.section-similar-shops {
  padding-top: 25px;
}
.section-similar-shops .item-all {
  font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.section-similar-shops .item-all table,
.section-similar-shops .item-all td {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  color: #252525;
  text-align: center;
  line-height: 1.4;
}
@media screen and (min-width: 640px) {
  .section-similar-shops .pos-3,
  .section-similar-shops .pos-4 {
    display: none;
  }
}
@media screen and (min-width: 860px) {
  .section-similar-shops .pos-3 {
    display: block;
  }
}
@media screen and (min-width: 1260px) {
  .section-similar-shops .pos-4 {
    display: block;
  }
}
.looks .list {
  margin-left: -40px;
  margin-bottom: 60px;
}
.looks .item {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}
.looks .item .link {
  display: block;
  height: 300px;
  margin-left: 40px;
  margin-bottom: 20px;
  border: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 640px) {
  .looks .item {
    width: 50%;
  }
  .looks .item .info-wrap {
    height: 90px;
    overflow: hidden;
  }
  .looks .item .info-wrap .info {
    margin-top: 0;
  }
}
.looks-page .looks-page-image {
  background: url("../images/x1/looks-page-bg.png") repeat-x 50% 50%;
  background-size: auto 100%;
}
.looks-page .looks-page-image .image {
  width: 100%;
  height: 350px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.looks-page .catalog {
  margin-top: 50px;
}
.looks-page .catalog-title {
  margin-bottom: 1em;
}
.looks-page .catalog-items {
  margin-left: -40px;
  text-align: center;
}
.looks-page .catalog-items .item {
  position: relative;
  display: inline-block;
  margin-left: 40px;
  margin-bottom: 140px;
  border: 10px solid #eee;
  text-align: left;
}
.looks-page .catalog-items .item .cont {
  width: 180px;
  height: 180px;
  overflow: hidden;
}
.looks-page .catalog-items .item .def-mark {
  z-index: 15;
}
.looks-page .catalog-items .item .def-name {
  z-index: 10;
  top: 100%;
  left: 0;
  bottom: auto;
  max-height: 84px;
  margin-top: 15px;
  overflow: hidden;
}
.looks-page .catalog-items .item .image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.looks-page .catalog-items .item .image.second {
  z-index: 2;
  opacity: 0;
}
.looks-page .catalog-items .item:hover .first {
  opacity: 0;
}
.looks-page .catalog-items .item:hover .second {
  opacity: 1;
}
.looks-page .viewall {
  margin: 60px auto;
  text-align: center;
}
.looks-catalog .item {
  overflow: hidden;
}
.looks-catalog .item .link {
  margin-bottom: 50px;
}
.looks-catalog .item .cont {
  overflow: visible;
}
.looks-catalog .item .def-mark {
  z-index: 15;
}
.looks-catalog .item .def-name {
  z-index: 10;
  top: 100%;
  bottom: auto;
  max-height: 84px;
  margin-top: 15px;
  overflow: hidden;
}
.looks-catalog .item .image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.looks-catalog .item .image.second {
  z-index: 2;
  opacity: 0;
}
.looks-catalog .item:hover .first {
  opacity: 0;
}
.looks-catalog .item:hover .second {
  opacity: 1;
}
section.contest-kids-dance.part1 {
  position: relative;
  height: 215px;
}
section.contest-kids-dance.part1 .wrapper-outer {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
section.contest-kids-dance.part1 .slide,
section.contest-kids-dance.part1 .slider-container,
section.contest-kids-dance.part1 .swipe-wrap {
  height: 100%;
}
section.contest-kids-dance.part1 .slide {
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: contain;
}
section.contest-kids-dance.part1 .slider-arrow {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 50px;
  margin-top: -25px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  cursor: pointer;
}
section.contest-kids-dance.part1 .slider-arrow.next {
  right: 0;
  background-image: url("../images/x1/slider-next.png");
}
section.contest-kids-dance.part1 .slider-arrow.prev {
  left: 0;
  background-image: url("../images/x1/slider-prev.png");
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance.part1 {
    height: 440px;
  }
  section.contest-kids-dance.part1 .slider-arrow {
    width: 60px;
    height: 80px;
    margin-top: -40px;
  }
  section.contest-kids-dance.part1 .slider-arrow.next {
    right: 0;
    background-image: url("../images/x1/slider-next-big.png");
  }
  section.contest-kids-dance.part1 .slider-arrow.prev {
    left: 0;
    background-image: url("../images/x1/slider-prev-big.png");
  }
}
@media screen and (min-width: 980px) {
  section.contest-kids-dance.part1 {
    height: 650px;
  }
}
@media screen and (min-width: 1150px) {
  section.contest-kids-dance.part1 .slider-arrow.next {
    right: -60px;
  }
  section.contest-kids-dance.part1 .slider-arrow.prev {
    left: -60px;
  }
}
section.contest-kids-dance.part2 {
  margin: 30px;
  height: 215px;
  background: url("../images/x1/contest-kids-dance/part2-2.png") no-repeat 50% 0;
  background-size: contain;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance.part2 {
    height: 440px;
  }
}
@media screen and (min-width: 980px) {
  section.contest-kids-dance.part2 {
    height: 644px;
  }
}
section.contest-kids-dance.part3 {
  margin: 20px;
  height: 150px;
  background: #e1000f url(../images/x1/contest-kids-dance/part3.png) no-repeat 50% 0;
  background-size: contain;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance.part3 {
    height: 215px;
  }
}
@media screen and (min-width: 980px) {
  section.contest-kids-dance.part3 {
    height: 300px;
  }
}
section.contest-kids-dance.part4 {
  margin-bottom: 30px;
  background: url("../images/x1/contest-kids-dance/part4.png") no-repeat 50% 0;
}
section.contest-kids-dance.part4 .wrapper-outer {
  position: relative;
}
section.contest-kids-dance.part4 .mailform {
  padding: 30px 45px 60px;
  background: #fafafa;
  border: 3px solid #e1000f;
}
section.contest-kids-dance.part4 .mailform .title {
  font-size: 18px;
  font-weight: 700;
  color: #e1000f;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
section.contest-kids-dance.part4 .mailform .desc {
  font-size: 12px;
  color: #8d8d8d;
  letter-spacing: 0.1em;
}
section.contest-kids-dance.part4 .mailform .row {
  margin-top: 45px;
}
section.contest-kids-dance.part4 .mailform .row + .row {
  margin-top: 0;
}
section.contest-kids-dance.part4 .mailform .input {
  float: none;
  width: auto;
  margin-bottom: 33px;
  margin-right: 0;
}
section.contest-kids-dance.part4 .mailform .input .placeholder {
  height: 30px;
  line-height: 1;
  background: none;
  border-bottom: 1px solid #005e76;
}
section.contest-kids-dance.part4 .mailform .input .placeholder + input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
section.contest-kids-dance.part4 .mailform .input input {
  height: 30px;
  line-height: 1;
  background: none;
  border-bottom: 1px solid #005e76;
}
section.contest-kids-dance.part4 .mailform .input input[type="checkbox"] {
  width: 0;
  height: auto;
}
section.contest-kids-dance.part4 .mailform .input input[type="checkbox"] + span {
  width: 18px;
  height: 18px;
  border: 2px solid #005e76;
}
section.contest-kids-dance.part4 .mailform .input input[type="checkbox"]:checked + span {
  background: #005e76;
}
section.contest-kids-dance.part4 .mailform .input .tip {
  font-size: 12px;
  color: #8d8d8d;
  line-height: 26px;
  letter-spacing: 0.1em;
}
section.contest-kids-dance.part4 .mailform .input .checkbox-title {
  font-size: 14px;
}
section.contest-kids-dance.part4 .mailform .input a.checkbox-title {
  color: #005e76;
  border-bottom: 2px solid #005e76;
}
section.contest-kids-dance.part4 .mailform .btn-green {
  border: 2px solid #e1000f;
  color: #e1000f;
  font-size: 14px;
  letter-spacing: 0.1em;
}
.hover section.contest-kids-dance.part4 .mailform .btn-green:hover {
  background: #e1000f;
  color: #fff;
}
@media screen and (min-width: 980px) {
  section.contest-kids-dance.part4 {
    height: 940px;
    margin-bottom: 0;
  }
  section.contest-kids-dance.part4 .mailform {
    position: absolute;
    top: 80px;
    right: 30px;
    width: 565px;
  }
}
section.contest-kids-dance.part-top {
  padding: 0px 0;
  color: #fff;
}
section.contest-kids-dance.part-top .wrapper {
  position: relative;
  padding: 25px 16px;
  background: #f7091e;
  border: 3px solid #e1000f;
}
section.contest-kids-dance.part-top .abstr-1 {
  display: none;
  position: absolute;
  bottom: 22px;
  left: 36px;
  width: 88px;
  height: 91px;
  background: url("../images/x1/contest-kids-dance/round-abstr-8.png") no-repeat 50% 50%;
}
section.contest-kids-dance.part-top .abstr-2 {
  display: none;
  position: absolute;
  bottom: 22px;
  right: 36px;
  width: 88px;
  height: 91px;
  background: url("../images/x1/contest-kids-dance/round-abstr-9.png") no-repeat 50% 50%;
}
section.contest-kids-dance.part-top .title {
  font-family: 'marvinregular';
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.1em;
}
section.contest-kids-dance.part-top .list {
  margin-top: 20px;
  text-align: center;
}
section.contest-kids-dance.part-top .item {
  display: inline-block;
  width: 176px;
  margin: 16px 8px;
  vertical-align: top;
}
section.contest-kids-dance.part-top .item .image {
  border: 3px solid #fab400;
}
section.contest-kids-dance.part-top .item .image img {
  display: block;
  width: 100%;
  height: auto;
}
section.contest-kids-dance.part-top .item .name {
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.1em;
}
section.contest-kids-dance.part-top .vote {
  margin: 50px 0 20px;
  text-align: center;
  letter-spacing: 0.1em;
}
section.contest-kids-dance.part-top .vote a {
  text-transform: uppercase;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance.part-top .abstr-1,
  section.contest-kids-dance.part-top .abstr-2 {
    display: block;
  }
}
@media screen and (min-width: 980px) {
  section.contest-kids-dance.part-top {
    padding-bottom: 0;
  }
}
section.contest-kids-dance.part5 {
  padding: 50px 0 80px;
}
section.contest-kids-dance.part5 .wrapper {
  position: relative;
  padding: 70px 0;
  background: #00ac95;
  border: 3px solid #e1000f;
}
section.contest-kids-dance.part5 .abstr-1 {
  display: none;
  position: absolute;
  top: 90px;
  left: 16px;
  z-index: 5;
  width: 175px;
  height: 155px;
  background: url("../images/x1/contest-kids-dance/part5-abstr-1-2.png") no-repeat 0 0;
}
section.contest-kids-dance.part5 .abstr-2 {
  display: none;
  position: absolute;
  bottom: -65px;
  right: -105px;
  z-index: 5;
  width: 300px;
  height: 180px;
  background: url("../images/x1/contest-kids-dance/part5-abstr-2.png") no-repeat 0 0;
}
section.contest-kids-dance.part5 .list {
  position: relative;
  z-index: 10;
  padding: 0 8px;
  text-align: center;
}
section.contest-kids-dance.part5 .item {
  position: relative;
  display: inline-block;
  width: 170px;
  height: 170px;
  margin: 8px;
  background: #fff;
  border: 3px solid;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.1em;
}
section.contest-kids-dance.part5 .item img {
  display: block;
  width: 100%;
  height: auto;
}
section.contest-kids-dance.part5 .item .name {
  position: absolute;
  top: 20%;
  left: 8px;
  right: 8px;
  text-align: center;
  color: #333;
}
section.contest-kids-dance.part5 .item .date {
  position: absolute;
  bottom: 15%;
  left: 0;
  right: 0;
  text-align: center;
  text-transform: uppercase;
}
section.contest-kids-dance.part5 .item-1 {
  border-color: #005e76;
  color: #005e76;
}
section.contest-kids-dance.part5 .item-2 {
  border-color: #fab400;
  color: #fab400;
}
section.contest-kids-dance.part5 .item-3 {
  border-color: #ef7eb0;
  color: #ef7eb0;
}
section.contest-kids-dance.part5 .item-4 {
  border-color: #d1d700;
  color: #d1d700;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance.part5 .list {
    padding: 0 8px 0 190px;
  }
  section.contest-kids-dance.part5 .abstr-1,
  section.contest-kids-dance.part5 .abstr-2 {
    display: block;
  }
}
section.contest-kids-dance.part6 {
  position: relative;
  height: 70px;
  background: #005e76 url("../images/x1/contest-kids-dance/part6.png") no-repeat 50% 0;
  background-size: contain;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance.part6 {
    height: 140px;
  }
}
@media screen and (min-width: 980px) {
  section.contest-kids-dance.part6 {
    height: 281px;
  }
}
section.contest-kids-dance.part6 a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section.contest-kids-dance.part-rules {
  margin: 20px;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 400;
}
section.contest-kids-dance.part7 {
  margin-top: 90px;
}
section.contest-kids-dance.part8 {
  display: none;
  height: 50px;
  background: url("../images/x1/contest-kids-dance/part8.png") no-repeat 50% 0;
  background-size: contain;
}
section.contest-kids-dance.part8 .wrapper {
  position: relative;
  height: 100%;
}
section.contest-kids-dance.part8 a {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance.part8 {
    height: 100px;
  }
}
@media screen and (min-width: 980px) {
  section.contest-kids-dance.part8 {
    height: 195px;
  }
}
.city-tula section.contest-kids-dance.part2 {
  background-image: url("../images/x1/contest-kids-dance/part2-tula-2.png");
}
.city-tula section.contest-kids-dance.part5 {
  background-image: url("../images/x1/contest-kids-dance/part5-tula.png");
}
.city-tula section.contest-kids-dance.part6 {
  background-image: url("../images/x1/contest-kids-dance/part6-tula.png");
}
.city-tula section.contest-kids-dance.part8 {
  display: block;
}
section.contest-kids-dance-round.part-head {
  height: 50px;
  background: #00ac95 url("../images/x1/contest-kids-dance/round-header.png") no-repeat 50% 0;
  background-size: contain;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance-round.part-head {
    height: 100px;
  }
}
@media screen and (min-width: 980px) {
  section.contest-kids-dance-round.part-head {
    height: 190px;
  }
}
section.contest-kids-dance-round.part-rules {
  margin: 50px;
  text-align: center;
}
section.contest-kids-dance-round.part-list .list-wrap {
  padding-top: 60px;
}
section.contest-kids-dance-round.part-list .item {
  margin-bottom: 60px;
}
section.contest-kids-dance-round.part-list .item.state-check .panel-check,
section.contest-kids-dance-round.part-list .item.state-done .panel-done,
section.contest-kids-dance-round.part-list .item.state-info .panel-info,
section.contest-kids-dance-round.part-list .item.state-vote .panel-vote {
  z-index: 5;
  opacity: 1;
}
section.contest-kids-dance-round.part-list .cont {
  position: relative;
  height: 420px;
}
section.contest-kids-dance-round.part-list .panel {
  position: absolute;
  z-index: 1;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
section.contest-kids-dance-round.part-list .input {
  display: block;
  border-bottom: 2px solid #00ac95;
  font-size: 14px;
  color: #888;
  letter-spacing: 0.1em;
}
section.contest-kids-dance-round.part-list .submit {
  display: block;
  padding: 8px 16px;
  background: none;
  border: 2px solid #00ac95;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  color: #00ac95;
  letter-spacing: 0.1em;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.hover section.contest-kids-dance-round.part-list .submit:hover {
  background-color: #00ac95;
  color: #fff;
}
section.contest-kids-dance-round.part-list .send {
  display: none;
}
section.contest-kids-dance-round.part-list .error {
  position: absolute;
  z-index: 100;
  bottom: 100%;
  padding: 4px 16px;
  font-size: 14px;
  color: #b11;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
section.contest-kids-dance-round.part-list .error.visible {
  opacity: 1;
  -webkit-transition: opacity 0.15s;
  -o-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance-round.part-list .cont {
    height: 260px;
  }
}
@media screen and (min-width: 980px) {
  section.contest-kids-dance-round.part-list .list-wrap {
    padding-top: 0;
    margin-left: -40px;
  }
  section.contest-kids-dance-round.part-list .item {
    float: left;
    width: 50%;
  }
  section.contest-kids-dance-round.part-list .cont {
    margin-left: 40px;
  }
}
section.contest-kids-dance-round.part-list .panel-info {
  color: #fff;
  background: #00ac95;
}
section.contest-kids-dance-round.part-list .panel-info .num {
  position: absolute;
  top: 12px;
  left: 23px;
  font-family: 'marvinregular';
  font-size: 24px;
}
section.contest-kids-dance-round.part-list .panel-info .total {
  position: absolute;
  top: -30px;
  right: -26px;
  width: 115px;
  height: 111px;
  background: url("../images/x1/contest-kids-dance/round-total.png") no-repeat 0 0;
  font-family: 'marvinregular';
  font-size: 16px;
  color: #31647c;
  text-align: center;
}
section.contest-kids-dance-round.part-list .panel-info .total .pad {
  padding-top: 25px;
}
section.contest-kids-dance-round.part-list .panel-info .abstr-1 {
  position: absolute;
  bottom: -12px;
  right: -28px;
  width: 105px;
  height: 103px;
  background: url("../images/x1/contest-kids-dance/round-abstr-1.png") no-repeat 0 0;
}
section.contest-kids-dance-round.part-list .panel-info .abstr-2 {
  position: absolute;
  top: 126px;
  right: 16px;
  width: 31px;
  height: 36px;
  background: url("../images/x1/contest-kids-dance/round-abstr-2.png") no-repeat 0 0;
}
section.contest-kids-dance-round.part-list .panel-info .photo {
  position: absolute;
  top: 60px;
  left: 15%;
  border: 3px solid #fff;
}
section.contest-kids-dance-round.part-list .panel-info .photo img {
  display: block;
  width: 120px;
  height: 120px;
}
section.contest-kids-dance-round.part-list .panel-info .text {
  position: absolute;
  top: 200px;
  left: 15%;
  right: 16px;
  letter-spacing: 0.1em;
  line-height: 1.2;
}
section.contest-kids-dance-round.part-list .panel-info .name {
  font-size: 18px;
}
section.contest-kids-dance-round.part-list .panel-info .desc {
  width: 70%;
  margin-top: 8px;
  font-size: 14px;
}
section.contest-kids-dance-round.part-list .panel-info .video {
  position: absolute;
  top: 290px;
  left: 15%;
  height: 54px;
  line-height: 54px;
  background: url("../images/x1/contest-kids-dance/round-play.png") no-repeat 50% 50%;
}
section.contest-kids-dance-round.part-list .panel-info .video a {
  color: #fff;
  border-bottom: 2px solid #fff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.hover section.contest-kids-dance-round.part-list .panel-info .video a:hover {
  color: #e1000f;
  border-bottom-color: #e1000f;
}
section.contest-kids-dance-round.part-list .panel-info .vote {
  position: absolute;
  top: 360px;
  left: 15%;
  padding: 10px 16px;
  background: #e1000f;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.hover section.contest-kids-dance-round.part-list .panel-info .vote:hover {
  background: #fff;
  color: #e1000f;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance-round.part-list .panel-info .text {
    top: 55px;
    left: 47%;
  }
  section.contest-kids-dance-round.part-list .panel-info .video {
    top: 190px;
    left: 15%;
  }
  section.contest-kids-dance-round.part-list .panel-info .vote {
    top: 190px;
    left: 47%;
  }
}
section.contest-kids-dance-round.part-list .panel-vote {
  background: #fff;
  border: 3px solid #00ac95;
}
section.contest-kids-dance-round.part-list .panel-vote .abstr-1 {
  position: absolute;
  bottom: 23px;
  right: 20px;
  width: 135px;
  height: 104px;
  background: url("../images/x1/contest-kids-dance/round-abstr-3.png") no-repeat 0 0;
}
section.contest-kids-dance-round.part-list .panel-vote .text {
  position: absolute;
  top: 110px;
  left: 6%;
  right: 6%;
  font-size: 16px;
  color: #333;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
section.contest-kids-dance-round.part-list .panel-vote .by-phone-form {
  position: absolute;
  top: 25px;
  left: 25px;
  width: 180px;
}
section.contest-kids-dance-round.part-list .panel-vote .by-phone-form .input {
  width: 128px;
  margin: auto;
}
section.contest-kids-dance-round.part-list .panel-vote .by-phone-form .submit {
  width: 100%;
  margin-top: 16px;
  padding: 8px 0;
}
section.contest-kids-dance-round.part-list .panel-vote .or {
  width: 136px;
  margin: 8px 0;
  font-family: 'marvinregular';
  font-size: 26px;
  color: #00ac95;
}
section.contest-kids-dance-round.part-list .panel-vote .by-sms b {
  white-space: nowrap;
}
section.contest-kids-dance-round.part-list .panel-vote .by-sms-link {
  color: #333;
  font-size: 12px;
  border-bottom: 2px solid #00ac95;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance-round.part-list .panel-vote .text {
    top: 25px;
    left: 6%;
    right: 170px;
  }
  section.contest-kids-dance-round.part-list .panel-vote .by-phone {
    margin-right: 50px;
  }
  section.contest-kids-dance-round.part-list .panel-vote .by-phone-form {
    left: auto;
    right: 25px;
  }
}
section.contest-kids-dance-round.part-list .panel-check {
  background: #fff;
  border: 3px solid #00ac95;
}
section.contest-kids-dance-round.part-list .panel-check .abstr-1 {
  position: absolute;
  top: 15px;
  right: 13px;
  width: 40px;
  height: 41px;
  background: url("../images/x1/contest-kids-dance/round-abstr-5.png") no-repeat 0 0;
}
section.contest-kids-dance-round.part-list .panel-check .abstr-2 {
  position: absolute;
  bottom: 50px;
  right: 16px;
  width: 195px;
  height: 116px;
  background: url("../images/x1/contest-kids-dance/round-abstr-6.png") no-repeat 0 0;
}
section.contest-kids-dance-round.part-list .panel-check .text {
  position: absolute;
  top: 25px;
  left: 6%;
  right: 60px;
  font-size: 16px;
  color: #333;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
section.contest-kids-dance-round.part-list .panel-check .input {
  width: 88px;
  margin-top: 20px;
}
section.contest-kids-dance-round.part-list .panel-check .submit {
  margin-top: 22px;
}
section.contest-kids-dance-round.part-list .panel-check .note {
  position: absolute;
  bottom: 8px;
  left: 8px;
  right: 8px;
  font-size: 12px;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance-round.part-list .panel-check .text {
    right: 100px;
  }
  section.contest-kids-dance-round.part-list .panel-check .abstr-2 {
    bottom: 30px;
  }
}
section.contest-kids-dance-round.part-list .panel-done {
  color: #fff;
  background: #00ac95;
}
section.contest-kids-dance-round.part-list .panel-done .abstr-1 {
  position: absolute;
  top: 8px;
  left: 30px;
  width: 37px;
  height: 35px;
  background: url("../images/x1/contest-kids-dance/round-abstr-7.png") no-repeat 0 0;
}
section.contest-kids-dance-round.part-list .panel-done .abstr-2 {
  position: absolute;
  bottom: 20px;
  left: 30px;
  width: 31px;
  height: 36px;
  background: url("../images/x1/contest-kids-dance/round-abstr-2.png") no-repeat 0 0;
}
section.contest-kids-dance-round.part-list .panel-done .abstr-3 {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 31px;
  height: 36px;
  margin-top: -18px;
  background: url("../images/x1/contest-kids-dance/round-abstr-2.png") no-repeat 0 0;
}
section.contest-kids-dance-round.part-list .panel-done .abstr-4 {
  position: absolute;
  top: 55%;
  left: 10px;
  width: 88px;
  height: 91px;
  margin-top: -45px;
  background: url("../images/x1/contest-kids-dance/round-abstr-8.png") no-repeat 0 0;
}
section.contest-kids-dance-round.part-list .panel-done .text {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  font-family: 'marvinregular';
  font-size: 26px;
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 2;
}
section.contest-kids-dance-round.part-list .panel-done .share {
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  font-family: 'marvinregular';
  font-size: 16px;
  letter-spacing: 0.1em;
  text-align: center;
}
section.contest-kids-dance-round.part-list .panel-done .share .btn {
  display: inline-block;
  width: 45px;
  height: 45px;
  margin-left: 20px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 0;
  vertical-align: middle;
}
section.contest-kids-dance-round.part-list .panel-done .share .btns {
  display: inline-block;
  width: 200px;
}
section.contest-kids-dance-round.part-list .panel-done .share .tw {
  background-image: url("../images/x1/contest-kids-dance/share-tw.png");
}
section.contest-kids-dance-round.part-list .panel-done .share .fb {
  background-image: url("../images/x1/contest-kids-dance/share-fb.png");
}
section.contest-kids-dance-round.part-list .panel-done .share .vk {
  background-image: url("../images/x1/contest-kids-dance/share-vk.png");
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance-round.part-list .panel-done .abstr-1 {
    top: 20px;
  }
  section.contest-kids-dance-round.part-list .panel-done .abstr-4 {
    top: 50%;
  }
  section.contest-kids-dance-round.part-list .panel-done .text {
    left: 60px;
    right: 0;
  }
  section.contest-kids-dance-round.part-list .panel-done .share {
    bottom: 40px;
    left: 80px;
    right: 0;
    text-align: left;
  }
}
section.contest-kids-dance-round.contest-fashion-school-round.part-head {
  position: relative;
  height: 136px;
  background: url("../images/x1/fashion-school/bg.png") repeat 50% 50%;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-head:before {
  position: absolute;
  content: "";
  top: 10px;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../images/x1/fashion-school/round-header.png") no-repeat 50% 100%;
  background-size: contain;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance-round.contest-fashion-school-round.part-head {
    height: 280px;
  }
}
@media screen and (min-width: 980px) {
  section.contest-kids-dance-round.contest-fashion-school-round.part-head {
    height: 510px;
  }
  section.contest-kids-dance-round.contest-fashion-school-round.part-head:before {
    top: 0;
    background-size: auto;
  }
}
section.contest-kids-dance-round.contest-fashion-school-round.part-rules a {
  color: #7b9aef;
  height: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .input {
  border-bottom: 2px solid #7b9aef;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .submit {
  border: 2px solid #7b9aef;
  color: #7b9aef;
}
.hover section.contest-kids-dance-round.contest-fashion-school-round.part-list .submit:hover {
  background-color: #7b9aef;
  color: #fff;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-info {
  color: #333;
  background: #fff;
  border: 3px solid #7b9aef;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-info .total {
  z-index: 1;
  top: -40px;
  width: 132px;
  height: 132px;
  background: url("../images/x1/fashion-school/round-total.png") no-repeat 0 0;
  font-family: 'DS Eraser Cyr';
  color: #fff;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-info .total span {
  font-size: 24px;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-info .total .pad {
  padding-top: 36px;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-info .abstr-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 62px;
  background: #7b9aef url("../images/x1/fashion-school/abstr-1.png") no-repeat 3% 50%;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-info .abstr-2 {
  display: none;
  position: absolute;
  top: 170px;
  right: 16px;
  width: 97px;
  height: 67px;
  background: url("../images/x1/fashion-school/abstr-2.png") no-repeat 0 0;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-info .photo {
  top: 92px;
  left: 15%;
  border: 3px solid #cd2036;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-info .photo img {
  width: 138px;
  height: 138px;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-info .name {
  color: #e1000f;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-info .text {
  top: 250px;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-info .vote {
  top: 360px;
  background: #e1000f;
  color: #fff;
}
.hover section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-info .vote:hover {
  background: #7b9aef;
  color: #e1000f;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-info .text {
    top: 92px;
    left: 47%;
  }
  section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-info .vote {
    top: 197px;
    left: 47%;
  }
  section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-info .abstr-2 {
    display: block;
  }
}
@media screen and (min-width: 980px) {
  section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-info .photo {
    left: 10%;
  }
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-vote {
  color: #333;
  background: #fff;
  border: 3px solid #7b9aef;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-vote .abstr-1 {
  display: none;
  position: absolute;
  top: 23px;
  right: 20px;
  width: 55px;
  height: 52px;
  background: url("../images/x1/fashion-school/abstr-3.png") no-repeat 0 0;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-vote .abstr-2 {
  position: absolute;
  bottom: 23px;
  right: 20px;
  width: 120px;
  height: 83px;
  background: url("../images/x1/fashion-school/abstr-4.png") no-repeat 0 0;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-vote .text {
  position: absolute;
  top: 130px;
  left: 6%;
  right: 6%;
  font-size: 16px;
  color: #333;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-vote .by-phone-form {
  position: absolute;
  top: 25px;
  left: 25px;
  width: 180px;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-vote .by-phone-form .input {
  width: 128px;
  margin: auto;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-vote .by-phone-form .submit {
  width: 100%;
  margin-top: 16px;
  padding: 8px 0;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-vote .text {
    top: 25px;
    left: 6%;
    right: 20px;
  }
  section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-vote .by-phone {
    margin-right: 100px;
  }
  section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-vote .by-phone-form {
    top: 120px;
    left: 6%;
  }
  section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-vote .by-phone-form .input {
    margin-left: 0;
  }
  section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-vote .abstr-1 {
    display: block;
  }
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-check {
  color: #333;
  background: #fff;
  border: 3px solid #7b9aef;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-check .abstr-1 {
  position: absolute;
  top: auto;
  bottom: 52px;
  right: 40px;
  width: 120px;
  height: 83px;
  background: url("../images/x1/fashion-school/abstr-4.png") no-repeat 0 0;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-check .abstr-2 {
  display: none;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-check .text {
  left: 6%;
  right: 6%;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-check .text {
    right: 6%;
  }
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-done {
  color: #fff;
  background: #7b9aef;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-done .text {
  left: 0;
  right: 0;
  font-family: 'DS Eraser Cyr';
  font-size: 30px;
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-done .share {
  font-family: 'DS Eraser Cyr';
}
section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-done .share .btn {
  background-color: #fff;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance-round.contest-fashion-school-round.part-list .panel-done .share {
    bottom: 40px;
    text-align: left;
  }
}
section.contest-kids-dance-round.contest-loveday-round.part-head {
  position: relative;
  height: 136px;
  background: #cfcdd0 url("../images/x1/loveday/bg.png") no-repeat 50% 50%;
  background-size: contain;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance-round.contest-loveday-round.part-head {
    height: 280px;
  }
}
@media screen and (min-width: 980px) {
  section.contest-kids-dance-round.contest-loveday-round.part-head {
    height: 510px;
  }
}
section.contest-kids-dance-round.contest-loveday-round.part-rules a {
  color: #e9242e;
  font-size: 28px;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .input {
  border-bottom: 2px solid #e9242e;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .submit {
  border: 2px solid #e9242e;
  color: #e9242e;
}
.hover section.contest-kids-dance-round.contest-loveday-round.part-list .submit:hover {
  background-color: #e9242e;
  color: #fff;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-info {
  color: #333;
  background: #fff;
  border: 3px solid #e9242e;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-info .total {
  z-index: 1;
  top: -40px;
  width: 132px;
  height: 132px;
  background: url("../images/x1/fashion-school/round-total.png") no-repeat 0 0;
  font-family: 'DS Eraser Cyr';
  color: #fff;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-info .total span {
  font-size: 24px;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-info .total .pad {
  padding-top: 36px;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-info .abstr-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 62px;
  background: #e9242e url("../images/x1/fashion-school/abstr-1.png") no-repeat 3% 50%;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-info .abstr-2 {
  display: none;
  position: absolute;
  top: 170px;
  right: 16px;
  width: 97px;
  height: 67px;
  background: url("../images/x1/fashion-school/abstr-2.png") no-repeat 0 0;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-info .photo {
  top: 78px;
  left: 10%;
  border: 3px solid #cd2036;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-info .photo img {
  width: 156px;
  height: 156px;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-info .name {
  color: #e1000f;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-info .text {
  top: 250px;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-info .vote {
  top: 360px;
  background: #e1000f;
  color: #fff;
}
.hover section.contest-kids-dance-round.contest-loveday-round.part-list .panel-info .vote:hover {
  background: #e9242e;
  color: #e1000f;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance-round.contest-loveday-round.part-list .panel-info .text {
    top: 92px;
    left: 54%;
  }
  section.contest-kids-dance-round.contest-loveday-round.part-list .panel-info .vote {
    top: 197px;
    left: 47%;
  }
  section.contest-kids-dance-round.contest-loveday-round.part-list .panel-info .abstr-2 {
    display: block;
  }
}
@media screen and (min-width: 980px) {
  section.contest-kids-dance-round.contest-loveday-round.part-list .panel-info .photo {
    left: 8%;
  }
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-vote {
  color: #333;
  background: #fff;
  border: 3px solid #e9242e;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-vote .abstr-1 {
  display: none;
  position: absolute;
  top: 23px;
  right: 20px;
  width: 55px;
  height: 52px;
  background: url("../images/x1/fashion-school/abstr-3.png") no-repeat 0 0;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-vote .abstr-2 {
  position: absolute;
  bottom: 23px;
  right: 20px;
  width: 120px;
  height: 83px;
  background: url("../images/x1/fashion-school/abstr-4.png") no-repeat 0 0;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-vote .text {
  position: absolute;
  top: 130px;
  left: 6%;
  right: 6%;
  font-size: 16px;
  color: #333;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-vote .by-phone-form {
  position: absolute;
  top: 25px;
  left: 25px;
  width: 180px;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-vote .by-phone-form .input {
  width: 128px;
  margin: auto;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-vote .by-phone-form .submit {
  width: 100%;
  margin-top: 16px;
  padding: 8px 0;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance-round.contest-loveday-round.part-list .panel-vote .text {
    top: 25px;
    left: 6%;
    right: 20px;
  }
  section.contest-kids-dance-round.contest-loveday-round.part-list .panel-vote .by-phone {
    margin-right: 100px;
  }
  section.contest-kids-dance-round.contest-loveday-round.part-list .panel-vote .by-phone-form {
    top: 120px;
    left: 6%;
  }
  section.contest-kids-dance-round.contest-loveday-round.part-list .panel-vote .by-phone-form .input {
    margin-left: 0;
  }
  section.contest-kids-dance-round.contest-loveday-round.part-list .panel-vote .abstr-1 {
    display: block;
  }
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-check {
  color: #333;
  background: #fff;
  border: 3px solid #e9242e;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-check .abstr-1 {
  position: absolute;
  top: auto;
  bottom: 52px;
  right: 40px;
  width: 120px;
  height: 83px;
  background: url("../images/x1/fashion-school/abstr-4.png") no-repeat 0 0;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-check .abstr-2 {
  display: none;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-check .text {
  left: 6%;
  right: 6%;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance-round.contest-loveday-round.part-list .panel-check .text {
    right: 6%;
  }
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-done {
  color: #fff;
  background: #e9242e;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-done .text {
  left: 0;
  right: 0;
  font-family: 'DS Eraser Cyr';
  font-size: 30px;
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-done .share {
  font-family: 'DS Eraser Cyr';
}
section.contest-kids-dance-round.contest-loveday-round.part-list .panel-done .share .btn {
  background-color: #fff;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance-round.contest-loveday-round.part-list .panel-done .share {
    bottom: 40px;
    text-align: left;
  }
}
section.contest-kids-dance-round.contest-kids-dance-final.part-head {
  background-image: url("../images/x1/contest-kids-dance/round-header-final.png");
}
section.contest-kids-dance-round.contest-kids-dance-final.part-list .panel-info .total {
  width: 88px;
  height: 91px;
  background: url("../images/x1/contest-kids-dance/round-abstr-8.png") no-repeat 0 0;
}
section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-1 .num,
section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-2 .num,
section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-3 .num {
  display: none;
}
section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-1 .abstr-2,
section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-2 .abstr-2,
section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-3 .abstr-2 {
  top: 160px;
}
section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-1 .abstr-3,
section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-2 .abstr-3,
section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-3 .abstr-3 {
  position: absolute;
  top: 18px;
  left: 12px;
  width: 20px;
  height: 20px;
  background: url("../images/x1/contest-kids-dance/round-abstr-10.png") no-repeat 0 0;
}
section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-1 .total {
  width: 133px;
  height: 171px;
  background: url("../images/x1/contest-kids-dance/top-1.png") no-repeat 0 0;
}
section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-2 .total {
  width: 133px;
  height: 171px;
  background: url("../images/x1/contest-kids-dance/top-2.png") no-repeat 0 0;
}
section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-3 .total {
  width: 133px;
  height: 171px;
  background: url("../images/x1/contest-kids-dance/top-3.png") no-repeat 0 0;
}
@media screen and (min-width: 640px) {
  section.contest-kids-dance-round.contest-kids-dance-final.part-list .abstr-1 {
    top: -42px;
    left: 30%;
    right: auto;
    bottom: auto;
  }
  section.contest-kids-dance-round.contest-kids-dance-final.part-list .abstr-2 {
    display: none;
  }
  section.contest-kids-dance-round.contest-kids-dance-final.part-list .panel-info .total {
    top: 8px;
    right: -40px;
    width: 313px;
    height: 265px;
    background: url("../images/x1/contest-kids-dance/top-tablets-def.png") no-repeat 0 50%;
  }
  section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-1 .total {
    background: url("../images/x1/contest-kids-dance/top-tablets-1.png") no-repeat 0 0;
  }
  section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-2 .total {
    background: url("../images/x1/contest-kids-dance/top-tablets-2.png") no-repeat 0 0;
  }
  section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-3 .total {
    background: url("../images/x1/contest-kids-dance/top-tablets-3.png") no-repeat 0 0;
  }
}
@media screen and (min-width: 980px) {
  section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-1,
  section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-2,
  section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-3 {
    float: none;
    width: auto;
  }
  section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-1,
  section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-3 {
    margin-right: 350px;
  }
  section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-2 {
    margin-left: 350px;
  }
  section.contest-kids-dance-round.contest-kids-dance-final.part-list .abstr-1 {
    display: none;
  }
  section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-1 .total {
    top: -11px;
    right: -310px;
    width: 716px;
    height: 267px;
    background: url("../images/x1/contest-kids-dance/top-desktop-1.png") no-repeat 0 0;
  }
  section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-2 .total {
    top: -22px;
    right: -45px;
    width: 437px;
    height: 267px;
    background: url("../images/x1/contest-kids-dance/top-desktop-2.png") no-repeat 0 0;
  }
  section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-2 .abstr-1 {
    display: block;
    top: 30px;
    left: -290px;
    right: auto;
    bottom: auto;
    width: 257px;
    height: 194px;
    background: url("../images/x1/contest-kids-dance/top-desktop-2-extra.png") no-repeat 0 0;
  }
  section.contest-kids-dance-round.contest-kids-dance-final.part-list .top-3 .total {
    top: 33px;
    right: -305px;
    width: 723px;
    height: 238px;
    background: url("../images/x1/contest-kids-dance/top-desktop-3.png") no-repeat 0 0;
  }
}
.section-shops.section-shops-list .hider-inner {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}
.section-shops.section-shops-list .list {
  margin-left: -5px;
}
@media screen and (min-width: 980px) {
  .section-shops.section-shops-list .link {
    width: 200px;
    height: 300px;
  }
  .section-shops.section-shops-list .cont {
    height: 180px;
  }
  .section-shops.section-shops-list .def-name {
    top: 210px;
  }
}
.content-mode-center .share {
  margin-top: 30px;
}
.lktenant-menu {
  margin-top: 10px;
}
.lktenant-menu ul {
  margin-left: -50px;
}
.lktenant-menu li {
  display: inline-block;
  margin-left: 50px;
}
.lktenant-menu li.active a {
  color: #e1000f;
}
.lktenant-menu a {
  color: #000;
}
@media screen and (min-width: 980px) {
  .lktenant-page.section-detail-page .detail-content-text {
    float: right;
    margin: 0;
    width: 30%;
  }
}
@media screen and (min-width: 640px) {
  .lktenant-page.section-detail-page.mode-tenant .detail-side {
    margin: -160px auto 0;
    width: 280px;
  }
}
@media screen and (min-width: 980px) {
  .lktenant-page.section-detail-page.mode-tenant .detail-side {
    width: 380px;
  }
  .lktenant-page.section-detail-page.mode-tenant .detail-side-form {
    float: right;
    margin: 0 10%;
  }
}
.lktenant-secure {
  overflow: hidden;
  margin-bottom: 50px;
}
.lktenant-edit .row .input {
  float: none;
  width: 100%;
  margin-right: 0;
}
.lktenant-title {
  display: table;
}
.lktenant-title .title-text {
  display: table-cell;
  vertical-align: middle;
}
.lktenant-title .menu-shops {
  display: table-cell;
  max-width: 500px;
  padding-left: 50px;
  font-size: 14px;
  vertical-align: middle;
}
.lktenant-title .menu-shops li {
  display: inline-block;
  margin: 0 10px;
}
.lktenant-title .menu-shops a {
  color: #666;
}
.lktenant-promos-list {
  margin-top: 20px;
}
.lktenant-promos-list .item {
  float: left;
  width: 168px;
  height: 300px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 10px;
  border: 0;
  background: #fafafa;
}
.lktenant-promos-list .item.add {
  position: relative;
  display: table;
}
.lktenant-promos-list .item.add:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px dashed #ccc;
}
.lktenant-promos-list .item.add span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
  color: #252525;
}
.lktenant-promos-list .item .image {
  width: 100%;
  height: 200px;
  margin-bottom: 10px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.lktenant-promos-list .item .name {
  font-size: 13px;
  color: #707070;
}
.lktenant-promos-list .item .date {
  font-size: 16px;
  color: #252525;
}
.lkuser-menu {
  margin-top: 10px;
}
.lkuser-menu ul {
  margin-left: -50px;
}
.lkuser-menu li {
  display: inline-block;
  margin-left: 50px;
}
.lkuser-menu li.active a {
  color: #e1000f;
}
.lkuser-menu a {
  color: #000;
}
@media screen and (min-width: 980px) {
  .lkuser-page.section-detail-page .detail-content-text {
    float: right;
    margin: 0;
    width: 30%;
  }
}
@media screen and (min-width: 640px) {
  .lkuser-page.section-detail-page.mode-tenant .detail-side {
    margin: -160px auto 0;
    width: 280px;
  }
}
@media screen and (min-width: 980px) {
  .lkuser-page.section-detail-page.mode-tenant .detail-side {
    width: 380px;
  }
  .lkuser-page.section-detail-page.mode-tenant .detail-side-form {
    float: right;
    margin: 0 10%;
  }
}
.lkuser-profile {
  max-width: 470px;
  padding: 30px 80px 30px 45px;
  border: 5px solid #e1000f;
}
.lkuser-profile .row {
  position: relative;
}
.lkuser-profile .row .input {
  float: none;
  width: auto;
  margin-right: 0 !important;
  padding-left: 210px;
}
.lkuser-profile .row .input-title {
  position: absolute;
  top: 13px;
  left: 0;
  width: 210px;
}
.lkuser-profile .row input {
  width: 100%;
}
.lkuser-question {
  width: 300px;
  padding: 30px 45px;
  border: 5px solid #e1000f;
}
.lkuser-question .row .input {
  float: none;
  width: auto;
  margin-right: 0 !important;
}
.lkuser-question .row textarea {
  height: 204px;
}
.lkuser-wrapdesc > div {
  margin-bottom: 30px;
}
@media screen and (min-width: 980px) {
  .lkuser-wrapdesc > div {
    display: table-cell;
    vertical-align: top;
  }
}
@media screen and (min-width: 980px) {
  .lkuser-desc {
    padding-left: 50px;
  }
}
.lkuser-wanttobuy .list {
  margin-top: 50px;
  margin-left: -15px;
}
.lkuser-wanttobuy .goods-item {
  position: relative;
  width: 186px;
}
.lkuser-wanttobuy .goods-item .goods-item-remove {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  width: 26px;
  height: 26px;
  background: #e1000f;
}
.lkuser-wanttobuy .goods-item .goods-item-remove:after,
.lkuser-wanttobuy .goods-item .goods-item-remove:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 12px;
  left: 4px;
  width: 18px;
  height: 3px;
  background: #fff;
}
.lkuser-wanttobuy .goods-item .goods-item-remove:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.lkuser-wanttobuy .goods-item .goods-item-remove:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.lkuser-wanttobuy .goods-item .goods-item-phone {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'Ubuntu', sans-serif;
  font-size: 15px;
  font-weight: 500;
}
.lkuser-wanttobuy .goods-item .goods-item-shop {
  position: absolute;
  top: 25px;
  left: 0;
  height: 20px;
  overflow: hidden;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  font-weight: 500;
}
.lkuser-wanttobuy .goods-item .goods-item-name {
  top: 48px;
  height: 38px;
  font-size: 16px;
  color: #777;
}
.lkuser-wanttobuy .goods-item .goods-item-price {
  top: 90px;
}
.lkuser-wanttobuy .buttons {
  margin-top: 50px;
  text-align: right;
}
.lkuser-wanttobuy .buttons a {
  display: inline-block;
  margin-left: 15px;
  padding: 9px 12px 9px 52px;
}
.lkuser-wanttobuy .buttons .btn-do-send:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 100%;
  background: #20a740 url(../images/x1/lkuser-send.png) no-repeat 50% 50%;
}
.lkuser-wanttobuy .buttons .btn-do-print:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 100%;
  background: #e1000f url(../images/x1/lkuser-print.png) no-repeat 50% 50%;
}
.couponbook-list {
  margin-top: 45px;
}
.couponbook-list .item {
  margin: 0 0 30px;
}
.couponbook-list .item p {
  color: #000;
  margin-top: 10px;
}
.couponbook-list .inner {
  display: block;
  border: 0;
}
.couponbook-list img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 640px) {
  .couponbook-list {
    margin-left: -30px;
  }
  .couponbook-list .item {
    float: left;
    width: 50%;
  }
  .couponbook-list .inner {
    margin: 0 0 0 30px;
  }
}
.couponbook-content {
  margin-top: 65px;
}
.couponbook-download {
  font-size: 18px;
}
.couponbook-page-head {
  background-color: #bababa;
}
.couponbook-page-head .wrapper {
  height: 46px;
  background: url("../images/x1/couponbook/couponbook-page-bw.jpg") no-repeat 50% 50%;
  background-size: contain;
}
@media screen and (min-width: 640px) {
  .couponbook-page-head .wrapper {
    height: 94px;
  }
}
@media screen and (min-width: 980px) {
  .couponbook-page-head .wrapper {
    height: 170px;
  }
}
.couponbook-page-wrap {
  margin-top: 50px;
}
.couponbook-page-wrap .image {
  position: relative;
}
.couponbook-page-wrap .image img {
  display: block;
  width: 100%;
  height: auto;
}
.couponbook-page-wrap .image p {
  color: #000;
  margin-top: 10px;
}
.couponbook-page-wrap .def-next,
.couponbook-page-wrap .def-prev {
  border: none;
}
.couponbook-page-wrap .buttons {
  margin-top: 40px;
}
.couponbook-page-wrap .buttons .button {
  margin-bottom: 30px;
}
.couponbook-page-wrap .buttons button {
  padding: 13px 30px;
  background-color: #0a1829;
  font-size: 22px;
  color: #fff;
  cursor: pointer;
}
.couponbook-page-wrap .buttons button:hover {
  background-color: #0c4a7c;
}
.couponbook-page-wrap .share {
  margin-top: 55px;
}
@media screen and (min-width: 640px) {
  .couponbook-page-wrap .buttons .button {
    display: inline-block;
    margin-right: 55px;
  }
  .couponbook-page-wrap .buttons .button:last-child {
    margin-right: 0;
  }
}
.couponbook-list-other {
  margin-top: 125px;
  margin-bottom: 105px;
}
.couponbook-list-other .list {
  margin-top: 25px;
  padding-bottom: 25px;
}
.couponbook-list-other .item {
  margin-bottom: 30px;
}
.couponbook-list-other .item a {
  display: block;
  border: 0;
}
.couponbook-list-other .item img {
  display: block;
  width: 100%;
  height: auto;
}
.couponbook-list-other .item p {
  color: #000;
  margin-top: 10px;
  margin-left: 60px;
}
@media screen and (min-width: 640px) {
  .couponbook-list-other .list {
    margin-left: -60px;
  }
  .couponbook-list-other .item {
    float: left;
    width: 50%;
    margin-bottom: 0;
  }
  .couponbook-list-other .item a {
    margin-left: 60px;
  }
  .couponbook-list-other .item-3 {
    display: none;
  }
}
@media screen and (min-width: 980px) {
  .couponbook-list-other .item {
    width: 33.33%;
  }
  .couponbook-list-other .item-3 {
    display: block;
  }
}
.section-shops .blogs-list {
  margin-left: -28px;
}
.section-shops .blogs-list .item {
  float: left;
  width: 50%;
  margin-bottom: 40px;
}
.section-shops .blogs-list .inner {
  display: block;
  margin-left: 28px;
  background: #fff;
  border: 3px solid #bababa;
}
.section-shops .blogs-list .inner:hover {
  border-color: #e1000f;
}
.section-shops .blogs-list .inner:hover .name {
  color: #e1000f;
}
.section-shops .blogs-list .image {
  width: 100%;
  height: 194px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
.section-shops .blogs-list .name {
  height: 40px;
  line-height: 40px;
  padding: 0 3px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #333;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (min-width: 640px) {
  .section-shops .blogs-list .item {
    width: 25%;
  }
  .section-shops .blogs-list .item.double {
    width: 50%;
  }
}
.select {
  position: relative;
}
.select .head {
  cursor: pointer;
}
.select .head:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -26px;
  margin-top: -5px;
  border-top: 10px solid #e1000f;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.select .list {
  display: none;
  position: absolute;
  z-index: 10;
  top: 100%;
  left: -25px;
  margin-top: 10px;
  padding: 10px 0;
  background: #ececec;
  font-size: 16px;
  line-height: 1.4;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  opacity: 0;
}
.select .list a,
.select .list div {
  display: block;
  padding: 8px 25px;
  border: 0;
  color: #333;
  cursor: pointer;
}
.select .list a:hover,
.select .list div:hover {
  color: #e1000f;
}
.select .list a.active,
.select .list div.active {
  color: #8c8c8c;
  pointer-events: none;
  cursor: default;
}
.select .list a.selected,
.select .list div.selected {
  background: #20a740;
  color: #fff;
}
.select .note {
  position: absolute;
  line-height: 1;
  bottom: -7px;
  font-size: 12px;
  color: #666;
}
.select .disable-message {
  display: none;
}
.select.active .list {
  opacity: 1;
}
.form .input .select {
  width: 100%;
  height: 51px;
  line-height: 51px;
  background: url("../images/x1/input-line.png") 0 -11px;
}
.form .input .select .placeholder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #aaa;
}
.section-nav .select {
  display: inline-block;
  margin-left: 86px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
}
.section-nav .select .head {
  font-size: 18px;
  border-bottom: 2px solid #e1000f;
}
.sort {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.2;
}
.sort .sort-title {
  display: table-cell;
  white-space: nowrap;
  font-weight: 500;
}
.sort .sort-items {
  display: table-cell;
}
.sort .sort-item {
  display: inline-block;
  margin-left: 16px;
  margin-bottom: 8px;
  border-bottom: 1px dashed #707070;
  color: #707070;
  cursor: pointer;
}
.sort .sort-item.active {
  border-bottom-color: transparent;
  color: #333;
  font-weight: 500;
  cursor: default;
}
.goods-item {
  float: left;
  width: 100%;
}
.goods-item .goods-item-link {
  display: block;
  position: relative;
  margin-bottom: 15px;
  padding: 10px;
  background: #fafafa;
  border: 0;
  color: #252525;
}
.goods-item .goods-item-link:hover .goods-item-image .im2 {
  opacity: 1;
}
.goods-item .goods-item-discount {
  position: absolute;
  z-index: 5;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #e1000f;
  border-radius: 50%;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}
.goods-item .goods-item-image {
  position: relative;
  margin-bottom: 15px;
}
.goods-item .goods-item-image img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.goods-item .goods-item-image .im2 {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.goods-item .goods-item-info {
  position: relative;
  height: 115px;
  margin-left: 15px;
  line-height: 1.2;
}
.goods-item .goods-item-short {
  position: absolute;
  z-index: 1;
  height: 15px;
  overflow: hidden;
  font-size: 13px;
  color: #707070;
}
.goods-item .goods-item-name {
  position: absolute;
  z-index: 1;
  top: 16px;
  left: 0;
  height: 42px;
  overflow: hidden;
  font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.goods-item .goods-item-price-old {
  position: absolute;
  z-index: 1;
  top: 66px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: line-through;
  color: #aaa;
}
.goods-item .goods-item-price {
  position: absolute;
  z-index: 1;
  top: 84px;
  left: 0;
  font-family: 'Ubuntu', sans-serif;
  font-size: 24px;
  font-weight: 500;
  color: #e1000f;
}
@media screen and (min-width: 640px) {
  .goods-item {
    width: 33%;
  }
  .goods-item .goods-item-link {
    margin-left: 15px;
  }
}
.trend-viewall .viewall {
  text-align: center;
  margin-top: -40px;
}
.mode-trends .border:before {
  bottom: auto;
  height: 525px;
}
.mode-trends .slider {
  margin-top: 18px;
}
.mode-trends .elem {
  display: inline-block;
  float: none;
  width: 240px;
  margin: 0;
  vertical-align: top;
}
@media screen and (min-width: 640px) {
  .mode-trends .border:before {
    height: 495px;
  }
}
@media screen and (min-width: 980px) {
  .mode-trends .border:before {
    height: 520px;
  }
}
.section-goods-page-discount {
  position: absolute;
  z-index: 1;
  top: 150px;
  right: 10%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #e1000f;
  border-radius: 50%;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}
@media screen and (min-width: 640px) {
  .section-goods-page-discount {
    top: 210px;
    right: 55%;
  }
}
@media screen and (min-width: 980px) {
  .section-goods-page-discount {
    position: static;
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle;
  }
}
.section-goods-page {
  margin-bottom: 100px;
}
.section-goods-page .wrapper {
  position: relative;
}
.section-goods-page .images {
  padding-top: 40px;
}
.section-goods-page .images .scroller {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
.section-goods-page .images .scroller .swipe {
  height: 100%;
}
.section-goods-page .images .scroller .swipe-wrap {
  height: 100%;
}
.section-goods-page .images .scroller .item {
  position: relative;
  display: inline-block;
  float: left;
  width: 100%;
  height: 350px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.section-goods-page .images .previews {
  margin-top: 24px;
  font-size: 0;
  text-align: center;
}
.section-goods-page .images .previews .item {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 4px 10px;
  background-color: #ccc;
  border-radius: 4px;
}
.section-goods-page .images .previews .item.active {
  background-color: #333;
}
.section-goods-page .images .previews .item:after {
  display: none;
}
.section-goods-page .images .previews .item img {
  display: none;
}
.section-goods-page .cont .tags {
  position: absolute;
  top: 10px;
  left: 0;
}
.section-goods-page .cont .info {
  margin-bottom: 40px;
}
.section-goods-page .cont .short {
  color: #707070;
  font-size: 13px;
}
.section-goods-page .cont .title {
  margin-bottom: 10px;
  line-height: 1.2;
  font-family: 'Ubuntu', sans-serif;
  font-size: 28px;
  font-weight: 500;
}
.section-goods-page .cont .oldprice {
  opacity: 0.4;
  color: #000;
  font-family: 'Ubuntu', sans-serif;
  font-size: 20px;
  font-weight: 500;
  text-decoration: line-through;
}
.section-goods-page .cont .price {
  margin-bottom: 40px;
  line-height: 1;
  color: #e1000f;
  font-family: 'Ubuntu', sans-serif;
  font-size: 40px;
  font-weight: 500;
}
.section-goods-page .cont .button {
  display: block;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.section-goods-page .cont .desc {
  font-size: 16px;
}
.section-goods-page .cont h2 {
  margin-bottom: 0;
  letter-spacing: 0;
}
.section-goods-page .cont .shop {
  margin-top: 40px;
}
.section-goods-page .cont .shop a {
  display: block;
  width: 240px;
  margin: 10px auto;
}
.section-goods-page .cont .shop img {
  display: block;
  margin: auto;
  height: 130px;
  width: 130px;
}
.section-goods-page .cont .props {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.8;
}
.section-goods-page .cont .props .t {
  font-weight: 500;
}
.section-goods-page .cont .promos {
  margin-top: 20px;
}
.section-goods-page .cont .promos .item {
  display: block;
  width: 242px;
  height: 155px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0;
}
@media screen and (min-width: 640px) {
  .section-goods-page .images {
    float: left;
    width: 45%;
  }
  .section-goods-page .cont {
    position: relative;
    margin-top: 10px;
    margin-left: 55%;
  }
  .section-goods-page .cont .tags {
    top: 0;
    left: -122%;
    right: auto;
    max-width: 250px;
  }
}
@media screen and (min-width: 980px) {
  .section-goods-page .images {
    width: 440px;
    padding-top: 0;
  }
  .section-goods-page .images .scroller .item {
    width: 440px;
    height: 640px;
  }
  .section-goods-page .images .previews {
    text-align: left;
  }
  .section-goods-page .images .previews .item {
    width: auto;
    height: auto;
    margin: 0 10px 10px 0;
    background: transparent !important;
    border-radius: 0;
  }
  .section-goods-page .images .previews .item:after {
    display: block;
  }
  .section-goods-page .images .previews .item img {
    display: block;
    width: auto;
    height: 90px;
    max-width: 150px;
  }
  .section-goods-page .cont {
    margin-left: 470px;
  }
  .section-goods-page .cont .tags {
    top: -73px;
    left: auto;
    right: 0;
  }
  .section-goods-page .cont .info {
    width: 240px;
  }
  .section-goods-page .cont .shop a {
    margin-left: 0;
  }
  .section-goods-page .cont .promos {
    margin-top: 20px;
    margin-left: -10px;
  }
  .section-goods-page .cont .promos .item {
    float: left;
    margin-left: 10px;
  }
}
@media screen and (min-width: 1150px) {
  .section-goods-page .cont .shop {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
  }
  .section-goods-page .cont .shop a {
    width: 150px;
  }
  .section-goods-page .cont .shop img {
    display: block;
    margin: auto;
    height: 150px;
    width: 150px;
  }
}
.section-title-goods .trends {
  display: none;
  padding-left: 50px;
  font-size: 14px;
  vertical-align: top;
}
.section-title-goods .trends .t {
  margin-left: 15px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  font-weight: 500;
}
.section-title-goods .trends a {
  display: inline-block;
  margin-top: 5px;
  padding: 3px 15px;
  border: 0;
  color: #333;
}
.section-title-goods .trends a:hover {
  background: #20a740;
  color: #fff;
}
.section-title-goods .trends .active {
  background: #20a740;
  color: #fff;
}
@media screen and (min-width: 640px) {
  .section-title-goods .title {
    display: table-cell;
  }
  .section-title-goods .trends {
    display: table-cell;
  }
}
.section-goods-selecter .title {
  display: table-cell;
  width: 140px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
}
.section-goods-selecter .select {
  display: table-cell;
}
.section-goods-selecter .select select {
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
  border-radius: 0;
  border-bottom: 1px dashed #ccc;
}