.list_s_div {
	position: relative;
}

.ss_box {
	float: left;
	clear: left;
	width: 100%;
	position: relative;
	height: 225px;
	background-color: #fff;
	border-radius: 5px;
	margin-bottom: 20px;
	transition: box-shadow .5s;
}

.ss_box:hover {
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .30);
}

.ss_box_ic {
	width: 50%;
}

.ss_box_fiyat_ic {
	width: 25%;
}

.ss_box_ic,
.ss_box_fiyat_ic {
	height: 100%;
	position: relative;
	float: left;
	padding: 25px;
}

.ss_resim {
	float: left;
	width: 25%;
	height: 225px;
	border-radius: 5px 0px 0px 5px;

	overflow: hidden;
}

.ss_resim>img {
	width: 100%;
	height: 100%;
	object-fit: cover;


}


.ss_arac_tipi {
	float: left;
	width: 100%;
	font-size: 20px;
	color: #013a51;
	font-weight: 700;
	margin-bottom: 35px;
}

.ss_ikonlar {
	color: #444;
	font-size: 25px;
	float: left;
	margin-right: 5px;
}

.ss_ozellik_box {
	padding-left: 0px !important;
}

.ss_ozellik_satir {
	color: #444;
	margin-top: 10px;
	float: left;
	font-size: 14px;
	font-weight: 400;
	width: 50%;
	border-bottom: 1px solid #f5f5f5;
}

.ss_ozellik_satir label {
	float: left;
	padding-top: 5px;
	letter-spacing: .2px;
}

.ss_ozellik_satir b {
	font-weight: 600;
}

.ss_ozellik_satir:nth-last-child(-n+2) {
	border: 0px;
}


.ss_buyuk_div {
	position: absolute;
	right: 20px;
	top: 20px;
}

.ss_buyuk_ikon {
	width: 45px;
	height: 45px;
	color: #e7e7e7;
	float: left;
}

.ss_buyuk_span {
	font-size: 38px;
	color: #e1e1e1;
	float: left;
}


.ss_rez_fiyat {
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-bottom: 5px;
	color: #2c99da;
	font-size: 24px;
	font-weight: 600;
	position: relative;
	text-align: center;
}

.ss_rez_fiyat label {
	font-size: 14px;
	color: #000;
	font-weight: 400;
	vertical-align: top;
}

.ss_rez_fiyat label:before {
	content: '\2190';
	margin-right: 5px;
}



.ss_uyarilar_div {
	float: left;
	width: 100%;
	height: 80px;
	margin-top: 10px;
	overflow: hidden;
}

.ss_uyarilar_ul {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	list-style: none;
	color: #888;
	animation: slide 10s 5s ease infinite;
}

.ss_uyarilar_ul li {
	float: left;
	;
	margin-bottom: 5px;
}

.ss_uyarilar_ul li:before {
	content: '\2713';
	color: #00FF00;
	margin-right: 5px;
}

@keyframes slide {
	0% {
		transform: translateY(0px);
	}

	25% {
		transform: translateY(-25%);
	}

	50% {
		transform: translateY(-50%);
	}

	75% {
		transform: translateY(-75%);
	}

	100% {
		transform: translateY(0px);
	}
}

.ss_kisi_soluk {
	color: #a1a1a1;
	font-weight: 400;
	font-size: 13px;
}




.section_paylas {
	width: 50%;
	text-align: right;
	float: right;
}

.section_paylas a {
	color: #666;
	font-size: 24px;
	border-left: 1px solid #e1e1e1;
	padding: 5px;
	text-align: center;
	width: 50px;
	float: right;
}

.section_paylas a:hover {
	color: #000;
}

.section_paylas a:last-child {
	border: 0px;
}


.ls_no_service {
	font-size: 13px;
	border-left: 5px solid #FF9900;
	padding: 10px 20px;
}


/* # faq alti fiyat listesi */
.ls_faq_sol {
	float: left;
	clear: left;
	width: 25%;
	font-size: 13px;
	color: #aaa;
	position: sticky;
	top: 50px;
	left: 0px;
	margin-top: 50px;
}

.ls_faq_sag {
	float: right;
	width: 65%;
}

.ls_faq_price_table {
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: 400 !important;
	border-collapse: collapse;
	border: 1px solid #ddd;
	word-break: break-all;
}

.ls_faq_price_table th {
	text-align: left;
	font-weight: 500;
}

.ls_faq_price_table tr,
.ls_faq_price_table tr:first-child {
	height: 60px;
	border-bottom: 1px solid #ddd;
}

.ls_faq_price_table tr:first-child {
	height: 70px;
	border-bottom: 1px solid #666;
	background-color: #282828;
	color: #fff;
}

.ls_faq_sag_alt_div {
	float: right;
	clear: left;
	width: 100%;
	margin-top: 50px;
}






.ls_kisa_post_div {
	float: left;
	width: 100%;
	text-align: center;
	background-color: #f9f9f9;
	border-radius: 5px;
}

.ls_kisa_post_icerik {
	display: inline-block;
	width: 65%;
	padding: 30px 0px;
}

