@font-face {
	font-family: 'San Francisco Text Bold';
	src: url('../new_fonts/SFUIText-Bold.eot');
	src: url('../new_fonts/SFUIText-Bold.eot?#iefix') format('embedded-opentype'),
	url('../new_fonts/SFUIText-Bold.woff') format('woff'),
	url('../new_fonts/SFUIText-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
body.active {
    overflow: hidden;
}
.job-list {
	margin-left: -15px;
	margin-right:-15px;
	margin-top: 71px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; 
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.job-item {
	width: 50%;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.job-item__box {
	width: 100%;
	background: #fff;
	display: block;
	box-sizing: border-box;
	padding-left: 56px;
	padding-right: 56px;
	padding-top: 58px;
	padding-bottom: 42px;
	text-decoration: none;
    position: relative;
}
.job-item__box:hover {
	text-decoration: none;
}
.job-item__price {
	color: #020226;	
	font-size: 20px;
	font-weight: 700;
	font-family: 'San Francisco Text Bold';
	background: url(../images/job_price.png) 0 center no-repeat;
	padding-left: 40px;
}
.job-item__name {
	color: #252654;
	font-size: 16px;
	font-weight: 500;
	margin-top: 31px;
}
.job-item__text {
	color: #646478;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.19px;
	line-height: 28px;
	margin-top: 17px;
	padding-bottom: 75px;
}
.job-item__more {
    position: absolute;
    bottom: 50px;
}
.job-item__more .more {
	margin-left: 28px;
}
.page-pagetitle {
	margin-top: 1px;
}
.pagination {
	padding-top: 24px;
}
.job-pop {
	position: fixed;
	width: 60%;
	height: 100%;
	top:0;
	right: -100%;
	background: #fff;
	z-index: 20;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    opacity: 0;
}
.job-pop.active {
	visibility: visible;
	opacity: 1;
	right:0;
}
.job-pop__wrap {
	width: 100%;
	height: 100%;
	overflow-y: auto;	
	box-sizing: border-box;
	padding-left: 117px;
	padding-right: 117px;
	padding-top: 100px;
	padding-bottom: 100px;
}
.job-pop__name {
	color: #2f2f3e;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	margin-top: 17px;	
}
.job-pop__introtext {
	color: #646478;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.19px;	
	margin-top: 40px;
	font-family: 'sf_pro_text';
}
.job-pop__introtext p {
	margin-bottom: 5px;
}
.job-pop__text {
	margin-top: 40px;
}
.job-pop__texts {
	color: #252654;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
}
.job-pop__text ul {
	padding: 0;
	margin: 0;
	font-family: 'sf_pro_text';
}
.job-pop__text ul li {
	color: #646478;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.19px;
	/*margin-bottom: 2px;*/
	list-style: none;
}
/*
.job-pop__text ul li:before {
	content: '—';
	display: inline;
	margin-right: 5px;
}
*/
.job-pop-bottom {
	border-top:1px  solid #cbcbcb;
	margin-top: 40px;
	font-family: 'sf_pro_text';
}
.job-pop-bottom__name {
	color: #2f2f3e;
	font-size: 24px;
	font-weight: 300;
	margin-top: 20px;
}
.job-pop-bottom__text {
	color: #646478;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.19px;
	margin-top: 15px;
}
.job-pop-bottom__text a {
	color: #252654;
	font-weight: 500;
	text-decoration: none;
}
.job-pop__close {
	width: 25px;
	height: 25px;
	background: url(../images/job_close.png) no-repeat;
	display: block;
	position: absolute;
	right: 56px;
	top:56px;
}
.job-pop-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 19;
	background-color: #070707;
	opacity: 0.34;
	top: 0;
	left: 0;
	display: none;
}
.job-pop-bg.active {
	display: block;
}
@media (max-width:991px){
    .navbar-dark .navbar-toggler-icon {
        background-image: url(../img/menu-dark.svg);
    }
    .job-item {
        width:100%;
    }
    .job-pop {
        width:90%;
    }
    .job-pop__wrap {
        padding-left:48px;
        padding-top:80px;
    }
    .job-pop__close {
        top:44px;
        right:44px;
    }
    
}
@media (max-width:600px){
    .job-pop__close {
        background: url(/images/close_mob_btn.png) no-repeat;
        width: 210px;
        height: 55px;
        left: 0px;
        position: relative;
        display: block;
        top:0;
        margin-bottom:30px;
    }
    .job-pop {
        width:100%;
    }
    .job-pop__wrap {
        padding-left: 20px;
        padding-top: 30px;
        padding-right: 20px;
    }
    .job-item__box {
        padding-left:25px;
        padding-right:25px;
    }
}