.job-section ul {

	margin-left: 20px

}

.job-section ul li {

	margin-bottom: 10px

}

.job-section .wrap {

	max-width: 800px;

	margin: 0 auto

}

.job-section h3 {

	font-size: 1.2em;

	margin-bottom: 20px;

	margin-top: 50px

}

.jobs-list a.job-link {

	display: block;

	text-decoration: none!important;

	color: #333

}

.jobs-list .job-item {

	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .1);

	-moz-box-shadow: 0 0 40px rgba(0, 0, 0, .1);

	box-shadow: 0 0 40px rgba(0, 0, 0, .1);

	padding: 10px;

	margin-bottom: 2rem;

	background: #fff

}

.jobs-list .job-item, .jobs-list .job-item .job-item-inner {

	border: 1px solid #fff;

	-webkit-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease;

	position: relative

}

.jobs-list .job-item .job-item-inner {

	padding: 20px

}

.jobs-list .job-item .job-item-inner:after, .jobs-list .job-item .job-item-inner:before {

	position: absolute;

	content: "";

	background: #fff;

	z-index: 1;

	-webkit-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease

}

.jobs-list .job-item .job-item-inner:before {

	top: -5px;

	bottom: -5px;

	right: 0;

	left: 0

}

.jobs-list .job-item .job-item-inner:after {

	top: 0;

	bottom: 0;

	right: -5px;

	left: -5px

}

.jobs-list .job-item .job-content {

	position: relative;

	z-index: 3

}

.jobs-list .job-item .category {

	width: 50%;

	color: #736af0;

	font-weight: 600;

	text-transform: uppercase;

	font-size: 14px

}

.jobs-list .job-item .post-time {

	float: right;

	width: 50%;

	color: #575b6a;

	text-align: right;

	font-size: 14px

}

.jobs-list .job-item h3 {

	padding-top: 20px;

	clear: both;

	font-size: 18px;

	margin-bottom: 20px

}

.jobs-list .job-item:hover {

	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .3);

	-moz-box-shadow: 0 0 40px rgba(0, 0, 0, .3);

	box-shadow: 0 0 40px rgba(0, 0, 0, .3);

	-webkit-transform: scale(1.03);

	-moz-transform: scale(1.03);

	-ms-transform: scale(1.03);

	-o-transform: scale(1.03);

	transform: scale(1.03)

}

.jobs-list .job-item:hover .job-item-inner {

	border-color: #186bfb

}

.jobs-list .job-item:hover .job-item-inner:before {

	left: 60px;

	right: 60px

}

.jobs-list .job-item:hover .job-item-inner:after {

	top: 30px;

	bottom: 30px

}

a.load-more-jobs {

	color: #202020;

	display: inline-block;

	text-transform: uppercase;

	position: relative;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-ms-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease

}

a.load-more-jobs span {

	background: #fff;

	position: relative;

	display: inline-block;

	z-index: 2;

	padding: 0 10px

}

a.load-more-jobs:after {

	height: 1px;

	background: #202020;

	position: absolute;

	content: "";

	left: -20px;

	right: -20px;

	top: 40%;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-ms-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease

}

a.load-more-jobs:hover {

	color: #186bfb

}

a.load-more-jobs:hover:after {

	left: -40px;

	right: -40px;

	background: #186bfb

}

.job-filter-wrap {

	text-align: right;

	margin-bottom: 50px;

	position: relative;

	vertical-align: top

}

.job-filter-wrap .search-field-btn-wrap {

	position: relative;

	display: inline-block;

	vertical-align: top

}

.job-filter-wrap .search-job-btn {

	position: absolute;

	background: #fff;

	text-align: center;

	top: 0;

	right: 0;

	bottom: 0;

	z-index: 2;

	width: 40px;

	border: 0;

	outline: none!important;

	-webkit-transition: all .4 ease;

	-o-transition: all .4 ease;

	transition: all .4 ease;

	vertical-align: top

}

.job-filter-wrap .search-job-btn:hover {

	color: #186bfb

}

 @media (max-width:550px) {

.job-filter-wrap .fancy-dropdown {

	width: 100%;

	max-width: 100%;

	margin: 0 0 10px

}

.job-filter-wrap .fancy-search,  .job-filter-wrap .search-field-btn-wrap {

	width: 100%

}

}

ul.custom-pagination {

	text-align: center;

	margin: 30px 0 0;

	padding: 0

}

ul.custom-pagination li {

	display: inline-block

}

ul.custom-pagination li a, ul.custom-pagination li span {

	display: block;

	padding: 5px 10px;

	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .1);

	-moz-box-shadow: 0 0 40px rgba(0, 0, 0, .1);

	box-shadow: 0 0 40px rgba(0, 0, 0, .1);

	font-weight: 600;

	font-size: 13px;

	text-decoration: none!important;

	-webkit-transition: all .4 ease;

	-o-transition: all .4 ease;

	transition: all .4 ease

}

