@charset "UTF-8";
::-moz-selection, ::-moz-selection {
  background: #91d334;
  color: #ffffff; }
::selection, ::-moz-selection {
  background: #91d334;
  color: #ffffff; }

body {
  min-width: 320px;
  overflow-x: hidden;
  position: relative; }

iframe {
  border: 0; }

* {
  margin: 0;
  padding: 0;
  outline: none;
  text-decoration: none; }

a, button {
  cursor: pointer; }

.wrap {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1200px; }

.wrap .title .caption {
  font: 28px "Open Sans", sans-serif;
  color: #333752;
  font-weight: 300;
  display: block; }

@media (max-width: 1250px) {
  .wrap {
    max-width: 900px; } }

@media (max-width: 960px) {
  .wrap {
    max-width: 650px; } }

@media (max-width: 500px) {
  .wrap {
    padding: 0 15px; } }

header {
  height: 193px; }
  header .header-wrap {
    -webkit-box-shadow: 0px 5px 7px 0px rgba(9, 12, 18, 0.3);
    box-shadow: 0px 5px 7px 0px rgba(9, 12, 18, 0.3);
    background: #fff;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 10; }
  header .header-head {
    overflow: hidden;
    background: #f9f9f9; }
    header .header-head a {
      display: block;
      float: left;
      padding: 4px 10px;
      font: 13px "Open Sans", sans-serif;
      color: #212121;
      -webkit-transition: .2s;
      -o-transition: .2s;
      transition: .2s; }
      header .header-head a:first-child {
        margin-left: -4px; }
      header .header-head a:hover, header .header-head a.active {
        background: #f0f0f0; }
  header .header-body {
    overflow: hidden; }
    header .header-body .logo {
      float: left;
      display: block;
      width: 350px;
      height: 95px;
      position: relative; }
      header .header-body .logo img {
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        vertical-align: middle;
        max-width: 100%;
        max-height: 100%; }
    header .header-body .cont {
      float: right;
      margin-top: 18px;
      padding-bottom: 10px;
      width: 700px; }
      header .header-body .cont > * {
        float: left; }
      header .header-body .cont * {
        display: block;
        white-space: nowrap; }
    header .header-body .major-tel a, header .header-body .tel a {
      display: block;
      margin-bottom: 3px;
      font: 17px "PT Sans", sans-serif;
      color: #212121;
      font-weight: 600; }
    header .header-body .major-tel {
      width: 150px; }
      header .header-body .major-tel a {
        font-size: 20px; }
    header .header-body .tel {
      width: 205px; }
    header .header-body .time {
      width: 155px; }
    header .header-body .mail {
      margin-top: -5px;
      width: 180px;
      text-align: center; }
      header .header-body .mail .btn {
        margin-bottom: 8px; }
      header .header-body .mail a {
        font: 15px "PT Sans", sans-serif;
        color: #212121; }
  header .header-footer {
    border-top: 1px solid #e0e0e1;
    text-align: center; }
    header .header-footer .wrap {
      height: 70px; }
    header .header-footer a {
      display: inline-block;
      margin-right: -5px;
      height: 100%;
      width: -webkit-calc(100%/5);
      width: calc(100%/5);
      text-align: center;
      font: 13px "Open Sans", sans-serif;
      font-weight: 600;
      color: #000;
      border-right: 1px solid #e0e0e1;
      -webkit-transition: .2s;
      -o-transition: .2s;
      transition: .2s; }
      header .header-footer a:last-child {
        border: none; }
      header .header-footer a:hover, header .header-footer a.active {
        background: #91d334;
        color: #fff; }
      header .header-footer a > span {
        display: block;
        height: 100%;
        position: relative; }
        header .header-footer a > span span {
          display: block;
          width: -webkit-calc(100% - 25px);
          width: calc(100% - 25px);
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  header #nav-icon {
    display: none;
    float: right;
    width: 45px;
    height: 28px;
    position: relative;
    margin-top: 27px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer; }
    header #nav-icon span {
      display: block;
      position: absolute;
      height: 4px;
      width: 100%;
      background: #212121;
      border-radius: 9px;
      opacity: 1;
      left: 0;
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out; }
      header #nav-icon span:nth-child(1) {
        top: 0px; }
      header #nav-icon span:nth-child(2), header #nav-icon span:nth-child(3) {
        top: 12px; }
      header #nav-icon span:nth-child(4) {
        top: 24px; }
    header #nav-icon.open span:nth-child(1) {
      top: 18px;
      width: 0%;
      left: 50%; }
    header #nav-icon.open span:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    header #nav-icon.open span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    header #nav-icon.open span:nth-child(4) {
      top: 18px;
      width: 0%;
      left: 50%; }

.panel {
  position: fixed;
  top: 0;
  left: 0;
  width: 350px;
  height: 100%;
  overflow: auto;
  -webkit-transform: translateX(-120%);
  -ms-transform: translateX(-120%);
  -o-transform: translateX(-120%);
  transform: translateX(-120%);
  background: #fff;
  font: 14px "Open Sans", sans-serif;
  color: #212121;
  font-weight: 600;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  z-index: 11;
  -webkit-box-shadow: 2px 0 7px 0px rgba(9, 12, 18, 0.3);
  box-shadow: 2px 0 7px 0px rgba(9, 12, 18, 0.3); }
  .panel.open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  .panel .header {
    text-align: center; }
    .panel .header .logo {
      display: block;
      margin: 5px auto 0 auto;
      width: 250px;
      height: 70px;
      position: relative; }
      .panel .header .logo img {
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        vertical-align: middle;
        max-width: 100%;
        max-height: 100%; }
    .panel .header .btn {
      margin: 15px 0; }
  .panel .title-menu {
    display: block;
    background: #f9f9f9;
    padding: 5px 15px; }
  .panel nav a {
    display: block;
    padding: 10px 25px;
    border-bottom: 1px solid #f9f9f9;
    color: #212121; }
    .panel nav a:hover {
      background: #f9f9f9; }
    .panel nav a.active {
      background: #91d334;
      color: #fff; }
      .panel nav a.active i:before, .panel nav a.active i:after {
        background: #fff; }
  .panel .menu-sub a {
    padding: 12px 50px 12px 25px;
    font-weight: 700;
    position: relative; }
    .panel .menu-sub a i {
      position: absolute;
      top: 50%;
      right: 15px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      display: block;
      width: 25px;
      height: 25px; }
      .panel .menu-sub a i:before, .panel .menu-sub a i:after {
        content: '';
        display: block;
        width: 2px;
        height: 10px;
        background: #212121;
        position: absolute; }
      .panel .menu-sub a i:before {
        top: 4px;
        right: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .panel .menu-sub a i:after {
        right: 0;
        bottom: 4px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
  .panel .phone-panel, .panel .mail-panel {
    padding: 15px 15px 10px 15px; }
  .panel .phone-panel i, .panel .mail-panel i {
    float: left;
    font-size: 22px; }
  .panel .phone-panel span, .panel .phone-panel a {
    display: block;
    font: 16px "PT Sans", sans-serif;
    color: #212121;
    font-weight: 700; }
  .panel .mail-panel span, .panel .mail-panel a {
    display: block;
    font: 16px "PT Sans", sans-serif;
    color: #212121;
    font-weight: 700; }
  .panel .phone-panel > span, .panel .mail-panel > span {
    margin-left: 30px; }
  .panel .phone-panel > span a, .panel .mail-panel > span a {
    margin-bottom: 5px; }
  .panel .phone-panel > span span, .panel .mail-panel > span span {
    font-size: 14px;
    color: #737373; }
  .panel .phone-panel > span a {
    white-space: nowrap; }
    .panel .phone-panel > span a:nth-child(3) {
      margin-bottom: 15px; }

@media (max-width: 1250px) {
  header {
    height: 165px; }
    header .header-head a {
      padding: 3px 9px; }
    header .header-body .logo {
      width: 290px;
      height: 80px; }
    header .header-body .cont {
      margin-top: 18px;
      padding-bottom: 10px;
      width: 580px; }
    header .header-body .major-tel a, header .header-body .tel a {
      margin-bottom: 2px;
      font-size: 15px; }
    header .header-body .major-tel {
      width: 155px; }
      header .header-body .major-tel a {
        font-size: 16px; }
    header .header-body .tel {
      width: 150px; }
    header .header-body .time {
      width: 125px; }
    header .header-body .mail {
      margin-top: -5px;
      width: 145px; }
      header .header-body .mail .btn {
        margin-bottom: 8px; }
      header .header-body .mail a {
        font-size: 13px; }
    header .header-footer .wrap {
      height: 60px; }
    header .header-footer a {
      font-size: 12px;
      line-height: 14px; }
      header .header-footer a > span span {
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px); } }

@media (max-width: 960px) {
  header {
    height: 80px; }
    header .header-head {
      display: none; }
    header .header-body .logo {
      width: 290px;
      height: 80px; }
    header .header-body .cont {
      display: none; }
    header #nav-icon {
      display: block; }
    header .header-footer {
      display: none; } }

@media (max-width: 500px) {
  header {
    height: 70px; }
    header .header-body .logo {
      width: 230px;
      height: 70px; }
    header #nav-icon {
      margin-top: 22px; }
  .panel {
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px); } }

@media (max-width: 360px) {
  header {
    height: 60px; }
    header .header-body .logo {
      width: 170px;
      height: 60px; }
    header #nav-icon {
      margin-top: 22px;
      width: 30px;
      height: 15px; }
      header #nav-icon span {
        height: 2px; }
        header #nav-icon span:nth-child(2), header #nav-icon span:nth-child(3) {
          top: 8px; }
        header #nav-icon span:nth-child(4) {
          top: 16px; }
  .panel {
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    font-size: 14px; }
    .panel .header .logo {
      width: 97%;
      height: 50px; }
    .panel .header .btn {
      margin: 12px 0; }
    .panel .title-menu {
      padding: 3px 5px; }
    .panel nav a {
      padding: 7px 10px; }
    .panel .menu-sub a {
      padding: 8px 10px;
      font-weight: 600; }
      .panel .menu-sub a i {
        display: none; }
    .panel .phone-panel, .panel .mail-panel {
      padding: 15px 5px 5px 5px; }
    .panel .phone-panel i, .panel .mail-panel i {
      font-size: 18px; }
    .panel .phone-panel > span, .panel .mail-panel > span {
      margin-left: 23px; }
    .panel .phone-panel > span a, .panel .mail-panel > span a {
      margin-bottom: 5px;
      font-size: 14px; }
    .panel .phone-panel > span span, .panel .mail-panel > span span {
      font-size: 12px; }
    .panel .phone-panel > span a:nth-child(3) {
      margin-bottom: 10px; } }

.time {
  font: 13px "PT Sans", sans-serif;
  color: #969595;
  font-weight: 400; }
  .time span {
    display: block;
    margin-bottom: 2px; }

.btn-download {
  margin-left: 30px;
  color: #4eb1ea;
  position: relative;
  white-space: nowrap; }
  .btn-download i {
    margin-right: 10px;
    font-size: 20px; }
  .btn-download:hover {
    text-decoration: underline; }

.block-text {
  font: 14px/24px "Open Sans", sans-serif;
  margin: 30px 0; }
  .block-text.sliding-inner {
    margin: 50px 0;
    padding-bottom: 60px; }
  .block-text p {
    text-align: center; }

