/*!
 * Responsive HTML Template
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* FONTLAR */
    @import url(http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:100,300,400,500,700,800,900,100italic,300italic,400italic,500italic,700italic,800italic,900italic);
    @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

/* FONTLAR */ 

/* GENEL CSS */
    
	html, body, form {font-family: 'Open Sans', sans-serif;background:#fff; height: 100%;font-size:12px;margin:0px auto;padding: 0px;}
	.r{float:right}
	.l{float:left;}
	 form{height:100%;}
	.wrapper{min-height: 100%;margin-bottom: -91px;}
	.push, .Footer{height:91px;}
	.satir{width:100%;position:relative;}
	.satirY{width:50%;position:relative;float:left;}
	.row, .container {margin: 0px auto;padding: 0px;}
	.img-responsive {width:100%;}

/* HEADER */
    .header {
        background: #d9dce3; /* Old browsers */
        background: -moz-linear-gradient(left,  #d9dce3 0%, #ffffff 50%, #d9dce3 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d9dce3), color-stop(50%,#ffffff), color-stop(100%,#d9dce3)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  #d9dce3 0%,#ffffff 50%,#d9dce3 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  #d9dce3 0%,#ffffff 50%,#d9dce3 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  #d9dce3 0%,#ffffff 50%,#d9dce3 100%); /* IE10+ */
        background: linear-gradient(to right,  #d9dce3 0%,#ffffff 50%,#d9dce3 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9dce3', endColorstr='#d9dce3',GradientType=1 ); /* IE6-9 */}
    .logo{float:left;margin:10px 0}
    .logo img {width:250px;}
    .dil {position:absolute;right:0;bottom:10px;}
    .dil img {margin:0 10px}
    .dilresim li  {display:inline-block;margin-top: 3px;float:right;}
    .anamenumuz{background:url(../images/bgMenu.png)no-repeat center}
    .ana-menu-blok .nav>li>a { color: #fff;transition:color 0.3s ease-in-out;}
    .ana-menu-blok .nav > li:nth-child(5) {margin-left:90px;}
    .ana-menu-blok .nav > li:nth-child(5) a:hover, .ana-menu-blok .nav > li:nth-child(6) a:hover, .ana-menu-blok .nav > li:nth-child(7) a:hover, .ana-menu-blok .nav > li:last-child a:hover{color:#000;}
    .ana-menu-blok .nav>li>a:hover {color:#eb557b;transition:color 0.3s ease-in-out;}
    .ana-menu-blok .nav>li>a:focus {color:#eb557b;}
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #101010;text-align: center;float: none;}


 /* FOOTER */
    .footer {padding-top:25px;border-top:3px solid #0d3192;}
    .footer-satir-bir ul {display:inline-block;}
    .footer-satir-bir ul li {display:inline-block;padding:3px 5px;}
    .footer-satir-bir ul li a{ font-size:12px;color:#979393;}
    .footer-satir-bir ul li a:hover {color:#ddd;}
    .footer-satir-bir .footerlogo {float:left;width: 100px;margin: 0 10px;}
    .footer-satir-bir .copy{float:left;color:#979393;font-size:14px;}
    

    .iletisim ul {display:inline-block;}
    .iletisim ul li {padding:5px 0;font-size:12px;}
    .iletisim p {margin-left:40px;color:#979393;}
    .iletisim .fa {float:left;font-size:17px;color:#38a5dd;}
    
      .sosyal-medya ul {display:inline-block;}
      .sosyal-medya ul li {display:inline-block;width:30px;height:40px;position:relative;}
      .sosyal-medya ul li:first-child span{background: #00BDEC;}
      .sosyal-medya ul li:nth-child(2) span{background:#3a5897;} 
      .sosyal-medya ul li:nth-child(3) span{background:#d94a3a;} 
      .sosyal-medya ul li:nth-child(4) span{background:#1a92bd;} 
      .sosyal-medya ul li:last-child span{background:#72b458;}
      .sosyal-medya ul li span{position:absolute;bottom:0;left:0;width:100%;height:100%;max-height:10px;z-index:0;transition: max-height 0.25s ease-out;overflow:hidden;}
      .sosyal-medya ul li:hover span{max-height:40px;transition: max-height 0.25s ease-in;}
      .sosyal-medya ul li:hover i{color:#fff;transition:color 0.5s ease-in;}
      .sosyal-medya .fa {font-size:18px;color:#333333;z-index:9999;position:relative;padding: 8px 0;}
 
      /* SAYFA YAPISI */
    .sayfa{width:100%;padding:10px;background:#fff;margin:10px 0;float:left;}
    .icerik{width:100%;border:1px solid #eee;padding:10px;float:left;}
    .Icbaslik{background:#fff;padding:10px;margin:10px 0;}
    .GrayLine{width:100%;height:2px;background:#eee;margin:10px 0}
    
/* BUTON VE SELECT */ 
    .Buton{float:left;border:0;margin:10px 0;color:#fff;display:block;padding:10px 20px;background:#dd1f26;transition:all 0.5s ease-in;-ms-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;}
    .Buton:hover{color:#fff;background:#be1b21;transition:all 0.5s ease-in;-ms-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;}
    .sayfa input[type="checkbox"], input[type="radio"]{width: 18px;height: 18px;top: 10px;margin: 5px;background: #eee;position: relative;appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;cursor:pointer;}
    .sayfa input[type="checkbox"]:checked::after, .sayfa input[type="radio"]:checked::after{position: absolute;left: 3px;right: 3px;top: 3px;bottom: 3px;background:#444;display: block;content: '';border-radius:0;border: 1px solid #fff;}
    .sayfa select{border: none;background: #eee; padding: 10px 20px;}
    
/* TEXT BOX */
    .sayfa .form-control{background:#eee;border:0;box-shadow:none;max-width:80%} 
    
/* HATA MESAJLARI */
    .Requierd span{background:#dd1f26;color:#fff;padding:20px;width:100%;}  


@media(max-width:767px)
{   
    .dil{position:relative;}
    .footer-satir-bir{text-align:center;}
    .footer-satir-bir .footerlogo{margin:0 auto;float:none;}
    .iletisim{text-align:center;}
    .sosyal-medya ul{text-align:center;}
    .ana-menu-blok .nav > li:nth-child(5){margin-left:0;}
    .navbar-toggle{margin-top:0;}
    /* FOOTER */
    .wrapper{min-height: 100%;margin-bottom: 0px;}
	.push .Footer{height:auto;}
	.logo {text-align:center;float:none;}
	.dilresim {float:none;text-align:center;}
	.dilresim li {float:none;}
	 .ana-menu {margin-top: 3px;}
    .navbar-inverse .navbar-toggle {border: 0;margin-right: 10px;width: 100%;}
    .navbar-toggle {float: left;padding: 10px 0px 0px 10px;}
    .icon-buton {float: left;}
    .navbar-inverse .navbar-toggle .icon-bar {background-color: #fff;}
    .navbar-inverse .navbar-toggle h4 {margin: -2px 0px 0px 10px;color: white;float:left;}
    .ana-menu-blok .navbar-collapse { position: absolute; z-index: 9999;background: #252525;width: 100%;border: 0px;text-align: left;}
    .ana-menu .navbar-nav {width: 100%;margin: 0 auto;}
    .ana-menu-blok li {width: 100%;border-top: 1px solid #efefef;}
    .nav>li>a {padding: 5px 10px;}
    .iletisim {  margin-top: 5px;margin-bottom: 5px;}
    .ana-menu-blok{background:none}
    

}
@media(min-width:768px)
{
    .navbar-header { float: left;}
.navbar-nav {float: none; margin: 0;text-align:center;display:inline-block;}
.footer {position:relative;width:100%;bottom:0;}
.sosyal-medya{text-align:center;margin-top:10px;}
.ana-menu-blok .nav>li>a{font-size:11px;padding:13px 3px;}
}
@media(min-width:992px)
{
.bin {width: 980px;margin: 0 auto;}
.footer {position:relative;width:100%;bottom:0;}
.sosyal-medya{text-align:center;margin-top:0px;}
.ana-menu-blok .nav>li>a{font-size:12px;padding:13px 10px;}
}
@media(min-width:1200px)
{
    .bin {width: 980px;margin: 0 auto;}
      .navbar {position: relative;}
      .footer {position:relative;width:100%;bottom:0;}
.container {width:1200px;}
.sosyal-medya{text-align:center;margin-top:0px;}
.ana-menu-blok .nav>li>a{font-size:15px;padding:13px 15px;}
}