.job-opeings-section .searchBlock {

	max-width: 500px;

	width: 100%;

	border-radius: 4px;

	background: #fff;

	height: 46px;

	margin: 0 auto;

	margin-top: 0px;

	box-shadow: 0 1px 5px rgb(0 0 0 / 30%);

	position: relative;

	padding-left: 15px;

}

.job-opeings-section .searchBlock .fa-search {

	font-size: 20px;

	color: #333;

	margin-right: 10px;

	margin-top: 12px;

}

.job-opeings-section .searchBlock input {

	max-width: 60%;

	width: 100%;

	border: none;

	height: 45px;

	padding: 6px;

	outline: none;

	font-weight: 400;

}

button:focus {

	outline: none!important;

}

.job-opeings-section .searchBlock button {

	border: none;

	background: #1ba1ff /*Dynamic color-1*/;

	color: #ffffff /*Dynamic color-2*/;

	height: 46px;

	font-weight: 600;

	font-size: 16px;

	float: right;

	max-width: 32%;

	width: 100%;

	border-radius: 0 4px 4px 0;

}

.job-opeings-section .currentOpenings {

	margin-top: 50px;

}

.job-opeings-section .searchBlock button i {

	font-size: 28px;

	float: right;

	margin-right: 15px;

}

.job-opeings-section .leftSideTitle {

	color: #333;

	font-size: 24px;

	font-weight: 700;

}

.job-opeings-section .leftSideFieldRow label {

	width: 100%;

	margin-bottom: 5px;

	color: #ffffff /*Dynamic color-2*/;

	font-weight: 600;

	font-size: 15px;

	text-align: left;

}





.job-opeings-section .leftSideFieldRow button.refResultBtn {

	border-radius: 100px;

	width: 180px;

	background: #ffffff;

	padding: 0px 10px;

	font-weight: 600;

	color: #333;

	height: 46px;

	border: none;

	box-shadow: 0 2px 6px rgb(0 0 0 / 20%);

	border-radius: 3px;

	border-radius: 3px;

	font-size: 14px;

	text-transform: uppercase;

	display:block;

	margin:0 auto

}

.job-opeings-section .leftSideFieldRow button.refResultBtn:hover {

	background: #fcb040;

	color: #fff;

}

.job-opeings-section .leftSideFieldRow .clearFilters {

	padding: 15px 0;

	text-align: center;

}

.job-opeings-section .notReady {

	width: 100%;

	background: #fff;

	text-align: center;

	padding: 20px 34px;

	box-shadow: 0 0 8px rgb(0 0 0 / 10%);

	margin-top: 20px;

}

.job-opeings-section a.notRBtn {

	padding: 10px 26px;

	text-align: center;

	color: #ffffff /*Dynamic color-2*/;

	border: none;

	background: #fcb040;

	color: #fff;

	border: 2px solid #fcb040!important;

	margin: 10px auto 0;

	border-radius: 100px;

	font-size: 15px;

	display: inline-block;

	border-radius: 3px;

	font-size: 14px;

	text-transform: uppercase;

	text-decoration: none;

}

.job-opeings-section a.notRBtn:hover {

	background: none;

	color: #000;

}



.job-opeings-section .currentOpeningsHeader {

    padding-bottom: 10px;

    margin-bottom: 5px;

}





.job-opeings-section .currentOpeningsHeader .coLiNumber {

	color: #333;

	font-size: 18px;

	font-weight: 600;

	margin-top: 3px;

	float:left

}

.job-opeings-section .currentOpeningsHeader .jobs_count {

	display: inline-block;

	font-size: 22px;

}

.job-opeings-section .currentOpeningsHeader .coLiNumber span {

	color: #666;

	font-size: 14px;

	font-weight: 400;

}

.colPagnation {

	float: right;

	text-align: right;

	color: #009cde;

	font-size: 15px;

}

.colPagnation ul {

	margin: 0;

	padding: 0;

	border: solid 1px #ddd;

	background: #fff;

	float: right;

}

.colPagnation ul li {

	list-style-type: none;

	border-right: solid 1px #ddd;

	float:left

}

.colPagnation ul li.active a {

	background: #f3f1f2;

	font-weight: 700;

}

.colPagnation ul li a {

	color: #333;

	font-size: 14px;

	font-weight: 400;

	display: block;

	padding: 3px 10px;

}

.colPagnation ul li a:hover {

	color: #1ba1ff;

	text-decoration: none;

}

.currentOpenList {

	width: 100%;

	padding: 10px 20px;

	margin-bottom: 15px;

	border: solid 1px #e0e0e0;

	background: #fff;

	cursor: pointer;

	box-shadow: 0px 1px 14px rgb(0 0 0 / 10%);

	float:left

}