.block-404 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 100px 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .block-404 * {
    font: 14px "Open Sans", sans-serif; }
  .block-404 .l-block {
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px);
    margin-right: 30px;
    text-align: center;
    text-align: center; }
    .block-404 .l-block h1 {
      font-size: 170px;
      color: #91d334;
      line-height: 1; }
    .block-404 .l-block h2 {
      font-size: 35px;
      color: #202441; }
    .block-404 .l-block a {
      display: inline-block;
      margin: 50px 0; }
  .block-404 .r-block {
    width: 50%; }
    .block-404 .r-block .title {
      font-size: 18px;
      font-weight: 600;
      padding: 0;
      margin-bottom: 15px;
      display: inline-block;
      text-align: left; }
    .block-404 .r-block .causes-list {
      padding-left: 15px; }

/* price-block-add start*/
.block-price {
  margin: 35px 0 25px 0px;
  background: #ffffff;
  padding: 10px 15px;
  border: 3px solid #202441;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  border-radius: 5px; }
  .block-price .value {
    font-size: 30px;
    color: #202441;
    line-height: 1;
    vertical-align: middle;
    font-weight: 600; }
  .block-price .text {
    color: #202441;
    vertical-align: sub;
    line-height: 1;
    padding: 0;
    font-weight: 600;
    font-size: 16px; }

/* price-block-add end*/
@media (max-width: 960px) {
  .btn-download {
    margin: 30px 0 0 0;
    display: table; } }

.btn, .btn1 {
  border: none;
  background: #202441;
  border-radius: 50px;
  min-width: 175px;
  padding: 12px 20px;
  text-align: center;
  font: 11px "Open Sans", sans-serif;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(9, 12, 18, 0.2);
  box-shadow: 0px 3px 7px 0px rgba(9, 12, 18, 0.2);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }

.btn:hover, .btn1:hover {
  background: #2d3257;
  -webkit-box-shadow: 0px 5px 9px 0px rgba(9, 12, 18, 0.4);
  box-shadow: 0px 5px 9px 0px rgba(9, 12, 18, 0.4); }

.btn:active, .btn1:active {
  background: #1e213e;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(9, 12, 18, 0.6);
  box-shadow: 0px 2px 5px 0px rgba(9, 12, 18, 0.6); }

.btn.br, .btn1.br {
  background: none;
  border: 2px solid #202441;
  color: #202441; }

.btn.green, .btn1.green {
  background: #91d334;
  padding: 12px; }

.btn.green:hover, .btn1.green:hover {
  background: #9fe33f;
  -webkit-box-shadow: 0px 5px 9px 0px rgba(9, 12, 18, 0.4);
  box-shadow: 0px 5px 9px 0px rgba(9, 12, 18, 0.4); }

.btn.green:active, .btn1.green:active {
  background: #87c72d;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(9, 12, 18, 0.6);
  box-shadow: 0px 2px 5px 0px rgba(9, 12, 18, 0.6); }

.swiper-container {
  width: 100%;
  height: 100%; }

@media (max-width: 1250px) {
  .time {
    font-size: 12px; }
    .time span {
      margin-bottom: 1px; }
  .btn {
    border-radius: 40px;
    min-width: 150px;
    padding: 10px 18px;
    font-size: 10px; }
    .btn.green {
      padding: 10px; } }

.text strong, .reviews .swiper-slide strong, .news-detail .cont strong, .galview .title strong, .title-sliding .title strong, .subtitle-sliding .title strong, .block-wrap .wrap-card strong, .accessories-catalog .major-block .card strong {
  padding: 5px 0;
  font: 16px/normal "Open Sans", sans-serif;
  font-weight: 600; }

.wrap .title .caption {
  font: 38px "Open Sans", sans-serif;
  color: #333752;
  font-weight: 300;
  display: block; }

.text p, .reviews .swiper-slide p, .news-detail .cont p, .galview .title p, .title-sliding .title p, .subtitle-sliding .title p, .block-wrap .wrap-card p, .accessories-catalog .major-block .card p {
  font: 14px/normal "Open Sans", sans-serif;
  font-weight: 400; }

.text ul, .text ol {
  margin-bottom: 30px;
  text-align: left;
  margin-left: 25px;
  font: 14px/normal "Open Sans", sans-serif;
  font-weight: 400; }

.reviews .swiper-slide ul, .reviews .swiper-slide ol {
  margin-bottom: 30px;
  text-align: left;
  margin-left: 25px;
  font: 14px/normal "Open Sans", sans-serif;
  font-weight: 400; }

.news-detail .cont ul, .news-detail .cont ol {
  margin-bottom: 30px;
  text-align: left;
  margin-left: 25px;
  font: 14px/normal "Open Sans", sans-serif;
  font-weight: 400; }

.galview .title ul, .galview .title ol {
  margin-bottom: 30px;
  text-align: left;
  margin-left: 25px;
  font: 14px/normal "Open Sans", sans-serif;
  font-weight: 400; }

.title-sliding .title ul, .title-sliding .title ol {
  margin-bottom: 30px;
  text-align: left;
  margin-left: 25px;
  font: 14px/normal "Open Sans", sans-serif;
  font-weight: 400; }

.subtitle-sliding .title ul, .subtitle-sliding .title ol {
  margin-bottom: 30px;
  text-align: left;
  margin-left: 25px;
  font: 14px/normal "Open Sans", sans-serif;
  font-weight: 400; }

.block-wrap .wrap-card ul, .block-wrap .wrap-card ol {
  margin-bottom: 30px;
  text-align: left;
  margin-left: 25px;
  font: 14px/normal "Open Sans", sans-serif;
  font-weight: 400; }

.accessories-catalog .major-block .card ul, .accessories-catalog .major-block .card ol {
  margin-bottom: 30px;
  text-align: left;
  margin-left: 25px;
  font: 14px/normal "Open Sans", sans-serif;
  font-weight: 400; }

.text ul li, .text ol li {
  margin-bottom: 7px; }

.reviews .swiper-slide ul li, .reviews .swiper-slide ol li {
  margin-bottom: 7px; }

.news-detail .cont ul li, .news-detail .cont ol li {
  margin-bottom: 7px; }

.galview .title ul li, .galview .title ol li {
  margin-bottom: 7px; }

.title-sliding .title ul li, .title-sliding .title ol li {
  margin-bottom: 7px; }

.subtitle-sliding .title ul li, .subtitle-sliding .title ol li {
  margin-bottom: 7px; }

.block-wrap .wrap-card ul li, .block-wrap .wrap-card ol li {
  margin-bottom: 7px; }

.accessories-catalog .major-block .card ul li, .accessories-catalog .major-block .card ol li {
  margin-bottom: 7px; }

.text ul li, .reviews .swiper-slide ul li, .news-detail .cont ul li, .galview .title ul li, .title-sliding .title ul li, .subtitle-sliding .title ul li, .block-wrap .wrap-card ul li, .accessories-catalog .major-block .card ul li {
  list-style-type: none;
  position: relative; }

.text ul li:before, .reviews .swiper-slide ul li:before, .news-detail .cont ul li:before, .galview .title ul li:before, .title-sliding .title ul li:before, .subtitle-sliding .title ul li:before, .block-wrap .wrap-card ul li:before, .accessories-catalog .major-block .card ul li:before {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: -20px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-left: 10px solid #91d334;
  border-bottom: 7px solid transparent; }

.text ol, .reviews .swiper-slide ol, .news-detail .cont ol, .galview .title ol, .title-sliding .title ol, .subtitle-sliding .title ol, .block-wrap .wrap-card ol, .accessories-catalog .major-block .card ol {
  font: 14px "Open Sans", sans-serif; }

.swiper1 {
  max-width: 1920px;
  height: 34.6vw;
  max-height: 870px;
  overflow: hidden; }
  .swiper1 .swiper-slide {
    height: auto; }
  .swiper1 .swiper-pagination-bullet {
    border: 1px solid #202441; }
    .swiper1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #202441; }
  .swiper1 .cont {
    padding: 25px 25px 165px;
    width: -webkit-calc(50% - 50px);
    width: calc(50% - 50px);
    height: -webkit-calc(34.4vw - 185px);
    height: calc(34.4vw - 185px);
    background: rgba(255, 255, 255, 0.6); }
    .swiper1 .cont * {
      display: block; }
    .swiper1 .cont h2 {
      font: 50px "PT Sans", sans-serif;
      color: #212121; }
    .swiper1 .cont .desc-wrap {
      font: 16px/24px "Open Sans", sans-serif;
      margin: 35px 0 40px 0; }
    .swiper1 .cont .btn {
      display: inline-block; }

@media (max-width: 1250px) {
  .wrap .title .caption {
    font: 28px "Open Sans", sans-serif;
    color: #333752;
    font-weight: 300;
    display: block; }
  .swiper1 .cont {
    padding: 20px 20px 100px;
    width: -webkit-calc(60% - 40px);
    width: calc(60% - 40px);
    height: -webkit-calc(34.3vw - 115px);
    height: calc(34.3vw - 115px); }
    .swiper1 .cont h2 {
      font-size: 40px; }
    .swiper1 .cont .desc-wrap {
      font-size: 15px;
      line-height: 21px;
      margin: 25px 0 30px 0; } }

@media (max-width: 960px) {
  .wrap .title .caption {
    font-size: 26px; }
  .swiper1 {
    height: 50vw; }
    .swiper1 .cont {
      padding: 25px 20px 80px;
      width: -webkit-calc(80% - 20px);
      width: calc(80% - 20px);
      height: -webkit-calc(50vw - 105px);
      height: calc(50vw - 105px); }
      .swiper1 .cont h2 {
        font-size: 36px; }
      .swiper1 .cont .desc-wrap {
        font-size: 14px;
        line-height: 20px;
        margin: 15px 0 20px 0; } }

@media (max-width: 700px) {
  .swiper1 {
    height: 450px; }
    .swiper1 .cont {
      padding: 40px 10px 350px;
      width: -webkit-calc(100% - 20px);
      width: calc(100% - 20px);
      height: auto; }
      .swiper1 .cont h2 {
        font-size: 32px; }
  .block-404 .l-block {
    width: 100%;
    margin: 0; }
  .block-404 .r-block {
    width: 100%; } }

@media (max-width: 500px) {
  .wrap .title .caption {
    font-size: 22px; }
  h2 {
    font-size: 26px; } }

.swiper-container .swiper-pagination-bullet {
  background: none;
  width: 15px;
  height: 15px;
  opacity: 1; }

.title {
  padding: 40px 0 50px 0;
  text-align: center; }
  .title h1, .title h2, .title h3 {
    font: 38px "Open Sans", sans-serif;
    color: #333752;
    font-weight: 300; }
  .title stront {
    font: 38px "Open Sans", sans-serif;
    color: #333752;
    font-weight: 300; }
  .title .decor span {
    display: inline-block;
    margin: 15px 3px;
    width: 5px;
    height: 5px;
    background: #91d334;
    border-radius: 50%; }
  .title p {
    margin: 0 auto;
    max-width: 500px;
    font: 15px/20px "Open Sans", sans-serif;
    color: #575a66;
    font-weight: 400; }

.advantages, .news, .text, .guarantees, .contacts-page .title, .sec-advant, .tabs-kinds, .options {
  padding-bottom: 60px; }

@media (max-width: 1250px) {
  .swiper-container .swiper-pagination-bullet {
    width: 12px;
    height: 12px; }
  .title {
    padding: 30px 0 40px 0; }
    .title h1, .title h2, .title h3 {
      font-size: 28px; }
    .title strong {
      font: 38px "Open Sans", sans-serif;
      color: #333752;
      font-weight: 300; }
    .title .decor span {
      margin: 10px 3px; }
    .title p {
      max-width: 450px;
      font-size: 14px; }
  .advantages, .news, .text, .guarantees, .contacts-page .title, .sec-advant, .tabs-kinds, .options {
    padding-bottom: 40px; } }

@media (max-width: 960px) {
  .title {
    padding: 20px 0 30px 0; }
    .title h1, .title h2, .title h3 {
      font-size: 26px; }
    .title .decor span {
      margin: 7px 3px 5px 3px; }
    .title p {
      max-width: 100%; }
  .advantages, .news, .text, .guarantees, .contacts-page .title, .sec-advant, .tabs-kinds, .options {
    padding-bottom: 30px; } }

@media (max-width: 500px) {
  .title {
    padding: 15px 0 20px 0; }
    .title h1, .title h2, .title h3 {
      font-size: 22px; }
    .title p {
      line-height: normal; }
  .advantages, .news, .text, .guarantees, .contacts-page .title, .sec-advant, .tabs-kinds, .options {
    padding-bottom: 20px; } }

.advantages .block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around; }
  .advantages .block .card {
    margin-bottom: 35px;
    width: 360px;
    text-align: center; }
    .advantages .block .card * {
      display: block; }
    .advantages .block .card img {
      margin: 0 auto;
      width: 75px; }
    .advantages .block .card strong {
      margin: 8px 0 15px 0;
      font: 18px/22px "Open Sans", sans-serif;
      color: #333752;
      font-weight: 600; }
    .advantages .block .card p {
      font: 14px/21px "Open Sans", sans-serif;
      color: #575a66;
      font-weight: 400; }
    .advantages .block .card:hover img {
      -webkit-animation-name: icon;
      -o-animation-name: icon;
      animation-name: icon;
      -webkit-animation-duration: 1s;
      -o-animation-duration: 1s;
      animation-duration: 1s; }

@-webkit-keyframes icon {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  60% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  70% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px); }
  75% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes icon {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  60% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  70% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px); }
  75% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes icon {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  60% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  70% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px); }
  75% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@media (max-width: 1250px) {
  .advantages .block .card {
    margin: 0 10px 25px;
    width: 260px; }
    .advantages .block .card img {
      width: 60px; }
    .advantages .block .card strong {
      margin: 8px 0 15px 0;
      font-size: 16px;
      line-height: 21px; } }

@media (max-width: 700px) {
  .advantages .block .card {
    margin: 0 2% 25px;
    width: 46%; }
    .advantages .block .card strong {
      margin-bottom: 10px; } }

@media (max-width: 500px) {
  .advantages .block .card {
    margin: 0 0 25px 0;
    width: 100%; } }

.action {
  text-align: center;
  margin-top: 35px; }

.arr-top {
  opacity: 0;
  display: block;
  position: fixed;
  bottom: 80px;
  right: 30px;
  width: 26px;
  height: 38px;
  background: url("../img/arr-top.png") no-repeat center;
  -webkit-background-size: contain;
  background-size: contain;
  z-index: 10;
  cursor: pointer;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }
  .arr-top:hover {
    padding-bottom: 15px; }

@media (max-width: 1250px) {
  .action {
    margin-top: 25px; }
  .arr-top {
    width: 22px;
    height: 33px; } }

.reviews {
  background: url("../img/bg-reviews.jpg") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding-bottom: 20px; }
  .reviews .title h2 {
    padding: 0 15px;
    color: #fff; }
  .reviews .swiper2 .swiper-pagination-bullet {
    border: 1px solid #fff; }
    .reviews .swiper2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #fff; }
  .reviews .swiper-slide {
    padding-bottom: 70px;
    text-align: center;
    color: #fff; }
    .reviews .swiper-slide .name {
      font: 15px "Open Sans", sans-serif;
      font-weight: 600;
      text-transform: uppercase; }
    .reviews .swiper-slide .time {
      font: 13px "Open Sans", sans-serif;
      color: #fff; }
    .reviews .swiper-slide p {
      max-width: 700px;
      margin: 40px auto 20px auto;
      font: 15px/24px "Open Sans", sans-serif;
      font-style: italic; }
    .reviews .swiper-slide .img {
      display: block;
      margin: 0 auto;
      overflow: hidden;
      width: 130px;
      height: 130px;
      border-radius: 50%; }
      .reviews .swiper-slide .img img {
        width: 100%; }

@media (max-width: 1250px) {
  .reviews {
    padding-bottom: 10px; }
    .reviews .swiper-slide {
      padding-bottom: 50px; }
      .reviews .swiper-slide .name {
        font-size: 14px; }
      .reviews .swiper-slide .time {
        font-size: 12px; }
      .reviews .swiper-slide p {
        max-width: 650px;
        margin: 30px auto 20px auto;
        font-size: 14px;
        line-height: 21px; }
      .reviews .swiper-slide .img {
        width: 100px;
        height: 100px; } }

@media (max-width: 700px) {
  .reviews .swiper-slide p {
    margin: 20px auto; } }

.news.st .title {
  text-align: left; }
  .news.st .title strong {
    font: 20px "Open Sans", sans-serif;
    font-weight: 800; }

.news .swiper3 .swiper-slide {
  width: 25%;
  padding-bottom: 10px; }
  .news .swiper3 .swiper-slide:hover {
    background: #fff; }

.news .swiper-slide .img, .news .card .img {
  display: block;
  width: 100%;
  height: 200px;
  overflow: hidden; }

.news-list .swiper-slide .img, .news-list .card .img {
  display: block;
  width: 100%;
  height: 200px;
  overflow: hidden; }

.news .swiper-slide .cont, .news .card .cont {
  display: block;
  padding: 10px 15px;
  font-family: "Open Sans", sans-serif;
  color: #2c2b2b; }

.news-list .swiper-slide .cont, .news-list .card .cont {
  display: block;
  padding: 10px 15px;
  font-family: "Open Sans", sans-serif;
  color: #2c2b2b; }

.news .swiper-slide .cont span.date, .news .card .cont span.date {
  font-size: 12px;
  color: #939393; }

.news-list .swiper-slide.cont span.date, .news-list .card .cont span.date {
  font-size: 12px;
  color: #939393; }

.news .swiper-slide h3, .news .card h3 {
  font-size: 18px; }

.news-list .swiper-slide h3, .news-list .card h3 {
  font-size: 18px; }

.news .swiper-slide p, .news .card p {
  overflow: hidden;
  height: 83px;
  margin: 10px 0;
  font-size: 15px; }

.news-list .swiper-slide p, .news-list .card p {
  overflow: hidden;
  height: 83px;
  margin: 10px 0;
  font-size: 15px; }

.news .swiper-slide .cont span, .news .card .cont span {
  font-size: 14px;
  color: #427eee; }

.news-list .swiper-slide .cont span, .news-list .card .cont span {
  font-size: 14px;
  color: #427eee; }

.news .swiper-slide .cont span:hover, .news .card .cont span:hover {
  text-decoration: underline; }

.news-list .swiper-slide .cont span:hover, .news-list .card .cont span:hover {
  text-decoration: underline; }

.news-list .block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .news-list .block .card {
    margin: 0 15px 30px 15px;
    width: 370px; }
    .news-list .block .card:hover {
      background: #f9f9f9; }

.news-list .action {
  margin: 10px 0 30px 0; }

.breadcrumbs {
  padding: 30px 0 45px 0; }
  .breadcrumbs ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    color: #acacac; }
    .breadcrumbs ul a {
      color: #91d334; }
      .breadcrumbs ul a:after {
        content: '•';
        padding: 0 5px;
        color: #000;
        color: #acacac; }
      .breadcrumbs ul a:hover span {
        text-decoration: underline; }

.title-prod .breadcrumbs {
  padding: 3% 3% 3% 5%; }

.news-detail {
  font: 16px "Open Sans", sans-serif;
  color: #212121; }
  .news-detail .date {
    display: block;
    margin-bottom: 10px;
    color: #acacac; }
  .news-detail h1 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 800; }
  .news-detail .cont {
    max-width: 880px; }
    .news-detail .cont .img {
      margin: 20px 0 35px 0;
      width: 100%;
      height: 400px; }
    .news-detail .cont p {
      line-height: 24px; }

@media (max-width: 1250px) {
  .news.st .title strong {
    font-size: 18px; }
  .news .swiper3 .swiper-slide {
    width: 33%;
    padding-bottom: 7px; }
  .news .swiper-slide .img, .news .card .img {
    height: 180px; }
  .news-list .swiper-slide .img, .news-list .card .img {
    height: 180px; }
  .news .swiper-slide .cont, .news .card .cont {
    padding: 7px 10px; }
  .news-list .swiper-slide .cont, .news-list .card .cont {
    padding: 7px 10px; }
  .news .swiper-slide time, .news .card time {
    font-size: 11px; }
  .news-list .swiper-slide time, .news-list .card time {
    font-size: 11px; }
  .news .swiper-slide h3, .news .card h3 {
    font-size: 16px; }
  .news-list .swiper-slide h3, .news-list .card h3 {
    font-size: 16px; }
  .news .swiper-slide p, .news .card p {
    height: 78px;
    margin: 7px 0;
    font-size: 14px; }
  .news-list .swiper-slide p, .news-list .card p {
    height: 78px;
    margin: 7px 0;
    font-size: 14px; }
  .news .swiper-slide .cont span, .news .card .cont span {
    font-size: 14px; }
  .news-list .swiper-slide .cont span, .news-list .card .cont span {
    font-size: 14px; }
  .news-list .block .card {
    margin: 0 12px 30px 12px;
    width: 275px; }
  .breadcrumbs {
    padding: 20px 0 30px 0; }
    .breadcrumbs p {
      font-size: 13px; }
  .news-detail {
    font-size: 14px; }
    .news-detail time {
      margin-bottom: 7px; }
    .news-detail h1 {
      font-size: 26px;
      line-height: 32px; }
    .news-detail .cont {
      max-width: 680px; }
      .news-detail .cont .img {
        margin: 15px 0 25px 0;
        height: 350px; }
      .news-detail .cont p {
        line-height: 22px; } }

@media (max-width: 960px) {
  .news.st .title {
    padding: 30px 0 25px; }
    .news.st .title strong {
      font-size: 16px; }
  .news .swiper3 .swiper-slide {
    width: 50%; }
  .news .swiper-slide .cont, .news .card .cont {
    padding: 7px 10px; }
  .news-list .swiper-slide .cont, .news-list .card .cont {
    padding: 7px 10px; }
  .news .swiper-slide time, .news .card time {
    font-size: 11px; }
  .news-list .swiper-slide time, .news-list .card time {
    font-size: 11px; }
  .news .swiper-slide h3, .news .card h3 {
    font-size: 16px; }
  .news-list .swiper-slide h3, .news-list .card h3 {
    font-size: 16px; }
  .news .swiper-slide p, .news .card p {
    height: 78px;
    margin: 7px 0;
    font-size: 14px; }
  .news-list .swiper-slide p, .news-list .card p {
    height: 78px;
    margin: 7px 0;
    font-size: 14px; }
  .news .swiper-slide .cont span, .news .card .cont span {
    font-size: 14px; }
  .news-list .swiper-slide .cont span, .news-list .card .cont span {
    font-size: 14px; }
  .news-list .block .card {
    margin: 0 2% 10px 2%;
    padding-bottom: 5px;
    width: 45%; }
    .news-list .block .card .img {
      height: 160px; }
  .breadcrumbs {
    padding: 15px 0 25px 0; }
    .breadcrumbs p {
      font-size: 12px; }
  .news-detail {
    font-size: 14px; }
    .news-detail time {
      margin-bottom: 7px; }
    .news-detail h1 {
      font-size: 20px;
      line-height: normal; }
    .news-detail .cont {
      max-width: 100%; }
      .news-detail .cont .img {
        margin: 15px 0 20px 0;
        height: 300px; }
      .news-detail .cont p {
        line-height: 20px; } }

@media (max-width: 500px) {
  .news.st .title {
    padding: 20px 0 20px; }
    .news.st .title strong {
      font-size: 16px; }
  .news .swiper3 .swiper-slide {
    width: 50%; }
  .news-list .block .card {
    margin: 0 0 10px 0;
    padding-bottom: 5px;
    width: 100%; }
  .news-detail h1 {
    font-size: 18px; }
  .news-detail .cont .img {
    margin: 15px 0;
    height: 60vw; } }

.gallery {
  overflow: hidden; }
  .gallery .many {
    overflow: hidden; }
  .gallery .title, .gallery .many .title {
    padding-bottom: 20px; }
  .gallery nav, .gallery .many nav {
    text-align: center;
    margin-top: 25px; }
  .gallery nav button, .gallery .many nav button {
    border: none;
    background: #ececec;
    border-radius: 50px;
    margin: 0 5px 10px 5px;
    padding: 7px 18px;
    font: 14px "Open Sans", sans-serif;
    color: #666666;
    font-weight: 600;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s; }
  .gallery nav button:hover, .gallery .many nav button:hover {
    background: #e0e0e0; }
  .gallery nav button.active, .gallery .many nav button.active {
    pointer-events: none;
    background: #91d334;
    color: #fff; }
  .gallery .block, .gallery .many .block {
    overflow: hidden; }
  .gallery .block .card, .gallery .many .block .card {
    float: left;
    overflow: hidden;
    width: -webkit-calc(100%/4);
    width: calc(100%/4);
    height: 300px;
    position: relative;
    cursor: pointer;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    color: #fff; }
  .gallery .block .card .desc, .gallery .many .block .card .desc {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s; }
  .gallery .block .card .desc div, .gallery .many .block .card .desc div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .gallery .block .card .desc strong, .gallery .many .block .card .desc strong {
    display: block;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 26px;
    font-weight: 600; }
  .gallery .block .card .desc p, .gallery .many .block .card .desc p {
    font-size: 16px; }
  .gallery .block .card:hover .desc, .gallery .many .block .card:hover .desc {
    top: 0; }

@media (max-width: 1250px) {
  .gallery .title {
    padding-bottom: 15px; }
  .gallery nav {
    margin-top: 15px; }
    .gallery nav button {
      border-radius: 40px;
      padding: 5px 15px;
      font-size: 13px; }
  .gallery .block .card {
    width: -webkit-calc(100%/3);
    width: calc(100%/3);
    height: 250px; }
    .gallery .block .card .desc div {
      width: 90%; }
    .gallery .block .card .desc strong {
      margin-bottom: 7px;
      font-size: 20px;
      line-height: 24px; }
    .gallery .block .card .desc p {
      font-size: 14px; } }

@media (max-width: 950px) {
  .gallery .block .card {
    height: 200px; } }

@media (max-width: 700px) {
  .gallery .block .card {
    width: -webkit-calc(100%/2);
    width: calc(100%/2); }
    .gallery .block .card .desc {
      top: 0; }
      .gallery .block .card .desc div {
        width: 90%; }
      .gallery .block .card .desc strong {
        margin-bottom: 5px;
        font-size: 18px;
        line-height: 21px; } }

@media (max-width: 500px) {
  .gallery .block .card {
    width: -webkit-calc(100%);
    width: calc(100%); } }

.text {
  font: 14px "Open Sans", sans-serif;
  color: #767676; }
  .text.br .wrap {
    position: relative; }
    .text.br .wrap:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -50px;
      left: 0;
      width: 100%;
      height: 1px;
      background: #e6e6e6; }
  .text h1 {
    margin: 50px 0 20px 0;
    font: 40px "Open Sans", sans-serif;
    color: #212121;
    font-weight: 300; }
  .text p {
    font: 14px/21px "Open Sans", sans-serif; }
  .text ul {
    margin: 15px 0 0 25px; }
    .text ul li {
      list-style-type: none;
      position: relative;
      margin-bottom: 5px; }
      .text ul li:before {
        content: '';
        display: block;
        position: absolute;
        top: 4px;
        left: -20px;
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-left: 10px solid #91d334;
        border-bottom: 7px solid transparent; }

@media (max-width: 1250px) {
  .text.br .wrap:after {
    bottom: -40px; }
  .text h1 {
    margin: 40px 0 10px 0;
    font-size: 32px; }
  .text p {
    font: 14px/21px "Open Sans", sans-serif;
    color: #767676; } }

@media (max-width: 960px) {
  .text.br .wrap:after {
    bottom: -30px; }
  .text h1 {
    margin-top: 30px;
    font-size: 28px; } }

@media (max-width: 500px) {
  .text.br .wrap:after {
    bottom: -20px; } }

.contacts {
  padding: 30px 0;
  background: #f9f9f9;
  overflow: hidden; }
  .contacts .title {
    padding: 0; }
    .contacts .title h3 {
      font: 18px "Open Sans", sans-serif;
      font-weight: 600;
      color: #212121; }
  .contacts .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .contacts .wrapper .block {
      width: 50%;
      padding: 0 10px; }
      .contacts .wrapper .block:nth-child(1) {
        width: 60%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .contacts .wrapper .block:nth-child(1) .title .decor span {
          margin-bottom: 12px; }
        .contacts .wrapper .block:nth-child(1) .card {
          width: 75%; }
          .contacts .wrapper .block:nth-child(1) .card:nth-child(1) {
            width: 35%; }
            .contacts .wrapper .block:nth-child(1) .card:nth-child(1) .title {
              text-align: left; }
          .contacts .wrapper .block:nth-child(1) .card:nth-child(2) ul {
            height: 150px;
            list-style-position: inside;
            -moz-column-count: 2;
            -webkit-column-count: 2;
            column-count: 2; }
            .contacts .wrapper .block:nth-child(1) .card:nth-child(2) ul li {
              width: 200px; }
          .contacts .wrapper .block:nth-child(1) .card ul {
            list-style-type: none; }
            .contacts .wrapper .block:nth-child(1) .card ul li {
              margin-bottom: 3px; }
              .contacts .wrapper .block:nth-child(1) .card ul li:first-child {
                margin-top: 3px; }
          .contacts .wrapper .block:nth-child(1) .card a {
            display: block;
            font: 16px "Open Sans", sans-serif;
            color: #7b7b7b; }
            .contacts .wrapper .block:nth-child(1) .card a:hover {
              text-decoration: underline; }
      .contacts .wrapper .block .block-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .contacts .wrapper .block .block-wrapper .card {
          width: 50%; }
          .contacts .wrapper .block .block-wrapper .card .tel, .contacts .wrapper .block .block-wrapper .card .cont, .contacts .wrapper .block .block-wrapper .card .mail {
            margin-bottom: 20px; }
          .contacts .wrapper .block .block-wrapper .card i {
            float: left;
            font-size: 26px; }
          .contacts .wrapper .block .block-wrapper .card a, .contacts .wrapper .block .block-wrapper .card .time {
            display: block;
            margin-left: 40px; }
          .contacts .wrapper .block .block-wrapper .card .tel a {
            white-space: nowrap;
            margin-bottom: 5px;
            font: 18px "PT Sans", sans-serif;
            color: #212121; }
            .contacts .wrapper .block .block-wrapper .card .tel a.major {
              font-size: 22px; }
          .contacts .wrapper .block .block-wrapper .card .tel .time {
            margin-top: 10px; }
          .contacts .wrapper .block .block-wrapper .card .cont a, .contacts .wrapper .block .block-wrapper .card .mail a {
            font-family: "PT Sans", sans-serif; }
          .contacts .wrapper .block .block-wrapper .card .cont a {
            font-size: 16px;
            color: #427eee;
            text-decoration: underline; }
          .contacts .wrapper .block .block-wrapper .card .mail i {
            font-size: 20px; }
          .contacts .wrapper .block .block-wrapper .card .mail a {
            color: #212121; }
          .contacts .wrapper .block .block-wrapper .card .btn {
            width: 100%;
            margin-top: 5px;
            padding: 12px 25px; }

@media (max-width: 1250px) {
  .contacts {
    padding: 25px 0; }
    .contacts .title h3 {
      font-size: 16px; }
    .contacts .wrapper {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .contacts .wrapper .block {
        width: 50%;
        padding: 0 10px; }
        .contacts .wrapper .block:nth-child(1) {
          width: 40%; }
          .contacts .wrapper .block:nth-child(1) .title {
            text-align: left; }
          .contacts .wrapper .block:nth-child(1) .card {
            width: 50%; }
            .contacts .wrapper .block:nth-child(1) .card:nth-child(1) {
              width: 50%;
              padding-right: 7px; }
            .contacts .wrapper .block:nth-child(1) .card:nth-child(2) ul {
              height: auto;
              -moz-column-count: auto;
              -webkit-column-count: auto;
              column-count: auto; }
              .contacts .wrapper .block:nth-child(1) .card:nth-child(2) ul li {
                width: 220px; }
            .contacts .wrapper .block:nth-child(1) .card a {
              font-size: 14px; }
        .contacts .wrapper .block .block-wrapper .card {
          width: 50%; }
          .contacts .wrapper .block .block-wrapper .card .tel, .contacts .wrapper .block .block-wrapper .card .cont, .contacts .wrapper .block .block-wrapper .card .mail {
            margin-bottom: 15px; }
          .contacts .wrapper .block .block-wrapper .card i {
            font-size: 21px; }
          .contacts .wrapper .block .block-wrapper .card a, .contacts .wrapper .block .block-wrapper .card .time {
            margin-left: 30px; }
          .contacts .wrapper .block .block-wrapper .card .tel a {
            margin-bottom: 3px;
            font-size: 16px; }
            .contacts .wrapper .block .block-wrapper .card .tel a.major {
              font-size: 20px; }
          .contacts .wrapper .block .block-wrapper .card .tel .time {
            margin-top: 7px; }
          .contacts .wrapper .block .block-wrapper .card .btn {
            padding: 10px 22px; } }

@media (max-width: 960px) {
  .contacts {
    padding: 25px 0; }
    .contacts .title h3 {
      font-size: 16px; }
    .contacts .wrapper {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .contacts .wrapper .block {
        width: 100%;
        padding: 0 10px; }
        .contacts .wrapper .block:nth-child(1) {
          width: 100%;
          margin-bottom: 15px; }
          .contacts .wrapper .block:nth-child(1) .card {
            width: inherit; }
            .contacts .wrapper .block:nth-child(1) .card:nth-child(1) {
              width: inherit; }
        .contacts .wrapper .block:nth-child(2) .title {
          padding-bottom: 15px;
          text-align: left; } }

@media (max-width: 520px) {
  .contacts {
    padding: 15px 0 30px 0; }
    .contacts .wrapper .block .block-wrapper {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .contacts .wrapper .block .block-wrapper .card {
        width: 100%; } }

@media (max-width: 400px) {
  .contacts .title {
    padding-top: 15px; }
  .contacts .wrapper .block:nth-child(1) {
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0; }
  .contacts .wrapper .block .block-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .contacts .wrapper .block .block-wrapper .card {
      width: 100%; }
      .contacts .wrapper .block .block-wrapper .card .tel a {
        font-size: 14px;
        margin-bottom: 3px; }
        .contacts .wrapper .block .block-wrapper .card .tel a.major {
          font-size: 16px; }
      .contacts .wrapper .block .block-wrapper .card .tel .time {
        margin-top: 8px; } }

footer p, footer a {
  font: 11px/50px "PT Sans", sans-serif; }

footer p {
  float: left; }

footer a {
  color: #212121;
  float: right; }
  footer a img {
    float: right;
    margin: 16px 0 0 10px; }

@media (max-width: 1250px) {
  footer p {
    line-height: 40px; }
  footer a {
    line-height: 40px; }
    footer a img {
      margin: 12px 0 0 7px; } }

@media (max-width: 400px) {
  footer {
    padding-bottom: 10px; }
    footer p, footer a {
      float: none;
      text-align: center;
      line-height: normal; }
    footer p {
      margin: 15px 0 10px 0;
      width: 100%; }
    footer a {
      display: inline-block;
      width: 100%; }
      footer a img {
        float: none;
        margin: 0 0 0 7px; } }

.banner {
  background: url("../img/bg-about.jpg") no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
  padding-bottom: 20px; }
  .banner .title h2 {
    font-weight: 800; }
  .banner .title .decor span {
    background: #333752; }
  .banner .title p {
    max-width: 1000px;
    font-size: 18px;
    line-height: 24px;
    color: #212121;
    font-weight: 600; }

.cause {
  padding-top: 50px; }
  .cause h1 {
    max-width: 750px;
    margin: 0 auto;
    font-family: "Open Sans", sans-serif;
    font-weight: 800; }
    .cause h1 .num {
      display: block;
      float: left;
      font-size: 120px;
      line-height: 105px; }
    .cause h1 .text-h {
      font-size: 35px;
      line-height: 40px;
      display: block;
      margin-left: 75px; }
  .cause .card {
    clear: both;
    overflow: hidden;
    padding: 50px 0;
    font-family: "Open Sans", sans-serif;
    color: #212121; }
    .cause .card:nth-child(odd) {
      background: #f9f9f9; }
    .cause .card .cont {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .cause .card .img {
      width: 50%;
      height: 350px; }
    .cause .card .desc {
      margin-top: 60px;
      padding: 0 20px;
      width: -webkit-calc(50% - 40px);
      width: calc(50% - 40px);
      position: relative; }
    .cause .card h2, .cause .card p {
      z-index: 2;
      position: relative; }
    .cause .card h2 {
      margin-bottom: 15px;
      font-size: 24px;
      color: #91d334; }
    .cause .card span {
      pointer-events: none;
      position: absolute;
      top: 0;
      right: 0;
      -webkit-transform: translate(20px, -80px);
      -ms-transform: translate(20px, -80px);
      -o-transform: translate(20px, -80px);
      transform: translate(20px, -80px);
      font-size: 150px;
      font-weight: 800;
      opacity: .2; }
    .cause .card p {
      font-size: 18px; }
    .cause .card:nth-child(2n + 1) .desc {
      padding-left: 80px;
      width: -webkit-calc(50% - 100px);
      width: calc(50% - 100px); }
    .cause .card:nth-child(2n + 1) span {
      right: auto;
      left: 0; }

@media (max-width: 1250px) {
  .banner {
    padding-bottom: 10px; }
    .banner .title p {
      max-width: 700px;
      font-size: 16px;
      line-height: 21px; }
  .cause {
    padding-top: 40px; }
    .cause h1 {
      max-width: 550px; }
      .cause h1 .num {
        font-size: 90px;
        line-height: 80px; }
      .cause h1 .text-h {
        font-size: 28px;
        line-height: 30px;
        margin-left: 60px; }
    .cause .card {
      padding: 40px 0;
      font-size: 20px; }
      .cause .card .img {
        height: 300px; }
      .cause .card .desc {
        margin-top: 40px;
        padding: 0 15px;
        width: -webkit-calc(50% - 30px);
        width: calc(50% - 30px); }
      .cause .card h2, .cause .card p {
        z-index: 2;
        position: relative; }
      .cause .card h2 {
        margin-bottom: 10px;
        font-size: 20px; }
      .cause .card span {
        font-size: 120px; }
      .cause .card p {
        font-size: 15px; }
      .cause .card:nth-child(2n + 1) .desc {
        padding-left: 50px;
        width: -webkit-calc(50% - 50px);
        width: calc(50% - 50px); } }

@media (max-width: 960px) {
  .banner .title p {
    max-width: 100%;
    font-size: 14px;
    line-height: 20px; }
  .cause {
    padding-top: 30px; }
    .cause h1 {
      max-width: 430px; }
      .cause h1 .num {
        font-size: 70px;
        line-height: 65px; }
      .cause h1 .text-h {
        font-size: 22px;
        line-height: 25px;
        margin-left: 50px; }
    .cause .card {
      padding: 40px 0;
      font-size: 20px; }
      .cause .card .img {
        height: 300px; }
      .cause .card .desc {
        margin-top: 30px; }
      .cause .card h2 {
        margin-bottom: 7px;
        font-size: 18px; }
      .cause .card span {
        font-size: 100px;
        -webkit-transform: translate(10px, -60px);
        -ms-transform: translate(10px, -60px);
        -o-transform: translate(10px, -60px);
        transform: translate(10px, -60px); }
      .cause .card p {
        font-size: 14px; }
      .cause .card:nth-child(2n + 1) .desc {
        padding-left: 40px;
        width: -webkit-calc(50% - 40px);
        width: calc(50% - 40px); } }

@media (max-width: 700px) {
  .cause h1 {
    max-width: 380px; }
    .cause h1 .num {
      font-size: 65px;
      line-height: 55px; }
    .cause h1 .text-h {
      font-size: 20px;
      line-height: 22px;
      margin-left: 40px; }
  .cause .card {
    padding: 30px 0; }
    .cause .card .cont {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .cause .card .img {
      width: 100%; }
    .cause .card .desc {
      width: 100%;
      padding: 0;
      margin-top: 30px; }
    .cause .card span {
      font-size: 90px;
      -webkit-transform: translate(0, -50px);
      -ms-transform: translate(0, -50px);
      -o-transform: translate(0, -50px);
      transform: translate(0, -50px); }
    .cause .card:nth-child(2n + 1) .cont {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }
    .cause .card:nth-child(2n + 1) .desc {
      padding-left: 0;
      width: 100%; }
    .cause .card:nth-child(2n + 1) span {
      left: auto;
      right: 0; } }

@media (max-width: 500px) {
  .cause .card {
    padding: 20px 0; }
    .cause .card .img {
      height: 200px; } }

.consult {
  background: url("../img/bg-consult.jpg") no-repeat center bottom;
  -webkit-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  margin: 100px 0 50px 0;
  min-height: 100px;
  font-family: "Open Sans", sans-serif;
  color: #fff;
  z-index: -1; }
  .consult .wrap {
    padding: 100px 0 130px 0;
    position: relative; }
  .consult h5 {
    margin-right: 20px;
    max-width: 720px;
    font-size: 28px;
    font-weight: 400;
    float: left; }
  .consult .btn {
    margin-top: 20px; }
  .consult .img {
    pointer-events: none;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(10%);
    -ms-transform: translateX(10%);
    -o-transform: translateX(10%);
    transform: translateX(10%); }
    .consult .img span {
      pointer-events: auto;
      display: inline-block;
      margin-bottom: 35px;
      font-style: italic; }
    .consult .img img {
      width: 250px;
      display: inline-block;
      vertical-align: bottom; }

@media (max-width: 1250px) {
  .consult {
    margin: 80px 0 40px 0;
    min-height: 100px; }
    .consult .wrap {
      padding: 80px 0 100px 0; }
    .consult h5 {
      margin-right: 20px;
      max-width: 480px;
      font-size: 20px; }
    .consult .btn {
      margin-top: 10px; }
    .consult .img {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); }
      .consult .img span {
        font-size: 14px;
        margin-bottom: 25px; }
      .consult .img img {
        width: 200px; } }

@media (max-width: 950px) {
  .consult {
    margin: 70px 0 30px 0;
    min-height: 195px; }
    .consult .wrap {
      padding: 50px 15px 40px 15px; }
    .consult h5 {
      float: none;
      margin: 0;
      max-width: 430px;
      font-size: 18px; }
    .consult .btn {
      margin-top: 25px; }
    .consult .img span {
      margin-bottom: 20px; }
    .consult .img img {
      width: 170px; } }

@media (max-width: 700px) {
  .consult {
    margin: 30px 0 0 0;
    min-height: 230px; }
    .consult .wrap {
      padding: 40px 15px 0 15px; }
    .consult .btn {
      margin: 25px 0; }
    .consult .img {
      position: static;
      display: block;
      padding: 0;
      width: 100%; }
      .consult .img img {
        display: none; } }

.bg {
  background: #f9f9f9; }

.bgb {
  background: #fbffff; }

.gallery .action {
  margin: 30px 0; }

.guarantees .card {
  overflow: hidden;
  padding: 35px;
  border-bottom: 1px solid #d8d8d8; }
  .guarantees .card:first-child {
    padding-top: 7px; }
  .guarantees .card:last-child {
    border: none; }
  .guarantees .card img {
    float: left;
    width: 200px;
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s; }
    .guarantees .card img img {
      width: 100%; }
    .guarantees .card img:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -o-transform: scale(1.05);
      transform: scale(1.05); }
  .guarantees .card .desc {
    margin: 40px 0 0 250px;
    font: 15px/21px "Open Sans", sans-serif;
    color: #212121; }
    .guarantees .card .desc h2 {
      margin-bottom: 25px;
      font-size: 21px;
      line-height: normal;
      font-weight: 800; }

@media (max-width: 1250px) {
  .guarantees .card {
    padding: 25px; }
    .guarantees .card img {
      width: 200px; }
    .guarantees .card .desc {
      margin: 40px 0 0 220px;
      font-size: 14px; }
      .guarantees .card .desc h2 {
        margin-bottom: 15px;
        font-size: 18px; } }

@media (max-width: 960px) {
  .guarantees .card {
    padding: 20px; }
    .guarantees .card img {
      width: 180px; }
    .guarantees .card .desc {
      margin: 0 0 0 200px;
      font-size: 14px; }
      .guarantees .card .desc h2 {
        margin-bottom: 10px;
        font-size: 18px; } }

@media (max-width: 500px) {
  .guarantees .card {
    padding: 20px 0; }
    .guarantees .card img {
      float: none;
      margin: 0 auto 15px auto;
      padding: 0 20px;
      width: -webkit-calc(100% - 40px);
      width: calc(100% - 40px); }
    .guarantees .card .desc {
      margin: 0; }
      .guarantees .card .desc h2 {
        font-size: 16px; } }

.contacts-page .card {
  margin-bottom: 20px; }
  .contacts-page .card:last-child {
    margin-bottom: 0; }
  .contacts-page .card h2 {
    display: block;
    margin-bottom: 10px;
    font: 20px "Open Sans", sans-serif;
    font-weight: 800; }
  .contacts-page .card i {
    float: left;
    font-size: 20px;
    display: block;
    color: #212121; }
  .contacts-page .card span, .contacts-page .card a {
    display: block;
    color: #212121; }
  .contacts-page .card .cont {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin: 0 0 10px -5px; }
    .contacts-page .card .cont.address {
      width: 50%;
      font: 16px/24px "Open Sans", sans-serif; }
      .contacts-page .card .cont.address .desc {
        max-width: 320px; }
    .contacts-page .card .cont.time {
      margin-right: 15px;
      width: 170px;
      width: 170px;
      font: 14px "PT Sans", sans-serif; }
    .contacts-page .card .cont.tel {
      width: 191px;
      font: 14px "PT Sans", sans-serif; }
    .contacts-page .card .cont.time span, .contacts-page .card .cont.time a {
      margin-bottom: 3px; }
    .contacts-page .card .cont.tel span, .contacts-page .card .cont.tel a {
      margin-bottom: 3px; }
    .contacts-page .card .cont .desc {
      margin-left: 30px; }
  .contacts-page .card .map-block {
    height: 400px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .contacts-page .card .map-block .img {
      width: 40%;
      height: 100%; }
    .contacts-page .card .map-block .map {
      width: 60%;
      height: 100%; }

@media (max-width: 1250px) {
  .contacts-page .card {
    margin-bottom: 20px; }
    .contacts-page .card h2, .contacts-page .card i {
      font-size: 18px; }
    .contacts-page .card .cont .desc {
      margin-left: 25px; }
    .contacts-page .card .map-block {
      height: 330px; } }

@media (max-width: 960px) {
  .contacts-page .card .cont.address {
    margin-bottom: 15px;
    width: 60%;
    font: 16px/24px "Open Sans", sans-serif; }
    .contacts-page .card .cont.address .desc {
      width: 100%; }
  .contacts-page .card .map-block {
    height: 300px; } }

@media (max-width: 700px) {
  .contacts-page .card .cont.address {
    margin-bottom: 15px;
    width: auto;
    min-width: 100%;
    font: 16px/24px "Open Sans", sans-serif; }
    .contacts-page .card .cont.address .desc {
      width: auto; }
  .contacts-page .card .map-block {
    height: auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .contacts-page .card .map-block .img, .contacts-page .card .map-block .map {
      width: 100%; }
    .contacts-page .card .map-block .img {
      height: 40vw; }
    .contacts-page .card .map-block .map {
      height: 50vw; } }

.title-action .title {
  padding-bottom: 30px; }

.kind-slider, .options-slider {
  position: relative; }

.news {
  position: relative; }
  .news.st {
    position: relative; }

.kind-slider .swiper-button-next, .kind-slider .swiper-button-prev {
  position: absolute;
  width: 41px;
  height: 57px;
  background: url(../img/arrow-slide.png) no-repeat center;
  -webkit-background-size: contain;
  background-size: contain;
  z-index: 1; }

.options-slider .swiper-button-next, .options-slider .swiper-button-prev {
  position: absolute;
  width: 41px;
  height: 57px;
  background: url(../img/arrow-slide.png) no-repeat center;
  -webkit-background-size: contain;
  background-size: contain;
  z-index: 1; }

.news .swiper-button-next, .news .swiper-button-prev {
  position: absolute;
  width: 41px;
  height: 57px;
  background: url(../img/arrow-slide.png) no-repeat center;
  -webkit-background-size: contain;
  background-size: contain;
  z-index: 1; }

.news.st .swiper-button-next, .news.st .swiper-button-prev {
  position: absolute;
  width: 41px;
  height: 57px;
  background: url(../img/arrow-slide.png) no-repeat center;
  -webkit-background-size: contain;
  background-size: contain;
  z-index: 1; }

.kind-slider .swiper-button-next, .options-slider .swiper-button-next {
  margin-right: -70px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.news .swiper-button-next, .news.st .swiper-button-next {
  margin-right: -70px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.kind-slider .swiper-button-prev, .options-slider .swiper-button-prev {
  margin-left: -70px; }

.news .swiper-button-prev, .news.st .swiper-button-prev {
  margin-left: -70px; }

.news .swiper-button-next, .news.st .swiper-button-next {
  margin-right: 0; }

.news .swiper-button-prev, .news.st .swiper-button-prev {
  margin-left: 0; }

@media (max-width: 1350px) {
  .kind-slider .swiper-button-next, .kind-slider .swiper-button-prev {
    width: 31px;
    height: 47px; }
  .options-slider .swiper-button-next, .options-slider .swiper-button-prev {
    width: 31px;
    height: 47px; }
  .kind-slider .swiper-button-next, .options-slider .swiper-button-next {
    margin-right: 0px; }
  .kind-slider .swiper-button-prev, .options-slider .swiper-button-prev {
    margin-left: 0px; } }

@media (max-width: 1250px) {
  .gallery .action {
    margin: 25px 0; }
  .title-action .title {
    padding-bottom: 25px; } }

@media (max-width: 960px) {
  .gallery .action {
    margin: 20px 0; }
  .title-action .title {
    padding-bottom: 20px; } }

@media (max-width: 500px) {
  .gallery .action {
    margin: 15px 0; }
  .title-action .title {
    padding-bottom: 15px; } }

.kinds {
  padding-bottom: 50px;
  background: url("../img/bg-kinds.jpg") no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover; }
  .kinds .title {
    padding-bottom: 20px; }
  .kinds .swiper-slide {
    padding-bottom: 30px;
    text-align: center;
    font: 16px/21px "Open Sans", sans-serif;
    color: #212121; }
    .kinds .swiper-slide a {
      color: #212121; }
    .kinds .swiper-slide .img {
      display: block;
      margin-bottom: 35px;
      width: 100%;
      height: 350px;
      background: #fff;
      position: relative; }
      .kinds .swiper-slide .img img {
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        vertical-align: middle;
        max-width: 100%;
        max-height: 100%; }
    .kinds .swiper-slide a strong {
      display: block;
      font-size: 21px;
      line-height: normal; }
    .kinds .swiper-slide a p {
      margin: 20px 0; }

@media (max-width: 1250px) {
  .kinds {
    padding-bottom: 30px; }
    .kinds .swiper-slide {
      padding-bottom: 20px;
      font-size: 14px; }
      .kinds .swiper-slide .img {
        margin-bottom: 20px;
        height: 250px; }
      .kinds .swiper-slide a strong {
        font-size: 18px; }
      .kinds .swiper-slide a p {
        margin: 10px 0 15px 0; } }

@media (max-width: 950px) {
  .kinds {
    padding-bottom: 30px; }
    .kinds .swiper-slide {
      padding-bottom: 20px;
      font-size: 14px; }
      .kinds .swiper-slide .img {
        margin-bottom: 20px;
        height: 250px; }
      .kinds .swiper-slide a strong {
        font-size: 18px; }
      .kinds .swiper-slide a p {
        margin: 10px 0 15px 0; } }

@media (max-width: 700px) {
  .kinds {
    padding-bottom: 20px; }
    .kinds .swiper-slide .img {
      margin-bottom: 10px;
      height: 60vw; } }

.features ol {
  padding-left: 40px; }

.features.prod {
  padding-bottom: 35px; }
  .features.prod .block .desc {
    width: -webkit-calc(100% - 535px);
    width: calc(100% - 535px); }
  .features.prod .block .img {
    overflow: hidden;
    margin: 0 0 0 65px;
    border: 1px solid #dedede;
    width: 470px;
    height: 400px;
    position: relative;
    cursor: pointer; }
    .features.prod .block .img img {
      position: absolute;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      vertical-align: middle;
      max-width: 100%;
      max-height: 100%;
      -webkit-transition: .2s;
      -o-transition: .2s;
      transition: .2s; }
    .features.prod .block .img .inlarge {
      position: absolute;
      top: 10px;
      right: 10px;
      display: block;
      width: 40px;
      height: 40px;
      background: url("../img/inlarge.png") no-repeat center;
      -webkit-background-size: contain;
      background-size: contain;
      opacity: 0.5;
      -webkit-transition: .2s;
      -o-transition: .2s;
      transition: .2s; }
    .features.prod .block .img:hover img {
      -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
      -o-transform: scale(1.03);
      transform: scale(1.03); }
    .features.prod .block .img:hover .inlarge {
      opacity: 1; }

.features .block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font: 16px "Open Sans", sans-serif;
  color: #212121; }
  .features .block .img {
    width: 50%;
    margin-right: 65px;
    height: 550px; }
  .features .block .desc {
    width: 50%; }
  .features .block li {
    list-style-type: none;
    margin-bottom: 30px;
    position: relative; }
    .features .block li span {
      display: block;
      position: absolute;
      top: -3px;
      left: 0;
      -webkit-transform: translateX(-130%);
      -ms-transform: translateX(-130%);
      -o-transform: translateX(-130%);
      transform: translateX(-130%);
      text-align: center;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: #91d334;
      font: 20px/30px "Open Sans", sans-serif;
      color: #fff; }

@media (max-width: 1250px) {
  .features ol {
    padding-left: 35px; }
  .features.prod .block .desc {
    width: -webkit-calc(100% - 465px);
    width: calc(100% - 465px); }
  .features.prod .block .img {
    margin: 0 0 0 45px;
    width: 420px;
    height: 350px; }
    .features.prod .block .img .inlarge {
      width: 35px;
      height: 35px; }
  .features .block {
    font-size: 14px; }
    .features .block .img {
      margin-right: 25px;
      height: 450px; }
    .features .block li {
      margin-bottom: 25px; }
      .features .block li span {
        width: 25px;
        height: 25px;
        font-size: 16px;
        line-height: 25px; } }

@media (max-width: 960px) {
  .features.prod .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    .features.prod .block .img {
      width: 55vw;
      margin: 0 0 20px 0;
      height: 45vw; }
      .features.prod .block .img .inlarge {
        width: 30px;
        height: 30px; }
    .features.prod .block .desc {
      width: 100%; }
  .features .block {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .features .block .img {
      width: 55vw;
      margin: 0 0 20px 0;
      height: 45vw; }
    .features .block .desc {
      width: 100%; }
    .features .block li {
      margin-bottom: 12px; } }

@media (max-width: 700px) {
  .features.prod .block .img .inlarge {
    width: 30px;
    height: 30px; }
  .features .block {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .features .block .img {
      width: 100%;
      margin: 0 0 20px 0;
      height: 400px; }
    .features .block li {
      margin-bottom: 12px; } }

@media (max-width: 500px) {
  .features.prod .block .img {
    width: 100%;
    height: 55vw; }
  .features .block .img {
    height: 260px; } }

.advant-sub {
  padding-bottom: 25px; }
  .advant-sub.prod {
    padding-bottom: 10px; }
  .advant-sub .block {
    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: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .advant-sub .card {
    margin: 0 25px 50px 25px;
    width: 330px;
    text-align: center;
    font: 15px/21px "Open Sans", sans-serif;
    color: #212121; }
    .advant-sub .card .img {
      display: block;
      margin-bottom: 15px;
      width: 100%;
      height: 200px; }
    .advant-sub .card strong {
      display: block;
      margin-bottom: 10px;
      font-size: 21px;
      font-weight: 600;
      color: #333752; }
  .advant-sub .action {
    margin: 0; }

@media (max-width: 1250px) {
  .advant-sub.prod {
    padding-bottom: 10px; }
  .advant-sub .card {
    margin: 0 12px 30px 12px;
    width: 276px;
    font-size: 14px; }
    .advant-sub .card .img {
      display: block;
      margin-bottom: 15px;
      width: 100%;
      height: 180px; }
    .advant-sub .card strong {
      margin-bottom: 7px;
      font-size: 18px; } }

@media (max-width: 950px) {
  .advant-sub .card {
    margin: 0 10px 20px 10px;
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px); }
    .advant-sub .card .img {
      margin-bottom: 10px;
      height: 180px; }
    .advant-sub .card strong {
      margin-bottom: 5px; } }

@media (max-width: 700px) {
  .advant-sub .card {
    margin: 0 10px 20px 10px;
    width: -webkit-calc(50% - 40px);
    width: calc(50% - 40px); }
    .advant-sub .card .img {
      margin-bottom: 10px;
      height: 160px; }
    .advant-sub .card strong {
      margin-bottom: 5px; } }

@media (max-width: 500px) {
  .advant-sub .card {
    margin: 0 0 20px 0;
    width: 100%; }
    .advant-sub .card .img {
      margin-bottom: 10px;
      height: 180px; } }

.title-prod {
  padding: 45px 0;
  background: url("../img/bg-title-prod.jpg") no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(9, 12, 18, 0.2);
  box-shadow: 0px 3px 5px 0px rgba(9, 12, 18, 0.2); }

.prod-bread {
  padding-top: 0; }

.title-prod .block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.title-prod .gal, .title-prod .desc {
  width: 45%; }

.title-prod .gal .maj-img, .title-prod .gal .img {
  background: #fff;
  border: 1px solid #dedede;
  position: relative; }

.title-prod .desc .maj-img, .title-prod .desc .img {
  background: #fff;
  border: 1px solid #dedede;
  position: relative; }

.title-prod .gal .maj-img img, .title-prod .gal .img img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%; }

.title-prod .desc .maj-img img, .title-prod .desc .img img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%; }

.title-prod .gal * {
  display: inline-block; }

.title-prod .gal .maj-img {
  float: left;
  margin-right: 20px;
  width: 350px;
  height: 350px; }

.title-prod .gal .gal-menu .img {
  display: block;
  margin-bottom: 8px;
  width: 110px;
  height: 110px;
  cursor: pointer; }

.title-prod .desc {
  font: 16px/24px "Open Sans", sans-serif;
  color: #212121; }
  .title-prod .desc h2 {
    font-size: 24px;
    line-height: normal;
    font-weight: 800; }
  .title-prod .desc p {
    margin: 15px 0 25px 0; }

@media (max-width: 1250px) {
  .title-prod {
    padding: 0 0 35px 0; }
    .title-prod .gal, .title-prod .desc {
      width: 50%; }
    .title-prod .gal .maj-img {
      margin: 0 0 10px 0;
      width: -webkit-calc(100% - 32px);
      width: calc(100% - 32px); }
    .title-prod .gal .gal-menu {
      width: 100%; }
      .title-prod .gal .gal-menu .img {
        display: inline-block;
        margin: 0 10px 0 0;
        width: -webkit-calc(30% - 6px);
        width: calc(30% - 6px);
        height: 120px; }
    .title-prod .desc {
      font-size: 16px;
      line-height: 24px; }
      .title-prod .desc h2 {
        font-size: 21px; } }

@media (max-width: 960px) {
  .title-prod .gal .maj-img {
    margin-bottom: 5px;
    height: 270px; }
  .title-prod .gal .gal-menu .img {
    margin: 0 1% 0 0;
    width: -webkit-calc(30% - 6px);
    width: calc(30% - 6px);
    height: 100px; }
  .title-prod .desc {
    font-size: 14px;
    line-height: 21px; }
    .title-prod .desc h2 {
      font-size: 18px; } }

@media (max-width: 700px) {
  .title-prod .block {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .title-prod .gal, .title-prod .desc {
    width: 100%; }
  .title-prod .gal {
    margin-bottom: 25px; }
    .title-prod .gal .maj-img {
      margin-bottom: 5px;
      width: -webkit-calc(99% - 2px);
      width: calc(99% - 2px);
      height: 55vw; }
    .title-prod .gal .gal-menu .img {
      margin: 0 1% 0 0;
      width: -webkit-calc(32.5% - 6px);
      width: calc(32.5% - 6px);
      height: 25vw; } }

.tabs-kinds {
  background: url("../img/bg-tabs-kinds.jpg") no-repeat center;
  -webkit-background-size: cover;
  background-size: cover; }
  .tabs-kinds input {
    position: absolute;
    left: -9999px; }
  .tabs-kinds .tabs_cont > div {
    position: absolute;
    left: -9999px;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out; }
  .tabs-kinds #tab_1:checked ~ .tabs_cont #tab_c1, .tabs-kinds #tab_2:checked ~ .tabs_cont #tab_c2, .tabs-kinds #tab_3:checked ~ .tabs_cont #tab_c3, .tabs-kinds #tab_4:checked ~ .tabs_cont #tab_c4, .tabs-kinds #tab_5:checked ~ .tabs_cont #tab_c5, .tabs-kinds #tab_6:checked ~ .tabs_cont #tab_c6, .tabs-kinds #tab_7:checked ~ .tabs_cont #tab_c7, .tabs-kinds #tab_8:checked ~ .tabs_cont #tab_c8, .tabs-kinds #tab_9:checked ~ .tabs_cont #tab_c9, .tabs-kinds #tab_10:checked ~ .tabs_cont #tab_c10, .tabs-kinds #tab_11:checked ~ .tabs_cont #tab_c11, .tabs-kinds #tab_12:checked ~ .tabs_cont #tab_c12, .tabs-kinds #tab_13:checked ~ .tabs_cont #tab_c13, .tabs-kinds #tab_14:checked ~ .tabs_cont #tab_c14, .tabs-kinds #tab_15:checked ~ .tabs_cont #tab_c15, .tabs-kinds #tab_16:checked ~ .tabs_cont #tab_c16, .tabs-kinds #tab_17:checked ~ .tabs_cont #tab_c17, .tabs-kinds #tab_18:checked ~ .tabs_cont #tab_c18, .tabs-kinds #tab_19:checked ~ .tabs_cont #tab_c19, .tabs-kinds #tab_20:checked ~ .tabs_cont #tab_c20, .tabs-kinds #tab_21:checked ~ .tabs_cont #tab_c21, .tabs-kinds #tab_22:checked ~ .tabs_cont #tab_c22 {
    position: static;
    left: 0;
    opacity: 1; }
  .tabs-kinds label {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 10px 5px;
    width: 185px;
    text-align: center;
    font: 15px "Open Sans", sans-serif;
    color: #000;
    cursor: pointer; }
    .tabs-kinds label .img {
      display: block;
      overflow: hidden;
      width: 100%;
      height: 130px;
      border-radius: 20px;
      margin-bottom: 10px; }
      .tabs-kinds label .img img {
        height: 120%; }
  .tabs-kinds .tabs_cont {
    margin-top: 35px; }
    .tabs-kinds .tabs_cont .tabs-wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .tabs-kinds .tabs_cont .desc, .tabs-kinds .tabs_cont .gal {
      width: 50%; }
    .tabs-kinds .tabs_cont .desc {
      width: -webkit-calc(50% - 30px);
      width: calc(50% - 30px);
      padding-right: 30px;
      font: 16px/26px "Open Sans", sans-serif;
      color: #000; }
      .tabs-kinds .tabs_cont .desc h3 {
        margin-bottom: 20px;
        font-size: 22px;
        line-height: normal;
        font-weight: 800; }
    .tabs-kinds .tabs_cont .gal * {
      display: inline-block; }
    .tabs-kinds .tabs_cont .gal .maj-img {
      float: left;
      margin-right: 10px;
      width: 430px;
      height: 350px; }
    .tabs-kinds .tabs_cont .gal .gal-menu .img {
      display: block;
      margin-bottom: 10px;
      width: 160px;
      height: 110px; }

@media (max-width: 1250px) {
  .tabs-kinds label {
    width: 136px;
    font-size: 14px; }
    .tabs-kinds label .img {
      height: 100px; }
      .tabs-kinds label .img img {
        height: 120%; }
  .tabs-kinds .tabs_cont {
    margin-top: 25px; }
    .tabs-kinds .tabs_cont .desc {
      width: -webkit-calc(50% - 20px);
      width: calc(50% - 20px);
      padding-right: 20px; }
      .tabs-kinds .tabs_cont .desc h3 {
        margin-bottom: 10px;
        font-size: 18px; }
      .tabs-kinds .tabs_cont .desc p {
        font-size: 14px;
        line-height: 21px; }
    .tabs-kinds .tabs_cont .gal .maj-img {
      width: 300px;
      height: 250px; }
    .tabs-kinds .tabs_cont .gal .gal-menu .img {
      width: 140px;
      height: 77px; } }

@media (max-width: 960px) {
  .tabs-kinds label {
    width: 116px; }
    .tabs-kinds label .img {
      height: 90px; }
      .tabs-kinds label .img img {
        height: 120%; }
  .tabs-kinds .tabs_cont {
    margin-top: 15px; }
    .tabs-kinds .tabs_cont .desc h3 {
      margin-bottom: 7px; }
    .tabs-kinds .tabs_cont .gal .maj-img {
      width: 98%;
      height: 250px;
      margin: 0 0 2% 0; }
    .tabs-kinds .tabs_cont .gal .gal-menu {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .tabs-kinds .tabs_cont .gal .gal-menu .img {
        margin-right: 2%;
        width: 100%;
        height: 70px; } }

@media (max-width: 700px) {
  .tabs-kinds label {
    width: 22%;
    margin: 1%; }
  .tabs-kinds .tabs_cont {
    margin-top: 10px; }
    .tabs-kinds .tabs_cont .tabs-wrap {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .tabs-kinds .tabs_cont .desc {
      width: 100%; }
    .tabs-kinds .tabs_cont .gal {
      width: 100%;
      margin-top: 15px; }
      .tabs-kinds .tabs_cont .gal .maj-img {
        height: 45vw; }
      .tabs-kinds .tabs_cont .gal .gal-menu {
        width: 100%; }
        .tabs-kinds .tabs_cont .gal .gal-menu .img {
          margin-right: 2%;
          height: 20vw; } }

@media (max-width: 500px) {
  .tabs-kinds label {
    width: 47%; }
    .tabs-kinds label .img {
      height: 100px; }
      .tabs-kinds label .img img {
        height: 150%; }
  .tabs-kinds .tabs_cont .gal .maj-img {
    height: 200px; }
  .tabs-kinds .tabs_cont .gal .gal-menu .img {
    height: 80px; } }

.options .swiper-slide {
  font: 16px/24px "Open Sans", sans-serif;
  color: #212121; }
  .options .swiper-slide > * {
    display: inline-block;
    vertical-align: middle; }
  .options .swiper-slide .img {
    width: 45%;
    height: 550px;
    position: relative; }
    .options .swiper-slide .img img {
      position: absolute;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      vertical-align: middle;
      max-width: 100%;
      max-height: 100%; }
  .options .swiper-slide .cont {
    width: 50%;
    padding-left: 20px;
    position: relative; }
  .options .swiper-slide .num {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 450px;
    line-height: 400px;
    font-weight: 800;
    color: #212121;
    opacity: 0.1; }
  .options .swiper-slide strong {
    font-size: 42px;
    line-height: normal;
    font-weight: 800; }
  .options .swiper-slide p {
    margin: 20px 0 35px 0; }
  .options .swiper-slide .btn {
    padding-right: 35px;
    padding-left: 35px; }

.options .swiper-pagination {
  position: static; }

.options .swiper-pagination-bullet {
  margin: 0 4px;
  width: 15px;
  height: 15px;
  border: 1px solid #737373; }
  .options .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #737373; }

@media (max-width: 1250px) {
  .options .swiper-container {
    padding-bottom: 25px; }
  .options .swiper-slide {
    font-size: 14px;
    line-height: 21px; }
    .options .swiper-slide .img {
      height: 450px; }
    .options .swiper-slide .num {
      font-size: 350px;
      line-height: 350px; }
    .options .swiper-slide strong {
      font-size: 36px; }
    .options .swiper-slide p {
      margin: 15px 0 25px 0; }
  .options .swiper-pagination-bullet {
    width: 12px;
    height: 12px; } }

@media (max-width: 960px) {
  .options .swiper-slide .img {
    height: 350px; }
  .options .swiper-slide .num {
    font-size: 250px;
    line-height: 250px; }
  .options .swiper-slide strong {
    font-size: 28px; }
  .options .swiper-slide p {
    margin: 10px 0 20px 0; }
  .options .swiper-pagination-bullet {
    width: 12px;
    height: 12px; } }

@media (max-width: 700px) {
  .options > * {
    display: block; }
  .options .swiper-slide .img, .options .swiper-slide .cont {
    width: 100%;
    padding: 0; }
  .options .swiper-slide .img {
    height: 350px; }
  .options .swiper-slide .num {
    font-size: 150px;
    line-height: 150px; }
  .options .swiper-slide strong {
    font-size: 22px; } }

.title-sliding, .subtitle-sliding {
  padding-bottom: 40px; }

.title-sliding .block .card, .subtitle-sliding .block .card {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  color: #212121;
  font-weight: 600;
  cursor: pointer; }

.title-sliding .block .card .img, .subtitle-sliding .block .card .img {
  overflow: hidden;
  margin-bottom: 15px;
  border-radius: 30px;
  width: 100%; }

.title-sliding.packages h2 {
  margin: 0 auto;
  max-width: 800px; }

.title-sliding.packages .img {
  text-align: left; }
  .title-sliding.packages .img .num {
    display: block;
    margin: 0 25px;
    font-size: 100px;
    line-height: 120px;
    font-weight: 800;
    color: #fff; }

.title-sliding.packages .block .card:hover .img {
  -webkit-box-shadow: inset 0 0 0 12px #91d334;
  box-shadow: inset 0 0 0 12px #91d334; }

.title-sliding .breadcrumbs {
  padding-bottom: 0; }

.title-sliding .title {
  padding-top: 30px; }

.title-sliding .block .card {
  margin: 0 0.5% 30px;
  width: 31.5%;
  font-size: 18px;
  position: relative;
  z-index: 2; }
  .title-sliding .block .card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 30px;
    display: block;
    width: 100%;
    height: 200px;
    background: #000;
    -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.4);
    z-index: -1;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s; }
  .title-sliding .block .card:hover .img {
    -webkit-box-shadow: inset 0 0 0 12px #737373;
    box-shadow: inset 0 0 0 12px #737373; }
  .title-sliding .block .card.active .img {
    -webkit-box-shadow: inset 0 0 0 12px #91d334;
    box-shadow: inset 0 0 0 12px #91d334; }
  .title-sliding .block .card .img {
    height: 200px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s; }

.title-sliding.accessories .block .card {
  margin: 0 0.5% 25px;
  width: 23.7%; }

.subtitle-sliding .block .card {
  margin: 0 0.5% 20px;
  width: 18.5%;
  font-size: 14px; }
  .subtitle-sliding .block .card:hover .img {
    -webkit-box-shadow: inset 0 0 0 6px #91d334;
    box-shadow: inset 0 0 0 6px #91d334; }
  .subtitle-sliding .block .card .img {
    height: 135px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s; }

@media (max-width: 1250px) {
  .title-sliding, .subtitle-sliding {
    padding-bottom: 30px; }
  .title-sliding .block .card h3, .subtitle-sliding .block .card h3 {
    font-size: 18px; }
  .title-sliding .block .card .img, .subtitle-sliding .block .card .img {
    margin-bottom: 10px;
    border-radius: 20px; }
  .title-sliding.packages .img .num {
    margin: 0 20px;
    font-size: 80px;
    line-height: 100px; }
  .title-sliding .title {
    padding: 30px 0 40px 0; }
  .title-sliding .block .card:after {
    border-radius: 20px;
    height: 160px; }
  .title-sliding .block .card:hover .img {
    -webkit-box-shadow: inset 0 0 0 9px #737373;
    box-shadow: inset 0 0 0 9px #737373; }
  .title-sliding .block .card.active .img {
    -webkit-box-shadow: inset 0 0 0 9px #91d334;
    box-shadow: inset 0 0 0 9px #91d334; }
  .title-sliding .block .card .img {
    height: 160px; }
  .title-sliding.accessories .block .card {
    width: 23.5%; }
  .subtitle-sliding .block .card h3 {
    font-size: 15px; }
  .subtitle-sliding .block .card .img {
    height: 120px; } }

@media (max-width: 960px) {
  .title-sliding, .subtitle-sliding {
    padding-bottom: 20px; }
  .title-sliding .block .card h3, .subtitle-sliding .block .card h3 {
    font-size: 16px; }
  .title-sliding .block .card .img, .subtitle-sliding .block .card .img {
    margin-bottom: 7px;
    border-radius: 15px; }
  .title-sliding.packages .img .num {
    margin: 0 15px;
    font-size: 60px;
    line-height: 80px; }
  .title-sliding .title {
    padding: 20px 0 30px 0; }
  .title-sliding .block .card:after {
    border-radius: 15px;
    height: 130px; }
  .title-sliding .block .card:hover .img {
    -webkit-box-shadow: inset 0 0 0 6px #737373;
    box-shadow: inset 0 0 0 6px #737373; }
  .title-sliding .block .card.active .img {
    -webkit-box-shadow: inset 0 0 0 6px #91d334;
    box-shadow: inset 0 0 0 6px #91d334; }
  .title-sliding .block .card .img {
    height: 130px; }
  .title-sliding.accessories .block .card {
    width: 31.5%; }
  .subtitle-sliding .block .card {
    margin: 0 0.5% 15px;
    width: 23.5%; }
    .subtitle-sliding .block .card .img {
      height: 135px; } }

@media (max-width: 700px) {
  .title-sliding, .subtitle-sliding {
    padding-bottom: 10px; }
  .title-sliding .block .card h3, .subtitle-sliding .block .card h3 {
    font-size: 14px; }
  .title-sliding .block .card .img, .subtitle-sliding .block .card .img {
    margin-bottom: 5px;
    border-radius: 10px; }
  .title-sliding .block .card {
    width: 48%; }
    .title-sliding .block .card:after {
      border-radius: 10px; }
    .title-sliding .block .card:hover .img {
      -webkit-box-shadow: inset 0 0 0 5px #737373;
      box-shadow: inset 0 0 0 5px #737373; }
    .title-sliding .block .card.active .img {
      -webkit-box-shadow: inset 0 0 0 5px #91d334;
      box-shadow: inset 0 0 0 5px #91d334; }
  .title-sliding.accessories .block .card {
    width: 48%; }
  .subtitle-sliding .block .card {
    margin: 0 0.5% 10px;
    width: 31.5%; }
    .subtitle-sliding .block .card h3 {
      font-size: 14px; }
    .subtitle-sliding .block .card .img {
      height: 115px; } }

@media (max-width: 500px) {
  .title-sliding, .subtitle-sliding {
    padding-bottom: 5px; }
  .title-sliding.packages .img .num {
    margin: 0 10px;
    font-size: 40px;
    line-height: 60px; }
  .title-sliding .title {
    padding: 15px 0 20px 0; }
  .title-sliding .block .card {
    width: 48%; }
    .title-sliding .block .card:after, .title-sliding .block .card .img {
      height: 100px; }
  .title-sliding.accessories .block .card {
    width: 48%; }
  .subtitle-sliding .block .card {
    width: 48%; }
    .subtitle-sliding .block .card .img {
      height: 90px; } }

.block-wrap .card {
  padding: 70px 0 60px 0;
  overflow: hidden; }
  .block-wrap .card:nth-child(even) .scheme-block {
    float: right; }
  .block-wrap .card:nth-child(even) .wrap-card:last-child {
    text-align: right; }

.block-wrap .wrapper .wrap-card {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  margin-right: -5px;
  font-family: "Open Sans", sans-serif; }
  .block-wrap .wrapper .wrap-card img {
    width: 90%; }
  .block-wrap .wrapper .wrap-card .title {
    text-align: left;
    padding: 0; }
    .block-wrap .wrapper .wrap-card .title h1 {
      font-size: 22px;
      font-weight: 600; }
    .block-wrap .wrapper .wrap-card .title p {
      max-width: 100%;
      margin: 0; }
  .block-wrap .wrapper .wrap-card strong {
    display: block;
    margin: 20px 0 15px; }
  .block-wrap .wrapper .wrap-card p span {
    font-weight: 800; }
  .block-wrap .wrapper .wrap-card .btn {
    /* margin-top: 25px; */ }

.block-wrap .scheme-block {
  text-align: center; }
  .block-wrap .scheme-block h3 {
    margin: 45px 0 25px 0;
    font: 24px "Open Sans", sans-serif;
    color: #212121;
    font-weight: 700; }
  .block-wrap .scheme-block .scheme-wrap {
    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: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .block-wrap .scheme-block img {
    max-height: 110px;
    margin: 0 10px 15px 10px; }

@media (max-width: 1250px) {
  .block-wrap .card {
    padding: 50px 0 40px 0; }
  .block-wrap .wrapper .wrap-card img {
    width: 95%; }
  .block-wrap .wrapper .wrap-card .title h2 {
    font-size: 20px; }
  .block-wrap .wrapper .wrap-card strong {
    margin: 15px 0 10px; }
  .block-wrap .wrapper .wrap-card p {
    font-size: 14px; }
  .block-wrap .wrapper .wrap-card .btn {
    /*   margin-top: 20px; */ }
  .block-wrap .scheme-block h3 {
    margin: 35px 0 20px 0;
    font-size: 21px; }
  .block-wrap .scheme-block img {
    max-height: 95px;
    margin: 0 7px 12px 7px; } }

@media (max-width: 960px) {
  .block-wrap .card {
    padding: 40px 0 30px 0; }
  .block-wrap .wrapper .wrap-card img {
    width: 93%; }
  .block-wrap .wrapper .wrap-card .title h2 {
    font-size: 18px; }
  .block-wrap .wrapper .wrap-card strong {
    margin: 10px 0 7px;
    font-size: 14px; }
  .block-wrap .wrapper .wrap-card .btn {
    /*   margin-top: 15px; */ }
  .block-wrap .scheme-block h3 {
    margin-top: 25px;
    font-size: 18px; }
  .block-wrap .scheme-block img {
    max-height: 85px;
    margin: 0 7px 12px 7px; } }

@media (max-width: 700px) {
  .block-wrap .card {
    padding: 30px 0 20px 0; }
  .block-wrap .wrapper .wrap-card {
    width: 100%;
    margin-bottom: 15px; }
    .block-wrap .wrapper .wrap-card img {
      width: 100%; }
    .block-wrap .wrapper .wrap-card .title h2 {
      font-size: 18px; }
  .block-wrap .scheme-block h3 {
    font-size: 16px; }
  .block-wrap .scheme-block .scheme-wrap {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; } }

.banner-packages .title h1 {
  font-size: 58px;
  color: #fff; }

.banner-packages .title p {
  color: #fff; }

.decor-img {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  display: block;
  width: 450px;
  height: 400px;
  background: url("../img/decor1.png") no-repeat right/contain;
  opacity: 1;
  z-index: 1; }

@media (max-width: 1250px) {
  .decor-img {
    display: none; }
  .banner-packages .title h1 {
    font-size: 48px; } }

@media (max-width: 960px) {
  .banner-packages .title h1 {
    font-size: 38px; } }

@media (max-width: 700px) {
  .banner-packages .title h1 {
    font-size: 28px; } }

.advant-packages {
  padding: 25px 0 5px 0; }
  .advant-packages .card {
    margin: 0 1% 20px 1%;
    width: 22%;
    display: inline-block;
    vertical-align: middle;
    font: 14px "Open Sans", sans-serif;
    color: #2c2b2b;
    position: relative; }
    .advant-packages .card:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%) rotate(-35deg);
      -ms-transform: translateY(-50%) rotate(-35deg);
      -o-transform: translateY(-50%) rotate(-35deg);
      transform: translateY(-50%) rotate(-35deg);
      width: 1px;
      height: 80px;
      background: #ededed; }
    .advant-packages .card:last-child:after {
      display: none; }
    .advant-packages .card * {
      display: inline-block;
      vertical-align: middle; }
    .advant-packages .card img {
      width: 15%;
      margin-right: 5%; }
    .advant-packages .card .desc {
      width: 76%; }

@media (max-width: 1250px) {
  .advant-packages {
    padding: 20px 0 15px 0; }
    .advant-packages .card {
      font-size: 13px;
      margin-bottom: 5px; }
      .advant-packages .card:after {
        display: none; }
      .advant-packages .card .desc {
        width: 77%; } }

@media (max-width: 960px) {
  .advant-packages {
    padding: 20px 0 10px 0; }
    .advant-packages .card {
      width: 45%;
      margin-bottom: 10px; } }

@media (max-width: 500px) {
  .advant-packages {
    padding: 20px 0 10px 0; }
    .advant-packages .card {
      width: 100%;
      margin-bottom: 10px; }
      .advant-packages .card img {
        width: auto;
        max-width: 12%; }
      .advant-packages .card .desc {
        width: 80%; } }

.step1, .step2, .step3 {
  font-family: "Open Sans", sans-serif; }

.step1 > .wrap > .title, .step2 > .wrap > .title, .step3 > .wrap > .title {
  text-align: center;
  position: relative;
  padding: 40px 0 50px 0; }

.step1 > .wrap > .title h2, .step2 > .wrap > .title h2, .step3 > .wrap > .title h2 {
  font-size: 42px;
  font-weight: 300; }

.step1 > .wrap > .title .num, .step2 > .wrap > .title .num, .step3 > .wrap > .title .num {
  position: absolute;
  top: 0;
  left: 62%;
  font-size: 200px;
  line-height: 150px;
  font-weight: 800;
  opacity: 0.2; }

.step1 .title, .step1 table, .step1 ul, .step1 strong {
  position: relative;
  z-index: 2; }

.step2 .title, .step2 table, .step2 ul, .step2 strong {
  position: relative;
  z-index: 2; }

.step3 .title, .step3 table, .step3 ul, .step3 strong {
  position: relative;
  z-index: 2; }

.step1 .title, .step2 .title, .step3 .title {
  padding: 30px 0 10px 0;
  text-align: left; }

.step1 h2, .step1 h3 {
  font-size: 22px;
  font-weight: 600; }

.step2 h2, .step2 h3 {
  font-size: 22px;
  font-weight: 600; }

.step3 h2, .step3 h3 {
  font-size: 22px;
  font-weight: 600; }

.step1 p, .step2 p, .step3 p {
  margin: 0;
  max-width: none;
  font-size: 16px;
  line-height: 22px; }

.step1 p strong, .step2 p strong, .step3 p strong {
  display: inline-block;
  margin: 0; }

.step1 strong, .step2 strong, .step3 strong {
  display: block;
  margin: 25px 0 15px 0;
  font-size: 18px; }

.step1 ul, .step2 ul, .step3 ul {
  margin-left: 25px;
  text-align: left; }

.step1 li, .step2 li, .step3 li {
  list-style-type: none;
  position: relative;
  margin-bottom: 10px; }

.step1 li:before, .step2 li:before, .step3 li:before {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: -20px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-left: 10px solid #91d334;
  border-bottom: 7px solid transparent; }

.step1 table, .step2 table, .step3 table {
  width: 1200px !important;
  background: #fff;
  margin-bottom: 25px;
  -webkit-box-shadow: 0 3px 5px 1px #b2b2b2;
  box-shadow: 0 3px 5px 1px #b2b2b2;
  text-align: center;
  border-collapse: collapse;
  border: none; }

.step1 table caption, .step2 table caption, .step3 table caption {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 15px; }

.step1 table td, .step2 table td, .step3 table td {
  padding: 25px 0;
  width: 1000px; }

.step1 table td:nth-child(1), .step1 table td:nth-child(3) {
  width: 1000px; }

.step2 table td:nth-child(1), .step2 table td:nth-child(3) {
  width: 1000px; }

.step3 table td:nth-child(1), .step3 table td:nth-child(3) {
  width: 1000px; }

.step1 table td:nth-child(2), .step2 table td:nth-child(2), .step3 table td:nth-child(2) {
  padding: 0 2%;
  width: 80%; }

.step1 table tr, .step2 table tr, .step3 table tr {
  border: none; }

.step1 table tr:first-child td, .step2 table tr:first-child td, .step3 table tr:first-child td {
  padding: 15px 0;
  background: #91d334;
  color: #fff;
  font-weight: 600;
  border: none; }

.step1 .wrap > p, .step2 .wrap > p {
  max-width: 85%; }

.step1 .block1 .wrap, .step1 .block3 .wrap {
  padding-bottom: 35px; }

.step2 .block1 .wrap, .step2 .block3 .wrap {
  padding-bottom: 35px; }

.step1 .block1 .subblock.nopad .wrap {
  padding-bottom: 0; }

.step1 .subblock.nopad .wrapper.second {
  margin-bottom: 0; }

.step1 .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px; }
  .step1 .wrapper .card {
    text-align: center; }
    .step1 .wrapper .card iframe {
      width: 95%;
      height: 350px; }

.step1 .wrap_content {
  overflow: hidden;
  padding-bottom: 50px; }
  .step1 .wrap_content .left {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .step1 .wrap_content .right {
    float: right;
    width: 50%;
    padding-left: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .step1 .wrap_content img {
    width: 100%;
    margin-top: 115px;
    display: block; }

.step1 .wrapper.first .card {
  width: 65%; }
  .step1 .wrapper.first .card:first-child {
    width: 35%; }
  .step1 .wrapper.first .card img {
    width: 100%; }

.step1 .wrapper.second .card {
  width: 50%; }
  .step1 .wrapper.second .card:last-child {
    width: 50%; }
    .step1 .wrapper.second .card:last-child .title {
      text-align: right;
      padding-top: 0; }
  .step1 .wrapper.second .card img {
    width: 100%; }

.step1 .wrapper.chart .card {
  text-align: left; }
  .step1 .wrapper.chart .card img {
    width: 93%;
    -webkit-box-shadow: 0 0 30px 5px #cccccc;
    box-shadow: 0 0 30px 5px #cccccc; }

.step1 h4 {
  margin-bottom: 35px;
  text-align: center;
  font-size: 24px; }

.step1 .subblock {
  position: relative; }
  .step1 .subblock .card {
    z-index: 2; }
    .step1 .subblock .card p {
      text-align: left; }
    .step1 .subblock .card ul {
      margin: 20px 25px; }
    .step1 .subblock .card li {
      font-weight: 600; }

.step2 .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 35px; }
  .step2 .wrapper .card {
    padding: 0 30px;
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px); }
    .step2 .wrapper .card > img {
      width: 90%; }
  .step2 .wrapper .major-img {
    width: 100%;
    height: 320px; }
  .step2 .wrapper .gal-menu {
    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; }
    .step2 .wrapper .gal-menu div {
      margin-top: 7px;
      width: 32%;
      height: 120px; }

.step2 .block2 {
  padding: 35px 0; }
  .step2 .block2 .block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .step2 .block2 .block img {
      max-width: 115px;
      margin: 0 15px 15px 0; }

.step2 .block3 .title {
  padding-bottom: 45px; }

.step2 .block3 .wrapper {
  margin-bottom: 50px; }
  .step2 .block3 .wrapper:first-child {
    padding-top: 50px; }
  .step2 .block3 .wrapper .card {
    display: inline-block;
    vertical-align: middle;
    width: 48%; }
    .step2 .block3 .wrapper .card:first-child {
      margin-left: -30px; }
    .step2 .block3 .wrapper .card:last-child {
      margin-right: -30px; }
    .step2 .block3 .wrapper .card strong, .step2 .block3 .wrapper .card p {
      width: 80%; }
    .step2 .block3 .wrapper .card strong {
      margin-top: 45px; }
    .step2 .block3 .wrapper .card .card_content_left {
      margin-left: 0; }
    .step2 .block3 .wrapper .card h3 {
      margin-bottom: 25px;
      margin-top: 0;
      position: relative;
      padding-bottom: 15px;
      color: #333752; }
      .step2 .block3 .wrapper .card h3:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 3px;
        width: 35px;
        background: #91d334; }
  .step2 .block3 .wrapper.ib .card .major-img {
    float: left;
    width: 70%; }
  .step2 .block3 .wrapper.ib .card .gal-menu {
    float: right;
    width: -webkit-calc(30% - 10px);
    width: calc(30% - 10px);
    padding-left: 10px;
    display: block; }
    .step2 .block3 .wrapper.ib .card .gal-menu div {
      margin: 0 0 10px 0;
      width: 100%;
      height: 100px; }

.step2 .block4 .title, .step2 .block5 .title {
  padding-bottom: 25px; }

.step2 .block4 .gallery div, .step2 .block5 .gallery div {
  cursor: auto; }

.step3 {
  padding-bottom: 10px; }
  .step3 .card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 65px; }
    .step3 .card .card-wrap {
      min-height: 350px;
      width: 50%;
      position: relative; }
      .step3 .card .card-wrap .cont {
        position: absolute;
        top: 50%;
        left: -75px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block;
        width: 90%;
        padding: 25px 35px;
        background: #fff;
        -webkit-box-shadow: 0 0 30px 5px rgba(77, 77, 77, 0.4);
        box-shadow: 0 0 30px 5px rgba(77, 77, 77, 0.4); }
        .step3 .card .card-wrap .cont strong {
          margin-top: 0;
          font-size: 22px; }
    .step3 .card:nth-child(even) {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .step3 .card:nth-child(even) .card-wrap .cont {
        left: auto;
        right: -75px; }

@media (max-width: 1250px) {
  .step1 > .wrap > .title, .step2 > .wrap > .title, .step3 > .wrap > .title {
    padding: 30px 0 40px 0; }
  .step1 > .wrap > .title h2, .step2 > .wrap > .title h2, .step3 > .wrap > .title h2 {
    font-size: 32px; }
  .step1 > .wrap > .title .num, .step2 > .wrap > .title .num, .step3 > .wrap > .title .num {
    font-size: 120px;
    line-height: 100px; }
  .step1 .title, .step2 .title, .step3 .title {
    padding: 20px 0 7px 0; }
  .step1 h2, .step1 h3 {
    font-size: 20px; }
  .step2 h2, .step2 h3 {
    font-size: 20px; }
  .step3 h2, .step3 h3 {
    font-size: 20px; }
  .step1 p, .step2 p, .step3 p {
    font-size: 14px;
    line-height: 21px; }
  .step1 strong, .step2 strong, .step3 strong {
    margin: 20px 0 10px 0;
    font-size: 16px; }
  .step1 ul, .step2 ul, .step3 ul {
    margin-left: 20px; }
  .step1 li, .step2 li, .step3 li {
    margin-bottom: 7px; }
  .step1 li:before, .step2 li:before, .step3 li:before {
    top: 5px;
    left: -17px;
    border-top: 5px solid transparent;
    border-left: 7px solid #91d334;
    border-bottom: 5px solid transparent; }
  .step1 table, .step2 table, .step3 table {
    width: 900px !important;
    margin-bottom: 20px;
    font-size: 14px; }
  .step1 table caption, .step2 table caption, .step3 table caption {
    font-size: 18px; }
  .step1 table td, .step2 table td, .step3 table td {
    padding: 25px 0;
    width: 750px; }
  .step1 table td:nth-child(1), .step2 table td:nth-child(1), .step3 table td:nth-child(1) {
    width: 50px; }
  .step1 table td:nth-child(3), .step2 table td:nth-child(3), .step3 table td:nth-child(3) {
    width: 100px; }
  .step1 table td:nth-child(2), .step2 table td:nth-child(2), .step3 table td:nth-child(2) {
    padding: 0 5%;
    width: 70%; }
  .step1 .block1 .wrap, .step1 .block3 .wrap {
    padding-bottom: 25px; }
  .step2 .block1 .wrap, .step2 .block3 .wrap {
    padding-bottom: 25px; }
  .step1 .wrapper {
    margin-bottom: 10px; }
    .step1 .wrapper .card iframe {
      height: 250px; }
    .step1 .wrapper .card li {
      font-size: 14px; }
    .step1 .wrapper.first .card {
      width: 55%; }
      .step1 .wrapper.first .card:first-child {
        width: 45%; }
      .step1 .wrapper.first .card img {
        width: 85%; }
    .step1 .wrapper.second {
      margin-bottom: 25px; }
      .step1 .wrapper.second .card {
        width: 50%; }
        .step1 .wrapper.second .card:last-child {
          width: 50%; }
        .step1 .wrapper.second .card img {
          width: 100%; }
    .step1 .wrapper.chart .card img {
      width: 95%;
      -webkit-box-shadow: 0 0 20px 5px #cccccc;
      box-shadow: 0 0 20px 5px #cccccc; }
  .step1 h4 {
    margin-bottom: 25px;
    font-size: 18px; }
  .step1 .subblock .card ul {
    margin: 15px 20px; }
  .step2 .wrapper {
    margin-bottom: 25px; }
    .step2 .wrapper .card {
      padding: 0 12px;
      width: -webkit-calc(50% - 24px);
      width: calc(50% - 24px); }
    .step2 .wrapper .major-img {
      width: 100%;
      height: 280px; }
    .step2 .wrapper .gal-menu div {
      height: 100px; }
  .step2 .block2 {
    padding: 20px 0; }
    .step2 .block2 .block img {
      max-width: 100px;
      margin: 0 12px 12px 0; }
  .step2 .block3 .title {
    padding-bottom: 25px; }
  .step2 .block3 .wrapper {
    margin-bottom: 30px; }
    .step2 .block3 .wrapper .card {
      width: 48%; }
      .step2 .block3 .wrapper .card strong, .step2 .block3 .wrapper .card p {
        width: 100%; }
      .step2 .block3 .wrapper .card strong {
        margin-top: 35px; }
    .step2 .block3 .wrapper.ib .card .gal-menu div {
      height: 86.5px; }
  .step2 .block4 .title, .step2 .block5 .title {
    padding-bottom: 15px; }
  .step3 {
    padding-bottom: 5px; }
    .step3 .card {
      margin-bottom: 45px; }
      .step3 .card .card-wrap {
        min-height: 300px; }
        .step3 .card .card-wrap .cont {
          left: -65px;
          width: 95%;
          padding: 20px 30px;
          -webkit-box-shadow: 0 0 25px 5px rgba(77, 77, 77, 0.4);
          box-shadow: 0 0 25px 5px rgba(77, 77, 77, 0.4); }
          .step3 .card .card-wrap .cont strong {
            font-size: 20px; }
      .step3 .card:nth-child(even) .card-wrap .cont {
        right: -65px; } }

@media (max-width: 960px) {
  .step1 > .wrap > .title, .step2 > .wrap > .title, .step3 > .wrap > .title {
    padding: 20px 0 30px 0; }
  .step1 > .wrap > .title h2, .step2 > .wrap > .title h2, .step3 > .wrap > .title h2 {
    font-size: 28px; }
  .step1 > .wrap > .title .num, .step2 > .wrap > .title .num, .step3 > .wrap > .title .num {
    font-size: 100px;
    line-height: 80px; }
  .step1 .title, .step2 .title, .step3 .title {
    padding: 15px 0 5px 0; }
  .step1 h2, .step1 h3 {
    font-size: 18px; }
  .step2 h2, .step2 h3 {
    font-size: 18px; }
  .step3 h2, .step3 h3 {
    font-size: 18px; }
  .step1 strong, .step2 strong, .step3 strong {
    margin: 15px 0 7px 0; }
  .step1 li, .step2 li, .step3 li {
    margin-bottom: 5px; }
  .step1 table, .step2 table, .step3 table {
    width: 650px !important; }
  .step1 table td, .step2 table td, .step3 table td {
    width: 750px; }
  .step1 table td:nth-child(1), .step2 table td:nth-child(1), .step3 table td:nth-child(1) {
    width: 50px; }
  .step1 table td:nth-child(3), .step2 table td:nth-child(3), .step3 table td:nth-child(3) {
    width: 90px; }
  .step1 table td:nth-child(2), .step2 table td:nth-child(2), .step3 table td:nth-child(2) {
    padding: 0 5px;
    width: 400px; }
  .step1 .block1 .wrap, .step1 .block3 .wrap {
    padding-bottom: 15px; }
  .step2 .block1 .wrap, .step2 .block3 .wrap {
    padding-bottom: 15px; }
  .step1 .wrapper {
    margin-bottom: 5px; }
    .step1 .wrapper .card iframe {
      height: 200px; }
    .step1 .wrapper.first .card {
      width: 40%;
      margin-bottom: 10px; }
      .step1 .wrapper.first .card:first-child {
        width: 60%; }
      .step1 .wrapper.first .card img {
        width: 95%; }
    .step1 .wrapper.second .card {
      width: 40%; }
      .step1 .wrapper.second .card:last-child {
        width: 60%; }
      .step1 .wrapper.second .card img {
        width: 100%; }
    .step1 .wrapper.chart .card {
      width: 100%; }
      .step1 .wrapper.chart .card img {
        width: 100%; }
  .step1 h4 {
    margin-bottom: 25px;
    font-size: 18px; }
  .step1 .subblock .card ul {
    margin: 15px 20px; }
  .step2 .wrapper {
    margin-bottom: 20px; }
    .step2 .wrapper .card {
      padding: 0 10px;
      width: -webkit-calc(50% - 20px);
      width: calc(50% - 20px); }
    .step2 .wrapper .major-img {
      width: 100%;
      height: 250px; }
    .step2 .wrapper .gal-menu div {
      height: 90px; }
  .step2 .block2 {
    padding: 10px 0; }
    .step2 .block2 .block img {
      max-width: 100px;
      margin: 0 10px 10px 0; }
  .step2 .block3 .title {
    padding-bottom: 20px; }
  .step2 .block3 .wrapper {
    margin-bottom: 20px; }
    .step2 .block3 .wrapper .card strong {
      margin-top: 0; }
    .step2 .block3 .wrapper.ib .card .gal-menu div {
      height: 76.5px; }
  .step2 .block4 .title, .step2 .block5 .title {
    padding-bottom: 10px; }
  .step3 .card {
    margin-bottom: 25px; }
    .step3 .card .card-wrap {
      min-height: 270px; }
      .step3 .card .card-wrap .cont {
        width: 100%;
        padding: 15px 25px; }
        .step3 .card .card-wrap .cont strong {
          font-size: 18px; } }

@media (max-width: 700px) {
  .step1 > .wrap > .title, .step2 > .wrap > .title, .step3 > .wrap > .title {
    padding: 15px 0 25px 0; }
  .step1 > .wrap > .title h2, .step2 > .wrap > .title h2, .step3 > .wrap > .title h2 {
    font-size: 24px; }
  .step1 > .wrap > .title .num, .step2 > .wrap > .title .num, .step3 > .wrap > .title .num {
    font-size: 75px;
    line-height: 65px; }
  .step1 .title, .step2 .title, .step3 .title {
    padding: 10px 0 5px 0; }
  .step1 h2, .step1 h3 {
    font-size: 16px; }
  .step2 h2, .step2 h3 {
    font-size: 16px; }
  .step3 h2, .step3 h3 {
    font-size: 16px; }
  .step1 strong, .step2 strong, .step3 strong {
    margin: 12px 0 5px 0; }
  .step1 table, .step2 table, .step3 table {
    width: 100% !important; }
  .step1 table td, .step2 table td, .step3 table td {
    width: auto; }
  .step1 table td:nth-child(1), .step1 table td:nth-child(3) {
    width: 10%; }
  .step2 table td:nth-child(1), .step2 table td:nth-child(3) {
    width: 10%; }
  .step3 table td:nth-child(1), .step3 table td:nth-child(3) {
    width: 10%; }
  .step1 table td:nth-child(2), .step2 table td:nth-child(2), .step3 table td:nth-child(2) {
    padding: 0 3%;
    width: 50%; }
  .step1 .wrap > p, .step2 .wrap > p {
    max-width: 100%; }
  .step1 .block1 .wrap, .step1 .block3 .wrap {
    padding-bottom: 10px; }
  .step2 .block1 .wrap, .step2 .block3 .wrap {
    padding-bottom: 10px; }
  .step1 .wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .step1 .wrapper .card {
      margin-bottom: 10px; }
      .step1 .wrapper .card iframe {
        width: 100%;
        height: 60vw; }
    .step1 .wrapper.first .card {
      width: 100%; }
      .step1 .wrapper.first .card:first-child {
        width: 100%; }
      .step1 .wrapper.first .card img {
        width: 95%; }
    .step1 .wrapper.second {
      margin-bottom: 15px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }
      .step1 .wrapper.second .card {
        width: 100%; }
        .step1 .wrapper.second .card:last-child {
          width: 100%; }
          .step1 .wrapper.second .card:last-child .title {
            text-align: left; }
        .step1 .wrapper.second .card img {
          width: 100%; }
  .step1 .wrap_content .right, .step1 .wrap_content .left {
    float: none;
    width: 100%; }
  .step1 .wrap_content .right img {
    padding: 0; }
  .step1 .wrapper.chart .card {
    width: 100%; }
    .step1 .wrapper.chart .card img {
      width: 100%; }
  .step1 h4 {
    margin-bottom: 15px;
    font-size: 16px; }
  .step1 .subblock .card ul {
    margin: 10px 20px; }
  .step2 .wrapper {
    margin-bottom: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .step2 .wrapper .card {
      margin-bottom: 10px;
      padding: 0;
      width: 100%; }
    .step2 .wrapper .major-img {
      width: 100%;
      height: 50vw; }
    .step2 .wrapper .gal-menu div {
      height: 18vw; }
  .step2 .block3 .title {
    padding-bottom: 15px; }
  .step2 .block3 .wrapper {
    margin-bottom: 15px; }
    .step2 .block3 .wrapper:last-child, .step2 .block3 .wrapper:first-child {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }
    .step2 .block3 .wrapper .card {
      width: 100%; }
      .step2 .block3 .wrapper .card .card_content_left {
        margin-left: 0; }
    .step2 .block3 .wrapper.ib .card .major-img {
      float: none;
      margin-bottom: 10px;
      width: 100%;
      height: 50vw; }
    .step2 .block3 .wrapper.ib .card .gal-menu {
      width: 100%;
      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; }
      .step2 .block3 .wrapper.ib .card .gal-menu div {
        width: 32%;
        height: 18vw; }
    .step2 .block3 .wrapper:first-child {
      padding-top: 15px; }
    .step2 .block3 .wrapper .card:first-child {
      margin-left: 0; }
    .step2 .block3 .wrapper .card:last-child {
      margin-right: 0; }
  .step3 .card {
    margin-bottom: 30px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .step3 .card .card-wrap {
      width: 100%;
      min-height: auto; }
      .step3 .card .card-wrap:first-child {
        min-height: 45vw; }
      .step3 .card .card-wrap .cont {
        position: static;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        width: -webkit-calc(100% - 40px);
        width: calc(100% - 40px);
        margin-top: 10px;
        padding: 15px 20px; }
        .step3 .card .card-wrap .cont strong {
          font-size: 16px; } }

.accessories-catalog {
  font-family: "Open Sans", sans-serif; }
  .accessories-catalog .major-block {
    margin: 0 auto 35px auto;
    max-width: 80%; }
    .accessories-catalog .major-block .card {
      display: inline-block;
      vertical-align: middle;
      margin: 0 15px;
      width: 45%; }
      .accessories-catalog .major-block .card img {
        width: 100%; }
      .accessories-catalog .major-block .card strong {
        font-weight: 400; }
  .accessories-catalog .block .card {
    padding: 25px 100px;
    border-bottom: 1px solid #e6e6e6; }
    .accessories-catalog .block .card:last-child {
      border: none; }
    .accessories-catalog .block .card h3 {
      margin-bottom: 25px;
      font-size: 22px;
      line-height: normal; }
    .accessories-catalog .block .card .wrap-block {
      display: inline-block;
      vertical-align: top;
      width: 25%; }
      .accessories-catalog .block .card .wrap-block img {
        width: 100%; }
      .accessories-catalog .block .card .wrap-block:last-child {
        margin-left: 45px;
        width: 70%; }

@media (max-width: 1250px) {
  .accessories-catalog .major-block {
    margin-bottom: 25px;
    max-width: 100%; }
    .accessories-catalog .major-block .card {
      margin: 0 10px;
      width: 46%; }
  .accessories-catalog .block .card {
    padding: 25px 30px; }
    .accessories-catalog .block .card h3 {
      margin-bottom: 20px;
      font-size: 20px; }
    .accessories-catalog .block .card p {
      font-size: 15px; }
    .accessories-catalog .block .card .wrap-block {
      width: 25%; }
      .accessories-catalog .block .card .wrap-block:last-child {
        margin-left: 35px;
        width: 60%; } }

@media (max-width: 960px) {
  .accessories-catalog .major-block {
    margin-bottom: 15px; }
    .accessories-catalog .major-block .card {
      margin: 0 10px;
      width: -webkit-calc(47% - 20px);
      width: calc(47% - 20px); }
  .accessories-catalog .block .card {
    padding: 25px 30px; }
    .accessories-catalog .block .card h3 {
      margin-bottom: 15px;
      font-size: 18px; }
    .accessories-catalog .block .card p {
      font-size: 14px; }
    .accessories-catalog .block .card .wrap-block {
      width: 33%; }
      .accessories-catalog .block .card .wrap-block:last-child {
        margin-left: 5%; } }

@media (max-width: 700px) {
  .accessories-catalog .major-block {
    margin-bottom: 15px; }
    .accessories-catalog .major-block .card {
      vertical-align: top; }
      .accessories-catalog .major-block .card strong {
        font-size: 15px; }
  .accessories-catalog .block .card {
    padding: 15px 0; }
    .accessories-catalog .block .card h3 {
      margin-bottom: 12px;
      font-size: 16px; } }

@media (max-width: 500px) {
  .accessories-catalog .major-block {
    margin-bottom: 15px; }
    .accessories-catalog .major-block .card {
      margin: 0 0 10px 0;
      width: 100%; }
  .accessories-catalog .block .card {
    padding: 10px 0; }
    .accessories-catalog .block .card .wrap-block {
      width: 33%; }
      .accessories-catalog .block .card .wrap-block:last-child {
        margin-left: 5%; } }

@media (max-width: 400px) {
  .accessories-catalog .block .card {
    padding: 10px 0; }
    .accessories-catalog .block .card .wrap-block {
      width: 100%; }
      .accessories-catalog .block .card .wrap-block:last-child {
        margin-left: 0;
        width: inherit; } }

.c-checkbox {
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  padding-left: 20px;
  position: relative;
  cursor: pointer;
  display: block; }
  .c-checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 15px;
    width: 15px;
    padding: 0;
    border: 0;
    left: 0; }
  .c-checkbox .c-checkbox__img {
    position: absolute;
    top: 0;
    left: 0;
    display: inline;
    width: 15px;
    height: 15px;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    background-color: transparent;
    background-image: none;
    color: #d8d8d8;
    cursor: pointer; }
  .c-checkbox input[type=checkbox]:checked + .c-checkbox__img {
    background-position: 0 0; }
    .c-checkbox input[type=checkbox]:checked + .c-checkbox__img:before {
      position: absolute;
      top: 3px;
      left: 2px;
      width: 9px;
      height: 5px;
      border: 2px solid #91d334;
      border-top: none;
      border-right: none;
      background: transparent;
      content: '';
      opacity: 1;
      -webkit-transform: rotate(-50deg);
      -ms-transform: rotate(-50deg);
      -o-transform: rotate(-50deg);
      transform: rotate(-50deg); }
  .c-checkbox span {
    vertical-align: top;
    margin-left: 5px;
    color: #212121; }

.calculator .step-title {
  margin-bottom: 45px; }
  .calculator .step-title h2 {
    font: 22px/normal "Open Sans", sans-serif;
    color: #212121;
    font-weight: 600; }
  .calculator .step-title .step-num {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    text-align: center;
    width: 75px;
    height: 75px;
    font: 22px/73px "PT Sans", sans-serif;
    font-weight: 800;
    color: #fff;
    background: #91d334; }
    .calculator .step-title .step-num .num {
      font-size: 30px; }
  .calculator .step-title .title-wrap {
    margin-left: 35px; }

.calculator .block-step2 .block, .calculator .block-step2 .block-param, .calculator .block-step2 .block-data {
  overflow: hidden;
  height: auto;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }

.calculator .block-step3 .block, .calculator .block-step3 .block-param, .calculator .block-step3 .block-data {
  overflow: hidden;
  height: auto;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }

.calculator .block-step4 .block, .calculator .block-step4 .block-param, .calculator .block-step4 .block-data {
  overflow: hidden;
  height: auto;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }

.calculator .block-step2 .block.close, .calculator .block-step2 .block-param.close, .calculator .block-step2 .block-data.close {
  height: 0; }

.calculator .block-step3 .block.close, .calculator .block-step3 .block-param.close, .calculator .block-step3 .block-data.close {
  height: 0; }

.calculator .block-step4 .block.close, .calculator .block-step4 .block-param.close, .calculator .block-step4 .block-data.close {
  height: 0; }

.calculator .block, .calculator .block-param, .calculator .block-data, .calculator .btn {
  margin: 0 0 30px 120px; }

.calculator .block .card, .calculator .block-param .card, .calculator .block-data .card, .calculator .btn .card {
  display: inline-block;
  vertical-align: top; }

.calculator .block .card {
  margin: 0 25px 15px 0;
  cursor: pointer; }
  .calculator .block .card img {
    opacity: 0.5;
    width: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .calculator .block .card:hover img, .calculator .block .card.active-wind img {
    opacity: 1; }

.calculator .block-step1 .card {
  max-width: 140px; }

.calculator .block-step2 .card {
  max-width: 160px; }

.calculator .block-step2 .block > div {
  display: none; }
  .calculator .block-step2 .block > div.open {
    display: block; }

.calculator .block-step3 .card {
  width: 250px;
  font: 13px "Open Sans", sans-serif;
  color: #212121; }
  .calculator .block-step3 .card:nth-child(1) {
    margin-right: 25px;
    width: 160px; }
  .calculator .block-step3 .card:nth-child(2) {
    margin-right: 25px;
    width: 300px; }
    .calculator .block-step3 .card:nth-child(2) input[type="text"] {
      width: -webkit-calc(180px - 20px);
      width: calc(180px - 20px); }
  .calculator .block-step3 .card img {
    width: 100%; }
  .calculator .block-step3 .card p {
    display: block;
    margin-bottom: 20px;
    font-size: 14px; }
    .calculator .block-step3 .card p span {
      font-weight: 800; }
  .calculator .block-step3 .card label {
    display: block;
    margin: 0 0 10px 7px; }
  .calculator .block-step3 .card input[type="text"], .calculator .block-step3 .card select {
    border-radius: 17px;
    border: 1px solid #d8d8d8;
    background: none;
    margin-bottom: 15px;
    padding: 10px; }
  .calculator .block-step3 .card input[type="text"].disabled, .calculator .block-step3 .card select.disabled {
    pointer-events: none;
    opacity: 0.5; }
  .calculator .block-step3 .card input[type="text"] {
    width: -webkit-calc(230px - 20px);
    width: calc(230px - 20px); }
  .calculator .block-step3 .card select {
    width: 230px;
    padding: 9px; }

.calculator .block-data .card {
  margin-right: 40px;
  width: 330px; }
  .calculator .block-data .card input {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    background: none;
    margin-bottom: 20px;
    padding: 10px 0;
    width: 100%;
    font: 15px/normal "Open Sans", sans-serif;
    color: #666666;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
    .calculator .block-data .card input:focus {
      border-color: #91d334; }

@media (max-width: 1250px) {
  .c-checkbox span {
    line-height: 17px; }
  .calculator {
    padding-bottom: 25px; }
    .calculator .step-title {
      margin-bottom: 35px; }
      .calculator .step-title h2 {
        font-size: 20px; }
      .calculator .step-title .step-num {
        width: 65px;
        height: 65px;
        font-size: 20px;
        line-height: 63px; }
        .calculator .step-title .step-num .num {
          font-size: 28px; }
      .calculator .step-title .title-wrap {
        margin-left: 25px; }
    .calculator .block, .calculator .block-param, .calculator .block-data, .calculator .btn {
      margin: 0 0 20px 90px; }
    .calculator .block .card {
      margin: 0 15px 10px 0; }
    .calculator .block-step1 .card {
      max-width: 130px; }
    .calculator .block-step2 .card {
      max-width: 140px; }
    .calculator .block-step3 .card {
      width: 210px; }
      .calculator .block-step3 .card:nth-child(1) {
        margin-right: 15px;
        width: 150px; }
      .calculator .block-step3 .card:nth-child(2) {
        margin-right: 10px;
        width: 200px; }
        .calculator .block-step3 .card:nth-child(2) input[type="text"] {
          width: 140px; }
      .calculator .block-step3 .card p {
        margin-bottom: 15px; }
      .calculator .block-step3 .card label {
        margin: 0 0 7px 6px; }
      .calculator .block-step3 .card input[type="text"], .calculator .block-step3 .card select {
        margin-bottom: 12px;
        padding: 8px; }
      .calculator .block-step3 .card input[type="text"] {
        width: -webkit-calc(200px - 20px);
        width: calc(200px - 20px); }
      .calculator .block-step3 .card select {
        width: 200px;
        padding: 7px; }
    .calculator .block-data .card {
      margin-right: 30px;
      width: 280px; }
      .calculator .block-data .card input {
        margin-bottom: 15px;
        padding: 9px 0;
        font-size: 14px; } }

@media (max-width: 960px) {
  .calculator .step-title {
    margin-bottom: 25px; }
    .calculator .step-title h2 {
      font-size: 18px; }
    .calculator .step-title .step-num {
      width: 60px;
      height: 60px;
      font-size: 18px;
      line-height: 58px; }
      .calculator .step-title .step-num .num {
        font-size: 24px; }
    .calculator .step-title .title-wrap {
      margin-left: 20px; }
  .calculator .block, .calculator .block-param, .calculator .block-data, .calculator .btn {
    margin: 0 0 15px 0; }
  .calculator .block-step1 .card, .calculator .block-step2 .card {
    max-width: 120px; }
  .calculator .block-step3 .card {
    width: 47%;
    margin-bottom: 20px; }
    .calculator .block-step3 .card:nth-child(1) {
      width: 170px; }
    .calculator .block-step3 .card:nth-child(2) {
      margin-right: 0;
      width: -webkit-calc(100% - 200px);
      width: calc(100% - 200px); }
      .calculator .block-step3 .card:nth-child(2) input[type="text"] {
        width: 180px; }
    .calculator .block-step3 .card:nth-child(3) {
      margin-right: 5%; }
    .calculator .block-step3 .card input[type="text"], .calculator .block-step3 .card select {
      padding: 10px;
      margin-bottom: 20px; }
    .calculator .block-step3 .card input[type="text"] {
      width: -webkit-calc(100% - 20px);
      width: calc(100% - 20px); }
    .calculator .block-step3 .card select {
      width: 100%;
      padding: 9px; }
  .calculator .block-data .card {
    margin: 0;
    width: 47%; }
    .calculator .block-data .card:first-child {
      margin-right: 5%; }
    .calculator .block-data .card input {
      padding: 10px 0; } }

@media (max-width: 700px) {
  .calculator .step-title {
    margin-bottom: 25px; }
    .calculator .step-title h2 {
      font-size: 18px; }
    .calculator .step-title .step-num {
      width: 60px;
      height: 60px;
      font-size: 18px;
      line-height: 58px; }
      .calculator .step-title .step-num .num {
        font-size: 24px; }
    .calculator .step-title .title-wrap {
      margin-left: 20px; }
  .calculator .block, .calculator .block-param, .calculator .block-data, .calculator .btn {
    margin: 0 0 15px 0; }
  .calculator .block-step1 .card, .calculator .block-step2 .card {
    max-width: 120px; }
  .calculator .block-step3 .card {
    width: 47%;
    margin-bottom: 20px; }
    .calculator .block-step3 .card:nth-child(1) {
      width: 170px; }
    .calculator .block-step3 .card:nth-child(2) {
      margin-right: 0;
      width: -webkit-calc(100% - 200px);
      width: calc(100% - 200px); }
      .calculator .block-step3 .card:nth-child(2) input[type="text"] {
        width: 180px; }
    .calculator .block-step3 .card:nth-child(3) {
      margin-right: 5%; }
    .calculator .block-step3 .card input[type="text"], .calculator .block-step3 .card select {
      padding: 10px;
      margin-bottom: 20px; }
    .calculator .block-step3 .card input[type="text"] {
      width: -webkit-calc(100% - 20px);
      width: calc(100% - 20px); }
    .calculator .block-step3 .card select {
      width: 100%;
      padding: 9px; }
  .calculator .block-data .card {
    margin: 0;
    width: 47%; }
    .calculator .block-data .card:first-child {
      margin-right: 5%; }
    .calculator .block-data .card input {
      padding: 10px 0; } }

@media (max-width: 500px) {
  .calculator .step-title {
    margin-bottom: 20px; }
    .calculator .step-title h2 {
      font-size: 18px; }
    .calculator .step-title .step-num {
      display: block;
      margin-bottom: 10px;
      width: 50px;
      height: 50px;
      font-size: 16px;
      line-height: 48px; }
      .calculator .step-title .step-num .num {
        font-size: 21px; }
    .calculator .step-title .title-wrap {
      margin-left: 0; }
  .calculator .block-step1 .card, .calculator .block-step2 .card {
    margin: 0 10px 10px 0;
    max-width: 90px; }
  .calculator .block-step3 .card {
    display: block;
    width: 100%;
    margin-bottom: 20px; }
    .calculator .block-step3 .card img {
      width: 80%; }
    .calculator .block-step3 .card:nth-child(1) {
      text-align: center;
      width: inherit; }
    .calculator .block-step3 .card:nth-child(2) {
      width: inherit; }
      .calculator .block-step3 .card:nth-child(2) input[type="text"] {
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px); }
    .calculator .block-step3 .card:nth-child(3) {
      margin-right: 0; }
  .calculator .block-data .card {
    width: 100%; }
    .calculator .block-data .card:first-child {
      margin-right: 0; }
    .calculator .block-data .card input {
      padding: 12px 0; } }

.modal {
  display: none;
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.6); }
  .modal .modal-content {
    background-color: #fff;
    margin: 55px auto;
    border-radius: 20px;
    position: relative; }
    .modal .modal-content .close {
      position: absolute;
      top: -35px;
      right: -35px;
      display: block;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      border: 2px solid #fff;
      font-size: 28px;
      line-height: 29px;
      text-align: center;
      color: #fff;
      font-weight: 300;
      -webkit-transition: .2s;
      -o-transition: .2s;
      transition: .2s;
      cursor: pointer; }
      .modal .modal-content .close:hover {
        border-color: #d66366;
        color: #d66366; }
    .modal .modal-content .btn {
      width: 100%; }
  .modal.call .modal-content, .modal.answear .modal-content, .modal.calc .modal-content {
    padding: 20px 40px 30px 40px;
    width: 350px;
    font: 18px "Open Sans", sans-serif; }
  .modal.call .modal-content h3, .modal.answear .modal-content h3, .modal.calc .modal-content h3 {
    margin-bottom: 25px;
    font-size: 22px;
    font-weight: 600;
    text-align: center; }
  .modal.call .modal-content input, .modal.call .modal-content textarea {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    background: none;
    margin-bottom: 20px;
    padding: 10px 0;
    width: 100%;
    font: 15px/normal "Open Sans", sans-serif;
    color: #212121; }
  .modal.answear .modal-content input, .modal.answear .modal-content textarea {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    background: none;
    margin-bottom: 20px;
    padding: 10px 0;
    width: 100%;
    font: 15px/normal "Open Sans", sans-serif;
    color: #212121; }
  .modal.calc .modal-content input, .modal.calc .modal-content textarea {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    background: none;
    margin-bottom: 20px;
    padding: 10px 0;
    width: 100%;
    font: 15px/normal "Open Sans", sans-serif;
    color: #212121; }
  .modal.call .modal-content input:focus, .modal.call .modal-content textarea:focus {
    border-color: #91d334; }
  .modal.answear .modal-content input:focus, .modal.answear .modal-content textarea:focus {
    border-color: #91d334; }
  .modal.calc .modal-content input:focus, .modal.calc .modal-content textarea:focus {
    border-color: #91d334; }
  .modal.call .modal-content textarea, .modal.answear .modal-content textarea, .modal.calc .modal-content textarea {
    border: 1px solid #d8d8d8;
    padding: 10px;
    width: -webkit-calc(100% - 22px);
    width: calc(100% - 22px);
    resize: none; }
  .modal.call .modal-content .file, .modal.answear .modal-content .file, .modal.calc .modal-content .file {
    overflow: hidden;
    height: 45px;
    margin-top: -15px; }
  .modal.call .modal-content .file p, .modal.answear .modal-content .file p, .modal.calc .modal-content .file p {
    display: block;
    pointer-events: none;
    font-size: 14px;
    line-height: 25px;
    color: #737373; }
  .modal.call .modal-content .file p .ico-file, .modal.answear .modal-content .file p .ico-file, .modal.calc .modal-content .file p .ico-file {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    width: 25px;
    height: 25px;
    background: url("../img/file.png") no-repeat center;
    -webkit-background-size: contain;
    background-size: contain; }
  .modal.call .modal-content .file input, .modal.answear .modal-content .file input, .modal.calc .modal-content .file input {
    opacity: 0;
    margin: -50px;
    font-size: 200px; }
  .modal.call .modal-content strong, .modal.answear .modal-content strong, .modal.calc .modal-content strong {
    display: block;
    font-size: 16px;
    margin-bottom: 15px; }
  .modal.call .modal-content .form-step1, .modal.call .modal-content .form-step2 {
    display: block;
    overflow: hidden;
    padding: 0 5px 10px 5px; }
  .modal.answear .modal-content .form-step1, .modal.answear .modal-content .form-step2 {
    display: block;
    overflow: hidden;
    padding: 0 5px 10px 5px; }
  .modal.calc .modal-content .form-step1, .modal.calc .modal-content .form-step2 {
    display: block;
    overflow: hidden;
    padding: 0 5px 10px 5px; }
  .modal.call .modal-content .form-step1.close-step, .modal.call .modal-content .form-step2.close-step {
    height: 0;
    padding: 0; }
  .modal.answear .modal-content .form-step1.close-step, .modal.answear .modal-content .form-step2.close-step {
    height: 0;
    padding: 0; }
  .modal.calc .modal-content .form-step1.close-step, .modal.calc .modal-content .form-step2.close-step {
    height: 0;
    padding: 0; }
  .modal.call .modal-content .form-step1 .btn, .modal.call .modal-content .form-step2 .btn {
    display: inline-block;
    text-align: center;
    padding: 10px 0;
    width: 100%;
    cursor: pointer; }
  .modal.answear .modal-content .form-step1 .btn, .modal.answear .modal-content .form-step2 .btn {
    display: inline-block;
    text-align: center;
    padding: 10px 0;
    width: 100%;
    cursor: pointer; }
  .modal.calc .modal-content .form-step1 .btn, .modal.calc .modal-content .form-step2 .btn {
    display: inline-block;
    text-align: center;
    padding: 10px 0;
    width: 100%;
    cursor: pointer; }
  .modal.call .modal-content .form-step1 .block, .modal.answear .modal-content .form-step1 .block, .modal.calc .modal-content .form-step1 .block {
    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; }
  .modal.call .modal-content .form-step1 .card, .modal.answear .modal-content .form-step1 .card, .modal.calc .modal-content .form-step1 .card {
    width: 45%; }
  .modal.call .modal-content .form-step1 .card label, .modal.answear .modal-content .form-step1 .card label, .modal.calc .modal-content .form-step1 .card label {
    display: block;
    margin: 0 0 10px 10px;
    font-size: 13px; }
  .modal.call .modal-content .form-step1 .card input, .modal.answear .modal-content .form-step1 .card input, .modal.calc .modal-content .form-step1 .card input {
    border-radius: 17px;
    border: 1px solid #d8d8d8;
    padding: 8px 10px;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    background: none; }
  .modal.call .modal-content .form-step1 .btn.disabled, .modal.answear .modal-content .form-step1 .btn.disabled, .modal.calc .modal-content .form-step1 .btn.disabled {
    pointer-events: none;
    background: #939393; }
  .modal.galview .modal-content {
    padding: 30px;
    width: 800px; }
    .modal.galview .modal-content .fotorama {
      border: 1px solid #e6e6e6; }
    .modal.galview .modal-content .title h3, .modal.galview .modal-content .title p {
      max-width: 100%; }

@media (max-width: 1250px) {
  .modal .modal-content {
    margin: 45px auto;
    border-radius: 15px; }
    .modal .modal-content .close {
      top: -25px;
      right: -25px;
      width: 25px;
      height: 25px;
      font-size: 24px;
      line-height: 24px; }
  .modal.call .modal-content, .modal.answear .modal-content, .modal.calc .modal-content {
    padding: 15px 35px 25px 35px;
    width: 320px;
    font-size: 16px; }
  .modal.call .modal-content h3, .modal.answear .modal-content h3, .modal.calc .modal-content h3 {
    margin-bottom: 20px;
    font-size: 20px; }
  .modal.call .modal-content input, .modal.call .modal-content textarea {
    margin-bottom: 15px;
    padding: 8px 0;
    font-size: 14px; }
  .modal.answear .modal-content input, .modal.answear .modal-content textarea {
    margin-bottom: 15px;
    padding: 8px 0;
    font-size: 14px; }
  .modal.calc .modal-content input, .modal.calc .modal-content textarea {
    margin-bottom: 15px;
    padding: 8px 0;
    font-size: 14px; }
  .modal.call .modal-content textarea, .modal.answear .modal-content textarea, .modal.calc .modal-content textarea {
    padding: 8px;
    width: -webkit-calc(100% - 16px);
    width: calc(100% - 16px); }
  .modal.call .modal-content .file, .modal.answear .modal-content .file, .modal.calc .modal-content .file {
    height: 40px;
    margin-top: -10px; }
  .modal.call .modal-content .file p, .modal.answear .modal-content .file p, .modal.calc .modal-content .file p {
    font-size: 14px; }
  .modal.call .modal-content strong, .modal.answear .modal-content strong, .modal.calc .modal-content strong {
    font-size: 15px;
    margin-bottom: 12px; }
  .modal.call .modal-content .form-step1 .btn, .modal.call .modal-content .form-step2 .btn {
    padding: 9px 0; }
  .modal.answear .modal-content .form-step1 .btn, .modal.answear .modal-content .form-step2 .btn {
    padding: 9px 0; }
  .modal.calc .modal-content .form-step1 .btn, .modal.calc .modal-content .form-step2 .btn {
    padding: 9px 0; }
  .modal.call .modal-content .form-step1 .card, .modal.answear .modal-content .form-step1 .card, .modal.calc .modal-content .form-step1 .card {
    width: 47%; }
  .modal.call .modal-content .form-step1 .card label, .modal.answear .modal-content .form-step1 .card label, .modal.calc .modal-content .form-step1 .card label {
    margin: 0 0 7px 6px; }
  .modal.call .modal-content .form-step1 .card input, .modal.answear .modal-content .form-step1 .card input, .modal.calc .modal-content .form-step1 .card input {
    border-radius: 15px; }
  .modal.galview .modal-content {
    padding: 25px;
    width: 700px; } }

@media (max-width: 960px) {
  .modal .modal-content .close {
    top: -35px;
    right: 0; }
  .modal.galview .modal-content {
    padding: 20px;
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px); } }

@media (max-width: 500px) {
  .modal .modal-content {
    border-radius: 10px; }
  .modal.call .modal-content, .modal.answear .modal-content, .modal.calc .modal-content {
    padding: 25px;
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px); }
  .modal.call .modal-content h3, .modal.answear .modal-content h3, .modal.calc .modal-content h3 {
    margin-bottom: 15px; } }

.success {
  position: fixed;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  top: 0;
  left: 0;
  padding: 15px 0;
  width: 100%;
  background: #91d334;
  z-index: 11;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }
  .success.open {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0); }
  .success p {
    text-align: center;
    font: 18px/normal "Open Sans", sans-serif;
    color: #fff; }

.popup {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: none;
  text-align: center;
  z-index: 12; }
  .popup .popup_bg {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%; }
  .popup .popup_img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-51%, -51%);
    -ms-transform: translate(-51%, -51%);
    -o-transform: translate(-51%, -51%);
    transform: translate(-51%, -51%);
    z-index: 11;
    max-height: 94%;
    max-width: 94%;
    margin: 1%; }

.open-more {
  overflow: hidden;
  height: 0;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }
  .open-more.open {
    overflow: visible;
    height: auto; }
.contacts .wrapper:nth-child(2) {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .contacts .wrapper:nth-child(2) .title {
    width: 100%;
    margin-bottom: 15px; }
    .contacts .wrapper:nth-child(2) .title h3 {
      text-align: center; }

.contacts .social_list {
  margin-left: -5px;
  margin-right: -5px;
  font-size: 0;
  text-align: center;
  width: 100%;
  display: block; }
  .contacts .social_list li {
    display: inline-block;
    vertical-align: top;
    margin: 5px; }
    .contacts .social_list li a {
      display: inline-block;
      vertical-align: top;
      color: #212121;
      opacity: .8;
      text-decoration: none;
      font-size: 26px;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      width: 36px;
      text-align: center;
      height: 36px;
      line-height: 36px; }
      .contacts .social_list li a:hover {
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        opacity: 1;
        color: #91d334; }

@media (max-width: 1250px) {
  .contacts .wrapper:nth-child(2) {
    padding-top: 25px; }
    .contacts .wrapper:nth-child(2) .title {
      margin-bottom: 5px; } }

.required-field{
  font: 13px/normal "Open Sans", sans-serif;
  color: #212121de;
}

/*pagin*/
.pagin {
  width: 22%;
  /* display: block; */
  /* position: relative; */
  margin-bottom: 25px;
  padding: 0px 15px;
  min-height: 700px;
}
@media screen and (max-width: 750px) {
  .pagin{
    width: 100%;
  }
}
.pagin-row {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  max-width: 1200px;
  margin: 0 auto;
}

.pagin .img {
  min-width: auto;
  height: 380px;
}

.pagin strong {
  display: block;
  font-size: 21px;
  line-height: normal;
  color: #212121;
  font-family: "Open Sans",sans-serif;
}

.pagin p {
  color: #212121;
  margin: 20px 0;
}