@charset "utf-8";
.jssorb051 .i {
  position: absolute;
  cursor: pointer
}
.jssorb051 .i .b {
  fill: #fff;
  fill-opacity: .5;
  stroke: #000;
  stroke-width: 400;
  stroke-miterlimit: 10;
  stroke-opacity: .5
}
.jssorb051 .i:hover .b {
  fill-opacity: .7
}
.jssorb051 .iav .b {
  fill-opacity: 1
}
.jssorb051 .i.idn {
  opacity: .3
}
.jssora051 {  top:-104px !important;
  display: block;
  position: absolute;
  cursor: pointer
}
.jssora051 .a {
  fill: none;
  stroke: #fff;
  stroke-width: 360;
  stroke-miterlimit: 10
}
.jssora051:hover {
  opacity: .8
}
.jssora051.jssora051dn {
  opacity: .5
}
.jssora051.jssora051ds {
  opacity: .3;
  pointer-events: none
}

.bannerYazi   {opacity:1;;
 
}

.bannerYazi h1 {
  position: absolute;
  width: 480px;
  height: auto;
  top: 232px;
  left: 430px;
  padding: 5px;
  text-align: left;
  font: 32px Gilroy-Regular;
  color: #4a4a4a
}
.bannerYazi h1 span.mobilbanner-title {
  font-family: 'Gilroy-Bold'
}
.mobilbanner-aciklama {
  font: 16px Gilroy-Light; opacity: 0;
  position: absolute;
  width: 480px;
  height: 120px;
  top: 330px;
  left: 430px;
  padding: 5px;
  text-align: left;
  color: #4a4a4a
}
.bannerYazi h1.ban8 {
  left: 1000px !important
}
.mobilbanner-aciklama.ban8 {
  left: 1000px !important
}


.mobilbanner-urun-box{opacity: 1;  position: absolute; display: flex; flex-direction: column;  width: 100%;  height: 390px;  top: 64px;  left: 36px;  text-align: left; z-index: 0;}

 
 

.mobilbanner-urun-title-1{  position: relative;  float: left;  width: 100%;  height: auto;  text-align: left;  font: 32px Gilroy-Bold;line-height: 36px;  color: #fff;  margin-bottom: 10px}

 
.mobilbanner-urun-title-1::after{	content: ''; left: 4px; bottom: -16px;	position: absolute; width: 112px; height: 8px; background-color:#ffd842; border-radius: 4px; }


.mobilbanner-urun-title-2{  position: relative;  float: left;  width: 100%;  height: 30px;  text-align: left;  font:18px Gilroy-Regular;  color: #000;margin-top: 9px;  margin-bottom: 9px}

 
.bannerUrunYazi .aciklama {  font: 15px Gilroy-Light;  position: relative;  float: left;  width: 480px;  height: 60px;margin-bottom: 16px;  text-align: left;  color: #000;
}
.mobilbanner-incele-btn {display: flex; align-items: center; justify-content: center;  width: 120px;  height: 36px;  background-color: transparent;  font: 15px Gilroy-Bold;margin-top: 24px; border-radius: 4px;	border: 2px solid #fff;  color: #fff;  text-align: center}
 

 
 

.mobilbanner-btn-color-1 { border: 2px solid #fff;  color: #fff;}
.mobilbanner-btn-color-2 { border: 2px solid #000;  color: #000;}







 
  .mobilbanner-btn-title{position: absolute; top: 0;width: 100%; height: 36px;display: flex; justify-content: center;align-items: center;font: 15px 'Gilroy-Regular';  left: 0;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.mobilbanner-btn-title.mobilbanner-btn-title-1{color: #fff;}
.mobilbanner-btn-title.mobilbanner-btn-title-2{color: #000;}

  .mobilbanner-btn-ok{ position: absolute;width: 68px; height: 14px;  top: 14px;left: 16px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;   background-size: 68px 14px;background-repeat: no-repeat; background-position: center;}

   .mobilbanner-btn-ok.mobilbanner-btn-ok-1{ background-image: url("banner-btn-ok-1.svg");}
 .mobilbanner-btn-ok.mobilbanner-btn-ok-2{ background-image: url("banner-btn-ok-2.svg");}
 









.name-color-1,.aciklama-color-1{color: #fff;}
.name-color-2,.aciklama-color-2{color: #000;}
.cizgi-color-1{ background-color:#ffd842; }
.cizgi-color-2{ background-color:#fffff; }
.cizgi-color-3{ background-color:#000; }



@media (min-width: 1281px) and (max-width: 1366px) 
{
	.mobilbanner-urun-box{top: 74px;}
	.mobilbanner-urun-title-1{    font: 51px Gilroy-Bold;line-height: 55px;   }
	.mobilbanner-urun-title-2{    font: 20px Gilroy-Regular;  margin-top:26px;  margin-bottom: 26px}
	.bannerUrunYazi .aciklama {  font: 14px Gilroy-Light;   margin-bottom: 14px;   }
	.mobilbanner-incele-btn {  font: 22px Gilroy-Bold;margin-top: 30px; }
}

@media (min-resolution: 160dpi) and (min-width: 1367px)  
{
		.mobilbanner-urun-box{top: 74px;}
		.mobilbanner-urun-title-1{    font: 51px Gilroy-Bold;line-height: 55px;   }
	.mobilbanner-urun-title-2{    font: 20px Gilroy-Regular;  margin-top:26px;  margin-bottom: 26px}
	 
}

@media (min-width: 1025px) and (max-width: 1280px) 
	{
		#slide_number_1{top: 11px !important;}
		.mobilbanner-urun-box{top: 50px;}
			.mobilbanner-urun-title-1{    font: 44px Gilroy-Bold;line-height: 48px;   }
		.mobilbanner-incele-btn{margin-top: 20px;}
}

	@media (min-width: 801px) and (max-width: 1024px) 
	{
				#slide_number_1{top: 11px !important;}
	.mobilbanner-urun-box{top: 74px;}
	.mobilbanner-urun-title-1{    font: 51px Gilroy-Bold;line-height: 55px;   }
	.mobilbanner-urun-title-2{    font: 20px Gilroy-Regular;  margin-top:26px;  margin-bottom: 26px}
	.bannerUrunYazi .aciklama {  font: 14px Gilroy-Light;   margin-bottom: 14px;   }
	.mobilbanner-incele-btn {  font: 22px Gilroy-Bold;margin-top: 30px; }
}
		
}

	@media (min-width: 481px) and (max-width: 800px) 
 {}