/* CSS Document */
@media only screen and (max-width: 360px) {
	body{
		zoom:0.9;
	}
}


@media only screen and (max-width: 600px) {
		
	/*
	Elemanist developing group
	Design:Tolga Besci
	Coder:Fatih Çelebi
	Investor:Sevda 
	*/
	
	/*[][][][][][BASE][][][][][]*/
	
	body{
		-webkit-tap-highlight-color: transparent;
	}
	
	a{
	}
	
	h2, h3, h4, h5{
	}
	
	.carousel{
		width:calc(100% - 32px);
		max-width:1400px;
		margin:0px auto;
		display:flex;
		align-items: center;
		justify-content:space-between;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 24px;
	}
	
	.vertbr{
		width:100%;
		height:1px;
		background:#dddddd;
	}
	
	#double_flex{
		width: 100%;
		display: grid;
		gap: 12px;
		justify-content: normal;
		margin: 0px;
		overflow: hidden;
	}
	
	#double_flex .left{
		width: 100%;
		/* display: contents; */
		/* overflow: hidden; */
	}
	
	#double_flex .middle{justify-content: flex-start;display: flex;gap: 4px;border: none;width: 100%;overflow: hidden;background: #f6f6f6;}
	
	#double_flex .middle_group{
		width: calc(100% - 324px);
		/* margin:0px auto; */
		display:flex;
		align-items: center;
		justify-content:space-between;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 24px;
		height: max-content;
		transition: 0.2s;
	}
	
	#double_flex .resizemiddle{
		width: calc(100% - 0px);
		transition: 0.2s;
	}
	
	#double_flex .resizeleft{
		width: calc(100% - 0px);
		transition: 0.2s;
		gap: 0px;
		display: flex;
		background: #f6f6f6;
		justify-content: center;
		border-radius: 16px 16px 0px 0px;
		overflow: hidden;
	}
	
	#double_flex .right{
		width: 340px;
		height: max-content;
		display: grid;
		gap: 24px;
		border-radius: 12px;
		transition: 0.2s;
		overflow: hidden;
		position: sticky;
		z-index: 6;
		top: 100px;
		margin: 0px;
		box-shadow: 0 1px 2px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.05);
	}
	
	#double_flex .showpanel{
		width:0px;
		display: none;
		animation-name: hidepanel;
		animation-duration: 0.12s;
	}
	
	.expandarea{
		padding: 0px 0px 32px 0px;
		display:grid;
		gap: 32px;
		justify-content: normal;
		width: 100%;
		overflow: hidden;
		margin: 0px;
	}
	
	.col1{
		width: calc(100% - 0px);
	}
	
	.col2{
		width: calc(100% - 32px);
	}
	
	.col3{
		width: calc(33% - 17px);
	}
	
	.col4{
		width: calc(25% - 24px);
	}
	
	.space_32{
		height:32px;
		width:100%;
		overflow:hidden;
	}
	
	.space_48{
		height:48px;
		width:100%;
		overflow:hidden;
	}
	
	.space_64{
		height:64px;
		width:100%;
		overflow:hidden;
	}
	
	.space_128{
		height:128px;
		width:100%;
		overflow:hidden;
	}
	
	#forback{
		width:100%;
		height:100%;
		background:#0000001f;
		position:fixed;
		z-index: 6;
		transition: 0.2s;
		animation-name: getback;
		animation-duration: 0.2s;
	}
	
	::-webkit-scrollbar-track
	{
		-webkit-box-shadow: none;
		border-radius: 10px;
		background-color: #ffffff;
		display:none;
	}
	
	::-webkit-scrollbar
	{height:6px;
		width: 6px;
		background-color: #F5F5F5;
	 display:none;
	}
	
	::-webkit-scrollbar-thumb
	{
		height:6px;
		border-radius: 10px;
		-webkit-box-shadow: none;
		background-color: #dadada;
		display:none;
	}
	
	.only_mobile{
		display:block!important;
	}
	
	.only_mobile_flex{
		display:flex!important;
	}
	
	.only_mobile_grid{
		display:grid!important;
	}	
	
	.only_mobile_fixed{
		display:fixed!important;
	}
	
	.only_desktop{
		display: none!important;
	}

	.mobilehead{
		font-size:16px;
		font-weight:600;
		padding-left: 16px;
		padding-top: 16px;
		display:block;
		/* border-top: 1px solid #f3f3f3; */
	}
	
	.desktophead{
		/* display:none; */
		width: 100%;
		font-size: 15px;
		font-weight: 500;
		/* border-bottom: 1px solid #ededed; */
		padding: 24px 8px 4px 8px;
		display: flex;
		align-items: center;
		gap: 4px;
	}	
	
	/*[][][][][][]INPUT[][][][][][*/
	
	input[type="checkbox" i] {
	    background-color: initial;
	    cursor: default;
	    appearance: auto;
	    box-sizing: border-box;
	    margin: 0px;
	    padding: initial;
	    border: 1px solid #000;
	    width: 28px;
	    height: 28px;
	    border-radius: 8px!important;
	}
	
	input[type="radio" i] {
	    background-color: initial;
	    cursor: default;
	    appearance: auto;
	    box-sizing: border-box;
	    margin: 0px;
	    width: 18px;
	    height: 18px;
	    padding: initial;
	    border: initial;
	}
	
	input[type="text" i] {
		width: calc(100% - 20px);
		padding:8px;
		border-radius: 12px;
		/* background: #eeeeee; */
		border: 2px solid #dcdcdc;
		height: 24px;
		font-size: 15px;
	}
	
	input[type="text" i]:focus {
		outline:2px solid #afafaf;	
	}
	
	input[type="password" i] {
		width:-webkit-fill-available;
		padding:8px;
		border-radius: 12px;
		/* background: #eeeeee; */
		border: 2px solid #dcdcdc;
		height: 24px;
		letter-spacing: 8px;
		font-size: 20px;
	}
	
	input[type="password" i]:focus {
		outline:2px solid #afafaf;	
	}
	
	/*[][][][][][CONTENT MODULE][][][][][]*/
	
	.content_head{
		font-size: 22px;
		font-weight: 700;
		width:100%;
		border-bottom: 2px solid #f6f6f6;
		color: #4f4f4f;
		padding-bottom: 8px;
		display:flex;
		align-items:center;
		gap:8px;
	}
	
	.content_head img{
		width: 36px;
		height: 36px;
	}
	
	.content_more{
	width: calc(100% - 0px);
	/* margin: 16px auto; */
	padding: 8px;
	background: #fff;
	}
	
	.content_more a{
		font-size: 12px;
	}
	
	.content_more a:hover{
		border: 2px solid #4f4f4f;
		transition:0.2s;	
	}
	
	.content_more a img{
		width: 16px;
		height: 16px;
	}
	
	.content_more .text{
		font-size: 12px;
		display:flex;
		gap: 4px;
		align-items:center;
	}
	
	.content_more .text img{
		width: 18px;
		height: 18px;
	}
	
	/*[][][][][][HEADER MODULE][][][][][]*/
	
	#header{
		height: 60px;
	}
	
	#header .inset{
	}
	
	#header .logo{
		height: 20px;
		width: 135px;
	}
	
	#header .menu{
	}

	#header .text{
	}
	
	
	#header .subject{
		font-size: 15px;
		font-weight: 400;
		color: #4f4f4f;
	}
	
	#header .account_button{
		display:none;
	}
	
	#header .account_button:hover{
		box-shadow: 0 1px 2px rgb(0 0 0 / 20%),0 4px 12px rgba(0,0,0,0.05);
		transition:0.2s;
	}
	
	#header .account_button img{
		width: 24px;
		height: 24px;
		/* background: #1e8aec; */
		border-radius: 14px;
	}
	
	#header .account_list{
	}
	
	#header .list_group{
	}
	
	#header .table_group{
	}
	
	#header .list_a{
	}
	
	#header .list_a:hover{
	}
	
	#header .list_a img{
	}
	
	#header .button_group{
	}
	
	#header .login{
	}
	
	#header .login:hover{
	}
	
	#header .register{
	}
	
	#header .register:hover{
	}
	
	#header .register img{
	}
	
	
	/*[][][][][][JOB MODULE][][][][][]*/
	
	.new_job_box{
        border-radius: 2px;
        /* overflow: hidden; */
        /* box-shadow: 0 8px 2px 9px rgb(243 243 243); */
        cursor: pointer;
        transition: 0.2s;
        border: none;
        /* border-bottom: 1px solid #ededed !important; */
        transform: scale(1);
        -webkit-tap-highlight-color: transparent;
        margin: 12px 12px 0px 12px;
        width: calc(100% - 0px);
        display: flex;
        align-items: center;
        box-shadow: 0 1px 2px rgb(0 0 0 / 0%), 0 0px 4px rgba(0, 0, 0, 0.05);
        border-radius: 12px;
 }
	
	.new_job_box .group{
		display:flex;
		gap:12px;
		align-items:center;
		flex-direction: row;
	}
	
	
	.new_job_box .head{
		font-size: 16px;
		font-weight: 600;
		color: #4f4f4f;
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #fff;
	}
	
	.new_job_box .text{
		font-size: 12px;
	}
	
	.new_job_box a{
		gap: 4px;
		height: fit-content;
		padding: 8px 10px 8px 10px;
		font-size: 15px;
	}
	
	.new_job_box a:hover{
		box-shadow: 0 0px 4px rgb(0 0 0 / 30%);
		transition:0.2s;
	}

	
	.job_box{
		/* background: #814141; */
		border-radius: 2px;
		/* overflow: hidden; */
		/* box-shadow: 0 8px 2px 9px rgb(243 243 243); */
		cursor: pointer;
		transition:0.2s;
		border: none;
		/* border-bottom: 1px solid #ededed !important; */
		transform:scale(1);
		-webkit-tap-highlight-color: transparent;
		margin: 12px 12px 0px 12px;
		width: calc(100% - 0px););
		display: grid;
		box-shadow: 0 1px 2px rgb(0 0 0 / 0%), 0 0px 4px rgba(0, 0, 0, 0.05);
		border-radius: 12px;
	}
	
	.job_box:hover{
		transform:scale(1);
		box-shadow: 0 8px 2px 9px rgb(243 243 243);
		transition:0.2s;
	}
	
	.job_box .top{
		/* display: flex; */
		/* align-items: center; */
		/* gap: 8px; */
		/* margin: 0px; */
		/* background: #ffffff; */
		/* padding: 8px; */
		/* border-radius: 0px; */
		/* border: none; */
		/* width: calc(100% - 16px); */
	}
	
	.job_box .bottom{
		/* display: flex; */
		/* align-items: center; */
		/* justify-content: space-around; */
		/* gap: 8px; */
		/* padding: 0px 12px 8px 12px; */
		/* margin: 0px; */
		/* width: -webkit-fill-available; */
		/* overflow: auto; */
	}
	
	.job_box .head{
		font-size: 15px;
		font-weight: 600;
		color: #4f4f4f;
		display: flex;
		align-items: center;
		/* justify-content: space-between; */
		white-space: nowrap;
		width: 100%;
		/* overflow: hidden; */
		text-overflow: ellipsis;
	}
	
	.job_box .text{
		font-size: 14px;
		font-weight: 600;
		color: #4f4f4f;
	}
	
	
	.job_box .subject{
		font-size: 13px;
		font-weight: 400;
		color: #4f4f4f;
		display: flex;
		align-items: center;
		gap: 4px;
		text-overflow: ellipsis;
		text-wrap: nowrap;
		overflow: hidden;
		width: calc(100% - 0px);
	}
	
	.job_box .subject img{
		width: 16px;
		height: 16px;
		/* background: #1e8aec; */
		border-radius: 14px;
	}
	
	.job_box .company_logo{
		width: 48px;
		height: 48px;
		background: #fbfbfb;
		border-radius: 12px;
		background-size: cover;
		background-position: center;
	}
	
	.job_box .circle{
		border-radius: 36px!important;
	}
	
	.job_box .group{
		gap: 6px;
		width: calc(100% - 59px);
	}
	
	.job_box .tag{
		/* padding: 4px 8px 4px 8px; */
		/* font-size: 12px; */
		/* font-weight: 400; */
		/* color: #4f4f4f; */
		/* border: 1px solid #e9e9e9; */
		/* border-radius: 12px; */
		white-space: nowrap;
	}
	
	.spons{
		width: calc(100% - 0px);
		/* border: none!important; */!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
		/* border-bottom: 1px solid #ededed !important; */
		/* overflow: auto; */
		background: #ffffff;
	}

	
	/*[][][][][][BANNER MODULE][][][][][]*/
	
	#banner_singleswipe{
		display:none;
	}
	
	#banner_singleswipe .on_text{

	}
	
	#banner_singleswipe a{

	}
	
	#banner_singleswipe a:hover{

	}
	
	#banner_portal{
		display:none;
	}
	
	#banner_portal:hover{
		box-shadow: 0 1px 2px rgb(0 0 0 / 20%),0 4px 12px rgb(0 0 0 / 20%);	
		transition:0.2s;
	}
	
	#banner_portal .icon{
		width: 64px;
		height: auto;
	}
	
	#banner_portal .arrow{
		width:16px;
		height:16px;
	}
	
	#banner_portal .head{
		font-size: 16px;
		font-weight: 600;
		color: #4f4f4f;
	}
	
	#banner_portal .subject{
		font-size: 15px;
		font-weight: 400;
		color: #4f4f4f;
	}
	
	#banner_wide{
		height: 200px;
	}
	
	#banner_careerpost{
		height: max-content;
		width: 100%;
		overflow: hidden;
		border-radius: 0px;
		box-shadow: none;
	}
	
	#banner_careerpost .top{
	background: none;
	border: none;
	display: none;
	}
	
	#banner_careerpost .head{

	}
	
	#banner_careerpost .post_box .head{
		font-size: 12px;
	}
	
	#banner_careerpost .head div{
		font-size: 16px;
		font-weight: 600;
		color: #4f4f4f;
		display: flex;
		align-items: center;
		gap: 4px;
	}
	
	#banner_careerpost .head a{
		font-size: 16px;
		font-weight: 600;
		color: #4f4f4f;
		display: flex;
		align-items: center;
		gap: 4px;
	}
	
	#banner_careerpost .verticalswipe{
		height: auto;
		overflow: auto;
		display: flex;
		gap: 16px;
		padding: 0px 16px 4px 16px;
	}
	
	#banner_careerpost .post_box{
		padding: 0px;
		display: grid;
		gap: 8px;
		border-bottom: none;
		border-radius: 12px;
		align-content: baseline;
		/* min-width: 100px; */
		/* background: #f9f9f9; */
	}
	
	#banner_careerpost .post_box:hover{
		background:#f6f6f6;
		transition:0.2s;
	}
	
	#banner_careerpost img{
		margin: auto;
	}
	
	#banner_careerpost .arrow{
		width: 16px;
		height: 16px;
	}
	
	#banner_careerpost .icon{
		width: 56px;
	}
	
	#banner_careerpost .post_more{
		display:none;
	}
	
	#banner_careerpost .on_text{
		display:grid;
		text-align: center;
	}
	
	#banner_careerpost .subject{
	font-size: 12px;
	    font-weight: 400;
	    color: #4f4f4f;
	}
	
	#banner_careerpost .date{
		font-size: 10px;
		font-weight: 400;
		color: #4f4f4f;
		display: none;
	}
	
	
	/*[][][][][][POPULAR LOCATION MODULE][][][][][]*/
	
	#popular_locations{
		width:calc(100% - 32px);
		max-width: 400px;
		margin:0px auto;
		display: grid;
		/* height: 300px; */
		align-items: center;
		/* justify-content:space-between; */
		/* flex-direction: row; */
		/* flex-wrap: wrap; */
		gap: 24px;
	}
	
	#popular_locations .left{
		width: 100%;
		display: grid;
	}
	
	#popular_locations .right{
		/* display:none; */
		width: calc(100% - 16px)!important;
		display: inline-grid;
		height: 300px!important;
	}
	
	#popular_locations .head{
		font-size: 16px;
		font-weight: 700;
		color: #4f4f4f;
	}
	
	#popular_locations .text{
		font-size: 14px;
		font-weight: 600;
		color: #4f4f4f;
	}
	
	#popular_locations .left img{
		width: 64px;
		height: 64px;
		margin:auto;
	}
	
	#popular_locations .left a{
		background: #fff;
		display: flex;
		padding: 8px 8px 8px 12px;
		gap: 8px;
		border-radius: 24px;
		border: 2px solid #f28f0d;
		overflow: hidden;
		align-items: center;
		font-weight: 600;
		color: #f28f0d;
		cursor: pointer;
		transition: 0.2s;
		font-size: 12px;
		margin: 8px auto;
	}
	
	#popular_locations .left a:hover{
		background: #f28f0d;
		color: #ffffff;
		transition: 0.2s;
	}
	
	#emg_locations{
		width: calc(100% - 9px);
		padding: 8px;
		max-width: 1012px;
	}
	
	#emg_locations .loc_limit{
		width:100%;
		height: 146px;
	}
	
	/*[][][][][][CAREER POST MODULE][][][][][]*/
	
	#career_post{
		width: calc(100% - 32px);
		overflow: auto;
		display: flex;
		gap: 32px;
		flex-direction: row;
		flex-wrap: nowrap;
		padding-left: 32px;
		padding-bottom: 16px;
		padding-top: 16px;
		background: #f6f6f6;
	}
	
	#career_post .swipearea{
		width: max-content;
		/* overflow:auto; */
		display: flex;
		gap: 32px;
		flex-direction: row;
		flex-wrap: nowrap;
		margin-left: 0px;	
	}
	
	#career_post .career_box{
		width: 200px;
		height:250px;
		border-radius: 24px;
		background: #4b4b4b;
		/* box-shadow: 0 1px 2px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.05); */
		overflow: hidden;
		display:grid;
		align-content: end;
		gap:16px;
		background-size:cover;
	}
	
	#career_post .on_text{
		display:grid;
		gap:4px;
		padding: 12px;
		background: rgb(66,65,87);
		background: linear-gradient(0deg, rgb(0 0 0 / 78%) 0%, rgb(0 0 0 / 77%) 50%, rgba(255, 255, 255, 0) 100%);
	}
	
	#career_post .subject{
		display:flex;
		align-items: center;
		gap:4px;
		font-size: 12px;
		font-weight: 400;
		color:#fff;	
	}
	
	#career_post .subject img{
		width:18px;
		height:18px;
	}
	
	#career_post .head{
		font-size: 14px;
		font-weight: 600;
		color:#fff;
	}
	
	/*[][][][][][] FOOTER [][][][][][]*/
	
	#footer{
		width: 100%;
		display: grid;
		background: #4ba1f0;
		padding: 24px 0px 24px 0px;
		display: none;
	}
	
	#footer a{
		font-size: 14px;
		color: #fff;
	}
	
	#footer h5{
		
	}
	
	#footer .top{
		display: flex;
		justify-content: space-between;
		width: 100%;
		max-width: 1400px;
		margin: auto;
	}
	
	#footer .middle{
		display: flex;
		justify-content: right;
		align-items: center;
		gap: 8px;
		width: 100%;
		height: 40px;
		max-width: 1400px;
		margin: 12px auto;
	}
	
	#footer .bottom{
		display: flex;
		gap: 12px;
		justify-content: space-between;
		width: 100%;
		max-width: 1400px;
		margin: 0px auto;
		padding-top: 12px;
		border-top: 1px solid #8fc8fd;
	}
	
	#footer .grid_group{
		display: grid;
		gap: 4px;
		color: #fff;
		height: max-content;
	}
	
	#footer .flex_group{
		display:flex;
		gap:8px;
	}
	
	#footer .gotolink{
		width: 124px;
		height: 36px;
		display: block;
		background-size: cover;
	}
	
	#footer .slogan{
		font-weight:600;
		color:#fff;
	}
	
	#footer .text{
		font-weight:400;
		color:#99ceff;
		text-align:justify;
	}
	
	#footer img{
		width:64px;
		height:64px;
	}
	
	/*[][][][][][VISUAL URL][][][][][]*/
	
	#visual_url{
		width: calc(100% - 0px);
		/* max-width: 1400px; */
		margin: 0px auto;
		/* border-radius: 0px; */
		background: #f6f6f6;
		/* border-bottom: 1px solid #e3e1e1; */
		text-align: center;
		height: 180px;
		overflow: hidden;
		border-radius: 0px;
		background-size: cover;
		background-position: center;
	}
	
	#visual_url .group{
		height: calc(100% - 24px);
		display: grid;
		align-content: end;
		padding-bottom: 24px;
		background: rgb(66,65,87);
		background: linear-gradient(0deg, rgb(58 70 81) 0%, rgb(83 95 107) 10%, rgba(255, 255, 255, 0) 100%);
	}
	
	#visual_url .head{
		font-size: 24px;
		font-weight: 600;
		color: #ffffff;
		margin-bottom: 2px;
	}
	
	#visual_url .text{
		font-size: 16px;
		font-weight: 400;
		color: #ffffff;
	}
	
	#visual_url .short{
		font-size: 16px;
		font-weight: 400;
		color: #4f4f4f;
	}
	
	#text_url{
		width:calc(100% - 32px);
		max-width:1400px;
		margin: 24px auto;
		display:flex;
		align-items:center;
		gap:12px;
		font-size: 15px;
	}
	
	#text_url .group{
		display:flex;
		align-items:center;
		gap:4px;	
	}
	
	#text_url img{
		width:16px;
		height:16px;
	}
	
	#head_url {
		width:100%;
		display: flex;
		align-items: center;
		gap: 4px;
	}
	
	#head_url .head{
		font-size: 16px;
		font-weight: 600;
		color: #1987e4;
	}
	
	#head_url .text{
		font-size: 15px;
		font-weight: 600;
		color: #595959;
	}
	
	#head_url img{
		width: 48px;
		height: max-content;
	}
	
	/*[][][][][][POPUP][][][][][]*/
	
	#popup_account{border: 2px dashed #1e8aec;border-radius: 12px;overflow: hidden;text-align: center;display: grid;gap: 4px;padding: 8px;display: none;}
	
	#popup_account .head{
		font-size: 18px;
		font-weight: 600;
		color: #1e8aec;
	}
	
	#popup_account .subject{
		font-size: 14px;
		font-weight: 600;
		color: #4f4f4f;
	}
	
	#popup_account .text{
		white-space: break-spaces;
		font-size: 14px;
		display: flex;
		line-height: 20px;
	}
	
	#popup_account img{
		width: 64px;
		height: auto;
		margin: auto;
	}
	
	.popup_job{/* box-shadow: 0 1px 2px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.05); *//* margin: 8px; */border-radius: 0px;overflow: hidden;border: none;animation-name: getfilter;animation-duration: 0.5s;position: fixed;z-index: 111140;bottom: 0px;background: #0000004f;height: 100%;width: 100%;/* margin-bottom: 64px; */display: flex;align-items: flex-end;}
	
	.popup_job .cover{
		height: 250px;
		background: #f6f6f6;
		background-size: cover;
		background-position: center;
		border-radius: 0px;
		overflow: hidden;
		display: grid;
		align-content: space-between;
		margin-bottom: 12px;
		display: none;
	}
	
	.popup_job .cover .base_group{
		display: flex;
		justify-content: space-between;
		padding: 8px;
		background: linear-gradient(180deg, rgb(58 70 81) 0%, rgb(83 95 107) 10%, rgba(255, 255, 255, 0) 100%);
	}
	
	.popup_job .cover .bottom_group{
		display: flex;
		gap: 8px;
		padding: 8px;
		background: linear-gradient(0deg, rgb(42 45 49) 0%, rgb(49 54 59) 20%, rgb(255 255 255 / 0%) 100%);
	}
	
	
	.popup_job .cover .sub_group{
		display: flex;
		gap:8px;
	}
	
	.popup_job .cover .sub_group button{
		,
	;
	}
	
	.popup_job .cover .sub_group a{
	}
	
	.popup_job .cover .sub_group img{
		width: 32px;
		height: 32px;
		margin: auto;
		transition:0.2s;
	}
	
	.popup_job .cover .sub_group img:hover{
		width: 28px;
		height: 28px;
		transition:0.2s;
	}
	
	.popup_job .cover .close{
	}
	/*
	.popup_job .cover .close:after{
		content: "Kapat";
		margin-left:36px;
		font-size:15px;
		font-weight:600;
		color:#fff;
	}*/
	
	.popup_job .cover .icon{
		width: 48px;
		height: 48px;
		/* background: grey; */
		border-radius: 12px;
		background-size: cover;
		background-position: center;
		border: 2px solid #f6f6f6;
	}
	
	.popup_job .cover .sub_group{
		display: flex;
		gap: 8px;
		height: max-content;
	}
	
	
	.popup_job .cover .head{
		font-size: 16px;
		font-weight: 600;
		color: #ffffff;
		height: max-content;
		text-shadow: 0 0 4px black;
	}
	
	.popup_job .cover .subject{
		font-size: 15px;
		font-weight: 400;
		color: #ffffff;
		display: flex;
		align-items: center;
		gap: 4px;
		height: max-content;
		text-shadow: 0 0 4px black;
	}
	
	.popup_job .company{
		padding: 12px;
		display: flex;
		gap: 8px;
		border-bottom: 1px solid #f6f6f6;
	}
	
	.popup_job .company .icon{
		width: 48px;
		height: 48px;
		background: grey;
		border-radius: 12px;
		background-size: cover;
		background-position: center;
		border: 2px solid #f6f6f6;
	}
	
	.popup_job .company .sub_group{
		display: grid;
		gap: 0px;
		height: max-content;
	}
	
	
	.popup_job .company .head{
		font-size: 16px;
		font-weight: 600;
		color: #5b5b5b;
		height: max-content;
	}
	
	.popup_job .company .subject{
		font-size: 14px;
		font-weight: 400;
		color: #4f4f4f;
		display: flex;
		align-items: center;
		gap: 4px;
		height: max-content;
	}
	
	.popup_job .company .text{
		white-space: break-spaces;
		font-size: 14px;
		display: flex;
		line-height: 20px;
	}
	
	.popup_job .company .subject img{
		width: 14px;
		height: 14px;
	}
	
	
	.popup_job .description{
		display:grid;
		background: #fff;
		padding: 12px 0px 64px 0px;
		border-radius: 12px 12px 0px 0px;
		box-shadow: 0px -20px 12px 0px #00000021;
	}
	
	.popup_job .description .head{
		padding: 4px 8px 0px 8px;
	    font-size: 16px;
	    font-weight: 600;
	    border-left: 4px solid #1e8aec;
	    color: #1e8aec;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;}
	
	.popup_job .description .head b{
		font-size:12px;
		font-weight:400;
		color:#4f4f4f;
	}
	
	.popup_job .description .head a{
		font-size:12px;
		font-weight:400;
		color:#4f4f4f;
	}
	
	.popup_job .description .sub_group{
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		padding: 8px;
	}
	
	.popup_job .description .subject{
		font-size: 14px;
		font-weight: 400;
		color: #4f4f4f;
		display: flex;
		align-items: center;
		gap: 4px;
		height: max-content;
	}
	
	.popup_job .description .float{
		padding: 4px 8px 0px 12px;
		font-size: 15px;
		font-weight: 500;
		/* border-left: 4px solid #5b5b5b; */
		color: #5b5b5b;
		display: flex;
		gap: 4px;
		/* justify-content: space-between; */
		align-items: center;
	}
	
	.popup_job .description .float img{
		width: 20px;
		height: 20px;
	}
	
	
	.popup_job .description .text{
		font-size: 15px;
		padding: 8px 12px 8px 12px;
		color: #6c757d;
		white-space: break-spaces;
	}
	
	
	.popup_job .description .warn{
		font-size: 14px;
		padding: 8px 12px 8px 12px;
		color: #6c757d;
		white-space: break-spaces;
	}
	
	.popup_job .description ul {
	    margin: 4px;
	    line-height: 26px;
	}
	
	.popup_job .description li {
	    color: #6c757d;
	    font-size: 14px;
	}	
	
	.popup_job .description .tag{
		padding: 4px 8px 4px 8px;
		font-size: 14px;
		font-weight: 400;
		color: #4f4f4f;
		border: 1px solid #e9e9e9;
		border-radius: 12px;
	}
	
	.popup_job .contact{
		padding:12px;
		position: absolute;
		bottom: 0px;
		width: calc(100% - 24px);
	}
	
	.popup_job .contact a{
	    padding: 8px 8px 8px 12px;
	    background: #fff;
	    border: 2px solid #f28f0d;
	    background: #f28f0d;
	    color: #ffffff;
	    display: flex;
	    gap: 4px;
	    align-items: center;
	    justify-content: center;
	    font-size: 15px;
	    font-weight: 600;
	    border-radius: 8px;
	    cursor: pointer;
	    transition: 0.2s;
	}
	
	.popup_job .grid_group{
		display:grid;
	}
	
	.popup_job .other_list{
		padding: 4px 8px 4px 12px;
		margin-top: 4px;
		/* border-left: 4px solid #c1c1c1; */
		/* border: 1px solid #c1c1c1; */
		border-radius: 12px;
		display: flex;
		justify-content:space-between;
		cursor: pointer;
		align-items:center;
		opacity: 0.8;
		transition:0.2s;
	}
	
	.popup_job .other_list:hover{
		opacity:1;
		transition:0.2s;
	}
	
	.popup_job .other_list img{
		width:16px;
		height:16px;
	}
	
	.popup_job .other_list .head{
		font-size: 15px;
		font-weight:600;
		border:none;
		padding:0px;
		color: #000000;
	}
	
	.popup_job .other_list .subject{
		font-size: 15px;
		font-weight: 400;
		color: #6f6f6f;
	}
	
	/*[][][][][][FILTERS][][][][][]*/
	
	.filter_offset{
		height: 60px;
		width:100%;
	}
	
	#filters{
	height: calc(100% - 65px);
	/* width: 280px; */
	overflow: auto;
	/* border-radius: 12px; */
	box-shadow: none;
	padding: 0px;
	border: none;
}

#filters .dynamic{padding: 12px 24px 12px 24px;font-size: 16px;font-weight: 500;display: flex;align-items: center;justify-content: space-between;cursor: pointer;color: #000;opacity: 0.8;transition: 0.2s;}

#filters .dynamic:hover{
	background:#f6f6f6;
	opacity:1;
}

