@charset "utf-8";

/* CSS Document */



@font-face {
	font-family: 'HelveticaNeueLTPro-BdCn';
	src: url('HelveticaNeueLTPro-BdCn.eot?#iefix') format('embedded-opentype'), url('HelveticaNeueLTPro-BdCn.otf') format('opentype'), url('HelveticaNeueLTPro-BdCn.woff') format('woff'), url('HelveticaNeueLTPro-BdCn.ttf') format('truetype'), url('HelveticaNeueLTPro-BdCn.svg#HelveticaNeueLTPro-BdCn') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTPro-LtCn';
	src: url('HelveticaNeueLTPro-LtCn.eot?#iefix') format('embedded-opentype'), url('HelveticaNeueLTPro-LtCn.otf') format('opentype'), url('HelveticaNeueLTPro-LtCn.woff') format('woff'), url('HelveticaNeueLTPro-LtCn.ttf') format('truetype'), url('HelveticaNeueLTPro-LtCn.svg#HelveticaNeueLTPro-LtCn') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTPro-ThCnO';
	src: url('HelveticaNeueLTPro-ThCnO.eot?#iefix') format('embedded-opentype'), url('HelveticaNeueLTPro-ThCnO.otf') format('opentype'), url('HelveticaNeueLTPro-ThCnO.woff') format('woff'), url('HelveticaNeueLTPro-ThCnO.ttf') format('truetype'), url('HelveticaNeueLTPro-ThCnO.svg#HelveticaNeueLTPro-ThCnO') format('svg');
	font-weight: normal;
	font-style: normal;
}


#fullpage {
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
   }

.gorsel img { transition:all .4s ease-out; }



.yukari img {
	-webkit-transform: translate3d(0,500px,0);
	-moz-transform: translate3d(0,500px,0);
	-ms-transform: translate3d(0,500px,0);
	-o-transform: translate3d(0,500px,0);
	transform: translate3d(0,500px,0);
}

.asagi img {
	-webkit-transform: translate3d(0,-500px,0);
	-moz-transform: translate3d(0,-500px,0);
	-ms-transform: translate3d(0,-500px,0);
	-o-transform: translate3d(0,-500px,0);
	transform: translate3d(0,-500px,0);
}

.asagi img.vesikalik {
	-webkit-transform: translate3d(0,-100px,0);
	-moz-transform: translate3d(0,-100px,0);
	-ms-transform: translate3d(0,-100px,0);
	-o-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}

.yukari img.vesikalik {
	-webkit-transform: translate3d(0,100px,0);
	-moz-transform: translate3d(0,100px,0);
	-ms-transform: translate3d(0,100px,0);
	-o-transform: translate3d(0,100px,0);
	transform: translate3d(0,100px,0);
}


.social a { margin-right: 20px;}
h1 {
	font-size: 56px;
}

h3 {
	font-size: 40px;
}

body {
	font-size: 26px;
}

.iletisim, .resimalti {
	font-size: 20px;
}

#menu {
	font-size: 16px;
}

body {
	font-family: 'HelveticaNeueLTPro-LtCn';
	color: #464646;
	background-color: #edf0f2;
	min-width: 300px;
}

strong, b {
	font-family: 'HelveticaNeueLTPro-BdCn';
}

em {
	font-family: 'HelveticaNeueLTPro-ThCnO';
}

html {
	-webkit-font-smoothing: antialiased;
}

h1 {
	font-weight: normal;
	margin: 0px;
	line-height: 1em;
}

h3 {
	font-weight: normal;
	margin: 0px;
}

.intro {
	display: table;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1424px;
}

.sag {
	width: 60%;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	overflow: visible;
}

.sol {
	width: 40%;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.sag_alt, .sag_alt2, .sag_alt_esit, .orta {

}

.sag_alt {
	width: 30%;
	display: table-cell;
	vertical-align: top;
	text-align: left;
	overflow: visible;
}

.sol_alt {
	width: 70%;
	display: table-cell;
	vertical-align: top;
	text-align: left;
}

.sag_alt2 {
	width: 45%;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	overflow: visible;
}

.sol_alt2 {
	width: 55%;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.sag_alt_esit {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	overflow: visible;
}

.sol_alt_esit {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.orta {
	width: 80%;
	display: table-cell;
	text-align: center;
	padding-left: 10%;
	padding-right: 10%;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
}

.sag img, .sag_alt2 img, .sag_alt_esit img {
	width: 84%;
	margin-left: 16%;
}

img.azmarj {
	width: 110%;
	margin-left: 10%;
}

img.absolute {
	position: absolute;
	top: 25%;
	right: 0px;
	width: 40%;
}

.temizle {
	clear: both;
}

.yukselt {
	padding-bottom: 60px;
}

img.vesikalik {
	max-width: 240px;
	min-width: 160px;
}

#fp-nav.right {
	right: 8px;
}

#sol_sutun {
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 13%;
	z-index: 1
}

#sol_sutun #logo {
		position: absolute;
	bottom: 100px;
	right: 0px;
}

