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

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

a {
  text-decoration: none; }

/* Код для подключения шрифта в /css/stylename.css */
/* font-family: "OpenSansRegular"; */
@font-face {
  font-family: "OpenSansRegular";
  src: url("../fonts/OpenSansRegular/OpenSansRegular.eot");
  src: url("../fonts/OpenSansRegular/OpenSansRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"), url("../fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "OpenSansLight"; */
@font-face {
  font-family: "OpenSansLight";
  src: url("../fonts/OpenSansLight/OpenSansLight.eot");
  src: url("../fonts/OpenSansLight/OpenSansLight.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSansLight/OpenSansLight.woff") format("woff"), url("../fonts/OpenSansLight/OpenSansLight.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "OpenSansItalic"; */
@font-face {
  font-family: "OpenSansItalic";
  src: url("../fonts/OpenSansItalic/OpenSansItalic.eot");
  src: url("../fonts/OpenSansItalic/OpenSansItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSansItalic/OpenSansItalic.woff") format("woff"), url("../fonts/OpenSansItalic/OpenSansItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "OpenSansBold"; */
@font-face {
  font-family: "OpenSansBold";
  src: url("../fonts/OpenSansBold/OpenSansBold.eot");
  src: url("../fonts/OpenSansBold/OpenSansBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSansBold/OpenSansBold.woff") format("woff"), url("../fonts/OpenSansBold/OpenSansBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "OpenSansExtraBold"; */
@font-face {
  font-family: "OpenSansExtraBold";
  src: url("../fonts/OpenSansExtraBold/OpenSansExtraBold.eot");
  src: url("../fonts/OpenSansExtraBold/OpenSansExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSansExtraBold/OpenSansExtraBold.woff") format("woff"), url("../fonts/OpenSansExtraBold/OpenSansExtraBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "OpenSansExtraBoldItalic"; */
@font-face {
  font-family: "OpenSansExtraBoldItalic";
  src: url("../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot");
  src: url("../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.woff") format("woff"), url("../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "OpenSansBoldItalic"; */
@font-face {
  font-family: "OpenSansBoldItalic";
  src: url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot");
  src: url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.woff") format("woff"), url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "OpenSansRegularItalic"; */
@font-face {
  font-family: "OpenSansRegularItalic";
  src: url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.eot");
  src: url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.woff") format("woff"), url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "OpenSansSemiBold"; */
@font-face {
  font-family: "OpenSansSemiBold";
  src: url("../fonts/OpenSansSemiBold/OpenSansSemiBold.eot");
  src: url("../fonts/OpenSansSemiBold/OpenSansSemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"), url("../fonts/OpenSansSemiBold/OpenSansSemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "OpenSansSemiBoldItalic"; */
@font-face {
  font-family: "OpenSansSemiBoldItalic";
  src: url("../fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot");
  src: url("../fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.woff") format("woff"), url("../fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

body {
  background: #fff;
  font-size: 14px;
  font-family: sans-serif; }

.header {
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0;
  font-size: 0;
  background-color: #BCDDD4; }
  .header .logo {
    width: 25%;
    display: inline-block;
    vertical-align: middle; }
    .header .logo img {
      width: 100%;
      margin: 0;
      padding: 0; }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .header .logo {
        width: 35%;
        padding: 5px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .header .logo {
        display: block;
        width: 60%;
        padding: 5px;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; } }
    @media only screen and (max-width: 479px) {
      .header .logo {
        display: block;
        width: 80%;
        padding: 5px;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; } }
  .header .adress-block {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 0;
    text-align: center; }
    .header .adress-block .adress {
      width: 40%;
      padding: 10px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: inline-block;
      vertical-align: middle;
      font-size: 16px;
      text-align: left; }
      .header .adress-block .adress li {
        margin-bottom: 5px; }
        .header .adress-block .adress li img {
          width: 20px;
          display: inline-block;
          vertical-align: middle;
          margin: 0;
          padding: 0; }
          @media only screen and (min-width: 600px) and (max-width: 767px) {
            .header .adress-block .adress li img {
              width: 15px; } }
          @media only screen and (min-width: 480px) and (max-width: 599px) {
            .header .adress-block .adress li img {
              width: 15px; } }
          @media only screen and (max-width: 479px) {
            .header .adress-block .adress li img {
              width: 15px; } }
        .header .adress-block .adress li p {
          display: inline-block;
          vertical-align: middle;
          margin-left: 5px;
          width: calc(100% - 25px); }
          @media only screen and (min-width: 980px) and (max-width: 1199px) {
            .header .adress-block .adress li p {
              font-size: 14px; } }
          @media only screen and (min-width: 768px) and (max-width: 979px) {
            .header .adress-block .adress li p {
              font-size: 14px; } }
          @media only screen and (min-width: 600px) and (max-width: 767px) {
            .header .adress-block .adress li p {
              font-size: 13px; } }
          @media only screen and (min-width: 480px) and (max-width: 599px) {
            .header .adress-block .adress li p {
              font-size: 13px; } }
          @media only screen and (max-width: 479px) {
            .header .adress-block .adress li p {
              font-size: 13px; } }
      .header .adress-block .adress li:last-child {
        margin-top: 10px;
        line-height: 120%; }
        @media only screen and (min-width: 980px) and (max-width: 1199px) {
          .header .adress-block .adress li:last-child {
            font-size: 14px; } }
        @media only screen and (min-width: 768px) and (max-width: 979px) {
          .header .adress-block .adress li:last-child {
            font-size: 14px; } }
        @media only screen and (min-width: 600px) and (max-width: 767px) {
          .header .adress-block .adress li:last-child {
            font-size: 13px; } }
        @media only screen and (min-width: 480px) and (max-width: 599px) {
          .header .adress-block .adress li:last-child {
            font-size: 13px; } }
        @media only screen and (max-width: 479px) {
          .header .adress-block .adress li:last-child {
            font-size: 13px; } }
      @media only screen and (min-width: 980px) and (max-width: 1199px) {
        .header .adress-block .adress {
          width: 45%; } }
      @media only screen and (min-width: 768px) and (max-width: 979px) {
        .header .adress-block .adress {
          width: 48%; } }
      @media only screen and (min-width: 600px) and (max-width: 767px) {
        .header .adress-block .adress {
          width: 50%; } }
      @media only screen and (min-width: 480px) and (max-width: 599px) {
        .header .adress-block .adress {
          width: 50%;
          padding: 5px; } }
      @media only screen and (max-width: 479px) {
        .header .adress-block .adress {
          width: 50%;
          padding: 5px; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .header .adress-block {
        width: 80%; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .header .adress-block {
        width: 80%; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .header .adress-block {
        width: 75%;
        padding: 15px 0; } }
    @media only screen and (max-width: 479px) {
      .header .adress-block {
        width: 100%;
        padding: 15px 0; } }
  .header .language-block {
    width: 10%;
    display: inline-block;
    vertical-align: middle; }
    .header .language-block .lang {
      width: 65%;
      float: left;
      font-size: 0;
      text-align: center; }
      .header .language-block .lang li {
        display: inline-block;
        vertical-align: top;
        margin: 5px; }
        .header .language-block .lang li:after {
          content: ".";
          display: block;
          clear: both;
          visibility: hidden;
          line-height: 0;
          height: 0; }
        .header .language-block .lang li a {
          border: 1px solid #aaa;
          display: block;
          text-align: center;
          font-size: 15px;
          width: 40px;
          line-height: 0;
          text-decoration: none; }
          .header .language-block .lang li a img {
            width: 100%;
            margin: 0;
            padding: 0; }
          @media only screen and (min-width: 768px) and (max-width: 979px) {
            .header .language-block .lang li a {
              width: 30px; } }
          @media only screen and (min-width: 600px) and (max-width: 767px) {
            .header .language-block .lang li a {
              width: 30px; } }
          @media only screen and (min-width: 480px) and (max-width: 599px) {
            .header .language-block .lang li a {
              width: 30px; } }
        @media only screen and (min-width: 1200px) {
          .header .language-block .lang li {
            width: calc(50% - 10px); } }
        @media only screen and (min-width: 980px) and (max-width: 1199px) {
          .header .language-block .lang li {
            width: calc(50% - 10px); } }
        @media only screen and (min-width: 768px) and (max-width: 979px) {
          .header .language-block .lang li {
            width: calc(50% - 10px); } }
        @media only screen and (min-width: 600px) and (max-width: 767px) {
          .header .language-block .lang li {
            width: calc(50% - 10px); } }
        @media only screen and (min-width: 480px) and (max-width: 599px) {
          .header .language-block .lang li {
            width: calc(50% - 4px);
            margin: 2px; } }
        @media only screen and (max-width: 479px) {
          .header .language-block .lang li {
            width: 35px;
            height: 30px; } }
      .header .language-block .lang li:hover a {
        background-color: #B5B5B5;
        color: #fff; }
      @media only screen and (max-width: 479px) {
        .header .language-block .lang {
          width: 75%;
          float: none;
          display: inline-block;
          vertical-align: middle; } }
    .header .language-block .soc {
      width: 20%;
      float: right; }
      .header .language-block .soc:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0; }
      .header .language-block .soc li {
        margin: 5px; }
        .header .language-block .soc li a {
          display: block;
          width: 30px; }
          .header .language-block .soc li a img {
            width: 100%;
            margin: 0;
            padding: 0; }
          @media only screen and (min-width: 768px) and (max-width: 979px) {
            .header .language-block .soc li a {
              width: 23px; } }
          @media only screen and (min-width: 600px) and (max-width: 767px) {
            .header .language-block .soc li a {
              width: 23px; } }
          @media only screen and (min-width: 480px) and (max-width: 599px) {
            .header .language-block .soc li a {
              width: 18px; } }
          @media only screen and (max-width: 479px) {
            .header .language-block .soc li a {
              width: 20px; } }
        @media only screen and (max-width: 479px) {
          .header .language-block .soc li {
            display: inline-block;
            vertical-align: middle; } }
      @media only screen and (max-width: 479px) {
        .header .language-block .soc {
          width: 25%;
          float: none;
          display: inline-block;
          vertical-align: middle; } }
    @media only screen and (min-width: 980px) and (max-width: 1199px) {
      .header .language-block {
        width: 15%; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .header .language-block {
        width: 15%; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .header .language-block {
        width: 18%; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .header .language-block {
        width: 25%; } }
    @media only screen and (max-width: 479px) {
      .header .language-block {
        width: 100%; } }
  @media only screen and (min-width: 480px) and (max-width: 599px) {
    .header {
      padding: 5px 0; } }
  @media only screen and (max-width: 479px) {
    .header {
      padding: 5px 0; } }

.menu {
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .menu .top {
    width: 98%;
    font-size: 0;
    padding: 10px 0;
    margin: 0 auto;
    border-bottom: 2px solid #000; }
    .menu .top li {
      width: 12.5%;
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-transform: skewX(-15deg);
              transform: skewX(-15deg); }
      .menu .top li a {
        font-size: 16px;
        display: block;
        padding: 15px 5px;
        margin: 1px;
        color: #000;
        min-height: 32px;
        border: 1px solid #aaa;
        word-wrap: break-word;
        background: #ffffff;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #FEA346), color-stop(100%, #FEA346), to(#ffffff));
        background: linear-gradient(to bottom, #ffffff 0%, #FEA346 50%, #FEA346 100%, #ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); }
        @media only screen and (min-width: 768px) and (max-width: 979px) {
          .menu .top li a {
            font-size: 14px; } }
        @media only screen and (min-width: 600px) and (max-width: 767px) {
          .menu .top li a {
            margin: 2px;
            font-size: 15px;
            min-height: 30px; } }
        @media only screen and (min-width: 480px) and (max-width: 599px) {
          .menu .top li a {
            margin: 2px;
            font-size: 15px;
            min-height: 30px; } }
        @media only screen and (max-width: 479px) {
          .menu .top li a {
            margin: 2px;
            font-size: 14px;
            min-height: 28px; } }
      @media only screen and (min-width: 600px) and (max-width: 767px) {
        .menu .top li {
          width: 25%; } }
      @media only screen and (min-width: 480px) and (max-width: 599px) {
        .menu .top li {
          width: 25%;
          -webkit-transform: none;
                  transform: none; } }
      @media only screen and (max-width: 479px) {
        .menu .top li {
          width: 50%;
          -webkit-transform: none;
                  transform: none; } }
    .menu .top li:hover a {
      background: #ffffff;
      background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0%, #FEA346), color-stop(50%, #FEA346), to(#ffffff));
      background: linear-gradient(to bottom, #ffffff 0%, #FEA346 0%, #FEA346 50%, #ffffff 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0);
      color: #363636;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
      @media only screen and (min-width: 1200px) {
        .menu .top li:hover a {
          padding: 16px 7px;
          margin: 0; } }
      @media only screen and (min-width: 980px) and (max-width: 1199px) {
        .menu .top li:hover a {
          padding: 16px 7px;
          margin: 0; } }
      @media only screen and (min-width: 768px) and (max-width: 979px) {
        .menu .top li:hover a {
          padding: 16px 7px;
          margin: 0; } }
    @media only screen and (min-width: 1200px) {
      .menu .top li:hover {
        -webkit-box-shadow: 0px 0px 5px 0px #000000;
                box-shadow: 0px 0px 5px 0px #000000; } }
    @media only screen and (min-width: 980px) and (max-width: 1199px) {
      .menu .top li:hover {
        -webkit-box-shadow: 0px 0px 18px 0px #000000;
                box-shadow: 0px 0px 18px 0px #000000; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .menu .top li:hover {
        -webkit-box-shadow: 0px 0px 18px 0px #000000;
                box-shadow: 0px 0px 18px 0px #000000; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .menu .top li:hover {
        -webkit-box-shadow: 0px 0px 18px 0px #000000;
                box-shadow: 0px 0px 18px 0px #000000; } }
    @media only screen and (min-width: 980px) and (max-width: 1199px) {
      .menu .top {
        width: 98%; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .menu .top {
        width: 97%; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .menu .top {
        width: 97%; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .menu .top {
        width: 96%;
        display: none; } }
    @media only screen and (max-width: 479px) {
      .menu .top {
        display: none; } }
  .menu .bottom {
    font-size: 0;
    width: 98%;
    margin: 0 auto; }
    .menu .bottom li {
      width: 25%;
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-transform: skewX(-15deg);
              transform: skewX(-15deg); }
      .menu .bottom li a {
        font-size: 14px;
        display: block;
        padding: 10px 0;
        margin: 10px;
        color: #000;
        border: 1px solid #aaa;
        background: #ffffff;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #FEA346), color-stop(100%, #FEA346), to(#ffffff));
        background: linear-gradient(to bottom, #ffffff 0%, #FEA346 50%, #FEA346 100%, #ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); }
        @media only screen and (min-width: 768px) and (max-width: 979px) {
          .menu .bottom li a {
            margin: 10px 5px; } }
        @media only screen and (min-width: 600px) and (max-width: 767px) {
          .menu .bottom li a {
            margin: 10px 5px;
            min-height: 28px; } }
        @media only screen and (min-width: 480px) and (max-width: 599px) {
          .menu .bottom li a {
            margin: 10px 2px;
            min-height: 28px; } }
        @media only screen and (max-width: 479px) {
          .menu .bottom li a {
            margin: 5px;
            min-height: 28px; } }
      @media only screen and (min-width: 480px) and (max-width: 599px) {
        .menu .bottom li {
          -webkit-transform: none;
                  transform: none; } }
      @media only screen and (max-width: 479px) {
        .menu .bottom li {
          width: 50%;
          -webkit-transform: none;
                  transform: none; } }
    .menu .bottom li:hover a {
      background-color: #B5B5B5;
      color: #363636;
      background: #ffffff;
      background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0%, #ededed), color-stop(50%, #f3f3f3), to(#ffffff));
      background: linear-gradient(to bottom, #ffffff 0%, #ededed 0%, #f3f3f3 50%, #ffffff 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0); }
      @media only screen and (min-width: 1200px) {
        .menu .bottom li:hover a {
          -webkit-box-shadow: 0px 0px 5px 0px #000000;
                  box-shadow: 0px 0px 5px 0px #000000; } }
      @media only screen and (min-width: 980px) and (max-width: 1199px) {
        .menu .bottom li:hover a {
          -webkit-box-shadow: 0px 0px 18px 0px #000000;
                  box-shadow: 0px 0px 18px 0px #000000; } }
      @media only screen and (min-width: 768px) and (max-width: 979px) {
        .menu .bottom li:hover a {
          -webkit-box-shadow: 0px 0px 18px 0px #000000;
                  box-shadow: 0px 0px 18px 0px #000000; } }
      @media only screen and (min-width: 600px) and (max-width: 767px) {
        .menu .bottom li:hover a {
          -webkit-box-shadow: 0px 0px 18px 0px #000000;
                  box-shadow: 0px 0px 18px 0px #000000; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .menu .bottom {
        width: 97%; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .menu .bottom {
        width: 96%;
        display: none; } }
    @media only screen and (max-width: 479px) {
      .menu .bottom {
        width: 96%;
        padding: 5px 0;
        display: none; } }
  .menu .icon-left {
    width: 50%;
    float: left;
    background-color: #F1F1F1;
    display: none; }
    .menu .icon-left p {
      float: left;
      padding: 20px 0;
      font-weight: 600;
      color: #696969; }
    .menu .icon-left .icons {
      display: block;
      float: left;
      padding: 5px 2px;
      margin: 10px 5px;
      cursor: pointer; }
      .menu .icon-left .icons .icon {
        width: 15px;
        height: 1px;
        margin: 3px;
        border-radius: 4px;
        background-color: #696969; }
        @media only screen and (min-width: 480px) and (max-width: 599px) {
          .menu .icon-left .icons .icon {
            width: 25px;
            height: 5px;
            margin: 2px; } }
        @media only screen and (max-width: 479px) {
          .menu .icon-left .icons .icon {
            width: 25px;
            height: 5px;
            margin: 2px; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .menu .icon-left {
        display: block; } }
    @media only screen and (max-width: 479px) {
      .menu .icon-left {
        display: block; } }
  .menu .icon-right {
    width: 50%;
    float: right;
    background-color: #F1F1F1;
    display: none; }
    .menu .icon-right p {
      float: right;
      padding: 20px 0;
      font-weight: 600;
      color: #696969; }
    .menu .icon-right .icons {
      display: block;
      float: right;
      padding: 5px 2px;
      margin: 10px 5px;
      cursor: pointer; }
      .menu .icon-right .icons .icon {
        width: 15px;
        height: 1px;
        margin: 3px;
        border-radius: 4px;
        background-color: #696969; }
        @media only screen and (min-width: 480px) and (max-width: 599px) {
          .menu .icon-right .icons .icon {
            width: 25px;
            height: 5px;
            margin: 2px; } }
        @media only screen and (max-width: 479px) {
          .menu .icon-right .icons .icon {
            width: 25px;
            height: 5px;
            margin: 2px; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .menu .icon-right {
        display: block; } }
    @media only screen and (max-width: 479px) {
      .menu .icon-right {
        display: block; } }

ul.accordion,
ol.accordion {
  margin: 0;
  padding: 0;
  line-height: 100%; }

ul.accordion li {
  list-style-type: none;
  margin: 0 0 10px 0;
  padding: 0;
  line-height: 100%; }
  ul.accordion li .list-menu {
    padding: 10px 0 0 0; }
    ul.accordion li .list-menu li {
      padding: 10px 0;
      margin-bottom: 0; }
      ul.accordion li .list-menu li a {
        font-size: 15px;
        color: #262626;
        text-decoration: none; }
        ul.accordion li .list-menu li a:hover {
          color: #000; }
    ul.accordion li .list-menu .active:before {
      content: '——';
      margin-right: 10px;
      font-weight: 600;
      color: #FEA346; }

ul.accordion li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  *zoom: 1; }

.loading {
  display: none; }

ul.accordion {
  width: 100%; }

ul.accordion li h3 a {
  color: #fff;
  background: #aaa;
  border-bottom: 1px solid #fff;
  color: #fff;
  display: block;
  font-size: 14px;
  margin: 0;
  padding: 15px 15px;
  text-decoration: none; }

ul.accordion li.active h3 a {
  color: #000;
  background: #FEA346; }

/* ul.accordion li.locked h3 a {
	background: #963;
	background: #963 -webkit-gradient(linear, left top, left bottom, from(#c96), to(#963)) no-repeat;
	background: #963 -moz-linear-gradient(top,  #c96,  #963) no-repeat;
} */
ul.accordion li h3 {
  margin: 0;
  padding: 0;
  text-transform: uppercase; }

ul.accordion li h3 span {
  font-size: 15px;
  width: 65%;
  display: inline-block;
  line-height: 130%; }

ul.accordion li h3 i {
  float: right;
  font-size: 15px;
  margin-right: 10px; }

ul.accordion .panel {
  padding: 0;
  margin: 0; }

@media only screen and (min-width: 768px) and (max-width: 979px) {
  ul.accordion .panel {
    background-color: #E8E8E8;
    padding: 0 5px; } }

@media only screen and (min-width: 600px) and (max-width: 767px) {
  ul.accordion .panel {
    background-color: #E8E8E8;
    padding: 0 5px; } }

@media only screen and (min-width: 480px) and (max-width: 599px) {
  ul.accordion .panel {
    background-color: #E8E8E8;
    padding: 0 5px; } }

@media only screen and (max-width: 479px) {
  ul.accordion .panel {
    background-color: #E8E8E8;
    padding: 0 5px; } }

.content {
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px 0;
  font-size: 0; }
  .content:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .content .left-side {
    width: 33.33%;
    padding: 10px;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .content .left-side .img-main img {
      width: 100%;
      margin: 0;
      padding: 0; }
    .content .left-side .imgs-small {
      padding: 30px 0; }
      .content .left-side .imgs-small:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0; }
      .content .left-side .imgs-small img {
        width: calc(33.33% - 10px);
        float: left;
        margin: 5px;
        padding: 0; }
    .content .left-side .button-block {
      text-align: center; }
      .content .left-side .button-block .button {
        background-color: #BA0C2F;
        border: 1px solid #000;
        padding: 10px;
        margin: 5px;
        font-size: 16px;
        display: inline-block;
        color: #fff;
        text-decoration: none; }
        .content .left-side .button-block .button:hover {
          background-color: #B5B5B5;
          color: #fff; }
      .content .left-side .button-block .btn-fff {
        background-color: #fff;
        color: #000; }
        .content .left-side .button-block .btn-fff:hover {
          background-color: #B5B5B5;
          color: #fff; }
    .content .left-side .text-block {
      width: 80%;
      margin: 0 auto;
      text-align: center; }
      .content .left-side .text-block h1, .content .left-side .text-block h2, .content .left-side .text-block h3, .content .left-side .text-block h4 {
        margin-top: 10px;
        margin-bottom: 10px; }
      .content .left-side .text-block h1 {
        font-size: 32px; }
      .content .left-side .text-block h2 {
        font-size: 24px; }
      .content .left-side .text-block h3 {
        font-size: 18px; }
      .content .left-side .text-block h4 {
        font-size: 16px; }
      .content .left-side .text-block h5 {
        font-size: 14px; }
      .content .left-side .text-block p {
        margin-bottom: 5px;
        line-height: 130%;
        font-size: 14px; }
      .content .left-side .text-block a {
        text-decoration: none;
        color: darkblue;
        font-size: 14px; }
      .content .left-side .text-block a:hover {
        text-decoration: underline; }
      .content .left-side .text-block table {
        margin-top: 10px;
        margin-bottom: 10px;
        border: 1px solid #000;
        border-collapse: collapse;
        border-spacing: 0; }
      .content .left-side .text-block table tr {
        padding: 0;
        vertical-align: center; }
      .content .left-side .text-block table td {
        padding: 10px 15px;
        vertical-align: top;
        border: 1px solid #000;
        font-size: 14px; }
      .content .left-side .text-block ul, .content .left-side .text-block ol {
        margin-top: 10px;
        margin-left: 20px;
        margin-bottom: 10px; }
      .content .left-side .text-block ul {
        list-style-type: disc; }
      .content .left-side .text-block ol {
        list-style-type: decimal; }
      .content .left-side .text-block ul li, .content .left-side .text-block ol li {
        padding: 0;
        margin-bottom: 5px;
        line-height: 130%;
        font-size: 14px; }
      .content .left-side .text-block img {
        max-width: 100%;
        margin: 10px 0; }
      .content .left-side .text-block p {
        margin-bottom: 20px; }
      .content .left-side .text-block ul {
        padding: 10px 0 20px 0; }
        .content .left-side .text-block ul li {
          margin-bottom: 0; }
    @media only screen and (min-width: 980px) and (max-width: 1199px) {
      .content .left-side {
        width: 50%; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .content .left-side {
        width: 50%; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .content .left-side {
        width: 50%; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .content .left-side {
        width: 100%;
        padding: 10px 0; } }
    @media only screen and (max-width: 479px) {
      .content .left-side {
        width: 100%;
        padding: 10px 0; } }
  .content .center-side {
    width: 33.33%;
    padding: 10px;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .content .center-side .img-main img {
      width: 100%;
      margin: 0;
      padding: 0; }
    .content .center-side .text-block {
      width: 80%;
      margin: 0 auto;
      text-align: center; }
      .content .center-side .text-block h1, .content .center-side .text-block h2, .content .center-side .text-block h3, .content .center-side .text-block h4 {
        margin-top: 10px;
        margin-bottom: 10px; }
      .content .center-side .text-block h1 {
        font-size: 32px; }
      .content .center-side .text-block h2 {
        font-size: 24px; }
      .content .center-side .text-block h3 {
        font-size: 18px; }
      .content .center-side .text-block h4 {
        font-size: 16px; }
      .content .center-side .text-block h5 {
        font-size: 14px; }
      .content .center-side .text-block p {
        margin-bottom: 5px;
        line-height: 130%;
        font-size: 14px; }
      .content .center-side .text-block a {
        text-decoration: none;
        color: darkblue;
        font-size: 14px; }
      .content .center-side .text-block a:hover {
        text-decoration: underline; }
      .content .center-side .text-block table {
        margin-top: 10px;
        margin-bottom: 10px;
        border: 1px solid #000;
        border-collapse: collapse;
        border-spacing: 0; }
      .content .center-side .text-block table tr {
        padding: 0;
        vertical-align: center; }
      .content .center-side .text-block table td {
        padding: 10px 15px;
        vertical-align: top;
        border: 1px solid #000;
        font-size: 14px; }
      .content .center-side .text-block ul, .content .center-side .text-block ol {
        margin-top: 10px;
        margin-left: 20px;
        margin-bottom: 10px; }
      .content .center-side .text-block ul {
        list-style-type: disc; }
      .content .center-side .text-block ol {
        list-style-type: decimal; }
      .content .center-side .text-block ul li, .content .center-side .text-block ol li {
        padding: 0;
        margin-bottom: 5px;
        line-height: 130%;
        font-size: 14px; }
      .content .center-side .text-block img {
        max-width: 100%;
        margin: 10px 0; }
      .content .center-side .text-block p {
        margin-bottom: 20px; }
      .content .center-side .text-block ul {
        padding: 10px 0 20px 0; }
        .content .center-side .text-block ul li {
          margin-bottom: 0; }
    .content .center-side .wrp {
      max-height: 620px; }
      @media only screen and (min-width: 600px) and (max-width: 767px) {
        .content .center-side .wrp {
          max-height: 5000px; } }
      @media only screen and (min-width: 480px) and (max-width: 599px) {
        .content .center-side .wrp {
          max-height: 5000px; } }
      @media only screen and (max-width: 479px) {
        .content .center-side .wrp {
          max-height: 5000px; } }
    @media only screen and (min-width: 980px) and (max-width: 1199px) {
      .content .center-side {
        width: 50%; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .content .center-side {
        width: 50%; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .content .center-side {
        width: 50%; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .content .center-side {
        width: 100%;
        padding: 10px 0; } }
    @media only screen and (max-width: 479px) {
      .content .center-side {
        width: 100%;
        padding: 10px 0; } }
  .content .right-side {
    width: 33.33%;
    padding: 10px;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .content .right-side .text-block {
      width: 80%;
      margin: 0 auto;
      text-align: center; }
      .content .right-side .text-block h1, .content .right-side .text-block h2, .content .right-side .text-block h3, .content .right-side .text-block h4 {
        margin-top: 10px;
        margin-bottom: 10px; }
      .content .right-side .text-block h1 {
        font-size: 32px; }
      .content .right-side .text-block h2 {
        font-size: 24px; }
      .content .right-side .text-block h3 {
        font-size: 18px; }
      .content .right-side .text-block h4 {
        font-size: 16px; }
      .content .right-side .text-block h5 {
        font-size: 14px; }
      .content .right-side .text-block p {
        margin-bottom: 5px;
        line-height: 130%;
        font-size: 14px; }
      .content .right-side .text-block a {
        text-decoration: none;
        color: darkblue;
        font-size: 14px; }
      .content .right-side .text-block a:hover {
        text-decoration: underline; }
      .content .right-side .text-block table {
        margin-top: 10px;
        margin-bottom: 10px;
        border: 1px solid #000;
        border-collapse: collapse;
        border-spacing: 0; }
      .content .right-side .text-block table tr {
        padding: 0;
        vertical-align: center; }
      .content .right-side .text-block table td {
        padding: 10px 15px;
        vertical-align: top;
        border: 1px solid #000;
        font-size: 14px; }
      .content .right-side .text-block ul, .content .right-side .text-block ol {
        margin-top: 10px;
        margin-left: 20px;
        margin-bottom: 10px; }
      .content .right-side .text-block ul {
        list-style-type: disc; }
      .content .right-side .text-block ol {
        list-style-type: decimal; }
      .content .right-side .text-block ul li, .content .right-side .text-block ol li {
        padding: 0;
        margin-bottom: 5px;
        line-height: 130%;
        font-size: 14px; }
      .content .right-side .text-block img {
        max-width: 100%;
        margin: 10px 0; }
      .content .right-side .text-block p {
        margin-bottom: 20px; }
      .content .right-side .text-block ul {
        padding: 10px 0 20px 0; }
        .content .right-side .text-block ul li {
          margin-bottom: 0; }
    .content .right-side .table {
      max-height: 590px; }
      .content .right-side .table table {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
        color: #454545;
        /* 				tr:nth-child(2n+1) td{
					background-color: #E2E2E2;
				}
				tr:first-child td{
					background-color: #1B1B1B;
					text-transform: uppercase;
					font-weight: 600;
					padding: 20px;
					color: #fff;
				} */ }
        .content .right-side .table table td {
          padding: 5px;
          text-align: center;
          background-color: #F9F9F9;
          border: 1px solid #000;
          font-size: 15px; }
          .content .right-side .table table td i:hover {
            color: #087DA8; }
      @media only screen and (min-width: 600px) and (max-width: 767px) {
        .content .right-side .table {
          max-height: 5000px; } }
      @media only screen and (min-width: 480px) and (max-width: 599px) {
        .content .right-side .table {
          max-height: 5000px; } }
      @media only screen and (max-width: 479px) {
        .content .right-side .table {
          max-height: 5000px; } }
    @media only screen and (min-width: 980px) and (max-width: 1199px) {
      .content .right-side {
        width: 100%;
        clear: both;
        float: none; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .content .right-side {
        width: 100%;
        clear: both;
        float: none; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .content .right-side {
        width: 100%;
        clear: both;
        float: none; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .content .right-side {
        width: 100%;
        padding: 10px 0; } }
    @media only screen and (max-width: 479px) {
      .content .right-side {
        width: 100%;
        padding: 10px 0; } }
  .content .w50 {
    width: 50%;
    float: left;
    clear: none; }
    .content .w50 .wrp {
      max-height: 700px; }
      .content .w50 .wrp .text-block {
        text-align: left;
        width: 100%; }
        .content .w50 .wrp .text-block p {
          margin-bottom: 5px; }
      @media only screen and (min-width: 600px) and (max-width: 767px) {
        .content .w50 .wrp {
          max-height: 5000px; } }
      @media only screen and (min-width: 480px) and (max-width: 599px) {
        .content .w50 .wrp {
          max-height: 5000px; } }
      @media only screen and (max-width: 479px) {
        .content .w50 .wrp {
          max-height: 5000px; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .content .w50 {
        width: 100%;
        padding: 5px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .content .w50 {
        width: 100%;
        padding: 5px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .content .w50 {
        width: 100%;
        padding: 5px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; } }
    @media only screen and (max-width: 479px) {
      .content .w50 {
        width: 100%;
        padding: 5px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; } }
  .content .w25 {
    width: 25%;
    float: left;
    clear: none; }
    .content .w25 .wrp {
      max-height: 700px; }
      .content .w25 .wrp .text-block {
        text-align: left;
        margin: 0; }
        .content .w25 .wrp .text-block p {
          margin-bottom: 5px; }
          @media only screen and (min-width: 768px) and (max-width: 979px) {
            .content .w25 .wrp .text-block p {
              font-size: 13px; } }
          @media only screen and (min-width: 600px) and (max-width: 767px) {
            .content .w25 .wrp .text-block p {
              font-size: 13px; } }
      @media only screen and (min-width: 600px) and (max-width: 767px) {
        .content .w25 .wrp {
          max-height: 5000px; } }
      @media only screen and (min-width: 480px) and (max-width: 599px) {
        .content .w25 .wrp {
          max-height: 5000px; } }
      @media only screen and (max-width: 479px) {
        .content .w25 .wrp {
          max-height: 5000px; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .content .w25 {
        width: 50%; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .content .w25 {
        width: 100%; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .content .w25 {
        width: 100%; } }
    @media only screen and (max-width: 479px) {
      .content .w25 {
        width: 100%; } }
  .content .w25-50 {
    width: 25%;
    float: left;
    clear: none; }
    .content .w25-50 .wrp {
      max-height: 700px; }
      .content .w25-50 .wrp .text-block {
        text-align: left;
        margin: 0; }
        .content .w25-50 .wrp .text-block p {
          margin-bottom: 5px; }
          @media only screen and (min-width: 768px) and (max-width: 979px) {
            .content .w25-50 .wrp .text-block p {
              font-size: 13px; } }
          @media only screen and (min-width: 600px) and (max-width: 767px) {
            .content .w25-50 .wrp .text-block p {
              font-size: 13px; } }
      @media only screen and (min-width: 600px) and (max-width: 767px) {
        .content .w25-50 .wrp {
          max-height: 5000px; } }
      @media only screen and (min-width: 480px) and (max-width: 599px) {
        .content .w25-50 .wrp {
          max-height: 5000px; } }
      @media only screen and (max-width: 479px) {
        .content .w25-50 .wrp {
          max-height: 5000px; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .content .w25-50 {
        width: 100%; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .content .w25-50 {
        width: 100%; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .content .w25-50 {
        width: 100%; } }
    @media only screen and (max-width: 479px) {
      .content .w25-50 {
        width: 100%; } }
  .content .w30 {
    width: 33.33%;
    float: left; }
    .content .w30 .wrp {
      max-height: 700px; }
      @media only screen and (min-width: 600px) and (max-width: 767px) {
        .content .w30 .wrp {
          max-height: 5000px; } }
      @media only screen and (min-width: 480px) and (max-width: 599px) {
        .content .w30 .wrp {
          max-height: 5000px; } }
      @media only screen and (max-width: 479px) {
        .content .w30 .wrp {
          max-height: 5000px; } }
    @media only screen and (min-width: 980px) and (max-width: 1199px) {
      .content .w30 {
        float: left;
        clear: none; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .content .w30 {
        width: 100%; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .content .w30 {
        width: 100%; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .content .w30 {
        width: 100%; } }
    @media only screen and (max-width: 479px) {
      .content .w30 {
        width: 100%; } }
  .content .center-side.w25 .wrp {
    max-height: 590px; }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .content .center-side.w25 .wrp {
        max-height: 5000px; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .content .center-side.w25 .wrp {
        max-height: 5000px; } }
    @media only screen and (max-width: 479px) {
      .content .center-side.w25 .wrp {
        max-height: 5000px; } }

.tabs {
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .tabs .tabs__caption {
    font-size: 0;
    list-style: none;
    position: relative;
    width: 100%;
    margin: 0 auto -1px;
    text-align: center; }
    .tabs .tabs__caption li {
      width: calc(9.09% - 5px);
      position: relative;
      display: inline-block;
      padding: 10px;
      margin-right: 5px;
      min-height: 75px;
      border: 1px solid #aaa;
      border-bottom: none;
      vertical-align: top;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .tabs .tabs__caption li a {
        cursor: pointer;
        display: block;
        width: 100%; }
        .tabs .tabs__caption li a p {
          font-size: 15px;
          color: #000;
          font-family: sans-serif;
          word-wrap: break-word; }
          @media only screen and (min-width: 980px) and (max-width: 1199px) {
            .tabs .tabs__caption li a p {
              font-size: 13px; } }
      @media only screen and (min-width: 768px) and (max-width: 979px) {
        .tabs .tabs__caption li {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 auto;
                  flex: 1 0 auto;
          width: auto;
          min-width: auto; } }
      @media only screen and (min-width: 600px) and (max-width: 767px) {
        .tabs .tabs__caption li {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 auto;
                  flex: 1 0 auto;
          width: auto;
          min-width: auto;
          display: none;
          margin-right: 0; } }
      @media only screen and (min-width: 480px) and (max-width: 599px) {
        .tabs .tabs__caption li {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 auto;
                  flex: 1 0 auto;
          width: auto;
          min-width: auto;
          display: none;
          margin-right: 0; } }
      @media only screen and (max-width: 479px) {
        .tabs .tabs__caption li {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 auto;
                  flex: 1 0 auto;
          width: auto;
          min-width: auto;
          display: none;
          margin-right: 0; } }
    .tabs .tabs__caption .active {
      position: relative;
      display: inline-block;
      text-align: center;
      padding: 10px;
      vertical-align: top;
      background-color: #F5F5F5; }
      .tabs .tabs__caption .active a {
        cursor: pointer;
        display: block;
        width: 100%; }
        .tabs .tabs__caption .active a p {
          font-size: 16px;
          font-family: sans-serif;
          color: #000; }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .tabs .tabs__caption {
        width: auto;
        min-width: auto;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        position: relative;
        margin: -1px 0 0 0; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .tabs .tabs__caption {
        width: auto;
        min-width: auto;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        position: relative;
        margin: -1px 0 0 0; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .tabs .tabs__caption {
        width: auto;
        min-width: auto;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        position: relative;
        margin: -1px 0 0 0; } }
    @media only screen and (max-width: 479px) {
      .tabs .tabs__caption {
        width: auto;
        min-width: auto;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        position: relative;
        margin: -1px 0 0 0; } }
  .tabs .tabs__caption:after {
    content: '';
    display: table;
    clear: both; }
  .tabs .tabs__content {
    display: block;
    padding: 10px;
    background-color: #F5F5F5;
    border: 1px solid #C6C6C6; }
    .tabs .tabs__content:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .tabs .tabs__content {
        padding: 0; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .tabs .tabs__content {
        padding: 0; } }
    @media only screen and (max-width: 479px) {
      .tabs .tabs__content {
        padding: 0; } }

.title-block {
  padding: 15px 0; }
  .title-block h1, .title-block h2, .title-block h3 {
    font-size: 18px;
    text-align: center; }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .title-block h1, .title-block h2, .title-block h3 {
        font-size: 16px; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .title-block h1, .title-block h2, .title-block h3 {
        font-size: 16px; } }

.slide-one {
  padding: 25px 0; }
  .slide-one .item {
    margin: 5px;
    padding: 5px;
    border: 1px solid #aaa;
    background-color: #DBDBDB;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none; }
    .slide-one .item .title-card {
      padding: 5px;
      min-height: 40px; }
      .slide-one .item .title-card h3 {
        font-size: 15px;
        text-align: center; }
    .slide-one .item .top-side img {
      width: 100%;
      margin: 0;
      padding: 0; }
    .slide-one .item .bottom-side {
      background-color: #DBDBDB;
      padding: 0 10px; }
      .slide-one .item .bottom-side h1, .slide-one .item .bottom-side h2, .slide-one .item .bottom-side h3, .slide-one .item .bottom-side h4 {
        margin-top: 10px;
        margin-bottom: 10px; }
      .slide-one .item .bottom-side h1 {
        font-size: 32px; }
      .slide-one .item .bottom-side h2 {
        font-size: 24px; }
      .slide-one .item .bottom-side h3 {
        font-size: 18px; }
      .slide-one .item .bottom-side h4 {
        font-size: 16px; }
      .slide-one .item .bottom-side h5 {
        font-size: 14px; }
      .slide-one .item .bottom-side p {
        margin-bottom: 5px;
        line-height: 130%;
        font-size: 14px; }
      .slide-one .item .bottom-side a {
        text-decoration: none;
        color: darkblue;
        font-size: 14px; }
      .slide-one .item .bottom-side a:hover {
        text-decoration: underline; }
      .slide-one .item .bottom-side table {
        margin-top: 10px;
        margin-bottom: 10px;
        border: 1px solid #000;
        border-collapse: collapse;
        border-spacing: 0; }
      .slide-one .item .bottom-side table tr {
        padding: 0;
        vertical-align: center; }
      .slide-one .item .bottom-side table td {
        padding: 10px 15px;
        vertical-align: top;
        border: 1px solid #000;
        font-size: 14px; }
      .slide-one .item .bottom-side ul, .slide-one .item .bottom-side ol {
        margin-top: 10px;
        margin-left: 20px;
        margin-bottom: 10px; }
      .slide-one .item .bottom-side ul {
        list-style-type: disc; }
      .slide-one .item .bottom-side ol {
        list-style-type: decimal; }
      .slide-one .item .bottom-side ul li, .slide-one .item .bottom-side ol li {
        padding: 0;
        margin-bottom: 5px;
        line-height: 130%;
        font-size: 14px; }
      .slide-one .item .bottom-side img {
        max-width: 100%;
        margin: 10px 0; }
      .slide-one .item .bottom-side:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0; }
      .slide-one .item .bottom-side .title-card {
        padding: 10px 0;
        min-height: 220px; }
        .slide-one .item .bottom-side .title-card:after {
          content: ".";
          display: block;
          clear: both;
          visibility: hidden;
          line-height: 0;
          height: 0; }
        .slide-one .item .bottom-side .title-card ul li {
          margin-bottom: 0;
          font-size: 13px; }
        @media only screen and (min-width: 1200px) {
          .slide-one .item .bottom-side .title-card {
            min-height: 270px; } }
        @media only screen and (min-width: 980px) and (max-width: 1199px) {
          .slide-one .item .bottom-side .title-card {
            min-height: 250px; } }
        @media only screen and (min-width: 768px) and (max-width: 979px) {
          .slide-one .item .bottom-side .title-card {
            min-height: 240px; } }
        @media only screen and (min-width: 600px) and (max-width: 767px) {
          .slide-one .item .bottom-side .title-card {
            padding: 0;
            min-height: 270px; } }
        @media only screen and (min-width: 480px) and (max-width: 599px) {
          .slide-one .item .bottom-side .title-card {
            min-height: auto;
            padding: 0; } }
        @media only screen and (max-width: 479px) {
          .slide-one .item .bottom-side .title-card {
            min-height: auto;
            padding: 0; } }
      .slide-one .item .bottom-side .description {
        min-height: 70px; }
        .slide-one .item .bottom-side .description p {
          line-height: 130%; }
        @media only screen and (min-width: 980px) and (max-width: 1199px) {
          .slide-one .item .bottom-side .description {
            min-height: 80px; } }
        @media only screen and (min-width: 768px) and (max-width: 979px) {
          .slide-one .item .bottom-side .description {
            min-height: 80px; } }
        @media only screen and (min-width: 600px) and (max-width: 767px) {
          .slide-one .item .bottom-side .description {
            min-height: 100px; } }
        @media only screen and (min-width: 480px) and (max-width: 599px) {
          .slide-one .item .bottom-side .description {
            min-height: auto; } }
        @media only screen and (max-width: 479px) {
          .slide-one .item .bottom-side .description {
            min-height: auto; } }
      .slide-one .item .bottom-side .button-block {
        max-width: 1600px;
        margin: 0 auto;
        position: relative;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 10px 0;
        text-align: center; }
        .slide-one .item .bottom-side .button-block .button {
          background-color: #BA0C2F;
          border: 1px solid #828282;
          padding: 10px;
          margin: 5px;
          display: inline-block;
          color: #fff;
          text-decoration: none; }
          .slide-one .item .bottom-side .button-block .button:hover {
            background-color: #B5B5B5;
            color: #fff; }
        .slide-one .item .bottom-side .button-block .btn-fff {
          background-color: #fff;
          color: #000; }
          .slide-one .item .bottom-side .button-block .btn-fff:hover {
            background-color: #B5B5B5;
            color: #fff; }
      @media only screen and (min-width: 600px) and (max-width: 767px) {
        .slide-one .item .bottom-side {
          padding: 0 5px; } }
      @media only screen and (min-width: 480px) and (max-width: 599px) {
        .slide-one .item .bottom-side {
          padding: 0 5px; } }
      @media only screen and (max-width: 479px) {
        .slide-one .item .bottom-side {
          padding: 0 5px; } }
    .slide-one .item:hover {
      cursor: pointer; }
      .slide-one .item:hover .bottom-side a {
        visibility: visible; }
  .slide-one .item:hover {
    -webkit-box-shadow: 0px 0px 5px 0px #000000;
            box-shadow: 0px 0px 5px 0px #000000;
    background-color: #f3f3f3; }
  .slide-one .item:hover .bottom-side {
    background-color: #f3f3f3; }

.left-side-foto {
  width: 55%;
  display: inline-block;
  vertical-align: middle; }
  .left-side-foto .slider-for-main .slider-foto {
    /* */
    min-height: 650px; }
    @media only screen and (min-width: 980px) and (max-width: 1199px) {
      .left-side-foto .slider-for-main .slider-foto {
        min-height: 500px; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .left-side-foto .slider-for-main .slider-foto {
        min-height: 400px; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .left-side-foto .slider-for-main .slider-foto {
        min-height: 500px; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .left-side-foto .slider-for-main .slider-foto {
        min-height: 400px; } }
    @media only screen and (max-width: 479px) {
      .left-side-foto .slider-for-main .slider-foto {
        min-height: 350px; } }
  @media only screen and (min-width: 980px) and (max-width: 1199px) {
    .left-side-foto {
      width: 50%; } }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    .left-side-foto {
      width: 50%; } }
  @media only screen and (min-width: 600px) and (max-width: 767px) {
    .left-side-foto {
      width: 100%; } }
  @media only screen and (min-width: 480px) and (max-width: 599px) {
    .left-side-foto {
      width: 100%; } }
  @media only screen and (max-width: 479px) {
    .left-side-foto {
      width: 100%; } }

.right-side-foto {
  width: 45%;
  padding: 0 0 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: middle; }
  .right-side-foto .wrp .card-c3 {
    text-align: center;
    font-size: 0; }
    .right-side-foto .wrp .card-c3:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    .right-side-foto .wrp .card-c3 li {
      display: inline-block;
      vertical-align: top;
      margin: 2px;
      cursor: pointer; }
      .right-side-foto .wrp .card-c3 li:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0; }
      .right-side-foto .wrp .card-c3 li a {
        display: block;
        color: #000;
        border: 1px solid #aaa;
        text-decoration: none; }
        .right-side-foto .wrp .card-c3 li a img {
          width: 100%;
          padding: 0;
          margin: 0; }
      @media only screen and (min-width: 1200px) {
        .right-side-foto .wrp .card-c3 li {
          width: calc(16.66% - 4px); } }
      @media only screen and (min-width: 980px) and (max-width: 1199px) {
        .right-side-foto .wrp .card-c3 li {
          width: calc(16.66% - 4px); } }
      @media only screen and (min-width: 768px) and (max-width: 979px) {
        .right-side-foto .wrp .card-c3 li {
          width: calc(20% - 4px); } }
      @media only screen and (min-width: 600px) and (max-width: 767px) {
        .right-side-foto .wrp .card-c3 li {
          width: calc(20% - 4px); } }
      @media only screen and (min-width: 480px) and (max-width: 599px) {
        .right-side-foto .wrp .card-c3 li {
          width: calc(33.33% - 4px); } }
      @media only screen and (max-width: 479px) {
        .right-side-foto .wrp .card-c3 li {
          width: calc(50% - 4px); } }
    .right-side-foto .wrp .card-c3 li:hover .title-card {
      background-color: #BA0C2F; }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    .right-side-foto .wrp {
      max-height: 400px; } }
  @media only screen and (min-width: 600px) and (max-width: 767px) {
    .right-side-foto .wrp {
      max-height: 1000px; } }
  @media only screen and (min-width: 480px) and (max-width: 599px) {
    .right-side-foto .wrp {
      max-height: 5000px; } }
  @media only screen and (max-width: 479px) {
    .right-side-foto .wrp {
      max-height: 5000px; } }
  @media only screen and (min-width: 980px) and (max-width: 1199px) {
    .right-side-foto {
      width: 50%; } }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    .right-side-foto {
      width: 50%; } }
  @media only screen and (min-width: 600px) and (max-width: 767px) {
    .right-side-foto {
      width: 100%;
      padding: 0; } }
  @media only screen and (min-width: 480px) and (max-width: 599px) {
    .right-side-foto {
      width: 100%;
      padding: 0; } }
  @media only screen and (max-width: 479px) {
    .right-side-foto {
      width: 100%;
      padding: 0; } }

.prev-btn {
  position: absolute;
  top: 43%;
  left: 4%;
  padding: 5px 21px 7px 18px;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%; }
  .prev-btn i {
    color: #FC4E4F;
    font-size: 40px; }

.next-btn {
  position: absolute;
  top: 43%;
  right: 4%;
  padding: 5px 18px 7px 21px;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  text-align: center;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .next-btn i {
    color: #FC4E4F;
    font-size: 40px; }

.mobile-menu {
  clear: both;
  display: none; }
  .mobile-menu .top {
    display: none; }
  .mobile-menu .accordeon {
    display: none; }
  @media only screen and (min-width: 480px) and (max-width: 599px) {
    .mobile-menu {
      display: block; } }
  @media only screen and (max-width: 479px) {
    .mobile-menu {
      display: block; } }

.w25 .card-c2 {
  text-align: center;
  font-size: 0; }
  .w25 .card-c2:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .w25 .card-c2 li {
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    cursor: pointer; }
    .w25 .card-c2 li:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    .w25 .card-c2 li a {
      display: block;
      color: #000;
      text-decoration: none;
      border: 1px solid #aaa; }
      .w25 .card-c2 li a img {
        width: 100%;
        padding: 0;
        margin: 0; }
    @media only screen and (min-width: 1200px) {
      .w25 .card-c2 li {
        width: calc(50% - 20px); } }
    @media only screen and (min-width: 980px) and (max-width: 1199px) {
      .w25 .card-c2 li {
        width: calc(50% - 10px);
        margin: 5px; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .w25 .card-c2 li {
        width: calc(33.33% - 4px);
        margin: 2px; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .w25 .card-c2 li {
        width: calc(33.33% - 4px);
        margin: 2px; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .w25 .card-c2 li {
        width: calc(33.33% - 10px);
        margin: 5px; } }
    @media only screen and (max-width: 479px) {
      .w25 .card-c2 li {
        width: calc(50% - 10px);
        margin: 5px; } }
  .w25 .card-c2 li:hover .title-card {
    background-color: #BA0C2F; }

.w25 .wrp .card-c1 {
  text-align: center;
  font-size: 0; }
  .w25 .wrp .card-c1:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .w25 .wrp .card-c1 li {
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    cursor: pointer; }
    .w25 .wrp .card-c1 li:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    .w25 .wrp .card-c1 li a {
      display: block;
      color: #000;
      border: 1px solid #aaa;
      text-decoration: none; }
      .w25 .wrp .card-c1 li a img {
        width: 100%;
        padding: 0;
        margin: 0; }
    @media only screen and (min-width: 1200px) {
      .w25 .wrp .card-c1 li {
        width: calc(50% - 20px); } }
    @media only screen and (min-width: 980px) and (max-width: 1199px) {
      .w25 .wrp .card-c1 li {
        width: calc(50% - 10px);
        margin: 5px; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .w25 .wrp .card-c1 li {
        width: calc(25% - 4px);
        margin: 2px; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .w25 .wrp .card-c1 li {
        width: calc(25% - 4px);
        margin: 2px; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .w25 .wrp .card-c1 li {
        width: calc(25% - 4px);
        margin: 2px; } }
    @media only screen and (max-width: 479px) {
      .w25 .wrp .card-c1 li {
        width: calc(50% - 10px);
        margin: 5px; } }
  .w25 .wrp .card-c1 li:hover .title-card {
    background-color: #BA0C2F; }

.w25-50 .card-c2 {
  text-align: center;
  font-size: 0; }
  .w25-50 .card-c2:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .w25-50 .card-c2 li {
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    cursor: pointer; }
    .w25-50 .card-c2 li:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    .w25-50 .card-c2 li a {
      display: block;
      color: #000;
      text-decoration: none;
      border: 1px solid #aaa; }
      .w25-50 .card-c2 li a img {
        width: 100%;
        padding: 0;
        margin: 0; }
    @media only screen and (min-width: 1200px) {
      .w25-50 .card-c2 li {
        width: calc(50% - 20px); } }
    @media only screen and (min-width: 980px) and (max-width: 1199px) {
      .w25-50 .card-c2 li {
        width: calc(50% - 10px);
        margin: 5px; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .w25-50 .card-c2 li {
        width: calc(33.33% - 4px);
        margin: 2px; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .w25-50 .card-c2 li {
        width: calc(33.33% - 4px);
        margin: 2px; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .w25-50 .card-c2 li {
        width: calc(33.33% - 10px);
        margin: 5px; } }
    @media only screen and (max-width: 479px) {
      .w25-50 .card-c2 li {
        width: calc(50% - 10px);
        margin: 5px; } }
  .w25-50 .card-c2 li:hover .title-card {
    background-color: #BA0C2F; }

.w25-50 .wrp .card-c1 {
  text-align: center;
  font-size: 0; }
  .w25-50 .wrp .card-c1:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .w25-50 .wrp .card-c1 li {
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    cursor: pointer; }
    .w25-50 .wrp .card-c1 li:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    .w25-50 .wrp .card-c1 li a {
      display: block;
      color: #000;
      border: 1px solid #aaa;
      text-decoration: none; }
      .w25-50 .wrp .card-c1 li a img {
        width: 100%;
        padding: 0;
        margin: 0; }
    @media only screen and (min-width: 1200px) {
      .w25-50 .wrp .card-c1 li {
        width: calc(50% - 20px); } }
    @media only screen and (min-width: 980px) and (max-width: 1199px) {
      .w25-50 .wrp .card-c1 li {
        width: calc(50% - 10px);
        margin: 5px; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .w25-50 .wrp .card-c1 li {
        width: calc(25% - 4px);
        margin: 2px; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .w25-50 .wrp .card-c1 li {
        width: calc(25% - 4px);
        margin: 2px; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .w25-50 .wrp .card-c1 li {
        width: calc(25% - 4px);
        margin: 2px; } }
    @media only screen and (max-width: 479px) {
      .w25-50 .wrp .card-c1 li {
        width: calc(50% - 10px);
        margin: 5px; } }
  .w25-50 .wrp .card-c1 li:hover .title-card {
    background-color: #BA0C2F; }

.w50.ask .wrp {
  max-height: 500px; }
  .w50.ask .wrp .text-block ol {
    list-style: decimal; }
    .w50.ask .wrp .text-block ol li {
      margin-bottom: 10px; }
      .w50.ask .wrp .text-block ol li a {
        font-size: 15px;
        color: #363636; }
        .w50.ask .wrp .text-block ol li a:hover {
          color: #aaa; }
  @media only screen and (min-width: 600px) and (max-width: 767px) {
    .w50.ask .wrp {
      max-height: 5000px; } }
  @media only screen and (min-width: 480px) and (max-width: 599px) {
    .w50.ask .wrp {
      max-height: 5000px; } }
  @media only screen and (max-width: 479px) {
    .w50.ask .wrp {
      max-height: 5000px; } }

@media only screen and (min-width: 768px) and (max-width: 979px) {
  .w50.ask {
    width: 50%; } }

.w50.ans .text-block {
  width: 90%;
  padding: 20px;
  min-height: 450px;
  border: 1px solid #aaa; }
  .w50.ans .text-block p {
    text-align: left; }
  @media only screen and (min-width: 600px) and (max-width: 767px) {
    .w50.ans .text-block {
      padding: 10px; } }
  @media only screen and (min-width: 480px) and (max-width: 599px) {
    .w50.ans .text-block {
      padding: 10px;
      min-height: auto; } }
  @media only screen and (max-width: 479px) {
    .w50.ans .text-block {
      padding: 10px;
      min-height: auto; } }

@media only screen and (min-width: 768px) and (max-width: 979px) {
  .w50.ans {
    width: 50%; } }

.footer {
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0;
  border-top: 1px solid #aaa;
  font-size: 0;
  background-color: #BCDDD4; }
  .footer .logo {
    width: 15%;
    display: inline-block;
    vertical-align: middle; }
    .footer .logo img {
      width: 100%;
      margin: 0;
      padding: 0; }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .footer .logo {
        width: 25%;
        padding: 5px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .footer .logo {
        width: 35%;
        padding: 5px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .footer .logo {
        display: block;
        width: 50%;
        padding: 5px;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; } }
    @media only screen and (max-width: 479px) {
      .footer .logo {
        display: block;
        width: 60%;
        padding: 5px;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; } }
  .footer .adress-block {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 0;
    text-align: center; }
    .footer .adress-block .adress {
      width: 40%;
      padding: 10px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: inline-block;
      vertical-align: middle;
      font-size: 13px;
      text-align: left; }
      .footer .adress-block .adress li {
        margin-bottom: 5px; }
        .footer .adress-block .adress li img {
          width: 15px;
          display: inline-block;
          vertical-align: middle;
          margin: 0;
          padding: 0; }
        .footer .adress-block .adress li p {
          display: inline-block;
          vertical-align: middle;
          margin-left: 5px;
          width: calc(100% - 25px);
          font-size: 14px; }
      .footer .adress-block .adress li:last-child {
        margin-top: 10px;
        line-height: 120%;
        font-size: 13px; }
      @media only screen and (min-width: 980px) and (max-width: 1199px) {
        .footer .adress-block .adress {
          width: 45%; } }
      @media only screen and (min-width: 768px) and (max-width: 979px) {
        .footer .adress-block .adress {
          width: 50%; } }
      @media only screen and (min-width: 600px) and (max-width: 767px) {
        .footer .adress-block .adress {
          width: 50%; } }
      @media only screen and (min-width: 480px) and (max-width: 599px) {
        .footer .adress-block .adress {
          width: 50%;
          padding: 5px; } }
      @media only screen and (max-width: 479px) {
        .footer .adress-block .adress {
          width: 50%;
          padding: 5px; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .footer .adress-block {
        width: 75%; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .footer .adress-block {
        width: 100%; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .footer .adress-block {
        width: 100%;
        padding: 15px 0; } }
    @media only screen and (max-width: 479px) {
      .footer .adress-block {
        width: 100%;
        padding: 15px 0; } }
  .footer .language-block {
    width: 35%;
    padding: 10px 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    vertical-align: top; }
    .footer .language-block p {
      color: #000;
      font-size: 12px;
      display: inline-block;
      vertical-align: middle; }
      .footer .language-block p a {
        color: #328BE6; }
        .footer .language-block p a:hover {
          text-decoration: none; }
    .footer .language-block a {
      display: inline-block;
      vertical-align: middle; }
      @media only screen and (max-width: 479px) {
        .footer .language-block a {
          display: block;
          margin-top: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .footer .language-block {
        width: 100%; } }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .footer .language-block {
        width: 100%; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      .footer .language-block {
        width: 100%; } }
    @media only screen and (max-width: 479px) {
      .footer .language-block {
        width: 100%; } }
  @media only screen and (min-width: 480px) and (max-width: 599px) {
    .footer {
      padding: 5px 0; } }
  @media only screen and (max-width: 479px) {
    .footer {
      padding: 5px 0; } }

/*# sourceMappingURL=main.css.map */