#temizle {clear:both; } 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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, caption, tfoot, 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%; vertical-align: baseline; } 
body{
	margin:0px;
	text-align: left;
	margin:0;
	padding:0;
	overflow-x: hidden;
	font-family: 'Oswald', sans-serif;font-weight:300; font-size:15px; color:#959595; line-height:20px;
	background:#1da1f3;
}
html {-ms-overflow-style: none;} ::-webkit-scrollbar {display: none;}
header{ position: fixed; width: 100%; padding: 0 5%; height: auto; border-bottom: 1px solid rgba(255,204,28,1.00); left: 50%; top: 0; transform: translate(-50%, 0); z-index: 57 }
header.tasi{ background:rgba(27,42,49,0.50);}
#logo{ position:relative; float: left;  width:15%; height:auto; margin: 10px auto; display: block; outline: 0; }
#logo img{ max-width:100%; max-height: 100px; }
#logo-yan1 { font-family: 'Oswald', sans-serif; font-weight:300; margin:10px auto; float:left; width:60%; z-index:58; text-align:center; }
#logo-yan1 ul{ margin:0px; padding:0px; }
#logo-yan1 a{padding:0px 25px; line-height:100px; height: 100px; font-weight:300; color:#fff; font-size:18px; text-decoration:none; display:inline-block;   }
#logo-yan1 a:hover{ color:rgba(255,204,28,1.00); box-sizing:border-box; }
#logo-yan1 .menuaktif{ color:#19b0cd; }
#logo-yan1 li{ position:relative; display:inline-block;list-style:none;text-align:center;box-sizing:border-box; color:#000; border-radius:3px;   }
#logo-yan1 ul li ul{ width:250px; height:auto; position:absolute; top:70px; left:0px; margin:0; padding:0; color:#000; background:rgba(255,255,255,1);   z-index:9999999;  box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2); padding:30px; box-sizing:border-box; text-align:left; visibility:hidden; transition:all .0s ease-in;  }
#logo-yan1 ul li ul a{ width:100%; padding:10px; line-height:normal; display:block; text-align:left; font-size:15px; background:none; color:#000; box-shadow: inset 3px 0 0 0 #ccc; box-sizing:border-box;  }
#logo-yan1 ul li ul a:hover{ color:#fff;  height:auto; background:none; box-shadow: inset 800px 0 0 0 #ccc; border-bottom:0px; transition:all .2s ease-in; }
#logo-yan1 ul li ul li { width:100%; margin:0.8% 0%; float:none; display:inline-block; color:#000; border:0px solid #006bc3; }
#logo-yan1 ul li ul li:hover{ background:#fff; border:0px solid #ccc;  }
#logo-yan1 ul li ul li ul{  width:100%; height:auto; float:left; position:absolute; top:0px; left:100%; z-index:1; display:none; }
#logo-yan1 li:hover >  ul{  visibility:visible; top:50px; transition:all .2s ease-in;  }
#logo-yan1 li:hover >  a{ display: block; color:rgba(255,204,28,1.00); }
#logo-yan2 { font-family: 'Oswald', sans-serif; font-weight:300; margin:45px auto; float:right; width:25%; z-index:58; text-align:right; }
#logo-yan2 ul{ margin:0px; padding:0px; }
#logo-yan2 a{ line-height:30px; height: 30px; width: 30px; font-weight:700; color:rgba(255,204,28,1.00); font-size:15px; text-decoration:none; display:inline-block; border:1px solid rgba(255,204,28,1.00); border-radius: 100%; box-sizing:border-box; }
#logo-yan2 a:hover{ color:rgba(255,255,255,1.00); border:1px solid rgba(255,255,255,1.00);  }
#logo-yan2 li{ position:relative; display:inline-block;list-style:none;text-align:center;box-sizing:border-box; color:#000; border-radius:3px; margin: 0px 2px;   }

#tasiyici{ position:fixed; width:100%; height:100px; top:0; left:0; background:rgba(255,255,255,0.9); z-index:999999999999; }

