.smedia, .menu-header {
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none; }

*::-webkit-input-placeholder {
  color: #888888;
  opacity: 1; }

*:-moz-placeholder {
  color: #888888;
  opacity: 1; }

*::-moz-placeholder {
  color: #888888;
  opacity: 1; }

*:-ms-input-placeholder {
  color: #888888;
  opacity: 1; }

[aria-hidden="true"] {
  display: none !important; }

[aria-hidden="false"] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

body input:focus:required:invalid,
body textarea:focus:required:invalid {
  color: #888888; }

body input:required:valid,
body textarea:required:valid {
  color: #2d2d2d; }

input {
  border: none;
  outline: none; }

textarea {
  border: none;
  outline: none; }

ul {
  list-style: none; }

a {
  text-decoration: none;
  color: #2d2d2d; }

html {
  position: relative;
  min-height: 100%;
  font-size: 10px;
  width: 100%;
  overflow-x: hidden; }
  html.noscroll {
    overflow-y: hidden; }
  @media (max-width: 575px) {
    html {
      font-size: 8px; } }

body {
  background-color: #edf2f7;
  background-image: url(/static/img/elems/pattern-3.png);
  width: 100%;
  min-width: 320px;
  min-height: 100%;
  font-size: 1.6rem;
  line-height: 1.6;
  font-family: "Exo 2", sans-serif;
  color: #2d2d2d;
  overflow-x: hidden;
  position: relative;
  margin: 0px; }

header {
  background-image: url(/static/img/elems/header-bg-d.jpg);
  background-position-y: bottom;
  background-size: cover;
  display: -ms-grid;
  display: grid;
      grid-template-areas: "c-t c-t c-t c-t c-t c-t" ".    l-a  . .  s-m    ." ".   m-h m-h m-h m-h   ." "h-b h-b h-b h-b h-b h-b";
  -ms-grid-columns: 1fr (minmax(100px, 300px))[4] 1fr;
  grid-template-columns: 1fr repeat(4, minmax(100px, 300px)) 1fr;
  -ms-grid-rows: auto 120px 130px 40px;
  grid-template-rows: auto 120px 130px 40px; }
  header .contacts-top {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-area: c-t; }
  header .logo-a {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: l-a; }
  header .smedia {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
    grid-area: s-m; }
  header .menu-header {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 4;
    grid-area: m-h; }
  header #header-bottom {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-area: h-b; }
  header .logo {
    zoom: 1.091;
    -moz-transform: scale(1.091); }
  @media (min-width: 992px) and (max-width: 1199px) {
    header {
      -ms-grid-columns: 1fr (minmax(100px, 200px))[4] 1fr;
      grid-template-columns: 1fr repeat(4, minmax(100px, 200px)) 1fr; } }
  @media (min-width: 768px) and (max-width: 991px) {
    header {
      -ms-grid-columns: 1fr (minmax(100px, 150px))[4] 1fr;
      grid-template-columns: 1fr repeat(4, minmax(100px, 150px)) 1fr; } }
  @media (max-width: 767px) {
    header {
      -ms-grid-rows: auto 40px 150px 40px;
      grid-template-rows: auto 40px 150px 40px;
          grid-template-areas: "c-t c-t c-t c-t c-t c-t" ".   l-a l-a l-a l-a   ." ".   m-h m-h m-h m-h   ." "h-b h-b h-b h-b h-b h-b"; }
    header .contacts-top {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6; }
    header .logo-a {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 4; }
    header .menu-header {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 4; }
    header #header-bottom {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6; } }
  @media (max-width: 575px) {
    header {
      -ms-grid-rows: auto 0px 280px 40px;
      grid-template-rows: auto 0px 280px 40px;
      -ms-grid-columns: 1fr (minmax(80px, 300px))[4] 1fr;
      grid-template-columns: 1fr repeat(4, minmax(80px, 300px)) 1fr; } }

.mirrored {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg); }

.contacts-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.68);
  -ms-flex-item-align: stretch;
      align-self: stretch; }
  .contacts-top p {
    color: rgba(255, 255, 255, 0.64);
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1.9rem; }
    .contacts-top p a {
      color: rgba(255, 255, 255, 0.64); }
      .contacts-top p a span {
        font-weight: 400;
        color: rgba(255, 255, 255, 0.81); }
        .contacts-top p a span i {
          color: rgba(255, 255, 255, 0.81); }
      .contacts-top p a i {
        font-size: 2.2rem;
        margin: 0px 5px 0px 10px;
        position: relative;
        top: 2px; }
      .contacts-top p a:hover {
        color: white; }
        .contacts-top p a:hover span {
          color: white; }
          .contacts-top p a:hover span i {
            color: white; }
  .contacts-top > a i {
    display: none; }
  @media (max-width: 767px) {
    .contacts-top {
      -ms-flex-pack: distribute;
          justify-content: space-around;
      text-align: right; }
      .contacts-top > a i {
        color: rgba(255, 255, 255, 0.5);
        font-size: 90px;
        display: inline-block; }
      .contacts-top p a {
        display: block; }
        .contacts-top p a i {
          float: right; }
          .contacts-top p a i.icon-c-address {
            margin: 0px 3px 0px 10px; } }
  @media (max-width: 575px) {
    .contacts-top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 10px 0px 10px 0px; }
      .contacts-top > a i {
        height: 60px;
        display: block;
        line-height: 60px;
        font-size: 100px; }
      .contacts-top .logo-a-xs {
        display: block; }
        .contacts-top .logo-a-xs i {
          font-size: 100px; }
      .contacts-top .logo-a-odd {
        display: none; } }

.logo-a, logo-a-xs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .logo-a i, logo-a-xs i {
    font-size: 131px;
    color: rgba(255, 255, 255, 0.64); }
    .logo-a i:hover, logo-a-xs i:hover {
      color: white; }
  @media (max-width: 767px) {
    .logo-a, logo-a-xs {
      display: none; } }

.logo-a-xs {
  display: none; }

.smedia {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 767px) {
    .smedia {
      display: none; } }
  .smedia a:not(:last-child) {
    margin-right: 5px; }
  .smedia a span {
    color: rgba(255, 255, 255, 0.64);
    font-size: 32px; }
  .smedia a:hover span {
    color: white; }

.menu-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .menu-header a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 25%; }
    .menu-header a:hover, .menu-header a.menu-header-current {
      background: rgba(255, 255, 255, 0.18); }
      .menu-header a:hover div, .menu-header a.menu-header-current div {
        color: white; }
    .menu-header a div {
      color: rgba(255, 255, 255, 0.81);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .menu-header a div span {
        width: 125px;
        display: block;
        text-transform: uppercase;
        text-align: center; }
        .menu-header a div span:nth-child(1) {
          font-size: 50px; }
        .menu-header a div span:nth-child(2) {
          line-height: 1.3; }
        .menu-header a div span.icon-c-piston {
          margin: 0px 0px 5px 0px; }
        .menu-header a div span.icon-c-content {
          font-size: 55px;
          margin: 0px 0px 0px 0px; }
        .menu-header a div span.icon-c-forklift {
          margin: 0px 0px 2px 0px; }
        .menu-header a div span.icon-c-contact {
          font-size: 47px;
          margin: 0px 0px 5px 0px; }
  @media (max-width: 575px) {
    .menu-header {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: 1fr 1fr;
      grid-template-rows: 1fr 1fr; }
      .menu-header a {
        width: 100%; } }

#header-bottom {
  background: rgba(255, 255, 255, 0.18);
  -ms-grid-columns: 1fr (minmax(150px, 600px))[2] 1fr;
  grid-template-columns: 1fr repeat(2, minmax(150px, 600px)) 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  display: -ms-grid;
  display: grid; }
  #header-bottom .breadcrumbs {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 2;
    grid-column: 2;
    color: rgba(255, 255, 255, 0.81);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: rgba(160, 160, 160, 0.81); }
    #header-bottom .breadcrumbs .icon-c-address {
      font-size: 2.8rem; }
    #header-bottom .breadcrumbs .icon-c-arrow {
      font-size: 1.3rem;
      padding: 0px 5px;
      color: rgba(160, 160, 160, 0.81); }
    #header-bottom .breadcrumbs span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 1.4rem;
      text-transform: uppercase; }
    #header-bottom .breadcrumbs a {
      color: rgba(210, 210, 210, 0.81);
      font-weight: 200;
      text-transform: uppercase;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      #header-bottom .breadcrumbs a:hover {
        color: white; }
    @media (max-width: 1199px) {
      #header-bottom .breadcrumbs {
        margin: 0px 10px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #header-bottom .breadcrumbs .icon-c-arrow {
        font-size: 1.2rem; }
      #header-bottom .breadcrumbs span {
        font-size: 1.3rem; } }
    @media (max-width: 767px) {
      #header-bottom .breadcrumbs {
        display: none; } }
  #header-bottom .search {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 3;
    grid-column: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #header-bottom .search input {
      background: rgba(0, 0, 0, 0.58);
      color: white;
      padding: 0px 50px 0px 20px;
      width: 100%;
      max-width: 230px;
      font-size: 1.2rem;
      text-transform: uppercase;
      -webkit-transition: 0.5s cubic-bezier(0.04, 1.03, 0.44, 0.98);
      transition: 0.5s cubic-bezier(0.04, 1.03, 0.44, 0.98);
      height: 100%; }
      #header-bottom .search input:focus {
        background: rgba(0, 0, 0, 0.58);
        font-size: 1.7rem;
        max-width: 530px; }
        #header-bottom .search input:focus ~ button {
          color: rgba(255, 255, 255, 0.81); }
          #header-bottom .search input:focus ~ button:hover {
            color: white; }
    #header-bottom .search button {
      color: #888888;
      margin-left: -40px;
      width: 40px;
      font-size: 24px;
      background: rgba(0, 0, 0, 0);
      border: none;
      outline: none;
      cursor: pointer; }
      #header-bottom .search button:hover {
        color: white; }
    @media (max-width: 767px) {
      #header-bottom .search {
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        grid-column: 2/4; }
        #header-bottom .search input {
          max-width: 100%; }
          #header-bottom .search input:focus {
            max-width: 100%; } }

