#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; } 
/* HEADER */
/* HEADER */
body{background:#1b1b1b;}
#sabit{position:fixed;}
#header { position:fixed; height:auto; width:100%; height:auto; margin:0px auto; background: rgba(0,0,0,0.5); z-index:57;  }
#header.sticky{ position:fixed; height:91px; background: rgba(0,0,0,0.9); } 
#headeric { height:auto; width:80%; margin:0px auto;}
#enust { position:relative; height:auto;  width:100%; margin:10px auto; position:relative; z-index:5; text-align:right; }
#logo{ position:relative; width:8%; height:auto; margin:10px; float:left; z-index:2; text-align:left; box-sizing:border-box; }
#logo img{ max-width:100%; height:70px; z-index:2; transition:all .3s ease-in; }
#logo.logo-kucul{ width:20%; transition:all .3s ease-in;}
#logo.logo-kucul img{ max-width:60%; }
#enustsosyal{ width:210px; height:40px; float:Left; }
#enustsosyal ul{ list-style:none; }
#enustsosyal ul li{ width:35px; height:40px; line-height:40px; float:left; display:block; box-sizing:border-box; }
#enustsosyal ul li a{ font-size:16px; width:100%; height:40px; line-height:40px; display:block; color:#ccc;  border-left:1px solid #ccc; text-align:center; text-decoration:none; }
#enustsosyal ul li a:hover{ background:#5aa1ef; color:#000; } 

#tel2{ float:right; padding-right:20px; padding-left:20px; padding-top:30px;}

#tel{ float:left; padding-right:20px; padding-left:10px; height:40px; border-right:1px solid #f0f0f0;  }
#tel img{ max-width:100%; max-height:35px; }

#menu{ position:relative; width:60%; float:left !important; margin:20px auto; height:auto; z-index:3;  transition:all .3s ease-in; box-sizing:border-box; }
#menu.menu-saga{ float:right; margin-top:-40px; transition:all .3s ease-in; }
#menuic {width:80%; height:49px; margin:0 auto; }
#menu1 {width:40%; height:62px; float:left;}
#menu2 {width:40%; height:62px; float:right;}

#logo-yan1 { font-family: 'Exo 2', sans-serif; float:left; width:100%; position:relative; z-index:2; }
#logo-yan1 a{ display:inline-block; padding:10px 15px; font-weight:400; color:#c5c5c5; font-size:18px; line-height:20px; margin-right:2px; text-decoration:none; }
#logo-yan1 a:hover{ background:#c00000; color:#FFF; }
#logo-yan1 .menuaktif{ background:#c00000; color:#FFF; display:block; }
#logo-yan1  li{ display:block;position:relative;list-style:none;text-align:center; display:inline-block;  }
#logo-yan1  ul li ul{ width:100%; height:auto; position:absolute; top:45px; left:0px; display:none; margin:0; padding:0; color:#FFF; z-index:99999999 !important;}
#logo-yan1  ul li ul a{ width:100%; height:40px; line-height:40px; padding:0 0 0 15px; background:rgba(0,0,0,0.8); display:block; text-align:left; font-size:13px; color:#fff; box-sizing:border-box;}
#logo-yan1  ul li ul a:hover{background:#4d4d4d; color:#fff;}
#logo-yan1  ul li ul li { width:100%; height:40px; line-height:40px;float:left;display:bolck; }
#logo-yan1  ul li ul li ul{  width:255px; height:auto; float:left; position:absolute; top:0px; left:100%; z-index:1; display:none; }
#logo-yan1 li:hover >  ul{ display:inline-block; }

#logo-yan2 { font-family: 'Exo 2', sans-serif; float:left; width:100%; position:relative; z-index:2;}
#logo-yan2 a{ float:left; padding:10px 15px; font-weight:400; color:#c5c5c5; font-size:18px; line-height:20px; margin-right:2px; text-decoration:none; }
#logo-yan2 a:hover{ background:none; color:#FFF; border-radius:30px; }
#logo-yan2 .menuaktif{ background:none; color:#FFF; border-radius:30px; }
#logo-yan2  li{ display:block;position:relative;list-style:none;text-align:left;float:left;  }
#logo-yan2  ul li ul{ width:150%; height:auto; position:absolute; top:52px; left:0px; display:none; margin:0; padding:0; color:#FFF; z-index:99999999 !important;}
#logo-yan2  ul li ul a{ width:100%; height:40px; line-height:40px; padding:0 0 0 15px; background:rgba(0,67,105,0.8); display:block; text-align:left; font-size:13px; color:#fff; box-sizing:border-box;}
#logo-yan2  ul li ul a:hover{background:#4d4d4d; color:#fff;}
#logo-yan2  ul li ul li { width:100%; height:40px; line-height:40px;float:left;display:bolck; }
#logo-yan2 li:hover >  ul{ display: block; }


#menu-icon{ float:right; background:#05a9dc; padding:0px 15px; line-height:91px; background:#05a9dc; font-family: 'Exo 2', sans-serif; font-size:16px; font-weight:600; color:#FFF; cursor:pointer; }
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 58;
    top: 0;
    right: 0;
    background:rgba(5,169,220,0.8);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 18px;
    color: #fff;
    display: block;
    transition: 0.3s;
	font-family: 'Exo 2', sans-serif;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.box {
  position:relative;
  vertical-align: middle;
  color: #0b7;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  text-align: center;
  transition: 0.5s;
  padding: 0 20px;
  cursor: pointer;
  -webkit-transition:5s;
  text-align:left;
}

.box:hover {
  color: #FFF;
}

.box::before, .box::after {
  width: 100%;
  height:100%;
  z-index: 3;
  content:'';
  position: absolute;
  top:0;
  left:0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: scale(0);
  -webkit-transition: 0.5s;
  transition:1s;
}


.curmudgeon::before {
  border-bottom: 1px solid #3bcfeb;
  border-left: 0;
  -webkit-transform-origin: 0% 100%;
}

.curmudgeon::after {
  border-top: 0;
  border-right: 0;
  -webkit-transform-origin: 50% 50%;
}

.box:hover::after, .box:hover::before {
  -webkit-transform: scale(1);
}


#menurespons { visibility: hidden; display:none;}
#logo-yan{ float:right; width:14%; display:block;   position:relative; transition:all .3s ease-in;}
#logo-yan.kapa{ display:none; transition:all .3s ease-in;}
#arakutu{ position:relative; width:100%; height:40px; line-height:40px; box-sizing:border-box; float:right; border:1px solid #f0f0f0; font-family: 'Exo 2', sans-serif; color:#666; font-size:14px; text-decoration:none; }
#ara{ width:70%; height:39px; line-height:39px; padding-left:10px; border:0px; float:left; font-family: 'Exo 2', sans-serif; font-weight:400; color:#000; font-size:14px; background:none; box-sizing:border-box; }
#arabtn{ width:30%; height:39px; line-height:39px;  float:right; text-decoration:none; font-family: 'Exo 2', sans-serif; color:#ccc; font-size:16px; text-align:center; box-sizing:border-box; background:none; border:0px; cursor:pointer;}
#arabtn:hover{ background:#5aa1ef; color:#fff; }

#dilbg{ position:relative; width:10%; height:53px; line-height:53px; float:right; background:url(../images/dil-bg.png) no-repeat top center; margin:15px auto; text-align:center; } 

#hizmet{ width:100%; height:40px; line-height:40px; background:#d70215; margin:10px auto; font-family: 'Exo 2', sans-serif; font-size:14px; font-weight:700; background:#d70215; color:#FFF; text-align:center; text-decoration:none; display:block; box-sizing:border-box; border:0px; cursor:pointer; }
#hizmet:hover{ background:#b70010; }

#sosyalicon{ width:122px; height:29px; float:right; display:block; position:relative; z-index:4; margin-top:7px; }

#logo-yan-link{ font-family:arial; font-size:11px; color:#292a5b;  font-weight:700; text-decoration:none; line-height:86px; margin:0px 0px 0px 15px;}
#logo-yan-link:hover{color:#f45a40;}

#kucukmenu { display:none; }
#sayfaana{height:auto; width:100%; margin:0px auto; background:#FFF; margin-top:}
#sayfa{height:auto; width:80%; margin:0px auto;}
#sol-baslik{font-family: 'Exo 2', sans-serif;  font-size:25px;  color:#d50a00; margin-bottom:15px;}
#sol-yazi{font-family: 'Exo 2', sans-serif;  font-size:13px;  color:#292929; line-height:20px; padding-left:20px; padding-top:20px;}
#sol-menu{ width:200px; height:34px; line-height:34px; display:block; background:url(../images/sol-menu.png) no-repeat top center; padding-left:27px; font-family: 'Exo 2', sans-serif;  font-size:14px; font-weight:400; color:#333; margin:0 0 0 0;}
#sol-menu:hover{ background:url(../images/sol-menu-hover.png) no-repeat top center;}
#sag{height:auto; width:261px; float:right;}

#banner{ width:100%;  height:auto; margin:0px auto; padding-top:0px;  position: relative; z-index:1; box-sizing:border-box; }
#banneraltbg{ width:100%; height:175px; display:block; background:#8ccaec; margin-top:-78px; }
#banner-baslik{ position:absolute; bottom:10%; left:10%; font-family: 'Exo 2', sans-serif; font-weight:700; font-size:40px; color:#fff; text-shadow:0px 3px 3px #666666; }

#banner-icsayfa{ position:relative; width:100%;  margin:0 auto; text-align:center; }
#banner-icsayfa-baslik{ position:absolute; width:1200px; margin:0 auto; font-family: 'Exo 2', sans-serif; font-weight:200; text-align:left; font-size:40px; color:#fff !important; left: 50%; transform: translate(-50%, 0); bottom:20%; }
#banner-icsayfa-baslik h2{ color:#FFF !important; }
#banner-icsayfa-takip{ position:absolute; width:1200px; margin:0 auto;  text-shadow:0px 2px 2px rgba(0,0,0,0.3);  left: 50%; transform: translate(-50%, 0); bottom:10%; }
#banner-icsayfa-takip h3 a{font-family: 'Exo 2', sans-serif; font-weight:400; text-align:left; font-size:14px; color:#fff; padding:3px; float:left; margin-right:5px; }
#banner-icsayfa-takip h3 a:hover{ text-decoration:underline; }
#banner-icsayfa-takip h2 { color:#FFF !important; }
#banasaa{ position:relative; height:100vh; width:100%; display:block; z-index:-1; }


#resp-urun{display:none; visibility:hidden;}
#kayan{ width:100%;}
#kayan-yazi{ font-family: 'Exo 2', sans-serif;  font-size:12px; height:26px; line-height:24px; padding-left:2px; margin:0 0 1px 0; background:url(../images/bgyaz.jpg); display:block;}
#orta-ciz{ border-bottom:2px solid #e4e4e4; margin-bottom:15px; margin-top:15px;}
#slogan{ width:100%; height:60px; font-family: 'Exo 2', sans-serif;  font-size:18px; font-weight:700; color:#292a5b; line-height:60px; margin-top:15px;}
#orta-bslk{ width:auto;min-height:70px;line-height:60px; font-family: 'Exo 2', sans-serif; font-weight:300; font-size:48px; color:#000; }
#orta-bslk2{ width:auto;min-height:60px;line-height:60px; font-family: 'Exo 2', sans-serif; font-weight:300; font-size:48px; color:#1b1b1b; }
#orta-bslk3{ width:auto;min-height:60px;line-height:60px; font-family: 'Exo 2', sans-serif; font-weight:300; font-size:32px; color:#d20000; }
#orta-bslk4{ width:auto; min-height:40px; line-height:40px; font-family: 'Exo 2', sans-serif; font-weight:300; font-size:28px; color:#333; }

#vid-bslk{ padding-top:20px; line-height:20px; font-family: 'Exo 2', sans-serif; font-weight:700; font-size:22px; color:#273a95; border-top:1px solid #e4e4e4;}

#ana-kurumsal-devam{ position:relative; width:auto; font-family: 'Exo 2', sans-serif;  font-weight:300; font-size:18px; color:#fff; text-decoration:none; padding:10px 18px; margin-top:10px; display:inline-block; background-color:#232323; }
#ana-kurumsal-devam:hover{ background:#171717; color:#fff; transition:all .2s ease-in;}

#ortabg{ width:85%; margin:0 auto; position:relative; z-index:3; margin-top:-190px; }

#orta1{ width:32.3%; height:auto; margin:0%; padding:10px; float:left; position:relative; z-index:1;  box-sizing:border-box; border-bottom:1px solid #434343; border-top:1px solid #434343; text-align:center; }
#orta2{ width:32.3%; height:auto; margin-left:1.5%; margin-right:1.5%; padding:10px; float:left; position:relative; z-index:1; box-sizing:border-box; border-bottom:1px solid #434343;border-top:1px solid #434343;  text-align:center;}
#orta3{ width:32.3%; height:auto; margin:0%; padding:10px; float:left; position:relative; z-index:1;  box-sizing:border-box; border-bottom:1px solid #434343; border-top:1px solid #434343;  text-align:center; }

#orta4{width:30%; height:253px; float:right; padding:20px; background:url(../images/uretimbg.jpg) #3f3185 center bottom no-repeat; position:relative; z-index:1;line-height:24px; box-sizing:border-box;}
#orta5{ width:32%; height:253px; float:left;  padding:20px; margin:2%; background:url(../images/orta5.png) #fff center bottom no-repeat; border:4px solid #FFF; position:relative; z-index:1;  box-shadow:0px 1px 1px 1px rgba(100,100,100,0.1); box-sizing:border-box; min-height:45px;line-height:45px; font-family: 'Exo 2', sans-serif; font-weight:300; font-size:35px; color:#666; transition:all .2s ease-in; }
#orta6{ width:32%; height:250px; float:left;  padding:20px;  margin-top:2%; background:url(../images/orta6.png) #fff center bottom no-repeat; border:4px solid #FFF; position:relative; z-index:1;  box-shadow:0px 1px 1px 1px rgba(100,100,100,0.1); box-sizing:border-box; min-height:45px;line-height:45px; font-family: 'Exo 2', sans-serif; font-weight:300; font-size:35px; color:#666; transition:all .2s ease-in; }
#orta5:hover{ background:url(../images/orta5.png) #f0f0f0 center bottom no-repeat; }
#orta6:hover{ background:url(../images/orta6.png) #f0f0f0 center bottom no-repeat; }

#orta1 img{ max-width:100%; }
#orta2 img{ max-width:100%; }
#orta3 img{ max-width:100%; }

#orta-menu-1{
	font-family: 'Exo 2', sans-serif; 	
	font-size:14px; color:#666; font-weight:700; border:1px solid #f0f0f0; margin:10px auto;
	padding:10px;
	text-decoration:none;
	display:block;
    transition:all .1s ease-in;
	width:100%;
	box-sizing:border-box;
}
#orta-menu-1:hover{
	background:#000; color:#fff; border:1px solid #000; transition:all .1s ease-in;
}

