/*** font ***/
@font-face {
  font-family: 'Rubik-Regular';
  src: url("../fonts/Rubik/Rubik-Regular.ttf");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'Rubik-Italic';
  src: url("../fonts/Rubik/Rubik-Italic.ttf");
  font-style: italic;
  font-weight: 400; }

@font-face {
  font-family: 'Rubik-Medium';
  src: url("../fonts/Rubik/Rubik-Medium.ttf");
  font-style: normal;
  font-weight: 500; }

@font-face {
  font-family: 'Rubik-Bold';
  src: url("../fonts/Rubik/Rubik-Bold.ttf");
  font-style: normal;
  font-weight: 700; }

@font-face {
  font-family: 'SourceSansPro-Bold';
  src: url("../fonts/Source-Sans-Pro/SourceSansPro-Bold.ttf");
  font-style: normal;
  font-weight: 600; }

@font-face {
  font-family: 'SourceSansPro-Regular';
  src: url("../fonts/Source-Sans-Pro/SourceSansPro-Regular.ttf");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'SourceSansPro-Light';
  src: url("../fonts/Source-Sans-Pro/SourceSansPro-Light.ttf");
  font-style: normal;
  font-weight: 300; }

@font-face {
  font-family: 'SourceSansPro-italic';
  src: url("../fonts/Source-Sans-Pro/SourceSansPro-Italic.ttf");
  font-style: italic;
  font-weight: 400; }

/*** font ***/
/*** banner ***/
.contact-us-banner .banner-info-container {
  padding-top: 259px;
  padding-bottom: 235px; }
  .contact-us-banner .banner-info-container .banner-title {
    font-size: 60px;
    line-height: 130%; }
    .contact-us-banner .banner-info-container .banner-title br {
      display: none; }

.contact-us-banner .banner-img-container img {
  max-width: 380px;
  width: 100%; }

/*** banner ***/
/*** contact-us-section ***/
.contact-us-section {
  padding-top: 65px;
  padding-bottom: 65px; }
  .contact-us-section .contact-us-title {
    font-family: "Rubik-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 42px;
    line-height: 130%;
    text-align: center;
    color: #515151;
    margin-bottom: 20px; }
  .contact-us-section .contact-us-subtitle {
    max-width: 669px;
    width: 100%;
    margin: 0 auto;
    font-family: "SourceSansPro-Regular";
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    line-height: 130%;
    text-align: center;
    color: #7A7A7A;
    margin-bottom: 40px; }
  .contact-us-section .contact-us-box-content {
    padding: 50px 65px;
    background: #F6FCFE;
    border: 1px solid rgba(196, 196, 196, 0.2);
    box-sizing: border-box;
    box-shadow: 5px 4px 17px #D4ECFF; }
  .contact-us-section .contact-us-google-map {
    border: 1px solid #515151; }

/*** contact-us-section ***/
/*** contact us form ***/
.contact-us-form {
  margin-right: 30px; }
  .contact-us-form .form-contact-us {
    display: block;
    width: 100%;
    font-family: "SourceSansPro-Regular";
    padding: 8px 8px 8px 8px;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 130%;
    color: #C4C4C4;
    background-color: transparent;
    background-clip: padding-box;
    border: none;
    border-bottom: 1px solid #C4C4C4;
    border-radius: 0 !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
  .contact-us-form input[type="file"] {
    display: none; }
  .contact-us-form .custom-file-upload {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #EBF7FD;
    border: 1px solid #D5EEFB;
    box-sizing: border-box;
    border-radius: 3px;
    cursor: pointer;
    font-family: "Rubik-Regular";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 130%;
    color: #7B7B7B;
    padding: 10px; }
    .contact-us-form .custom-file-upload img {
      width: 13px;
      height: 13px;
      object-fit: contain;
      margin: 0 10px; }
  .contact-us-form ::placeholder {
    font-family: "SourceSansPro-Light";
    font-size: 17px;
    line-height: 130%;
    color: #C4C4C4; }
  .contact-us-form .subtitle-file {
    font-family: "SourceSansPro-Light";
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 130%;
    color: #515151; }
  .contact-us-form .form-btn {
    width: 100%;
    border: none; }
  .contact-us-form textarea {
    resize: none;
    height: 83px; }

.contact-us-info-box {
  margin-top: 25px; }
  .contact-us-info-box a {
    display: inline-flex;
    align-items: center;
    font-family: "SourceSansPro-Regular";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 178%;
    letter-spacing: 0.01em;
    color: #515151;
    margin-right: 30px; }
    .contact-us-info-box a:last-child {
      margin-right: 0;
      margin-bottom: 0; }
  .contact-us-info-box .link-phone-hunter:before {
    background: url("../img/icons/phone-icon-cu.svg"); }
  .contact-us-info-box .link-email-hunter:before {
    background: url("../img/icons/mail-icon-cu.svg"); }
  .contact-us-info-box .link-phone-hunter:before,
  .contact-us-info-box .link-email-hunter:before {
    content: '';
    display: inline-flex;
    flex-wrap: nowrap;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 15px; }
  .contact-us-info-box .social-container-contact-us {
    float: right; }
    .contact-us-info-box .social-container-contact-us ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .contact-us-info-box .social-container-contact-us ul li {
        display: inline-block; }
        .contact-us-info-box .social-container-contact-us ul li:before {
          content: '';
          display: none; }
        .contact-us-info-box .social-container-contact-us ul li:first-child a {
          padding-left: 0;
          margin-left: 0; }
        .contact-us-info-box .social-container-contact-us ul li a {
          font-size: 25px;
          color: #183D85;
          padding: 0 5px;
          margin: 0 5px;
          transition: 0.2s linear; }
          .contact-us-info-box .social-container-contact-us ul li a:hover {
            color: #2CAAF2; }

/*** contact us form ***/