body{ padding: 0px; margin: 0px; font-family: arial;}
h1, h2, h3, h4, h5, h6, ol, li, ul, a, img, p, span, strong{ padding: 0px; margin: 0px;}
a:hover,a:focus{ outline: none;}
section{ float: left; width: 100%;}
.pad0{ padding: 0;}
img { max-width: 100%;}
/************** Header *****************/
.header { background-image: url("../images/header_bg.png"); background-size: 100% 100%; padding: 20px 0;}
.btn-login { background-image: url("../images/login.png"); background-size: 100% 100%; border-radius: 4px; color: #fff; display: inline-block; font-family: arial; font-weight: bold;
            padding: 6px 19px;}
.btn-signup { background-image: url("../images/signup.png"); background-size: 100% 100%; border-radius: 4px; color: #fff; display: inline-block; font-family: arial; font-weight: bold;
            padding: 6px 19px;}
.login-sec li { display: inline-block; list-style: outside none none; padding: 0 3px;}
.head-right { text-align: right;}
.head-right p { color: #000; font-weight: bold; margin-top: 10px;}

.menu nav.navbar.navbar-default{ background-image: url("../images/menu_bg.png"); background-size: 100% 100%; margin: 0;border: 0 none; border-radius: 0;}
.menu .navbar-default .navbar-nav > .active > a, .menu .navbar-default .navbar-nav > .active > a:hover, .menu .navbar-default .navbar-nav > .active > a:focus { 
    background: transparent none repeat scroll 0 0; color: #fff;}
.menu .navbar-default .navbar-nav > li > a { color: #fff; font-size: 19px; padding: 15px 17px;}
.work-slider { background-image: url("../images/slide.png"); background-size: cover; padding: 50px 0;}

.search-form .keyword { float: left; margin-right: 2%; width: 30%;}
.search-form .category { float: left; margin-right: 2%; width: 27%;}
.zip { float: left; margin-right: 3%; width: 26%;}
.search-btn { float: left; width: 10%;}
.search-form .form-control { border-radius: 0; height: 40px; font-size: 16px;}
.search-form .btn.btn-search { background-image: url("../images/search.png"); background-size: 100% 100%; border: 0 none; color: #fff; font-size: 18px; height: 40px; width: 100%;}

.hiw { color: #fff; float: left; margin: 40px 0; text-align: center; width: 100%;}
.hiw h2 { font-size: 57px; font-weight: bold; margin-bottom: 5px;}
.hiw p { font-size: 24px;}
.media-object { max-width: none;}
.work-process h4.media-heading { color: #fff; font-size: 30px;}
.work-process .media-body p { color: #fff; font-size: 15px;}
.work-process { float: left; margin-top: 30px; width: 100%;}
.work-process .media { margin-bottom: 20px;}

.bid-button {float: left; width: 65px;}
.bid-text { float: left; width: calc(100% - 65px);}
.bidding-slider .owl-carousel { background-color: #e7e7e7; border-radius: 5px; padding: 30px;}
.bidding-slider {padding: 40px 0;}
.bidding-slider .owl-carousel .owl-item img.media-object { max-width: none; width: auto;}
.bidding-slider li{ list-style: none;}
.bidding-slider .owl-prev { background-color: #008613; color: #fff; font-size: 25px; left: 0; padding: 0 10px; position: absolute; top: 50%; transform: translate(0px, -50%);}
.bidding-slider .owl-next { background-color: #008613; color: #fff; font-size: 25px; right: 0; padding: 0 10px; position: absolute; top: 50%; transform: translate(0px, -50%);}
.bid-text h4.media-heading { font-size: 22px;}

.heading-style { max-width: 300px;}
.heading-style h2 { background-color: #02a218; border-radius: 30px 0; color: #fff; font-size: 19px; padding: 12px 10px; text-transform: uppercase;
                   width: calc(100% - 15px); position: relative;}
.heading-style h2::after { border-bottom: 20px solid #6787ae; border-right: 15px solid transparent; content: ""; position: absolute; right: -15px; top: 0;}
.cat-menu { border: 1px solid #ccc; margin-top: -27px; padding: 40px 20px 20px; margin-bottom: 35px;}
.cat-menu li { list-style: none;}
.cat-menu a { color: #063771; display: block; font-size: 19px; padding: 5px 0; text-decoration: none;}
.all-cat a { font-size: 18px; font-weight: bold; margin-top: 25px;}

.newsletter-form { border: 1px solid #ddd; margin-bottom: 45px; margin-top: -26px; padding: 40px 20px 10px;}
.newsletter-form .form-control { border-radius: 0; height: 40px;}
.newsletter-form input[type="submit"] { background-image: url("../images/login.png"); background-size: 100% 100%; border: 0 none; border-radius: 4px; color: #fff;display: inline-block;
                                        font-family: arial; font-size: 18px; font-weight: normal; padding: 6px 10px;}

.open-job-list { margin: 30px 0;}
.open-job-list > li { background-color: #e6f0fe; border-radius: 20px; display: block; list-style: none; margin-bottom: 15px; padding: 20px;}
.open-job-list h4.media-heading { font-size: 19px; font-weight: bold;}
.open-job-list .media-body p { color: #3b3a3a; font-size: 15px;}

.btn:hover{ color: #fff;}
.btn-bid { background-image: url("../images/login.png"); background-size: 100% 100%; border-radius: 4px; color: #fff; display: inline-block; font-family: arial; font-weight: bold;
            padding: 4px 12px;}
.btn-local { background-image: url("../images/signup.png"); background-size: 100% 100%; border-radius: 4px; color: #fff; display: inline-block; font-family: arial; font-weight: bold;
            padding: 4px 12px;}
.btn-list { margin-top: 7px;}

.navigation .pagination { margin: 0;}
.t-records select { font-size: 17px; height: 38px; margin-left: 10px;}
.t-records { text-align: right;}
.middle-part { margin-bottom: 45px;}
.footer { background-color: #0054ff; background-image: url("../images/foot_bg.png"); background-position: center center; background-repeat: no-repeat; padding: 36px 0;}
.list-social li { display: inline-block; list-style: outside none none; padding: 0 20px;}
.list-social li span { color: #fff; font-size: 17px; font-weight: bold; text-transform: uppercase;}
.list-social li.talk { text-align: right;}
.talk span b { font-size: 13px; font-weight: normal; text-transform: none;}
.foot_border { margin: 30px 0 20px; width: 100%;}
.copyright p { color: #fff; font-size: 15px;}
.payment { text-align: right;}
.payment p { color: #fff; font-size: 15px;}
.payment img { margin-top: 10px;}

@media(max-width: 1199px){
.menu .navbar-default .navbar-nav > li > a { font-size: 17px; padding: 15px 12px;}
.hiw p { font-size: 20px;}
.heading-style h2 { font-size: 16px; text-transform: uppercase;}
.list-social li { float: left; padding: 0 10px; width: 25%;}
.list-social li span { font-size: 14px;}
.list-social img { max-height: 30px;}
.footer {background-size: 40% 50%;}

}
@media(max-width: 991px){
.cat-menu a { font-size: 15px;}
.navigation nav { text-align: center;}
.t-records { margin: 20px 0; text-align: center;}
.list-social img { float: left; margin-right: 6px;}
.newsletter-form input[type="submit"] { font-size: 12px; font-weight: bold;}
.work-process h4.media-heading { color: #fff; font-size: 20px;}
.menu .navbar-default .navbar-nav > li > a { font-size: 14px; padding: 10px 5px;}
.search-form .btn.btn-search { font-size: 16px; padding: 0;}
.hiw h2 { font-size: 37px;}
.hiw p { font-size: 15px;}

}
@media(max-width: 767px){
.header { text-align: center;}
.header .menu img { margin-bottom: 25px; max-width: 220px;}
.head-right { text-align: center;}
.menu .navbar button.navbar-toggle { background-color: #000; border: 0 none;}
.menu .navbar-default .navbar-toggle .icon-bar { background-color: #fff;}
.search-form .keyword, .search-form .category, .search-form .zip, .search-form .search-btn{width: 100%; margin: 0 0 15px;}
.mp-right, .mp-left { margin: 0 auto; max-width: 360px;}
.open-job-list .media-left, .open-job-list .media-right, .open-job-list .media-body { display: inline;}
.list-social { float: left; width: 100%;}
.footer .row { float: left; width: 100%;}
.list-social li { padding: 15px 10px; width: 100%;}
.list-social li.talk { text-align: left;}
.payment { margin-top: 35px; text-align: left;}
.footer { background-image: none;}

}