@import url("//hello.myfonts.net/count/2d14fc");
@import url("//hello.myfonts.net/count/2d3277");



/* global.open */

a {
  text-decoration: none;
  color: #e31e24;
}

a:hover,
a:active {
  text-decoration: underline;
}

h1, h2 {
  font-weight: 900;
  text-transform: uppercase;
  color: #e31e24;
}

h1 {
  font-size: 34px;
  margin-bottom: 32px;
}

h2 {
  font-size: 26px;
  margin: 36px 0 14px;
}

h1 + p, h1 + ul,
h2 + p, h2 + ul {
  margin-top: 14px;
}

img {
  vertical-align: middle;
}

img[src*="flags"] {
  height: 12px;
  margin: 0 0 3px 2px;
}

ol, ul, p {margin: 18px 0}
ol, ul {padding-left: 36px}

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + label,
input[type="checkbox"] + label:before {
  display: inline-block;
}

input[type="checkbox"] + label {
  line-height: 1.2;
}

input[type="checkbox"] + label:before {
  content: "";
  width: 20px;
  height: 19px;
  margin: 0 10px -4px 0;
  background: url(/templates/images/checkbox.png) no-repeat;
}

input[type="checkbox"]:checked + label:before {
  background-position: bottom;
}

.table-content {
  width: 100%;
}

.table-content td {
  padding: 8px;
  border: 1px solid #5b5b5b;
}

.table-content td > :first-child {margin-top: 0}
.table-content td > :last-child {margin-bottom: 0}

.button {
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  width: 175px;
  line-height: 2.5;
  text-align: center;
  color: #fff;
}

.button--filter {
  border: none;
}

.button:hover,
.button:active {
  text-decoration: none;
}

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

.trim > :first-child {margin-top: 0}
.trim > :last-child {margin-bottom: 0}

