* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, body {
  height: 100%;
  width:100vw;
  background: url(../img/ScnBg.jpeg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*position: relative; 
  z-index: -10;*/
}
body {
    display: flex;
    flex-direction: column;
}
a {
    text-decoration: none;
    color: #272727 !important;
}
#bank a {
    text-decoration: none;
    color: blue !important;
}
.nawBar {
    color: #c6c6c6;
    /* opacity: 0.8; */
}
.content {
  flex: 1 0 auto;
}
.container li {
    /* opacity: 0.8; */
}
.card {
    opacity: 0.8;
}
.container li .content {
    opacity: 1;
}
.main-header {
    height: 10vh;
    display: flex;
    padding: 1rem;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.mobilHidden {
    display: block;
}
.mobilShow {
    display: none;
}
.main-header h1 {
    font-size: 3rem;
    line-height: 1rem;
    margin-bottom: 1rem;
    color: #cdcdcd;
}
.main-header h3 {
    font-size: 2rem;
    color: #ababab;
    line-height: 1rem;
    margin-bottom: 1rem;
}
/* .main-header h1 span {
    color: #efefef;
} */
.main-header p {
    font-size: 1.5rem;
}
input[type="submit"] {
/*    color: white!important;   */
}
.button {
    opacity: 1;
    width: 100%;
    text-align: center;
    background: #0d47a1;
    text-decoration: none;
}
.button:hover {
    opacity: 1;
    width: 100%;
    text-align: center;
    background: #265baa;
    text-decoration: none;
}
.btnContainer .btn-small {
    opacity: 1;
    width: 100%;
    text-align: center;
    margin-bottom: 10x;
    background: #0d47a1;
    text-decoration: none;
    color: #fff !important;
}
.btnContainer .btn-small:hover {
    color: yellow !important;
}
.multiRow {
    margin-bottom: 10px;
}
.jumbotron {
    opacity: 0.9;
    padding: 40px;
    background: white;
    border-radius: 10px;
    margin-bottom: 150px;
}
.largeFont { font-size: 1.4rem;}
.page-footer {
    background-color: #0d47a1;
    opacity: 0.8;
    padding-top: 0;
    flex-shrink: 0;
}
.copyright a {
    color: #898989 !important;
    font-size: 10px;
}
.copyright a:hover {
    color: #bcbcbc !important;
}
.footerBody a {
    color: #cdcdcd !important;
    font-size: 1.1rem;
    /* -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease; */
}
.footerBody a:hover {
    color: #fff !important;
    /* font-size: 1.14rem; */
}
.links p a {
    font-size: 0.9rem;
    /* -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease; */
}
.links p a:hover {
    /* font-size: 1rem; */
}
.links ul li a {
    font-size: 0.9rem;
    /* -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease; */
}
.links ul li a:hover {
    /* font-size: 1rem; */
}
.links p { font-size: 0.9rem; }
@media screen and (max-width: 1100px) {
    .main-header h1 {
        font-size: 2.5rem;
    }
}
@media screen and (max-width: 875px) {
    .main-header h1 {
        font-size: 2.5rem;
    }
    .mobilHidden {
        display: none;
    }
    .mobilShow {
        display: block;
    }
}
@media screen and (max-width: 500px) {
    .main-header h1 {
        font-size: 2rem;
    }
}

.input-field label { color: #000; }
.input-field input[type=text]:focus + label { color: #000; }
.input-field input[type=text]:focus { border-bottom: 1px solid #000; box-shadow: 0 1px 0 0 #000; }
.input-field input[type=text].valid { border-bottom: 1px solid #000; box-shadow: 0 1px 0 0 #000; }
.input-field input[type=text].invalid { border-bottom: 1px solid #000; box-shadow: 0 1px 0 0 #000; }
.input-field .prefix.active { color: #000; }
.dropdown-content { width: max-content !important; height: 200px !important; }
a:link { text-decoration: none !important; }
a:visited { text-decoration: none !important; }
a:hover { text-decoration: none !important; }
a:active { text-decoration: none !important; }
#mailIcon .p1[data-count]:after{
  position:absolute;
  right: 56%;
  top: 20%;
  content: attr(data-count);
  font-size:40%;
  padding: .3em;
  border-radius: 50%;
  line-height: 1.1em;
  color: white;
  background: rgba(255,0,0,.85);
  text-align: center;
  min-width: 1em;
}
.pulse .btn {animation: pulse 1.5s cubic-bezier(0.66, 0.67, 0.83, 0.92) infinite;}
@keyframes pulse {
  0% {
    outline: 1px solid rgba(244,180,48,1); outline-offset: 0;
  }
  30% {
    outline: 1px solid rgba(244,180,48,0.7); outline-offset: 3;
  }
  60% {
    outline: 1px solid rgba(244,180,48,0.5); outline-offset: 6px;
  }
  100% {
    outline: 1px solid rgba(244,180,48,0.2); outline-offset: 9px;
  }
}
@media screen and (max-width: 992px) {
    .sidenav>a {
        padding: 25px 20px;
        font-size: 16px;
    }
}
@media screen and (max-width: 500px) {
    span .mobileFontSize {
        font-size: 12px!important;
    }
}

.text-errors {
    color: red;
    font-weight: bold;
    font-size: 15px;
    
}

.text-errors a:link {
  color: darkorange !important;
}

.text-errors a:visited {
  color: darkorange !important;
}

.text-errors a:hover {
  color: orange !important;
}

.text-errors a:active {
  color: orange !important;
}

.text-infos {
    color: yellow;
    font-weight: bold;
    font-size: 15px;
}

#navDiv span {
    color: red !important;
    font-weight: bold !important;
}

#footerNav span {
    color: red !important;
    font-weight: bold !important;
}

form {
    
}

.modal {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: none;
  overflow: hidden;
  position: fixed;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}