/* Oyos Yazılım 02 Şubat 2020 - ismail ihsan bülbül - e-ben@msn.com */ @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;600&family=Poppins:wght@400;600;700&display=swap'); *,*::before, *::after {box-sizing:border-box;} body {font-family: 'Poppins', sans-serif; font-size:15px; color:#4c5764;} a {color:#4c5764;} a:hover {color:#102134;} p {margin-bottom:10px;} strong {font-weight:700;} input, textarea, select {font-family: 'Poppins', sans-serif;} a.detay {font-size:16px; position:relative; padding-left:40px; line-height:45px; display:inline-block;} a.detay i {position:absolute; left:0px; top:0px; z-index:-2;} a.detay i::before {font-size:20px; border:2px solid #cfe5ff; width:45px; height:45px; line-height:41px; text-align:center; border-radius:100%; position:absolute; left:0px; z-index:1; transition:all 0.5s;} a.detay:hover i::before {border:2px solid #4c5764 !important;} a.detay i::after {content:''; position:absolute; background:#fff; width:90px; height:90px; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); border-radius:100%; left:23px; top:23px;} a.detay::after {width:15px; height:30px; background:#fff; content:''; position:absolute; left:36px; top:7px; z-index:-1;} .hkategoriler {width:600px; padding-top:100px; background:#4c5764; float:left;} .hkategoriler::after {content:''; width:calc((100% - 1200px) / 2); min-width:0px; height:610px; position:absolute; left:0px; top:85px; background:#4c5764;} .hkategoriler ul.hkategori {list-style:none; width:300px; float:left;} .hkategoriler ul.hkategori li {width:100%;} .hkategoriler ul.hkategori li a {height:40px; line-height:40px; font-size:18px; position:relative; color:#fff; padding-left:0px; transition:all 0.5s;} .hkategoriler ul.hkategori li a::before {content:''; width:0px; height:2px; background:#fff; left:0px; top:12px; position:absolute; transition:all 0.5s; opacity:0;} .hkategoriler ul.hkategori li a:hover::before, .hkategoriler ul.hkategori li a.aktif::before {width:20px; opacity:1;} .hkategoriler ul.hkategori li a:hover, .hkategoriler ul.hkategori li a.aktif {padding-left:30px;} .hkategoriler .hbasliklar {width:300px; height:510px; float:left; border-left:2px solid #414a55;} .hkategoriler .hbasliklar::after {content:''; width:calc((100% - 1200px) / 2); min-width:0px; height:610px; position:absolute; right:0px; top:85px; background:#cfe5ff;} .hkategoriler .hbasliklar ul {width:100%; float:left; list-style:none; display:none;} .hkategoriler .hbasliklar ul:first-child {display:block;} .hkategoriler .hbasliklar ul li {width:100%; float:left;} .hkategoriler .hbasliklar ul li a {height:35px; float:left; line-height:35px; padding-left:30px; position:relative; color:#fff;} .hkategoriler .hbasliklar ul li a::before {width:2px; height:0px; position:absolute; left:-2px; top:50%; transform: translateY(-50%); content:''; background:#fff; transition:all 0.5s; opacity:0;} .hkategoriler .hbasliklar ul li a:hover::before, .hkategoriler .hbasliklar ul li a.aktif::before {height:35px; opacity:1;} header {width:100%; height:185px; float:left; position:relative; z-index:9;} header #hort {width:1200px; margin:auto; position:relative; z-index:99;} header #hort h1 {position:absolute; left:50%; transform:translateX(-50%); top:25px; transition:all 0.5s;} header #hort h1 a {width:241px; height:147px; text-indent:-9999px; float:left; background:url('../images/logo.png') top left no-repeat; background-size:contain;} header #hort i.hicon {font-size:20px; width:45px; height:45px; border:2px solid #fff; border-radius:100%; text-align:center; line-height:41px; position:relative; z-index:-1; transition:all 0.5s;} header #hort #hsol {float:left; margin-top:60px; transition:all 0.5s; opacity:1;} header #hort #hsol ul#sosyal {list-style:none; float:left;} header #hort #hsol ul#sosyal li {float:left; margin-right:20px;} header #hort #hsol ul#sosyal li a {font-size:20px; height:45px; line-height:45px;} header #hort #hsol a#tel {margin-left:90px; font-size:18px; font-family:'Barlow', sans-serif; font-weight:600; height:45px; line-height:45px; position:relative; float:left;} header #hort #hsol a#tel::after {width:15px; height:25px; background:#cfe5ff; content: ''; position:absolute; right:35px; top:10px; z-index:-1;} header #hort #hsol a#tel i {float:right; margin-left:-10px;} header #hort #hsol a#tel:hover i {border-color:#4c5764;} header #hort #hsag {float:right; margin-top:60px;} header #hort #hsag a#randevu {margin-right:90px; float:left; font-size:16px; height:45px; line-height:45px; position:relative;} header #hort #hsag a#randevu::after {width:15px; height:25px; background:#cfe5ff; content: ''; position:absolute; left:35px; top:10px; z-index:-1;} header #hort #hsag a#randevu i {float:left; margin-right:-5px;} header #hort #hsag a#randevu:hover i {border-color:#4c5764;} header #hort #hsag a.la-bars {float:right; font-size:30px; height:45px; line-height:45px; width:45px; text-align:center;} header #hmenu {width:100%; background:#fff; position:absolute; height:100vh; width:100%; opacity:0; top:-150vh; transition:all 0.5s;} header #hmenu #hm_ort {width:1200px; margin:auto;} header #hmenu #hm_ort #hm_sol {width:500px; float:left; padding-top:250px;} header #hmenu #hm_ort #hm_sol ul {list-style:none; float:left;} header #hmenu #hm_ort #hm_sol ul li {width:100%; float:left; margin-bottom:15px;} header #hmenu #hm_ort #hm_sol ul li a {float:left; font-size:30px; font-weight:600; transition:all 0.5s;} header #hmenu #hm_ort #hm_sol ul li a:hover {padding-left:20px;} header #hmenu #hm_ort #hm_sag.hkategoriler {float:right; height:100vh; padding-left:50px; padding-top:250px; width:700px;} header #hmenu #hm_ort #hm_sag.hkategoriler h4 {width:100%; float:left; margin-bottom:20px; color:#fff; font-weight:600; font-size:30px; height:45px;} header #hmenu #hm_ort #hm_sag.hkategoriler .hbasliklar {width:350px; height:calc(100vh - 295px);} header #hmenu #hm_ort #hm_sag.hkategoriler .hbasliklar::after {display:none;} /* Bu kısım menu yerleşimi sonrası düzenlenecek */ header #hmenu #hm_ort #hm_sag.hkategoriler::after {height:100vh; top:0px; right:0px; left:initial;} header.maktif {position:fixed;} header.maktif #hmenu {opacity:1; top:0vh;} /* Bu kısım animasyon için düzenlenecek */ header.maktif #hort #hsol {margin-top:-100px; opacity:0;} header.maktif #hort #hsag a#randevu {margin-top:-200px; opacity:0;} header.maktif #hort #hsag a#randevu::after {display:none;} header.maktif #hort h1 {left:0px; transform:translate(0%)} header.maktif #hort #hsag a.la-bars {color:#fff;} /* border-left:3px solid #4c5764; */ #slider {width:100%; float:left; height:100vh; min-height:845px; max-height:950px; background:#cfe5ff; margin-top:-185px; overflow:hidden;} #slider.maktif {margin-top:0px;} #slider #sort {width:1200px; height:100%; position:relative; margin:auto;} #slider #sort::after {content:''; height:50%; position:absolute; width:3px; left:0px; top:50%; background:#eef6ff;} #slider #sort #stext {width:600px; position:absolute; top:50%; transform:translateY(-50%); padding-left:50px; z-index:3;} #slider #sort #stext h2 {font-size:30px; width:100%; float:left; position:relative;} #slider #sort #stext h2::after {content:''; position:absolute; width:3px; height:100%; top:0px; left:-50px; background:#4c5764;} #slider #sort #stext h2 a {float:left;} #slider #sort #stext span {width:100%; float:left; font-size:16px; margin-bottom:45px; position:relative;} #slider #sort #stext span::after {content:''; position:absolute; width:3px; height:100%; top:0px; left:-50px; background:#4c5764;} #slider #sort #stext a.detay {} #slider #sort #stext a.detay i {} #slider #sort img {position:absolute; right:-100px; bottom:0px; z-index:2;} #slider #sort i.slider_daire { width:630px; height:630px; background:#eef6ff; position:absolute; border-radius:100%; right:140px; bottom:80px; z-index:1; opacity:0.5; animation: daire 3s infinite; } @keyframes daire { from { width:0px; height:0px; opacity:1; } to { width:630px; height:630px; opacity:0; } } #kimim_ben {width:100%; float:left; padding:100px 0;} #kimim_ben #kb_ort {width:930px; margin:auto;} #kimim_ben #kb_ort img {float:left; width:350px; height:470px; background:#ccc;} #kimim_ben #kb_ort #kb_biyografi {float:right; width:500px; padding-top:40px;} #kimim_ben #kb_ort #kb_biyografi h4 {width:100%; float:left; font-size:18px; position:relative; margin-bottom:15px;} #kimim_ben #kb_ort #kb_biyografi h4::after {content:''; width:30px; height:2px; background:#4c5764; position:absolute; left:-50px; top:13px;} #kimim_ben #kb_ort #kb_biyografi h5 {width:100%; float:left; font-size:30px; font-weight:600; margin-bottom:20px;} #kimim_ben #kb_ort #kb_biyografi span {width:100%; float:left; margin-bottom:45px;} #kimim_ben #kb_ort #kb_biyografi a.detay {} #kimim_ben #kb_ort #kb_biyografi a.detay i {} #kimim_ben #kb_ort #kb_biyografi a.detay i::before {border:2px solid #ffffff;} #kimim_ben #kb_ort #kb_biyografi a.detay i::after, #kimim_ben #kb_ort #kb_biyografi a.detay::after {background:#cfe5ff;} #hizmetlerimiz {width:100%; float:left; position:relative;} #hizmetlerimiz #hort {width:1200px; margin:auto;} #hizmetlerimiz #hort h6 {width:100%; text-align:center; font-size:18px; position:relative; height:85px;} #hizmetlerimiz #hort h6::after {position:absolute; top:35px; left:50%; transform:translateX(-50%); width:2px; height:30px; content:''; background:#4c5764;} #hizmetlerimiz #hort #hicerikler {width:600px; height:610px; float:right; background:#cfe5ff; position:relative;} #hizmetlerimiz #hort #hicerikler .hi {width:100%; position:absolute; top:40%; transform:translateY(-50%); left:0px; padding-left:50px; display:none;} #hizmetlerimiz #hort #hicerikler .hi:first-child {display:block;} #hizmetlerimiz #hort #hicerikler .hi h4 {width:100%; float:left; font-size:18px; margin-bottom:5px;} #hizmetlerimiz #hort #hicerikler .hi h4 a {float:left;} #hizmetlerimiz #hort #hicerikler .hi h5 {width:100%; float:left; margin-bottom:10px; font-size:30px; font-weight:600;} #hizmetlerimiz #hort #hicerikler .hi h5 a {float:left;} #hizmetlerimiz #hort #hicerikler .hi span {width:100%; float:left; margin-bottom:45px;} #hizmetlerimiz #hort #hicerikler .hi a.detay {} #hizmetlerimiz #hort #hicerikler .hi a.detay i {} #hizmetlerimiz #hort #hicerikler i#hres {width:564px; height:312px; background:url('../images/uygulamalar.png') top left no-repeat; position:absolute; bottom:0px; right:-35px; pointer-events:none;} #hiletisim {width:100%; float:left; padding:100px 0;} #hiletisim #hi_ort {width:1100px; margin:auto;} #hiletisim #hi_ort #hi_baslik {width:300px; float:left;} #hiletisim #hi_ort #hi_baslik span:nth-child(1) {width:100%; float:left; font-size:18px; margin-bottom:15px; position:relative;} #hiletisim #hi_ort #hi_baslik span:nth-child(1)::before {content:''; width:30px; height:2px; background:#4c5764; position:absolute; left:-50px; top:13px;} #hiletisim #hi_ort #hi_baslik span:nth-child(2) {font-size:30px; float:left; width:100%; font-weight:600;} #hiletisim #hi_ort form {width:750px; float:right; margin-top:45px;} #hiletisim #hi_ort form .hi_form {width:280px; margin-right:20px; position:relative; float:left;} #hiletisim #hi_ort form .hi_form input {width:100%; float:left; height:50px; line-height:50px; border:2px solid #aebccd; padding:0 20px 0 40px;} #hiletisim #hi_ort form .hi_form>i {font-size:20px; color:#aebccd; position:absolute; top:15px; left:15px;} #hiletisim #hi_ort form .hi_form:last-child {margin-right:0px; width:auto;} #hiletisim #hi_ort form .hi_form a.detay {} #hiletisim #hi_ort form .hi_form a.detay i {} #instagram {width:100%; padding:100px 0; float:left; background:#cfe5ff;} #instagram #insta_ort {width:850px; margin:auto; height:500px; position:relative;} #instagram #insta_ort #insta_baslik {width:415px; position:absolute; right:0px; top:25px;} #instagram #insta_ort #insta_baslik span {font-size:30px; font-weight:600; width:100%; float:left;} #instagram #insta_ort #insta_baslik a {font-size:18px; float:left;} #instagram #insta_ort img {position:absolute; background:#ccc; display:block; object-fit:cover;} #instagram #insta_ort img#insta_1 {left:0px; top:60px; width:135px; height:135px;} #instagram #insta_ort img#insta_2 {left:0px; top:225px; width:135px; height:170px;} #instagram #insta_ort img#insta_3 {left:165px; top:0px; width:235px; height:235px;} #instagram #insta_ort img#insta_4 {left:165px; top:265px; width:235px; height:235px;} #instagram #insta_ort img#insta_5 {left:430px; top:170px; width:150px; height:210px;} #instagram #insta_ort img#insta_6 {left:610px; top:170px; width:150px; height:150px;} #bhaberler {width:100%; float:left; padding:100px 0;} #bhaberler #bh_ort {width:1200px; margin:auto;} #bhaberler #bh_ort h6 {width:100%; text-align:center; font-size:18px; position:relative; height:85px;} #bhaberler #bh_ort h6::after {position:absolute; top:35px; left:50%; transform:translateX(-50%); width:2px; height:30px; content:''; background:#4c5764;} #bhaberler #bh_ort .bhaber {width:380px; float:left; margin-right:30px;} #bhaberler #bh_ort .bhaber:last-child {margin-right:0px;} #bhaberler #bh_ort .bhaber>a {float:left; width:100%; margin-bottom:20px;} #bhaberler #bh_ort .bhaber>a img {width:100%; float:left; height:240px; background:#ccc;} #bhaberler #bh_ort .bhaber h4 {width:100%; float:left; margin-bottom:10px; font-size:16px; font-weight:600;} #bhaberler #bh_ort .bhaber h4 a {float:left;} #bhaberler #bh_ort .bhaber span {width:100%; float:left font-size:15px;} footer {width:100%; float:left; padding:100px 0; background:#4c5764; color:#ffffff; overflow:hidden;} footer #fort {width:1200px; margin:auto; position:relative;} footer #fort #fsosyal {width:120px; float:left;} footer #fort #fsosyal span {width:100%; float:left; margin-bottom:15px;} footer #fort #fsosyal ul {list-style:none; float:left; width:100%;} footer #fort #fsosyal ul li {float:left; margin-right:15px;} footer #fort #fsosyal ul li a {height:25px; line-height:25px; color:#fff; float:left; font-size:20px;} footer #fort #fadres {width:320px; float:left; margin-left:110px;} footer #fort #fadres span {width:100%; float:left; margin-bottom:15px;} footer i#logo_cicek {width:270px; height:314px; position:absolute; right:260px; top:-35px; background:url('../images/logo_cicek.png') center center no-repeat; background-size:contain;} footer a.detay {transform:rotate(-90deg); position:absolute; right:40px; top:90px;} footer a.detay::before {content:'Yukarı çık'; position:absolute; color:#fff; mix-blend-mode:difference; width:80px;} footer a.detay i {} footer span#web_tasarim {font-size:12px; position:absolute; right:0px; top:180px; color:#1b2027;} footer span#web_tasarim a {color:#1b2027; text-decoration:underline;} #sbaslik {width:100%; float:left; position:relative; z-index:1; margin-top:-185px; background:#cfe5ff;} #sbaslik #sb_ort {width:1200px; box-sizing:border-box; margin:auto; height:420px; position:relative; z-index:9; } #sbaslik #sb_ort #sb_yazi {position:absolute; bottom:40px;} #sbaslik #sb_ort #sb_yazi h1 {font-weight:600; font-size:40px; float:left; width:100%; float:left; padding-right:60px; box-sizing:border-box;} #sbaslik #sb_ort #sb_yazi>span {font-size:16px; float:left; width:100%; padding-right:60px; box-sizing:border-box; float:left;} #sayfa_cerceve {width:100%; float:left; padding:30px 0;} #sayfa {width:1200px; margin:auto; position:relative; z-index:1;} #sayfa #sayfa_haberler {width:918px; float:left;} #sayfa #sayfa_haberler .haber {width:440px;} #sayfa #sayfa_haberler .haber:first-child {float:left;} #sayfa #sayfa_haberler .haber:last-child {float:right;} #sayfa #sayfa_haberler .haber a.resim {float:left;} #sayfa #sayfa_haberler .haber a.resim img {width:120px; height:120px; border-radius:120px; float:left; margin-right:15px; display:block; background:#ebebeb;} #sayfa #sayfa_haberler .haber h2 {width:305px; float:left; margin-bottom:5px; font-size:18px; margin-top:9px;} #sayfa #sayfa_haberler .haber h2 a {float:left;} #sayfa #sayfa_haberler .haber span {width:305px; float:left;} #sayfa #sayfa_orta {width:100%; float:left;} #sayfa #sayfa_orta .iresim {float:left; max-width:300px; display:block; margin-right:10px; margin-bottom:10px;} #sayfa #sayfa_orta iframe {width:100%;} #sayfa #sayfa_orta .meta {width:380px; padding:10px; float:left; background:#1c1c1c; border-bottom:1px solid #131313; color:#fff;} #sayfa #sayfa_orta .meta span:first-child {float:left; width:200px; font-weight:700;} #sayfa #sayfa_orta .meta span:last-child {float:left;} #sayfa #sayfa_orta #urun_slide {width:100%; height:360px; float:left; position:relative; margin-bottom:30px; border-radius:5px;} #sayfa #sayfa_orta #urun_slide a#sol_ok{font-size:70px; position:absolute; top:150px; left:20px; z-index:99; color:#fff; text-shadow:0 0 10px #000; transition:all 0.5s;} #sayfa #sayfa_orta #urun_slide a#sol_ok:hover{transform:scale(1.2);} #sayfa #sayfa_orta #urun_slide a#sag_ok{font-size:70px; position:absolute; top:150px; right:20px; z-index:99; color:#fff; text-shadow:0 0 10px #000; transition:all 0.5s;} #sayfa #sayfa_orta #urun_slide a#sag_ok:hover{transform:scale(1.2);} #sayfa #sayfa_orta #urun_slide ul {list-style:none; width:999999px; height:360px; overflow:hidden; display:block; float:left;} #sayfa #sayfa_orta #urun_slide ul li {float:left; width:100%;} #sayfa #sayfa_orta #urun_slide ul li a {float:left; width:100%; height:360px; border-radius:10px;} #sayfa #sayfa_orta #urun_slide ul li a img {width:100%; height:360px; display:block;} #sayfa #sayfa_orta h1 {width:870px; float:left; font-size:22px; padding-bottom:10px; margin-bottom:15px; color:#2d2d2d; font-weight:700; border-bottom: 1px solid #f6fdff; display:none;} #sayfa #sayfa_orta h1.urun_baslik {width:360px; float:left; font-size:18px; padding-bottom:5px; margin-bottom:10px; border-bottom:1px dotted #454545;} #sayfa #sayfa_orta #urun_resim {width:340px; float:left; margin-bottom:10px; margin-right:10px;} #sayfa #sayfa_orta #haberler {width:100%; float:left;} #sayfa #sayfa_orta #haberler .haber {width:100%; min-height:120px; float:left; margin-bottom:20px; padding-bottom:20px; background:url(../images/hc_bg.png) bottom left repeat-x; border-bottom:1px solid #eae9e9; position:relative;} #sayfa #sayfa_orta #haberler .haber a.resim {position:absolute; left:0px;} #sayfa #sayfa_orta #haberler .haber a.resim img {width:120px; height:120px; border-radius:5px; float:left; margin-right:15px; display:block; background:#fff;} #sayfa #sayfa_orta #haberler .haber a.resim img.vesika {width:120px; height:160px;} #sayfa #sayfa_orta #haberler .haber h2 {width:100%; padding-left:135px; box-sizing:border-box; float:left; margin-bottom:5px; font-size:22px; margin-top:9px; font-weight:700;} #sayfa #sayfa_orta #haberler .haber h2 a {float:left;} #sayfa #sayfa_orta #haberler .haber span {padding-left:135px; box-sizing:border-box; float:left;} #sayfa #sayfa_orta #haberler .kadro {width:285px; height:auto; float:left; margin-right:20px; margin-bottom:30px;} #sayfa #sayfa_orta #haberler .kadro:nth-child(4n+0) {margin-right:0px;} #sayfa #sayfa_orta #haberler .kadro img {width:100%; height:auto; float:left; border-radius:10px; box-shadow:0 0 10px #0000001f;} #sayfa #sayfa_orta #haberler .kadro h3 {width:100%; float:left; line-height:30px; font-weight:600; font-family: 'Poppins', sans-serif;} #sayfa #sayfa_orta #haberler .kadro span {width:100%; float:left;} #sayfa #sayfa_orta #haberler .kadro span:nth-child(3) {font-size:14px; color:#a3a3a3;} #sayfa #sayfa_orta #haberler .kadro span:nth-child(4) {} #sayfa #sayfa_orta #haberler .urun {width:270px; margin:10px; float:left; min-height:260px;} #sayfa #sayfa_orta #haberler .urun a.resim {width:100%; float:left; border-radius:10px; height:200px; margin-bottom:10px;} #sayfa #sayfa_orta #haberler .urun:hover a.resim {box-shadow:0 0 10px #ccc;} #sayfa #sayfa_orta #haberler .urun h2 {width:100%; float:left; text-align:center; font-size:16px; font-weight:700;} #sayfa #sayfa_orta #haberler .urun h2 a {color:#00133b;} #sayfa #sayfa_orta #haberler .kat {width:170px; height:170px; float:left; margin-bottom:10px; margin-right:10px; position:relative;} #sayfa #sayfa_orta #haberler .kat a.resim {float:left;} #sayfa #sayfa_orta #haberler .kat a.resim img {width:170px; height:170px; float:left; margin-right:15px; display:block; background:#fff; border-radius:5px;} #sayfa #sayfa_orta #haberler .kat h2 {margin-bottom:5px; font-size:14px; margin-top:9px; font-weight:700; position:absolute; bottom:10px; background:#692008; padding:5px 10px; right:0px; border-radius:5px 0 0 5px;} #sayfa #sayfa_orta #haberler .kat h2 a {float:left;} #sayfa #sayfa_orta .gallery {list-style:none; margin-top:30px;} #sayfa #sayfa_orta .gallery li {float:left; margin:8px;} #sayfa #sayfa_orta .gallery li a{} #sayfa #sayfa_orta .gallery li a img {width:200px; display:block; transition:all 0.5s;} #sayfa #sayfa_orta .gallery li a img:hover {} #sayfa #sayfa_sidebar {width:300px; float:right; display:none;} #sayfa #sayfa_sidebar h2 {width:100%; float:left; font-size:22px; padding-bottom:5px; margin-bottom:10px; border-bottom: 1px solid #BDB9B9; color:#2d2d2d; font-weight:700;} #sayfa #sayfa_sidebar h3 {width:100%; float:left; font-size:18px; font-weight:700;} #sayfa #sayfa_sidebar h3 a {float:left; color:#fff; width:100%; height:50px; line-height:50px; padding:0 15px; box-sizing:border-box; background:#404040; transition:all 0.5s;} #sayfa #sayfa_sidebar h3 a:hover {background:#346694;} #sayfa #sayfa_sidebar>ul {list-style:none; float:left; width:100%; margin-bottom:20px; box-sizing:border-box; overflow:hidden; background:#fff; box-shadow:0 0 5px #00000014;} #sayfa #sayfa_sidebar>ul>li {width:100%; float:left; border-bottom:1px solid #e8f6fa;} #sayfa #sayfa_sidebar>ul>li:last-child {border:none;} #sayfa #sayfa_sidebar>ul>li>a {padding:0 15px; box-sizing:border-box; height:50px; line-height:50px; display:block; width:100%; float:left; color:#2f2f2f; font-weight:700; transition:all 0.5s;} #sayfa #sayfa_sidebar>ul>li>a>i {float:right; line-height:50px;} #sayfa #sayfa_sidebar>ul>li>a:hover { color:#fff; background: #0e7000; } #sayfa #sayfa_sidebar>ul>li>ul {width:100%; padding-left:30px; box-sizing:border-box; list-style:none;} #sayfa #sayfa_sidebar>ul>li>ul>li {width:100%; margin-bottom:15px; float:left;} #sayfa #sayfa_sidebar>ul>li>ul>li>a {float:left;} #sayfa #sayfa_sidebar #facebook {float:left; margin-top:15px;} .form {width:100%; float:left;} .form .text {width:100%; float:left;} .form .text .acik {float:left; margin-bottom:5px; font-weight:700;} .form .text .macik {float:right; margin-bottom:5px; font-size:11px; color:#ccc;} .form .text input[type="text"], .form .text input[type="date"] {padding:15px; width:100%; box-sizing:border-box; float:left; margin-bottom:10px; border:1px solid #cdcdcd;} .form .text select {padding:15px; width:100%; box-sizing:border-box; float:left; margin-bottom:10px; border:1px solid #cdcdcd; border-radius:5px;} .form .text input[type="file"] {padding:15px; width:100%; box-sizing:border-box; float:left; margin-bottom:10px; border:1px solid #cdcdcd; border-radius:5px;} .form .text textarea {padding:15px; width:100%; box-sizing:border-box; height:100px; float:left; margin-bottom:10px; border:1px solid #cdcdcd; border-radius:5px;} input.error, textarea.error {border:3px solid #cf2727 !important;} label.error {display:none !important;} #sayfa #sayfa_orta #iletisim1 {width:550px; float:right;} #sayfa #sayfa_orta #iletisim1 h1 {width:100%; float:left;} #sayfa #sayfa_orta #iletisim2 {width:600px; float:left;} #sayfa #sayfa_orta #iletisim2 h1 {width:100%; float:left;} #sayfa #sayfa_orta #iletisim2 .form {width:100%;} #sayfa #sayfa_orta #iletisim2 .form .text {width:100;} #sayfa #sayfa_orta #iletisim2 .form .text input {padding:15px 10px; width:100%; box-sizing:border-box; border:1px solid #cdcdcd;} #sayfa #sayfa_orta #iletisim2 .form .text textarea {width:100%; box-sizing:border-box; padding:10px 4px; border:1px solid #cdcdcd;} #sayfa #sayfa_orta #iletisim2 input.error, #sayfa #sayfa_orta #iletisim2 textarea.error {border:1px solid #cf2727 !important;} #sayfala {margin-top:20px; width:100%; text-align:center;} #sayfala a{font-size:14px; font-weight:700; font-weight:700; padding:5px 11px; display:inline-block; background:#292929; color:#fff; margin:0 5px;} #sayfala a:hover {background:#fff; color:#0a0a0a;} #sayfala .aktif {background:#fff; color:#0a0a0a;} .button1 { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6)); background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0); background-color:#ffffff; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; border:1px solid #dcdcdc; display:inline-block; cursor:pointer; color:#666666; font-family:arial; font-size:11px; font-weight:bold; padding:6px 12px; text-decoration:none; text-shadow:0px 1px 0px #ffffff; } .button1:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff)); background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%); background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%); background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%); background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%); background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0); background-color:#f6f6f6; } .button1:active { position:relative; top:1px; } #yorumlar {width:690px; float:left; margin-bottom:10px; margin-top:40px;} #yorumlar h3 {width:690px; float:left; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #e3e3e3; font-weight:700; font-size:18px;} #yorumlar #yorum_yaz {width:690px; float:left;} #yorumlar #yorum_yaz form {float:left; margin-bottom:20px;} #yorumlar #yorum_yaz input[type="text"] {padding:10px; border:1px solid #cbcbcb; width:46%; font-size:12px; font-family: 'PT Sans', sans-serif;} #yorumlar #yorum_yaz textarea {font-size:12px; border:1px solid #cbcbcb; width:670px; float:left; margin:15px 0; padding:10px; font-family: 'PT Sans', sans-serif; height:80px;} #yorumlar #yorum_yaz span {float:right; font-size:12px; color:#cbcbcb;} #yorumlar #yorum_yaz input[type="submit"] {float:right; border:none; padding:10px 15px; font-family: 'PT Sans', sans-serif; background:#f9b60a; color:#fff;} #yorumlar #tum_yorumlar {width:690px; float:left;} #yorumlar #tum_yorumlar #yorum_yok {width:660px; float:left; padding:15px; background:#ffeec2; border-bottom:1px solid #d3c39c;} #yorumlar #tum_yorumlar .yorum {width:670px; padding:10px; background:#f0f0f0; border-bottom:1px solid #cdcdcd; margin-bottom:10px; float:left;} #yorumlar #tum_yorumlar .yorum h4 {width:670px; font-size:13px; float:left; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #cdcdcd;} #yorumlar #tum_yorumlar .yorum h4 .tarih {font-size:11px; float:right;} #yorumlar #tum_yorumlar .yorum span.yrm {width:670px; float:left;} .dokuman {width:100%; float:left; height:35px; margin-bottom:1px; padding:0 15px; background:#00a4a7; color:#fff; line-height:35px; box-sizing:border-box; font-weight:700;} .dokuman:hover {background:#067375; color:#fff;} .dokuman i {float:left; line-height:35px; margin-right:8px; font-weight:400;} .osb::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #1bafb2; } .osb::-webkit-scrollbar { width: 5px; background-color: #1bafb2; } .osb::-webkit-scrollbar-thumb { background-color: #175d5f; } .osb { float: left; background: #F5F5F5; overflow-y: scroll; } /********************/ .icerik_kutu_1 {width:380px; height:auto; float:left; box-sizing:border-box; position:relative; margin-right:30px; margin-bottom:30px;} #haberler .icerik_kutu_1:nth-child(3n+0) {margin-right:0px;} .icerik_kutu_1 a.aimg {float:left; margin-bottom:15px; width:100%;} .icerik_kutu_1 a.aimg img {width:100%; height:240px; background:#ccc; display:block; float:left; box-shadow:0 0 10px #0000001f; border-radius:0px;} .icerik_kutu_1 h4 {width:100%; float:left; font-size:18px; font-weight:700; margin-bottom:5px;} .icerik_kutu_1 h4 a {} .icerik_kutu_1 span {width:100%; float:left; color:#585555; margin-bottom:5px;} .icerik_kutu_1 a.detaylar { float:left; padding:0 20px; color:#fff; height:35px; line-height:35px; display:block; box-sizing:border-box; border-radius:35px; font-weight:700; background: rgb(143,200,254); background: linear-gradient(180deg, rgba(143,200,254,1) 0%, rgba(42,148,251,1) 100%); } .icerik_kutu_1 a.detaylar i {margin-left:15px; transition:all 0.5s;} .icerik_kutu_1 a.detaylar:hover i {margin-left:20px;} .icerik_kutu_1 a.harita {position:absolute; right:20px; top:100px; height:25px; line-height:25px; color:#a6a6a6; background:#f6fcff; border-radius:25px; padding:0 10px; font-size:12px;} .icerik_kutu_1 a.harita i {margin-right:5px; font-size:14px;} .p0px {padding:0px !important;} .w710 {width:100%; !important;} @media screen and (max-width:600px) { header {height:120px;} header #hort {width:100%; float:left;} header #hort h1 a {width:120px; height:75px;} header #hort #hsol {margin-top:45px;} header #hort #hsol ul#sosyal li {margin-right:0px; margin-left:10px;} header #hort #hsol a#tel {display:none;} header #hort #hsag {margin-top:45px;} header #hort #hsag a#randevu {display:none;} header #hmenu {height:auto;} header #hmenu #hm_ort {width:100%; float:left;} header #hmenu #hm_ort #hm_sol {width:100%; float:left; padding:120px 20px 20px 20px;} header #hmenu #hm_ort #hm_sol ul li a {font-size:20px;} header #hmenu #hm_ort #hm_sag.hkategoriler {height:auto; padding:50px 20px; width:100%;} header #hmenu #hm_ort #hm_sag.hkategoriler h4 {font-size:20px; height:auto; margin-bottom:15px;} header #hmenu #hm_ort #hm_sag.hkategoriler .hbasliklar {display:none;} header.maktif {position:relative;} header.maktif #hort h1 {left:50%; transform:translateX(-50%)} header.maktif #hort #hsol {display:block;} header.maktif #hort #hsag a.la-bars {color:initial;} #slider {margin-top:-120px; min-height:600px; max-height:700px;} #slider #sort {width:100%; float:left;} #slider #sort img {height:200px; right:0px;} #slider #sort #stext {width:100%; padding:0 20px;} #slider #sort #stext h2 {font-size:20px;} #slider #sort #stext span {font-size:14px;} #kimim_ben {padding:50px 20px;} #kimim_ben #kb_ort {width:100%;} #kimim_ben #kb_ort img {width:100%; height:auto;} #kimim_ben #kb_ort #kb_biyografi {width:100%; padding-top:20px;} #kimim_ben #kb_ort #kb_biyografi h4 {font-size:16px; margin-bottom:5px;} #kimim_ben #kb_ort #kb_biyografi h5 {font-size:20px; margin-bottom:10px;} #kimim_ben #kb_ort #kb_biyografi span {font-size:14px;} .hkategoriler {width:100%; padding:50px 20px;} .hkategoriler .hbasliklar {display:none;} #hizmetlerimiz {width:100%;} #hizmetlerimiz #hort {width:100%; float:left;} #hizmetlerimiz #hort #hicerikler {display:none;} #hiletisim {padding:50px 20px;} #hiletisim #hi_ort {width:100%;} #hiletisim #hi_ort #hi_baslik {width:100%;} #hiletisim #hi_ort #hi_baslik span:nth-child(1) {font-size:16px; margin-bottom:5px;} #hiletisim #hi_ort #hi_baslik span:nth-child(2) {font-size:20px;} #hiletisim #hi_ort form {width:100%; margin-top:15px;} #hiletisim #hi_ort form .hi_form {width:100%; margin-bottom:15px;} #instagram {padding:50px 20px;} #instagram #insta_ort {width:100%; height:auto;} #instagram #insta_ort img {display:none;} #instagram #insta_ort #insta_baslik {width:100%; position:relative; right:initial; top:initial;} #instagram #insta_ort #insta_baslik span {font-size:20px;} #bhaberler {padding:50px 20px;} #bhaberler #bh_ort {width:100%; float:left;} #bhaberler #bh_ort .bhaber {width:100%; margin-bottom:20px; margin-right:0px;} #bhaberler #bh_ort .bhaber>a {margin-bottom:10px;} #bhaberler #bh_ort .bhaber>a img {height:auto;} #bhaberler #bh_ort .bhaber h4 {margin-bottom:5px;} footer {padding:50px 20px;} footer a.detay {top:75px;} footer i#logo_cicek {display:none;} footer span#web_tasarim {width:100%; position:relative; top:initial; right:initial;} footer #fort {width:100%; float:left;} footer #fort #fsosyal {width:100%; margin-bottom:20px;} footer #fort #fadres {width:100%; float:left; margin-left:00px;} #sbaslik {padding-top:185px;} #sbaslik #sb_ort {width:100%; float:left; padding:0 20px; height:auto; margin:20px 0;} #sbaslik #sb_ort #sb_yazi {width:100%; left:0px; box-sizing:border-box; position:relative; float:left; bottom:0px;} #sbaslik #sb_ort #sb_yazi h1 {padding:0px; font-size:20px;} #sbaslik #sb_ort #sb_yazi>span {padding:0px; font-size:14px;} #sbaslik .sb_bg {width:100%; height:285px;} #sayfa {width:100%; padding:0 15px; box-sizing:border-box;} #sayfa #sayfa_orta {width:100%;} #sayfa #sayfa_orta h1 {width:100%;} #sayfa #sayfa_sidebar {width:100%; float:left; margin-top:30px;} #sayfa #sayfa_orta #haberler {width:100%;} #sayfa #sayfa_orta #haberler .urun {width:100%; margin:0px; margin-bottom:10px; min-height:auto;} #sayfa #sayfa_orta #haberler .haber a.resim img {width:60px; height:60px;} #sayfa #sayfa_orta #haberler .haber h2 {padding-left:75px; font-size:16px;} #sayfa #sayfa_orta #haberler .haber span {padding-left:75px;} #sayfa #sayfa_orta #haberler .kadro {width:calc(50% - 7.5px); margin-right:15px;} #sayfa #sayfa_orta #haberler .kadro:nth-child(2n+0) {margin:0px;} #sayfa #sayfa_orta #haberler .kadro img {height:auto;} #sayfa #sayfa_orta #iletisim1 {width:100%; margin-bottom:30px;} #sayfa #sayfa_orta #iletisim2 {width:100%;} #sayfa #sayfa_orta .gallery li {margin:10px; float:left; width:calc(50% - 20px);} #sayfa #sayfa_orta .gallery li a img {width:100%; float:left;} .icerik_kutu_1 {width:100%; height:auto; margin:0px; margin-bottom:15px;} .icerik_kutu_1 a.aimg {width:100%;} .icerik_kutu_1 a.aimg img {width:100%; height:auto;} }