html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	margin:0;
	font-family: 'Source Sans Pro', sans-serif;
	background: #131313;
	font-size:14px;
	color:#575757;
}
#gezicitasarim {
	position: fixed;
	bottom:-5px;
	right:0;
	z-index: 50;
}


.na { /* normal animasyon*/
	transition-property: all;
	transition-duration: 150ms;
	transition-timing-function: ease-in-out;
}
.nay { /* normal animasyon*/
	transition-property: all;
	transition-duration: 500ms;
	transition-timing-function: ease-in-out;
}



#menu {
	width: 265px;
	height: 100%;
	z-index: 5;
	position: absolute;
}
#menu .icon-angle-double-right{
	position: absolute;
	right:10px;
}
.menubg {
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	position: absolute;
	background-size: cover;
	display: none;
}

#bg {
}
#bg li {
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 4;
	background-size: cover;
	display: none;
}
.s-yazi {
	font-size: 80px;
	color:rgba(255,255,255,.85);
	text-shadow: 2px 2px 0px rgba(0,0,0,.25);
	position: absolute;
	right:0px;
	bottom:30px;
	padding-right:30px;
	font-weight: 700;
	display: none;
}


#malan {
	width: 265px;
	height: 100%;
	position: fixed;
	z-index: 1;	
	text-align: center;
	box-shadow: 0px 0px 10px rgba(0,0,0,.5);
}
#malan .logo {
	margin-top:50px;
	margin-bottom:80px;
}

.macil-ul {
	height: 100%;
	top:0;
	left:265px;
	position: fixed;
	background: #40610b;
	z-index: -1;
	/*overflow: hidden;
	width: 0px;*/
	width: 210px;
	display: none;
	padding-top:244px;
}
.macil-ul2 {
	height: 100%;
	top:0;
	left:475px;
	
	position: fixed;
	background: #f7941e;
	z-index: -1;
	/*overflow: hidden;
	width: 0px;*/
	width: 210px;
	display: none;
	padding-top:0px;
}
.macil-ul3 {
	left:685px;
	position: fixed;
	background: #f7941e;
	z-index: -1;
	width: 210px;
	margin-top:-37px;
	display: none;
}


.maktif {
	background: #f7941e !important;
}

.am {
	line-height: 35px;
	background: rgba(0,0,0,.1);
	display: block;
	text-align: right;
	padding-right: 40px;
	font-size:14px;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 1px 1px 0px black;
	cursor: pointer;
}
.aml {
	line-height: 35px;
	background: #708948;
	display: block;
	text-align: right;
	font-size:14px;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 1px 1px 0px black;
	cursor: pointer;
	text-align: left;
	padding-left: 20px;
	border-right:1px solid #40610b;
	border-left:1px solid #40610b;
}
.aml2 {
	line-height: 35px;
	background: #de851b;
	display: block;
	text-align: right;
	font-size:14px;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 1px 1px 0px black;
	cursor: pointer;
	text-align: left;
	padding-left: 20px;
	border-right:1px solid #f7941e;
	border-left:1px solid #f7941e;
}
.aml3 {
	line-height: 35px;
	background: #c0700d;
	display: block;
	text-align: right;
	font-size:14px;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 1px 1px 0px black;
	cursor: pointer;
	text-align: left;
	padding-left: 20px;
	border-right:1px solid rgba(0,0,0,.2);
}


#malan li .am, #malan li .aml, #malan li .aml2, #malan li .aml3 {
	border-bottom:1px solid rgba(0,0,0,.2);
}
#malan li:nth-child(2) .am, #malan li:nth-child(1) .aml, #malan li:nth-child(1) .aml2, #malan li:nth-child(1) .aml3 {
	border-top:1px solid rgba(0,0,0,.2);
}

/*
#malan li {
	border-bottom:1px solid rgba(0,0,0,.2);
}
#malan li:nth-child(2) {
	border-top:10px solid rgba(0,0,0,.2);
}
*/
.am:hover {
	background: #f7941e;
}
.aml:hover {
	background: #f7941e;
}
.aml2:hover {
	background: #c0700d;
}
.aml3:hover {
	background: #af6103;
}

#sm {
	width: 265px;
	position: absolute;
	z-index: 6;
	bottom:20px;
	text-align: center;
}
#sm a{
	color:#ffffff;
	text-decoration: none;
	font-size:20px;
	text-shadow: 1px 1px 0px black;
	padding: 5px;
}
#sm a:hover{
	color:#f7941e;
}
#flags {
	position: absolute;
	z-index: 20;
	right:10px;
	top:10px;
}
#flags a{
	margin-left: 10px;
}

#alan {
	position: absolute;
	z-index: 4;
	margin-left:265px;
	width: 760px;
	height: calc(100% - 20px);
	background: #f3f3f3;
	box-shadow: 0px 0px 10px rgba(0,0,0,.5);
	border-bottom:20px solid #628f1b;
	overflow-x: auto;
}
#alan .baslik {
	background: #628f1b;
	width: 100%;
	padding-top:25px;
	text-indent: 15px;
	line-height: 40px;
	font-weight: 700;
	font-size:18px;
	vertical-align: bottom;
	color: #f3f3f3;
}
.alan-ic {
	padding: 15px;
}
.alan-ic p {
	font-size:14px;
	line-height: 22px;
}
.alan-ic h2{
	color: #628f1b;
	font-weight: 700;
	font-size:16px;
	margin-bottom: 20px;
	margin-top:10px;
}

.alan-ic {
	font-size:14px;
	line-height:24px;	
}
.alan-ic ul li{
	margin-bottom:10px;
}