.color-red {color: #e31e24}
.color-yellow {color: #fecc00}

.margin-top {margin-top: 36px}
.margin-bottom {margin-bottom: 36px}

.border-top {border-top: 2px solid #bbb}
.border-bottom {border-bottom: 2px solid #bbb}

.white-space {
  white-space: nowrap;
}

/* global.close */



/* page.open */

html, body {
  height: 100%;
}

  body {
    font: 18px/1.25 "Din", sans-serif;
    color: #5b5b5b;
  }

    body > iframe {
      display: none;
    }

    .wrapper {
      min-height: 100%;
      padding-bottom: 300px;
    }

      .layout {
        width: 980px;
        margin: 0 auto;
        padding: 0 20px;
      }

    /* header.open */

    header .layout {
      position: relative;
      padding: 30px 20px;
    }

      .header-logo {
        position: absolute;
        top: 23px;
      }

      header .layout > div {
        font-size: 20px;
        float: right;
        text-align: right;
      }

      .header-phones {
        font-weight: bold;
        margin-left: 40px;
        color: #e31e24;
      }

        header .callback {
          font-size: 16px;
          color: #5b5b5b;
        }

        header .callback:hover,
        header .callback:active {
          text-decoration: none;
          color: #e31e24;
        }

        header .callback:before {
          content: "";
          position: absolute;
          width: 23px;
          height: 23px;
          margin: -1px 0 0 -31px;
          background: url(/templates/images/phone.png);
        }

    /* header.close */

    /* nav.open */

    nav {
      position: relative;
    }

    nav.fixed {
      position: fixed;
      top: 0;
      z-index: 100;
      width: 100%;
      min-width: 980px;
    }

      nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: center;
      }

      nav li {
        display: inline-block;
      }

      nav a {
        display: block;
        color: #fff;
        -webkit-transition: .3s color;
           -moz-transition: .3s color;
             -o-transition: .3s color;
                transition: .3s color;
      }

      nav a:hover,
      nav a:active {
        text-decoration: none;
      }

        .nav-menu {
          background: #5b5b5b;
          font-size:0;
        }

          .nav-mark {
            position: absolute;
            margin-top: 37px;
            border-width: 0 8px 8px;
            border-style: solid;
            border-color: transparent transparent #bbb;
          }

            .nav-menu a {
              position: relative;
              z-index: 10;
              line-height: 45px;
                font-size: 18px;
            }

            .nav-menu li:nth-child(1) a {width: 134px}
            .nav-menu li:nth-child(2) a {width: 198px}
            .nav-menu li:nth-child(3) a {width: 152px}
            .nav-menu li:nth-child(4) a {width: 198px}
            .nav-menu li:nth-child(5) a {width: 114px}
            .nav-menu li:nth-child(6) a {width: 144px}

            .nav-menu a:hover,
            .nav-menu a:active,
            .nav-menu li.active a {
              color: #bbb;
            }

            .nav-menu li.active a:after {
              content: "";
              position: absolute;
              bottom: 0;
              left: 50%;
              margin-left: -8px;
              border-width: 0 8px 8px;
              border-style: solid;
              border-color: transparent transparent #bbb;
            }

        .nav-submenu {
          height: 35px;
          background: #bbb;
        }

          .nav-submenu a {
            font-size: 16px;
            padding: 0 16px;
            line-height: 35px;
          }

          .nav-submenu a:hover,
          .nav-submenu a:active,
          .nav-submenu li.active a {
            color: #5b5b5b;
          }

    /* nav.close */

    /* line.open */

    .line {
      min-width: 980px;
      min-height: 300px;
      background: url(/templates/images/elbrus-winter.jpg) center no-repeat, #eee;
        background-size: cover;
    }

    .line-2 {
      background: url(/templates/images/line-2.jpg) center no-repeat, #eee;
    }

    .line-3 {
      background: url(/templates/images/line-3.jpg) center no-repeat, #eee;
    }

    .background-quiet {background: url(/templates/images/background-quiet.jpg) center no-repeat, #eee}
    .background-strong {background: url(/templates/images/background-strong.jpg) center no-repeat, #eee}
    .background-warm {background: url(/templates/images/background-warm.jpg) center no-repeat, #eee}
    .background-economical {background: url(/templates/images/background-economical.jpg) center no-repeat, #eee}
    .background-prestige {background: url(/templates/images/background-prestige.jpg) center no-repeat, #eee}
    .background-technological {background: url(/templates/images/background-technological.jpg) center no-repeat, #eee}
    .background-healthy {background: url(/templates/images/background-healthy.jpg) center no-repeat, #eee}
    .background-durable {background: url(/templates/images/background-durable.jpg) center no-repeat, #eee}

      .line .layout {
        position: relative;
      }

        .line-title {
          font-size: 40px;
          font-weight: bold;
          position: absolute;
          top: 10px;
          z-index: 5;
          line-height: 1.1;
          color: #e31e24;
        }

          .line-title span {
            font-size: 42px;
            font-weight: 900;
            padding-left: 0px;
          }

    /* line.close */

    /* main.open */

    .hidden-element {
      display: none;
    }

    .main .layout {
      padding: 40px 20px;
    }

        .main-sidebar > :first-child,
        .main-content > :first-child {
          margin-top: 0;
          position: relative;
        }

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

        /* dok-menu.open */

        .main .dok-menu {
          width: 670px;
          margin: -5px -5px 35px;
          text-align: center;
          border-collapse: separate;
          border-spacing: 5px;
        }

          .dok-menu td {
            width: 25%;
          }

            .dok-menu a {
              font-weight: bold;
              display: block;
              line-height: 2.5;
              color: #fff;
              background: #5b5b5b;
            }

            .dok-menu a:hover,
            .dok-menu a:active,
            .dok-menu a.active {
              text-decoration: none;
              border-color: #fecc00;
              background: #fecc00;
            }

            .dok-menu tr:first-child td:first-child a {
              background: url(/templates/images/corners/small-gray.png) left top;
            }

            .dok-menu tr:first-child td:first-child a:hover,
            .dok-menu tr:first-child td:first-child a:active,
            .dok-menu tr:first-child td:first-child a.active {
              background: url(/templates/images/corners/small-yellow.png) left top;
            }

        /* dok-menu.close */

      /* main-sidebar.open */

      .main-sidebar {
        float: right;
        width: 220px;
        margin-right: 20px;
      }

      .main-sidebar--cataloge {
        position: absolute;
        left: 700px;
      }

        .sidebar-banner,
        .sidebar-banner-new,
        .sidebar-link,
        .sidebar-image {
          display: block;
          margin: 25px 0;
        }

        .main-sidebar > * {margin: 0 0 60px}
        .main-sidebar > :last-child {margin-bottom: 0}

        .main-sidebar a:hover,
        .main-sidebar a:active {
          text-decoration: none;
        }

        .main-sidebar h2 {
          font-size: 20px;
          font-weight: bold;
          margin: 0;
          color: #5b5b5b;
        }

        .main-sidebar .button {
          width: 100%;
        }

        .main-sidebar .favorite:after {
          content: "";
          display: inline-block;
          width: 20px;
          height: 20px;
          margin: 0 0 -2px 8px;
          background: url(/templates/images/favorite.png) no-repeat;
        }

        .main-sidebar .favorite:hover:after {
          background-position: bottom;
        }

        /* sidebar-banner.open */

        .sidebar-banner {
          position: relative;
        }

          .sidebar-banner .banner-image {
            width: 100%;
          }

          .sidebar-banner .banner-description {
            font-size: 20px;
            font-weight: 900;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            text-transform: uppercase;
            color: #fff;
          }

          .sidebar-banner.hide .banner-description {
            display: none;
          }

          .sidebar-banner:hover .banner-description,
          .sidebar-banner:active .banner-description {
            display: block;
            background: rgba(0, 0, 0, .33);
          }

            .sidebar-banner .banner-description:before,
            .sidebar-banner .banner-description span {
              display: inline-block;
              vertical-align: middle;
            }

            .sidebar-banner .banner-description:before {
              content: "";
              height: 100%;
            }

            .sidebar-banner .banner-description span {
              padding-left: 36px;
            }

        /* sidebar-banner.close */

        /* sidebar-banner-new.open */

        .sidebar-banner-new {
          position: relative;
        }

          .sidebar-banner-new .banner-image {
            width: 100%;
          }

          .sidebar-banner-new .banner-description {
            font-weight: bold;
            position: absolute;
            bottom: 10px;
            width: 100%;
            padding: 5px 20px;
            color: #fff;
          }

          .sidebar-banner-new .banner-description:after {
            content: "�";
            font-size: 36px;
            position: absolute;
            right: 20px;
            margin-top: -16px;
            color: #e31e24;
            -webkit-transition: .3s right;
               -moz-transition: .3s right;
                 -o-transition: .3s right;
                    transition: .3s right;
          }

          .sidebar-banner-new:hover .banner-description:after,
          .sidebar-banner-new:active .banner-description:after {
            right: 12px;
          }

          .sidebar-banner-new.padding .banner-description {
            padding: 10px 20px;
          }

          .sidebar-banner-new.padding-left .banner-description {
            padding-left: 60px;
          }

          .sidebar-banner-new.red .banner-description {
            background: rgba(227, 30, 36, .66);
          }

          .sidebar-banner-new.red .banner-description:after {
            color: #fff;
          }

          .sidebar-banner-new.yellow .banner-description {
            color: #3a3a3a;
            background: rgba(254, 204, 0, .66);
          }

          .sidebar-banner-new.black .banner-description {
            background: rgba(0, 0, 0, .33);
          }

        /* sidebar-banner-new.close */

        /* sidebar-link.open */

        .sidebar-link .link-image {
          width: 100%;
        }

        .sidebar-link .link-description {
          font-weight: bold;
          position: relative;
          padding: 8px 16px;
          border: 2px solid #bbb;
          border-top: none;
        }

        .sidebar-link:hover .link-description,
        .sidebar-link:active .link-description {
          padding: 8px 18px 10px;
          border: none;
        }

          .sidebar-link .link-hover,
          .sidebar-link .link-hover span {
            position: absolute;
          }

          .sidebar-link .link-hover {
            top: 0;
            left: 0;
            display: none;
            width: 100%;
            height: 100%;
            color: #fff;
            background: url(/templates/images/corners/small-red.png) right bottom;
          }

          .sidebar-link:hover .link-hover,
          .sidebar-link:active .link-hover {
            display: block;
          }

            .sidebar-link .link-hover span {
              top: 50%;
              left: 18px;
              margin-top: -10px;
              line-height: 20px;
            }

        /* sidebar-link.close */

        /* sidebar-image.open */

        .sidebar-image img {
          width: 100%;
        }

        .sidebar-image.border img {
          border: 2px solid #bbb;
        }

        /* sidebar-image.close */

        /* sidebar-block.open */

        .sidebar-block a {
          font-size: 20px;
          font-weight: bold;
          display: block;
          width: 90%;
          padding: 24px 24px 32px;
          text-transform: uppercase;
          color: #fff;
        }

        .sidebar-block a:first-child {
          margin-left: 10%;
          padding-bottom: 90px;
        }

        .sidebar-block a:last-child {
          margin-top: -70px;
        }

          .sidebar-block div {
            font-size: 18px;
            font-weight: normal;
            margin-top: 18px;
            text-transform: none;
          }

        /* sidebar-block.close */

        /* sidebar-news.open */

        .sidebar-news {
          display: block;
          color: #5b5b5b;
        }

        .sidebar-news:hover,
        .sidebar-news:active,
        .sidebar-news:hover h2,
        .sidebar-news:active h2 {
          color: #e31e24;
        }

          .sidebar-news p {
            font-size: 16px;
          }

        /* sidebar-news.close */

        /* sidebar-sro.open */

        .sidebar-sro img {
          width: 105px;
          margin-top: 18px;
        }

        .sidebar-sro .sro-1 {float: left}
        .sidebar-sro .sro-2 {float: right}

        /* sidebar-sro.close */
        .book-1 { 
          position: relative;
        }
        .book-1::after {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background-image: url('data:image/png;base64,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');
          background-size: 45px auto;
          background-repeat: no-repeat;
          background-position: center;
        }
        .book-1:hover::after {
          display: none;
        }
      /* main-sidebar.close */

      /* main-content.open */

      .main-content {
        float: left;
        width: 660px;
        text-shadow: 0 0 1px rgba(91, 91, 91, .2);
      }

      .main-content.full-page {
        float: none;
        width: auto;
      }

      .main-content-end {
        font-size: 26px;
        font-weight: bold;
        font-style: italic;
        margin-top: 40px;
        line-height: 1.2;
        text-align: center;
        text-transform: uppercase;
        color: #e31e24;
      }

      /* main-content.close */

    /* main.close */

    /* footer.open */

    footer {
      min-width: 980px;
      margin-top: -300px;
      color: #fff;
      background: #e31e24;
    }

      footer .layout {
        position: relative;
        height: 300px;
        padding: 40px 20px;
      }

        /* footer-menu.open */

        .footer-menu {
          font-size: 14px;
          float: left;
        }

          .footer-menu > div {
            float: left;
            margin-right: 30px;
          }

          .footer-menu div:last-child {
            margin-right: 0;
          }

            .footer-menu h2 {
              font-size: 16px;
              font-weight: bold;
              margin: 0 0 15px;
              color: #fff;
            }

            .footer-menu ul {
              margin: 0;
              padding: 0;
              list-style: none;
            }

              .footer-menu a {
                color: #fff;
              }

        /* footer-menu.close */

        /* footer-contacts.open */

        .footer-contacts {
          font-size: 14px;
          float: right;
          text-align: right;
        }

          .footer-contacts a {
            color: #fff;
          }

          .footer-nanosfera {
            margin: 14px 0 20px;
          }

          .footer-icon {
            display: inline-block;
            height: 24px;
            margin-left: 8px;
            border-radius: 3px;
          }

          .footer-icon.instagram {
            width: 24px;
            background: url(/templates/images/instagram-icon.png) no-repeat;
          }

          .footer-icon.youtube {
            width: 33px;
            background: url(/templates/images/youtube-icon.png) no-repeat;
          }

          .footer-icon.vk {
            width: 24px;
            background: url(/templates/images/vk-icon.png) no-repeat;
          }

          .footer-icon.fb {
            width: 24px;
            background: url(/templates/images/fb-icon.png) no-repeat;
          }

          .footer-icon.lj {
            width: 24px;
            background: url(/templates/images/lj-icon.jpg) no-repeat;
          }

          .footer-icon.sas {
            width: 58px;
            background: url(/templates/images/sas-icon.jpg) no-repeat;
          }

        /* footer-contacts.close */

        .footer-copyright {
          font-size: 12px;
          position: absolute;
          bottom: 20px;
          width: 780px;
          line-height: 1.2;
        }

    /* footer.close */

/* page.close */

.gallery_item1{margin: 0 10px 0 0;}
.gallery_item1 img{margin:0 6px 6px 0;}
.gallery_item2 img{margin:0 4px 4px 0;}
.callback.button {margin-top: 20px;}

/* background.open */

.background-red,
.background-red-yellow,
.background-red-gray,
.background-yellow-red:hover,
.background-yellow-red:active,
.background-gray-red:hover,
.background-gray-red:active {background: #e31e24}

.background-yellow,
.background-yellow-red,
.background-yellow-gray,
.background-red-yellow:hover,
.background-red-yellow:active,
.background-gray-yellow:hover,
.background-gray-yellow:active {background: #fecc00}

.background-gray,
.background-gray-red,
.background-gray-yellow,
.background-red-gray:hover,
.background-red-gray:active,
.background-yellow-gray:hover,
.background-yellow-gray:active {background: #5b5b5b}

/* background.close */



/* corners.open */

.corner-1-small-red-yellow,
.corner-1-small-red-gray,
.corner-1-small-yellow-red:hover,
.corner-1-small-yellow-red:active,
.corner-1-small-gray-red:hover,
.corner-1-small-gray-red:active {background: url(/templates/images/corners/small-red.png) left top}
.corner-2-small-red-yellow,
.corner-2-small-red-gray,
.corner-2-small-yellow-red:hover,
.corner-2-small-yellow-red:active,
.corner-2-small-gray-red:hover,
.corner-2-small-gray-red:active {background: url(/templates/images/corners/small-red.png) right top}
.corner-3-small-red-yellow,
.corner-3-small-red-gray,
.corner-3-small-yellow-red:hover,
.corner-3-small-yellow-red:active,
.corner-3-small-gray-red:hover,
.corner-3-small-gray-red:active {background: url(/templates/images/corners/small-red.png) right bottom}
.corner-4-small-red-yellow,
.corner-4-small-red-gray,
.corner-4-small-yellow-red:hover,
.corner-4-small-yellow-red:active,
.corner-4-small-gray-red:hover,
.corner-4-small-gray-red:active {background: url(/templates/images/corners/small-red.png) left bottom}

.corner-1-small-yellow-red,
.corner-1-small-yellow-gray,
.corner-1-small-red-yellow:hover,
.corner-1-small-red-yellow:active,
.corner-1-small-gray-yellow:hover,
.corner-1-small-gray-yellow:active {background: url(/templates/images/corners/small-yellow.png) left top}
.corner-2-small-yellow-red,
.corner-2-small-yellow-gray,
.corner-2-small-red-yellow:hover,
.corner-2-small-red-yellow:active,
.corner-2-small-gray-yellow:hover,
.corner-2-small-gray-yellow:active {background: url(/templates/images/corners/small-yellow.png) right top}
.corner-3-small-yellow-red,
.corner-3-small-yellow-gray,
.corner-3-small-red-yellow:hover,
.corner-3-small-red-yellow:active,
.corner-3-small-gray-yellow:hover,
.corner-3-small-gray-yellow:active {background: url(/templates/images/corners/small-yellow.png) right bottom}
.corner-4-small-yellow-red,
.corner-4-small-yellow-gray,
.corner-4-small-red-yellow:hover,
.corner-4-small-red-yellow:active,
.corner-4-small-gray-yellow:hover,
.corner-4-small-gray-yellow:active {background: url(/templates/images/corners/small-yellow.png) left bottom}

.corner-1-small-gray-red,
.corner-1-small-gray-yellow,
.corner-1-small-red-gray:hover,
.corner-1-small-red-gray:active,
.corner-1-small-yellow-gray:hover,
.corner-1-small-yellow-gray:active {background: url(/templates/images/corners/small-gray.png) left top}
.corner-2-small-gray-red,
.corner-2-small-gray-yellow,
.corner-2-small-red-gray:hover,
.corner-2-small-red-gray:active,
.corner-2-small-yellow-gray:hover,
.corner-2-small-yellow-gray:active {background: url(/templates/images/corners/small-gray.png) right top}
.corner-3-small-gray-red,
.corner-3-small-gray-yellow,
.corner-3-small-red-gray:hover,
.corner-3-small-red-gray:active,
.corner-3-small-yellow-gray:hover,
.corner-3-small-yellow-gray:active {background: url(/templates/images/corners/small-gray.png) right bottom}
.corner-4-small-gray-red,
.corner-4-small-gray-yellow,
.corner-4-small-red-gray:hover,
.corner-4-small-red-gray:active,
.corner-4-small-yellow-gray:hover,
.corner-4-small-yellow-gray:active {background: url(/templates/images/corners/small-gray.png) left bottom}

.corner-1-large-red-yellow,
.corner-1-large-red-gray,
.corner-1-large-yellow-red:hover,
.corner-1-large-yellow-red:active,
.corner-1-large-gray-red:hover,
.corner-1-large-gray-red:active {background: url(/templates/images/corners/large-red.png) left top}
.corner-2-large-red-yellow,
.corner-2-large-red-gray,
.corner-2-large-yellow-red:hover,
.corner-2-large-yellow-red:active,
.corner-2-large-gray-red:hover,
.corner-2-large-gray-red:active {background: url(/templates/images/corners/large-red.png) right top}
.corner-3-large-red-yellow,
.corner-3-large-red-gray,
.corner-3-large-yellow-red:hover,
.corner-3-large-yellow-red:active,
.corner-3-large-gray-red:hover,
.corner-3-large-gray-red:active {background: url(/templates/images/corners/large-red.png) right bottom}
.corner-4-large-red-yellow,
.corner-4-large-red-gray,
.corner-4-large-yellow-red:hover,
.corner-4-large-yellow-red:active,
.corner-4-large-gray-red:hover,
.corner-4-large-gray-red:active {background: url(/templates/images/corners/large-red.png) left bottom}

.corner-1-large-yellow-red,
.corner-1-large-yellow-gray,
.corner-1-large-red-yellow:hover,
.corner-1-large-red-yellow:active,
.corner-1-large-gray-yellow:hover,
.corner-1-large-gray-yellow:active {background: url(/templates/images/corners/large-yellow.png) left top}
.corner-2-large-yellow-red,
.corner-2-large-yellow-gray,
.corner-2-large-red-yellow:hover,
.corner-2-large-red-yellow:active,
.corner-2-large-gray-yellow:hover,
.corner-2-large-gray-yellow:active {background: url(/templates/images/corners/large-yellow.png) right top}
.corner-3-large-yellow-red,
.corner-3-large-yellow-gray,
.corner-3-large-red-yellow:hover,
.corner-3-large-red-yellow:active,
.corner-3-large-gray-yellow:hover,
.corner-3-large-gray-yellow:active {background: url(/templates/images/corners/large-yellow.png) right bottom}
.corner-4-large-yellow-red,
.corner-4-large-yellow-gray,
.corner-4-large-red-yellow:hover,
.corner-4-large-red-yellow:active,
.corner-4-large-gray-yellow:hover,
.corner-4-large-gray-yellow:active {background: url(/templates/images/corners/large-yellow.png) left bottom}

.corner-1-large-gray-red,
.corner-1-large-gray-yellow,
.corner-1-large-red-gray:hover,
.corner-1-large-red-gray:active,
.corner-1-large-yellow-gray:hover,
.corner-1-large-yellow-gray:active {background: url(/templates/images/corners/large-gray.png) left top}
.corner-2-large-gray-red,
.corner-2-large-gray-yellow,
.corner-2-large-red-gray:hover,
.corner-2-large-red-gray:active,
.corner-2-large-yellow-gray:hover,
.corner-2-large-yellow-gray:active {background: url(/templates/images/corners/large-gray.png) right top}
.corner-3-large-gray-red,
.corner-3-large-gray-yellow,
.corner-3-large-red-gray:hover,
.corner-3-large-red-gray:active,
.corner-3-large-yellow-gray:hover,
.corner-3-large-yellow-gray:active {background: url(/templates/images/corners/large-gray.png) right bottom}
.corner-4-large-gray-red,
.corner-4-large-gray-yellow,
.corner-4-large-red-gray:hover,
.corner-4-large-red-gray:active,
.corner-4-large-yellow-gray:hover,
.corner-4-large-yellow-gray:active {background: url(/templates/images/corners/large-gray.png) left bottom}

/* corners.close */



/* font-face.open */

@font-face {
  font-family: "Din";
  src: url("/templates/fonts/2D14FC_0_0.eot");
  src: url("/templates/fonts/2D14FC_0_0.eot?#iefix") format("embedded-opentype"),
       url("/templates/fonts/2D14FC_0_0.woff2") format("woff2"),
       url("/templates/fonts/2D14FC_0_0.woff") format("woff"),
       url("/templates/fonts/2D14FC_0_0.ttf") format("truetype");
}

@font-face {
  font-family: "Din";
  font-style: italic;
  src: url("/templates/fonts/2D3277_3_0.eot");
  src: url("/templates/fonts/2D3277_3_0.eot?#iefix") format("embedded-opentype"),
       url("/templates/fonts/2D3277_3_0.woff2") format("woff2"),
       url("/templates/fonts/2D3277_3_0.woff") format("woff"),
       url("/templates/fonts/2D3277_3_0.ttf") format("truetype");
}

@font-face {
  font-family: "Din";
  font-weight: bold;
  src: url("/templates/fonts/2D3277_0_0.eot");
  src: url("/templates/fonts/2D3277_0_0.eot?#iefix") format("embedded-opentype"),
       url("/templates/fonts/2D3277_0_0.woff2") format("woff2"),
       url("/templates/fonts/2D3277_0_0.woff") format("woff"),
       url("/templates/fonts/2D3277_0_0.ttf") format("truetype");
}

@font-face {
  font-family: "Din";
  font-weight: bold;
  font-style: italic;
  src: url("/templates/fonts/2D3277_1_0.eot");
  src: url("/templates/fonts/2D3277_1_0.eot?#iefix") format("embedded-opentype"),
       url("/templates/fonts/2D3277_1_0.woff2") format("woff2"),
       url("/templates/fonts/2D3277_1_0.woff") format("woff"),
       url("/templates/fonts/2D3277_1_0.ttf") format("truetype");
}

@font-face {
  font-family: "Din";
  font-weight: 900;
  src: url("/templates/fonts/2D3277_2_0.eot");
  src: url("/templates/fonts/2D3277_2_0.eot?#iefix") format("embedded-opentype"),
       url("/templates/fonts/2D3277_2_0.woff2") format("woff2"),
       url("/templates/fonts/2D3277_2_0.woff") format("woff"),
       url("/templates/fonts/2D3277_2_0.ttf") format("truetype");
}


.pure-g {
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
  font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.sberbank {
  margin: 20px 0;
  padding: 2em;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #419b2d;
  color: white;
  background-image: url(https://preview.ibb.co/iWCZn0/sberbank-credit.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.sberbank {
  margin: 20px 0;
  padding: 2em;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #419b2d;
  color: white;
  background-image: url(https://preview.ibb.co/iWCZn0/sberbank-credit.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.container {
  max-width: 1170px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.5em;
}

.pure-u, .pure-u-1, .pure-u-1-1, .pure-u-1-12, .pure-u-1-2, .pure-u-1-24, .pure-u-1-3, .pure-u-1-4, .pure-u-1-5, .pure-u-1-6, .pure-u-1-8, .pure-u-10-24, .pure-u-11-12, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-2-24, .pure-u-2-3, .pure-u-2-5, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24, .pure-u-3-24, .pure-u-3-4, .pure-u-3-5, .pure-u-3-8, .pure-u-4-24, .pure-u-4-5, .pure-u-5-12, .pure-u-5-24, .pure-u-5-5, .pure-u-5-6, .pure-u-5-8, .pure-u-6-24, .pure-u-7-12, .pure-u-7-24, .pure-u-7-8, .pure-u-8-24, .pure-u-9-24 {
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
  display: inline-block;
  zoom: 1;
}
.pure-u-1, .pure-u-1-1, .pure-u-24-24, .pure-u-5-5 {
  width: 100%;
}
/* @media screen and (min-width:35.5em) */
.pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-1-12, .pure-u-sm-1-2, .pure-u-sm-1-24, .pure-u-sm-1-3, .pure-u-sm-1-4, .pure-u-sm-1-5, .pure-u-sm-1-6, .pure-u-sm-1-8, .pure-u-sm-10-24, .pure-u-sm-11-12, .pure-u-sm-11-24, .pure-u-sm-12-24, .pure-u-sm-13-24, .pure-u-sm-14-24, .pure-u-sm-15-24, .pure-u-sm-16-24, .pure-u-sm-17-24, .pure-u-sm-18-24, .pure-u-sm-19-24, .pure-u-sm-2-24, .pure-u-sm-2-3, .pure-u-sm-2-5, .pure-u-sm-20-24, .pure-u-sm-21-24, .pure-u-sm-22-24, .pure-u-sm-23-24, .pure-u-sm-24-24, .pure-u-sm-3-24, .pure-u-sm-3-4, .pure-u-sm-3-5, .pure-u-sm-3-8, .pure-u-sm-4-24, .pure-u-sm-4-5, .pure-u-sm-5-12, .pure-u-sm-5-24, .pure-u-sm-5-5, .pure-u-sm-5-6, .pure-u-sm-5-8, .pure-u-sm-6-24, .pure-u-sm-7-12, .pure-u-sm-7-24, .pure-u-sm-7-8, .pure-u-sm-8-24, .pure-u-sm-9-24 {
  display: inline-block;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}
/* @media screen and (min-width:35.5em) */
.pure-u-sm-1-3, .pure-u-sm-8-24 {
  width: 33.33%;
}
.l-box {
  padding: 1em;
}
.pure-g > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pure-g [class*=pure-u] {
  font-family: sans-serif;
}
html, button, input, select, textarea, .pure-g [class*='pure-u'] {
  font-family: "Roboto", sans-serif;
}
.sberbank-subtitle {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.sberbank-subtitle {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  width: 200px;
}
.sberbank-year {
  font-size: 40px;
}
.sberbank-year {
  font-size: 22px;
}
.sberbank p {
  margin: 0;
}
.sberbank p {
  margin: 0;
}
.sberbank-title {
  margin: 20px 0;
  font-size: 40px;
  font-weight: normal;
}
.sberbank-title {
  margin: 20px 0;
  font-size: 40px;
  font-weight: normal;
}
.sberbank-credit {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}
.sberbank-credit {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}
img {
  border: 0;
}
.credit__information {
  width: 50%;
}
.credit__contribution {
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 20px;
}
.project__links-wrapper {
  display: flex;
  justify-content: space-around;
}
.credit__mortgage {
  background: #5b5b5b;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding: 13px 20px 12px;
  text-decoration: none;
  display: block;
  width: 250px;
}

.credit__mortgage:hover {
  background: #fecc00;
  text-decoration: none;
}

.button--filter:hover {
  background: #fecc00;
}

.button-grey-catalogue:hover {
  background: #5b5b5b;
}

.search-reset:hover {
  background: #5b5b5b;
}

.checkbox__wrapper {
  padding: 15px 0;
  display: flex;
}

.checkbox__wrapper.is-invalid {
  border: solid #dc3545 1px;
  border-radius: 5px;
}

.checkbox__error{
  display: none;
  font-size: 80%;
  color: #dc3545;
}

.custom-checkbox {
  padding: 0 30px;
}

.btn-block {
  width: 400px;
  margin: 0 auto;
  background-color: #e31e24;
  border-radius: unset;
  border-color: #e31e24;
}

.btn-block:hover {
  background-color: #FECC00;
  border-color: #FECC00;
}

.custom-control-label {
  line-height: 1.2;
}