html{
	margin:0px!important;
	padding:0px!important;
	overflow-x:hidden!important;
	
}

body{
	margin:0px!important;
	padding:0px!important;
	overflow-x:hidden!important;
	background-color:#f4f6f5!important;
}

*{
	scroll-behavior: smooth!important;
}

a{
	text-decoration:none!important;
}

a.disabled {
  pointer-events: none;
  cursor: default;
}

.space{
	width:100%;
	height:50px;
	position:relative;
}

.space-mini{
	width:100%;
	height:20px;
	position:relative;
}

button{outline:none!important;}
.margin0{margin:0px!important;}
.padding0{padding:0px!important;}
.clear{clear:both!important;}

.modal-custom{
	width:100%;
	min-height:100vh;
	display:flex!important;
	align-items:center!important;
	background-color:white;
	position:absolute;
	top:-40px;
	left:0;
	z-index:999;
}

@media(max-width:991px){
	.mobile-none991{display:none;}
}

@media(max-width:767px){
	.mobile-none{display:none;}
}

:root {
  --acikmavi:#e2e4e7;
  --acikmavi2:#0575E6;
  --acikmavi3:#e7e9eb;
  --mavi:#024d9e;
  --clr3:#A2A6B2;
  --clr4:#1D2547;
}

.modal-header{
	background-color:var(--mavi)!important;
	color:var(--acikmavi)!important;
}

.mobile991{display:none;}

@media(max-width:991px){
	.mobile991{display:inherit;}
}

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


/*HEADER START*/

.header{
	width:100%;
	min-height:500px;
	background-color:var(--acikmavi);
	position:relative;
}

.header-in{
	width:70%;
	min-height:500px;
	display:flex;
	align-items:center;
	margin:auto auto auto auto;
}



.header-nav{
	width:100%;
	height:80px;
	background-color:white;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.10);
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.10);
}

.header-nav-in{
	width:70%;
	height:80px;
	margin:auto auto auto auto;
}

@media(max-width:1366px){
	.header-in{
		width:95%;
	}
	
	.header-nav-in{
		width:95%;
	}
}

.logo-button{
	width:auto;
	height:50px;
	background-color:var(--mavi);
	color:var(--acikmavi);
	border:none;
	font-weight:900;
	margin:10px auto 20px auto;
	float:left;
	font-size:20px;
	font-family: 'Raleway', sans-serif!important;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.20);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.20);
}

.logo-button2{
	width:auto;
	height:50px;
	background-color:var(--acikmavi);
	color:var(--mavi);
	border:none;
	font-weight:900;
	margin:20px auto 10px auto;
	float:left;
	font-size:20px;
	font-family: 'Raleway', sans-serif!important;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.20);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.20);
}

@media(max-width:450px){
	.logo-button{font-size:15px;}
	.logo-button2{font-size:15px;}
}

.nav-div{
	width:auto;
	height:80px;
	float:right;
}

.nav-button{
	width:auto;
	height:80px;
	background-color:rgba(255,255,255,0);
	color:var(--mavi);
	float:left;
	border:none;
	margin:auto 5px auto 5px;
	font-weight:bolder;
	transition:ease-in all .2s;
	font-size:15px;

}

.nav-button:hover{
	transition:ease-in all .2s;
	background-color:var(--acikmavi);
}

.nav-mobile-button{
	width:auto;
	height:80px;
	background-color:rgba(255,255,255,0);
	color:var(--mavi);
	border:none;
	float:left;
	font-size:20px;
	display:none;
	margin:auto 20px auto auto;
}

@media(max-width:991px){
	.nav-button{
		display:none;
	}
	
	.nav-mobile-button{
		display:inherit;
	}
}

@media(max-width:700px){
	.nav-giris-button{
		display:none;
	}
	
	.nav-kayit-button{
		display:none;
	}	
	
	.nav-mobile-button{
		float:right;
	}
}


.nav-giris-button{
	width:auto;
	height:50px;
	background-color:rgba(255,255,255,0);
	font-weight:bolder;
	font-size:16px;
	color:var(--mavi);
	border:2px solid var(--mavi);
	float:left;
	margin:15px 5px 15px 5px;
	border-radius:5px;
	padding:0px 10px;
	transition:ease-in all .2s;
}

.nav-giris-button:hover{
	background-color:var(--acikmavi);
	color:var(--mavi);
	transition:ease-in all .2s;
}

.nav-kayit-button{
	width:auto;
	height:50px;
	background-color:var(--mavi);
	font-size:16px;
	font-weight:bolder;
	color:var(--acikmavi);
	border:2px solid var(--mavi);
	float:left;
	margin:15px 5px 15px 5px;
	border-radius:5px;
	padding:0px 10px;
}

