@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700&display=swap&subset=cyrillic');
@import url(../themes/rofl/assets/fonts/Rex/stylesheet.css);
@import "../themes/rofl/assets/scss/snippets/content_records";
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select {
    font-family: sans-serif; } }

.zone-header > .wrapper {
  border-bottom: 1px solid #000; }
  .zone-header .top4ik {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 100px; }
    .zone-header .top4ik .info {
      font-size: 16px; }
      .zone-header .top4ik .info .schedule {
        font-size: 18px; }
    .zone-header .top4ik .logo {
      position: absolute;
      left: calc(50% - 161px);
      display: flex;
      flex-direction: column;
      align-items: center;
      bottom: -130px;
      z-index: 1;
      text-transform: uppercase;
      font-size: 25px;
      transition: 0.3s;
      color: black; }
      .zone-header .top4ik .logo:hover {
        text-decoration: none;
        color: #f9d424; }
      .zone-header .top4ik .logo .text {
        white-space: nowrap; }
    .zone-header .top4ik .contacts-wrapper {
      display: flex;
      text-align: right; }
      .zone-header .top4ik .contacts-wrapper .contacts {
        margin-right: 20px;
        white-space: nowrap; }
        .zone-header .top4ik .contacts-wrapper .contacts .phone {
          font-size: 18px; }
        .zone-header .top4ik .contacts-wrapper .contacts .email {
          font-size: 13px; }
      .zone-header .top4ik .contacts-wrapper a {
        color: black; }
  .zone-header [uk-sticky] {
    z-index: 100;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 5px 0px; }
  .zone-header .uk-navbar-left, .zone-header .uk-navbar-right {
    width: calc(50% - 105px);
    z-index: 1; }
    .zone-header .uk-navbar-left > *, .zone-header .uk-navbar-right > * {
      width: 100%; }
    .zone-header .uk-navbar-left ul.uk-navbar-nav, .zone-header .uk-navbar-right ul.uk-navbar-nav {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
  .zone-header .unified .uk-navbar-left, .zone-header .unified .uk-navbar-right {
    width: 100%; }
    .zone-header .unified .uk-navbar-left {
      display: flex;
      align-items: center; }
      .zone-header .unified .uk-navbar-left > * {
        width: unset; }
      .zone-header .unified .uk-navbar-left .logo {
        height: 80%;
        margin-right: 20px; }
        .zone-header .unified .uk-navbar-left .logo img {
          height: 100%; }
      .zone-header .unified .uk-navbar-left .phone {
        font-size: 18px;
        font-weight: 300; }
  .zone-header .uk-navbar-nav > li {
    flex: 1; }
    .zone-header .uk-navbar-nav > li > a {
      font-weight: 700;
      font-size: 18px;
      white-space: nowrap; }
    .zone-header .uk-navbar-nav > li.uk-active > a, .zone-header .uk-navbar-nav > li:hover > a {
      color: white;
      background-color: #3d3d3d; }
    .zone-header .uk-navbar-nav ul.uk-nav-sub > li {
      background-color: #3d3d3d;
      border: 1px solid white;
      padding: 3px 12px;
      font-size: 14px;
      white-space: nowrap;
      font-weight: 700; }
      .zone-header .uk-navbar-nav ul.uk-nav-sub > li a {
        color: white; }
      .zone-header .uk-navbar-nav ul.uk-nav-sub > li:hover, .zone-header .uk-navbar-nav ul.uk-nav-sub > li.uk-active {
        background-color: #f9d424; }
  .zone-header .unified {
    display: none; }
  .zone-header .uk-sticky-below .divided {
    display: none; }
    .zone-header .uk-sticky-below .unified {
      display: block; }
    .zone-header .uk-sticky-below .unified .logo {
      display: flex;
      align-items: center; }
      .zone-header .uk-sticky-below .unified .logo img {
        height: 44px; }
    .zone-header .uk-sticky-below .unified .phone a {
      color: black;
      transition: 0.3s; }
      .zone-header .uk-sticky-below .unified .phone a:hover {
        text-decoration: none;
        color: #f9d424; }
  @media (max-width: 1200px) {
  .zone-header .top4ik .info {
    font-size: 14px; }
    .zone-header .top4ik .info .schedule {
      font-size: 16px; }

    .zone-header .top4ik .contacts-wrapper {
      flex-direction: column; }

    .zone-header .top4ik .contacts-wrapper .contacts {
      margin-bottom: 4px; }
  .zone-header .uk-navbar-nav > li > a {
    font-size: 14px; }
  .zone-header .wrapper .uk-container, .zone-header .divided {
    padding: 0 16px; } }
  @media (max-width: 959px) {
  .zone-header .top4ik {
    height: unset;
    flex-direction: column;
    align-items: flex-start;
    padding: 30px 16px; }
    .zone-header .top4ik .info {
      font-size: 16px;
      margin-bottom: 20px; }

    .zone-header .top4ik .logo {
      left: unset;
      right: 0;
      top: 0;
      height: fit-content; }

    .zone-header .top4ik .contacts-wrapper .contacts {
      margin-bottom: 16px;
      text-align: left; }
  .zone-header .uk-navbar-left {
    width: 100%; }
  .zone-header .uk-navbar-right {
    width: unset; }
  .zone-header .unified {
    padding: 0 10px 0 16px; }
    .zone-header .unified .uk-navbar-left, .zone-header .unified .uk-navbar-right {
      width: unset; }
  .zone-header .divided {
    padding: 0 0px; } }
  @media (max-width: 640px) {
  .zone-header .top4ik {
    padding: 20px 10px; }
    .zone-header .top4ik .info {
      font-size: 14px;
      margin-bottom: 10px; }
      .zone-header .top4ik .info .address {
        white-space: unset;
        width: 240px; }

    .zone-header .top4ik .logo {
      width: 120px;
      top: 32px; }
      .zone-header .top4ik .logo .text {
        white-space: unset;
        text-align: center;
        font-size: 14px; }

    .zone-header .top4ik .contacts-wrapper .contacts {
      margin-bottom: 16px;
      text-align: left; }
  .zone-header .divided {
    display: none; } }
  @media (max-width: 420px) {
  .zone-header .top4ik .logo {
    top: 64px; }
    .zone-header .top4ik .logo .text {
      display: none; } }

.toTop {
  width: 50px;
  height: 50px;
  font-size: 20px;
  line-height: 48px;
  border: none;
  color: #fff;
  background: #3d3d3d;
  -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  position: fixed;
  right: 40px;
  bottom: 70px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 501; }
  .toTop:hover {
    cursor: pointer;
    background-color: #f9d424; }
  .toTop:focus {
    outline: 0; }
  .toTop.show {
    opacity: 1;
    visibility: visible; }

.zone-main {
  min-height: 70vh;
  background-color: white; }

.zone-sidebar {
  padding: 0; }
  .zone-sidebar__content {
    padding: 0px 0px 20px 20px;
    background-color: rgba(255, 255, 255, 0.95);
    color: black;
    height: fit-content;
    height: -moz-fit-content;
    min-height: 100%;
    box-sizing: border-box; }
    .zone-sidebar__content h2 {
      color: #f9d424;
      font-size: 16px;
      font-weight: bold;
      margin-top: 0px;
      padding-left: 20px; }
    .zone-sidebar__content ul {
      list-style: none; }
    .zone-sidebar__content ul li::before {
      content: "\2B1B";
      color: #77a1e4;
      font-size: 8px;
      width: 22px;
      margin-left: -22px; }
    .zone-sidebar__content ul li {
      display: flex;
      align-items: center;
      padding-left: 22px;
      padding-bottom: 4px;
      margin-bottom: 4px;
      border-bottom: 1px dotted #ccc; }
      .zone-sidebar__content ul li a {
        color: black;
        flex: 1;
        text-align: left;
        line-height: 1.2; }
      .zone-sidebar__content ul li a:hover {
        color: #f9d424; }
    .zone-sidebar__content button {
      width: 100%; }
  .zone-sidebar__overlay {
    opacity: 0;
    transition: 0.1s; }
  .zone-sidebar__toggle {
    display: none; }
  @media (max-width: 959px) {
  .zone-sidebar {
    z-index: 10000;
    position: fixed;
    left: -260px;
    top: 0;
    height: 100vh;
    padding-left: 0;
    overflow-y: scroll;
    width: 260px;
    transition: 0.3s; }
    .zone-sidebar__content {
      padding: 20px; }

    .zone-sidebar__toggle {
      display: inline-block;
      position: fixed;
      left: 0;
      top: 75%;
      width: 40px;
      height: 40px;
      padding: 0;
      transition: 0.3s;
      opacity: 0.8; } }
  .zone-sidebar.uk-open {
    left: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }
    .zone-sidebar.uk-open .zone-sidebar__overlay {
      display: block;
      width: 200%;
      height: 100%;
      background: rgba(50, 50, 50, 0.4);
      position: fixed;
      z-index: -1;
      opacity: 1; }
    .zone-sidebar.uk-open .zone-sidebar__content {
      box-sizing: border-box; }
    .zone-sidebar.uk-open .zone-sidebar__toggle {
      left: 260px; }

@media (max-width: 640px) {
    .zone-breadcrumbs {
      display: none; } }

.zone-h1 {
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 50px; }

.zone-page {
  font-size: 16px;
  font-weight: 300; }
  .zone-page h4 strong {
    font-weight: 500; }
  .zone-page h2 {
    font-family: "Roboto Slab", sans-serif;
    font-weight: 700;
    text-transform: none; }

.zone-footer {
  background-color: #3d3d3d;
  color: #dadada;
  margin-top: 40px; }
  .zone-footer .premap {
    background: #323d50; }
    .zone-footer .premap .uk-container {
      position: relative;
      display: flex;
      justify-content: space-between;
      min-height: 130px;
      align-items: center; }
    .zone-footer .premap a {
      color: #dadada;
      transition: 0.3s; }
    .zone-footer .premap a:hover {
      text-decoration: none;
      color: #f9d424; }
    .zone-footer .premap .info {
      font-size: 16px; }
    .zone-footer .premap .logo {
      position: absolute;
      left: calc(50% - 161px);
      display: flex;
      flex-direction: column;
      align-items: center;
      bottom: -140px;
      z-index: 500;
      text-transform: uppercase;
      font-size: 25px;
      transition: 0.3s; }
    .zone-footer .premap .logo:hover {
      text-decoration: none;
      color: #f9d424; }
    .zone-footer .premap .logo .text {
      white-space: nowrap;
      margin-bottom: 8px; }
    .zone-footer .premap .contacts {
      text-align: right;
      font-size: 16px; }
    @media (max-width: 1200px) {
  .zone-footer .premap .info {
    width: 256px; } }
    @media (max-width: 960px) and (min-width: 641px) {
  .zone-footer .premap .uk-container {
    padding: 0 10px;
    align-items: flex-start;
    box-sizing: border-box;
    padding-top: 20px; }
  .zone-footer .premap .info {
    font-size: 14px;
    width: 210px; }
  .zone-footer .premap .logo {
    width: 180px;
    left: calc(50% - 90px);
    bottom: -100px; }
    .zone-footer .premap .logo .text {
      white-space: unset;
      text-align: center;
      font-size: 20px; }
  .zone-footer .premap .contacts .phone {
    font-size: 18px; }
    .zone-footer .premap .contacts .email {
      font-size: 14px; } }
    @media (max-width: 640px) {
  .zone-footer .premap .uk-container {
    flex-direction: column;
    align-items: center;
    padding: 30px; }
  .zone-footer .premap .info {
    width: unset;
    text-align: center;
    font-size: 16px;
    margin-bottom: 16px; }
  .zone-footer .premap .logo {
    position: relative;
    left: unset;
    bottom: unset;
    margin-bottom: 20px; }
    .zone-footer .premap .logo .text {
      white-space: unset;
      text-align: center; }
  .zone-footer .premap .contacts {
    text-align: center; } }
  .zone-footer .underfooter {
    background-color: black;
    font-size: 18px;
    color: white;
    text-align: center;
    padding: 30px; }

.zone-offcanvas .uk-active > a {
  color: white !important; }
  .zone-offcanvas .uk-offcanvas-bar > ul {
    padding-top: 22px; }
  .zone-offcanvas ul.uk-nav-sub {
    padding-left: 16px; }

.el-expander:not(.el-expander-wrapper) {
  margin-left: -40px;
  margin-right: -40px; }
  @media (max-width: 960px) {
    .el-expander:not(.el-expander-wrapper) {
      margin-left: -30px;
      margin-right: -30px; } }
  @media (max-width: 640px) {
    .el-expander:not(.el-expander-wrapper) {
      margin-left: -15px;
      margin-right: -15px; } }
  .el-expander.el-expander-wrapper {
    margin-left: calc(50% - 1920px / 2);
    margin-right: calc(50% - 1920px / 2); }
  @media (max-width: 1920px) {
    .el-expander.el-expander-wrapper {
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw); } }
  @media (min-width: 960px) {
    .el-expander.el-expander-right {
      margin-left: 0;
      margin-right: -40px; } }

.el-anchor {
  top: -60px;
  position: relative; }

.el-fashionable:after {
  content: '';
  margin-top: 10px;
  width: 42px;
  height: 4px;
  display: block;
  background-color: #f9d424; }
  .el-fashionable-up {
    font-weight: 600; }
  .el-fashionable-up:before {
    content: '';
    margin-bottom: 10px;
    width: 42px;
    height: 4px;
    display: block;
    background-color: #f9d424; }
  .el-fashionable-up:after {
    display: none; }

.snippet-agreement .link {
  cursor: pointer; }
  .snippet-agreement .link:hover {
    text-decoration: underline; }

.snippet-workflow ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style: none;
  padding: 0; }
  .snippet-workflow ul li {
    width: 16.6666666667%; }
  .snippet-workflow figure {
    position: relative;
    text-align: center;
    text-transform: uppercase; }
  .snippet-workflow figure:before {
    content: '';
    display: block;
    position: absolute;
    top: 135px;
    left: 50%;
    width: 76px;
    height: 17px;
    background: rgba(0, 0, 0, 0.75);
    transform: translate(-50%, 0) skew(-32deg, 0); }
  .snippet-workflow figure .image {
    display: block;
    width: 158px;
    height: 144px;
    margin: 0 auto 30px;
    outline: 2px solid #f9d424;
    outline-offset: -1px; }
  .snippet-workflow figure figcaption {
    font-weight: 700;
    font-size: 20px; }
  @media (max-width: 1200px) {
  .snippet-workflow ul li {
    width: 33.3333333333%;
    margin-bottom: 30px; } }
  @media (max-width: 640px) {
  .snippet-workflow ul li {
    width: 50%; } }
  @media (max-width: 420px) {
  .snippet-workflow ul li {
    width: 100%; } }

.snippet-call-to-order {
  margin-bottom: 30px;
  display: flex;
  color: white;
  background: url(../themes/rofl/assets/images/snippets/call-to-order/8.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-top: 4px solid #f9d424;
  justify-content: space-between; }
  .snippet-call-to-order__text {
    padding: 20px;
    font-size: 16px;
    width: 50%;
    box-sizing: border-box; }
  .snippet-call-to-order__text > :first-child {
    font-size: 20px;
    font-weight: 900; }
  .snippet-call-to-order__text a {
    color: white;
    font-weight: 900;
    transition: 0.3s; }
  .snippet-call-to-order__text a:hover {
    color: black;
    text-decoration: none; }
  .snippet-call-to-order__form {
    padding: 20px;
    width: 50%; }
  .snippet-call-to-order h3 {
    text-align: center;
    color: white;
    font-size: 26px;
    text-transform: none; }
  .snippet-call-to-order .uk-button {
    color: #333;
    display: block;
    margin: 0 auto; }
  @media (max-width: 640px) {
  .snippet-call-to-order {
    flex-direction: column; }
    .snippet-call-to-order__form {
      width: 100%;
      box-sizing: border-box; }

    .snippet-call-to-order__text {
      text-align: center;
      font-size: 18px;
      width: 100%; }
      .snippet-call-to-order__text > :first-child, .snippet-call-to-order__text a {
        font-size: 20px; } }

.snippet-infoblock {
  overflow: hidden; }
  .snippet-infoblock .swiper-slide {
    position: relative;
    height: calc(80vh - 80px);
    overflow: hidden; }
  .snippet-infoblock .swiper-slide .background {
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover; }
  .snippet-infoblock .swiper-slide .wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .snippet-infoblock .swiper-slide .uk-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start; }
  .snippet-infoblock .swiper-slide .uk-button {
    background-color: white;
    border-radius: 3px;
    font-weight: 600;
    transition: 0.3s; }
  .snippet-infoblock .swiper-slide .uk-button:hover {
    background-color: #f9d424;
    color: #333; }
  .snippet-infoblock .swiper-slide .card {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 30px 30px 50px;
    margin-bottom: 30px; }
  .snippet-infoblock .swiper-slide h2 {
    color: white;
    font-size: 46px;
    font-weight: 600;
    max-width: 70%;
    line-height: 1.2;
    margin-bottom: 20px; }
  .snippet-infoblock .swiper-slide h3 {
    color: white;
    font-size: 20px;
    margin-top: 1px; }
  @media (max-width: 1200px) {
    .snippet-infoblock .swiper-slide h2 {
      font-size: 42px; }

    .snippet-infoblock .swiper-slide h3 {
      font-size: 18px; } }
  @media (max-width: 960px) {
    .snippet-infoblock .swiper-slide h2 {
      font-size: 36px;
      max-width: 100%; } }
  @media (max-width: 640px) {
    .snippet-infoblock .swiper-slide h2 {
      font-size: 32px; }

    .snippet-infoblock .swiper-slide h3 {
      font-size: 17px; } }
  @media (max-width: 420px) {
    .snippet-infoblock .swiper-slide h2 {
      font-size: 24px; }

    .snippet-infoblock .swiper-slide h3 {
      font-size: 16px; } }

.snippet-product-cities {
  margin-bottom: 30px; }
  .snippet-product-cities h3 {
    font-size: 20px;
    color: #3d3d3d; }
  .snippet-product-cities .cities > * {
    display: none; }
  .snippet-product-cities .cities :nth-child(-n+30) {
    display: block; }
  .snippet-product-cities button:before {
    content: "развернуть весь список"; }
  .snippet-product-cities.uk-active .cities > * {
    display: block; }
  .snippet-product-cities.uk-active button:before {
    content: "свернуть список"; }

.snippet-products {
  padding: 100px 0;
  background-color: #e7eaed; }
  .snippet-products .product:hover {
    text-decoration: none; }
  .snippet-products.cards ul {
    flex-wrap: wrap;
    display: flex;
    padding: 0;
    list-style: none;
    font-size: 20px; }
  .snippet-products.cards ul li {
    width: 16.6666666667%;
    margin-bottom: 30px;
    box-sizing: border-box;
    padding: 0 15px; }
    .snippet-products.cards ul li:nth-child(even) .image:before {
      top: auto;
      bottom: 0; }
      .snippet-products.cards ul li:nth-child(even) .image:after {
        bottom: auto;
        top: 0px;
        right: 34px;
        width: 130px; }
    .snippet-products.cards ul li .image {
      box-sizing: border-box;
      overflow: hidden;
      position: relative;
      width: 170px;
      height: 174px;
      margin: 0 auto 10px;
      padding: 18px 8px 0;
      z-index: 1; }
    .snippet-products.cards ul li .image:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 16px;
      width: 64px;
      height: 26px;
      background: rgba(242, 140, 0, 0.8);
      -webkit-transform: skew(-35deg, 0);
      -ms-transform: skew(-35deg, 0);
      transform: skew(-35deg, 0);
      z-index: 2; }
    .snippet-products.cards ul li .image:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0px;
      right: 20px;
      width: 120px;
      height: 40px;
      transform: skew(-27deg, 0deg);
      z-index: -1;
      background: rgba(0, 0, 0, 0.8); }
    .snippet-products.cards ul li .image img {
      display: block;
      outline: 2px solid #f9d424;
      outline-offset: 6px; }
    .snippet-products.cards ul li figcaption {
      display: flex;
      flex-direction: column;
      align-items: center;
      line-height: 1.1;
      transition: 0.3s;
      color: #337ab7;
      text-decoration: underline;
      font-weight: 700; }
    .snippet-products.cards ul li a:hover figcaption {
      color: rgba(242, 140, 0, 0.8); }
  @media (max-width: 1200px) {
    .snippet-products.cards .uk-container {
      padding: 0 15px; }

    .snippet-products.cards ul li {
      width: 25%; } }
  @media (max-width: 960px) {
    .snippet-products.cards ul li {
      width: 33%; } }
  @media (max-width: 640px) {
    .snippet-products.cards ul li {
      width: 50%; } }
  @media (max-width: 420px) {
    .snippet-products.cards ul li {
      width: 100%; } }
  .snippet-products.list {
    flex-direction: column; }
  .snippet-products.list .product {
    padding: 10px; }
  .snippet-products.list .product .preview-image {
    display: none; }

.snippet-advantages {
  padding: 100px 10px; }
  .snippet-advantages h2 {
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 50px; }
  .snippet-advantages .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center; }
  .snippet-advantages .advantage {
    width: 23%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .snippet-advantages .advantage .image {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 150px; }
  .snippet-advantages .advantage h3 {
    font-weight: 700;
    font-size: 20px;
    margin-top: 0;
    min-height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .snippet-advantages .advantage .text {
    font-weight: 300;
    font-size: 16px; }
  @media (max-width: 960px) {
  .snippet-advantages {
    padding: 70px 10px 20px; }
    .snippet-advantages .advantage {
      width: 48%;
      margin-bottom: 50px; }
      .snippet-advantages .advantage h3 {
        font-size: 18px; }
      .snippet-advantages .advantage .text {
        font-size: 15px; } }
  @media (max-width: 420px) {
  .snippet-advantages {
    padding: 40px 10px; }
    .snippet-advantages h2 {
      font-size: 24px; }

    .snippet-advantages .advantage {
      width: 100%;
      display: flex;
      padding-right: 0; }
      .snippet-advantages .advantage .image {
        height: fit-content;
        height: -moz-fit-content; }
      .snippet-advantages .advantage h3 {
        min-height: unset;
        margin-top: 16px; } }

.snippet-underheader {
  background: url(../themes/rofl/assets/images/snippets/underheader/background.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  padding: 100px 0px 300px;
  background-color: #f9d424;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center; }
  .snippet-underheader h1 {
    color: black;
    font-family: 'Rex', sans-serif;
    max-width: 680px;
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 20px;
    padding: 0px 20px; }
  .snippet-underheader .subtitle {
    font-size: 20px;
    font-weight: 300; }
  .snippet-underheader a {
    color: black;
    transition: 0.3s;
    font-weight: 700; }
  .snippet-underheader a:hover {
    text-decoration: none;
    color: #f28c00; }
  .snippet-underheader a.email {
    font-size: 18px;
    margin-top: 24px; }
  .snippet-underheader a.phone {
    font-size: 22px;
    margin-bottom: 24px; }
  @media (max-width: 960px) {
  .snippet-underheader {
    background-size: contain;
    padding-bottom: 33vw; }
    .snippet-underheader h1 {
      font-size: 46px; } }
  @media (max-width: 640px) {
  .snippet-underheader {
    padding-top: 60px; }
    .snippet-underheader h1 {
      font-size: 40px; } }
  @media (max-width: 420px) {
  .snippet-underheader h1 {
    font-size: 32px; }
  .snippet-underheader .subtitle {
    font-size: 17px; } }

.snippet-contact_form input, .snippet-contact_form textarea {
  background-color: #cecfd0; }
  .snippet-contact_form .uk-form-label {
    color: white;
    font-size: 20px;
    font-weight: 700; }
  .snippet-contact_form .double {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .snippet-contact_form .double > div {
    width: 48%; }
  .snippet-contact_form.light input, .snippet-contact_form.light textarea {
    background-color: white;
    border: 2px solid #dedfe0; }
  .snippet-contact_form.light .uk-form-label {
    color: #464647; }
  @media (max-width: 640px) {
  .snippet-contact_form .double > div {
    width: 100%; }
    .snippet-contact_form .double > div:first-child {
      margin-bottom: 20px; } }

.snippet-map #map {
  height: 500px; }

.snippet-callback-button {
  background-color: #f9d424;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 80px;
  padding: 20px;
  margin-bottom: 20px; }
  .snippet-callback-button .text {
    margin-right: 30px;
    font-size: 20px;
    color: white; }
  .snippet-callback-button button {
    white-space: nowrap; }
  @media (max-width: 640px) {
  .snippet-callback-button {
    flex-direction: column; }
    .snippet-callback-button .text {
      margin-bottom: 16px;
      margin-right: 0;
      font-size: 18px;
      text-align: center; } }

.snippet-testimonials {
  padding: 100px 10px;
  background: #e7eaed;
  position: relative; }
  .snippet-testimonials .uk-container {
    position: relative; }
  .snippet-testimonials .swiper-container {
    box-sizing: border-box;
    margin: 0px 50px; }
  @media (max-width: 640px) {
      .snippet-testimonials .swiper-container {
        margin: 30px; } }
  .snippet-testimonials .swiper-button-prev {
    left: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
  .snippet-testimonials .swiper-button-next {
    right: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
  .snippet-testimonials .swiper-button-prev, .snippet-testimonials .swiper-button-next {
    width: 32px;
    top: 60%;
    height: 32px;
    background-size: 16px 32px; }
  .snippet-testimonials .swiper-slide {
    padding-top: 25px;
    padding-bottom: 10px; }
  .snippet-testimonials .swiper-slide .inner {
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    height: 418px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 40px 20px 10px 30px;
    background: #fff; }
    @media (max-width: 640px) {
      .snippet-testimonials .swiper-slide .inner {
        height: 380px;
        padding: 40px 20px 10px; } }
    .snippet-testimonials .swiper-slide .inner .text {
      font-weight: 300;
      font-size: 16px;
      line-height: 1.2; }
    .snippet-testimonials .swiper-slide .inner .name {
      text-align: center;
      margin-top: 20px;
      font-size: 18px; }
  .snippet-testimonials .swiper-slide:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 55px;
    background: url(data:image/png;base64,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)  50% 0 no-repeat;
    z-index: 2; }
  .snippet-testimonials .swiper-slide:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    right: 20px;
    width: 80px;
    height: 20px;
    transform: skew(-40deg, 0deg);
    z-index: 2;
    background: rgba(0, 0, 0, 0.7); }
  .snippet-testimonials .form {
    max-width: 600px;
    display: block;
    margin: 0 auto;
    padding: 0px 40px; }
  .snippet-testimonials .subtitle {
    text-align: center;
    font-size: 24px;
    color: #464647;
    margin: 50px 0px 60px; }
  @media (max-width: 1200px) {
  .snippet-testimonials {
    padding: 80px 10px; } }
  @media (max-width: 960px) {
  .snippet-testimonials {
    padding: 50px 10px; } }
  @media (max-width: 640px) {
  .snippet-testimonials {
    padding: 30px 4px; }
    .snippet-testimonials .form {
      padding: 0 20px; }

    .snippet-testimonials .subtitle {
      font-size: 20px;
      margin-bottom: 40px; } }

.snippet-prefooter-form {
  background: center / 1920px url(../themes/rofl/assets/images/snippets/prefooter-form/background.jpg) no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 70px 20px; }
  .snippet-prefooter-form h2, .snippet-prefooter-form .subtitle, .snippet-prefooter-form .form {
    max-width: 600px; }
  .snippet-prefooter-form h2 {
    text-align: center;
    margin-bottom: 20px !important; }
  .snippet-prefooter-form .subtitle {
    text-align: center;
    font-size: 24px;
    margin-bottom: 40px; }
  @media (max-width: 640px) {
  .snippet-prefooter-form {
    padding: 40px 20px 30px; }
    .snippet-prefooter-form h2, .snippet-prefooter-form .subtitle, .snippet-prefooter-form .form {
      max-width: 420px; }

    .snippet-prefooter-form .subtitle {
      font-size: 18px; } }

.snippet-calculation-form {
  background: center / cover url(../themes/rofl/assets/images/snippets/calculation-form/background.jpg) no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 70px 20px;
  margin-bottom: 50px; }
  .snippet-calculation-form h2, .snippet-calculation-form .subtitle, .snippet-calculation-form .form {
    max-width: 600px; }
  .snippet-calculation-form h2 {
    text-align: center;
    margin-bottom: 20px !important; }
  .snippet-calculation-form .subtitle {
    text-align: center;
    font-size: 24px;
    margin-bottom: 40px; }
  @media (max-width: 640px) {
  .snippet-calculation-form {
    padding: 40px 20px 30px; }
    .snippet-calculation-form h2, .snippet-calculation-form .subtitle, .snippet-calculation-form .form {
      max-width: 420px; }

    .snippet-calculation-form .subtitle {
      font-size: 18px; } }

.snippet-cities {
  margin-bottom: 30px; }
  .snippet-cities h3 {
    font-size: 20px; }
  .snippet-cities .cities {
    column-width: 260px; }
  .snippet-cities .cities > * {
    display: none; }
  .snippet-cities .cities :nth-child(-n+30) {
    display: block; }
  .snippet-cities button:before {
    content: "развернуть весь список"; }
  .snippet-cities.expanded .cities > * {
    display: block; }
  .snippet-cities.expanded button:before {
    content: "свернуть список"; }

.modal-agreement .uk-modal-dialog {
  width: 800px; }
  @media (max-width: 420px) {
    .modal-agreement .uk-modal-footer {
      padding: 15px 0px;
      display: flex;
      justify-content: space-around; } }

#BackcallForm_forms_flash {
  display: none; }

.BackcallForm_forms_flash {
  position: fixed;
  bottom: 0;
  left: 50%;
  z-index: 99999;
  transform: translateX(-50%);
  width: 100%;
  max-width: 600px; }

.t-ww {
  word-wrap: break-word;
  word-break: break-word; }

.border-none {
  border: 0; }

.pos-r {
  position: relative !important; }

.pos-a {
  position: absolute !important; }

.pos-f {
  position: fixed !important; }

.w-sm {
  width: 25% !important; }

.w-md {
  width: 50% !important; }

.w-lg {
  width: 75% !important; }

.w-full {
  width: 100% !important; }

.w-50 {
  width: 50px !important; }

.w-100 {
  width: 100px !important; }

.w-120 {
  width: 120px !important; }

.w-130 {
  width: 130px !important; }

.w-140 {
  width: 140px !important; }

.w-150 {
  width: 150px !important; }

.w-200 {
  width: 200px !important; }

.w-300 {
  width: 300px !important; }

.w-350 {
  width: 350px !important; }

.m-a-0 {
  margin: 0 !important; }

.m-t-0 {
  margin-top: 0 !important; }

.m-r-0 {
  margin-right: 0 !important; }

.m-b-0 {
  margin-bottom: 0 !important; }

.m-l-0 {
  margin-left: 0 !important; }

.m-a {
  margin: 20px !important; }

.m-t {
  margin-top: 20px !important; }

.m-r {
  margin-right: 20px !important; }

.m-b {
  margin-bottom: 20px !important; }

.m-l {
  margin-left: 20px !important; }

.m-x {
  margin-right: 20px !important;
  margin-left: 20px !important; }

.m-y {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.m-a-xs {
  margin: 5px !important; }

.m-t-xs {
  margin-top: 5px !important; }

.m-r-xs {
  margin-right: 5px !important; }

.m-b-xs {
  margin-bottom: 5px !important; }

.m-l-xs {
  margin-left: 5px !important; }

.m-x-xs {
  margin-right: 5px !important;
  margin-left: 5px !important; }

.m-y-xs {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

.m-a-sm {
  margin: 10px !important; }

.m-t-sm {
  margin-top: 10px !important; }

.m-r-sm {
  margin-right: 10px !important; }

.m-b-sm {
  margin-bottom: 10px !important; }

.m-l-sm {
  margin-left: 10px !important; }

.m-x-sm {
  margin-right: 10px !important;
  margin-left: 10px !important; }

.m-y-sm {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.m-a-md {
  margin: 30px !important; }

.m-t-md {
  margin-top: 30px !important; }

.m-r-md {
  margin-right: 30px !important; }

.m-b-md {
  margin-bottom: 30px !important; }

.m-l-md {
  margin-left: 30px !important; }

.m-x-md {
  margin-right: 30px !important;
  margin-left: 30px !important; }

.m-y-md {
  margin-top: 30px !important;
  margin-bottom: 30px !important; }

.m-a-lg {
  margin: 60px !important; }

.m-t-lg {
  margin-top: 60px !important; }

.m-r-lg {
  margin-right: 60px !important; }

.m-b-lg {
  margin-bottom: 60px !important; }

.m-l-lg {
  margin-left: 60px !important; }

.m-x-lg {
  margin-right: 60px !important;
  margin-left: 60px !important; }

.m-y-lg {
  margin-top: 60px !important;
  margin-bottom: 60px !important; }

.p-a-0 {
  padding: 0 !important; }

.p-t-0 {
  padding-top: 0 !important; }

.p-r-0 {
  padding-right: 0 !important; }

.p-b-0 {
  padding-bottom: 0 !important; }

.p-l-0 {
  padding-left: 0 !important; }

.p-a {
  padding: 20px !important; }

.p-t {
  padding-top: 20px !important; }

.p-r {
  padding-right: 20px !important; }

.p-b {
  padding-bottom: 20px !important; }

.p-l {
  padding-left: 20px !important; }

.p-x {
  padding-right: 20px !important;
  padding-left: 20px !important; }

.p-y {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

.p-a-xs {
  padding: 5px !important; }

.p-t-xs {
  padding-top: 5px !important; }

.p-r-xs {
  padding-right: 5px !important; }

.p-b-xs {
  padding-bottom: 5px !important; }

.p-l-xs {
  padding-left: 5px !important; }

.p-x-xs {
  padding-right: 5px !important;
  padding-left: 5px !important; }

.p-y-xs {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.p-a-sm {
  padding: 10px !important; }

.p-t-sm {
  padding-top: 10px !important; }

.p-r-sm {
  padding-right: 10px !important; }

.p-b-sm {
  padding-bottom: 10px !important; }

.p-l-sm {
  padding-left: 10px !important; }

.p-x-sm {
  padding-right: 10px !important;
  padding-left: 10px !important; }

.p-y-sm {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.p-a-md {
  padding: 30px !important; }

.p-t-md {
  padding-top: 30px !important; }

.p-r-md {
  padding-right: 30px !important; }

.p-b-md {
  padding-bottom: 30px !important; }

.p-l-md {
  padding-left: 30px !important; }

.p-x-md {
  padding-right: 30px !important;
  padding-left: 30px !important; }

.p-y-md {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }

.p-a-lg {
  padding: 60px !important; }

.p-t-lg {
  padding-top: 60px !important; }

.p-r-lg {
  padding-right: 60px !important; }

.p-b-lg {
  padding-bottom: 60px !important; }

.p-l-lg {
  padding-left: 60px !important; }

.p-x-lg {
  padding-right: 60px !important;
  padding-left: 60px !important; }

.p-y-lg {
  padding-top: 60px !important;
  padding-bottom: 60px !important; }

body.layout-default {
  overflow-x: hidden;
  font-weight: 400;
  color: black; }
  body.layout-default .layout-default__wrapper {
    max-width: 1920px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    margin: auto; }
  body.layout-default .uk-container:before, body.layout-default .uk-container:after {
    display: none; }
  body.layout-default .BackcallForm_forms_flash .uk-alert-success {
    background: #bfde8c;
    color: #003f03;
    border: 1px solid #06981c;
    border-radius: 10px;
    box-shadow: 1px 1px 1px rgba(81, 128, 14, 0.7); }
  body.layout-default .uk-button-primary {
    background-image: linear-gradient(to bottom, #ffcd00 0%, #ff9400 100%);
    border: 2px solid #4c400b;
    outline: 1px solid #969696;
    color: #000;
    font-weight: 700;
    transition: 0.3s;
    font-size: 17px; }
  body.layout-default .uk-button-primary:hover {
    background-image: linear-gradient(to top, #ffcd00 0%, #ff9400 100%); }
  body.layout-default .uk-button-primary.uk-button-small {
    font-size: 14px; }
  body.layout-default .uk-button-secondary {
    background-image: linear-gradient(to bottom, #ffcd00 0%, #ff9400 100%);
    border-width: 4px;
    border-style: solid;
    color: #000;
    font-weight: 700;
    font-size: 17px;
    border-color: #fcf6df;
    border-image: initial;
    outline: #f9d424 solid 1px; }
  body.layout-default .uk-button-secondary:hover {
    background-image: linear-gradient(to top, #ffcd00 0%, #ff9400 100%); }
  body.layout-default h2.title {
    font-family: 'Rex', sans-serif;
    font-size: 50px;
    margin-bottom: 50px;
    text-align: center;
    font-weight: 700; }
  body.layout-default h2.title.light {
    color: #f9d424; }
  @media (max-width: 1200px) {
      body.layout-default h2.title {
        font-size: 44px;
        margin-bottom: 44px; } }
  @media (max-width: 960px) {
      body.layout-default h2.title {
        font-size: 38px;
        margin-bottom: 38px; } }
  @media (max-width: 640px) {
      body.layout-default h2.title {
        font-size: 32px;
        margin-bottom: 32px; } }
  @media (max-width: 420px) {
      body.layout-default h2.title {
        font-size: 26px;
        margin-bottom: 26px; } }