body { padding: 0; margin: 0; font-family: 'Roboto', sans-serif; font-size: 16px; color: #111; overflow: auto; overflow-x: hidden; 
       background: #414567 url(/Site/Library/images/bg.jpg) no-repeat center center; background-attachment: fixed; position: relative; min-height: 100vh; }
.header { background: rgba(255,255,255, .7); border-bottom: solid 3px #00acd4; }
.swiper-container{ border-radius:5px; }

.icerikalani { }
.ssol { background: rgba(255,255,255, .7); padding-top: 10px; border-radius:5px; }
.ssag { background: rgba(255,255,255, .7); border-radius: 5px; }
  .ssag h1 { text-align: center; background: #00acd4; color: #fff; font-size: 20px; padding: 5px 0; border-radius: 5px; line-height: 26px; }
.ssag h2 { text-align: center; font-size: 20px; }

.galeri-img{ text-align:center; }
.galeri-img span { text-align: center; color: #000; display: inline-block; }


body.girissayfasi { background: #414567 url(/Site/Library/images/bg.jpg) no-repeat center center; background-attachment: fixed; }
.girisalani { position: absolute; top: calc(50% - 250px); width: 100%; }
.uyeolalani { position: absolute; top: calc(50% - 346px); width: 100%; }

.logoalani { border-bottom: solid 2px rgba(255, 255, 255, 0.3); padding-bottom:15px; }
  .logoalani img { width:250px; }

.footerlogo{ position:fixed; bottom:0; text-align:center; padding-bottom:40px; opacity:.6; }
  .footerlogo img{ height:70px;}

  /**Duyuru Alanı****/
  div.newsbar { height: 38px; overflow: hidden; padding: 10px 0; border: solid 1px rgba(255, 255, 255, 0.4); margin-bottom: 10px; border-radius: 13px; }
div.newsbar a, div.newsbar a:visited { color: #fff; text-decoration: none; }
  div.newsbar a:hover { color: #fff; text-decoration: none; }
div.newsbar ul { margin: 0px; padding: 0px; list-style: none; display: flex; }
  div.newsbar ul li { float: left; font-size: 14px; margin: 0px 20px; }


  /** girişte üye ol butonu****/
.uyeOl { width: auto; position: absolute; top: 0; }
.uyeOl a { width: 256px; height: 256px; float: left; position: relative; border-radius: 100%; background: url(/Site/Library/images/byolbg.png) no-repeat center; font-size: 21px; color: #fff; text-align: center; box-sizing: border-box; padding: 110px 60px 50px 60px; }
.uyeOl a:before { content: ""; width: 100%; height: 35px; position: absolute; left: 0; top: 61px; background: url(/Site/Library/images/byolic.png) no-repeat top center; }
.uyeOl a strong { width: 100%; float: left; }
.uyeOl a span { width: 100%; float: left; position: relative; font-weight: 300; }

.katalogindir { width: auto; position: absolute; top: 0; }
  .katalogindir a { width: 256px; height: 256px; float: left; position: relative; border-radius: 100%; background: url(/Site/Library/images/byolbg.png) no-repeat center; font-size: 21px; color: #fff; text-align: center; box-sizing: border-box; padding: 110px 60px 50px 60px; }
    .katalogindir a:before { content: ""; width: 100%; height: 35px; position: absolute; left: 0; top: 61px; background: url(/Site/Library/images/catalogue.svg) no-repeat top center; }
    .katalogindir a strong { width: 100%; float: left; }
    .katalogindir a span { width: 100%; float: left; position: relative; font-weight: 300; }



.giris { margin-top: 30px; }
.giris h4{ text-align:center; color:#fff; }
.giris p{ color:#fff; font-size:14px; text-align:center; }
    .giris p a{ color: #fff; font-size: 14px; }
  .giris ul { list-style-type: none; padding: 0; margin: 0; }
    .giris ul li { margin-bottom: 20px; position: relative; text-align: center; }
      .giris ul li.ginp { /*background: rgba(255, 255, 255, 0.18); border: solid 1px #fff; border-radius: 12px;*/ }
        .giris ul li.ginp.ikili{ width:50%; float:left; padding:0 5px; }
        .giris ul li.ginp.uclu { width: 33.333%; float: left; padding: 0 5px; }

      .giris ul li.ginp a{ color:#fff;}
        .giris ul li.ginp a:hover { color: #fff; }


        .giris ul li.clear{ position:relative; width:100%; clear:both; margin:0;}
        .giris ul li input { font-size: 14px; line-height: 14px; color: #ffffff; border-radius: 13px; transition: all .5s; }
        .giris ul li input::placeholder { color: #fff; }
        .giris ul li input:focus { outline: none !important; border: solid 1px #fff !important; }

        .giris ul li input[type="text"], .giris ul li input[type="password"] { background: none; padding: 20px 13px 20px 13px; z-index: 4; background: rgba(255, 255, 255, 0.18); border: solid 1px rgba(255, 255, 255, 0.4); width: 100%; }
          .giris ul li input[type="text"]:active, .giris ul li input[type="text"]:focus { }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 40px rgb(255, 255, 255) inset; background: none; }
  input:-webkit-autofill + label { color: #4a4a47 !important; z-index: 150 !important; }
.giris ul li.ginp input:-webkit-autofill + label { font-size: 10px; top: 6px; }
.giris ul li input[type="submit"], .giris ul li input[type="button"], .giris ul li a.btn { font-size: 18px; line-height: 18px; font-weight: bold; color: #434477; background: #fff; padding: 15px 0; 
                                                                  border-radius:13px; cursor: pointer; width: 100%; border: none; display:inline-block; }
  .giris ul li a.btn:hover { color: #434477; }
  .giris ul li label { font-size: 14px; line-height: 14px; color: #fff; display: inline-table; vertical-align: text-bottom; box-sizing: border-box; }
.giris ul li.ginp label { width: 100%; position: absolute; padding: 0 12px; left: 0; top: 17px; z-index: 2; }
.giris ul li.ginp.active label { font-size: 11px; top: 6px; }
.giris ul li .slot { width: 50%; float: left; }
  .giris ul li .slot:nth-child(2n) { float: right; text-align: right; }
  .giris ul li .slot a { display: inline-table; vertical-align: text-bottom; font-size: 15px; line-height: 15px; color: #fff; text-decoration: underline }




.footer{ width:100%; padding:20px 0; position:absolute; bottom:0; }

.copyright { color:#999; }
.copyright span{ line-height: 30px;}

.footer-social{}
.footer-social a{ position: relative; z-index:2; background: #ddd; text-decoration: none; color: #111; font-size: 20px; padding: 10px; background: #ddd; z-index: 2; margin-left: -3px;}

.design { text-align: right; color:#999; }
  .design a{ color:#999; }
  .design span { line-height: 30px; }

  @media(max-width:768px) {
    .copyright { text-align: left; }
    .footer-social { text-align: left; padding-left: 10px; }
  }



.mainNav { background: transparent; width: 100%; }

  /* First Level */
  .mainNav ul { margin: 0; padding: 0; list-style: none; }
    .mainNav ul li { color: #fff; border-bottom: solid 1px rgba(0,0,0, .2); }
      .mainNav ul li:last-child{ border:none; }
      .mainNav ul li a { color: #000; display: block; line-height: normal; text-decoration: none; padding: 15px 0px; }
      .mainNav ul li a:hover { background: transparent; text-decoration: none; }
      .mainNav ul li input { padding: 15px 0px; background: transparent; border: none; cursor: pointer; color: #000; }


      .mainNav ul li .right { display: inline-block; width: 10px; height: 10px; background-image: url(../images/right.png); background-repeat: no-repeat; background-position: center; background-size: 10px 10px; }
      .mainNav ul li .down { display: inline-block; width: 10px; height: 10px; background-image: url(../images/down.png); background-repeat: no-repeat; background-position: center; background-size: 10px 10px; }

    /* Second Level */
    .mainNav ul ul { border-bottom: none; background: rgba(255,255,255, .3); padding-left: 10px; border-radius: 5px; }
      .mainNav ul ul li { background: transparent; }
        .mainNav ul ul li a { color: #333; display: block; line-height: normal; }
          .mainNav ul ul li a:hover { background: transparent; }

      /* Third Level */
      .mainNav ul ul ul { }
        .mainNav ul ul ul li { border: none; }
          .mainNav ul ul ul li a { }

/* Accordion Button */
ul li.has-subnav .accordion-btn { color: #111; background: rgba(255,255,255, 0.15); padding-top: 1px; font-size: 17px; }
.has-subnav ul li a { color: #111; }