@charset "utf-8";
/* CSS Document */
.clearfix:after, before{content: ""; display: block; clear: both; visibility: hidden;}
.clearfix{zoom:1;}
html[xmlns] .clearfix{display: block;}
* html .clearfix{height: 1%;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #393939 !important; opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #393939 !important; opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #393939 !important; opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
    color: #393939 !important; opacity: 1;
}
li, a{
    -o-transition: color .2s ease-out, all .3s ease-in;
    -ms-transition: color .2s ease-out, all .3s ease-in;
    -moz-transition: color .2s ease-out, all .3s ease-in;
    -webkit-transition: color .2s ease-out, all .3s ease-in;
    transition: color .2s ease-out, all .3s ease-in;}
/********************* Clearfix ************************/
*{margin:0; padding:0;}
input{outline: 0 !important;}
ul{list-style-type: none; padding: 0; margin: 0;}
a:hover, a:focus{text-decoration: none !important; outline: 0 !important;}
button:focus{outline: 0 !important}

/* F6FBFF */
body{color: #393939 !important; font-size: 16px !important; font-family: 'Roboto', sans-serif; !important;}
body.inner_body{background: url(../images/spalsh-bg.jpg)no-repeat;}
/* body.splash_page{background: url(../images/splash-outer.jpg)no-repeat;} */

body.splash_page{background: url(../images/splash-outer.jpg)no-repeat;}
body.garage{overflow: hidden}
.splash_para, .splash_para a{
    text-align: center;
    margin-top: 2%;
}
.thank_popup{
    display:none;
}
.contactus{
    color: #FF0000;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 12px;
    border: 1px solid #000;
    margin-right: 2rem;
    padding: 10px;
    padding-right: 10px;
    padding-right: 2rem;
    width: 100%;
    color: #353434;
    outline: none;
}
.form-control:focus{box-shadow: inherit !important;}

/* header */


/* header end*/
.melco-logo{width: 210px}
.header_main{margin-bottom: 30px;font-size: 18px;font-weight: 700; line-height: 35px;}
.main-aria{position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.login_box{height: 100%;background: #fff;background-position: center;    background-size: 100%;}
.login_box.welcome_box.success{background: #fff}
.login_box h3{margin-bottom: 3rem;text-transform: capitalize;color: #e91e23;}
.login_box h3 span{color: #808285;}
.login_box .form-control.form-control-lg{border-color: #444444;border-radius: 0;height: 50px;margin-bottom: 16px;}
.btn.login_btn{background: #000000;border-radius: 0;padding: 8px 45px;color: #fff;font-size: 19px; border: solid 2px #000000;}
.btn.login_btn:hover{background: transparent;color: #000;}
.bg_div{position: relative}
.bg_img{height: 100vh; object-fit: cover;}
.login_box.welcome_box{padding: 40px 40px !important;}
.login_box.welcome_box{padding: 40px 40px !important;}
hr.underline{margin: 30px 40px;}
.custom-checkbox.melco_check{margin: 0;padding: 12px 36px;height: 50px; background: #F2F2F2;text-align: left;}
.custom-control-input:checked ~ .custom-control-label::before {color: #fff;border-color: #ed1b2e !important; background-color: #ed1b2e !important;}

.login_box.welcome_box.thank_you{padding: 50px 40px !important;}
.thank_you h2{text-transform: uppercase; font-weight: 800;color: #000}
.thank_you p{font-size: 20px;}
.splash_box img{border-radius: 12px;}
body.splash_page.thank_you {
    background: url(../images/thankyou-bg.png)no-repeat;
}
.splash_inner p{font-size: 15px}
.login_box.welcome_box.splash_inner  {
    padding: 40px 40px !important;
}

@media (max-width: 1900px){
    .top_header{position: relative;}
    .login_box.p-5{padding: 1rem 2rem 0.5rem !important;}
}
@media (min-width: 1500px){
    body.splash_page{background-size: 100%;}


}

@media (max-width: 1500px){
    .main-aria {
        position: relative;
        top: 0px;
        transform: inherit;
        width: 100%; margin: 20px 0;
    }
    .login_box.welcome_box {
        padding: 30px 40px !important;
    }

}
@media (max-width: 1199px){

    .login_box .form-control.form-control-lg{height: 40px}
    .melco-logo{width: 180px}
}
@media (min-width: 991px){
    body.splash_page.thank_you {
        background-size: 100%;
    }
}
@media (max-width: 991px){

}
@media (max-width: 767px){

}
@media (max-width: 575px){
    .login_box.p-5{padding: 1rem !important;}
}

@media (max-width: 479px){
    .login_box h3 {margin-bottom: 10px;font-size: 20px;}
    .login_box h4 {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 28px;
    }
    .login_box .form-control.form-control-lg {height: 36px;font-size: 14px;}
    .tt-logo{width: 200px !important;padding: 10px}
    .login_box .form-control.form-control-lg {margin-bottom: 16px;}

    button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
        cursor: pointer;
    }
    .btn.login_btn {padding: 5px 37px;font-size: 15px;}
    .login_box.welcome_box.splash_inner {padding: 25px 40px !important;}
}
@media (max-width: 359px){
    .login_box h3 {margin-bottom: 0px;}
    .tt-logo {width: 175px !important;}
    .login_box .form-control.form-control-lg {margin-bottom: 8px;}
}