html,body{
min-height: 100%;height: 100%;margin:0;padding: 0;/*overflow: hidden;*/background-color:#000;
}
body{
  overflow-x: hidden;background-color:#000;
  background-image: url('../img/cover.jpg') !important; background-position: center center; background-repeat: no-repeat;background-size: cover;
} 
.tel{position:absolute;top:0;left:0;right:0;z-index:99999;width:960px;margin:Auto; }
.tel img{
	top:-30px;
   position: relative;
    right:0;float: right;
    -moz-animation: 3s ease 0s normal none infinite swing;
    -moz-transform-origin: center top;
    -webkit-animation:swing 3s infinite ease-in-out;
    -webkit-transform-origin:top;
}
@-moz-keyframes swing{
    0%{-moz-transform:rotate(-3deg)}
    50%{-moz-transform:rotate(3deg)}
    100%{-moz-transform:rotate(-3deg)}
}
@-webkit-keyframes swing{
    0%{-webkit-transform:rotate(-3deg)}
    50%{-webkit-transform:rotate(3deg)}
    100%{-webkit-transform:rotate(-3deg)}
}
.bg1,.mask,.doku,.zmn1,.zmn2,.zmn3,.zmn4{position:fixed;left:top:0;right:0;bottom:0;margin:auto;background-position: center center;width: 100%;height:100%;}
.bg1{  

/*
 background-image: url('../img/shadow.png');  background-repeat: no-repeat;background-size: cover;*/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+0,000000+90&0+0,1+92 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(240,249,255,0) 0%, rgba(0,0,0,0.98) 90%, rgba(0,0,0,1) 92%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(240,249,255,0) 0%,rgba(0,0,0,0.98) 90%,rgba(0,0,0,1) 92%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(240,249,255,0) 0%,rgba(0,0,0,0.98) 90%,rgba(0,0,0,1) 92%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f9ff', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.mask{    background-size:cover !important; background-image: url('../img/mask.png'); background-position: center center; background-repeat: no-repeat; z-index: 99;}
.doku{   background-image: url('../img/doku.png'); background-position: center center; background-repeat: no-repeat; }
.zmn1{  right: -2000px;background-image: url('../img/bg1.png'); background-position: top right; background-repeat: no-repeat;z-index: 4;}
.zmn2{  left: -2000px;background-image: url('../img/bg2.png'); background-position: top left; background-repeat: no-repeat;z-index: 2;}
.zmn3{  left: -2000px; background-image: url('../img/bg3.png'); background-position: bottom left; background-repeat: no-repeat; z-index: 1;}
.zmn4{ right: -2000px;background-image: url('../img/bg4.png'); background-position: bottom right; background-repeat: no-repeat; z-index:3;}
.logo2{display:none;}

@media only screen and   (max-width: 1233px) {
	.tel{right:0%;}
  .bg1,.mask,.doku,.zmn1,.zmn2,.zmn3,.zmn4{background-size:50%;}
  .menu{ top:200px;}
    .menu ul{border-left:solid #D80E0E 3px !important;  }
  .menu ul>li{ width: 100%;background-image:none !important;background-color:rgba(0,0,0,0.5);border-bottom:solid #000 1px;}
  .menu ul>li a{padding:5px !important;line-height: 50px !important;}
  .menu ul>li:nth-child(5),.menu ul>li:nth-child(3){margin:0px !important;padding:0 !important;}
  .menu ul>li:hover{background-color:rgba(158,18,17,0.3);color:#fff;}
  .menu ul>li:hover a{ color:#fff !important;}
  
.logo,.menu ul:after,.menu ul:before{display:none !important;}
.logo2{display:block !important;background-color:rgba(0,0,0,0) !important;margin-bottom:10px !important;border:0 !important;}
  }

.content{  position: relative;  z-index: 999;  color:#fff;}
.menu{ padding: 85px 40px;position: relative;display: inline-block;margin: auto;left:0;right:0;margin-top:15%;}
.menu ul:after{background-image: url('../img/menu.png'); position: absolute;right:0;margin-left: -40px;width: 40px;height: 100px;content: '';display: block;background-position: -39px 0 ;}
.menu ul:before{background-image: url('../img/menu.png'); position: absolute;left:0; width: 40px;height: 100px;content: '';display: block;}
.menu ul,.menu ul>li{margin: 0;padding: 0;list-style: none;    }
.menu ul>li{float: left; background-image: url('../img/menuLi.png'); background-repeat: repeat;}
.menu ul>li>a{padding: 0 17px;font-family:'Ubuntu',arial;font-size: 12pt;line-height: 100px;display: block;color:#fff;text-decoration: none;}
.menu ul>li>a:hover{color:#a00;}
.menu ul>.logo{background-image: none;height:100px;position: relative;width:310px;}
.menu ul>.logo>a{position: absolute;    margin-top: -85px;}
.menu ul>li:nth-child(3){padding-right: 45px;margin-right: -45px;}
.menu ul>li:nth-child(5){padding-left: 57px;margin-left: -30px;}
.asagi,.yukari,.kapat{cursor: pointer;text-align: center;position: fixed ;bottom:60px;margin:auto;left:0;right:0;border:solid 3px #fff;width:50px;border-radius: 100%;}
.asagi:hover{color:#a00;}
.yukari{bottom: -1000px;}
.kapat{bottom: -1000px;}
.ic{ position: relative;margin-bottom: 150px;}
.ic>main{display: none; left:0;right:0;margin: auto;}
main>div>div{max-width:994px;margin: auto;padding: 15px;}
main>div>div{background-color: rgba(27,24,26,65);border-left: #a42c2c 5px solid; }
main>div>div>h1{font-family: 'Ubuntu'}
main h1 span{background-color:#a42c2c;padding: 5px 15px;}
main p{font-family: 'Ubuntu';padding: 15px 0;}

.sirketler>div>div{border-left: #a42c2c 0px solid;background-color: rgba(27,24,26,0) !important; }
.sirketler>div>div>div>div{border-top: #a42c2c 5px solid;background-color: rgba(27,24,26,65); padding: 0 15px 15px 15px;}

.iletisim>div>div{border-left: #a42c2c 0px solid;background-color: rgba(27,24,26,65) !important;padding: 0;}
.iletisim>div>div>.map{border-right: #a42c2c 5px solid;padding: 0;margin: 0;}

.minigaleri{border-top:solid 2px #fff;padding-top:15px !important;}
.galeribaslik{padding-top:15px;float:right;font-size:12pt;}
.sil{content:' ';display:block;clear:both;width:100%;}
.miniic a p{color:#fff;}
.minigaleri,.minigaleri>li{margin:0;padding:0;list-style:none;}
.minigaleri>li{display:inline-block;width:24%;height:60px;overflow:hidden;cursor:pointer;}
.minigaleri>li>img{width:100%;
    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"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
      -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.minigaleri>li>img:hover{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
.minigaleri>li.devami{cursor:pointer;background: rgba(255,255,255,0.2) url('../img/git.png') center no-repeat; background-size:30px;}
.minigaleri>li.devami:hover{background-color: rgba(255,255,255,0.5);}
#map {
               width: 100%;
               height: 100%;
           }


         input ,textarea {
    border: solid rgba(255,255,255,0.2) 1px !important;
    background-color: rgba(0,0,0,0.5) !important;
    border-radius: 0px !important;
    padding: 25px 15px !important;
}
button{
  border: solid #a42c2c 1px !important;
  background-color: #a42c2c !important;
  border-radius: 0px !important;
  padding: 15px !important;
  color:#fff  !important;
  float:right;
  margin-bottom: 15px !important;
}
   input:active ,input:hover ,input :focus,
   textarea:active,textarea:hover, textarea:focus, {
     border-color:#a42c2c !important;
     -webkit-box-shadow: none  !important;
 -moz-box-shadow: none !important;
 box-shadow: none !important;
   }
   
   
   
   /** Start Coding Here **/
#overlay {
  background:rgba(0,0,0,0.7);
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  display:none;
  z-index:9999999;
  text-align:center;
}

#overlay>div {
 margin:auto; 
position:absolute;left:0;righT:0;top:0;bottom:0; 
background:#000;
width:70%;
height:70%;
border: 8px solid #a42c2c;
}
#overlay .cover{ display:Block;width:100%;height:80%;overflow:hidden;}
#overlay img{height:100%;}
#overlay p {
	padding:20px;
font-family:'Ubuntu',arial;font-size: 25pt;
 color:white; 
 position:absolute;
 
 bottom:10%;text-align:center;width:100%;
}


.miniic{
	list-style:none;
	margin: 0;
	padding: 0;
	display: block;
 
	text-align: center;
}
.miniic li {
	display: inline-block;
	padding: 0px;
	background:rgba(0,0,0,0.2);
	margin:5px;
}
.miniic li img {
	display: block;
	    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"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
      -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.miniic li:hover img{
	    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}






#sonuc{ display:none; 
	width:100%;height:100%;background-color:rgba(0,0,0,0.8);position:fixed;top:0;bottom:0;righT:0;left:0;z-index:999999;
	
}
#sonuc>p{text-align:center;color:#aaa;position:absolute;bottom:10px;width:100%;}
#sonuc h3{    font-size: 25px;    padding-bottom: 10px;}
#sonuc .fa{color:#fff;position:absolute;top:15px;left:0;right:0;margin:auto;text-align:center;z-index:999999;cursor:pointer;}
#sonuc .fa:hover{color:red;}
.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}
html,body{
  min-height:100%; 
  margin:0;padding:0;
}
#lightbox{
	display:none;
	top:0;left:0;right:0;bottom:0;
  position:fixed;
  width:100%;z-index:999999999999999999999;
  height:100%;
  background-color:rgba(0,0,0,0.8);display: table;
}
#lightbox .box{
 display: table-cell;
    vertical-align: middle;
  text-align:center;
}
.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {text-align:center;
    margin-left: auto;
    margin-right: auto; color:#fff;
    width: /*whatever width you want*/;
}


#sonuc{ text-align: center;display:none;	width:100%;height:100%;background-color:rgba(0,0,0,0.8);position:fixed;top:0;bottom:0;righT:0;left:0;z-index:999999;}
#sonuc .outer {    display: table;    position: absolute;    height: 100%;    width: 100%;}
#sonuc .middle {    display: table-cell;    vertical-align: middle;}
#sonuc .inner {text-align:center;    margin-left: auto;    font-size: 25px;    margin-right: auto; color:#fff; }
#sonuc .ic{color:#fff;}
#sonuc>p{text-align:center;color:#aaa;position:absolute;bottom:10px;width:100%;}
#sonuc h3{    font-size: 25px;    padding-bottom: 10px;}
#sonuc .fa{color:#fff;position:absolute;top:15px;left:0;right:0;margin:auto;text-align:center;z-index:999999;cursor:pointer;}
#sonuc .fa:hover{color:red;}
#sonuc h1,#sonuc p{    text-align: center;}