@charset "utf-8";
/* CSS Document */

.kutuTuruncu{ background: rgba(255, 89, 90, 1); width:200px; height:80px; border:1px solid #481600; font-size:38px; color:#FFFFFF; font-family:'Khand'; text-align:center; line-height:80px; margin-right:12px; cursor:pointer; transition: all .3s ease-in-out; }
.kutuTuruncu:hover{ background: rgba(243, 72, 73, 1); transition: all .3s ease-in-out; }
.kutuBeyaz{ background: rgba(255, 255, 255, 0.8); width:200px; height:80px; border:1px solid #434343; font-size:38px; color:#ff595a; font-family:'Khand'; text-align:center; line-height:80px; cursor:pointer; transition: all .3s ease-in-out; }
.kutuBeyaz:hover{ background: rgba(255, 255, 255, 1); transition: all .3s ease-in-out; }
.left{ float:left}
.right{ float:right}
.rightMobile{ float:right}
.clearFix{ clear:left}
.clearFixAll{ clear:both}
header.header.scrolled .logoRenk{ fill: #b5917b; stroke:#b5917b;  transition: all .3s ease-in-out;}
header.header.scrolled .logoRenk2{ fill: #b5917b; stroke:#b5917b;  transition: all .3s ease-in-out;}

.DortluGrup01{cursor:pointer; width:50%; height:100%; padding:38px 40px; top:0; position:inherit; margin-top:0; background: rgba(255,255,255,0.2); font-size:18px; transition: all .3s ease-in-out; }
.DortluGrup01:hover{ background: rgba(255,255,255,0.25); transition: all .3s ease-in-out; }

.DortluGrup02{cursor:pointer; width:50%; margin-left:50%; height:100%; padding:38px 40px; top:0; position:inherit; margin-top:0; background: rgba(255,255,255,0.2); font-size:18px; transition: all .3s ease-in-out; }
.DortluGrup02:hover{ background: rgba(255,255,255,0.25); transition: all .3s ease-in-out; }

.DortluGrup03{cursor:pointer; width:25%; margin-left:50%; height:100%; padding:38px 40px; top:0; position:inherit; margin-top:0; background: rgba(255,255,255,0.2); font-size:18px; transition: all .3s ease-in-out; }
.DortluGrup03:hover{ background: rgba(255,255,255,0.25); transition: all .3s ease-in-out; }

.DortluGrup04{cursor:pointer; width:25%; margin-left:75%; height:100%; padding:38px 40px; top:0; position:inherit; margin-top:0; background: rgba(255,255,255,0.2); font-size:18px; transition: all .3s ease-in-out; }
.DortluGrup04:hover{ background: rgba(255,255,255,0.25); transition: all .3s ease-in-out; }

.mobilBosluk{}

@media only screen and (max-width: 800px) {
.rightMobile{ float:left}
.mobilBosluk{ margin-top:30px}
.DortluGrup01{ width:100%; }
.DortluGrup02{ width:100%;  margin-left:0%; }
.DortluGrup03{ width:100%; }
.DortluGrup04{ width:100%; }
}