#filters .dynamic img{
	width: 12px;
	height: 12px;
	transition: 0.2s;
}

#filters .sticky{padding: 12px;font-size: 14px;font-weight: 500;display: flex;align-items: center;justify-content: center;cursor: pointer;color: #000;opacity: 0.8;transition: 0.2s;}

#filters .head{
	display:flex;
	align-items:center;
	gap:4px;
}

#filters .custom{
	display: block;
}	

#filters .custom .bar{
        width: 48px;
        height: 4px;
        background: #6d6d6d;
        margin: 8px auto;
        border-radius: 12px;	
}
	
#filters .custom .head{
        font-size: 12px;
        font-weight: 600;
        margin: 8px 0px 0px 0px;
        border-bottom: 1px solid #e7e7e7;
        text-align: center;
        padding-bottom: 8px;
        justify-content: center;
}

#filters .list{max-height: 200px;overflow: auto;padding: 12px;background: #f6f6f6;display: grid;gap: 8px;}

#filters .hide{
	display: none;
}

#filters .type_check{
	display:flex;
	gap:8px;
}

#filters .text{
	font-size:15px;;
}

#filters .accept{
	border:none;
	padding: 12px;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 600;
	width: 180px;
	background: #1e8aec;
	color: #fff;
	transition:0.2s;
	cursor:pointer;
	display:flex;
	gap:4px;
	align-items:center;
	justify-content:center;
}

