@charset "UTF-8";
@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto-Regular.ttf); }

@font-face {
  font-family: RobotoMedium;
  src: url(../fonts/Roboto-Medium.ttf); }

@font-face {
  font-family: RobotoBold;
  src: url(../fonts/Roboto-Bold.ttf); }

@font-face {
  font-family: RobotoLight;
  src: url(../fonts/Roboto-Light.ttf); }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 16px;
  font: inherit;
  vertical-align: baseline;
  font-family: "Roboto", sans-serif; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  min-width: 320px;
  overflow-x: hidden;
  background: #fff; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  -webkit-transition: color .3s;
  transition: color .3s; }

/*глобальные настройки*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

a {
  -webkit-transition: color .3s, background .3s;
  transition: color .3s, background .3s;
  text-decoration: none; }

p {
  color: #000;
  line-height: 20px; }
  p:not(:last-child) {
    margin-bottom: 10px; }

img {
  height: auto;
  max-width: 100%; }

b, strong, .strong {
  font-family: 'RobotoBold', sans-serif;
  font-weight: bold; }

body {
  overflow-x: hidden; }

h1, h2, h3 {
  margin-bottom: 20px; }

h1 {
  font-size: 1.625em; }

h2 {
  font-size: 1.5em; }

h3 {
  font-size: 1.375em; }

ol, ul {
  margin-bottom: 15px;
  padding-left: 20px; }
  ol li, ul li {
    padding: 3px 0;
    line-height: 20px; }

ul {
  list-style-type: disc; }

ol {
  list-style-type: decimal; }

.container {
  width: 1170px;
  padding: 0 15px;
  margin: 0 auto;
  position: relative; }

.title-section {
  overflow: hidden;
  text-align: center;
  font-family: 'RobotoBold', sans-serif;
  font-size: 3em;
  color: #fff;
  line-height: 50px; }
  .title-section::before, .title-section::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: relative; }
  .title-section::before {
    margin-left: -100%;
    left: -20px; }
  .title-section::after {
    margin-right: -100%;
    right: -20px; }

.mask {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100; }

.btn {
  display: inline-block;
  padding: 16px 27px;
  font-family: 'RobotoMedium', sans-serif;
  color: #fff;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  cursor: pointer; }
  .btn:focus {
    outline: none; }
  .btn.btn-blue {
    -webkit-transition: none;
    transition: none;
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7bc6ff), color-stop(100%, #2464aa));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(84deg, #2464aa 0%, #7bc6ff 100%);
    /* safari5.1+,chrome10+ */
    /* opera 11.10+ */
    /* ie10+ */
    background: linear-gradient(6deg, #2464aa 0%, #7bc6ff 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bc6ff', endColorstr='#2464aa',GradientType=0 );
    /* ie6-9 */ }
    .btn.btn-blue:hover {
      background: #7bc6ff; }
  .btn.btn-yellow {
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dec25d), color-stop(14%, #fcf5be), color-stop(49%, #d4b33e), color-stop(64%, #efd35d), color-stop(86%, #d7ba4e), color-stop(100%, #a98a33));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, #a98a33 0%, #d7ba4e 14%, #efd35d 36%, #d4b33e 51%, #fcf5be 86%, #dec25d 100%);
    /* safari5.1+,chrome10+ */
    /* opera 11.10+ */
    /* ie10+ */
    background: -webkit-gradient(linear, left bottom, left top, from(#a98a33), color-stop(14%, #d7ba4e), color-stop(36%, #efd35d), color-stop(51%, #d4b33e), color-stop(86%, #fcf5be), to(#dec25d));
    background: -webkit-linear-gradient(bottom, #a98a33 0%, #d7ba4e 14%, #efd35d 36%, #d4b33e 51%, #fcf5be 86%, #dec25d 100%);
    background: linear-gradient(0deg, #a98a33 0%, #d7ba4e 14%, #efd35d 36%, #d4b33e 51%, #fcf5be 86%, #dec25d 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dec25d', endColorstr='#a98a33',GradientType=0 );
    /* ie6-9 */
    color: #000; }
    .btn.btn-yellow:hover {
      background: #efd35d; }
  .btn.btn-border-blue {
    color: #3476ba;
    border: 2px solid #3476ba; }
    .btn.btn-border-blue:hover {
      background: #3476ba;
      color: #fff; }

.input {
  padding: 18px 25px;
  border: none;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  font-family: 'RobotoLight', sans-serif;
  font-size: 1.125em;
  color: #555; }
  .input:focus {
    outline: none; }
  .input::-webkit-input-placeholder {
    color: #9a9a9a; }
  .input:-ms-input-placeholder {
    color: #9a9a9a; }
  .input::-ms-input-placeholder {
    color: #9a9a9a; }
  .input::-webkit-input-placeholder {
    color: #9a9a9a; }
  .input::-moz-placeholder {
    color: #9a9a9a; }
  .input:-ms-input-placeholder {
    color: #9a9a9a; }
  .input::placeholder {
    color: #9a9a9a; }

.checkbox {
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  opacity: 0; }

.label-checkbox {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 30px;
  margin-right: 15px; }

.label-checkbox:before {
  content: "";
  padding-top: 4px;
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: -3px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.label-checkbox:before {
  -webkit-border-radius: 4px;
          border-radius: 4px; }

.checkbox:checked + .label-checkbox:before {
  content: "\2713";
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 18px;
  color: #382d75;
  text-align: center;
  line-height: 15px; }

.modal-form-tel,
.modal-success-window {
  display: none;
  padding: 50px 60px 30px;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
  z-index: 300;
  text-align: center;
  width: 466px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.modal-form-tel .title,
.modal-success-window .title {
  margin-bottom: 30px;
  font-family: 'RobotoBold', sans-serif;
  font-weight: bold;
  font-size: 1.375em;
  color: #353635; }

.modal-form-tel form,
.modal-success-window form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  max-width: 350px; }

.modal-form-tel form .input,
.modal-success-window form .input {
  margin-bottom: 25px;
  padding: 12px 18px;
  width: 100%;
  border: 1px solid #d2d2d2;
  font-size: 0.875em;
  color: #353635;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.modal-form-tel form .input:focus,
.modal-success-window form .input:focus {
  outline: none; }

.modal-form-tel form .submit,
.modal-success-window form .submit {
  padding: 12px 18px;
  margin-bottom: 27px;
  border: none;
  width: 100%;
  background: #382d75;
  font-family: 'RobotoBold', sans-serif;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 1.125em;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  -webkit-transition: background .3s;
  transition: background .3s; }

.modal-form-tel form .submit:hover,
.modal-success-window form .submit:hover {
  background: #382d75; }

.modal-form-tel form .submit:focus,
.modal-success-window form .submit:focus {
  outline: none; }

.modal-form-tel .modal-close,
.modal-success-window .modal-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  background: #382d75;
  border: none;
  cursor: pointer; }

.modal-form-tel .modal-close:focus,
.modal-success-window .modal-close:focus {
  outline: none; }

.modal-form-tel .modal-close:hover,
.modal-success-window .modal-close:hover {
  background: #382d75; }

.modal-form-tel .modal-close i,
.modal-success-window .modal-close i {
  font-size: 1.375em;
  color: #fff; }

.bread {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 30px; }
  .bread li a {
    color: #000; }
    .bread li a:hover {
      color: #7bc6ff; }
  .bread li i {
    display: inline-block;
    margin: 0 5px; }

header {
  padding: 23px 0 637px;
  background: url("../images/header-background.png") top center no-repeat;
  background-size: 101% 100%;
  position: relative;
  z-index: 20;
  pointer-events: none; }
  header .logo {
    position: absolute;
    pointer-events: auto; }
    header .logo:focus {
      outline: none; }
  header .top, header .top-menu ul {
    padding-left: 390px; }
  header .top-menu ul {
    padding-left: 0; }
  header .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 18px;
    margin-bottom: 20px;
    pointer-events: auto; }
    header .top .work-clock, header .top .phones {
      padding-left: 61px;
      margin-right: 35px;
      position: relative; }
      header .top .work-clock::before, header .top .phones::before {
        content: '';
        position: absolute;
        background: url("../images/icon-clock-header.png") no-repeat;
        background-size: cover;
        width: 46px;
        height: 47px;
        left: 0;
        top: -2px; }
      header .top .work-clock .top-text, header .top .phones .top-text {
        font-family: 'RobotoLight', sans-serif; }
      header .top .work-clock .bottom-text, header .top .phones .bottom-text {
        font-family: 'RobotoMedium', sans-serif; }
        header .top .work-clock .bottom-text a, header .top .phones .bottom-text a {
          font-family: inherit;
          color: #000; }
          header .top .work-clock .bottom-text a:hover, header .top .phones .bottom-text a:hover {
            color: #7bc6ff; }
    header .top .phones {
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      margin-right: 27px; }
      header .top .phones::before {
        background: url("../images/icon-phone-header.png") no-repeat;
        background-size: cover;
        width: 46px;
        height: 50px; }
    header .top .btn-box {
      text-align: right; }
      header .top .btn-box a:first-child {
        margin-bottom: 10px; }
      header .top .btn-box a {
        font-size: 0.875em; }

.top-menu,
.fixed-menu {
  padding: 6px 0 9px;
  background: #382d75;
  pointer-events: auto; }
  .top-menu ul,
  .fixed-menu ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none; }
    .top-menu ul li:not(:last-child),
    .fixed-menu ul li:not(:last-child) {
      padding-right: 41px;
      margin-right: 41px;
      border-right: 1px solid #574b94; }
    .top-menu ul li.current a,
    .fixed-menu ul li.current a {
      color: #fff; }
    .top-menu ul li a,
    .fixed-menu ul li a {
      display: inline-block;
      padding: 7px 0;
      font-family: 'RobotoLight', sans-serif;
      font-size: 1.1875em;
      color: #b6d7ea; }
      .top-menu ul li a:hover,
      .fixed-menu ul li a:hover {
        color: #fff; }

main {
  margin-top: -400px;
  padding-bottom: 100px;
  background: #333a7a url("../images/background.jpg") top center no-repeat;
  background-size: 100% 100%; }
  main .section-form .form-main {
    padding: 288px 0 100px;
    background: #fff;
    -webkit-border-radius: 20px;
            border-radius: 20px;
    -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.14);
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.14); }
    main .section-form .form-main .title {
      padding: 0 35px;
      font-family: 'RobotoBold', sans-serif;
      font-size: 2.125em;
      color: #333a7b;
      line-height: 44px;
      text-transform: uppercase; }
      main .section-form .form-main .title.mobile {
        display: none; }
    main .section-form .form-main .form-wrap {
      padding: 42px 35px 20px;
      background: url("../images/background-form.jpg") no-repeat;
      background-size: cover;
      position: relative; }
      main .section-form .form-main .form-wrap .line-items {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        margin-bottom: 25px; }
        main .section-form .form-main .form-wrap .line-items .input {
          padding-left: 50px;
          width: 32%; }
        main .section-form .form-main .form-wrap .line-items .name {
          background: #fff url("../images/icon-name.png") no-repeat;
          background-size: auto;
          background-position: 20px 50%; }
        main .section-form .form-main .form-wrap .line-items .phone {
          background: #fff url("../images/icon-phone.png") no-repeat;
          background-size: auto;
          background-position: 20px 50%; }
        main .section-form .form-main .form-wrap .line-items .email {
          background: #fff url("../images/icon-email.png") no-repeat;
          background-size: auto;
          background-position: 15px 50%; }
        main .section-form .form-main .form-wrap .line-items .order {
          margin-top: 20px;
          width: 100%;
          background: #fff url("../images/icon-order.png") no-repeat;
          background-size: auto;
          background-position: 15px 50%; }
      main .section-form .form-main .form-wrap label {
        font-size: 0.9375em;
        color: #fff; }
      main .section-form .form-main .form-wrap .submit {
        padding: 19px 65px;
        position: absolute;
        right: 35px;
        bottom: 0;
        border: none;
        -webkit-box-shadow: 4px 4px 32px rgba(218, 191, 87, 0.71);
                box-shadow: 4px 4px 32px rgba(218, 191, 87, 0.71);
        -webkit-transform: translateY(50%);
            -ms-transform: translateY(50%);
                transform: translateY(50%);
        font-family: 'RobotoMedium', sans-serif;
        font-size: 1.125em; }
  main .section-catalog {
    margin-top: 95px; }
    main .section-catalog .sub-title {
      margin-bottom: 20px;
      text-align: center;
      font-family: 'RobotoLight', sans-serif;
      font-size: 1.25em;
      color: #fff; }
    main .section-catalog .title-section {
      margin-bottom: 105px; }
    main .section-catalog .catalog {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      main .section-catalog .catalog .item {
        margin-bottom: 50px;
        background: url("../images/circle-product.png") no-repeat;
        background-size: 100% auto;
        width: 48%;
        height: 620px;
        text-align: center;
        position: relative; }
        main .section-catalog .catalog .item .img {
          position: absolute;
          width: 80%;
          bottom: 35%;
          left: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%); }
        main .section-catalog .catalog .item .name {
          position: absolute;
          left: 50%;
          bottom: 32%;
          width: 60%;
          font-family: 'RobotoBold', sans-serif;
          font-size: 1.0625em;
          color: #2464a9;
          line-height: 24px;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%); }
        main .section-catalog .catalog .item .price {
          padding-top: 40px;
          position: absolute;
          font-family: 'RobotoBold', sans-serif;
          font-size: 1.75em;
          color: #fff;
          min-width: 110px;
          min-height: 110px;
          background: #3476ba;
          -webkit-border-radius: 50%;
                  border-radius: 50%;
          left: 50%;
          bottom: 12%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%); }

.bottom-info {
  margin-top: -220px;
  padding-top: 140px;
  padding-bottom: 70px;
  background: url("../images/background-bottom.png") top center no-repeat;
  background-size: auto auto;
  position: relative;
  z-index: 20;
  pointer-events: none; }
  .bottom-info .section-stock {
    min-height: 370px; }
  .bottom-info .stock-box {
    padding: 0 70px;
    pointer-events: auto; }
    .bottom-info .stock-box .stock {
      display: inline-block;
      margin-bottom: 35px;
      padding: 8px 25px;
      font-size: 2.125em;
      background: url("../images/flag.png") no-repeat;
      background-size: 100% 100%;
      line-height: 34px; }
    .bottom-info .stock-box .title {
      margin-bottom: 25px;
      font-family: 'RobotoBold', sans-serif;
      font-size: 2.5em;
      line-height: 40px; }
    .bottom-info .stock-box strong {
      font-family: 'RobotoBold', sans-serif;
      font-size: 1.25em;
      line-height: 20px; }
    .bottom-info .stock-box p {
      line-height: 26px;
      color: #fff; }
  .bottom-info .section-seo {
    margin-top: 140px;
    pointer-events: auto; }
    .bottom-info .section-seo .container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .bottom-info .section-seo .seo-box {
      width: 64%; }
      .bottom-info .section-seo .seo-box p {
        color: #636363;
        line-height: 26px; }
        .bottom-info .section-seo .seo-box p:not(:last-child) {
          margin-bottom: 20px; }
      .bottom-info .section-seo .seo-box .title {
        margin-bottom: 20px !important;
        font-size: 1.75em;
        color: #333a7b;
        line-height: 28px; }
  .bottom-info .section-contacts {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 3px solid #382d75;
    pointer-events: auto; }
    .bottom-info .section-contacts .title-section {
      margin-bottom: 40px;
      color: #382d75; }
    .bottom-info .section-contacts a {
      color: #3476ba;
      text-decoration: underline; }
      .bottom-info .section-contacts a:hover {
        text-decoration: none; }

.jobs-box {
  width: 32%;
  position: relative; }
  .jobs-box::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    left: -8%;
    top: 0;
    background: #e2e2e2; }
  .jobs-box .title {
    margin-bottom: 25px;
    font-family: 'RobotoBold', sans-serif;
    font-size: 1.5em;
    color: #333a7b; }
  .jobs-box .item:not(:last-child) {
    margin-bottom: 20px; }
  .jobs-box .item p {
    font-size: 0.875em;
    color: #636363; }
    .jobs-box .item p strong {
      color: #000; }
  .jobs-box .item .title-jobs {
    margin-bottom: 15px;
    font-family: 'RobotoBold', sans-serif;
    font-size: 1.125em;
    color: #2464a9; }
  .jobs-box .btn-box {
    text-align: right; }

footer {
  padding: 75px 0;
  background: url("../images/background-footer.jpg") no-repeat;
  background-size: cover; }
  footer .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    footer .top .left {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      footer .top .left .title {
        margin-bottom: 20px;
        font-family: 'RobotoBold', sans-serif;
        font-size: 0.9375em;
        color: #fff;
        text-transform: uppercase; }
      footer .top .left .info {
        margin-right: 50px; }
        footer .top .left .info ul {
          padding-left: 0;
          list-style-type: none; }
          footer .top .left .info ul li:not(:last-child) {
            margin-bottom: 15px; }
          footer .top .left .info ul li a {
            font-size: 0.9375em;
            color: #fff;
            text-decoration: underline; }
            footer .top .left .info ul li a:hover {
              text-decoration: none; }
      footer .top .left .menu ul {
        padding-left: 0;
        list-style-type: none; }
        footer .top .left .menu ul li:not(:last-child) {
          margin-bottom: 15px; }
        footer .top .left .menu ul li a {
          font-family: 'RobotoBold', sans-serif;
          font-size: 0.9375em;
          color: #fff;
          text-decoration: underline; }
          footer .top .left .menu ul li a:hover {
            text-decoration: none; }
    footer .top .right .subscribe .title {
      font-family: 'RobotoBold', sans-serif;
      font-size: 1.25em;
      color: #fff; }
    footer .top .right .subscribe .line {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    footer .top .right .subscribe .email {
      padding: 10px 25px 10px 50px;
      background: #fff url("../images/icon-email.png") no-repeat;
      background-size: auto;
      background-position: 15px 50%;
      -webkit-border-top-right-radius: 0;
              border-top-right-radius: 0;
      -webkit-border-bottom-right-radius: 0;
              border-bottom-right-radius: 0;
      width: 400px;
      font-size: 1em; }
    footer .top .right .subscribe .submit {
      padding: 14px 27px;
      border: none;
      -webkit-border-top-left-radius: 0;
              border-top-left-radius: 0;
      -webkit-border-bottom-left-radius: 0;
              border-bottom-left-radius: 0;
      font-family: 'RobotoBold', sans-serif;
      font-size: 1em; }
    footer .top .right .soc-seti {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: 30px; }
      footer .top .right .soc-seti p {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 13px;
        font-family: 'RobotoBold', sans-serif;
        font-size: 1.25em;
        color: #fff;
        line-height: 26px; }
      footer .top .right .soc-seti a:not(:last-child) {
        margin-right: 11px; }
    footer .top .right .phones {
      margin-top: 20px;
      color: #fff; }
      footer .top .right .phones .title {
        font-family: 'RobotoBold', sans-serif;
        font-size: 1.25em; }
      footer .top .right .phones p {
        color: #fff; }
      footer .top .right .phones a {
        font-family: 'RobotoMedium', sans-serif;
        font-size: 1.125em;
        color: #fff;
        text-decoration: underline; }
        footer .top .right .phones a:hover {
          text-decoration: none; }
  footer .bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 55px;
    margin-top: 55px;
    border-top: 1px solid #7574c2; }
    footer .bottom .left p {
      font-size: 0.9375em;
      color: #b1afe9; }
    footer .bottom .right {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      footer .bottom .right p {
        margin-bottom: 0;
        margin-right: 8px;
        text-align: right;
        font-size: 0.6875em;
        color: #8683d2;
        text-transform: uppercase;
        line-height: 16px; }

.page {
  margin-top: 0;
  padding-bottom: 0; }
  .page .container {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #fff; }
  .page .title {
    font-family: 'RobotoBold', sans-serif;
    color: #382d75; }
  .page.catalog {
    margin-top: -500px; }
    .page.catalog .container {
      background: none;
      padding-bottom: 0; }
  .page .jobs-box {
    width: 100%; }
    .page .jobs-box::before {
      display: none; }

.fixed-menu {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99; }
  .fixed-menu ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .fixed-menu .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 15px; }
  .fixed-menu .btn-box {
    margin-left: 15px;
    text-align: right; }
    .fixed-menu .btn-box a:first-child {
      margin-bottom: 5px; }
    .fixed-menu .btn-box .btn {
      padding: 6px 15px;
      text-align: center; }

@media only screen and (max-width: 1600px) {
  header {
    background-size: auto 100%; } }

@media only screen and (max-width: 1200px) {
  .container {
    width: 970px; }
  header .logo {
    max-width: 300px; }
  header .top {
    padding-left: 300px; }
  header .top-menu ul {
    padding-left: 0; }
  header .top-menu ul li a,
  .fixed-menu ul li a {
    font-size: 1em; }
  header .top .btn-box a {
    text-align: center; }
  main .section-form .form-main .title {
    font-size: 1.625em;
    line-height: 34px; }
  main .section-catalog .catalog .item {
    height: 515px; }
  .fixed-menu ul li:not(:last-child) {
    padding-right: 20px;
    margin-right: 20px; } }

@media only screen and (max-width: 992px) {
  .container {
    width: 750px; }
  header {
    padding-bottom: 500px; }
  header .logo {
    position: static;
    margin: 0 auto; }
  header .top {
    padding-left: 0; }
  header .top-menu ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .fixed-menu .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .top-menu ul li:not(:last-child), .fixed-menu ul li:not(:last-child) {
    padding-right: 20px;
    margin-right: 20px; }
  main .section-form .form-main .title {
    font-size: 1.25em; }
  main .section-form .form-main .form-wrap .line-items .input {
    width: 48%;
    margin-bottom: 20px; }
  main .section-form .form-main .form-wrap .line-items .order {
    margin-top: 0; }
  main .section-catalog .catalog .item {
    height: 400px; }
  main .section-catalog .catalog .item .img {
    width: 60%;
    bottom: 57%; }
  main .section-catalog .catalog .item .name {
    font-size: 0.875em;
    width: 70%;
    bottom: 40%; }
  .bottom-info {
    margin-top: -235px;
    background-size: auto 700px; }
  .bottom-info .section-seo .seo-box, .bottom-info .section-seo .jobs-box {
    width: 48%; }
  .bottom-info .section-seo .jobs-box::before {
    left: -5%; }
  footer .top .right .subscribe .email {
    width: 200px; } }

@media only screen and (max-width: 768px) {
  .container {
    width: 100%; }
  header .top-menu {
    display: none; }
  .top-menu.mobile {
    position: fixed;
    left: -60%;
    top: 0;
    width: 60%;
    min-height: 100vh;
    -webkit-transition: left .3s;
    transition: left .3s; }
    .top-menu.mobile.open {
      left: 0;
      z-index: 101; }
  .top-menu.mobile ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center; }
  .top-menu.mobile ul li:not(:last-child) {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #574b94; }
  .top-menu.mobile .btn-close-menu-mobile {
    margin-bottom: 30px;
    color: #fff;
    text-align: right;
    font-size: 1.625em; }
  header {
    padding-bottom: 300px; }
  .btn-menu-mobile {
    display: inline-block;
    padding: 10px 15px;
    pointer-events: auto;
    background: #382d75;
    color: #fff;
    font-size: 1.875em;
    position: fixed;
    left: 10px;
    top: 10px;
    z-index: 100; }
  header .top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  header .top .work-clock, header .top .phones {
    margin-right: 0;
    margin-bottom: 15px;
    text-align: center;
    padding-left: 0; }
    header .top .work-clock::before, header .top .phones::before {
      display: none; }
  header .top .btn-box {
    text-align: center; }
  main {
    padding-bottom: 0; }
  main .section-form .form-main .title {
    font-size: 1.25em;
    line-height: 22px; }
    main .section-form .form-main .title.desktop {
      display: none; }
    main .section-form .form-main .title.mobile {
      display: block; }
  main .section-form .form-main {
    padding-bottom: 60px; }
  main .section-form .form-main .form-wrap label {
    margin-bottom: 20px; }
  main .section-catalog .title-section {
    font-size: 1.5em; }
  main .section-catalog .catalog {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  main .section-catalog .catalog .item {
    width: 400px; }
  main .section-catalog .catalog .item .img {
    bottom: 40%; }
  main .section-catalog .catalog .item .name {
    bottom: 30%; }
  main .section-catalog .catalog .item .price {
    bottom: 0; }
  .bottom-info {
    background: none;
    margin-top: 0;
    padding-top: 0; }
  .section-stock {
    background: #382d75; }
  .bottom-info .section-stock {
    min-height: auto; }
  .bottom-info .stock-box {
    padding: 30px 0; }
  .bottom-info .stock-box .title {
    font-size: 1.5em;
    line-height: 24px; }
  .bottom-info .section-seo .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .bottom-info .section-seo .seo-box, .bottom-info .section-seo .jobs-box {
    width: 100%; }
  .bottom-info .section-seo .jobs-box {
    margin-top: 20px; }
    .bottom-info .section-seo .jobs-box::before {
      display: none; }
  .bottom-info .section-contacts .title-section {
    margin-bottom: 20px;
    font-size: 1.625em;
    line-height: 30px; }
  footer .top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  footer .top .left {
    margin-bottom: 20px; }
  footer .top .right .subscribe .email {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .fixed-menu {
    display: none !important; } }

@media only screen and (max-width: 480px) {
  main .section-form .form-main .title {
    padding-top: 20px;
    font-size: 1.125em; }
  main .section-form .form-main .form-wrap .line-items .input {
    width: 100%; }
  main .section-catalog {
    margin-top: 30px; }
  main .section-catalog .title-section {
    margin-bottom: 30px; }
  main .section-catalog .catalog .item {
    width: 290px;
    height: 300px;
    margin-bottom: 40px; }
  main .section-catalog .catalog .item .name {
    margin-bottom: 0;
    bottom: 30%;
    font-size: 0.8125em;
    line-height: 16px; }
  main .section-catalog .catalog .item .price {
    padding-top: 24px;
    min-width: 60px;
    min-height: 60px;
    font-size: 1em;
    bottom: 5%; }
  .bottom-info {
    padding-bottom: 30px; }
  .bottom-info .stock-box .stock {
    font-size: 1.125em; }
  .bottom-info .stock-box .title {
    font-size: wm(20);
    line-height: 26px; }
  .bottom-info .stock-box p {
    font-size: 0.875em; }
  .bottom-info .section-seo {
    margin-top: 30px; }
  .bottom-info .section-seo .seo-box .title {
    font-size: 1.25em; }
  .bottom-info .section-seo .seo-box p:not(:last-child) {
    margin-bottom: 15px; }
  footer {
    padding: 30px 0; }
  footer .top .left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  footer .top .left .info {
    margin-right: 0;
    margin-bottom: 20px; }
  footer .top .right .subscribe .line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  footer .top .right .subscribe .email {
    width: 100%;
    -webkit-border-bottom-left-radius: 0;
            border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 30px;
            border-top-right-radius: 30px; }
  footer .top .right .subscribe .submit {
    width: 100%;
    -webkit-border-bottom-left-radius: 30px;
            border-bottom-left-radius: 30px;
    -webkit-border-top-right-radius: 0;
            border-top-right-radius: 0; }
  footer .bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 20px;
    margin-top: 20px; }
  footer .bottom .right {
    margin-top: 20px; }
  .page .container {
    padding-bottom: 30px; }
  .modal-form-tel, .modal-success-window {
    padding: 30px 20px 20px;
    width: 260px; } }

@media only screen and (min-width: 768px) {
  .btn-menu-mobile,
  .btn-close-menu-mobile,
  .top-menu.mobile {
    display: none; }
  main .section-catalog .catalog .item .name br {
    display: none; } }