header {
	width: 100%;
	border-bottom: 1px #e3c150 solid;
	padding: 10px 0;
	margin-bottom: 20px;
}

section {
	width: 100%;
	margin: auto;
	padding: 0;
	position: relative;
	direction: rtl;
}

footer {
	width: 100%;
	padding: 25px 0;
	margin-top: 20px;
	color: #555353;
	font-size: 22px;
	font-weight: 400;
	background-image: url('../../images/footer_bg.png');
	background-repeat: repeat-x;
	background-color: #131313;
}

div.container {
	width: 960px;
	margin: auto;
	padding: 0;
	position: relative;
}

div.clear-both {
	clear: both;
	float: none;
	position: relative;
}

img {
	display: flex;
	padding: 0;
	margin: 0;
}

h1 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: normal;
}

h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: normal;
}

/*header*/
div.logo {
	position: absolute;
	bottom: 0;
	left: 0;
}

div.menu {
	float: right;
	z-index: 600;
}

	div.menu span.TopPhone {
		float: right;
		display: inline-block;
		color: #e3c150;
		line-height: 23px;
		padding-left: 30px;
		margin-right: 15px;
		font-size: 17px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		background-image: url('../../images/phone.png');
		background-position: left center;
		background-position-x: 0;
		background-position-y: 50%;
		background-repeat: no-repeat;
	}

	div.menu div.language {
		float: right;
		z-index: 500;
		position: relative;
		background-color: #000;
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
	}

		div.menu div.language span {
			position: relative;
			display: inline-block;
			margin-right: 5px;
			line-height: 23px;
			padding-left: 20px;
			background-position: left center, right center;
			background-position-x: 0, 100%;
			background-position-y: 50%;
			background-repeat: no-repeat, no-repeat;
		}

		div.menu div.language ul {
			display: inline-block;
			padding: 0;
			margin: 0;
			list-style: none;
			background-color: #000;
		}

			div.menu div.language ul li {
				display: inline-block;
				padding: 0 10px;
				border-left: 1px #e3c150 solid;
			}

				div.menu div.language ul li a {
					display: block;
					color: #fff;
					text-decoration: none;
					line-height: 23px;
					font-family: 'Open Sans', sans-serif;
					padding-left: 20px;
					cursor: pointer;
					background-position: left center;
					background-position-x: 0;
					background-position-y: 50%;
					background-repeat: no-repeat;
				}

					div.menu div.language ul li a:hover {
						color: #e3c150;
					}

	div.menu nav {
		margin-top: 10px;
		text-align: right;
		direction: rtl;
	}

		div.menu nav ul {
			display: inline-block;
			padding: 0;
			margin: 0 0 0 0;
			list-style: none;
			font-weight: 400;
			font-size: 19px;
		}

			div.menu nav ul li {
				display: inline-block;
				padding-left: 15px;
			}

				div.menu nav ul li a {
					display: block;
					line-height: 28px;
					color: #fff;
					text-decoration: none;
					border-bottom: 1px #000 solid;
				}

					div.menu nav ul li a:hover {
						border-bottom: 1px #e3c150 solid;
						color: #e3c150;
					}

div.nav-icon {
	display: none;
}

div.MobileMenuMask {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.80);
	z-index: 500;
}
/*Widget*/
div.widget {
	padding: 25px 0;
}

	div.widget ul {
		width: 100%;
		display: inline-block;
		padding: 0;
		margin: 0;
		list-style: none;
	}

		div.widget ul li {
			width: 33%;
			float: left;
			text-align: center;
			padding: 0;
			margin: 0;
			list-style: none;
		}

			div.widget ul li a {
				display: block;
				color: #dfad0f;
				font-weight: 400;
				font-size: 18px;
				padding-top: 45px;
				text-decoration: none;
				background-position: top center;
				background-position-x: 50%;
				background-position-y: 0;
				background-repeat: no-repeat;
			}

			div.widget ul li:nth-child(1) a {
				background-image: url('../../images/toplu_siparis.png');
			}

			div.widget ul li:nth-child(2) a {
				background-image: url('../../images/fason_uretim_talebi.png');
				border-left: 1px #e3c150 solid;
				border-right: 1px #e3c150 solid;
			}

			div.widget ul li:nth-child(3) a {
				background-image: url('../../images/bayilik_basvurusu.png');
			}
/*footer*/
footer div.left {
	float: right;
	direction: rtl;
}

	footer div.left a img {
		height: 18px;
		margin-bottom: 5px;
	}

