@import url('snap.css');

body{background:#FAF9F8; font-family: 'Roboto', sans-serif;  }

a{color:#444; text-decoration:none; transition: all 400ms   }
a:hover{color:#000;}

textarea:focus,input:focus{outline-color:#61A20A}

#menuButton{float:left; display:block; display:none; font-size:25px; border:1px solid #cacaca; border-radius:6px; padding:10px; margin-right:30px; margin-top:30px}


.mobilKosgeb{display:none}

.dosya{float:left; width:calc( 50% - 20px ); margin-bottom:20px; margin-right:20px}
.dosya a{background:#e1e1e1; padding:10px; transition:all 400ms; display:block}
.dosya a:hover{background:#61A20A; color:#000;font-weight: bold;}

.container{width:1170px; margin:0 auto}
.container:after{content:""; display:block; clear:both}
.clr{clear:both}
#header{ /*position:fixed;*/ width:100%; z-index:999;}
#header .headerImg{ background: url(../img/menub.png) repeat-x ; background-position: bottom; height:45px; margin-top:-30px; display:none}
#header .container:after{ display:block; content:""; height:10px}
#header .container{position:relative;}
#header .header{background:#fff; border-bottom:2px solid #0957aa; box-sizing:content-box;padding-top: 30px;padding-bottom: 20px;}
#header #logo{float:left;margin-right:-50px;}
#header #logo img{height:100px;}
#header #nav{ float:right;width:calc( 100% - 300px ); position:relative; z-index:9999; height:60px;width:90%;margin-top:-60px; }
#header #nav ul{float:right}
#header #nav ul li a i{display:block; text-align:center; line-height:60px; font-size:20px}
#header #nav ul>li{float:left; position:relative}
#header #nav ul>li:first-child a{/*border-radius:10px 0 0 10px*/}
#header #nav ul>li:last-child{float:left}
#header #nav ul>li:last-child a{border-right:0;/* border-radius:0 10px 10px 0*/}
#header #nav ul li>a{display:block; font-weight: bold;  color:#0957aa; text-align:center; height:60px; line-height:50px; padding:0 20px!important; border-right:0!important; transition: all 400ms}
#header #nav ul li a{display:block; text-align:center; font-size:16px; height:60px; line-height:60px; padding:0; border-right:1px dotted #0957aa; transition: all 400ms}
#header #nav ul li:hover>a{background:#61A20A; color:#fff;}

#header #nav ul li:hover>ul{display:block}

#header #nav ul li ul{width:250px; position: absolute; display:none; background: #0957aa;}
#header #nav ul li ul:after{content:""; display:block; clear:both}
#header #nav ul li ul li{float:none; width:100%; position:relative}
#header #nav ul li ul li a{color:#fff; font-weight: normal; border-radius:0!important; text-align:left; padding:0 20px; height:50px; font-size:14px!important; line-height:50px; border-bottom:1px dotted #0957aa; border-right:0}

#header #nav ul li ul li ul{position:absolute; top:0; left:250px}
#header #nav ul li i.drop.fa-chevron-right{position:absolute; right:5px; line-height:50px; color:#0957aa34; top:0; font-size:13px; transition: all 400ms;}
#header #nav ul li i.drop.fa-chevron-down{position:absolute; right:calc( 50% - 7px ); line-height:20px; color:#0957aa; bottom:0; font-size:13px; transition: all 400ms;}
#header #nav ul li:hover i.drop.fa-chevron-down{color:#fff; transform: rotate(-180deg) }
#header #nav ul li ul li:hover i.drop.fa-chevron-right{color:#fff;}

.space{/*height:145px*/}

.socialTelefon{line-height:25px; padding-right:30px; font-size:22px; font-weight:bold; color:#0957aa}

h3.baslik{ color:#0957aa; font-weight: bold; font-size:22px;  border-bottom:2px solid #0957aa; padding-bottom:5px; margin-bottom:10px;padding-top:10px; }
h5.baslik{ color:#0957aa; font-weight: bold; font-size:18px;  border-bottom:2px solid #0957aa; padding-bottom:10px; margin-bottom:10px;}
.urunler{margin-bottom:30px}
.urunler .urun{padding:30px; text-align:center; color:#999; position:relative; box-sizing:border-box; margin-right:20px; float:left; box-shadow:0 0 20px rgba(0,0,0,.15); width:calc( 25% - 15px ); background: #fff; transition:all 400ms}
.urunler .urun:hover{ box-shadow:0 0 20px rgba(0,0,0,.8);}
.urunler .urun:last-child{margin-right:0}
.urunler:after{content:""; display:block; clear:both}
.urunler h4{color:#0957aa; font-weight:bold; margin-top:20px; line-height:80px; height:80px; overflow:hidden; font-size:22px; text-align:center}
.urunler p{height:320px; overflow:hidden; text-align:left}
.urunler .urun img{width:100%; height:150px}
.urunler .urun a{background:#0957aa; color:#fff; line-height:30px; padding:0 20px; display:inline-block; margin:20px auto 0 auto; border-radius:5px; transition:background 400ms}
.urunler .urun a:hover{background: #61A20A}

#slider{margin-bottom:20px;z-index:99!important; border-bottom:2px solid #0957aa;}
#slider *{z-index:99!important}
#slider button{position:absolute; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto;
    color:#000; font-size:20px; box-shadow:0 0 3px 3px #cacaca; cursor:pointer;  -webkit-font-smoothing: antialiased; border:0; background: rgba(255,255,255,0.8); border-radius:100%; height:50px; width:50px; top:calc( 50% - 25px ); z-index:159!important; transition:background 400ms; margin:0 100px}
#slider button:hover{background:#fff}
#slider button:focus{outline:0}

#slider .slick-dots{margin:0 auto; display:table; margin-top:-40px; z-index:999; position:relative}
#slider .slick-dots li{display:inline-block}
#slider .slick-dots button{border-radius:100%; border:0; color:transparent; background:rgba(255,255,255,.8); width:20px; height:20px; padding:0; margin:0; margin-right:10px}
#slider .slick-dots button:focus{outline:none}

#slider .slick-next{right:-15px;}
#slider .slick-prev{left:-15px;}
#slider>div{height:500px;  width:100%}
#slider>div .container{margin-top:50px; position:relative}
#slider .slide{background-size: 100% 100%; height:500px}
#slider .yazi{background:rgba(255,255,255,.8); border-radius:10px; width:400px; float:right; padding:20px}
#slider .yazi h2{color:#0957aa; margin-bottom:10px; font-weight: bold; font-size:30px}
#slider .yazi h3{font-weight: bold; font-size:30px; margin-bottom:20px}
#slider .yazi p{line-height:20px; color:#444; margin-bottom:20px}
#slider .yazi a{border:3px solid #0957aa; line-height:30px; padding:0 20px; display:inline-block; margin:0 auto; border-radius:5px; transition:background 400ms}
#slider .yazi a:hover{background: #0957aa; color:#fff}

#minislider{position:relative; margin-top:0px; margin-bottom:30px; border-bottom:3px solid #0957aa}
#minislider img{height:300px; width:100%}

#minislider .sudamlasi{background: url(../img/menub.png) repeat-x; height:45px; position: absolute; width:100%; bottom:-15px; display:none; border-bottom:5px solid #0957aa}
#minislider .container{position:absolute; bottom:20px; left:0; right:0;}
#minislider .aciklama{background:rgba(255,255,255,.8); border-radius:10px; width:400px; float:left; margin-bottom:10px; padding:20px 5px}
#minislider .aciklama h3{color:#0957aa; text-align:center; font-weight: normal; font-size:30px}
#minislider .aciklama p{line-height:20px; display:none; color:#444; margin-bottom:20px}
#minislider .aciklama span{display:block; text-align:center; color:#0957aa; font-size:24px; text-transform:uppercase; font-weight:bold}

.icerikSol{float:right; width:calc( 100% - 320px ); margin-left:20px}
.icerikSag{float:left; width:300px;}
.sidebar{border:1px solid #cacaca; background: #fff; margin-bottom:20px}
.sidebar .baslik{ background: #0957aa; color:#fff;}
.sidebar .baslik a{display:block; padding:15px 15px; color:#fff;font-size:16px;}
.sidebar .baslik a:hover{background:#61A20A;color:#fff;font-weight: bold;}
.sidebar ul{padding:20px 20px 20px 0;}
.sidebar ul li{margin-bottom:10px; position:relative}
.sidebar ul a{display:block; background:#e1e1e1; padding:10px 10px; transition: background 400ms}
.sidebar li:hover>a{background: #61A20A; color:#fff;}
.sidebar li a.active{background: #61A20A; color:#fff;font-weight: bold}
.sidebar ul li i{position:absolute; right:10px; font-size:13px; top:3px; line-height:30px}
.sidebar ul li:hover i{color:#fff}
.sidebar ul li ul{display:none; padding:5px 0 0 0; margin-left:20px}
.sidebar ul li ul.active{display:block}
.sidebaralt{line-height:1.5; font-size:14px; text-align:justify; margin-bottom:20px}


.icerik{line-height:1.5}
.icerikic{margin-right: 20px; line-height:1.5}
.icerikIc img.anaResim{width:251px!important;height:260px;margin: 0 auto;display: block;}

.sayfalar{border: 1px solid #cacaca;background: #fff;margin-bottom:20px;padding:0 0 0 20px;}
.sayfalar:after{content:""; display:block; clear:both}

.sayfa{width:calc( 33.33% - 20px ); box-shadow:0 18px 20px -7px #999; float:left; margin-right:20px; margin-bottom:20px;border-radius: 0 0 15px 15px;}
 .sayfa:hover a{background: #61A20A;color:#fff;font-weight: bold;}
 .sayfa:hover .resim{border-color:#61a20a}
 .sayfa .resim{width:100%; height:260px; border:1px solid #0957aa; box-sizing:border-box; transition:border 400ms; overflow:hidden; }
 .sayfa .resim img{width:100%; height:260px;}
.haberler .haber{box-sizing:border-box; padding:10px}
.haberler .sayfa{width:100%}
.haberler .sayfa{margin-right:0;}
 .haberler .sayfa .resim {height:320px}
 .haberler .sayfa .resim img{height:320px}
 .sayfa h3 a{display:block; background: #0957aa; text-align:center; color:#fff; line-height:40px; height:40px; overflow:hidden; padding:0 10px; transition: background 400ms;}
.sayfalar .icerik{    padding: 0 10px 20px 20px;}

.haberler{position:relative}
.haberler button{position:absolute; z-index:9999; border:0; background:#fff; box-shadow:0 18px 20px -7px #999;     top:50%; height:40px; margin-top:-20px; display:block; width:40px }
.haberler button.slick-next{right:0; border-radius:10px 0 0 10px}
.haberler button.slick-prev{border-radius:0 10px 10px 0}

.sayfalar2 .sayfa{margin-right:calc( 80px / 3 );}
.sayfalar2 .sayfa:nth-child(4n){margin-right:0}

.info{background: #cce5ff; border:1px solid #b8daff; color:#004085; padding:20px; box-sizing:border-box; width:calc( 100% - 20px )}

.mb-20{margin-bottom:20px}
.mb-30{margin-bottom:30px}


#referanslar{margin-bottom:30px; position:relative}
#referanslar:after{content:""; display:block; clear:both}
#referanslar div.slide{overflow:hidden; height:140px; box-sizing:border-box; border:5px solid #fff; box-shadow: 0 0 20px rgba(0,0,0,.15)}
#referanslar div img{transition:all 400ms;}
#referanslar .slide:hover img{opacity:0.8}
#referanslar button{position:absolute; cursor:pointer; top:-60px; border:0; background: rgba(255,255,255,.8); height:40px; width:40px; right:0; transition:background 400ms; box-shadow:0 0 20px rgba(0,0,0,.15); border-radius:100%}
#referanslar button.slick-prev{right:45px}
#referanslar button:hover{background: #fff}
#referanslar button:focus{outline:0}

.gri{background:#f1f1f1; margin-bottom:20px}
#video{padding:0px 0; margin-bottom:20px}
#video .baslik{margin-bottom:20px}
#video:after{content:""; display:block; clear:both}
#video .video{float:right; width:560px; margin-left:20px}
#video .video img{border:2px solid #0b4073; box-sizing:border-box; height:344px;}
#video .aciklama{float:left; border:2px solid #0957aa; width:calc( 100% - 604px); padding:10px; font-size:15px; color:#444; line-height:20px; text-align:justify;}
#footer{background: #f1f1f1; padding:35px 0; color:#000;border-top: 2px solid #0957aa;}
.banner{width: 100%;height: 180px;background-color: #0957aa;border-top:1px solid #000;}
.banner h1{text-align: center;color: #fff;font-weight: bold;font-size: 24px;padding: 10px;font-family: cursive;letter-spacing: 5px;}
.banner h5{text-align: center;font-family: cursive;font-size: 18px;color: #0957aa;margin-top:10px;}
.banner img{margin: 0 auto;display: block;height: 80px;padding-top: 10px;}
#footer .content{width:25%; float:left}
#footer .content h2{font-size:18px; color: #0957aa; font-weight: bold; margin-bottom:20px; border-bottom:2px solid #0957aa; padding-bottom:20px; display: inline-block /*text-transform: uppercase*/;width: 250px}
/*#footer .content h2:after{margin-top:20px; content:""; display:block; background:#0957aa; height:2px; width:130px; }*/
#footer .content ul li{ height: 26px; line-height:26px; margin-bottom:15px;}
#footer .content ul li a{line-height: 26px; color:#000;}
#footer .content ul li i{ text-align:center; line-height:26px; width:26px; color:#fff; border-radius:100%; display:block; float:left; margin-right:10px; background: #0957aa; height: 26px;}

#footer .footerBottom{padding:20px; margin-top:30px; border:2px solid #0957aa; box-shadow:0 15px 20px -15px #0957aa;  background:#fff;border-radius: 15px;}
#footer .footerBottom img{}
#footer .footerBottom input[type=text]{float: left;width: 40%;background: #000;border-color: #333;margin-right: 10px;}
#footer .footerBottom input[type=button]{float: left;width: 15%;background-color: #0957aa;padding:6px;border:2px solid #000;font-weight:bold;color: #000;border-radius:5px;margin-top: 4px;}
    
#footer .footerBottom .content{width:calc( 25% - 10px )}
#footer .footerBottom .social{margin-top:80px;margin-left: -240px;float: right; }
#footer .footerBottom .social span{display:block; margin-bottom:10px; font-size:16px; font-weight:bold; margin-top:10px}
#footer .footerBottom .social li{float:left; margin-right:5px}
#footer .footerBottom .social li a{display:block; border-radius:100%; width:40px; height:40px; background: #cacaca}
#footer .footerBottom .social li a i{border-radius:100%;  line-height:40px; width:40px; height:40px; transition:all 400ms}
#footer .footerBottom .social ul li a.facebook i{background: #3B5997}
#footer .footerBottom .social ul li a.twitter i{background: #29C5F6}
#footer .footerBottom .social ul li a.instagram i{background: #38769D}
#footer .footerBottom .social ul li a.linkedin i{background: #006DC0}

#topMenu{background:#fff; padding:10px}
#topMenu:after{content:""; display:block; clear:both}
#topMenu .social{float:right; padding:5px; font-size:17px}
#topMenu .social span{display:block; margin-bottom:10px; font-size:16px; font-weight:bold; margin-top:10px}
#topMenu .social li{float:left; margin-right:5px}
#topMenu .social li a :not(.socialTelefon){display:block; border-radius:60px; overflow:hidden; width:25px; height:25px; background: #cacaca}
#topMenu .social li a i{border-radius:0; text-align:center; color:#fff; line-height:25px; width:25px; height:25px; transition:all 400ms}
#topMenu .social ul li a.facebook i{background: #3B5997}
#topMenu .social ul li a.twitter i{background: #29C5F6}
#topMenu .social ul li a.instagram i{background: #E91E63}
#topMenu .social ul li a.linkedin i{background: #006DC0}
#topMenu .social ul li a.whatsapp i{background: #4caf50}
#topMenu .social ul li a:hover i :not(.socialTelefon){background:#61A20A}


#footer .footerBottom .telephone{height:100px; color:#0957aa; margin-top:20px; font-weight:bold; line-height:50px; font-size:27px;float: right;}
#footerBottom{color:#fff; border-top:1px solid #000; background: #222; padding:16px 0; font-size:13px}

.iletisimFormu{float:left; width:calc(50% - 20px); margin-right:20px}
.iletisimFormu p.yarim{float:left; width:50%;}
 input[type=text],input[type=email], input[type=submit], input[type=reset], textarea{width:100%; border:1px solid #cacaca; padding:7px 10px; background: #f1f1f1; box-sizing:border-box; margin-top:5px;color:black;}
 textarea{resize: none; height:100px}
 input[type=submit]{background: #0957aa; border:0; color:#fff; height:45px; font-size:16px; cursor:pointer; transition:background 400ms}
 input[type=reset]{background: #666; border:0; color:#fff; height:45px; font-size:16px; cursor:pointer; transition:background 400ms}
 input[type=submit]:hover {background: #61A20A;color: #fff;font-weight: bold;}
.harita{float:left; width:50%}
.harita{box-sizing:border-box; border:2px solid #0957aa}

.sayfalar form{margin-right:20px}
form p{margin-bottom:5px; padding-top:5px; border-bottom:1px dotted #cacaca; padding-bottom:5px}
form .group{display:block; margin-top:5px}
#solMenu{position:fixed; left:10px; top:50%; z-index:999; width:50px; }
#solMenu ul{ position:relative}
#solMenu ul li{height:50px; margin-bottom:10px}
#solMenu ul a{width:50px; overflow:hidden; display:block; height:50px; position:relative}
#solMenu ul a:hover{width:240px}
#solMenu ul a:hover i{background: #61A20A}
#solMenu i{border-radius:100%; transition: background 400ms; box-shadow:0 0 10px 1px rgba(0,0,0,0.15); position:absolute; font-size:30px; background: #0957aa; z-index:999; display:block; float:left; height:50px; width:50px; text-align:center; line-height:50px; color:#fff}
#solMenu p{display:block; position:absolute; margin-top:5px; left:10px; overflow:hidden; width:240px;  height:40px; }
#solMenu span{display:block;  color:#fff; font-size:18px; line-height:40px; margin-left:-180px; text-align:center; transition:margin-left 400ms; height:40px; background: #0957aa; padding:0 20px; width:137px; border-radius:0 7px 7px 0}
#solMenu a:hover span{margin-left:25px;}


.iletisim{background: url(../img/world.png) no-repeat 50% 50%;}

.subeler li{margin-bottom:20px; font-size:16px; width:calc( 50% - 16px ); line-height:25px; cursor:pointer; box-sizing: border-box;  border:3px solid #0957aa;  margin-right:10px; float:left; padding:10px; transition:all 500ms}
.subeler li:hover{background:#f5f5f5!important;border-color:#0957aa;box-shadow:0 0 5px 3px #aaa;}
.subeler li:nth-child(2n){ margin-right:0}
.subeler li:after{content:""; display:block; Clear:both}
.subeler span{display:block;font-weight:bold; color:#0957aa; line-height:24px; width:100%; margin-bottom:10px}
.subeler p{ width:100%; display:block; margin:0; padding:0; color:#444}
.subeler p b:after{content:":"; float:right}
.subeler p b{display:block; float:left; width:100px; margin-right:10px; font-weight: bold; color:#0957aa}
.subeler p i{float:left; width:calc( 100% - 110px ); display:block; font-style: normal }

.subeler2 li{margin-bottom:20px; font-size:16px; width:calc( 50% - 16px ); line-height:30px; box-sizing: border-box;  border:2px solid #0957aa;  margin-right:10px; float:left; padding:10px; transition:all 500ms}
.subeler2 li:hover{background:#f5f5f5!important; border-color: #61A20A;  box-shadow:0 0 5px 3px #aaa;}
.subeler2 li:nth-child(2n){ margin-right:0}
.subeler2 li:after{content:""; display:block; Clear:both}
.subeler2 span{display:block;font-weight:bold; color:#000; line-height:24px; width:100%; margin-bottom:10px}
.subeler2 img{ width:150px; float:left; height:200px; display:block; margin:0; padding:0; color:#444}
.subeler2 p{ width:calc( 100% - 170px); float:left; display:block; margin:0 0 0 20px; padding:0; color:#444}
.subeler2 p b:after{content:":"; float:right}
.subeler2 p b{display:block; float:left; width:100px; margin-right:10px; font-weight: normal; color:#000}
.subeler2 p i{float:left; width:calc( 100%); margin-bottom:5px; display:block; font-style: normal }
.subeler2 p i.adSoyad{color:#0b4073; font-size:20px; font-weight: bold; margin-bottom:5px}
.subeler2 p i.bolum{color:#61A20A; font-size:15px; font-weight: bold; margin-bottom:20px}
.subeler2 p i i{float:none; display:inline-block; width:auto; margin-right:5px; font-style: normal }

.referanslar li{float:left; width:calc(20% - 20px); margin-right:20px; margin-bottom:20px;}
.referanslar a{display:block; border:3px solid #0b4073; transition: all 400ms}
.referanslar a:hover{display:block; border-color: #61A20A; box-shadow:0 0 5px 3px #aaa;}
.referanslar img{width:100%; height:140px; transition: all 400ms}
.referanslar a:hover img{opacity:0.8}


.small-dialog{position:fixed; display:none; width:100%;  height:100%; vertical-align: middle; background: rgba(0,0,0,0.8); left:0; top:0; right:0; bottom:0; z-index:9999; transition:  all 400ms}
.small-dialog .table{vertical-align: middle; display: table-cell}
.small-dialog ul{margin:0 auto; width:500px; max-width:96%}
.small-dialog .icerik{ background: #fff; margin:0 auto; vertical-align: middle; padding:20px; width:500px; max-width:96%}
.small-dialog .subeler li{width:100%;}
.small-dialog iframe{border:3px solid #0957aa; margin-top:20px; box-sizing:border-box}
.small-dialog a{display:block; float:right; margin-bottom:10px}

#loader{position:fixed; left:0; right:0; top:0; bottom:0; background: #f1f1f1; z-index:9999;
    display: table; width:100%; height:100%}

.kisaAciklama{padding-bottom:20px; margin-bottom:10px; margin-right:20px}
.kisaAciklama img{width:100%; box-sizing:border-box; height:260px; border:1px solid #0957aa;}
.kisaAciklama>div.icerikSol{width:251px; margin-left:0;width: 100%;}
.kisaAciklama>div.icerikSag{float:left; width:calc( 100% - 289px );}
.kisaAciklama>div h3.baslik{font-size:20px; margin-bottom:20px;}
.kisaAciklama:after{content:""; display:block; clear:both}

.kisaAciklama ul{list-style:circle; margin-left:30px; display:inline-block}

.yeniBaslik{font-weight:bold; border-bottom:2px solid #0957aa; color:#61A20A; text-align:center; margin:0 auto; padding:30px 0 10px 0; margin-bottom:10px; font-size:30px}
.yeniBaslik i{  }
.yeniBaslik span{display:block; font-size:35px; margin-bottom:5px; font-weight: bold; color:#61A20A}
.yeniBaslik span b{color:#0957aa}
.yeniBaslik b{}

.iletisimAlt{font-size:14px}
.iletisimAlt:after{content:""; display:block; clear:both;}
.iletisimAlt div{float:left; box-sizing:border-box; padding-right:20px;  text-align:justify; margin-bottom:20px; line-height:1.5; box-sizing:border-box; width:50%}
.iletisimAlt div img{display:block; width:100%; margin:10px 0}

#footer .content  li img{
	padding: 5px;
    background: #0957aa;
    margin-right: 5px;
    border-radius: 100%;
    float: left;
}

.cssload-fond{
    position:relative;
    margin: auto;
    display: table-cell;
    vertical-align: middle;
}

.cssload-container-general
{
    animation:cssload-animball_two 1.15s infinite;
    -o-animation:cssload-animball_two 1.15s infinite;
    -ms-animation:cssload-animball_two 1.15s infinite;
    -webkit-animation:cssload-animball_two 1.15s infinite;
    -moz-animation:cssload-animball_two 1.15s infinite;
    width:43px; height:43px;
}
.cssload-internal
{
    width:43px; height:43px; position:absolute;
}
.cssload-ballcolor
{
    width: 19px;
    height: 19px;
    border-radius: 50%;
}
.cssload-ball_1, .cssload-ball_2, .cssload-ball_3, .cssload-ball_4
{
    position: absolute;
    animation:cssload-animball_one 1.15s infinite ease;
    -o-animation:cssload-animball_one 1.15s infinite ease;
    -ms-animation:cssload-animball_one 1.15s infinite ease;
    -webkit-animation:cssload-animball_one 1.15s infinite ease;
    -moz-animation:cssload-animball_one 1.15s infinite ease;
}
.cssload-ball_1
{
    background-color:rgb(203,32,37);
    top:0; left:0;
}
.cssload-ball_2
{
    background-color:rgb(248,179,52);
    top:0; left:23px;
}
.cssload-ball_3
{
    background-color:rgb(0,160,150);
    top:23px; left:0;
}
.cssload-ball_4
{
    background-color:rgb(151,191,13);
    top:23px; left:23px;
}





@keyframes cssload-animball_one
{
    0%{ position: absolute;}
    50%{top:12px; left:12px; position: absolute;opacity:0.5;}
    100%{ position: absolute;}
}

@-o-keyframes cssload-animball_one
{
    0%{ position: absolute;}
    50%{top:12px; left:12px; position: absolute;opacity:0.5;}
    100%{ position: absolute;}
}

@-ms-keyframes cssload-animball_one
{
    0%{ position: absolute;}
    50%{top:12px; left:12px; position: absolute;opacity:0.5;}
    100%{ position: absolute;}
}

@-webkit-keyframes cssload-animball_one
{
    0%{ position: absolute;}
    50%{top:12px; left:12px; position: absolute;opacity:0.5;}
    100%{ position: absolute;}
}

@-moz-keyframes cssload-animball_one
{
    0%{ position: absolute;}
    50%{top:12px; left:12px; position: absolute;opacity:0.5;}
    100%{ position: absolute;}
}

@keyframes cssload-animball_two
{
    0%{transform:rotate(0deg) scale(1);}
    50%{transform:rotate(360deg) scale(1.3);}
    100%{transform:rotate(720deg) scale(1);}
}

@-o-keyframes cssload-animball_two
{
    0%{-o-transform:rotate(0deg) scale(1);}
    50%{-o-transform:rotate(360deg) scale(1.3);}
    100%{-o-transform:rotate(720deg) scale(1);}
}

@-ms-keyframes cssload-animball_two
{
    0%{-ms-transform:rotate(0deg) scale(1);}
    50%{-ms-transform:rotate(360deg) scale(1.3);}
    100%{-ms-transform:rotate(720deg) scale(1);}
}

@-webkit-keyframes cssload-animball_two
{
    0%{-webkit-transform:rotate(0deg) scale(1);}
    50%{-webkit-transform:rotate(360deg) scale(1.3);}
    100%{-webkit-transform:rotate(720deg) scale(1);}
}

@-moz-keyframes cssload-animball_two
{
    0%{-moz-transform:rotate(0deg) scale(1);}
    50%{-moz-transform:rotate(360deg) scale(1.3);}
    100%{-moz-transform:rotate(720deg) scale(1);}
}


.snap-drawer-left h3{height:50px; line-height:50px; margin:0; padding:0; text-align:center; background:#0957aa; color:#fff}
.snap-drawer-left ul{padding:20px 20px 20px 0;}
.snap-drawer-left ul li{margin-bottom:10px; position:relative}
.snap-drawer-left ul a{display:block; background:#e1e1e1; padding:10px 10px; transition: background 400ms}

.snap-drawer-left li.active>a{background: #61A20A; color:#fff}
.snap-drawer-left li.active>i{color:#fff}
.snap-drawer-left ul li i{position:absolute; right:10px; font-size:13px; top:3px; line-height:30px}

.snap-drawer-left ul li ul{display:none; padding:5px 0 0 0; margin-left:20px}
.snap-drawer-left ul li ul.active{display:block}

@media screen and (max-width: 1170px) {
	#menuButton{display:block}
	.container{width:96%;}
	.mobilKosgeb{display:block; text-align:center; margin:10px 0}
	.mobilKosgeb img{height:100px; margin:0 auto}
	#solMenu{display:none}
	#nav{display:none}
	.sayfalar2 .sayfa,.sayfalar .sayfa{width:100%!important; margin:0; float:none; margin-bottom:20px}

	.icerik .sayfa .resim{width:calc( 100% - 20px )}
	#video .aciklama, #video .video, #video .video img{float:none; margin:0; width:100%; height:auto; margin-bottom:20px; box-sizing:border-box}
	.banner h1{font-size: 14px;letter-spacing: normal;}
	.banner h5{font-size: 14px;}
	#footer .content{float:none; text-align:center; margin:0; width:100%!important; margin-bottom:20px}
	
	.footerBottom .social{width:190px; margin:0 auto; padding-left:0!important}
	.footerBottom .social:after{content:""; display:block; clear:both}
	#footer .footerBottom .telephone{margin-left:0; text-align:center; height:70px}
	#slider button,#slider .yazi{display:none!important}
	
	#slider>div,#slider .slide{ height:250px}
	
	
	.icerikSag,.icerikSol,.iletisimFormu,.harita{float:none; margin:0; width:100%; box-sizing:border-box}
	.iletisimFormu form{margin-right:0; margin-bottom:20px}
	
	.subeler2 li,.iletisimAlt div,.subeler li{float:none; width:100%; margin:0 0 20px 0}
	
}
@media screen and (max-width: 768px){
	#header #logo img{
		height:70px;
		margin-top: 25px;
	}

	#header .header{
		padding-top: 0;
	}
}