#filters .accept:hover{
	background: #41a2fa;
	transition:0.2s;
}

#filters .accept img{
	width:24px;
	height:24px;
}
	
	#filter_button{
		display: none;
	}	
	
	#mobile_menu{
		display:none;
	}
	
	#mobile_popup_job{
		/* display:none; */
	}

	#popup_filter{
	position: fixed;
	z-index: 7;
	height: 600px!important;
	padding-top: 0px;
	bottom: 0px;
	left: 0px;
	background: #ffffff;
	border-radius: 12px 12px 0px 0px;
	overflow: hidden;
	box-shadow: 0px -3px 2px rgb(0 0 0 / 26%), 0 4px 12px rgba(0, 0, 0, 0.05);
	animation-name: getfilter;
	animation-duration: 0.5s;
	}

	#popup_filter .mobileaccept{
		position:fixed;
		bottom:0px;
		width: calc(100% - 0px);
		background: #fff;
	}	

	#mobile_filter_button{
		background: #1786ea;
		display: flex;
		padding: 8px 12px 8px 12px;
		gap: 8px;
		border-radius: 24px;
		overflow: hidden;
		align-items: center;
		font-weight: 600;
		color: #ffffff;
		cursor: pointer;
		transition: 0.2s;
		font-size: 16px;
		margin: 24px auto;
		width: 72px;
		/* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgb(0 0 0 / 24%); */
		animation-name: buttonback;
		animation-duration: 2s;
		animation-iteration-count: infinite;
		position: fixed;
		z-index: 2;
		bottom: 60px;
		left: calc(50% - 48px);
	}

	#mobile_filter_button:hover{
		box-shadow: 0 1px 2px rgb(0 0 0 / 20%),0 4px 12px rgb(0 0 0 / 20%);	
		transition:0.2s;
	}	
		
	.hidefilter{
		display:none!important;
	}		


	/*FILTER FORM V2*/
	
	.filterform .custom{
		display: grid;
		align-content: center;
		height: 40px;
		gap: 8px;
		position: relative;
		padding-top: 8px;
		border-bottom: 1px solid #e7e7e7;
	}	
	
	.filterform .custom .bar{
	        width: 48px;
	        height: 4px;
	        background: #6d6d6d;
	        margin: 0px auto;
	        border-radius: 12px;
	}
		
	.filterform .custom .head{
	        font-size: 12px;
	        font-weight: 600;
	        /* margin: 8px 0px 0px 0px; */
	        text-align: center;
	        padding-bottom: 8px;
	        justify-content: center;
	}

	
	.filterform{
		height: 600px;
		max-height: 600px;
		width: 100%;
		overflow: auto;
		border-radius: 0px;
		box-shadow: none;
	}

	.filterform .sub{
		height: 500px;
		overflow: auto;
	}		
	
	/*[][][][][][SEARCH AREA][][][][][]*/
	
	#searcharea{
		width: calc(100% - 0px);
		margin: 0px auto;
		position: fixed;
		top: 12px;
		z-index: 6;
		/* display: flex; */
		justify-content: center;
		display: none;
	}
	
	#searcharea .group{
		width: calc(100% - 16px);
		position: static;
		bottom: 26px;
		display: grid;
		gap: 8px;
		height: max-content;
		margin: auto;
	}
	
	
	#map_front{
		width: 100%;
		/* height: 550px; */
		display: flex;
		justify-content: center;
		/*border-radius: 0px 0px 20px 20px;*/
		/* overflow: hidden; */
		align-items: self-end;
		/* display: grid; */
		position: absolute;
		top: 67px;
		z-index: 3;
	}
	
	#map_front .width_swipe{
		width:100%;
		max-width: 800px;
		margin: 48px auto;
		display:flex;
		overflow: hidden;
		align-items: center;
		gap: 24px;
		justify-content: center;
		position: absolute;
		/* top: 430px; */
		background: #fff;
		border-radius: 24px;
		padding: 12px 24px 8px 24px;
		box-shadow: 0 1px 2px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.05);
	}
	
	#searcharea .selector_parent{
		font-weight:400;
		opacity:0.8;
		cursor:pointer;
		font-size: 14px;
		display: grid;
		gap: 8px;
		align-items: center;
		min-width: 60px;
		justify-content: center;
		transition:0.2s;
		border-bottom:2px solid #ffffff
	}
	
	#searcharea .selector_parent:hover{
		font-weight:600;
		opacity:1;
		transition:0.2s;
		border-bottom:2px solid #a19898
	}
	
	#searcharea .selector_parent img{
		width: 24px;
		height: 24px;
		margin: auto;
	}
	
	#searcharea .end_section{
		width:100%;
		height:32px;
		background:#fff;
		justify-content: center;
		position: absolute;
		border-radius:24px 24px 0px 0px;
		box-shadow: 1px -4px 0px rgb(0 0 0 / 0%), 0px -8px 8px rgb(0 0 0 / 25%);
	}
	
	#searcharea .searchtop{
		justify-content: center;
		width: calc(100% - 0px);
	}
	
	#searcharea .selection{
		padding: 4px;
		width: 33%;
		display: flex;
		gap: 8px;
		justify-content: center;
		align-items: center;
		text-align: center;
		color: #fff;
		cursor: pointer;
		height:fit-content;
		transition:0.2s;
		margin: 8px;
		/* background: red; */
		border-radius: 25px;
		z-index: 22;
		position: relative;
		font-size: 14px;
	}
	
	#searcharea .selection:hover{
		transform:scale(1.05);
		transition:0.2s;
	}
	
	#searcharea .active{
		background:#fff!important;
		color:#3e81c3!important;
		font-weight:600;
	}
	
	#searcharea .searchtop img{
		width: 18px;
		display: none;
	}
	
	#searcharea .searchbottom{
		width: calc(100% - 24px);
		height: max-content;
		border-radius: 40px;
		align-items: center;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
	}
	
	#searcharea .searchbutton{
		display:flex;
		gap:8px;
		align-items:center;
		height: fit-content;
		padding: 8px 8px 7px 12px;
		border: none;
		border-radius: 31px;
		font-size: 12px;
		font-weight: 600;
		color: #fff;
		background: #009bff;
		cursor: pointer;
		box-shadow: 0 1px 2px rgb(0 0 0 / 20%), 0 4px 5px rgb(0 0 0 / 16%);
	}
	
	#searcharea .inputs{
		/* width:-webkit-fill-available; */
		gap: 0px;
		padding: 4px 8px 4px 8px;
	}
	
	#searcharea .inputs:hover{
		background: #f3f3f3;
		transition:0.2s;	
	}
	
	#searcharea .inputs img{
		width:24px;
		display: none;
	}
	
	#searcharea select {
	    width: 100%;
	    padding: 4px;
	    border-radius: 8px;
	    border: none;
	    font-size: 12pt;
	    font-weight: 600;
		outline:none;
		cursor:pointer;
	}
	
	#searcharea .head{
		font-size: 12px;
	}
	
	#searcharea .sub{
		font-size: 10px;
	}
	
	#searcharea .selectpop{
	    position: fixed;
	    width: calc(100% - 48px);
	    left: 2.5%;
	    z-index: 2;
	    top: 82px;
	    bottom: auto;
	    padding: 12px;
	    background: #ffffff;
	    border-radius: 16px;
	    border: 1px solid #dddddd;
	    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
	    display: grid;
	    gap: 8px;
	    max-height: 500px;
	    overflow: auto;
	}
	
	#searcharea .selectpopflex{
	    position: fixed;
	    width: 90%;
	    left: 2.5%;
	    top: auto;
	    bottom: 200px;
	}
	
	#searcharea .selectpop a{
		font-size:16px;
		color:#4e5f6f;
		transition:0.2s;
	}
	
	#searcharea .selectpop a:hover{
		margin-left:4px;
		transition:0.2s;
	}
	
	#searcharea .selectpop .hover{
		font-size:16px;
		color:#4e5f6f;
		transition:0.2s;
	}
	
	#searcharea .selectpop .hover:hover{
		margin-left:4px;
		transition:0.2s;
	}
	
	#searcharea .selectpopflex .hoverl{
		display:grid;
		font-size:16px;
		color:#4e5f6f;
		transition:0.2s;
		padding:8px;
		border-radius:12px;
		text-align:center;
	}
	
	#searcharea .selectpopflex .hoverl:hover{
		background:#f3f3f3;
		transition:0.2s;
	}
	
	#searcharea .selectpopflex img{
		width: 72px;
		height: 72px;
		border: 1px solid #dedede;
		border-radius: 12px;
		display: block;
	}

	.search_for_map{
		position:absolute;
		z-index: 1;
		height: 280px;
		width: 100%;
		display: grid;
		align-content: end;
		/* background: rgb(0,0,0); */
		background: linear-gradient(0deg, rgb(246 246 246) 0%, rgb(255 255 255 / 0%) 40%, rgb(255 255 255 / 50%) 100%);
	}

	.search_for_map .button{
		background: #1786ea;
		display: flex;
		padding: 8px 12px 8px 12px;
		gap: 8px;
		border-radius: 24px;
		overflow: hidden;
		align-items: center;
		font-weight: 600;
		color: #ffffff;
		cursor: pointer;
		transition: 0.2s;
		font-size: 16px;
		margin: 24px auto;
		width: max-content;
		/* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgb(0 0 0 / 24%); */
		animation-name: buttonback;
		animation-duration: 2s;
		animation-iteration-count: infinite;
	}

	.search_for_map .button img{
		width: 20px;
		height: 20px;
	}	
	
	#expandarea{
		background: #fff;
		height: 70px;
		width: 100%;
		border-radius:24px 24px 0px 0px;
		position: absolute;
		top: 580px;
		box-shadow: 0px -10px 8px 0px rgb(0 0 0 / 20%);
	}
	
	/*[][][][][][JOB DETAIL[][][][][]*/
	
	#job_detail{
		width:100%;
		background: white;
		box-shadow: none;
		border-radius: 0px;
		overflow: hidden;
		border-bottom: 1px solid #e5e5e5;
	}
	
	#job_detail .group{display: flex;flex-wrap: wrap;gap: 8px;align-items: center;font-size: 15px;}
	
	#job_detail .widegroup{display: grid;gap: 8px;align-items: center;font-size: 15px;justify-content: space-between;}
	
	#job_detail .grid{
		display: grid;
		justify-content: center;
		width: 50px;
		cursor:pointer;
		padding:4px;
		border-radius:8px;
		font-size: 12px;
		opacity: 0.8;
		transition:0.2s;
	}
	
	#job_detail .grid:hover{
		background:#fff;
		opacity:1;
		transition:0.2s;
	}
	
	#job_detail .grid img{
		margin:auto;
	}
	
	#job_detail .jobname{
		font-size: 18px;
		font-weight:600;
		display: flex;
		align-items: baseline;
		gap:4px;
		/* color: #1e8aec; */
	}
	
	#job_detail .statu{
		font-size:14px;
		font-weight:400;
	}
	
	#job_detail .share{
		font-size: 14px;
		font-weight:600;
		display: flex;
		gap: 4px;
		align-items: center;
	}
	
	#job_detail .head{padding: 8px 8px 8px 16px;font-size: 15px;font-weight: 600;/* border-left: 4px solid #1e8aec; */}
	
	#job_detail .text{margin: 16px 16px 16px 16px;line-height: 24px;font-size: 13px;/* white-space: break-spaces; */}
	
	#job_detail p{line-height: 24px;font-size: 13px;white-space: break-spaces;margin: 0px;}
	
	#job_detail .content{
	}
	
	#job_detail .inset{
		/* background: #f6f6f6; */
		padding: 12px;
		/* margin: 12px; */
		border-radius: 8px;
		display: grid;
		gap: 8px;
	}
	
	#job_detail .offset{
		margin: 12px;
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		justify-content: space-between;
	}
	
	#job_detail img{
		width: 16px;
		height: 16px;
	}
	
	#job_detail ul{
		margin: 4px;
		line-height: 26px;
	}
	
	#job_detail li{
		font-size: 13px;
	}
	
	#job_detail .tag{
		padding: 8px;
		font-size: 13px;
		font-weight: 400;
		color: #4f4f4f;
		/* background: #f6f6f6; */
		border-radius: 8px;
		display: flex;
		align-items: center;
		gap: 4px;
		width: max-content;
	}
	
	#job_detail .tagimg{
		width:24px;
		height:24px;
	}
	
	#job_detail .minibutton{
		display:none
	}
	
	#job_detail .minibutton:hover{
		box-shadow: 0 1px 2px rgb(0 0 0 / 20%),0 4px 12px rgba(0,0,0,0.05);
		transition:0.2s;
	}	

	.job_detail{
		width:100%;
		height: 240px;
		display: grid;
		/* border-radius: 0px!important; */
		/* overflow: hidden; */
	}
	
	.job_detail .cover{
		height: 270px;
		background: #f6f6f6;
		background-size: cover;
		background-position: center;
		border-radius: 0px 0px 12px 12px;
		overflow: hidden;
		display: grid;
		align-content: space-between;
		margin-bottom: 12px;
	}	

	.job_detail .cover .base_group{
		display: flex;
		justify-content: space-between;
		padding: 8px;
		/* background: #fff; */
		/* background: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(255 255 255) 10%, rgba(255, 255, 255, 0) 100%); */
		position: fixed;
		width: calc(100% - 16px);
		font-weight: 600;
		color: #ffffff00;
		z-index: 6;
	}
	
	.job_detail .cover .sub_group{
		display: flex;
		gap:8px;
	}
	
	.job_detail .cover .sub_group img{
		width: 24px;
		height: 24px;
		margin: auto;
		transition:0.2s;
	}
	
	.job_detail .cover .sub_group img:hover{
		width: 28px;
		height: 28px;
		transition:0.2s;
	}
	
	.job_detail .cover .close{
		/* width: 36px; */
		/* height: 36px; */
		/* background-image: url("../../assets/images/dark_close.svg")!important; */
		/* background-size: cover!important; */
		cursor: pointer;
		display:flex;
		gap: 8px;
		/* box-shadow: 0 1px 2px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.05); */
		align-items:center;
		/* border: 1px solid #efefef; */
		/* background: #fff; */
		/* border-radius: 21px; */
	}
	.job_detail .cover .close img{
		background: #ffffff;
		width: 36px;
		height: 36px;
		border-radius: 24px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
		border: 1px solid #efefef;
	}

	
	/*
	.job_detail .cover .close:after{
		content: "Kapat";
		margin-left:36px;
		font-size:15px;
		font-weight:600;
		color:#fff;
	}*/
	
	.job_detail .cover .sub_group button{
		background: #ffffff;
		width: 38px;
		height: 38px;
		display: flex;
		align-items: center;
		padding: 0px;
		border: none;
		cursor: pointer;
		border-radius: 24px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
		border: 1px solid #efefef;
	}
	
	.job_detail .cover .sub_group a{
		background: #ffffff;
		width: 36px;
		height: 36px;
		display: flex;
		align-items: center;
		padding: 0px;
		border: none;
		border-radius: 24px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
		border: 1px solid #efefef;
	}	
	
	.job_detail .cover .icon{
		width: 48px;
		height: 48px;
		background: grey;
		border-radius: 12px;
		background-size: cover;
		background-position: center;
		border: 2px solid #f6f6f6;
	}
	
	.job_detail .cover .sub_group{
		display: flex;
		gap: 8px;
		height: max-content;
	}

	.mobile_company{
		position:fixed;
		z-index: 5;
		background: #fff;
		border-top: 1px solid #ebebeb;
		border-bottom: 1px solid #ebebeb;
		bottom: 62px;
		width:100%;
		display: block;
	}

	.mobile_company .top{
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		margin: 8px 16px 8px 16px;
	}

	.mobile_company .group{
		display: flex;
		align-items: center;
		gap: 8px;
	}	

	.mobile_company .company_icon{
		width: 56px;
		height: 56px;
		border-radius: 12px;
		background: #f6f6f6;
		background-size: cover;
		background-position: center;
		border: 2px solid #f6f6f6;
	}	

	.mobile_company .bottom{
		margin: 12px;
		display: flex;
		justify-content: space-between;
	}

	.mobile_company .head{
		font-size: 15px;
		font-weight: 600;
	}

	.mobile_company .subject{
		font-size: 14px;
		font-weight: 400;
	}	


	.mobile_company .grid{
		display: grid;
		gap: 2px;
	}	


	.mobile_company .contacts{
		padding: 8px;
		background: #fff;
		/* border: 2px solid #f28f0d; */
		background: #f28f0d;
		color: #ffffff;
		display: flex;
		gap: 4px;
		align-items: center;
		justify-content: center;
		font-size: 15px;
		font-weight: 600;
		border-radius: 12px;
		cursor: pointer;
		transition: 0.2s;
	}

	.mobile_company a{
		width: calc(100% - 12px);
		display: block;
		text-align: center;
		font-size: 15px;
		font-weight: 600;
		text-decoration: underline;
		border-top: 1px solid #efefef;
		padding: 6px;
	}


	.nobile_company{
		z-index: 5;
		background: #fff;
		border-top: 1px solid #ebebeb;
		border-bottom: 1px solid #ebebeb;
		bottom: 62px;
		width:100%;
		display: block;
		border-radius: 12px 12px 0px 0px;
		box-shadow: none;
	}

	.nobile_company .top{
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		margin: 8px 8px 8px 8px;
	}

	.nobile_company .group{
		display: flex;
		align-items: center;
		gap: 8px;
	}	

	.nobile_company .company_icon{
		width: 64px;
		height: 64px;
		border-radius: 12px;
		background: #f6f6f6;
		background-size: cover;
		background-position: center;
		border: 2px solid #f6f6f6;
	}	

	.nobile_company .bottom{
		margin: 12px;
		display: flex;
		justify-content: space-between;
	}

	.nobile_company .head{
		font-size: 15px;
		font-weight: 600;
	}

	.nobile_company .subject{
		font-size: 14px;
		font-weight: 400;
	}	


	.nobile_company .grid{
		display: grid;
		gap: 2px;
	}	


	.nobile_company .contacts{
		padding: 8px;
		background: #fff;
		/* border: 2px solid #f28f0d; */
		background: #f28f0d;
		color: #ffffff;
		display: flex;
		gap: 4px;
		align-items: center;
		justify-content: center;
		font-size: 15px;
		font-weight: 600;
		border-radius: 12px;
		cursor: pointer;
		transition: 0.2s;
	}

	.nobile_company a{
		width: calc(100% - 12px);
		display: block;
		text-align: center;
		font-size: 15px;
		font-weight: 600;
		text-decoration: underline;
		border-top: 1px solid #efefef;
		padding: 6px;
	}



	
