@charset "utf-8";
/* CSS Document */
		@font-face {
			font-family: 'Baloo Bhai';

			src:  url('../fonts/baloo.ttf') format('truetype');

			font-weight: normal;

			font-style:normal;
		}
	/*	@font-face {
			font-family: 'tl';

			src:  url('../fonts/tl.ttf') format('truetype');

			font-weight: normal;

			font-style:normal;
		}*/
		@font-face {
			font-family: 'Open Sans';
			src:  url('../fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype');
			font-weight: normal;
			font-style:normal;
		}
		body{
			font-family: "Open Sans";
			margin: 0px;
			padding: 0px;
			cursor: default;
			background-color: #EEE;
		}
		textarea:focus, input:focus, button:focus,select:focus,option:focus{
			outline: none;
		}
		ul{
			margin: 0px;
			padding: 0px;
		}
		input:focus{
		   outline:none;
		}
		.Yukleniyor{
			position: fixed;
			width: 100%;
			height: 100%;
			z-index: 110;
			background-image: url("../images/yukleniyor.gif");
			background-position: center;
			background-repeat: no-repeat;
			background-size:60px;
			background-color: rgba(0,0,0,0.75);
			display: none;
		}
		/*ÜYE OL*/
		.sayfaUyeOl{
			/*box-shadow: 0px 0px 10px #AAA;*/
			height: auto;
		}
		.sayfaUyeOl > div{
			width: 100%;
			height: auto;
			min-height:200px;
		}
		.sayfaUyeOl > div:nth-child(2){
			
		}
		.sayfaUyeOl > div:nth-child(2) > form{
			margin: auto;
			width: 100%;
			max-width:400px;
			background-color: #FFF;
			padding:30px;
			box-shadow:0px 2px 8px #DDD;
			border-radius:7px;
		}
		.sayfaUyeOl > div:nth-child(1){
			/*background-color: #DDD;*/
			background-image: url(../images/uyeGiris.png);
			background-repeat: no-repeat;
			background-size: auto 100px;
			background-position: center;
			opacity: 1;
		}
		.formGirdisi{
		/*	width: calc(100% - 8px);
			border-radius: 5px;
			background-color: #4f5561;
			margin-bottom: 15px;
			box-shadow: 0px 2px 8px #343c4a;
			border:2px solid #4f5561;
			cursor: text;
			*/
			width: calc(100% - 8px);
			border-radius: 5px;
			background-color: #efefef;
			margin-bottom: 15px;
			box-shadow: 0px 2px 8px #e2e2e2;
			border: 1px solid #e2e2e2;
			cursor: text;
			color: #000;
		}
		.formGirdisiZorunlu{
			border-color:#FF0000;
		}
		.formGirdisi2{
			
			width: calc(50% - 8px);
			float: left;
		}
		.formGirdisi2:nth-child(2){
			margin-left: 20px;
			width: calc(50% - 20px);
		}
		.Teslimat{
			height: auto;
			overflow: hidden;
			padding: 10px;
		}
		.formGirdisi input,.formGirdisi textarea,.formGirdisi select{
			border:0px;
			background-color: transparent;
			/*height: 5px;*/
			padding: 13px;
			padding-top: 15px;
			width: 331px;
			border-radius: 5px;
		/*	color:#FFF;*/
			color:#6e8aaa;
		}
		.formGirdisi textarea{
			width: calc(100% - 20px);
		}
		.formGirdisi .zorunlu{
			font-size: 14px;
			margin-top: -3px;
			width: 5px;
			display: block;
			float:left;
			height: 10px;
			color:#CCC;
			margin-right: 5px;
		}
		.formGirdisi .inputBaslik{
			/*color:#CCC;*/
			color:#768fb5;
			padding-top: 15px;
			padding-left: 2px;
			font-size: 100%;
			position: absolute;
			transition: all 200ms ease;
			-webkit-transition: all 200ms ease;
		}
		.uyeOlInputDiv{
			height: auto;
			display: none;
			position:relative;
			padding: 5px;
			margin-top: -5px;
		/*	transition: all 600ms ease;*/
		}
		.sayfaUyeOl input[type=button]{
			margin-top: 10px;
			background-color: #3C6DA7;
			padding: 12px 5px;
			color: #FFF;
			border-radius: 5px;
			border: 1px solid #CCC;
			font-family: "baloo bhai";
			box-shadow: 0px 2px 7px #BBB;
			cursor: pointer;
			width: 195px;
		}
		.sayfaUyeOl input[type=button]:hover{
			background-color: #3c82d6;
		}
		.sayfaUyeOl input[type=button]#uyeliksizDevamEtDugme{
			width: 100%;
		}
		.sayfaUyeOl .girisYapInputDiv{
			width: auto;
		}
		#uyeOlGirisYapSecimDugme{
			background-color: transparent;
			color: #3c6da7;
			font-size:12pt;
			border: 0px solid #CCC;
			box-shadow: 0px 2px 7px transparent;
		}
		.girisYapInputDiv{
			padding: 5px;
			padding-bottom: 0px;
		}
		.formGirdisi select option {
			background-color: #4f5561;
		}
		.formGirdisiCheckBox{
			padding: 5px;
			background-color: #fff;
			cursor: default;
		}
		.formGirdisiCheckBox input{
			width: 20px;
			height: 20px;
		}
		.formGirdisiCheckBox,.formGirdisiCheckBox a{
			font-size: 10pt;
			color:#333;
		}
		.faturaTipi{
			font-weight: bold;
			font-size: 13pt;
		}
		#uyeOlGirisYapIslemDugme{
			float: right;
		}
		.ust{
			background-color: #7D5E9C;
			color:#EEE;
			box-shadow: 0px 3px 5px #AAA;
			overflow: hidden;
		}
		.ust,.ustOrta,.ustMenu{
			width: 100%;
			height: auto;
			z-index: 2;
		/*	position: relative;*/
		}
		.ustOrta{
			background-color: #FFF;
			overflow: hidden;
		}
		.ustOrtaFixed{
			position: fixed;
  			margin-top: -35px;
		}
		.ustOrtaFixed>div>*{
    		height: 70px;
		}
		.ustOrtaSabit>div>*{
    		height: 100px;
		}
		.ustOrtaSabit .aramaCubugu > div{
			    margin-top: 28px;
		}
		.ustOrtaFixed .aramaCubugu > div{
			    margin-top: 15px;
		}
		.ustOrtaFixed .ustSepetFavori a{
			margin-top: 14px;
		}
		.ustMenuFixed{
			position: fixed;
    		margin-top: 35px;
		}
		.ustMenuFixed > div > ul > li > a{
			padding: 12px 0px;
		}
		.ustMenuSabit > div > ul > li > a{
			padding: 15px 0px;
		}
		.ustMenuSabit .ustMenuAlt{
			margin-top: 57px;
		}
		.ustMenuFixed .ustMenuAlt{
			margin-top: 52px;
		}
		.ust > div,.ustOrta > div,.ustMenu > div,.ustMenuAlt > div{
			width: 100%;
			max-width: 1200px;
			margin: auto;
			height: auto;
		}
		.ust > div>*{
			text-shadow: 1px 1px 1px #555;
			transition: all 0.3s;
			-webkit-transition: all 0.3s;
		}
		.ust .ustBilgi{
			padding: 5px;
			float:left;
		}
		.ust .ustTelefon{
			float:right;
			background-color: rgba(255,255,255,0.14);
			padding: 6px 10px;
			box-shadow: 0px 0px 5px #555;
			font-size: 11pt;
			color:#EEE;
			text-decoration: none;
		}
		
		.logo{
			width: 250px;
			background-image: url("../images/logo.png");
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center;
		}
		.logo a{
			display: block;
			width: 100%;
			height: 100%;
		}
		.ustOrta>div>*{
			float:left;

		}
		.ustOrta .aramaCubugu{
			text-align: center;
			width: calc(100% - 500px);
		}
		.ustOrta .ustSepetFavori{
			width: 230px;
		}
		.aramaCubugu > div{
			width: calc(100% - 70px);
    		margin: auto;

		}
		#arama{
			border:1px solid #DDD;
			padding: 12px 10px;
			font-size: 12pt;
			box-shadow: 1px 3px 5px #DDD;
			border-radius: 10px 0px 0px 10px;
			width: calc(100% - 85px);
			display: block;
			float: left;
		}
		#aramaYap{
			height: 18px;
			width: 60px;
			border:1px solid #DDD;
			border-left:0px;
			padding: 12px 0px;
			font-size: 12pt;
			box-shadow: 1px 3px 5px #DDD;
			border-radius: 0px 10px 10px 0px;
			background-color: #EEE;
			display: block;
			float:left;
			color:#888;
		}#aramaYap:hover{
			cursor: pointer;
			color:#555;
			background-color: #E0E0E0;
		}
		.ustMenu{
			/*  background-color: #2B8F96;*/
			box-shadow: 0px 4px 10px #AAA;
			background-image: -webkit-linear-gradient(270deg,rgba(55,160,167,1.00) 0%,rgba(49,150,158,1.00) 100%);
			background-image: -moz-linear-gradient(270deg,rgba(55,160,167,1.00) 0%,rgba(49,150,158,1.00) 100%);
			background-image: -o-linear-gradient(270deg,rgba(55,160,167,1.00) 0%,rgba(49,150,158,1.00) 100%);
			background-image: linear-gradient(180deg,rgba(55,160,167,1.00) 0%,rgba(49,150,158,1.00) 100%);
			z-index: 5;
		}
		.ustMenu > div > ul{
			display: inline-flex;
			width: 100%;
		}
		.ustMenu > div > ul > li{
			list-style: none;
			float:left;
			display: flex;
			width: 100%;
		}
		.ustMenu > div > ul > li:hover > div{
			transform:perspective(400) rotate3d(0,0,0,0);
			-webkit-transform:perspective(400) rotate3d(0,0,0,0);
			visibility:visible;
			height: 210px;
			opacity: 1;
		}
		
		.ustMenu > div > ul > li > a{

			width: 100%;
			text-align: center;
			display: block;
			text-decoration: none;
			color:#EEE;
			font-size: 13pt;
			border-left:1px solid #2B8F96;
			border-right: 1px solid transparent;
			font-family: "Baloo Bhai";
		}
		.ustMenu > div > ul > li > a:hover{
			background-color: rgba(255,255,255,0.16);
			transition: all 0.3s;
			-webkit-transition: all 0.3s;
		}
		.ustMenu > div > ul > li:last-child > a{
			background-color: rgba(255,255,255,0.16);
			border-right: 1px solid #2B8F96;
		}
		.ustMenu i{
			margin-right: 7px;
		}
		.ustMenu > div > ul > li > ul{
			display: block;
			position: absolute;
			background-color: rgba(0,0,0,1.00);
		}
		.ustSepetFavori{
			text-align: left;
		}
		.ustSepetFavori a{
			margin-top: 33px;
			font-size: 11pt;
			color:#7D5E9C;
			padding: 11px;
			background-color: #FFF;
			border-radius: 5px;
			display: inline-block;
			float:left;
			text-decoration: none;
		}.ustSepetFavori a:last-child{
			background-color: #A7A717;
			color:#FFF;
			box-shadow: 0px 3px 6px #BBB;
			margin-left: 20px;
		}
		.ustSepetFavori font{
			margin-left: 6px;
		}
		/*.ustSepetFavori a:hover{
			transition: all 0.3s;
			color:#FFF;
			cursor: pointer;
			background-color: #B4B40E;
			box-shadow: 0px 3px 6px #BBB;
		}*/
		.ustTelefon i{
		/*	transform: rotate(90deg); margin-right: 2px;*/
			margin-right: 6px;
			margin-top: -2px;
			font-size: 8pt;
		}
		.ustTelefon:hover{
			color:#FFF;
		}
		.ust > div > div:hover{
			color:#FFF;
		}
		*:focus{
			 outline: none;
  			 border: specify yours;
		}
		.icerikDis{
			width: 100%;
			max-width: 1200px;
			box-shadow: 0px 0px 10px #AAA;
			height: auto;
			margin: auto;
			margin-top: 15px;
			border:1px solid #CCC;
			border-radius: 10px;
			overflow: hidden;
		}
		.urunKategori{
			display: block; font-size: 11pt; width: 100%; max-width: 1200px; margin: auto; margin-top: 15px;
			font-family: 'Baloo Bhai';
			font-weight: 100;
		}
		.urunKategori a{
			text-decoration: none;
			color:#777;
		}
		.urunKategori a:hover{
			text-decoration: underline;
			color:#000;
		}
		.urunKategori font{
			color:#777;
			margin-left: 5px;
			margin-right: 5px;
			font-size: 9pt;
		}
