<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {
	border: none;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.97em;
	outline:none;
	box-sizing:border-box;
}
html {
	height:100%;
	background:#000000;
}
#ustBar {
	margin:0 auto;
	position:relative;
	height:73px;
	width:1200px;
}
section {
	width:100%;
	height:100%;
	clear:both;
}
.container {
	width:1200px;
	min-height:510px;
	margin:0 auto;	
	position:relative;
	padding-left:5px;
}

#logo {	
	z-index:5000;
	position:absolute;
	top:32px;
	left:0px;
	width:330px;
	height:34px;
	/* background:url(images/logo.png) no-repeat; */
}
#anaMenu {
	z-index:5001;
	position:absolute;
	left:45%;	
	top:-35px;
}
#anaMenu ul {
	list-style-type:none;	

}
#anaMenu ul li {
	float:left;
	padding:0 15px 0 15px;
	background:url(images/menuAyrac.png) right center no-repeat;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.05em;
	color:#FFFFFF;
}

#anaMenu ul li.sonLink{
	background-image:none;
	padding-right:0;
}

#anaMenu ul li a {
	text-decoration:none;
	color:#FFFFFF;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.05em;
}
#anaMenu ul li a:hover {
	color:#666666;
}

#sosyalMenu {
	position:absolute;
	top:-40px;
	right:0;	
}
#sosyalMenu2 {
	position:absolute;
	top:20px;
	right:5px;
}
#sosyalMenu ul, #sosyalMenu2 ul {
	list-style-type:none;	
}
#sosyalMenu ul li, #sosyalMenu2 ul li {
	float:left;
}
a.social-icon {
	display:block;
	width: 18px;
	height:18px;
	border: 3px solid #333333;
	background-color:#333333;
	border-radius: 50%;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #FFF;
	text-align: center;
}

a.social-icon i {
	font-size: 12px;
	line-height:14px;
}

#telno {
	padding-right:30px;
	padding-top:3px;
	color:#BBBBBB;
}
#telno i {
	font-size:16px;
	color:#999999;
	position:absolute;
	left:-20px;
}
#banner {
	min-height:560px;
	width:100%;
	position:relative;
}
#bannerImage {
	overflow:hidden;
	text-align:right;
}
#bannerImage img{
	width:100%;
}
#circle1 {
	left: 0;
	position:absolute;
	bottom:50px;
	color:#999999;
	width:220px;
	text-align:center;
	z-index:1000;
}
#circle1 .baslik {
	font-size:16px;
	color:#FFFFFF;
	margin-top:10px;
	margin-bottom:10px;
}
#circle2 {
	right: 0;
	position:absolute;
	bottom:50px;
	color:#999999;
	width:220px;
	text-align:center;
	z-index:1000;
}
#circle2 .baslik {
	font-size:16px;
	color:#FFFFFF;
	margin-top:10px;
	margin-bottom:10px;
}
#bannerAlt {
	position:absolute;
	width:100%;
	z-index:5001;
	color:#FFF;
	text-align:center;
	bottom:50px;
	
}

#bannerAlt p {
	font-size:30px;
	font-family:"PT Sans", sans-serif;
}
#banner .icerik {
	top:100px;
}

.clear {
	clear:both;
}
#form {
	position:relative;
	color:#FFFFFF;
	text-align:center;
	overflow:auto;
}

#form p {
	margin-top:10px;
	padding-right:10px;
	font-size:12px;
}

#secenek1 {
	width:190px;
	margin:0 auto;
	margin-top:20px;
	
}

.dugme {
	float:left;
	padding:3px 15px 3px 15px;
	border-radius:5px;
	background-color:#333;
	text-align:center;
	font-size:1.3em;
	margin-right:10px;
	cursor:pointer;
	color:#FFF;
	width:80px;
}
#form .dugme.active {
	background-color:#FF0000;
}
#form .dugme:hover {
	background-color:#FF0000;
}


