@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  src: local("PT Sans Narrow"), local("PTSans-Narrow"), url(/css/PTSansNarrowBold.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
.backgrounds0 {
  position: fixed;
  z-index: -2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row; }
  .backgrounds0 .layer {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#27b1f2+0,053a62+68,053a62+100 */
    background: #27b1f2;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #27b1f2 0%, #053a62 68%, #053a62 100%);
    /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #27b1f2 0%, #053a62 68%, #053a62 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #27b1f2 0%, #053a62 68%, #053a62 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27b1f2', endColorstr='#053a62',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    flex: 1;
    height: 100%; }
    .backgrounds0 .layer > * {
      width: 100%;
      height: 100%;
      background: url(/images/phone_img.png); }

.backgrounds1 {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  .backgrounds1 > .layer {
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden; }
    .backgrounds1 > .layer .fill {
      background: #053A62; }
    .backgrounds1 > .layer > .diff {
      flex: 20 0 auto;
      position: relative; }
      .backgrounds1 > .layer > .diff .extra {
        position: absolute;
        top: 0;
        bottom: 0;
        left: -20%;
        right: -20%;
        height: 100%;
        display: flex; }
        .backgrounds1 > .layer > .diff .extra > * {
          flex: auto;
          height: 100%; }
        .backgrounds1 > .layer > .diff .extra > .work {
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#053a62+0,053a62+100&0+0,0+13,0.68+45,1+67 */
          background: -moz-radial-gradient(center, ellipse cover, rgba(5, 58, 98, 0) 0%, rgba(5, 58, 98, 0) 13%, rgba(5, 58, 98, 0.68) 45%, #053a62 67%, #053a62 100%);
          /* FF3.6-15 */
          background: -webkit-radial-gradient(center, ellipse cover, rgba(5, 58, 98, 0) 0%, rgba(5, 58, 98, 0) 13%, rgba(5, 58, 98, 0.68) 45%, #053a62 67%, #053a62 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: radial-gradient(ellipse at center, rgba(5, 58, 98, 0) 0%, rgba(5, 58, 98, 0) 13%, rgba(5, 58, 98, 0.68) 45%, #053a62 67%, #053a62 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00053a62', endColorstr='#053a62',GradientType=1 );
          /* IE6-9 fallback on horizontal gradient */ }
    .backgrounds1 > .layer > *:first-child {
      flex: 17 0 auto; }
    .backgrounds1 > .layer > *:last-child {
      flex: 1 0 auto; }

html {
  font-size: 16px; }
  @media screen and (max-width: 700px) {
    html {
      font-size: 2.28vw; } }
  @media screen and (max-width: 525px) {
    html {
      font-size: 12px; } }

html, body {
  color: #ffffff;
  min-height: 100vh;
  line-height: 1.4; }

body {
  font-family: -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica;
  display: flex;
  flex-direction: column; }
  body > header, body > section, body > footer {
    width: 100%; }
    body > header > div, body > section > div, body > footer > div {
      max-width: 1200px;
      margin: 0 auto; }
  body section:last-of-type {
    flex: auto;
    height: 100%; }
    body section:last-of-type > * {
      height: 100%; }
  body a {
    color: inherit;
    text-decoration: none; }

header > div, footer > div {
  padding: 1rem; }
  header > div a.phone, footer > div a.phone {
    white-space: nowrap; }

header > div {
  text-align: right; }
  header > div .phone {
    font-size: 2rem; }

footer {
  background: white;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, lightgray 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, lightgray));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, lightgray 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, lightgray 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, lightgray 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, white 0%, lightgray 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='lightgray',GradientType=0 );
  /* IE6-9 */
  color: black;
  font-size: 1.3rem; }
  footer > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end; }
    footer > div > div {
      flex: 0 1 auto; }
  footer .right {
    display: flex;
    flex-flow: column wrap; }

section {
  padding: 2rem 0; }
  section > div h1, section > div h2, section > div h3 {
    text-align: center;
    margin: 0 0.5rem 1rem 0.5rem; }
  section > div h1 {
    font-size: 2.5rem; }
  section > div h2 {
    font-size: 2.2rem; }
  section > div ul, section > div ol {
    margin: 0;
    padding: 0 0.5rem 0 1.5rem; }
  section > div p, section > div li {
    font-size: 1.3rem; }
  section > div table td, section > div table th {
    padding: 0 0.3rem; }

section.why, section.trust {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+0,d3d3d3+1,d3d3d3+1,e5e5e5+36,aaaaaa+79,b5b5b5+88,848484+100 */
  background: white;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, #f2f2f2 0%, lightgray 1%, lightgray 1%, #e5e5e5 36%, #aaaaaa 79%, #b5b5b5 88%, #848484 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, white 0%, #f2f2f2 0%, lightgray 1%, lightgray 1%, #e5e5e5 36%, #aaaaaa 79%, #b5b5b5 88%, #848484 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, white 0%, #f2f2f2 0%, lightgray 1%, lightgray 1%, #e5e5e5 36%, #aaaaaa 79%, #b5b5b5 88%, #848484 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#848484',GradientType=0 );
  /* IE6-9 */
  color: #422600; }

.imageGallery.top, .imageGallery.top * {
  width: 100%; }

.imageGallery .lSAction a.lSPrev, .imageGallery .lSAction a.lSNext {
  background-image: none; }
.imageGallery .lSSlideOuter {
  text-align: center;
  display: block;
  width: 100%; }

.imageGallery.notready {
  width: auto;
  visibility: hidden; }
  .imageGallery.notready img {
    visibility: hidden; }

section.preimushhestva ul {
  text-align: center;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0; }
  section.preimushhestva ul li {
    padding: 0;
    width: 25%; }
    @media all and (max-width: 1000px) {
      section.preimushhestva ul li {
        width: 50%; } }
    @media all and (max-width: 500px) {
      section.preimushhestva ul li {
        width: 100%; } }
    section.preimushhestva ul li img {
      display: block;
      margin: 0 auto; }
    section.preimushhestva ul li > p {
      padding: 0 1rem; }

section.why li {
  margin-bottom: 0.5rem; }

section.how ol {
  position: relative;
  counter-reset: myCounter;
  padding: 0 0.5rem 0 0.5rem; }
  section.how ol li {
    margin: 0 0 0.5rem 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    section.how ol li .num {
      padding: 0;
      flex: none;
      background: #337AB1;
      border: white solid 2px;
      box-shadow: 0 0 0 2px #337AB1;
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 100%;
      text-align: center;
      font-size: 2rem; }
    section.how ol li .num:before {
      position: absolute;
      left: 0.6rem;
      width: 2.5rem;
      text-align: center;
      counter-increment: myCounter;
      content: counter(myCounter); }
    section.how ol li p {
      flex: auto;
      font-size: 1.5rem;
      padding: 0 0.5rem;
      margin: 0; }

section.ceny h2 {
  font-size: 2rem; }
section.ceny .cols {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  section.ceny .cols table {
    flex: auto;
    max-width: 50%; }
    @media screen and (max-width: 820px) {
      section.ceny .cols table {
        max-width: 100%; } }
    section.ceny .cols table td {
      font-size: 1.5rem; }

section.ceny-montag {
  margin-bottom: 2rem; }
  section.ceny-montag > div {
    padding: 1rem 0.5rem; }
    section.ceny-montag > div h2 {
      font-size: 2.5rem; }
    section.ceny-montag > div h3 {
      margin-top: 1rem;
      text-align: left;
      font-size: 1.5rem; }
    section.ceny-montag > div p {
      margin: 0.5rem 0 0 0; }
    section.ceny-montag > div table {
      color: #000000;
      width: 100%;
      list-style-type: none;
      padding: 0 1rem;
      border-collapse: collapse; }
      section.ceny-montag > div table th, section.ceny-montag > div table td {
        border-collapse: collapse;
        border: 1px solid darkgray;
        text-align: center;
        font-size: 1.2em; }

section.anketa {
  padding: 4rem 0 4rem 0;
  background: #022540; }
  section.anketa > div .buttonStart-container {
    font-size: 2rem;
    margin-bottom: 1rem;
    text-align: center;
    position: relative; }
    section.anketa > div .buttonStart-container .buttonStart {
      position: relative;
      cursor: pointer;
      padding: 1rem;
      display: inline-block;
      animation: flipAround 4s infinite; }
@keyframes flipAround {
  0% {
    transform: scale(1, 1); }
  45% {
    transform: scale(1.015, 1); }
  50% {
    transform: scale(1.03, 1); }
  55% {
    transform: scale(1.015, 1); }
  100% {
    transform: scale(1, 1); } }
    section.anketa > div .buttonStart-container .buttonStart span.clicked {
      display: none; }
    section.anketa > div .buttonStart-container .buttonStart:before {
      opacity: 0.9;
      z-index: -1;
      border-radius: 0.4rem;
      background: #CC9C5C;
      /* Old browsers */
      background: -moz-linear-gradient(top, #CC9C5C 0%, #633900 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CC9C5C), color-stop(100%, #633900));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #CC9C5C 0%, #633900 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #CC9C5C 0%, #633900 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #CC9C5C 0%, #633900 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #CC9C5C 0%, #633900 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC9C5C', endColorstr='#633900',GradientType=0 );
      /* IE6-9 */
      position: absolute;
      content: '';
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      transition-property: opacity;
      transition-duration: 0.2s; }
    section.anketa > div .buttonStart-container .buttonStart:hover:before {
      opacity: 1;
      transition-property: opacity;
      transition-duration: 0.2s; }
    section.anketa > div .buttonStart-container .buttonStart.clicked {
      animation: none;
      cursor: default; }
      section.anketa > div .buttonStart-container .buttonStart.clicked span.clicked {
        display: inline-block; }
      section.anketa > div .buttonStart-container .buttonStart.clicked span.notclicked {
        display: none; }
    section.anketa > div .buttonStart-container .buttonStart.clicked:before {
      opacity: 0;
      transition-property: opacity;
      transition-duration: 0.3s; }
  section.anketa > div form.hidden {
    display: none; }
  section.anketa > div form {
    font-size: 1.3rem;
    line-height: 1.6rem;
    padding: 0 0.5rem; }
    section.anketa > div form label.error {
      color: lightcoral; }
    section.anketa > div form input {
      opacity: 0.9;
      padding: 0.1rem 0.3rem;
      background: #eeeeee;
      transition-duration: 0.2s; }
    section.anketa > div form input:hover {
      opacity: 1;
      transition-duration: 0.2s; }
    section.anketa > div form input[name=perimetr] {
      text-align: right;
      width: 4rem; }
    section.anketa > div form .contacts {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 1rem;
      margin-left: 0; }
      section.anketa > div form .contacts > span {
        margin-bottom: 0.5rem; }
        section.anketa > div form .contacts > span input#name {
          width: 12rem; }
        section.anketa > div form .contacts > span input#phone {
          width: 12rem; }
      section.anketa > div form .contacts span:first-of-type {
        margin-right: 0.5rem; }
    section.anketa > div form .button-container {
      text-align: center; }
      section.anketa > div form .button-container .button-ready {
        opacity: 0.9;
        background: #CC9C5C;
        /* Old browsers */
        background: -moz-linear-gradient(top, #CC9C5C 0%, #633900 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CC9C5C), color-stop(100%, #633900));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #CC9C5C 0%, #633900 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #CC9C5C 0%, #633900 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #CC9C5C 0%, #633900 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #CC9C5C 0%, #633900 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC9C5C', endColorstr='#633900',GradientType=0 );
        /* IE6-9 */
        display: inline-block;
        font-size: 1.3rem;
        border: 1px solid #15334A;
        width: auto;
        cursor: pointer;
        padding: 1rem;
        border-radius: 0.3rem;
        transition-property: opacity, transform;
        transition-duration: 0.2s,0.2s; }
      section.anketa > div form .button-container .button-ready:hover {
        opacity: 1;
        transform: translateY(-3px);
        transition-property: opacity, transform;
        transition-duration: 0.2s, 0.2s; }
    section.anketa > div form ol {
      position: relative;
      counter-reset: counterAnketa;
      padding: 0 0 0 1.2rem;
      transition-property: color;
      transition-duration: 0.2s; }
      section.anketa > div form ol li {
        margin-bottom: 1rem;
        list-style: none;
        justify-content: flex-start;
        align-items: flex-start; }
        section.anketa > div form ol li .block {
          display: flex;
          flex-wrap: wrap; }
          section.anketa > div form ol li .block label {
            flex: auto; }
            @media screen and (max-width: 350px) {
              section.anketa > div form ol li .block label {
                width: 100%; } }
          section.anketa > div form ol li .block fieldset {
            margin: 0;
            padding: 0;
            border: none;
            flex: auto;
            text-align: right;
            word-wrap: break-word; }
            @media screen and (max-width: 350px) {
              section.anketa > div form ol li .block fieldset {
                text-align: left;
                display: flex;
                flex-flow: column nowrap;
                align-items: flex-start; } }
            section.anketa > div form ol li .block fieldset span {
              cursor: pointer;
              position: relative;
              margin: 0 0.5rem 0 0;
              display: inline-block;
              white-space: nowrap; }
              section.anketa > div form ol li .block fieldset span > * {
                cursor: pointer; }
              section.anketa > div form ol li .block fieldset span input[type=radio] {
                width: 1rem;
                visibility: hidden; }
              section.anketa > div form ol li .block fieldset span input[type=radio] + label:before {
                position: absolute;
                content: '';
                left: 0;
                top: 3px;
                bottom: 3px;
                width: 1.1rem;
                border: 1px solid gray;
                border-radius: 3px;
                transform: scale(1, 1);
                transition: transform 0.2s; }
              section.anketa > div form ol li .block fieldset span input[type=radio]:not(:checked):hover + label:before {
                transform: scale(1.2, 1.2);
                background: rgba(255, 255, 255, 0.1);
                transition: transform 0.2s cubic-bezier(0.5, 0, 0.5, 1), background 0.2s cubic-bezier(0.5, 0, 0.5, 1); }
              section.anketa > div form ol li .block fieldset span input[type=radio] + label {
                margin-left: -20px;
                padding-left: 20px; }
              section.anketa > div form ol li .block fieldset span input[type=radio]:checked + label:before {
                background-image: url("/images/check_mark.png");
                background-repeat: no-repeat;
                background-position: 0 0;
                background-size: cover; }
              section.anketa > div form ol li .block fieldset span input[type=radio] + label:after {
                transition-property: background;
                transition-duration: 0.2s; }
              section.anketa > div form ol li .block fieldset span input[type=radio]:checked + label:after {
                content: '';
                position: absolute;
                left: -3px;
                top: 0;
                bottom: 0;
                right: -3px;
                background: rgba(255, 255, 255, 0.2);
                filter: blur(2px);
                transition-property: background;
                transition-duration: 0.2s; }
      section.anketa > div form ol li:before {
        counter-increment: counterAnketa;
        content: counter(counterAnketa) ". ";
        position: absolute;
        left: 0; }
    section.anketa > div form ol, section.anketa > div form .contacts, section.anketa > div form .skidkaHead, section.anketa > div form .raschet, section.anketa > div form .button-ready {
      opacity: 1;
      transition-property: opacity;
      transition-duration: 0.2s; }
    section.anketa > div form ol.disabled, section.anketa > div form .contacts.disabled, section.anketa > div form .skidkaHead.disabled, section.anketa > div form .raschet.disabled, section.anketa > div form .button-ready.disabled {
      opacity: 0.3;
      pointer-events: none;
      transition-property: opacity;
      transition-duration: 0.2s; }
    section.anketa > div form .hr {
      opacity: 0.3;
      overflow: hidden;
      height: 1px;
      padding: 0 8rem;
      margin-bottom: 0.3rem; }
      section.anketa > div form .hr div {
        height: 100%;
        background: white;
        box-shadow: 4rem 0 2rem 2rem white, -4rem 0 2rem 2rem white; }
    section.anketa > div form .skidkaHead, section.anketa > div form .raschet {
      font-size: 1.4rem; }
    section.anketa > div form .raschet {
      margin-bottom: 0.8rem;
      opacity: 1;
      transition-property: opacity;
      transition-duration: 0.3s; }
      section.anketa > div form .raschet .total {
        font-size: 1.2em;
        white-space: nowrap; }
      section.anketa > div form .raschet .old {
        text-decoration: line-through;
        color: gray;
        font-size: 0.9em;
        white-space: nowrap; }
    section.anketa > div form .raschet.hidden {
      opacity: 0;
      transition-property: opacity;
      transition-duration: 0.3s; }
    section.anketa > div form .skidkaHead {
      overflow: hidden;
      margin-bottom: 0.3rem; }
      section.anketa > div form .skidkaHead .skidka {
        visibility: hidden;
        position: relative;
        height: 2rem; }
        section.anketa > div form .skidkaHead .skidka .numbers {
          top: 0;
          width: 100%;
          text-align: right;
          visibility: visible;
          position: absolute; }
          section.anketa > div form .skidkaHead .skidka .numbers > span {
            display: block; }
        section.anketa > div form .skidkaHead .skidka .numbers.up {
          top: -1.5rem;
          transition-duration: 0.3s;
          transition-property: top; }

section.trust img {
  filter: grayscale(60%); }
section.trust .group {
  display: flex; }
  section.trust .group > div {
    flex: auto;
    padding: 0 1rem; }
    section.trust .group > div > img {
      width: 100%; }
  section.trust .group > div:first-child {
    padding-left: 0.5rem; }
  section.trust .group > div:last-child {
    padding-right: 0.5rem; }

/*# sourceMappingURL=styles.css.map */