/*[][][][][][LOGUN PAGE][][][][][]*/
	
	.logincover{
		overflow: hidden;
		width: 100%;
		position: absolute;
		text-align: center;
	}

	.logincover img{
		height: 24px;
		top: 30px;
		width:auto;
		margin:auto;
		position: relative;
		z-index: 2;
		display:block;
	}
	
	.logincover .header{
		width: 120%;
		height: 280px;
		left: -10%;
		position: relative;
		top: -100px;
		transform: rotate(-5deg);
		background: rgb(29, 138, 235);
		background: linear-gradient(180deg, rgba(29, 138, 235, 1) 0%, rgba(101, 175, 241, 1) 32%, rgba(255, 255, 255, 1) 100%);
		background-image: url(../../assets/images/background/login_header.jpg);
	}
	
	.loginwide{
	    width: calc(100% - 0px);
	    margin: 0px auto;
	    display: flex;
	    position: relative;
	    z-index: 2;
	    top: 110px;
	    /* align-items: center; */
	    /* justify-content: space-between; */
	    flex-direction: column-reverse;
	    /* flex-wrap: wrap; */
	    gap: 8px;
	}
	
	.loginwide .left{
		 */
		 width: calc(100% - 492px);
		 align-content: baseline;
		 height: 720px;
		 /* padding-top: 60px; */
		 justify-content: center;
		 /* position: sticky; */
		 /* top: 180px; */
		 /* margin-top: 50px; */
		 display: grid;
		 flex-direction: row;
		 flex-wrap: wrap;
		 gap: 24px;
		 padding: 16px;
		 display: none;
	}
	
	.loginwide .right{
		height: max-content;
		position: relative;
		top: 7px;
		/* margin-top: 60px; */
		/* width: 450px; */
		/* height: 300px; */
		/* background: red; */
	}
	
	.loginform{
		width: calc(100% - 24px);
		gap: 16px;
		box-shadow: none;
	}
	
	.loginform .head{
	    font-size: 16px!important;
	    font-weight: 600!important;
	    color:#000!important;
	    text-align: center;
	}
	
	.loginform .text{
	    font-size: 12px!important;
	    font-weight: 400!important;
	    color:#000!important;
	    text-align: center;
	}
	
	.loginform .flex{
		display: flex;
		gap: 8px;
		align-items: center;
	}
	
	.loginwide .or{
	    margin-top: 4px;
	    font-size: 12px!important;
	    font-weight: 600!important;
	    color: #616161 !important;
	    text-align: center;
	}
	
	.loginwide .bottom{
		background: #ffa500;
		color: #fff;
		height: max-content;
		width: calc(100% - 54px);
		margin: 16px;
		display: flex;
		align-items:center;
		gap: 0px;
		font-size: 12px;
		border-radius: 24px;
		padding: 12px;
		margin-top:12px;
		overflow: auto;
		/* border: 2px solid #eee; */
		box-shadow: 0 1px 2px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.05);
	}
	
	.button_send{
	}
	
	.button_send:focus{
		transform: scale(0.98);
		transition: 0.1s;	
	}	
	
	.button_send img{
		width:24px;
	}
	
	.loginform .grid{
		display: grid;
		gap: 0px;
		width: -webkit-fill-available;
		animation-name: getswipe;
		animation-duration: 0.5s;
	}
	
	.loginform .kvkkcheck{
		font-size: 13px;
		/* font-weight:600; */
		/* text-decoration: underline; */
		/* color: #1d8aeb; */
		cursor: pointer;
		display:flex;
		align-items:center;
		gap:4px;
	}
	
	.loginform .kvkkcheck img{
		width:24px;
	}

	.loginform .informationarea{
		padding: 8px;
		background: #f1f1f1;
		border-radius: 12px;
		font-size: 13px;
	}
		
	.loginwide .info{
		/* width: max-content; */ */
		/* height: 100px; */
		background: #ffffff;
		/* border: 2px solid #e5e5e554; */
		border-radius: 16px;
		animation-name: getswipe;
		animation-duration: 0.5s;
		margin-top: 12px;
		display: grid;
		align-items: center;
		gap: 16px;
		padding: 16px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
	}
	
	.loginwide .head{
		font-size: 16px;
		line-height: 30px;
		font-weight: 600;
		color: #1d8aeb;
		letter-spacing: 1px;
	}
	
	.loginwide .text{
		font-size: 12px;
		font-weight: 600;
		color: #434343;
		/* width: 70%; */
		animation-name: getswipe;
		animation-duration: 0.5s;
		letter-spacing: 1px;
	}
	
	.loginwide .panel{
	}
	
	.loginwide .pano img{
		width: 72px;
	}
	
	.loginwide .pano .head{
		font-size: 15px;
		line-height: 30px;
		font-weight: 600;
		color: #2f2f2f;
	}
	
	.loginwide .pano .text{
		font-size: 12px;
		color: #8d8d8d;
		font-weight: 400;
	}
		
	.virtual_phone{
		/* background:red; */
		display:flex;
		align-items: center;
		width: -webkit-fill-available;
		/* height: 23px; */
		/* padding: 12px; */
		border-radius: 12px;
		/* background: #eeeeee; */
		border: 2px solid #dcdcdc;
		/* background: #fff; */
		/* color: #757575; */
	}
	
	.virtual_code{
		/* background:red; */
		display:flex;
		align-items: center;
		width: -webkit-fill-available;
		/* height: 23px; */
		/* padding: 12px; */
		border-radius: 17px;
		/* background: #eeeeee; */
		border: 2px solid #dcdcdc;
		/* background: #fff; */
		/* color: #757575; */
	}
	
	.phone_left{
		width: 70px;
		display: flex;
		align-items: center;
		font-size: 16px;
		font-weight: 600;
		gap: 4px;
		color: #757575;
		padding: 12px;
	}
	
	.phone_left img{
		width:24px;
	}
	
	.virtual_phone input{width: calc(100% - 88px);background: none;border: none;border-radius: 0px;font-size: 16px;/* background: cadetblue; */border-left: 2px solid #dcdcdc;color: #757575;font-weight: 600;letter-spacing: 4px;padding: 8px 8px 8px 16px;}
	.virtual_phone input:focus{border-left: 2px solid #dcdcdc; outline:none;}
	
	.virtual_code input{width: calc(100% - 0px);background: none;border: none;border-radius: 0px;font-size: 16px;/* background: cadetblue; *//* border-left: 2px solid #dcdcdc; */color: #757575;font-weight: 600;text-align: center;letter-spacing: 12px;}
	.virtual_code input:focus{outline:none;}	
	
	/*[][][][][][MOBILE MENU][][][][][]*/
	
	#mobile_menu{
		position:fixed;
		z-index: 2;
		bottom:0px;
		width:100%;
		background: #ffffff;
		backdrop-filter: blur(3px);
		display:flex;
		justify-content:space-between;
		gap:4px;
		border-top: 1px solid #ebebeb;
	}

	#mobile_menu .active{
		/* border: 2px solid #1e8aec; */
		/* padding: 4px 12px 4px 8px; */
		/* background: #1e8aec; */
		/* border-radius: 20px; */
		color: #1e8aec;
		/* box-shadow: 0 1px 4px rgb(0 0 0 / 14%), 0 4px 12px rgba(0, 0, 0, 0.05); */
		font-weight: 600;
		border-top: 2px solid #1e8aec;
	}
	
	#mobile_menu a{
		padding:8px;
		font-size:12px;
		font-weight:600;
		display: grid;
		gap: 4px;
		align-items: center;
		width: calc(25% - 0px);
		text-align: center;
		/* margin: 8px; */
	}

	#mobile_menu a img{
		width: 24px;
		height: 24px;
		margin:auto;
	}	
	
	/*[][][][][][POPUP][][][][][]*/
	
	.popupmain{
		width: 100%;
		height: 100%;
		top: 0px;
		position: fixed;
		z-index: 5;
		display:flex;
		align-items: end;
		justify-content:center;
	}
	
	.popupmain .closer{
		width: 100%;
		height: 100%;
		top: 0px;
		background: #0000004f;
		position: fixed;
		z-index: 1;
	}
	
	.popupmain .frame{
		width: calc(100% - 0px);
		max-width:800px;
		height: 600px;
		max-height:800px;
		background:#ffffff;
		box-shadow: 1px 1px #000;
		border-radius: 24px 24px 0px 0px;
		overflow: hidden;
		z-index:2;
		animation-name: popup;
		animation-duration: 0.5s;
		left: 0px;
		right: 0px;
	}
	
	.popupmain .head{
		font-size: 12px;
		font-weight:600;
		margin: 8px 0px 0px 0px;
		border-bottom: 1px solid #e7e7e7;
		text-align: center;
		padding-bottom: 8px;
	}

	.popupmain .bar{
		width: 48px;
		height: 4px;
		background: #6d6d6d;
		margin: 8px auto;
		border-radius: 12px;
	}	
		
	.popupmain .text{
		font-size:15px;
		font-weight:400;
		white-space: break-spaces;
		margin: 0px 6px 8px 12px;
		height: calc(100% - 58px);
		overflow: auto;
	}		


	/*[][][][][][MAP SEARCH][][][][][]*/

	.mobile_mapsearch{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	/* animation-name: getout; */
	/* animation-duration: 0.2s; */
	width: -webkit-fill-available;
	}

	.mobile_mapsearch .upper{
		display: flex;
		background: #ffffff;
		padding: 8px 8px 8px 12px;
		margin: 12px 12px 0px 12px;
		border-radius: 37px;
		box-shadow: 1px 1px 4px #00000052;
	}

	.mobile_mapsearch .group{
		display:flex;
		align-items:center;
		width: -webkit-fill-available;
		gap: 8px;
	}	

	.mobile_mapsearch .msearch{
		border:none;
		outline:none;
	}	

	.mobile_mapsearch .msearch:focus{
		border:none;
		outline:none;
	}	
		

	.mobile_mapsearch img{
		width:24px;
		height:24px;
	}			
		
	.mobile_mapsearch .mlocal{
		background: #009bff;
		display: flex;
		padding: 4px 4px 4px 12px;
		gap: 8px;
		border-radius: 24px;
		overflow: hidden;
		align-items: center;
		font-weight: 600;
		color: #ffffff;
		cursor: pointer;
		transition: 0.2s;
		font-size: 12px;
		min-width: 91px;
		/* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgb(0 0 0 / 24%); */
		/* animation-name: buttonback; */
		/* animation-duration: 2s; */
		/* animation-iteration-count: infinite; */
	}		

	.mobile_mapsearch .downer{
		display: flex;
		gap: 8px;
		/* justify-content: space-between; */
		padding: 0px 12px 8px 12px;
		/* flex-wrap: nowrap; */
		flex-direction: row;
		overflow: auto;
		width: inherit;
	}

	.downer .oncheck{
		width: max-content;
	}	
		
	.oncheck input {
	  position: relative;
	  top: 25px;
	  left: 0;
	  width: 100%;
	  /* height: -webkit-fill-available; */
	  opacity: 0;
	  cursor: pointer;
	  display: flex;
	  align-items: center;
	  font-weight:500;
	  background:#fff!important;
	  !importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;!;!i;!;
	}

		

	.downer input[type=checkbox] ~ div {
		background:#fff!important;
		color:#505050!important;
		font-weight:500;
		border-radius: 28px;
		padding: 8px;
		box-shadow: 1px 1px 4px #00000052;
		text-align: center;
	}
		
	.downer input[type=checkbox]:checked ~ div {
		background:#009bff!important;
		color:#ffffff!important;
		font-weight:600;
		border-radius: 29px;
		padding: 8px;
		text-align: center;
	}

	.downer input[type=radio] ~ div {
		background:#fff!important;
		color:#505050!important;
		font-weight:500;
		border-radius: 28px;
		padding: 4px 8px 4px 8px;
		box-shadow: 1px 1px 4px #00000052;
		text-align: center;
		width: max-content;
	}
		
	.downer input[type=radio]:checked ~ div {
		background:#009bff!important;
		color:#ffffff!important;
		font-weight:600;
		border-radius: 29px;
		padding: 4px 8px 4px 8px;
		width: max-content;
		text-align: center;
	}

	.oncheck div {
	  width: 100%;
	  /* height: 100%; */
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  line-height: 25px;
	  transition: .5s ease;
	  border-radius: 12px;
	  padding: 2px;
	  font-size: 12px;
	}
		
		
