* { box-sizing: border-box; }

.grid{
margin: 0 auto;
}

.grid:after {
  content: '';
  display: block;
  clear: both;
}


/* LIST SIMPLE */

.grid .list_simple{
	position: relative;
	width: 168.5px;
	height: 116px;
	margin-bottom: 8px;
	float: left;
	overflow: hidden;
	cursor: pointer;

	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px; /* future proofing */
	-khtml-border-radius: 9px; /* for old Konqueror browsers */
}

.grid .list_simple .header{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background: #AECA0F;

	font-family: 'Geogrotesque-Bold';
	font-size: 19px;

	z-index: 800;
	padding: 5px 0;

	min-height: 38px;
	transition: min-height 0.4s ease-out;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" !important;
	filter: alpha(opacity=90) !important;
	opacity: 0.9 !important;
}

.grid .list_simple .header span{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
	filter: alpha(opacity=0) !important;
	opacity: 0 !important;
}

.grid .list_simple .header_field{
	position: absolute;
	font-family: 'Geogrotesque-Bold';
	width: 100%;
	top: 0;
	left: 0;
	font-size: 19px;
	text-align: center;
	font-weight: bold;
	color: white;
	z-index: 900;
	padding: 5px 0;
	margin-top: 0;
	transition: margin-top 0.4s ease-out;
}

@-moz-document url-prefix() {
	.grid .list_simple .header_field{
		font-weight: normal;
	}

	.grid .list_product .header_field span{
		font-weight: normal;
		font-family: "Geogrotesque-Bold" !important;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale; /* Default: auto */
		
		text-rendering: optimizeLegibility !important;
		-webkit-font-smoothing: antialiased !important;
	}

	.grid .list_product .footer .price{
		font-weight: normal;
	}
}

.grid .list_simple img{
	width: 100%;
	height: 100%;
}

.grid .list_simple:hover .header{
	min-height: 100%;
	transition: min-height 0.4s ease-in;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important;
	filter: alpha(opacity=70) !important;
	opacity: 0.7 !important;
}

.grid .list_simple:hover .header_field{
	margin-top: 7%;
	transition: margin-top 0.4s ease-in;
}


/* LIST HOMEGRID */

.grid .list_homegrid{
	position: relative;
	width: 168.5px;
	height: 116px;
	margin-bottom: 8px;
	overflow: hidden;
	cursor: pointer;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px; /* future proofing */
	-khtml-border-radius: 9px; /* for old Konqueror browsers */
}

.grid .list_homegrid .header{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background: #AECA0F;

	font-family: 'Geogrotesque-Bold';
	font-size: 19px;

	z-index: 800;
	padding: 5px 0;

	min-height: 38px;
	transition: min-height 0.4s ease-out;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" !important;
	filter: alpha(opacity=90) !important;
	opacity: 0.9 !important;
}

.grid .list_homegrid .header span{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
	filter: alpha(opacity=0) !important;
	opacity: 0 !important;
}

.grid .list_homegrid .header_field{
	position: absolute;
	font-family: 'Geogrotesque-Bold';
	width: 100%;
	top: 0;
	left: 0;
	font-size: 19px;
	text-align: center;
	font-weight: bold;
	color: white;
	z-index: 900;
	padding: 5px 0;
	margin-top: 0;
	transition: margin-top 0.4s ease-out;
}

.grid .list_homegrid .img{
	width: 100%;
	height: 100%;
}

.grid .list_homegrid:hover .header{
	min-height: 100%;
	transition: min-height 0.4s ease-in;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important;
	filter: alpha(opacity=70) !important;
	opacity: 0.7 !important;
}

.grid .list_homegrid:hover .header_field{
	margin-top: 7%;
	transition: margin-top 0.4s ease-in;
}

/* LIST PRODUCT */

.grid .list_product{
	position: relative;
	width: 168.5px;
	height: 290px;
	margin-bottom: 8px;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #9f9f9f;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px; /* future proofing */
	-khtml-border-radius: 9px; /* for old Konqueror browsers */
}


.grid .list_product .subcont{
	position: relative;
	text-align: left;
}

.grid .list_product .subcont .discounted{
	position: absolute;
	right:0;
	top: 50px;
	width: 32px;
	height: 51px;
	z-index: 9999;
}

.grid .list_product .subcont .discounted .discountedimg{
	width: 32px;
	height: 51px;
}


.grid .list_product .subcont .stoklu{
	position: absolute;
	right:0;
	top: -112px;
	width: 50px;
	height: 62px;
}

.grid .list_product .subcont .hava_kargo{
	position: absolute;
    left: 4px;
    top: -111px;
    width: 50px;
    height: 53px;
}

.grid .list_product .subcont .powerbank{
	position: absolute;
	height: 28px;
	left: 0;
	bottom: 53px;
}

.grid .list_product .subcont .powerbank .powerbank_mah_sol{
	width: 20px;
	height: 22px;
}

.grid .list_product .subcont .powerbank .powerbank_mah_sag{
	width: 20px;
	height: 22px;
}

.grid .list_product .subcont .infobox{
	padding: 0;
	height: 22px;
}

.grid .list_product .subcont .infobox .kp{
	font-size: 12px;
	color: #F99030;
	background: #fff;
	opacity: 0.8;
	border-radius: 5px;
}

.grid .list_product .subcont .infobox li{
	display: inline;
	height: 22px;
}