footer div.social {
	float: left;
}

	footer div.social ul {
		display: inline-block;
		padding: 0;
		margin: 0;
		border: 0;
		list-style-type: none;
		position: relative;
	}

		footer div.social ul li {
			display: inline-block;
			padding: 0;
			list-style: none;
			position: relative;
			margin-left: 5px;
		}

			footer div.social ul li a {
				width: 40px;
				height: 38px;
				display: inline-block;
				background-position: top left;
				background-repeat: no-repeat;
				transition: all .2s linear;
			}

				footer div.social ul li a:hover {
					background-position: top right;
				}
/*categories*/
div.categories {
	position: relative;
	clear: both;
}

	div.categories div.item {
		float: left;
		width: 32.5%;
		margin: 0 0.41%;
		margin-bottom: 5px;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		transition: all .8s;
	}

		div.categories div.item a {
			width: 100%;
			height: 100%;
			display: inline-block;
			position: relative;
			text-align: center;
			text-decoration: none;
		}

			div.categories div.item a img {
				width: 100%;
				opacity: 0.50;
				filter: alpha(opacity=50);
				transition: all .2s linear;
			}

			div.categories div.item a span.title {
				position: absolute;
				left: 0;
				right: 0;
				bottom: 50%;
				opacity: 0;
				filter: alpha(opacity=0);
				color: #e3c150;
				font-weight: 700;
				font-size: 16px;
				transition: all .2s linear;
			}

			div.categories div.item a span.line {
				position: absolute;
				width: 100%;
				height: 3px;
				left: 0;
				bottom: 50%;
				opacity: 0;
				filter: alpha(opacity=0);
				background-color: #e3c150;
				transition: all .1s linear;
			}

			div.categories div.item a span.shadow {
				position: absolute;
				width: 100%;
				height: 100%;
				opacity: 0;
				filter: alpha(opacity=0);
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background-image: url('../../images/categories_list_bg.png');
				background-position: 0 0;
				background-repeat: no-repeat;
				background-size: 100% 100%;
				transition: all .2s linear;
			}

			div.categories div.item a:hover span.title {
				opacity: 1;
				filter: alpha(opacity=100);
				bottom: 10px;
			}

			div.categories div.item a:hover img {
				opacity: 1;
				filter: alpha(opacity=100);
			}

			div.categories div.item a:hover span.line {
				bottom: 100%;
				opacity: 1;
				filter: alpha(opacity=100);
				margin-bottom: -3px;
			}

			div.categories div.item a:hover span.shadow {
				opacity: 1;
				filter: alpha(opacity=100);
			}
/*slider*/
div.slider {
	height: auto;
	width: 100%;
	position: relative;
}

div.slider-nav {
	text-align: left;
	bottom: 30px;
	left: 75px;
	z-index: 801;
	position: absolute;
}

	div.slider-nav ul {
		display: inline-block;
		padding: 0;
		margin: 0;
		border: 0;
		list-style-type: none;
		position: relative;
	}

		div.slider-nav ul li {
			width: 12px;
			height: 12px;
			display: inline-block;
			padding: 0;
			margin: 0 2px;
			list-style: none;
			position: relative;
			background-color: #919192;
			cursor: pointer;
		}

			div.slider-nav ul li.normal {
				border: none;
				background-color: #919192;
			}

			div.slider-nav ul li.selected {
				background-color: #e3c150;
			}
/*Pages*/
div.title {
	background-color: #272727;
	padding: 0 0;
	margin-bottom: 20px;
}

	div.title h1 {
		font-size: 30px;
		font-weight: 400;
		color: #e3c150;
		text-align: right;
	}

		div.title h1 a {
			color: #e3c150;
			text-decoration: none;
		}

			div.title h1 a:hover {
				text-decoration: underline;
			}

div.product-list {
	float: left;
	width: 23%;
	margin-right: 2.5%;
	margin-bottom: 15px;
	text-align: center;
}

	div.product-list:nth-child(4n+0) {
		margin-right: 0;
	}

	div.product-list a {
		text-decoration: none;
		display: block;
	}

	div.product-list span.image {
		display: block;
		width: 100%;
		height: 227px;
		padding: 10px 0;
		border: 1px rgba(255,255,255,0.50) solid;
	}

		div.product-list span.image img {
			margin: auto;
			display: block;
			max-height: 100%;
		}

	div.product-list span.title {
		display: block;
		margin-top: 5px;
		font-size: 15px;
		color: rgba(255,255,255,0.50);
		height: 40px;
	}

	div.product-list:hover span.image {
		border: 1px #bd962d solid;
	}

	div.product-list:hover span.title {
		color: #e3c150;
	}

