svg.svg_logo {
  height: 200px;
  margin-bottom: -100px;
}

/* Start of Preloader */
.hid {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-user-select: none;
	overflow: hidden;
  }

 .vertical-centered-box {

	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	 z-index: 9999;
	 background-color: black; 
	 
  }

.preloaderlogo{
    
     animation: rotateLogoY 2s linear infinite; /* 2 saniyede bir tam dönüş */
    transform-origin: center; /* Dönüş merkezi: Logonun ortası */
    display: block; /* Logonun görünürlüğünü sağlamak için */
    
}

@keyframes rotateLogoY {
    from {
        transform: rotateY(0deg); /* Başlangıç açısı */
    }
    to {
        transform: rotateY(360deg); /* Bitiş açısı */
    }
}

  .vertical-centered-box:after {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
  }
  .vertical-centered-box .content {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	font-size: 0;
  }
  
@media (min-width: 992px) {
  .loader-circle {
	position: absolute;
	left: 47.3%;
	top: 50%;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
	margin-left: -60px;
	margin-top: -60px;
  }
}

@media (max-width: 767px) {
  .loader-circle {
	position: absolute;
	left: 36.5%;
	top: 50%;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
	margin-left: -60px;
	margin-top: -60px;
  }
}

  .loader-line-mask {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60px;
	height: 120px;
	margin-left: -60px;
	margin-top: -60px;
	overflow: hidden;
	-webkit-transform-origin: 60px 60px;
	-moz-transform-origin: 60px 60px;
	-ms-transform-origin: 60px 60px;
	-o-transform-origin: 60px 60px;
	transform-origin: 60px 60px;
	-webkit-mask-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0));
	-webkit-animation: rotate 1.2s infinite linear;
	-moz-animation: rotate 1.2s infinite linear;
	-o-animation: rotate 1.2s infinite linear;
	animation: rotate 1.2s infinite linear;
  }

  .loader-line-mask .loader-line {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  }
 
  lesshat-selector {
	-lh-property: 0; } 
  @-webkit-keyframes rotate{ 0% { -webkit-transform: rotate(0deg);} 100% { -webkit-transform: rotate(360deg);}}
  @-moz-keyframes rotate{ 0% { -moz-transform: rotate(0deg);} 100% { -moz-transform: rotate(360deg);}}
  @-o-keyframes rotate{ 0% { -o-transform: rotate(0deg);} 100% { -o-transform: rotate(360deg);}}
  @keyframes rotate{ 0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}}
  [not-existing] {
	zoom: 1;
  }

  lesshat-selector {
	-lh-property: 0; } 
  @-webkit-keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
  @-moz-keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
  @-o-keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
  @keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
  [not-existing] {
	zoom: 1;
  }

  lesshat-selector {
	-lh-property: 0; } 
  @-webkit-keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
  @-moz-keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
  @-o-keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
  @keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
  [not-existing] {
	zoom: 1;
  }