/*---------------*/
		.sliders{
			width: 100%;
			height: auto;
			margin: 20px 0px;
			box-shadow: 0px 5px 10px #BBB;
		}
		.sliders ul{
			margin: 0px;
			padding: 0px;
			width: 100%;
			height: auto;
		}
		.sliders ul li{
			list-style: none;
			width: 100%;
			height: 400px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			float: left;
		}
		.alt{
			width: 100%;
			background-color: rgba(45,44,46,1.00);
			height: auto;
			background-image: url("../images/bg.png");
			background-position: center;
			background-size: cover;
		}
		.altIcerik{
			width: 100%;
			max-width: 1200px;
			height: auto;
			margin: auto;
			overflow: hidden;
		}
		.altIcerik > div{
			float:left;
			width: calc(30% - 4px);
			height: auto;
			min-height: 270px;
			margin-right: 3%;
			border:0px solid rgba(0,0,0,0.51);
			padding-top: 30px;
		}
		.altIcerik > div:last-child{
			width: 34%;
			margin-right: 0%;
			margin-top: 50px;
			min-height: 220px;
		}
		.altIcerik > div:nth-child(2) font,.altIcerik > div:nth-child(2) strong,.altIcerik > div:nth-child(1) a,.altIcerik > div:nth-child(1) strong{
			display: block;
			color:#CCC;
			margin-bottom: 10px;
			line-height: 35px;
			text-decoration: none;
		}
		.copyRight{
			width: 100%;
			padding: 5px 0px;
			background-color: rgba(37,37,37,1.00);
			text-align: center;
			color:#CCC;
			font-size: 10pt;box-shadow: 0px 0px 5px #000;
		}
		.anaSayfa{
			width: 100%;
			max-width: 1180px;
			height: auto;
			overflow: hidden;
			margin: auto;
			background-color: #fff;
			margin-top: 20px;
			padding: 10px;
			box-shadow: 0px 3px 10px #AAA;
			border-radius: 10px;
			margin: 20px auto;
			padding-top: 20px;
		}
		.kaydirici ul{
			margin: 0px;
			padding: 0px;
			margin-top: 15px;
			padding-top: 15px;
			border-top: 1px solid #DDD;
		}
		.kaydirici ul > li{
			list-style: none;
			float: left;
			height: 350px;
			/* width: calc(20% - 42px); */
			width: 197px;
			margin:0px 10px;
			/* border: 1px solid #DDD; */
			background-color: #FFF;
			/* border-radius: 5px; */
			transition: all 0.2s;
			-webkit-transition: all 0.2s;
			padding: 0px 10px;
			overflow: hidden;
		}
		.kaydirici ul > li > a{
			display: block;
			text-decoration: none;
			color:#000;
		}
		.listeResim{
			width: auto;
			height: 200px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			margin-bottom: 10px;
			margin-top: 20px;
			transition: margin 0.3s;
			-webkit-transition: margin 0.3s;
		}
		.kaydirici span{
			font-size: 11pt;
			margin-bottom: 10px;
		}
		.urunListBaslik{
			font-size: 11pt;
			margin-bottom: 10px;
			height: 40px;
			overflow: hidden;
		}
		.listeFiyat > font:nth-child(1){
			font-size: 10pt;
			display: block;
			margin-top: 10px;
		}
		.listeFiyat > font:nth-child(1) span:nth-child(1){
			text-decoration:line-through;
			color:#AAA;
		}
		.listeFiyat > font:nth-child(1) span:nth-child(2){
			background-color:#CB0000;
			padding: 3px 5px;
			border-radius: 3px;
			color:#FFF;
			font-size: 8pt;
			float: right;
			opacity: 1;
		}
		.listeFiyat > font:nth-child(2){
			font-size: 15pt;
			display: block;
			margin-top: 5px;
			font-weight: bold;
		}
		.listeFiyat > font:nth-child(1) span:nth-child(1):after,.listeFiyat > font:nth-child(2):after {
			
			text-decoration: inherit;
			content: "TL";
			margin-left: 3px;
			/*font-family: 'tl';
			font-style: normal;
			font-weight: normal !important;*/
		}
		.anaSayfaUrunCizgi{
			border: 0px;
			height: 1px;
			background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(215,215,215,1.00) 49.74%,rgba(255,0,0,0.00) 100%);
			background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(215,215,215,1.00) 49.74%,rgba(255,0,0,0.00) 100%);
			background-image: -o-linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(215,215,215,1.00) 49.74%,rgba(255,0,0,0.00) 100%);
			background-image: linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(215,215,215,1.00) 49.74%,rgba(255,0,0,0.00) 100%);
			margin-bottom: 5px;
			margin-top: 5px;
		}
		.listeDugmeler{
			opacity: 0;
			transition: all 0.5s;
			-webkit-transition: all 0.5s;
			
		}
		.listeDugmeler button{
			margin: 2px;
			display: block;
			width: calc(100% - 10px);
			float:left;
			padding: 5px 0px;
			border:1px solid #DDD;
			border-radius: 5px;
			box-shadow: 0px 3px 5px #CCC;
			background-color: #A2A20B;
			color:#FFF;
		}
		.listeDugmeler button:last-child{
			float: right;
		}
		.listeDugmeler button:hover{
			cursor: pointer;
			background-color: #ADAD12;
		}
		.altSosyalHesaplar{
			width: 100%;
			height: auto;
			background-color: #136E84;
			text-align: center;
			margin-top: 50px;
			padding: 10px 0px;
		}
		.altSosyalHesaplar font{
			font-family: "baloo bhai";
			font-size: 14pt;
			color:#DDD;
			margin-right: 100px;
		}
		.altSosyalHesaplar a{
			margin: 7px 20px;
			padding: 7px;
			border-radius: 5px;
			font-size: 20pt;
			color:#93c5d2;
			background-color: #225461;
			text-decoration: none;
			width: 30px;
			transition: all 0.4s;
			-webkit-transition: all 0.4s;
			text-shadow: 0px 0px 2px #333;
			border: 1px solid #1e7d96;
		}.altSosyalHesaplar a:hover{
			text-shadow: 0px 0px 0px #333;
			cursor: pointer;
			background-color: #DDD;
			color:#136E84;
			/*box-shadow: 0px 3px 5px #333;*/
		}
		.altBulten{
			text-align: center;
		}
		.altBulten font{
			display: block;
			color:#DDD;
			margin-bottom: 7px;
		}
		.altBulten input{
			border:0px solid #CCC;
			margin: 0px;
			padding: 12px;
			box-shadow: 0px 3px 5px #000;
			border-bottom-left-radius: 10px;
			border-top-left-radius: 10px;
		}
		.altBulten input:first-child{
			border-radius: 5px 0px 0px 5px;
			background-color: #CCC;
			
		}
		.altBulten input:last-child{
			border-radius: 0px 5px 5px 0px;
			margin-left: -5px;
			background-color: #333;
			color:#EEE;
			cursor: pointer;
		}
		.sepetNum{
			display: block;
			float: left;
			background-color: #FFF;
			width: 20px;
			position: absolute;
			color: #000000;
			border-radius: 30px;
			text-align: center;
			margin-top: -1px;
			margin-left: -24px;
			font-size: 9pt;
			padding-top: 2px;
			padding-bottom: 2px;
			border: 2px solid #a7a717;
			box-shadow: -2px 0px 5px #CCC;
		}
		.ustMenuAlt{
			position: absolute;
			width: 100%;
			left: 0%;
			background-color: #FFF;
			border-bottom:2px solid #2B8F96;
			z-index: 3;
			padding-bottom: 10px;
			padding-top: 10px;
			transition: all 600ms ease;
			-webkit-transition: all 600ms ease;
			-webkit-transform: perspective(400) rotate3d(1,0,0,-90deg);
			transform: perspective(400) rotate3d(1,0,0,-90deg);
			transition-delay: 0.5s;
			-webkit-transition-delay:0.5s;
			height: 0px;
			opacity: 0;
			visibility: hidden;
			overflow: hidden;
		}
		.SepetimArka{
			position: fixed;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.50);
			z-index: 2;
			display: none;
			text-align: center;
		}
		.ustMenuAlt ul{
			float: left;
			width: calc(25% - 35px);
			margin-right: 15px;
			font-size: 11pt;
			padding: 10px;
		}
		.ustMenuAlt ul li{
			list-style: none;
		}
		.ustMenuAlt ul li a{
			text-decoration: none;
			color:#000;
			padding: 7px 0px;
			display: block;
			/*border-bottom:1px dashed #CCC;*/
			transition: all 0.3s;
			-webkit-transition: all 0.3s;
		}
		.ustMenuAlt ul li a:hover{
			color:#BF0509;
			/*border-bottom:1px solid #FFA4A6;*/
			text-indent: 10px;
			font-weight: bold;
		}
		.ustMenuAlt > div > div:last-child{
			width: 300px;
			height: 250px;
			float: left;
			background-position: auto -10px;
			background-repeat: no-repeat;
			background-size: contain;
		}
		.ustMenuAlt > div > div:first-child{
			width: calc(100% - 300px);
			float: left;
			height: auto;
		}
		.ustMenuAlt .ustMenuBaslik{
			font-weight: bold;
			font-size: 13pt;
		}
		.listele{
			width: 100%;
			height: auto;
			overflow: hidden;
		}
		.listele ul{
			margin: 0px;
			padding: 0px;
		}
		.listele > ul > li{
			list-style: none;
			float:left;
			height: 375px;
			width: calc(25% - 42px);
			margin:10px;
			border:1px solid #DDD;
			background-color: #FFF;
			border-radius: 5px;
			transition: all 0.2s;
			-webkit-transition: all 0.2s;
			padding: 10px;
			overflow: hidden;
		}
		.listele > ul > li:hover{
			box-shadow: 0px 5px 10px #CCC;
			/*border:1px solid #C4C424;*/
			/*border:1px solid #D9C400;*/
			cursor: pointer;
		}
		.listele > ul > li:hover .listeDugmeler,.listele > ul > li:hover .listeFiyat > font:nth-child(1) span:nth-child(2){
			opacity: 1;
		}
		.listele > ul > li:hover .listeResim{
			margin-top: 0px;
		}
		.listele > ul > li > a{
			display: block;
			text-decoration: none;
			color:#000;
		}
		.listeResim{
			width: auto;
			height: 200px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			margin-bottom: 10px;
			margin-top: 20px;
			transition: margin 0.3s;
			-webkit-transition: margin 0.3s;
		}
		.listele span{
			font-size: 11pt;
			margin-bottom: 10px;
		}
		.SepetimIcerik{
			position: absolute;
			width: 300px;
			height: auto;
			background-color: #FFF;
			z-index: 2;
			margin-top: 50px;
			border-radius: 5px;
			margin-left: -210px;
			box-shadow: 0px 10px 10px #666;
			overflow: hidden;
			display: none;
			opacity: 0;
		}
		.SepetimIcerik ul{
			height: auto;
			max-height: 250px;
			overflow-y: auto;
			margin: 5px;

		}.Sepetim{
			z-index: 2;
			position: absolute;
		}
		.SepetimIcerik li{
			list-style: none;
			width: auto;
			height: auto;
			margin: 7px;
			padding-bottom:10px; 
			border-bottom:1px dashed #DBDBB5;
			overflow: hidden;
		}
		.SepetimIcerik li > div{
			float: left;
			color:#000;
		}
		.SepetimIcerik li > div:first-child{
			width: 60px;
			height: 60px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
		}
		.SepetimIcerik li > div:last-child{
			width: calc(100% - 63px);
			margin-left: 3px;
			float: left;
		}
		.SepetimIcerik li > div:last-child font{
			display: block;
			font-size: 10pt;
			overflow: hidden;
		}
		.SepetimIcerik li > div:last-child font:first-child{
			height: 40px;
		}
		.SepetimIcerik li > div:last-child font:last-child{
			font-weight: bold;
		}
		.SepetimToplam{
			padding: 15px 10px;
			background-color: #6b498e;
			color:#EEE;
		}
		.SepetimToplam font{
			font-size: 16pt;
			display: inline-block;
			font-family: "baloo bhai";
		}.SepetimToplam button{
			float: right;
			color:#000;
			border:1px solid #DDD;
			padding: 7px;
			font-weight:bold;
			background-color: #FFF;
			box-shadow: 0px 0px 3px #444;
			border-radius: 5px;
			cursor: pointer;
		}
		.SepetimToplam button:hover{
			box-shadow: 0px 3px 5px #333;
		}
		.SepetimToplam button:active{
			box-shadow: 0px 5px 7px #333;
		}
		.SepetimIcerik ul::-webkit-scrollbar-track
		{
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
			background-color: #F5F5F5;
		}

		.SepetimIcerik ul::-webkit-scrollbar
		{
			width: 6px;
			background-color: #F5F5F5;
		}

		.SepetimIcerik ul::-webkit-scrollbar-thumb
		{
			background-color: #7D5E9C;
		}
		.Mesaj{
			z-index: 102;
			position: fixed;
			width: auto;
			height: auto;
			height: 1px;
			display: none;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			right: 0%;
			text-align: center;
		}
			.Mesaj > div{
				width: auto;
				max-width: 500px;
				height: auto;
				border-radius: 5px;
				text-align: center;
				border:0px solid #CCC;
				padding: 10px;
				box-shadow: 0px 5px 10px #bfbfbf;
				margin: 10px;
				font-size: 11pt;
				/*display: inline-block;*/
				 font-weight: bold;
			}
			.MesajUyari{background-color: #FFF; color:#96880C}
			.MesajHata{background-color: #D30003; color:#FFF;}
			.MesajOnay{background-color: #19A70F; color:#FFF;}
		.sepetiBosaltOnay{
			z-index: 5;
			margin: auto;
			margin-top: 150px;
			background-color: #FFF;
			padding: 20px;
			display: none;
			width: 450px;
		}
		.sepetiBosaltOnay button{
			margin-top: 20px;
			padding: 7px 20px;
			border:0px;
			background-color: #B10002;
			color:#FFF;
			border-radius: 5px;
			cursor: pointer;
		}
		.sepetiBosaltOnay button:hover{
			box-shadow: 0px 3px 5px #AAA;
		}
		.sepetiBosaltOnay button:focus{
			box-shadow: 0px 3px 10px #666;
		}
		.sepetiBosaltOnay i{
			float: right;
			cursor: pointer;
			color:#555;
		}
		.sepetiBosaltOnay i:hover{
			color:#000;
		}
		/*SEPETİM*/

	.sepetimUst{
		width: 100%;
		max-width: 1200px;
		margin: auto;
		height: auto;
		overflow: hidden;
		background-color: #FFF;
		margin: 10px auto;
	}
	.sepetimLogo{
		width: 230px;
		background-image: url(../images/logo.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		height: 100px;
		float: left;
	}
	.sepetimLogo a{
		display: block;
		width: 100%;
		height: 100%;
	}
	.sepetimAsamalar{
		float: left;
		height: 90px;
		padding-top: 10px;
		width: calc(100% - 230px);
		text-align: right;
	}
	.sepetimAsamalar i{
		width: 65px;
		height: 44px;
		padding-top:20px; 
		border-radius: 100px;
		border:0px solid #999;
		background-color: #FFF;
		display: inline-block;
		float: right;
		border:2px solid #BBB;
		text-align: center;
		font-size: 18pt;
		background-color: #FFF;
		color:#AAA;
	}
	.sepetimAsamalar hr{
		float: right;
		width: 100px;
		margin-top: 32px;
		display: block;
		height: 2px;
		background-color: #AAA;
		border:0px;
	}
	.sepetimSayfa{
		width: 100%;
		height: auto;
	}
	.sepet{
		width: 100%;
		max-width: 1200px;
		height: auto;
		margin: auto;
		/*background-color: #FFF;*/
		margin-top:20px;
	}
	.sepet > div{
		float: left;
		height: auto;
	}
	.sepet > div:first-child{
		width: calc(100% - 350px);
		box-shadow:0px 3px 7px #CCC;
	}
	.siparisOzeti .sozlesmeler{
		font-size:11pt;
		border-top:1px solid #EEE;
		padding-top:10px;
	}
	.siparisOzeti .sozlesmeler a{
		color:#000;
	}
	.siparisOzeti{
		width: 328px;
		margin-left: 20px;
		background-color: #FFF;
		border: 1px solid #EEE;
		text-align: center;
		font-family: "baloo bhai";
		box-shadow: 0px 3px 7px #CCC;
		padding-bottom: 10px;
	}
	.siparisOzeti > div{
		margin: 10px;
	}
	.siparisOzeti strong{
		font-size: 16pt;
		margin: 10px 0px;
		display: block;
		color: #3C6DA7;
		font-weight: normal;
		border-bottom:1px solid #EEE;

		padding-bottom: 10px;
	}
	.siparisOzeti > div font:first-child{
		color:#222;
		font-size:13pt;
	}
	.siparisOzeti > div font:last-child{
		font-size: 16pt;
	}
	.sepet > ul{
		margin: 0px;
		padding: 0px;
		height: auto;
		width: 270px;
		height: 500px;
		border:1px solid #CCC;
		display: none;
		position: absolute;
		z-index: 55;
		background-color: #FFF;
	}
	.sepet > ul >li{
		width: calc(100% - 10px);
		list-style: none;
		height: 60px;
		margin-bottom: 15px;
		padding: 5px;
	}
	.sepet > ul >li > i{
		float:left;
		margin-top: 25px;
		width: 10px;
		font-weight: bold;
		height: 20px;
	}
	.sepet > ul >li > div{
		float:left;
		height: 70px;
	}
	.sepet > ul >li > div:nth-child(2){
		background-image: url("../../images/mega/262657032409731.jpg");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		width: 60px;
	}
	.sepet > ul >li >div:nth-child(3){
		width: calc(100% - 75px);
		overflow: hidden;
		font-size: 10pt;
	}
	.sepet > ul >li >div > font{
		display: block;
		margin-top: 5px;
	}
	.sepet > ul >li >div > font:nth-child(2){
		font-weight: bold;
	}
	.faturaBilgileriBaslik{
		font-size: 22pt;
		text-align: center;
		margin: 30px 0px;
		color:#724A9C;
		font-weight: normal;
		display: none;
		font-family: 'baloo bhai';
		
  		padding: 20px 0px;

			border-bottom: 1px solid #DDD;
		}
	.faturaKurumsal,.faturaBilgileri{
		display: none;
	}
	.sepettekiUrunler ul{
		margin: 0px;
	}
	.sepettekiUrunler ul li{
		list-style: none;
		padding: 10px;
		height: auto;
		overflow: hidden;
		margin: 10px 5px;
		border-left: 8px solid #3C6DA7;
		/*box-shadow: 0px 3px 7px #DDD;*/
		background-color: #FFF;
	}
	.sepettekiUrunler ul li >div{
		float: left;
		width: 20%;
		height: auto;
		font-size: 11pt;
	}
	.sepettekiUrunler ul li >div a{
		text-decoration: none;
		color:#000;
	}
	.sepettekiUrunler ul li >div a:hover{
		text-decoration: underline;
		color:#333333;
	}
	.sepettekiUrunler ul li >div:first-child{
		width: 50px;
		margin-right: 10px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		height: 50px;
	}
	.sepettekiUrunler ul li >div:nth-child(3),.sepettekiUrunler ul li >div:nth-child(4){
		width: 80px;
		text-align: center;
		margin-top: 12px;
	}
	.sepettekiUrunler ul li >div:nth-child(3){
		margin-top: 17px;
		font-weight: bold;color:#2167ab;
	}
	.sepettekiUrunler ul li >div:nth-child(2){
		width: calc(100% - 300px);
		margin-top: 15px;
	}
	.sepettekiUrunler ul li >div:nth-child(4){
		color:#AAA;
		font-size: 10pt;
		margin-top: 16px;
	}
	.sepettekiUrunler ul li >div:nth-child(4) i{
		cursor: pointer;
	}
	.sepettekiUrunler ul li >div:nth-child(4) i:hover{
		color:#C00C0C;
	}
	.siparisOlusturDugme{
		font-weight:bold;
	}
	.siparisOlusturDugme > i{
		margin-left:5px;
	}
	.siparisOzeti > div{
		padding: 10px;
		margin-bottom: 10px;
		height: auto;
		overflow: hidden;

	}
	.siparisOzeti > div > font{
		width: 50%;
		display: block;
		float: left;
	}
	.siparisOzeti > div > font:first-child{
		text-align: left;
	}
	.siparisOzeti > div > font:last-child{
		text-align: right;
	}
	.siparisOzeti button{
		width: 80%;
		padding: 15px 0px;
		text-align: center;
		font-size: 14pt;
		border: 0px;
		background-color: #3C6DA7;
		color: #FFF;
		cursor: pointer;
		box-shadow: 0px 3px 7px #AAA;
	}
	.siparisOzeti button:hover{
		background-color: #3c82d6;
		box-shadow: 0px 5px 10px #888;
	}
	.sepetDugmeler{
		color:#333;
	
	}
	.sepetDugmeler a{
		float: right;
		text-decoration: none;
		font-size: 10pt;
		padding: 7px 10px;
		background-color: #b1b1b1;
		color: #FFF;
		border-radius: 3px;
		box-shadow: 0px 3px 7px #CCC;
		margin:5px;
	}
	.sepetDugmeler a i{
		margin-right: 5px;
	}
	.sepetDugmeler a:hover{
		background-color: #c7c7c7;
	}
	.sepetDugmeler > a:first-child{
		float: left;
	}

	.sepetBos{
		width: 100%;
		height: 400px;
		text-align: center;
		padding-top: 200px;
		font-size: 22pt;
		color:#AAA;
		font-family: 'baloo bhai';
	}
	.sepetBos font{
		display: block;
	}
	.sepetBos a{
		color:#555;
		font-size: 18pt;
		margin-top: 30px;
		text-decoration: none;
	}
	.sepetBos a:hover{
		text-decoration: underline;
	}
	#mobilMenu{
		display: none;
	}
		.urun,.urunDetay{
			width: 100%;
			height: auto;
			overflow-y: hidden;
			background-color: #FFF;
			padding-top: 10px;
			padding-bottom: 30px;
		}
		.urun > div{
			float:left;
		}
		.urunGorseller{
			width: 560px;
			height: 360px;
			padding: 10px 20px;
		}
		.urunGorseller > div{
			float:right;
		}
		.urunGorseller >div:last-child{
			width: 80px;
			height: 375px;
		}
		.urunGorseller >div:first-child{
			width: calc(100% - 92px);
			height: 374px;
			background-position: center;
			background-size: auto 90%;
			background-repeat: no-repeat;
			margin-left: 10px;
  			border: 1px solid #EEE;
		}
		.urunGorseller >div:last-child > i{
			width: auto;
			height: 18px;
			display: block;
			margin: auto;
			border:1px solid #EEE;
			text-align: center;
			color:#AAA;
		}
		.urunGorseller >div:last-child > i:hover{
			cursor: pointer;
			border:1px solid #DDD;
			color:#555;
		}
		.urunGorseller >div:last-child > i:first-child{
			margin-bottom: 5px;
		}
		.urunGorseller >div:last-child > i:last-child{
			margin-top: 4px;
		}
		.urunGorseller >div:last-child ul{
			margin: 0px;
			padding: 0px;
			min-height: 326px;
		}
		.urunGorseller >div:last-child ul li{
			list-style: none;
			height: 75px;
			width: auto;
			background-color: #FFF;
			margin-bottom: 6px;
			border:1px solid #EEE;
			background-position: center;
			background-repeat: no-repeat;
			background-size: auto 80%;
			opacity: 0.5;
		}
		.urunGorseller >div:last-child ul li:hover{
			cursor: pointer;
			opacity: 1;
		}
		/*-----*/
		.urunBilgiler{
			width: calc(100% - 600px);
			height: auto;
		}
		.urunBilgiler > div{
			width: auto;
		}
		.urunBaslik{
			height: auto;
			padding: 7px;
			font-size: 18pt;
			line-height: 25px;
			font-family: "Baloo Bhai";
		}
		.urunMarka{
			padding: 0px 7px;
			font-size: 10pt;
			
		}
		.urunMarka a:hover{
			text-decoration: underline;
			color:#000;
		}
		.urunMarka a{
			text-decoration: none;
			color:#444;
		}
		.urunPuan,.fiyatBildir{
			padding: 7px;
			width: calc(50% - 25px);
			float: left;
		}
		.fiyatBildir{
			text-align: right;
			width: calc(90% - 14px);
			font-size: 11pt;
			color:#555;
		}.fiyatBildir:hover{
			text-decoration: underline;
			cursor: pointer;
		}
		.fiyatBildir i{
			margin-right:5px; 
		}
		.urunTaksitBilgisi{
			margin-bottom: 15px;
			color:#555;
			font-size: 11pt;
			overflow: hidden;
			width: 100%;
		}
		.urunTaksitBilgisi:hover{
			cursor: pointer;
			color:#000;
			text-decoration: underline;
		}
		.urunTaksitBilgisi i{
			margin-right: 7px;
		}
		.urunPuan font{
			opacity: 0;
			transition: all 0.3s;
			-webkit-transition: all 0.3s;
			cursor: pointer;
		}
		.urunPuan font:hover{
			text-decoration: underline;
		}
		.urunPuan:hover font{
			opacity: 1;
		}
		.urunPuan i,.yorumPuan i{
			margin-right: 2px;
			color: #C1B400;
		}
		.urunBilgiler > div:last-child{
			height: auto;
		}
		.urunBilgiler > div:last-child > div{
			height: auto;
			float:left;
			padding: 0px 10px;
		}
		.urunBilgiler > div:last-child > div:first-child{
			width: calc(90% - 20px);
			background-color: #FFF;
		}
		.urunBilgiler > div:last-child > div:last-child{
			width: calc(40% - 20px);
			background-color: #FFF;
		}
		.KargoSuresi{
			margin: 15px 0px;
			border-radius: 10px;
			/*border:1px solid #FBCBD1;*/
			color:#bf081e;
			padding: 10px;
			display: none;
		}
		.KargoSuresi i {
			margin-right: 5px;
		}
		.KargoDurum{
			margin: 15px 0px;
			padding: 10px;
			font-weight: bold;
    		color: #444;
		}
		.KargoDurum:hover {
			text-decoration: underline;
		}
		.urunFiyatBilgileri .urunKargo{
			min-height: 100px;
			background-image: url("../images/kargoBedava.png");
			background-position: top right;
			background-size: auto 45px;
			background-repeat: no-repeat;
			display: none;
		}
		.urunKargo{
			height: 100px;
		}
		.urunFiyatBilgileri .urunFiyat,.urunFiyatBilgileri .urunKargo{
			width: 50%;
			float: left;
			margin-top: 10px;
		}
		.urunFiyatBilgileri .urunFiyat > font{
			display: block;
			font-family: "Baloo Bhai";
		}
		.urunFiyatBilgileri label{
			font-size: 14pt;
		}
		.urunFiyatBilgileri .indirim i{
			float:left;
			margin-right: 5px;
			margin-left: 3px;
			margin-top: -8px;
			-webkit-animation-name: indirim;
			-webkit-animation-duration: 1s;
			animation-name: indirim;
			animation-duration: 1s;
			animation-fill-mode:forwards;
			opacity:0;
		}

		@-webkit-keyframes indirim {
		  	0%  {margin-top:-8px; opacity:0;}
		 	30% {margin-top:8px; opacity:0.8;}
			50% {margin-top:8px; opacity:0;}
			51% {margin-top:0px; opacity:0;}
			75%{margin-top:8px; opacity:1;}
			100%{margin-top:8px; opacity:1;}
		}
		@keyframes indirim {
			0%  {margin-top:-8px; opacity:0;}
		  	30% {margin-top:8px; opacity:0.8;}
			50% {margin-top:8px; opacity:0;}
			51% {margin-top:0px; opacity:0;}
			75%{margin-top:8px; opacity:1;}
			100%{margin-top:8px; opacity:1;}
		}
		.urunFiyatBilgileri .indirim{
			font-size: 22pt;
			margin-bottom: 10px;
			background-color: #FF0000;box-shadow: 0px 4px 5px #BBB;
			width: auto;
			text-left: center;
			border-radius: 10px;color:#FFF;
			font-weight: bold;
			float:left;
			padding-left: 7px;
			padding-top: 2px;
			padding-bottom: 2px;
			margin-top: 12px;
			margin-right: 20px;
			padding-right: 10px;
		}
		.urunFiyatBilgileri .ilkFiyat{
			font-size: 18pt;
			margin-top: 10px;
			margin-bottom: -15px;
			color:#AAA;font-weight: bold;
			text-decoration: line-through;
		}
		.urunFiyatBilgileri .fiyat{
			font-size: 30pt;
			margin-bottom: 10px;
			margin-top: 0px;
			color:#349BA2;
			font-weight: bold;
		}
		.urunFiyatBilgileri .ilkFiyat:after,.urunFiyatBilgileri .fiyat:after{
			content: 'TL';
			font-size: 16pt;
			margin-left: 5px;
		/*	font-family: 'tl';*/
		}
		.urunFiyatBilgileri .miktar{
			padding: 11px;
			background-color: #F1F1F1;
			width: 180px;
			border-radius: 10px;
			height: auto;overflow: hidden;
			margin-bottom: 10px;border:1px solid #E8E8E8;
			font-size: 12pt;
			float: left;
			    box-shadow: 0px 5px 10px #DDD;
		}
		.urunFiyatBilgileri .miktar input{
			width: 30px;
			text-align: center;
			padding: 0px;
			padding-top: 2px;
			margin-top: 3px;
			background-color: transparent;
			border:0px;
			display: block;
			float:left;
		}
		.urunFiyatBilgileri .miktar i{
			background-color: #ACACAC;
			border-radius: 5px;
			width: 25px;
			height: 25px;
			text-align: center;
			color:#FFF;
			font-family: "Baloo Bhai";
			display: block;
			float:left;
			cursor: pointer;
			background-position: center;
			background-size: 12px;
			background-repeat: no-repeat;
		}
		.urunFiyatBilgileri .miktar i#miktarArtir{
			background-image: url("../images/miktarArtir.png");
		}
		.urunFiyatBilgileri .miktar i#miktarAzalt{
			background-image: url("../images/miktarAzalt.png");
		}
		.urunFiyatBilgileri .miktar i:hover{
			background-color: #9B9B9B;
		}
		.urunFiyatBilgileri .miktar > font{
			margin-right: 65px;
			float:left;color:#333;
		}
		.urunFavorilereEkle{
			border:0px solid #055A7E;
			/*background-color: #ABABAB;*/
			padding: 0px;
			border-radius: 10px;
			box-shadow: 0px 5px 10px #BBB;
			background-image: url("../images/favorilereEkle.png");
			background-position: center;
			background-size: 22px;
			background-repeat: no-repeat;
			width: 65px;
			height: 48px;
			cursor: pointer;
		}
		.urunFavorilereEkle:hover{
			/*background-color: #905AC4;*/
		}
		.urunSepeteEkle{
			border:0px solid #055A7E;
			background-color: #259000;
			color:#FFF;
			padding: 0px;
			padding-right: 20px;
			border-radius: 10px;
			font-size: 14pt;
			margin: 0px 10px;
			box-shadow: 0px 5px 10px #BBB;
			font-family: "Baloo Bhai";
			float: left;
		}
		.urunSepeteEkle:hover{
			cursor: pointer;
			opacity: 0.9;
		}.urunSepeteEkle i{
			margin-right: 45px;
			padding: 15px 15px;
			border-top-left-radius: 10px;
			border-bottom-left-radius: 10px;
			background-color: rgba(255,255,255,0.20);
		}
		.urunDetay{
			height: auto;
		}
		.urunDetayTab{
			display: block;
			background-color: #7D5E9C;
			text-align: center;
			height: auto;
			overflow: hidden;
			color: #FFF;
			padding-left: 7px;
			padding-right: 5px;
			padding-bottom: 10px;
			box-shadow: 0px 0px 10px #555;
		}
		.urunDetayTab > div:last-child{
			border-right: 0px;
			width: 25%;
		}
		.urunDetayTab > div{
			float: left;
			overflow: hidden;
			width: calc(25% - 1px);
			text-align: center;
			padding: 15px 0px;
			/*color:#555;*/
			/*border-right:1px solid #CBCBCB;*/
			cursor: pointer;
			/*border-bottom:1px solid #EEE;*/
			font-family: "Baloo Bhai";
			margin-top: 10px;
		}
		.urunDetayTab > div:active{
			/*border-bottom:1px solid #7D5E9C;
			background-color: #FFF;color:#000;*/
		}
		.urunuInceleyenler{
			position: fixed;
			bottom:0%;
			padding: 10px 20px;
			border-radius: 7px;
			margin-left: 15px;
			margin-bottom: 30px;
			font-size: 11pt;
			box-shadow: 0px 3px 7px #333;
			display: none;
			z-index: 10;
		}
		.Renk1{
			background-color:#7D5E9C;
			color:#FFF;
		}
		.Renk2{
			background-color:#3C6DA7;
			color:#FFF;
		}
		.Renk3{
			background-color:#159223;
			color:#FFF;
		}
		.urunIcerik{
			height: auto;
		/*	overflow: hidden;*/
		}
		.urunIcerik > div{
			height: auto;
			background-color: #FFF;
			display: none;
			padding: 10px;
			overflow: hidden;
		}
		.urunIcerik > div:first-child{
			display: block;
			padding: 25px;
			line-height: 30px;
		}
		.urunIcerik > div:nth-child(2) > div{
			border-bottom:0px solid #DDD;
			border:1px solid #DDD;
			overflow: hidden;
		}
		.urunIcerik > div:nth-child(2) > div:last-child{
			border-bottom:1px solid #DDD;
		}
		.urunIcerik > div:nth-child(2) > div > font:first-child{
			width: 150px;
			display: block;
			float:left;
			font-weight: bold;
			background-color: #EEE;
			padding: 10px;
		}
		.urunIcerik > div:nth-child(2) > div > font:last-child{
			margin-left: 30px;
			padding: 10px;
			overflow: hidden;
			display: block;
		}
		.urunDetayTabSecili{
			background-color:#FFF;
			color:#7D5E9C;
			border-radius: 7px;
			box-shadow: 0px 0px 5px #513271;
		}
		.urunUrunlerBaslik{
			padding: 10px 20px;
			padding-bottom: 0px;
			font-weight: bold;
			font-size: 16pt;
			font-family: "Baloo Bhai";
			font-weight: 100;
			color:#349CA3;
		}
		.urunUrunlerBaslik i{
			float: right;
			margin-right: 7px;
			cursor: pointer;
		}
		.urunUrunlerBaslik i:hover{
			color:#5084C1;
		}
		.urunYok{
			padding: 150px 0px;
			text-align: center;
			background-color: #FFF;
			font-weight: 200;
			color:#888;
			font-family: 'Baloo Bhai';
			font-size: 18pt;
		}
		#urunYorumYapUst{
			font-size: 11pt;
			margin-left: 10px;
		}
		.urunOdemeSecenek{
			width: calc(50% - 25px);
			float: left;
			height: auto;
			overflow: hidden;
			overflow: hidden;
			text-align: center;
			margin-bottom: 40px;
		}
		.urunOdemeSecenek:nth-child(2n){
			margin-left: 50px;
		}
		.urunOdemeSecenek > div{
			width: 100px;
			height: 35px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
		
		}
		.urunOdemeSecenek table{
			background-color: #FFF;
			border: 1px solid #BDCACB;
			border-collapse: collapse;
			width: 100%;
			font-size: 10pt;
			border-radius: 10px;
		}
		.urunOdemeSecenek tbody td,.urunOdemeSecenek thead th{
			background-color: #FFF;
			color:#135A5F;
			margin: 0px;
			padding: 10px;
		}
		.urunOdemeSecenek tbody td{
			border: 1px solid #BDCACB;
		}
		.urunOdemeSecenek thead th{
			background-color: #ECECEC;
		}
		.worldKart{
			background-image: url("../images/kkart/world.png")
		}
		.bonusKart{
			background-image: url("../images/kkart/bonus.png")
		}
		.axessKart{
			background-image: url("../images/kkart/axess.png")
		}
		.finansKart{
			background-image: url("../images/kkart/cardfinans.png")
		}
		.maximumKart{
			background-image: url("../images/kkart/maximum.png")
		}
		.parafKart{
			background-image: url("../images/kkart/paraf.png")
		}
		.ziraatKart{
			background-image: url("../images/kkart/ziraat.png")
		}
		.visaMasterKart{
			background-image: url("../images/kkart/visaMaster.png")
		}
		.yorumlar{
			margin: 0px;
		}
		.yorumlar li{
			list-style: none;
			height: auto;
			overflow: hidden;
			border-bottom:1px dashed #CCC;
			padding-bottom: 10px;
			margin-bottom: 10px;
		}
		.yorumlar li > div:first-child{
			width: 250px;
			height: auto;
			min-height: 50px;
			float:left;
			text-align: center;
			padding-top: 15px;
		}
		.yorumlar li > div:first-child >font{
			display: block;
			margin-top: 5px;
			font-size: 10pt;
		}
		.yorumlar li > div:first-child i{
			padding: 10px;
			background-color: #888;
			color:#FFF;
			border-radius: 5px;
		}
		.yorumlar li > div:last-child{
			width: calc(100% - 250px);
			float: left;
			height: auto;
		}
		.yorumlar li > div:last-child > div:first-child{
			font-weight: bold;
		}
		.yorumlar li > div:last-child > div:nth-child(2){
			margin-bottom: 10px;
			margin-top: 5px;
			font-size: 10pt;
		}
		.yorumlar li > div:last-child > div:last-child{
			font-size: 11pt;	
		}
		.urunOzelliklerBaslik{
			padding: 20px;
			display: block;
			font-weight: bold;
		}
		.urunYorumYap strong{
			font-family: 'baloo bhai';
			font-size: 18pt;
		}
		.urunYorumYap{
			margin: 20px;
			text-align: center;
			overflow: hidden;
			height: 0px;
			opacity: 0;
		}
		.urunYorumYap input[type=text], .urunYorumYap textarea{
			border:1px solid #DDD;
			width: 50%;
			border-radius: 5px;
			padding: 8px;
			background-color: #EEE;
		}
		.urunYorumYap > div{
			margin: 10px;
		}
		.urunYorumYap font{
			margin-right: 10px;
		}
		.urunYorumYap font > i{
			margin-right: 3px;
			cursor: pointer;
		}
		.urunPuanVerSecili{
			color: #C1B400;
		}
		.urunPuanVerSeciliDegil{
			color:#AAA;
		}
		.urunPuanVerAciklama{
			display: inline-block;
			width: 105px;font-weight: bold;
		}
		.urunYorumYap div font:first-child,.urunYorumYap div font:last-child,.urunYorumYap div label{
			font-size: 11pt;
		}
		.yorumYapDugme{
			margin-bottom: 50px;
			border-bottom: 1px solid #EEE;
			text-align: center;
			padding-bottom: 50px;
			margin-top: 50px;
		}
		.yorumYapDugme button{
			border-radius: 5px;
			padding: 10px 25px;
			border:0px;
			background-color: #f00;
			box-shadow: 0px 2px 10px #9C9C9C;
			color:#FFF;
			cursor: pointer;
			font-family: "Baloo Bhai";
			font-size: 12pt;
		}
		.yorumYapDugme button:hover{
			background-color: #C50C0C;
		}
	.anaSayfaTopDiv{
		width: 100%;
		max-width: 1200px;
		border:1px solid #DDD;
		border-radius: 10px;
		height: 570px;
		overflow: hidden;
		box-shadow: 0px 5px 10px #AAA;
		margin: 10px auto;
		background-color: #FFF;
	}
	.anaSayfaKirtasiye{
		background-image: url("../images/anaSayfa/anaSayfa_kirtasiye.jpg");
	}
	.anaSayfaKitap{
		background-image: url("../images/anaSayfa/anaSayfa_kitap.jpg");
	}
	.anaSayfaTopDiv > div{
		height: 570px;
		width: 400px;
		box-shadow: 5px 0px 15px #BBB;
		float: left;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;

	}
	.anaSayfaTopDiv  > ul{
		float: left;
		width: calc(100% - 400px);
		padding: 0px;
		padding-top: 10px;
	}
	.anaSayfaTopDiv  > ul > li{
    list-style: none;
    float: left;
    width: 30%;
    height: 155px;

    margin-bottom: 30px;
    /*background-color: #EEE;*/
    float: left;
    margin-left: 2.5%;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.00) 30%,rgba(0,117,142,0.70) 30.01%,rgba(0,117,142,0.70) 77.05%,rgba(0,117,142,0.00) 77.05%,rgba(0,117,142,0.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.00) 30%,rgba(0,117,142,0.70) 30.01%,rgba(0,117,142,0.70) 77.05%,rgba(0,117,142,0.00) 77.05%,rgba(0,117,142,0.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.00) 30%,rgba(0,117,142,0.70) 30.01%,rgba(0,117,142,0.70) 77.05%,rgba(0,117,142,0.00) 77.05%,rgba(0,117,142,0.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.00) 30%,rgba(0,117,142,0.70) 30.01%,rgba(0,117,142,0.70) 77.05%,rgba(0,117,142,0.00) 77.05%,rgba(0,117,142,0.00) 100%);
	}
	.anaSayfaTopDiv  > ul > li > a{
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
		color:rgba(0,117,142,1.00);
		
	}
	.anaSayfaTopDiv > ul > li:hover{
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.00) 30%,rgba(0,117,142,0.50) 30.01%,rgba(0,117,142,0.50) 77.05%,rgba(0,117,142,0.00) 77.05%,rgba(0,117,142,0.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.00) 30%,rgba(0,117,142,0.50) 30.01%,rgba(0,117,142,0.50) 77.05%,rgba(0,117,142,0.00) 77.05%,rgba(0,117,142,0.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.00) 30%,rgba(0,117,142,0.50) 30.01%,rgba(0,117,142,0.50) 77.05%,rgba(0,117,142,0.00) 77.05%,rgba(0,117,142,0.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.00) 30%,rgba(0,117,142,0.50) 30.01%,rgba(0,117,142,0.50) 77.05%,rgba(0,117,142,0.00) 77.05%,rgba(0,117,142,0.00) 100%);
		}
	.anaSayfaTopDiv  > ul > li > a:hover{
		cursor: pointer;
		/*background-color: #DEDEDE;*/
		color:rgba(0,117,142,0.70);
	}
	.anaSayfaTopDiv  > ul > li > a > div{
		width: 100%;
		height: 120px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.anaSayfaTopDiv  > ul > li > a > font{
		width: 100%;
		display: block;
		height: 20px;
		/*background-color: #AAA;*/
		text-align: center;
		font-weight: bold;
		padding-top: 5px;
	}
	.aramaSonuclari{
		position: absolute;
		width: 100%;
		margin-top: 0px;
		z-index: 3;
		padding-top: 1px;
		height: 100%;
		background-color: rgba(0,0,0,0.60);
    }
	.aramaSonuclari > div{
		width: 625px;
		margin: auto;
		background-color: #dd4e76;
		border-radius: 10px;
		height: auto;
		z-index: 20;
		visibility: visible;
		box-shadow: 0px 5px 10px #555;
		border-top: 5px solid #dd4e76;
		border-bottom: 5px solid #dd4e76;
		margin-top: -20px;
		overflow: hidden;
		height: 470px;
		max-height: 0%;
	}
		.aramaSonuclari > div > font, .aramaSonuclari > div > a{
			padding: 7px;
			display: block;
			color:#FFF;
		}
		.aramaSonuclari > div  ul{
			padding: 0px;
			height: auto;
			max-height: 400px;
			border-bottom:1px solid #DDD;
			overflow-y: auto;
			background-color: #FFF;
		}
		.aramaSonuclari > div ul li{
			list-style: none;
			border-bottom:1px solid #DDD;
			
			padding: 3px;
		}
		.aramaSonuclari > div ul li:first-child{
			border-top:1px solid #DDD;
		}
		.aramaSonuclari > div ul > li:hover{
			background-color: #EEE;
		}
		.aramaSonuclari > div ul > li > a{
			display: block;
			text-decoration: none;
			color:#333;
			padding: 20px 5px;
			font-size: 11pt;
			background-position: left;
			background-repeat: no-repeat;
			background-size: contain;
			background-image: url("../images/mini/2-abdulhamid-osmanli-dizisi_5569.jpg");
		}
		.aramaSonuclari > div ul > li > a > font{
			margin-left: 60px;
		}
		.liste{
			width: calc(100% - 230px);
			float: left;
			height: auto;
			background-color: #FFF;
		}
			.kategoriler{
				background-color: #FFF;
			}
			.listeFiltre{
				width: 200px;
				float: left;
				height: auto;
			}
			.listeFiltre > div{
				margin: 10px;
			}
			.listeFiltre > div:last-child {
				padding-bottom: 10px;
				border-bottom: 1px dashed #CCC;
			}
			.listeFiltre ul{
				height: auto;
				max-height: 200px;
				overflow-y: auto;
			}
			.listeFiltre ul li{
				list-style: none;
				padding: 3px;
				font-size: 10pt;
				cursor: pointer;
			}
			.listeFiltre ul li:hover{
				color:#C90003;
			}
			.listeFiltre ul li:hover > i{
				color:#237800;
			}
			.listeFiltre ul li i{
				color:#AAA;
				margin-right: 5px;
			}
			.listeFiltre strong{
				text-indent: 3px;
				font-size: 11pt;
				display: block;
				margin-bottom: 5px;
				padding-bottom: 5px;
				border-bottom:1px dashed #CCC;
			}
			.listeFiltre ul::-webkit-scrollbar-track
			{
				-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
				background-color: #F5F5F5;
			}

			.listeFiltre ul::-webkit-scrollbar
			{
				width: 6px;
				background-color: #F5F5F5;
			}

			.listeFiltre ul::-webkit-scrollbar-thumb
			{
				background-color: #7D5E9C;
			}
			.listeUst{
				margin: 10px 0px;
				height: auto;
				background-color: #FFF;
				border-bottom:1px solid #CCC;
				padding: 10px;
				text-align: right;
			}
			.listeBaslikBilgi{
				font-weight: bold;
				font-size: 14pt;
				margin: 20px;
				width: calc(100% - 230px);
				float: left;
			}
			.listeSirala{
				border:1px solid #CCC;
				padding: 7px;
			}
			.listeUst label{
				font-size: 10pt;
				margin-right: 20px;
			}
			.listeAlt{
				text-align: center;
				padding: 10px;
				margin: 30px 10px;
				background-color: #EEE;
				border-radius: 10px;
				overflow: hidden;
				box-shadow: 0px 0px 10px #AAA;
			}
			.listeAlt li{
				display: inline-block;

				margin: 0px 4px;
				text-align: center;
				color:#4F455A;
				font-size: 10pt;
				font-weight: bold;
			}
			.listeAlt li:hover,.listeAlt li.listSelected{
				cursor: pointer;
				opacity: 0.9;
				color:#FFF;
				background-color: #7d5e9c;
				border-radius: 5px;
			}
			.listeAlt li a{
				color:#4F455A;
				text-decoration: none;
				display: block;
								padding: 5px 9px;
			}
			.listeAlt li:hover a,.listeAlt li.listSelected a{
				color:#FFF;
			}
			.listeBaslik{
				height: 42px;
				overflow: hidden;
				display: block;
			/*	position: absolute;
   				margin: 20px 0px 0px 20px;*/
			}
/*ÖDEME YAP*/
	/*.sepetimAsamalar > i:nth-child(1){
		border:2px solid #55ACB2;
		background-color: #55ACB2;
		color:#FFF;
	}*/
	.odemeTab{
		height: auto;
		overflow: hidden;
		background-color: #3C6DA7;
	}
	.odemeTab > div{
		width: 33%;
		float: left;
		padding: 15px 0px;
		text-align: center;
		cursor: pointer;
	}
	.odemeTab > div.odemeTabSeciliDegil{
		color:#FFF;
		border-color:#EEE;
	}
	.odemeTab > div.odemeTabSecili{
		color:#FFF;
		background-color: #4f82c0;
	}
	.odemeTab > div:hover{
		background-color:#4f82c0;
	}
	.odemeIcerik{
		min-height: 300px;
		width: calc(100% - 40px);
		float: inherit;
		background-color: #FFF;
		padding: 20px;
	}
	.odemeKrediKarti > form > div{
		width: 50%;
		float:left;
		min-height: 150px;
	}
	.odemeKrediKarti > form > div:first-child{
		border-radius: 10px;
	}
	.odemeKrediKarti > form > div:first-child > div{
		margin-bottom: 7px;
	}
	.odemeKrediKarti label{
		font-weight: bold;
		font-size: 10pt;
	}
	.odemeKrediKarti label, .odemeKrediKarti input[type=text]{
		display: block;
		padding: 10px 7px;
	}
	.odemeKrediKarti input[type=text]{
		border:1px solid;
		border-radius: 5px;
		width: 95%;
		border-color:  #DDD;
		background-color:#EEE;
		
	}
	.odemeKrediKarti input[name=kartNumarasi]{
		background-position: right;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.odemeKrediKarti input[name=kartSKTarihiAy],.odemeKrediKarti input[name=kartSKTarihiYil]{
		width: 70px;
		display: inline-block;
	}
	.odemeKrediKarti input[name=kartGK]{
		width: 100px;
		display: inline-block;
	}
	.krediKartGorsel{
		width: 380px;
		border-radius: 10px;
		height: 200px;
		margin: auto;
		margin-top: 30px;
		background-color: #4a7d90;
		overflow: hidden;
		font-size: 15pt;
		color: #EEE;
		font-weight: 100;
		font-family: 'baloo bhai';
		word-spacing: 10px;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
	}
	.krediKartTaksit{
		width: 380px;
		height: 280px;
		border-radius: 10px;
		background-color: #FFF;
		float: right;
		margin-top: 10px;
		border:1px solid #DDD;
	}
	.krediKartGorsel > div{
		position: absolute;
	}
	.krediKartGorselArka{
		transform: rotateY(180deg);
	}
	.kKartGorselLogo{
		width:80px;
		height: 40px;
		float: right;
		background-color: rgba(255,255,255,0.55);
		border-radius: 10px;
		margin-top: 10px;
		margin-left: 280px;
		background-image: url("../images/kkart/axess.png");
		background-position: center;
		background-repeat: no-repeat;
	}
	.kKartGorselNumara{
		width: 370px;
		background-color: rgba(255,255,255,0.45);
		overflow: hidden;
		padding: 5px;
		margin-top: 70px;
		height: 30px;
		text-indent: 20px;
	}
	.kKartGorselIsim{
		overflow: hidden;
		height: auto;
		margin-left: 15px;
		margin-top: 120px;
	}
	.kKartGorselSK{
		margin-top: 120px;
		margin-left: 250px;
	}
	.kKartGorselVM{
		width: 100px;
		height: 40px;
		background-color: rgba(255,255,255,0.25);
		margin-top: 150px;
		margin-left: 15px;
		border-radius: 10px;
	}
	.kKartGorselSK font{
		width: 30px;
		min-height:40px;
		text-align: center;
		display: block;
		float: left;
	}
	.kKartGorselSK font:nth-child(2){
		width: 20px;
	}
	.formGirdisiZorunlu{
		background-color: #D38282;
		color:#EEE;
	}
	.odemeHavale ul.bankalar > li{
		list-style: none;
		border:1px solid;
		border-color:#DDD;
		background-color: #FFF;
		cursor: pointer;
	}
	.odemeHavale ul.bankalar > li:hover{
		/*border-color:#7D5E9C;*/
		background-color: #EFEFEF;
	}
	.odemeHavale ul.bankalar > li > div:first-child{
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		width: 100px;
		height: 75px;
		margin-right: 30px;
		margin-left: 10px;
	}
	._logo_IsBankasi{
		background-image:url("../images/bankalar/isbankasi.png");
	}
	._logo_YapiKredi{
		background-image:url("../images/bankalar/yapikredi.png");
	}
	._logo_ZiraatBankasi{
		background-image:url("../images/bankalar/ziraatbankasi.png");
	}
	._logo_Kuveytturk{
		background-image:url("../images/bankalar/kuveytturk.png");
	}
	._logo_PTT{
		background-image:url("../images/bankalar/ptt.png");
	}
	._logo_GarantiBankasi{
		background-image:url("../images/bankalar/garantibankasi.png");
	}
	._logo_QNBFinansbank{
		background-image:url("../images/bankalar/qnbfinansbank.png");
	}
	._logo_Akbank{
		background-image:url("../images/bankalar/akbank.png");
	}

	._logo_cardFinans{
		background-image:url("../images/kkart/cardfinans.png");
	}
	._logo_world{
		background-image:url("../images/kkart/world.png");
	}
	._logo_axess{
		background-image:url("../images/kkart/axess.png");
	}
	._logo_bonus{
		background-image:url("../images/kkart/bonus.png");
	}
	._logo_maximum{
		background-image:url("../images/kkart/maximum.png");
	}
	._logo_paraf{
		background-image:url("../images/kkart/paraf.png");
	}
	
	.odemeHavale > ul.bankalar > li > div{
		float: left;
	}
	
	.odemeHavale > ul.bankalar > li > div:nth-child(2){
		margin-top: 0px;
	}
	.odemeHavale > ul.bankalar > li > div:nth-child(2) >*{
		display: block;
		margin-bottom: 5px;
		min-height: 20px;
	}
	.odemeHavale > ul.bankalar > li > div:last-child{
		font-size: 22pt;
		float: right;
	}
	.odemeHavale > .odemeAciklama{
		padding: 20px;
	}
	.odemeHavale > .odemeAciklama > font{
		font-size: 11pt;
		margin-top: 10px;
		display: block;
	}
	.sepettekiUrunler ul li >div:nth-child(3){
		/*color:transparent;*/
	}
	.odemeBankaSec.fa-circle{
		color:#AAA;
	}
	.odemeBankaSec.fa-check-circle{
		color: #0B840A;
	}
	#odemeAciklama li{
    list-style: disc;
    overflow: inherit;
    border: 0px;
    font-size: 10pt;
	}
	.kapidaOdemeSMS{
		padding: 20px 15px;
		background-color: #FFF;
		border:1px solid #DDD;
		border-radius: 10px;
		display: none;
	}
	.kapidaOdemeSMS font{
		display: block;
		font-size: 10pt;
		margin-bottom: 5px;
	}
	.kapidaOdemeSMS input{
		padding: 8px;
		border:1px solid #dd5078;
		font-size: 12pt;
		
		
	}
	.kapidaOdemeSMS button{
		padding: 10px 20px;
		border:0px;
		color:#FFF;
		background-color: #dd5078;
		cursor: pointer;
		box-shadow: 0px 3px 5px #CCC;
	}
	.kapidaOdemeSMS button:hover{
		box-shadow: 0px 3px 5px #AAA;
	}
	.kapidaOdemeSMS button:focus{
		background-color: #EC638A;
	}
	.krediKartTaksit table{
			/*background-color: #FFF;*/
		/*	border: 1px solid #BDCACB;*/
			border-collapse: collapse;
			width: calc(100% - 30px);
			font-size: 10pt;
		margin: 15px;
			/*border-radius: 10px;*/
		text-align: center;
		}
		.krediKartTaksit tbody td,.krediKartTaksit thead th{
		/*	background-color: #FFF;*/
			color:#1a8890;
			margin: 0px;
			padding: 6px 0px;
		}
	/*	.krediKartTaksit tbody td{
			border: 1px solid #BDCACB;
		}
		.krediKartTaksit thead th{
			background-color: #ECECEC;
		}*/
	.krediKartTaksit .kartLogo{
		height: 34px;
		margin-left: 10px;
		background-repeat: no-repeat;
		background-position: left;
		background-size: contain;
	}
	.krediKartTaksit thead{
		border-bottom: 1px dashed;
    	border-color: #DDD;
	}
	.kartVisa{
		background-image: url(../images/visacard.png);
	}
	.kartMaster{
		background-image: url(../images/mastercard.png);
	}
	.krediKartTaksit table{
		display: none;
	}
	/*---UST CSS---*/
	.listeFiltre ul li a{
		color:#000;
		text-decoration: none;
	}
	.listeFiltre ul li a:hover{
			color:#C90003;
		}
		.listeFiltre font{
			font-size: 10pt;
			color:#888;
		}
		.kaydirici .ileri,.kaydirici .geri,.kaydirici > a{
			cursor: pointer;
			float: right;
			margin: 0px 5px;
		}
		.kaydirici > a{
			text-decoration: none;
			color:#474747;
			font-size: 11pt;
			margin-right: 20px;
			
		}
		.kaydirici > a:hover{
			text-decoration: underline;
		}
		.kaydirici .ileri:hover,.kaydirici .geri:hover{
			opacity: 0.6;
		}
		.kaydirici strong{
			margin: 0px 20px;
			color:#555;
			font-size: 12pt;
		}
	.kurumsalMenu{
		width: 259px;
		height: auto;
		float: left;
		padding-right: 10px;
		padding: 15px;
	}
	.kurumsalMenu strong{
		margin: 10px;
		display: block;
		color:#359ca3;
	}
	.kurumsalMenu a{
		display: block;
		padding: 10px;
		text-decoration: none;
		color:#000;
		border-bottom: 1px solid #EEE;
	}
	.kurumsalMenu a:hover{
		text-decoration: underline;
	}
	.kurumsalIcerik{
		width: calc(100% - 300px);
		height: auto;
		float: left;
		border-left: 1px solid #DDD;
		padding-bottom: 25px;
	}
	.iletisimHarita{
		border-bottom:1px solid #CCC;
		box-shadow: 0px 5px 10px #CCC;
		height: 350px;
	}
	.iletisimHarita iframe{
		margin: 0px;
		padding: 0px;
	}
	.kurumsalIcerik strong{
		
		margin: 0px 30px;
		margin-top: 50px;
		font-size: 20pt;
		color:#359ca3;
		display: block;
		border-bottom:1px solid #DDD;
		padding-bottom: 10px;
	}
		.kurumsalIcerik a{
			color:#dd5178;
			font-weight: bold;
		}
	.iletisimAdresleri font{
		display: block;

		font-size: 14pt;
		
	}
	.iletisimAdresleri > div:first-child font{
		font-size: 22pt;
		color: #7d5e9c;
  		font-weight: bold;
	}
	.iletisimAdresleri > div{
		margin: 20px 30px;
		border-bottom: 1px dashed #DDD;
		padding-bottom: 10px;
		padding-left: 10px;
	}
	.hakkimizda{
		padding: 0px 25px;
	}
	.hakkimizda font{
		font-weight: bold;
		color:#72479c;
	}
	.ust a#cikisYap{
		float: right;
		text-decoration: none;
		color:#FFF;
		margin-top: 7px;
		font-weight: 100;
		margin-right: 15px;
		font-size: 10pt;
	}
	.ust a#cikisYap:hover{
			opacity: 0.7;
	}
	.ust a#cikisYap i{
		margin-right: 5px;
	}
	.ustMenuTumunuGoster{
		display: block;
		/* margin: 10px 0px; */
		width: 100%;
		overflow: hidden;
		padding: 20px;
		height: auto;
	}
	.ustMenuTumunuGoster a{
		text-decoration: none;
		color:#FFF;
		padding: 10px 30px;
		border-radius: 10px;
		background-color: #dd4f77;
		box-shadow: 0px 3px 5px #CCC;
	}
	.ustMenuTumunuGoster a:hover{
		background-color: #ED678D;
	}
	.altIcerik > div:last-child > div:last-child {
		text-align: center;
		margin-top: 20px;
	}
	.altIcerik > div:last-child > div:last-child img {
		height: 40px;
		margin-right: 10px;
	}
	.altIcerik > div:last-child > div:last-child img:last-child {
		height: 60px;
	}
	.sepeteEkleMobil{
		display: none;
		position: fixed;
		bottom: 0%;
		background-color: #259000;
		width: 100%;
		z-index: 2;
	}
	.sepeteEkleMobil > button{
		background-color: transparent;
		border: 0px;
		color: #FFF;
		/* border: 1px solid #2da703; */
		padding: 5px 20px;
		float: right;
		/* margin-right: 10px; */
		padding: 6px 0px;
		width: calc(100% - 120px);
		font-size: 14pt;
		font-weight: normal;
		font-family: 'baloo bhai';
	}
	.sepeteEkleMobil > .miktar{
		width: 110px;
		float: left;
		background-color: #2a9c03;
		padding: 10px 0px;
		/* padding-left: 10px; */
		text-align: center;
	}
	.sepeteEkleMobil > .miktar > select{
		width: 70px;
		text-align: center;
		background-color: #2a9c03;
		color: #FFF;
		border: 0px;
		font-size: 11pt;
	}
	.urunDugmeler{
		width: 100%; height: auto;
	}
	.urunBaslikMobil{
		text-align: center;
		display: none;
	}
	.mobilMenuIcerik{
		position: fixed;
		z-index: 5;
		width: 100%;
		height: 0%;
		max-height: calc(100% - 10px);
		background-color: hsla(0, 0%, 100%, 0.96);
		overflow: hidden;
		display: none;
		border-bottom: 5px solid #1d8892;
    	border-top: 5px solid #1d8892;
	}
	.mobilMenuKapat{
		margin-right: 10px;
		margin-top: 10px;
		float: right;
		font-size: 16pt;
		color: #000;
	}
