/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript,
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(images/loader-64x/Preloader_2.gif) center no-repeat #fff;
}

body {
  padding-top: 24px;
}

footer.footer {
  padding-bottom: 4rem;
}
.capitalise {
    text-transform: uppercase;
}

@media (min-width: 992px) {
  body {
    padding-top: 26px;
  }
}
.border{
  border-color: #B4B1AB;
}

a:hover
{
  text-decoration: none;
}
.grey-text, a
{
  color: #B4B1AB !important;
}

.red-text, a:hover
{
  color: #B20000 !important;
}
 button:hover
 {
   background-color: #B20000;
   color:white;
 }
.dark-grey-text
{
  color: #696763;
}
.icon-flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}
.grey-background
{
    background-color: #B4B1AB;
}
.red-background
{
    background-color: #B20000;
}
footer{
  background-color: #B4B1AB;

}
.card-img-top {

}

h4, .centre {
    overflow: hidden;
    text-align: center;
}
h4:before,
h4:after {
    background-color: #B4B1AB;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
h4:before {
    right: 0.5em;
    margin-left: -50%;
}
h4:after {
    left: 0.5em;
    margin-right: -50%;
}
.btn-outline-secondary{
    border-color: #B4B1AB;
}

.btn-outline-secondary:hover{
    background-color: #fff;

}

.carousel-indicators li {
  background: #B4B1AB;
}

.carousel-indicators li.active {
    background: #B20000;
}

.active{
  background-color: rgb(233,236,239);
  color: #B20000 !important;
}


.form-control::placeholder {

    color: #b20000 !important; 
    opacity: 1;

}