.index-md {
  display: -ms-grid;
  display: grid;
  background-color: white;
  -ms-grid-columns: 1fr minmax(0px, 520px) minmax(0px, 680px) 1fr;
  grid-template-columns: 1fr minmax(0px, 520px) minmax(0px, 680px) 1fr;
  border-top: 10px solid #2b2a28;
  border-bottom: 10px solid #2b2a28; }
  .index-md-content {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 1;
    grid-row: 1;
    background-color: #075095;
    padding: 47px 20px 53px 40px;
    color: rgba(255, 255, 255, 0.9);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 200;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .index-md-content h1 {
      margin: 0px;
      font-weight: 200;
      font-size: 4.6rem;
      line-height: 5rem; }
    .index-md-content p {
      font-weight: 200;
      margin: 20px 0px 0px 0px; }
      .index-md-content p:nth-child(2) {
        margin: 60px 0px 0px 0px; }
  .index-md-l {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    grid-row: 1;
    background-image: url(/static/img/elems/banner-md-1-l.jpg);
    background-repeat: no-repeat;
    background-position-x: right; }
  .index-md-r {
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-column: 4/5;
    -ms-grid-row: 1;
    grid-row: 1;
    background-image: url(/static/img/elems/banner-md-1-r.jpg);
    background-position-x: left;
    background-repeat: no-repeat;
    background-origin: padding-box; }
  @media (max-width: 1199px) {
    .index-md-l {
      display: none; }
    .index-md-content {
      -ms-grid-column: 2;
      -ms-grid-column-span: 2;
      grid-column: 2/4; }
      .index-md-content p:nth-child(2) {
        margin: 30px 0px 0px 0px; } }

.index-features {
  display: -ms-grid;
  display: grid;
  height: 584px;
  background-color: white;
  -ms-grid-columns: 1fr minmax(0px, 520px) 680px 1fr;
  grid-template-columns: 1fr minmax(0px, 520px) 680px 1fr;
  border-bottom: 10px solid #2b2a28; }
  .index-features-content {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 1;
    grid-row: 1;
    padding: 47px 20px 53px 40px;
    font-weight: 200; }
    .index-features-content h2 {
      margin: 0px;
      font-weight: 200;
      font-size: 4.6rem;
      line-height: 5rem; }
    .index-features-content p {
      font-weight: 400;
      margin: 30px 0px 0px 0px; }
    .index-features-content .index-features-content-icons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 200px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
      .index-features-content .index-features-content-icons div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: center;
        width: 240px;
        font-weight: 600; }
        .index-features-content .index-features-content-icons div i {
          font-size: 60px;
          margin: 10px 0px; }
  .index-features-l {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    grid-row: 1;
    background-image: url(/static/img/elems/elem-pistons-1.jpg);
    background-repeat: no-repeat;
    background-position-x: right; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .index-features {
      -ms-grid-columns: 1fr minmax(0px, 520px) 490px 1fr;
      grid-template-columns: 1fr minmax(0px, 520px) 490px 1fr; }
      .index-features-content h2 {
        font-size: 3.6rem;
        line-height: 3.6rem; }
      .index-features-content p {
        margin: 15px 0px 0px 0px; } }
  @media (max-width: 991px) {
    .index-features {
      -ms-grid-columns: 1fr minmax(0px, 520px) minmax(0px, 680px) 1fr;
      grid-template-columns: 1fr minmax(0px, 520px) minmax(0px, 680px) 1fr;
      height: auto; }
      .index-features-content {
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        grid-column: 2/4;
        padding: 40px 20px 20px 40px; }
      .index-features-l {
        display: none; } }
  @media (max-width: 575px) {
    .index-features-content .index-features-content-icons {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: end; }
      .index-features-content .index-features-content-icons div {
        margin-top: 40px; } }

.index-tips {
  display: -ms-grid;
  display: grid;
  margin: 20px 0px;
  height: 300px;
  -ms-grid-columns: 1fr 365px 235px 235px 365px 1fr;
  grid-template-columns: 1fr 365px 235px 235px 365px 1fr;
  overflow: hidden; }
  .index-tips-inner {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    -ms-grid-column: 2;
    -ms-grid-column-span: 4;
    grid-column: 2/6;
    -ms-grid-row: 1;
    grid-row: 1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 600px 150px 450px;
    grid-template-columns: 600px 150px 450px;
    -ms-grid-rows: 75px 62px 62px 85px 16px;
    grid-template-rows: 75px 62px 62px 85px 16px;
    padding: 0px 20px;
    color: rgba(255, 255, 255, 0.9); }
    .index-tips-inner i {
      font-size: 40px;
      padding: 0px 15px; }
    .index-tips-inner h2 {
      font-size: 3rem;
      font-weight: 200;
      text-transform: uppercase; }
      .index-tips-inner h2 span {
        font-weight: 600; }
    .index-tips-inner-hfirst {
      -ms-grid-column: 1;
      grid-column: 1;
      -ms-grid-row: 1;
      grid-row: 1;
      padding: 0px 0px 0px 15px; }
    .index-tips-inner-hsecond {
      -ms-grid-column: 2;
      -ms-grid-column-span: 2;
      grid-column: 2/4;
      -ms-grid-row: 4;
      grid-row: 4; }
    .index-tips-inner div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      line-height: 2rem;
      font-weight: 200; }
    .index-tips-inner div:nth-child(2) {
      -ms-grid-column: 1;
      grid-column: 1;
      -ms-grid-row: 2;
      grid-row: 2; }
    .index-tips-inner div:nth-child(3) {
      -ms-grid-column: 1;
      grid-column: 1;
      -ms-grid-row: 3;
      grid-row: 3; }
    .index-tips-inner div:nth-child(4) {
      -ms-grid-column: 1;
      grid-column: 1;
      -ms-grid-row: 4;
      grid-row: 4; }
    .index-tips-inner p {
      -ms-grid-column: 3;
      grid-column: 3;
      -ms-grid-row: 2;
      -ms-grid-row-span: 2;
      grid-row: 2/4;
      font-weight: 200;
      margin: 0px 70px 0px 0px;
      text-align: right; }
    .index-tips-inner a {
      color: white;
      text-decoration: underline; }
  .index-tips-c {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3/5;
    -ms-grid-row: 1;
    grid-row: 1;
    position: relative;
    width: 235px;
    margin-left: -118px;
    background: #075095;
    z-index: -1; }
    .index-tips-c:after {
      content: " ";
      position: absolute;
      display: block;
      width: 235px;
      height: 100%;
      top: 0;
      left: 0px;
      z-index: -1;
      background: #075095;
      -webkit-transform-origin: bottom left;
              transform-origin: bottom left;
      -webkit-transform: skew(-38deg, 0deg);
      transform: skew(-38deg, 0deg); }
  .index-tips-b-l {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
    -ms-grid-row: 1;
    grid-row: 1;
    background: #075095;
    z-index: -3; }
  .index-tips-b-r {
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    grid-column: 3/6;
    -ms-grid-row: 1;
    grid-row: 1;
    background: #2b2a28;
    z-index: -2; }
  @media (min-width: 768px) and (max-width: 991px) {
    .index-tips-inner {
      padding-left: 100px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .index-tips {
      zoom: .85;
      font-size: 1.8rem; }
      .index-tips-inner p {
        margin: -20px 70px 0px 0px; } }
  @media (max-width: 991px) {
    .index-tips {
      height: auto; }
      .index-tips-inner {
        -ms-grid-rows: 75px 62px 62px 85px 75px;
        grid-template-rows: 75px 62px 62px 85px 75px; }
        .index-tips-inner-hsecond {
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1/2;
          -ms-grid-row: 5;
          grid-row: 5;
          margin: 15px 0px; }
        .index-tips-inner p {
          display: none; }
      .index-tips-c {
        display: none; }
        .index-tips-c:after {
          display: none; }
      .index-tips-b-l {
        -ms-grid-column: 2;
        -ms-grid-column-span: 4;
        grid-column: 2/6; }
      .index-tips-b-r {
        display: none; } }
  @media (max-width: 767px) {
    .index-tips .index-tips-inner {
      -ms-grid-rows: 130px 62px 62px 85px 75px;
      grid-template-rows: 130px 62px 62px 85px 75px; }
      .index-tips .index-tips-inner .index-tips-inner-hfirst {
        padding: 0px 20px 0px 15px; } }
  @media (max-width: 575px) {
    .index-tips {
      -ms-grid-columns: auto;
      grid-template-columns: auto; }
      .index-tips .index-tips-inner {
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        -ms-grid-rows: 130px 62px 62px 85px 110px;
        grid-template-rows: 130px 62px 62px 85px 110px; } }

.index-browser {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1200px 1fr;
  grid-template-columns: 1fr 1200px 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr; }
  .index-browser-inner {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    grid-row: 1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    grid-gap: 20px;
    overflow: hidden; }
    .index-browser-inner-card {
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
      background: white;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: 150px 1fr auto;
      grid-template-rows: 150px 1fr auto; }
      .index-browser-inner-card div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #444444; }
        .index-browser-inner-card div img {
          max-width: 90%; }
      .index-browser-inner-card div:nth-child(2) {
        background: #4a4f55;
        color: white; }
        .index-browser-inner-card div:nth-child(2) h3 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
	  font-size: 2rem;
          font-weight: 200; }
      .index-browser-inner-card ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        margin: 0px;
        padding: 0px;
        background: #566776; }
        .index-browser-inner-card ul li a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding: 5px 15px;
          height: 43px;
          color: rgba(255, 255, 255, 0.81);
          font-size: 1.7rem;
          border-bottom: 2px solid #444341;
          font-weight: 300;
          -webkit-transition: .1s ease-out;
          transition: .1s ease-out; }
          .index-browser-inner-card ul li a i {
            font-size: 33px;
            margin: 5px 5px; }
            .index-browser-inner-card ul li a i.icon-c-rings {
              margin: 0px 5px;
              opacity: .9; }
          .index-browser-inner-card ul li a:hover {
            color: white;
            background: rgba(56, 55, 53, 0.94); }
        .index-browser-inner-card ul li:last-child a {
          border-bottom: none; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .index-browser {
      -ms-grid-columns: 1fr 100% 1fr;
      grid-template-columns: 1fr 100% 1fr; }
      .index-browser-inner {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr); }
        .index-browser-inner-card {
          width: 300px;
          margin: 0px auto; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .index-browser {
      -ms-grid-columns: 1fr 100% 1fr;
      grid-template-columns: 1fr 100% 1fr; }
      .index-browser-inner {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr); }
        .index-browser-inner-card {
          width: 300px;
          margin: 0px auto; } }
  @media (min-width: 576px) and (max-width: 767px) {
    .index-browser {
      -ms-grid-columns: 1fr 100% 1fr;
      grid-template-columns: 1fr 100% 1fr; }
      .index-browser-inner {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr); }
        .index-browser-inner-card {
          width: 300px;
          margin: 0px auto; } }
  @media (max-width: 575px) {
    .index-browser {
      -ms-grid-columns: 1fr 100% 1fr;
      grid-template-columns: 1fr 100% 1fr; }
      .index-browser-inner {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr); }
        .index-browser-inner-card {
          width: 100%; }
      .index-browser-inner-card ul li a {
        font-size: 2rem; } }

