﻿.sliderAciklama {/*background-color:#ff8901;*/ background-color:#ff8901;color:white; font-weight:bold;  text-align:left; opacity:0.8;line-height:20px; -webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;  border-radius:2px 2px 2px 2px; height:60px; padding:15px; position:relative; margin-right:50px; margin-top:-100px; float:right;  }
.sliderAciklama:hover {opacity:1; color:#192a56; box-shadow: 0px 0px 8px #ff8901; border:1px solid #192a56;}
    caption,th,td{text-align:left; font-weight:normal;vertical-align:middle}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:none}
article{display:block; }
h1,h2,h3,h4,h5,h6{font-weight:bold;font-size:16px;margin:12px 0}
/*slider>span{margin:35px 0 5px;font-size:26px;font-weight:normal;color:#fff}*/
#slider{text-align:center; height:auto; }
h2{margin:40px 0 25px;border-bottom:1px solid #bbb;padding:0 0 10px}
p{margin:20px 0 16px}
strong{font-weight:bold}
label,a{cursor:pointer;}
label:hover,slider > a:hover{color:#ddd!important}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
label,#active,img{-moz-user-select:none;-webkit-user-select:none}
.catch{display:block;height:0;overflow:hidden}
#slider{margin:0 auto; }
/*input{display:none} */  /*neden kullanıuldığını göremedim gerekli olabilir*/
#slidercontainer >article>input{display:none}   /*neden kullanıuldığını göremedim gerekli olabilir*/
#slide1:checked ~ #slides .inner{margin-left:0;     margin-bottom:0;}
#slide2:checked ~ #slides .inner{margin-left:-100%;  margin-bottom:0;}
#slide3:checked ~ #slides .inner{margin-left:-200%;  margin-bottom:0;}
#slide4:checked ~ #slides .inner{margin-left:-300%;  margin-bottom:0;}
#slide5:checked ~ #slides .inner{margin-left:-400%;  margin-bottom:0;}
#slide6:checked ~ #slides .inner{margin-left:-500%;  margin-bottom:0;}
#slide7:checked ~ #slides .inner{margin-left:-600%;  margin-bottom:0;}

#slide8:checked ~ #slides .inner{margin-left:-700%;  margin-bottom:0;}
#slide9:checked ~ #slides .inner{margin-left:-800%;  margin-bottom:0;}
#slide10:checked ~ #slides .inner{margin-left:-900%;  margin-bottom:0;}
#slide11:checked ~ #slides .inner{margin-left:-1000%;  margin-bottom:0;}
#slide12:checked ~ #slides .inner{margin-left:-1100%;  margin-bottom:0;}
/*#slide13:checked ~ #slides .inner{margin-left:-1200%;  margin-bottom:0;}
#slide14:checked ~ #slides .inner{margin-left:-1300%;  margin-bottom:0;}
#slide15:checked ~ #slides .inner{margin-left:-1400%;  margin-bottom:0;}

*/

#container{width:100%; overflow:hidden; height:auto; margin-top:-195px;margin-left:auto;margin-right:auto; }
article img{width:100%; height:auto;  margin-bottom:0;  }
#slides .inner{width:1500%;line-height:0; vertical-align:bottom; margin-bottom:0;  }
#slides article{width:6.66666%;float:left;}
#commands{margin:-400px 0 0 0;width:100%;height:50px}
#commands label{display:none;width:80px;height:80px;opacity:0.5}
#commands label:hover{opacity:0.8}
#active{position:relative;z-index:5;margin:320px 0 0 0;text-align:center} 
#active label{-webkit-border-radius:10px;-moz-border-radius:15px;border-radius:10px;display:inline-block;width:15px;height:15px;background:#bbb; }
#active label:hover{background:#333;border-color:#777!important; }


#slide1:checked ~ #commands label:nth-child(2),#slide2:checked ~ #commands label:nth-child(3),#slide3:checked ~ #commands label:nth-child(4),#slide4:checked ~ #commands label:nth-child(5),#slide5:checked ~ #commands label:nth-child(6),#slide6:checked ~ #commands label:nth-child(7),#slide7:checked ~ #commands label:nth-child(8),#slide8:checked ~ #commands label:nth-child(9),#slide9:checked ~ #commands label:nth-child(10),#slide10:checked ~ #commands label:nth-child(11),#slide11:checked ~ #commands label:nth-child(12),#slide12:checked ~ #commands label:nth-child(1){background-repeat:no-repeat; float:right;margin:200px 12px 0 0;display:block; background-image:url('../ArkaPlan/buttons/next.png');}
#slide1:checked ~ #commands label:nth-child(12),#slide2:checked ~ #commands label:nth-child(1),#slide3:checked ~ #commands label:nth-child(2),#slide4:checked ~ #commands label:nth-child(3),#slide5:checked ~ #commands label:nth-child(4),#slide6:checked ~ #commands label:nth-child(5),#slide7:checked ~ #commands label:nth-child(6),#slide8:checked ~ #commands label:nth-child(7),#slide9:checked ~ #commands label:nth-child(8),#slide10:checked ~ #commands label:nth-child(9),#slide11:checked ~ #commands label:nth-child(10),#slide12:checked ~ #commands label:nth-child(11){background-repeat:no-repeat; float:left;margin:200px 0 0 -6px;display:block;background-image:url('../ArkaPlan/buttons/previous.png');}
#slide1:checked ~ #active label:nth-child(1),#slide2:checked ~ #active label:nth-child(2),#slide3:checked ~ #active label:nth-child(3),#slide4:checked ~ #active label:nth-child(4),#slide5:checked ~ #active label:nth-child(5),#slide6:checked ~ #active label:nth-child(6),#slide7:checked ~ #active label:nth-child(7),#slide8:checked ~ #active label:nth-child(8),#slide9:checked ~ #active label:nth-child(9),#slide10:checked ~ #active label:nth-child(10),#slide11:checked ~ #active label:nth-child(11),#slide12:checked ~ #active label:nth-child(12){background:#000;opacity:0.6;border-color:#fff!important;border:2px solid #fff}

/*
#slide1:checked ~ #commands label:nth-child(2),#slide2:checked ~ #commands label:nth-child(3),#slide3:checked ~ #commands label:nth-child(4),#slide4:checked ~ #commands label:nth-child(5),#slide5:checked ~ #commands label:nth-child(6),#slide6:checked ~ #commands label:nth-child(7),#slide7:checked~ #commands label:nth-child(1){background-repeat:no-repeat; float:right;margin:200px 12px 0 0;display:block; background-image:url('../ArkaPlan/buttons/next.png');}
#slide1:checked ~ #commands label:nth-child(7),#slide2:checked ~ #commands label:nth-child(1),#slide3:checked ~ #commands label:nth-child(2),#slide4:checked ~ #commands label:nth-child(3),#slide5:checked ~ #commands label:nth-child(4),#slide6:checked ~ #commands label:nth-child(5),#slide7:checked ~ #commands label:nth-child(6){background-repeat:no-repeat; float:left;margin:200px 0 0 -6px;display:block;background-image:url('../ArkaPlan/buttons/previous.png');}
#slide1:checked ~ #active label:nth-child(1),#slide2:checked ~ #active label:nth-child(2),#slide3:checked ~ #active label:nth-child(3),#slide4:checked ~ #active label:nth-child(4),#slide5:checked ~ #active label:nth-child(5),#slide6:checked ~ #active label:nth-child(6),#slide7:checked ~ #active label:nth-child(7){background:#000;opacity:0.6;border-color:#fff!important;border:2px solid #fff}
*/

/*.caption{color:white;   line-height:30px;margin:60px 0 0 0;  position:absolute;padding:320px 12px;opacity:0; -moz-text-decoration-color: red;*/ /* Code for Firefox */ text-decoration-color: red; text-transform:none;font-family:'Open Sans',Arial,Helvetica,sans-serif;text-align:left;font-size:18px; width:5%; }
#slides{position:relative;padding:2px;border:1px solid #ddd;margin:45px 0 0;background:#FFF;background:-webkit-linear-gradient(#FFF,#FFF 16%,#EEE 80%,#DDD);background:-moz-linear-gradient(#FFF,#FFF 16%,#EEE 80%,#DDD);background:-ms-linear-gradient(#FFF,#FFF 16%,#EEE 80%,#DDD);background:-o-linear-gradient(#FFF,#FFF 16%,#EEE 80%,#DDD);background:linear-gradient(#FFF,#FFF 16%,#EEE 80%,#DDD);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);-moz-box-shadow:0 0 3px rgba(0,0,0,0.2);box-shadow:0 0 3px rgba(0,0,0,0.2)}
#slides .inner{-webkit-transform:translateZ(0);-webkit-transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);-moz-transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);-ms-transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);-o-transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);-webkit-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);-moz-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);-ms-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);-o-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000)}
#slider{-webkit-transform:translateZ(0);-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out}
#commands label{-webkit-transform:translateZ(0);-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}


#slide1:checked ~ #slides article:nth-child(1) .caption,#slide2:checked ~ #slides article:nth-child(2) .caption,#slide3:checked ~ #slides article:nth-child(3) .caption,#slide4:checked ~ #slides article:nth-child(4) .caption,#slide5:checked ~ #slides article:nth-child(5) .caption,#slide6:checked ~ #slides article:nth-child(6)  .caption,#slide7:checked ~ #slides article:nth-child(7)     .caption  ,#slide8:checked ~ #slides article:nth-child(8)  .caption,#slide9:checked ~ #slides article:nth-child(9)  .caption,#slide10:checked ~ #slides article:nth-child(10)  .caption  ,#slide11:checked ~ #slides article:nth-child(11) .caption,#slide12:checked ~ #slides article:nth-child(12) .caption /* ,#slide13:checked ~ #slides article:nth-child(13) .caption,#slide14:checked ~ #slides article:nth-child(14) .caption,#slide15:checked ~ #slides article:nth-child(15) .caption*/ {opacity:1;-webkit-transition:all 1s ease-out 0.6s;-moz-transition:all 1s ease-out 0.6s;-o-transition:all 1s ease-out 0.6s;transition:all 1s ease-out 0.6s}


#commands,#commands label,#slides,#active,#active label{-webkit-transform:translateZ(0);-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out}
#slider{max-width:100%}
/*@media only screen and (max-width:100%px) and (min-width:450px){
  #slider #commands{margin:-25% 0 0 5%;width:90%;height:50px}
  #slider #commands label{-moz-transform:scale(0.7);-webkit-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);}
  #slider #slides .caption{padding:280px 12px; }
  #slider #slides{padding:2px 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
  #slider #active{margin:15% 0 0}
}*/
@media only screen and (max-width:1000px){
  #slider #commands{margin:-28% 0 0 1%;width:100%;height:70px!important; position:absolute;/*margin-top:-300px!important;*/}
  #slider #active{margin:12% 0 0}
  #slider #slides{padding:2px 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
  #slider #slides .caption{opacity:0!important}
  #slider #commands label{-moz-transform:scale(0.7);-webkit-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7); margin-top:60px!important;}
  
  .sliderAciklama {/*background-color:#ff8901;*/font-size:14px; background-color:#ff8901;color:white; text-align:left; opacity:0.8;line-height:14px; -webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;  border-radius:1px 1px 1px1px; height:30px; padding:5px; position:relative; margin-right:20px; margin-top:-40px; float:right;  }
.sliderAciklama:hover {opacity:1; color:#192a56; box-shadow: 0px 0px 0px #ff8901; border:0px solid #192a56; }
#active{margin-top:-5%!important; -moz-transform:scale(0.7);-webkit-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);}
}
@media only screen and (min-width:850px){
  body{padding:0 0}
}
@media only screen and (max-width:500px){
 #slider #commands{margin:-28% 0 0 0%;width:100%;height:70px!important;  position:absolute;/*margin-top:-300px!important;*/}
  #slider #active{margin:12% 0 0}
  #slider #slides{padding:2px 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
  #slider #slides .caption{opacity:0!important}
  #slider #commands label{-moz-transform:scale(0.5);-webkit-transform:scale(0.5);-o-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5); margin-top:30px!important;}
 #active{margin-top:0px!important; -moz-transform:scale(0.7);-webkit-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);}
 .sliderAciklama {/*background-color:#ff8901;*/font-size:10px; background-color:#ff8901;color:white; text-align:left; opacity:0.8;line-height:10px; -webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;  border-radius:1px 1px 1px1px; height:20px; padding:5px; position:relative; margin-right:20px; margin-top:-20px; float:right;  }
.sliderAciklama:hover {opacity:1; color:#192a56; box-shadow: 0px 0px 0px #ff8901; border:0px solid #192a56; }
  }
  @media only screen and (max-width:500px){
 #active{margin-top:-5%!important; -moz-transform:scale(0.7);-webkit-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);}
  }
/*
@media only screen and (max-width:999px){
slider{display:none;}
}
*/

 @media only screen and (max-width:250px){
  #slider #commands label{-moz-transform:scale(0.5);-webkit-transform:scale(0.5);-o-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5); margin-top:0px!important;}
  }
  
   @media only screen and (max-width:350px){
  #slider #commands label{-moz-transform:scale(0.5);-webkit-transform:scale(0.5);-o-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5); margin-top:10px!important;}
  }
  @media only screen and (max-width:450px){
  #slider #commands label{-moz-transform:scale(0.5);-webkit-transform:scale(0.5);-o-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5); margin-top:20px!important;}
  }