/* ff6600 */

/* #kareürün ara */

*:focus {outline: none;}
a{text-decoration:none;}

.goster{display:block}
.gizle{display:none}

.urunCabKare {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.urunCabListe {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.switcherCab{
	//border:1px solid black;
	width:70vw;
	margin:0 auto;
}

#switcher [type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
#switcher [type=radio] + img {
  cursor: pointer;
  width:2vw;
  margin-left:1vw;
  opacity:.3;
}
#switcher [type=radio]:checked + img {
	opacity:.7;
}
#switcher {
	position:relative;
	width: auto;
	float:right;
	//border:1px solid green;
}

.urunKutu,.urunKutuic {
	width: 17vw;
	height: 17vw;/* #kareürün dikey:17vw kare:23vw*/
	text-align:center;
}
.urunKutu-u,.urunKutuic-u {height: 23.3vw;}/*kareürün dikey*/

.urunKutu {
	margin:1.2vw;
	border:0px solid #ccc;
	cursor: pointer;
	overflow:hidden;
	background-color:#fff;
	transition: transform 0.5s ease;
}
.urunKutuic {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-start; /* #kareürün için flex-end:resim aşada, dikey için: flex-start:resim yukarda */
}
.urunKutuic img{width:100%}
/*.urunKutuic img:hover{filter: contrast(120%);transform: scale(1.05);transition: transform 0.5s ease;}*/
.urunKutu:hover .urunKutuic img{filter: contrast(120%);transform: scale(1.05);transition: transform 0.5s ease;}

.projeKutu,.projeKutuic {width: 25vw;}
.hizmetKutu,.hizmetKutuic {width: 28vw;}

.urunKutuicFiyat {
	width: 100%;
	position: absolute;
	top:17vw; /* #kareürün dikey:16.5vw kare:-.8vw */
	font-size:1.6vw;
	line-height:1.2;
	text-align:center;
	z-index:1;
	padding:0;
	color:#66cc00;
	font-weight:600;
	//text-shadow: 0px 0px 7px #000,0px 0px 7px #000,0px 0px 7px #000,0px 0px 7px #000;
}
.urunKutuicAd {
	width: 100%;
	height: 3.3vw;
	position: absolute;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 0;
	background-color:rgba(0,0,0,0.7); /* #kareürün için bunu aktif et */
	backdrop-filter: blur(5px);
	-moz-backdrop-filter: blur(5px);
	pointer-events: none;
}

