@import url(http://font.googleapis.com/css?family=Ubuntu:400,700,300&subset=latin,latin-ext);
@import url(http://font.googleapis.com/css?family=Cardo&subset=latin,latin-ext);
@charset "utf-8";


body{ background-color: #fff; overflow-x:hidden; }
.clear { clear:both; }
.wrap{ width: 100%; height: 100px; }

a{text-decoration: none; color:#9c9b9b; word-spacing: 5px;}
a:hover{color:#fff;}
h1{color:#9c9b9b; font-size: 14px; font-family: 'Cardo', sans-serif; }
h2{color:#e6e0d8; font-size: 16px; font-family: 'Cardo', sans-serif; font-weight: 300; }




#home{ width: 100vw; height: 100vh; background:url(../img/mainBack.jpg) center center no-repeat; background-size: cover; display: block; }
#homeLeft{float: left; width: 150px; margin-top: 50px; max-width: 150px; margin-right: -30px; text-align: left; line-height: 130%;font-family: 'Ubuntu', sans-serif; font-size:12px; color:#e0dbdb; display: inline-block; }
#homeCenter{ width: 1024px; margin:0 auto; text-align: center; display: block;  height: 100vh; font-family: 'Ubuntu', sans-serif; font-size:14px; font-weight: 300; margin-top: -50px; }
#homeCContent{}
#homeRight{ display: block; text-align: center; width: 1024px; margin:0 auto; }
#logo{ float: none; width: 480px; display: inline-block;margin-top: -260px;  }
#leftArrow{ position: relative; margin-top: 25vh; }
#wrapMain{ width: 100%; height: 25vh; }
#downBtn{ position: fixed; left:40px; bottom: 40px; }
#downBtn img{ width: 50px; }
#buttons{ float: right; width: 150px; margin-left: 20px; text-align: left; }
#buttons a { cursor: pointer; }

#senideco{ font-family: 'Ubuntu', sans-serif; font-size:12px; font-weight: 300; width: 100vw; height: 100vh; background:url(../img/senidecoBack.jpg) center center no-repeat; background-size: cover; display: block; }
#seniUrun{ font-family: 'Cardo', sans-serif; font-size: 10px; }
#senidecoCenter{ width: 1024px; text-align: center; margin:0 auto; }
#senidecoLogo{ width: 480px; margin-top: 30vh; }
#seniKaro{ width: 200px; margin-left: -450px; }

#tier{ font-family: 'Ubuntu', sans-serif; font-size:12px; font-weight: 300; color:#111; width: 100vw; height: 100vh; background:url(../img/tierrafinoBack.jpg) center center no-repeat; background-size: cover; display: block; }
#tierUrun{ font-family: 'Cardo', sans-serif; font-size: 10px; }
#tierCenter{ width: 1024px; text-align: center; margin:0 auto; }
#tierLogo{ width: 480px; margin-top: 0px; }
#tierKaro{ width: 200px; margin-left: -450px; }
#tierCenter a { color:#111; }

#country{ font-family: 'Ubuntu', sans-serif; font-size:12px; font-weight: 300; color:#fff; width: 100vw; height: 100vh; background:url(../img/countryBack.jpg) center center no-repeat; background-size: cover; display: block; }
#countryUrun{ font-family: 'Cardo', sans-serif; font-size: 10px; }
#countryCenter{ width: 1024px; text-align: center; margin:0 auto; }
#countryLogo{ width: 480px; margin-top: -130px; }
#countryKaro{ width: 200px; margin-left: -450px; }
#countryCenter a { color:#fff; }

#annie{ font-family: 'Ubuntu', sans-serif; font-size:12px; font-weight: 300; color:#fff; width: 100vw; height: 100vh; background:url(../img/annieBack.jpg) center center no-repeat; background-size: cover; display: block; }
#annieUrun{ font-family: 'Cardo', sans-serif; font-size: 10px; }
#annieCenter{ width: 1024px; text-align: center; margin:0 auto; }
#annieLogo{ width: 330px; margin-top: 130px; }
#purple{ width: 140px; }
#annieKaro{ width: 200px; margin-left: -450px; }
#annieCenter a { color:#fff; }

#iletisim{ color:#fff; font-family: 'Ubuntu', sans-serif; font-size:12px; }
#social{ float: right; margin-right: 40px; margin-top: -20px;}

#master{ background: url(../img/iletisimBack.jpg) center center fixed no-repeat; background-size: cover; width: 100vw; min-height: 100vh; }
#iletisimCenter{ width: 1024px; text-align: center; margin:0 auto; }
#map{ margin-top: 40px; float: right; -webkit-box-shadow: 0px 24px 30px 0px rgba(50, 50, 50, 0.65);
-moz-box-shadow:    0px 24px 30px 0px rgba(50, 50, 50, 0.65);
box-shadow:         0px 24px 30px 0px rgba(50, 50, 50, 0.65); -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }
#iletisimForm{ float: right; }
#iletisimLeft{ float: left; text-align: left; color:#e6e0d8; width: 324px; }
#iletisimFormLeft{ float: left; text-align: right; color:#e6e0d8; width: 324px; margin-top: 150px; }
#iletisimFormRight{ float: right; }

#iletisimFormRight{display: inline-block; margin-top: 30px; margin-left: 65px; width: 700px; float: right;}
#formMain{ width: 1024px; }
#iletisimFormRight input[type=text]{width: 300px;height: 30px;font-family: 'Open Sans' , sans-serif; padding: 10px;}
#iletisimFormRight textarea{width: 300px;height: 96px;font-family: 'Open Sans' , sans-serif; padding: 10px; }
#leftIletisim{ float: left; }

#Mesaj{ -webkit-box-shadow: 0px 24px 30px 0px rgba(50, 50, 50, 0.65);
-moz-box-shadow:    0px 24px 30px 0px rgba(50, 50, 50, 0.65);
box-shadow:         0px 24px 30px 0px rgba(50, 50, 50, 0.65); }
.gonder{width: 300px;height: 55px; font-family: 'Open Sans' , sans-serif;  color: #ffffff;
  font-size: 14px;
  background: #a37749;
  border:none;
  text-decoration: none;-webkit-box-shadow: 0px 24px 30px 0px rgba(50, 50, 50, 0.65);
-moz-box-shadow:    0px 24px 30px 0px rgba(50, 50, 50, 0.65);
box-shadow:         0px 24px 30px 0px rgba(50, 50, 50, 0.65);}
 .textAndBtn{ margin-left: 30px; float: right;  }

#header{  width: 100%; height: 200px; margin:0; }
#headerCenter{ width: 600px; margin:0 auto; text-align: center; }
#headerRight{ float: right; margin-top: -202px; margin-right: 20px; }
#contentButtons{ float: right; margin-right: 40px; font-family: 'Ubuntu', sans-serif; font-size:12px;  margin-top: 40px; }
#contentButtons a{ color:#fff;	 }

#urunMain{ width: 100%; padding: 40px; font-family: 'Ubuntu', sans-serif; font-size: 12px; font-weight: 300; line-height: 140%;}
#urunLeft{width: 250px; float: left; text-align: left; color:#b3afaf; height: 500px; border:none;}
#urunLeft h1{ font-size: 20px; text-align: center; line-height: 140%; }
#urunCenter{ width: 800px; margin:0 auto; text-align: center; }
#urunRight{ width: 150px; float: right; }
#centerLeft{ float: left; width: 160px; font-family: 'Cardo', sans-serif; font-size: 15px; text-align: left; margin-left: 20px; }
#centerCenter{ float: left; width: 300px; margin-left: 20px; }
#centerRight{ float: left; width: 250px; margin-left: 20px; text-align: left; }
#centerLeft a:hover{ color:#828181; }

#annieUrun{ width: 300px; max-width: 300px;float:left; margin-top: -350px; }
#seniUrun{ margin-left: -690px; margin-top: -420px; width: 300px; max-width: 300px; }
#logoContent{ margin-top: 50px;height:150px;  }
#unknown{ width: 170px; height: 1px; background-color:#fff; margin-top: 10px; }

#mainPic{ width:300px; border:1px solid #ededed; height: 300px; }
#miniPic{ width: 330px; height: 150px; overflow: scroll; margin-left: -10px;}

#headerM{ display: none; }
#damaIcerik{ height: 50px; margin-left: 20px; margin-top: 20px; float: left; }
#iletBtn{ display: none; }
#iletLine{ width: 100px; height: 1px; background-color:#9c9b9b; margin-top: 10px; }
#iletisimLogo{ width: 300px; }
#map{ width:700px; height:300px; }

@media screen and (max-width: 1024px) {

	
}

@media screen and (max-width: 414px) {

	#senidecoCenter{ width: 100%; }
	#tierCenter{ width: 100%;}
	#countryCenter{ width: 100%;}
	#annieCenter{ width: 100%;}
	#homeCenter{ width: 100%;}
	#homeRight{ display: none; }
	#homeLeft{ display: none; }

	#senidecoLogo{ width: 80%; margin-top: 30vh; }
	#tierLogo{ width: 80%; margin-top: 30vh; }
	#annieLogo{ width: 80%; margin-top: 10vh; }
	#countryLogo{ width: 80%; margin-top: 10vh; }
	#logo{ width: 80%; margin-top: 40px; }

	#senideco{ width: 100%;}
	#tier{ width: 100%;}
	#annie{ width: 100%;}
	#country{ width: 100%;}

	#tierKaro{ width: 10%; margin-left: 20px; }
	#seniKaro{ width: 30%; margin-left: 20px; }
	#annieKaro{ width: 10%; margin-left: 20px; }
	#countryKaro{ width: 10%; margin-left: 20px; }

	#leftarrow{ display: none; }
	#leftarrow{ display: none; }
	#rightArrow{ display: none; }


	#social{ display: none; }

	#ozelyapim{ display: none; }

	.textArea{ display: none; }
	.window{ overflow: hidden; }
	#buttons a{ color:#fff; }

	#purple{ display: none; }

	#annieUrun{ width: 200px; max-width: 200px; float:none; margin-top: -50px; }

	#seniUrun{ margin-left: 10%; margin-top: -20px; width: 80%; max-width: 10%; }

	#urunMain{   width: 90%; padding: 5%; font-family: 'Ubuntu', sans-serif; font-size: 12px; font-weight: 300; line-height: 140%; overflow: hidden;}
#urunLeft{width: 100%; float: none; text-align: left; color:#b3afaf; height: auto; margin-left: 5% border:none; overflow: hidden; }
#urunLeft h1{ font-size: 20px; text-align: center; line-height: 140%; }
#urunCenter{  width: 100%; margin:0 auto; text-align: center;  margin-left: 0; margin-top: 40px; overflow: hidden; }
#urunRight{ width: 100%; float: none; margin-left: 0; overflow: hidden; }
#centerLeft{ float: none; width: 100%; font-family: 'Cardo', sans-serif; font-size: 15px; text-align: left; margin-left: 0px; }
#centerCenter{ float: none; width:100%; }
#centerRight{ float: none; width: 15%; text-align: left; display: none; }
#centerLeft a:hover{ color:#828181; }

	#header{  width: 100%; height: 80px; margin:0; overflow: hidden; max-width: 100vw;  }
#headerCenter{ width: 100%; margin:0 auto; text-align: center; margin-left: -80px; }
#headerRight{ float: right; margin-top: 2px; margin-right: 20px; display: none; }
#contentButtons{ float: right; margin-right: 40px; font-family: 'Ubuntu', sans-serif; font-size:12px;  margin-top: 40px; }
#contentButtons a{ color:#fff;	 }

#mainPic{ width: 120px; border:1px solid #ededed; height: 100px; display: none; }
#miniPic{width: 90%; height: 150px; overflow: scroll; }

	#logoContent{ margin-top: 20px;height:30px; margin-left: -40px; }

	#unknown{ display: none; }
	.urunSelect{ display: none; }
	#downArrowCloser{ display: none; }

	#headerM{ display: inline-block; margin-top: -30px; float: right; margin-right: 20px; }

	#damaIcerik{ height: 30px; margin-left: 20px; margin-top: 20px; float: left; }

	#navBar{ background-color: #333; color:#fff; height: 100%; list-style-type: none; text-align: center;  }
	#navBar li{ font-family: 'Ubuntu', sans-serif; padding:20px; }

	#iletisim a { color:#fff; }
	#iletLine{ background-color: #fff; }

	#unskilled{ display: none; }

	#iletisimLogo{ width: 150px; }
	#iletisimLeftArrow{ display: none; }

	#map{ width:90%; height:150px; float: none;  }

	#iletisimCenter{ width: 100%; text-align: center; margin:0 auto; }
#iletisimForm{ float: none; }
#iletisimLeft{ float: none; text-align: left; color:#fff; width: 90%; margin-left: 5%; }
#iletisimFormLeft{ float: none; text-align: left; color:#e6e0d8; width: 90%; margin-top: 40px; display: none; }
#iletisimFormRight{ float: none; }

#Mesaj{ -webkit-box-shadow: 0px 24px 30px 0px rgba(50, 50, 50, 0.65);
-moz-box-shadow:    0px 24px 30px 0px rgba(50, 50, 50, 0.65);
box-shadow:         0px 24px 30px 0px rgba(50, 50, 50, 0.65); }
.gonder{width: 100px; height: 25px; font-family: 'Open Sans' , sans-serif;  color: #ffffff;
  font-size: 14px;
  background: #a37749;
  border:none;
  text-decoration: none;-webkit-box-shadow: 0px 24px 30px 0px rgba(50, 50, 50, 0.65);
-moz-box-shadow:    0px 24px 30px 0px rgba(50, 50, 50, 0.65);
box-shadow:         0px 24px 30px 0px rgba(50, 50, 50, 0.65);}
 .textAndBtn{ margin-left: 0px; float: none; margin-top: 30px;  }
 #iletisimFormRight{display: inline-block; margin-top: 30px; margin-left:5%; width: 90%; float: none;}
#formMain{ width: 100%; }
#iletisimFormRight input[type=text]{width: 90%;height: 30px;font-family: 'Open Sans' , sans-serif; padding: 5%;}
#iletisimFormRight textarea{width: 90%;height: 96px;font-family: 'Open Sans' , sans-serif; padding: 5%;  margin-top: 30px;}
#leftIletisim{ float: left; }

#adres{ display: none; }

}