.AnaSayfaSlider{
	width: 100%;
	height: 400px;
	background-color: #CCC;
	margin: auto;
	padding: 0px;
	box-shadow: 0px 5px 10px #AAA;margin-top: 0px;
	
}
.AnaSayfaSlider > li{
	width: 100%;
	height: 400px;
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
	position: absolute;
	opacity: 0;
	transition: none;
}
.AnaSayfaSlider > li >span{
	display: none;
}
.AnaSayfaSlider > li >a{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.AnaSayfaSlider > i{
	z-index: 6;
	cursor: pointer;
	position: absolute;
	font-size:60px;
	color: #339aa1;
	margin-top: 170px;
	opacity: 0;
	transition: all 400ms ease;
	text-shadow: 0px 5px 7px #888;
}
.AnaSayfaSlider > #SliderGeriButton{
	left:0%;
	margin-left: 0px;
	
}
.AnaSayfaSlider > #SliderIleriButton{
	right: 0%;
	margin-right: 0px;
}
.AnaSayfaSlider:hover #SliderGeriButton{
	margin-left: 40px;
	opacity: 0.7;
}
.AnaSayfaSlider:hover #SliderIleriButton{
	margin-right: 40px;
	opacity: 0.7;
}
.SliderYukleniyor{
	position: absolute;
	width: 0%;
	height: 2px;
	background-color: rgba(125,94,156,0.50);
	z-index: 2;
}
.kkHata{
	color: #FF0000;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
		.kurumsalMenu span{
			background-color: #EEE;
			border-bottom:1px solid #DDD;
			display: none;
			width: 100%;
			text-align: center;
			padding: 15px 0px;
			color: #359ca3;
		}
		.kurumsalMenu i{
			margin-left: 20px;
		}
			.hesabim > div:first-child{
		width: 248px;
		/*border-right: 2px solid #999;*/
		float: left;
		/*background-color: #BBB;*/
		min-height: 300px;
		/*padding-top: 30px;*/
		/*box-shadow: 5px 0px 10px #CCC;*/
	}
	.hesabim > div:last-child{
		width: calc(100% - 300px);
		float: left;
		min-height: 300px;
		margin-left: 50px;
	}
	.hesabim > div > a i{
		color:#EEE;
		margin-right: 10px;
		text-shadow: 0px 2px 4px #888;
	}
	.hesabim > div > a:first-child{
		/*border-top:1px dashed #AAA;*/
	}
	.hesabim > div > a{
		font-size: 11pt;
		display: block;
		padding: 12px 20px;
		color:#07585E;font-weight: bold;
		/*text-shadow: 0px 2px 3px #555;*/
		text-decoration: none;border-bottom:1px dashed #79AFB3;
	}
	.hesabim > div > a:hover{
		color:#07585E;
		border-bottom:1px dashed #79AFB3;
		background-color: rgba(255,255,255,0.15);
	}
	.hesabim > div > a:hover i{
		color:#04494E;
	}
	.hesabim{
		border: 0px;
    	box-shadow: inherit;
	}
	.hesabimBaslik{
		margin: 10px;
	}
	#hesabim .formGirdisi{
		background-color: #FFF;
	}
	#hesabim form{
		width: 400px;
	}
	form *[type=submit]{
		background-color: #CC0000;
		color:#FFFFFF;
		border:0px;
		padding: 10px 20px;
		border-radius: 5px;
		float: right;
		cursor: pointer;
	}
	form *[type=submit]:hover{
		background-color: #FF0000;
		box-shadow: 0px 5px 5px #CCC;
	}
		#hesabimMenuSecili i{
					color:#04494E;
		
		}
		.siparislerim,.siparislerimDetay{
			margin: 0px;
			padding: 0px;
			width: 100%;
			overflow: hidden;
			
		}
		.siparislerim > li,.siparislerimDetay li{
			list-style: none;
			padding: 10px 20px;
			border:1px solid #DDD;
			margin: 15px 10px;
			background-color: #FFF;
			height: auto;
			overflow: hidden;
			border-radius: 10px;
		}
		.siparislerim > li > div,.siparislerimDetay li > div{
			display: inline-block;
			text-align: center;
			min-width: 70px;
			font-weight: bold;
		}
		.siparislerim > li > div > font,.siparislerimDetay li > div > font{
			color:#888;
			display: block;
			font-size: 10pt;
			font-weight: 100;
		}
		.siparislerim > li > div:nth-child(2){
			text-align: center;
			padding-top: 9px;
			width: calc(100% - 200px);
		}
		.siparislerim > li > div:last-child{
			float: right;
			padding-top: 15px;
		}
		.siparislerim > li a{
			color: #3D799F;
			background-color: #EEE;
			font-weight: bold;
			font-size: 11pt;
			border:1px solid #DDD;
			border-radius: 7px;
			text-decoration: none;
			padding: 5px 10px;
		}
		.siparislerim > li a:hover{
			box-shadow: 0px 3px 7px #CCC;
			background-color: #04494e;
			color: #FFF;
			border: 1px solid #04494e;
		}
		.siparislerim strong{
			padding: 10px;
			color:#AAA;
			text-align: center;
			display: block;
			font-size: 22pt;
		}
		.urunFavorilereEkle[durum=true]{
			background-color: #905AC4;
			
		}
		/*.urunFavorilereEkle[durum=true]:hover{
			background-color: #ABABAB;
			
		}*/
		.urunFavorilereEkle[durum=false]{
			background-color: #ABABAB;
		}
		/*.urunFavorilereEkle[durum=false]:hover{
			background-color: #905AC4;
		}*/
		.siparisDetay{
			border:1px solid #DDD;
			border-radius: 10px;
			background-color: #FFF;
			height: auto;
			overflow: hidden;
			padding: 15px 0px;
			width: calc(33.3% - 32px);
			float: left;
			min-height: 150px;
			margin: 0px 15px;
			}
			.siparisDetay:first-child{
				/*margin-right: 35px;*/
			}
			.siparisDetayDis{
				height: auto;
				overflow: hidden;
			}
		.siparisDetay > div{
			text-align: center;
			font-size: 16pt;
			margin: 15px;
		}
		.siparisDetay > div > font{
			font-size: 12pt;
			color:#AAA;
			display: block;
		}
		.siparislerimDetay{
			margin-top: 50px;
		}
		.siparislerimDetay li > div{
			float: left;
			height: 50px;
			overflow: hidden;
			text-align: left;
		}
		.siparislerimDetay li > div:nth-child(3){
			text-align: center;
			float: right;
		}
		.siparislerimDetay li a{
			text-decoration: none;
			color: #43585e;
		}
		.siparislerimDetay li a:hover{
			text-decoration: underline;
		}
		.siparislerimDetay li > div:first-child{
			width: 70px;
			background-image: url('https://www.nobelcocuk.com/images/mega/versatil-tlg-405-sc-3205-metal-mat-0-5-siyah_6589.jpg');
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
		}
		.mobilMenuIcerik ul{
			padding: 0px;
			margin: 0px;
			float: left;
			width: 100%;max-height: 100%;
			overflow-y: auto;
		}
		.mobilMenuIcerik ul > li{
			list-style: none;
		}
		.mobilMenuIcerik > div{
			margin-top: 50px;
			width: 100%;
		}
		.mobilMenuIcerik ul > li > a{
			display: block;
			padding: 10px 15px;
			text-decoration: none;
			color:#333;
			border-bottom:1px solid #EEE;
		}.mobilMenuIcerik ul > li > a i {
			color: #1d8892;
		}
		.mobilMenuIcerik ul > li:first-child > a{
			border-top:1px solid #EEE;
		}
		.mobilMenuIcerik ul > li > a > i{
			margin-right: 20px;
		}

	.teslimatBilgisiSec{
		position: fixed;
		width: 100%;height: 100%;
		text-align: center;
		background-color: rgba(0,0,0,0.69);
		display: none;
	}
	.teslimatBilgisiSec > div{
		margin-top: 50px;
		display: inline-block;
		border:1px solid #DDD;
		box-shadow: 0px 5px 10px #888;
		height: auto;
		padding: 20px;
		background-color: #FFF;
		
		overflow: hidden;
		overflow-y: auto;
		border-radius: 10px;

		margin-top: 50px;
		height: auto;
		border-radius: 10px;
	}
	
	.AdresSecili{
		float: left;
		width: calc(50% - 20px);
		height: auto;
		border:1px solid #DEDEDE;
		margin-top: 20px;
		margin-right: 8px;
		font-size: 10pt;
		padding: 5px;
	}
	.AdresSecili strong, .AdresSecili font{
		padding: 3px 10px;
		display: block;
	}
	.AdresSecili button{
		width: calc(50% - 10px);
		margin: 4px;
		padding: 10px 0px;
		text-align: center;
		color:#FFF;
		border:0px solid #DDD;
		cursor: pointer;
	}
	.AdresSecili button:hover{
		opacity: 0.8;
	}
	.AdresSecili button:first-child{
		background-color: #9476b5;
	}
	.AdresSecili button:last-child{
		background-color: #8a8a8a;
	}
	.teslimatBilgisiKapat{
		float: right;
		font-size: 20pt;
		cursor: pointer;
		color:#888;
	}
	.teslimatBilgisiKapat:hover{
		opacity: 0.7;
	}
	#yeniAdresEkle{
		display: none;
	}
	.teslimatBilgisiOlustur{
		width: 70%;
		padding: 15px 0px;
		text-align: center;
		font-size: 14pt;
		border: 0px;
		background-color: #dd5078;
		color: #FFF;
		cursor: pointer;
		box-shadow: 0px 3px 7px #AAA;
	}
	.adresSeciliArka{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.teslimatBilgisiSec ul{
		display: block;
		padding: 0px;
		margin-top: 30px;
		max-height: 360px;
		overflow-y: auto;
	}
	.teslimatBilgisiSec li{
		padding: 10px;
		margin: 10px;
		list-style: none;
		border:1px solid #DDD;
		width: 250px;
		cursor: pointer;
	}
	.teslimatBilgisiSec li:hover{
		background-color: #EEE;
	}
	.teslimatBilgisiSec li strong, .teslimatBilgisiSec li font{
		display: block;
		text-align: left;
	}
	.teslimatBilgisiSec li font{
		font-size: 10pt;
	}
	.girisYapInputDiv{
		width: 600px;
		margin: auto;
	}
/*-------------------------*/
			.siparisOnay{
		padding: 25px 0px;
		text-align: center;
		background-color: #FFF;
	}
	.siparisOnay strong{
		display: block;
		font-size: 22pt;
		text-align: center;
		color:#1D8892;
	}
	.siparisOnay .fa-check-circle{
		font-size: 55pt;
		color:#1D8892;
	}

	.siparisOnay > *{
		margin-top: 20px;
	}
	.siparisOnay a{
		padding: 12px 20px;
		background-color: #1D8892;
		text-decoration: none;
		color:#FFF;
		border-radius: 5px;
		margin: auto;
		margin-top: 30px;
		display: block;
		width: 200px;
		box-shadow: 0px 5px 7px #AAA;
	}
	.siparisOnay a:hover{
		background-color: #279FAA;
	}
	.siparisNo{
		font-size: 16pt;
		padding: 20px 50px;
		border:1px solid #CCC;
		border-radius: 10px;
		display: inline-block;
		background-color: #219F17;
		margin-top: 20px;
		box-shadow: 0px 5px 10px #AAA;
	}
	.siparisNo:hover{
		background-color: #30B126;
	}
	.siparisNo > font:last-child{
	/*	font-weight: bold;*/
		//color:#14840B;
	}.siparisNo > font{
		color:#FFF;
	}
	.siparisOnayUst{
		background-color: #FFF; box-shadow: 0px 5px 10px #AAA; margin-top: -10px;
		margin-bottom: 50px;
	}
	.tukendi{
		background-color: #a2a2a2;
		color: #FFF;
		padding-right: 20px;
		border-radius: 10px;
		font-size: 14pt;
		margin: 0px 10px;
		box-shadow: 0px 5px 10px #BBB;
		font-family: "Baloo Bhai";
		float: left;
		padding: 9px 0px;
		width: 300px;
		text-align: center;
	}
		button.tukendiDugme,button.tukendiDugme:hover{
			background-color: #a2a2a2;
			color:#FFF;
			box-shadow:none;
		}
		.siparisTakip{
			text-align: center;
		}
		.siparisTakip strong{
			margin: 30px 0px;
			display: block;
			text-align: center;
			font-size: 26pt;
			font-family: baloo bhai;
			color: #359ca3;
		}
		.siparisTakip input{
			border: 1px solid #DDD;
			border-radius: 10px;
			padding: 15px 20px;
			font-size: 20pt;
			box-shadow: 0px 5px 7px #DDD;
			text-align: center;
		}
		.siparisTakip button{
			display: block;
			margin: auto;
			margin: 40px auto;
			border: 0px;
			background-color: #dc4d75;
			border-radius: 10px;
			padding: 15px 25px;
			color: #FFF;
			font-family: baloo bhai;
			font-size: 18pt;
			box-shadow: 0px 5px 7px #CCC;
			cursor: pointer;
		}
		.siparisTakip button:hover{
			background-color: #EC5C84;
		}
		/*-----KATEGORİLER------*/
	.kategoriler ul li{
		list-style: none;
	}
	.kategoriler > ul > li{
		display: block;
		float: left;
		list-style: none;
		padding: 30px;
		width: calc(33% - 62px);
		border-right:1px solid #DDD;
	}
	.kategoriler > ul > li:last-child{
		border-right:0px solid #DDD;
	}
	.kategoriler >  ul > li ul{
		padding-left: 50px;
		
	}
	.kategoriler ul li a{
		display: block;
		width: 100%;
		padding: 10px 0px;
		/*padding-top: 180px;*/
		/*height: 50px;*/
		text-decoration: none;
		color:#333;
		color:#2d2c2e;
		text-shadow: 0px 1px 1px #FFF;
		transition: all 0.3s ease;
		font-weight: bold;
	}
	.kategoriler ul li a:hover{
		color:#1d8892;
		
	}
	.kategoriler ul li a:hover i{
		transform: rotateX(180deg);color:#1d8892;
	}
	.kategoriler ul li a i{
		transition: all 0.3s ease;
		color:#dd5178;
	}
	.kategoriler > ul > li > div {
		height: 250px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}