/*utf-8*/
/*colors*/
body {
  font-family: 'Roboto', sans-serif;
  color: #fff; }
  body button {
    background-color: transparent;
    border-radius: 0;
    border: none; }
    body button:focus, body button:active, body button:hover {
      outline: none; }
  body section {
    padding-bottom: 60px; }
  body ul {
    margin: 0;
    padding: 0;
    list-style: none; }

input[type=tel] {
  color: #000 !important;
  background: #f2f2f2 url(../img/phone-ico.png) no-repeat 10px center !important; }

input[name=name] {
  color: #000 !important;
  background: #f2f2f2 url(../img/user.svg) no-repeat 10px center !important; }

.input-wrapper input {
  border: none;
  width: 100%;
  padding: 9px 0 9px 40px;
  border-radius: 20px; }
  .input-wrapper input:focus, .input-wrapper input:active, .input-wrapper input:hover {
    outline: none; }

.form_send {
  text-align: center;
  padding: 25px 25px 5px 25px;
  color: #000;
  display: none;
  transition: .3s all; }

.section-title {
  font-size: 28px;
  font-weight: bold;
  color: #000;
  text-align: center;
  padding: 60px 0 30px 0; }

.section-sub_title {
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
  color: #000;
  position: relative;
  padding-bottom: 60px; }
  .section-sub_title:after {
    content: "";
    position: absolute;
    width: 60px;
    height: 2px;
    background-color: #000;
    bottom: 55px;
    left: 50%;
    transform: translateX(-50%); }

.blue-btn {
  background-color: #00adef;
  color: #fff;
  text-align: center;
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 16px;
  transition: .3s ease; }
  .blue-btn:hover {
    background-color: #017dad;
    transform: scale(1.1); }

/* modal */
.overlay {
  width: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 15px;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  opacity: 0;
  pointer-events: none;
  transition: 0.35s ease-in-out;
  max-height: 100vh;
  overflow-y: auto; }
  .overlay.open {
    opacity: 1;
    pointer-events: inherit; }
  .overlay .modal {
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: 0.35s ease-in-out;
    max-height: 100vh;
    overflow-y: auto;
    box-shadow: 0px 8px 13px 0px rgba(69, 69, 69, 0.24);
    border-radius: 20px;
    background: #fff;
    width: 340px;
    box-sizing: border-box;
    max-width: 100%;
    padding: 40px 30px 40px; }
    .overlay .modal.open {
      opacity: 1;
      pointer-events: inherit; }
      .overlay .modal.open .content {
        transform: translate(0, 0px);
        opacity: 1; }
    .overlay .modal .content {
      transform: translate(0, -10px);
      opacity: 0;
      transition: .35s ease-in-out; }
    .overlay .modal .title {
      margin-top: 0; }
    .overlay .modal .close-modal {
      position: absolute;
      top: -29px;
      right: -19px;
      cursor: pointer; }

.modal-form_wrapper .modal-form .form-title {
  font-size: 18px;
  line-height: 1.45;
  margin-bottom: 15px;
  color: #000; }
  .modal-form_wrapper .modal-form .form-title span {
    display: block;
    font-weight: 700; }
.modal-form_wrapper .modal-form .modal-form_field {
  margin-bottom: 11px;
  text-align: center; }
.modal-form_wrapper .modal-form .modal-form_btn .blue-btn {
  width: 100%;
  border-radius: 20px;
  font-size: 18px; }

/* modal */
/*media*/
@media (min-width: 768px) {
  .section-title {
    font-size: 36px;
    padding: 80px 0 50px 0; } }
@media (min-width: 992px) {
  .section-title {
    font-size: 42px; } }
@media (min-width: 1200px) {
  .blue-btn {
    font-size: 20px;
    border-radius: 25px; } }
/*media*/
@media (min-width: 320px) and (max-width: 991px) {
  .header {
    position: fixed;
    width: 100%;
    z-index: 9999; }
    .header .header_wrapper .container {
      max-width: 100%; }
    .header .header_wrapper .msg {
      font-family: 'Pacifico', cursive;
      font-size: 8vw;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
      max-height: 100%;
      max-width: 100%;
      align-items: center; }
    .header .header_wrapper .features {
      font-size: 1rem;
      text-transform: uppercase; }
      .header .header_wrapper .features li {
        width: 100%;
        text-align: center;
        padding: .25em; }
    .header .header_wrapper .drawer-list {
      position: fixed;
      z-index: 999;
      right: 0;
      top: 0;
      height: 100vh;
      width: 100%;
      transform: translate(100vw, 0);
      /* ie workaround */
      -ms-transform: translatex(-100vw);
      box-sizing: border-box;
      pointer-events: none;
      padding-top: 80px;
      transition: width 475ms ease-out, transform 450ms ease;
      background-color: #383e46;
      background-color: rgba(34, 40, 49, 0.9); } }
    @media (min-width: 320px) and (max-width: 991px) and (min-width: 576px) {
      .header .header_wrapper .drawer-list {
        width: 40vw; } }
@media (min-width: 320px) and (max-width: 991px) {
      .header .header_wrapper .drawer-list .menu-contacts {
        color: #fff;
        position: absolute;
        bottom: 15%;
        right: 15px; }
        .header .header_wrapper .drawer-list .menu-contacts .contacts-info {
          font-size: 12px;
          color: #b3b7bb; }
        .header .header_wrapper .drawer-list .menu-contacts a {
          font-size: 18px;
          color: #fff;
          font-weight: bold;
          transition: .3s all; }
          .header .header_wrapper .drawer-list .menu-contacts a:hover {
            text-decoration: none;
            color: #00adef; }
      .header .header_wrapper .drawer-list ul {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        overflow: auto;
        overflow-x: hidden;
        pointer-events: auto; }
      .header .header_wrapper .drawer-list li {
        list-style: none;
        pointer-events: auto;
        white-space: nowrap;
        box-sizing: border-box;
        transform: translatex(100vw);
        /* ie workaround */
        -ms-transform: translatex(-100vw); }
        .header .header_wrapper .drawer-list li:last-child {
          margin-bottom: 2em; }
        .header .header_wrapper .drawer-list li a {
          text-decoration: none;
          color: #fff;
          text-align: right;
          display: block;
          padding: 1rem;
          font-size: 18px;
          font-weight: 400;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -ms-transition: all 0.3s;
          transition: all 0.3s; } }
        @media (min-width: 320px) and (max-width: 991px) and (min-width: 768px) {
          .header .header_wrapper .drawer-list li a {
            text-align: right;
            padding: 0.8rem; } }
@media (min-width: 320px) and (max-width: 991px) {
          .header .header_wrapper .drawer-list li a:hover {
            cursor: pointer;
            color: #00adef; }
    .header .header_wrapper input.hamburger {
      display: none; }
      .header .header_wrapper input.hamburger:checked {
        position: fixed; }
        .header .header_wrapper input.hamburger:checked ~ .drawer-list {
          transform: translatex(0); }
          .header .header_wrapper input.hamburger:checked ~ .drawer-list li {
            transform: translatex(0); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(1) {
              transition: transform 1s 0.08s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(2) {
              transition: transform 1s 0.16s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(3) {
              transition: transform 1s 0.24s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(4) {
              transition: transform 1s 0.32s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(5) {
              transition: transform 1s 0.4s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(6) {
              transition: transform 1s 0.48s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(7) {
              transition: transform 1s 0.56s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(8) {
              transition: transform 1s 0.64s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(9) {
              transition: transform 1s 0.72s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(10) {
              transition: transform 1s 0.8s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(11) {
              transition: transform 1s 0.88s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(12) {
              transition: transform 1s 0.96s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(13) {
              transition: transform 1s 1.04s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(14) {
              transition: transform 1s 1.12s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(15) {
              transition: transform 1s 1.2s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(16) {
              transition: transform 1s 1.28s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(17) {
              transition: transform 1s 1.36s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(18) {
              transition: transform 1s 1.44s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(19) {
              transition: transform 1s 1.52s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(20) {
              transition: transform 1s 1.6s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(21) {
              transition: transform 1s 1.68s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(22) {
              transition: transform 1s 1.76s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(23) {
              transition: transform 1s 1.84s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(24) {
              transition: transform 1s 1.92s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(25) {
              transition: transform 1s 2s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(26) {
              transition: transform 1s 2.08s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(27) {
              transition: transform 1s 2.16s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(28) {
              transition: transform 1s 2.24s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(29) {
              transition: transform 1s 2.32s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(30) {
              transition: transform 1s 2.4s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(31) {
              transition: transform 1s 2.48s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(32) {
              transition: transform 1s 2.56s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(33) {
              transition: transform 1s 2.64s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(34) {
              transition: transform 1s 2.72s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(35) {
              transition: transform 1s 2.8s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(36) {
              transition: transform 1s 2.88s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(37) {
              transition: transform 1s 2.96s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(38) {
              transition: transform 1s 3.04s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(39) {
              transition: transform 1s 3.12s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(40) {
              transition: transform 1s 3.2s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(41) {
              transition: transform 1s 3.28s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(42) {
              transition: transform 1s 3.36s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(43) {
              transition: transform 1s 3.44s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(44) {
              transition: transform 1s 3.52s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(45) {
              transition: transform 1s 3.6s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(46) {
              transition: transform 1s 3.68s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(47) {
              transition: transform 1s 3.76s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(48) {
              transition: transform 1s 3.84s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(49) {
              transition: transform 1s 3.92s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li:nth-child(50) {
              transition: transform 1s 4s cubic-bezier(0.29, 1.4, 0.44, 0.96); }
            .header .header_wrapper input.hamburger:checked ~ .drawer-list li a {
              padding-right: 15px; }
        .header .header_wrapper input.hamburger:checked ~ label > i {
          background-color: transparent;
          transform: rotate(90deg); }
          .header .header_wrapper input.hamburger:checked ~ label > i:before {
            transform: translate(-50%, -50%) rotate(315deg); }
          .header .header_wrapper input.hamburger:checked ~ label > i:after {
            transform: translate(-50%, -50%) rotate(-315deg); }
        .header .header_wrapper input.hamburger:checked ~ label close {
          width: 100%; }
        .header .header_wrapper input.hamburger:checked ~ label open {
          width: 0; }
    .header .header_wrapper label.hamburger {
      z-index: 1000;
      position: relative;
      display: block;
      height: 50px;
      width: 45px;
      border-radius: 5px; }
      .header .header_wrapper label.hamburger:hover {
        cursor: pointer; }
      .header .header_wrapper label.hamburger text close,
      .header .header_wrapper label.hamburger text open {
        text-transform: uppercase;
        font-size: 0.7em;
        font-weight: bold;
        text-align: center;
        position: absolute;
        transform: translateY(15px);
        overflow: hidden;
        transition: width .25s .35s, color .45s .35s; }
      .header .header_wrapper label.hamburger text close {
        color: #fff;
        right: 0;
        width: 0; }
      .header .header_wrapper label.hamburger text open {
        color: #fff;
        width: 100%; }
      .header .header_wrapper label.hamburger > i {
        position: absolute;
        width: 70%;
        left: 13%;
        height: 3px;
        border-radius: 5px;
        background-color: #fff;
        pointer-events: auto;
        transition-duration: .35s;
        transition-delay: .35s; }
        .header .header_wrapper label.hamburger > i:before, .header .header_wrapper label.hamburger > i:after {
          position: absolute;
          display: block;
          width: 100%;
          margin: 0 auto;
          height: 3px;
          border-radius: 5px;
          left: 50%;
          background-color: #fff;
          content: "";
          transition: transform 0.35s;
          transform-origin: 50% 50%; }
        .header .header_wrapper label.hamburger > i:before {
          transform: translate(-50%, -10px); }
        .header .header_wrapper label.hamburger > i:after {
          transform: translate(-50%, 10px); }
    .header .header_wrapper label.hamburger {
      position: absolute;
      top: 0;
      right: 10px;
      display: flex;
      align-items: center; } }
@media (min-width: 576px) {
  /*first-screen*/
  .first-screen {
    min-height: 100%;
    height: 780px; }

  /*first-screen*/
  /*services*/
  .services .services-card_wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between; }

  /*services*/
  /*footer*/
  .footer .footer-contacts {
    margin-top: 0; }
  .footer .footer-logo {
    margin: 0; }

  /*footer*/ }
@media (min-width: 768px) {
  /*first-screen*/
  .first-screen .fs_title-wrapper .main-title {
    font-size: 38px; }
  .first-screen .fs_title-wrapper .sub-title {
    font-size: 22px;
    padding-top: 30px; }

  /*first-screen*/
  /*examination*/
  .examination .examination-block.examination-md .examination-title {
    padding-left: 86px; }
  .examination .examination-block.examination-md .examination-text .examination-img {
    flex: 86px 0 0; }
  .examination .examination-block.examination-md:before {
    transform: rotateY(180deg); }
  .examination .examination-block.examination-md:after {
    left: auto;
    right: 0; }
  .examination .examination-block .examination-text {
    align-items: center; }
    .examination .examination-block .examination-text .examination-img img {
      padding: 0 8px; }

  /*examination*/
  /*services*/
  .services .services-card_wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between; }
    .services .services-card_wrapper .services-card-name {
      font-size: 15px;
      font-weight: 500;
      padding: 30px 10px 15px 10px; }

  /*services*/
  /*advantages*/
  .advantages .section-title {
    padding: 80px 0 15px 0; }

  /*advantages*/
  /*works*/
  .works .section-title {
    padding: 80px 0 15px 0; }

  /*works*/ }
@media (min-width: 992px) {
  /*header*/
  .header .header_wrapper .header-menu input.hamburger,
  .header .header_wrapper .header-menu label.hamburger {
    display: none; }
  .header .header_wrapper .header-menu .drawer-list {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    .header .header_wrapper .header-menu .drawer-list .menu_list-wraheaderp {
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      flex-basis: 70%; }
      .header .header_wrapper .header-menu .drawer-list .menu_list-wraheaderp li a {
        color: #fff;
        transition: .3s all; }
        .header .header_wrapper .header-menu .drawer-list .menu_list-wraheaderp li a:hover {
          text-decoration: none;
          color: #00adef; }
    .header .header_wrapper .header-menu .drawer-list .menu-contacts {
      display: flex;
      flex-direction: column;
      align-items: flex-end; }
      .header .header_wrapper .header-menu .drawer-list .menu-contacts .contacts-info {
        font-size: 12px;
        color: #b5b5b5; }
      .header .header_wrapper .header-menu .drawer-list .menu-contacts a {
        font-size: 22px;
        color: #00adef; }
  .header .header_wrapper .header-menu .messengers-list li img {
    width: 28px;
    margin: 0 auto; }

  /*header*/
  /*first-screen*/
  .first-screen .fs_title-wrapper .main-title {
    font-size: 44px;
    width: 90%;
    margin: 0 auto; }

  /*first-screen*/
  /*examination*/
  .examination {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url(../img/examination-2.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 50% 50%; }
    .examination .examination-block {
      height: 100%;
      padding-top: 20px; }
      .examination .examination-block .examination-text {
        margin-bottom: 0; }
    .examination .examination-description_wrapper {
      padding: 80px 0 40px 0; }
      .examination .examination-description_wrapper .examination-description {
        padding-bottom: 30px;
        width: 400px;
        margin: 0 auto; }
      .examination .examination-description_wrapper .examination-btn .blue-btn {
        padding: 16px 20px;
        font-size: 18px;
        border-radius: 30px; }

  /*examination*/
  /*services*/
  .services .services-card_wrapper .services-card-price {
    font-size: 22px;
    padding-bottom: 15px; }

  /*services*/
  /*footer*/
  .footer {
    padding: 20px 0; }

  /*footer*/ }

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