/*
	Oyos Yazılım
	27 Aralık 2019 - ismail ihsan bülbül - e-ben@msn.com
*/
body {font-family: 'PT Sans', sans-serif; font-size:14px; color:#252525; background:#ffffff;}
a {color:#13214d;}
a:hover {color:#8bc53f;}
p {margin-bottom:10px;}
strong {font-weight:700;}

header {width:100%; height:110px; float:left; padding:30px 0; box-sizing:border-box; position:relative; z-index:99}
	header #hort {width:100%; float:left; position:relative; z-index:9; text-align:center;}
	header #hort h1 {display:inline-block; position:relative; z-index:99;}
	header #hort h1 a {width:373px; height:44px; display:block; background:url('../images/logo.png') top left no-repeat; background-size:contain !important; float:left; text-indent:-9999px;}
	
	header #hort #hmenu {position:fixed; top:0px; left:0px; display:block; width:100%; height:100%; background:#1e1e1efc; text-align:center; display:none;}
	header #hort ul {list-style:none; float:left; margin-top:15px; position:absolute; transform:translateX(-50%) translateY(-50%); left:50%; top:50%;}
	header #hort ul li {width:100%; float:left; padding:10px 0;}
	header #hort ul li a {font-size:18px; font-weight:700; color:#fff; transition:all 0.5s;}
	header #hort ul li a:hover {color:#ff7800;}

	header #hbg {
		position:absolute; width:100%; height:180px; left:0px; top:0px;
		background: rgb(0,0,0);
		background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
	}

#slider {width:100%; float:left; height:820px; background:#000; margin-top:-110px; position:relative; z-index:8;}
	#slider #sort {width:100%; float:left; height:820px;}
	#slider ul {list-style:none; float:left; width:100%; float:left;}
	#slider ul li {width:100%; float:left; height:820px; position:relative;}
	#slider ul li .syazi {transform:translateX(-50%) translateY(-50%); left:50%; top:50%; text-align:center; position:absolute;}
	#slider ul li .syazi h3 {display:inline-block; font-size:40px; padding:25px 30px; background:#fff; color:#4c4c4c; margin-bottom:20px; font-weight:700;}
	#slider ul li .syazi span {display:inline-block; font-size:20px; padding:15px 20px; background:#fff; color:#4c4c4c;}

	#slider #soklar {position:absolute; transform:translateY(-50%); top:50%; width:100%; z-index:9;}
	#slider #soklar i {width:70px; height:70px; display:block; border-radius:100%; text-align:center; line-height:70px; font-size:45px; background:#fff; color:#4c4c4c; position:absolute;}
	#slider #soklar i.la-angle-left {left:20px;}
	#slider #soklar i.la-angle-right {right:20px;}

	#slider #fare {width:100px; height:100px; position:absolute; transform:translateX(-50%); left:50%; bottom:-50px; z-index:9;}
	#slider #fare #fbg {width:100px; height:100px; background:#1d1d1d; transform: rotate(45deg);}

#hizmetler {width:100%; float:left;}
	#hizmetler .hizmet {width:100%; float:left; background:#252525; position:relative; position:relative;}
	#hizmetler .hizmet .bg {width:100%; height:100%; position:absolute; opacity:0.5; left:0px; top:0px;}
	#hizmetler .hizmet .hyazi {width:440px; padding:0 30px 20px 30px; box-sizing:border-box; background:#fff; display:inline-block; position:absolute; z-index:9;}
	#hizmetler .hizmet .hyazi>h2 {font-size:30px; color:#656565; font-weight:700; float:left; margin-bottom:15px; border-top:10px solid #656565; padding-top:10px;}
	#hizmetler .hizmet .hyazi>h2 span {}
	#hizmetler .hizmet .hyazi .kbilgi {width:100%; float:left; font-size:15px; color:#9c9c9c; margin-bottom:30px;}

	#hizmetler .hizmet .hyazi h5 {width:100%; float:left; font-size:16px; color:#656565; margin-bottom:3px;}
	#hizmetler .hizmet .hyazi .blogolar {width:100%; float:left; height:100px; overflow:hidden; position:relative;}
	#hizmetler .hizmet .hyazi .blogolar ul {list-style:none; float:left;}
	#hizmetler .hizmet .hyazi .blogolar ul li {float:left; height:100px;}

	#hizmetler .hizmet .hyazi .hoklar {position:absolute; bottom:75px; left:0px; width:100%; z-index:99;}
	#hizmetler .hizmet .hyazi .hoklar i {font-size:30px; position:absolute;}
	#hizmetler .hizmet .hyazi .hoklar i.la-angle-left {left:10px;}
	#hizmetler .hizmet .hyazi .hoklar i.la-angle-right {right:10px;}

	#hizmetler .hizmet#boya {width:50%; height:780px; background:#c64628;}
	#hizmetler .hizmet#boya .hyazi {right:40px; bottom:40px;}
	#hizmetler .hizmet#boya .hyazi h2 {border-top:10px solid #c64628;}
	#hizmetler .hizmet#boya .hyazi h2 span {color:#c64628;}

	#hizmetler .hizmet#plastik {width:50%; height:880px; z-index:7; background:#286fc6;}
	#hizmetler .hizmet#plastik .hyazi {right:40px; bottom:40px;}
	#hizmetler .hizmet#plastik .hyazi h2 {border-top:10px solid #286fc6;}
	#hizmetler .hizmet#plastik .hyazi h2 span {color:#286fc6;}

	#hizmetler .hizmet#musluk {height:650px; margin-top:-100px; background:#577315;}
	#hizmetler .hizmet#musluk .hyazi {bottom:40px; left:40px;}
	#hizmetler .hizmet#musluk .hyazi h2 {border-top:10px solid #577315;}
	#hizmetler .hizmet#musluk .hyazi h2 span {color:#577315;}

	#hizmetler .hizmet#seramik {height:650px; background:#156b73;}
	#hizmetler .hizmet#seramik .hyazi {bottom:40px; right:40px;}
	#hizmetler .hizmet#seramik .hyazi h2 {border-top:10px solid #156b73;}
	#hizmetler .hizmet#seramik .hyazi h2 span {color:#156b73;}

	/************/
	#hizmetler .hizmet#vitrifiye {width:50%; height:780px; background:#c64628;}
	#hizmetler .hizmet#vitrifiye .hyazi {right:40px; bottom:40px;}
	#hizmetler .hizmet#vitrifiye .hyazi h2 {border-top:10px solid #c64628;}
	#hizmetler .hizmet#vitrifiye .hyazi h2 span {color:#c64628;}

	#hizmetler .hizmet#dekarasyon {width:50%; height:880px; z-index:7; background:#286fc6;}
	#hizmetler .hizmet#dekarasyon .hyazi {right:40px; bottom:40px;}
	#hizmetler .hizmet#dekarasyon .hyazi h2 {border-top:10px solid #286fc6;}
	#hizmetler .hizmet#dekarasyon .hyazi h2 span {color:#286fc6;}

	#hizmetler .hizmet#hirdavat {height:650px; margin-top:-100px; background:#577315;}
	#hizmetler .hizmet#hirdavat .hyazi {bottom:40px; left:40px;}
	#hizmetler .hizmet#hirdavat .hyazi h2 {border-top:10px solid #577315;}
	#hizmetler .hizmet#hirdavat .hyazi h2 span {color:#577315;}

	#hizmetler .hizmet#izolasyon {height:650px; background:#156b73;}
	#hizmetler .hizmet#izolasyon .hyazi {bottom:40px; right:40px;}
	#hizmetler .hizmet#izolasyon .hyazi h2 {border-top:10px solid #156b73;}
	#hizmetler .hizmet#izolasyon .hyazi h2 span {color:#156b73;}
	/************/

#biz_kimiz {width:100%; float:left; padding:80px 0; box-sizing:border-box; background:url('../images/biz_kimiz.jpg') center center #252525 no-repeat; background-size:cover !important;}
	#biz_kimiz #bk_ort {width:1000px; margin:auto; color:#fff;}
	#biz_kimiz #bk_ort h4 {width:100%; float:left; font-weight:700; font-size:40px; text-align:center; margin-bottom:10px;}
	#biz_kimiz #bk_ort span {width:100%; padding:0 100px; box-sizing:border-box; float:left; font-size:18px; text-align:center; margin-bottom:20px;}
	#biz_kimiz #bk_ort #bk_yazi {width:100%; float:left; font-size:15px;}

#ahaberler {width:100%; float:left; padding:70px 0; background:#ececec;}
	#ahaberler #ah_ort {width:1200px; margin:auto;}
	#ahaberler #ah_ort #ah_cerceve {width:1220px; float:left;}
	#ahaberler #ah_ort #ah_cerceve .ahaber {width:385px; margin-right:20px; float:left;}
	#ahaberler #ah_ort #ah_cerceve .ahaber a.ah_res {width:100%; float:left;}
	#ahaberler #ah_ort #ah_cerceve .ahaber a.ah_res img {width:100%; float:left; height:200px; background:#ccc;}
	#ahaberler #ah_ort #ah_cerceve .ahaber .ah_yazi {width:100%; min-height:160px; float:left; padding:20px 30px; box-sizing:border-box; background:#fff;}
	#ahaberler #ah_ort #ah_cerceve .ahaber .ah_yazi h6 {width:100%; float:left;}
	#ahaberler #ah_ort #ah_cerceve .ahaber .ah_yazi h6 a {color:#c7c7c7; float:left;}
	#ahaberler #ah_ort #ah_cerceve .ahaber .ah_yazi h5 {width:100%; float:left; font-size:16px; font-weight:700; margin-bottom:5px;}
	#ahaberler #ah_ort #ah_cerceve .ahaber .ah_yazi h5 a {float:left;}
	#ahaberler #ah_ort #ah_cerceve .ahaber .ah_yazi span {width:100%; float:left; color:#6b6b6b;}


footer .fbaslik {width:100%; float:left; margin-bottom:20px;}
	footer .fbaslik h4 {width:100%; float:left; font-size:25px; font-weight:700;}
	footer .fbaslik span {width:100%; float:left; font-size:15px;}

footer {width:100%; float:left; box-sizing:border-box; background:url('../images/footer.jpg') center center #2b2b2b no-repeat; background-size:cover !important; color:#fff;}
	footer #filetisim {width:100%; float:left; padding:50px 0;}
	footer #filetisim #fi_ort {width:1200px; margin:auto;}
	footer #filetisim #fi_ort #filet_form {width:50%; padding-right:25px; box-sizing:border-box; float:left;}
	footer #filetisim #fi_ort #filet_form form {width:100%; float:left;}
	footer #filetisim #fi_ort #filet_form form .frm_tek {width:100%; float:left; margin-bottom:20px; position:relative;}
	footer #filetisim #fi_ort #filet_form form .frm_cift {width:50%; float:left; position:relative; box-sizing:border-box;}
	footer #filetisim #fi_ort #filet_form form .frm_tek .frm_cift:nth-child(1) {padding-right:20px;}
	footer #filetisim #fi_ort #filet_form form .frm_tek .frm_cift:nth-child(2) {}

	footer #filetisim #fi_ort #filet_form form i {position:absolute; color:#929292; font-size:18px; position:absolute; left:10px; top:10px;}
	footer #filetisim #fi_ort #filet_form form span {float:left; color:#ffffff57; width:60%;}
	footer #filetisim #fi_ort #filet_form form input[type="text"] {font-family: 'PT Sans', sans-serif; width:100%; float:left; padding:0 15px 0 40px; box-sizing:border-box; line-height:40px; height:40px; border:none;}  
	footer #filetisim #fi_ort #filet_form form input[type="submit"] {font-family: 'PT Sans', sans-serif; float:right; padding:15px 30px; color:#fff; background:#c64628; border:none;}
	footer #filetisim #fi_ort #filet_form form textarea {font-family: 'PT Sans', sans-serif; width:100%; float:left; padding:15px; box-sizing:border-box; height:150px;}

	footer #filetisim #fi_ort #filet_bilgi {width:50%; padding-left:25px; box-sizing:border-box; float:right;}
	footer #filetisim #fi_ort #filet_bilgi iframe {width:100%; border:none; height:215px; margin-bottom:20px; background:#000;}
	footer #filetisim #fi_ort #filet_bilgi ul {list-style:none; float:left;}
	footer #filetisim #fi_ort #filet_bilgi ul li {width:100%; float:left; margin-bottom:20px; position:relative;}
	footer #filetisim #fi_ort #filet_bilgi ul li:nth-child(1),
	footer #filetisim #fi_ort #filet_bilgi ul li:nth-child(2) {width:50%;}
	footer #filetisim #fi_ort #filet_bilgi ul li i {position:absolute; width:50px; height:40px; line-height:40px; text-align:center; font-size:35px; color:#ffffff;}
	footer #filetisim #fi_ort #filet_bilgi ul li h6 {padding-left:50px; box-sizing:border-box; float:left; width:100%; color:#8f9294;}
	footer #filetisim #fi_ort #filet_bilgi ul li span {padding-left:50px; box-sizing:border-box; float:left; width:100%; color:#fff;}

	footer #fcop {width:100%; float:left; padding:50px 0; border-top:1px solid #00000036;}
	footer #fcop #fc_ort {width:750px; margin:auto; text-align:center;}
	footer #fcop #fc_ort ul#fsosyal {width:100%; float:left; margin-bottom:20px;}
	footer #fcop #fc_ort ul#fsosyal li {display:inline-block; margin:0 15px;}
	footer #fcop #fc_ort ul#fsosyal li a {float:left; color:#fff; font-size:18px;}
	footer #fcop #fc_ort p {}
	footer #fcop #fc_ort p:last-child {font-size:13px;}
	footer #fcop #fc_ort p:last-child a {color:#f15a24;}

#sbaslik {width:100%; float:left;  position:relative; z-index:9; margin-top:-110px;}
	#sbaslik #sb_ort {width:1200px; box-sizing:border-box; margin:auto; height:360px; 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-family: 'Roboto', sans-serif; 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:360px; 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(20, 30, 42);
		background: linear-gradient(0deg, rgb(20, 30, 42) 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:870px; 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:870px; 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; 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; 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: #f15a24;
	}
	
	#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:390px; float:right;}
	#sayfa #sayfa_orta #iletisim1 h1 {width:100%; float:left;}

	#sayfa #sayfa_orta #iletisim2 {width:450px; 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:260px; 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; font-weight:700;
		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: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;}

header a#mobil_menu {width:50px; height:50px; line-height:50px; text-align:center; float:right; color:#fff; position:absolute; right:30px; top:0px; font-size:50px; border-radius:3px; z-index:99;}
@media screen and (max-width:768px) {
	body {padding-top:70px;}
	header {background:#1e1e1e; height:70px; padding:0px; position:fixed; top:0px; left:0px; z-index:999; box-shadow:0 0 5px #00000087;}
	header a#mobil_menu {right:15px; top:10px;}
	header #hbg {display:none;}
	header #hort {width:100%; position:relative;}
	header #hort h1 {margin-left:20px; margin-top:20px; float:left;}
	header #hort h1 a {width:210px; height:30px;}

	header #hort ul {}
	header #hort ul li {}
	header #hort ul li a {}
	
	
	#slider ul li .syazi h3 {font-size:22px; padding:10px 15px;}
	#slider ul li .syazi span {font-size:15px; padding:10px 15px;}

	#hizmetler .hizmet {width:100% !important; height:760px !important; margin:0px !important;}
	#hizmetler .hizmet .hyazi {bottom:0px !important; left:0px !important; width:100%;}

	#biz_kimiz {padding:40px 20px;}
	#biz_kimiz #bk_ort {width:100%;}
	#biz_kimiz #bk_ort h4 {font-size:22px;}
	#biz_kimiz #bk_ort span {padding:0px;}

	#ahaberler {padding:40px 15px; box-sizing:border-box;}
	#ahaberler #ah_ort {width:100%; float:left;}
	#ahaberler #ah_ort #ah_cerceve {width:100%;}
	#ahaberler #ah_ort #ah_cerceve .ahaber {width:100%; float:left; margin-right:0px; margin-bottom:15px;}
	#ahaberler #ah_ort #ah_cerceve .ahaber a.ah_res img {height:auto;}
	#ahaberler #ah_ort #ah_cerceve .ahaber .ah_yazi {height:auto;}

	footer #filetisim #fi_ort {width:100%; float:left; padding:0 20px; box-sizing:border-box;}
	footer #filetisim #fi_ort #filet_form {width:100%; padding:0px; margin-bottom:20px;}
	footer #filetisim #fi_ort #filet_form form .frm_tek .frm_cift {width:100%; padding:0px !important;}
	footer #filetisim #fi_ort #filet_form form .frm_tek .frm_cift:nth-child(1) {margin-bottom:20px;}
	footer #filetisim #fi_ort #filet_form form span {width:100%; margin-bottom:20px;}

	footer #filetisim #fi_ort #filet_bilgi {width:100%; padding:0px;}
	footer #filetisim #fi_ort #filet_bilgi ul li {width:100% !important;}
	
	footer #fcop #fc_ort {width:100%; padding:0 20px; box-sizing:border-box;}

	#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 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; 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;}
}

.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:30px; 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;
	}
  }