@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed');
body {font-family: "Barlow Condensed","Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 17px;line-height: 1.7;color: #535353;background-color: #f5f5f5;}
h1, h2, h3, h4, h5, h6 {font-family: "Barlow Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;	font-weight:normal;}
p { margin: 0 0 20px;}
a { color: #000; -webkit-transition: color .25s ease-in-out; transition: color .25s ease-in-out;}
a:hover { color: #CC0404; text-decoration:none;}
a:focus { outline: none; text-decoration: none; color: initial; text-shadow: none; }
section { padding-top: 35px; padding-bottom: 35px; background-color: #fff;}
.clear { clear: both;}
img { max-width: 100%; height: auto;}
h1, .page-title { font-family: 'Barlow Condensed', sans-serif; font-size: 38px; line-height: 40px; font-weight: 400; font-style: normal;}
h2 { font-family: 'Barlow Condensed', sans-serif; font-size: 32px; line-height: 40px; font-weight: 400; font-style: normal;}
h3 { font-family: 'Barlow Condensed', sans-serif; font-size: 26px; line-height: 40px; font-weight: 400; font-style: normal;}
h4 { font-family: 'Barlow Condensed', sans-serif; font-size: 20px; line-height: 28px; font-weight: 400; font-style: normal;}
h5 { font-family: 'Barlow Condensed', sans-serif; font-size: 18px; line-height: 20px; font-weight: 400; font-style: normal;}
h6 { font-family: 'Barlow Condensed', sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; font-style: normal;}
ul{margin-left:0;padding-left:0;list-style:none;}
ul li{list-style:none;}		
.fs-22{font-size:22px;}



@media all and (min-width: 768px) {
	#page-wrapper{width:100%;}
}
@media all and (min-width: 992px) {
	#page-wrapper{width:970px;}
}
@media all and (min-width: 1200px) {
	#page-wrapper{width:1178px;}
}

#page-wrapper, .support_panel {
    border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}


/** navbar **/
#top-nav{height:98px;border-bottom:2px solid #2987a1;}
.navbar-brand > img {
    display: block;
    max-height: 90px;
    margin-top: -10px;
}
.navbar-nav {
    float: right;
    margin-top: 45px;
}
#navbar > ul > li {
    margin-left: 10px;
}
#navbar > ul > li > a {
    position: relative;
    padding: 6px 4px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 14px;
    color: #000;
    z-index: 1;
    font-weight: 400;
    -webkit-transition: padding .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: padding .2s ease-in-out, transform .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: "Barlow Condensed", "sans-serif" , "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#navbar > ul > li.active > a, #navbar > ul > li > a:hover, #navbar > ul > li:hover > a { text-decoration:none; color: #fff; }
#navbar > ul > li > a:before { content:''; opacity:0; position:absolute; border-radius:2px; height:50%; width: 100%; top:50%; left: 0; 
background-color: #CC0404; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); 
-webkit-transition:height .2s ease-in-out; transition:height .2s ease-in-out; -webkit-backface-visibility:hidden; 
backface-visibility:hidden; z-index: -1}
#navbar > ul > li.active > a:before, #navbar > ul > li > a:hover:before, #navbar > ul > li:hover > a:before { height:100%; opacity:1; }

button.navbar-toggle{border:1px solid #666;}
button.navbar-toggle span{background-color:#666;height:2px;}


@media all and (max-width: 768px) {
	.navbar-collapse.in ul {
	    background-color:#f3f3f3;
	    width: 100%;
	    z-index: 999;
	    margin: 0;
	    padding: 0px;
	    opacity:1;
	    margin-top:40px;
	}
	.navbar-collapse.in ul li{background-color:#f3f3f3;z-index:999;padding:5px 20px;}
	.navbar-collapse.in ul li:first-child{padding-top:20px;}
	.navbar-collapse.in ul li:last-child{padding-bottom:20px;}
}

.container-fluid{padding:0;}
.navbar-collapse{padding:0;}


/** category **/
.cover-stories-section-below #carousel123{height:200px;margin-top:20px;}
.cover-stories-section-below{background-color:#f3f3f3;}
div.head-news-img img{margin-top:20px;max-height: 300px;}
.head-news-btn{margin-top:30px;}

/** category **/
h2.categories-section-title{text-align:center;}
@media all and (max-width: 768px) {
	div.category-cell{width:100%;}
}
@media all and (min-width: 768px) {
	div.category-cell{width:50%;}
}
@media all and (min-width: 992px) {
	div.category-cell{width:25%;}
}
@media all and (min-width: 1200px) {
	div.category-cell{width:25%;}
}
div.category-cell{float:left;padding:15px;}
div.category-cell > .cate-cell-inner{border-radius:5px;background-color: #34495e;padding:20px 30px;color:#fff;min-height:230px;}
.cate-cell-inner a{color:#fff;}
div.category-cell > .cate-cell-inner:hover{background-color:#d00;margin-top:-5px;box-shadow: 0 10px 2px -6px rgba(0,0,0,0.8); -webkit-transform:translateY(-4px); -ms-transform:translateY(-4px);  transform:translateY(-4px); }

/** **/
.featured-jobs h2,.recent-jobs h2{text-align: center;}
ul.featured-jobs-list {list-style: none;}
.job-item-div > .img-wrapper{width:15%;height:100%;min-height:120px;float:right;display:flex;align-items:center;}

.featured-jobs-list .job-item-div > .job-info{width:85%;float:right;}
li.job-item>.job-item-div{border-bottom:1px solid #ddd;float: left;width: 100%;padding:10px 20px;}
li.job-item{
	padding:10px 20px;
	float:left;
	width:100%;
}
.job-info h3{font-size:20px;margin-top: 10px;}
.job-info h3,.job-info p{margin-bottom:0px;}
.job-info p.job-attrs{margin-bottom:10px;}
ul.recent-jobs-list {list-style: none;}
.recent-jobs-list .job-item-div > .job-info{width:100%;}
.featured-jobs-list > li.job-item>.job-item-div{background-color:#f5f5f5;}
.recent-jobs-list > li.job-item>.job-item-div{background-color:#fff;}
ul.featured-jobs-list li:hover .job-item-div, ul.recent-jobs-list li:hover .job-item-div{
    box-shadow: 0 10px 50px -5px rgba(51,71,91,0.12);
    transform: scale(1.008);
}
@media all and (max-width: 768px) {
	.job-item-div > .img-wrapper{width:100%;float:left;margin-top:0px;}
	.featured-jobs-list .job-item-div > .job-info{width:100%;float:right;}
}

section.section-featured-jobs,section.section-recent-jobs{float:left;width:100%;}

section.section-featured-employers{}
#carousel-featured-employers{margin:0 -15px;}
#carousel-featured-employers .carousel-control {width: 10%;}
#carousel-featured-employers .carousel-control .glyphicon-chevron-left, #carousel-featured-employers .carousel-control .icon-prev {margin-left: -50px;}
#carousel-featured-employers .carousel-control .glyphicon-chevron-right, #carousel-featured-employers .carousel-control .icon-next {margin-right: -50px;}

footer{padding-top:30px;color:#fff;font-family: 'Barlow Condensed', sans-serif;padding:20px 0;background:#26292c;}
footer,footer .copyright{font-size:15px;}
footer h4{font-size:28px;}
footer a{color:#fff;}
footer ul{padding-left:0;margin-left:0;}
footer ul li{list-style:none;margin-bottom:10px}
footer .copyright {
    padding: ;
    border-top: 1px solid #666;
    margin-top: 10px;
    padding-top: 20px;
}

.searchbox-inner{display:flex;justify-content:center;}
.search-box .input-group{
	min-width: 460px;
    border: 5px solid #2987a1;
    border-radius: 10px;
    box-shadow: none;
    margin:30px;
}
@media all and (max-width: 768px) {
	.search-box .input-group{min-width: 360px;}
}
.search-box .input-group input{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 8px;
	height: 44px;
	border: none;
	font-size: 18px;
	box-shadow: none;
}

.search-box .input-group #searchbox-submit{background-color:#2987a1;border: none;padding: 8px 30px;font-size: 20px;color:#fff;text-shadow:1px 2px 3px #ddd;}
.search-box .input-group:hover{border: 5px solid #CC0404;}
.search-box .input-group:hover #searchbox-submit{background-color:#CC0404;}

/** jobseekers page **/
.jobseeker-banner-section{background-color:#2987a1;color:#fff;}
.jobseeker-banner-section ul{list-style:none;}
.login-form-wrapper{padding:20px;background:rgba(255,255,255,0.3);padding-top:1px;}
.login-form h3{text-transform:uppercase;}	
.login-btn:hover,.btn-default:hover {
    color: #fff;
	background-color:#a41a1b;
}
.login-btn,.btn-default, .login-btn:focus,.btn-default:focus {
    background-color: #CC0404;
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
}
a.forgot-psd-link{color:#fff;}
div.section-inner-wrapper{
    padding: 30px 100px;
    float: left;
    width: 100%;
}

@media all and (max-width: 768px) {
	div.section-inner-wrapper{padding: 30px 20px;}
}

div.slogan{margin-bottom:20px;}
.jobseeker-banner-section input[type="checkbox"],.login-form input[type="radio"], div.jbs-wrapper input[type="checkbox"] {margin-top:8px;}

/** employers page **/
.section-employer-slogan{color:#fff;background: #2987a1;}
.section-employer-slogan ul{list-style:none;}
.section-employer-slogan .btn-default{margin-top:15px;}
.jobseeker-banner-section .btn-default{margin-top:25px;}
.section-employer-slogan input[type="checkbox"],.login-form input[type="radio"], div.jbs-wrapper input[type="checkbox"] {margin-top:8px;}

h3.emp-lg-title{font-size:75px;margin-top: 50px;}
h4.emp-sub-title{font-size:36px;margin-bottom: 70px;margin-top: 40px;}
.pakage{text-align: center;}
.pakage h4{text-align: center;border-bottom:2px solid #f5f5f5;}
.pakage h4.sub{line-height: 40px;padding-top: 20px;padding-bottom: 18px;}
.pakage img{margin:0 auto;width:180px;}
.pakage h4.title{border-bottom:none;color:#fff;padding: 30px;font-size: 2em;border-radius: 10px 10px 0 0;}
.pakage .single{background-color:#1AA85C;}
.pakage .multiple{background-color:#2987a1;}
.pakage .unlimited{background-color:#C64545;}
.pakage ul.admenu li{text-align:left;}
span.lg-price{font-size:60px;line-height:1.5em;}
span.price-unit{font-size:1.2em;}
.emp-bottom-list{padding-left:30px;}
.emp-bottom-list li{font-size:22px;}
.emp-bottom-list li i{color:#CC0404 !important;}

.pricing-item .card-body{background-color: #f5f5f5 !important;height: 520px;margin-top:-10px;margin-bottom:30px;}
.pricing-item .card-body ul{margin-left:25px;}
.pricing-item .card-body h4.sub a{color:#CC0404;}
/** article index **/
.section-article-banner{color:#fff;background: #2987a1;}
#mce-EMAIL{height:45px;}
a.write-to-us-link{color:#c00;}
a.write-to-us-link:hover{color:#f00;}
.heading-article{background-color:#eee;float:left;padding:20px;margin-bottom: 20px;}
.heading-article h2{margin-top:5px;font-size:26px;line-height: 1.1em;}
.heading-article img{margin-top:10px;margin-bottom:10px;}
.recent-articles{margin:0 -15px;}
.recent-articles .article{margin-top: 15px;height: 400px;}
.recent-articles .article img,.recent-articles .article .fake-image{width:100%;height:240px;}
.recent-articles .article .article-title{height:120px;overflow:hidden;background-color:#f3f3f3;padding:10px;font-size:20px;}

h3.widgettitle {
    margin: 10px 0 15px;
    padding-bottom: 20px;
    position: relative;
    text-transform: uppercase;
}

h3.widgettitle::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #ececec;
}
h3.widgettitle::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 50px;
    height: 0;
    border-bottom: 1px solid #CC0404;
}
.fa-inner-wrapper h4{margin-top:15px;font-size:18px;}
.article-archives{margin-top:30px;}
.article-archives li {background-color:#f3f3f3;padding:10px 15px;margin-top:15px;}
.article-archives li:hover{background-color:#f3f3f3;box-shadow:2px 3px 8px #ddd;}

/** page about **/
.about-banner-left{padding:0 30px;}
.about-banner-left > h2 > span{display:inline-block;width:auto;padding-bottom:5px;border-bottom:2px solid #ddd;}
.about-banner-left > h4{color: #CC0404;}
.kl-iconbox--sh-circle span.kl-iconbox__icon {
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    padding: 22px;
    background-color: #e74c3c;
	color:#fff;
}
span.kl-iconbox__icon:hover{
	transform: scale(1.1);
	background-color: #d64c3c;
}

.kl-iconbox__title{margin-top:0;color:#CC0404;font-size: 1.3em;font-weight: bold;}
.kl-iconbox__inner{display:flex;}
.kl-iconbox__icon-wrapper{flex-grow:0;width:90px;}
.kl-iconbox__content-wrapper {
	flex-grow:1;
	padding-left:30px;
}

/* search button */
.gensearch__input {
    height: 42px;
    width: 100%;
    padding: 0 20px;
    outline: none;
    border: 1px solid #ddd;
    box-shadow:1px 1px 3px #ddd;
}
.gensearch__submit {
    position: absolute;
    right: 15px;
    border: 0;
    color: #BBB;
	background-color:transparent;
    outline: none;
    height: 45px;
    padding: 0 20px;
    font-size: 12px;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
.gensearch__submit::after {
    content: '';
    width: 1px;
    height: 24px;
    background-color: #ddd;
    display: block;
    left: 0;
    position: absolute;
    top: 50%;
    margin-top: -12px;
}

/** scholar page **/
/* vertical tab */
div.vertical_tabs{border-top:1px solid #ddd;}
.tabbable ul{width:30%;float:left;margin-right:-1px;}
.tabbable ul.nav > li {
    position: relative;
    display: block;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;

    background-image: linear-gradient(to right, rgb(255,255,255) 70%,rgba(239, 239, 239, 0.5) 100%);
}

.tabbable ul.nav > li.active{
	background-color:#fff;
	border-right:1px solid #fff;
}

.tabbable ul.nav > li:hover{
	background-color:#fff;
}


.tabbable ul.nav > li.active > a, .tabbable ul.nav > li > a:hover, .tabbable ul.nav > li > a:focus {
    text-decoration: none;
    background-color: #fff;
    color:#f00;
}
.tabbable .tab-content{width:70%;float:left;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;padding-left:20px;padding-right:20px;min-height:400px;}

@media all and (max-width: 768px) {
	.tabbable ul{width:100%;float:left;margin-right:0px;}
	.tabbable .tab-content{width:100%;float:left;border:1px solid #ddd;margin-top:20px;}
	.tabbable ul.nav > li.active, .tabbable ul.nav > li:hover{
		border-right:1px solid #ddd;
	}
}
.latest_posts ul{width:100%;}
.latest_posts ul li{width:100%;float:left;padding:20px;background-color:#f3f3f3;margin-bottom:20px;}
.latest_posts ul li:hover{box-shadow:2px 3px 4px #ddd;transform: scale(1.005);}

/** user login page **/
.login-reg-link{font-size:0.8em;}

/** job detail page **/
.job-detail-left .logo-img .img-responsive{margin:15px auto;}
.jobs-box .view-div{border-bottom: 1px solid #d9d9d9;padding: 12px 0 12px 0;}
.jobs-box .view-div ul{float: right;width:260px !important;}
.jobs-box .view-div ul li{float:left;margin-left:15px;}


/** job search page **/
.job-index .job-title{font-size:1.2em;}
.posts article, .job-index article{background-color:#f4f4f4;margin-top:5px;margin-bottom:10px;padding:15px;}
.posts article:hover, .job-index article:hover{transform:scale(1.01);box-shadow: 1px 2px 3px #ddd;}

.posts article button, .job-index article button{display:none;}
.posts article div.text-center{display:flex;align-items:center;}

/** job list page **/
.job-list-page .row{margin-right:0px;}
.featured-employers-wrapper{display:none;}
.job-posts-wrapper{width:100%;}
.job-posts-wrapper .posts article div.text-center{height:120px;display:flex;align-items:center;}