#urun-kutu{ position:relative; width:49%; min-height:200px; margin:0.5%; float:left;  text-align:center; box-sizing:border-box; z-index:1; transition:all .2s ease-in;}
#urun-kutu:hover > #urun-kutu-baslik{ background:#000; z-index:2; transition:all .2s ease-in;}
#urun-kutu-baslik{ position:absolute; bottom:0; width:100%; padding:15px; display:block; font-family: 'Rajdhani', sans-serif;font-size:16px; font-weight:400; color:#fff; box-sizing:border-box; 
background: #ea1c22; /* Old browsers */
background: -moz-linear-gradient(top, #ea1c22 1%, #b91117 45%, #b91117 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ea1c22 1%,#b91117 45%,#b91117 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ea1c22 1%,#b91117 45%,#b91117 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea1c22', endColorstr='#b91117',GradientType=0 ); /* IE6-9 */
}
#urun-pdf-baslik{ font-family: 'Rajdhani', sans-serif; font-weight:700; font-size:20px; color:#fff; padding:15px; margin-top:30px; text-align:left; background:#9f6d31; display:inline-block; clear:both; }
#urun-pdf-liste{position:relative; width:15.3%; height:100px; padding:20px; margin:0.5%; text-align:center; background:#fd9a00; text-decoration:none; display:inline-block; box-sizing:border-box; transition:all .2s ease-in; }
.urun-pdf-liste-baslik{
	width:100%;
  	position: absolute;
  	left: 50%;
  	top: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
	font-family: 'Rajdhani', sans-serif; font-size:15px; font-weight:400; color:#000; text-decoration:none; text-align:center;
}
#urun-pdf-liste:hover{ background:#000; }
#urun-pdf-liste:hover .urun-pdf-liste-baslik{ color:#FFF; } 



