/* contact us */#page-contact {    margin: 10rem auto;    color: #ffffff;    display: grid;}#page-contact .location-map {    width: 100%;    text-align: center;    padding: 1.5rem 3rem 3rem;    margin-bottom: 3rem;    display: flex;    justify-content: flex-start;    flex-wrap: wrap;}#page-contact p.title {    font-size: 2.4rem;    margin: 0 auto 1.5rem;    text-align: center;    position: relative;}#page-contact p.title:before,#page-contact p.title:after {    content: "";    position: absolute;    border-bottom: 1px solid rgba(255,255,255,0.5);    top: 1.3rem;    width: 18rem;}#page-contact p.title:before {    right: 100%;    margin-right: 1.5rem;}#page-contact p.title:after {    left: 100%;    margin-left: 1.5rem;}#page-contact .office-location {    /* Note: width / office-location - left margin + left margin / office-location */    /* Note: this should create cards with equal width and correct margin inbetween office-location */    width: calc(100% / 2 - 1.5rem + 1.5rem / 2);}#page-contact .left {    margin-right: 1.5rem;}#page-contact .office-location-map {    width: 100%;    color: #000000;    font-size: 0.8rem;}#page-contact .contact-us p.contact-us-sentence {    margin-top: 1rem;    line-height: 2.1rem;    font-size: 1.4rem;    text-align: center;}#page-contact .contact-us, #page-contact .right-contact-us {    width: 50%;    display: grid;    margin: auto;}#page-contact hr {    border: none;    border-left: 1px solid hsla(200, 10%, 50%,100);    height: 40rem;    width: 1px;    margin: auto 0;}#page-contact .contact-us .contact-us-layer {    padding: 1rem;}#page-contact form {    margin: 2.4rem 0;}#page-contact .form-group {    margin: 2rem 0;}#page-contact .form-input {    border: none;    border-radius: 0;    border-bottom: 1px solid rgba(255, 255, 255, 0.5);    text-align: left;    color: #ffffff;    font-size: 1.4rem;    padding: 0.8rem;    width: 97%;    background: transparent;}#page-contact .form-input::placeholder {    font-weight: 100;    color: rgba(255, 255, 255, 0.5);}#page-contact .form-input::placeholder,#page-contact .form-input::-webkit-input-placeholder,#page-contact .form-input:-moz-placeholder,#page-contact .form-input::-moz-placeholder,#page-contact .form-input:-ms-input-placeholder {    color: rgba(255, 255, 255, 0.5);}#page-contact .right-contact-us .contact-us-layer {    padding-left: 6.4rem;}#page-contact .contact-email {    text-align: center;    font-size: 1.4rem;}#page-contact .contact-email a {    text-decoration: underline;}#page-contact .contact-icon-small {    width: 2rem;    margin: 0 0.8rem;}#page-contact .information {    margin: 3rem 0;}#page-contact .information p#info-address {    font-size: 1.6rem;    padding: 0 2.4rem;    display: inline-block;    max-width: 90%;    line-height: 3rem;    vertical-align: middle;    font-weight: 150;}#page-contact .information p#info-address span {    display: inline-block;    font-size: 1.4rem;    line-height: 2.1rem;}#page-contact .information p#info-address img,#page-contact .information p#info-address span img {    width: 2.4rem;    margin: 0rem 0.8rem;}#page-contact .form-input:focus{    outline: none;}#page-contact .form-group span {    padding-left: 0.8rem;    font-size: 1.4rem;    opacity: 0;    transition: all 0.5s ease-in-out;}#page-contact .form-group span.filled, #page-contact .form-group:hover span {    opacity: 0.5;    transition: all 0.3s ease-in-out;}#page-contact .btn-submit {    background: linear-gradient(90deg, #ae00ff, #6540ff);    border: none;    border-radius: 2.4rem;    color: #ffffff;    font-size: 1.4rem;    padding: 1rem 3.5rem;    display: block;    margin: 2.4rem auto 0;}#page-contact .business-cooperation {    text-align: center;    font-size: 2.1rem;    margin-bottom: 1.3rem;}.has-error {    font-size: 14px;    color: red;}@media only screen and (min-width: 1281px) {    .navbar, .main-div, .dropdown-div, .footer {        width: 70%;        max-width: 200rem;        margin: 0 auto;    }    #page-contact .location-map {        width: 80%;        margin: 0 auto 8rem;    }    #page-contact .office-location img {        width: 100%;    }}@media only screen and (min-width: 992px) and (max-width: 1280px) {    .navbar, .main-div, .dropdown-div, .footer {        width: 80%;        margin: 0 auto;    }    #page-contact .office-location-map {        min-height: 20rem;    }    #page-contact .location-map {        width: 90%;        padding: 1rem;        margin: 0 auto 5rem;    }    #page-contact .office-location img {        width: 100%;    }    #page-contact .information {        margin: 2rem 0;    }    #page-contact .information p#info-address img,    #page-contact .information p#info-address span img {        width: 2rem;    }    #page-contact .contact-us {        width: 60%;    }}@media only screen and (min-width: 768px) and (max-width: 991px) {    .navbar, .main-div, .dropdown-div, .footer {        width: 90%;        margin: 0 auto;    }    #page-contact .office-location-map {        min-height: 15rem;    }    #page-contact .location-map {        width: 100%;        margin: 0 auto 3.2rem;        padding: 0;    }    #page-contact .office-location img {        width: 100%;    }    #page-contact .information p#info-address img,    #page-contact .information p#info-address span img {        width: 2rem;    }    #page-contact .form-input {        text-align: center;    }    #page-contact .contact-us {        width: 60%;    }}@media only screen and (min-width: 415px) and (max-width: 767px) {    .navbar, .main-div, .dropdown-div, .footer {        width: 80%;        margin: 0 auto;    }    #page-contact p.title {        font-size: 2.1rem;        margin: 0 auto 1rem;    }    #page-contact p.title:before,    #page-contact p.title:after {        width: 8rem;    }    #page-contact .contact-us {        width: 90%;        margin: 0 auto;    }    #page-contact .contact-us .contact-us-layer {        width: 90%;        margin: 0 auto;        /*padding: 0;*/    }    #page-contact .location-map {        width: 90%;        margin: 1rem auto 3rem;        padding: 0;    }    #page-contact .office-location-map {        min-height: 15rem;    }    #page-contact .office-location {        width: 100%;    }    #page-contact .left {        margin-right: 0;    }    #page-contact .office-location img {        width: 100%;    }    #page-contact .information {        margin: 2rem 0 5rem;    }    #page-contact .information p#info-address span {        font-size: 1.2rem;        line-height: 1.8rem;    }    #page-contact .information p#info-address img,    #page-contact .information p#info-address span img {        width: 2rem;    }    #page-contact .form-input {        text-align: center;    }    #page-contact .contact-us p.contact-us-sentence {        line-height: 1.8rem;    }}@media only screen and (max-width: 414px) {    .navbar, .main-div, .dropdown-div, .footer {        width: 100%;        margin: 0 auto;    }    #page-contact p.title {        font-size: 1.8rem;    }    #page-contact p.title:before,    #page-contact p.title:after {        top: 1rem;        width: 5rem;    }    #page-contact .office-location-map {        min-height: 10rem;    }    #page-contact .contact-us {        width: 90%;        margin: 0 auto;    }    #page-contact .contact-us p.contact-us-sentence {        font-size: 1.2rem;        line-height: 1.6rem;    }    #page-contact .contact-us .contact-us-layer {        width: 90%;        margin: 0 auto;        padding: 0;    }    #page-contact .location-map {        width: 90%;        margin: 1rem auto 3rem;        padding: 0;    }    #page-contact .location-map p {        font-size: 1.8rem;    }    #page-contact .office-location {        width: 100%;    }    #page-contact .left {        margin-right: 0;    }    #page-contact .office-location img {        width: 100%;    }    #page-contact .information {        margin: 0.8rem 0 3rem;    }    #page-contact .information p#info-address span {        font-size: 1.2rem;        line-height: 1.6rem;    }    #page-contact .information p#info-address img,    #page-contact .information p#info-address span img {        width: 1.5rem;    }    #page-contact .contact-email {        font-size: 1.2rem;    }    #page-contact .form-group span,    #page-contact .form-input {        font-size: 1.2rem;    }    #page-contact .form-input {        text-align: center;    }}