/*--- SİTELER İNDEX SLAYT ---*/
@import url("detay.css");
@import url("resim.css");
@import url("link.css");

.siteler-index-slayt-ana {
width:100%; height:auto;
margin:auto; padding:auto; padding-bottom:50px; text-align:center;}

.siteler-index-slayt {
width:81%; height:auto;
margin:auto; padding:auto; text-align: center;}

.siteler-index-slayt-resim {
width:auto; height:auto; 
margin:auto 2%; padding:10px;
border:1px solid #ADEAF8;
box-shadow:inset 0 0 10px #ADEAF8;}

.siteler-index-slayt-resim:hover {
border:1px solid #e4e4e4;
box-shadow:inset 0 0 10px #ccc;}

@media screen and (max-width:767px) {
.siteler-index-slayt-ana{ width:auto; margin-bottom:20px;}
.siteler-index-slayt    { width:100%; }
.siteler-index-slayt-resim { margin:auto 10px;} 
}

/*--- SİTELER SLAYT TEMA  
.sitelerindexslayt-controls 
.sitelerindexslayt-buttons 
.sitelerindexslayt-carousel 
"bunları bul ve ayarladığın isimle değiştir" ---*/

/*--- GENEL AYAR ---*/
.owl-theme .sitelerindexslayt-controls .sitelerindexslayt-buttons div{
position:absolute;
display:inline-block;
zoom:1;}

.owl-theme .sitelerindexslayt-controls .clickable .sitelerindexslayt-buttons div:hover{
filter:Alpha(Opacity=100);/*IE7 fix*/
opacity:100;
text-decoration:none;}

.owl-theme .sitelerindexslayt-buttons i{ 
margin-top:0px; }

.sitelerindexslayt-controls .owl-page,
.sitelerindexslayt-controls .sitelerindexslayt-buttons div{
cursor: pointer;}

.sitelerindexslayt-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/*--- SOL ve SAĞ OK ---*/
.owl-theme .sitelerindexslayt-controls .sitelerindexslayt-buttons .owl-prev,
.owl-theme .sitelerindexslayt-controls .sitelerindexslayt-buttons .owl-next{
top:40%;
width: 22px;
height: 14px;
line-height: 14px;
font-size:30px; color:#0A99A9; 
border:0px solid #fff; 
background:#;
-webkit-transition:  all 0.3s ease-in-out;
-moz-transition:  all 0.3s ease-in-out;
-o-transition:  all 0.3s ease-in-out;
-ms-transition:  all 0.3s ease-in-out;
transition:  all 0.3s ease-in-out;}

/*--- SOL OK ---*/
.owl-theme .sitelerindexslayt-controls .sitelerindexslayt-buttons .owl-prev{
left:-2.5%;
padding:10px 10px 10px 6px;
border-right:0px solid #fff;
-webkit-border-radius:50px 0px 0px 50px;
-moz-border-radius: 50px 0px 0px 50px ;
border-radius: 50px 0px 0px 50px;}

/*--- SAĞ OK ---*/
.owl-theme .sitelerindexslayt-controls .sitelerindexslayt-buttons .owl-next{
right:-2.5%; 
padding:10px 6px 10px 10px;
border-left:0px solid #fff;
-webkit-border-radius:0px 50px 50px 0px;
-moz-border-radius:0px 50px 50px 0px;
border-radius:0px 50px 50px 0px;}

.owl-theme .sitelerindexslayt-controls .sitelerindexslayt-buttons .owl-prev:hover,
.owl-theme .sitelerindexslayt-controls .sitelerindexslayt-buttons .owl-next:hover{
color:#043B59; background:#;}

@media screen and (max-width:767px) {
.owl-theme .sitelerindexslayt-controls .sitelerindexslayt-buttons .owl-prev,
.owl-theme .sitelerindexslayt-controls .sitelerindexslayt-buttons .owl-next{
top:102%;font-size:20px;}

.owl-theme .sitelerindexslayt-controls .sitelerindexslayt-buttons .owl-prev{ left:43.2%;}
.owl-theme .sitelerindexslayt-controls .sitelerindexslayt-buttons .owl-next{ right:43.6%;}
}

/*--- ALT BUTON ---*/
.owl-theme .sitelerindexslayt-controls{ text-align: center;}

.owl-theme .sitelerindexslayt-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
position:relative; 
bottom:10px;}

.owl-theme .sitelerindexslayt-controls .owl-page span{
display:none;  /* oku göstermek display'i block yapın */
width: 15px;
height: 15px;
margin: 0px 2px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius: 3px;
border:0px solid #fff; 
background: #47A81A;}

.owl-theme .sitelerindexslayt-controls .owl-page.active span,
.owl-theme .sitelerindexslayt-controls.clickable .owl-page:hover span{
background: #000; 
-webkit-transition:  all 0.5s ease-in-out;
-moz-transition:  all 0.5s ease-in-out;
-o-transition:  all 0.5s ease-in-out;
-ms-transition:  all 0.5s ease-in-out;
transition:  all 0.5s ease-in-out;}

@media screen and (max-width:767px) {
.owl-theme .sitelerindexslayt-controls .owl-page span{
width:14px; height:14px;} 
}

/*--- CAROSEL SİTİL ---*/
.sitelerindexslayt-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden; 
line-height:0;
height:0;}

/* display none until init */
.sitelerindexslayt-carousel{
display:none;/* ekranda göstermemek için "display:none" yapılır */
position: relative;
width: 100%;
line-height:0px;
-ms-touch-action: pan-y;}

.sitelerindexslayt-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);}

.sitelerindexslayt-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;}

.sitelerindexslayt-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;}
	
.sitelerindexslayt-carousel .owl-item{ float: left;}
.grabbing { cursor:url(grabbing.png) 8 8, move;}

/* If PaginationNumbers is true */
.owl-theme .sitelerindexslayt-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}

/* preloading images */
.owl-item.loading{
min-height: 38px;
background: url(resimler/loding.gif) no-repeat center center}

/* fix */
.sitelerindexslayt-carousel  .owl-wrapper,
.sitelerindexslayt-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);}

/* CSS3 Transitions */

.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;}
/* fade */

.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;}

.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;}

/* backSlide */
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;}

.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;}

/* goDown */
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;}

/* scaleUp */
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;}

.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;

-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}