#urun-kutu2{position:relative; width:24%; min-height:200px; margin:0.5%; float:left;  text-align:center; box-sizing:border-box; z-index:1; transition:all .2s ease-in; cursor:pointer;}
#urun-kutu2:hover > #urun-kutu-baslik2{ background:#000; z-index:2; transition:all .2s ease-in;}
#urun-kutu-baslik2{ position:absolute; bottom:0; width:100%; padding:15px; display:block; font-family: 'Exo', sans-serif;font-size:16px; font-weight:400; color:#fff; box-sizing:border-box; 
background: #0060af; /* Old browsers */
}

#urun-kutu2-pdf{ font-family: 'Exo', sans-serif; font-size:14px; font-weight:700; color:#fff; text-decoration:none; padding:10px; display:block; background:#000; position:relative; bottom:0; }
#urun-kutu2-pdf:hover{ background:#f0061b; }

#urun-kutu3{ width:15.6%; min-height:75px; padding:10px; margin:0.5%; float:left; box-shadow: 0px 1px 1px 1px rgba(219,219,219,0.8); text-align:center; background:#FFF; box-sizing:border-box;}



#hizmet-kutu{ width:24%; margin:0.5%; height:250px; border:1px solid #f0f0f0; float:left; }
#hizmet-kutu-baslik{ height:70px; line-height:70px; background:#3f3185; text-align:center; font-family: 'Exo 2', sans-serif; font-size:20px; font-weight:300; text-decoration:none; color:#fff; }
#hizmet-kutu-ic{ position:relative; width:80%; height:180px; margin:0 auto; }
.hizmet-kutu-liste{
	width:100%;
  	position: absolute;
  	left: 50%;
  	top: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
	
}
.hizmet-kutu-liste a{ position:relative; font-family: 'Exo 2', sans-serif; font-size:14px; font-weight:400; color:#666; text-decoration:none; text-align:left; padding:3px; display:block; }
.hizmet-kutu-liste a:hover{ background:#666; color:#FFF; box-sizing:border-box; }

#haber-baslik{width:auto; min-height:30px; line-height:30px; display:block; font-family: 'Exo 2', sans-serif;  font-size:18px; font-weight:300;  color:#666; padding-bottom:10px; border-bottom:1px solid #CCC; margin-bottom:10px; text-decoration:none; }

#alan{ position:relative; width:1200px; height:auto; margin:0 auto; }
#alan2{ width:80%; height:auto; margin:0 auto; margin-bottom:10px; background:rgba(255,255,255,1); padding:20px; box-shadow:0px 2px 2px #ccc; position:relative; margin-top:-30px; z-index:3; border-top:2px solid #CCC; }
.alan-yazi{ font-family: 'Exo 2', sans-serif; font-size:14px; color:#5e5e5e; line-height:22px; }

#alan-baslik{overflow: hidden;  text-align:left; margin-bottom:20px;   }

#alan-baslik h1 {
  font-family: 'Exo 2', sans-serif; font-weight:400; font-size:32px; color:#666; min-height:30px; line-height:30px;
  display: inline-block;
  padding: 0 15px 0px px;
  position: relative;
}
#alan-baslik h1:before,
#alan-baslik h1:after {
  background: #dfdfdf;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 1000%;
}
#alan-baslik h1:before {
  right: 100%;
}
#alan-baslik h1:after {
  left: 100%;
}

#alan-baslik2{font-family: 'Exo 2', sans-serif; font-size:32px;font-weight:400;color:#000; line-height:35px; float:left; text-decoration:none; text-align:left; }
#alan-baslik2-ciz{ background: linear-gradient(90deg, #055094 15%, #dfdfdf 10%);  height:2px; margin:15px auto; }

#icon-alan{ width:75%; height:auto; float:left; position:relative; z-index:2; }
#icon-alan ul{ width:100%; }
#icon-alan ul li{ width:24%; display:inline-block; margin-top:-50px; }
#icon-alan ul li a{ width:75%; height:130px; background:#FFF; display:block; border-radius:300px; text-align:center; font-family: 'Exo 2', sans-serif;  font-weight:700; color:#000; font-size:14px; text-decoration:none; padding-top:25px; box-sizing:border-box;  }
#icon-alan ul li a:hover{ box-shadow:0px -5px 5px  #000; }
#icon-alan-sag{ width:25%; float:right; margin-top:10px; }

#resim-ekip{ width:17.5%; border:1px solid #e6e6e6; margin:10px; padding:0px; float:left; height:195px; text-align:center; }
#resim-ekip:hover{ border:1px solid #ccc; }
#resim-ekip img{ max-width:100%; height:175px; padding-top:5px;}
#resim-ekipsozluk img{ max-width:100%; height:145px; padding-top:5px;}


#resim-ekip-baslik {
	width:100%;
	min-height:40px;
	line-height:30px;
	background:#43567e;
	height:auto;
	float:left;
	z-index:1;
	font-family: 'Exo 2', sans-serif; 	font-size:18px; font-weight:700; color:#fff;
	
}
#resim-ekip2{ width:35%; border:0px; margin:0px; padding:0px; float:left; max-height:580px; margin-right:15px; text-align:center; }
#resim-ekip3{ width:30%; border:0px; margin:0px; padding:0px; float:left; max-height:580px; margin-right:15px; text-align:center; border:1px solid #e6e6e6; margin-bottom:15px; }
#basin-kutu{ width:49%; height:180px; padding-top:80px; border:1px solid #e4e4e4;  margin:1px; padding:10px; float:left; 
color:#fff; font-family: 'Exo 2', sans-serif;  font-size:18px; font-weight:700; text-decoration:none; text-shadow:0px 3px 3px #333333;
}


#ile{ width:100%; height:49px; border-bottom:1px solid #d5d5d5; border-top:1px solid #d5d5d5; }
#ileic{ width:80%; height:auto}
#ileic1{float:left; width:30%; margin-top:5px; font-size:15px}
#ileic2{float:left; width:40%; margin-top:5px; font-size:15px}

