#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: 'Rajdhani', sans-serif;
font-weight:300; font-size:15px; color:#959595; line-height:25px;
}
#rezervasyon{ background:#29051e; width:100%; padding:15px 0px 15px 0px; box-sizing:border-box;}
#rzv-bslk{ width:25%; float:left; padding-top:15px; font-family: 'Rajdhani', sans-serif; font-size:40px; line-height:25px; color:#633d37; }
#rzv-form{ width:75%; float:left; font-family: 'Rajdhani', sans-serif; font-size:40px; line-height:25px; color:#633d37; }
#rzv-form-tarih{ float:left; width:25%; padding-right:5px; box-sizing:border-box; }
#rzv-datepicker{ width:100%; height:45px; font-family: 'Rajdhani', sans-serif; font-size:12px; line-height:25px; color:#fff; background:#29051e; border:1px solid #d8ad16; margin-top:-4px; box-sizing:border-box; }
#rzv-form-combo{width:24%; padding:0.3%; background:#FFF; box-sizing:border-box; display:inline-block;}
.select-style{background: #0069b4 url(/resim/combo-ok.png) no-repeat 100% 100%; border: 1px solid #0069b4; width: 100%; height:60px; padding-right:10px; box-sizing:border-box; overflow: hidden; font-family: 'Rajdhani', sans-serif; font-size:16px; line-height:60px; font-weight:500; color:#fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:30px; padding-left:15px; box-sizing:border-box; outline:0; }
.select-buton{background: #4a4a4a; border: 1px solid #4a4a4a; width: 100%; height:60px; padding-right:10px; box-sizing:border-box; overflow: hidden; font-family: 'Rajdhani', sans-serif; font-size:16px; line-height:22px; font-weight:900; color:#fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:30px; padding-left:15px; box-sizing:border-box; cursor:pointer; text-align:center; font-weight:700; }
.select-buton:hover{ background:#000; }
#rzrv-btn{ width:100%; height:45px; background:#633d37; border:0px; line-height:45px; font-family: 'Rajdhani', sans-serif; font-size:18px; line-height:25px; color:#fff; padding:10px; margin-top:6px; box-sizing:border-box;}
#rzrv-btn:hover{ background:none; border:1px solid #d8ad16; }
.rzrv-form-baslik{font-family: 'Rajdhani', sans-serif; font-size:14px; line-height:25px; color:#fff;}
#orta-bslk_new{width:auto;min-height:40px;line-height:40px;font-family: 'Quicksand', sans-serif; font-weight:400; font-size:24px; color:#000; text-decoration:none; text-align:center; }
#orta-bslk_new span{ font-size:30px; font-weight:900; }
#urun-kutu{ position:relative; width:19%; min-height:200px; margin:0.5%; float:left; text-align:center; box-sizing:border-box; z-index:1; transition:all .2s ease-in; border:0px solid #CCC; border-radius:5px; padding:0px; background:#333; overflow:hidden; outline:0; }
#urun-kutu:hover > #urun-kutu-baslik{ color:#19b0cd; transition:all .2s ease-in;}
#urun-kutu-content{ position: absolute; bottom: 0; right: 0; left: 0; background:rgba(0,105,180,0.90); }
#urun-kutu-baslik{ padding-bottom: 2px; font-family: 'Quicksand', sans-serif; font-weight:300; font-size:16px; line-height: 30px; color:#fff; text-align:center; display:block; clear:both; }
#urun-kutu-baslik-1{ padding-top: 5px; font-family: 'Quicksand', sans-serif; font-weight:700; font-size:20px; line-height: 20px; color:#fff; margin-top:0px; text-align:center; display:block; clear:both; }
#urun-kutu-fiyat{ font-family: 'Quicksand', sans-serif; font-weight:900; font-size:24px; color:#000; margin-top:10px; text-align:center; display:block; clear:both; }
#urun-kutu-detay{ position:relative; font-family: 'Quicksand', sans-serif; font-weight:900; font-size:13px; color:#000; margin-top:10px; padding:5px; text-align:center; border:2px solid #000; display:inline-block; clear:both; border-radius:5px; background:#FFF; transition:all .2s ease-in; cursor:pointer; }
#urun-kutu:hover > #urun-kutu-detay{ background:#000; border:2px solid #000; color:#FFF; }
#urun-kutu img{ max-width:100%; transition:all .4s ease-in;}
#urun-kutu:hover img{
transition:all .6s ease-in;
opacity:0.5;
-webkit-transform: scale3d(1.02,1.02,1.02);
transform: scale3d(1.02,1.02,1.02);
}
#urun-kutu-detay:hover{ -webkit-transform: scale3d(1.3,1.3,1.3); transform: scale3d(1.3,1.3,1.3); transition:all .2s ease-in; cursor:pointer; }
#urun-kutu-incele{ position:absolute; font-family: 'Quicksand', sans-serif; font-weight:400; font-size:15px; color:#19b0cd; padding:10px; text-align:center; display:inline-block; clear:both; border-radius:30px; background:#FFF; transition:all .3s ease-in; cursor:pointer; top:150%; left:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -100%); z-index:55; }
#urun-kutu:hover > #urun-kutu-incele{ background:rgba(0,105,180,1.00); color:#FFF; top:55%; box-shadow: 0px 1px 20px 20px rgba(0,0,0,0.1); }
#urun-kutu-incele:hover{ background:#000 !important; transition:all .1s ease-in; cursor:pointer; z-index:57; }
#urun-pdf-baslik{ font-family: 'Quicksand', 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: 'Quicksand', 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; }
/* HEADER */
hr{ border:1px solid #CCC;}
.enustkapa{ margin-top:-110px; transition:all .4s ease-in; }
#tasiyici{ position:fixed; width:100%; height:auto; min-height:95px; margin:0 auto; z-index:999 !important; }
#tasiyici.tasi{ position:fixed; background:#FFF; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2); }
/* HEADER */
#sabit{position:fixed;}
#header { height:100px; width:100%; margin:0px auto; background:#e42e23; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1); transition:all .4s ease-in; z-index:58; }
#header.sticky{ min-height:100px; background:rgba(255,255,255,0.8); }
#header.nav-up{ top:-50px; transition:all .4s ease-in; }
#headeric { position:relative; height:auto; width:1200px; margin:0px auto;}
#enust1{ position:relative; float:left; position:relative; height:auto; width:34%; height:110px; line-height:110px; border-bottom:1px solid #9f6d31; box-sizing:border-box; font-family: 'Zilla Slab', serif; font-size:22px; color:#603d14; font-weight:700; }
#enust2{ position:relative;float:right; position:relative; height:auto; width:34%; height:110px; line-height:110px; border-bottom:1px solid #9f6d31; box-sizing:border-box; text-align:right; }
#enust2 ul{ list-style:none; margin-top:0px; }
#enust2 ul li{ position:relative; width:40px; line-height:40px; display:inline-block; text-align:center; }
#enust2 ul li a{ width:100%; height:40px; line-height:40px; font-family: 'Zilla Slab', serif; font-size:15px; color:#603d14; text-decoration:none; text-align:center; }
#enust2 ul li:nth-of-type(2n){ background:#dc9b09; font-weight:700; }
#enust2 ul li:nth-of-type(2n) a{ color:#FFF; }
#enust2 ul li:hover{background:#dc9b09;}
#enust2 ul li:hover a{ color:#FFF; }
#menu{ position:relative; background:#000; height:auto; padding:10px 0px 10px 0px; font-family: 'Rajdhani', sans-serif; font-size:20px; line-height:30px; color:#fff; font-weight:700; text-align:right; }
#logo-yan1 { position:relative; font-family: 'Rajdhani', sans-serif; width:75%; z-index:9999; text-align:center; margin: 0 auto;}
#logo-yan1 a{ padding:5px 8px;font-weight:600; color:#fff; font-size:16px; text-decoration:none; display:inline-block; }
#logo-yan1 a:hover{ background:#4492cb; color:#fff; }
#logo-yan1 .menuaktif{ background:#9f6d31; color:#fff; }
#logo-yan1 li{ float:left;position:relative;list-style:none;text-align:center; }
#logo-yan1 ul li ul{ width:200%; height:auto; position:absolute; top:95px; left:-100%; display:none; margin:0; padding:0; color:#FFF; }
#logo-yan1 ul li ul a{ width:100%; height:auto; line-height:normal; padding:15px; background:#dc9b09; display:block; text-align:left; font-size:14px; color:#fff; border-bottom:1px solid #603d14; box-sizing:border-box; font-weight:600;}
#logo-yan1 ul li ul a:hover{background:#4d4d4d; color:#fff;}
#logo-yan1 ul li ul li { width:100%; height:auto; 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: block; }
#logo-yan2 { position:relative; font-family: 'Zilla Slab', serif; float:right; width:34%; }
#logo-yan2 a{ float:right; padding:0px 25px; line-height:95px; font-weight:700; color:#603d14; font-size:16px; text-decoration:none; display:inline-block }
#logo-yan2 a:hover{ background:#9f6d31; color:#fff; }
#logo-yan2 .menuaktif{ background:#9f6d31; color:#fff; }
#logo-yan2 li{ display:block;position:relative;list-style:none;text-align:center;float:right; }
#logo-yan2 ul li ul{ width:150%; height:auto; position:absolute; top:95px; left:0%; display:none; margin:0; padding:0; color:#FFF; }
#logo-yan2 ul li ul a{width:100%; height:40px; line-height:40px; padding:0 0 0 15px; background:#dc9b09; display:block; text-align:left; font-size:13px; color:#fff; border-bottom:1px solid #603d14; 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; }
#logo { position:relative; width:19%; margin-top:20px; height:auto; z-index:99999999; text-align:left; transition:all .4s ease-in; padding-right:15px; float:left; box-sizing:border-box; }
#logo.lkucul{ width:15%; background:#FFF; padding:15px; border-radius:100%; box-shadow: 0px 10px 10px 1px rgba(0,0,0,0.2); }
#logo img{ max-width:100%; z-index: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:5%; height:40px; line-height:40px; box-sizing:border-box; float:right; border:0px solid #f0f0f0; background-color:#FFF; font-family: 'Rajdhani', 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: 'Rajdhani', sans-serif; font-weight:400; color:#000; font-size:14px; background:none; box-sizing:border-box;}
#arabtn{ width:100%; height:50px; line-height:50px; float:right; text-decoration:none; font-family: 'Rajdhani', 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:793px; height:550px; margin:20px auto; position: relative; z-index:1; box-sizing:border-box; float:left; }
#banner-sag{ width:387px; height:550px; margin:20px auto; position: relative; z-index:1; box-sizing:border-box; float:right; }
#banner-sag-1{ width:100%; height:550px; border-bottom:2px solid #CCC; margin-bottom:10px; background:#f9f9f9; box-sizing:border-box;}
#banner-sag-baslik{ background:#f9f9f9; border-bottom:2px solid #CCC; border-left:3px solid #F00; width:100%; height:60px; line-height:60px; color:#000; font-size:18px; font-weight:800; padding-left:15px; box-sizing:border-box; }
#banner-icsayfa{ position:relative; width:100%; margin:0 auto; text-align:center; }
#banner-icsayfa-baslik{ position:absolute; width:1200px; margin:0 auto; font-family: 'Rajdhani', 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:'Open Sans', 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-bslk{width:auto;min-height:55px;line-height:55px; padding-bottom:20px; font-family: 'Rajdhani', sans-serif; font-weight:400; font-size:100px; color:#9f6d31; }
#orta-bslk span{ clear:both; width:100%; background:#dc9b09; color:#000; padding:15px; font-size:45px; font-weight:700; display:block; box-sizing:border-box; text-align:left; }
#orta-bslk2{width:auto;min-height:35px;line-height:35px;padding:10px; margin-bottom:20px; border-left:5px solid #F00; font-family: 'Rajdhani', sans-serif; font-weight:700; font-size:38px; color:#000; text-decoration:none; text-align:left; }
#orta-bslk3{width:auto;min-height:25px;line-height:25px;padding-bottom:10px;font-family: 'Rajdhani', sans-serif; font-weight:700; font-size:25px; color:#000; text-decoration:none; text-align:left; }
#ana-kurumsal-devam{ position:relative; display:inline-block; width:auto; font-family: 'Rajdhani', sans-serif; font-weight:700; font-size:16px; color:#000; text-decoration:none; height:50px; line-height:50px; padding:0px 70px 0px 20px; margin-top:10px; border:1px solid #9f6d31; }
#ana-kurumsal-devam span{ position:absolute; top:0; right:0; height:48px; line-height:48px; padding:0px 15px; float:right; font-size:30px; background:#9f6d31; color:#fff; }
#ana-kurumsal-devam:hover{ background:#000; border:1px solid #000; color:#fff; }
#orta1{ position:relative; width:386px; height:250px; margin-right:20px; margin-bottom:20px; position: relative; z-index:1; border-bottom:2px solid #CCC; background:#f9f9f9; box-sizing:border-box; float:left; z-index:56; }
#orta1-resim{ width:100%; height:250px; background-position:bottom center; background-size:100% 100% !important; transition:all .2s ease-in; }
#orta1:hover{ }
#orta1 h3{
position:absolute;
width:100%;
bottom:-5px;
height:100px;
color:#FFF;
font-size:18px;
padding-top: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;
}
#orta1:hover > h3{ background:rgba(0,0,0,0); color:#000; }
#orta1:hover > #orta1-resim{
-webkit-filter: opacity(30%); /* Safari */
filter: opacity(30%);
}
#orta1 > span{ display:none; }
#orta1: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%;
}
#orta2{ width:793px; min-height:800px; margin:20px auto; position: relative; z-index:1; box-sizing:border-box; float:left; }
#orta3{ width:387px; min-height:800px; margin:20px auto; position: relative; z-index:1; box-sizing:border-box; float:right; background:#f9f9f9; }
#orta-baslik-ortala{
width:95%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#orta-menu-1{
font-family: 'Rajdhani', 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:24%; min-height:200px; margin:0.5%; padding-bottom:40px; float:left; text-align:center; box-sizing:border-box; z-index:1; transition:all .2s ease-in;}
#urun-kutu:hover > #urun-kutu-baslik{ background:#dc9b09; 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; background:#9f6d31; box-sizing:border-box; }
#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{ font-family: 'Rajdhani', sans-serif; font-size:16px; font-weight:700; text-decoration:none; text-align:center; color:#bb2025;
position:relative; width:16%; margin:0.3%; padding:15px; float:left; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2); text-align:center; background:#FFF; box-sizing:border-box; z-index:2; cursor:pointer;}
#urun-kutu2:hover{ background:#fff; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.5); z-index:3; }
#urun-kutu-baslik2{ width:auto; min-height:25px; line-height:25px; display:block; font-family: 'Rajdhani', sans-serif; font-size:14px; font-weight:700; text-decoration:none; color:#bb2025; padding-top:10px;}
#urun-kutu2-pdf{ font-family: 'Rajdhani', 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:11.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;}
#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: 'Rajdhani', 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%;
}
#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: 'Rajdhani', 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; }
.sosyal{ width:30px; height:30px; margin-left:5px; float:right; display:inline-block; transition:all 0.1s ease-in; }
.sosyal:hover{ opacity:0.5; }
.sosyal img{ width:30px;}
#ebultentxt{width:75%; height:35px; background:#d9d9d9; line-height:35px; padding-left:10px; box-sizing:border-box; border:0px;}
#ebultengonder{border:0px; background:#7f182b; width:25%; float:right; box-sizing:border-box; text-align:center; color:#FFF; line-height:33px; font-family: 'Rajdhani', sans-serif; font-size:12px; color:#fff; font-weight:700; cursor:pointer;}
#ebultengonder:hover{ background:#e31837; }
#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: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;
}
#sag-1{
width:25%;
min-height:100px;
margin-top:0px;
height:auto;
float:right;
background:#dc9b09;
padding:20px;
box-sizing:border-box;
}
#sol-1-baslik {
font-family: 'Rajdhani', sans-serif;
font-size:18px; color:#fff; font-weight:700;
width:100%;
padding:20px;
background:#000;
height:auto;
float:left;
z-index:1;
font-family: 'Rajdhani', sans-serif; font-size:18px; font-weight:700; color:#fff;
box-sizing:border-box;
}
#sol-menu-1{
font-family: 'Rajdhani', sans-serif;
font-size:15px; color:#fff; font-weight:600;
line-height:normal;
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 #9f6d31;
box-sizing:border-box;
}
#sol-menu-1:hover{
background:#9f6d31;
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;
}
#sol-menu-1-aktif{
font-family: 'Rajdhani', 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;
background:#9f6d31;
border-bottom:1px solid #9f6d31;
box-sizing:border-box;
}
#sol-menu-2{
font-family: 'Rajdhani', 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:#e4e4e4;
border-bottom:3px solid #c2c2c2;
}
#sol-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;
}
#sol-menu-2-aktif{
font-family: 'Rajdhani', sans-serif;
font-size:14px; color:#fff; 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:#ccc;
border-bottom:3px solid #c2c2c2;
}
#sol-menu-3{
font-family: 'Rajdhani', 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: 'Rajdhani', 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{
font-family: 'Rajdhani', 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: 'Rajdhani', 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;
}
#yarim1{ width:49%; float:left; margin-bottom:5px; box-sizing: border-box;}
#yarim2{ width:49%; float:right; margin-bottom:5px; box-sizing: border-box;}
#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: 'Rajdhani', 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: 'Rajdhani', sans-serif; font-weight:400; font-size:24px; color:#10366e; text-align:center; }
#gri{ background:#f1f1f1; padding:30px 0px 30px 0px; }
#turuncu{ background:#dc9b09; padding:30px 0px 30px 0px; }
#hbrbg{ background:url(../images/hbrbg.jpg) #f1f1f1 no-repeat top center; height:543px; padding:30px 0px 30px 0px; }
/* Haber */
.vticker{
border: 0px solid red;
width:auto;
}
.vticker ul{
padding: 0;
width:100%;
}
.vticker li{
position:relative;
list-style: none;
width:100%;
height:116px;
display:block;
padding:10px;
border-bottom:1px solid #ccc;
font-weight:700;
}
.vticker li > img{ position:relative; float:right; width:40%; margin-left:10px; height:auto; display:block; z-index:2; }
.vticker li > .div1 span{ font-family: 'Rajdhani', sans-serif; text-align: left;color: #dc9b09; text-decoration:none; font-size:20px; font-weight:700;}
.vticker li a{ position:absolute; bottom:10px; left:10px; padding:5px; text-decoration:none;background:#fff; border-bottom:2px solid #f0f0f0; color:#000; box-sizing:border-box; }
.vticker li a:hover{ background:#000; border-bottom:2px solid #333; color:#fff; padding:5px; }
.up,.down{
background:#f0f0f0;
border:0px;
height:40px;
width:40px;
line-height:40px;
font-size:24px;
text-align:center;
color:#000 !important;
border-bottom:2px solid #ccc;
box-sizing:border-box;
}
.up:hover, .down:hover{
background:#000;
color:#fff !important;
border:0px;
cursor:pointer;
}
#footer { height:auto; width:100%; margin:0px auto; background:url(../images/footer.png) #000 top center; z-index:2; padding:40px 0px; box-sizing:border-box; font-family: 'Open Sans', sans-serif; color:#99a9ac; line-height:22px; font-size:14px; }
#footer-alan-1{ float:left; width:15%; min-height:255px; border-right:1px solid #3f3f3f; box-sizing:border-box; }
#footer-alan-1>.bir{}
#footer-alan-1>.iki{ font-size:18px; font-weight:700; margin-top:100px; }
#footer-alan-1>.uc{ margin-top:100px; }
#footer-alan-2{ float:right; width:30%; min-height:255px; padding:0px 20px 0px 20px; box-sizing:border-box; }
#footer-alan-3{ float:right; width:30%; min-height:255px; padding:0px 20px 0px 20px; box-sizing:border-box; }
#footer-alan-4{ float:right; width:25%; min-height:255px; padding:0px 0px 0px 0px; box-sizing:border-box; text-align:right; border-left:1px solid #3f3f3f; }
.footer-baslik{font-size:18px; font-weight:700; }
.footer-baslik2{font-size:24px; color:#666; font-weight:800; }
.footer-link{ font-size:14px; font-weight:600; line-height:40px; color:#ccc; border-bottom:1px solid #333; border-top:1px solid #333; text-decoration:none; display:block; transition:all .2s ease-in; }
.footer-link:hover { background:#333; color:#ccc; padding:0px 15px 0px 15px; box-sizing:border-box; }
.footer-link2{font-size:14px; font-weight:400; line-height:22px; color:#75878a; text-decoration:none; display:block; }
.footer-link2:hover {color:#ccc; }
#acil{ display:none; }
@media only screen and (max-width: 1500px) {
}
@media only screen and (max-width: 1000px) {
#tasiyici{ position:fixed; background:#FFF; box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.2); }
#acil{ display:block; }
#kapa{ display:none !important; visibility:hidden;}
/* HEADER */
#header { position:fixed; height:auto !important; min-height:50px; width:100%; margin:0px auto; padding-bottom:0px; z-index:2; text-align:center; background:#FFF; }
#enust1{ float:right; text-align:right; width:10%; height:40px; line-height:40px; margin-top:15%; }
#enust2{ float:right; text-align:right; width:85px; height:40px; line-height:40px; margin-top:15%; }
#tezefon{ display:block; }
#logo-yan1{ display:none; } #logo-yan2{ display:none; }
#logo { position:relative !important; width:40%; height:150px; height:auto; float:left; left: 0%; top: 0%; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%);}
#logo img{ max-height:150px; }
#logo.lkucul{ width:40%; padding:0px; }
#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; text-align:center; }
#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%; height:auto; position:relative; z-index:1; }
#banner-sag{ width:100%; height:auto; margin:20px auto; position: relative; z-index:1; box-sizing:border-box; float:right; }
#banner-sag-1{ width:100%; height:auto; border-bottom:2px solid #CCC; margin-bottom:10px; background:#f9f9f9; box-sizing:border-box;}
#banner-icsayfa-baslik{ position:absolute; width:90%; font-weight:700; text-align:left; font-size:30px; color:#000; text-shadow:0px 2px 2px rgba(255,255,255,0.3); left: 10%; transform: translate(-5%, 0); bottom:30%; }
#banner-icsayfa-takip{ position:absolute; width:90%; text-shadow:0px 2px 2px rgba(255,255,255,0.3); left: 10%; transform: translate(-5%, 0); top:60%; }
.sosyal{ width:30px; height:30px; margin-left:5px; float:none; display:inline-block; transition:all 0.1s ease-in; }
#menu2 { width:70%; height:62px; float:right; text-align:right;}
#arakutu{ width:20%; }
#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: 'Rajdhani', 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;
}
#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: 'Rajdhani', 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{width:auto;min-height:40px;line-height:40px; padding-bottom:20px; font-family: 'Rajdhani', sans-serif; font-weight:400; font-size:70px; color:#9f6d31; }
#orta-bslk span{ clear:both; width:100%; background:#dc9b09; color:#000; padding:15px; font-size:30px; font-weight:700; display:block; box-sizing:border-box; text-align:left; }
#orta1{width:100%; min-height:100px; margin-top:30px; }
#orta2{width:100%; min-height:300px; background:url(../images/orta-resim-resp.jpg) top center no-repeat; margin:0px; height:auto;}
#orta3{width:100%; margin-top:30px;}
#orta2 > h3{ font-size:30px; font-weight:300; color:#fff; letter-spacing:1px; }
#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: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;}
#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-alan-1{ float:left; width:100%; min-height:100px; border-right:0px solid #3f3f3f; text-align:center; padding-bottom:30px; margin-bottom:30px; }
#footer-alan-1>.bir{}
#footer-alan-1>.iki{ font-size:18px; font-weight:700; margin-top:30px; }
#footer-alan-1>.uc{ margin-top:30px; }
#footer-alan-2{ float:right; width:100%; min-height:350px; padding:0px 20px 0px 20px; box-sizing:border-box; text-align:center; border-bottom:3px solid #3f3f3f; padding-bottom:30px; margin-bottom:30px; }
#footer-alan-3{ float:right; width:100%; min-height:350px; padding:0px 20px 0px 20px; box-sizing:border-box; text-align:center; border-bottom:3px solid #3f3f3f; padding-bottom:30px; margin-bottom:30px; }
#footer-alan-4{ float:right; width:100%; min-height:350px; padding:0px 0px 0px 0px; box-sizing:border-box; text-align:center; border-bottom:3px solid #3f3f3f; padding-bottom:30px; margin-bottom:30px; }
#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: 'Rajdhani', sans-serif; font-size:15px; font-weight:700; color:#292a5b; line-height:20px; margin-top:15px;}
#enust-sosyal { font-family: 'Rajdhani', 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: 'Rajdhani', 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; }
#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;}
#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: 'Rajdhani', 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: 'Rajdhani', 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: 'Rajdhani', sans-serif; font-size:16px; color:#000; line-height:25px; font-weight:500; }
.ic_beyaz{ font-family: 'Rajdhani', sans-serif; font-size:15px; color:#fff; line-height:25px; font-weight:400; }
#ic-bslk{font-family: 'Rajdhani', sans-serif; font-size:28px; color:#016179; line-height:42px; width:100%; margin:0 auto; text-align:left;}
.ust_link {font-family: 'Rajdhani', sans-serif; font-size:18px; color:#fff; text-decoration: none; text-align:left; }
.sayfa-baslik {font-family: 'Rajdhani', sans-serif; font-size:18px; color:#000; text-decoration: none; text-align:left; padding-left:30px; line-height:52px; }
.genel-baslik {font-family: 'Rajdhani', 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: 'Rajdhani', sans-serif; font-weight:700; font-size:15px; color:#000;
background:#fff;
width:100%;
height:50px;
line-height:50px;
padding-left:15px;
margin-bottom:1px;
border:0px;
box-sizing:border-box;
box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);
}
.style2{
font-family: 'Rajdhani', sans-serif; font-weight:700; font-size:15px; color:#000;
background:#fff;
width:100%;
height:152px;
line-height:25px;
padding-left:15px;
margin-bottom:1px;
border:0px;
box-sizing:border-box;
box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);
}
.buton-form{
font-family: 'Rajdhani', 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; }
.buton-ara{
position:relative;
font-family: 'Rajdhani', sans-serif; font-weight:800; font-size:20px; color:#fff;
background:#000;
float:right;
width:20%;
height:50px;
line-height:50px;
text-align:center;
border:0px;
box-sizing:border-box;
cursor:pointer;
top:-51px;
}
.buton-form:hover{ background:#9f6d31; }
/* slider */
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide h1{
position:absolute;
width:100%;
bottom:40px;
height:150px;
color:#FFF;
font-size:30px;
padding-top:10px;
/* 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;
}
.swiper-pagination{
margin:0 auto;
width:100%;
background:#f0f0f0;
padding:15px 0px 15px 0px;
bottom:0px;
margin-bottom:-10px;
border-bottom:2px solid #CCC;
box-sizing:border-box;
}
.swiper-pagination-bullet {
width: 35px;
height: 35px;
line-height:35px;
text-align: center;
font-size: 20px;
color:#000;
opacity: 1;
background:#fff;
border-bottom:1px solid #CCC;
border-radius:0px;
font-weight:700;
}
.swiper-pagination-bullet-active {
color:#fff;
background: #f00;
border-bottom:1px solid #900;
}
.swiper-button-next{
width:50px;
height:50px;
line-height:50px;
color:#FFF !important;
font-size:36px;
text-align:center;
right:0px;
background:rgba(0,0,0,0.5);
}
.swiper-button-prev{
width:50px;
height:50px;
line-height:50px;
color:#FFF !important;
font-size:36px;
text-align:center;
left:0px;
background:rgba(0,0,0,0.5);
}
.sayfano {
font-family: 'Rajdhani', sans-serif;
font-size:14px;
font-weight:bold;
background-color:#e31e25;
color:#fff;
padding:10px;
display: inline-block;
text-align:center;
text-decoration:none;
}
.sayfano:hover {
background-color:#000;
color:#fff;
}
.sayfano-2 {
font-family: 'Rajdhani', sans-serif;
font-size:14px;
font-weight:700;
background-color:#000;
color:#fff;
padding:10px;
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;
}