/* ----- header-navbar css ----- */

.shirsa-logo {
    max-width: 180px;
}

.logo-phrase {
    font-size: 18px;
    font-family: 'Rubik-Regular';
}

.nav-bar {
    z-index: 100;
    border: none;
    width: 100%;
    background-color: #fff;
    border-radius: 0px !important;
    border: none !important;
    -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.7);
    margin-bottom: 0px !important;
}

.nav-head {
    margin: 10px 20px;
}

.nav-head>button>.icon-bar {
    background-color: #000 !important;
}

.nav-bar-col {
    margin-top: 47px;
    font-family: 'montserrat';
}

.nav-bar-col>ul>li {
    margin: 0 10px 0 10px;
}

.nav-bar-col>ul>li>a {
    font-size: 18px;
    color: black;
}

.nav-bar-col>ul>li>a:hover
/*        .nav-bar-col>ul>.active>a*/

{
    color: #fff;
    background-color: #e88726 !important;
}

.navbar__active {
    color: #FFFFFF !important;
    background-color: #e88726 !important;
}

.active a {
    color: #fff;
    background-color: #e88726 !important;
}

.sticky {
    position: fixed !important;
    top: 0;
    width: 100%;
}

.sticky + .content {
    padding-top: 102px;
}


/* ----- /header-navbar css ----- */


/* ----- page_footer css ----- */

.page-footer {
    background-color: #2d2e33;
}

.page-footer a {
    margin: 20px 24px;
}

.page-footer .contact {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

.social-media {
    color: #fff;
    padding: 110px 20px 80px 20px;
    text-align: center;
}

.fa {
    color: #2d2e33;
    background: white;
    padding: 10px;
    font-size: 25px !important;
    width: 45px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa:hover {
    text-decoration: none;
}

.fa-facebook:hover {
    background: #3B5998;
    color: white;
}

.fa-twitter:hover {
    background: #55ACEE;
    color: white;
}

.fa-linkedin:hover {
    background: #007bb5;
    color: white;
}


/* ----- /page_footer css ----- */

@media only screen and (max-width: 425px) {
    /* ----- header-navbar css ----- */
    .logo-phrase {
        font-size: 14px;
        font-family: 'Rubik-Regular';
    }
    .nav-head {
        margin: 4px 0px 0px 0px !important;
    }
    .nav-bar-col {
        margin-top: 0px !important;
    }
    /* ----- page_footer css ----- */
    .page-footer a {
        margin: 10px 10px;
    }
}


/* ----- tab_view css ----- */

@media only screen and (max-width: 768px) {
    .nav-bar-col {
        margin-top: 42px;
    }
    .nav-bar-col>ul>li>a {
        font-size: 15px;
    }
}


/* ----- /tab_view css ----- */

@media only screen and (max-width: 1024px) {
    .nav-bar-col>ul>li {
        margin: 0px 0px;
    }
    .nav-head {
        margin: 10px 10px;
        Width: auto;
    }
    .shirsa-logo {
        max-width: 150px !important;
    }
    .logo-phrase {
        font-size: 14px !important;
    }
 .nav-bar-col>ul>li>a {
        font-size: 15px;
    }
}