#footer { height:auto; width:100%; margin:0px auto; background:#000; z-index:2;}
#footer-ic { height:auto; width:80%; min-height:80px; margin:0px auto; padding-top:20px;}
#footer-alan-link{ min-height:170px; width:24%; float:left; font-family: 'Exo 2', sans-serif;  font-size:18px; color:#b5b0b0; margin-right:8px; }
#footer-alan-link2{ min-height:170px; width:48%; float:left; font-family: 'Exo 2', sans-serif;  font-size:18px; color:#b5b0b0; border-right:1px solid #3d3939; margin-right:8px; }

#footer-alan2{ width:100%; height:45px; line-height:45px; border-bottom:1px solid #3d3939; border-top:1px solid #3d3939; margin-top:20px;}
#footer-sol { height:auto; width:60%; line-height:38px; margin:5px 0px 0px 0px; float:left;  border-top:1px solid #3d3939; padding-top:10px;}
#footer-orta { height:auto; width:14%; line-height:38px; margin:5px 0px 0px 0px; float:left;}
#footer-sag { height:auto; width:40%; line-height:38px; margin:5px 0px 0px 0px; float:left; text-align:right; border-top:1px solid #3d3939; padding-top:10px;}
.footer-baslik {font-family: 'Exo 2', sans-serif;  font-size:28px; color:#838383; margin:15px auto; }
.footer-yazi {font-family: 'Exo 2', sans-serif;  font-size:13px; color:#c1c1c1; line-height:20px; }
.footer-link {font-family: 'Exo 2', sans-serif;  font-size:13px; font-weight:400; line-height:22px; margin:5px auto; color:#ccc; text-decoration:none; display:block;  }
.footer-link:hover {color:#fff; }
.footer-link-aktif {width:80%; font-family: 'Exo 2', sans-serif;  font-size:12px; line-height:22px; color:#fff; background:#d60600; padding:5px; text-decoration:none; display:block; }


#ban-icsayfa {width:100%; margin:0 auto; z-index:2; margin:0 auto;}
#sayfa-resim-kutu{float:left; margin-right:15px; width:30%; border:1px solid #CCC; margin:10px;}


#link-ust{float:left; margin-right:10px; font-family: 'Exo 2', sans-serif;  font-size:13px; color:#a5a5a5; line-height:20px; text-decoration:none }
#link-ust:hover{float:left; margin-right:5px; font-family: 'Exo 2', sans-serif;   color:#666; text-decoration:none }
#sayfayazi{ width:95%; height:auto; margin:0 auto; margin-top:20px; padding-bottom:40px;
font-family: 'Exo 2', sans-serif;  font-size:14px; line-height:20px; font-weight:400;  color:#333; text-align:Justify;
}

#solbaslik{ width:95%; height:auto; margin:0 auto; margin-top:10px; padding-bottom:40px;
font-family: 'Exo 2', sans-serif;  font-size:18px; line-height:20px; font-weight:700;  color:#fff; }

#sayfa-1 {
	width:1200px;
	height:auto;
	margin:0 auto;
	position:absolute;
	z-index:55;
	padding:0px;
	box-sizing:border-box;
	background:rgba(255,255,255,0.9);
	border-radius:5px;
	box-shadow:0px 3px 3px rgba(0,0,0,0.2);
	padding:30px;
	top:20%;
	left:50%;
	-webkit-transform: translate(-50%, 0%);
  	transform: translate(-50%, 0%);
}

#sol-1{ width:70%; height:auto; float:right; padding:0px; position:relative; z-index:1; box-sizing:border-box; }
#sag-1{ width:28%; height:auto; float:left;  position:relative; z-index:1; box-sizing:border-box;}


#sag-1-baslik {
	font-family: 'Exo 2', sans-serif;
	font-size:32px; color:#fff; font-weight:400;
	width:100%;
	padding:30px;
	padding-top:15px;
	height:auto;
	float:left;
	z-index:1;
	box-sizing:border-box;
}

#sag-menu-1{
	font-family: 'Exo 2', sans-serif;
	font-size:17px; color:#fff; font-weight:400;
	min-height:45px;
	line-height:45px;
	padding-left:30px;
	padding-right:10px;
	text-decoration:none;
	display:block;
	-webkit-transition:all .1s ease-in;
    -moz-transition:all .1s ease-in;
    -o-transition:all .1s ease-in;
    -ms-transition:all .1s ease-in;
    transition:all .1s ease-in;
	width:100%;
	clear:both;
	border-left:0px;
	margin-bottom:10px;
	background:#141414;
	box-sizing:border-box;
	-webkit-transition:all .2s ease-in;
    -moz-transition:all .2s ease-in;
    -o-transition:all .2s ease-in;
    -ms-transition:all .2s ease-in;
    transition:all .2s ease-in;
}
#sag-menu-1:hover{
	background:#fff;
	color:#000;
	-webkit-transition:all .2s ease-in;
    -moz-transition:all .2s ease-in;
    -o-transition:all .2s ease-in;
    -ms-transition:all .2s ease-in;
    transition:all .2s ease-in;
}
#sag-menu-1-aktif{
	font-family: 'Exo 2', sans-serif;
	font-size:17px; color:#fff; font-weight:400;
	min-height:45px;
	line-height:45px;
	padding-left:30px;
	padding-right:10px;
	text-decoration:none;
	display:block;
	-webkit-transition:all .1s ease-in;
    -moz-transition:all .1s ease-in;
    -o-transition:all .1s ease-in;
    -ms-transition:all .1s ease-in;
    transition:all .1s ease-in;
	width:100%;
	clear:both;
	border-left:0px;
	background:#c00000;
	box-sizing:border-box;
	-webkit-transition:all .2s ease-in;
    -moz-transition:all .2s ease-in;
    -o-transition:all .2s ease-in;
    -ms-transition:all .2s ease-in;
    transition:all .2s ease-in;
}

#sag-menu-2{
	font-family: 'Exo 2', sans-serif;
	font-size:14px; color:#666; font-weight:400;
	min-height:30px;
	line-height:30px;
	padding-left:40px;
	padding-right:10px;
	text-decoration:none;
	display:block;
	-webkit-transition:all .1s ease-in;
    -moz-transition:all .1s ease-in;
    -o-transition:all .1s ease-in;
    -ms-transition:all .1s ease-in;
    transition:all .1s ease-in;
	width:100%;
	clear:both;
	border-left:0px;
	background:#f0f0f0;
	border-bottom:1px solid #CCC;
}
#sag-menu-2:hover{
	background:#ccc;
	color:#fff;
	-webkit-transition:all .1s ease-in;
    -moz-transition:all .1s ease-in;
    -o-transition:all .1s ease-in;
    -ms-transition:all .1s ease-in;
    transition:all .1s ease-in;
}
#sag-menu-2-aktif{
	font-family: 'Exo 2', sans-serif;	
	font-size:14px; color:#fff; font-weight:400;
	min-height:30px;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	display:block;
	-webkit-transition:all .1s ease-in;
    -moz-transition:all .1s ease-in;
    -o-transition:all .1s ease-in;
    -ms-transition:all .1s ease-in;
    transition:all .1s ease-in;
	width:100%;
	clear:both;
	border-left:0px;
	background:#ccc;
}

