* {
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
    -moz-highlight-color: transparent !important;
    -ms-highlight-color: transparent !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
@media only screen and (min-width: 981px) {
    body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: 'Mulish', sans-serif;
    cursor: default;
    background-color: #03243f;
}
.body-bg::after {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -9;
    pointer-events: none !important;
    -webkit-pointer-events: none !important;
    background-image: url(../image/body-bg-desk.jpg?v=9954);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.sun-bg::after {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -8;
    pointer-events: none !important;
    -webkit-pointer-events: none !important;
    background-image: url(../image/sun-oc.gif?v=9958);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0.3;
    filter: grayscale(10%);
    mix-blend-mode: soft-light;
}
.forms-format {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: none;
    font-family: 'Mulish', sans-serif;
}
.contacts-form {
    width: 40%;
    height: auto;
    text-align: left;
    box-sizing: border-box;
    padding: 5% 0;
    margin: 2% auto 5% auto;
}
.contacts-form h1 {
    width: auto;
    height: auto;
    font-size: 2.7vw;
    color: #94e6fb;
    font-weight: 900;
    margin: 0 0 2.5vw 0;
    padding: 0;
}
.contacts-form h2 {
    width: auto;
    height: auto;
    font-size: 1.7vw;
    color: #ffffff;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
.contacts-form form {
    width: 100%;
    height: auto;
    text-align: left;
    margin-top: 10%;
}
.contacts-form input[type=text] {
    width: 100%;
    height: auto;
    color: #ffffff;
    padding: 15px 0 15px 15px;
    text-align: left;
    font-size: 1.1vw;
    border-bottom: 1px solid #94e6fb;
    background: transparent;
    box-sizing: border-box;
}
.contacts-form input[type=submit]  {
    width: 100%;
    height: auto;
    color: #94e6fb;
    background-color: rgba(2, 22, 39, 0.7);
    border: 1px solid #60bdd4;
    padding: 2.3% 0;
    margin: 5% 0 0 0;
    cursor: pointer;
    text-align: center;
    font-size: 1.3vw;
    font-weight: 600;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.contacts-form input[type=submit]:hover {
    background-color: rgba(1, 11, 19, 0.8);
}
input[type=button] {
    width: 100%;
    height: auto;
    color: #0fb9b0;
    /* color: #0ea49d; */
    /* background-color: rgba(23, 64, 69, 0.7); */
    background-color: rgba(38, 65, 69, 0.7);
    padding: 1.5% 0;
    margin: 5% 0 0 0;
    text-align: center;
    font-size: 1.3vw;
    font-weight: 600;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #0d948d;
    font-family: 'Mulish', sans-serif;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
input[type=button]:hover  {
    background-color: rgba(16, 46, 50, 0.8);
}
.input-set {
    width: 100%;
    height: auto;
    position: relative;
    box-sizing: border-box;
}
.input-set label {
    color: #67c4db;
    font-size: 1.1vw;
    opacity: 0.8;
    position: absolute;
    left: 0;
    top: 0;
    padding: 15px 0 15px 15px;
    pointer-events: none !important;
    -webkit-pointer-events: none !important;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.forms-format:focus ~ label, .forms-format:not(:focus):valid ~ label {
    transform: translateY(-53%);
    -webkit-transform: translateY(-53%);
    font-size: 0.9vw;
    opacity: 0.6;
 }
.error-cont-p {
    font-size: 1.1vw;
    font-weight: 400;
    color: #ff6c6c;
    padding-left: 15px;
 }
.info-cont-p {
    font-size: 1.1vw;
    font-weight: 400;
    color: #48dd86;
    padding-left: 15px;
 }
.info-cont-p span {
    font-size: 1.2vw !important;
    font-weight: 600 !important;
    color: #ff6c6c !important;
 }
.info-p {
    font-size: 1.1vw;
    font-weight: 400;
    color: #48dd86;
 }
.info-p span {
    font-size: 1.2vw !important;
    font-weight: 600 !important;
    color: #ff6c6c !important;
 }
.done-req-p {
    width: 100%;
    height: auto;
    font-size: 2.1vw;
    font-weight: 900;
    color: #94e6fb;
    padding: 2% 0 6% 0;
    opacity: 0.8;
    box-sizing: border-box;
 }
.to-home {
    width: 100%;
    height: auto;
    font-size: 1.3vw;
    font-weight: 400;
    color: #94e6fb;
    background-color: rgba(2, 22, 39, 0.7);
    padding: 2% 7%;
    border: 1px solid #94e6fb;
    text-decoration: none;
 }
}

/* --- mobile phones --- */

@media only screen and (max-width: 980px) {
    body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: 'Mulish', sans-serif;
    cursor: default;
    background-color: #03243f;
}
.body-bg::after {
    content: "";
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: -9;
    pointer-events: none !important;
    -webkit-pointer-events: none !important;
    background-image: url(../image/body-bg.jpg?v=9954);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
}
.sun-bg::after {
    content: "";
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: -8;
    pointer-events: none !important;
    -webkit-pointer-events: none !important;
    background-image: url(../image/sun-oc.gif?v=9958);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0.3;
    filter: grayscale(10%);
    mix-blend-mode: soft-light;
}
.forms-format {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: none;
    font-family: 'Mulish', sans-serif;
}
.contacts-form {
    width: 90%;
    height: auto;
    text-align: left;
    padding: 10% 0;
    margin: 8% 5% 0 5%;
}
.contacts-form h1 {
    width: auto;
    height: auto;
    font-size: 6.5vmin;
    color: #94e6fb;
    font-weight: 900;
    margin: 0 0 6vw 0;
    padding: 0;
}
.contacts-form h2 {
    width: auto;
    height: auto;
    font-size: 4.5vmin;
    color: #ffffff;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
.contacts-form form {
    width: 100%;
    height: auto;
    text-align: left;
    margin-top: 10%;
}
.contacts-form input[type=text] {
    width: 100%;
    height: auto;
    color: #ffffff;
    padding: 15px 0 15px 10px;
    text-align: left;
    font-size: 3.8vmin;
    border-bottom: 1px solid #94e6fb;
    background: transparent;
    box-sizing: border-box;
}
.contacts-form input[type=submit] {
    width: 100%;
    height: auto;
    color: #94e6fb;
    background-color: rgba(2, 22, 39, 0.7);
    border: 1px solid #60bdd4;
    padding: 0.8rem 0;
    margin: 5% 0 0 0;
    cursor: pointer;
    text-align: center;
    font-size: 5vmin;
    font-weight: 600;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.contacts-form input[type=submit]:hover {
    background-color: rgba(1, 11, 19, 0.8);
}
input[type=button] {
    width: 100%;
    height: auto;
    color: #0fb9b0;
    background-color: rgba(38, 65, 69, 0.7);
    padding: 1.5% 0;
    margin: 5% 0 0 0;
    text-align: center;
    font-size: 5vmin;
    font-weight: 600;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 1px solid #0d948d;
    font-family: 'Mulish', sans-serif;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
input[type=button]:hover  {
    background-color: rgba(16, 46, 50, 0.8);
}
.input-set {
    width: 100%;
    height: auto;
    position: relative;
    box-sizing: border-box;
}
.input-set label {
    color: #67c4db;
    font-size: 4vmin;
    opacity: 0.8;
    position: absolute;
    left: 0;
    top: 0;
    padding: 15px 0 15px 10px;
    pointer-events: none !important;
    -webkit-pointer-events: none !important;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.forms-format:focus ~ label, .forms-format:not(:focus):valid ~ label {
    transform: translateY(-53%);
    -webkit-transform: translateY(-53%);
    font-size: 3.5vmin;
    opacity: 0.6;
 }
.error-cont-p {
    font-size: 4.5vmin;
    font-weight: 400;
    color: #ff6c6c;
    padding-left: 10px;
 }
.info-cont-p {
    font-size: 4vmin;
    font-weight: 400;
    color: #48dd86;
    padding-left: 10px;
 }
.info-cont-p span {
    font-size: 4.5vmin !important;
    font-weight: 600 !important;
    color: #ff6c6c !important;
 }
.info-p {
    font-size: 4vmin;
    font-weight: 400;
    color: #48dd86;
 }
.info-p span {
    font-size: 4.5vmin !important;
    font-weight: 600 !important;
    color: #ff6c6c !important;
 }
 .done-req-p {
    width: 100%;
    height: auto;
    font-size: 5.3vmin;
    font-weight: 900;
    color: #ffffff;
    padding: 2% 0 6% 0;
    opacity: 0.8;
    box-sizing: border-box;
 }
 .to-home {
    width: 100%;
    height: auto;
    font-size: 5.3vmin;
    font-weight: 600;
    color: #94e6fb;
    background-color: rgba(2, 22, 39, 0.7);
    padding: 3% 7%;
    border: 1px solid #94e6fb;
    text-decoration: none;
 }
}