/* General */
* {
	margin:0;
	padding:0;
}

body {
	overflow-x:hidden;
	background:#fff;
	font-family:'PT Sans Narrow',sans-serif;
}

.a {
	text-decoration:none;
}

ul {
	list-style:none;
}

.clear {
	clear:both;
}

#Sec1,#Sec2,#Sec3,#Sec4,#Sec5,#Sec6 {
/* margin-bottom: 100px;*/
	height:auto;
	position:relative;
	min-height:100%;
	
}

#Sec3 {
	height:1250px;
}

#Sec5 {
	margin-top:20px;
}


.container {
	width:960px;
	margin:0 auto;
	text-align:center;
	position:relative;
	top:20px;
}

.baslik {
	font-size:44px;
	color:#494949;
	font-weight:600;
}

.head span,.aboutHead span {
	color:#0d98e1;
}

.icerik {
	text-align:center;
	font-size:20px;
	color:#858585;
}

.altBaslik {
	font-size:20px;
}

.head {
	position:relative;
	top:60px;
}

/* Header */
header {
	display:none;
	background:#01a1ef;
	width:100%;
	position:fixed;
	top:0;
	z-index:1000;
}

.twoHead,.headerCloud {
	display:none;
}

.twoOne {
	width:85%;
}

header ul {
	width:75%;
	margin:0 auto;
	position:relative;
}

header ul li {
	float:left;
	margin:1.5%;
	color:#FFF;
	font-size:18px;
}

.headerLogo img {
	width:75px;
	margin-top:-5px;
}

.headerSeperator {
	background:#1baaef;
	width:1px;
	height:25px;
}

header > div {
	position:relative;
	top:33px;
}

.drop {
	position:absolute;
	margin:0;
	z-index:111111111111;
	top:75px;
}

.dropDown {
	float:right;
	display:none;
	top:-25px;
}

.dropDown p {
	margin:5px;
}

.dropDown li {
	background:url(../images/header/headerMenuBg.png) no-repeat;
	width:152px;
	height:34px;
	margin:2px;
}

.headerMobile {
	position:relative;
	z-index:500;
	background:url(../images/header/headerMobile.png) no-repeat;
	width:42px;
	height:34px;
	float:right;
}

/* Header */
/* Section1 Start */
#Sec1 {
background: #01acff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMWFjZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0NSUiIHN0b3AtY29sb3I9IiMwMDk1ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-radial-gradient(center, ellipse cover,  #01acff 0%, #0095dc 45%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#01acff), color-stop(45%,#0095dc)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #01acff 0%,#0095dc 45%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #01acff 0%,#0095dc 45%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #01acff 0%,#0095dc 45%); /* IE10+ */
background: radial-gradient(ellipse at center,  #01acff 0%,#0095dc 45%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01acff', endColorstr='#0095dc',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

	overflow:hidden;
}

.intro {
	position:absolute;
	top:0;
}

.intro img:nth-child(1) {
	width:100%;
	height:100%;
	max-width:1920px;
	max-height:800px;
}

.intro img:nth-child(2) {
	position:relative;
	margin-top:-100px;
}

#cloud2 {
	display:none;
}

.cloud {
	position:relative;
	top:50px;
	width:100%;
	max-width:1904px;
}

.cloud img {
	width:100%;
}

.main {
	width:960px;
	margin:-60px auto;
	position:relative;
	z-index:1;
	text-align:center;
}

.logo {
	position:relative;
	top:200px;
}

#nesneler {
	position:relative;
	width:100%;
	max-width:960px;
	margin:0 auto;
	top:0!important;
}

.scroll {
	margin-top:-20px;
	border:0;
	font-size:30px;
	color:#FFF;
	font-weight:700;
}

/* Section1 End */
/* Section2 About Start */
/*Nav */
nav {
	position:relative;
	top:100px;
	width:38px;
	margin-left:40px;
	float:left;
}

/* About navButton*/
.yanMenu li:nth-child(1) {
	background:url(../images/nav/menu.png) no-repeat;
	width:40px;
	height:57px;
}

