/*
	Oyos Yazılım
	29 Şubat 2016 - ismail ihsan bülbül - e-ben@msn.com
*/
body {font-family: 'PT Sans', sans-serif; font-size:16px; color:#222; background:#fff no-repeat; padding-top:80px;}
a {color:#45454c;}
p {margin-bottom:10px;}
strong {font-weight:700;}

.oh {overflow:hidden !important;}

#header {width:100%; float:left;}
	#header h1 {width:100%; float:left; margin-bottom:10px; margin-bottom:15px;}
	#header h1 a {width:100%; float:left; height:71px; display:block; background:url('../images/logo.png') top center no-repeat; background-size:contain; text-indent:-999px;}
	
	#header #menu {width:100%; float:left; margin-bottom:15px; border-radius:3px; overflow:hidden;}
	#header #menu h3 {width:100%; padding:0 15px; box-sizing:border-box; height:40px; line-height:40px; background:#636363; cursor:pointer; color:#fff;}
	#header #menu h3 i {float:right; margin-top:13px;}
	#header #menu ul {list-style:none; float:left; width:100%; display:none;}
	#header #menu ul li {float:left; width:100%;}
	#header #menu ul li a {width:100%; float:left; height:35px; line-height:35px; display:block; font-weight:700; padding:0 30px; box-sizing:border-box; border-bottom:1px solid #545353; background:#636363; color:#fff;}
	#header #menu ul li a:hover {}
	
#yheader {width:100%; float:left; height:80px; background:#cb1519; box-sizing:border-box; padding:15px; top:0px; position:fixed; z-index:98;}
	#yheader a.logo {height:60px; margin-top:-5px; width:226px; background:url('../images/logo.png') left center no-repeat; background-size:contain; display:block; float:left;}
	#yheader a.fa-navicon {float:right; font-size:30px; line-height:50px; color:#ffffff;}

#hmenu {width:100%; background:#1f1f1f; color:#fff; position:fixed; height:100%; padding:30px; box-sizing:border-box; top:80px; display:none; z-index:99;}
	#hmenu a.fa-close {height:80px; width:48px; font-size:30px; line-height:80px; text-align:center; color:#fff; background:#1f1f1f; position:absolute; top:-80px; z-index:9999; right:0px;}
	#hmenu ul#menu {width:100%; list-style:none; float:left;}
	#hmenu ul#menu li {width:100%; float:left;}
	#hmenu ul#menu li a {width:100%; float:left; border-bottom:1px solid #292929; color:#fff; height:50px; line-height:50px; font-size:22px; font-weight:700;}
	#hmenu ul#menu li a i {float:right; font-size:22px; line-height:50px; font-weight:400;}
	
	#hmenu ul#sosyal {margin-top:40px; width:100%; text-align:center; list-style:none; float:left;}
	#hmenu ul#sosyal li {display:inline-block; margin:0 5px;}
	#hmenu ul#sosyal li a {width:40px; height:40px; text-align:center; line-height:40px; background:#fff; color:#70717e; font-size:20px; border-radius:100%;}

/*
#sloganlar {width:100%; float:left; padding:15px; background:#fff; box-sizing:border-box;}
	#sloganlar .slogan {width:100%; float:left; border-bottom:1px solid #ccc; padding:15px 0; position:relative;}
	#sloganlar .slogan:last-child {border-bottom:none;}
	
	#sloganlar .slogan:nth-child(1) i {background:#39867a;}
	#sloganlar .slogan:nth-child(2) i {background:#395f86;}
	#sloganlar .slogan:nth-child(3) i {background:#8b4aaa;}
	
	#sloganlar .slogan i {width:75px; height:75px; border-radius:75px; display:block; line-height:75px; text-align:center; background:#ccc; color:#fff; font-size:29px; position:absolute; left:0px; top:15px;}
	#sloganlar .slogan h5 {width:100%; padding-left:95px; box-sizing:border-box; float:right; margin-top:10px; font-size:15px; font-weight:700;}
	#sloganlar .slogan h5 a {}
	#sloganlar .slogan span {width:100%; padding-left:95px; box-sizing:border-box; display:block; float:right;}
*/

#kutular {width:100%; float:left; margin-top:20px;}	
	#kutular .kutu .kb {width:160px; margin:auto; position:relative; margin-top:65px;}	
	#kutular .kutu {height:200px; width:100%; margin-bottom:10px; background-color:#282828; position:relative; color:#fff; float:left; background-size:cover !important; cursor:pointer;}	
	#kutular .kutu:nth-child(1) {background:url('../images/b1.jpg') center center no-repeat;}
	#kutular .kutu:nth-child(2) {background:url('../images/b2.jpg') center center no-repeat;}
	#kutular .kutu:nth-child(3) {background:url('../images/b3.jpg') center center no-repeat;}
	#kutular .kutu:nth-child(4) {background:url('../images/b4.jpg') center center no-repeat;}
		
	#kutular .kutu i {font-size:40px; width:45px; height:45px; text-align:center; line-height:45px; color:#fff; position:absolute; left:0px;}	
	#kutular .kutu .ktext {width:90px; position:absolute; top:0px; left:60px; font-size:18px; font-weight:700;}	
	#kutular .kutu .ktext span {width:100%; float:left; color:#ea8815;}	
	
#slider {width:100%; float:left; border-radius:3px;}
	#slider div.owl-item {float:left;}
	#slider .sldr-carousel {width:100%; list-style:none; display:block; float:left; overflow:hidden;}
	#slider .sldr-carousel .slide {float:left; width:100%; height:220px; display:block; position:relative;}
	#slider .sldr-carousel .slide .stext {width:100%; padding:20px; background:#000; box-sizing:border-box; opacity:0.7; color:#fff; position:absolute; bottom:0px; left:0px;}
	#slider .sldr-carousel .slide .stext h3 {width:100%; float:left; font-size:22px; font-size:18px; font-weight:700; margin-bottom:5px;}
	#slider .sldr-carousel .slide .stext h3 a {width:100%; float:left; text-align:center; color:#fff;}
	#slider .sldr-carousel .slide .stext span {width:100%; float:left; text-align:center;}
	
	
	#slider div.owl-nav {display:none;}
	#slider div.owl-dots {float:left; width:100%; text-align:center; margin-top:15px; display:none;}
	#slider div.owl-dots .owl-dot {display:inline-block; margin:0 10px;}
	#slider div.owl-dots .owl-dot span {width:10px; height:10px; display:block; border:3px solid #ef7f1a; border-radius:100%; cursor:pointer;}
	#slider div.owl-dots .active span {background:#ef7f1a;}
	
	#slider #sayfalar {width:100%; text-align:center; float:left; margin-top:15px;}
	#slider #sayfalar a {width:15px; height:15px; display:inline-block; border:3px solid #f19646; border-radius:15px; margin:7px; text-indent:-9999px;}
	#slider #sayfalar a.activeSlide,#slider #sayfalar a:hover  {background:#f19646;}

#asosyal {width:100%; float:left; padding:20px; box-sizing:border-box; background:#cb1519;}
	#asosyal ul#sosyal {width:100%; text-align:center; list-style:none; float:left;}
	#asosyal ul#sosyal li {display:inline-block; margin:0 5px;}
	#asosyal ul#sosyal li a {width:40px; height:40px; text-align:center; line-height:40px; background:#fff; color:#cb1519; font-size:20px; border-radius:100%;}
	
#tel {width:100%; float:left; padding:20px; box-sizing:border-box; background:#0e3178; color:#fff; text-align:center; font-size:22px; font-weight:700; margin-top:15px;}
	#tel i {font-weight:700; margin-right:10px;}
/*
#kutular {width:100%;}
	#kutular .kutu {width:100%; padding:20px; box-sizing:border-box; color:#232323; border-radius:5px; float:left; margin-bottom:15px;}
	#kutular .kutu h4 {font-size:15px; font-weight:700; width:100%; float:left; margin-bottom:5px;}
	#kutular .kutu h4 a {color:#232323;}
	#kutular .kutu span {}
	
	#kutular #kutu_1 {background:#eae2d3;}
	#kutular #kutu_2 {background:#d3eae0;}
	#kutular #kutu_3 {background:#d3e7ea;}
*/	
.baslik {width:100%; float:left; display:block; height:30px; line-height:30px; font-weight:700; font-size:16px; letter-spacing:3px; text-align:center; margin-bottom:15px;}
#urunler {width:100%; float:left;}
	
	#urunler ul#ukatgoriler {width:100%; float:left; list-style:none; background:#616161; border-radius:2px; overflow:hidden; bottom:10px; margin-bottom:15px;}
	#urunler ul#ukatgoriler li {float:left; width:100%;}
	#urunler ul#ukatgoriler li a {height:35px; line-height:35px; font-weight:700; color:#fff; padding:0 15px; width:100%; box-sizing:border-box; border-bottom: 1px solid #777; float:left;}
	#urunler ul#ukatgoriler li:last-child a {border-bottom:none;}

	#urunler .urun {width:50%; float:left; overflow:hidden; position:relative;}
	#urunler .urun a.uimg {float:left; width:100%; height:200px; display:block;}
	#urunler .urun a.ubaslik {width:100%; margin-top:5px; text-align:center; position:absolute; bottom:0px; left:0px; background:#292829; color:#fff; padding:10px 0; opacity:0.8; box-sizing:border-box;}

.ibaslik {width:100%; float:left; font-weight:700; padding:15px; box-sizing:border-box; background:#3a3a3a; font-size:18px; color:#fff;}
	.ibaslik a {float:right; background:#fff; color:#3a3a3a; font-size:11px; font-weight:400; padding:5px 10px;}

#kategori {width:100%; float:left;}
	#kategori .icerik {width:100%; height:125px; float:left; position:relative; padding:15px; box-sizing:border-box; border-bottom:1px solid #f0edea; box-sizing:border-box; background:#fff;}
	#kategori .icerik a.iresim {position:absolute;}
	#kategori .icerik a.iresim img {width:95px; height:95px; display:block; background:#ccc;}
	#kategori .icerik h3 {width:100%; padding-left:110px; box-sizing:border-box; float:left; font-size:16px; font-weight:700;}
	#kategori .icerik h3 a {}
	#kategori .icerik span {width:100%; padding-left:110px; box-sizing:border-box; float:left;}
	
#makale {width:100%; float:left;}
	#makale .icerik {width:100%; float:left; position:relative; padding:15px; box-sizing:border-box; border-bottom:1px solid #f0edea; box-sizing:border-box; background:#fff;}
	#makale .icerik h3 {width:100%; box-sizing:border-box; float:left; font-size:16px; font-weight:700;}
	#makale .icerik h3 a {}
	#makale .icerik span {width:100%; box-sizing:border-box; float:left;}
	
ul.amenu {width:100%; box-sizing:border-box; background:#c8c9d6; padding:15px 30px 30px 30px; float:left; list-style:none;}
	ul.amenu li {width:100%; float:left;}
	ul.amenu li a {width:100%; float:left; color:#4d4e59; border-bottom:1px solid #abacb9; font-size:15px; font-weight:700; height:35px; line-height:35px;}
	ul.amenu li a i {float:right;  height:25px; line-height:35px;}
	
#mst {width:100%; background:#0e3178; padding:20px; box-sizing:border-box; color:#fff; float:left;}
	#mst h2 {width:100%; float:left; text-align:center; font-size:18px; font-weight:700; border-bottom:1px solid #0c2863; padding-bottom:10px; margin-bottom:10px;}
	
.amanset {width:100%; float:left; position:relative; margin-bottom:60px;}
	.amanset .manset {width:100%; float:left; display:none;}
	.amanset .manset a.mres {width:100%; float:left; height:250px; background-size:cover !important; background:#ccc;}
	.amanset .manset .mtext {width:100%; float:left; background:#5d5d5d; color:#2c2c2c; padding:20px 25px 40px 25px; box-sizing:border-box;}
	.amanset .manset .mtext h3 {width:100%; float:left; margin-bottom:5px; text-align:center;}
	.amanset .manset .mtext h3 a {font-size:18px; font-weight:700; color:#2c2c2c;}
	.amanset .manset .mtext span {width:100%; float:left; text-align:center; font-size:13px;}
	
	.amanset .manset:nth-child(1) {display:block;}
	
	.amanset .manset:nth-child(1) .mtext {background:#b9d6c7;}
	.amanset .manset:nth-child(2) .mtext {background:#e2bcc3;}
	.amanset .manset:nth-child(3) .mtext {background:#bad8dd;}
	.amanset .manset:nth-child(4) .mtext {background:#c8d3c7;}
	
	.amanset ul {list-style:none; position:absolute; bottom:-30px; padding:0 5px; width:100%; box-sizing:border-box;}
	.amanset ul li {float:left; padding:0 3px; box-sizing:border-box; width:25%;}
	.amanset ul li a {width:100%; border:5px solid #ccc; height:55px; box-sizing:border-box; display:block; background:#ccc; background-size:cover !important;}
	
	.amanset ul li:nth-child(1) a {border:5px solid #b9d6c7;}
	.amanset ul li:nth-child(2) a {border:5px solid #e2bcc3;}
	.amanset ul li:nth-child(3) a {border:5px solid #bad8dd;}
	.amanset ul li:nth-child(4) a {border:5px solid #c8d3c7;}
	
.alt_menuler {width:100%; float:left; padding:10px; box-sizing:border-box;}
	.alt_menuler .amenu {width:100%; float:left;}
	.alt_menuler .amenu h3 {width:100%; float:left; font-size:18px; font-weight:700;}
	.alt_menuler .amenu h3 a {color:#2c2c2c; float:left; width:100%; background:#5d5d5d; padding:15px 20px; box-sizing:border-box;}
	.alt_menuler .amenu ul {list-style:none; display:none; float:left; background:#696969; padding:20px 20px 10px 20px; box-sizing:border-box; width:100%;}
	.alt_menuler .amenu ul li {width:50%; float:left; margin-bottom:10px;}
	.alt_menuler .amenu ul li a {float:left; color:#2c2c2c; font-size:13px;}
	.alt_menuler .amenu ul li a i {float:left; margin-right:3px; font-size:5px; margin-top:7px;}
	
	.alt_menuler .amenu:nth-child(1) h3 a {background:#95bca8;}
	.alt_menuler .amenu:nth-child(2) h3 a {background:#cba8ae;}
	.alt_menuler .amenu:nth-child(3) h3 a {background:#a1bdc2;}
	.alt_menuler .amenu:nth-child(4) h3 a {background:#aebdad;}
	
	.alt_menuler .amenu:nth-child(1) ul {display:block; background:#b9d6c7;}
	.alt_menuler .amenu:nth-child(2) ul {background:#e2bcc3;}
	.alt_menuler .amenu:nth-child(3) ul {background:#bad8dd;}
	.alt_menuler .amenu:nth-child(4) ul {background:#c8d3c7;}
	
.ibaslik2 {width:100%; float:left; border-bottom:1px solid #dedede; color:#3a3a3a; font-size:18px; padding:0 10px 10px 10px; margin-top:10px; font-weight:700; box-sizing:border-box;}	
	.ibaslik2 i {float:left; font-size:18px; margin-right:10px; margin-top:3px;}	
	.ibaslik2 a {float:right; background:#c5c6d1; padding:5px 15px; font-size:13px; color:#3a3a3a; background:#dedede; margin-top:-5px;}
	
	.ibaslik2 a.avb {background:#c5c6d1;}
	.ibaslik2 a.aib {background:#c6d5d1;}
	.ibaslik2 a.aid {background:#d9b3ba;}

.aicerikler {width:100%; padding:10px; float:left; box-sizing:border-box;}	
	.aicerikler .aicerik {float:left; width:100%; height:110px; padding:10px; box-sizing:border-box; margin-bottom:10px; background:#ccc; position:relative;}	
	.aicerikler .aicerik a.aires {position:absolute; left:10px; top:10px;}	
	.aicerikler .aicerik a.aires img {width:140px; height:90px; display:block; float:left; background:#fff;}	
	.aicerikler .aicerik h3 {width:100%; font-size:15px; font-weight:700; float:left; padding-left:150px; box-sizing:border-box; color:#303030;}	
	.aicerikler .aicerik h3 a {float:left; color:#2c2c2c;}	
	.aicerikler .aicerik span {width:100%; float:left; padding-left:150px; box-sizing:border-box; color:#2c2c2c;}	
	.aicerikler .aicerik i {position:absolute; right:10px; bottom:10px; font-size:30px; opacity:0.5;}
	
.avideo .aicerik {background:#d2d3dd;}
.aicerik .aicerik {background:#c6d5d1;}

.aduyuru .aicerik {background:#d9b3ba; height:auto;}
	.aduyuru .aicerik h3 {padding:0px;}
	.aduyuru .aicerik span {padding:0px;}
	
#sayfa {width:100%; float:left; box-sizing:border-box;}
	#sayfa #sayfa_text {width:100%; float:left; box-sizing:border-box; padding:20px; background:#fff;}
	#sayfa #sayfa_text iframe {width:100% !important;}
	
	#sayfa #sayfa_text {width:100%; float:left;}
	#sayfa #sayfa_text img {width:100% !important; height:auto !important;}
	#sayfa #sayfa_text ul.galeri {width:100%; float:left; list-style:none}
	#sayfa #sayfa_text ul.galeri li {width:100%; float:left; margin-bottom:10px;}
	#sayfa #sayfa_text ul.galeri li a {width:100%; height:200px; float:left; background-color:#fff !important; border:1px solid #ccc; border-radius:2px;}
	
	#sayfa #sayfa_text #iletisim2 {width:100%; float:left;}
	#sayfa #sayfa_text #iletisim2 h1 {width:100%; float:left; font-weight:700; font-size:22px; border-bottom:1px solid #ccc; margin:10px 0; padding-bottom:10px;}
	#sayfa #sayfa_text #iletisim2 .form {width:100%;}
	#sayfa #sayfa_text #iletisim2 .form .text {width:100%;}
	#sayfa #sayfa_text #iletisim2 .form .text input {padding:10px 4px; width:100%  !important; border:1px solid #cdcdcd; border-radius:5px; box-sizing:border-box;}
	#sayfa #sayfa_text #iletisim2 .form .text textarea {width:100% !important; padding:10px 4px; border:1px solid #cdcdcd; border-radius:5px; box-sizing:border-box;}
	#sayfa #sayfa_text #iletisim2 input.error, #sayfa #sayfa_text #iletisim2 textarea.error {border:1px solid #cf2727 !important;}
	
#footer {width:100%; float:left; padding:30px; box-sizing:border-box; text-align:center; color:#fff; background:#1b1b1b; font-size:13px;}

	#footer #bayrak {width:100%; float:left; margin-top:10px;}
	#footer #bayrak ul {display:block; list-style:none; display: inline-block;}
	#footer #bayrak ul li {float:left; margin:0 10px; font-size:14px; font-weight:700; letter-spacing:1px;}
	#footer #bayrak ul li:nth-child(1) i{float:left; margin-top:-1px; margin-right:5px; width:20px; height:21px; background: url('../../images/diller_bg.png') no-repeat 0 0;}
	#footer #bayrak ul li:nth-child(2) i{float:left; margin-top:-1px; margin-right:5px; width:20px; height:21px; background: url('../../images/diller_bg.png') no-repeat -21px 0px;}
	#footer #bayrak ul li a{color:#3c3980;}
	#footer #bayrak ul li:nth-child(1) a {width:40px; height:40px; line-height:1;}
	#footer #bayrak ul li:nth-child(2) a {width:40px; height:40px; line-height:1;}
	
#kosgep {width:58px; height:40px; display:inline-block; background: url(http://www.kosgeb.gov.tr/Web/Content/assets/images/footer_logo.png) top left no-repeat; background-size:cover !important; }
p.mobil_icon a {font-size:30px; color:#068a85;}

.form {width:710px; float:left;}
.form .text {width:710px; 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:10px; width:688px; float:left; margin-bottom:10px; border:1px solid #cdcdcd; border-radius:5px;}
.form .text select {padding:10px; width:710px; float:left; margin-bottom:10px; border:1px solid #cdcdcd; border-radius:5px;}
.form .text input[type="file"] {padding:10px; width:688px; float:left; margin-bottom:10px; border:1px solid #cdcdcd; border-radius:5px;}
.form .text textarea {padding:10px; width:688px; height:100px; float:left; margin-bottom:10px; border:1px solid #cdcdcd; border-radius:5px;}
input.error, textarea.error {border:3px solid #cf2727 !important; width:685px !important;}
label.error {display:none !important;}

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

.sgenel {width:100%; float:left;}
	.sgenel .sort {margin:auto; width:100%;}

#sloganlar {padding:30px; box-sizing:border-box;}
	#sloganlar .sort {}
	#sloganlar .sort .slogan {box-shadow:0 0 3px #c3c3c3; width:100%; height:210px; border-radius:5px; float:left; padding:35px 50px; box-sizing:border-box; text-align:center; color:#4e4e4e; transition:all 0.5s; margin-bottom:10px;}
	#sloganlar .sort .slogan:hover {box-shadow:0 0 6px #716f6f;}
	#sloganlar .sort .slogan i {font-size:55px; margin-bottom:10px;}
	#sloganlar .sort .slogan h5 {font-size:16px; font-weight:700; margin-bottom:5px;}
	#sloganlar .sort .slogan h5 a {color:#4e4e4e;}
	#sloganlar .sort .slogan span {letter-spacing:1px;}
	
	
	#whatsapp_footer {height:50px; width:220px; bottom:20px; background:#00e676; color:#fff; position:fixed; right:20px; border-radius:30px; box-shadow:0 0 5px #2b2b2b; z-index:99;}
	#whatsapp_footer i {font-size:40px; position:absolute; left:10px; margin-left:5px; margin-top:5px;}
	#whatsapp_footer h4 {font-size:14px; float:left; padding-left:60px; width:100%; margin-top:5px;}
	#whatsapp_footer h5 {font-size:18px; font-weight:700; float:left; padding-left:60px; width:100%;}