.ls_kisa_post_icerik a {
	color: sienna;
}

.li_kisa_post_ikon {
	display: inline-block;
	width: 50px;
	height: 50px;
	color: #4634BD;
}

.ls_kisa_post_icerik h2 {
	display: block;
	font-size: 14px;
	color: #888;
	text-align: justify;
	letter-spacing: .5px;
	line-height: 24px;
	font-weight: 400;
}

.ls_kisa_post_logo {
	display: inline-block;
	font-size: 22px;
	color: #000;
	font-weight: 600;
	letter-spacing: 1px;
	margin-top: 50px;
}

.ls_kisa_post_logo img {
	width: 30px;
	margin-right: 10px;
	vertical-align: middle;
}






.ls_hizmet_aciklama_div {
	padding: 50px;
	text-align: left;
	font-size: 13px;
}

.ls_hizmet_aciklama_div>h1 {
	font-size: 26px;
	margin-bottom: 15px;
	line-height: 1.25;
}

.ls_hizmet_aciklama_div>h2 {
	font-size: 20px;
}

.ls_hizmet_aciklama_div h2,
h3,
h4 {
	font-weight: bold;
	margin-top: 20px;
}

.ls_hizmet_aciklama_div>h3 {
	font-size: 16px;
	line-height: 1.35;
}

.ls_hizmet_aciklama_div>h4 {
	font-size: 17px;
	line-height: 1.4;
}

.ls_hizmet_aciklama_div>ul>li,
.ls_hizmet_aciklama_div>p {
	font-size: 15px;
	line-height: 1.6;
}







@<?=$GLOBALS["mobilCSS"]?> {
	.ls_faq_sol {
		position: static;
		width: 100%;
	}

	.ls_faq_sag {
		float: ;
		clear: left;
		width: 100%;

	}

	.ls_faq_sol img {
		width: auto;
	}

	.ls_faq_sag_alt_div {
		float: left;
		width: 100%;
	}

	.ss_rez_fiyat {
		font-size: 20px;
	}
}

/* ##### */



@<?=$GLOBALS["laptopCSS"]?> {
	.ss_ozellik_box {
		padding-left: 25px !important;
	}

	.ss_rez_fiyat {
		font-size: 20px;
	}


	<?php if ($list_service_gosterim_tipi=="1") {
		?>.ss_box {
			height: 475px;
			display: flex;
			flex-flow: row wrap;
			justify-content: space-between;
		}

		.ss_resim {
			width: 55%;
			height: 250px;
			border-radius: 5px 0px 0px 0px;
			order: 1;
		}

		.ss_box_ic {
			width: 55%;
			height: 250px;
			order: 3;
			width: 100%;
			border-top: 1px solid #e1e1e1;
		}

		.ss_box_fiyat_ic {
			width: 40%;
			height: 250px;
			order: 2;
		}

		.ss_rez_fiyat label:before {
			content: '\2190';
			margin-right: 5px;
		}

		.ss_uyarilar_div {
			height: 115px;
		}

		<?php
	}

	elseif ($list_service_gosterim_tipi=="2") {
		?>.ss_box {
			height: 400px;
		}

		.ss_resim {
			width: 35%;
			height: 250px;
			border-radius: 5px 0px 0px 0px;
		}

		.ss_box_ic {
			width: 65%;
			height: 250px;
			border-bottom: 1px solid #e1e1e1;
		}

		.ss_box_fiyat_ic {
			width: 100%;
			height: 150px;
		}


		.ss_rez_fiyat {
			text-align: left;
			width: 35%;
			margin: 0px;
		}

		.ss_rez_fiyat label:before {
			content: '\2190';
			margin-right: 5px;
		}

		.ss_btn_devam {
			width: 50%;
			margin: 0px;
			float: right;
		}

		.ss_uyarilar_div {
			height: 60px;
		}

		.ss_uyarilar_ul {
			clear: left;
			width: 100%;
			text-align: center;
			border-top: 1px solid #e1e1e1;
			padding-top: 10px;
			animation-play-state: paused;
		}

		.ss_uyarilar_ul li:after {
			content: ', ';
		}

		.ss_uyarilar_ul li {
			float: none;
			clear: none;
			margin-bottom: 5px;
			display: inline-block;
		}

		<?php
	}

	elseif ($list_service_gosterim_tipi=="3") {
		?>.ss_box {
			height: 400px;
		}

		.ss_resim {
			width: 35%;
			height: 400px;
		}

		.ss_box_ic {
			width: 65%;
			height: 200px;
			border-bottom: 1px solid #e1e1e1;
		}

		.ss_box_fiyat_ic {
			width: 65%;
			height: 200px;
		}

		.ss_rez_fiyat {
			text-align: left;
			width: 45%;
			margin: 0px;
			line-height: 20px;
		}

		.ss_rez_fiyat label {
			text-align: left;
			clear: left;
			float: left;
			width: 100%;
		}

		.ss_rez_fiyat label:before {
			content: '\2191';
			margin-right: 5px;
		}

		.ss_btn_devam {
			width: 50%;
			margin: 0px;
			float: right;
		}

		.ss_uyarilar_div {
			height: 100px;
			;
		}

		.ss_uyarilar_ul {
			clear: left;
			width: 100%;
			border-top: 1px solid #e1e1e1;
			padding-top: 10px;
		}

		.ss_uyarilar_ul li {
			float: none;
		}


		.ss_uyarilar_ul li {
			float: none;
			clear: none;
			margin-bottom: 5px;
			display: inline-block;
		}

		<?php
	}

	?>
}