.currentOpenList .jobListLeft {float:left;

	width: 70%;

}

.currentOpenList .curJobCodeRow {

	width: 100%;

	padding: 15px 0 5px;

	color: #9496a8;

}

.currentOpenList .jobListRight {

	float: right; padding-top:1.75rem



}



.currentOpenList .jobViewBtn {

	float: right;

	background: #1ba1ff /*Dynamic color-1*/;

	color: #ffffff /*Dynamic color-2*/;

	font-size: 16px;

	border-radius: 3px;

	border: none;

	height: 28px;

	line-height: 22px;

	padding: 3px 10px;

	margin-top: 5px;

	margin-left: 5px;

}

.currentOpenList .jobAplyBtn {

	float: right;

	color: #ffffff /*Dynamic color-2*/;

	font-size: 10px;

	text-transform: uppercase;

	border-radius: 3px;

	border: none;

	height: 28px;

	line-height: 22px;

	margin-top: 5px;

	padding: 3px 15px;

	text-decoration: none;

	font-weight: 600;

}

.currentOpenList .curJobCodeRow span {

	display: inline-block;

	margin-right: 5px;

	font-size: 12px;

}

.currentOpeningsBottom {

	padding: 10px 0;

	width: 100%;

	margin-bottom: 30px;

	float:left;

}

.currentOpeningsBottom .showNumbList {

	margin-top: 5px;

	font-size: 14px;

	float:left;

}

/* The Modal (background) */

.modal {

	display: none; /* Hidden by default */

	position: fixed; /* Stay in place */

	z-index: 9999; /* Sit on top */

	padding-top: 100px; /* Location of the box */

	left: 0;

	top: 0;

	width: 100%; /* Full width */

	height: 100%; /* Full height */

	overflow: auto; /* Enable scroll if needed */

	background-color: rgb(0,0,0); /* Fallback color */

	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}

.modal-header {

	padding: 15px 25px;

	background: #f8f8f8;

	border-bottom: solid 1px #eee;

}

.modal-title {

	max-width: 90%;

	color: #000;

	font-size: 18px;

	text-transform: capitalize;

}

/* Modal Content */

.modal-content {

	background-color: #fefefe;

	margin: auto;

	padding: 0px;

	border: 0px solid #888;

	width: 80%;

	max-width: 850px;

	min-height: 500px;

}

.crsPholder {

	color: #333;

	font-size: 11px;

	top: 10px;

	margin-bottom: 0px

}

.crsinput {

	border: none;

	border-bottom: solid 1px #ccc;

	width: 100%;

	height: 32px;

	font-size: 13px;

	position: relative;

	background: none;

	border-radius: 0px;

	padding: 0;

	resize: none;

	background: none;

	font-weight: 400;

	padding: 5px 0px;

	outline: none;

}

.crsGroup:after {

	display: none;

}

/* The Close Button */

.close {

	color: #aaaaaa;

	float: right;

	font-size: 28px;

	font-weight: bold;

}

.radius-25 {

	border-radius: 25px;

}

.cancel-btn:hover {

	background: none;

	color: #000;

}

.close:hover, .close:focus {

	color: #000;

	text-decoration: none;

	cursor: pointer;

}

@media screen and (max-width: 992px) {



.job-opeings-section .leftSideBlock {

	max-width: 100%;

}

.job-opeings-section .rightSide {

	max-width: 100%;

	margin-left: 0%;

	margin-top: 25px;

}

}

@media screen and (max-width: 480px) {

.job-opeings-section .searchBlock input {

	width: 52%;

}

.job-opeings-section .searchBlock button {

	max-width: 35%;

	font-size: 14px;

	line-height: 16px;

	min-width: inherit;

}

.job-opeings-section .searchBlock button i {

	display: none;

}

}

 @media screen and (max-width: 992px) {

.about-company-section .about-company-widget {

	padding: 40px 0;

}

}

.form-wrap {

	text-align: left;

}

.form-wrap:after {

	display: none;

}

.form-wrap .form-submit, .form-wrap .form-desc {

	text-align: left;

}

.company-ethics .ethics-item .icon {

	margin: 0px;

	height: auto;

	width: 60px;

}

.company-ethics .ethics-item .icon span {

	background: none;

}

.company-ethics .ethics-item:hover .icon {

	box-shadow: none;

}

.company-ethics .ethics-item:hover {

	color: #000;

}

.display-md {

	display: none!important;

}

 @media screen and (max-width: 767px) {

.hidden-md {

	display: none!important;

}

.display-md {

	display: block!important;

}





 }

 

 

 

 .leftSide{ padding:2rem; background-color:#333; margin-top:.5rem;}

 

.curJobTitle h5{ font-weight:400}



.white-color{ color:#fff}