/*GENERAL STYLING*/
p{
    font-size:16px;
    font-family:'Fira Sans', serif;
}
a:hover{
    cursor:pointer!important;
}
h1,h2,h3,h4{
    font-family:'Fira Sans', serif;
}
.button-elektrikal:hover{
    background-image: linear-gradient(to right,#9E005D,#3A0368);
    color:white!important;
}
.about-social {
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 10px;
}
.about-social:hover {
   background-image: linear-gradient(to right,#9E005D,#3A0368);
    color: white!important;
    cursor: pointer;
}
/*-------------------------NAVBAR-------------------------*/
.bg-light {
    /*background-color: #fff;*/
}
@media (min-width: 992px){
    .navbar-expand-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
    .navbar-expand-lg .navbar-collapse {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
        .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0!important;
    }
    .mt-lg-0, .my-lg-0 {
        margin-top: 0!important;
    }
}
.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem;
    padding-top: 12px;
}
.navbar-light .navbar-brand {
    color: rgba(255,255,255);
}
.navbar-brand {
    display: none;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}
.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.navbar-light .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1);
}
.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.collapse {
    display: none;
}
.mr-auto, .mx-auto {
    /*margin-right: auto!important;*/
}
.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    /*margin-bottom: 0;*/
    list-style: none;
    margin-left: auto;
    margin-top: 18px;
    margin-bottom: 1px;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0,0,0,.9);
}
.navbar-light .navbar-nav .nav-link {
    color: #000;
}
.dropdown, .dropup {
    position: relative;
}
 .nav-item{
     margin-left:10px;
 }
.navbar-nav>li>a {
    padding: 20px 12px;
    line-height: 2px;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
    font-weight:400;
    margin-left:0px;
    color:#FFF;
    
}
.navbar-nav>li>a:hover {
    text-decoration:none!important;
    border-bottom:1px solid white;
    color:white!important;
    
}
.navbar-nav>li>a:active{
    text-decoration:none!important;
}
.navbar-nav > .active > a { background-color: rgb(231,169,32) ; 
    color:white!important;
}
.header-section {
    height: 1vh!important;
    position: fixed!important;
    top: 10px; 
}
@media(max-width:768px){
    .mobile-no-margin{
        margin:0px!important;
    }
    .mobile-no-padding{
        padding:0px!important;
    }
    .mobile-text{
        font-size:28px!important;
    }
    .mobile-center{
        text-align:center!important;
    }
    .header-section {
        height: auto!important;
    }
    .nav-item{
        margin-top:3px;
        margin-bottom:3px;
        text-align:center;
        margin-left:0px!important;
    }
    .appservicelink1{
        width:100%;
        margin-top:5px;
    }
    .navbar-collapse{
        padding-left:0px!important;
        box-shadow:none!important;
    }
    .elektrikal-btn{
        float:none!important;
        margin:auto!important;
    }
    .cont1{
        margin-top:-30px!important;
    }
    #navbarSupportedContent{
        margin-top:-72px;
    }
    .nav-item.navitam1{
        margin-top:5px!important;
        margin-bottom:3px!important;
        padding:2px 6px!important;
    }
    #hr-header{
        display:none;
    }
    .navbar-toggler{
            margin-top: -165px;
    /* float: right; */
    margin-left: auto;
    }
    .numbers-mobile{
        margin-top:-10px;
    }
    .numbers-h3{
        padding-top:10px;
        margin-bottom:25px;
    }
    .navbar-nav>li>a:hover{
        border-bottom:0px!important;
    }
    .navbar-nav>li>a {
        padding: 2px 3px!important;
        line-height: 0.5px!important;
        font-size: 14px!important;
    }
    .navbar{
        padding-top:0px!important;
    }
    .navbar-nav{
        margin-top:0px!important;
    }
    .rowheader1{
        height:auto;
    }
    .headerimg{
        float:left;
        width:120px!important;
    }
}
/*---------------------------*/
/*HR HEADER STYLING*/
hr#hr-header{
    border-top:3px solid white;
    width:95%;
    margin:auto!important;
}
.navlink1:hover{
    background-color:#0c0567!important;
    color:#fff!important;
    border-color:#00FFFF!important;
}
/*--------------------------*/
/*CONTACT*/
.form-control.elektrikal{
    border:1px solid transparent;
    border-radius:20px;
    background-color:rgba(255,255,255,0.1);
     box-shadow: 1px 1px 2px #fff;
}
.form-control.elektrikal:hover{
     background-image: linear-gradient(to right,#9E005D,#3A0368);
     
     cursor:pointer;
    
}
input:focus::-webkit-input-placeholder {
    color:white!important;
}
input:focus::-moz-placeholder {
    color: white!important
}
textarea:focus::-webkit-input-placeholder {
    color:white!important;
}
textarea:focus::-moz-placeholder {
    color: white!important
}
.form-control.elektrikal:focus{
    
}
.elektrikal-btn{
    padding:21px 24px;
    width:50%;
    background-color:white;
    color:rgb(12,8,55);
     box-shadow: 1px 1px 2px #fff;
     margin:auto;
}
.elektrikal-btn:hover{
    background-image: linear-gradient(to right,#9E005D,#3A0368);
    transition: background-color 1s ease-in;
    color:white!important;
}

/*--------------------------*/
/*FOOTER STYLING*/
.social-footer {
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 10px;
}
.social-footer:hover {
    background-image: linear-gradient(to right,#9E005D,#3A0368);
    color: white!important;
    cursor: pointer;
}
.footer-text {
font-family: fira sans;
font-size: 18px;
}
/*--------------------------*/