#sag-menu-3{
	font-family: 'Exo 2', sans-serif;
	font-size:14px; color:#666; font-weight:700;
	min-height:30px;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	display:block;
	-webkit-transition:all .1s ease-in;
    -moz-transition:all .1s ease-in;
    -o-transition:all .1s ease-in;
    -ms-transition:all .1s ease-in;
    transition:all .1s ease-in;
	width:100%;
	clear:both;
	border-left:0px;
	box-shadow:0px 1px 1px #666;
	background:#fff;
	border-bottom:1px solid #e4e4e4;
}
#sag-menu-3:hover{
	background:#f7f7f7;
	color:#333;
	-webkit-transition:all .1s ease-in;
    -moz-transition:all .1s ease-in;
    -o-transition:all .1s ease-in;
    -ms-transition:all .1s ease-in;
    transition:all .1s ease-in;
}
#sag-menu-3-aktif{
	font-family: 'Exo 2', sans-serif; 	
	font-size:14px; color:#666; font-weight:700;
	min-height:30px;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	display:block;
	-webkit-transition:all .1s ease-in;
    -moz-transition:all .1s ease-in;
    -o-transition:all .1s ease-in;
    -ms-transition:all .1s ease-in;
    transition:all .1s ease-in;
	width:100%;
	clear:both;
	border-left:0px;
	box-shadow:0px 1px 1px #666;
	background:#fff;
	margin-bottom:0px;
	border-bottom:1px solid #e4e4e4;
}





#takip1-1{
	line-height:35px;
	border:0px;
	float:left;
}
#takip-1 1 img{
	border:0px;
}
#takip-1{
	font-family: 'Exo 2', sans-serif; 	font-size:12px; color:#a9a9a9;
	line-height:40px;
	padding-left:13px;
	margin-left:8px;
	display:block;
	border:0px;
	float:left;
	background:url(../images/ok_icon.png) left no-repeat;
	-webkit-transition:all .1s ease-in;
    -moz-transition:all .1s ease-in;
    -o-transition:all .1s ease-in;
    -ms-transition:all .1s ease-in;
    transition:all .1s ease-in;
}
#takip-1:hover{
	font-family: 'Exo 2', sans-serif; 	font-size:12px; color:#000;
	background:url(../images/ok_icon_hover.png) left no-repeat;
}
#sayfa-2 {
	width:95%;
	height:auto;
	margin:0 auto;
	position:relative;
	z-index:100;
	margin-top:-2px;
}

#resim{
	width:19.7%;
	display:inline-block;
	
}
.imageOuter {width:100%; float:left !important; padding:0 !important; margin:0 !important;}
span.roll {
    background:url(../images/mag.png) center center no-repeat #000;
    height: 98.4% !important;
    position: absolute;
    width:19.7%;
    z-index: 10;	
} 
#yarim{ position:relative; width:50%; min-height:250px; float:left; box-sizing: border-box;} 
#yarim-baslik{ font-family: 'Exo 2', sans-serif; font-size:40px; font-weight:700; color:#fff; line-height:70px; text-decoration:none; text-align:center; }
#yarim-baslik:hover{ background-color:rgba(000,000,000,0.5); padding:20px 30px; transition:all .2s ease-in;}




#yarim-ic{
	width:85%;
  	position: absolute;
  	left: 50%;
  	top: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
	font-family: 'Exo 2', sans-serif; font-size:14px; font-weight:300; color:#ccc; text-decoration:none; text-align:center; line-height:30px;
}
#yarim1{ width:49%; float:left; margin:0.5%; box-sizing: border-box; }
#yarim2{ width:49%; float:right; margin:0.5%; box-sizing: border-box; }
#yarim3{ width:49%; float:left; margin:0.5%; box-sizing: border-box; text-align:left; margin-right:1%; }
#yarim4{ width:49%; float:left; margin:0.5%; box-sizing: border-box; text-align:left; margin-left:1%;}
#uclu{ position:relative; z-index:9999999; width:32.3%; margin:0.5%; float:left; box-sizing: border-box; transition:all .2s ease-in; }
#uclu img{ width:100%; border-radius:10px; box-shadow: 0px 0px 3px 3px rgba(100,100,100,0.1);}

#ceyrek{ width:25%; float:left;   text-decoration:none; box-sizing:border-box; }
#ucceyrek{ width:75%; float:left; text-decoration:none; box-sizing:border-box; }

#dokuz{ width:10.1%; height:100px; margin:0.5%; float:left; background:#FFF;  text-decoration:none; box-sizing:border-box; }

#ceyrek-bslk{font-family: 'Exo 2', sans-serif;font-size:20px;font-weight:300;  color:#333; line-height:24px; float:left; text-decoration:none; text-align:left; margin-left:0px; margin-top:0px; }

#besli{ width:15.6%; margin:0.5%; min-height:300px; display:block; float:left; text-decoration:none; box-sizing:border-box; transition:all .2s ease-in;}
#besli:hover{ background:#CCC; padding:15px; border-radius:10px;  }
#besli-bslk{ width:auto;min-height:35px;line-height:35px; padding-bottom:20px; font-family: 'Exo 2', sans-serif; font-weight:400; font-size:24px; color:#10366e; text-align:center; }

#yedili{ width:13.28%; margin:0.5%; min-height:100px; display:block; float:left; text-decoration:none; box-sizing:border-box; transition:all .2s ease-in; }
#yedili img{ max-width:100%; }
#yedili:hover{ transform: rotate(10deg); }

#mavi{ position:relative; background:#5aa1ef;  padding:30px 0px 30px 0px;  }
#mavi-baslik{font-family: 'Exo 2', sans-serif; font-size:32px;font-weight:400;color:#fff; line-height:35px; float:left; text-decoration:none; text-align:left; }
#mavi-baslik-ciz{ background: linear-gradient(90deg, #055094 15%, #0a2957 10%);  height:2px; margin:15px auto; }
#beyaz{ position:relative; background:#fff;   padding:30px 0px 30px 0px; clear:both; }
#gri{ background:#eeeeee;  padding:30px 0px 30px 0px; clear:both; }
#gri2{ background:#f5f5f5;  padding:30px 0px 30px 0px; clear:both; }
#anarenk{ background:#27a862; height:150px; }
#siyahinci{ background:url(../images/siyahinci.jpg) repeat-y top right; background-size:100% auto; min-height:150px; max-height:417px; }

#bg1{ padding:30px 0px 30px 0px; clear:both; }
#bg1 {
    float:left;
    width:100%;
    margin:0;
    padding:0;
    text-align: left;
    min-height:250px;
	padding:15px 0px 15px 0px;
}
#bg1{
	background-image:url(../images/belge-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center top;
    background-attachment: fixed;
}

#bg1-baslik{overflow: hidden;  text-align:right; margin:20px auto;  }

#bg1-baslik h4 {
  font-family: 'Exo 2', sans-serif; font-weight:300; font-size:18px; color:#e0e0e0; min-height:30px; line-height:30px;
  display: inline-block;
  padding: 0px 0px 0px 25px;
  position: relative;
}
#bg1-baslik h4:before,
#bg1-baslik h4:after {
  background: #e0e0e0;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 1000%;
}
#bg1-baslik h4:before {
  right: 100%;
}
#bg1-baslik h4:after {
  left: 100%;
}









#bg2{  padding:30px 0px 30px 0px; clear:both; }
#bg2 {
    width:100%;
    margin:0;
    padding:0;
    text-align: left;
    min-height:50px;
	padding:15px 0px 15px 0px;
	display:block;
}
#bg2{
	background-image:url(../images/iletisim-form-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: relative;
}

#bg2-baslik{overflow: hidden;  text-align:left; margin:20px auto; border-right:1px solid #999;  }

#bg2-baslik h4 {
  font-family: 'Exo 2', sans-serif; font-weight:300; font-size:32px; color:#e0e0e0; min-height:30px; line-height:30px;
  display: inline-block;
  padding: 0px 25px 0px 0px;
  position: relative;
}
#bg2-baslik h4:before,
#bg2-baslik h4:after {
  background: #e0e0e0;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 1000%;
}
#bg2-baslik h4:before {
  right: 100%;
}
#bg2-baslik h4:after {
  left: 100%;
}