.us-img {
	margin-left:20px;
	margin-bottom:20px;
	transition-property: all;
	transition-duration: 150ms;
	transition-timing-function: ease-in-out;
}
.us-img:hover {
	transform: scale(1.05);
}
.urunler {
	margin: 10px;
	text-align: center;
}
.urun-resim-ana {
	display: inline-block;
	position: relative;
}
.urun-resim {
	width: 190px;
	height: 190px;
	border-radius: 95px;
	overflow: hidden ;
	display: inline-block;
	margin:20px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
	transition-property: all;
	transition-duration: 150ms;
	transition-timing-function: ease-in-out;
	cursor: pointer;
	border:1px solid #628f1b;
}
.urun-resim img {
	height: 190px;
	min-height: 190px;
	min-width: 190px;
	
}
.urun-resim span {
	bottom:0;
	left:80px;
	position: absolute;
	background: #f3f3f3;
	padding:5px 10px;
	height: 50px;
	text-align: left;
	font-size:14px;
	font-weight: 700;
	width: 135px;
	transition-property: all;
	transition-duration: 150ms;
	transition-timing-function: ease-in-out;
}
.urun-resim:hover {
	box-shadow: 0px 0px 10px rgba(66, 103, 7, 0.74);
}
.urun-resim:hover img{
	/*transform: scale(1.2);*/
}
.urun-resim:hover span {
	left:0;
	width: 210px;
	text-align: center;
	background: rgba(243, 243, 243, 0.85);
}

#gezgin-resim-wrap {
	background: rgba(0,0,0,0.7);
	position: fixed;
	height: 100vh;
	width: 100%;
	z-index: 600;
	display: table;
	text-align: center;
	top:-100vh;
}

#gezgin-resim-wrap .yukle{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size:40px;
	color:#ffedd6;
}

#gezgin-resim-wrap .yukle i{
	margin-right: 20px;
}


#gezgin-resim-wrap img {
	display: none;
	max-width: 90%;
	max-height: 90vh;
	margin-top:5vh;
}

#gezgin-resim-kapat {
	color:rgba(255,255,255,0.9);
	background: #ffbc00;
	position: absolute;
	right:0;
	top:0;
	font-size:50px;
	line-height: 50px;
	width: 50px;
	text-align: center;
	padding:20px;
	cursor: pointer;
}

.gezgin-resim-aciklama {
	position: absolute;
	bottom:10px;
	z-index: 602;
	color:#ffffff;
	font-size:20px;
	text-align: center;
	line-height: 30px;
	width: 100%;
}

.urun-say {
	margin-top:30px;
}
.urun-say a, .urun-say span {
	background: #66813c;
	font-size:14px;
	font-weight: 700;
	color: #ffffff;
	display: inline-block;
	padding: 5px 15px;
	text-decoration: none;
	margin-right:1px;
}
.urun-say span {
	background: #b3c693;
}
.urun-say a:hover {
	background: #4a6124;
}

#iletform {
	position: relative;
	width: 100%;
}

.gonderiliyor {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
	left:0px;
	font-size:26px;
	text-align: center;
	line-height: 60px;
	opacity: .8;
	background: rgb(243, 243, 243);
}




#formgnd, .gonformkontrol {
	display: inline-block;
	width: 190px;
	background: #228848;
	color:#fafafa;
	border:1px solid #ffffff;
	line-height: 46px;
	font-size:16px;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
	-o-box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
	text-align: center;
	cursor: pointer;
}
#formgnd:hover, .gonformkontrol:hover{
	background:#43b02a;
}

.editbox {
	line-height: 40px;
	background: white;
	color:rgba(0, 102, 153, .6);
	border:1px solid #cdcdcd;
	margin:10px 0px 20px 0px;
}

.editbox input {
	vertical-align: middle;
	border:none;
	color:rgba(0, 102, 153, 1);
	margin:0;
	padding:5px 10px;
	width: calc(100% - 10px);
	font-size:16px;
	background: none;
	font-family: 'PT Sans', sans-serif;
	outline: none;
}
.editbox textarea {
	vertical-align: middle;
	border:none;
	color:rgba(0, 102, 153, 1);
	margin:0;
	padding:5px 10px;
	width: calc(100% - 10px);
	font-size:16px;
	background: none;
	font-family: 'PT Sans', sans-serif;
	outline: none;
}

.edtbas {
	display: block;
	line-height: 14px;
	font-size:12px;
}
.formeditbox {
	background: white;
	border:1px solid #cdcdcd;
	width: 100%;
	margin:0px 0px 20px 0px;
	vertical-align: middle;
	color:#333333;
	padding:5px 0px;
	font-size:18px;
	line-height: 30px;
	text-indent: 10px;
	font-family: 'PT Sans', sans-serif;
	outline: none;

}
.formselect {
	background: white;
	border:1px solid #cdcdcd;
	width: 100%;
	margin:0px 0px 20px 0px;
	vertical-align: middle;
	color:#333333;
	padding:5px 0px;
	font-size:18px;
	height: 40px;
	text-indent: 10px;
	font-family: 'PT Sans', sans-serif;
	outline: none;
}

.hataalani {
	background: #f1f1df;
	border:1px solid #cccccc;
	padding:10px 20px;
	display: none;
	margin-bottom:20px;
}
.hataalani p{
	font-size: 12px !important;
}

.w100 {
	width: 100px;
}
.w200 {
	width: 200px;
}

.piletisim {
	color:#000000 !important;
	font-size:14px !important;
	line-height: 23px !important;
}
.piletisim a {
	text-decoration: none;
	color:#000000;
}