.map-wrap {
  border-top: 2px solid #b1b1b1;
  margin-top: 20px; }
  .map-wrap h2 {
    text-align: center;
    background-image: url(/static/img/elems/bg-pattern-dark-1.png);
    color: #edf2f7;
    margin: 0px 0px;
    padding: 20px 0px;
    font-weight: 200;
    font-size: 2.5rem;
    text-transform: uppercase; }
    .map-wrap h2 strong {
      font-weight: 400; }
  .map-wrap div {
    background: rgba(51, 51, 51, 0.85);
    padding: 0px 0px; }
    .map-wrap div div {
      -webkit-filter: saturate(0%) brightness(90%);
              filter: saturate(0%) brightness(90%);
      -webkit-transition: 0.2s cubic-bezier(0.01, 0.38, 0.64, 0.79);
      transition: 0.2s cubic-bezier(0.01, 0.38, 0.64, 0.79); }
      .map-wrap div div:hover {
        -webkit-filter: saturate(100%) brightness(100%);
                filter: saturate(100%) brightness(100%); }

footer {
  background-image: url(/static/img/elems/bg-pattern-dark-1.png);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr (300px)[4] 1fr;
  grid-template-columns: 1fr repeat(4, 300px) 1fr;
  -ms-grid-rows: 275px auto;
  grid-template-rows: 275px auto;
  overflow: hidden; }
  footer .footer-info-card {
    color: #afaead;
    border-right: 1px solid #484848;
    margin: 20px 0px;
    -ms-grid-row: 1;
    grid-row: 1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: (25px)[8] 50px;
    grid-template-rows: repeat(8, 25px) 50px; }
    footer .footer-info-card span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding: 0px 10px;
      font-weight: 300; }
      footer .footer-info-card span mark {
        color: #e8e8e8;
        padding-left: 10px;
        background: transparent; }
    footer .footer-info-card-label {
      -ms-grid-row: 9;
      grid-row: 9;
      color: #6b6b6b;
      font-size: 2.5rem; }
    footer .footer-info-card:nth-child(1) {
      -ms-grid-column: 2;
      grid-column: 2; }
      footer .footer-info-card:nth-child(1) a {
        color: #afaead; }
        footer .footer-info-card:nth-child(1) a:hover {
          color: #e8e8e8; }
    footer .footer-info-card:nth-child(2) {
      -ms-grid-column: 3;
      grid-column: 3; }
    footer .footer-info-card:nth-child(3) {
      -ms-grid-column: 4;
      grid-column: 4; }
    footer .footer-info-card:nth-child(4) {
      -ms-grid-column: 5;
      grid-column: 5; }
  footer .footer-info-company {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1/7;
    -ms-grid-row: 2;
    grid-row: 2;
    text-align: center;
    font-size: 1.5rem;
    padding: 5px 20px;
    color: #848484;
    background-image: url(/static/img/elems/bg-pattern-dark-2.png); }
  @media (max-width: 1199px) {
    footer {
      -ms-grid-columns: 1fr (280px)[2] 1fr;
      grid-template-columns: 1fr repeat(2, 280px) 1fr;
      -ms-grid-rows: 275px 275px auto;
      grid-template-rows: 275px 275px auto; }
      footer .footer-info-card:nth-child(1) {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 1;
        grid-row: 1; }
      footer .footer-info-card:nth-child(2) {
        -ms-grid-column: 3;
        grid-column: 3;
        -ms-grid-row: 1;
        grid-row: 1; }
      footer .footer-info-card:nth-child(3) {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 2;
        grid-row: 2; }
      footer .footer-info-card:nth-child(4) {
        -ms-grid-column: 3;
        grid-column: 3;
        -ms-grid-row: 2;
        grid-row: 2; }
      footer .footer-info-company {
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        grid-column: 1/5;
        -ms-grid-row: 3;
        grid-row: 3; } }
  @media (max-width: 575px) {
    footer {
      -ms-grid-columns: 1fr 235px 1fr;
      grid-template-columns: 1fr 235px 1fr;
      -ms-grid-rows: (275px)[4] auto;
      grid-template-rows: repeat(4, 275px) auto;
      font-size: 1.6rem; }
      footer .footer-info-card:nth-child(1) {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 4;
        grid-row: 4; }
      footer .footer-info-card:nth-child(2) {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 2;
        grid-row: 2; }
      footer .footer-info-card:nth-child(3) {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 3;
        grid-row: 3; }
      footer .footer-info-card:nth-child(4) {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 1;
        grid-row: 1; }
      footer .footer-info-company {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
        -ms-grid-row: 5;
        grid-row: 5; } }

.items {
  margin: 10px 0px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 260px minmax(200px, 940px) 1fr;
  grid-template-columns: 1fr 260px minmax(200px, 940px) 1fr;
  -ms-grid-rows: (auto)[3] 50px;
  grid-template-rows: repeat(3, auto) 50px;
  row-gap: 10px; }
  .items .categories {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4; }
    .items .categories .category-group {
      margin: 20px 0px 0px 0px; }
      .items .categories .category-group:nth-child(1) {
        margin: 0px; }
      .items .categories .category-group .category-caption {
        -webkit-box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.09), 2px 2px 1px -2px rgba(0, 0, 0, 0.09), 2px 2px 1px 0 rgba(0, 0, 0, 0.1);
                box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.09), 2px 2px 1px -2px rgba(0, 0, 0, 0.09), 2px 2px 1px 0 rgba(0, 0, 0, 0.1);
        background: white;
        font-weight: 400;
        font-size: 1.6rem;
        margin: 0px 10px 5px 0px;
        padding: 15px 20px;
        text-transform: uppercase;
        text-align: center; }
  .items .categories > .category-group > .category-makers, .items .items-all {
    padding: 0px 10px 0px 0px;
    margin: 0px; }
    .items .categories > .category-group > .category-makers a, .items .items-all a {
      -webkit-box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.09), 2px 2px 1px -2px rgba(0, 0, 0, 0.09), 2px 2px 1px 0 rgba(0, 0, 0, 0.1);
              box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.09), 2px 2px 1px -2px rgba(0, 0, 0, 0.09), 2px 2px 1px 0 rgba(0, 0, 0, 0.1);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      background: white;
      padding: 0px 20px 0px 0px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0px 0px 4px 0px;
      position: relative;
      color: #323232; }
      .items .categories > .category-group > .category-makers a:after, .items .items-all a:after {
        content: "";
        position: absolute;
        background: #2b2a28;
        height: 100%;
        width: 0px;
        right: 0px;
        top: 0px;
        -webkit-transition: .1s ease-out;
        transition: .1s ease-out; }
      .items .categories > .category-group > .category-makers a:hover:after, .items .items-all a:hover:after {
        width: 6px; }
      .items .categories > .category-group > .category-makers a.category-makers-current:after, .items .items-all a.category-makers-current:after {
        width: 6px;
        background: #075095; }
      .items .categories > .category-group > .category-makers a div, .items .items-all a div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 46px;
        padding: 0px 10px; }
        .items .categories > .category-group > .category-makers a div img, .items .items-all a div img {
          height: 40px; }
        .items .categories > .category-group > .category-makers a div i, .items .items-all a div i {
          font-size: 23px;
          padding: 0px 15px; }
  .items .items-all {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 2;
    grid-column: 2; }
    .items .items-all a {
      -webkit-transition: .1s ease-out;
      transition: .1s ease-out; }
      .items .items-all a:hover {
        background: rgba(255, 255, 255, 0);
        color: #fff;
        -webkit-transition: 0.1s cubic-bezier(0.84, 0.29, 1, 1);
        transition: 0.1s cubic-bezier(0.84, 0.29, 1, 1); }
        .items .items-all a:hover:after {
          width: 100%;
          z-index: -1;
          -webkit-transition: 0.2s cubic-bezier(0.21, 0.81, 0.2, 0.85);
          transition: 0.2s cubic-bezier(0.21, 0.81, 0.2, 0.85); }
      .items .items-all a div {
        height: 50px; }
  .items .category-engines {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    margin: 0px 10px 0px 0px;
    padding: 0px 0px;
    background: white;
    max-height: 294px;
    overflow-y: auto; }
    .items .category-engines::-webkit-scrollbar {
      width: 6px;
      height: 6px; }
    .items .category-engines::-webkit-scrollbar-thumb {
      background: #075095; }
    .items .category-engines::-webkit-scrollbar-track {
      background: #fafafa; }
    .items .category-engines li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 8px 15px;
      border-bottom: 1px solid #d4dce4; }
      .items .category-engines li a:hover, .items .category-engines li a.category-engines-current, .items .category-engines li a.category-engines-clear {
        background: #075095;
        color: #fff; }
      .items .category-engines li a.category-engines-current {
        background: #2b2a28; }
      .items .category-engines li a span {
        font-size: 1.4rem; }
        .items .category-engines li a span:nth-child(2) {
          font-weight: 600; }
  .items .category-classes {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 2;
    grid-row: 2;
    padding: 0px;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .items .category-classes li {
      -webkit-box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.09), 2px 2px 1px -2px rgba(0, 0, 0, 0.09), 2px 2px 1px 0 rgba(0, 0, 0, 0.1);
              box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.09), 2px 2px 1px -2px rgba(0, 0, 0, 0.09), 2px 2px 1px 0 rgba(0, 0, 0, 0.1);
      background: #2b2a28;
      margin: 0px 2px;
      -webkit-transition: .1s ease-out;
      transition: .1s ease-out; }
      .items .category-classes li:hover, .items .category-classes li.category-classes-current {
        background: #075095; }
      .items .category-classes li a {
        color: rgba(255, 255, 255, 0.8);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: stretch;
            -ms-flex-pack: stretch;
                justify-content: stretch;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 0px 5px; }
        .items .category-classes li a:hover {
          margin: 0px; }
        .items .category-classes li a i {
          font-size: 30px;
          margin: 10px 20px; }
        .items .category-classes li a span {
          line-height: 1.2;
          max-width: 110px; }
  .items .maker {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
    -ms-grid-row: 1;
    grid-row: 1;
    background: white;
    margin: 20px 0px; }
    .items .maker h1 {
      -ms-grid-column: 2;
      grid-column: 2;
      -ms-grid-row: 1;
      grid-row: 1;
      padding: 10px 20px;
      font-size: 3rem;
      font-weight: 300;
      margin: 0px; }
    .items .maker img {
      -ms-grid-column: 2;
      grid-column: 2;
      -ms-grid-row: 2;
      grid-row: 2;
      width: 100%;
      -webkit-filter: grayscale(80%);
              filter: grayscale(80%);
      -webkit-transition: .5s;
      transition: .5s; }
      .items .maker img:hover {
        -webkit-filter: grayscale(0%);
                filter: grayscale(0%); }
    .items .maker p {
      -ms-grid-column: 2;
      grid-column: 2;
      -ms-grid-row: 3;
      grid-row: 3;
      margin: 0px;
      padding: 15px 20px;
      background: rgba(7, 82, 150, 0.04); }
    .items .maker-search {
      background: url(/static/img/elems/search-bg.jpg);
      background-size: 62%;
      text-transform: uppercase;
      color: #545454; }
      .items .maker-search h1 {
        padding: 25px 40px;
        font-size: 4rem;
        font-weight: 200; }
        .items .maker-search h1 span {
          font-weight: 400; }
  .items .makers-all {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
    -ms-grid-row: 1;
    grid-row: 1;
    margin: 20px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 400px;
    background: url(/static/img/elems/catalog-all.jpg); }
    .items .makers-all h1 {
      padding: 6px 35px;
      font-size: 3.6rem;
      font-weight: 200;
      margin: 0px; }
    .items .makers-all p {
      margin: 0px;
      padding: 15px 20px;
      background: rgba(237, 242, 247, 0.88); }
    @media (max-width: 575px) {
      .items .makers-all h1 {
        font-size: 3.4rem;
        line-height: 3.8rem; } }
  .items .list {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 3;
    grid-row: 3;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    gap: 10px 10px;
    -ms-flex-line-pack: baseline;
        align-content: baseline; }
    .items .list .empty {
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
      -ms-grid-column: 1;
      -ms-grid-column-span: 4;
      grid-column: 1/5;
      background: #d8dde2;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 4rem;
      font-weight: 200;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0px 3px 2px 0px; }
    .items .list-card {
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
      background: white;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      height: 100%;
      max-height: 434px;
      -webkit-transition: .2s;
      transition: .2s; }
      .items .list-card:hover {
        background: #fff;
        -webkit-transform: scale(1.05) translateY(-10px);
                transform: scale(1.05) translateY(-10px);
        -webkit-box-shadow: 1px 4px 5px 2px rgba(0, 0, 0, 0.09), 3px 10px 10px 0px rgba(0, 0, 0, 0.09), 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
                box-shadow: 1px 4px 5px 2px rgba(0, 0, 0, 0.09), 3px 10px 10px 0px rgba(0, 0, 0, 0.09), 0px 4px 10px 0px rgba(0, 0, 0, 0.1); }
      .items .list-card h2 {
        font-size: 1.7rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 0px 15px;
        line-height: 2.3rem;
        font-weight: 600; }
        .items .list-card h2 span {
          font-weight: 400; }
      .items .list-card img {
        max-height: 285px;
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        max-width: 100%; }
      .items .list-card-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 5px 15px;
        border-bottom: 1px solid #e1eaf2; }
        .items .list-card-row:nth-child(2) {
          border-top: 1px solid #e1eaf2; }
        .items .list-card-row span:nth-child(2) {
          background: white;
          font-weight: 600;
          color: #075095; }
  .items .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 4;
    grid-row: 4; }
    .items .pagination span {
      background: #075095;
      display: block;
      margin: 0px 2px;
      color: white;
      padding: 2px 0px;
      width: 40px;
      text-align: center; }
      .items .pagination span:hover {
        background: #2b2a28; }
      .items .pagination span.pagination-current {
        background: #2b2a28; }
    .items .pagination i {
      display: block;
      width: 30px;
      text-align: center;
      font-style: normal;
      font-weight: 600; }
      .items .pagination i:hover {
        color: #075095; }
      .items .pagination i.pagination-arrow-inactive {
        cursor: not-allowed;
        opacity: .5; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .items {
      -ms-grid-columns: 1fr 260px minmax(200px, 940px) 1fr;
      grid-template-columns: 1fr 260px minmax(200px, 940px) 1fr; }
      .items .list {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr); } }
  @media (min-width: 768px) and (max-width: 991px) {
    .items .list {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 576px) and (max-width: 767px) {
    .items {
      -ms-grid-columns: 1fr 230px minmax(200px, 940px) 1fr;
      grid-template-columns: 1fr 230px minmax(200px, 940px) 1fr; } }
  @media (max-width: 991px) {
    .items .category-classes li a span {
      display: none; }
    .items .list-card:hover {
      -webkit-transform: none;
              transform: none;
      -webkit-box-shadow: none;
              box-shadow: none; } }
  @media (max-width: 767px) {
    .items {
      -ms-grid-rows: (auto)[4] 50px;
      grid-template-rows: repeat(4, auto) 50px;
      -ms-grid-columns: 1fr 85px minmax(202px, 940px) 1fr;
      grid-template-columns: 1fr 85px minmax(202px, 940px) 1fr; }
      .items .items-all a span {
        display: none; }
      .items .pagination {
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        grid-column: 1/5;
        -ms-grid-row: 5;
        grid-row: 5; }
      .items .categories {
        -ms-grid-row: 3;
        grid-row: 3;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        grid-column: 2/4; }
      .items .list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-row: 4;
        grid-row: 4;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        grid-column: 2/4; }
      .items .categories > .category-group > .category-caption {
        margin: 0px 0px 5px 0px; }
      .items .categories > .category-group > .category-makers {
        padding: 0px; }
        .items .categories > .category-group > .category-makers a {
          padding: 0px 50px; }
          .items .categories > .category-group > .category-makers a.category-makers-current:after {
            width: 100%;
            opacity: .8;
            height: 5px;
            margin-top: 44px;
            background: #075095; }
      .items .category-engines {
        margin: 0px; } }
  @media (max-width: 575px) {
    .items .list {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-row: 4;
      grid-row: 4;
      -ms-grid-column: 2;
      -ms-grid-column-span: 2;
      grid-column: 2/4; }
      .items .list-card {
        font-size: 2rem; }
        .items .list-card h2 {
          font-size: 2.2rem; }
    .items .category-classes li a {
      padding: 0px 0px; }
      .items .category-classes li a i {
        margin: 10px 12px; } }

.item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1200px 1fr;
  grid-template-columns: 1fr 1200px 1fr;
  min-height: 556px;
  -ms-grid-rows: auto;
  grid-template-rows: auto; }
  .item h1 {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    margin: 0;
    font-weight: 300;
    font-size: 3.6rem;
    border-bottom: 1px solid gainsboro; }
  .item h2 {
    font-weight: 400;
    margin: 0px;
    font-size: 2.1rem; }
  .item-card {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 2;
    grid-column: 2;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 376px 290px auto;
    grid-template-columns: 376px 290px auto;
    -ms-grid-rows: (auto)[4];
    grid-template-rows: repeat(4, auto);
    background: white;
    margin: 20px 0px;
    padding: 20px 40px 40px 40px;
    gap: 40px; }
    .item-card img {
      -ms-grid-row: 2;
      -ms-grid-row-span: 2;
      grid-row: 2/4;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
      max-width: 100%;
      border: 1px solid gainsboro; }
    .item-card-props {
      margin: 0px;
      -ms-grid-row: 2;
      grid-row: 2;
      -ms-grid-column: 2;
      grid-column: 2;
      min-height: 385px;
      padding: 0px; }
      .item-card-props li {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-grid-columns: 40px 1fr 1fr;
        grid-template-columns: 40px 1fr 1fr;
        grid-auto-rows: auto;
        border-bottom: 1px solid gainsboro;
        padding: 3px 20px; }
        .item-card-props li.item-card-props-caption {
          display: block;
          font-weight: 200;
          font-size: 2.2rem;
          padding: 15px 0px; }
          .item-card-props li.item-card-props-caption:first-child {
            padding: 8px 0px 15px 0px; }
        .item-card-props li:last-child {
          border-bottom: none; }
        .item-card-props li i {
          font-size: 45px;
          text-align: center; }
          .item-card-props li i.icon-c-diameter {
            font-size: 40px;
            margin: 3px 0px 2px 0px; }
        .item-card-props li span {
          margin: 0px 10px;
          text-align: right; }
          .item-card-props li span:nth-child(2) {
            text-transform: uppercase;
            font-size: 1.4rem; }
          .item-card-props li span:nth-child(3) {
            background: #fff; }
    .item-card-kit {
      -ms-grid-row: 4;
      grid-row: 4;
      -ms-grid-column: 1;
      -ms-grid-column-span: 3;
      grid-column: 1/4;
      border-collapse: collapse; }
      .item-card-kit h2 {
        text-align: left;
        margin: 20px 0px; }
      .item-card-kit tr {
        border: 1px solid gainsboro;
        border-right: none;
        border-left: none; }
        .item-card-kit tr td, .item-card-kit tr th {
          padding: 10px 40px; }
      .item-card-kit thead th {
        font-weight: 400;
        background: #edf2f7;
        text-align: left; }
      .item-card-kit tbody {
        background: #fff; }
        .item-card-kit tbody tr {
          background: #fff; }
    .item-card-usage {
      -ms-grid-row: 2;
      grid-row: 2;
      -ms-grid-column: 3;
      grid-column: 3; }
      .item-card-usage div {
        padding: 8px 20px;
        background: #edf2f7; }
        .item-card-usage div p {
          text-align: right; }
      .item-card-usage a {
        display: block;
        text-align: right;
        color: #075095;
        text-decoration: underline;
        margin: 15px 20px 0px 0px;
        line-height: 1.6rem; }
    .item-card-actions {
      -ms-grid-row: 3;
      grid-row: 3;
      -ms-grid-column: 2;
      -ms-grid-column-span: 2;
      grid-column: 2/4;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
      margin: 0px 20px;
      text-transform: uppercase; }
      .item-card-actions span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 2px 0px;
        color: black;
        -webkit-box-shadow: 1px 1px 3px 0px #4c4c4c87;
                box-shadow: 1px 1px 3px 0px #4c4c4c87;
        height: 34px;
        color: rgba(255, 255, 255, 0.95); }
        .item-card-actions span.item-card-actions-price {
          font-size: 2.2rem;
          background: #384450;
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px; }
        .item-card-actions span.item-card-actions-instock {
          background: #72869d;
          border-top-right-radius: 3px;
          border-bottom-right-radius: 5px; }
          .item-card-actions span.item-card-actions-instock i {
            font-size: 30px; }
        .item-card-actions span.item-card-actions-buy {
          background: #1d5f9e;
          cursor: pointer; }
          .item-card-actions span.item-card-actions-buy:hover {
            -webkit-transform: translateX(-33.33%);
                    transform: translateX(-33.33%);
            width: 300%;
            padding: 4px 0px;
            border-radius: 5px; }
        .item-card-actions span:hover {
          color: white; }
  .item .item-related {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 2;
    grid-column: 2; }
    .item .item-related h2 {
      -ms-grid-row: 1;
      grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 5;
      grid-column: 1/6;
      margin: 40px 0px 20px 0px;
      text-align: center;
      font-size: 3.2rem;
      font-weight: 300;
      text-transform: uppercase; }
    .item .item-related-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      width: 100%; }
    .item .item-related-card {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      background: white;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      padding: 15px 20px;
      min-width: 192px;
      -webkit-transition: .2s;
      transition: .2s; }
      .item .item-related-card:hover {
        -webkit-transform: scale(1.05) translateY(-10px);
                transform: scale(1.05) translateY(-10px);
        -webkit-box-shadow: 1px 8px 5px 2px rgba(0, 0, 0, 0.09), 3px 10px 10px 0px rgba(0, 0, 0, 0.09), 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
                box-shadow: 1px 8px 5px 2px rgba(0, 0, 0, 0.09), 3px 10px 10px 0px rgba(0, 0, 0, 0.09), 0px 4px 10px 0px rgba(0, 0, 0, 0.1); }
      .item .item-related-card img {
        max-width: 100%;
        max-height: 200px;
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        -o-object-fit: contain;
           object-fit: contain; }
      .item .item-related-card span {
        padding: 5px 5px; }
        .item .item-related-card span:last-child {
          color: #075095;
          font-weight: 600; }
      .item .item-related-card p {
        margin: 0px 0px;
        font-size: 1.6rem;
        border-bottom: 1px solid gainsboro;
        border-top: 1px solid gainsboro;
        display: block;
        width: -webkit-fill-available;
        padding: 5px 5px; }
        .item .item-related-card p:first-child {
          border-top: none; }
        .item .item-related-card p:last-child {
          font-weight: 600; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .item {
      -ms-grid-columns: 1fr 100% 1fr;
      grid-template-columns: 1fr 100% 1fr; }
      .item-card {
        padding: 20px 5px 40px 5px; }
      .item .item-related-row a:nth-child(5) {
        display: none; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .item {
      -ms-grid-columns: 1fr 100% 1fr;
      grid-template-columns: 1fr 100% 1fr; }
      .item-card {
        -ms-grid-rows: (auto)[6];
        grid-template-rows: repeat(6, auto);
        -ms-grid-columns: auto minmax(290px, 320px);
        grid-template-columns: auto minmax(290px, 320px); }
        .item-card img {
          -ms-grid-row: 2;
          grid-row: 2;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1/2;
          max-width: 100%;
          max-height: 380px; }
        .item-card .item-card-props {
          -ms-grid-row: 2;
          grid-row: 2;
          -ms-grid-column: 2;
          -ms-grid-column-span: 2;
          grid-column: 2/4; }
        .item-card .item-card-usage {
          -ms-grid-row: 3;
          grid-row: 3;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3;
          grid-column: 1/4; }
        .item-card .item-card-actions {
          -ms-grid-row: 4;
          grid-row: 4;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3;
          grid-column: 1/4; }
        .item-card-kit {
          -ms-grid-row: 5;
          grid-row: 5;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3;
          grid-column: 1/4; }
      .item .item-related-row a:nth-child(5) {
        display: none; }
      .item .item-related-row a:nth-child(4) {
        display: none; } }
  @media (min-width: 576px) and (max-width: 767px) {
    .item {
      -ms-grid-columns: 1fr 100% 1fr;
      grid-template-columns: 1fr 100% 1fr; }
      .item-card {
        -ms-grid-rows: (auto)[6];
        grid-template-rows: repeat(6, auto);
        -ms-grid-columns: auto minmax(240px, 320px);
        grid-template-columns: auto minmax(240px, 320px);
        padding: 20px 5px 40px 5px;
        gap: 20px; }
        .item-card img {
          -ms-grid-row: 2;
          grid-row: 2;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1/2;
          max-width: 100%;
          max-height: 380px; }
        .item-card .item-card-props {
          -ms-grid-row: 2;
          grid-row: 2;
          -ms-grid-column: 2;
          -ms-grid-column-span: 2;
          grid-column: 2/4; }
        .item-card .item-card-usage {
          -ms-grid-row: 3;
          grid-row: 3;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3;
          grid-column: 1/4; }
        .item-card .item-card-actions {
          -ms-grid-row: 4;
          grid-row: 4;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3;
          grid-column: 1/4; }
        .item-card-kit {
          -ms-grid-row: 5;
          grid-row: 5;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3;
          grid-column: 1/4; } }
  @media (max-width: 991px) {
    .item-card {
      -ms-grid-rows: (auto)[6];
      grid-template-rows: repeat(6, auto); }
      .item-card-usage div {
        padding: 8px 5px; } }
  @media (max-width: 767px) {
    .item .item-related-row a:nth-child(5) {
      display: none; }
    .item .item-related-row a:nth-child(4) {
      display: none; }
    .item .item-related-row a:nth-child(3) {
      display: none; } }
  @media (max-width: 575px) {
    .item {
      -ms-grid-columns: 1fr 100% 1fr;
      grid-template-columns: 1fr 100% 1fr; }
      .item h1 {
        font-size: 3rem; }
      .item-card {
        padding: 20px 20px 40px 20px;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        gap: 20px 0px; }
        .item-card h1 {
          -ms-grid-column: 1;
          grid-column: 1; }
        .item-card img {
          -ms-grid-row: 2;
          grid-row: 2;
          width: 100%;
          -ms-grid-column: 1;
          grid-column: 1;
          max-height: unset;
          margin: auto;
          max-width: 100%;
          border: none; }
        .item-card .item-card-props {
          -ms-grid-row: 3;
          grid-row: 3;
          -ms-grid-column: 1;
          grid-column: 1;
          min-height: unset; }
        .item-card .item-card-usage {
          -ms-grid-row: 4;
          grid-row: 4;
          -ms-grid-column: 1;
          grid-column: 1; }
        .item-card .item-card-actions {
          -ms-grid-row: 5;
          grid-row: 5;
          -ms-grid-column: 1;
          grid-column: 1;
          margin: 0px; }
        .item-card-kit {
          -ms-grid-row: 6;
          grid-row: 6;
          -ms-grid-column: 1;
          grid-column: 1; }
          .item-card-kit tr td, .item-card-kit tr th {
            padding: 10px; }
          .item-card-kit thead {
            display: none; }
      .item .item-related-card {
        min-width: unset; }
        .item .item-related-card p:first-child {
          font-size: 2rem;
          height: 7rem; } }

.classes {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1200px 1fr;
  grid-template-columns: 1fr 1200px 1fr;
  grid-auto-rows: auto;
  grid-row-gap: 20px;
  margin: 20px 0px; }
  .classes-title {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    margin: 20px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: url(/static/img/elems/rings.JPG);
    background-position-y: top; }
    .classes-title h1 {
      padding: 10px 35px;
      font-size: 3rem;
      font-weight: 200;
      margin: 0px;
      max-width: 560px; }
  .classes .detail_class {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    padding: 20px 20px;
    -ms-grid-column: 2;
    grid-column: 2;
    background: white;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .classes .detail_class h2 {
      background: white;
      -ms-grid-row: 1;
      grid-row: 1;
      -ms-grid-column: 2;
      grid-column: 2;
      border-bottom: 1px solid gainsboro;
      font-weight: 200;
      font-size: 3rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .classes .detail_class h2 i {
        margin: 0px 5px;
        opacity: .6; }
        .classes .detail_class h2 i:hover {
          opacity: 1; }
    .classes .detail_class img {
      -ms-grid-row: 1;
      -ms-grid-row-span: 2;
      grid-row: 1/3;
      -ms-grid-column: 1;
      grid-column: 1;
      max-width: 420px; }
    .classes .detail_class p {
      -ms-grid-row: 2;
      grid-row: 2;
      -ms-grid-column: 2;
      grid-column: 2;
      align-self: flex-start; }
  @media (max-width: 1199px) {
    .classes {
      -ms-grid-columns: 1fr 100% 1fr;
      grid-template-columns: 1fr 100% 1fr; } }
  @media (max-width: 767px) {
    .classes {
      -ms-grid-columns: 1fr 100% 1fr;
      grid-template-columns: 1fr 100% 1fr; }
      .classes .detail_class {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
      .classes h2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-item-align: stretch;
            align-self: stretch; } }
  @media (max-width: 575px) {
    .classes .detail_class img {
      max-width: 100%;
      -o-object-fit: contain;
         object-fit: contain; } }

.flatpage {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1200px 1fr;
  grid-template-columns: 1fr 1200px 1fr; }
  .flatpage-body {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    background: white;
    padding: 20px 40px;
    -ms-grid-column: 2;
    grid-column: 2;
    margin: 40px 0px 20px 0px; }
    .flatpage-body h1 {
      font-size: 3rem;
      font-weight: 400; }
    .flatpage-body h2 {
      font-weight: 400; }
    .flatpage-body img {
      width: 100%; }
    .flatpage-body-wide {
      padding: 0px;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content; }
      .flatpage-body-wide h1 {
        text-align: center;
        text-transform: uppercase;
        background: #232323;
        color: #e6e6e6;
        background-image: url(/static/img/elems/bg-pattern-dark-1.png);
        font-weight: 200;
        padding: 15px 0px;
        margin: 0px; }
      .flatpage-body-wide h2 {
        font-weight: 200;
        margin: 15px 0px;
        font-size: 2.8rem; }
      .flatpage-body-wide .contacts-requisites {
        background-image: url(/static/img/elems/contacts-bg.jpg);
        background-position-y: bottom;
        color: #e6e6e6;
        padding: 10px 30px 30px 30px; }
        .flatpage-body-wide .contacts-requisites table {
          max-width: 600px;
          background: rgba(35, 35, 35, 0.71);
          font-weight: 300;
          border-collapse: collapse; }
          .flatpage-body-wide .contacts-requisites table caption {
            text-align: left;
            font-size: 1.7rem; }
          .flatpage-body-wide .contacts-requisites table tr {
            border-top: 1px solid rgba(157, 172, 165, 0.14); }
            .flatpage-body-wide .contacts-requisites table tr:first-child {
              border: none; }
            .flatpage-body-wide .contacts-requisites table tr td {
              padding: 5px 15px; }
  .flatpage .contacts-form {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 3px 3px 1px -2px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    -ms-grid-column: 2;
    grid-column: 2;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 600px 600px;
    grid-template-columns: 600px 600px; }
    .flatpage .contacts-form-left {
      -ms-grid-column: 1;
      grid-column: 1;
      background: url(/static/img/elems/bg-pattern-md-blue.png);
      padding: 20px 20px; }
      .flatpage .contacts-form-left table {
        width: 100%;
        color: #e6e6e6;
        border-collapse: collapse; }
        .flatpage .contacts-form-left table h2 {
          font-weight: 200;
          margin: 0px 0px 20px 0px;
          font-size: 2.8rem;
          text-align: left; }
        .flatpage .contacts-form-left table tr {
          border-top: 1px solid rgba(239, 243, 248, 0.12);
          background: rgba(255, 255, 255, 0.03);
          padding: 3px; }
          .flatpage .contacts-form-left table tr:first-child {
            border: none; }
          .flatpage .contacts-form-left table tr td {
            padding: 12px 15px;
            font-weight: 300; }
    .flatpage .contacts-form-right {
      -ms-grid-column: 2;
      grid-column: 2;
      background-image: url(/static/img/elems/bg-pattern-md-black.png);
      color: white;
      position: relative; }
      .flatpage .contacts-form-right form {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: 50px 60px 40px 140px 50px;
        grid-template-rows: 50px 60px 40px 140px 50px;
        gap: 5px;
        padding: 20px 20px;
        font-weight: 300; }
        .flatpage .contacts-form-right form h2 {
          font-weight: 200;
          margin: 0px 0px 20px 0px;
          font-size: 2.8rem;
          text-align: left;
          -ms-grid-row: 1;
          grid-row: 1;
          -ms-grid-column: 1;
          -ms-grid-column-span: 2;
          grid-column: 1/3; }
        .flatpage .contacts-form-right form div {
          -ms-grid-row: 2;
          grid-row: 2;
          -ms-grid-column: 1;
          -ms-grid-column-span: 2;
          grid-column: 1/3; }
          .flatpage .contacts-form-right form div:first-child {
            position: absolute;
            background: #2b2a28;
            height: 100%;
            width: 100%;
            z-index: 2;
            top: 0px;
            left: 0px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            text-align: center;
            font-size: 2.8rem;
            font-weight: 200;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; }
          .flatpage .contacts-form-right form div span {
            font-size: 1.6rem;
            text-align: left;
            opacity: 1; }
        .flatpage .contacts-form-right form input, .flatpage .contacts-form-right form textarea {
          border: none;
          background: rgba(128, 128, 128, 0.51);
          color: #e6e6e6;
          font-family: "Open Sans", sans-serif; }
        .flatpage .contacts-form-right form input {
          padding: 10px 20px;
          font-size: 1.5rem; }
          .flatpage .contacts-form-right form input:nth-child(2) {
            -ms-grid-row: 3;
            grid-row: 3;
            -ms-grid-column: 1;
            grid-column: 1; }
          .flatpage .contacts-form-right form input:nth-child(3) {
            -ms-grid-row: 3;
            grid-row: 3;
            -ms-grid-column: 2;
            grid-column: 2; }
          .flatpage .contacts-form-right form input:last-child {
            -ms-grid-row: 5;
            grid-row: 5;
            -ms-grid-column: 1;
            -ms-grid-column-span: 2;
            grid-column: 1/3;
            margin: 0px;
            color: white; }
            .flatpage .contacts-form-right form input:last-child:hover {
              background: rgba(154, 154, 154, 0.51); }
        .flatpage .contacts-form-right form textarea {
          padding: 10px 20px;
          font-size: 1.6rem;
          -ms-grid-row: 4;
          grid-row: 4;
          -ms-grid-column: 1;
          -ms-grid-column-span: 2;
          grid-column: 1/3;
          resize: none; }
        .flatpage .contacts-form-right form span {
          -ms-grid-row: 6;
          grid-row: 6;
          -ms-grid-column: 1;
          -ms-grid-column-span: 2;
          grid-column: 1/3;
          font-size: 1.4rem;
          text-align: center;
          font-weight: 300;
          color: white;
          opacity: .7; }
          .flatpage .contacts-form-right form span:hover {
            opacity: 1; }
          .flatpage .contacts-form-right form span a {
            color: #a7d5ff; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .flatpage .contacts-form {
      -ms-grid-columns: auto 600px;
      grid-template-columns: auto 600px; }
      .flatpage .contacts-form-left table h2 {
        font-size: 2.5rem; } }
  @media (max-width: 1199px) {
    .flatpage {
      -ms-grid-columns: 1fr 100% 1fr;
      grid-template-columns: 1fr 100% 1fr; }
      .flatpage-body h1 {
        padding: 5px 0px; } }
  @media (max-width: 991px) {
    .flatpage .contacts-form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .flatpage-body-wide .contacts-requisites {
      background-position-y: top; } }
  @media (max-width: 575px) {
    .flatpage {
      -ms-grid-columns: 1fr 100% 1fr;
      grid-template-columns: 1fr 100% 1fr; }
      .flatpage .contacts-form {
        -ms-grid-columns: auto 600px;
        grid-template-columns: auto 600px; }
        .flatpage .contacts-form-right {
          gap: 5px 5px;
          padding: 20px 0px; }
          .flatpage .contacts-form-right form {
            -ms-grid-rows: 50px 70px 40px 40px 140px 50px;
            grid-template-rows: 50px 70px 40px 40px 140px 50px; }
            .flatpage .contacts-form-right form div {
              -ms-grid-row: 2;
              grid-row: 2;
              -ms-grid-column: 1;
              -ms-grid-column-span: 2;
              grid-column: 1/3;
              font-size: 2rem; }
            .flatpage .contacts-form-right form input {
              padding: 10px 20px;
              font-size: 1.8rem; }
              .flatpage .contacts-form-right form input:nth-child(4) {
                -ms-grid-row: 3;
                grid-row: 3;
                -ms-grid-column: 1;
                -ms-grid-column-span: 2;
                grid-column: 1/3; }
              .flatpage .contacts-form-right form input:nth-child(5) {
                -ms-grid-row: 4;
                grid-row: 4;
                -ms-grid-column: 1;
                -ms-grid-column-span: 2;
                grid-column: 1/3; }
              .flatpage .contacts-form-right form input:last-child {
                -ms-grid-row: 6;
                grid-row: 6;
                -ms-grid-column: 1;
                -ms-grid-column-span: 2;
                grid-column: 1/3; }
            .flatpage .contacts-form-right form textarea {
              -ms-grid-row: 5;
              grid-row: 5;
              font-size: 1.8rem; }
            .flatpage .contacts-form-right form span {
              -ms-grid-row: 7;
              grid-row: 7;
              font-size: 1.6rem; }
      .flatpage-body-wide .contacts-requisites {
        padding: 10px 15px 30px 15px; } }

.payments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px 0px; }
  .payments a {
    color: #075095; }
  .payments-text {
    border-bottom: 1px solid gainsboro;
    border-top: 1px solid gainsboro;
    padding: 20px 20px;
    margin: 20px 80px; }
  .payments table {
    border-collapse: collapse;
    width: 100%;
    max-width: 1000px;
    margin: 0px auto; }
    .payments table h2 {
      text-align: left;
      margin: 20px 0px; }
    .payments table tr {
      border: 1px solid gainsboro;
      border-right: none;
      border-left: none; }
      .payments table tr td, .payments table tr th {
        padding: 10px 40px; }
    .payments table thead th {
      font-weight: 400;
      background: #edf2f7;
      text-align: left; }
    .payments table tbody {
      background: #fff; }
      .payments table tbody tr {
        background: #fff; }
    .payments table .pricespecial {
      background: #fafafc; }
      .payments table .pricespecial-orange {
        background: #fcf6f0; }
  @media (max-width: 767px) {
    .payments-text {
      margin: 20px 40px; }
    .payments table h2 {
      margin: 20px 20px; }
    .payments table tr td, .payments table tr th {
      padding: 10px 20px; } }
  @media (max-width: 575px) {
    .payments-text {
      margin: 20px 0px; }
    .payments table h2 {
      margin: 10px; }
    .payments table tr td, .payments table tr th {
      padding: 10px; } }

.pricelist-form {
  float: right;
  margin: 0px 5px; }
  .pricelist-form-btn {
    padding: 4px 20px;
    cursor: pointer;
    background: #8b8bad;
    color: white; }
    .pricelist-form-btn:hover {
      background: #77779a; }
  .pricelist-form-orange {
    text-align: center;
    background: #fcf6f0; }
    .pricelist-form-orange-btn {
      padding: 4px 20px;
      cursor: pointer;
      background: #ada68b;
      color: white; }
      .pricelist-form-orange-btn:hover {
        background: #9a9377; }
    .pricelist-form-orange-input {
      padding: 5px 5px;
      min-width: 220px;
      margin: 0px 10px;
      font-weight: 900; }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: opacity ease-in-out .3s;
  transition: opacity ease-in-out .3s;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none; }
  .overlay-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .overlay-callback {
    max-width: 400px;
    height: 500px;
    cursor: auto;
    max-height: 100%; }
    .overlay-callback-closer {
      position: fixed;
      width: 50px;
      height: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      top: 0px;
      right: 0px;
      text-align: right;
      cursor: pointer;
      border-bottom-left-radius: 10px;
      background: rgba(0, 0, 0, 0.75); }
      .overlay-callback-closer i {
        color: rgba(255, 255, 255, 0.8);
        font-size: 25px;
        -webkit-transition: .2s;
        transition: .2s; }
        .overlay-callback-closer i:hover {
          color: white; }
    .overlay-callback img {
      height: 100%; }
    .overlay-callback-context {
      background: white;
      padding: 20px;
      margin: 2px 0px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .overlay-callback-context-item {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 150px;
        grid-template-columns: auto 150px;
        -ms-grid-rows: 80px (45px)[2];
        grid-template-rows: 80px repeat(2, 45px);
        justify-items: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .overlay-callback-context-item h2 {
          font-weight: 300;
          font-size: 2.4rem;
          -ms-grid-row: 1;
          grid-row: 1;
          -ms-grid-row-align: center;
              align-self: center;
          -ms-grid-column-align: start;
              justify-self: start;
          margin: 0px;
          line-height: 3rem; }
        .overlay-callback-context-item p {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          width: 100%;
          border-bottom: 1px solid #c3c3c3;
          -ms-flex-item-align: baseline;
              align-self: baseline;
          padding: 0px 0px 4px 0px; }
          .overlay-callback-context-item p:nth-child(2) {
            -ms-grid-row: 2;
            grid-row: 2;
            -ms-grid-column: 1;
            grid-column: 1; }
          .overlay-callback-context-item p:nth-child(3) {
            -ms-grid-row: 3;
            grid-row: 3;
            -ms-grid-column: 1;
            grid-column: 1; }
          .overlay-callback-context-item p span {
            padding: 0px 10px; }
            .overlay-callback-context-item p span:nth-child(2) {
              font-weight: 600;
              color: #075095; }
        .overlay-callback-context-item img {
          height: 100%;
          -ms-grid-row: 1;
          -ms-grid-row-span: 3;
          grid-row: 1/4;
          -ms-grid-column: 2;
          grid-column: 2;
          -ms-grid-column-align: end;
              justify-self: end;
          border: 1px solid gainsboro; }
      .overlay-callback-context-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        position: relative; }
        .overlay-callback-context-form div {
          position: relative; }
          .overlay-callback-context-form div input {
            background: #ebebeb;
            margin: 5px 10px;
            padding: 12px 20px;
            font-size: 1.6rem;
            width: calc(100% - 60px);
            font-family: "Exo 2"; }
          .overlay-callback-context-form div i {
            position: absolute;
            top: 14px;
            right: 30px;
            font-size: 26px; }
            .overlay-callback-context-form div i.icon-c-warning {
              color: #999999; }
            .overlay-callback-context-form div i.icon-c-okay {
              color: #8db786; }
        .overlay-callback-context-form-result {
          position: absolute;
          background: rgba(255, 255, 255, 0.97);
          width: 100%;
          height: 100%;
          z-index: 10;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 3rem;
          text-align: center;
          font-weight: 300; }
        .overlay-callback-context-form-errors {
          min-height: 50px; }
        .overlay-callback-context-form-button {
          margin: 5px 10px;
          padding: 12px 20px;
          font-size: 1.6rem;
          border: none;
          background: #1d5f9e;
          color: rgba(255, 255, 255, 0.95);
          -webkit-transition: .2s;
          transition: .2s;
          cursor: pointer; }
          .overlay-callback-context-form-button[disabled] {
            cursor: not-allowed;
            opacity: .65; }
          .overlay-callback-context-form-button:hover {
            background: #2875bd;
            color: white; }
        .overlay-callback-context-form p {
          margin: 20px 0px 10px 0px;
          text-align: center; }
        .overlay-callback-context-form .overlay-callback-context-form-notice {
          margin: 5px 0px 0px 0px;
          font-size: 1.4rem; }
          .overlay-callback-context-form .overlay-callback-context-form-notice a {
            color: #075095; }
  @media (max-width: 767px) {
    .overlay-callback {
      -ms-grid-columns: auto;
      grid-template-columns: auto;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .overlay-callback > img {
        display: none; }
      .overlay-callback-context {
        width: auto;
        max-width: 400px; } }
  @media (max-width: 575px) {
    .overlay-callback {
      -ms-grid-columns: auto;
      grid-template-columns: auto;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .overlay-callback > img {
        display: none; }
      .overlay-callback-context {
        width: auto;
        max-width: 400px; }
        .overlay-callback-context-item {
          -ms-grid-rows: 90px (45px)[2];
          grid-template-rows: 90px repeat(2, 45px);
          -ms-grid-columns: auto 90px;
          grid-template-columns: auto 90px; }
          .overlay-callback-context-item h2 {
            font-weight: 400;
            font-size: 2.6rem;
            -ms-flex-item-align: center;
                -ms-grid-row-align: center;
                align-self: center; }
          .overlay-callback-context-item p {
            padding: 5px 0px;
            font-size: 2rem; }
            .overlay-callback-context-item p:nth-child(2) {
              -ms-grid-column: 1;
              -ms-grid-column-span: 2;
              grid-column: 1/3; }
            .overlay-callback-context-item p:nth-child(3) {
              -ms-grid-column: 1;
              -ms-grid-column-span: 2;
              grid-column: 1/3; }
            .overlay-callback-context-item p span {
              padding: 0px 10px; }
              .overlay-callback-context-item p span:nth-child(2) {
                font-weight: 600;
                color: #075095; }
          .overlay-callback-context-item img {
            -ms-grid-row: 1;
            grid-row: 1; }
        .overlay-callback-context-form p {
          font-size: 1.8rem; }
        .overlay-callback-context-form-result {
          font-size: 4rem; }
        .overlay-callback-context-form-button {
          font-size: 1.8rem; }
        .overlay-callback-context-form .overlay-callback-context-form-notice {
          font-size: 1.6rem; } }

.main_Lb {
  background-color: #2b2a28 !important; }

.leaf_25._bottom_DW .cssLeaf_1k, .leaf_25._right_3d .cssLeaf_1k, .leaf_25._left_MI .cssLeaf_1k {
  background-image: none !important; }

.chatCopyright_3s {
  display: none !important; }

._show_1e.wrap_mW, .label_39._bottom_3v._pad100_GR {
  z-index: 50 !important; }

.grecaptcha-badge {
  bottom: 100px !important; }