.modal.fade {
    z-index: 10000000 !important;
}
#brakDostepu{
  background-color:rgba(0, 57, 92, 0.7);
  background-image: url(img/seg-sygnet.svg) ;
  background-position: right center;
  background-size:contain;
  background-repeat:no-repeat;
}
.modal-shadow{
  box-shadow: 0px 10px 10px 0px rgba(0,58,93,0.2);
}
.modal-content{
  border-radius:0;
  border:none;
}
.modal-dialog {
  font-family:"Lato", sans-serif;
  padding:20px;
}
.modal-left-side{
  background: linear-gradient(180deg, #000046, #1CB5E0 100%);
  padding:30px;
  color:#fff;
  text-align:Center;
}
.modal-right-side{
  background: #fff;
  padding:30px;
  color:#fff;
  text-align:Center;
  color:#003A5D;
}
.modal-left-side p{
  font-size:22px;
  font-weight:400;
  margin-bottom:15px;
}
.modal-left-side img{
  width:100px;
}
.modal-left-side a{
  display:block;
  margin-top:15px;
  padding:8px 30px;
  border:2px solid #fff;
  width:180px;
  border-radius:3px;
  margin:20px auto 0 auto;
  font-size:13px;
  transition: 0.3s;
  color:#fff;
}
.modal-left-side a:hover{
  background:#fff;
  color:#003A5D;
  text-decoration: none;
}
.modal-lock{
  width:30px;
  margin-bottom:20px;
  margin-left:15px;
}
.modal-tekst{
  font-size: 20px;
  font-weight: 700;
}
.modal-zaloguj-sie{
  display:block;
  margin-top:15px;
  padding:8px 30px;
  background:#003A5D;
  color:#fff!important;
  border:2px solid #003A5D;
  width:160px;
  border-radius:3px;
  margin:20px auto 0 auto;
  font-size:13px;
  transition: 0.3s;
  color:#003A5D;
}
.modal-zaloguj-sie:hover{
  background:#fff;
  color:#003A5D!important;
  text-decoration: none;
}
.modal-subtext{
  font-size:16px;
  font-weight:400;
  margin-top:15px;
  margin-bottom:0;
}
.modal-subtext a{
  font-weight:700;
  color:#003A5D;
}
.modal .close{
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 30px;
  color: #003A5D;
  opacity: 1;
  transition: 0.3s;
  z-index: 9;
}
.modal-subtext a:hover{
  text-decoration: underline;
}
.modal-center-content{
  font-size: 20px;
  font-weight: 400;
  padding:50px 20px;
  color:#003A5D;
}
.modal-center-content img{
  width:40px;
  display:block;
  margin:10px auto 30px auto;
}
.modal-center-content img.modal-porada-img{
  margin-top:30px;
}


@media (min-width: 576px){
.modal-dialog {
    max-width: 950px;
}
.modal-tekst{
  font-size: 24px;
  font-weight: 700;
  margin-bottom:10px;
}
.modal-zaloguj-sie{
  margin-top:25px;
  margin-bottom:10px;
}
.modal-left-side{
  padding:90px 30px;
}
.modal-center-content{
  font-size: 24px;
  padding:90px 30px;
}
}