* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  outline: 0;
  border: 0; }
  *:before, *:after {
    padding: 0;
    margin: 0;
    outline: 0;
    border: 0; }

[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  background: none; }

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="submit"],
input[type="number"] {
  -webkit-appearance: none; }

ul,
ol,
nav {
  list-style-type: none; }
  ul li,
  ol li,
  nav li {
    list-style-type: none; }

a {
  display: inline-block;
  text-decoration: none;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

body {
  color: #000; }

.logo {
  margin-top: -25px; }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .logo {
    margin-top: -15px; } }

@media only screen and (orientation: portrait) and (max-width: 401px) {
  .logo {
    margin-top: -5px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .logo {
    margin-top: -15px; } }

@media only screen and (orientation: landscape) and (max-width: 601px) {
  .logo {
    margin-top: -10px; } }
  .logo__img {
    max-width: 184px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out; }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .logo__img {
    max-width: 130px; } }

@media only screen and (orientation: portrait) and (max-width: 401px) {
  .logo__img {
    max-width: 100px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .logo__img {
    max-width: 130px; } }

@media only screen and (orientation: landscape) and (max-width: 601px) {
  .logo__img {
    max-width: 100px; } }

.container {
  max-width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
  height: auto; }
  @media only screen and (max-width: 1151px) {
    .container {
      padding: 0 5px; } }

strong {
  font-family: 'OpenSansBold', sans-serif; }

.caption {
  text-align: center;
  margin-bottom: 60px; }

@media only screen and (orientation: portrait) and (max-width: 1001px) {
  .caption {
    margin-bottom: 30px; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .caption {
    margin-bottom: 30px; } }
  .caption__title {
    font: 36px 'LatoBlack', sans-serif;
    margin-bottom: 10px; }

@media only screen and (orientation: portrait) and (max-width: 1001px) {
  .caption__title {
    font-size: 28px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .caption__title {
    font-size: 28px; } }
  .caption__text {
    font: 14px 'OpenSansRegular', sans-serif; }

.btn1 {
  font: 14px 'LatoMedium', sans-serif;
  color: #000;
  background: #fff;
  padding: 15px 50px;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(253, 90, 36, 0.004), inset 0px 3px 8.46px 0.54px rgba(227, 247, 255, 0.004), 0px 11px 31.04px 0.96px rgba(162, 46, 141, 0.45);
  box-shadow: 0px 1px 0px 0px rgba(253, 90, 36, 0.004), inset 0px 3px 8.46px 0.54px rgba(227, 247, 255, 0.004), 0px 11px 31.04px 0.96px rgba(162, 46, 141, 0.45);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#d7d7d7), to(white));
  background-image: linear-gradient(0deg, #d7d7d7 0%, white 100%);
  border-radius: 25px;
  min-width: 210px;
  text-align: center; }

@media only screen and (orientation: portrait) and (max-width: 1001px) {
  .btn1 {
    padding: 10px 25px;
    min-width: 170px; } }

@media only screen and (orientation: portrait) and (max-width: 401px) {
  .btn1 {
    padding: 10px;
    min-width: 150px;
    font-size: 12px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .btn1 {
    padding: 10px 25px;
    min-width: 170px; } }
  .btn1:hover {
    color: #fff;
    background: #a82133; }

.btn2 {
  font: 27px 'LatoRegular', sans-serif;
  color: #fff;
  background: #00a0e3;
  border-radius: 25px;
  padding: 15px 35px;
  -webkit-box-shadow: 0px 2px 0px 0px rgba(51, 177, 229, 0.004), inset 0px 3px 8.46px 0.54px rgba(36, 174, 231, 0.004), 0px 11px 31.04px 0.96px rgba(1, 124, 176, 0.45), inset 0px 3px 8.46px 0.54px rgba(221, 71, 92, 0.004);
  box-shadow: 0px 2px 0px 0px rgba(51, 177, 229, 0.004), inset 0px 3px 8.46px 0.54px rgba(36, 174, 231, 0.004), 0px 11px 31.04px 0.96px rgba(1, 124, 176, 0.45), inset 0px 3px 8.46px 0.54px rgba(221, 71, 92, 0.004);
  background-image: -linear-gradient(0deg, #028dc8 0%, #00a0e3 100%);
  min-width: 210px;
  text-align: center; }

@media only screen and (orientation: portrait) and (max-width: 1001px) {
  .btn2 {
    padding: 10px 25px;
    min-width: 170px; } }

@media only screen and (orientation: portrait) and (max-width: 401px) {
  .btn2 {
    padding: 10px;
    min-width: 150px;
    font-size: 12px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .btn2 {
    padding: 10px 25px;
    min-width: 170px; } }
  .btn2:hover {
    color: #fff;
    background: #a82133;
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn3 {
  font: 14px 'LatoMedium', sans-serif;
  color: #fff;
  text-align: center;
  border-radius: 25px;
  padding: 15px 35px;
  min-width: 210px;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(172, 36, 54, 0.004), inset 0px 3px 8.46px 0.54px rgba(207, 45, 67, 0.004), 0px 11px 31.04px 0.96px rgba(255, 85, 16, 0.45);
  box-shadow: 0px 1px 0px 0px rgba(172, 36, 54, 0.004), inset 0px 3px 8.46px 0.54px rgba(207, 45, 67, 0.004), 0px 11px 31.04px 0.96px rgba(255, 85, 16, 0.45);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#8b1a29), to(#a82133));
  background-image: linear-gradient(0deg, #8b1a29 0%, #a82133 100%); }

@media only screen and (orientation: portrait) and (max-width: 1001px) {
  .btn3 {
    padding: 10px 25px;
    min-width: 170px; } }

@media only screen and (orientation: portrait) and (max-width: 401px) {
  .btn3 {
    padding: 10px;
    min-width: 150px;
    font-size: 12px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .btn3 {
    padding: 10px 25px;
    min-width: 170px; } }
  .btn3:hover {
    background: #00a0e3; }

.header {
  padding: 48px 0;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 10;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .header {
    padding: 24px 0; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .header {
    padding: 24px 0; } }
  .header.scroll {
    padding: 15px 0;
    background: #00a0e3; }

@media only screen and (orientation: portrait) and (max-width: 551px) {
  .header.scroll {
    padding: 5px 0; } }
    .header.scroll .menu__link {
      color: #fff; }
      .header.scroll .menu__link:hover, .header.scroll .menu__link:focus {
        color: #a82133; }
    .header.scroll .logo {
      margin-top: -15px; }

@media only screen and (orientation: portrait) and (max-width: 551px) {
  .header.scroll .logo {
    margin-top: 0; } }

@media only screen and (orientation: landscape) and (max-width: 601px) {
  .header.scroll .logo {
    margin-top: 0; } }
      .header.scroll .logo__img {
        max-width: 130px; }

@media only screen and (orientation: portrait) and (max-width: 401px) {
  .header.scroll .logo__img {
    max-width: 100px; } }

@media only screen and (orientation: landscape) and (max-width: 601px) {
  .header.scroll .logo__img {
    max-width: 100px; } }
    .header.scroll .btn1 {
      -webkit-box-shadow: none;
      box-shadow: none; }
  .header .container {
    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; }
  .header .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 45%; }

@media only screen and (orientation: portrait) and (max-width: 1001px) {
  .header .menu {
    position: absolute;
    top: 100%;
    background: #7dd9ff;
    padding: 15px;
    left: 0;
    right: 0;
    width: 100%; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .header .menu {
    position: absolute;
    top: 100%;
    background: #7dd9ff;
    padding: 15px;
    left: 0;
    right: 0;
    width: 100%; } }
    .header .menu__link {
      font: 14px 'OpenSansBold', sans-serif;
      color: #580004;
      margin-bottom: 10px; }

@media only screen and (orientation: portrait) and (max-width: 1001px) {
  .header .menu__link {
    width: 100%; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .header .menu__link {
    width: 100%; } }
      .header .menu__link:hover, .header .menu__link:focus {
        color: #00a0e3; }
      .header .menu__link:not(:last-child) {
        margin-right: 27px; }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .header .menu__link:not(:last-child) {
    margin-right: 10px; } }

@media only screen and (orientation: portrait) and (max-width: 1001px) {
  .header .menu__link:not(:last-child) {
    margin-right: 0; } }

@media only screen and (orientation: landscape) and (max-width: 1151px) {
  .header .menu__link:not(:last-child) {
    margin-right: 10px; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .header .menu__link:not(:last-child) {
    margin-right: 0; } }
  .header .tel {
    color: #fff;
    font: 18px 'LatoBlack', sans-serif; }
    @media only screen and (min-width: 1200px) {
      .header .tel:hover {
        color: #580004; } }

@media only screen and (orientation: portrait) and (max-width: 551px) {
  .header .tel {
    display: none; } }

@media only screen and (orientation: landscape) and (max-width: 701px) {
  .header .tel {
    font-size: 14px; } }

.mainblock {
/*  background: url("../images/mainblock/bg.jpg") no-repeat right top;*/
  position: relative; }
  @media only screen and (max-width: 1700px) {
    .mainblock {
      background-size: contain; } }
  .mainblock .container {
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .mainblock .container {
    height: auto;
    padding: 150px 10px; } }

@media only screen and (orientation: portrait) and (max-width: 701px) {
  .mainblock .container {
    padding: 100px 10px; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .mainblock .container {
    height: auto;
    padding: 150px 10px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .mainblock .container {
    padding: 100px 10px; } }
  .mainblock h1 {
    font:40px 'LatoBlack', sans-serif;
    margin-bottom: 70px; }
    @media only screen and (max-width: 1450px) {
      .mainblock h1 {
        margin-bottom: 35px; } }

@media only screen and (orientation: portrait) and (max-width: 1001px) {
  .mainblock h1 {
    font-size: 45px;
    margin-bottom: 40px; } }

@media only screen and (orientation: portrait) and (max-width: 551px) {
  .mainblock h1 {
    font-size: 35px;
    margin-bottom: 20px; } }

@media only screen and (orientation: portrait) and (max-width: 401px) {
  .mainblock h1 {
    font-size: 28px; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .mainblock h1 {
    font-size: 45px;
    margin-bottom: 40px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .mainblock h1 {
    font-size: 35px;
    margin-bottom: 20px; } }
  .mainblock p {
    font: 20px 'OpenSansRegular', sans-serif;
    margin-bottom: 70px;
    max-width: 480px; }
    @media only screen and (max-width: 1450px) {
      .mainblock p {
        margin-bottom: 35px; } }

@media only screen and (orientation: portrait) and (max-width: 701px) {
  .mainblock p {
    margin-bottom: 25px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .mainblock p {
    margin-bottom: 25px; } }
    .mainblock p.red {
      color: #a82133; }
  .mainblock .link {
    font: 14px/18px 'OpenSansRegular', sans-serif;
    color: #000;
    margin-bottom: 35px;
    display: none; }

@media only screen and (orientation: portrait) and (max-width: 551px) {
  .mainblock .link {
    display: block;
    margin-bottom: 15px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .mainblock .link {
    display: block;
    margin-bottom: 15px; } }
  .mainblock img {
    position: absolute;
    bottom: 4%;
    right: 10%; }
    @media only screen and (max-width: 1700px) {
      .mainblock img {
        bottom: 0;
        right: 0; } }
    @media only screen and (max-width: 1450px) {
      .mainblock img {
        width: 60%; } }
    @media only screen and (max-width: 800px) {
      .mainblock img {
        display: none; } }
  .mainblock_packet p {
    max-width: 550px; }
  .mainblock_packet img {
    right: 0;
    bottom: 0; }

.about {
  padding: 60px 0; }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .about {
    padding: 30px 0; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .about {
    padding: 30px 0; } }
  .about .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .about .item {
    text-align: center;
    width: 25%; }

@media only screen and (orientation: portrait) and (max-width: 551px) {
  .about .item {
    width: 50%;
    margin-bottom: 20px; } }
    .about .item h3 {
      font: 48px 'LatoBlack', sans-serif;
      margin-bottom: 10px;
      color: #ab2e3f; }

@media only screen and (orientation: portrait) and (max-width: 701px) {
  .about .item h3 {
    font-size: 36px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .about .item h3 {
    font-size: 36px; } }
    .about .item p {
      font: 14px 'OpenSansRegular', sans-serif; }

@media only screen and (orientation: portrait) and (max-width: 701px) {
  .about .item p {
    font-size: 12px; } }

.types {
  padding: 60px 0; }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .types {
    padding: 30px 0; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .types {
    padding: 30px 0; } }
  .types #tabs .tabs {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 70px;
    overflow-x: auto; }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .types #tabs .tabs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 10px;
    margin-bottom: 30px; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .types #tabs .tabs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 10px;
    margin-bottom: 30px; } }
    .types #tabs .tabs::-webkit-scrollbar {
      width: auto;
      height: 3px; }
    .types #tabs .tabs::-webkit-scrollbar-track {
      border-radius: 2px;
      width: auto;
      background: #d1d3d4; }
    .types #tabs .tabs::-webkit-scrollbar-thumb {
      width: auto;
      background: #a82133;
      border-radius: 2px; }
    .types #tabs .tabs .ui-tabs-active a {
      background: #ab2e3f;
      -webkit-box-shadow: 0px 11px 31.04px 0.96px rgba(171, 46, 63, 0.45);
      box-shadow: 0px 11px 31.04px 0.96px rgba(171, 46, 63, 0.45);
      color: #fff; }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .types #tabs .tabs .ui-tabs-active a {
    -webkit-box-shadow: none;
    box-shadow: none; } }
    .types #tabs .tabs a {
      padding: 15px 20px;
      font: 14px/1.6 'LatoRegular', sans-serif;
      color: #747474;
      border-radius: 25px;
      min-width: 170px;
      text-align: center;
      border: 1px solid #747474; }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .types #tabs .tabs a {
    margin: 0 10px;
    padding: 10px; } }

@media only screen and (orientation: portrait) and (max-width: 551px) {
  .types #tabs .tabs a {
    padding: 10px;
    font-size: 12px;
    min-width: 140px; } }

@media only screen and (orientation: landscape) and (max-width: 1025px) {
  .types #tabs .tabs a {
    margin: 0 10px;
    padding: 10px; } }
  .types .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

@media only screen and (orientation: portrait) and (max-width: 701px) {
  .types .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; } }

@media only screen and (orientation: landscape) and (max-width: 601px) {
  .types .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; } }
  .types img {
    width: 47%;
    height: auto; }

@media only screen and (orientation: portrait) and (max-width: 1001px) {
  .types img {
    width: 30%; } }

@media only screen and (orientation: portrait) and (max-width: 701px) {
  .types img {
    width: 100%; } }

@media only screen and (orientation: landscape) and (max-width: 601px) {
  .types img {
    width: 100%; } }
  .types .btn2 {
    margin-top: 40px; }

@media only screen and (orientation: portrait) and (max-width: 701px) {
  .types .btn2 {
    margin: 20px 0; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .types .btn2 {
    margin: 20px 0; } }
  .types .content {
    width: 47%; }

@media only screen and (orientation: portrait) and (max-width: 1001px) {
  .types .content {
    width: 65%; } }

@media only screen and (orientation: portrait) and (max-width: 701px) {
  .types .content {
    width: 100%; } }

@media only screen and (orientation: landscape) and (max-width: 601px) {
  .types .content {
    width: 100%; } }
    .types .content h3 {
      font: 24px 'LatoBlack', sans-serif;
      margin-bottom: 25px; }
    .types .content p {
      font: 14px 'OpenSansRegular', sans-serif;
      margin-bottom: 10px; }
    .types .content table {
      display: block;
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 25px; }
    .types .content tr:first-child {
      background: #d1d3d4; }
    .types .content td {
      border: 1px solid #d1d3d4;
      font: 14px 'OpenSansRegular', sans-serif;
      padding: 8px 10px;
      width: 25%;
      text-align: center; }

.work-order {
  padding: 60px 0; }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .work-order {
    padding: 30px 0; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .work-order {
    padding: 30px 0; } }
  .work-order .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .work-order .item {
    text-align: center;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 16.6%; }

@media only screen and (orientation: portrait) and (max-width: 701px) {
  .work-order .item {
    width: 33.3%;
    margin-bottom: 20px; } }

@media only screen and (orientation: portrait) and (max-width: 401px) {
  .work-order .item {
    width: 50%; } }

@media only screen and (orientation: landscape) and (max-width: 601px) {
  .work-order .item {
    width: 33.3%;
    margin-bottom: 20px; } }
    .work-order .item:not(:last-child) .item__num:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 100%;
      width: 127px;
      height: 16px;
      background: url("../images/work-order/arrow.png") no-repeat center center/contain; }

@media only screen and (orientation: portrait) and (max-width: 701px) {
  .work-order .item:not(:last-child) .item__num:after {
    display: none; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .work-order .item:not(:last-child) .item__num:after {
    display: none; } }
    .work-order .item__num {
      position: relative;
      background: #fff;
      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;
      color: #00a0e3;
      font: 30px 'LatoBlack', sans-serif;
      width: 63px;
      height: 63px;
      -webkit-box-shadow: 0px 2px 21px 0px rgba(161, 174, 180, 0.45);
      box-shadow: 0px 2px 21px 0px rgba(161, 174, 180, 0.45);
      border-radius: 100%;
      margin-bottom: 30px; }

@media only screen and (orientation: portrait) and (max-width: 701px) {
  .work-order .item__num {
    margin-bottom: 10px; } }

@media only screen and (orientation: landscape) and (max-width: 601px) {
  .work-order .item__num {
    margin-bottom: 10px; } }
    .work-order .item__text {
      font: 14px 'OpenSansRegular', sans-serif; }

.banner {
  margin: 120px 0;
  padding: 85px 0; }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .banner {
    margin: 60px 0;
    padding: 40px 0; } }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .banner {
    margin: 20px 0; } }

@media only screen and (orientation: landscape) and (max-width: 1151px) {
  .banner {
    margin: 60px 0;
    padding: 40px 0; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .banner {
    margin: 20px 0; } }
  .banner .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative; }
  .banner .inner {
    max-width: 580px; }

@media only screen and (orientation: portrait) and (max-width: 1001px) {
  .banner .inner {
    max-width: 450px; } }

@media only screen and (orientation: portrait) and (max-width: 701px) {
  .banner .inner {
    max-width: 700px; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .banner .inner {
    max-width: 450px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .banner .inner {
    max-width: 350px; } }
    .banner .inner h2 {
      font: 36px 'LatoBlack', sans-serif;
      margin-bottom: 50px; }

@media only screen and (orientation: portrait) and (max-width: 1001px) {
  .banner .inner h2 {
    font-size: 28px;
    margin-bottom: 20px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .banner .inner h2 {
    font-size: 28px;
    margin-bottom: 20px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .banner .inner h2 {
    font-size: 22px; } }
  .banner img {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%); }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .banner img {
    width: 40%; } }

@media only screen and (orientation: portrait) and (max-width: 701px) {
  .banner img {
    display: none; } }

@media only screen and (orientation: landscape) and (max-width: 1151px) {
  .banner img {
    width: 40%; } }

@media only screen and (orientation: landscape) and (max-width: 601px) {
  .banner img {
    display: none; } }
  .banner_packet img {
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%); }

.banner1 {
  background: url("../images/banners/bg1.jpg") no-repeat left center/contain; }

@media only screen and (orientation: portrait) and (max-width: 701px) {
  .banner1 {
    background-size: cover; } }

@media only screen and (orientation: landscape) and (max-width: 601px) {
  .banner1 {
    background-size: cover; } }

.banner2 {
  background: url("../images/banners/bg2.jpg") no-repeat right center/contain; }

@media only screen and (orientation: portrait) and (max-width: 701px) {
  .banner2 {
    background-size: cover; } }

@media only screen and (orientation: landscape) and (max-width: 601px) {
  .banner2 {
    background-size: cover; } }
  .banner2 .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }

@media only screen and (orientation: portrait) and (max-width: 701px) {
  .banner2 .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; } }

@media only screen and (orientation: landscape) and (max-width: 601px) {
  .banner2 .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; } }
  .banner2 img {
    right: auto;
    left: -10%;
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%); }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .banner2 img {
    left: 0; } }

@media only screen and (orientation: landscape) and (max-width: 1151px) {
  .banner2 img {
    left: 0; } }

.sizes {
  padding: 60px 0; }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .sizes {
    padding: 30px 0; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .sizes {
    padding: 30px 0; } }
  .sizes .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .sizes .item {
    width: 23%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center; }

@media only screen and (orientation: portrait) and (max-width: 1001px) {
  .sizes .item {
    width: 33%;
    margin-bottom: 20px; } }

@media only screen and (orientation: portrait) and (max-width: 801px) {
  .sizes .item {
    width: 48%; } }

@media only screen and (orientation: portrait) and (max-width: 551px) {
  .sizes .item {
    width: 100%; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .sizes .item {
    width: 33%;
    margin-bottom: 20px; } }

@media only screen and (orientation: landscape) and (max-width: 801px) {
  .sizes .item {
    width: 48%; } }
    .sizes .item__img {
      width: 100%;
      height: auto;
      margin-bottom: 20px; }
    .sizes .item__size {
      font: 14px 'OpenSansBold', sans-serif;
      display: inline-block;
      margin-bottom: 25px; }
    .sizes .item__table {
      display: block;
      border-collapse: collapse;
      margin-bottom: 25px; }
      .sizes .item__table tr:first-child {
        background: #d1d3d4; }
      .sizes .item__table td {
        border: 1px solid #d1d3d4;
        font: 14px 'OpenSansRegular', sans-serif;
        padding: 5px;
        text-align: center; }

.cooperation {
  padding: 60px 0; }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .cooperation {
    padding: 30px 0; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .cooperation {
    padding: 30px 0; } }
  .cooperation .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .cooperation .item {
    width: 25%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center; }

@media only screen and (orientation: portrait) and (max-width: 701px) {
  .cooperation .item {
    width: 50%;
    margin-bottom: 25px; } }
    .cooperation .item .img-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background: #fff;
      width: 100px;
      height: 100px;
      margin-bottom: 30px;
      -webkit-box-shadow: 0px 2px 21px 0px rgba(161, 174, 180, 0.45);
      box-shadow: 0px 2px 21px 0px rgba(161, 174, 180, 0.45);
      border-radius: 100%; }

@media only screen and (orientation: portrait) and (max-width: 701px) {
  .cooperation .item .img-wrap {
    margin-bottom: 15px; } }
    .cooperation .item__text {
      font: 14px/1.6 'OpenSansRegular', sans-serif;
      text-align: center; }

.works {
  padding: 60px 0; }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .works {
    padding: 30px 0; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .works {
    padding: 30px 0; } }
  .works .slider img {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out; 
    height: 100%;
    width: auto;
  }
  .works .slider a {
    width: 280px;
    height: 320px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media only screen and (max-width: 1301px) {
      .works .slider a {
        width: 250px;
        height: 250px; } }
    .works .slider a:hover img {
      opacity: 0.5; }
  .works .slider .slick-next {
    width: 50px;
    height: 50px;
    right: 30px;
    z-index: 3; }
    .works .slider .slick-next::before {
      color: #a82133;
      font-size: 50px; }
  .works .slider .slick-prev {
    width: 50px;
    height: 50px;
    left: 30px;
    z-index: 3; }
    .works .slider .slick-prev::before {
      color: #a82133;
      font-size: 50px; }

.partners {
  padding: 60px 0; }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .partners {
    padding: 30px 0; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .partners {
    padding: 30px 0; } }
  .partners .slider {
    position: relative;
    width: 100%; }
    @media only screen and (max-width: 1300px) {
      .partners .slider {
        width: 80%;
        margin: 0 auto; } }
    .partners .slider .slick-track {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .partners .slider .slide {
      text-align: center; }
    .partners .slider img {
      display: inline-block; }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .partners .slider img {
    width: 90%;
    height: auto; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .partners .slider img {
    width: 90%;
    height: auto; } }
    .partners .slider .next,
    .partners .slider .prev {
      position: absolute;
      top: 50%;
      z-index: 3;
      cursor: pointer;
      -webkit-transition: all .3s ease-out;
      transition: all .3s ease-out;
      font-size: 45px; }

@media only screen and (orientation: portrait) and (max-width: 551px) {
  .partners .slider .next,
  .partners .slider .prev {
    font-size: 35px; } }
      .partners .slider .next:hover,
      .partners .slider .prev:hover {
        color: #a82133; }
    .partners .slider .next {
      right: -45px;
      -webkit-transform: translateY(-50%) rotate(90deg);
      transform: translateY(-50%) rotate(90deg); }

@media only screen and (orientation: portrait) and (max-width: 551px) {
  .partners .slider .next {
    right: -35px; } }

@media only screen and (orientation: portrait) and (max-width: 401px) {
  .partners .slider .next {
    right: -25px; } }
    .partners .slider .prev {
      left: -45px;
      -webkit-transform: translateY(-50%) rotate(-90deg);
      transform: translateY(-50%) rotate(-90deg); }

@media only screen and (orientation: portrait) and (max-width: 551px) {
  .partners .slider .prev {
    left: -35px; } }

@media only screen and (orientation: portrait) and (max-width: 401px) {
  .partners .slider .prev {
    left: -25px; } }

.cost {
  padding: 130px 0 120px;
  background: url("../images/cost/bg.jpg") no-repeat left bottom; }
  @media only screen and (max-width: 1700px) {
    .cost {
      background-size: contain; } }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .cost {
    padding: 80px 0 70px; } }

@media only screen and (orientation: portrait) and (max-width: 551px) {
  .cost {
    padding: 30px 0; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .cost {
    padding: 80px 0 70px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .cost {
    padding: 30px 0; } }
  .cost h2 {
    font: 36px 'LatoBlack', sans-serif;
    margin-bottom: 40px;
    max-width: 700px; }

@media only screen and (orientation: portrait) and (max-width: 1001px) {
  .cost h2 {
    font-size: 28px;
    margin-bottom: 20px; } }

@media only screen and (orientation: portrait) and (max-width: 551px) {
  .cost h2 {
    font-size: 20px; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .cost h2 {
    font-size: 28px;
    margin-bottom: 20px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .cost h2 {
    font-size: 20px; } }
  .cost .form {
    width: 390px; }

@media only screen and (orientation: portrait) and (max-width: 551px) {
  .cost .form {
    width: 100%; } }
    .cost .form-item {
      width: 100%;
      margin-bottom: 20px; }
    .cost .form__input {
      width: 100%;
      display: block;
      -webkit-box-shadow: 0px 11px 31.04px 0.96px rgba(179, 81, 149, 0.45);
      box-shadow: 0px 11px 31.04px 0.96px rgba(179, 81, 149, 0.45);
      background: #fff;
      border-radius: 25px;
      padding: 18px 28px;
      font: 14px 'LatoRegular', sans-serif;
      color: #000; }
      .cost .form__input:hover, .cost .form__input:focus {
        -webkit-box-shadow: 0 0 0 2px #00a0e3;
        box-shadow: 0 0 0 2px #00a0e3; }
      .cost .form__input:placeholder {
        font: 14px 'LatoRegular', sans-serif;
        color: #afafaf; }
      .cost .form__input.textarea {
        min-height: 145px; }
    .cost .form__btn {
      margin-top: 30px;
      cursor: pointer;
      -webkit-transition: all .3s ease-out;
      transition: all .3s ease-out; }

@media only screen and (orientation: portrait) and (max-width: 701px) {
  .cost .form__btn {
    margin-top: 0; } }

/* .contact {
  position: relative;
  background: url("../images/contact/mapb.jpg") no-repeat right center/cover; }
  @media only screen and (max-width: 701px) {
    .contact {
      background: none; } }
  .contact .container {
    padding: 0px; }
  .contact .inner {
    background: #fff;
    max-width: 410px;
    padding: 70px;
    height: 100%; }
    @media only screen and (max-width: 1701px) {
      .contact .inner {
        padding: 40px; } }
    @media only screen and (max-width: 701px) {
      .contact .inner {
        max-width: 700px; } }
  .contact .map {
    display: none;
    width: 100%;
    height: auto; }
    @media only screen and (max-width: 701px) {
      .contact .map {
        display: block; } }
  .contact h2 {
    font: 36px 'LatoBlack', sans-serif;
    margin-bottom: 35px; }

@media only screen and (orientation: portrait) and (max-width: 1001px) {
  .contact h2 {
    font-size: 28px;
    margin-bottom: 20px; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .contact h2 {
    font-size: 28px;
    margin-bottom: 20px; } }
  .contact p,
  .contact a {
    font: 14px/18px 'OpenSansRegular', sans-serif;
    color: #000;
    margin-bottom: 35px;
    display: block; }
    @media only screen and (max-width: 1701px) {
      .contact p,
      .contact a {
        margin-bottom: 15px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .contact p,
  .contact a {
    margin-bottom: 20px; } }
  .contact .small {
    font-size: 12px; }
  .contact a:hover {
    color: #a82133; }
  .contact a:last-child {
    margin-bottom: 0; } */
    
.contact {
  position: relative;
  height:500px;
  background: url("../images/contact/map-bg.png") no-repeat right center/cover;
  overflow:hidden;
}
    
@media only screen and (max-width: 1200px) {
      .contact {
          background-size: 160%;
          height: 400px;
      }
  }
  @media only screen and (max-width: 801px) {
      .contact {
          background: none;
          height:auto;
      }
  }
  @media only screen and (max-width: 701px) {
/*     .contact {
  background: none; } */ }
  
.contact .with-icon {
    position:relative;
}

.contact .with-icon::before {
    content:'';
    position:absolute;
    top:0;
    left:-30px;
    width: 20px;
    height:20px;
}

.contact .with-icon.icon-addr::before {
    background: url(../images/icons/map.svg) no-repeat center/cover;
}

.contact .with-icon.icon-mail::before {
    background: url(../images/icons/mail.svg) no-repeat center/cover;
}

.contact .with-icon.icon-phone::before {
    background: url(../images/icons/call.svg) no-repeat center/cover;
}

.contact .with-icon.icon-clock::before {
    background: url(../images/icons/hourglass.svg) no-repeat center/cover;
}
  
  
.contact .map-load-btn {
    position: absolute;
    width: 240px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    right: 40px;
    font-size: 20px;
    outline: none;
    border: 2px solid #8b1a29;
    padding: 10px;
    background: #fff;
    cursor: pointer;
    transition: color 0.3s, background 0.3s;
}  
@media only screen and (max-width: 1200px){
    .contact .map-load-btn{
        top: auto;
        left:auto;
        right: 40px;
        bottom:40px;
        transform: translate(0);
    }
    
}

@media only screen and (max-width: 801px) {
    .contact .map-load-btn {
        display:none;
    }
}

.contact .map-load-btn:hover,
.contact .map-load-btn:focus,
.contact .map-load-btn:active {
    color:#fff;
    background:#8b1a29;
}

.contact #map {
    height:100%;     
}
/* .contact .container {
   
    width:100%;
    padding: 0px;
    height: 100%;
} */
  .contact .inner {
    position:absolute;
    top:0;
    left:75px;
    background: #fff;
    max-width: 410px;
    padding: 70px;
    height: 100%; 
    z-index: 2;
  }
     /*  @media only screen and (max-width: 1200px) {
     .contact .inner {
       left: auto;
       right: 50px;
         
     } } */
    @media only screen and (max-width: 1701px) {
      .contact .inner {
        padding: 40px;
        padding-left: 60px;} }
    @media only screen and (max-width: 801px) {
    .contact #map {
        display:none;
    }  
      .contact .inner {
          position:static;
        max-width: 100%; } }
/*   .contact .map {
  display: none;
  width: 100%;
  height: auto; } */
 /*    @media only screen and (max-width: 801px) {
     .contact .map {
         display: block;
     }
 } */
/*     @media only screen and (max-width: 701px) {
  .contact .map {
    display: block; } } */
  .contact h2 {
    font: 36px 'LatoBlack', sans-serif;
    margin-bottom: 35px; }

@media only screen and (orientation: portrait) and (max-width: 1001px) {
  .contact h2 {
    font-size: 28px;
    margin-bottom: 20px; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .contact h2 {
    font-size: 28px;
    margin-bottom: 20px; } }
  .contact p,
  .contact a {
    font: 14px/18px 'OpenSansRegular', sans-serif;
    color: #000;
    margin-bottom: 35px;
    display: block; }
    @media only screen and (max-width: 1701px) {
      .contact p,
      .contact a {
        margin-bottom: 15px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .contact p,
  .contact a {
    margin-bottom: 20px; } }
  .contact .small {
    font-size: 12px; }
  .contact a:hover {
    color: #a82133; }
  .contact a:last-child {
    margin-bottom: 0; }

.services {
  padding: 60px 0; }

@media only screen and (orientation: portrait) and (max-width: 1025px) {
  .services {
    padding: 30px 0; } }

@media only screen and (orientation: landscape) and (max-width: 1001px) {
  .services {
    padding: 30px 0; } }
  .services .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .services .item {
    width: 23%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center; }

@media only screen and (orientation: portrait) and (max-width: 801px) {
  .services .item {
    width: 48%;
    margin-bottom: 20px; } }

@media only screen and (orientation: portrait) and (max-width: 401px) {
  .services .item {
    width: 100%; } }

@media only screen and (orientation: landscape) and (max-width: 801px) {
  .services .item {
    width: 48%;
    margin-bottom: 20px; } }
    .services .item__title {
      text-align: center;
      font: 16px 'OpenSansExtrabold', sans-serif;
      margin-bottom: 30px; }
    .services .item__img {
      width: 100%;
      height: auto;
      margin-bottom: 30px; }
    .services .item__text {
      font: 14px/1.6 'OpenSansRegular', sans-serif;
      margin-bottom: 50px;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }

.products {
  padding: 60px 0; }
  .products .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .products .item {
    width: 18%;
    margin: 0 1% 50px; }
    @media only screen and (max-width: 1301px) {
      .products .item {
        width: 23%; } }
    @media only screen and (max-width: 701px) {
      .products .item {
        width: 48%; } }
    .products .item__img {
      display: block;
      width: 100%;
      height: auto;
      margin-bottom: 15px; }
    .products .item__title {
      font: 14px 'LatoBlack', sans-serif;
      margin-bottom: 5px; }
    .products .item__text {
      font: 14px 'LatoRegular', sans-serif;
      margin-bottom: 20px; }

.popup {
  margin: auto;
  padding: 100px 70px;
  max-width: 560px;
  border-radius: 50px;
  position: relative;
  background: url("../images/popup/bg.jpg") no-repeat center center/cover;
  -webkit-box-shadow: 0px 2px 21px 0px rgba(45, 45, 45, 0.45);
  box-shadow: 0px 2px 21px 0px rgba(45, 45, 45, 0.45); }
  @media only screen and (max-width: 1701px) {
    .popup {
      padding: 50px; } }

@media only screen and (orientation: portrait) and (max-width: 581px) {
  .popup {
    padding: 25px; } }

@media only screen and (orientation: landscape) and (max-width: 961px) {
  .popup {
    padding: 25px; } }
  .popup__title {
    text-align: left;
    margin-bottom: 40px;
    font: 36px 'LatoBlack', sans-serift;
    padding-right: 50px; }

@media only screen and (orientation: portrait) and (max-width: 601px) {
  .popup__title {
    margin-bottom: 10px;
    font-size: 28px; } }

@media only screen and (orientation: portrait) and (max-width: 401px) {
  .popup__title {
    font-size: 20px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .popup__title {
    margin-bottom: 10px;
    font-size: 28px; } }

@media only screen and (orientation: landscape) and (max-width: 601px) {
  .popup__title {
    font-size: 20px; } }
  .popup .form {
    width: 100%; }
    .popup .form-item {
      width: 100%;
      margin-bottom: 20px; }

@media only screen and (orientation: portrait) and (max-width: 551px) {
  .popup .form-item {
    margin-bottom: 10px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .popup .form-item {
    margin-bottom: 10px; } }
    .popup .form__input {
      padding: 18px 25px;
      width: 100%;
      display: block;
      font: 14px 'LatoRegular', sans-serif;
      color: #000;
      -webkit-box-shadow: 0px 2px 21px 0px rgba(161, 174, 180, 0.45);
      box-shadow: 0px 2px 21px 0px rgba(161, 174, 180, 0.45);
      border-radius: 25px; }

@media only screen and (orientation: portrait) and (max-width: 551px) {
  .popup .form__input {
    padding: 15px; } }

@media only screen and (orientation: portrait) and (max-width: 401px) {
  .popup .form__input {
    padding: 10px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .popup .form__input {
    padding: 15px; } }

@media only screen and (orientation: landscape) and (max-width: 601px) {
  .popup .form__input {
    padding: 10px; } }
      .popup .form__input:placeholder {
        color: #afafaf;
        font: 14px 'LatoRegular', sans-serif; }
      .popup .form__input:hover, .popup .form__input:focus {
        -webkit-box-shadow: 0 0 0 2px #00a0e3;
        box-shadow: 0 0 0 2px #00a0e3; }
    .popup .form .checkbox {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      position: relative;
      cursor: pointer; }
      .popup .form .checkbox label {
        width: 15px;
        height: 15px;
        cursor: pointer;
        display: block;
        -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border: 1px solid #000;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out; }
        .popup .form .checkbox label:before {
          content: '';
          display: block;
          position: absolute;
          top: 2px;
          left: 3px;
          right: auto;
          width: 20px;
          height: 20px;
          -webkit-transition: all .3s ease-out;
          transition: all .3s ease-out; }
      .popup .form .checkbox input[type=checkbox] {
        visibility: hidden; }
        .popup .form .checkbox input[type=checkbox]:checked + label {
          background: url("../images/popup/check.png") no-repeat center center/contain; }
          .popup .form .checkbox input[type=checkbox]:checked + label:before {
            left: auto;
            right: 3px; }
    .popup .form .personal-info-text {
      font: 14px 'OpenSanslight', sans-serif;
      max-width: 245px;
      margin-left: 20px; }

@media only screen and (orientation: portrait) and (max-width: 551px) {
  .popup .form .personal-info-text {
    line-height: 1.1; } }
      .popup .form .personal-info-text a {
        text-decoration: underline;
        color: #000; }
        .popup .form .personal-info-text a:hover {
          color: #fff; }
    .popup .form__btn {
      cursor: pointer; }

.mfp-close {
  right: 25px;
  top: 25px; }
  .mfp-close:active {
    right: 25px;
    top: 25px; }

.footer {
  background: #a82133;
  padding: 30px 0; }
  .footer .container {
    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; }

@media only screen and (orientation: portrait) and (max-width: 551px) {
  .footer .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center; } }
  .footer__text {
    margin-right: auto;
    font: 14px 'OpenSansRegular', sans-serif;
    margin-left: 20px; }

@media only screen and (orientation: portrait) and (max-width: 551px) {
  .footer__text {
    margin: 15px 0; } }

@media only screen and (orientation: landscape) and (max-width: 701px) {
  .footer__text {
    display: none; } }
  .footer .tel {
    margin-left: auto;
    margin-right: 20px;
    color: #000;
    font: 18px 'LatoBlack', sans-serif; }
    @media only screen and (min-width: 1200px) {
      .footer .tel:hover {
        color: #fff; } }

@media only screen and (orientation: portrait) and (max-width: 551px) {
  .footer .tel {
    margin-left: 0;
    margin-bottom: 15px; } }

@media only screen and (orientation: landscape) and (max-width: 751px) {
  .footer .tel {
    font-size: 14px; } }
  .footer .btn1 {
    -webkit-box-shadow: none;
    box-shadow: none; }
    .footer .btn1:hover {
      background: #00a0e3; }

.burger {
  width: 30px;
  height: 30px;
  position: relative;
  cursor: pointer;
  background: transparent;
  display: none; }
  @media only screen and (max-width: 1001px) {
    .burger {
      display: block; } }
  .burger .bar {
    padding: 0;
    width: 30px;
    height: 4px;
    background-color: #a82133;
    display: block;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute; }
  .burger .bar {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .burger .bar1 {
    top: 0; }
  .burger .bar2 {
    top: 12px; }
  .burger .bar3 {
    top: 24px; }
  .burger.active .bar1 {
    top: 13.5px;
    background-color: transparent; }
  .burger.active .bar2 {
    left: 0px;
    width: 30px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 12px; }
  .burger.active .bar3 {
    left: 0;
    width: 30px;
    top: 12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }




.cost .fl_upld{    
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content: space-between;
}
#fl_inp{
    position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
}
.fl_upld label {
    cursor:pointer;
}
#fl_nm{
     margin-top:10px;
    display: inline-block;
    color:#a82133;
}

.contact .map-load-btn {
    position: absolute;
    width: 240px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    right: 40px;
    font-size: 20px;
    outline: none;
    border: 2px solid #8b1a29;
    padding: 10px;
    background: #fff;
    cursor: pointer;
    transition: color 0.3s, background 0.3s;
}  
@media only screen and (max-width: 1200px){
    .contact .map-load-btn{
        top: auto;
        left:auto;
        right: 40px;
        bottom:40px;
        transform: translate(0);
    }
    
}

@media only screen and (max-width: 801px) {
    .contact .map-load-btn {
        display:none;
    }
}

.contact .map-load-btn:hover,
.contact .map-load-btn:focus,
.contact .map-load-btn:active {
    color:#fff;
    background:#8b1a29;
}

.contact #map {
    height:100%;     
}

#color {
    height: 400px;
    position:relative;
}

#color .color-img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#color .caption {
   position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    color: #fff;
}

#color .caption__title {
    font: 70px 'LatoBlack', sans-serif;
}
#color .text {
    font: 30px 'LatoBlack', sans-serif;
}
@media only screen and (max-width: 991px) {
    #color {
        height: 200px;
    }
    
    #color .caption__title {
        font-size: 50px;
    }
}

@media only screen and (max-width: 551px)  {
     #color .caption__title {
        font-size: 28px;
    }
    
    #color .text {
        font-size:16px;
    }
}



.popular-sizes {
  padding: 50px 0; }
  .popular-sizes .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .popular-sizes .item {
    margin-bottom: 10px; }
    .popular-sizes .item__title {
      text-align: center;
      font: 18px 'OpenSansBold', sans-serif;
      margin-bottom: 10px;
      color: #000; }
    .popular-sizes .item__block {
      position: relative;
      background: #C7C7C7;
      width: 150px;
      height: 50px; }
      .popular-sizes .item__block::before {
        content: '';
        display: block;
        position: absolute;
        width: 15%;
        height: 8px;
        background: #f9f8f8;
        left: 50%;
        top: 20px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: 5px; }
    .popular-sizes .item.item1 .item__block {
      width: 70px;
      height: 105px; }
    .popular-sizes .item.item2 .item__block {
      width: 105px;
      height: 140px; }
    .popular-sizes .item.item3 .item__block {
      width: 140px;
      height: 175px; }
    .popular-sizes .item.item4 .item__block {
      width: 175px;
      height: 210px; }
    .popular-sizes .item.item5 .item__block {
      width: 210px;
      height: 175px; }
    .popular-sizes .item.item6 .item__block {
      width: 240px;
      height: 210px; }

.price-serigraphy {
  padding: 100px 0; }
  @media only screen and (max-width: 1200px) {
    .price-serigraphy {
      padding: 50px 0; } }
  .price-serigraphy table {
    width: 745px;
    background: #fff;
    -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding: 15px;
    border-collapse: collapse;
    display: block;
    position: relative; }
    @media only screen and (max-width: 1200px) {
      .price-serigraphy table {
        width: 100%;
        margin: 30px 0 30px 40px; } }
    .price-serigraphy table:before {
      content: 'Количество цветов';
      position: absolute;
      top: -40px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      font: 18px 'OpenSansBold', sans-serif;
      display: inline-block; }
      @media only screen and (max-width: 600px) {
        .price-serigraphy table:before {
          right: 0;
          -webkit-transform: translateX(0);
          transform: translateX(0);
          left: auto; } }
    .price-serigraphy table:after {
      content: 'Тираж';
      position: absolute;
      display: inline-block;
      top: 50%;
      left: -60px;
      -webkit-transform: translateY(-50%) rotate(-90deg);
      transform: translateY(-50%) rotate(-90deg);
      font: 18px 'OpenSansBold', sans-serif; }
      @media only screen and (max-width: 1200px) {
        .price-serigraphy table:after {
          left: -50px; } }
    .price-serigraphy table tbody,
    .price-serigraphy table thead {
      display: block; }
    .price-serigraphy table tbody td:first-child {
      font: 18px 'OpenSansBold', sans-serif; }
    .price-serigraphy table thead img {
      margin: 0 2px; }
    .price-serigraphy table tr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .price-serigraphy table td {
      font: 14px 'OpenSansRegular', sans-serif;
      color: #6C6C6C;
      display: block;
      width: 20%;
      padding: 15px;
      text-align: center;
      border-bottom: 1px solid #C7C7C7; }
      @media only screen and (max-width: 1200px) {
        .price-serigraphy table td {
          padding: 5px 0; } }
      .price-serigraphy table td:not(:last-child) {
        border-right: 1px solid #C7C7C7; }
  .price-serigraphy .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px; }
    @media only screen and (max-width: 1200px) {
      .price-serigraphy .top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .price-serigraphy .top-block {
      width: 300px; }
      @media only screen and (max-width: 1200px) {
        .price-serigraphy .top-block {
          width: 100%; } }
      .price-serigraphy .top-block__title {
        font: 18px 'OpenSansBold', sans-serif;
        margin-bottom: 50px;
        text-align: center; }
        @media only screen and (max-width: 800px) {
          .price-serigraphy .top-block__title {
            margin-bottom: 20px; } }
    .price-serigraphy .top .line {
      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;
      margin-bottom: 20px; }
      @media only screen and (max-width: 1200px) {
        .price-serigraphy .top .line {
          margin-bottom: 10px; } }
      .price-serigraphy .top .line p {
        font: 14px 'OpenSansRegular', sans-serif;
        color: #6C6C6C;
        width: 220px; }
      .price-serigraphy .top .line span {
        color: #ab2e3f;
        font: 20px 'LatoHeavy', sans-serif; }
  .price-serigraphy .tex1 {
    font: 18px 'OpenSansBold', sans-serif;
    color: #6C6C6C;
    margin-bottom: 12px; }
  .price-serigraphy .tex2 {
    font: 16px 'OpenSansRegular', sans-serif; }
    .price-serigraphy .tex2 span {
      color: #ab2e3f;
      font-family: 'OpenSansBold', sans-serif; }



.mainblock_serigraphy img {
    bottom: -10%;
    right: 5%; }
    @media only screen and (max-width: 1450px) {
      .mainblock_serigraphy img {
        width: 50%; } }
        
        
        
        
        

.header .btn-wrap {
    text-align: right;
    width: 19%;
}

.header .mail-link {
    font: 14px 'OpenSansBold', sans-serif;
    margin-bottom: 5px;
    color: #000;
}
.header .mail-link:hover {
    color: #a82133;
}


.popup#popup-mail .form__input{
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

.popup#popup-mail #fl_nm {
   color: #fff;
   margin-left: 10px;
}

.header.scroll .mail-link {
    color: #fff;
}

.header.scroll .mail-link:hover {
    color: #a82133;
}