#s1 {
	color: #f27a1b !important;
}

.flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.swiper-slide img {
	width: 100% !important;
}

.slider {
	width     : 100% !important;
	height    : 80vw;
	float     : left;
	margin-top: 10px;
}

.menu1 {
	width           : 100%;
	overflow        : hidden;
	background-color: #fff;
	white-space     : nowrap;
	float           : left;
	box-shadow      : 0px 2px 8px rgba(0, 0, 0, 0.2);
	display         : flex;
}

.altdolu {
	width : 100%;
	height: 50px;
	float : left;
}

.d-none {
	display: none;
}

.menu1 a {
	display        : inline-block;
	color          : #000;
	text-align     : center;
	padding        : 14px;
	text-decoration: none;
	border         : solid #fff;
	border-width   : 0px 0px 5px 0px;
	text-transform : uppercase;
}

.anasayfa1 {
	float : left;
	width : 100%;
	height: 60px;
}

.swiper-container {
	width : 100%;
	height: 100%;
}

.align-right {
	text-align: end;
}

.swiper-slide {
	text-align             : center;
	font-size              : 18px;
	display                : -webkit-box;
	display                : -ms-flexbox;
	display                : -webkit-flex;
	display                : flex;
	-webkit-box-pack       : center;
	-ms-flex-pack          : center;
	-webkit-justify-content: center;
	justify-content        : center;
	-webkit-box-align      : center;
	-ms-flex-align         : center;
	-webkit-align-items    : center;
	align-items            : center;
	-webkit-background-size: cover;
	-moz-background-size   : cover;
	-o-background-size     : cover;
	background-size        : cover;
	background-position    : center;
	background-repeat      : no-repeat;
	background-size        : cover;
}

.swiper-slide img {
	position: relative;
	width   : 100%;
	height  : 100%;
}

.menurenk:hover {
	background-color: #e9e9e9;
}

.arama20,
.arama21,
.arama10 {
	display: none;
}

.foo1 {
	float           : left;
	width           : 100%;
	height          : 300px;
	background-color: #f27a1b;
}

@media screen and (min-width: 1020px) {

	#ust,
	#orta,
	#alt,
	#sliderzobibais {
		margin-left: calc((100% - 1020px) / 2);
	}

	.urunlist {
		width: 20%;
	}

	.urunlist4 img {
		height: 250px;
	}

	#alt {
		display: none;
	}

	.ust1 {
		width : 100%;
		margin: 20px 0px 10px 0px;
	}

	.slider {
		height: 400px !important;
	}

	.yunus {
		display: block !important;
	}
}

@media screen and (max-width: 1020px) {
	.menu1 {
		margin  : 0px 0px 0px -10px;
		width   : calc(100% + 20px);
		overflow: auto;
	}
}

/* anasayfa lazy load effect */
.lazy-load {
	display        : flex;
	flex-wrap      : wrap;
	justify-content: space-around;
}

.placeholder {
	width         : 43%;
	border-radius : 5px;
	display       : flex;
	flex-direction: column;
	margin        : 2%;
}

.square {
	width : 100%;
	height: 56px;
	height: 250px;
}

.placeholder .line {
	height: 12px;
	margin: 10px;
	width : 40%;
}

.placeholder .line:nth-child(4) {
	width: 80%;
}

.siteLogo{
	display: flex;
	align-items: flex-end;
	gap: 10px;
}
#uyeStatus{
	color: #ffae00;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
}
#uyeStatus img{
	margin: 0 5px -2px 5px;
}

@media screen and (min-width: 1020px) {
	.placeholder {
		width: 16%;
	}
}

/* 
	--------------
	Pulse effect animation 
	Activated by adding a '.pulse' class to the placeholder
	--------------
  */

.pulse {
	animation        : pulse 1s infinite ease-in-out;
	-webkit-animation: pulse 1s infinite ease-in-out;
}

@keyframes pulse {
	0% {
		background-color: rgba(165, 165, 165, 0.1);
	}

	50% {
		background-color: rgba(165, 165, 165, 0.3);
	}

	100% {
		background-color: rgba(165, 165, 165, 0.1);
	}
}

@-webkit-keyframes pulse {
	0% {
		background-color: rgba(165, 165, 165, 0.1);
	}

	50% {
		background-color: rgba(165, 165, 165, 0.3);
	}

	100% {
		background-color: rgba(165, 165, 165, 0.1);
	}
}