@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,700,800,900');



html, body {text-rendering: optimizeLegibility;-webkit-font-smoothing: subpixel-antialiased;}

body{ margin:0; padding:0;margin: 0;overflow-y: scroll;background-color:;height: 100%;}
::-webkit-scrollbar {width: 14px;}
::-webkit-scrollbar-thumb { background-color: #6096c0; }


body {background: linear-gradient(143deg, rgba(131,183,153,1) 0%, rgba(173,47,53,1) 100%);}




.ana{ height:211;width:300px;text-align:center;margin-left:auto;margin-right:auto;margin-top:0;}


.sagtaraf{position: fixed; width:50%;right:0;height: 100%;background: rgb(224,149,161);
background: linear-gradient(150deg, rgba(224,149,161,1) 42%, rgba(142,96,32,1) 100%);z-index: 4}


.avize4{position: fixed;z-index: 99;margin-top: 0;margin-left: 50px;top:-20px}


.cadillac{position: fixed;z-index: 9;margin-top: -200px;right:0;top:50%;right:}

.jukearkalogo{top:50%;position: fixed;margin-left: -130px;z-index: 2;opacity: 1;margin-top: -400;right: -160;z-index: }

.slogan{position: fixed;font-family: 'alternategotno1dregular';z-index: 99;top:50%;left: 100px;font-size:50px;}


.raw{position: fixed;left:100px;top:50%;margin-left: 155px; font-family: 'alternategotno1dregular';font-size:40px; color: #D22027;z-index: 9;margin-top: -98;
 ;margin-top: -250}

.slogan3{position: fixed;left:100px;z-index: 999;top:50%;margin-top: 26px;color:#432425;font-size:35px; margin-top: -120px;   font-family: 'alternategotno1dregular';text-align: left;line-height: 0.8}

.cizgi1{position: fixed;background-color: #fff;width: 1px;height: 50px;left:90px;top:50%;margin-top: 20px;opacity: 0.4;margin-top: -150px;z-index: 999}



.slogan5{position: fixed;top:50%;bottom:;margin-top: 0px;    font-family: 'alternategotno3dregular';text-align: left;left:100;font-size:22px;z-index: 999;color:#400303;}
.slogan6{position: fixed;bottom:;margin-top: 150px; top:50%;   font-family: 'alternategotno3dregular';text-align: left;left:100;font-size:22px;z-index: 999;color:#400303;}

.slogan7{position: fixed;bottom:;margin-top: 70px; background-color: #D22027;z-index: 991;color:#fff;padding: 5px;border-radius: 20px; font-family: 'alternategotno3dregular';font-size:16px;letter-spacing: 1;padding-left: 18px;padding-right: 18px;left:100;top:50%;margin-top: }


.sosyal1{position: fixed;bottom:;left:100px;z-index: 999;top:50%;margin-top: 220px;}
.sosyal2{position: fixed;bottom:;left:100px;z-index: 999;top:50%;margin-top: 220px;}


.sosyal3{position: fixed; background-color:#4D1315;z-index: 9;color:#fff;padding: 5px; font-family: 'alternategotno3dregular';font-size:16px;letter-spacing: 1;padding-left: 18px;padding-right: 18px;left:250PX;bottom:50px;z-index: 99}

.beyazcizgi{position: fixed;top:0;height: 100%;width: 1px;z-index: 999;background-color: #fff;left:370px;opacity: 0.2;}

#corbagel{height:211;width:300px;text-align:center;margin-left:auto;margin-right:auto;margin-top:0;}



.ilgili5{position: fixed;opacity: 0;z-index: 0;font-family: 'alternategotno3dregular';top:50%;margin-top: 220px;color:#fff;letter-spacing: 1;margin-left: 10px;font-size:20px;}
.ilgili5-ilgili5a{position: fixed;opacity: 1;z-index: 999999;

-webkit-transition: all 0.4s ease;  
-moz-transition: all 0.4s ease;  
-o-transition: all 0.4s ease; 
-ms-transition: all 0.4s ease;  
transition: all 0.4s ease;
animation-duration: 2s;
transition-delay: 1.1s;font-family: 'alternategotno3dregular';top:50%;margin-top: 200px;color:#fff;letter-spacing: 1;margin-left: 10px;font-size:20px;



}



.okyukari1{position: fixed;opacity: 0;z-index: 0;top:50%;margin-top: 190px;;margin-left: -70px;}
.okyukari1-okyukari1a{position: fixed;top:50%;opacity: 1;z-index: 9999999;margin-top: 190px;margin-left: -50px;
    -moz-transition: all 0.4s ease;  
-o-transition: all 0.4s ease; 
-ms-transition: all 0.4s ease;  
transition: all 0.4s ease;
animation-duration: 0.2s;
transition-delay: 1.4s;}










body, html {
    height: 100%;
    width:100%;
    text-align: center;
 
  margin:0;
  padding:0;
  position:relative;
}

/*PRELOADING------------ */
#overlayer {
  width:100%;
  height:100%;  
  position:absolute;
  z-index:9999999999999999;
  background:#000;
}
.loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  z-index:99999999999999999;
  border: 4px solid #Fff;
  top: 50%;
  animation: loader 2s infinite ease;left:100px;margin-top: -20PX;
}

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  
  25% {
    transform: rotate(180deg);
  }
  
  50% {
    transform: rotate(180deg);
  }
  
  75% {
    transform: rotate(360deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-inner {
  0% {
    height: 0%;
  }
  
  25% {
    height: 0%;
  }
  
  50% {
    height: 100%;
  }
  
  75% {
    height: 100%;
  }
  
  100% {
    height: 0%;
  }
}





/*   örnek animasyon  1


-webkit-transition: all 0.4s ease;  
-moz-transition: all 0.4s ease;  
-o-transition: all 0.4s ease; 
-ms-transition: all 0.4s ease;  
transition: all 0.4s ease;
animation-duration: 1s;
transition-delay: 0.1s;}

*/



/*   örnek animasyon  2

transition-delay: 0s;
animation-delay: 1.9s;
animation-duration: 0.4s;
animation-fill-mode: forwards; 
animation-name:menuanic7x; 
animation-iteration-count: 1;

@keyframes menuanic7x{
	
from{opacity: 0;margin-top: 107px;}
to{opacity: 1;}
	
}

*/




/*   3 / shadow

-webkit-box-shadow: 0px 10px 50px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 50px -5px rgba(0,0,0,0.75);
box-shadow: 0px 10px 50px -5px rgba(0,0,0,0.75);
	
}

*/




/*   4 / blur

-webkit-filter: grayscale(0%) blur(1px); filter: blur(1px) grayscale(0%);
	
}

*/



/*   5 / döndürme

-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
	
}

*/