.site-index-1 {background-image: url(/images/home/carousel/01AK555.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-2 {background-image: url(/images/home/carousel/01AK573.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-3 {background-image: url(/images/home/carousel/01AK801.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-4 {background-image: url(/images/home/carousel/01ALF020.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-5 {background-image: url(/images/home/carousel/01ALF641.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-6 {background-image: url(/images/home/carousel/01ALT040.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-7 {background-image: url(/images/home/carousel/01AT077.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-8 {background-image: url(/images/home/carousel/01ALT108.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-9 {background-image: url(/images/home/carousel/01AT713.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-10 {background-image: url(/images/home/carousel/01CC122.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-11 {background-image: url(/images/home/carousel/01CD938.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-12 {background-image: url(/images/home/carousel/01CF072.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-13 {background-image: url(/images/home/carousel/01CF075.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-14 {background-image: url(/images/home/carousel/01CF076.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-15 {background-image: url(/images/home/carousel/01CF077.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-16 {background-image: url(/images/home/carousel/01DIB057.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-17 {background-image: url(/images/home/carousel/01DIB085.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-18 {background-image: url(/images/home/carousel/01DIB104.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-19 {background-image: url(/images/home/carousel/01DIB162.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-20 {background-image: url(/images/home/carousel/01DIB239.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-21 {background-image: url(/images/home/carousel/01DIB426.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-22 {background-image: url(/images/home/carousel/01DIB516.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-23 {background-image: url(/images/home/carousel/01DIB553.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-24 {background-image: url(/images/home/carousel/01DIB684.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-25 {background-image: url(/images/home/carousel/01EM657.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-26 {background-image: url(/images/home/carousel/01SD132.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-27 {background-image: url(/images/home/carousel/01SDM676.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-28 {background-image: url(/images/home/carousel/01WT417.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-29 {background-image: url(/images/home/carousel/01ZK086.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
.site-index-30 {background-image: url(/images/home/carousel/01ZK122.webp); height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: 100% 100%;}
* { margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; }
.main-container { background-color: RGBA(0, 0, 0, 0.5); width: 50%; margin-left: 25%; margin-top: 100px; }
.navbar {background-color: transparent; width: 100%; height: 3.5rem; }
.logo-img { width: 40%; margin-top: 70px; height: 9rem; align-items: center; display: flex; justify-content: center; margin-left: 30%; margin-right: 30%;}
.body-content { align-items: center; display: flex; justify-content: center; margin-top: 60px; width: 50%; margin-left: 25%}
.form-container {display: flex; justify-content: center; flex-direction: column; padding: 15px; margin-top: -60px;}
.required { color: red; font-weight: inherit !important;  display: inline;}
label { display: inline-block; max-width: 100%; margin-bottom: 5px; align-items: flex-start; font-weight: 500; font-size: 17px; color: #f9f9f9; font-weight: inherit !important; }
.input-control { width: 550px; max-width: 550px; padding: 6px 12px; font-size: 14px; border-radius: 4px; line-height: 1.42857143; border: 1px solid #ccc; margin-bottom: 0.5rem; background-color: white;}
.error-login { color: red; font-weight: normal; text-decoration: none; list-style: none; }
.input-control:-webkit-autofill{ -webkit-box-shadow: 0 0 0 30px white inset; }
textarea:focus, input:focus, select:focus { border: 1.8px solid #424a4d; outline: none; } 
.form-group { display: flex; justify-content: center; align-items: center; margin-top: 1.5rem; }
.submit-button { background-color: #ffbd11; color: black; width: 20rem;  height: 3rem; border-color: transparent; border-radius: 5px; font-weight: bold; }
.submit-button:hover { cursor: pointer; border: none; background-color: #ffcb44; }
@media (max-width: 1024px) { 
    .main-container { width: 70%; margin-left: 15%; }
    .input-control { width: 500px; }
}
 @media (max-width: 769px) {
    .main-container { width: 85%; margin-left: 7.5% }
}
 @media (max-width: 541px) {
    .main-container { width: 80%; margin-left: 10% }
    .input-control { width: 400px; }
}
 @media (max-width: 416px) {
    .logo-img { margin-top: 25px; }
    .input-control { width: 230px; }
    .body-content { margin-top: 80px; }
    .main-container { width: 95%; margin-left: 2.5% }
}
 @media (max-width: 390px) {
    .logo-img { margin-top: 20px; }
    .input-control { width: 270px; }
    .main-container { width: 95%; margin-left: 2.5% }
}
 @media (max-width: 300px) {
    .input-control { width: 200px; }
    .main-container { width: 95%; margin-left: 2.5% }
}
.file-caption-name:not(.file-caption-disabled) {
    background-color: #fff !important;
}