/**/

	.mobile_mapsearch_on{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 100%;
	height: calc(100% - 50px);
	background: #fff;
	/* animation-name: getback; */
	/* animation-duration: 0.2s; */
	}

	.mobile_mapsearch_on .upper{
		display: flex;
		background: #f5f5f5;
		padding: 4px 8px 4px 12px;
		margin: 12px 8px 8px 8px;
		border-radius: 37px;
		/* box-shadow: 1px 1px 4px #00000052; */
	}

	.mobile_mapsearch_on .group{
		display:flex;
		align-items:center;
		width: -webkit-fill-available;
		gap: 8px;
	}	

	.mobile_mapsearch_on .msearch{
		border:none;
		outline:none;
		background: none;
	}	

	.mobile_mapsearch_on .msearch:focus{
		border:none;
		outline:none;
	}	
		

	.mobile_mapsearch_on img{
		width:24px;
		height:24px;
	}			
		
	.mobile_mapsearch_on .mlocal{
		background: #009bff;
		display: flex;
		padding: 4px 4px 4px 8px;
		gap: 8px;
		border-radius: 24px;
		overflow: hidden;
		align-items: center;
		font-weight: 600;
		color: #ffffff;
		cursor: pointer;
		transition: 0.2s;
		font-size: 12px;
		width: 124px;
		/* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgb(0 0 0 / 24%); */
		/* animation-name: buttonback; */
		/* animation-duration: 2s; */
		/* animation-iteration-count: infinite; */
	}				

	.mobile_maplist{
		margin: 12px;
		display: grid;
		gap: 8px;
	}

	.mobile_maplist .head{
		font-size:14px;
	}
		
