    
            #contact>.container-fluid { background: #2b333f !important;}
        .overlay-pop { background: #2b333f !important;}
        #rights { background: #2b333f;}
            #rights p { color: #ffffff;}
        #contact li p { color: #ffffff;}
            .site-menu { background: #28323a;}
            #jpreBar { background: #31ab78 !important;}
            .projects .project-detail .btn:hover { background: #31ab78;}
        .team .designation { background: #31ab78;}
        .team .info { background: #31ab78;}
        .team .line { background: #31ab78;}
        .team .social_icons { background: #31ab78;}
        .team .social_icons li { background: #31ab78;}
        .team .social_icons li { background: #31ab78;}
        .pricing li>div { background: #31ab78;}
        .about { background: #31ab78;}
        .flex-control-paging li a.flex-active { background: #31ab78;}
        .counter-line { background: #31ab78;}
        .tittle hr,
        .bnr-text hr,
        .services hr { background: #31ab78;}
        #blog .b_links a,
        #contact .drop-line a:hover { color: #31ab78;}
        .menu nav ul a.active { color: #31ab78;}
        .portfolio-nav-inner a { color: #31ab78;}
        .work-info i { color: #31ab78;}
        .arrow-right i, .arrow-left i { color: #31ab78;}
        .filter li a.active,
        .filter li a:hover { color: #31ab78;}
        .pricing li>div:hover .btn { color: #31ab78;}
        #contact>.container-fluid { background: #31ab78;}
        .overlay-pop { background: #31ab78;}
        .over { background: #31ab78;}
        .projects .ltxt { border-color: #31ab78;}
        .projects .rtxt { border-color: #31ab78;}
        .pricing li:hover { border-color: #31ab78;}
        .parallax .btn:hover { background: #31ab78;}
        .parallax .btn:hover { border-color: #31ab78;}
        #contact .form-up input.wpcf7-submit:hover { border-color: #31ab78;}
        #contact .form-up input.wpcf7-submit:hover { background: #31ab78;}
        .bnr-text .btn:hover { background: #31ab78;}
        .bnr-text .btn:hover,.projects .project-detail .btn:hover { border-color: #31ab78;}
      
    
h1,h2,h3,.tittle h2 {
    font-family: Roboto;
    font-weight: 500 !important;
}
h4,h5,h6,code, kbd, pre, samp,.dropdown-menu > li > a,.site-menu .navbar-nav > li a,.a-info li a {
    font-family: Roboto;
    font-weight: 500;
}
html,body,p,.icon-list h2,.testimonials p,.pricing li p {
    font-family: Roboto !important;
    font-weight: 300;
}
body,p,.services li p,.pricing li p {
    font-size: 18px;
}
h3 {
    font-size: 22px;
}
h6 {
    font-size: 16px;
}
.logo-left h2,.logo h2 {
    font-size: 20px;
}
.tittle h2 {
    font-size: 20px;
}
.sider-bar h5 {
    font-size: 16px;
}


