/* Oyos Yazılım 02 Aralık 2020 - ismail ihsan bülbül - e-ben@msn.com */ @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&display=swap'); body {font-family: 'Poppins', sans-serif; font-size:14px; color:#fff; background:#0a0a0a;} a {color:#fff;} a:hover {} p {margin-bottom:10px;} strong {font-weight:700;} input, textarea {font-family: 'Poppins', sans-serif;} .btn {padding:0 30px; color:#111111; background:#fff; height:50px; line-height:50px; font-size:13px; border:none; font-family: 'Poppins', sans-serif; position:relative; transition:all 0.5s; z-index:9; text-decoration:none !important;} .btn i {float:right; line-height:50px; margin-left:20px; font-size:18px;} .btn:before {content:''; height:1px; width:calc(100% + 10px); background:#fff; position:absolute; top:60px; left:10px; transition:all 0.3s; z-index:1;} .btn:after {content:''; height:calc(100% + 10px); width:1px; background:#fff; position:absolute; right:-10px; top:10px; transition:all 0.3s; z-index:1;} .btn:hover:before {height:10px; width:100%; top:50px; left:5px; background:#c5c5c5;} .btn:hover:after {width:10px; height:100%; right:-10px; background:#c5c5c5;} .btn:hover {} header {width:100%; float:left;} header #hust {width:100%; float:left; height:135px; background:url('../images/hbg.jpg') left top no-repeat #0a0a0a;} header #hust #hu_ort {width:1200px; margin:auto; height:135px; position:relative;} header #hust #hu_ort h1 {position:absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%);} header #hust #hu_ort h1 a {width:310px; height:90px; background:url('../images/logo.png') top left no-repeat; background-size:contain !important; display:block; float:left; text-indent:-9999px;} header #hust #hu_ort .hblg {position:relative; top:50%; transform:translateY(-50%);} header #hust #hu_ort .hblg span {width:100%; float:left;} header #hust #hu_ort .hblg span:nth-child(1) {} header #hust #hu_ort .hblg span:nth-child(2) {} header #hust #hu_ort .hblg:nth-child(2) {float:left;} header #hust #hu_ort .hblg:nth-child(3) {float:right; text-align:right;} header #halt {width:100%; float:left; height:70px; background:#1a1a1a; font-size:16px;} header #halt #ha_ort {width:1200px; margin:auto;} header #halt #ha_ort ul#hmenu {float:left; list-style:none;} header #halt #ha_ort ul#hmenu li {float:left; margin-right:90px;} header #halt #ha_ort ul#hmenu li a {color:#fff; line-height:70px; height:65px; float:left; transition:all 0.5s; border-bottom:5px solid transparent;} header #halt #ha_ort ul#hmenu li a:hover {border-bottom:5px solid #fff; text-decoration:none;} header #halt #ha_ort ul#hmd {float:right; list-style:none;} header #halt #ha_ort ul#hmd li {margin-left:60px; float:left;} header #halt #ha_ort ul#hmd li a {font-size:25px; color:#fff; height:70px; line-height:70px; float:left;} .menu_kutu {position:fixed; z-index:999; width:100%; height:100%; background:#0a0a0ade; backdrop-filter:blur(40px); display:none;} .menu_kutu .mk_ort {transform:translateX(-50%) translateY(-50%); top:50%; left:50%; position:absolute; width:50%;} .menu_kutu .mk_ort h4 {width:100%; float:left; font-size:34px;} .menu_kutu .mk_ort span {width:100%; float:left; font-size:18px; color:#c7c5c5; margin-bottom:30px;} .menu_kutu .mk_ort form {width:100%; float:left; position:relative;} .menu_kutu .mk_ort form .afrm {width:100%; padding-right:150px; box-sizing:border-box; position:relative; float:left;} .menu_kutu .mk_ort form .afrm i {font-size:15px; position:absolute; top:15px; left:15px; color:#000000; font-size:18px;} .menu_kutu .mk_ort form .afrm input[type="text"] {width:100%; float:left; box-sizing:border-box; padding:0 15px 0 45px; height:50px; line-height:50px;} .menu_kutu .mk_ort form .btn {position:absolute; right:0px; top:0px;} .menu_kutu .mk_ort ul {width:100%; list-style:none; text-align:center;} .menu_kutu .mk_ort ul li {width:100%; float:left; font-size:30px; margin-bottom:15px;} .menu_kutu .mk_ort ul li a {transition:all 0.5s; box-sizing:border-box; border-bottom:5px solid transparent; transform:0.5s all;} .menu_kutu .mk_ort ul li a:hover {border-bottom:5px solid #fff;} .menu_kutu .mk_ort ul li a:after {content: attr(data-after);position: absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%) scale(0); color:#ffffff0a; font-size: 10rem; letter-spacing: 50px; z-index:-1; transition: .3s ease letter-spacing;} .menu_kutu .mk_ort ul li:hover a:after {transform: translateX(-50%) translateY(-50%) scale(1); letter-spacing: initial;} .menu_kutu i.la-times {position:absolute; right:30px; top:30px; font-size:30px; cursor:pointer;} #slider {width:100%; float:left; height:calc(100vh - 205px); min-height:700px; background:#000;} #slider ul {list-style:none; width:100%; float:left; height:calc(100vh - 205px); min-height:700px;} #slider ul li {width:100%; float:left; height:calc(100vh - 205px); min-height:700px; position:relative;} #slider ul li .sort {width:100%; height:100%; position:absolute; text-align:center; box-sizing:border-box;} #slider ul li .sort .syazi {width:1320px; position:absolute; left:50%; transform:translateX(-50%); bottom:180px;} #slider ul li .sort .syazi h3 {width:100%; float:left; font-size:60px;} #slider ul li .sort .syazi span {width:100%; float:left; font-size:16px;} #sa_menu {width:100%; float:left; margin-top:-120px; position:relative; z-index:9; padding-bottom:80px;} #sa_menu #sam_ort {width:1200px; margin:auto;} #sa_menu #sam_ort .sam {width:380px; float:left; margin-right:30px; transition:all 0.5s;} #sa_menu #sam_ort .sam:last-child {float:right; margin:0px;} #sa_menu #sam_ort .sam a {width:100%; float:left; height:520px; position:relative; padding-right:60px; box-sizing:border-box;} #sa_menu #sam_ort .sam a img {width:100%; float:left; height:520px; background:#1a1a1a; display:block;} #sa_menu #sam_ort .sam a .ybaslik {width:60px; height:100%; position:absolute; right:0px; top:0px; background:#121212; transition:all 0.5s;} #sa_menu #sam_ort .sam a .ybaslik span {transition:all 0.5s;} #sa_menu #sam_ort .sam a .ybaslik span:nth-child(1) {width:100%; float:left; height:60px; line-height:60px; text-align:center; font-size:25px;} #sa_menu #sam_ort .sam a .ybaslik span:nth-child(2) {font-size:20px; min-width:max-content; bottom:-30px; left:0px; transform: rotate(-90deg); transform-origin: 0 0; position:absolute; line-height:60px;} #sa_menu #sam_ort .sam:hover {box-shadow:0 0 20px #000; margin-top:-10px;} #sa_menu #sam_ort .sam:hover a .ybaslik {background:#fff; color:#121212;} #sloganlar {width:100%; float:left; padding-bottom:50px;} #sloganlar #slg_ort {width:1200px; margin:auto;} #sloganlar #slg_ort #slg_baslik {width:360px; float:left;} #sloganlar #slg_ort #slg_baslik h4 {width:100%; float:left; font-size:18px; color:#c7c5c5; margin-bottom:20px;} #sloganlar #slg_ort #slg_baslik h3 {width:100%; float:left; font-size:34px; margin-bottom:40px;} #sloganlar #slg_ort #slg_baslik a.btn {float:left;} #sloganlar #slg_ort #slg_icerik {width:780px; float:right;} #sloganlar #slg_ort #slg_icerik .slg {width:50%; padding:0 15px; float:left; box-sizing:border-box; margin-bottom:30px;} #sloganlar #slg_ort #slg_icerik .slg i {width:100%; float:left; font-size:80px; margin-bottom:5px; transform:translateY(0px); transition:all 0.5s;} #sloganlar #slg_ort #slg_icerik .slg h5 {width:100%; float:left; font-size:20px;} #sloganlar #slg_ort #slg_icerik .slg span {width:100%; float:left; font-size:15px; color:#c7c5c5;} #sloganlar #slg_ort #slg_icerik .slg:hover i {transform:translateY(-10px);} #mgaleri {width:100%; float:left; padding:80px 0; background:url('../images/mg_bg.jpg') top left no-repeat #1a1a1a;} #mgaleri #mg_ort {width:1200px; margin:auto;} #mgaleri #mg_ort #mg_baslik {width:100%; float:left; text-align:center; margin-bottom:40px;} #mgaleri #mg_ort #mg_baslik h5 {width:100%; float:left; color:#c7c5c5; font-size:18px;} #mgaleri #mg_ort #mg_baslik h4 {width:100%; float:left; font-size:34px;} #mgaleri #mg_ort ul#mg_menu {list-style:none; float:left; font-size:16px; width:100%; text-align:center; margin-bottom:30px;} #mgaleri #mg_ort ul#mg_menu li {margin:0 25px; display:inline-block;} #mgaleri #mg_ort ul#mg_menu li a {float:left; border-bottom:1px solid transparent; transition:all 0.5s;} #mgaleri #mg_ort ul#mg_menu li a.aktif, #mgaleri #mg_ort ul#mg_menu li a:hover {border-bottom:1px solid #ffff;} #mgaleri #mg_ort #mg_cerceve {width:100%; float:left; text-align:center;} #mgaleri #mg_ort #mg_cerceve .mg {width:100%; float:left; display:none;} #mgaleri #mg_ort #mg_cerceve .mg:first-child {display:block;} #mgaleri #mg_ort #mg_cerceve .mg ul {width:100%; float:left; list-style:none;} #mgaleri #mg_ort #mg_cerceve .mg ul li {float:left; margin-right:26px; margin-bottom:25px;} #mgaleri #mg_ort #mg_cerceve .mg ul li:nth-child(4n) {margin-right:0px;} #mgaleri #mg_ort #mg_cerceve .mg ul li a {width:280px; height:230px; background:#000; position:relative; float:left;} #mgaleri #mg_ort #mg_cerceve .mg ul li a i {width:100%; height:100%; background:#000000c4; color:#fff; line-height:230px; text-align:center; font-size:50px; opacity:0; transition:all 0.5s;} #mgaleri #mg_ort #mg_cerceve .mg ul li a:hover i {opacity:1;} #mgaleri #mg_ort #mg_cerceve a.btn {display:inline-block; margin-top:40px;} #arayalim {width:100%; float:left; padding:100px 0; background:url('../images/sa_bg.jpg') right top no-repeat #1c1c29; background-size:cover !important;} #arayalim #ary_ort {width:1200px; margin:auto; text-align:center;} #arayalim #ary_ort h5 {width:100%; float:left; font-size:60px; margin-bottom:10px;} #arayalim #ary_ort span {font-size:18px; width:100%; float:left; margin-bottom:20px;} #arayalim #ary_ort form {width:100%; float:left;} #arayalim #ary_ort form .ary_frm {display:inline-block; margin:0 10px; position:relative;} #arayalim #ary_ort form .ary_frm>i {position:absolute; top:15px; left:15px; color:#000000; font-size:18px;} #arayalim #ary_ort form .ary_frm input[type="text"] {width:100%; height:50px; width:270px; line-height:50px; padding:0 15px 0 45px; box-sizing:border-box; border:none;} #arayalim #ary_ort form .ary_frm input[type="text"]:focus {outline: none;} #arayalim #ary_ort form .ary_frm input[type="text"].error {border:3px solid #ff1212;} #arayalim #ary_ort form .ary_frm label {position:absolute; left:0px; top:60px; font-size:11px; color:#ff1212;} #arayalim #ary_ort form .ary_frm a.btn {display:inline-block;} #arayalim #ary_ort form .ary_frm a.btn i {} #ahaberler {width:100%; float:left; padding:80px 0; float:left;} #ahaberler #ah_ort {width:1200px; margin:auto;} #ahaberler #ah_ort #ah_baslik {width:100%; float:left; position:relative; margin-bottom:30px;} #ahaberler #ah_ort #ah_baslik h5 {width:100%; float:left; font-size:18px; color:#c7c5c5;} #ahaberler #ah_ort #ah_baslik h6 {width:100%; float:left; font-size:34px;} #ahaberler #ah_ort #ah_baslik a.btn {display:block; position:absolute; right:0px; top:15px;} #ahaberler #ah_ort .ahaber {width:380px; margin-right:30px; float:left;} #ahaberler #ah_ort .ahaber:last-child {margin-right:0px;} #ahaberler #ah_ort .ahaber a.ah_res {width:100%; float:left; margin-bottom:15px;} #ahaberler #ah_ort .ahaber a.ah_res img {width:100%; float:left; height:280px; display:block; background:#ccc;} #ahaberler #ah_ort .ahaber h3 {width:100%; float:left; font-size:18px;} #ahaberler #ah_ort .ahaber h3 a {float:left;} #ahaberler #ah_ort .ahaber h3 a:hover {text-decoration:underline;} #ahaberler #ah_ort .ahaber span {width:100%; float:left; font-size:15px; color:#cccccc;} footer {width:100%; float:left;} footer #fust {width:100%; float:left; background:#1a1a1a; padding:80px 0; border-bottom:1px solid #292929;} footer #fust #fu_ort {width:1200px; margin:auto;} footer #fust #fu_ort #flogo {width:320px; float:left;} footer #fust #fu_ort #flogo h2 {width:235px; height:84px; display:block; background:url('../images/logo.png') center center no-repeat; background-size:contain; text-indent:-9999px;} footer #fust #fu_ort #flogo span {width:100%; float:left; margin:20px 0; float:left;} footer #fust #fu_ort #flogo ul#fsosyal {list-style:none; float:left;} footer #fust #fu_ort #flogo ul#fsosyal li {float:left; margin-right:25px;} footer #fust #fu_ort #flogo ul#fsosyal li a {font-size:25px;} footer #fust #fu_ort ul#fmenu {width:160px; float:left; font-size:16px; list-style:none; margin-left:50px;} footer #fust #fu_ort ul#fmenu li {width:100%; float:left; margin-bottom:15px;} footer #fust #fu_ort ul#fmenu li a {float:left;} footer #fust #fu_ort ul#fmenu li a:hover {text-decoration:underline;} footer #fust #fu_ort #fblog {width:290px; float:left; margin-left:50px;} footer #fust #fu_ort #fblog h5 {width:100%; float:left; font-size:16px; margin-bottom:15px;} footer #fust #fu_ort #fblog ul {list-style:none; float:left; width:100%; list-style:none;} footer #fust #fu_ort #fblog ul li {width:100%; float:left; margin-bottom:10px;} footer #fust #fu_ort #fblog ul li a {float:left; color:#c2c2c2;} footer #fust #fu_ort #fblog ul li a:hover {text-decoration:underline;} footer #fust #fu_ort #filet {width:330px; float:right;} footer #fust #fu_ort #filet ul {list-style:none;} footer #fust #fu_ort #filet ul li {width:100%; float:left; margin-bottom:20px; position:relative;} footer #fust #fu_ort #filet ul li i {position:absolute; font-size:40px; left:0px; top:0px;} footer #fust #fu_ort #filet ul li span {width:100%; float:left; padding-left:60px; box-sizing:border-box;} footer #fust #fu_ort #filet ul li span:nth-child(2) {font-size:14px; color:#959595;} footer #fust #fu_ort #filet ul li span:nth-child(3) {font-size:15px;} footer #falt {width:100%; float:left; background:#1a1a1a; padding:40px 0;} footer #falt #fa_ort {width:580px; margin:auto; text-align:center; font-size:13px;} footer #falt #fa_ort p {color:#989898;} footer #falt #fa_ort p:last-child {color:#fff;} footer #falt #fa_ort p a {text-decoration:revert;} #sbaslik {width:100%; float:left; position:relative; z-index:1;} #sbaslik #sb_ort {width:1200px; box-sizing:border-box; margin:auto; height:300px; color:#fff; position:relative; z-index:9; text-shadow:0 1px 0 #000;} #sbaslik #sb_ort #sb_yazi {position:absolute; bottom:40px;} #sbaslik #sb_ort #sb_yazi h1 {font-weight:700; font-size:40px; font-weight:700; 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;} #sbaslik #sb_ort #sb_yazi ul {float:left; width:100%; list-style:none; margin-top:20px;} #sbaslik #sb_ort #sb_yazi ul li {float:left; margin-right:15px;} #sbaslik #sb_ort #sb_yazi ul li a {padding:10px 15px; color:#fff; border:1px solid #fff; border-radius:30px; float:left;} #sbaslik #sb_ort #sb_yazi ul li a:hover {background:#fff; color:#131313;} #sbaslik .sb_bg {width:100%; height:300px; position:absolute; left:0px; top:0px; background-size:cover !important;} #sbaslik #sb_bg {background:#141e2a; z-index:1;} #sbaslik #sbr_bg {background:url('../images/sb_bg.jpg') center center no-repeat; opacity:0.5; z-index:2;} #sbaslik #sby_bg { z-index:3; background: rgb(51, 51, 51); background: linear-gradient(0deg, rgb(10 10 10) 0%, rgba(255,255,255,0) 100%); } #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:160px; height:250px; float:left; margin-right:10px; margin-bottom:10px;} #sayfa #sayfa_orta #haberler .kadro img {width:160px; height:200px; float:left;} #sayfa #sayfa_orta #haberler .kadro h3 {width:100%; float:left; height:30px; line-height:30px; color:#fff; font-size:14px; font-weight:700; background:#0082c5; text-align:center; font-weight:700;} #sayfa #sayfa_orta #haberler .kadro span {width:100%; height:20px; line-height:20px; float:left; color:#fff; background:#066a9d; text-align:center; font-size:12px;} #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"] {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;} .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:#cfcfcf; 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;} @media screen and (max-width:768px) { .btn {padding:0 15px; height:35px; line-height:35px;} .btn:before {top:45px;} header #hust {height:0px;} header #hust #hu_ort {width:100%; height:0px; float:left;} header #hust #hu_ort h1 {top:37px;} header #hust #hu_ort h1 a {width:180px; height:55px;} header #hust #hu_ort .hblg {display:none;} header #halt #ha_ort {width:100%; float:left; padding:0 20px; box-sizing:border-box;} header #halt #ha_ort ul#hmenu {display:none;} header #halt #ha_ort ul#hmd {float:left; width:100%;} header #halt #ha_ort ul#hmd li {margin-left:0px;} header #halt #ha_ort ul#hmd li:nth-child(2) {float:right;} .menu_kutu .mk_ort {width:100%; padding:0 20px; box-sizing:border-box;} .menu_kutu .mk_ort form .afrm {padding-right:0px; margin-bottom:10px;} .menu_kutu .mk_ort form .btn {position:relative; width:100%;} #slider {min-height:500px; height:calc(100vh - 70px);} #slider ul {min-height:500px; height:calc(100vh - 70px);} #slider ul li {min-height:500px; height:calc(100vh - 70px);} #slider ul li .sort {bottom:40px;} #slider ul li .sort .syazi {width:100%; padding:0 20px; box-sizing:border-box; bottom:40px;} #slider ul li .sort .syazi h3 {font-size:22px;} #sa_menu {margin-top:20px; margin-bottom:20px; padding:0 20px; box-sizing:border-box; overflow:auto;} #sa_menu #sam_ort {width:max-content; float:left;} #sa_menu #sam_ort .sam {width:250px; margin-right:20px !important;} #sa_menu #sam_ort .sam a {height:auto; padding-right:40px;} #sa_menu #sam_ort .sam a img {width:100%; height:auto;} #sa_menu #sam_ort .sam a .ybaslik {width:40px;} #sa_menu #sam_ort .sam a .ybaslik span:nth-child(1) {line-height:40px; height:40px; font-size:18px;} #sa_menu #sam_ort .sam a .ybaslik span:nth-child(2) {line-height:40px; font-size:16px;} #sloganlar {padding:0 20px; box-sizing:border-box;} #sloganlar #slg_ort {width:100%; float:left; text-align:center;} #sloganlar #slg_ort #slg_baslik {width:100%; margin-bottom:20px;} #sloganlar #slg_ort #slg_baslik h4 {margin-bottom:0px; font-size:16px;} #sloganlar #slg_ort #slg_baslik h3 {font-size:22px; margin-bottom:10px;} #sloganlar #slg_ort #slg_baslik a.btn {display:none;} #sloganlar #slg_ort #slg_icerik {width:100%;} #sloganlar #slg_ort #slg_icerik .slg {padding:0px; margin-bottom:20px; width:100%;} #sloganlar #slg_ort #slg_icerik .slg i {font-size:45px;} #sloganlar #slg_ort #slg_icerik .slg h5 {font-size:18px;} #mgaleri {padding:40px 0 55px 0; box-sizing:border-box;} #mgaleri #mg_ort {width:100%; float:left;} #mgaleri #mg_ort #mg_baslik h5 {font-size:16px;} #mgaleri #mg_ort #mg_baslik h4 {font-size:22px;} #mgaleri #mg_ort ul#mg_menu {font-size:14px;} #mgaleri #mg_ort ul#mg_menu li {margin:0 10px;} #mgaleri #mg_ort #mg_cerceve .mg ul li {width:50%; margin:0 !important;} #mgaleri #mg_ort #mg_cerceve .mg ul li a {width:100%; height:200px;} #arayalim {padding:40px 20px; box-sizing:border-box; background:url('../images/sa_bg.jpg') left top no-repeat #1c1c29;} #arayalim #ary_ort {width:100%; float:left;} #arayalim #ary_ort h5 {font-size:22px;} #arayalim #ary_ort span {font-size:16px;} #arayalim #ary_ort form .ary_frm {margin:0px; margin-bottom:10px; width:100%;} #arayalim #ary_ort form .ary_frm input[type="text"] {width:100%;} #arayalim #ary_ort form .ary_frm .btn {width:100%;} #ahaberler {padding:40px 20px; box-sizing:border-box;} #ahaberler #ah_ort {width:100%; float:left;} #ahaberler #ah_ort #ah_baslik h5 {font-size:16px;} #ahaberler #ah_ort #ah_baslik h6 {font-size:22px;} #ahaberler #ah_ort #ah_baslik a.btn {display:none;} #ahaberler #ah_ort .ahaber {margin-right:0 !important; margin-bottom:10px;} #ahaberler #ah_ort .ahaber {width:100%;} #ahaberler #ah_ort .ahaber a.ah_res {margin-bottom:5px;} #ahaberler #ah_ort .ahaber a.ah_res img {height:auto;} #ahaberler #ah_ort .ahaber h3 {font-size:16px;} #ahaberler #ah_ort .ahaber span {font-size:14px;} footer #fust {padding:40px 20px; box-sizing:border-box;} footer #fust #fu_ort {width:100%; float:left;} footer #fust #fu_ort #flogo {width:100%; text-align:center; margin-bottom:20px;} footer #fust #fu_ort #flogo h2 {display:inline-block;} footer #fust #fu_ort #flogo ul#fsosyal {width:100%;} footer #fust #fu_ort #flogo ul#fsosyal li {margin:0 10px; display:inline-block; float:initial;} footer #fust #fu_ort ul#fmenu {display:none;} footer #fust #fu_ort #fblog {margin:0px; width:100%; margin-bottom:20px;} footer #fust #fu_ort #fblog h5 {margin-bottom:10px;} footer #fust #fu_ort #filet {width:100%;} footer #falt {padding:20px; box-sizing:border-box;} footer #falt #fa_ort {width:100%;} #sbaslik {margin-top:0px;} #sbaslik #sb_ort {width:100%; float:left; padding:0 30px;} #sbaslik #sb_ort #sb_yazi {width:100%; left:0px; padding:0 30px; box-sizing:border-box;} #sbaslik #sb_ort #sb_yazi h1 {padding:0px; font-size:25px;} #sbaslik #sb_ort #sb_yazi>span {padding:0px; font-size:14px;} #sbaslik .sb_bg {width:100%;} #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 #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;} } @media screen and (min-width:768px) { body {min-width:1220px;} }