body {
    font-family: 'Signika', sans-serif;
 }
 .bg-grey {
    background: #242C4D;
    padding-top: 4%;
    padding-bottom: 2%;

 }
 footer {
        color:#242C4D;
 }
 footer p, a {
    color: #fff;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}
footer h4{
    color: #FFF;
    font-family: 'Playfair Display', serif;
    margin-bottom: 40px;
    position: relative;
}
/* .container-fluid .col-md-12 .col-md-3 img{
    width: 50%;
} */
.container-fluid .col-md-6 .col-md-4 ul, a{
    color: #FFF;
}
.m-footer__copyright{
    color: #FFF;
}
 .btn-footer {
    color:#FFF;
    text-decoration: none;
    border: 1px solid;
    border-radius: 5px;
    font-size: 13px;
    padding: 7px 30px;
    line-height: 47px;
 }
 .btn-footer:hover {
            
            text-decoration: none;
            background: #e62f4a;
            border: none;
            color: #242C4D;
           
 }
.copyright{
    padding-top: 2%;
    padding-bottom: 2%;
}

.rs a {
    margin: 0 1rem;
}

 .social .fa {
color: grey;
font-size: 22px;
padding: 10px 15px;
background: #3c3c3c;
}
 footer ul li {
list-style: none;
display: block;
}
footer ul  {
padding-left: 0;
}
footer ul  li a{
text-decoration: none;
color: white;
text-decoration:none;
}
a:hover {
text-decoration: none;
color: #f5f5f5 !important;

}
.logo-part {
border-right: 1px solid #FFF;
border-left: 1px solid #fff;
}

.col-md-3 .btn-footer{
    font-size: 20px;
    padding: 0px 20px 0px 20px;
}
.social .fab{
    color: #FFF;
}
/*
   Multicoloured Hover Variations
*/

.social .fab fa-facebook-f:hover {
    color: #3B5998;
}
.social .fab fa-twitter:hover {
    color: #4099FF;
}
#social-gp:hover {
    color: #d34836;
}
#social-em:hover {
    color: #f39c12;
}

#loader {
    position: fixed;
    display: none;
    left: 50%;
    top: 50%;
    z-index: 201;
    width: 120px;
    height: 120px;
    margin: -76px 0 0 -76px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
  
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 200; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

/*
   Version Mobile 
*/

@media (max-width: 767px) and (min-width: 320px) {

    .logo-part {
        border-right: 0px solid #FFF;
        border-left: 0px solid #FFF;
    }

}