.yanMenu li:nth-child(1):hover,.aboutActive {
	background:url(../images/nav/menu.png) no-repeat -42px 0!important;
}

/* We Do navButton */
.yanMenu li:nth-child(2) {
	background:url(../images/nav/menu.png) no-repeat 0 -55px;
	width:40px;
	height:58px;
}

.yanMenu li:nth-child(2):hover,.wedoActive {
	background:url(../images/nav/menu.png) no-repeat -42px -55px!important;
}

/* How We Work navButton */
.yanMenu li:nth-child(3) {
	background:url(../images/nav/menu.png) no-repeat 0 -110px;
	width:40px;
	height:58px;
}

.yanMenu li:nth-child(3):hover,.howActive {
	background:url(../images/nav/menu.png) no-repeat -42px -110px!important;
}

/* Projects navButton */
.yanMenu li:nth-child(4) {
	background:url(../images/nav/menu.png) no-repeat 0 -166px;
	width:40px;
	height:58px;
}

.yanMenu li:nth-child(4):hover,.projectsActive {
	background:url(../images/nav/menu.png) no-repeat -42px -166px!important;
}

/* Team navButton */
.yanMenu li:nth-child(5) {
	background:url(../images/nav/menu.png) no-repeat 0 -222px;
	width:40px;
	height:58px;
}

.yanMenu li:nth-child(5):hover,.teamActive {
	background:url(../images/nav/menu.png) no-repeat -42px -222px!important;
}

/* Contact navButton */
.yanMenu li:nth-child(6) {
	background:url(../images/nav/menu.png) no-repeat 0 -278px;
	width:40px;
	height:58px;
}

.yanMenu li:nth-child(6):hover {
	background:url(../images/nav/menu.png) no-repeat -42px -278px;
}

/* Nav End */
.aboutHead {
	height:280px;
}

.aboutSeperator {
	position:relative;
	background:#fff;
	height:100px;
}

.aboutSeperator img {
	position:relative;
	top:-13px;
}

#aboutText {
	position:relative;
	top:110px;
	z-index:0;
}

#aboutText2 {
	position:relative;
	top:-80px;
}

.aboutFoot {
	position:relative;
	z-index:15;
}

.aboutFoot li {
	float:left;
	margin:0 10px;
}

.aboutFoot li p {
	background:url(../images/about/logolar.png) no-repeat;
}

