html{color:#222;font-size:1em;line-height:1.4; font-family: 'Open Sans', sans-serif;}
a{ text-decoration: none; }

header{ z-index: 100; position: relative; height: 0px; }
header .container{ padding: 15px 0; max-height: 64px;} 
a.logo{ outline: none; display: inline-block; max-height: 64px; }
h1.logo{margin:0; display: inline-block;max-height: 64px;}
.w1500{ width: 1500px!important; }

.kutular{ text-align: center; padding: 25px 0; }
.kutular a{ position: relative; width: 18%; margin:1%; height: 390px; display: inline-table; background-size: cover; background-repeat: no-repeat; background-position: center center; vertical-align: top;}
.kutular a span:before{transition: all 0.2s ease-in-out; position: absolute; left: 20px; top: 20px; display: block; width: 45px; height: 45px; content: ''; background-image: url("../img/sep_ust.png"); }
.kutular a span:after{transition: all 0.2s ease-in-out; position: absolute; right: 20px; bottom: 20px; display: block; width: 45px; height: 45px; content: ''; background-image: url("../img/sep_alt.png"); }
.kutular a span{ display: table-cell; height: 100%; width: 100%; color: #fff; font-size: 32px; vertical-align: middle; background-color: rgba(0,0,0,0.6);transition: all 0.2s ease-in-out; }
.kutular a:hover span{background-color: rgba(27,156,216,0.6);}
.kutular a:hover span:before{ transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.kutular a:hover span:after{ transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.alt_kutular{ text-align: center; vertical-align: top; background-color:rgba(179, 165, 255, 0.2);}
.alt_kutular .alt_kutu{ display: inline-block; vertical-align: top; width: 48%; padding: 1%; text-align: left; }
.alt_kutular .alt_kutu h3{ color: #0da0e5; display: block; }
.alt_kutular .alt_kutu h4{ margin:0; }
.alt_kutular .alt_kutu p{ padding:0; margin: 10px 0 0 0; font-size: 13px;}
.footer_logo{ float: right;    margin-bottom: 90px; }
footer{ background-color: #d7d8d7; border-top: 1px solid #8b8b8c; padding: 10px 0;}

.powered_by{ float: right; margin-top: -35px; }

.detay{ height: inherit!important; background-image: url("../img/bg.jpg"); background-size: cover; background-position: center center;}
.detay .container{ max-height: inherit!important; }

#slayt span h2{ font-size: 20px; color:#000; border-top: 3px double rgba(0, 0, 0, 0.4);padding-top: 15px;border-bottom: 3px double rgba(255, 255, 255, 0.4);padding-bottom: 15px;}
#slayt span ul{ margin:0; padding: 0; list-style: none;}
#slayt span ul li{ margin-bottom: 5px; background-color: rgba(0,0,0,0.5);padding: 5px 0;}
#slayt span ul li:hover{ background-color: #1879aa; }
#slayt span {position: absolute;display: block;background-repeat: no-repeat;background-position: center 45px;width: 300px; z-index: 2;background-color: rgba(0, 0, 0, 0.45);color: #fff;top: 300px;left: 150px;padding:165px 25px 25px 25px;text-align: center;}
.owl-item p{    color: #ffffff;
    font-size: xx-large !important;
    font-weight: bolder;}
.alt_kutu ul{ list-style: none; margin: 0; padding: 0; } .alt_kutu ul{ list-style: none; margin: 0; padding: 0; }
.alt_kutu ul li { font-weight: bold; line-height: 189%; }
.alt_kutu ul li b{  display: inline-block; width: 60px; font-size: 11px; text-align: right; font-weight: normal; padding-right: 10px;}

.f1{ width: 38%!important; }
.f2{ width: 58%!important; }
.f2 a{ color: #000; }


@media (max-width: 1500px) {
	.w1500{ width: 98%!important; }
}

@media (max-width: 1200px) {
	.footer_logo{ display: none;}
	.f1{ width: 48%!important; }
	.f2{ width: 48%!important; }
}
@media (max-width: 1200px) {
	.kutular a{ width: 48%; height: 250px; }
	.kutular a span{ font-size: 27px; }
}
@media (max-width: 850px) {
	.alt_kutular .alt_kutu{ width: 100%; padding: 0; } 

	.f1{ width: 100%!important; }
	.f2{ width: 100%!important; }
    .f2 ul {background: url("../img/footer.jpg"); background-position: center center; background-size: cover; border-radius: 4px;}
	.f2 ul li{ color: #fff; padding: 10px 0;}
	.f2 ul li:nth-of-type(2n+1){ background:rgba(204, 204, 204, 0.15);}

.f2 a{ color: #fff; }

}
@media (max-width: 500px) {
	a.logo img{ height: 75px; } 
	.kutular { padding: 7px 0;}
	.kutular a{ width: 100%; height: 150px; margin:7px 0; }
	.alt_kutu h3{ text-align: center; }
	.alt_kutular .alt_kutu img{ width: 100%!important; height: inherit!important; margin:0; padding: 0; }
	.alt_kutular .alt_kutu{ padding-bottom: 25px; }
	footer{ text-align: center; }
	.powered_by{ float: inherit; margin-top: 0; display: block; }
	.footer_logo{ display: none;}
	#slayt span {
		position: relative;
		display: block;
		background-repeat: no-repeat;
		background-position: center 44px;
		background-image: none !important;
		width: 100vw;
		z-index: 2;
		background-color: rgba(0, 0, 0, 0.45);
		color: #fff;
		top: 0;
		left: 0;
		padding: 25px 25px 25px 25px;
		text-align: center;
		box-sizing: border-box;
	}
}