[lang=tr]{text-transform:uppercase;}
body, html {margin:0px; padding:0px;}
body{margin:0px; padding:0px; font-family: 'Roboto Condensed', sans-serif;}
.both{ width:100%; height:1px; clear:both;}
.site { max-width:960px;   }
.site_full{width:100%;  overflow:hidden; 


-webkit-box-shadow: 0px 9px 18px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 9px 18px 0px rgba(0,0,0,0.75);
box-shadow: 0px 9px 18px 0px rgba(0,0,0,0.75);
 }
 
.urun_baslik{font-size:24px; padding:0px; margin:0px; border-bottom:1px solid #CCC; margin-bottom:15px;} 
 
#wrap_top {height:140px; background:#FFF; position:relative; }
#wrap_menu{ height:auto;  position:relative; z-index:2; position:relative; background:#b2af60; z-index:666; }
#wrap_dortlu { background:#263b4c;}
.wrap_dortlu_yesil { background:#b2af60;}
.dortlu{ background:url(/img/bg_dortlu.png) repeat-x #013e77; padding-top:25px;    }
.dortlu_yesil { background:url(/img/bg_dortlu_yesil.jpg) repeat-x #013e77; }
.dortlu_img{width:240px; height:160px; border-radius:10px; border:2px solid #fff; background:#58595b; position:relative; margin-bottom:15px;}
.dortlu_img h2{padding:0px;  margin:0px;  margin-top:15px; font-size:14pt; padding-top:10px; color:#fff;}

.dortlu p{text-align:justify; color:#fff; padding-left:35px;  padding-right:35px;  font-size:13px; height:auto; }
.dortlu .cizgi { position:absolute; right:1px; width:1px; height:200px; background:#ccd1d5; top:150px;}
#wrap_video { min-height:520px;


   background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;  

 background-image:url(/img/video_static.jpg);
 opacity:1;

  }
.video_play_btn{
	top:180px;
  left: 43%;
  position:relative;
 
  width:160px;
  height:160px;
  cursor:pointer;
}
#wrap_iletisim_kisa{ background:#013e77; padding:60px; height:auto; position:relative; padding-top:25px; }
#wrap_iletisim_kisa h2{padding:0px; margin:0px; color:#fff; border-bottom:0px solid #b2af60; margin-bottom:10px; padding-bottom:2px; }
#wrap_iletisim_kisa p {color:#fff;   }
#wrap_iletisim_kisa div {color:#fff;    }
#wrap_iletisim_kisa .cizgi {width:1px; height:190px; background:#fff; top:0px; z-index:2; position:absolute; right:1px;}
.iletisim_kisa {width:80%;  min-height:180px; margin-top:15px;}

.kisa_iletisim_header{background:#fff; color:#013e77;}
.kisa_iletisim_header h2{
	color:#013e77; text-align:center;
	padding:0px;
	margin:0px;

	padding-bottom:15px;
	font-size:32px;
}
.kisa_iletisim_header_beyaz_bosluk { height:25px; width:100%;}
#wrap_map { min-height:260px;


   background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;  

/* background-image:url(/img/map.jpg); */


  }
#wrap_map img{ width:100%;}
#wrap_map p{padding:0px; margin:0px;}
  
#wrap_footer{ background:#013e77; padding-top:10px;}
#wrap_footer ul{padding:0px; list-style:none;}
#wrap_footer ul li { margin: 0 15px; display: inline; font-size:16px; }
#wrap_footer ul li a{color:#fff; text-decoration:none; }
#wrap_footer ul li a:hover {background:#FFF; color:#000; }

.logo_footer{background:#fff; padding-top:4px; padding-bottom:4px; color:#013e77;}
.banner_img{  }

.slider h1{position:absolute; left:3%; bottom:5%; color:#fff;

text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}
#banner {position:relative;}
.sayfa{
	background:#013e77; color:#fff; padding:20px; padding-left:3%; padding-right:3%;
	font-size:16px;
}
.sayfa h1{color:#fff; }

.title{
	text-align:center; font-size:16px; color:#fff; margin-bottom:5px;}
	

.proje{ border:1px solid #FFF; position:relative; 

   background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center; 
	
text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
color:#fff;
font-size:18px; 
cursor:pointer;
}	
	
.proje:hover{
  transition: opacity 1s ease-in-out;
  -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -webkit-filter: grayscale(100%);
         filter: gray;
   
}
.regularx img { max-width:250px;}
.proje_bilgi_tl{
	position:absolute;
	left:25px;
	top:5px;
}
.proje_bilgi_tr{
	position:absolute;
	right:25px;
	top:5px;
	text-align:right;
}
.proje_bilgi_br{
	position:absolute;
	right:25px;
	bottom:5px;
		text-align:right;
}
.proje_bilgi_bl{
	position:absolute;
	left:25px;
	bottom:5px;
}
.proje_bilgi_siyah {color:#000;}


.logo{margin-top:20px; position:relative; z-index:2;}
.logo_cizgi{
	width:88%;
	position:absolute;
	left:10%;
	height:1px;
	background:#003e76;
	top:74px;
	z-index:1;
}
.top_telefon{
	right:2%;
	position:absolute;
	top:40px;
}
.top_iletisim{
	left:9%;
	position:absolute;
	top:33px;
}




#medialar{

	width:100%;
	height:auto;
	float:left;

}
.media {
	background:#666;
	overflow:hidden;
	height:165px;  width:220px;line-height: 140px;
	text-align: center;
	float:left;
	margin:3px;
	border:1px solid #CCC;
}

.media::after {
	content: ".";
    visibility: hidden;
}

.media img {
	vertical-align: middle;
	border:0px;
}



.media_genis {
position:relative;
	overflow:hidden;
	height:278px;  width:370px;line-height: 140px;
	text-align: center;
	float:left;
	margin:10px;
	border:1px solid #CCC;
	margin-left:240px;
	margin-right:30px;
}

.media_genis::after {
	content: ".";
    visibility: hidden;
}

.media_genis img {
	vertical-align: middle;
	border:0px;
}



.media_vesikalik {
	position:relative;
	overflow:hidden;
	height:205px;  width:204px;line-height: 140px;
	text-align: center;
	float:left;
	margin:5px;
	border:1px solid #CCC;
	margin:35px;

}

.media_vesikalik::after {
	content: ".";
    visibility: hidden;
}

.media_vesikalik img {
	vertical-align: middle;
	border:0px;
}


.bilgi {
	background:#0088ce;  width:100%;
	position:absolute;
	color:#FFF;
	height:43px;
	padding:0px;
	margin:0px;
	line-height:20px;
	font-size:13px;
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
	
	}

.media_vesikalik .bilgi{
	top:162px;
	
}

.media_genis .bilgi{
	top:234px;
	
}

#tablar{

	width:100%;
	height:30px;
}
#tablar div{
	float:left;
	background:#0e94af;
	color:#fff;
	padding:4px;
	padding-left:8px;
	padding-right:8px;
	margin:2px;
	font-size:14px;
	
}
#tablar div a{
	color:#FFF;
	text-decoration:none;
}
#tablar div a:hover{
	text-decoration:underline;
}

#tablar div:first-child{
	background:#2cb6d2;
}
#tablar_ div{
	display:none;
	border:1px solid #DDD;
	padding:4px;
	font-size:16px;
	background:#fff;
	margin-bottom:10px;
}
#tablar_ div:first-child{
	display:block;
}




.filess li{

	 background: url(/img/logo-map-x.png) no-repeat 7px 7px transparent;
    list-style-type: none;
    margin: 0;
    padding: 13px 0px 1px 50px;
    vertical-align: middle;
	height:30px;
	font-size:16px;
	
}
.filess li a{
	text-decoration:none;
	color:#900;
}
.filess li a:hover{
	text-decoration:underline;
}


.prev, .next {position:absolute; top:40%; z-index:55; background:#003e76; color:#fff; padding:10px; border-radius:10px; padding-top:5px; padding-bottom:5px; font-size:24px; cursor:pointer; opacity:0.8;}
.prev {left:10px;}
.next {right:10px;}


.anasayfa_urun_gruplarimiz {padding:5px; background:#003e76; position:relative;}
.anasayfa_urun_gruplarimiz div{margin:5px;}

.prev2, .next2 {position:absolute; top:40%; z-index:55; background:#003e76; color:#fff; padding:10px; border-radius:10px; padding-top:5px; padding-bottom:5px; font-size:24px; cursor:pointer; opacity:0.8;}
.prev2 {left:5px;}
.next2 {right:5px;}

/*********************/

.navbar-default {
  background-color: #013e77;
  border-color: #fff;
  border:0px;
  margin-bottom:0px; padding-bottom:0px;
  border-radius:0px;
  padding:0px;
  margin:0px;

}
.navbar-default .navbar-brand {
  color: #fff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #fff;
}
.navbar-default .navbar-text {
  color: #fff;
}
.navbar-default .navbar-nav > li {
	margin-left:4px; margin-right:4px;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-size:16px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #013e77;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #013e77;
}
.navbar-default .navbar-toggle {
  border-color: #fff;
  color:#fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #013e77;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #263b4c;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #fff;
}
.navbar-default .navbar-link {
  color: #fff;
}
.navbar-default .navbar-link:hover {
  color: #fff;
}

.navbar-right{right:10px; width:135px; display:block; position:absolute; }

.dropdown-menu{background:#003e76; opacity:0.9;}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }
  
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #000;
  }
  
 
@media (max-width: 767px) {

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #013e77;
  }
  
  
  .navbar-right li { float:left; }
	.navbar-right{position:static; right:10px; width:100%;}
}
@media (min-width: 767px) {
  	
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}
  
}
.navbar-right li a{padding:0px; margin:0px; }


@media (max-width: 1920px) {
.banner_img{ max-height:770px;  }


}
@media (max-width: 1919px) {
.banner_img{ max-height:auto;  }
}

iframe {border:0px;}