@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'plazascdregregular';
    src: url('plaza.woff2') format('woff2'),
         url('plaza.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{
	margin:0px;
    background-image: -webkit-linear-gradient(top, #DAF8EF, #FDDFE8); /* For Chrome and Safari */
    background-image: -moz-linear-gradient(top, #DAF8EF, #FDDFE8); /* For old Fx (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #DAF8EF, #FDDFE8); /* For pre-releases of IE 10*/
    background-image: -o-linear-gradient(top,  #DAF8EF, #FDDFE8); /* For old Opera (11.1 to 12.0) */ 
    background-image: linear-gradient(top,  #DAF8EF, #FDDFE8); /* Standard syntax; must be last */
	background-size:auto;
	background-attachment:fixed;
	font-family:Verdana, Geneva, sans-serif;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	font-size:12px;
	color:#999;
}
input[type='checkbox']{width:18px; height:18px;}
input:focus{border:1px solid blue; border-radius:2px}
div::-webkit-scrollbar{width: 6px; background-color: #F5F5F5;}
div::-webkit-scrollbar-track{box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
div::-webkit-scrollbar-thumb{background-color: #000000;border: 2px solid #555555;}
body::-webkit-scrollbar{width: 10px; background-color: #F5F5F5;}
body::-webkit-scrollbar-track{box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: gray;}
body::-webkit-scrollbar-thumb{background-color: #f60;border: 1px solid black;}
.inputetiket{font-size:12px; color:#f60; padding-left:5px; text-align:left}
#waitme{
	background-image:url(../img/beyazfon.png); z-index:999;width:100%; 
	height:100%; position:fixed; left:0px; top:0px; font-size:30px; color:black}
.kampanyaa{line-height:40px; color:white; font-size:14px; background-color:rgb(225,0,120); text-align:center}
td{vertical-align:top}
a{text-decoration:none; cursor:pointer; transition: .3s ease;-webkit-transition: .3s ease;}
.page_w{width:1100px;}
.sag_w{position:relative; width:870px; padding:20px 0; float:right}
.sol_w{width:200px; float:left; background:white; box-shadow:0 0 3px #ccc; margin-top:20px; padding:5px}
.border_b{ border:1px solid black;}
li{cursor:pointer}
#sayfa{min-height:400px;}
.navigasyon{text-align:left; background-color:white;;padding:10px;font-size:12px; min-height:25px; margin:10px 10px 0 10px; width:1080px; font-family:arial; box-shadow:0 0 5px #ccc}
.navigasyon font{font-size:16px; font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace}
.navigasyon a{color:gray; font-weight:bold;}
.navigasyon a:hover{color:red; text-decoration:underline}
.filtreler{position: relative; margin-top:-15px;margin-left:600px; width:490px; z-index:3;}
.sirala{position:absolute; right:10px; top:0; width:170px; max-height:150px;font-size:14px; padding:7px}
.ebatfiltre{right:180px; width:140px}
.renkfiltre{right:320px}
.stoksuzdiv{ text-align:right; padding:15px 30px 0 0; margin-top:10px}
.clr{float:clear; clear:both}
.dugme{font-size:14px;text-decoration: none; display:inline-block;border-radius:2px; 
	background-color:#eee; color:gray; border:1px solid gray; box-shadow:2px 2px 4px gray; 
	padding:5px 20px; text-align:center; margin: 0 2px 0 0; cursor:pointer}
.dugme:hover{color:red; box-shadow:0px 0px 0px; margin: 0 0 0 2px}	
.dugme2{font-size:16px;text-decoration: none; display:inline-block;border-radius:2px; 
	background-color:#f60; color:white; box-shadow:0px 0px 3px gray; 
	padding:8px 30px; text-align:center; cursor:pointer}
.dugme2:hover{color:black;}
.dugme3{font-size:1.2em;text-decoration: none; display:inline-block;min-width:22px;
	color:#f60; background-color:#F1DDEB;border:1px solid #aaa; border-radius:3px; margin:1px;
	text-align:center; cursor:pointer; line-height:24px;font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; padding:0 2px;}
.dugme3:hover{background-color:#bff; color:gray}
.cerceve{background-color:white; float:left; position:relative; width:calc(100% - 40px); margin: 0 10px;text-align:left; box-shadow:0 0 4px #ccc; padding:10px}
.menu_img{
	height:50px;
	border:none;
	z-index:3;	
}
footer ul{text-align:left;
	width:18.5%;
	margin:0px;
	padding:10px 3px 3px 10px;
	float:left;
	color:white;
}
footer li{
	display:block;
	position:relative;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;	
}
footer li{
	text-decoration: none;
	font-style:italic;
	color: #ccc;
	line-height: 30px;
	display:block;
}
footer li a{ text-decoration:none; color:#ccc;font-style:italic;}
footer li span{display:none}
footer li:hover,footer li a:hover {color: #F60; text-decoration:underline}
footer li b:hover{color:white}
footer .sosyal img{
	position:absolute;
	left:0px;
	width:20px;
	height:20px;
	top: 5px;
}
footer .yanmenu img{width:20px; height:20px; margin:0 5px -5px 0;}
.bilgi  {
	width:21.8%;
	float:left;
	height:140px;
	padding:10px;
	margin:20px 5px;
	color: #ccc;;font-style:italic;
	background-color:black;
	border:1px solid #ccc;
}
.bilgi b{color:white;font-style:normal;}
.altbilgi{
	background-color:white;
	clear:left;	
}
.urungrup1{width:1100px; background-color:white; height:40px;cursor:pointer; z-index:7; border-radius: 5px; border:1px solid #ccc; margin:5px 0; }
.homelogo{float:left; cursor:pointer; width: 30px; height:26px; border-right:1px solid #ccc; padding:7px 0 7px 7px; 
	background-image:url(../img/home2.png); background-position:center; background-size: 26px 26px; background-repeat:no-repeat}
.homelogo:hover{background-image:url(../img/home3.png)}
.urungruplist1{position:relative; border-right:1px solid #ccc; float:left;}
.urungruplist11{ line-height:40px; background-color:white; color:gray;font-size:14px; padding:0 20px; display:block;transition: .4s ease;}
.urungruplist11:hover{ color:black; background-color:#eee;}
.urungruplist1:hover .urungrup2{display:block;}
.urungruplist2:hover .urungrup3{display:block;}
.urungruplist2, .urungruplist3{ background-image:url(../img/bg4.png);width:190px;z-index:3;}
.urungruplist2 p{margin:0; position:absolute; right:-5px; top:5px; width:20px;font-size:16px; font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace}
.urungruplist22, .urungruplist33{line-height:30px; font-size:12px; color:white; padding:5px 10px; text-align:left; position:relative;;transition: .4s ease;}
.urungruplist22:hover, .urungruplist33:hover{ background-color:#eee; background-image:none; color:black;}
.urungrup2, .urungrup3{
	position:absolute; display:none; width:190px; border:1px solid #eee; z-index:7;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);}
.urungrup22{position:relative;}
.urungrup2{left:0; top:40px; border:1px solid white} 
.urungrup3{left:190px; top:0px; width:auto; overflow-y:auto; overflow-x:hidden; max-height:400px}
.urungrup1 span{position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:2;}
.aramacubugu{width:400px; float:right; height:40px; background-color:#f60; border-radius:0 5px 5px 0; z-index:2; position:relative}
.aramasonucu{ display:none; font-size:12px; color:gray; padding-left:20px; width:100%; margin-bottom:10px;}
.aramacubugu img{width:25px; height:25px; position:absolute; left:5px; top:8px; opacity:0.6}
.aramacubugu #arama{margin:0;width:346px;padding:7px 7px 7px 37px; height:40px; border-width:0 1px 0 1px; border-style:solid; border-color:#ccc; font-size:14px; color: #bbb}
.aramacubugu #bul{font-size:14px; margin:0; text-align:center; color: white; width:50px;float:right; cursor:pointer; line-height:40px}
.aramacubugu #bul:hover{ color: black}
.sepetimg a{ background-color:#eee;position:absolute; width:80px; line-height:40px; height:40px; right:20px; top:70px; 
	border:1px solid #ccc; border-radius:7px; font-size:14px; color:gray; padding-left:40px; font-weight:bold;
	background-image:url(../img/sepet.png); background-position:5px 7px; background-size: 34px 28px; background-repeat:no-repeat; cursor:pointer}
.sepetimg a:hover{color:#f60; background-color:white;}
.sepetimg a p{position:absolute; left:18px;top:3px;width:20px; height:20px; color:black; border:1px solid #ccc; border-radius:11px; background-color:white;
	text-align:center; margin:0; font-size:10px; line-height:20px; font-weight:normal}
.mobil{display:none}
.members{position:absolute; width:120px; z-index:10;padding:5px; height:30px; right:160px; top:70px; border:1px solid #ccc; border-radius:7px; font-size:10px;white-space: nowrap;text-overflow: ellipsis;;overflow: hidden;transition: .2s ease;
	background-image:url(../img/member.png); background-position:5px 5px; background-size: 26px 26px; background-repeat:no-repeat; cursor:pointer}
.sagda{right:20px}
.members:hover{color:#f60; display:block; background-color:#eee; height:auto;}
.members:hover .membermenu{display:block;}
.members b, .gopanel b{font-size:14px}
.members div{float:right; width:80px; text-align:left; color:#999}
.membermenu{list-style:none; display:none; padding:0; width:100%;margin:40px -5px -5px -5px}
.membermenu span{display:none}
.membermenu li{width:calc(100% + 6px); color:gray; text-align:left; line-height:33px; margin:0 -5px; font-size:12px; border-top:1px solid #ccc; padding-left:5px;}
.membermenu li a{ color:gray; display:block; line-height:33px;}
.membermenu li a:hover, .membermenu li:hover{ color:#f60;}
.membermenu img{width:20px; height:20px; margin:0 5px -5px 0; }
.gopanel a{ background-color:white; position:absolute; width:80px; padding:5px; height:30px; right:310px; top:70px; 
	border:1px solid #ccc; border-radius:7px; font-size:10px; cursor:pointer; color:#999}
.gopanel a:hover{color:#f60; background-color:#eee;}
.uyeol{position:absolute; width:120px; z-index:10;padding:5px; height:30px; right:20px; top:80px; border:1px solid #ccc; border-radius:7px; font-size:10px;
	background-image:url(../img/member.png); background-position:5px 5px; background-size: 26px 26px; background-repeat:no-repeat; cursor:pointer}
.uprow{
	background-color:#ccc;
	color:#333;
}
.uprowbox{
	position:relative;
	height:25px;		
}
.upbox{
	background-color:white;
	position:relative;
	height:120px;
	border-bottom:1px solid #ccc;
}
.uplogo{
	position:absolute;
	left:10px;
	bottom: 12px;
	height:80px; width:220px;
	z-index:2;
	cursor:pointer;
	background-image:url(../img/tarzinda3.png);  background-size: 100% 100%; background-repeat:no-repeat
}
.bizim{position:absolute; left:230px; bottom:9px;width:150px;}
.bizim a{color:gray} 
.bizim a:hover{color:#f60; text-decoration:underline}
.solmenu{width:200px;margin:5px 0 0 0px;list-style:none; padding:0px; border-top:2px dotted gray}
.solmenu li{width:200px;font-size:12px;color:gray;line-height:40px;text-align:left; float:left}
.solmenu li a{display:block;line-height:40px;text-decoration:none;font-size:12px;color:gray;}
.solmenu li a span, .solmenu li span{float:right; margin-right:-10px; display:none}
.solmenu li a:hover, .solmenu li:hover{color:#f60;}
.solmenu img{width:20px; height:20px; margin:0 5px -5px 0; }
.solmenubaslik{text-align:left; width:200px; font-size:11px; font-family:Arial; line-height:18px; margin-top:10px; padding-left:5px; color:gray}
.contactpage{position:relative; box-shadow:0 0 5px #666}
.googlemaps{ width:100%; height:600px} 
#infodiv b{ font-family:'Times New Roman', Times, serif; font-style:italic; font-size:16px}
.kapatici {
	z-index:15;
	position:fixed;
	width:100vw;
	height:100vh;
	top:0px;
	left:0px;
	background-image:url(../img/bggray.png);
	font-size:14px;
	color:gray;
	display:none;
}
#infodiv{background-color:white; position:absolute; left:5px; top:50px; width:300px; 
	padding:10px; text-align:center; border:1px solid gray; box-shadow:2px 2px 10px gray; cursor:move; z-index:1}
#iletisimformudiv{background-color:white; position:absolute; right:10px; bottom:10px; 
	padding:10px; width:280px; border:1px solid gray; box-shadow:2px 2px 10px gray; cursor:move; z-index:1}
.kapatici2 {
	opacity:0;
	z-index:5;
	position:fixed;
	width:100vw;
	height:100vh;
	top:0px;
	left:0px;
	background-image:url(../img/bggray.png);
	font-size:14px;
	color:gray;
	display:none;
}
.loginform{
	background-color:white;
	border-radius:4px;
	padding:30px;
	width:330px;
	border:2px solid black;
	align-items:center;
	margin-top:3%;
	position:relative;
}
.gizlimenu{position:fixed; left:0; top:-50; width:100%; z-index:500; border-bottom:1px solid black; box-shadow:0 4px 10px #ccc;
	background-image:url(../img/bg.jpg);
	background-size:auto;
	background-attachment:fixed;}
.xxx{
	position:absolute; right:-32px; top:5px; color:red; background:white; border-radius:0; text-align:center; cursor:pointer;
	border:1px solid #ccc; font-weight:bold; font-size:20px; padding:3px; width:30px; height:30px;
}
.xxx:hover{
	color:white; background:gray;
}
.uyelik{margin:0; padding:0;position:absolute;right:0; top:0; z-index:11}
.uyelik li{list-style:none;float:left}
.odemeler{width:calc(100% - 10px); float:left}
.odemeler .secenek{background-color:white; padding:2 2px 30px 2px; margin-bottom:20px; box-shadow: 0px 0px 4px #ccc}
.odemeler .baslik{color:#999; line-height:40px; margin-bottom:20px; font-size:16px; font-weight:bold; text-align:center; border-bottom:1px solid #ccc}
.odemeler .kargobilgi{width:calc(50% - 10px); float:left; text-align:center}
.odemeler .cerceve{margin-bottom:20px}
.odemeler .kkbilgi img{width:40%; margin-left:20px; float:left}
.odemeler .kkbilgi2{width:calc(46%); margin-left:0px; margin-bottom:10px; float:right}
.odemeler .bankabilgi{width:44%; height:140px; margin:10px; float:left; padding:10px; font-size:14px;  box-shadow:0px 0px 4px #999; text-align:center}

.homecerceve{width:356px; height:300px; box-shadow:0 0 4px #ccc; background-color:white; float:left; margin:5px; overflow:hidden;
	position:relative}
.homecerceve img{width:100%; position:absolute;  left:0}
.homecerceve .grupadi{color:#eee; text-align:left; 
	text-shadow:1px 1px 1px black,  -1px -1px 1px black,  -1px 1px 1px black,   1px -1px 1px black, 3px 3px 8px white; 
	font-family:plazascdregregular; position:absolute; left:20px; bottom:0px; font-size:70px}
.homecerceve .grupminfiyat{ position:absolute; left:10px; top:5px;font-family:verdana; font-size:14px; color:white; text-shadow:1px 1px 2px black;}
.homepage{ margin-top:0;  width: 1100px}
.slidecase{margin-left:0px; position:relative}
.homepageslider{overflow:hidden; height:500px; position:relative; border:1px solid black}
.sliders{width:5500px; height:100%; position:absolute;}
.slide{float:left;width:1100px; height:100%	; text-align:center; background-size:cover;}
.router{text-align:center; width:150px; color:white; text-shadow:0 0 2px black; list-style:none; position:absolute; bottom:0px; margin:0} 
.router li{width:30px; float:left; font-size:30px}