.onlist {
	/* display: flex; */
	height: 28px;
	line-height: 0px;
}

.onlist div {
  width: 100%;
  /* height: 100%; */
  /* display: flex; */
  align-items: center;
  /* line-height: 25px; */
  transition: .5s ease;
  /* position: relative; */
  z-index: 0;
  display: flex;
  gap: 4px;
}		

.radiohover {
  z-index: 0;
  position: relative;
  bottom: 26px;
  /* height: 20px; */
}

.onlist:hover {
  color:#0088e0;
}

.onlist input {
	  position: relative;
	  top: 0px;
	  left: 0;
	  width: 100%;
	  height: 28px;
	  opacity: 0;
	  cursor: pointer;
	  display: flex;
	  align-items: center;
	  font-weight:500;
	  background:#fff!important;
	  z-index: 1;
}

.onlist input[type=radio]:checked ~ div {
	color:#009bff!important;
	font-weight:500;
	border-radius: 12px;
	/* padding: 2px; */
}

.jp_main{
	display:flex;
	gap: 16px;
	flex-direction: column;
	width: calc(100% - 0px);
	margin:20px;
	box-shadow: none;
	padding: 0px;
}
		
.jp_filter{
	padding-top: 0px;
	height: 300px;
}

.jp_limiter{
	width: calc(100% - 0px);
	justify-content: space-between;
	height: 100%;
}

