@charset "utf-8";
/* CSS Document */
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}


@keyframes don {
    0%   {-webkit-transform: rotate(0deg);  }
    100% {-webkit-transform: rotate(360deg);}
}

/**********************************/
@-ms-keyframes loading {
    0%   { width:0%; }
	75%  { width:75%; }
	100% { width:100%; }
}
@-moz-keyframes loading {
    0%   { width:0%; }
	75%  { width:75%; }
	100% { width:100%; }
}
@-webkit-keyframes loading {
    0%   { width:0%; }
	75%  { width:75%; }
	100% { width:100%; }
}
@keyframes loading {
    0%   { width:0%; }
	75%  { width:75%; }
	100% { width:100%; }
}
/**********************************/


body  { margin:0; padding:0px; color:#666666; background:#000; overflow:hidden;}
h2,h1,h3,h4,p,b { font-weight:100; }
a { text-decoration:none }
.yuklenme { position:fixed; width:100%; height:100%; background:#000; top:0px; z-index:9999 }
.logoY    { position:absolute; width:400px; height:107px; background:url(logo_.png); left:50%; top:50%; margin-left:-200px; margin-top:-54px; } 
.loadY    { position:absolute; top:50%; left:50%; width:105px; height:15px; background: url(loading.gif) -93px -102px no-repeat; margin-top:60px; margin-left:-52px; }
#clear    { clear:both; }

.griden {     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"); filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); }
.griden: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%); }
.golgever:hover { box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75); -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75); -webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75); }

