@font-face {
    font-family: HelveticaLT;
    src: url("/fonts/HELVETICALTSTD-COND.OTF") format("opentype");
}
*{
    font-family: 'Roboto', 'HelveticaLT', serif;
}
body {
    background: url('/img/landing_page.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
}
#top {
    padding: 50px 3px;
}
#content {
    vertical-align: middle;
}
.logo {
    max-width: 40%;
}
.text-info-vn {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 200;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    text-align: justify;
}
.text-info-vn h1 {
    font-size: 32px;
    text-align: left;
}
.line {
    width: 100px;
    height: 1px;
    border-top: 1px solid orangered;
    padding-bottom: 20px;
}
.orange {
    color: orangered;
}
.bold {
    font-weight: 500;
}
.form {
    background: #02222E;
    color: #fff;
    padding: 10px;
}
.form p {
    font-size: 14px;
    line-height: 18px;
}
.form input {
    border: none;
    border-bottom: 1px solid #fff;
    width: 300px;
    background: none;
    color: #eee;
    margin: 10px 3px;
}
.form input::placeholder, .form input:-ms-input-placeholder, .form input::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b3b3b3;
    opacity: 1; /* Firefox */
}
.form input:active {
    border-bottom: 1px solid #FF4E01;
}
.form input:focus{
    outline: none;
    border-bottom: 1px solid #FF4E01;
}
.falert {
    display: none;
    color: orangered;
    font-size: 14px;
}
.button-action.active {
    background: #FF4E01;
    display: none;

}
.button-action {
    background: #B3B3B3;
    text-align: center;
    text-decoration: underline;
    padding: 15px;
}

.button-action.active:hover, .button-action.active:focus {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    cursor: pointer;
}
#we-have-address {
    padding: 20px;
    color: #fff;
    text-align: center;
    font-size: 25px;
}
#additional-content {
    padding: 20px;
    background: linear-gradient(28.99deg, #02222E 40.71%, #03384C 85.12%);
}
.adds div {
    color: #fff;
    margin-bottom: 30px;
}
.adds div img {
    display: block;
    margin: auto;
    margin-bottom: 20px;
}
#footer {
    color: #eee;
    font-size: 15px;
}

/* Tiny Devices: Phones */
@media (max-width: 767px) {
    #top {
        padding: 20px 3px;
    }
    .text-info-vn h1 {
        font-size: 28px;
    }
}