.action-area{
	border-top:1px solid #f3f3f3;
	padding-top:12px;
	margin-top: 12px;
}

.jp_cancel{
	display: flex;
}	
	
.jp_compgroup .head{
	font-size: 14px;
	width: -webkit-fill-available;
	text-overflow: ellipsis;
	text-wrap-mode: nowrap;
	overflow: hidden;
}		

.jobbaser{
	box-shadow: none;
	padding: 0px;
	border-bottom: 1px solid #ebebeb;
	border-radius: 0px;
	padding-bottom: 16px;
}

.positions{
	font-size:20px;
}	

		
.jp_second{
	width: 100%;
	position: fixed;
	background: #00000052;
	z-index: 10;
	left: 0px;
	top: 0px;
	height: 100%;
	display: none;
	justify-content: flex-end;
	animation-name: floatback;
	animation-duration: 0.5s;	
}

.jp_panel{
	background:#fff;
	border-radius:20px 20px 0px 0px;
	box-shadow: 0 1px 2px rgb(205 205 205), 0 4px 12px rgb(0 0 0);
	display: none;
	animation-name: floatup;
	animation-duration: 0.5s;
}
		
.jp_funcs{
}		

.mobile_apply{
	display:flex;
}	

.jp_founder{
	width: calc(100% - 0px);
	margin: 0px auto;
	display: flex;
	gap: 0px;
	padding-bottom: 140px;
}		