#konutList {
	margin-bottom:30px;
	font-size:1.1em;
}
#urunler ul {
	list-style:none;
	-webkit-filter: contrast(110%);
	-moz-filter: contrast(110%);
	filter: contrast(110%);
}
#urunler ul li {
	display:block;
	float:left;
	width:18.5%;
	height: 200px;
	margin-right:20px;
	padding:0;
	margin-bottom:5px;
	
}
#urunler ul li:nth-child(5n) {
	margin-right:0;
}
#urunler li a img {
	width:100%;
	vertical-align:middle;
	border:3px solid #333;
}
#urunler li a {
	text-decoration:none;
	color:#666;
	
}
.img-responsive {
	display:block;
	max-width:100%;
	height:auto;
	margin-bottom:0px;
}


#footer {
	
	background:#2f2f2f;
	padding-top:15px;
	bottom:0 !important;
	height:160px !important;
	overflow:hidden;
}

#footerLogo {
	padding-top: 27px;
}
#footerMenu {
	z-index:5001;
	position:absolute;
	left:170px;	
	top:8px;
}
#footerMenu ul {
	list-style-type:none;	
}
#footerMenu ul li {
	color:#FFFFFF;
	float:left;
	padding:0 15px 0 15px;
	background:url(images/menuAyrac.png) right center no-repeat;
}

#footerMenu ul li a{
	color:#FFFFFF;
	text-decoration:none;
}

#footerMenu ul li.sonLink{
	background-image:none;
}
#footerAdres {
	left:185px;
	top:35px;
	position:absolute;
	font-size:0.9em;
	color:#FFFFFF;
}

@media (max-width:1200px){
	.container {
		width:100%;	
	}
	#banner {
		min-height: 310px;
	}
	#ustBar {
		width:100%
	}
	#urunler ul li {
		margin-right:15px !important;
	}
	#circle1 span{
		display: none;
	}
	#circle2 span{
		display: none;
	}
	
}

@media (max-width:1071px) {
	.container {
		min-height:400px;
	}
	#urunler ul li {
		margin-right:15px !important;
	}	
	#urunler ul li:nth-child(4n) {
		margin-right:0;
	}	
	#urunler ul li {
		width:23%;
	}
	#sosyalMenu2 {
		right:20px;
	}
}
@media (max-width:900px) {
	.container {
		min-height:350px;
	}	
	#anaMenu {
		top:-10px;
		left:inherit;
		right:5px;
		font-size: 15px;
		/* width:400px; */
	}
	#sosyalMenu {
		top:-60px;
		color: white;
	}
	#logo {
		width:100% !important;
		background-size:contain;
	}
	#circle1 {
		bottom:5px;
	}
	#circle2 {
		bottom:5px;
	}
}
@media (max-width:780px){
	.container {
		min-height:280px;
	}	
	#urunler ul li {
		margin-right:15px;
	}	
	#urunler ul li:nth-child(3n) {
		margin-right:0;
	}	
	#urunler ul li {
		width:30%;
	}
	#circle1{
		display: none;
	}
	#circle2{
		display: none;
	}
}


@media (max-width:715px){
	.container {
		min-height:220px;
	}	
	#banner {
		min-height: 250px;
	}	
	
	#bannerAlt&gt;p {
		font-size:24px;
	}
	#sosyalMenu {
		display:none;
	}
	#anaMenu {
		top: 5px;
		font-size: 12px;
	}
	#logo {
		top:20px;
		left:50%;
		/* background:url(images/logo.png) no-repeat; */
	}
	#footerMenu {
		clear:both;
		top:120px;		
		left:5%;
	}
	#footerAdres {
		top:60px;
		left:5%;
	}
	#circle1 {
		bottom:5px;
	}
	#circle2 {
		bottom:5px;
	}
}
@media (max-width:500px) {
	#banner {
		min-height: 200px;
	}
	#logo {
		left:7%;
	}
	#anaMenu ul li, #anaMenu ul li a {
		font-size:0.96em;padding:10px 10px 5px 10px;
	}
	#anaMenu {
		top: 5px;
		left: 7%;
	}
	
}

@media (max-width:454px){
	#urunler ul li {
		margin-right:15px !important;
	}	
	#urunler ul li:nth-child(2n) {
		margin-right:0;
	}	
	#urunler ul li {
		width:45%;
	}
	#logo {
		left:5%;
	}
	#anaMenu {
		left:5%;
		top:0px;
		width:99%;
	}
	
}
&lt;/style&gt;</pre></body></html>