.map .bd {

  width: 100%;

  height: 33.75rem; }



.form {

  background-color: #212121;

  position: relative;

  z-index: 1;

  border-bottom: 2px solid #4a4a4a;

  padding-bottom: 3.125rem; }

  .form::after {

    position: absolute;

    content: "";

    background: url(../images/bg-5.png) no-repeat;

    background-size: 100% 100%;

    bottom: 0;

    right: 0;

    width: 200px;

    height: 80%; }

  .form .title-contact {

    color: #fff;

    text-transform: uppercase;

    font-family: SVG-blod;

    font-size: 1.5rem;

    margin-bottom: 3.125rem; }

  .form .contact-form {

    margin-top: 1.25rem; }

  .form .btn-sent {

    border: 1px solid #ff0000;

    background-color: #ff0000;

    outline: none;

    width: 100%;

    margin-top: 3.125rem;

    height: 3.125rem;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    transition: .3s all; }

    .form .btn-sent:hover {

      background: #212121;

      transition: .3s all; }

  .form .form-pt {

    padding-top: 5rem;

    padding-bottom: 5rem; }

  .form .from_style {

    color: #fff;

    background-color: transparent;

    border: none;

    border-radius: 0;

    border-bottom: 1px solid #fff;

    margin-top: 0.3125rem;

    padding-left: 1.875rem; }

    .form .from_style::placeholder {

      color: #fff;

      font-size: 1.125rem; }

  .form .input-user {

    padding-left: 3rem;

    background: url(../images/icon-use-contact.png) no-repeat 20px 15px;

    background-size: 0.8125rem;

    height: 3.125rem; }

  .form .input-phone {

    padding-left: 3rem;

    background: url(../images/phone-contact.png) no-repeat 20px 17px;

    background-size: 1rem;

    height: 3.125rem; }

  .form .input-email {

    padding-left: 3rem;

    background: url(../images/email-contact.png) no-repeat 20px 17px;

    background-size: 1rem;

    height: 3.125rem; }

  .form .input-content {

    padding-left: 3rem;

    background: url(../images/content-contact.png) no-repeat 20px 17px;

    background-size: 1rem;

    height: 3.125rem; }

  .form .items {

    background-color: #fff;

    padding: 2.5rem 3.125rem; }

    .form .items .title {

      font-size: 1.5rem;

      text-transform: uppercase;

      color: #000;

      margin-bottom: 1.625rem;

      font-family: SVG-blod; }

    .form .items .city-footer {

      font-size: 1rem;

      color: #b9b9b9; }

    .form .items .number-sty {

      color: #000;

      font-size: 1rem; }

      .form .items .number-sty .number {

        text-decoration: none;

        color: #ff0000;

        transition: .3s all; }

        .form .items .number-sty .number:hover {

          color: #000;

          transition: .3s all; }

  .form .col-positive {

    position: relative;

    z-index: 1;

    max-width: 32.75rem; }

    .form .col-positive::after {

      border: 1px solid #fff;

      width: 100%;

      height: 100%;

      position: absolute;

      content: "";

      left: -20px;

      bottom: -20px;

      z-index: -1; }



.footer__socials ._social {

  min-width: 2rem;

  padding: 10px;

  background-color: #c6c6c6;

  color: #000;

  width: 2rem;

  height: 2rem;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transition: 0.5s all ease;

  transition: 0.5s all ease;

  text-decoration: none; }





#map-page-contact iframe {

  width: 100%;

  max-width: 1920px;

  min-height: 400px;
  margin: 0px auto;

}

.main-contact-page {

  margin-left: auto;

  margin-right: 0;

  padding: 5rem 0;

}
#map-page-contact {
  height: 405px;
}
.section-contact {

  background-color: #212121;

  background-image: url(../images/gon-song.png);

  background-position: right center;

  background-size: contain;
  background-repeat: no-repeat;

  border-bottom: 2px solid #fff;

}

.main-form-contact {

  max-width: 445px;

  margin-left: 0;

  margin-right: auto;

}

.title-form-dang-ky {

  font-size: 1.5rem;

  font-weight: 700;
  color: #fff;

}

.form-dang-ky .group-icon {

  position: relative;

}

.form-dang-ky .group-icon .icon_input {

  position: absolute;

  top: 15px;

  left: 6px;

}

.form-dang-ky .form-group {

  border-bottom: 1px solid #fff;

}

.form-dang-ky .form-group .form-control {

  padding: 0.9375rem 0.9375rem 0.9375rem 2.5rem;

  border: none;

  color: #fff;

  background-color: transparent;

  font-size: 1.125rem;

}

.form-dang-ky .form-group .form-control:focus {

  box-shadow: none;

  outline: none;

  border-color: transparent;

}

.form-dang-ky .btn-submit {

  display: block;

  width: 100%;

  padding: 0.9375rem;

  font-size: 1.125rem;

  font-weight: 700;

  color: #fff;

  background-color: #ff0000;

  border-color: #ff0000;

}

.form-dang-ky .btn-submit:hover {

  color: #ff0000;

  background-color: #fff;

}

.main-info-contact {

  position: relative;

}

.main-info-contact::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  border: 1px solid #fff;

  z-index: 1;

  -webkit-transform: translate(-20px,20px);

  -moz-transform: translate(-20px,20px);

  -ms-transform: translate(-20px,20px);

  -o-transform: translate(-20px,20px);

  transform: translate(-20px,20px);

}

.main-info-contact .s-contact {

  position: relative;

  padding: 2.5rem 3.75rem;

  background-color: #fff;

  z-index: 10;

}

.s-contact .site-name {

  font-size: 1.5rem;

  font-weight: 700;

  color: #000000;

}

.s-contact .content-address {

  font-size: 1rem;

  color: #9b9999;

}

.s-contact .content-address .number-sty {

  font-size: 1rem;

}

.s-contact .number-sty strong {

  color: #000000;

  font-weight: 600;

}

.s-contact .number-sty a {

  color: #ff0000;

}

.s-contact .number-sty a:hover {

  color: #0a58ca;

}