.genelslayt, .ucleme, .dortleme, .serbest-mod { width: 100%; height: auto; position:relative; overflow:hidden }
.ucleme {width:140%; margin-left:-20%; margin-right:-20%;}

.dortleme {width:100%; margin-left:auto; margin-right:auto}

.genelslayt .swiper-wrapper { white-space: nowrap;font-size:0;display: block; }
.genelslayt.yapilmadi .swiper-wrapper, .genelslayt.isibitti .swiper-wrapper {white-space: normal; font-size: inherit}

.swiper-wrapper .swiper-slide div  {white-space:normal !important;}
.genelslayt .swiper-slide { display: inline-block; position:relative; font-size:14px; vertical-align:top; box-sizing: border-box}
.genelslayt .swiper-slide + br {display: none}
.genelslayt.yapilmadi .swiper-slide {display: block;}
/*.genelslayt.serbest-slayt .swiper-slide {width: auto !important} */
.safari .genelslayt.urunfoto-slide .swiper-slide {overflow:auto;-webkit-overflow-scrolling: touch;}
.anaslayt.genelslayt .swiper-slide {vertical-align:top}
.lookbook-slayt.genelslayt .swiper-slide {text-align: center; vertical-align: middle}
.lookbook-slayt.genelslayt .swiper-slide div {text-align: left}
.urunfoto-slide.genelslayt .swiper-slide {vertical-align:middle}

.genelslayt.isibitti .yonerge, .genelslayt.isibitti ~ .yonerge {display: none !important}

.genelslayt .sayfaG {max-width:1140px; position:relative; white-space:normal}



.sayfalama-slayt {text-align: center; padding: 5px 0}
.sayfalama-slayt > span {display:inline-block; width:16px; height:16px; background:#ffffff; cursor:pointer;text-align:center; border-radius: 50%; border:1px solid #5d5d5d; position: relative; z-index: 1}
.sayfalama-slayt > span:before {content: ""; display: block; position: absolute; z-index: 1; width: 78%; height: 80%; border-radius: 50%; background-color: #333333; left: 10%; top: 10%}
.sayfalama-slayt > span:hover, .sayfalama-slayt > span.swiper-pagination-bullet-active {border-color: #E566B4;}
.sayfalama-slayt > span:hover:before, .sayfalama-slayt > span.swiper-pagination-bullet-active:before {background-color:#E566B4 }
.sayfalama-slayt > span + span {margin-left: 10px}

div[class*=slide-kabuk], article[class*=slide-kabuk] {position: relative; z-index: 0}

.yonerge {position:absolute; z-index:21; left:0; top:calc(50% - 23px); height:0; overflow:visible; right:0}

.yonerge > a {display: inline-block; width: 26px; height: 46px; background-color: #bababa;color:#FFFFFF; font-size:0; text-indent:-999em; overflow:hidden; -webkit-mask:  url(gorsel/ok.svg) no-repeat;
    mask: url(gorsel/ok.svg) no-repeat 50% 50%;}
	
.ie .yonerge > a, .firefox .yonerge > a {background: transparent url(gorsel/ok-gri.svg) center center no-repeat; background-size: auto 70%}

.yonerge > a.geri {transform: rotate(-180deg)}

.yonerge > a + a {float:right}

.yonerge.mini {top:calc(50% - 10px)}
.yonerge.mini > a {width: 12px; height: 20px;}
.yonerge.mini.dar {left: auto; width: 28px}

.anaslayt .yonerge {top:calc(50% - 12px)}
.anaslayt .yonerge > a {background-color: #ffffff;}
.ie .anaslayt .yonerge > a, .firefox .anaslayt .yonerge > a {background:transparent url(gorsel/ok.svg) center center no-repeat; }

.genelslayt.yapilmadi .yonerge, .genelslayt.yapilmadi .sayfalama-slayt {display: none}

.genelslayt.uygulanmadi .swiper-wrapper {white-space: normal; margin-left: -3px; margin-right: -3px}
.genelslayt.uygulanmadi .swiper-wrapper > .swiper-slide {margin: 3px}
.renkSecenekleri .ozellik-slayt.genelslayt.uygulanmadi {width: 100%}

	
@media only screen and (min-width: 1024px) {
	.ozellik-slayt.genelslayt.uygulanmadi .swiper-slide {width:calc(14.2857% - 6px);box-sizing: border-box}
	.ozellik-slayt.genelslayt.uygulanmadi .yonerge, .ozellik-slayt.genelslayt.uygulanmadi .urunozellik-sayfalama {display: none}
	}

@media only screen and (max-width: 1024px) {
	.yonerge {display:none}
	
	}


@media only screen and (max-width: 768px) {
	.anaslayt .sayfalama-slayt {width:100%}
	.sayfalama-slayt > span {width:8px; height: 8px; border-radius: 50%;border-color: #ffffff}
	.sayfalama-slayt > span:before {width: 4px; height: 4px; border-radius: 50%; left: 2px; top: 2px}
	.sayfalama-slayt > span + span {margin-left: 2px}
}

@media only screen and (max-width:668px) {
	.anaslayt.genelslayt .swiper-slide {vertical-align:top}

}