@charset "utf-8";
/* CSS Document */

/*_______Homepage Search online job css START here_________*/
/*-------------------------*/ /*--------------------------*/
.home-search-wraper{ background:url(/main/assets/images/home-banner-img.jpg) repeat-x top center; background-size:cover; padding:50px 0; position:relative; overflow-x:hidden;}
.home-search-wraper h1{ font-size:52px; font-family: 'Oswald', sans-serif; font-weight:500; color:#fff; text-align:center; padding:25px 0;}
.search-feild{ background:url(/main/assets/images/search-feild-bg.png) repeat top left; padding:30px; box-shadow:0 0 15px rgba(0,0,0,0.25); width:90%; margin:15px auto 50px; border-radius:5px;}
.search-home { width:78%; border-radius:5px; box-shadow:2px 5px 10px rgba(0,0,0,0.25); font-size:20px; color:#151515; padding:11px 20px; border:none; float:left;}
.search-button { width:20%; border-radius:5px; box-shadow:2px 5px 10px rgba(0,0,0,0.25); font-size:22px; background:#2b384c; color:#fff; font-weight:600; text-transform:uppercase; padding:10px 20px; border:none; float:right;}
.banner-left-img{ display:none;}
.banner-right-img{ display:none;}
.search-button span{ color:#fff; font-size:20px; display:inline-block; padding-right:30px; width:20px; height:20px; background:url(/main/assets/images/search-icon.png) no-repeat center left;}
.search-button:hover{ background: #243f87;}
.search-button:focus{ box-shadow:none; background:#2b384c;}
.post-job-button,.sign_up_button {display:block;min-width:270px;; width:20%; border-radius:5px; box-shadow:2px 5px 10px rgba(0,0,0,0.25); font-size:22px; background:#2b384c; color:#fff; font-weight:600; text-transform:uppercase; padding:10px 20px; border:none;margin: 10px auto}
.post-job-button:hover,.sign_up_button:hover{ background: #243f87;}
/*_______Homepage Search online job css END here_________*/

/*__________Homepage Browse Jobs css START here____________*/
/*-------------------------*/ /*--------------------------*/
.browse-job{ padding:50px 0;}
.browse-job h2{ font-size:46px; font-weight:400; text-align:center; color:#151515; padding:0; margin:0; text-transform:uppercase; line-height:46px;}
.browse-job h2 span{ font-size:20px; font-weight:400; text-align:center; color:#7a7a7a; display:block;}
.job-categories{ list-style:none; display:block; padding:30px 0 30px; margin:0;}
.job-categories li{ display:block; float:left; width:20%; text-align:center; border-right:solid 1px #ddd; padding:25px 10px; margin-bottom:30px;}
.job-categories li a{ text-align:center; display:block; text-decoration:none; }
.job-categories li a img{ display:block; margin:0 auto; padding-bottom:15px;}
.job-categories li a span{ display:block; text-align:center; font-size:16px; font-weight:400; color:#242c3c; line-height:30px;}
.job-categories li a span strong{ display:block; text-align:center; font-size:15px; font-weight:700; color:#757575; padding-bottom:20px; border-bottom:solid 1px #ddd; margin-bottom:-40px; margin-left:5px; margin-right:5px;}
.job-categories li:hover{ box-shadow:0 0 10px #ccc;}
.show-more{ display:block; text-align:center; background:#2b384c; padding:13px 25px; background:#2b384c; color:#fff; font-size:20px; margin:0 auto 0px; border-radius:4px; width:190px; clear:both; text-transform:uppercase;}
.show-more:hover{ text-decoration:none; color:#fff; background:#5061a1;}
/*_______Homepage Browse Jobs css END here_________*/

/*__________Homepage Stay Connected css START here____________*/
/*--------------------------*/ /*----------------------------*/
.stay-connected{ background:#2b384c; padding:50px 0 0;}
.stay-connected-wrapper{ max-width:920px; margin:0 auto;}
.stay-connected-wrapper a{ padding-right:20px; padding-bottom:15px;}
.stay-connected-wrapper a:hover{ opacity:0.8;}
.stay-connected-wrapper h2{ font-size:48px; font-weight:300; color:#fff; letter-spacing:3px; text-transform:uppercase; padding-top:40px;}
.stay-connected-wrapper p{ font-size:16px; color:#fff; line-height:22px; font-weight:300; padding-bottom:25px; padding-top:10px;}
/*__________Homepage Stay Connected css END here____________*/

/*_______Homepage css START here_________*/
/*-------------------------*/ /*--------------------------*/

@media (min-width:1200px) and (max-width:1599px){
    .banner-left-img{ position:absolute; top:50px; left:-30px; width:150px; height:auto; display:block;}
    .banner-right-img{ position:absolute; top:40px; right:-10px; width:130px; height:auto; display:block;}
}

@media (min-width:1600px){
    .banner-left-img{ position:absolute; top:50px; left:0; width:171px; height:auto;}
    .banner-right-img{ position:absolute; top:40px; right:-10px; width:149px; height:auto;}
}

/*______________Homepage, Mobile Responsive css start here_____________*/
/*-----------------*********************------------------*/

@media(min-width:300px) and (max-width:767px) {
    .home-search-wraper h1{ font-size:34px; line-height:40px; padding-top:0;}
    .search-feild{ padding:0; margin:0; background:none; box-shadow:none; width:auto;}
    .search-home{ width:100%; float:none; margin:0;}
    .search-button{ width:190px; margin:20px auto; text-align:center; float:none; display:block;}
    .home-search-wraper{ padding:25px 0;}
    .browse-job h2{ font-size:30px; line-height:36px;}
	.browse-job{ padding-bottom:0;}
	.browse-job .job-categories { padding-left:0!important; padding-right:0!important;}
    .job-categories li{ width:50%; padding:0;}
    .job-categories li a img{ height:85px; width:auto;}
    .job-categories li a span{ line-height:24px;}
    .job-categories li a span strong{ margin-bottom:-15px;}
    .job-categories li a span{ padding:0 10px;}
    .job-categories li a span span{ min-height:50px;}
    .job-categories li a{ padding-top:10px;}
    .feature-job h2{ font-size:24px; line-height:32px;}
    .feature-job h2 strong{ font-size:24px;}
    .feature-job{ padding:10px 0;}
    .feature-job-row{ display:none;}
    .feature-job-wrapper{ box-shadow:none; border-radius:none;margin-left:-15px; margin-right:-15px; margin-top:30px; padding-left:15px; padding-right:15px;}
    .feature-job-detials{margin-left:-15px; margin-right:-15px; padding-left:15px; padding-right:15px;}
    .feature-job-detials:hover{ box-shadow:none; }
    .feature-job-detials h2{ font-size:16px; line-height:20px;}
    .feature-job-detials h3{ font-size:15px; padding:10px 0 0; margin:0;}
    .feature-job-detials p{ font-size:14px; line-height:18px; padding:10px 0; margin:0; }
    .feature-job-detials .col-xs-3 img{ margin-top:0; height:65px;}
    .feature-job-timing { border-top:solid 1px #ddd; margin-top:20px;}
    .feature-job-timing strong{ font-size:16; text-transform:uppercase;}
    .feature-job-timing span{ text-transform:uppercase; text-align:center; }
    .feature-job-timing strong span{ display:block; padding:0;}
    .feature-job-timing .row .col-xs-2, .feature-job-timing .row .col-xs-3{ width:33.32%; border-left:solid 1px #ddd;}
    .feature-job-timing .row .col-xs-4{ width:100%;}
    .feature-job-btc{ background:none; margin:0; width:100%; float:left; padding-bottom:0; padding-top:20px; border-top:solid 1px #ddd;}
    .feature-job-btc a{ float:right; width:120px; margin:0!important;}
    .feature-job-btc span{ font-size:24px; padding:0;}
    .feature-job-detials:nth-child(2n+1) .feature-job-btc{ background:none;}
    .showing-entries .pagination-lg > li > a, .showing-entries .pagination-lg > li > span{ font-size:16px; padding:10px 14px;}
    .showing-entries{ padding:0 0 20px; border-top:solid 1px #d5d5d5;}
    .showing-entries .f-right { float:none; text-align:center;}
    .showing-entries > span { display:block; float:none; font-size:18px; padding:20px 0; text-align:center;}
    .feature-job-timing span, .feature-job-timing strong{ padding:8px 0;}
    .feature-job-btc span{ float:left; margin:0; padding:0;}
    .stay-connected-wrapper .col-sm-4 img{ display:none;}
    .show-more{ width:160px; font-size:16px;}
    .stay-connected-wrapper h2{ font-size:30px; text-align:center; letter-spacing:0; padding:0;}
    .stay-connected-wrapper p{ text-align:center;}
    .stay-connected-wrapper a { display:block; text-align:center; float:none; padding:0 0 15px 0;}
    .stay-connected-wrapper a img{ width:220px; height:auto;}
    .stay-connected{ padding-top:25px;}
}

/*______________Homepage, iPad Responsive css start here_____________*/
/*-----------------*********************------------------*/

@media(min-width:768px) and (max-width:991px) {
    .home-search-wraper h1{ font-size:35px;}
    .search-home{ width:68%;}
    .search-button{ width:30%;}
    .job-categories li a img{ height:75px;}
    .job-categories li a span{ line-height:26px;}
    .job-categories li a span span{ min-height:50px;}
    .feature-job-btc span{ font-size:20px;}
    .feature-job-btc a.open-btn{ font-size:14px; margin-left:5px; margin-right:5px;}
    .feature-job-btc a.in-progress-btn{ font-size:12px; margin-left:5px; margin-right:5px;}
    .feature-job-btc a.completed-btn{ font-size:12px; margin-left:5px; margin-right:5px;}
    .feature-job-detials h3{ font-size:18px; margin-bottom:8px;}
    .feature-job-detials p{ font-size:14px;}
    .stay-connected-wrapper a img{ width:45%; height:auto;}
    .stay-connected-wrapper h2{ padding:0;}
    .stay-connected-wrapper h2{ font-size:34px;}
    .stay-connected-wrapper p{ padding-bottom:15px;}

}


.bitcoin_price {
    text-align: center;
    font-size: 14px;
    color: #ffd941;
    width: 200px;
    margin: 20px auto 0;
    background: rgba(1, 25, 58, 0.59);
    padding: 5px 10px;
    border-radius: 4px;
}

.crptocoin_lineup {
    text-align: center;
    margin-bottom: 20px;
}

.crptocoin_lineup img {
    margin: 0 15px;
    width: 40px;
    height:40px;
    border:1px solid #2f385d;
    border-radius: 20px;
}


.post_job_button img {
	margin: -7px 10px 0 0;
	display:inline-block;
}