/**
    Proxima Nova Bold
    font-family:  proxima-nova,   sans-serif;
    font-weight:  700;
    font-style:  normal;

    Proxima Nova Bold Italic
    font-family:  proxima-nova,   sans-serif;
    font-weight:  700;
    font-style:  italic;

    Proxima Nova Thin
    font-family:  proxima-nova,   sans-serif;
    font-weight:  100;
    font-style:  normal;

    Proxima Nova Semibold
    font-family:  proxima-nova,   sans-serif;
    font-weight:  600;
    font-style:  normal;

    Proxima Nova Regular
    font-family:  proxima-nova,   sans-serif;
    font-weight:  400;
    font-style:  normal;

    Proxima Nova Italic
    font-family:  proxima-nova,   sans-serif;
    font-weight:  400;
    font-style:  italic;

    Proxima Nova Light
    font-family:  proxima-nova,   sans-serif;
    font-weight:  300;
    font-style:  normal;

    Proxima Nova Medium
    font-family:  proxima-nova,   sans-serif;
    font-weight:  500;
    font-style:  normal;


    @media only screen and (max-width: @tablet) {
    }

    @media only screen and (max-width: @mobile) {
    }

    mobile fonts
    D60px
    font-size: 48px;
    D24px 
    font-size: 21px;
    font-size: 18px;
    font-size: 16px;

**/
#contact-us {
  clear: both;
}
#contact-us .hero .container .content-section {
  flex-basis: 50%;
  flex-grow: 1;
}
#contact-us .hero .container .content-section .icon {
  max-width: 120px;
}
#contact-us .hero .container .content-section .title {
  font-size: 60px;
  font-family: 'Roboto Slab', serif;
  color: #1e262c;
  font-weight: 300;
}
#contact-us .hero .container .content-section p {
  font-size: 21px;
  line-height: 1.33;
  color: #1e262c;
  position: relative;
}
#contact-us .hero .container .content-section p.tel {
  font-size: 36px;
}
#contact-us .hero .container .content-section p.email {
  font-size: 30px;
  color: #d31145;
  display: inline-block;
}
#contact-us .hero .container .content-section p.email::after {
  content: "";
  display: block;
  position: relative;
  height: 2px;
  background-color: #d31145;
  width: 100%;
}
@media (max-width: 480px) {
  #contact-us .hero .container .content-section p {
    font-size: 18px;
  }
}
#contact-us .hero .container .content-section h2 {
  font-size: 30px;
  font-family: 'Roboto Slab', serif;
}
#contact-us .hero .container .content-section .text-link {
  color: #d31145;
  font-size: 18px;
  font-weight: 600;
  display: inline-flex;
  position: relative;
  align-items: center;
}
#contact-us .hero .container .content-section .text-link::after {
  content: url('../svgs/arrow-right-red.svg');
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
#contact-us .hero .container .form-section {
  flex-basis: 50%;
  flex-grow: 1;
}
#contact-us .hero .container .form-section form .fname {
  width: 48%;
}
#contact-us .hero .container .form-section form .lname {
  width: 48%;
}
#contact-us .hero .container .form-section form .phone {
  width: 48%;
  max-width: 100%;
}
#contact-us .hero .container .form-section form .phone input {
  width: 100%;
}
#contact-us .hero .container .form-section form .segment {
  width: 48%;
}
#contact-us .hero .container .form-section form .segment select {
  width: 100%;
  border: solid 1px #e2e3e6;
  padding: 12px 10px;
  font-family: 'Roboto Slab', serif;
  font-size: 21px;
}
#contact-us .hero .container .form-section form label {
  font-size: 18px;
  color: #d31145;
  font-family: 'proxima-nova', sans-serif;
}
#contact-us .hero .container .form-section form input,
#contact-us .hero .container .form-section form textarea {
  padding: 5px 10px;
  border: solid 1px #e2e3e6;
  font-family: 'Roboto Slab', serif;
  font-size: 30px;
  color: #1e262c;
  width: 100%;
  margin-bottom: 10px;
}
#contact-us .hero .container .form-section form input:focus,
#contact-us .hero .container .form-section form textarea:focus {
  outline: none;
}
#contact-us .hero .container .form-section form .wpcf7-submit {
  display: inline-block;
  background-color: #d31145;
  color: #ffffff;
  width: auto;
  font-size: 18px;
  font-family: 'proxima-nova', sans-serif;
  margin-top: 10px;
  padding: 5px 20px;
  cursor: pointer;
  transition: all 400ms 0s ease-in-out, all 250ms 0s ease;
}
#contact-us .hero .container .form-section form .wpcf7-submit:hover {
  background-color: #1e262c;
}
#contact-us .hero .container .form-section form textarea {
  height: 180px;
  resize: none;
}
#contact-us .signup {
  background: #d31145;
  max-width: 350px;
  color: #ffffff;
}
#contact-us .signup .btn {
  display: flex;
  width: fit-content;
  border: 3px solid #d31145;
}
#contact-us .signup .btn:hover {
  border-color: #ffffff;
}
#contact-us .signup .btn:hover .st0 {
  fill: #ffffff;
}
#contact-us .signup svg {
  width: 20px;
  height: 24px;
  margin-left: 10px;
}
#contact-us .legal a {
  text-decoration: underline;
}
@media (max-width: 520px) {
  #contact-us .hero .container .content-section {
    padding-right: 0;
    width: 100%;
  }
  #contact-us .hero .container .form-section {
    width: 100%;
  }
  #contact-us .hero .container .form-section form .m-full {
    width: 100%;
  }
}