body{
    padding:0;
    margin:0;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    position: relative; 
    background: #ffffff; 
    font-size:12px;
    height: 100vh;
    width: 100vw;
}
body, body *{
    box-sizing: border-box;
}

body .bg-danger{ background-color : #b81e1e !important; }

body a{
    color: #d50513;
    text-decoration: none;
}

.guestarea{
    position: relative;
    background-color: #d50513;
}

.guestarea:before{

    content:" ";
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    background-image:  url('../images/login-digital-background.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .3;

}

form select.form-control{
    background-image: url("data:image/svg+xml;utf8,<svg style='opacity:.7' 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: 3px;
}

.guestarea .form-group .form-control{ font-size:13px; }
.guestarea .form-group label{ font-size:13px; }
.guestarea .form-check label{ font-size:13px; }
.guestarea a{ font-size:13px; }
.guestarea p{ font-size:13px; }


.login-wrapper{
    position: relative;
    z-index: 2;
    width:100%;
}

.login-wrapper > .row{
    display: flex;
    flex-wrap: wrap;
}

.login-wrapper > .row > [class*='col-']{
    display: flex;
    flex-direction: column;
}

.login-wrapper input.form-control{
    font-size:13px;
    padding:12px 16px;
}

.login-form .card{
    border-radius: 40px
}

.guestarea .logo{
    max-height: 150px;
}

.slide-container{

    width:100%;
    height: 100%;
    
}

.slide-container .swip-slider{
    position: relative;
    border-radius: 40px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.slide-container .slick-dotted{ margin-bottom: 0; }
.slide-container .slide-login{ height:100%; }
.slide-container .slick-list{ height:100% !important; }
.slide-container .slick-track{ height:100%; }
.slide-container .slick-slide{ height:100%; }
.slide-container .slick-slide > div{ height:100%; }
.slide-container .slick-slide .loginslide{ width:100%;height:100%; }
.slide-container .slick-slide .slidecontent{ height:100%; position: relative; }
.slide-container .slick-slide img{ width:100%; height:100%; object-fit: cover;  position: absolute; }
.slide-container .slick-slide .videocontainer iframe{ background-color:#fff ; width:100%; height:100%; }
.slide-container .videocontainer{ width:720px; height: 640px; background-color: #fff; border-radius:42px; border:1px solid #fff; padding:79.76% 0 0 0; position:relative; overflow: hidden; }

.swip-slider .video-start{
    transition: .4s ease all;
    cursor: pointer;
    position: absolute;
    z-index: 2;
    top:calc(50% - 50px);
    left:calc(50% - 50px);
    background-color: rgba(255,255,255, .8);
    border-radius: 50px;
    width:100px;
    height: 100px;
    text-align: center;
    font-size:40px;
    line-height: 98px;
    color:#444;
}
.swip-slider .video-start:before{
    margin-left:5px;
}
.swip-slider .video-start:hover{
    box-shadow: 0 0 10px #444;
}

.slick-dots{ bottom:15px; }
.slick-dots li button:before{  content:""; opacity:1 !important; border:1px solid #b81e1e !important; border-radius: 50%; width:14px; height: 14px; background:#b81e1e !important }
.slick-dots li.slick-active button:before{opacity:1 !important;  background:#fff !important; color:#fff !important; }
.slick-prev{ font-family: "Font Awesome 6 Free"; z-index: 2; left:24px; }
.slick-next{ font-family: "Font Awesome 6 Free"; z-index: 2; right:24px; }
.slick-prev:before { font-family: "Font Awesome 6 Free"; content: "\f053"; color: #c20e1a; font-size: 30px; }
.slick-next:before { font-family: "Font Awesome 6 Free"; content: "\f054"; color: #c20e1a; font-size: 30px; z-index: 2; right:24px; }

.signup-wrapper .left-form {
    /* scrollbar-color: red; */
    position: relative;
    height: 100vh;
    overflow: hidden;
    overflow-y: auto;
}

.signup-wrapper{
    position: relative;
    z-index: 2;
    width:100%;
    overflow: hidden;
}

.signup-wrapper .logo{
    max-height: 125px;
}

.signup-wrapper .first-stage{
    position: relative;
    z-index: 3;
}

.signup-wrapper .waitotherinputs{
    position: fixed;
    width: 50vw;
    height: 100vh;
    z-index: 2;
    background-color: rgba(255,0,0,.02);
    left: 0;
    top: 0;
    cursor: default;
}

.signup-wrapper .second-stage{
    transition: .4s ease all;
    position: relative;
    z-index: 1;
    opacity:.1;
}
.signup-wrapper .second-stage:after{
    content:" ";
    background: #fff;
    opacity: .1;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    z-index: 2;
    cursor: default;
}

.signup-wrapper input.form-control{
    /* font-size:13px; */
    /* padding:6px 16px; */
    padding: .374rem .45rem;
}

.ja_close_round, .ja_close_round_white{
    top:11px;
}


@media (max-width: 991px) {
    .signup-wrapper .waitotherinputs{
        position: fixed;
        width: 100vw;
    }
}