.en { display:none }
.dilsec { background:#CCFF00  }

.dilvar { width:50%; line-height:35px; background:#000; float:left; font-family:font4; color:#FFFFFF; text-align:center; font-size:12px;}
.dilvar:hover { background:#666666; cursor:pointer; }


.tableta  { position:fixed; right:0px; top:60px; width:150px; }
.computera  { position:relative;}

.menu-10    { position:absolute; z-index:200;    }
.computer   { bottom:200px; right:0px;  }
.tablet     {  right:0px; top:0px;   }

a { color:#000; } 


.loyuklen { position:fixed; bottom:0px; height:10px; background:#ed1b24; left:0px; width:0px; -webkit-animation:loading 8s; -moz-animation:loading 8s; animation:loading 8s; }


.home_bg_k  { position:fixed; left:0px; top:0px; width:100%; height:100%; background:#fff; z-index:500;


transition:All 0.8000s ease; -webkit-transition:All 0.8000s ease;-moz-transition:All 0.8000s ease; -o-transition:All 0.8000s ease; 

 }

.logotut    { width:400px; height:400px; position:absolute; left:50%; top:50%; margin-left:-200px; margin-top:-250px; }
.logo-k-2   { position:absolute; left:23px; top:3px; z-index:20 ; -webkit-animation:spin 8s  ; -moz-animation:spin 8s ; animation:spin 8s ;}
.logo-k-1   { position:absolute; left:0px; top:0px; z-index:10 }

.SSin { float:left; border:1px solid #ccc; padding:8px; margin:2px; color:#000000; background:#fff; outline:none; width:265px; font-family:font4; }
.SSte { float:left; border:1px solid #ccc; padding:8px; margin:2px; color:#000000; background:#fff; outline:none; width:265px; height:90px; font-family:font4;}
.SSBu { padding:7px 15px; background:#000000; color:#FFFFFF; font-family:font4; font-size:12px; }
.SSBu:hover { background:#999999; cursor:pointer; }


.opa8 { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */ }

.menu-1 {  height:50px; width:900px; left:50%; margin-left:-450px; position:absolute;   font-family: 'Open Sans Condensed', sans-serif; font-weight:700; color:#000000; bottom:100px; z-index:800;  transition:All 0.8000s ease; -webkit-transition:All 0.8000s ease;-moz-transition:All 0.8000s ease; -o-transition:All 0.8000s ease;  }
.menu-1 .menusu { padding:7px 10px; float:left; margin-left:0px; }
.menu-1 .menusu:hover { background:#000000; color:#FFFFFF; cursor:pointer; }

.top_logo { position:fixed; top:-300px; transition:All 0.8000s ease; -webkit-transition:All 0.8000s ease;-moz-transition:All 0.8000s ease; -o-transition:All 0.8000s ease;}

.baslik_ver { position:absolute; left:50%; margin-left:-450px; top:-30px; background:#fff; padding:7px 15px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; color:#000000;}

.sayfa-1 { transition:All 0.8000s ease; -webkit-transition:All 0.8000s ease;-moz-transition:All 0.8000s ease; -o-transition:All 0.8000s ease;
width:100%; background:#fff; height:55%; position:fixed; z-index:50; left:0%; bottom:-75%;  }

.sayfa-1-kapat {  position:absolute; top:8px; right:15px; cursor:pointer; }

.off { display:none; }

.bg-pat  { width:100%; height:100%; background:url(../BG/pat.png);  position:fixed; z-index:20; opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */  }
.bgvideo { width:100%; height:100%; overflow:hidden; position:fixed; z-index:10 }



.soc-k { position:fixed; right:8px; top:100px;  z-index:600; width:35px; }
.soc-k img { width:20px; height:20px; padding:5px; border:1px solid #fff; margin:1px; background:#000 }

.sayfa-1-icerik { width:900px; height:90%; top:5%; padding-right:15px; position:absolute;  left:50%; margin-left:-450px; overflow-y:auto;  font-family:font4; font-size:14px; color:#000000; line-height:19px;  }
.sayfa-1-icerik::-webkit-scrollbar { width:5px; }
.sayfa-1-icerik::-webkit-scrollbar-track { }
.sayfa-1-icerik::-webkit-scrollbar-thumb { background: #000;  }
.sayfa-1-icerik::-webkit-scrollbar-thumb:window-inactive { background: #000; }
.sayfa-1-icerik::-ms-scrollbar { width:5px; }
.sayfa-1-icerik::-ms-scrollbar-track { }
.sayfa-1-icerik::-ms-scrollbar-thumb { background: #000;  }
.sayfa-1-icerik::-ms-scrollbar-thumb:window-inactive { background: #000; }
.sayfa-1-icerik::-moz-scrollbar { width:5px; }
.sayfa-1-icerik::-moz-scrollbar-track { }
.sayfa-1-icerik::-moz-scrollbar-thumb { background: #000;  }
.sayfa-1-icerik::-moz-scrollbar-thumb:window-inactive { background: #000; }







ul.tabs { margin:0px 0px 0px 0px; padding:0px; list-style:none;   position:fixed; background:#fff;   }
ul.tabs li { margin:0px 0px 0px 0px; text-align:right; padding:0px 15px; line-height:30px; color:#000; cursor:pointer; float:left;  font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-size:18px;    }
ul.tabs li.active { background:#000; color:#FFFFFF; }
.tab_container {  padding-left:15px;  padding-top:50px;  }

.menu-10 ul { list-style:none; font-family:font3; font-size:23px; margin:0px 0px 0px 0px; padding:0px;  }
.menu-10 ul li { letter-spacing:-1px; color:#fff; text-align:right; padding:7px 15px; transition:All 0.2000s ease; -webkit-transition:All 0.2000s ease;-moz-transition:All 0.2000s ease; -o-transition:All 0.2000s ease;   }
.menu-10 ul li:nth-child(1) { background:#146bae }
.menu-10 ul li:nth-child(2) { background:#1e74b6 }
.menu-10 ul li:nth-child(3) { background:#277dbe }
.menu-10 ul li:nth-child(4) { background:#3186c7 }
.menu-10 ul li:nth-child(5) { background:#3c8fcf }
.menu-10 ul li:nth-child(6) { background:#4d98d2 }
.menu-10 ul li:nth-child(7) { background:#5ea4db }
.menu-10 ul li:hover { background:#000000; cursor:pointer; padding:7px 15px;}

.bbulten     { padding:5px; }
.bbulten img { width:100px; height:100px; float:left; margin:5px 15px 5px 5px; padding-right:15px; border-right:1px solid #fff  }
.bbulten h2  { margin:0px; padding:0px; }
.bbulten p   { margin:0px; padding:0px 50px 0px 0px; }
.bbulten:hover { cursor:pointer; background:#FFFFFF; color:#000000; }


.logo-10 { position:fixed;  transition:All 0.4000s ease; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease;  }
.logo-ani-1 { left:-600px; top:30px;  }
.logo-ani-2 {left:100px; top:50%;  margin-top : -35px; }
.logo-ani-3 {left:50px; top:50%; margin-top:-80px;  }


.video_me { background:#fff; padding:3px; margin:2px; float:left; color:#000; transition:All 0.2000s ease; -webkit-transition:All 0.2000s ease;-moz-transition:All 0.2000s ease; -o-transition:All 0.2000s ease; }
.video_me .isim { padding:5px 5px 5px 5px; }
.video_me img { width:190px }
.video_me:hover { background:#000; color:#FFFFFF }


.video_me_2 { background:#fff; padding:3px; margin:2px; float:left; color:#000; transition:All 0.2000s ease; -webkit-transition:All 0.2000s ease;-moz-transition:All 0.2000s ease; -o-transition:All 0.2000s ease; }
.video_me_2 .isim { padding:5px 5px 5px 5px; }
.video_me_2 img { width:390px; height:321px; }
.video_me_2:hover { background:#000; color:#FFFFFF }





.sosyalmedya { position:absolute; left:10px; bottom:10px; z-index:500 }
.sosyalmedya ul    { margin:0px; padding:0px; list-style:none; }
.sosyalmedya ul li { transition:All 0.4000s ease; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease; font-family:font1; font-size:18px; color:#fff; margin:0px 0px 0px 10px; padding:7px 0px 7px 40px; position:relative; float:left }
.sosyalmedya ul li img { width:20px; height:20px;  padding:7px; position:absolute; left:0px; top:0px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; transition:All 0.4824s ease; -webkit-transition:All 0.4824s ease;-moz-transition:All 0.4824s ease; -o-transition:All 0.4824s ease; }
.sosyalmedya ul li:hover img {opacity:0.6; filter:alpha(opacity=60);   }


ul.sosyalmedya-10 { margin:0px; padding:0px; list-style:none; position:fixed; left:10px; bottom:10px; z-index:500 }
ul.sosyalmedya-10 li { padding:8px 10px 8px 35px; position:relative;   float:left; margin:0px; font-family:font4; color:#000; -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}
 
ul.sosyalmedya-10 li a { color:#fff; }
ul.sosyalmedya-10 li:hover { cursor:pointer; background:#fff  }
ul.sosyalmedya-10 li:hover a { color:#000; }
ul.sosyalmedya-10 li img { position:absolute; top:5px; left:5px; width:25px; height:25px;   margin:0px; padding:0px; }
.no-scroll::-webkit-scrollbar { width:7px;

 }

.no-scroll::-webkit-scrollbar-track { }

.no-scroll::-webkit-scrollbar-thumb { background: #000;  }

.no-scroll::-webkit-scrollbar-thumb:window-inactive { background: #000; }




.basindetay { cursor:pointer; }

.img4 { width:150px; height:210px;  margin:2px; transition:All 0.4000s ease; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease; }
.img4:hover {  opacity:0.6; filter:alpha(opacity=60) }
.logo { width:294px; height:74px; background:url(logo.png); position:absolute; right:80px; transition:All 0.4824s ease; -webkit-transition:All 0.4824s ease;-moz-transition:All 0.4824s ease; -o-transition:All 0.4824s ease; top:50%; margin-top:-37px; }

.menu_c { width:250px; height:575px; position:absolute; top:50%; left:-150px; background:url(menu.png) right no-repeat; margin-top:-287.5px; transition:All 0.4824s ease; -webkit-transition:All 0.4824s ease;-moz-transition:All 0.4824s ease; -o-transition:All 0.4824s ease;  }

.sosyalmedya2    { margin-top:20px }
.sosyalmedya2 a  { font-family:font2; font-size:18px; color:#000; padding:7px 11px; border:1px solid #000; }
.sosyalmedya2 a:hover { background:#fff }
.container { width:670px;  position:absolute; top:50px; left:40px; z-index:200; display:none }
.icerik    { display:none }
.icerik hr { border-bottom:none; border-left:none; border-right:none; border-top:1px dashed #ccc; }
.nerede h3 { font-family:font3; font-size:24px; margin:0px 0px 15px 0px; padding:6px 12px; color:#fff; background:#146bae; float:left; }
.bekle     { display:none }
.sayfa   { font-family:font4; font-size:14px; color:#fff }
.sayfascroll  { overflow:auto;  position:relative; padding-right:10px}
.sayfascroll::-webkit-scrollbar { width:7px;}
.sayfascroll::-webkit-scrollbar-track { background:#ccc }
.sayfascroll::-webkit-scrollbar-thumb { background: #000;  }
.sayfascroll::-webkit-scrollbar-thumb:window-inactive {   }
.noscroll::-webkit-scrollbar { width:0px !important;}
.noscroll::-webkit-scrollbar-track {   }
.noscroll::-webkit-scrollbar-thumb {    }
.noscroll::-webkit-scrollbar-thumb:window-inactive { background: #000; }
.kapat  { padding:13px 13px 13px 13px; cursor:pointer;  background:#297fc1; }
.list1  { position:absolute; top:32px; left:-31px;  padding:7px; cursor:pointer; display:none}
.list2  { position:absolute; top:64px; left:-31px;   padding:7px; cursor:pointer; display:none }

.dugme:hover { background:#000000 }
.sayfascroll h2 { font-family:font1; font-size:19px; padding:0px; margin:0px; }
.sayfascroll p  { padding:0px; margin:0px; font-size:15px;}


.modeller { float:left; background:#FFFFFF; padding:4px; color:#000000; font-family:font2; font-size:19px; margin:2px; position:relative; transition:All 0.4000s ease; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease; }
.modeller img { width:140px; height:140px; }
.modeller:hover { background:#000000; color:#FFFFFF; }

.modeller2 { float:left; background:#FFFFFF; padding:2px; color:#000000; font-family:font2; font-size:19px; margin:2px; position:relative; transition:All 0.4000s ease; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease; }
.modeller2:hover { background:#000000; color:#FFFFFF; }

.galeri img { float:left; margin:2px; transition:All 0.4000s ease; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease; }
.img1 {  width:90px; height:90px; }
.img2 {  width:150px; height:150px; }
.galeri img:hover { cursor:pointer; opacity: 0.6; filter: alpha(opacity=60);  }

.galeri-10 img       { float:left;width:210px; margin:2px; border:1px solid #fff; transition:All 0.4000s ease; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease; }
.galeri-10 img:hover { cursor:pointer; opacity: 0.6; filter: alpha(opacity=60);   }

.menu_ac { width:100px; height:80px; position:absolute; top:250px; right:0px; cursor:pointer }
.menu_ka { width:100px; height:80px; position:absolute; top:250px; right:0px; cursor:pointer; display:none }

.menu_k {  position:absolute; left:20px; top:190px; width:120px; z-index:50}
.menu_k ul  { margin:0px; padding:0px; list-style:none; font-family:font2; font-size:19px; }
.menu_k ul li { background:url(menu_f.png) left no-repeat; list-style:none; margin:0px; padding:5px 10px 5px 10px; color:#FFFFFF; font-weight:100; cursor:pointer; transition:All 0.4824s ease; -webkit-transition:All 0.4824s ease;-moz-transition:All 0.4824s ease; -o-transition:All 0.4824s ease; }
.menu_k ul li:hover { color:#ccc; padding-left:15px  }

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.pointer:hover { cursor:pointer; }
.hoveris:hover { opacity:0.6; filter:alpha(opacity=60);  }
.trans { transition:All 0.1824s ease; -webkit-transition:All 0.1824s ease;-moz-transition:All 0.1824s ease; -o-transition:All 0.1824s ease; }
.slow  { transition:All 0.4000s ease; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease; }
.don   { -webkit-animation:spin 8s linear infinite; -moz-animation:spin 8s linear infinite; animation:spin 8s linear infinite; }
.donslow { -webkit-animation:spin 19s linear infinite; -moz-animation:spin 19s linear infinite; animation:spin 19s linear infinite; }



 
.referanslar   { background: #6CC url(referanslar.jpg) top center no-repeat; }
.kurumsal      { background: #993 url(kurumsal.jpg) top center no-repeat; }
.hizmetlerimiz { background: #F6C url(hizmetlerimiz.jpg) top center no-repeat; }
.iletisim      { background: #FF9 url(iletisim.jpg) top center no-repeat; }