/* Açılan Menü */
#header-menu2{
	width:100%;	
	padding:0px;
	margin:0px auto;
    position:relative;
	font-family: 'Exo 2', sans-serif;
	font-weight:400;
}

#header-menu2 a{
    font-size:16px;
    color:#fff;
	text-align:center;
	padding:10px;
	line-height:60px;
	display:block;
	text-decoration:none;
	background-position:top center;
	box-sizing:border-box;
	margin-right:3px;
}
    
#header-menu2 a:hover{
	transition:all .2s ease-in;
	background:#002a4b;
}
#header-menu2  li{
    float:left;
    position:relative;
	list-style:none;
	text-align:center;
}
#header-menu2  .menuaktif2{
    font-size:16px;
	text-align:center;
	padding:10px;
	display:block;
	text-decoration:none;
	background-position:top center;
	box-sizing:border-box;
	background:#002a4b;

}
#ikialan{ position:relative; width:1200px; margin:0 auto; }
#ikialan:hover{ opacity:0.8; }
#iki{ width:49%; height:auto; margin:0.5%; box-sizing:border-box; float:left; text-decoration:none; opacity:0.8 }
#iki:hover{ opacity:1; }
#acil{ display:none; }
	
.ic{ font-family: 'Exo 2', sans-serif;  font-size:16px; color:#333; line-height:22px; font-weight:400; }
.ic_beyaz{ font-family: 'Exo 2', sans-serif; font-size:17px;  color:#9c9c9c; line-height:22px; font-weight:400; }

.style1{
	font-family: 'Exo 2', sans-serif; font-weight:400; font-size:15px; color:#fff;
	background:#333;
	width:100%;
	height:50px;
	line-height:50px;
	padding-left:15px;
	margin-bottom:1px;
	border:0px;	
	box-sizing:border-box;
	position:relative;
	z-index:999999 !important;
	display:block;
	border-radius:3px;
}

.style2{
	font-family: 'Exo 2', sans-serif; font-weight:400; font-size:15px; color:#fff;
	background:#333;
	width:100%;
	height:90px;
	padding-left:15px;
	padding-top:20px;
	border:0px;
	box-sizing:border-box;
	border-radius:3px;
}

.buton-form{
	font-family: 'Exo 2', sans-serif; font-weight:500; font-size:17px; color:#fff;
	background-color:#05a9dc;
	width:100%;
	height:45px;
	line-height:45px;
	padding-left:0px;
	border:0px;
	float:right;
	box-sizing:border-box;
	cursor:pointer;
}
.buton-form:hover{ background:#000;transition:all .2s ease-in; }

.style3{
	color:#fff;
	background-color:#2683e8;
	width:100%;
	height:65px;
	line-height:65px;
	padding-left:15px;
	margin-bottom:5px;
	border:1px solid #2683e8;
	float:right;
	box-sizing:border-box;
	font-family: 'Exo 2', sans-serif;
}
.style4{
	color:#fff;
	background-color:#2683e8;
	width:99%;
	margin:0.5%;
	height:120px;
	line-height:30px;
	padding-left:15px;
	border:1px solid #2683e8;
	float:right;
	box-sizing:border-box;
}
.rnd-btn{
	color:#fff;
	background-color:#247bd9;
	width:30%;
	margin:0.5%;
	height:65px;
	line-height:65px;
	padding-left:15px;
	border:1px solid #54c5d0;
	float:right;
	margin-top:10px;
	font-size:22px;
	box-sizing:border-box;
	cursor:pointer;
	border:0px;
}
.rnd-btn:hover{ background:#000; }

#main-container {
    float:left;
    width:100%;
    margin:0;
    padding:0;
    text-align: center;
    height:250px;
}

.chapter{
    position: relative;
    height: 150px;
    z-index: 1;
}
.chapter6{
    position: relative;
    height: 250px;
    z-index: 1;
}
.chapter3{
    position: relative;
    height: 150px;
    z-index: 1;
}


#chapter1{
	background-image:url(../images/orta-banner.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center top;
    background-attachment: fixed;
}

@media only screen and (max-width: 1500px) { 
#sag-1devami{float:left; background:#141414; width:7.9%; min-height:687px;}
}

@media only screen and (max-width: 1000px) { 
#yarim-baslik:hover{ background-color:none; padding:0px; transition:all .2s ease-out}
#yarim3{ width:100%; float:left; margin-bottom:5px; box-sizing: border-box; text-align:left; }
#yarim4{ width:100%; float:left; margin-bottom:5px; box-sizing: border-box; text-align:left; }
#yapisik-sosyal{     
	display:none;
}
#siyahinci { background:none;}
#detay-kutu-1{ width:100%; margin-right:0%; float:left; position:relative; box-sizing:border-box; border:1px solid #C5C5C5;}
#detay-kutu-1 img { width:100%;}
#wrapper { height:auto; width:100%; height:auto;  margin:0 auto; }
/* HEADER */
#header { position:relative; height:auto; width:100%; margin:0px auto; padding-bottom:20px; z-index:2; }
#enust{ visibility:hidden; display:none;} 
#headeric { height:100% !important; width:100%;  margin:0px auto;}
#logo-yan1{ display:none; } #logo-yan2{ display:none; }
#logo { width:50%; text-align:center; float:left }
#logo img{ float:left; }
#logo-yan { float:none; width:100%; height:auto; margin:0 auto; position:relative; clear:both;}
#arakutu{ width:50%; float:left; }
#dilbg{ width:50%; margin:0 auto; float:right; }
#probg{ float:right; height:45px; line-height:45px; background:#000000;  }
#menu{ position:relative; width:100%; height:auto; background:none; display:none; }
#dilbg{ display:none; }
#urun-pdf-liste{ position:relative; width:99%; height:100px; padding:15px; margin:0.5%; text-align:center; background:#fd9a00; text-decoration:none; display:inline-block; box-sizing:border-box; transition:all .2s ease-in; }

#hizmet-kutu{ width:99%; }
#anarenk{ background:#27a862; height:auto; padding:15px 0px 15px 0px; }

#banner-icsayfa {display:none; }
#banner-icsayfa-baslik{ position:absolute; width:95%; margin:0 auto; font-family: 'Exo 2', sans-serif; font-weight:700; text-align:left; font-size:30px; color:#fff; text-shadow:0px 2px 2px rgba(0,0,0,0.3);  left: 50%; transform: translate(-50%, 0); bottom:20%; }
#banner-icsayfa-takip{ position:absolute; width:95%; margin:0 auto;  text-shadow:0px 2px 2px rgba(0,0,0,0.3);  left: 50%; transform: translate(-50%, 0); bottom:6%; }
#banner-icsayfa-takip h3 a{font-family: 'Exo 2', sans-serif; font-weight:300; text-align:left; font-size:12px; color:#fff; padding:3px; float:left; margin-right:5px; }
#banner-icsayfa-takip h3 a:hover{ text-decoration:underline; }


#header-menu{ display:none; }
#acil{ display:block !important; }

#kucukmenu { display:block; background:#000; float:left; width:100%;  margin:80px 0px 0px 0px; }																										
#sayfa{height:auto; width:100%; margin:0px auto;}
#sol-alan{ margin:0 auto; float:none;}
#sag-alan{  background:#FFF; margin:0 auto; float:none;  }
#resp-urun{display:block; visibility:visible; margin:0 auto;  width:95%; margin:0 auto; }
#ban{ width:100%; margin:0 auto; }
#banner{ width:100%;  position:relative; z-index:1; }

#menu2 { width:70%; height:62px; float:right; text-align:right;}

#sag{height:auto; width:90%; float:none; margin:0 auto;}
#cibik{ width:100%; height:44px; background:url(../images/cibik.jpg) no-repeat top center; margin:0 auto; position:relative; z-index:999;}

#alan{ position:relative; width:95%; height:auto; margin:0 auto; }
#ikialan{ width:95%; }
#ortabg{ width:95%; margin:0 auto; position:relative; z-index:3; margin-top:0px;}

#resim-ekip{ width:47%; border:1px solid #CCC; margin:10px; padding:10px; float:left; }
#resim-ekip2{ width:50%; border:0px; margin:0px; padding:0px; float:left; height:auto !important; max-height:650px; text-align:center; }
#resim-ekip3{ width:43%; }

#alan-baslik{ font-size:18px; }

#banner-icsayfa{ width:100%;  margin:0 auto; }

#sayfa-1 {
	width:95% !important;
	height:auto;
	margin:0 auto;
	z-index:55;
}
#sayfa-1-res{ padding:10px; border:1px solid #e4e4e4; width:45%; margin-right:15px; margin-bottom:15px; float:left; }
#sol-1 {
	width:100%;
}
#sag-1 {
	width:100%;
	height:auto;
	margin-left:0px;
	margin:0; 
	padding:10px;
	float:left;
	z-index:1;
	background:none;
}
#sag-1devami{ display:none;}