.nav-kayit-button:hover{
	color:var(--clr3);
	transition:ease-in all .2s;
}

/*HEADER STOP*/

/*HEADER IN START*/

.header-in-box{
	width:100%;
	min-height:400px;
	margin:auto auto auto auto;
}

.header-search-div{
	width:60%;
	min-height:400px;
	float:left;
}

.header-slogan-div{
	width:100%;
	height:auto;
	font-size:35px;
	color:var(--mavi);
	text-align:left;
}

.header-slogan-div h1{
	font-family: 'Raleway', sans-serif!important;
	font-weight:900;	
}

@media(max-width:725px){
	.header-slogan-div h1{
		font-size:35px!important;
	}
}

@media(max-width:635px){
	.header-slogan-div h1{
		font-size:30px!important;
	}
}

@media(max-width:570px){
	.header-slogan-div h1{
		font-size:25px!important;
	}
}

.firma-ara-div{
	width:700px;
	height:150px;
	background: var(--mavi);
	float:left;
	border-radius:5px;
	z-index:70;
}

.ara-select{
	min-width:300px;
	max-width:300px;
	height:50px;
	background-color:var(--acikmavi);
	color:var(--mavi);
	margin:50px 5px 50px 5px;
	font-size:16px;
	font-weight:bold;
	z-index:70;
	border-radius:4px;
}

@media(max-width:1700px){
	.firma-ara-div{
		width:500px;
	}
	
	.ara-select{
		min-width:225px;
		max-width:225px;
	}
}

@media(max-width:991px){
	.header-search-div{
		width:100%;
		float:left;
		margin:40px auto 20px auto;
	}
	
	.header-slogan-div{
		width:90%;
		margin:20px 5% auto 5%;
	}
	
	.firma-ara-div{
		width:90%;
		float:inherit;
		margin:auto 5% auto 5%;
	}
	
	.ara-select{
		min-width:40%;
		max-width:40%;
	}
}

@media(max-width:570px){
	.firma-ara-div{
		width:90%;
		height:auto;
	}
	
	.ara-select{
		min-width:90%;
		max-width:90%;
		margin:20px auto 20px auto;
	}
}

.ara-veya-button{
	width:100%;
	height:30px;
	background-color:rgba(255,255,255,0);
	color:var(--mavi);
	font-weight:bolder;
	border:none;
	margin:5px auto auto auto;
}

@media(max-width:570px){
	.ara-veya-button{
		background-color:var(--acikmavi);
	}
}

.ara-div{
	width:100%;
	height:50px;
	margin:5px auto 5px auto;
}

@media(max-width:570px){
	.ara-div{
		margin-top:0px;
		padding:5px 0px;
		background-color:var(--acikmavi);
	}
}

.ara-textbox{
	width:80%;
	height:50px;
	background-color:var(--acikmavi);
	color:var(--mavi);
	font-weight:bolder;
	border:3px solid var(--mavi);
	outline:none;
	padding:10px;
	float:left;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}

.ara-textbox::placeholder{
	color:var(--mavi);
}

.ara-button{
	width:20%;
	height:50px;
	background: var(--mavi);
	color:var(--acikmavi);
	font-weight:bolder;
	border:none;
	float:left;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}

