body {margin:0; font-family:'Open Sans';  background-color:#fff; padding:0; font-weight:400; padding-top:85px;overflow-x:hidden;}
ul {list-style:none; padding:0; margin:0}
a {text-decoration:none}
a img {border:none}

#modal {width:100%;height:9999px;background:url(images/dark-blue-opa-90.png);color:#fff !important;position:absolute;left:0;top:0;z-index:9999;display:none;}
#modal div.content {width:90%;margin:5%;border:5px solid #40AFE1}
#modal div, #modal p {width:96%;margin:1% 2%;}
#modal div.close, #modal div.logo {text-align:right;}
#modal div.close a {font-size:36px;font-weight:300 !important;color:#fff}
#modal p {font-size:16px;margin-bottom:20px;}

.scroller {float:left;width:100%;position:relative;height:1px;}

div.fullWidth {width:100%;float:left;position:relative;max-width:1920px;margin:0 auto}
div.fullTitle {background:#fff;text-align:center;color:#0F4E93;}
div.fullTitle h2 {width:100%;text-align:center;font-size:36px;margin:25px 0;font-weight:300;}
div.row {position:relative;max-width:1280px;width:100%;margin:0 auto;padding:5px 15px}

div.opa_line {width:100%;float:left;background:url(images/dark-blue-opa-50.png)}
div.opa_line div.row {width:100%;max-width:1280px;margin:0 auto;padding:0;}
div.opa_line img {width:100%;float:left;}

header {width:100%;background:#fff;position:fixed;padding:10px 0;height:70px;float:left;top:0;left:0;z-index:999}

#logo {float:left;margin-left:20px;}
#logo img {margin-top:5px;}
#menu {margin-top:10px;float:right;margin-right:20px;}
#menu ul li {display:inline-block;margin-right:10px;}
#menu ul li:last-child {margin-left:5px;:0;}
#menu ul li a {display:inline-block;color:#0F4E93;padding:5px 8px;font-weight:300}
#menu ul li a:hover,#menu ul li a.active {background:#40AFE1;color:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#menu ul li.icon a:hover {background:none !important;}
#menu ul li:last-child img {margin-bottom:-2px;}

#slider {text-align:center;position:relative;min-height:380px;background:url(images/black-opa-20.png);width:98%;padding:1% 0;}
#slider h1 {color:#fff;width:100%;text-align:center;margin-top:120px;}
#slider a {color:#fff;background:#40AFE1;font-size:20px;display:inline-block;padding:10px 15px;font-weight:300;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

#blank {text-align:center;min-height:60px;background:url(images/black-opa-20.png);width:98%;padding:1% 0;position:relative;margin:0 auto;clear:both;}

#hizmetler h3 {margin:0;float:left;position:relative;margin-bottom:15px;}
#hizmetler div.item {width:33.33%;position:relative;float:left;padding-bottom:25px;color:#808080;}
#hizmetler div.item:hover {background:#f0f4f8;}
#hizmetler div.item p {width:90%;margin:1% 5%;font-size:14px;font-weight:300}
#hizmetler div.item p strong {font-weight:400;font-size:16px;}
#hizmetler div.item img {width:100%;}
#hizmetler div.item span {position:absolute;left:0;width:100%;text-align:center;z-index:99;line-height:100px;height:100px;top:calc(50% - 50px);;color:#fff;font-weight:400;font-size:25px;}
#hizmetler h3.item1 span {background:url(images/dark-opa-60.png)}
#hizmetler h3.item2 span {background:url(images/light-opa-60.png)}
#hizmetler h3.item3 span {background:url(images/dark-opa-60.png)}

#referanslar {text-align:center;}
#referanslar ul {margin:50px 0;display:inline-block;max-width:720px;width:90% !important}
#referanslar ul li {width:100%;text-align:center;display:inline-block;color:#fff;padding:10px 0;border-bottom:1px solid #40AFE1;font-size:24px;font-weight:300 !important}
#referanslar ul li:last-child {border:none;}

#footer {padding-bottom:100px;font-weight:300;background:#0F4E93;color:#fff;text-align:center;line-height:22px;font-size:15px}
#footer strong {font-weight:400 !important;}
#footer a {color:#28B7F6}
#footer a:hover {text-decoration:underline;}
#footer font {font-size:13px;}

.da-thumbs {
	list-style: none;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
}
.da-thumbs li {
	float: left;
	margin: 0;
	background: #fff;
	padding: 0;
	width:25%;
	position: relative;	
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
	width:100%;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: #333;
	background: rgba(15,75,147,0.7);
	width: 100%;
	height: 100%;
	text-align:center;
}
.da-thumbs li a div span {
	display: block;
	padding: 10px 0;
	font-size:24px;
	font-weight:300 !important;
	margin: 40px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	margin-top:25%;
}

.da-thumbs li a div span font 
{
	display:inline-block;
	margin-top:45px;
	background:#40AFE1;color:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	font-size:13px;
	font-weight:300 !important;
	padding:5px 10px;
}

.galeri_mobil {display:none;width:100%;clear:both;}
.galeri_mobil img {width:100%;}

@media only screen and (max-width: 1024px) {
#menu {margin-right:30px;float:right;}
#slider {min-height:330px;}
#slider h1 {margin-top:90px;}
#blank {display:none;}

#hakkinda div.row {width:920px !important}

}

@media only screen and (max-width: 768px) {
header div.row {padding:0;}
#logo {float:none; width:100%; text-align:center; margin:0;}
#menu {display:none}
#slider {min-height:330px;}
#slider h1 {margin-top:50px;}
#blank {display:none;}

#hakkinda div.row {width:100% !important}

#hizmetler div.item span {font-size:22px;}

#referanslar ul {width:90% !important;margin:0 5%;}

#footer {padding-bottom:100px !important;}

.da-thumbs li {width:50%;}

}

@media only screen and (max-width: 620px) {

#hizmetler div.item {width:100%;}
#logo {float:none; width:100%; text-align:center; margin:0;}

#hizmetler div.item span {font-size:24px;}

#referanslar ul li {font-size:15px;}

}

@media only screen and (max-width: 480px) {

.da-thumbs {display:none;}
.galeri_mobil {display:block !important;}

}

@media only screen and (max-width: 361px) {
	
	#logo {float:none; width:100%; text-align:center; margin:0;}
	#slider {min-height:220px;}
	#slider h1 {font-size:18px;font-weight:400}
	div.fullTitle h2 {font-size:24px;}
	#referanslar ul li {font-size:15px;}
	#footer {font-size:13px !important;}
	
}