#sayfa-ust-1 {
	width:80%;
	height:65px;
	position:relative;
	line-height:25px;
	margin:0 auto;
	margin-bottom:30px;
	margin-top:15px;
	padding:10px;
	background:#016179;
	font-family: 'Exo 2', sans-serif;  font-size:24px; font-weight:300; color:#fff;
	display:block; 
}
#sayfa-ic-1 {
	width:95%;
	height:auto;
	padding-bottom:10px;
	margin:0 auto;
	z-index:1001;
	background:none;
}
#sayfa-alan-1 {
	width:100%;
	height:auto;
	margin:0 auto;
	z-index:1001;
	padding-top:6px;
}
#sayfa-alt-1 {
	visibility:hidden;
	display:none;
}

#sayfa-2 {
	width:95%;
	height:auto;
	margin:0 auto;
	position:relative;
	z-index:100;
	margin-top:-2px;
}
#resim{
	width:auto;
	height:auto !important;
	display:inline-block;
	
}

#sayfa-resim-kutu{float:left; margin-right:15px; width:40%; border:1px solid #CCC; margin:10px;}

#orta-bslk{ font-size:30px; }
#orta-bslk2{font-size:30px; }

#orta1{width:100%; height:auto; margin-top:0%; clear:both; }
#orta2{width:100%; height:auto; margin-top:0%; clear:both;}
#orta3{width:100%; height:auto; margin-top:0%; clear:both;}

#orta4{ width:100%; padding:20px; margin-top:2%; }
#orta5{ width:100%; margin:0%; margin-top:2%;  }
#orta6{ width:100%; margin-top:2%; }


#yarim1{ width:100%; float:none; margin-bottom:10px;  margin-right:0px;}
#yarim2{ width:100%; float:none; margin-bottom:10px;  margin-right:0px;}

#ceyrek{ width:100%; height:auto; float:left; margin-bottom:20px; margin-top:20px; margin-right:20px; }
#ucceyrek{ width:100%; float:left; padding:20px; text-decoration:none; box-sizing:border-box; }
#besli{ width:48%; margin:0.5%; min-height:300px; display:block; float:none; display:inline-block; text-decoration:none; box-sizing:border-box; }
#besli-bslk{ font-size:16px; }

#urun-kutu{ width:49%;  margin:0.5%; float:left; }
#urun-kutu2{ width:48%; height:auto; padding:10px; margin-right:1%; margin-bottom:1%; float:left; border:1px solid #CCC; text-align:center; background:#FFF; box-sizing:border-box;}
#urun-kutu3{ width:49%; height:auto; padding:10px; margin-right:1%; margin-bottom:1%; float:left; border:1px solid #CCC; text-align:center; background:#FFF; box-sizing:border-box;}


#footer { height:auto; width:100%; margin:0px auto; background:url(../images/footer.png) #000 repeat-x top center;  z-index:2; margin:0px 0px 0px 0px;}
#footer-ic { height:auto; width:95%; min-height:339px; margin:0px auto; padding-top:20px;}
#footer-alan-link{ min-height:170px; width:48%; float:left; font-family: 'Exo 2', sans-serif;  font-size:18px; color:#b5b0b0; border-right:1px solid #3d3939; margin-right:8px; }
#footer-alan-link2{ min-height:170px; width:100%; float:left; font-family: 'Exo 2', sans-serif;  font-size:18px; color:#b5b0b0; border-right:1px solid #3d3939; margin-right:8px; }
#footer-alan2{ width:100%; height:auto; line-height:45px; border-bottom:1px solid #3d3939; border-top:1px solid #3d3939; margin-top:20px;}
#footer-sol { height:auto; width:100%; line-height:38px; margin:5px 0px 0px 0px; float:left;}
#footer-orta { height:auto; width:14%; line-height:38px; margin:5px 0px 0px 0px; float:left;}
#footer-sag { height:auto; width:100%; line-height:38px; margin:5px 0px 0px 0px; float:left; text-align:right}


}



/* 800px den düşük tüm çözünürlüklerde: */
/* 480px ve 759px arasındaki çözünürlüklerde: */

