body {

      overflow-x: hidden;
  }
  .container-fluid {

      padding-right: 15px !important;
      padding-left: 15px !important;
      margin-right: auto !important;
      margin-left: auto !important;

  }
  .navbar-transparent {

      border-color: transparent;
      background-color: #fff;

  }
  @media (min-width: 767px) {

      .navbar {
          padding: 20px 0;
          -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
          -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
          transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;

      }
      .top-nav-collapse {
          padding: 0;
      }
  }
  .navbar-brand {

      font-family: 'Pacifico', cursive;
      font-weight: bold;
      font-size: 30px;
      color: #000;
  }
  .navbar-default .navbar-nav {

      transition: all 0.5s ease-in-out;
  }
  .navbar-default .navbar-nav>li>a {

      font-family: 'Raleway';
      font-weight: bold;
      font-size: 14px;
  }
  .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {

      color: #000;
  }
  .page-header {

      margin-top: 0;
      margin-bottom: 0;
      padding: 100px 0 0;
      color: #1D1F20;
  }
  #heading {
      background: url("../images/23.jpg");
      height: 380px;
      background-position: 50%, 50%;
      background-repeat: no-repeat;

  }
  .heading-sub-title, .heading-title {

      font-family: 'Raleway';
      font-weight: 800;
      text-align: center;

  }
  .heading-title {

      font-size: 30px;

  }
  .heading-sub-title {

      font-size: 16px;
      color: #23527c;
      margin-bottom: 64px;

  }
  .round-anchor {
      color: #ccc;
  }
  .img-profile {
      height: 256px;
      /*width: 256px;*/
      padding: 3px;
      border: solid 1px #ddd;
  }
  .content {
      font-family: 'Sorts Mill Goudy', serif;
      text-align: left;
      font-size: 22px;
      color: #1D1F20;
      background-color: #EBEBEB;
      border-radius: 5px;
      border: solid 1px #EBEBEB;
      padding-top: 32px !important;
  }
  .img-responsive.img-center {
      margin: 0 auto;
  }
  p.biyog {

      font-family: 'Open Sans';
      font-weight: 300;
      line-height: 1.7;
      text-align: justify;
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .content ul {
     margin-top: 32px;
  }
  #about .col-sm-4 {
      text-align: right;
  }
  @media (max-width: 736px) {
    #about .col-sm-4 {
        text-align: center;
    }
  }
  .img-portfolio {
      height: 128px;
      width: 148px;
      margin: 24px;
  }
  #contact {
      background-color: #333;
      color: #eee;
      border:none;
  }
  #contact .heading-sub-title {
      color: #ddd;
  }
  #contact button:focus {
      outline: 0 !important;
  }
  #footer {
      text-align: center;
      height: auto;
      background-color: #333;
      color: #ccc;
      font-family: 'Lustria', serif;
      padding: 25px;
  }
  #footer a:link {
      color: #eee;
      font-size: 18px;
  }
  #footer>i {
      text-align: right;
  }
  .btn-portfolio {

      font-family: 'Sorts Mill Goudy', serif;
      font-weight: bold;
      padding: 15px;
      color: #23527c;
      background-color: #aaa;
      border-color: #aaa;
      border-radius: 25px;
      margin: 15px;
  }
  .btn-portfolio.active, .btn-portfolio:active, .btn-portfolio:focus, .btn-portfolio:hover, .open .dropdown-toggle.btn-portfolio {

      border-radius: 25px;
      color: #23527c;
      background: #ddd;
      border-color: #ddd;
  }
  #owl-demo .item {
      padding-right: 15px;
      padding-left: 15px;
  }
  .owl-theme .owl-controls .owl-buttons div {

      color: #333 !important;
      display: inline-block;
      zoom: 1;
      margin: 5px;
      padding: 4px 10px;
      font-size: 24px !important;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      background: #fff;
      opacity: 2.5;
  }
  .owl-theme .owl-controls {
      margin-top: 10px;
      position: absolute;
      left: 46%;
      top: 95%;
      text-align: center;
  }
  #portfolio {
      padding-bottom: 100px;
  }
  .btn-portfolio.active, .btn-portfolio:active, .open .dropdown-toggle.btn-portfolio {
      background-image: none;
      border-radius: 25px;
  }
  .btn-portfolio.disabled, .btn-portfolio.disabled.active, .btn-portfolio.disabled:active, .btn-portfolio.disabled:focus, .btn-portfolio.disabled:hover, .btn-portfolio[disabled], .btn-portfolio[disabled].active, .btn-portfolio[disabled]:active, .btn-portfolio[disabled]:focus, .btn-portfolio[disabled]:hover, fieldset[disabled] .btn-portfolio, fieldset[disabled] .btn-portfolio.active, fieldset[disabled] .btn-portfolio:active, fieldset[disabled] .btn-portfolio:hover, fieldset[disabled] .btn-sample:focus {
      background-color: #23527c;
      border-color: #23527c;
      border-radius: 25px;
  }
  .btn-portfolio .badge {
      color: #23527c;
      background-color: #fff;
      border-radius: 25px;
  }
  .portfolio-item {
      font-family: 'Sorts Mill Goudy', serif;
      margin-bottom: 25px;
      color: #1D1F20;
  }
  .portfolio-item h3, .portfolio-item p {
      padding: 15px;
  }
  .portfolio-item img {
      border: 1px solid #ddd;
      padding: 10px;
      width: 100%;

  }
  .modal-body img {
      -webkit-transition: all 0.7s ease;
      -moz-transition: all 0.7s ease;
      -o-transition: all 0.7s ease;
      transition: all 0.7s ease;
  }
  .portfolio-item img .modal-body img:hover, .portfolio-item img:hover {

  }
  .footter {
      text-align: center;
  }
  .footter ul {
      padding-left: 0;
  }
  .footter li {
      list-style-type: none;
      color: #fff;
      display: inline;
      padding-left: 10px;
  }
  .footter li a {
      color: #fff;
  }
  .footer-social-icons {
      width: 350px;
      display: block;
      margin: 0 auto;
  }
  .social-icon {
      color: #fff;
  }
  ul.social-icons {
      margin-top: 10px;
      padding-left: 0;
      text-align: center;
  }
  .social-icons li {
      vertical-align: top;
      display: inline;
      height: 100px;
  }
  .social-icons a {
      color: #fff;
      text-decoration: none;
  }
  .fa-facebook {

      padding: 10px 14px;
      -o-transition: 0.5s;
      -ms-transition: 0.5s;
      -moz-transition: 0.5s;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      background-color: transparent;
      border-style: solid;
      border-width: 1px;
      border-color: #ebebeb;
  }
  .fa-facebook :hover {

      background-color: #3d5b99;
      color: #fff;
  }
  .fa-twitter {
      padding: 10px 12px;
      -o-transition: 0.5s;
      -ms-transition: 0.5s;
      -moz-transition: 0.5s;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      background-color: transparent;
      border-style: solid;
      border-width: 1px;
      border-color: #ebebeb;
  }
  .fa-twitter :hover {
      background-color: #00aced;
      color: #fff;
  }
  .fa-instagram {
      padding: 10px 14px;
      -o-transition: 0.5s;
      -ms-transition: 0.5s;
      -moz-transition: 0.5s;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      background-color: transparent;
      border-style: solid;
      border-width: 1px;
      border-color: #ebebeb;
  }
  .fa-instagram :hover {
      background-color: #e64a41;
      color: #fff;
  }
  .ust .fa-facebook {
      background-color: #3d5b99;
      color: #fff;
  }
  .ust .fa-twitter {
      background-color: #00aced;
      color: #fff;
  }
  .ust .fa-instagram {
      background-color: #f56040;
      color: #fff;
  }
  #siirler {
      background-color: rgba(221, 221, 221, 0.56);
      padding-bottom: 100px;
  }
  .watch h2 {
      text-align: center;
      margin: 120px;
      font-size: 72px;
      font-family: 'Open Sans';
  }
  #media_video {
      margin: auto;
      width: 60%;
      border-radius: 8px;
      border: 1px solid #ddd;
  }
  .wrapper {
      margin: 30px 0;
  }
  #hakkimizda {
      background-color: rgba(221, 221, 221, 0.56);
  }
  ul.siirlerim {
      list-style-type: circle;
      padding-left: 0;
  }
  ul.siirlerim li {
      padding-bottom: 20px;
  }
  ul.siirlerim li a {
      font-family: 'Open Sans';
      color: gray;
  }
  ul.siirlerim p {
      font-size: 12px;
      font-family: 'Open Sans';
  }
  ul.siirlerim span {
      color: #000;
      font-weight: bold;
  }
  @media screen (max-width: 1000px) {
      #topcontrol {
          display: none;
      }
  }