.header-firma-slider-div{
	width:40%;
	height:400px;
	border-top-left-radius:30px;
	border-top-right-radius:30px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:30px;
	float:left;
	background-image:url("https://teknikservisbilgi.com/assets/img/slider1.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left;
}

@media(max-width:991px){
	.header-firma-slider-div{
		width:100%;
		float:left;
		height:300px;
		margin:40px auto auto auto;
	}
}

@media(max-width:570px){
	.header-firma-slider-div{
		width:90%;
		float:left;
		height:300px;
		margin:40px 5% auto 5%;
	}
}

.slider-filter{
	width:100%;
	height:100%;
	background-color:rgba(2,77,158,0.4);
	border-top-left-radius:30px;
	border-top-right-radius:30px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:30px;
}

/*HEADER IN STOP*/


/*VİTRİN START*/

.vitrin-div{
	width:100%;
	min-height:300px;
	position:relative;
}

.vitrin-div-in{
	width:70%;
	min-height:300px;
	margin:auto auto auto auto;
}

.vitrin-baslik{
	width:100%;
	height:45px;
	background: var(--mavi);

	border-radius:2px;
}

.baslik-button{
	width:auto;
	height:45px;
	background-color:rgba(255,255,255,0);
	color:var(--acikmavi);
	float:left;
	border:none;
	font-weight:bolder;
	float:left;
}

.vitrin-controls{
	width:auto;
	height:auto;
	float:right;
	margin-right:5px;
}

.vitrin-control-button{
	width:35px;
	height:35px;
	background-color:var(--acikmavi);
	color:var(--mavi);
	border:none;
	margin-top:5px;
}

.vitrin{
	width:100%;
	min-height:250px;
	display:flex;
	align-items:center;
}

.vitrin-box{
	width:300px;
	height:225px;
	/*background-color:var(--acikmavi);*/
	text-align:center;
	color:red;
	font-size:22px;
	margin:auto auto auto auto;
	float:left;
	border-radius:2px;
	border:1px solid var(--acikmavi);
	position:relative;
}

@media(max-width:1700px){
	.vitrin-box{
		width:250px;
	}
}

@media(max-width:1150px){
	.vitrin-box{
		width:220px;
	}
}

@media(max-width:991px){
	.vitrin-box{
		width:250px;
	}
}

@media(max-width:850px){
	.vitrin-box{
		width:225px;
	}
}

@media(max-width:767px){
	.vitrin-box{
		width:300px;
	}
}

@media(max-width:670px){
	.vitrin-box{
		width:250px;
	}
}

@media(max-width:570px){
	.vitrin-box{
		width:100%;
	}
}

.vitrin-box-image{
	width:100%;
	height:150px;
	display:flex;
	align-items:center;
	margin-top:10px;
}

.vitrin-image{
	width:auto;
	max-width:80%;
	height:auto;
	max-height:150px;
	margin:auto auto auto auto;
}

.vitrin-box-title-button{
	width:100%;
	height:auto;
	max-height:65px;
	background-color:rgba(255,255,255,0);
	color:var(--mavi);
	border:none;
	font-size:16px;
	font-weight:600;
	padding:0px 15px;
}

.vitrin-tag{
	min-width:75px;
	height:auto;
	padding:5px;
	position:absolute;
	top:10px;
	left:0px;
	background: var(--mavi);
	background: -webkit-linear-gradient(to right, #1b3186, var(--acikmavi2));
	background: linear-gradient(to right, #1b3186, var(--acikmavi2));
	color:var(--acikmavi);
	font-weight:bold;
	border:none;
	font-size:12px;
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
}

/*VİTRİN STOP*/


/*MAIN START*/

.main-div{
	width:100%;
	min-height:400px;
	/*background-color:red;*/
	position:relative;
}

.main-div-in{
	width:70%;
	min-height:400px;
	/*background-color:green;*/
	margin:auto auto auto auto;
}

@media(max-width:1366px){
	.main-div-in{
		width:90%;
	}
}


.section-div{
	width:100%;
	min-height:400px;
	position:relative;
}

@media(max-width:991px){
	.section-div{
		margin:40px auto auto auto;
	}
}

.baslik-div{
	width:100%;
	height:45px;
	background: var(--mavi);

	border-radius:2px;
}

/*MAIN STOP*/


/*KATEGORİLER START*/

.kategoriler-div{
	width:100%;
	min-height:400px;
	position:relative;
}

.kategori-button{
	width:100%;
	height:40px;
	background-color:var(--acikmavi);
	color:var(--mavi);
	text-align:left;
	font-weight:600;
	border:none;
	border-bottom:1px solid var(--mavi);	
	position:relative;
	margin:5px auto 2px auto;
	border-radius:2px;
}

.kategori-button i{
	width:30px;
	margin:auto auto auto auto;
	text-align:center;
}

.kategori-button-arrow{
	width:30px;
	height:30px;
	background: var(--mavi);
	background: -webkit-linear-gradient(to right, #1b3186, var(--acikmavi2));
	background: linear-gradient(to right, #1b3186, var(--acikmavi2));
	color:var(--acikmavi);
	position:absolute;
	right:5px;
	bottom:5px;
	display:flex;
	align-items:center;
}

.kategori-button-arrow i{
	margin:auto auto auto auto;
}

.kategori-button-arrow:hover{
	transition:ease-in all .3s;
	background: var(--mavi);
}

/*KATEGORİLER STOP*/


/*SIDE ÜYELİK START*/

.side-uyelik-div{
	width:100%;
	min-height:200px;
	background-color:var(--acikmavi);
	margin:40px auto auto auto;
	border-radius:4px;
}

.side-giris-textbox{
	width:80%;
	height:40px;
	background-color:var(--mavi);
	margin:10px 10% auto 10%;
	border:none;
	outline:none;
	font-weight:600;
	color:white;
	padding:0px 5px;
}

.side-giris-textbox::placeholder{
	color:white;
	font-weight:600;
}

.side-giris-button{
	width:60%;
	height:40px;
	background-color:var(--mavi);
	margin:10px auto 10px auto;
	border:none;
	font-weight:600;
	color:white;
	padding:0px 20px;
	border-radius:5px;
	transition:all ease-in .2s;
}

.side-giris-button:hover{
	transition:all ease-in .2s;
	background:var(--acikmavi2);
}

.side-veya-span{
	width:auto;
	height:auto;
	background-color:rgba(255,255,255,0);
	margin:5px auto auto auto;
	border:none;
	font-weight:600;
	color:#adadad;
	display:block;
}

.side-firmani-ekle-button{
	width:100%;
	height:40px;
	background-color:var(--acikmavi);
	margin:5px auto 10px auto;
	border:none;
	font-weight:600;
	color:var(--mavi);
	padding:0px 10px;
	border-radius:4px;
	transition:all ease-in .2s;
}

.side-firmani-ekle-button:hover{
	transition:all ease-in .2s;
	background: var(--mavi);
	color:white;
}

/*SIDE ÜYELİK STOP*/


/*İLANLAR START*/

.ilanlar-div{
	width:100%;
	min-height:400px;
}

.ilan-div{
	width:100%;
	min-height:70px;
	background-color:var(--acikmavi);
	margin:10px auto auto auto;
}

.ilan-div-first{
	width:65%;
	height:70px;
	float:left;
}

.ilan-firma-resim-div{
	width:100px;
	height:70px;
	display:flex;
	align-items:center;
	float:left;
	margin:auto auto auto 20px;
}

.ilan-firma-resim{
	width:auto;
	max-width:100%;
	height:auto;
	max-height:100%;
	margin:auto auto auto auto;
}

.ilan-firma-isim-button{
	width:calc(100% - 120px);
	height:30px;
	background-color:rgba(255,255,255,0);
	float:left;
	border:none;
	color:var(--clr3);
	font-weight:600;
	font-size:14px;
	text-align:left;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.ilan-title-button{
	width:calc(100% - 120px);
	height:40px;
	background-color:rgba(255,255,255,0);
	float:left;
	border:none;
	color:var(--mavi);
	font-weight:700;
	font-size:16px;
	text-align:left;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.ilan-div-second{
	width:20%;
	height:70px;
	float:left;
}

.ilan-adres-button{
	width:100%;
	height:70px;
	background-color:rgba(255,255,255,0);
	color:var(--clr3);
	font-weight:600;
	font-size:14px;
	border:none;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.ilan-div-third{
	width:15%;
	height:70px;
	float:left;
	display:flex;
	align-items:center;
}

.ilan-goruntule-button{
	min-width:60%;
	max-width:80%;
	height:40px;
	background: var(--mavi);
	background: -webkit-linear-gradient(to right, #1b3186, var(--acikmavi2));
	background: linear-gradient(to right, #1b3186, var(--acikmavi2));
	color:var(--acikmavi);
	border:none;
	margin:auto auto auto auto;
	border-radius:2px;
	font-weight:600;
	font-size:14px;
	transition:ease-in all .3s;
}

.ilan-goruntule-button:hover{
	transition:ease-in all .3s;
	background: var(--mavi);
}

@media(max-width:1700px){
	.ilan-goruntule-button{
		width:80%;
		font-size:12px;
	}
}

@media(max-width:991px){
	.ilan-div-first{
		width:80%;
	}
	
	.ilan-div-second{
		display:none;
	}	
}

@media(max-width:770px){
	.ilan-div-first{
		width:100%;
		min-height:70px;
		float:inherit;
	}
	
	.ilan-firma-resim-div{
		width:100%;
		margin:auto auto auto auto;
	}
	
	.ilan-firma-isim-button{
		width:100%;
		height:auto;
		text-align:center;
	}
	
	.ilan-title-button{
		width:100%;
		height:auto;
		min-height:40px;
		overflow:visible;
		white-space:normal;
		text-overflow:inherit;
		text-align:center;
	}
	
	.ilan-div-third{
		width:100%;
		float:inherit;
	}	
}

/*İLANLAR STOP*/


/*ÖZEL ÜYE FİRMALAR START*/

.ozel-uye-firmalar{
	width:100%;
	min-height:400px;
}

.ozel-uye-firma-box{
	width:100%;
	min-height:250px;
	background-color:var(--acikmavi);
	border-radius:2px;
	position:relative;
	margin:10px auto auto auto;
	padding:10px 0px;
	padding-bottom:0px;
}

.ozel-uye-tag{
	min-width:75px;
	height:auto;
	padding:5px;
	position:absolute;
	top:10px;
	left:0px;
	background-color:var(--mavi);
	background: var(--mavi);
	background: -webkit-linear-gradient(to right, #1b3186, var(--acikmavi2));
	background: linear-gradient(to right, #1b3186, var(--acikmavi2));
	color:var(--acikmavi);
	font-weight:bold;
	border:none;
	font-size:12px;
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
}

.ozel-uye-firma-resim-div{
	width:80%;
	height:150px;
	display:flex;
	align-items:center;
	margin:auto auto auto auto;
}

.ozel-uye-firma-resim{
	width:auto;
	max-width:100%;
	height:auto;
	max-height:100%;
	margin:auto auto auto auto;
}

.ozel-uye-firma-isim-button{
	width:80%;
	height:50px;
	margin:auto 10% auto 10%;
	background-color:rgba(255,255,255,0);
	font-weight:600;
	font-size:14px;
	color:var(--mavi);
	border:none;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.ozel-uye-firma-yetkili-button{
	width:100%;
	height:40px;
	margin:5px auto auto auto;
	background: var(--mavi);	
	position:relative;
	color:var(--acikmavi);
	border:none;
	border-bottom:2px solid var(--acikmavi);
	font-weight:600;
	font-size:14px;
	border-radius:2px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
	text-align:left;
	transition:ease-in all .2s;
}

.ozel-uye-firma-yetkili-button i{
	width:20px;
	height:auto;
	text-align:center;
}

.ozel-uye-firma-yetkili-button:hover{
	transition:ease-in all .2s;
	background: var(--acikmavi2);
}

.ozel-uye-firma-telefon-button{
	width:100%;
	height:40px;
	margin:1px auto auto auto;
	background: var(--mavi);
	position:relative;
	color:var(--acikmavi);
	border:none;
	border-bottom:2px solid var(--acikmavi);
	font-weight:600;
	font-size:14px;
	border-radius:2px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
	text-align:left;
	transition:ease-in all .2s;
}

.ozel-uye-firma-telefon-button i{
	width:20px;
	height:auto;
	text-align:center;
}

.ozel-uye-firma-telefon-button:hover{
	transition:ease-in all .2s;
	background: var(--acikmavi2);
}

.ozel-uye-firma-button-arrow{
	width:30px;
	height:40px;
	color:var(--acikmavi);
	position:absolute;
	right:5px;
	bottom:0px;
	display:flex;
	align-items:center;
	padding-top:4px;
	font-size:16px;
}

.ozel-uye-firma-button-arrow i{
	margin:auto auto auto auto;
}

/*ÖZEL ÜYE FİRMALAR STOP*/


/*NORMAL ÜYE FİRMALAR START*/

.normal-uye-box{
	width:100%;
	height:225px;
	text-align:center;
	color:red;
	font-size:22px;
	margin:10px auto auto auto;
	float:left;
	border-radius:2px;
	border:1px solid var(--acikmavi);
	position:relative;
	overflow:hidden;
}

.normal-uye-box-image{
	width:100%;
	height:150px;
	display:flex;
	align-items:center;
	margin-top:10px;
}

.normal-uye-image{
	width:auto;
	max-width:80%;
	height:auto;
	max-height:150px;
	margin:auto auto auto auto;
}

.normal-uye-box-title-button{
	width:100%;
	height:auto;
	max-height:65px;
	background-color:rgba(255,255,255,0);
	color:var(--mavi);
	border:none;
	font-size:16px;
	font-weight:600;
	padding:0px 15px;
}

/*NORMAL ÜYE FİRMALAR STOP*/


/*FOOTER START*/

.footer{
	width:100%;
	min-height:200px;
	background-color:var(--clr4);
}

.footer-in{
	width:70%;
	min-height:200px;
	margin:auto auto auto auto;
}

.footer-baslik-button{
	width:100%;
	height:auto;
	background-color:rgba(255,255,255,0);
	color:var(--acikmavi);
	border:none;
	text-align:left;
	font-size:22px;
	font-weight:900;
	font-family: 'Raleway', sans-serif!important;	
}

.footer-items-button{
	width:100%;
	min-height:40px;
	background-color:rgba(255,255,255,0);
	text-align:left;
	border:none;
	font-size:15px;
	font-weight:600;
	color:var(--acikmavi);
}

.footer-mini{
	width:100%;
	min-height:30px;
	background-color:var(--clr4);
}

.footer-mini-button{
	width:auto;
	min-height:30px;
	background-color:rgba(255,255,255,0);
	color:var(--acikmavi);
	border:none;
	margin:auto auto auto auto;
}

/*FOOTER STOP*/


/*FİRMA START*/

.firma-header{
	width:100%;
	min-height:300px;
	background-color:var(--acikmavi);
	position:relative;
	border-bottom:2px solid var(--mavi);
}

.firma-header-in{
	width:70%;
	min-height:200px;
	margin:auto auto auto auto;
}

@media(max-width:1366px){
	.firma-header-in{
		width:95%;
	}
}

.firma-logo-div{
	width:200px;
	height:150px;
	background-color:white;
	border-radius:2px;
	float:left;
	display:flex;
	align-items:center;
	padding:5px;
	margin:25px auto 25px auto;
	position:relative;
}

@media(max-width:770px){
	.firma-logo-div{
		width:200px;
		float:inherit;
		margin:10px 0px 10px 0px;
	}
}

.firma-logo{
	width:auto;
	max-width:100%;
	height:auto;
	max-height:100%;
	margin:auto auto auto auto;
}

.firma-detay-div{
	width:calc(70% - 200px);
	height:120px;
	border-right:1px solid #b4b6b8;
	margin:40px auto auto 15px;
	float:left;
}

@media(max-width:920px){
	.firma-detay-div{
		width:calc(60% - 200px);
		min-height:120px;
	}
}

@media(max-width:770px){
	.firma-detay-div{
		width:100%;
		margin:10px auto auto auto;
		float:inherit;
		border:none;
	}
}

.firma-detay-isim-button{
	width:auto;
	min-height:40px;
	background-color:rgba(255,255,255,0);
	border:none;
	float:left;
	color:var(--mavi);
	font-weight:700;
	font-size:22px;
	text-align:left;
}

.firma-detay-kategori-button{
	width:100%;
	min-height:30px;
	background-color:rgba(255,255,255,0);
	border:none;
	float:left;
	color:#3c3c3c;
	font-weight:600;
	font-size:16px;
	text-align:left;	
}

.firma-detay-adres-button{
	width:auto;
	height:40px;
	background-color:rgba(255,255,255,0);
	margin:auto 5px auto auto;
	border:none;
	color:#3c3c3c;
	float:left;
}

.firma-detay-adres-button i{
	color:var(--mavi);
}

.firma-detay-goruntulenme-button{
	width:auto;
	height:40px;
	background-color:rgba(255,255,255,0);
	margin:auto 5px auto auto;
	border:none;
	color:#3c3c3c;
	float:left;
}

.firma-detay-goruntulenme-button i{
	color:var(--mavi);
}

.firma-detay-ozel-tag-button{
	min-width:75px;
	height:30px;
	padding:5px;
	margin:5px auto auto 5px;
	background: var(--mavi);
	background: -webkit-linear-gradient(to right, #1b3186, var(--acikmavi2));
	background: linear-gradient(to right, #1b3186, var(--acikmavi2));
	color:var(--acikmavi);
	font-weight:bold;
	border:none;
	font-size:12px;
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
	float:left;
}

.firma-detay-yorum-button{
	width:auto;
	height:40px;
	margin:auto auto auto 5px;
	background-color:rgba(255,255,255,0);
	border:none;
	color:var(--clr4);
	text-align:left;
	float:left;
}

.firma-detay-yorum-button i{
	color:var(--mavi);
}

.firma-detay-yorum-button span{
	background-color:var(--mavi);
	color:var(--acikmavi);
}

.firma-iletisim-div{
	width:calc(30% - 20px);
	height:120px;
	margin:40px auto auto auto;
	float:left;
}

@media(max-width:920px){
	.firma-iletisim-div{
		width:calc(40% - 20px);
		min-height:120px;
	}
}

@media(max-width:770px){
	.firma-iletisim-div{
		width:auto;
		min-height:120px;
		float:inherit;
		margin:0px auto auto auto;
	}
}

.firma-iletisim-mail-button{
	width:95%;
	height:35px;
	background-color:rgba(255,255,255,0);
	border:none;
	color:var(--clr4);
	text-align:left;
	float:right;
	margin-left:5%;
}

.firma-iletisim-mail-button i{
	color:var(--mavi);
	width:20px;
	text-align:center;
}

.firma-iletisim-telefon-button{
	width:95%;
	height:35px;
	background-color:rgba(255,255,255,0);
	border:none;
	color:var(--clr4);
	text-align:left;
	float:right;
	margin-left:5%;	
}

.firma-iletisim-telefon-button i{
	color:var(--mavi);
	width:20px;
	text-align:center;
}

.firma-iletisim-araclari-div{
	width:95%;
	height:50px;
	margin-left:5%;
	float:right;
}

@media(max-width:770px){
	.firma-iletisim-mail-button{width:auto;margin:0px;float:left;}
	.firma-iletisim-telefon-button{width:auto;margin:0px;float:left;}
	.firma-iletisim-araclari-div{width:100%;margin:0px;float:left;}
}

.firma-iletisim-mail{
	width:50px;
	height:50px;
	border-radius:50px;
	background-color:var(--mavi);
	color:var(--acikmavi);
	float:left;
	border:none;
}

.firma-iletisim-ara{
	width:50px;
	height:50px;
	border-radius:50px;
	background-color:var(--mavi);
	color:var(--acikmavi);
	float:left;
	border:none;
	margin-left:5px;
}

.firma-iletisim-whatsapp{
	width:50px;
	height:50px;
	border-radius:50px;
	background-color:var(--mavi);
	color:var(--acikmavi);
	float:left;
	border:none;
	margin-left:5px;
}

.firma-galeri-box{
	width:300px;
	height:200px;
	/*background-color:var(--acikmavi);*/
	text-align:center;
	color:red;
	font-size:22px;
	margin:auto auto auto auto;
	float:left;
	border-radius:2px;
	border:1px solid var(--acikmavi);
	position:relative;
}

.firma-galeri-sil-button{
	width:auto;
	height:auto;
	background-color:rgba(255,255,255,0);
	color:red;
	position:absolute;
	top:0px;
	right:0px;
	border:none;
}

@media(max-width:1700px){
	.firma-galeri-box{
		width:250px;
	}
}

@media(max-width:1150px){
	.firma-galeri-box{
		width:220px;
	}
}

@media(max-width:991px){
	.firma-galeri-box{
		width:250px;
	}
}

@media(max-width:850px){
	.firma-galeri-box{
		width:225px;
	}
}

@media(max-width:767px){
	.firma-galeri-box{
		width:300px;
	}
}

@media(max-width:670px){
	.firma-galeri-box{
		width:250px;
	}
}

@media(max-width:570px){
	.firma-galeri-box{
		width:100%;
	}
}

.firma-galeri-box-image{
	width:100%;
	height:150px;
	display:flex;
	align-items:center;
	margin-top:25px;
}

.firma-galeri-image{
	width:auto;
	max-width:80%;
	height:auto;
	max-height:150px;
	margin:auto auto auto auto;
}

.firma-hakkinda-div{
	width:100%;
	min-height:100px;
	border-radius:2px;
}

.firma-hakkinda-div span{
	width:100%;
	height:auto;
	display:block;
	font-weight:600;
	color:#3c3c3c;
	margin:10px auto auto auto;
	text-align:left;
	padding:5px;
}

.calisma-saati-div{
	width:100%;
	min-height:100px;
	clear:both;
	border-radius:2px;
}

.calisma-saati-button{
	width:100%;
	height:40px;
	background-color:rgba(255,255,255,0);
	border:none;
	padding:0px;
	position:relative;
	margin:2px auto auto auto;
}

.gun{
	display:block;
	width:auto;
	height:40px;
	float:left;
	font-weight:600;
	color:var(--mavi);
	position:absolute;
	left:5px;
	top:0px;
	display:flex;
	align-items:center;
}

.saat{
	display:inline-block;
	float:right;
	padding:5px;
	border:2px solid var(--mavi);
	border-radius:5px;
	color:var(--mavi);
	background-color:blue;
	font-weight:600;
	background-color:rgba(255,255,255,0);
	margin-right:5px;
}

.firma-ilanlar-div{
	width:100%;
	min-height:100px;
	border-radius:2px;
}

.profili-duzenle-button{
	width:80%;
	height:40px;
	background-color:var(--mavi);
	color:white;
	font-weight:600;
	border:none;
	margin:10px 10% auto 10%;
	text-align:left;
	border-radius:3px;
}

.ilan-yayinla-button{
	width:80%;
	height:40px;
	background-color:var(--mavi);
	color:white;
	font-weight:600;
	border:none;
	margin:10px 10% auto 10%;
	text-align:left;
	border-radius:3px;
}

.ozel-uye-basvuru-button{
	width:80%;
	min-height:40px;
	background-color:var(--mavi);
	color:white;
	font-weight:600;
	border:none;
	margin:10px 10% auto 10%;
	text-align:left;
	border-radius:3px;
}

.profil-cikis-button{
	margin-top:10px;
}

.profil-facebook-button{
	width:45%;
	height:100px;
	background-color:#4267B2;
	color:white;
	float:left;
	margin:25px 2.5% auto 2.5%;
	border:none;
}

.profil-instagram-button{
	width:45%;
	height:100px;
	background: #f09433; 
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
	color:white;
	float:left;
	margin:25px 2.5% auto 2.5%;
	border:none;
}

/*FİRMA STOP*/



.ilan-textbox{
	width:80%;
	height:50px;
	background-color:var(--acikmavi);
	color:var(--mavi);
	border:none;
	margin:5px 10% 5px 10%;
	padding:0px 5px;
	font-weight:bolder;
	border-radius:5px;
}

.ilan-textbox::placeholder{
	color:var(--mavi);
}

.ilan-textarea{
	width:80%;
	height:80px;
	background-color:var(--acikmavi);
	color:var(--mavi);
	border:none;
	margin:5px 10% 5px 10%;
	padding:0px 5px;
	font-weight:bolder;
	border-radius:5px;
}

.ilan-textarea::placeholder{
	color:var(--mavi);
}

.ilan-form-select{
	width:80%;
	height:50px;
	border:none;
	background-color:var(--acikmavi);
	color:var(--mavi);
	font-weight:bolder;
	margin:5px 10% 5px 10%;
}

.ilan-form-title{
	width:80%;
	height:auto;
	background-color:rgba(255,255,255,0);
	color:var(--mavi);
	font-weight:bolder;
	text-align:left;
	margin:10px 10% 10px 10%;
	border:none;
}

.ilan-form-time-div{
	width:80%;
	min-height:50px;
	position:relative;
	margin:5px 10% 5px 10%;
}

.ilan-form-day-text-button{
	width:auto;
	height:50px;
	background-color:rgba(255,255,255,0);
	border:none;
	color:var(--mavi);
	font-weight:600;
	float:left;
}

.ilan-form-time-left{
	width:auto;
	height:50px;
	border:none;
	background-color:var(--acikmavi);
	color:var(--mavi);
	font-weight:600;
	float:left;
	margin:auto 5px auto 5px;
}

.ilan-form-time-right{
	width:auto;
	height:50px;
	border:none;
	background-color:var(--acikmavi);
	color:var(--mavi);
	font-weight:600;
	float:right;
	margin:auto 5px auto 5px;
}

.anahtar-button{
	width:100px;
	height:auto;
	background-color:var(--mavi);
	color:var(--acikmavi);
	border-radius:5px;
	margin:5px auto 5px auto;
	text-align:center;
	font-weight:bolder;
	padding:10px 20px;	
}

.anahtarlar{
	width:80%;
	height:auto;
	margin:5px 10% 5px 10%;
}

.anahtarlar span{
	padding:5px;
	border:2px solid var(--acikmavi);
	color:var(--acikmavi);
	border-radius:5px;
	font-weight:600;
	margin:5px;
	display:inline-block;
}

.form-button{
	min-width:200px;
	height:50px;
	background-color:var(--mavi);
	color:var(--acikmavi);
	border:none;
	margin:10px auto 10px auto;
	font-weight:bolder;
	border-radius:5px;
}

.ilan-fiyat-div{
	width:80%;
	height:auto;
	margin:10px 10% 10px 10%;
}

.ilan-fiyat-button{
	background-color:var(--acikmavi)!important;
	color:var(--mavi)!important;
}

.dahafazla-firma-button{
	width:auto;
	height:50px;
	background-color:rgba(255,255,255,0);
	color:var(--mavi);
	font-size:20px;
	font-weight:bolder;
	border:2px solid var(--mavi);
	padding:0px 10px;
	margin:auto auto auto auto;
	border-radius:5px;
	transition:ease-in all .3s;
}

.dahafazla-firma-button:hover{
	background-color:var(--acikmavi);
	border:2px solid var(--acikmavi);
	transition:ease-in all .3s;
}




/*acil ilan start*/
.acil-ilan-div{
	min-height:40px;
	position:relative;
	margin-top:15px;
	width:100%;
	max-width: 100%;
    overflow: hidden;
}

marquee{
	min-height:40px;
	width:100%;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	animation: marquee 10s linear infinite;	
}


.acil-ilan-baslik{
	width:auto;
	min-height:30px;
	height:40px;
	float:left;
	margin:auto 10px 10px 10px;
	display:flex;
	align-items:center;
	text-align:center;
	font-weight:bold;
	color:white;
	background-color:var(--mavi);
	padding-right:10px;
	padding-left:10px;
	border-radius:5px;
}

.acil-ilan-baslik i{
	margin-right:5px;
}

.acil-ilan{
	width:auto;
	min-width:30px;
	height:40px;
	float:left;
	margin:auto 15px 10px 0px;
	display:flex;
	align-items:center;
	text-align:center;
	font-weight:bold;
	background-color:var(--acikmavi);
	border-radius:5px;
	color:var(--mavi);
	padding-right:5px;
	padding-left:5px;
}


/*acil ilan stop*/