/*-----------------------------------------------------------------------------------



    Template Name: JobHelp



-----------------------------------------------------------------------------------

    

    CSS INDEX

    ===================

	

    1.  Job Post Style

    2.  Fun Factor Area

    3.  Advertise Area

    4.  Testimonial Area

    5.  Blog Area

    6.  Job Board Page

    7.  Single Job Post Page

    8.  Candidates Page

    9.  Job Details Page

    10.  Blog Page

    11.  Account Page

    12.  Contact Page

    13.  Other Page CSS

	

-----------------------------------------------------------------------------------*/



/*----------------------------------------*/

/*  1.  Job Post Style

/*----------------------------------------*/

b, strong {

    font-weight: bold !important;

}

.single-job-post {

    border-left: 1px solid #e3e3e3;

    border-right: 1px solid #e3e3e3;

    border-top: 1px solid #e3e3e3;

    position: relative

}

.job-post-container:last-of-type .single-job-post {

	border-bottom: 1px solid #e3e3e3;

}

.job-title {position: relative;}

.job-title:after {

    content: "";

    height: 100%;

    left: 0;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    position: absolute;

    top: 0;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 4px;

}

.single-job-post:hover .job-title {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

.single-job-post:hover .job-title:after {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

.job-title a {display: block;}

.jt-span-img{width:10%; margin-right:15px;}

.cate-jt .jt-span-img{width:6%; margin-right:15px;}

.jt-span-img a img {/*border: 1px solid #E5E5E5*/ max-width:40px;}

.job-title h4 {line-height:24px;}

.job-title h5 {color: #646464;}

.address span {color: #6d6d6d; line-height: 24px;}

.time-payment span {

    color: #6d6d6d;

    font-size: 14px;

    line-height: 24px

}

.stime-payment a.button {

	padding: 0;

	text-align: center;

	width: 121px;

	font-size: 14px

}

.single-job-post:last-child {border-bottom: 1px solid #e3e3e3;}

a.button.large-button {line-height: 33px; padding: 0 30px}

/*----------------------------------------*/

/*  2.  Fun Factor Area

/*----------------------------------------*/

.single-fun-factor h3 {

	font-size: 32px;

	line-height: 27px;

	position: relative;

}

.single-fun-factor > h1 {font-size: 52px; line-height: 39px;}

.single-fun-factor h3:after {

    background: #6d6d6d none repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 2px;

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    width: 71px;

}

/*----------------------------------------*/

/*  3.  Advertise Area

/*----------------------------------------*/

.advertise-content > h3 {

    color: #696969;

    font-size: 30px;

    line-height: 38px;

    position: relative

}

.advertise-content h3:before {

    bottom: 0;

    content: "";

    height: 3px;

    left: 0;

    position: absolute;

    width: 38%;

}

/*----------------------------------------*/

/*  4.  Testimonial Area

/*----------------------------------------*/

.testimonial-carousel .testimonial-img > img {

	border: 3px solid #ffffff;

	border-radius: 50%;

	height: 143px;

	margin: auto;

	width: 143px;

}

.testimonial-name {font-size: 24px;}

.testimonial-title {font-size: 14px;}

.testimonial-text {position: relative;}

.testimonial-text:after {

    background: #ffffff none repeat scroll 0 0;

    content: "";

    height: 31px;

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    top: 7px;

    width: 2px;

    z-index: 9;

}

/*----------------------------------------*/

/*  5.  Blog Area

/*----------------------------------------*/

.box-hover a {display: block; position: relative;}

.box-hover > a:after {

    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;

    border: 1px solid rgba(255, 255, 255, 0.5);

    bottom: 0;

    content: "";

    left: 0;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    position: absolute;

    right: 0;

    top: 0;

    -webkit-transition: all 0.3s ease-in 0s;

    transition: all 0.3s ease-in 0s;

}

.hover-effect:hover .box-hover > a:after {

    bottom: 20px;

    left: 20px;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    right: 20px;

    top: 20px;

}

.hover-effect:hover .box-hover.hover-large > a:after {bottom: 88px; top: 88px;}

.blog-image {border-bottom: 4px solid transparent;}

.blog-image img {width: 100%;}

.blog-date {

	display: inline-block;

	height: 66px;

	line-height: 24px;

	text-align: center;

	width: 77px;

}

.blog-date span.text-large {font-size: 30px;}

.blog-post-info > span {

    color: #8e8e8e;

    display: inline-block;

    font-size: 12px;

}

.blog-post-info {display: inline-block;}

.blog-post-info > span i{bottom: -2px; position: relative}

.blog-text > h5 {color: #5c5c5c;}

.blog-text > p {color: #8e8e8e; font-size: 12px;}

/*----------------------------------------*/

/*  6.  Job Board Page

/*----------------------------------------*/

.breadcrumb-text {z-index: 9; position: relative;}

.breadcrumb-bar .breadcrumb {

	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

	line-height: 12px;

	padding: 8px 0;

}

.breadcrumb-text h2 {line-height: 46px;}

.breadcrumb-bar li {

    font-size: 12px;

    line-height: 12px;

    position: relative;

}

.breadcrumb-bar .breadcrumb > li:first-child:before {

	border-radius: 50%;

	color: #eaeaea;

	content: "/";

	display: inline-block;

	font-family: "Material-Design-Iconic-Font";

	font-size: 18px;

	position: absolute;

	right: -20px;

	top: -1px;

}

.breadcrumb-bar .breadcrumb > li + li:before {display: none;}

.breadcrumb-bar a {color: #ffffff;}

.form-container {

    color: #555454;

    font-size: 12px;

    padding: 38px 180px;

    position: relative;

    z-index: 3;

}

.box-select {z-index: 9; position: relative}

.select {

    display: inline-block;

    float: left;

    margin-right: 10px;

    position: relative;

}

.select.large {width: 260px;}

.select.small {width: 190px;}

.select.medium {width: 200px;}

.select select {

	-moz-appearance: none;

	-webkit-appearance: none;

	background: #ffffff url("../images/icons/arrow.png") no-repeat scroll 92% 50%;

	border: medium none;

	color: #555454;

	cursor: pointer;

	font-size: 13px;

	height: 42px;

	padding: 0 16px;

	width: 100%;

}

/*----------------------------------------*/

/*  7.  Single Job Post Page

/*----------------------------------------*/

.single-info label {

	color: #525252;

	font-size: 14px;

	width: 160px;

	line-height: 34px;

}

.single-info input{

	font-size: 12px;

	color: #a2a2a2;

	height: 36px;

	border: 1px solid #DEDEDE;

	background: #fff

}

.single-info input.dark-border {border-color: #a2a2a2;}

.area-title > h2, .border-title {

    border: 1px solid #525252;

    color: #525252;

    font-size: 24px;

}

.border-title {font-size: 16px; border: 1px solid #A2A2A2}

.background-title {

    font-size: 16px;

    color: #fff;

}

.title > span {

    border: 1px solid #dedede;

    color: #606060;

    display: inline-block;

    padding: 7px 23px;

}

.title > span.lg {padding: 7px 46px}

.title > span.medium {padding: 7px 31px}

.text-style span {color: #525252; display: inline-block;}

.text-style {background: #f0f0f0 none repeat scroll 0 0;}

textarea.textarea {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border-left: 1px solid #dedede;

    border-bottom: 1px solid #dedede;

    border-right: 1px solid #dedede;

    font-size: 12px;

    color: #a2a2a2;

    font-family: 'montserratlight';

    height: 150px;

    border: 1px solid #DEDEDE;

    resize: none

}

textarea.textarea.small{height: 120px}

.uploader, .photo-uploader {

    position: relative;

    height: 36px;

    border: 1px solid #dedede;

    width: 310px

}

.photo-uploader {width: 79.1%;}

#fileupload > input, .fileupload #fileupload {

	-moz-appearance: none;

	border: 0 none;

	color: #ffffff;

	cursor: pointer;

	height: 100%;

	opacity: 0;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	position: absolute;

	right: 0;

	top: 0;

	width: 100%;

}

.filename {

	color: #a2a2a2;

	cursor: default;

	display: block;

	float: left;

	font-size: 12px;

	height: 100%;

	line-height: 34px;

	overflow: hidden;

	padding: 0 10px;

	width: 65%;

}

.action {

	color: #5e5e5e;

	font-size: 12px;

	height: 100%;

	overflow: hidden;

	text-align: right;

	float: right;

	line-height: 34px;

	padding-right: 14px;

}

.action i{font-size: 12px; margin-right: 7px}

.photo-uploader .action {

	color: #ffffff;

	padding: 0;

	text-align: center;

	text-transform: uppercase;

	width: 102px;

}

.max-size {

	color: #a2a2a2;

	font-family: "montserratlight";

	font-size: 12px;

	line-height: 36px;

}

/*----------------------------------------*/

/*  8.  Candidates Page

/*----------------------------------------*/

.keyword a.button {text-transform: lowercase; font-size: 14px}

.breadcrumb-list > li {

	display: inline-block;

	float: none;

	margin-left: 22px;

	position: relative;

}

.breadcrumb-list > li:after {

	color: #ffffff;

	content: "/";

	left: -14px;

	position: absolute;

	top: 2px;

}

.breadcrumb-list > li:first-child {margin-left: 0;}

.breadcrumb-list > li:first-child:after {content: "";}

/*----------------------------------------*/

/*  9.  Job Details Page

/*----------------------------------------*/

.mark-icon, .number {line-height: 28px; position: relative;}

.mark-icon:after {

	content: "";

	font-family: "Material-Design-Iconic-Font";

	font-size: 18px;

	left: 0;

	position: absolute;

	top: -1px;

}

.number > span {

	display: inline-block;

	width: 20px;

}

/*----------------------------------------*/

/*  10.  Blog Page

/*----------------------------------------*/

.sidebar-widget-title h4 {

	color: #3e3e3e;

	font-size: 13px;

	font-weight:bold;

	line-height: 21px;

	position: relative;

}

.sidebar-widget-title h4:after {

    content: "";

    position: absolute;

    width: 46px;

    height: 1px;

    background: rgba(0,0,0,0.1);

    left: 0;

    bottom: 0;

}

.search-container input {

    background: #ffffff none repeat scroll 0 0;

    border: 1px solid #efefef;

    color: #979797;

    font-size: 12px;

    font-weight: 300;

    height: 40px;

    padding: 0 17px;

}

.sidebar-widget-lists > li a {color: #616161;}

.sidebar-widget-lists > li a:hover {padding-left: 5px}

.sidebar-widget-lists > li {border-bottom: 1px solid #eaeaea; line-height: 18px;}

.sidebar-widget-lists > li:last-child {border: 0 none;}

.recent-post-item h5 {color: #5c5c5c;}

.recent-post-item span {color: #616161;}

.recent-post-item {border-bottom: 1px solid #eaeaea;}

.recent-post-item:last-child {border: 0 none;}

.blog-post-info > span.l-text {font-size: 14px;}

.blog-text > h5.l-text {font-size: 24px;}

.tags-and-links {border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb;}

.tags-and-links span {color: #747474; font-weight: 500;}

.tags > li {display: inline-block;}

.tags > li a {color: #8e8e8e; padding: 0 2px;}

.tags > li a:hover {color: #13B0BA;}

.tags {display: inline-block;}

.social-links {display: inline-block;}

.tags-and-links .social-links a {

    margin: 0 0 0 14px;

    padding: 0;

    width: auto;

    height: auto

}

.tags-and-links .social-links a i {font-size: 14px; line-height: 17px;}

.tags-and-links .social-links a:hover {background: transparent;}

.comments {color: #4c4c4c;}

h4.title {

	color: #4c4c4c;

	font-size: 24px;

	position: relative;

}

h4.title:after {

    bottom: 2px;

    content: "";

    height: 2px;

    left: 0;

    position: absolute;

    width: 73px;

}

.author-image {

    border: 2px solid #eaeaea;

    border-radius: 2px;

    float: left;

    height: 67px;

    margin-right: 23px;

    width: 67px;

}

.author-image > img {width: 100%;}

.comment-text {border-bottom: 1px solid #f0f0f0;}

.author-info > h4 {

    display: inline-block;

    font-size: 18px;

    line-height: 21px;

}

.author-info > h4 a {color: #4c4c4c;}

span.reply a:hover {color: #2D3E50;}

.comment-time, span.reply {

    float: right;

    line-height: 22px;

}

span.comment-time {padding-right: 3px; position: relative;}

.comment-text > p {

	color: #4c4c4c;

	font-weight: 300;

	line-height: 20px;

}

.single-comment.comment-reply {padding-left: 131px;}

.comments .single-comment:last-child {margin-bottom: 0;}

/*----------------------------------------*/

/*  11.  Account Page

/*----------------------------------------*/

.single-info label.lg-text {font-size: 16px;}

p.panel-title {

	color: #414141;

	font-size: 14px;

	font-weight: 500;

}

.conditions {

    color: #959595;

    font-family: "montserratlight";

    font-size: 14px;

}

.conditions input[type="radio"], input[type="checkbox"] {

	border: 1px solid #e3e3e3;

	height: 17px;

	margin: 0 10px 0 0;

	padding: 0;

	position: relative;

	top: 4px;

	width: 20px;

}

.conditions input[type="radio"]:focus, input[type="checkbox"]:focus {outline: 0 none;}

.modal .modal-header {

    border: 0 none;

    min-height: auto;

    padding: 0;

}

.modal {

	background-color: rgba(0, 0, 0, 0.6);

	z-index: 99999

}

.modal-dialog {

	bottom: 0;

	color: #ffffff;

	left: 0;

	margin: auto;

	position: absolute;

	right: 0;

	text-align: left;

	top: 0;

	width: 465px;

}

.modal-dialog.register{height: 555px}

.modal-body {padding: 0}

.form-pop-up-content {background: #ffffff none repeat scroll 0 0;}

.form-pop-up-content .area-title h2 {

	border-color: #cccccc;

	display: inline-block;

	font-size: 18px;

}

.form-pop-up-content .area-title h2 {

    border-color: #cccccc;

    display: inline-block;

    font-size: 18px;

}

.form-box > input {

    background: #ffffff none repeat scroll 0 0;

    border: 1px solid #cccccc;

    color: #959595;

    font-family: "montserratlight";

    height: 36px;

    padding: 0 16px;

}

.modal-dialog button.close {

	border-radius: 50%;

	color: #ffffff;

	cursor: pointer;

	font-size: 18px;

	height: 28px;

	line-height: 13px;

	margin-top: 0;

	opacity: 1;

	position: absolute;

	right: -13px;

	text-align: center;

	text-transform: uppercase;

	top: -11px;

	width: 28px;

}

.modal-dialog button.close:after {display: none}

.form-pop-up-content span a {font-family: "montserratlight"; font-size: 12px;}

.remember {

    color: #959595;

    font-family: "montserratlight";

    font-size: 12px;

}

.remember input[type="checkbox"] {

	height: 14px;

	margin-right: 6px;

	position: relative;

	top: -1px;

	width: 15px;

}

.form-pop-up-content button {

	color: #ffffff;

	font-size: 14px;

	line-height: 34px;

	width: 187px;

}

.signup-form #form-pop-up {height: 598px; top: 47.2%;}

/*----------------------------------------*/

/*  12.  Contact Page

/*----------------------------------------*/

.contact-form-and-info {width: 1024px; margin: auto;}

.contact-form {

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);

    margin: -193px auto 0;

    position: relative;

    z-index: 9;

}

.contact-form.form-box {margin: 100px 0;}

.single-contact-icon {

    border-radius: 50%;

    color: #ffffff;

    display: inline-table;

    font-size: 22px;

    height: 42px;

    margin: auto;

    width: 42px;

}

.single-contact-icon i {

    display: table-cell;

    vertical-align: middle;

    font-size: 22px

}

.single-contact-info:hover i {

    -webkit-animation: 500ms ease-in-out 0s normal none 1 running bounceIn;

        animation: 500ms ease-in-out 0s normal none 1 running bounceIn;

}

.single-contact-text {

    color: #4c4c4c;

    font-family: montserratlight;

    line-height: 24px;

}

.contact-form label {

    color: #9a9a9a;

    font-family: "montserratlight";

    font-weight: 300;

}

.contact-form input, .contact-form textarea {

    background: #f1f1f1 none repeat scroll 0 0;

    border: 0 none;

    color: #b8b8b8;

    font-size: 12px;

    height: 40px;

}

.contact-form textarea {height: 150px; padding-left: 20px}

.submit-btn {

	font-size: 14px;

	line-height: 38px;

	padding: 0 42px;

	color: #fff;

}

.single-contact-info {width: 25%; float: left;}

/*----------------------------------------*/

/*  13.  Other Page CSS

/*----------------------------------------*/

.fixed-bg-1 {background: rgba(0, 0, 0, 0) url("../images/slider/1.jpg") no-repeat fixed center top / cover ;}

.fixed-bg-2 {background: rgba(0, 0, 0, 0) url("../images/slider/2.jpg") no-repeat fixed center top / cover ;}

.banner-content h1.border-none:after {display: none;}

.video-wrapper, .video-banner {

    height: 570px;

    overflow: hidden;

    position: relative;

}

.gallery-img, .gallery-img img {width: 100%;}

.gallery-img {overflow: hidden; position: relative;}

.gallery-img img {

    display: block;

    position: relative;

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

    -webkit-transition: all 0.7s ease-in-out 0s;

    transition: all 0.7s ease-in-out 0s;

}

.gallery-img .hover-effect {

    height: 100%;

    left: 0;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    position: absolute;

    right: 0;

    top: 0;

    -webkit-transition: all 0.5s linear 0s;

    transition: all 0.5s linear 0s;

    width: 100%;

}

.gallery-img h2 {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    color: #ffffff !important;

    font-size: 17px;

    line-height: 28px;

    margin: 60px auto 10px;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    padding: 9px 0;

    position: relative;

    text-align: center;

    text-transform: uppercase;

    -webkit-transform: scale(0);

            transform: scale(0);

    -webkit-transition: all 0.5s linear 0s;

    transition: all 0.5s linear 0s;

}

.gallery-img p {

    color: #ffffff;

    margin: 0 30px;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    text-align: center;

    -webkit-transform: scale(0);

            transform: scale(0);

    -webkit-transition: all 0.5s linear 0s;

    transition: all 0.5s linear 0s;

}

.gallery-img:hover img {

    -webkit-transform: scale(1.5);

            transform: scale(1.5);

}

.gallery-img:hover .hover-effect {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

.gallery-img:hover h2, .gallery-img:hover p {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -webkit-transform: scale(1);

            transform: scale(1);

}

.header-logo-menu.stick.semi-transparent, .gallery-img, .gallery-img .hover-effect {

	background: rgba(46, 63, 81, 0.85) none repeat scroll 0 0;

}

.video-gallery {

    display: block;

    height: 215px;

    overflow: hidden;

}

.video-gallery .mbYTP_wrapper {height: 215px;}

.video-post .mbYTP_wrapper {height: 335px;}

.video-post .mb_YTPlayer, .video-gallery .mb_YTPlayer {height: 100%;}

.mb_YTPBar span.mb_OnlyYT {left: auto; right: 68px;}

.mb_YTPUrl.ytpicon {display: none !important;}





.video-post iframe {

  border: medium none;

  height: 100%;

  width: 100%;

}

.iw-job-detail .job-detail-content {

    background: #ffffff;

    -webkit-border-radius: 5px;

    border-radius: 5px;

}

.iw-job-detail .job-detail-content ul {

    margin: 0px 0px 0px 14px;

    padding: 0;

}

.iw-job-detail .job-detail-content ul li{

list-style:disc; padding: 5px; line-height:20px;

}

.iw-job-detail .job-detail-info ul {

    display: table;

    position: relative;

}

.iw-job-detail .job-detail-info ul:after {

    content: "";

    position: absolute;

    width: 1px;

    height: 100%;

    top: 0;

    right: 0;

    background: #ffffff;

}

.iw-job-detail .job-detail-info ul li {

    list-style: none;

    float: left;

    width: 50%;

    border-bottom: 1px #f6f7f9 solid;

    border-right: 1px #f6f7f9 solid;

     padding: 25px 50px;

	min-height:80px;

}

.iw-job-detail .job-detail-info ul li.address {

    color: #f16e8e;

}

.iw-job-detail .job-detail-info ul li.salary {

    color: #4a98ae;

}

.iw-job-detail .job-detail-info ul li.posted {

    color: #33aa58;

}

.iw-job-detail .job-detail-info ul li.category {

    color: #bc965a;

}

.iw-job-detail .job-detail-info ul li.year-exp {

    color: #3ac1f1;

}

.iw-job-detail .job-detail-info ul li i {

    display: inline-block;

    font-size: 16px;

    font-weight: normal;

    margin-right: 10px;

    position: relative;

    text-align: center;

    top: 2px;

    width: 20px;

}

.iw-job-detail .job-detail-info ul li .title {

    display: inline-block;

    font-weight: 600;

    text-transform: uppercase;

}

.iw-job-detail .job-detail-info ul li .left {

    float: left;

    min-width: 110px;

    font-size: 11px;

    font-weight: 600;

    text-transform: uppercase;

}

.iw-job-detail .job-detail-info ul li .content {

    font-weight: 500;

    color: #333333;

    overflow: hidden;

}

/*===== View Resume Form =====*/

.iw-job-detail .modal-header,

.iwj-employer-detail .modal-header,

.iwj-candicate-detail .modal-header {

    background: #33aa58;

    color: #ffffff;

    -webkit-border-radius: 5px 5px 0 0;

    border-radius: 5px 5px 0 0;

    text-transform: uppercase;

	padding: 25px 15px;

}

.iw-job-detail .modal-header .modal-title {

    font-weight: 600;

    color: #fff;

	font-size: 18px;

}

.iwj-popup-form .modal-body {

    padding: 30px;

}

.iwj-popup-form label {

    font-weight: 600;

    text-transform: uppercase;

    font-size: 12px;

    color: #2980b9;

}

.iwj-popup-form .modal-body input, .iwj-popup-form .iwj-btn-action button {

    height: 42px;

    line-height: 40px;

}

.iw-job-detail .action-button .button > a, .iw-job-detail .action-button .iwj-button-loader > a {

    display: inline-block;

    line-height: 39px;

    font-weight: 600;

    font-size: 13px;

    color: #ffffff;

    text-align: center;

    min-width: 160px;

    padding: 0 15px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    text-transform: uppercase;

    outline: none;

    border: 2px solid;

}

.iw-job-detail .action-button a.apply-job.apply-with-linkedin {

    margin-right: 10px;

    background-color: #0077B5;

    border-color: #0077B5;

    min-width: unset;

	width: 42px;

    height: 42px;

    padding: 0;

    text-align: center;

}

.iw-job-detail .action-button a.iwj-save-job, .iw-job-detail .action-button .iwj-button-loader > a.iwj-save-job {

    min-width: unset;

    border-color: #F16E8E;

	width: 42px;

    height: 42px;

    padding: 0;

    text-align: center;

}

a.iwj-save-job i{

color:#F16E8E;

}

.iw-job-detail .action-button a.apply-job {

    margin-right: 10px;

    margin-bottom: 12px;

    background-color: #16A085;

    border-color: #16A085;

}

.wid-90{width:90%;}

.wid-85{width:85%;}

.arrow {

  border: solid black;

  border-width: 0 3px 3px 0;

  display: inline-block;

  padding: 3px;

}



.right {

  transform: rotate(-45deg);

  -webkit-transform: rotate(-45deg);

}



.left {

  transform: rotate(135deg);

  -webkit-transform: rotate(135deg);

}



.up {

  transform: rotate(-135deg);

  -webkit-transform: rotate(-135deg);

}



.down {

  transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

}

/* ===== Work Step ===== */



/* Style 1 */

.iw-work-steps .owl-carousel .owl-wrapper-outer {

    padding-top: 25px;

}

.iw-work-step.style1 {

    text-align: center;

    position: relative;

    margin-bottom: 30px;

    z-index: 0;

	padding-top: 15px;

}

.iw-work-steps .owl-item:nth-child(odd) .iw-work-step.style1:before {

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-top: 1px dashed #999999;

    content: "";

    height: 173px;

    left: 50%;

    position: absolute;

    top: 10px;

    width: 100%;

    z-index: -1;

}

.iw-work-steps .owl-item:nth-child(even) .iw-work-step.style1:before {

    border-radius: 50%;

    border-bottom: 1px dashed #999999;

    content: "";

    height: 172px;

    left: 50%;

    position: absolute;

    top: -60px;

    width: 100%;

    z-index: -1;

}

.iw-work-steps .owl-item:last-child .iw-work-step.style1:before {

    display: none;

}

.iw-work-step.style1 .icon {

    position: relative;

    display: inline-block;

    z-index: 2;

	padding-bottom: 10px;

}

.iw-work-step.style1 .icon .count-step {

    position: absolute;

    display: inline-block;

    top: 0;

    left: 0;

    font-size: 11px;

    font-weight: bold;

    line-height: 26px;

    height: 26px;

    width: 26px;

    background-color: #FFFFFF;

    -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.35);

    box-shadow: 0 3px 7px 0 rgba(0,0,0,0.35);

    -webkit-border-radius: 50%;

    border-radius: 50%;

}

.iw-work-step.style1 .icon i {

    display: inline-block;

    height: 80px;

    width: 80px;

    background-color: #16A085;

    color: #FFFFFF;

    font-size: 36px;

    font-weight: 500;

    line-height: 80px;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    margin-bottom: 25px;

}

.iw-work-step.style1 .info-wrap {

    padding: 0 25px;

}

.iw-work-step.style1 h3.title {

    color: #333333;

    font-size: 20px;

    font-weight: 600;

    line-height: 40px;

    margin: 0 0 10px;

}

.iw-work-step.style1 .description {

    color: #777;

    font-size: 13px;

    line-height: 25px;

}



/* Style 2 */

.iw-work-step.style2 {

    text-align: center;

    color: #ffffff;

    margin-bottom: 30px;

    position: relative;

    z-index: 0;

}

.iw-work-steps .iw-work-step.style2:before {

    content: "";

    height: 27px;

    right: 28%;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

    background-image: url("../images/arrow-1.png");

    background-repeat: no-repeat;

}

.iw-work-steps .col-md-4 .owl-item:last-child .iw-work-step.style2:before {

    background: url("../images/arrow-2.png");

    background-repeat: no-repeat;

}

.iw-work-steps .owl-item:first-child .iw-work-step.style2:before {

    display: none;

}

.iw-work-step.style2 .icon {

    font-size: 48px;

    font-weight: 500;

    line-height: 52px;

    margin-bottom: 10px;

}

.iw-work-step.style2 .title {

    font-size: 13px;

    font-style: italic;

    font-weight: 600;

    line-height: 18px;

    margin: 0;

    color: #fff;

}



/* ===== End Work Step ===== */

.employer_bg{

    padding-right: 0px !important;

    padding-left: 0px !important;

    background-image: url("../images/bg/bg-info-home-3.png") !important;

    background-position: center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

	padding-top: 111px !important;

    padding-bottom: 116px !important;

	padding-left:30px;

	padding-right:30px;

}

.candidate_bg{

    padding-right: 0px !important;

    padding-left: 0px !important;

    background-image: url("../images/bg/bg-info-home-4.png") !important;

    background-position: center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

	padding-top: 111px !important;

    padding-bottom: 116px !important;

	padding-left:30px;

	padding-right:30px;

}

.employer_bg h6,.employer_bg h3,.employer_bg p,.candidate_bg h6,.candidate_bg h3,.candidate_bg p{color:#FFF}

.text-area ul {

	list-style: none; /* Remove HTML bullets */

	padding: 0;

	margin: 0;

}

.pages-details ul li {padding-left: 16px; line-height:28px;}

.pages-details ul li::before {

	content: "•"; /* Insert content that looks like bullets */

	padding-right: 8px;

	color: #000; /* Or a color you prefer */

}

b{font-weight:bold;}

#client-logos .item{

    background: #fff;

    padding: 30px 0px;

    margin: 5px;

    color: #FFF;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    text-align: center;

}

#client-logos .item img{width:auto; height:80px;}

table {

    border-collapse: collapse;

    margin: 0 0 1.5em;

    width: 100%;

}

thead tr th, tbody tr td, tbody tr th, tfoot tr td, thead tr th {

    padding: 8px;

    line-height: 1.42857143;

    vertical-align: top;

    border-top: 1px solid #ddd;

}

.pages-details ol li {

    padding-left: 16px;

    line-height: 28px;

	list-style: decimal;

}

.style-6 .single-service {

	border: 1px solid #ddd;

	padding: 25px 40px;

	margin-bottom: 70px;

	box-shadow: 0 5px 30px -5px #ccc;

	position:relative;

	-webkit-transition:.3s;

	transition:.3s;

	text-align:center;

	border-bottom: 3px solid #0baeee;

	padding-bottom:30px;

}

.style-6 .single-service i.fa {

	color: #0baeee;

	font-size: 30px;

	margin: 25px 0px;

	border: 1px solid #0baeee;

	text-align: center;

	border-radius: 50%;

	position: relative;

	width: 60px;

	height: 60px;

	line-height: 60px;

	-webkit-transition:.5s;

	transition:.5s;

	background-size: 40px 40px;

    background-repeat: no-repeat;

    background-position: center;

}

.style-6 .single-service:after{

	position: absolute;

	content: "";

	width: 0%;

	left: 0;

	top: 0;

	border-left: 3px solid #0baeee;

	height: 0%;

	z-index: 2;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	-webkit-transition:.5s;

	transition:.5s;

}

.style-6 .single-service:before{

	position: absolute;

	content: "";

	width: 0%;

	right: 0;

	bottom: 0;

	border-right: 3px solid #0baeee;

	height: 0%;

	z-index: 2;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	-webkit-transition:.5s;

	transition:.5s;

}

.style-6 .single-service:hover:before, .single-service:hover:after{

	height:50%;

	width:50%;

}

.style-6 .single-service:hover i.fa {

	background-color: #0baeee;

	border-color: #0baeee;

	color: #fff;

}

.style-6 .single-service h3 {

	position: relative;

	font-weight: 400;

	margin-top: 0px;

	padding-top: 20px;

	font-size: 22px;

}

.style-6 .single-service p {

	font-weight: 300;

}

.style-6 .single-service h3:before {

	position: absolute;

	content: "";

	width: 3px;

	height: 12px;

	/*background-color: #0bbbc1;*/

	top: -25px;

	left: 50%;

	margin-left: -1.5px;

}

.style-6 .single-service h3:after {

	position: absolute;

	content: "";

	width: 30px;

	height: 3px;

	/*background-color: #0bbbc1;*/

	left: 50%;

	margin-left: -15px;

	top: -13px;

}



.style-6 .single-service a.border-btn {

	background-color: #0baeee;

	position: absolute;

	left: 50%;

	margin-left: -70px;

	margin-top: 10px;

	z-index: 99;

}

a.border-btn {

	color: #fff;

	background-color: #0baeee;

	display: inline-block;

	padding: 10px 30px;

	border-radius: 3px;

	margin-top: 20px;

	font-weight: 500;

	-webkit-transition:.4s;

	transition: .4s;

	position:relative;

	overflow:hidden;

	z-index:10;

}



a.border-btn:before {

	position: absolute;

	content: "";

	width: 100%;

	height: 100%;

	background-color: #333;

	left: 0;

	top: -100%;

	border-radius: 3px;

	-webkit-transition:.4s;

	transition: .4s;

	visibility: hidden;

	z-index:-1;

}

a.border-btn:hover:before {

	visibility:visible;

	top: 0;

}

.doctor{

	background-image: url(../images/icons/doctor-blue.png);

}

.nurse{

	background-image: url(../images/icons/nurse-blue.png);

}

.ahp-hss{

	background-image: url(../images/icons/ahp-hss-blue.png);

}

.occupational-health{

	background-image: url(../images/icons/occupational-health-blue.png);

}

.style-6 .single-service:hover .doctor{

	background-image: url(../images/icons/doctor-white.png);

}

.style-6 .single-service:hover .nurse{

	background-image: url(../images/icons/nurse-white.png);

}

.style-6 .single-service:hover .ahp-hss{

	background-image: url(../images/icons/ahp-hss-white.png);

}

.style-6 .single-service:hover .occupational-health{

	background-image: url(../images/icons/occupational-health-white.png);

}

.listcr{float:right; width:170px;}

.listcl{float:left; width:170px;}

.videoWrapper {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 25px;

    height: 0;

}

.videoWrapper iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.embedded-video-16-9 {

  width:  90vw;

  height: 50.625vw; /* 90*9/16 */

  /*margin-left: 5vw;

  margin-right: 5vw;*/

}



@media (min-width: 893px) {

  .embedded-video-16-9 {

    width: 45vw;

    height: 25.3125vw; /* 45*9/16 */

    margin-left: 2vw;

    margin-right: 2vw

  }

}

label.error {

	/* remove the next line when you have trouble in IE6 with labels in list */

	color: red;

	width:100%;

    padding: 0px;

    margin: 0;

    line-height: normal;

}