.grid .list_product .icerikis{

}
.grid .list_product .icerikis img{

}
.grid .list_product .icerikis span{

}


.grid .list_product:hover .header_field{
	margin-top: 0;
}
.grid .list_product:hover .img{
	width: 90%;
	transition: width 0.2s ease-out;
}
.grid .list_product .img{
	width: 85%;
	height: auto !important;
	margin-top: 38px;
	transition: width 0.2s ease-out;
}

.grid .list_product .footer{
	position: absolute;
	width: 100%;
	bottom: 0;
	font-size: 13px;
	left: 0;
	z-index: 900;
	background: #2E7E35;
	text-align: center;
	font-weight: bold;
	padding: 1px 0;
	color: white;
}

.grid .list_product .footer .price{
	font-family: 'Geogrotesque-Bold';
	font-size: 18px;
    border-bottom: 1px dashed #fff;
}
.grid .list_product .footer .price .fiyatx{
	font-family: 'Geogrotesque-Bold';
	font-size: 14px;
	text-decoration:line-through;
	color:#ff0000;
	margin: 0 4px 0 0;
}
.grid .list_product .footer .price .yerine{
	font-size: 12px;
	margin: 0 3px;
	color: #e0e0e0;
}
.grid .list_product .footer .price .para_birimi{
	font-family: 'TRY';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.grid .list_product .footer .price .fiyat_indirimli{
	font-size: 14px;
}
.grid .list_product .footer .code{
	font-family: 'Geogrotesque-Regular';
	font-size: 11px;
	margin-bottom: 2px;
	padding: 4px 0 2px 0;
}
.grid .list_product .header{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background: none;

	font-family: 'Geogrotesque-Bold';
	font-size: 13px;

	z-index: 800;
	padding: 5px 0;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" !important;
	filter: alpha(opacity=90) !important;
	opacity: 0.9 !important;
}
.grid .list_product .header_field{
	display: table; 
	position: absolute;
	font-family: 'Geogrotesque-Bold';
	width: 100%;
	min-height: 40px;
	top: 0;
	left: 0;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	z-index: 900;
	padding: 5px 0;
}
.grid .list_product .header_field span{
      display: table-cell;
	  font-family: 'Geogrotesque-Bold';
      vertical-align: middle;
	  padding: 0 12px;
	  line-height: 1.2;
	  color: #2E7E35;
}
.grid .list_product .header{
	min-height: 40px !important;
	transition: min-height 0.4s ease-out;
}
.grid .list_product .header span{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
	filter: alpha(opacity=0) !important;
	opacity: 0 !important;
}

/* LIST CATEGORY */

.grid .list_category{
	position: relative;
	width: 168.5px;
	height: 170px;
	margin-bottom: 8px;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #9f9f9f;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px; /* future proofing */
	-khtml-border-radius: 9px; /* for old Konqueror browsers */
}

.grid .list_category .header{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background: #AECA0F;

	font-family: 'Geogrotesque-Regular';
	font-size: 13px;
	letter-spacing: 0.5px;

	z-index: 800;

	min-height: 35px;
	transition: min-height 0.4s ease-out;
	line-height: 1.2;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" !important;
	filter: alpha(opacity=90) !important;
	opacity: 0.9 !important;
}

.grid .list_category .header span{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
	filter: alpha(opacity=0) !important;
	opacity: 0 !important;
}

.grid .list_category .header_field{
	display: table;
	position: absolute;
	font-family: 'Geogrotesque-Regular';
	width: 100%;
	top: 0;
	left: 0;
	font-size: 13px;
	letter-spacing: 0.5px;
	text-align: center;
	font-weight: bold;
	color: white;
	z-index: 900;
	min-height: 35px;
	margin-top: 0;
	transition: margin-top 0.4s ease-out;
	line-height: 1.2;
}

.grid .list_category .header_field span{
  display: table-cell;
  vertical-align: middle;
}

.grid .list_category img{
	height: auto !important;
	width: auto !important;
	margin-top: 46px;
}

.grid .list_category:hover .header{
	min-height: 100%;
	transition: min-height 0.4s ease-in;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important;
	filter: alpha(opacity=70) !important;
	opacity: 0.7 !important;
}

.grid .list_category:hover .header_field{
	margin-top: 7%;
	transition: margin-top 0.4s ease-in;
}


.page-load-status {
  display: none; /* hidden by default */
  padding-top: 20px;
  border-top: 1px solid #DDD;
  text-align: center;
  color: #777;
}

.grid-item,
.grid__col-sizer {
  width: 168.5px;
}

.grid__gutter-sizer { width: 8px; }

/* hide by default */
.grid.are-images-unloaded .image-grid-item {
  opacity: 0;
}


/* loader */

.loader-ellips {
  font-size: 20px; /* change size here */
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #555; /* change color here */
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}

.grid-item--s2 { width: 345px !important; height: 240px !important; }
.grid-item--s3 { width: 345px !important; }
.grid-item--s4 { height: 240px !important; }
.grid-item--s5 { height: 364px !important; }
.grid-item--s6 { width: 521.5px !important; height: 240px !important; }
.grid-item--s7 { width: 521.5px !important; }
.grid-item--s8 { height: 345px !important; width: 364px !important; }
.grid-item--s9 {  width: 521.5px !important; height: 364px !important; }