#alan{ position:relative; width:80%; margin:0% auto; text-align:center; }
#alan1{ position:relative; height:100vh; width:100%; display:block; background:url(../images/anabg.jpg) top center; background-size:100% 100%; }
#alan2{ position:relative; height:auto; width:100%; display:block; background:#FFF; } 
#hosgeldiniz{ position:relative; min-height:100vh; width:100%; padding:40% auto; display:block; box-sizing:border-box; background:#1b2a31; outline: 0; }
#merhaba{ position:relative; min-height:100vh; width:100%; padding:40% auto; display:block; box-sizing:border-box; background:#1b2a31; outline: 0; }
#motto{ position:relative; min-height:100vh; width:100%; padding:40% auto; display:block; box-sizing:border-box; background:#1b2a31; outline: 0; }
#portfoy{ position:relative; min-height:100vh; width:100%; padding:15%; display:block; box-sizing:border-box; background:#1b2a31; outline: 0; }
#portfoy{ position:relative; min-height:100vh; width:100%; padding:15%; padding-top: 10%; display:block; box-sizing:border-box; background:#1b2a31; outline: 0; }
#markalar{ position:relative; min-height:100vh; width:100%; padding:40% auto; display:block; box-sizing:border-box; background:url(../images/marka-zemin.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover; outline: 0; }
#iletisim{ position:relative; min-height:100vh; width:100%; padding:15%; display:block; box-sizing:border-box; background:url(../banner/2zeminfoto.jpg) no-repeat top center; background-size: 100% 100%; outline: 0; }