div.product-left {
	float: left;
	width: 30%;
	height: 500px;
}

	div.product-left img {
		margin: auto;
		display: block;
		max-width: 90%;
		max-height: 100%;
	}

div.product-right {
	float: left;
	width: 70%;
}

	div.product-right h1 {
		font-size: 28px;
		font-weight: 400;
		color: #e3c150;
	}

div.product-size {
	padding: 30px 0;
}

	div.product-size table {
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	}

		div.product-size table tr td {
			padding: 3px 5px;
		}

		div.product-size table tr:nth-child(2n+0) {
			background-color: #58585a;
		}

div.detail {
	text-align: right;
	background-position-x: 0%;
	background-position-y: 50%;
	background-repeat: no-repeat;
}

	div.detail h3 {
		display: block;
		text-align: center;
		font-size: 45px;
		font-weight: 700;
		color: #dfad0f;
		line-height: 15px;
	}

div.detail-left {
	float: right;
	width: 35%;
}

div.detail-right {
	float: left;
	width: 65%;
}

	div.detail-right h2 {
		display: block;
		padding-bottom: 10px;
		color: #dfad0f;
		font-size: 28px;
		font-weight: 700;
		line-height: 25px;
	}

a.fason-link {
	display: block;
	padding: 18px 35px 7px 0;
	color: #e3c150;
	text-decoration: none;
	margin-top: 10px;
	background-image: url('../../images/fason_uretim_talebi.png');
	background-position: center right;
	background-position-x: 100%;
	background-position-y: 50%;
	background-repeat: no-repeat;
}
/*Contact*/
div.contact h2 {
	display: block;
	padding-bottom: 15px;
	color: #dfad0f;
	font-size: 23px;
	font-weight: 400;
	line-height: 25px;
}

