#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, tbody, 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: 'Exo', sans-serif; font-size:17px; color:#000; line-height:24px; font-weight:300;
}
/* HEADER */
#wrapper{ position:relative; }
#tasiyici{ position:fixed; width:100%; height:115px; top:50px; z-index:56; transition:all .4s ease-in;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,ffffff+0,ffffff+100&1+0,0.99+35,0.9+77,0.9+77,0.45+92,0+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.45) 60%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.45) 60%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.45) 60%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
#tasiyici.tasi{ top:0px; transition:all .4s ease-in; background:rgba(255,255,255,0.9) }
/* HEADER */
#sabit{position:fixed;}
#enust{ position:fixed; width:100%; height:50px; margin:0 auto; top:0; background:#fff; box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1); z-index:57; transition:all .4s ease-in; }
#enust.tasi{ top:-50px; }
#header{ position:relative; height:auto; height:115px; width:1200px; margin:0px auto; border-bottom:1px solid rgba(0,0,0,0.1); transition:all .4s ease-in; z-index:9999; }
#headeric { position:relative; height:auto; width:1200px; margin:0px auto; }
#logo-yan1 { font-family: 'Exo', sans-serif; float:left; width:92%; margin:20px auto; z-index:57; border-left:1px solid rgba(0,0,0,0.1);}
#logo-yan1 a{padding:0px 11px; line-height:33px; font-weight:600; color:#000; font-size:17px; text-decoration:none; display:inline-block; border-right:1px solid rgba(0,0,0,0.1); margin:20px auto; }
#logo-yan1 a:hover{ color:#b50dff; margin:0px auto; line-height:73px; height:96px; border-bottom:3px solid #b50dff; }
#logo-yan1 .menuaktif{ color:#b50dff; margin:0px auto; line-height:73px; height:96px; border-bottom:3px solid #b50dff; }
#logo-yan1 li{ position:relative; display:block;list-style:none;text-align:center;float:right; box-sizing:border-box; color:#000; }
#logo-yan1 ul li ul{ width:250px; height:auto; position:absolute; top:96px; left:0px; display:none; margin:0; padding:0; color:#000; background:rgba(155,0,223,0.7); z-index:9999999; padding:20px; box-sizing:border-box; text-align:center; }
#logo-yan1 ul li ul a{ width:100%; margin:0px auto; line-height:50px !important; height:50px !important; display:block; text-align:left; font-size:15px; color:#fff; box-sizing:border-box; }
#logo-yan1 ul li ul a:hover{ color:#000; border:0px; }
#logo-yan1 ul li ul li { width:99%; margin:1%; float:none; display:block; color:#fff; border:1px solid #f0f0f0; }
#logo-yan1 ul li ul li:hover{ background:#fff; border:1px solid #fff; }
#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: block; }
#logo-yan1 li:hover > a{ display: block; }
#logo-yan2 { position:relative; font-family: 'Exo', sans-serif; float:right; width:100%; z-index:58; text-align:right; border-left:1px solid rgba(0,0,0,0.1); }
#logo-yan2 a{ display:inline-block; height:50px; line-height:50px; font-weight:500; color:#000; font-size:15px; text-decoration:none; display:inline-block; }
#logo-yan2 input{ display:inline-block; padding:0px 20px; height:50px; line-height:50px; font-weight:500; color:#000; font-size:15px; text-decoration:none; display:inline-block; background:none; border:0px; box-sizing:border-box; outline:none; }
#logo-yan2 button{ position:absolute; top:10px; right:10px; padding:5px; color:#000; width:auto; height:auto; background:none; border:none; box-sizing:border-box;}
#logo-yan2 button:hover{ background:#000; color:#FFF;}
#logo-yan2 a:hover{ background:#b50dff; color:#fff; }
#logo-yan2 a i{ font-size:20px; color:#000; margin-right:5px; }
#logo-yan2 a:hover i{ font-size:24px; color:#000; }
#logo-yan2 .menuaktif{ background:#9f6d31; color:#000; }
#logo-yan2 li{ position:relative; width:16.6%; display:block;list-style:none;text-align:center; border-right:1px solid rgba(0,0,0,0.1); box-sizing:border-box; color:#000; float:left; }
#logo-yan2 ul li ul{ width:100%; height:auto; position:absolute; top:40px; right:0px; display:none; margin:0; padding:0; color:#000; background:rgba(181,13,255,0.9); z-index:9999999; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0); padding:30px; box-sizing:border-box; z-index:58; }
#logo-yan2 ul li ul a{ width:100%; padding:15px; line-height:normal; display:block; text-align:left; font-size:15px; color:#fff; box-sizing:border-box; }
#logo-yan2 ul li ul a:hover{ color:#000; background:#fff; }
#logo-yan2 ul li ul li { width:100%; float:left; margin:1%; display:bolck; color:#fff; border:1px solid #fff; }
#logo-yan2 ul li ul li:hover{ background:#fff; border:1px solid #fff; color:#000; }
#logo-yan2 ul li ul li ul{ width:255px; height:auto; float:left; position:absolute; top:0px; left:100%; z-index:1; display:none; }
#logo-yan2 li:hover > ul{ display: block; }
#logo-yan2 li:hover > a{ display: block; }
#logo-yan3{ position:relative; float:right; position:relative; height:auto; width:45px; height:45px; margin:15px auto; box-sizing:border-box; text-align:center; }
#logo-yan3 > .yan3-buton{ position:relative; width:100%; height:45px; float:left; transition: background 0.2s; background:#cf0000; box-sizing:border-box; }
#logo-yan3 > .yan3-buton a{font-family: 'Exo', sans-serif; font-size:18px; line-height:45px; font-weight:600; color:#fff; display:block; text-decoration:none; }
#logo-yan3 > .yan3-buton a span{ font-weight:800; }
#logo-yan3 > .yan3-buton:hover{ background:#000; }
#logo { position:relative; float:left; width:8%; height:auto; margin:20px auto; text-align:left; transition:all .4s ease-in; box-sizing:border-box; z-index:99999999; }
#logo.lkucul{ width:20%; margin-top:60px; border-radius:0px; transition:all .4s ease-in; }
#logo img{ max-width:100%; z-index:2; transition:all .4s ease-in; }
#logo.lkucul img{ max-width:80%; margin:10px auto; transition:all .4s ease-in; }
#head-bottom-line{ position:relative; width:100%; height:2px; display:block; background:rgba(255,255,255,0.1); top:-2; }
#enustsosyal{ width:80px; height:40px; margin:40px 20px 0px 0px; 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:#000; border-left:1px solid #ccc; text-align:center; text-decoration:none; }
#enustsosyal ul li a:hover{ background:#ba842a; color:#fff; }
#arakutu{ position:relative; width:15%; height:40px; line-height:40px; box-sizing:border-box; float:right; border:0px solid #f0f0f0; background-color:#FFF; font-family: 'Exo', sans-serif; color:#666; font-size:14px; text-decoration:none; }
#ara{ width:70%; height:40px; line-height:40px; padding-left:10px; border:0px; float:left; font-family: 'Exo', sans-serif; font-weight:400; color:#000; font-size:14px; background:none; box-sizing:border-box;}
#arabtn{ width:25%; height:40px; line-height:40px; float:right; text-decoration:none; font-family: 'Exo', sans-serif; color:#000; font-size:14px; text-align:center; box-sizing:border-box; background:none; border:0px; cursor:pointer; background:#f0f0f0; }
#arabtn:hover{ background:#000; color:#fff; }
#banner{ width:100%; height:auto; margin:0 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', 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', sans-serif; font-weight:700; text-align:left; font-size:55px; color:#000; text-shadow:0px 2px 2px rgba(255,255,255,0.3); left: 50%; transform: translate(-50%, 0); bottom:10%; }
#banner-icsayfa-takip{ position:absolute; width:1200px; margin:0 auto; text-shadow:0px 2px 2px rgba(255,255,255,0.3); left: 50%; transform: translate(-50%, 0); bottom:6%; }
#banner-icsayfa-takip h3 a{font-family: 'Exo', sans-serif; font-weight:500; text-align:left; font-size:14px; color:#000; padding:3px; float:left; margin-right:5px; }
#banner-icsayfa-takip h3 a:hover{ text-decoration:underline; }
#orta-ciz{ border-bottom:3px solid #e4e4e4; margin-bottom:15px; margin-top:15px;}
#orta-ciz-beyaz{ position:relative; width:100%; border-bottom:1px solid #f00; margin-bottom:15px; margin-top:15px; display:block; }
#orta-ciz-turuncu{ height:6px; width:150px; border-radius:30px; background:#f2bc00; display:inline-block; }
#orta-bslk{width:auto;min-height:25px;line-height:25px;font-family: 'Exo', sans-serif; font-weight:900; font-size:30px; color:#000; text-decoration:none;}
#orta-bslk span{ font-weight:400; }
#orta-bslk2{width:auto;min-height:40px;line-height:40px;padding-bottom:10px;font-family: 'Exo', sans-serif; font-weight:600; font-size:30px; color:#000; text-decoration:none;}
#orta-bslk-beyaz{width:auto;min-height:48px;line-height:48px;padding-bottom:10px;font-family: 'Exo', sans-serif; font-weight:300; font-size:48px; color:#fff; text-decoration:none; }
#orta-bslk-beyaz span{ width:100%; color:#fff; font-size:48px; font-weight:700; box-sizing:border-box; }
#ana-kurumsal-devam{ position:relative; display:inline-block; font-family: 'Exo', sans-serif; font-weight:900; font-size:16px; color:#000; text-decoration:none; padding:0px 70px 0px 15px; line-height:40px; margin-top:5px; font-weight:700; border:1px solid #000;
}
#ana-kurumsal-devam:hover{ background:#000; color:#fff; }
#ana-kurumsal-devam i{ position:absolute; right:0; top:0px; line-height:40px; border-left:1px solid #000; padding:0px 15px; }
#orta1{width:48%; height:230px; float:left; position:relative; z-index:1; box-sizing:border-box; }
#orta2{width:48%; height:230px; float:right; position:relative; z-index:1; box-sizing:border-box; }
#orta3{width:33.3%; height:338px; float:left; position:relative; z-index:1; box-sizing:border-box; text-align:right;}
#orta4{ text-align:center; }
#orta1 img, #orta2 img{ float:left; margin-right:20px; }
#orta1 h1{ color:#f2bc00; font-weight:500; font-size:20px; margin:20px auto; }
#orta2-kutu{ position:relative; width:340px; height:200px; margin-left:27px; margin-bottom:27px; position: relative; z-index:1; border-bottom:2px solid #CCC; background:#f9f9f9; box-sizing:border-box; float:right; z-index:56; }
#orta2-resim{ width:100%; height:200px; background-position:bottom center; background-size:100% 100% !important; transition:all .2s ease-in; }
#orta2-kutu:hover{ }
#orta2-kutu h4{
font-family: 'Exo', sans-serif; font-weight:700;
position:absolute;
width:100%;
bottom:-13px;
height:100px;
color:#FFF;
font-size:18px;
padding-top:50px;
line-height:50px;
text-align:center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+37,0.65+73,1+99 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 37%, rgba(0,0,0,0.9) 73%, rgba(0,0,0,1) 99%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 37%,rgba(0,0,0,0.9) 73%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 37%,rgba(0,0,0,0.9) 73%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
box-sizing:border-box;
z-index:999;
}
#orta2-kutu:hover > h4{ color:#fff; }
#orta2-kutu:hover > #orta2-resim{
-webkit-filter: opacity(30%); /* Safari */
filter: opacity(30%);
}
#orta2-kutu > span{ display:none; }
#orta2-kutu:hover > span{
display:block;
width:50px;
height:50px;
line-height:50px;
text-align:center;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background:rgba(0,0,0,0.5);
color:#FFF;
font-size:18px;
border-radius:100%;
}
#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: 'Exo', 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: 'Exo', 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: 'Exo', 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:32.3%; 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{ position:relative; width:24%; height:200px; 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; z-index:1; transition:all 0.2s ease-in; }
#urun-kutu3 img{ position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%); max-width:100%; max-height:100%; }
#urun-kutu3:hover{ box-shadow: 0px 10px 10px 10px rgba(0,0,0,0.4); z-index:2; border:5px solid #000; -webkit-transform: scale(1.2); transform: scale(1.2); transition:all 0.2s ease-in; }
#urun-kutu4{ position:relative; width:15.6%; height:250px; 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; z-index:1; transition:all 0.2s ease-in; }
#urun-kutu4 img{ position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%); max-width:100%; max-height:100%; }
#urun-kutu4:hover{ box-shadow: 0px 10px 10px 10px rgba(0,0,0,0.4); z-index:2; border:5px solid #000; -webkit-transform: scale(1.2); transform: scale(1.2); transition:all 0.2s ease-in; }
#urun-kutu5{ position:relative; width:48.6%; height:250px; 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; z-index:1; transition:all 0.2s ease-in; }
#urun-kutu5 img{ position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%); max-width:100%; max-height:100%; }
#urun-kutu5:hover{ box-shadow: 0px 10px 10px 10px rgba(0,0,0,0.4); z-index:2; border:5px solid #000; -webkit-transform: scale(1.2); transform: scale(1.2); transition:all 0.2s ease-in; }
#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-baslik{overflow: hidden; text-align:center; margin:20px auto; }
#alan-baslik h1 {
font-family: 'Exo', sans-serif; font-weight:300; font-size:40px; color:#9f6d31; min-height:40px; line-height:40px;
display: inline-block;
padding: 0 15px 0px 15px;
position: relative;
}
#alan-baslik h1:before,
#alan-baslik h1:after {
background: #dc9b09;
content: "";
display: block;
height: 2px;
position: absolute;
top: 50%;
width: 600%;
}
#alan-baslik h1:before {
right: 100%;
}
#alan-baslik h1:after {
left: 100%;
}
.sertifika-link{
color: #b50dff;
float: right;
}
.sertifika-link:hover{
color: #f20dff;
text-decoration: none;
}
#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', 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; }
footer{ height:auto; width:100%; margin:0px auto; background:#282828; padding:40px 0px 40px 0px; z-index:2;}
footer .bir{ position:relative; float:left; width:20%; height:auto; display:block; }
footer .iki{ position:relative; float:left; width:20%; height:auto; display:block; }
footer .uc{ position:relative; float:right; width:58%; height:auto; display:block; }
footer .dort{ position:relative; float:right; width:29%; height:auto; display:block; }
footer .bes{ position:relative; float:left; width:75%; height:auto; line-height:50px; display:block; text-align:left; }
footer .alti{ position:relative; float:right; width:25%; height:auto; display:block; text-align:right; }
footer .link{ position:relative; float:left; width:90%; height:auto; display:block; font-family: 'Exo', sans-serif; color:#a9a9a9; font-size:13px; line-height:30px; font-weight:400; transition:all 0.2s ease-in; text-decoration:none; }
footer .link:hover{ color:#fff; padding-left:5px; border-radius:5px; }
footer .baslik1{ position:relative; width:auto; height:auto; display:inline-block; font-family: 'Exo', sans-serif; font-size:24px; color:#b4b4b4; font-weight:900; line-height:30px;
text-align:right; }
footer .baslik2{ position:relative; width:auto; height:auto; display:inline-block; font-family: 'Exo', sans-serif; font-size:19px; color:#b4b4b4; font-weight:700; line-height:70px; padding-right:20px;
text-align:left; }
footer .baslik3{ position:relative; width:100%; height:auto; display:block; font-family: 'Exo', sans-serif; font-size:35px; color:#000000; line-height:50px; text-align:right; font-weight:700; }
footer .sosyal{ width:auto; height:auto; margin-left:5px; float:left; display:inline-block; transition:all 0.2s ease-in; }
footer .sosyal:hover{ opacity:0.5; }
footer .copy{ position:relative; margin:0 auto; width:60%; height:auto; display:block; font-family: 'Exo', sans-serif; font-size:14px; color:#dedede; line-height:20px; text-align:center; }
.footer-yazi{ font-family: 'Exo', sans-serif; color:#a9a9a9; font-size:16px; line-height:24px; font-weight:500; }
footer .line{ width:100%; height:1px; background:#666; position:relative; display:block; margin:20px auto;}
#ebultentxt{width:75%; height:60px; background:#464646; line-height:60px; padding-left:10px; box-sizing:border-box; border:0px; border-top-left-radius:5px; border-bottom-left-radius:5px; outline:0; }
#ebultengonder{border:0px; background:#464646; width:25%; float:right; box-sizing:border-box; text-align:center; color:#FFF; line-height:60px; height:60px; font-family: 'Exo', sans-serif; font-size:24px; color:#fff; font-weight:700; cursor:pointer; border-top-right-radius:5px; border-bottom-right-radius:5px;}
#ebultengonder:hover{ background:#cf0000; }
#sayfa-1 {
width:1200px;
position:relative;
min-height:250px;
height:auto;
float:left;
padding:20px; background:#fff; z-index:1; box-shadow:0px 2px 2px 2px rgba(155,155,155,0.1);
margin-top:-20px;
box-sizing:border-box;
}
#sayfa-1-res{ padding:10px; border:1px solid #e4e4e4; width:25%; margin-right:15px; margin-bottom:15px; float:left; }
#sol-1{
position:relative;
width:75%;
min-height:250px;
height:auto;
float:left;
padding:30px; background:#fff; z-index:1;
border:2px solid #f0f0f0;
box-sizing:border-box;
}
#sag-1{
width:23%;
min-height:100px;
height:auto;
float:right;
background:#fff;
border:2px solid #f0f0f0;
padding:30px;
box-sizing:border-box;
margin-bottom:20px;
}
#sol-1-baslik {
font-family: 'Exo', sans-serif;
font-size:32px; color:#000; font-weight:700; line-height:80px;
width:100%;
height:auto;
float:left;
z-index:1;
border-top:2px solid #df1a23;
border-bottom:1px solid #f0f0f0;
box-sizing:border-box;
}
#sol-menu-1{
font-family: 'Exo', sans-serif;
font-size:15px; color:#333; font-weight:500;
padding: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;
border-bottom:1px solid #f0f0f0;
box-sizing:border-box;
}
#sol-menu-1:hover{
color:#fff;
border-bottom:1px solid #9b00df;
-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;
background: #b50dff; /* Old browsers */
}
#sol-menu-1-aktif{
font-family: 'Exo', sans-serif;
font-size:17px; color:#fff; font-weight:500;
padding:15px;
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;
border-bottom:1px solid #9b00df;
box-sizing:border-box;
background: #b50dff; /* Old browsers */
}
#sol-menu-2{
font-family: 'Exo', sans-serif;
font-size:14px; color:#333; font-weight:600;
padding:15px; padding-left:25px; padding-right:25px;
text-decoration:none;
display:block;
background:#f9f9f9;
-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;
border-bottom:1px solid #f0f0f0;
box-sizing:border-box;
}
#sol-menu-2:hover{
color:#fff;
border-bottom:1px solid #c92027;
-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;
background: #0060af; /* Old browsers */
}
#sol-menu-2-aktif{
font-family: 'Exo', sans-serif;
font-size:15px; color:#fff; font-weight:600;
padding: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;
border-bottom:1px solid #f0f0f0;
box-sizing:border-box;
background: #cf0000; /* Old browsers */
}
#sol-menu-3{
font-family: 'Exo', 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;
}
#sol-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;
}
#sol-menu-3-aktif{
font-family: 'Exo', 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;
}
#takip-1{
font-family: 'Exo', sans-serif; font-size:18px; color:#666; font-weight:500;
line-height:70px;
padding-right:10px;
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{
color:#cf0000;
}
#takip-1.taktif{ color:#cf0000; }
#sayfa-2 {
width:95%;
height:auto;
margin:0 auto;
position:relative;
z-index:100;
margin-top:-2px;
}
#yarim1{ position:relative; width:49%; float:left; margin-bottom:5px; box-sizing: border-box;}
#yarim2{ position:relative; width:49%; float:right; margin-bottom:5px; box-sizing: border-box;}
#fligran1{ position:absolute; width:100%; height:100%; background:url(../images/fligran1.png); background-size:100% 100%; z-index:57; }
#fligran2{ position:absolute; width:100%; height:100%; background:url(../images/fligran2.png); background-size:100% 100%; z-index:57; }
#uclu{ width:32.3%; float:left; margin:0.5%; box-sizing:border-box; }
#ceyrek{ width:25%; float:left; padding:20px; text-decoration:none; box-sizing:border-box; }
#ucceyrek{ width:75%; float:left; padding:20px; text-decoration:none; box-sizing:border-box; }
#ceyrek-bslk{font-family: 'Exo', 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:19%; 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', sans-serif; font-weight:400; font-size:24px; color:#10366e; text-align:center; }
#gri{ background:#f9f9f9; padding:30px 0px 30px 0px; }
#mavi{ background:#0060af; height:auto; box-sizing:border-box; font-family: 'Exo', sans-serif; font-weight:400; font-size:24px; line-height:100px; color:#fff; }
#mavi a{ float:right; display:inline-block; padding:0px 15px; margin:20px auto; line-height:60px; background:#f2bc00; color:#000; font-family: 'Exo', sans-serif; font-weight:700; border-radius:50px; font-size:20px; }
#mavi a:hover{ background:#000; color:#FFF; }
#yorumbg{ background:url(../images/yorum-bg.jpg) top center; height:500px; padding:30px 0px 30px 0px; }
/* Haber */
.vticker{
border: 0px solid red;
width:auto;
}
.vticker ul{
padding: 0;
width:100%;
}
.vticker li{
list-style: none;
width:100%;
display:block;
}
.vticker li > .div1{ position:relative; width:58%; height:394px; background:#FFF; padding:50px 50px 50px 0px; display:block; z-index:2; }
.vticker li > .div1 span{ font-family: 'Exo', sans-serif; text-align: left;color: #dc9b09; text-decoration:none; font-size:20px; font-weight:700;}
.vticker li a{ text-decoration:none; color:#fff; }
.vticker li a:hover{ background:#fff; color:#10366e; padding:5px; }
.vticker li > .div2{ position:relative; width:50%; background:#FFF; padding:0px; display:block; z-index:1; float:right; }
.up{
background:#9f6d31;
border:0px;
height:50px;
width:50px;
text-align:center;
color:#fff !important;
}
.down{
background:#dc9b09;
border:0px;
height:50px;
width:50px;
text-align:center;
color:#fff !important;
}
.up:hover, .down:hover{
background:#fff;
color:#000 !important;
border:0px;
cursor:pointer;
}
#rightbar {
position: fixed;
right: 15px;
bottom: 70px;
box-sizing: border-box;
z-index: 999999999999999999999999999999;
}
#rightbar a {
font-size: 36px;
background-color: #FFF;
position: relative; display:block; box-sizing: border-box;
border-radius:100%;
text-align:center;
padding: 15px;
margin-bottom:5px;
}
#rightbar a:hover{background-color: #333; color: #FFF;}
#rightbar .wp {color: #26d367;}
#rightbar .mail {color: #7f3f96;}
.hizBox{float: left; width: 49%;}
.hizIMG{margin-bottom: 3px; width: 100%;}
.hizThumb{width: 24.3%; margin-right: 0.7%;} .hizIMG:last-child{margin-right: 0;}
.hizThumb2{width: 24.2%;}
.hizText{float: right; width: 49%;}
#tablo-baslik{ width:24%; margin:0.5%; height:60px; line-height:60px; background:#b50dff; font-family: 'Exo', sans-serif; font-size:16px; font-weight:700; color:#FFF; text-align:center; float:left; }
#tablo-icerik-1{ width:24%; margin:0.5%; height:60px; line-height:60px; background:#fff; font-family: 'Exo', sans-serif; font-size:16px; font-weight:500; color:#000; text-align:center; float:left; }
#tablo-icerik-2{ width:24%; margin:0.5%; height:60px; line-height:60px; background:#f0f0f0; font-family: 'Exo', sans-serif; font-size:16px; font-weight:500; color:#000; text-align:center; float:left; }
#acil{ display:none; }
@media only screen and (max-width: 1500px) {
}
@media only screen and (max-width: 1000px) {
#tasiyici{ box-sizing:border-box; }
#tasiyici.nav-up{ top:-150px; }
#tasiyici.tasi{ }
#acil{ display:block; }
#kapa{ display:none !important; visibility:hidden;}
#kirmizi{ background:#cf0000; min-height:440px; padding:30px 0px 30px 0px; }
.enustkapa{ margin-top:0px; transition:all .4s ease-in; }
/* HEADER */
#header { position:relative; height:auto !important; min-height:100px; width:100%; margin:0px auto; padding-bottom:0px; z-index:2; text-align:center; background:#FFF; }
#enust{ width:100%; }
#logo-yan1{ display:none; }
#logo-yan2 { position:fixed; font-family: 'Exo', sans-serif; float:right; width:100%; margin:5px auto; z-index:58; text-align:left; }
#logo-yan2 a{ display:inline-block; padding:0px 10px; height:40px; line-height:40px; font-weight:700; color:#fff; font-size:14px; text-decoration:none; display:inline-block; box-sizing:border-box; }
#logo-yan2 input{ display:inline-block; padding:0px 10px; height:40px; line-height:40px; font-weight:700; color:#fff; font-size:14px; text-decoration:none; display:inline-block; background:none; border:0px; padding-top:0px; box-sizing:border-box; outline:none; }
#logo-yan2 input::-webkit-input-placeholder {color:#fff;}
#logo-yan2 input placeholder{ color:#FFF; }
#logo-yan2 button{ position:absolute; top:5px; right:10px; padding:5px; color:#fff; width:auto; height:auto; background:none; border:none; box-sizing:border-box;}
#logo-yan2 button:hover{ background:#000; color:#FFF;}
#logo-yan2 a:hover{ color:#000; }
#logo-yan2 a i{ color:#fff; }
#logo-yan2 .menuaktif{ background:#9f6d31; color:#000; }
#logo-yan2 li{ display:block;list-style:none;text-align:center; display:block; float:left; width:50%; border-right:1px solid rgba(255,255,255,0.1); border-left:1px solid #fff; box-sizing:border-box; color:#fff; background:#b50dff; }
#logo-yan2 ul li ul{ width:200px; height:auto; position:absolute; top:40px; right:0px; display:none; margin:0; padding:0; color:#000; background:rgba(0,0,0,0.8); z-index:9999999; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2); padding:30px; box-sizing:border-box; z-index:58; }
#logo-yan2 ul li ul li{ background:none; }
#sosyal{position: relative; display: inline-block; box-sizing: border-box; width: 100%;}
#sosyal a{position: relative; display: inline-block; box-sizing: border-box; width: 50px; color: #FFFFFF; font-size: 16px; text-align: center;}
#logo { position:relative !important; width:50%; height:150px; height:auto; float:left; left: 5%; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%);}
#logo img{ max-height:150px; }
#logo.lkucul{ width:50%; padding:0px; margin:0px auto; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2); }
#dilbg{ float:right; height:45px; line-height:45px; background:url(../images/dilbg.png) no-repeat right top; }
#probg{ float:right; height:45px; line-height:45px; background:#000000; }
#menu{ position:relative; width:100%; height:auto; background:none; }
#menubg { display:none; }
#enustsosyal{ width:80px; float:none; margin:0 auto; display:inline-block; }
#dilbg{ float:none; display:inline-block; }
#dil1{height:45px; line-height:45px;}
#dil2{ height:45px; line-height:45px; }
#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; }
#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;}
#arakutu{ width:100%; }
#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; margin-top:15px; }
.vticker li > .div1{ position:relative; width:100%; height:auto; padding: 20px; display:block; z-index:2; box-sizing:border-box; }
.vticker li > .div1 span{ font-family: 'Exo', sans-serif; text-align: left;color: #dc9b09; text-decoration:none; font-size:20px; font-weight:700;}
.vticker li > .div2{ position:relative; width:100%; padding:0px; display:block; float:none; }
#sayfa-1 {
width:95% !important;
height:auto;
margin:0 auto;
position:relative;
z-index:99999;
}
#sayfa-1-res{ padding:10px; border:1px solid #e4e4e4; width:45%; margin-right:15px; margin-bottom:15px; float:left; }
#sol-1 {
width:100%;
height:auto;
margin-left:0px;
margin:0;
padding:10px;
float:left;
z-index:1;
background:none;
}
#sag-1 {
width:100%;
height:auto;
margin-left:0px;
margin:0;
padding:10px;
float:left;
z-index:1;
background: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', 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;}
#orta1{width:100%; min-height:100px; height:auto; margin-top:20px; text-align:center; border-bottom:1px solid #f0f0f0; padding-bottom:30px; }
#orta2{width:100%; min-height:300px; margin:30px auto; height:auto; text-align:center; border-bottom:1px solid #f0f0f0; padding-bottom:30px; }
#orta3{width:100%; min-height:100px; height:auto; margin-top:0px; text-align:left;}
#orta4{ text-align:left;}
#orta1 img, #orta2 img{ width:30%; float:none; clear:both; margin:0 auto; }
#orta2-kutu{ position:relative; width:48%; height:150px; margin-left:0px; margin-bottom:0px; margin:1px; position: relative; z-index:1; border-bottom:2px solid #CCC; background:#f9f9f9; box-sizing:border-box; float:none; z-index:56; display:inline-block; }
#orta2-resim{ width:100%; height:150px; background-position:bottom center; background-size:100% 100% !important; transition:all .2s ease-in; }
#orta5{ width:50%;}
#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; }
#paperbg{ width:100%; position:relative; float:right; }
#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; }
#uclu{ width:99%; float:left; margin:0.5%; box-sizing:border-box; text-align:center; }
#urun-kutu{ position:relative; width:99%; min-height:200px; margin-right:0; margin-bottom:1%; margin:0.5%; float:left; }
#urun-kutu2{ width:99%; height:auto; padding:10px; margin:0.5%; float:left; border:1px solid #CCC; text-align:center; background:#FFF; box-sizing:border-box;}
#urun-kutu3{ width:24.5%; 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;}
footer{ height:auto; width:100%; margin:0px auto; background:#282828; padding:80px 0px 80px 0px; z-index:2;}
footer .bir{ position:relative; float:left; width:100%; height:auto; display:block; text-align:center; border-bottom:1px solid #666; margin-bottom:30px; }
footer .iki{ position:relative; float:left; width:100%; height:auto; display:block; text-align:center; border-bottom:1px solid #666; margin-bottom:30px; }
footer .uc{ position:relative; float:left; width:100%; height:auto; display:block; text-align:center; border-bottom:1px solid #666; margin-bottom:30px; }
footer .dort{ position:relative; float:left; width:100%; height:auto; display:block; text-align:center; margin-bottom:30px; }
footer .bes{ position:relative; float:left; width:100%; height:auto; line-height:50px; display:block; text-align:center; }
footer .alti{ position:relative; float:left; width:100%; height:auto; display:block; text-align:center; }
#mavi{ background:#0060af; height:auto; box-sizing:border-box; font-family: 'Exo', sans-serif; font-weight:400; font-size:16px; line-height:30px; color:#fff; text-align:center; padding:30px; }
#mavi a{ float:none; width:50%; display:block; padding:0px 15px; margin:10px auto; line-height:40px; background:#f2bc00; color:#000; font-family: 'Exo', sans-serif; font-weight:600; border-radius:50px; font-size:16px; }
#hbrbg{ background:#f1f1f1; height:auto; padding:30px 0px 30px 0px; }
}
/* 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; }
#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', sans-serif; font-size:15px; font-weight:700; color:#292a5b; line-height:20px; margin-top:15px;}
#enust-sosyal { font-family: 'Exo', 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; }
#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', 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; }
#tablo-baslik {font-size: 14px;}
#tablo-icerik-1, #tablo-icerik-2{ font-size: 10px; }
#basin-kutu{ width:100%; height:180px; padding-top:0px; border:1px solid #e4e4e4; margin:0 auto; padding:10px; margin-bottom:15px; float:none;}
.hizBox{width: 100%; float: none;}
.hizThumb{width: 24%;}
.hizText{width: 100%; 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', 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;}
#urun-kutu3{ width:100%; min-height:75px; padding:10px; margin:0%; float:left; box-shadow: 0px 1px 1px 1px rgba(219,219,219,0.8); text-align:center; background:#FFF; box-sizing:border-box;}
}
/* 479px den d���k t�m ��z�n�rl�klerde: */
#devam{font-family: 'Exo', 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{background:url(../images/detay.png) no-repeat top center; height:14px; width:63px; display:block; margin:0 auto; margin-top:10px;}
#devam2:hover{background:url(../images/detay_hover.png) no-repeat top center;}
#urn-bslk { height:30px; width:980px; margin:0 auto;
font-family: 'Exo', 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{ font-family: 'Exo', sans-serif; font-size:16px; color:#000; line-height:24px; font-weight:400; }
.ic_beyaz{ font-family: 'Exo', sans-serif; font-size:16px; color:#fff; line-height:24px; font-weight:500; }
#ic-bslk{font-family: 'Exo', sans-serif; font-size:28px; color:#016179; line-height:42px; width:100%; margin:0 auto; text-align:left;}
.ust_link {font-family: 'Exo', sans-serif; font-size:18px; color:#fff; text-decoration: none; text-align:left; }
.sayfa-baslik {font-family: 'Exo', sans-serif; font-size:18px; color:#000; text-decoration: none; text-align:left; padding-left:30px; line-height:52px; }
.genel-baslik {font-family: 'Exo', 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;
}
.style1{
font-family: 'Exo', sans-serif; font-weight:700; font-size:15px; color:#000;
background:#f9f9f9;
width:100%;
height:70px;
line-height:70px;
padding-left:15px;
margin-bottom:15px;
border:0px;
box-sizing:border-box;
border:1px solid #f0f0f0;
outline:none;
}
.style2{
font-family: 'Exo', sans-serif; font-weight:700; font-size:15px; color:#000;
background:#f9f9f9;
width:100%;
height:152px;
line-height:25px;
padding-left:15px;
margin-bottom:1px;
border:0px;
box-sizing:border-box;
border:1px solid #f0f0f0;
outline:none;
}
.buton-form{
font-family: 'Exo', sans-serif; font-weight:800; font-size:20px; color:#fff;
background:#000;
width:100%;
height:70px;
line-height:70px;
padding-left:15px;
border:0px;
box-sizing:border-box;
cursor:pointer;
}
.buton-form:hover{ background:#9f6d31; }
.ic_hbr { font-family: 'Exo', sans-serif; text-align: center;color: #666;text-decoration:none; font-size:15px; font-weight:300; }
.ic_hbr:hover { font-family: 'Exo', sans-serif; text-align: center;color: #000;text-decoration:none; font-size:15px; font-weight:300; }
.sayfano {
font-family: 'Exo', 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', sans-serif;
font-size:14px;
font-weight:700;
background-color:#282a5b;
color:#fff;
padding:5px;
display: inline-block;
text-align:center;
}
::-webkit-input-placeholder {
color:#000;
}
:-moz-placeholder { /* Firefox 18- */
color:#000;
}
::-moz-placeholder { /* Firefox 19+ */
color:#000;
}
:-ms-input-placeholder {
color:#000;
}