#basindan .row {
  padding-top: 10px;
}
.basindan {
  background-color: rgba(221, 221, 221, 0.56);

}
#basindan {
  padding-bottom: 30px;
}
.border {
  border: 1px solid #bbb;
  transition: all 0.5s ease-in-out;

}
#basindan-icerik span {
  font-family: 'Raleway';
  font-size: 14px;
  font-weight: bold;

}
#basindan-icerik a {
  font-family: 'Raleway';
  font-size: 12px;


}
#basindan-icerik .row {
  margin-right: 0;
  margin-left: 0;
  cursor: pointer;
}
#basindan-icerik .border:hover {

}
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}
@media screen and (max-width: 736px) {
  p.biyog {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }
  ul.siirlerim {
    text-align: center;
  }
  ul.siirlerim li {
    list-style: none;
  }
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
  display: inline;
}


/* şiirler sayfası */



#siirler-sayfasi {
 padding-top: 78px;

}
#siirler-sayfasi h1 {
  font-family: 'Raleway';
  font-weight: bold;
  font-size: 30px;
    border-bottom: 1px solid #ccc;
}
#siirler-sayfasi p {
  line-height: 2.2;
}
#siirler-sayfasi .nav>li>a {
      position: relative;
    display: block;
    padding: 4px 15px;
}

.navbar-bright {
 background-color:#111155;
 color:#fff;
}

.affix-top,.affix{
 position: static;
}

@media (min-width: 979px) {
  #sidebar.affix-top {
    position: static;
      margin-top:30px;
    width:228px;
  }

  #sidebar.affix {
    position: fixed;
    top:100px;
    width:228px;
  }
}

#sidebar li.active {
  border:0 #eee solid;
  border-right-width:5px;
}
#sec0 {
  text-align: left;
}

/* BASINDAN SAYFASI */

#basindan {
  padding-top: 100px;
}
@media (max-width: 767px) {
    .footer-social-icons {
      width: auto;
    }
  }
  html {
    overflow-x: hidden;
  }