#sol_sutun #left_menu {
	width: 100px;
	position: absolute;
	top: 3px;
	right: 71px;
	z-index: 2
}

#sol_sutun #left_menu a { display: block;}

#sol_sutun #left_menu a, #mobil_logo a img, .social a {

	opacity: 0.6;
	filter: Alpha(Opacity=60);
}
#sol_sutun #left_menu a:hover, #sol_sutun #left_menu a:active, #mobil_logo a img:hover, #mobil_logo a img:active, .social a:hover, .social a:active {
	opacity: 1;
	filter: Alpha(Opacity=100);
}

.ikon_secili {opacity: 1 !important;
	filter: Alpha(Opacity=100) !important;}

.resimalti {
	padding-left: 24%;
	text-align: left;
}

#menu {
	position: static;
	height: auto;
}

#menu li, #menu li:hover, #menu li.active:hover, #menu li.active {
	background: none;
	background-color: transparent;
}

#menu li a {
	color: #939598;
}

#menu li.active a, #menu li.aktif a {
	color: #000;
}


#menu li a:hover, #menu li a:active{
	color: #000;
}

#menu li a, #menu li.active a {
	padding: 0px;
}

#menu_con {
	position: fixed;
	top: 0px;
	right: 12%;
	display: none;
	z-index: 99;
	text-align: center;
}


#mobil_logo { display: none; padding-left: 16px; padding-right: 16px; }

#mobil_logo a.mobil_but { display: inline-block; padding: 10px; }


.yazi { position: relative; z-index: 51}

.vesikalik_mobil { display: none;}

 @media (max-width: 1441px) {

h1 {
	font-size: 52px;
}

h3 {
	font-size: 36px;
}

body {
	font-size: 22px;
}

.iletisim, .resimalti {
	font-size: 18px;
}

#menu {
	font-size: 16px;
}

#sol_sutun #left_menu, #sol_sutun #logo {
	zoom: 0.6
}

#menu_con {
	right: 3%;
}
}
@media (max-width: 1241px) {

h1 {
	font-size: 48px;
}

h3 {
	font-size: 32px;
}

.iletisim h3 {
	font-size: 28px;
}

body {
	font-size: 18px;
}

.iletisim, .resimalti {
	font-size: 16px;
}

#menu {
	font-size: 14px;
}
}
@media (max-width: 841px) {

.yukselt {
	padding-bottom: 0px;
}
.yazi { padding-bottom: 20px;}

#mobil_logo {
	display: block;
}

#menu { text-align: right; display: none; font-size: 18px; }
#menu li { margin: 8px; display: block; padding-right: 32px; }
#menu li a { padding: 0px;}

#menu_con {
	position: fixed;
	bottom: 0px;
	top: auto;
	z-index: 99;
	overflow: visible;
	background-color: #FFF;
	left: 0px;
	right: 0px;
	-webkit-box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:    0px -1px 1px 0px rgba(0, 0, 0, 0.35);
	box-shadow:         0px -1px 1px 0px rgba(0, 0, 0, 0.35);
	padding-top: 5px;
}

#sol_sutun, #fp-nav {
	display: none !important;
}

.intro {
	display: block;
	width: 88%;
}

.sol, .sol_alt2, .sol_alt_esit {
	padding-top: 30px;
	padding-bottom: 30px;
	width: 80%;
	display: block;
	padding-left: 6% ;
	padding-right: 6% ;
}
.sol_alt { width: 80%; padding-left: 6%; padding-right: 6%;}

.sag, .sag_alt2, .sag_alt_esit {
	width: 100%;
	display: block;
	text-align: center;
}

.sag img, .sag_alt2 img, .sag_alt_esit img {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

img.imza {
	width: 100px;
}

.sag_alt {
	width: 20%;
}

.sol_alt {
	width: 80%;
}

.sag_alt img {
	width: 80%;
}

img.azmarj {
	width: 100%;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

img.absolute {
	position: static;
	width: 100%;
	float: right;
	margin-right: -10%;
}





.resimalti {
	padding-left: 0%;
	padding-top: 20px;
	text-align: center;
}
}
@media (max-width: 641px) {

.intro { width: 96%;
}

#mobil_logo {  zoom: 0.6}

#menu li { margin: 8px; display: block; padding-right: 12px; }

h1 {
	font-size: 40px;
}

h3 {
	font-size: 32px;
}

body {
	font-size: 16px;
}

.iletisim, .resimalti {
	font-size: 14px;
}
.vesikalik_mobil { display: inline; float: right; margin-left: 10px; margin-bottom: 10px; width: 120px;}
.sag_alt { display: none;}
.sol_alt { width: 80%; padding-left: 6%; padding-right: 6%;}
}