/*tablet kaldirilip mobile donsun*/
@<?=$GLOBALS["mobilCSS"]?> {
	.ss_ozellik_box {
		padding-left: 10px !important;
	}

	.ss_box {
		height: 550px;
	}

	.ss_resim {
		width: 100%;
		height: 160px;
		border-radius: 5px 5px 0px 0px
	}

	.ss_box_ic {
		height: 170px;
		width: 100%;
	}

	.ss_box_fiyat_ic {
		width: 100%;
		height: 220px;
		padding: 10px;
		padding-top: 25px;
	}

	.ss_arac_tipi {
		margin-bottom: 15px;
	}

	.ss_ozellik_satir {
		height: 25px;
		clear: left;
		width: 100%;
		border: 0px;
		;
	}

	.ss_ozellik_satir:nth-last-child(-n+2) {
		border-bottom: 1px solid #f5f5f5;
	}

	.ss_ozellik_satir label {
		padding: 0px;
	}

	.ss_ikonlar {
		font-size: 22px;
	}

	.ss_rez_fiyat label {
		font-size: 12px;
	}
}

@<?=$GLOBALS["tabletCSS"]?> {
	.ss_box {
		height: 700px;
	}

	.ss_resim {
		width: 100%;
		height: 250px;
	}

}










#rez_panel_ac_link {
	float: right;
	font-size: 12px;
	color: #FF9900;
	border: 0px;
	padding: 0px;
}

.ss_ac_ikon {
	font-size: 25px;
	vertical-align: middle;
	transition: transform 1s;
}

.ss_ac_ikon_dondur {
	transform: rotate(180deg) !important;
}



@<?=$GLOBALS["mobilCSS"]?> {
	.rez_ac_link {
		float: right;
		position: static;
		margin-bottom: 10px;
	}

	#ss_rez_box {
		margin-bottom: 40px;
	}
}

















.mad_div {
	float: left;
	clear: left;
	width: 100%;
	margin: 75px 0px;
}

.mad_div ul {
	float: left;
	clear: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-align: center;
	gap: 15px;
	justify-content: space-between;
}

.mad_div ul li {
	display: inline-block;
	position: relative;
	width: 18%;
	height: 300px;
	background-color: #f9f9f9;
	padding: 20px;
	border-radius: 10px;
}

.mav_div_ikon {
	width: 100%;
	float: left;
	font-size: 50px;
	color: #ddd;
}

.mad_div ul li label {
	float: left;
	width: 100%;
	font-size: 12px;
	font-weight: 500;
	color: #666;
	margin-top: 15px;
}

.mad_div ul li span {
	float: left;
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	color: #282828;
	margin-top: 5px;
}

.mad_div ul li p {
	float: left;
	width: 100%;
	font-size: 12px;
	color: #444;
	margin-top: 10px;
	line-height: 20px
}

.mad_div ul li i {
	position: absolute;
	bottom: 25px;
	left: 0px;
	width: 100%;
	font-size: 12px;
	color: #444;
	margin-top: 20px;
	font-style: normal;
	text-decoration: underline;
}


@<?=$GLOBALS["laptopCSS"]?> {
	.mad_div ul li {
		min-height: 300px;
		width: 30%;
	}

	.mad_div ul li:nth-last-child(1) {
		display: none;
	}



}

@<?=$GLOBALS["mobilCSS"]?> {
	.mad_div ul li {
		width: 100%;
		height: 250px;
	}



}






/*prenext css*/
.link_list_tut {
	text-align: center;
}

.link_prenex_a {
	display: inline-block;
	padding: 5px 20px;
	background-color: #f1f1f1;
	font-size: 14px;
	color: #000;
	transition: background-color .5s;
}

.link_prenex_a:hover {
	background-color: #000;
	color: #fff
}

.link_prenex_a:nth-child(1) {
	text-align: right;
}

.link_prenex_a:nth-child(2) {
	text-align: left;
}


.link_sta_a {
	display: inline-block;
	margin-top: 20px;
	padding: 5px 20px;
	background-color: antiquewhite;
	border-radius: 20px;
	color: #000;
	font-size: 14px;
	letter-spacing: .5px;
}

.link_sta_a:hover {
	background-color: #000;
	color: #fff;
}

@<?=$GLOBALS["mobilCSS"] ?> {
	.link_prenex_a {
		width: 100%;
		text-align: center !important;
		padding: 10px 0px;
	}

	.link_prenex_a:nth-child(1) {
		text-align: right;
		margin-bottom: 2px;
		border-radius: 10px 10px 0 0;

	}

	.link_prenex_a:nth-child(2) {
		text-align: left;
		border-radius: 0 0 10px 10px;
	}

}