@import url(../fonts/pfdintextpro-bold.css);
@import url(../fonts/pfdintextpro-italic.css);
@import url(../fonts/pfdintextpro-medium.css);
@import url(../fonts/pfdintextpro-regular.css);
::-webkit-input-placeholder {
  font-family: 'Ubuntu-Medium';
  font-size: 14px;
  color: #fff;
  background: #198c9d; }

::-o-input-placeholder {
  font-family: 'Ubuntu-Medium';
  font-size: 14px;
  color: #fff;
  background: #198c9d; }

::-moz-input-placeholder {
  font-family: 'Ubuntu-Medium';
  font-size: 14px;
  color: #fff;
  background: #198c9d; }

::-ms-input-placeholder {
  font-family: 'Ubuntu-Medium';
  font-size: 14px;
  color: #fff;
  background: #198c9d; }

input-placeholder {
  font-family: 'Ubuntu-Medium';
  font-size: 14px;
  color: #fff;
  background: #198c9d; }

body {
  font-family: 'PFDinTextPro-Regular'; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

.justi {
  text-align: justify; }
  .justi:after {
    content: '';
    width: 100%;
    height: 0px;
    display: inline-block; }
  .justi > div {
    text-align: left; }

.error {
  border: 1px solid red !important; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-ms-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
.center {
  width: 1000px;
  margin: 0 auto; }

.btn {
  font-family: 'PFDinTextPro-Medium';
  font-size: 18px;
  height: 35px;
  text-align: center;
  border: 0;
  color: #000;
  background: url("../img/btn_center.png") repeat-x;
  position: relative;
  padding: 0 30px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); }
  .btn:before {
    content: url("../img/btn_left.png");
    position: absolute;
    left: -5px;
    top: 0px; }
  .btn:after {
    content: url("../img/btn_right.png");
    position: absolute;
    right: -5px;
    top: 0px; }
  .btn:active {
    position: relative;
    top: -13px !important; }

.btn2 {
  font-family: 'PFDinTextPro-Medium';
  font-size: 18px;
  height: 46px;
  text-align: center;
  border: 0;
  color: #000;
  background: url("../img/btn_center2.png") repeat-x;
  position: relative;
  padding: 0 22px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); }
  .btn2:before {
    content: url("../img/btn_left2.png");
    position: absolute;
    left: -5px;
    top: 0px; }
  .btn2:after {
    content: url("../img/btn_right2.png");
    position: absolute;
    right: -5px;
    top: 0px; }
  .btn2:active {
    position: relative;
    top: 2px; }

h3 {
  font-family: 'PFDinTextPro-Medium';
  font-size: 28px;
  text-transform: uppercase;
  text-align: center; }

.wrapper {
  overflow: hidden; }

.header {
  background: url("../img/head_bg.jpg") no-repeat center top;
  height: 630px; }
  .header .top {
    padding-top: 10px; }
    .header .top .left_side {
      display: inline-block;
      vertical-align: top; }
      .header .top .left_side p {
        font-family: 'PFDinTextPro-Medium';
        font-size: 20px; }
        .header .top .left_side p span {
          color: #0f5cb9;
          font-size: 18px;
          text-transform: uppercase; }
    .header .top .right_side {
      float: right; }
      .header .top .right_side > div {
        display: inline-block;
        margin-right: 20px;
        margin-top: 10px; }
        .header .top .right_side > div p {
          font-size: 16px; }
          .header .top .right_side > div p span {
            font-family: 'PFDinTextPro-Medium';
            font-size: 24px; }
      .header .top .right_side .call_back {
        top: -15px; }
  .header ul {
    margin-top: 30px; }
    .header ul li {
      display: inline-block;
      width: 216px;
      padding: 17px 0px;
      border: 2px solid #6b9dd9;
      text-align: center; }
      .header ul li p {
        font-family: 'PFDinTextPro-Bold';
        font-size: 18px;
        color: #0f5cb9;
        text-transform: uppercase; }
  .header .titles {
    margin-top: 80px; }
    .header .titles h1 {
      font-family: 'PFDinTextPro-Bold';
      font-size: 44px;
      color: #0f5cb9;
      text-transform: uppercase; }
    .header .titles h2 {
      font-family: 'PFDinTextPro-Medium';
      font-size: 24px;
      text-transform: uppercase;
      margin-top: 10px; }

.problems {
  margin-top: 40px; }
  .problems .items {
    width: 800px;
    height: 500px;
    margin: 50px auto 0px;
    background: url("../img/kodex.png") no-repeat center 80px; }
    .problems .items ul:first-child {
      float: left;
      text-align: right; }
      .problems .items ul:first-child li:nth-child(1):after {
        content: '';
        width: 50px;
        height: 2px;
        background: #e6e6e6;
        position: absolute;
        right: -50px;
        bottom: 0px;
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        -o-transform-origin: left;
        transform-origin: left;
        -webkit-transform: rotate(40deg);
        -moz-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        -o-transform: rotate(40deg);
        transform: rotate(40deg); }
      .problems .items ul:first-child li:nth-child(2):after {
        content: '';
        width: 50px;
        height: 2px;
        background: #e6e6e6;
        position: absolute;
        right: -50px;
        top: 0px;
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        -o-transform-origin: left;
        transform-origin: left;
        -webkit-transform: rotate(40deg);
        -moz-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        -o-transform: rotate(40deg);
        transform: rotate(40deg); }
      .problems .items ul:first-child li:nth-child(3):after {
        content: '';
        width: 50px;
        height: 2px;
        background: #e6e6e6;
        position: absolute;
        right: -50px;
        top: 0px;
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        -o-transform-origin: left;
        transform-origin: left;
        -webkit-transform: rotate(-40deg);
        -moz-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
        -o-transform: rotate(-40deg);
        transform: rotate(-40deg); }
      .problems .items ul:first-child li:nth-child(4):after {
        content: '';
        width: 50px;
        height: 2px;
        background: #e6e6e6;
        position: absolute;
        right: -50px;
        top: 0px;
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        -o-transform-origin: left;
        transform-origin: left;
        -webkit-transform: rotate(-50deg);
        -moz-transform: rotate(-50deg);
        -ms-transform: rotate(-50deg);
        -o-transform: rotate(-50deg);
        transform: rotate(-50deg); }
    .problems .items ul:last-child {
      float: right; }
      .problems .items ul:last-child li:nth-child(1):after {
        content: '';
        width: 50px;
        height: 2px;
        background: #e6e6e6;
        position: absolute;
        left: -50px;
        bottom: 0px;
        -webkit-transform-origin: right;
        -moz-transform-origin: right;
        -ms-transform-origin: right;
        -o-transform-origin: right;
        transform-origin: right;
        -webkit-transform: rotate(-40deg);
        -moz-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
        -o-transform: rotate(-40deg);
        transform: rotate(-40deg); }
      .problems .items ul:last-child li:nth-child(2):after {
        content: '';
        width: 50px;
        height: 2px;
        background: #e6e6e6;
        position: absolute;
        left: -50px;
        top: 0px;
        -webkit-transform-origin: right;
        -moz-transform-origin: right;
        -ms-transform-origin: right;
        -o-transform-origin: right;
        transform-origin: right;
        -webkit-transform: rotate(-40deg);
        -moz-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
        -o-transform: rotate(-40deg);
        transform: rotate(-40deg); }
      .problems .items ul:last-child li:nth-child(3):after {
        content: '';
        width: 50px;
        height: 2px;
        background: #e6e6e6;
        position: absolute;
        left: -50px;
        top: 0px;
        -webkit-transform-origin: right;
        -moz-transform-origin: right;
        -ms-transform-origin: right;
        -o-transform-origin: right;
        transform-origin: right;
        -webkit-transform: rotate(40deg);
        -moz-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        -o-transform: rotate(40deg);
        transform: rotate(40deg); }
      .problems .items ul:last-child li:nth-child(4):after {
        content: '';
        width: 50px;
        height: 2px;
        background: #e6e6e6;
        position: absolute;
        left: -50px;
        top: 0px;
        -webkit-transform-origin: right;
        -moz-transform-origin: right;
        -ms-transform-origin: right;
        -o-transform-origin: right;
        transform-origin: right;
        -webkit-transform: rotate(50deg);
        -moz-transform: rotate(50deg);
        -ms-transform: rotate(50deg);
        -o-transform: rotate(50deg);
        transform: rotate(50deg); }
    .problems .items ul li {
      border: 2px solid #e6e6e6;
      padding: 6px;
      margin-bottom: 34px;
      position: relative; }
      .problems .items ul li h4 {
        font-family: 'PFDinTextPro-Bold';
        font-size: 32px;
        color: #b60404; }
      .problems .items ul li p {
        font-family: 'PFDinTextPro-Medium';
        font-size: 20px; }
  .problems h5 {
    margin-top: 10px;
    background: url("../img/arr.png") no-repeat center bottom;
    padding-bottom: 40px; }
    .problems h5 p {
      font-family: 'PFDinTextPro-Bold';
      font-size: 28px;
      color: #b60404;
      text-align: center;
      text-transform: uppercase; }

.consult {
  height: 437px;
  background: url("../img/block_bg1.png") no-repeat center top; }
  .consult .form_valid {
    float: right;
    margin-top: 76px; }
    .consult .form_valid h5 {
      font-family: 'PFDinTextPro-Medium';
      font-size: 28px;
      text-align: center;
      text-transform: uppercase;
      margin-bottom: 30px; }
    .consult .form_valid label {
      display: block;
      text-align: center; }
      .consult .form_valid label p {
        font-family: 'PFDinTextPro-Italic';
        font-size: 18px;
        text-align: center;
        margin-bottom: 10px; }
      .consult .form_valid label input {
        width: 224px;
        height: 40px;
        border: 1px solid #bababa;
        border-radius: 4px;
        margin-bottom: 26px;
        padding: 0 10px; }

.icons ul {
  background: url("../img/qq.png") no-repeat center bottom;
  padding-bottom: 40px;
  width: 940px;
  margin: 40px auto 0px; }
  .icons ul li {
    display: inline-block;
    vertical-align: top;
    width: 210px;
    text-align: center; }
    .icons ul li img {
      margin-bottom: 16px; }
    .icons ul li p {
      font-family: 'PFDinTextPro-Bold';
      font-size: 20px;
      text-transform: uppercase; }
.icons .center > div {
  text-align: center;
  margin-top: 20px; }

.otziv {
  background: #def0ff;
  padding-bottom: 50px;
  padding-top: 30px;
  margin-top: 50px; }
  .otziv .center:after {
    content: url("../img/prava.png");
    position: absolute;
    right: -521px;
    bottom: -20px; }
  .otziv .slider {
    width: 860px;
    margin: 50px auto 0px; }
    .otziv .slider button {
      width: 14px;
      height: 22px;
      position: absolute;
      top: 50%;
      border: 0;
      font-size: 0px;
      z-index: 1; }
      .otziv .slider button.prev {
        background: url("../img/prev.png");
        left: -20px; }
      .otziv .slider button.next {
        background: url("../img/next.png");
        right: -20px; }
    .otziv .slider .wrap ul {
      text-align: center; }
      .otziv .slider .wrap ul li {
        display: inline-block;
        vertical-align: top;
        width: 385px;
        background: #fafcff;
        border: 10px solid #edf6ff;
        margin: 0 10px;
        text-align: left; }
        .otziv .slider .wrap ul li .inside {
          padding: 10px 30px 20px 30px; }
          .otziv .slider .wrap ul li .inside img {
            float: left;
            margin-bottom: 20px;
            width: 130px;
            border-radius: 50%; }
          .otziv .slider .wrap ul li .inside span {
            display: inline-block;
            margin-top: 40px;
            margin-left: 10px;
            font-family: 'PFDinTextPro-Medium';
            font-size: 20px; }
          .otziv .slider .wrap ul li .inside p {
            font-family: 'PFDinTextPro-Italic';
            font-size: 17px;
            line-height: 20px;
            clear: both; }
    .otziv .slider .pagination {
      margin-top: 20px; }
      .otziv .slider .pagination ul li a {
        display: inline-block;
        font-size: 0px;
        width: 11px;
        height: 11px;
        background: #bababa;
        border-radius: 50%;
        margin: 0 5px; }
      .otziv .slider .pagination ul li.active a {
        background: #454545; }
  .otziv .c {
    margin-top: 20px;
    text-align: center; }

.akcia {
  height: 486px;
  background: url("../img/block_bg2.png") no-repeat center top;
  margin-top: -50px; }
  .akcia .form_valid {
    text-align: center;
    width: 370px;
    float: right;
    margin: 100px 130px 0 0; }
    .akcia .form_valid h5 {
      font-family: 'PFDinTextPro-Bold';
      font-size: 39px;
      color: #ffb614; }
    .akcia .form_valid h6 {
      font-family: 'PFDinTextPro-Italic';
      font-size: 24px;
      color: #fff;
      margin-top: 30px; }
    .akcia .form_valid form {
      margin-top: 14px; }
      .akcia .form_valid form input {
        width: 224px;
        height: 40px;
        border: 1px solid #bababa;
        border-radius: 4px;
        margin-bottom: 26px;
        padding: 0 10px; }
      .akcia .form_valid form button {
        width: 234px; }

.footer {
  background: #e9f5ff;
  height: 54px; }
  .footer .center {
    padding-top: 10px; }
  .footer p {
    font-size: 14px;
    color: #414a69;
    text-align: center;
    line-height: 16px; }

.popup {
  width: 378px;
  height: 272px;
  background: #fff;
  border-radius: 4px;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  margin: auto;
  text-align: center;
  display: none; }
  .popup .popup_inside {
    padding: 14px 0; }
  .popup h6 {
    font-family: 'PFDinTextPro-Medium';
    font-size: 20px;
    text-align: center; }
  .popup form {
    margin-top: 34px; }
    .popup form input {
      width: 224px;
      height: 40px;
      border: 1px solid #bababa;
      border-radius: 4px;
      margin-bottom: 26px;
      padding: 0 10px; }
    .popup form button {
      width: 234px; }

.bg_popup {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9;
  display: none; }

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