#swiper-login { position: absolute; left: 0px; top: 55px; width:100%; height:auto; }                       
#swiper-login .swiper-container { width: 100%; height: 100%; border-bottom: 40px solid #dadada; }
#swiper-login .swiper-pagination { margin-top: -85px; width: 100%; }
#swiper-login .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0px 5px; background-color: #FFFFFF; }
#swiper-login .swiper-container img.overfill_bg  { max-height: 450px; min-height: 150px; width: 100%; background: no-repeat center / contain; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-size: cover; }
#swiper-login .swiper-button-next, #swiper-login .swiper-button-prev { background-image: none !important; font-size: 24px; }
#swiper-login .swiper-slide { position: relative;  }
#swiper-login .swiper-slide .swiper-slide-text { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font-size: 26px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; overflow: hidden; opacity: .9; text-shadow: 2px 2px 3px rgba(0, 0, 0, 1); }

#swiper-login #box-login { position: relative; top: -25px; margin-left: 100px; margin-right: 100px; z-Index: 10; min-height: 50vh; }
#swiper-login #box-login .login-panel { width: 40%; max-width: 370px; float: right; }
#swiper-login #box-login .login-text { width: 60%; padding-top: 60px; padding-right: 20px; float: left; }
#swiper-login #box-login .login-text h3 { border: none; }

@media (max-width:768px){
    #swiper-login #box-login .login-panel { width: 100%; float:none; margin-left: auto; margin-right: auto;}
    #swiper-login #box-login .login-text { width: 100%; padding-top: 0px; float:none; }
    #swiper-login .swiper-slide .swiper-slide-text { font-size: 20px; }
}

@media (max-width:576px){
    #swiper-login #box-login { margin-left: 20px; margin-right: 20px; font-size: 12px; }
    #swiper-login #box-login .login-text h3 { font-size: 20px; }
    #swiper-login .swiper-slide .swiper-slide-text { font-size: 16px; }
    #swiper-login .swiper-button-next, #swiper-login .swiper-button-prev { display: none; }
    #swiper-login .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0px 3px; }
}

.progress-bar { 
    color: #FFFFFF; 
    text-shadow: 1px 1px #000000;
} 
/* 
.navbar-brand {
    padding: 5px 5px; 
} 
*/