/* logowall */
.aboutFoot li:nth-child(1) p {
	background-position:0 -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(1) p:hover {
	background-position:0 0;
}




 .aboutFoot li:nth-child(2) p {
	background-position:-220px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(2) p:hover {
	background-position:-220px 0;
}




 .aboutFoot li:nth-child(3) p {
	background-position:-440px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(3) p:hover {
	background-position:-440px 0;
}

 .aboutFoot li:nth-child(4) p {
	background-position:-660px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(4) p:hover {
	background-position:-660px 0;
}

 .aboutFoot li:nth-child(5) p {
	background-position:-880px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(5) p:hover {
	background-position:-880px 0;
}


.aboutFoot li:nth-child(6) p {
	background-position:-1100px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(6) p:hover {
	background-position:-1100px 0;
}

.aboutFoot li:nth-child(7) p {
	background-position:-1320px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(7) p:hover {
	background-position:-1320px 0;
}
.aboutFoot li:nth-child(8) p {
	background-position:-1540px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(8) p:hover {
	background-position:-1540px 0;
}

.aboutFoot li:nth-child(9) p {
	background-position:-1760px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(9) p:hover {
	background-position:-1760px 0;
}

.aboutFoot li:nth-child(10) p {
	background-position:-1980px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(10) p:hover {
	background-position:-1980px 0;
}

.aboutFoot li:nth-child(11) p {
	background-position:-2200px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(11) p:hover {
	background-position:-2200px 0;
}

.aboutFoot li:nth-child(12) p {
	background-position:-2420px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(12) p:hover {
	background-position:-2420px 0;
}

.aboutFoot li:nth-child(13) p {
	background-position:-2640px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(13) p:hover {
	background-position:-2640px 0;
}

.aboutFoot li:nth-child(14) p {
	background-position:-2860px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(14) p:hover {
	background-position:-2860px 0;
}

.aboutFoot li:nth-child(15) p {
	background-position:-3080px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(15) p:hover {
	background-position:-3080px 0;
}

.aboutFoot li:nth-child(16) p {
	background-position:-3300px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(16) p:hover {
	background-position:-3300px 0;
}

.aboutFoot li:nth-child(17) p {
	background-position:-3520px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(17) p:hover {
	background-position:-3520px 0;
}

.aboutFoot li:nth-child(18) p {
	background-position:-3740px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(18) p:hover {
	background-position:-3740px 0;
}

.aboutFoot li:nth-child(19) p {
	background-position:-3958px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(19) p:hover {
	background-position:-3958px 0;
}

.aboutFoot li:nth-child(20) p {
	background-position: -4150px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(20) p:hover {
	background-position:-4150px 0;
}

.aboutFoot li:nth-child(21) p {
	background-position: -4402px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(21) p:hover {
	background-position:-4402px 0;
}

.aboutFoot li:nth-child(22) p {
	background-position: -4614px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(22) p:hover {
	background-position:-4614px 0;
}

.aboutFoot li:nth-child(23) p {
	background-position: -4830px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(23) p:hover {
	background-position:-4830px 0;
}

.aboutFoot li:nth-child(24) p {
	background-position: -5057px -220px;
	width:220px;
	height:220px;
}

.aboutFoot li:nth-child(24) p:hover {
	background-position:-5057px 0;
}

/* About End */
/* Section2 End */
/*Section3 We Do Start*/
#wedoText {
	position:relative;
	width:25%;
	margin:0 auto;
	height:65px;
	background-color:#fff;
}

.wedoHead {
	background:url(../images/wedo/wedoHead.png) no-repeat;
	width:776px;
	height:0;
	margin:0 auto;
}

.wedoContent {
}

.wedoContent ul {
	margin:10px auto;
}

.wedoContent ul:first-child li {
	float:left;
	margin:5px;
	width:182px;
	position:relative;
	display:none;
}

.wedoContent ul:first-child li:nth-child(3) {
	left:5px;
}

.wedoContent ul:first-child li:nth-child(4) {
	left:16px;
}

.wedoContentLine {
	background:url(../images/wedo/wedoContentLine.png);
	width:365px;
	height:86px;
	margin:0 auto;
	position:relative;
	left:-173px;
}

.wedoContentLine2 {
	background:url(../images/wedo/wedoContentLine2.png);
	width:365px;
	height:284px;
	margin:0 auto;
	position:relative;
	left:-173px;
}

.wedoHexagon {
	text-align:left;
}

.wedoHexagon div {
	display:none;
}

.wedoHexagon li {
	margin-left:50px;
}

.wedoHexagon li img {
	float:left;
}

.wedoHexagon h3 {
	color:#0698e1;
}

.wedoHexagon p {
	width:75%;
	color:#858585;
}

.wedoHexagonText {
	width:75%;
}

.wedoHexagonList {
	list-style:disc;
}

.wedoHexagonList li {
	color:#0698e1;
	margin-left:65px;
}

.wedoHexagonList p {
	color:#858585;
}

.wedoSeperator {
	background:url(../images/wedo/wedoSepeartor.png);
	width:7px;
	height:43px;
	float:none!important;
	margin-left:120px!important;
	margin-top:-10px;
}

/*Section3 We Do End*/
/*Section4 How We Work Start*/
.howContainer {
	margin-top:-60px;
	position:relative;
}

.howMask {
	background:#fff;
	width:421px;
	height:90px;
	margin:0 auto;
	position:relative;
	top:-62px;
}

.howText {
	position:relative;
	top:15px;
}

.howContent p {
	color:#919090;
	font-size:16px;
	width:100%;
}

.howContent span {
	position:absolute;
	display:none;
	color:#919090;
	font-size:16px;
	width:125px;
	left:5px;
	top:5px;
}

.howContent ul li {
	text-align:center;
	float:left;
	margin:10px;
	border:2px solid #efefef;
	-webkit-border-radius:75px;
	-moz-border-radius:75px;
	border-radius:75px;
	width:135px;
	padding:30px 0;
	height:75px;
}

.howHead {
	background:url(../images/how-we-work/howHead.png);
	width:785px;
	height:129px;
	margin:0 auto;
}

.howFoot {
	background:url(../images/how-we-work/howFoot.png);
	width:785px;
	height:64px;
	margin:0 auto;
}

/*

/*Section4  How We Work End*/
/*Section5 Projects Start*/
.projectsLine img {
	cursor:pointer;
}

.projectsContainer {
	height:150px;
}

.projectsLine {
	position:relative;
	z-index:5;
	width:960px;
	margin:0 auto;
}

.projectsLine ul li {
	float:left;
	position:relative;
	z-index:100;
	margin:35px;
}

.projectsLine ul li:nth-child(1) img {
	margin-top:0;
}

.projectsLine ul li:nth-child(5) img {
	margin-top:20px;
}

.projectsMain {
	position:absolute;
	z-index:1000;
	background:#0093da;
	width:0;
	display:none;
	overflow:hidden;
}

.projectsHead {
	width:100%;
	background:url(../images/projects/projectsHead.png);
	height:84px;
	position:relative;
	top:-15px;
}

.projectsFoot {
	width:100%;
	background:url(../images/projects/projectsFoot.png);
	height:83px;
	position:relative;
	top:17px;
}

.projectsContent {
	width:100%;
	margin:50px auto;
	height:400px;
	overflow:hidden;
}

/*Section5 Projects End*/
/* Section6 Team Start*/
.teamContent {
	position:relative;
	color:#858585;
	margin-top:-25px;
	top:-10px;
}

.teamContent li {
	float:left;
	margin:0 10px;
	width:220px;
	height:375px;
}

.teamName {
	font-size:23px;
	color:#1eb6d8;
}

.teamTitle {
	font-size:20px;
	font-weight: 300;
}

.details{
	bottom: 0;
	width: 100%;
	margin-top: 315px;
}

.volkan {
	background:url(../images/team/volkan.png) no-repeat;
	background-position:center center;
	background-size:contain;
}

.ali {
	background:url(../images/team/ali.png) no-repeat;
	background-position:center center;
	background-size:contain;
}

.dilayda {
	background:url(../images/team/dilayda.png) no-repeat;
	background-position:center center;
	background-size:contain;
}

.recep {
	background:url(../images/team/recep.png) no-repeat;
	background-position:center center;
	background-size:contain;
}

.semih {
	background:url(../images/team/semih.png) no-repeat;
	background-position:center center;
	background-size:contain;
}
.vedat {
	background:url(../images/team/vedat.png) no-repeat;
	background-position:center center;
	background-size:contain;
}
.emre {
	background:url(../images/team/emre.png) no-repeat;
	background-position:center center;
	background-size:contain;
}
.anil {
	background:url(../images/team/anil.png) no-repeat;
	background-position:center center;
	background-size:contain;
}
.can {
	background:url(../images/team/can.png) no-repeat;
	background-position:center center;
	background-size:contain;
}
.zafer {
	background:url(../images/team/zafer.png) no-repeat;
	background-position:center center;
	background-size:contain;
}

.evren {
	background:url(../images/team/evren.png) no-repeat;
	background-position:center center;
	background-size:contain;
}

.merve {
	background:url(../images/team/merve.png) no-repeat;
	background-position:center center;
	background-size:contain;
}
.metin {
	background:url(../images/team/metin.png) no-repeat;
	background-position:center center;
	background-size:contain;
}

/* Section6 Team End*/
/* Section7 Contact Start*/
.contact {
	margin-top:100px;
}

.contactContainer {
	height:260px;
}

.contactAdress {
	position:relative;
	margin-top:-100px;
}

.adress {
	background:url(../images/contact/ad.png);
	width:238px!important;
	height:104px;
	margin:0 auto;
}

.adress p {
	text-align:left;
	color:#494949;
	margin-left:50px;
}

.adress p:nth-child(1) {
	margin-bottom:25px;
}

.contactAdress > li {
	float:left;
	width:320px;
	margin:30px auto;
}

.contactSocial li {
	float:left;
	margin:12px!important;
	color:#c3c3c3;
	font-size:16px;
}

.contactSocial li:nth-child(odd) {
	position:relative;
	top:0;
}

/* Contact Facebook */
.contactSocial li:nth-child(2) {
	background:url(../images/contact/socialOn.png);
	width:18px;
	height:34px;
	cursor:pointer;
}

.contactSocial li:nth-child(2):hover {
	background-position:0 -40px;
}

.contactSocial li:nth-child(3) {
	background:url(../images/contact/contactSeperator.png);
	width:1px;
	height:18px;
}

/* Contact Twitter */
.contactSocial li:nth-child(4) {
	background:url(../images/contact/socialOn.png) no-repeat -20px 0;
	width:38px;
	height:40px;
	cursor:pointer;
}

.contactSocial li:nth-child(4):hover {
	background-position:-20px -40px;
}

.contactSocial li:nth-child(5) {
	background:url(../images/contact/contactSeperator.png);
	width:1px;
	height:18px;
}

/* Contact YouTube */
.contactSocial li:nth-child(6) {
	background:url(../images/contact/socialOn.png) no-repeat -56px 0;
	width:38px;
	height:40px;
	cursor:pointer;
}

.contactSocial li:nth-child(6):hover {
	background-position:-56px -40px;
}

.shadowUp {
	position:relative;
	background:#fff;
	width:100%;
	height:5px;
	-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.4);
	-moz-box-shadow:0 3px 5px rgba(0,0,0,0.4);
	box-shadow:0 3px 5px rgba(0,0,0,0.4);
/* fenaa
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);
    */
}

.per {
	-webkit-transform-origin:56% 51%;
	-webkit-transform:perspective(610px) rotatex(-11deg);
}

.shadowDown {
	position:relative;
	background:#fff;
	width:100%;
	height:5px;
	-webkit-box-shadow:0 -3px 5px 0 rgba(0,0,0,0.4);
	-moz-box-shadow:0 -3px 5px 0 rgba(0,0,0,0.4);
	box-shadow:0 -3px 5px 0 rgba(0,0,0,0.4);
	top:-4px;
}

/* Section7 Contact End*/
/* Footer Start */
footer {
	width:960px;
	height:60px;
	margin:-12px auto;
	color:#494949;
	font-size:14px;
	overflow:hidden;
}

.copryight {
	float:left;
	position:relative;
	top:25px;
}

.back {
	background:#f1f2f3;
	width:100px;
	height:100px;
	margin:0 auto;
	position:relative;
	top:75px;
	cursor:pointer;
	border:2px solid #494949;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10%;
	-webkit-transform-origin:56% 51%;
	-webkit-transform:perspective(610px) rotatex(0deg);
	-webkit-transition:all 1s ease-in-out;
}

.back p {
	margin:17px;
}

.back:hover {
	-webkit-transform:perspective(610px) rotatex(25deg);
}

.b {
	-webkit-transform-origin:56% 51%;
	-webkit-transform:perspective(610px) rotatex(25deg);
}

/* Safari and Chrome */
@-webkit-keyframes myfirst {
	0% {
		-webkit-transform:perspective(610px) rotatex(0deg);
	}
	
	100% {
		-webkit-transform:perspective(610px) rotatex(25deg);
	}
}

.footerLogo {
	float:right;
}

.footerLogo ul li {
	float:left;
	margin:10px;
}

.footerLogo ul li:nth-child(odd) {
	background:#e6e6e6;
	width:1px;
	height:52px;
}	
}

.footerLogo ul li:nth-child(even) {
	height:39px;
}

/* İab Logo */
/*.footerLogo ul li:nth-child(2){
    width: 53px;
    cursor:pointer;
}
.footerLogo ul li:nth-child(2):hover{
    background-position: -54px 0;
}
/* Html5 Logo */
/*.footerLogo ul li:nth-child(4){
    background-position: -115px 0;
    width: 30px;
    cursor:pointer;
}
.footerLogo ul li:nth-child(4):hover{
    background-position: -149px 0;
}
/* Footer End */
/* Stuff */
#stuff {
	float:right;
	width:15%;
	margin-top:-400px;
}

#balon {
	position:relative;
	width:100%;
	-webkit-animation:myfirst 2s linear infinite alternate;
	-moz-animation:myfirst 2s linear;
	-o-animation:myfirst 2s linear;
	animation:myfirst 2s linear;
	z-index:0;
}

/* Safari and Chrome */
@-webkit-keyframes myfirst {
	0% {
		left:0;
		top:0;
	}
	
	50% {
		left:0;
		top:10px;
	}
	
	100% {
		left:0;
		top:0;
	}
}

/* Safari and Chrome */
@-moz-keyframes myfirst {
	0% {
		left:0;
		top:0;
	}
	
	50% {
		left:0;
		top:10px;
	}
	
	100% {
		left:0;
		top:0;
	}
}

/* Safari and Chrome */
@-o-keyframes myfirst {
	0% {
		left:0;
		top:0;
	}
	
	50% {
		left:0;
		top:10px;
	}
	
	100% {
		left:0;
		top:0;
	}
}

/* Safari and Chrome */
@keyframes myfirst {
	0% {
		left:0;
		top:0;
	}
	
	50% {
		left:0;
		top:10px;
	}
	
	100% {
		left:0;
		top:0;
	}
}

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

.seperator {
	width:100%;
	background:#d8d8d8;
	height:1px;
	top:-20px;
	position: absolute;
}


.seperatorabout {
	width:100%;
	background:#d8d8d8;
	height:1px;

}

.seperator2 {
	width:1px;
	background:#d8d8d8;
	height:225px;
}

/* Stuff */
.fb,.tw,.yt,.lin {
	float:left;
	margin:0 5px;
	height:50px;
	display:block;
}

.swap span {
	display:none;
}

.fb {
	width:50px;
	height:50px;
	background:transparent url(../images/contact/fbtr.png) no-repeat;
	transition:width 2s,height 2s,transform 2s;
	-webkit-transition:width 2s,height 2s,-webkit-transform 2s;
/* Safari */
}

.fb:hover {
	width:50px;
	height:50px;
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
/* Safari */
}

.tw {
	width:50px;
	height:50px;
	background:transparent url(../images/contact/twtr.png) no-repeat;
	transition:width 2s,height 2s,transform 2s;
	-webkit-transition:width 2s,height 2s,-webkit-transform 2s;
/* Safari */
}

.tw:hover {
	width:50px;
	height:50px;
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
/* Safari */
}

.yt {
	width:50px;
	height:50px;
	background:transparent url(../images/contact/yttr.png) no-repeat;
	transition:width 2s,height 2s,transform 2s;
	-webkit-transition:width 2s,height 2s,-webkit-transform 2s;
/* Safari */
}

.yt:hover {
	width:50px;
	height:60px;
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
/* Safari */
}

.lin {
	width:50px;
	height:50px;
	background:transparent url(../images/contact/intr.png) no-repeat;
	transition:width 2s,height 2s,transform 2s;
	-webkit-transition:width 2s,height 2s,-webkit-transform 2s;
/* Safari */
}

.lin:hover {
	width:50px;
	height:50px;
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
/* Safari */
/*.fb, .tw, .yt
{
    float: left;
    margin: 0 5px;
    height: 34px;
    display: block;
    background: transparent url(../images/contact/socialOn.png) no-repeat;
}
.swap span { display: none; }
.fb { width: 18px; background-position: 0 0; }
.fb:hover { background-position: 0 -40px; }
.tw { width: 35px; background-position: -20px 0; }
.tw:hover { background-position: -20px -40px; }
.yt { width: 40px; background-position: -55px 0; }
.yt:hover { width: 40px; background-position: -55px -40px; }
*/