/* ENTIRE DOCUMENT */
/*     font-family: 'Montserrat', sans-serif;

    font-family: 'Open Sans', sans-serif;

    font-family: 'Roboto', sans-serif; */


*{
    /* margin:0; */
    padding:0;
    font-family: 'Roboto', sans-serif;
    
    
}
.body{
    
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;

}
/* NAV BAR */
#nav-bar{
    position: sticky;
    top:0;
    z-index: 10;
}
.navbar-brand img{
    height: 40px;
    padding-left: 30px;
}
.navbar-nav li{
    padding: 0 10px;
}
.navbar-nav li a{
    float: right;
    text-align: left;
}
#nav-bar ul li a:hover{
    color: rgba(255, 0, 0, 0.931)!important; 
}
.navbar{
    background: rgba(82, 82, 82, 0.63);
}
.navbar-toggler{
    border: none!important;
}
.nav-link{
    color: #555!important;
    font-weight: 600;
    font-size: 16px;
}
.dropdown-menu {
    /* dropdown menu */
}

/* SLIDER */
.carousel-item{
    size: 75%;
}

/* SERVICES */

#services{
    text-align: center;
    background: silver!important;
    color:rgb(31, 31, 31);
    

}

.featurette-heading{
    font-weight: 1000!important;
}
.featurette-heading::after{
    content: '';
    background: rgba(58, 58, 58, 0.705);
    display: block;
    height: 3px;
    width: 170px;
    margin: 5px auto;
}
.featurette{
    padding-left: 10px;
    padding-right: 10px;
}
.icon
{
    font-size: 40px;
    margin: 20px auto;
    padding: 20px;
    height: 80px;
    border: solid 2px;
    border-radius: 30px;
}
.big-logo{
    border-radius: 10px;
}
.btn .btn-secondary{
    border-radius: 30%;
    background: rgba(59, 59, 59, 0.39)!important;
}
.btn .btn-secondary:hover{
    font-weight: 600;
    font-size: large;
    border-radius: 30%; 
}
/* ABOUT */
#about{
    text-align: center;
    background: silver!important;
    color:rgb(31, 31, 31);

}

/* CCTV AND SECURITY */
#cctv-and-security{
    text-align: center;
    background: silver!important;
    color:rgb(31, 31, 31);
}

/* ICT */
#ict-solutions{
    text-align: center;
    background: silver!important;
    color:rgb(31, 31, 31);
}

/* CONTACT */
#contact{
    background: silver!important;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #777;
}
#contact-us{
    text-align: center;
}
#contact-us::after{
    content: '';
    background: rgba(58, 58, 58, 0.705);
    display: block;
    height: 3px;
    width: 170px;
    margin: 5px auto;
}
.contact-form{
    padding: 15px;
}
.form-control{
    border-radius: 0!important;
    border: none!important;
}
::placeholder{
    color: #999!important;
}
.follow{
    background: #fff;
    padding: 10px;
    margin: 15px;
}
/* FOOTER */
#footer
{
    background-color: black;
    color: rgba(30, 255, 0, 0.568)!important;
    padding: 12px;
}
.footer{
    height: 100%;
    width: 100%;
    color: #fff;
}
.footer a{
    color: rgba(10, 253, 10, 0.856);
}