body{background:url(../bg.png);}
.logo{margin-top:40px;display:inline-block;}
.govde{margin-top:90px;}
.baslik{width:322px;height:78px;margin-top:93px;margin-left:auto;margin-right:auto;display:inline-block;border-radius:30px;color:#fff;font-family: 'Roboto-Black', sans-serif;font-size:20px;padding-top:20px;}
.icecek .baslik{background-color:#0373bc;}
.egitim .baslik{background-color:#0066b3;}
.enerji .baslik{background-color:#ed1a3b;}
.tarim .baslik{background-color:#03a244;}
.reklam .baslik{background-color:#faa61a;}
.kutualt{margin-top:60px;width:329px;height:223px;}
.kutualt .solkutu{width:140px;height:223px;float:left;}
.kutualt .sagkutu{width:140px;height:223px;float:right;}
.kutualt .ortakutu{width:328px;height:223px;float:left;}
.icecek .kutualt .resim , .egitim .kutualt .resim{width:140px;height:140px;background:#fff;border-radius:10px; text-align:center;position:relative;}
.enerji .kutualt .resim , .tarim .kutualt .resim, .reklam .kutualt .resim{width:328px;height:140px;background:#fff;border-radius:10px; text-align:center;position:relative;}
.kutualt .resim img{position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}
.kutualt .firmalink{margin-top:14px;color:#fff;font-family: 'Roboto-Black', sans-serif;font-size:14px;text-decoration:none;}
.kutualt .btngiris{margin-top:14px;width:149px;height:40px;text-decoration:none;border-radius:15px;}
.kutualt .btngiris.sucugeldi{background:#032c60;display: inline-block;}
.kutualt .btngiris.konyasucu{background:#0373bc;float:left;}
.kutualt .btngiris.perenegitim{background:#0869b2;float:left;}
.kutualt .btngiris.perenokullari{background:#0568b3;float:left;}
.kutualt .btngiris.tupcugeldi{background:#e91f3f;display: inline-block;}
.kutualt .btngiris.dalindapazar{background:#07a247;display: inline-block;}
.kutualt .btngiris.moddayiz{background:#f8a61d;display: inline-block;}
.kutualt .btngiris .yuvarlak{width:32px;height:32px;border-radius:32px;background:#fff;float:right;display:inline-block;margin-top:4px;margin-right:4px;}
.kutualt .btngiris .girisbtntext{margin-top:3px;color:#fff;font-family: 'Roboto-Black', sans-serif;font-size:24px;float:left;margin-left:20px;}


.enerji .firmalink{float:left;width:100%;text-align:center;}
.enerji .btngiris{text-align:center;}

.blur{filter:grayscale(1);-webkit-filter:grayscale(1);}
/*blur(1px)*/

.firmakutu:hover .btngiris{animation: heartBeat; animation-duration: 2s;-webkit-animation: heartBeat; -webkit-animation-duration: 2s;}

@media (min-width: 1800px) {
   .firmakutu{width: 25%;height:596px;float:left;}   
}
@media (max-width: 1800px) {
   .firmakutu{width:33%;height:596px;float:left;margin-left:auto;margin-right:auto;margin-top:87px;}
}
@media (max-width: 990px) {
   .firmakutu{width:40%;height:596px;float:left;margin-left:auto;margin-right:auto;margin-top:87px;}
}