/*
Oyos Yazılım
5 Kasım 2019 - ismail ihsan bülbül - e-ben@msn.com
*/
body {font-family: 'PT Sans', sans-serif; font-size:14px; color:#252525; background:#fff;}
a {color:#192b36;}
a:hover {color:#d35400;}
p {margin-bottom:10px;}
strong {font-weight:700;}
video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
transform: translateX(-50%) translateY(-50%);
background-size: cover;
transition: 1s opacity;
}
.hbilgi {width:160px; float:left;}
.hbilgi>span {width:100%; float:left; color:#fff; font-size:18px; font-weight:700;}
.hbilgi>small {width:100%; float:left; text-align:right; color:#ffffff;}
.hbilgi.csaat {width:190px; color:#ffc7a8;}
.hbilgi.csaat>span {font-size:15px; color:#5c667a;}
.hbilgi.csaat .cs_bilgi {width:100%; float:left;}
.hbilgi.csaat .cs_bilgi b {font-size:15px; color:#ffffff;}
.hbilgi.csaat .cs_bilgi span {width:32px; height:4px; border-radius:4px; overflow:hidden; background:#ffffff; display:inline-block; margin-bottom:3px;}
.hbilgi.csaat .cs_bilgi i {width:70%; float:left; height:4px; display:block; border-radius:4px; background:#eb5808;}
header {width:100%; float:left; padding:25px 0; height:170px; position:relative; z-index:99; box-sizing:border-box;}
header #hort {width:1200px; margin:auto;}
header #hort h1 {float:left; margin-top:-5px;}
header #hort h1 a {float:left; width:166px; height:122px; display:block; background:url('../images/logo.png') center center no-repeat; background-size:contain !important; text-indent:-999999px;;}
#hu_bilgi {float:right; width:280px; margin-bottom:20px;}
#hu_bilgi .hbilgi {margin-right:80px;}
#hu_bilgi ul#sosyal {float:left; list-style:none; margin-top:10px;}
#hu_bilgi ul#sosyal li {float:left; margin-right:20px;}
#hu_bilgi ul#sosyal li a {color:#fff; font-size:18px;}
#hu_bilgi ul#hdiller {list-style:none; float:right; position:relative; z-index:9;}
#hu_bilgi ul#hdiller>li {float:left; position:relative;}
#hu_bilgi ul#hdiller>li>a {width:145px; height:35px; background:#fff; display:block; line-height:35px; color:#626262; padding-left:20px; border-radius:35px; transition:all 0.5s; box-sizing:border-box; position:relative; z-index:9;}
#hu_bilgi ul#hdiller>li>a>i {float:right; width:25px; height:25px; background:#eb5808; color:#fff; border-radius:100%; line-height:25px; text-align:center; margin-top:5px; margin-right:5px;}
#hu_bilgi ul#hdiller>li>a:hover, #hu_bilgi ul#hdiller>li>a.aktif {background:#eb5808; color:#fff;}
#hu_bilgi ul#hdiller>li:hover>ul {display:block;}
#hu_bilgi ul#hdiller>li>ul {position:absolute; top:20px; padding:25px 15px 15px 15px; width:145px; box-shadow:0 0 5px #c7c7c7; border-radius:0 0 10px 10px; list-style:none; box-sizing:border-box; display:none; background:#fff;}
#hu_bilgi ul#hdiller>li>ul>li {width:100%; float:left;}
#hu_bilgi ul#hdiller>li>ul>li>a {height:30px; line-height:30px; width:100%; float:left;}
#hu_bilgi ul#hdiller>li>ul>li>a:hover {font-weight:700;}
#hu_bilgi ul#hdiller>li>ul>li>a>i {float:right; line-height:30px;}
header #hort ul#menu {list-style:none; float:right;}
header #hort ul#menu li {float:left; margin-left:10px;}
header #hort ul#menu li a {height:40px; line-height:40px; float:left; font-size:18px; color:#fff; display:block; padding:0 18px; border-radius:40px;}
header #hort ul#menu li a:hover {
background: rgb(255,84,0);
background: linear-gradient(90deg, rgba(255,84,0,1) 0%, rgba(252,161,1,1) 100%);
}
header #mmenu {width:100%; float:left; box-sizing:border-box; padding:15px; display:none; margin-top:10px;}
header #mmenu #hizli_menu {width:100%; height:40px; line-height:40px; font-family: 'PT Sans', sans-serif; font-size:16px; padding:0 15px; border-radius:5px; border:none; display:block;}
#slider {background:#272d32; height:760px; width:100%; margin-top:-170px; position:relative; z-index:1; float:left; color:#fff; overflow:hidden;}
#slider ul {list-style:none; width:100%; float:left; height:760px;}
#slider ul li {float:left; width:100vw; height:760px; display:block; position:relative;}
#slider ul li .syazi {position:relative; top:50%; transform:translateY(-50%); width:660px; margin:auto; text-align:center; text-shadow:2px 2px 0px #000; z-index:9;}
#slider ul li .syazi h4 {font-family: 'Barlow', sans-serif; font-weight:700; font-size:50px;}
#slider ul li .sbg {width:100%; height:100%; position:absolute; background:url('../images/slider_pattern.png'); top:0px;}
#slider #ssayfalar {position:absolute; width:20px; top:50%; transform:translateY(-50%); right:20px; z-index:9; left:inherit; bottom:inherit;}
#slider #ssayfalar span {width:20px; background:none; border:2px solid #fff; height:20px; display:block; border-radius:100%; box-sizing:border-box; margin:10px 0; float:left; opacity:1;}
#slider #ssayfalar span:hover::after, #slider #ssayfalar span.swiper-pagination-bullet-active::after {content:''; width:6px; height:6px; background:#fff; display:block; border-radius:100%; float:left; margin-top:5px; margin-left:5px;}
#aurunler {background:url('../images/urunler_bg.jpg') center center no-repeat #eae5d5; background-size:cover !important; width:100%; float:left; height:2120px; font-size:16px; color:#503c38; position:relative; overflow:hidden;}
#aurunler #au_ort {width:900px; margin:auto; position:relative;}
#aurunler #au_ort #biz_kimiz {width:100%; height:230px; float:left; padding:0 55px; margin-top:60px; text-align:center;}
#aurunler #au_ort #biz_kimiz>i {width:70px; height:91px; display:block; position:absolute; background:url('../images/urunler_baslik.png') top left no-repeat; top:0px; left:200px;}
#aurunler #au_ort #biz_kimiz h4 {font-size:32px; font-weight:700; font-family: 'Barlow', sans-serif; width:100%; float:left; margin-bottom:20px;}
#aurunler #au_ort #biz_kimiz #bk_yazi {width:100%; float:left;}
#aurunler #au_ort #biz_kimiz a#blink {font-size:25px; color:#503c38; font-weight:700; position:relative; font-family: 'Barlow', sans-serif; display:inline-block;}
#aurunler #au_ort #biz_kimiz a#blink i {position:absolute; width:124px; height:30px; background:url('../images/biz_kimiz.png') top left no-repeat; top:15px; left:20px;}
#aurunler #au_ort .aurun {width:100%; position:relative; height:370px; float:left; z-index:2;}
#aurunler #au_ort .aurun .ana_resim {position:absolute; display:block;}
#aurunler #au_ort .aurun .ara_resim {position:absolute; display:block;}
#aurunler #au_ort .aurun .au_bilgi {width:450px; position:absolute;}
#aurunler #au_ort .aurun .au_bilgi h3 {width:100%; float:left; font-size:32px; font-weight:700; font-family: 'Barlow', sans-serif; margin-bottom:15px;}
#aurunler #au_ort .aurun .au_bilgi span {width100%; float:left; margin-bottom:15px;}
#aurunler #au_ort .aurun .au_bilgi a {font-size:18px; font-weight:700; color:#eb5808; position:relative; display:inline-block; float:left; transition:all 0.5s;}
#aurunler #au_ort .aurun .au_bilgi a>i {width:46px; height:43px; position:absolute; display:block; background:url('../images/urun_tumu.png') top left no-repeat; left:140px; top:-17px; transition:all 0.5s; transform:rotate(20deg)}
#aurunler #au_ort .aurun .au_bilgi a:hover i {left:150px;}
#aurunler #au_ort .aurun .au_bilgi a:hover {text-shadow:0 0 10px #ff620dab;}
#aurunler #au_ort .aurun#sut_urunleri {}
#aurunler #au_ort .aurun#sut_urunleri .ana_resim {width:298px; height:423px; top:-60px; left:-130px; background:url('../images/urun_sut.png') top left no-repeat;}
#aurunler #au_ort .aurun#sut_urunleri .ara_resim {width:376px; height:339px; top:-30px; right:-120px; background:url('../images/inek_sut.png') top left no-repeat;}
#aurunler #au_ort .aurun#sut_urunleri .au_bilgi {top:100px; left:120px;}
#aurunler #au_ort .aurun#et_urunleri {}
#aurunler #au_ort .aurun#et_urunleri .ana_resim {width:550px; height:192px; top:60px; left:-230px; background:url('../images/urun_et.png') top left no-repeat;}
#aurunler #au_ort .aurun#et_urunleri .ara_resim {width:486px; height:410px; top:-120px; right:-350px; background:url('../images/et_tahta.png') top left no-repeat;}
#aurunler #au_ort .aurun#et_urunleri .au_bilgi {top:60px; left:325px;}
#aurunler #au_ort .aurun#pekmez_urunleri {}
#aurunler #au_ort .aurun#pekmez_urunleri .ana_resim {width:430px; height:404px; top:-90px; right:-100px; background:url('../images/urun_pekmez.png') top left no-repeat;}
#aurunler #au_ort .aurun#pekmez_urunleri .au_bilgi {top:30px; left:220px;}
#aurunler #au_ort .aurun#meyve_urunleri {}
#aurunler #au_ort .aurun#meyve_urunleri .ana_resim {width:477px; height:334px; top:-30px; left:-250px; background:url('../images/urun_kayisi.png') top left no-repeat;}
#aurunler #au_ort .aurun#meyve_urunleri .meyve_portakal {width:235px; height:233px; display:block; position:absolute; right:-80px; top:-40px; background:url('../images/kesik_portakal.png') top left no-repeat; display:none;}
#aurunler #au_ort .aurun#meyve_urunleri .meyve_elma {width:193px; height:262px; display:block; position:absolute; right:-270px; top:75px; background:url('../images/kesik_elma.png') top left no-repeat; display:none;}
#aurunler #au_ort .aurun#meyve_urunleri .au_bilgi {top:55px; left:250px;}
#aurunler #au_ort .aurun#tarim_hayvancilik {}
#aurunler #au_ort .aurun#tarim_hayvancilik .ana_resim {width:503px; height:343px; top:-70px; left:-320px; background:url('../images/urun_tarim_hayvancilik.png') top left no-repeat;}
#aurunler #au_ort .aurun#tarim_hayvancilik .ara_resim {width:345px; height:374px; top:-45px; right:-100px; background:url('../images/urun_okuz.png') top left no-repeat;}
#aurunler #au_ort .aurun#tarim_hayvancilik .au_bilgi {top:30px; left:220px;}
#aurunler #au_ort svg {position:absolute; top:0px; left:-218px; height:2120px; touch-action:none; pointer-events:none; z-index:1;}
#aurunler #uzum_yaprak {width:470px; height:396px; left:0px; top:930px; display:block; position:absolute; background:url('../images/uzum_yaprak.png') top left no-repeat; touch-action:none; pointer-events:none;}
.abaslik {width:100%; padding:0 250px; box-sizing:border-box; width:100%; text-align:center; position:relative;}
.abaslik h3 {width:100%; font-size:35px; font-weight:700; font-family: 'Barlow', sans-serif; color:#503c38; float:left; margin-bottom:10px;}
.abaslik h3 span {width:100%; float:left; margin-bottom:30px; font-size:16px;}
a.detaylar {
padding:0 20px; color:#fff; height:35px; line-height:35px; display:block; box-sizing:border-box; border-radius:35px; transition:all 0.5s;;
background: rgb(255,84,0);
background: linear-gradient(90deg, rgba(0,95,50,1) 0%, rgba(110,150,13,1) 100%);
}
a.detaylar:hover {
background: linear-gradient(360deg, rgba(255,84,0,1) 0%, rgba(252,161,1,1) 100%);
}
a.detaylar i {margin-left:15px; transition:all 0.5s;}
#bhaberler {width:100%; float:left; padding:65px 0; position:relative; background:#eae8df;}
#bhaberler #bh_ip {width:100%; height:27px; display:block; position:absolute; z-index:1; height:27px; background:url('../images/ip.png') top center no-repeat; top:200px; display:none;}
#bhaberler #sag_yapraklar {top:10px; right:0px; width:212px; height:176px; display:block; position:absolute; touch-action:none; pointer-events:none; background:url('../images/sag_yapraklar.png') top left no-repeat;}
#bhaberler #bh_ort {width:1200px; margin:auto; position:relative; z-index:9;}
#bhaberler #bh_ort .abaslik i {width:144px; height:97px; display:block; position:absolute; top:-90px; left:370px; background:url('../images/bhaberler_baslik.png') top left no-repeat;}
#bhaberler #bh_ort #bhaber_cerceve {width:100%; float:left; margin-top:40px;}
#bhaberler #bh_ort #bhaber_cerceve .bhaber {width:390px; float:left; height:330px; display:block; box-sizing:border-box; padding:15px; background:#fff; box-shadow:0 0 5px #00000026; position:relative; transition:all 0.5s;}
#bhaberler #bh_ort #bhaber_cerceve .bhaber:hover {box-shadow:0 0 10px #00000052; position:relative;}
#bhaberler #bh_ort #bhaber_cerceve .bhaber:nth-child(1) {margin-right:15px;}
#bhaberler #bh_ort #bhaber_cerceve .bhaber:nth-child(3) {float:right;}
#bhaberler #bh_ort #bhaber_cerceve .bhaber a.bh_res {width:100%; float:left; margin-bottom:15px;}
#bhaberler #bh_ort #bhaber_cerceve .bhaber a.bh_res img {width:100%; float:left; height:180px; background:#ccc;}
#bhaberler #bh_ort #bhaber_cerceve .bhaber h4 {width:100%; float:left; font-size:18px; font-weight:700; font-family: 'Barlow', sans-serif; margin-bottom:5px;}
#bhaberler #bh_ort #bhaber_cerceve .bhaber h4 a {float:left;}
#bhaberler #bh_ort #bhaber_cerceve .bhaber span {width:100%; float:left; color:#a6a6a6;}
#bhaberler #bh_ort #bhaber_cerceve .bhaber .tarih {bottom:15px; left:15px; font-size:13px; color:#a6a6a6; position:absolute;}
#bhaberler #bh_ort #bhaber_cerceve .bhaber .tarih i {margin-right:5px;}
#bhaberler #bh_ort #bhaber_cerceve .bhaber a.detaylar {position:absolute; bottom:15px; right:15px;}
#bhaberler #bh_ort #bhaber_cerceve .bhaber a.detaylar i {}
#bhaberler #bh_ort #bhaber_cerceve .bhaber .mandal {position:absolute; width:13px; height:70px; display:block; background:url('../images/mandal.png') top left no-repeat; top:-60px; z-index:9; display:none;}
#bhaberler #bh_ort #bhaber_cerceve .bhaber .mandal.mandal_sol {left:20px; transform: rotate(-10deg);}
#bhaberler #bh_ort #bhaber_cerceve .bhaber .mandal.mandal_sag {right:20px; transform: rotate(10deg);}
#asubeler {width:100%; float:left; padding:65px 0; position:relative; overflow:hidden;}
#asubeler #sol_yapraklar {top:50px; left:0px; width:295px; height:247px; display:block; position:absolute; touch-action:none; pointer-events:none; background:url('../images/sol_yapraklar.png') top left no-repeat;}
#asubeler #as_ort {width:1200px; margin:auto; position:relative;}
#asubeler #as_ort #as_cerceve {width:100%; height:270px; margin-top:35px;}
#asubeler #as_ort #as_cerceve ul {list-style:none; float:left;}
#asubeler #as_ort #as_cerceve ul li {width:280px; height:270px; float:left; margin-right:15px; position:relative;}
#asubeler #as_ort #as_cerceve ul li a.sb_resim {float:left; margin-bottom:15px;}
#asubeler #as_ort #as_cerceve ul li a.sb_resim img {width:280px; height:140px; border-radius:5px; background:#ccc; display:block; float:left;}
#asubeler #as_ort #as_cerceve ul li h3 {width:100%; float:left; font-size:18px; font-weight:700; margin-bottom:5px;}
#asubeler #as_ort #as_cerceve ul li h3 a {color:#656565;}
#asubeler #as_ort #as_cerceve ul li span {width:100%; float:left; color:#a6a6a6; margin-bottom:5px; margin-bottom:15px;}
#asubeler #as_ort #as_cerceve ul li a.harita {position:absolute; right:20px; top:152px; height:25px; line-height:25px; color:#fff; background:#94cc16; border-radius:25px; padding:0 10px; font-size:12px;}
#asubeler #as_ort #as_cerceve ul li a.harita i {margin-right:5px; font-size:14px;}
#asubeler #as_ort #as_cerceve ul li a.detaylar {float:left;}
#asubeler i.fa-angle-left, #asubeler i.fa-angle-right {
font-size:35px; width:50px; height:50px; background:#fff; text-align:center; line-height:50px; border-radius:100%; position:absolute; z-index:99; top:170px; cursor:pointer; transition:all 0.5s;
}
#asubeler i.fa-angle-left:hover, #asubeler i.fa-angle-right:hover {color:#ff5900;}
#asubeler i.fa-angle-left {left:-25px;}
#asubeler i.fa-angle-right {right:-25px;}
footer {width:100%; height:440px; float:left; background:#1a2227; color:#fff; position:relative; border-top:10px solid #eb5808;}
footer #fharita {height:440px; background:#000; width:calc((100% - 1200px) / 2 + 600px) ; position:absolute; right:0px;}
footer #fort {width:1200px; margin:auto;}
footer #fort #fbilgi {width:600px; float:left; padding-top:90px;}
footer #fort #fbilgi #fcop {width:300px; float:left; padding-right:30px;}
footer #fort #fbilgi #fcop h3 {float:left; margin-bottom:20px;}
footer #fort #fbilgi #fcop h3 a {width:150px; height:110px; display:block; text-indent:-9999px; background:url('../images/logo.png') center center no-repeat; background-size:contain !important;}
footer #fort #fbilgi #fcop p {width:100%; float:left;}
footer #fort #fbilgi #fcop ul#fs {width:100%; float:left; margin-top:50px; list-style:none;}
footer #fort #fbilgi #fcop ul#fs li {float:left; margin-right:15px;}
footer #fort #fbilgi #fcop ul#fs li a {width:40px; height:40px; background:#eb5808; color:#fff; border-radius:100%; font-size:20px; text-align:center; line-height:40px;}
footer #fort #fbilgi #filetisim {}
footer #fort #fbilgi #filetisim .hbilgi {margin-bottom:30px;}
footer #fort #fbilgi #filetisim .hbilgi>span {color:#fff;}
footer #fort #fbilgi #filetisim .hbilgi>small {text-align:left; color:#eb5808;}
#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:100%; float:left; font-size:22px; padding-bottom:10px; margin-bottom:15px; color:#2d2d2d; font-weight:700; border-bottom: 1px solid #f6fdff;}
#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:10px; 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;}
#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; border-radius:5px; transition:all 0.5s; box-shadow:0 0 5px #969595;}
#sayfa #sayfa_orta .gallery li a img:hover {box-shadow:0 0 10px #000;}
#sayfa #sayfa_sidebar {width:300px; float:right;}
#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; border-radius:10px; 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;}
#sayfa #sayfa_sidebar>ul>li>a>i {float:right; line-height:50px;}
#sayfa #sayfa_sidebar>ul>li>a:hover {
color:#fff;
background: rgb(255,84,0);
background: linear-gradient(90deg, rgba(255,84,0,1) 0%, rgba(252,161,1,1) 100%);
}
#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:660px; float:right;}
#sayfa #sayfa_orta #iletisim1 h1 {width:100%; float:left;}
#sayfa #sayfa_orta #iletisim2 {width:510px; 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 {float:left; margin-top:20px;}
#sayfala a{font-size:14px; font-weight:700; font-weight:700; padding:5px 11px; display:block; background:#292929; color:#fff; float:left; margin-left:3px; border-radius:3px;}
#sayfala a:hover {background:#00a4a7;}
#sayfala .aktif {background:#00a4a7;}
.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;
}
/********************/
.p0px {padding:0px !important;}
.icerik_kutu_1 {width:275px; height:280px; float:left; margin:7px; position:relative;}
.icerik_kutu_1 a.aimg {float:left; margin-bottom:15px;}
.icerik_kutu_1 a.aimg img {width:270px; height:140px; border-radius:5px; background:#ccc; display:block; float:left;}
.icerik_kutu_1 h4 {width:100%; float:left; font-size:18px; font-weight:700; margin-bottom:5px;}
.icerik_kutu_1 h4 a {color:#656565;}
.icerik_kutu_1 span {width:100%; float:left; color:#646464; 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;
background: rgb(255,84,0);
background: linear-gradient(90deg, rgba(255,84,0,1) 0%, rgba(252,161,1,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:152px; height:25px; line-height:25px; color:#4c4b4b; background:#f6fcff; border-radius:25px; padding:0 10px; font-size:12px;}
.icerik_kutu_1 a.harita i {margin-right:5px; font-size:14px;}
#baslik {position:relative; width:100%; height:350px; margin-top:-170px; background:url('../images/baslik_bg.jpg') center center no-repeat; background-size:cover !important; float:left; color:#fff;}
#baslik #bsl_bg {width:100%; height:100%; position:absolute; background:url('../images/slider_pattern.png'); top:0px;}
#baslik #bsl_ort {width:1200px; margin:auto; margin-top:170px; text-align:center; z-index:9; position:relative;}
#baslik #bsl_ort h1 {font-family: 'Barlow', sans-serif; font-weight:700; font-size:50px; text-shadow:2px 2px 0px #000; margin-bottom:10px;}
#baslik #bsl_ort span {width:100%; padding:0 270px; box-sizing:border-box; font-size:16px; text-shadow:1px 1px 0px #000; float:left;}
@media screen and (max-width:768px) {
#hu_bilgi, header #hort ul#menu,
#aurunler #au_ort .aurun .au_bilgi a>i,
#aurunler #au_ort #biz_kimiz>i,
#aurunler #au_ort .aurun .ara_resim,
#aurunler #uzum_yaprak,
#aurunler #au_ort .aurun#meyve_urunleri .meyve_portakal,
#aurunler #au_ort .aurun#meyve_urunleri .meyve_elma,
#bhaberler #sag_yapraklar,
#bhaberler #bh_ip,
#bhaberler #bh_ort #bhaber_cerceve .bhaber .mandal,
#asubeler #sol_yapraklar,
#asubeler #as_ort>i.fa,
#bhaberler #bh_ort .abaslik i,
#sayfa #sayfa_orta>h1,
#aurunler #au_ort svg {display:none;}
header {height:225px; padding:10px 0;}
header #hort {width:100%; text-align:center;}
header #hort h1 {float:initial; display:inline-block; margin:0px;}
header #mmenu {display:block;}
#baslik {margin-top:-225px;}
#baslik #bsl_ort {width:100%; margin-top:225px; padding:0 15px; box-sizing:border-box;}
#baslik #bsl_ort h1 {font-size:18px;}
#baslik #bsl_ort span {padding:0px; font-size:13px;}
#slider {margin-top:-225px; height:auto !important; min-height: auto !important;}
#slider ul {height:auto !important; min-height: auto !important;}
#slider ul li {height:auto !important; min-height: auto !important; aspect-ratio: 2/3;}
#slider ul li .syazi {width:100%; padding:0 20px; box-sizing:border-box;}
#slider ul li .syazi h4 {font-size:30px;}
.mouse-icon {bottom:80px !important;}
#slider #ssayfalar {width:100%; bottom:20px; left:0px; text-align:center; top:inherit;}
#slider #ssayfalar span {display:inline-block; margin:0 5px; float:inherit;}
#aurunler {height:auto; box-sizing:border-box;}
#aurunler #au_ort {width:100%; float:left; padding:80px 15px; box-sizing:border-box;}
#aurunler #au_ort #biz_kimiz {width:100%; height:auto; padding:0px; margin:0px;}
#aurunler #au_ort .aurun {padding-left:115px; width:100%; box-sizing:border-box; height:auto; margin-top:40px;}
#aurunler #au_ort .aurun .au_bilgi {position:relative; width:100%; top:inherit !important; left:inherit !important;}
#aurunler #au_ort .aurun .au_bilgi h3 {font-size:20px;}
#aurunler #au_ort .aurun .ana_resim {width:100px !important; height:200px !important; background-size:contain !important; background-position:top center !important; left:0px !important; top:0px !important; right:0px !important;}
.abaslik {padding:0px;}
.abaslik h3 {font-size:20px;}
#bhaberler {padding:0px;}
#bhaberler #bh_ort {width:100%; float:left; padding:40px 15px; box-sizing:border-box;}
#bhaberler #bh_ort #bhaber_cerceve {margin-top:15px;}
#bhaberler #bh_ort #bhaber_cerceve .bhaber {width:100%; margin:0 !important; margin-bottom:15px !important; height:auto; padding-bottom:55px;}
#bhaberler #bh_ort #bhaber_cerceve .bhaber a.bh_res img {height:auto;}
#bhaberler #bh_ort #bhaber_cerceve .bhaber .tarih {bottom:22px;}
#asubeler {padding:0px;}
#asubeler #as_ort {width:100%; float:left; padding:40px 15px; box-sizing:border-box;}
#asubeler #as_ort #as_cerceve {height:auto;}
#asubeler #as_ort #as_cerceve ul li {margin-right:0px; height:auto;}
#asubeler #as_ort #as_cerceve ul li a.sb_resim {width:100%;}
#asubeler #as_ort #as_cerceve ul li a.sb_resim img {width:100%; height:auto;}
#asubeler #as_ort #as_cerceve ul li a.harita {top:20px;}
.icerik_kutu_1 a.harita {top:20px;}
footer {height:auto;}
footer #fort {width:100%;}
footer #fort #fbilgi {width:100%; float:left; padding:30px; box-sizing:border-box; text-align:center;}
footer #fort #fbilgi #fcop {width:100%; text-align:center;}
footer #fort #fbilgi #fcop h3 {display:inline-block; float:initial; width:100%;}
footer #fort #fbilgi #fcop h3 a {display:inline-block;}
footer #fort #fbilgi #fcop ul#fs {float:initial; display:inline-block; margin-bottom:20px; width:auto;}
footer #fort #fbilgi #filetisim {width:100%;}
footer #fort #fbilgi #filetisim .hbilgi {margin-left:0px; width:100%;}
footer #fort #fbilgi #filetisim .hbilgi>small {text-align:center;}
footer #fharita {width:100%; position:relative; float:left;}
#sayfa {width:100%; padding:0 30px; 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;}
#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;}
#sayfa #sayfa_orta>h1 {display:none;}
}
.mouse-icon {
border: 2px solid #fff;
border-radius: 16px;
height: 40px;
width: 24px;
display: block;
z-index: 10;
opacity: 1;
position:absolute; z-index:99; bottom:20px; transform: translateX(-50%); left:50%;
}
.mouse-icon .wheel {
-webkit-animation-name: drop;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-play-state: running;
-webkit-animation-name: drop;
animation-name: drop;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.mouse-icon .wheel {
position: relative;
border-radius: 10px;
background: #fff;
width: 2px;
height: 6px;
top: 4px;
margin-left: auto;
margin-right: auto;
}
@-webkit-keyframes drop {
0% {
top: 5px;
opacity: 0;
}
30% {
top: 10px;
opacity: 1;
}
100% {
top: 25px;
opacity: 0;
}
}
@keyframes drop {
0% {
top: 5px;
opacity: 0;
}
30% {
top: 10px;
opacity: 1;
}
100% {
top: 25px;
opacity: 0;
}
}