.validation-item label{
	font-size: 15px;
	margin: 16px 0px;
}

		
	/*[][][][][][ANIMATION MODULE][][][][][]*/
	
	@keyframes getback {
	  from {opacity:0}
	  to {opacity:1}
	}

	@keyframes floatback {
	  from {opacity:0}
	  to {opacity:1}
	}	
		
	@keyframes floatup {
	  from {transform:translate(0px, 50px)   }
	  to {transform:translate(0px, 0px)   }
	}		

	@keyframes buttonback {
	  0% {box-shadow:0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgb(255 255 255 / 35%)}
	  25% {box-shadow:0 1px 2px rgb(0 0 0 / 15%), 0 4px 12px rgb(23 134 234 / 54%)}
	 50% {box-shadow:0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgb(255 255 255 / 35%)}
		75% {box-shadow:0 1px 2px rgb(0 0 0 / 15%), 0 4px 12px rgb(23 134 234 / 54%)}
	}	
	
	@keyframes loadingpage {
	  from {margin-top:100px;opacity:0}
	  to {margin-top:0px;opacity:1}
	}
	
	@keyframes hidepanel {
	  from {display:grid}
	  to {display:none}
	}
	
	@keyframes getmenu {
	  from {top : 40px; scale:0.8 ; opacity:0}
	  to {top : 70px;scale:1; opacity:1}
	}	

	@keyframes getfilter {
	  from {bottom : -600px; opacity:0}
	  to {bottom : 0px; opacity:1}
	}	


	@keyframes popup {
	  from {height : 0px; opacity:0}
	  to {height : 600px; opacity:1}
	}			
	
}