.urunKutuicAd p {
	color:#fff;/* var(--r) */
	font-size:1vw;
	text-align:center;
	font-weight:600;
	text-decoration: none;
	line-height: 1.2;
	padding:0 .3vw 0 .3vw;
}
.urunKutuicAd-u{background-color:rgba(255,255,255,1)}
.urunKutuicAd-u p{color:#666;font-size:1.1vw;}
.anibox, .anibox2 {
	width:100%;
	height:100%;
}
.urunKutuicFiyat-u{background-color:rgba(255,255,255,0)}
.urunKutuicKargo {
	width: 100%;
	position: absolute;
	top:18.5vw; /* #kareürün dikey:16.5vw kare:-.8vw */
	line-height:1;
	text-align:center;
	z-index:1;
	padding:0;
	color:#000;
	font-weight:500;
	//background-color:rgba(255,255,255,1);
	//text-shadow: 0px 0px 7px #000,0px 0px 7px #000,0px 0px 7px #000,0px 0px 7px #000;
}
.caroKargo{
	text-align:center;
	opacity:.75;
	font-size:1.2vw;
}
.caroKargo img{
	width:1.8vw;
	vertical-align:middle;
}
.anibox {
	border: none; /*önemli*/
	position: relative;
	padding: 0px;
	cursor:pointer
}

.anibox1:before, .anibox1:after, .anibox1 > .anibox2:before, .anibox1 > .anibox2:after {
  content: '';
  position: absolute;
}

.sepetTabloDiv{
	font-size:1.4vw;
	margin-left: auto;
	margin-right: auto; 
	display: table;
	max-width: 98%;
	color:#333;
}

.sepetTabloDiv a{color:#333;}

.sepetTabloDiv b {
  font-weight: 400;
  color:#bbb;
}

table.sepetTablo{
	border-collapse: collapse;
	border-style: hidden;
	width:100%;
	-moz-border-radius: 1vw;
	-webkit-border-radius: 1vw;
	-khtml-border-radius: 1vw;
	border-radius: 1vw;
	-webkit-box-shadow: .2vw .2vw .9vw rgba(0,0,0,.4); 
	-moz-box-shadow: .2vw .9vw .7vw rgba(0,0,0,.4);
	box-shadow: .2vw .2vw .9vw rgba(0,0,0,.4);
	overflow: hidden;
	background-color:#fff;
	}
	
.sepetTablo th, .sepetTablo td {
	border:1px solid #f2f2f2;
	vertical-align:middle;
	padding:1vw;
}

.sepetTablo tr:hover {
	background-color:#f7f7f7
}

.sepetTablo th{
	font-size:1.2vw;
	color:#aaa;
	font-weight:300;
}

.sepetSil{
	width:1.6vw;
	vertical-align:middle;
}

.sepetTabloDiv select {
    border: none;
    outline: none;
	font-size:1.4vw;
	text-align:center;
	scroll-behavior: smooth;
}

.durumcubukCab{
	width:70vw;
	height:5vw;
	position:relative;
	display:block;
	margin:0 auto;
	z-index:1;
	font-size:1vw;
	//border: 1px solid red;
}
.durumcubuk{counter-reset: step;} /* otomatik rakam say */
.durumcubuk li{ /*3 adet dış cab*/
	list-style-type:none;
	float:left;
	width:25%;	/*100 bölü sekme sayısı */
	position:relative;
	text-align:center;
	margin:0 auto 0 auto;
}
.durumcubuk li:before{ /* daire */
	content: counter(step);/* otomatik rakam say */
	counter-increment: step;/* otomatik rakam say */
	width:2.2vw;
	height:2.2vw;
	line-height:2.2vw;
	border: 0.366vw solid #ddd;
	display:block;
	text-align:center;
	margin: 0 auto;
	border-radius: 50%;
	background-color:white;
	-moz-box-shadow:inset 3px 3px 6px -3px #000;
	-webkit-box-shadow:inset 3px 3px 6px -3px #000;
	box-shadow:inset 3px 3px 6px -3px #000;
}

.durumcubuk li:after{ /* çubuk */
	content: '';
	position: absolute;
	Width: 100%;
	height: 0.732vw;
	background-color: #ddd;
	top: 1.1vw;
	left: -50%;
	-moz-box-shadow:inset 3px 3px 6px -3px #000;
	-webkit-box-shadow:inset 3px 3px 6px -3px #000;
	box-shadow:inset 3px 3px 6px -3px #000;
	z-index: -2;
}
.durumcubuk li:first-child:after{/*ilk dairenin solundaki barı sil*/
	content: none;
}
.durumcubuk li.active{ /*aktifin yazıları*/
	color:var(--r);
}
.durumcubuk li.active:before{/*aktif daire rengi*/
	border-color:var(--r);
}
.durumcubuk li.active + li:after{/*aktiften sonraki bar rengi*/
	background-color:var(--r);
	z-index: -1;
}

.sepetUrunImg{width:5vw;}
.uad{font-size:1.4vw;}
/*ÜST*/
.anibox1:before{border-top:0.3vw solid var(--r);left:0;right:100%;top:0;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);-moz-transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);-o-transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);-webkit-transition-duration:140ms;-moz-transition-duration:140ms;-o-transition-duration:140ms;transition-duration:140ms;-webkit-transition-delay:0ms;-moz-transition-delay:0ms;-o-transition-delay:0ms;transition-delay:0ms;z-index:2;}.anibox1:hover:before{right:0%;}.anibox1:not(:hover):before{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:2s;-moz-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s;}/*SAĞ*/.anibox1 .anibox2:after{border-right:0.3vw solid var(--r);top:0;bottom:100%;right:0;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);-moz-transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);-o-transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);-webkit-transition-duration:140ms;-moz-transition-duration:140ms;-o-transition-duration:140ms;transition-duration:140ms;-webkit-transition-delay:140ms;-moz-transition-delay:140ms;-o-transition-delay:140ms;transition-delay:140ms;z-index:2;}.anibox1:hover .anibox2:after {bottom: 0%;}.anibox1:not(:hover) .anibox2:after{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:2s;-moz-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s;}/*ALT*/.anibox1:after{border-bottom:0.3vw solid var(--r);left:100%;right:0;bottom:0;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);-moz-transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);-o-transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);-webkit-transition-duration:140ms;-moz-transition-duration:140ms;-o-transition-duration:140ms;transition-duration:140ms;-webkit-transition-delay:400ms;-moz-transition-delay:400ms;-o-transition-delay:400ms;transition-delay:400ms;z-index:2;}.anibox1:hover:after{left: 0%;}.anibox1:not(:hover):after{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:2s;-moz-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s;}/*SOL*/.anibox1 .anibox2:before{border-left: 0.3vw solid var(--r);top: 100%;bottom: 0;left: 0;-webkit-transition-property: all;-moz-transition-property: all;-o-transition-property: all;transition-property: all;-webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);-moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);-o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);-webkit-transition-duration: 140ms;-moz-transition-duration: 140ms;-o-transition-duration: 140ms;transition-duration: 140ms;-webkit-transition-delay: 600ms;-moz-transition-delay: 600ms;-o-transition-delay: 600ms;transition-delay: 600ms;z-index:2;}.anibox1:hover .anibox2:before{top: 0%;}.anibox1:not(:hover) .anibox2:before{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:2s;-moz-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s;}.tekniktablo{	position:relative;	width:auto;	margin:0 auto;	white-space:nowrap;}table.gr {  border-collapse: collapse;  margin: 0;  padding: 0;  width: 100%;  //table-layout: fixed;}table.gr tr {	border: 1px solid #ddd;	text-transform: capitalize;}table.gr th {	color:#fff;	text-align: center;	background-color: var(--r);	text-transform: uppercase;}table.gr td {	color:#000;	text-align: center;	background:#eee url('../i/table.png') repeat-x;	background-size: 1.2vw 2.8vw;}table.gr td:first-child {	text-align: left;}table.gr th,table.gr td {	padding:.2vw 1vw .2vw 1vw;	font-size: 1vw;}table.gr tr:hover td{	color:#fff;	background:var(--r);}table.gr img{width:2vw;vertical-align:middle;}
.markaResim{position:absolute;top:8vw;right:3vw;width:9vw;height:6vw;overflow:hidden;-webkit-box-shadow:.2vw .2vw .2vw rgba(0,0,0,.2);-moz-box-shadow:.2vw .2vw .2vw rgba(0,0,0,.2);box-shadow:.2vw .2vw .2vw rgba(0,0,0,.2);z-index:3;}
.markaResim img{width:100%;}
.blogIcResim {width:40%; float:left; margin-right:3vw; margin-bottom:3vw;}

@media screen and (max-width: 799px) {
	#switcher [type=radio] + img {width:7vw;margin:1vw;}	#switcher {margin:0 auto; text-align:center; float:none;}	.urunKutu,.urunKutuic {width:44vw; height:44vw;}
	.urunKutu-u,.urunKutuic-u {height:64vw}	.urunKutu {margin:3vw}
	.projeKutu,.projeKutuic{width:44vw;height:39vw}
	.hizmetKutu,.hizmetKutuic {width:44vw;height:32vw}
	.urunKutuicKargo {top:49vw}
	.caroKargo{font-size:3.6vw}
	.caroKargo img{width:5vw}
	.urunKutuicAd{height:10vw;}
	.urunKutuicAd p, .urunKutuicAd-u p{font-size:3vw;padding:0 1vw 0 1vw;}
	.urunKutuicFiyat{top: 44vw;font-size:6vw;}	table.gr thead {		border: none;		clip: rect(0 0 0 0);		//height: 1px;		//margin: -1px;		overflow: hidden;		padding: 0;		position: absolute;		//width: 1px;	}	table.gr tr {		border-bottom: 3px solid #bbb;		display: block;		margin-bottom: 8vw; /*tablolar arası boşluk*/	}	table.gr td {		border-bottom: 1px solid #bbb;		display: block;		font-size: .8em;		text-align: right;	}	table.gr td::before {		content: attr(data-label);		float: left;		text-transform: uppercase;	}	table.gr td:first-child {		text-align: right;	}	table.gr td:last-child{border-bottom: 0;}	table.gr td{		font-size:3vw;		padding:1.5vw;		background-size: 1px 4.5vw;	}	table.gr tr:hover td{		color:#000;		background:#eee url('../i/table.png') repeat-x;		background-size: 1px 4.5vw;	}	table.gr img{width:5vw;vertical-align:middle;}	table.gr th{display:none;}	.markaResim{width:15vw;height:10vw;left:5.2vw;top:28vw;}
	.durumcubukCab{width:98vw;height:10vw;font-size:2.2vw;}
	.durumcubuk li:before{ /* daire */
		width:5vw;
		height:5vw;
		line-height:5vw;
		border: .5vw solid #ddd;
	}
	.durumcubuk li:after{ /* çubuk */
		height: 2vw;
		top: 2.2vw;
	}
	.sepetTabloDiv{font-size:3vw;}
	.sepetTabloDiv select{font-size:3vw;}
	.sepetTablo th{font-size:2vw;}
	.sepetSil{width:4vw;}
	.sepetUrunImg{width:15vw;}
	.uad{font-size:3vw;}
}