div.contact-left {
	float: right;
	width: 50%;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

div.Map {
	width: 100%;
	height: 268px;
	margin-top: 10px;
	color: #000000;
}

div.contact-info {
	margin-bottom: 20px;
	direction: ltr;
}

	div.contact-info span {
		margin-bottom: 10px;
	}

		div.contact-info span.CCompany {
			display: block;
			color: #e7b40d;
			padding-left: 20px;
			line-height: 20px;
			background-image: url('../../images/local.png');
			background-position: center left;
			background-position-x: 0;
			background-position-y: 50%;
			background-repeat: no-repeat;
		}

		div.contact-info span.CAddress {
			display: block;
			color: #fff;
			padding-left: 20px;
		}

		div.contact-info span.CPhone1 {
			display: block;
			color: #fff;
			padding-left: 20px;
			line-height: 20px;
			background-image: url('../../images/phone2.png');
			background-position: center left;
			background-position-x: 0;
			background-position-y: 50%;
			background-repeat: no-repeat;
		}

		div.contact-info span.CPhone2 {
			display: block;
			color: #fff;
			padding-left: 20px;
			line-height: 20px;
		}

		div.contact-info span.CFax1 {
			display: block;
			color: #fff;
			padding-left: 20px;
			line-height: 20px;
			background-image: url('../../images/fax.png');
			background-position: center left;
			background-position-x: 0;
			background-position-y: 50%;
			background-repeat: no-repeat;
		}

		div.contact-info span.CFax2 {
			display: block;
			color: #fff;
			padding-left: 20px;
			line-height: 20px;
		}

		div.contact-info span.CGSM1 {
			display: block;
			color: #fff;
			padding-left: 20px;
			line-height: 20px;
			background-image: url('../../images/phone2.png');
			background-position: center left;
			background-position-x: 0;
			background-position-y: 50%;
			background-repeat: no-repeat;
		}

		div.contact-info span.CGSM2 {
			display: block;
			color: #fff;
			padding-left: 20px;
			line-height: 20px;
		}

	div.contact-info a.CEPosta1 {
		display: block;
		color: #e7b40d;
		padding-left: 20px;
		line-height: 20px;
		text-decoration: none;
		background-image: url('../../images/mail.png');
		background-position: center left;
		background-position-x: 0;
		background-position-y: 50%;
		background-repeat: no-repeat;
	}

		div.contact-info a.CEPosta1:hover {
			text-decoration: underline;
		}

	div.contact-info a.CEPosta2 {
		display: block;
		color: #e7b40d;
		padding-left: 20px;
		line-height: 20px;
		text-decoration: none;
	}

		div.contact-info a.CEPosta2:hover {
			text-decoration: underline;
		}

	div.contact-info a.CWeb1 {
		display: block;
		color: #e7b40d;
		padding-left: 20px;
		line-height: 20px;
		text-decoration: none;
		background-image: url('../../images/home.png');
		background-position: center left;
		background-position-x: 0;
		background-position-y: 50%;
		background-repeat: no-repeat;
	}

		div.contact-info a.CWeb1:hover {
			text-decoration: underline;
		}

	div.contact-info span.Skype1 {
		display: block;
		color: #fff;
		padding-left: 20px;
		line-height: 20px;
		background-image: url('../../images/skype.png');
		background-position: center left;
		background-position-x: 0;
		background-position-y: 50%;
		background-repeat: no-repeat;
	}

div.contact-right {
	float: left;
	width: 40%;
	direction: rtl;
}

	div.contact-right h2 {
	}

	div.contact-right div.form {
		width: 100%;
		direction: rtl;
	}

		div.contact-right div.form span {
			display: inline-block;
			font-weight: 400;
			font-size: 16px;
			margin: 5px;
		}

		div.contact-right div.form .TextBox {
			width: 95%;
			height: 15px;
			padding: 10px 1.5%;
			margin-bottom: 5px;
			border: 1px #e8e8e8 solid;
			background-color: #f6f6f6;
			outline: none;
			font-family: 'Amiri', serif;
			font-size: 17px;
			font-weight: 400;
			color: #000;
		}

		div.contact-right div.form .TextBoxMultiLine {
			width: 95%;
			height: 150px;
			padding: 7px 1.5%;
			margin-bottom: 5px;
			border: 1px #e8e8e8 solid;
			background-color: #f6f6f6;
			outline: none;
			font-family: 'Amiri', serif;
			font-size: 17px;
			font-weight: 400;
			color: #000;
		}

		div.contact-right div.form .Button {
			width: 60%;
			padding: 10px 0;
			background-color: #e3c150;
			border: none;
			outline: none;
			cursor: pointer;
			color: #000;
			font-family: 'Amiri', serif;
			font-weight: 700;
			font-size: 17px;
		}

/*PopupForm*/
div.form-body {
	width: 95%;
	display: block;
	background-color: #ffffff;
	border: 1px #e6e6e6 solid;
	padding: 2%;
	color: #000000;
	direction: rtl;
}

	div.form-body h1 {
		display: block;
		color: #000000;
		font-size: 25px;
		font-weight: 700;
		margin-bottom: 5px;
	}

	div.form-body div.form {
		text-align: center;
		width: 100%;
	}

div.form span {
	display: block;
	text-align: left;
	font-weight: 600;
	font-size: 15px;
}

.TextBox {
	width: 95%;
	height: 15px;
	padding: 7px 1.5%;
	margin-bottom: 5px;
	border: 1px #e8e8e8 solid;
	background-color: #f6f6f6;
	outline: none;
	font-family: 'Amiri', serif;
	font-size: 17px;
	font-weight: 400;
	;
	color: #000;
}

.TextBoxMultiLine {
	width: 95%;
	height: 130px;
	padding: 7px 1.5%;
	margin-bottom: 5px;
	border: 1px #e8e8e8 solid;
	background-color: #f6f6f6;
	outline: none;
	font-family: 'Amiri', serif;
	font-size: 17px;
	font-weight: 400;
	color: #000;
}

.Button {
	width: 60%;
	padding: 10px 0;
	background-color: #e3c150;
	border: none;
	outline: none;
	cursor: pointer;
	color: #000;
	font-family: 'Amiri', serif;
	font-size: 17px;
	font-weight: 700;
}

div.FormProgress {
	z-index: 99999;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0, 0.7);
	background-image: url('../../images/progress.gif');
	background-position: center;
	background-repeat: no-repeat;
}