@media only screen and (min-width: 0px) and (max-width: 759px) {
#wrapper { height:auto; width:100%; height:auto;  margin:0 auto; }
#kapa{ display:none !important; visibility:hidden;}
#sayfa{height:auto; width:100%; margin:0px auto; padding-top:20px;}
#sol-alan{ width:100%; height:auto; float:none; padding-top:30px; padding-left:10px; padding-right:10px;  display:block; background:none;}
#sag-alan{ width:100%; background:#FFF !important; margin:0 auto; margin-top:40px; float:none;  }
#sayfa{height:auto; width:100%; margin:0px auto;}
#sol-alan{ margin:0 auto; float:none;}
#slogan{ width:80%; height:auto; margin:0 auto; font-family: 'Exo 2', sans-serif;  font-size:15px; font-weight:700; color:#292a5b; line-height:20px; margin-top:15px;}
#enust-sosyal { font-family: 'Exo 2', sans-serif; 	font-size:14px; color:#ccc; line-height:33px;  height:33px; width:100%; float:left; z-index:2; border-bottom:1px solid #333; }
#enust-dil { font-family:arial; font-size:11px; color:#ccc;  font-weight:700; line-height:33px;  height:33px; width:100%; float:left; z-index:2; }

#uclu{ width:100%; margin:0%; }
.rnd-btn{width:80%; font-size:18px;}
#header-menu2{ display:none; }

#icon-alan{ width:100%; height:auto; float:left; position:relative; z-index:2; }
#icon-alan ul{ width:100%; }
#icon-alan ul li{ width:49%; display:inline-block; margin-top:-50px; }
#icon-alan ul li a{ width:100%; height:200px; background:#FFF; display:block; border-radius:300px; text-align:center; font-family: 'Exo 2', sans-serif;  font-weight:700; color:#000; font-size:14px; text-decoration:none; padding-top:25px; box-sizing:border-box;  }
#icon-alan ul li a:hover{ box-shadow:0px -5px 5px  #000; }
#icon-alan-sag{ width:100%; float:right; margin-top:10px; margin-bottom:10px; text-align:center; }


#resim-ekip{ width:100%; border:1px solid #CCC; margin:10px; padding:10px; float:left; }
#resim-ekip2{ width:100%; border:0px; margin:0px; padding:0px; float:left; height:auto !important; max-height:none; text-align:center; }
#resim-ekip3{ width:100%;}


#basin-kutu{ width:100%; height:180px; padding-top:0px; border:1px solid #e4e4e4;  margin:0 auto; padding:10px; margin-bottom:15px; float:none;}


#sag{height:auto; width:261px; float:none; margin:0 auto;}
#banner-sag{height:230px; width:261px; margin:10px; float:left; margin:0 auto; 
background:url(../images/tel.jpg) #999 no-repeat top center; display:block;}
#banner-sag-baslik{height:71px; line-height:71px; padding-left:15px; width:246px; margin-bottom:20px; float:right; background:#b70000;
font-family: 'Exo 2', sans-serif; 	font-size:20px; color:#d7c2c2; font-weight:700;}
#banner-sag-haber{height:230px; padding-left:15px; margin:10px; margin-left:-1px; width:246px;  float:left; background:#e9e9e9;  display:block;}

#kapa{display:none; visibility:hidden;}
#menu1{display:none; visibility:hidden;}

#iki{ width:100%; margin:1% auto; box-sizing:border-box; float:left; text-decoration:none; opacity:0.8 }

.ortalt{ width:100%; margin:0 auto; border-top:1px solid #e4e4e4;}
.ortalt ul{ vertical-align:top; }
.ortalt ul li{ width:100%; padding:10px; padding-top:25px; display:inline-block; height:auto !important; text-align:center; background:none;}

#sayfa-1-res{ padding:10px; border:1px solid #e4e4e4; width:100%; margin-right:15px; margin-bottom:15px; float:left; box-sizing:border-box; }

#sayfa-resim-kutu{float:none; margin-right:15px; width:90%; border:1px solid #CCC; margin:0 auto; margin:10px;}
			
#ceyrek{ width:100%; height:auto; margin:0 auto; margin-right:0px; margin-bottom:40px; }
#ucceyrek{ width:100%; float:left; padding:20px; text-decoration:none; box-sizing:border-box; }
#dokuz{ width:49%; height:100px; margin:0.5%; float:left; padding:10px; background:#FFF;  text-decoration:none; box-sizing:border-box; }

#urun-kutu2{ width:100%; height:auto; padding:10px; margin-right:1%; margin-bottom:1%; float:left; border:1px solid #CCC; text-align:center; background:#FFF; box-sizing:border-box;}

#yarim{ position:relative; width:100%; min-height:150px; float:left; padding:15px; box-sizing: border-box; border-bottom:1px solid #FFF; }
#yarim-baslik{ font-size:30px; line-height:60px; }

#yarim:hover{ background:#1b1b1b; }
#main-container{ height:300px; }
.chapter{ height: 300px;}
#chapter1{background:#333;}
.chapter6{height:300px; transition:all .2s ease-in;}

#footer-alan-link{ min-height:170px; width:100%; float:left; font-family: 'Exo 2', sans-serif;  font-size:18px; color:#b5b0b0; border-right:0px solid #3d3939; margin-right:0px; text-align:center; }

}
/* 479px den düşük tüm çözünürlüklerde: */
#devam{font-family: 'Exo 2', sans-serif; font-size:14px; color:#10366e; text-decoration:none; text-align:right; float:right; padding:5px; transition:all .1s ease-in; }
#devam:hover{ background:#54c5d0; color:#fff; }

#devam2{font-family: 'Exo 2', sans-serif; font-size:15px; color:#fff; background:#eb0000; font-weight:700; text-decoration:none; text-align:center; padding:10px; display:inline-block; 
transition:all .1s ease-in; }
#devam2:hover{ background:#080808; color:#fff; }

#urn-bslk { height:30px; width:980px; margin:0 auto; 
	font-family: 'Exo 2', sans-serif;  
	font-size:24px;    
	color:#000;
	background:url(../images/border.png) bottom repeat-x;
	}
#urun { height:72px; width:980px; margin:0 auto; background:url(../images/urun.png); background-position:top center; background-repeat:no-repeat; margin-top:15px;}



#ic-bslk{font-family: 'Exo 2', sans-serif; font-size:28px; color:#016179; line-height:42px; width:100%; margin:0 auto; text-align:left;}
.ust_link {font-family: 'Exo 2', sans-serif;  font-size:18px; color:#fff; text-decoration: none; text-align:left; }
.sayfa-baslik {font-family: 'Exo 2', sans-serif;  font-size:18px; color:#000; text-decoration: none; text-align:left; padding-left:30px; line-height:52px;  }
.genel-baslik {font-family: 'Exo 2', sans-serif;  font-size:18px; color:#000; text-decoration: none; text-align:left; padding-left:0px; line-height:20px;  }
.btnyazi{
	background:url(../images/go1.png);
	background-repeat:no-repeat;
	background-position:left top;
    text-decoration:none;
    border:0px;
    line-height:20px;
    width:83px;
    text-align:center;
    display:block;
    -webkit-transition:background .2s ease-in;
    -moz-transition:background .2s ease-in;
    -o-transition:background .2s ease-in;
    -ms-transition:background .2s ease-in;
    transition:background .2s ease-in;
}
.btnyazi:hover{
	background:url(../images/go2.png);
	background-repeat:no-repeat;
	background-position:left top;
    text-decoration:none;
    border:0px;
    line-height:20px;
    width:83px;
    text-align:center;
    display:block;
    -webkit-transition:background .3s ease-in;
    -moz-transition:background .3s ease-in;
    -o-transition:background .3s ease-in;
    -ms-transition:background .3s ease-in;
    transition:background .3s ease-in;

}


.ic_hbr { font-family: 'Exo 2', sans-serif; text-align: center;color: #666;text-decoration:none; font-size:17px; font-weight:300; }
.ic_hbr:hover { font-family: 'Exo 2', sans-serif; text-align: center;color: #000;text-decoration:none; font-size:15px; font-weight:300; }

/* Haber */		
.vticker{
	border: 0px solid red;
	width:auto;
}
.vticker ul{
	padding: 0;
}
.vticker li{
	list-style: none;
	padding: 5px;
	padding-bottom:20px;
	padding-top:20px;
	border-bottom:1px solid #dfdfdf;
	margin-bottom:20px;
}
.vticker li a{ float:right; text-decoration:none; color:#000;  padding:3px;  }
.vticker li a:hover{ background:#fff; color:#10366e;}
.vticker li img{ width:40%; float:left; margin-right:15px; }
.up, .down{
	background:none;
	border:0px;
	height:30px;
	width:30px;
	text-align:center;
	color:#fff !important;
	background:#999;
}
.up:hover, .down:hover{
	background:#fff;
	color:#000 !important;
	border:0px;
	cursor:pointer;
}


.sayfano {
	font-family: 'Exo 2', sans-serif; 
	font-size:11px;
	font-weight:bold;
	background-color:#e31e25;
	color:#fff;
	padding:5px;
	display: inline-block;
    text-align:center;
	text-decoration:none;
}

.sayfano:hover {
	background-color:#010101;
	color:#fff;
}

.sayfano-2 {
	font-family: 'Exo 2', sans-serif; 
	font-size:11px;
	font-weight:bold;
	background-color:#282a5b;
	color:#fff;
	padding:5px;
    display: inline-block;
    text-align:center;
}

::-webkit-input-placeholder {
   color:#fff;
}

:-moz-placeholder { /* Firefox 18- */
   color:#fff;
}

::-moz-placeholder {  /* Firefox 19+ */
   color:#fff; 
}

:-ms-input-placeholder {  
   color:#fff; 
}