.cizgi{ position:relative; margin:15px auto;width:1px; max-width:100%; height:1px;background:#e5b91d; opacity:0; box-sizing:border-box;}
#ortala{ position:absolute;width:50%;left:50%;top:50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);	transition:all .2s ease-in;text-align:center; }
#ceyrek{  position:relative; width:25%; float:left; padding:0.1%; box-sizing:border-box; }
#ceyrekic{ width:100%;  border:1px solid #333; border-bottom:5px solid #f9c124; }
#ucceyrek{position:relative; width:75%; float:left; padding:2%; min-height:450px; box-sizing:border-box; }
#ceyrek-baslik{ font-family: 'Oswald', sans-serif;font-size:25px; color:#0d4da1; text-align:center; width:100%; margin:20px auto; font-weight:700; }
#ceyrek-baslik2{ font-family: 'Oswald', sans-serif;font-size:25px; color:#fff; text-align:center; width:100%; margin:20px auto; font-weight:700; }

#yaz-k2{ font-family: 'Oswald', sans-serif;font-size:140px; color:#FFF; font-weight:700; text-align:center; width:100%;  line-height:200px; }

#yaz-k6{ font-family: 'Oswald', sans-serif;font-size:45px; color:#FFF; text-align:center; position:absolute; bottom:0; left:5%; }
#yarim{position:relative;width:48%;float:left; margin: 1%;}
#yarim1{ width:49%; float:left; margin-bottom:15px; box-sizing: border-box;}
#yarim2{ width:49%; float:right; margin-bottom:15px; box-sizing: border-box;}

#uclu{  display:block; width:33.3%; padding: 0px 30px; text-align:center; box-sizing:border-box; float:left; }
#besli{ display:inline-block; width:13%; margin:2%; text-align:center; }

#say{ width:100px; height:100px; line-height:100px; border:3px solid #FFF; background:#FFF; color:#f36421; font-size:55px; font-family: 'Oswald', sans-serif; font-weight:800; text-align:center; border-radius:100%; margin:0 auto; margin-bottom:20px;  }

.acil{ display:none; }
.kapa{ display:block; }
#acil{ display:none; }
#kapa{ display:block; }

.cover {position: absolute;top: 0;left: 0;z-index: 2; width: 100%; height: 100%;}
.cover .hi {position: absolute; left: auto; top: 90%;right: 5%;color: #fff;font-family: 'Oswald', sans-serif;font-size:15px;line-height: 20px; font-weight: 500; text-align: center;}
.cover .hi span {color: #ffcc1c;cursor: pointer;text-decoration:none; border: 1px solid #ffcc1c; width: 40px; height: 40px; line-height: 40px; text-align: center;border-radius: 100%; display: block;}
.cover .hi span:hover { color: rgba(0,0,0,1.00); background: #ffcc1c;  }
.cover .hi em {font-style: normal;}
.cover .hi em.hidden {display: none;}
.tv {position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;overflow: hidden;}
.tv .screen { position: absolute;top: 0; right: 0;bottom: 0;left: 0;z-index: 1;margin: auto;opacity: 0;transition: opacity .5s;}
.tv .screen.active {opacity: 1;}

.tren {background-image:url(../img/loading.gif);z-index: 100;background-position:center;position:fixed;background-attachment: fixed;background-repeat: no-repeat;background-color: #000; width: 100%;height: 100%;}
.text{font-family: 'Oswald', sans-serif; font-size:18px; color:#959595;}
.text-beyaz{font-family: 'Oswald', sans-serif; font-size:18px; color:#ccc;}

.style1{
	width:100%;
	color:#666;
	background:none;
	height:30px;
	border:none;
	border-bottom:1px solid #fcce01;
	margin:10px;
	
}
.style2{
	width:100%;
	min-height:150px;
	color:#666;
	background:none;
	height:auto;
	border:none;
	border-bottom:1px solid #fcce01;
	margin:10px;
	
}
#arabtn{ background: url(/images/gonderbtn.png); width:53px; height:70px; float:Left;  line-height:34px; border:0px; cursor:pointer; }
.ic {font-family: 'Oswald', sans-serif; font-size:16px; font-weight:300;   color:#fff; line-height:24px; }
.ic_beyaz {font-family: 'Oswald', sans-serif; font-size:13px; color:#ccc; text-decoration: none;   line-height:18px;  }
#ic-bslk{font-family: 'Oswald', sans-serif; font-size:24px; font-weight:300;   color:#fcce01; line-height:24px; text-align:left; }
#ic-bslk2{font-family: 'Oswald', sans-serif; font-size:20px; font-weight:300;   color:#fcce01; line-height:24px; text-align:left; border-bottom:1px solid #666; padding-bottom:5px; margin-bottom:5px; }

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

#ortala{ position:absolute;width:80%;left:50%;top:50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);	transition:all .2s ease-in;text-align:center; }

}

@media only screen and (max-width: 1000px) { 
#acil{ display:block; }
#kapa{ display:none; }
#logo{ position:relative; float: left;  width:40%; height:auto; margin: 10px auto; display: block; outline: 0; }
#logo img{ max-width:100%; height: 50px; }
#logo-yan1{display: none; }
#logo-yan2{ width: 95px; margin: 20px auto; margin-right: 10px;}
#logo-yan2 a{ line-height: 30px; height: 30px; width: auto; padding:0 5px; border-radius: 0; border: 0;  }
#logo-yan2 a:hover{ border: 0px; }
#alan{ width:95%; margin:0 auto; } 

#ortala{ position:relative; width:95%; margin:0 auto; top:0%; left:0%; height:auto; -webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}

#hosgeldiniz{ min-height:50px; padding:0%; }
#merhaba{ min-height:150px; padding:5%; }
#motto{ min-height:150px; padding:0%; }
#portfoy{ min-height:150px; padding:5%; }
#markalar{ position:relative; min-height:100px; width:100%; height:auto important!; padding-top:130px; padding-bottom:130px; display:block; box-sizing:border-box; background-image:none; background:#2c3847; background-size: 100% auto; outline: 0; }

#ceyrek{  position:relative; width:100%; float:left; padding:0.1%; box-sizing:border-box; }
#ceyrekic img{ width: 100%; }	
#yarim1{ width:100%; float:none; margin-bottom:10px; margin-right:0px; }
#yarim2{ width:100%; float:none; margin-bottom:10px; margin-right:0px; }
}


/* Slider */

.phoenix-slider {
  overflow: hidden;
  width: 100%;
  height: 630px;
  position: relative;
  background: #f5f5f5;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

.phoenix-slider .phoenix-feather {
  background: transparent none scroll no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  display: table;
  width: 100%;
  z-index: 2;
  opacity: 0;
}
.phoenix-slider .phoenix-feather  p{ width:auto; margin:0 auto; font-family: 'Oswald', sans-serif; font-weight:300; display:block; position:absolute; z-index:20; font-size:19px; color:#FFF; text-align:center; left:50%; top:50%; transform: translate(-50%, -50%);   }

@media only screen and (max-width: 1000px) {.phoenix-slider .phoenix-feather  p{ width:100%; margin:0 auto; font-family: 'Oswald', sans-serif; font-weight:300; display:block; position:relative; z-index:20; margin-top:350px; font-size:14px; color:#FFF; text-align:justify;  } 
.phoenix-slider .phoenix-feather  p img{ max-width:100%;}
}

.phoenix-slider .reborn { z-index: 4; }

.phoenix-slider .phoenix-feather > img {
  position: absolute;
  width: 100%;
  height: auto;
  min-height: 100%;
  overflow: hidden;
  display: none;
}

/* Slider Dots */

.container-dots-wrapper {
  position: absolute;
  top: 0;
  right: 10px;
  height: 100%;
  z-index: 9;
}

.container-dots-inner {
  display: table;
  height: 100%;
}

.dots {
  display: table-cell;
  vertical-align: middle;
  list-style: none;
  margin: 0;
  padding: 0;
}

.dots li {
  width: 10px;
  height: 10px;
  margin: 0 4px 7px 4px;
  text-indent: -999em;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  opacity: .5;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
  -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
  -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
  -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
}

.dots li.active {
  width: 11px;
  height: 11px;
  background:#fcce01;
  border: 2px solid #fcce01;
  left: 8px;
  opacity: 1;
}