@media only screen and (max-width:959px) {
	div.container {
		width: 98%;
		margin: 0 1%;
	}

	footer {
		width: 98%;
		padding: 20px 1%;
		margin-top: 10px;
	}
	/*header*/
	div.logo {
		position: relative;
		display: inline-block;
	}

		div.logo img {
			height: 20px;
		}

	div.menu {
		float: none;
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		width: 70%;
		height: 100%;
		background-color: #131313;
	}

		div.menu nav ul {
			display: block;
			font-size: 13px;
		}

			div.menu nav ul li {
				display: block;
				padding-left: 0;
			}

				div.menu nav ul li a {
					line-height: 35px;
					border-bottom: 1px rgba(255,255,255,0.30) solid;
					padding-left: 10px;
				}

					div.menu nav ul li a:hover {
						border-bottom: 1px #e3c150 solid;
						color: #e3c150;
					}

		div.menu div.language {
			float: none;
			margin-bottom: 0;
			height: 44px;
			border-bottom: 1px rgba(255,255,255,0.30) solid;
			background-color: #131313;
		}

			div.menu div.language span {
				position: relative;
				display: inline-block;
				line-height: 44px;
				padding-left: 20px;
				margin: 0 10px;
			}

			div.menu div.language ul {
				position: relative;
				display: inline-block;
				right: auto;
				top: auto;
				background-color: #131313;
			}

				div.menu div.language ul li {
					display: inline-block;
					border-left: 1px rgba(255,255,255,0.30) solid;
					border-top: 0;
					padding: 0 0 0 0;
					margin-top: 0;
				}

					div.menu div.language ul li a {
						line-height: 44px;
						margin: 0 10px;
					}

		div.menu span.TopPhone {
			display: none;
		}

	div.nav-icon {
		display: block;
	}
	/*footer*/
	footer div.left {
		float: none;
		text-align: center;
	}

		footer div.left a img {
			margin: auto;
			display: block;
			margin-bottom: 10px;
		}

	footer div.social {
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	/*categories*/
	div.categories div.item {
		float: left;
		width: 48%;
		margin: 0 1%;
		margin-bottom: 5px;
	}

		div.categories div.item a img {
			opacity: 1;
			filter: alpha(opacity=100);
			margin-bottom: 5px;
		}

		div.categories div.item a span.title {
			bottom: 10px;
			opacity: 1;
			filter: alpha(opacity=100);
			font-size: 14px;
		}

		div.categories div.item a span.line {
			display: none;
		}

		div.categories div.item a span.shadow {
			opacity: 1;
			filter: alpha(opacity=100);
		}
	/*Widget*/
	div.widget {
		padding: 15px 0;
	}

		div.widget ul li a {
			font-size: 11px;
			padding-top: 45px;
		}
	/*slider*/
	div.slider img.desc {
		display: none !important;
	}

	div.slider img.detail {
		display: none !important;
	}
	/*Pages*/
	div.title {
		background-color: #272727;
		padding: 5px 0;
		margin-bottom: 15px;
	}

		div.title h1 {
			font-size: 14px;
			font-weight: 600;
			color: #e3c150;
		}

	div.product-list {
		float: left;
		width: 47.5%;
		margin-right: 4.8%;
	}

		div.product-list:nth-child(4n+0) {
			margin-right: 2.5%;
		}

		div.product-list:nth-child(2n+0) {
			margin-right: 0;
		}

		div.product-list span.image {
			height: 200px;
		}

		div.product-list span.title {
			font-size: 11px;
			height: 30px;
		}

	div.product-left {
		float: none;
		width: 100%;
		height: 350px;
	}

	div.product-right {
		float: none;
		width: 100%;
		padding-top: 20px;
	}

		div.product-right h1 {
			font-size: 18px;
		}

	div.detail {
		background-image: none !important;
	}

		div.detail h3 {
			font-size: 25px;
		}

	div.detail-left {
		float: none;
		width: 100%;
	}

		div.detail-left img {
			margin: auto;
			text-align: center;
			display: block;
			margin-bottom: 15px;
		}

	div.detail-right {
		float: none;
		width: 100%;
	}

		div.detail-right h2 {
			font-size: 20px;
		}
	/*Contact*/
	div.contact-left {
		float: none;
		width: 100%;
		font-size: 15px;
	}

	div.contact-right {
		float: none;
		width: 90%;
		margin-left: 10%;
	}
}

/*Menu icon*/
#nav-icon {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 1%;
	top: 10px;
	margin: 0 auto;
	z-index: 602;
	transform: rotate(0deg);
	transition: .5s ease-in-out;
	cursor: pointer;
}

	#nav-icon span {
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: #fff;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		transform: rotate(0deg);
		transition: .25s ease-in-out;
	}

		#nav-icon span:nth-child(1) {
			top: 0;
		}

		#nav-icon span:nth-child(2) {
			top: 10px;
		}

		#nav-icon span:nth-child(3) {
			top: 20px;
		}

	#nav-icon.open span:nth-child(1) {
		top: 10px;
		transform: rotate(135deg);
	}

	#nav-icon.open span:nth-child(2) {
		opacity: 0;
		left: -60px;
	}

	#nav-icon.open span:nth-child(3) {
		top: 10px;
		transform: rotate(-135deg);
	}