.Animasyon { }
    .Animasyon .AnimasyonAlan { -webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition: .6s; background-color:#FFF;/* background: url(dosya/bg_2.png);*/  position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-position: center center; background-repeat: no-repeat; -ms-background-size: cover; background-size: cover; }
    .Animasyon .AnimasyonAlan .AnimasyonLogo .logo { display: none; width: 118px; height: 84px; position: absolute; top: Calc(50% - 62px); left: Calc(50% - 59px); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
    .Animasyon .AnimasyonAlan .Animasyonlu { -webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition: .6s; width: 100%; max-width: 730px; height: 225px; position: absolute; top: calc(50% + 80.5px); left: calc(50% - 450px); display: inline-block; }
    .Animasyon .AnimasyonAlan .Animasyonlu .AnimasyonAnasayfa { margin:auto;}
    .Animasyon .AnimasyonAlan .Animasyonlu .Anasayfa { 
	-webkit-transform: translateZ(0); 
	-moz-transform: translateZ(0); 
	-ms-transform: translateZ(0); 
	-o-transform: translateZ(0); 
	transform: translateZ(0); 
	opacity: 0; 
	position:relative; 
	height: 65px; 
	width: 200px;
	margin:auto;
	bottom:20px;
	-webkit-transition: .7s; 
	-moz-transition: .7s; 
	-ms-transition: .7s; 
	-o-transition: .7s; 
	transition: .7s; }
    .Animasyon .AnimasyonAlan .Animasyonlu .AnimasyonAnasayfa:hover,
    .Animasyon .AnimasyonAlan .Animasyonlu .AnimasyonAnasayfa:hover { /*background: #1ab3ba; color: white; outline: 1px solid #06757a;*/ }
    .Animasyon .AnimasyonAlan .Animasyonlu .AnasayfaDil { position: absolute; bottom: 0; right: 60px; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s; }
    .Animasyon .AnimasyonAlan .Animasyonlu .AnasayfaDil .span { font-size: 10px; cursor: default; }
    .linkbtn { -webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition: .6s; letter-spacing: 6px; font-family: 'Raleway'; text-decoration:none; font-size: 15px; width: 200px; height: 30px; outline: 1px solid #06757a; color: #06757a; text-align: center; line-height: 30px; position: absolute; bottom: 30px; }
    #canvas { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999999; transform: translate3d(0, 0, 0); }
    .Animasyon .AnimasyonAlan .AnimasyonLogo .logo2 { width: 2670px; height: 1900px; /*transform: scale(4);*/ -webkit-transition: 5s; -moz-transition: 5s; -ms-transition: 5s; -o-transition: 5s; transition: 5s; position: absolute; left: Calc(50% - 1335px); top: Calc(50% - 970px); display: block; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }

    @media (max-width: 800px) {
        .Animasyon .AnimasyonAlan .Animasyonlu { max-width: 530px; left: calc(50% - 265px); }
    }

    @media (max-width: 700px) {
        .Animasyon .AnimasyonAlan .AnimasyonLogo .logo { width: 96px; position: absolute; left: Calc(50% - 48px); height: 68px; }
        .Animasyon .AnimasyonAlan .Animasyonlu { max-width: 200px; height: 280px; top: calc(50% + 100px); left: calc(50% - 200px); }
        
    }
    .kucuk-logo{top: 20px !important;}
    .kucuk-Anasayfa{bottom: 55px !important;right: -120px !important;}