#loader {	height: 100%;	width: 100%;	position: absolute;	z-index: 999;	left: 0px;	top: 0px;	right: 0px;	bottom: 0px;	
/*background-image: url(/templates/ithakiRSI/images/seffaf.png);	background-repeat: repeat;*/}
.loader {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 999;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url(/templates/ithakiRSI/images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.a2 {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* 1024 ün altına düşerse */
@media screen and (max-width: 1000px){
	footer, .alt, .ikon, .ikonS, #sag, .a4 {
	visibility: hidden;
	height: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
.genislik1 {
    width: 100%;
}
.custom-mod {
    width: 120px;}
.mod {
	margin:0;}
aside {
	float:none;
	width:100%;}
.ic{max-width:100%;}
#logo {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	float: none;
}
.ust1 {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height:auto;
}
#nav {
	width: 100%;
	float:none;
}
#tasiyici {
	
}
.icerik {
	padding-right: 15px;
	padding-left: 15px;
	padding-top:30px;
}
.altf, .altg, .altm {
	padding: 0px;
	width: 49%;
	margin-bottom: 15px;
}
.altf {
	margin-right:2%;}
.altm {
	margin-right:0px;}
.ust2 {
	background-color: #FFF;
}
#flash {
	margin: 0px;
	height:450px;
}
.slogan {
}
 }

@media screen and (max-width: 640px){
	
.onk1 {visibility: hidden;
	height: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;}
	
.aa {
	float: none;
	width: 100%;
	margin-bottom: 15px;
}
.a1, .a2, .a3 {
	float: left;
	max-width:48%;
	padding-right: 1%;
}
.aa:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}
.ara2, .ara3, .onk2 {
	float: none;
	width: 100%;
}
.altf, .altg, .altm {
	padding: 0px;
	width: 100%;
	margin-bottom: 15px;
}
.altf {
	margin-right:0%;}
.altm {
	margin-right:0px;}

}
@media screen and (max-width: 320px){
	.a1, .a2, .a3 {
	float: none;
	max-width:100%;

}
}

@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
-webkit-animation-duration: 2s !important;
    -moz-animation-duration: 2s !important;
    -o-animation-duration: 2s !important;
     animation-duration: 2s !important;
}
@-webkit-keyframes fadeIn{0%{opacity:0.1}to{opacity:1}}@keyframes fadeIn{0.1%{opacity:0}to{opacity:1}}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;
-webkit-animation-duration: 2s !important;
    -moz-animation-duration: 2s !important;
    -o-animation-duration: 2s !important;
     animation-duration: 2s !important;}
	 
	 
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0.2;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0.2;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
       animation-duration: 2s !important;}
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
  animation-duration: 2s !important;}
  
 @-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(800px);
    transform: perspective(800px);
  }

  30% {
    -webkit-transform: perspective(800px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(800px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(800px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(800px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(800px);
    transform: perspective(800px);
  }

  30% {
    -webkit-transform: perspective(800px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(800px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(800px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(800px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
    animation-duration: 2s !important;}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
    -webkit-animation-duration: 3s !important;
    -moz-animation-duration: 3s !important;
    -o-animation-duration: 3s !important;
     animation-duration: 3s !important;
		display:inline-block;
		animation-duration: 2s !important;}
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  animation-duration: 2s !important;}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0.2;
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0.2;
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
   animation-duration: 2s !important;}
}