* {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
}

body{
  color: #1d1d1b !important;
}

.container{
    max-width: 800px;
}

a {
    text-decoration: none !important;
}

img{
    max-width: 100%;
    width: 100%;
}
b{
  font-weight: 650 !important;
}

.topbar{
    padding: 10px 0 10px 0;
    background-color: white;
}

.topbar > .col-6 > a{
    color: black;
    font-size: 20px;
    font-weight: 700 !important;
}

.topbar > .col-4 {
    text-align: right;
}

.banner{
    padding: 0 !important;
}

.text-align-center{
    text-align: center;
}

.rectangle{
  position: absolute;
  background-color: #2b4d9c;
  width: 100%;
  height: 4rem;
  margin-top: 50px;
  z-index: -1;
}

input{
    border: 0px !important;
    border-bottom: 1px solid #ccc !important;
}

input:focus, input.form-control:focus {
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.footer{
    background-color: white;
    font-size: 14px;
    color: black;
}

.list-group-item{
    border: 0 !important;
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.2); /* IE */
  -moz-transform: scale(1.2); /* FF */
  -webkit-transform: scale(1.2); /* Safari and Chrome */
  -o-transform: scale(1.2); /* Opera */
  padding: 10px;
  margin: 0;
}

input[type='checkbox']:checked {
    background-color:#e9543e;
}

/* LOADER CSS */
.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #e9543e;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #e9543e transparent transparent transparent;
  }
  .lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
  }
  @keyframes lds-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

@media (max-width: 540px) {
  :not#tolbar>.col-6{
    width: 100% !important;
    margin-bottom: 20px;
  }

  .rectangle{
    display: none;
  }
}

@media (max-width: 760px) {
  .rectangle{
    display: none;
  }
}