/*!
 * Start Bootstrap - Creative v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)
 */

@import url('https://fonts.googleapis.com/css?family=Quicksand:400,700&subset=latin-ext');

body {
  font-family: 'Quicksand', 'Merriweather', 'Helvetica Neue', Arial, sans-serif; 
  background-color: transparent !important;
  -webkit-tap-highlight-color: #212529;}

body,
html {
  width: 100%;
  height: 100%; 
    background: url('../img/binaBG.png') no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;}

p {
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 24px;
}
.text_indent{
  text-indent: 3em;
}
hr {
  max-width: 400px;
  border-width: 2px;
  border-color: #4ecbd3; }

hr.light {

  border-color: #fff; }

hr.long {
  max-width: 1024px;
  border-width: 1px;
  border-color: #e5e5e5; }

a {
  color: #F05F40;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s; }
  a:hover {
    color: #f05f40; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }

.bg-white {
  background-color: #ffffff !important; }
.bg-primary {
  background-color: #4ecbd3 !important; }
.bg-secondary {
  background-color: #c1f9f2 !important; }
.bg-tertiary {
  background-color: #d4e3e4 !important; }  
.bg-quaternary {
  background-color: #eef7f7 !important; }

.bg-dark {
  background-color: #212529 !important; }

.text-faded {
  color: rgba(255, 255, 255, 0.7); }

.text-primary {
  color: #4ecbd3 !important; }

.btn {
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  border-radius: 300px;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }

.btn-xl {
  padding: 1rem 2rem; }

.btn-primary {
  background-color: #4ecbd3;
  border-color: #4ecbd3; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    color: #4ecbd3;
    background-color: #eaf2f2 !important; }
  .btn-primary:active, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 95, 64, 0.5) !important; }


section {
  padding: 4rem 0; }

.section-heading {
  margin-top: 0; }

::-moz-selection {
  color: #fff;
  background: #212529;
  text-shadow: none; }

::selection {
  color: #fff;
  background: #212529;
  text-shadow: none; }

img::selection {
  color: #fff;
  background: transparent; }

img::-moz-selection {
  color: #fff;
  background: transparent; }


#mainNav {
  border-bottom: 1px solid rgba(33, 37, 41, 0.1);
  background-color: #4ecbd3 !important;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s; }
  #mainNav .navbar-brand {
    font-weight: 700;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7); 
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }
    #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
      color: #ffffff; }
  #mainNav .custom-toggler.navbar-toggler {
    color:#fff;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link {
        padding: 0.5rem 0.7rem; }
  #mainNav .navbar-nav > li.nav-item > a.nav-link,
  #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
    font-size: .9rem;
    font-weight: 700;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7); }
    #mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
    #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
      color: #ffffff !important; }
    #mainNav .navbar-nav > li.nav-item > a.nav-link.active,
    #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {
      color: #ffffff !important;
      background-color: transparent; }
      #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover,
      #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active:hover {
        background-color: transparent; }


  @media (min-width: 992px) {
    #mainNav {
      border-color: transparent;
      background-color: transparent;}
      #mainNav .navbar-brand {
        color: rgba(255, 255, 255, 0.7); }
        #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
          color: #fff; }
      
      #mainNav .navbar-nav > li.nav-item > a.nav-link,
      #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
        color: rgba(255, 255, 255, 0.7); }
        #mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
        #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
          color: #fff !important; }
      #mainNav.navbar-shrink {
        border-bottom: 1px solid rgba(33, 37, 41, 0.1);
        background-color: #fff; }
        #mainNav.navbar-shrink .navbar-brand {
          color: #ffffff; }
          #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
            color: #ffffff; }
        #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link,
        #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus {
          color: #ffffff; }
          #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover,
          #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover {
            color: #ffffff; }  }


/*===================================================================================================
                            slider
=====================================================================================================*/

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block !important;
}

/*===================================================================================================
                            başkanın mesajı
=====================================================================================================*/ 
#starting {
  border-top: 5px solid #4ecbd3;
  min-height: 600px;
  }
  .starting-text{
    margin-top: -60px;
    padding: 5px 0px;
    font-weight: bold;
    letter-spacing: 2px;} 

/*===================================================================================================
                            banner
=====================================================================================================*/
#banner {
  border-top: 10px solid #4ecbd3;
  padding: 1rem 0 !important;
}

#banner img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;


}
#banner img:hover {
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.star {
    visibility: hidden;
}

.fadeIn {
    -webkit-animation: animat_show 2s;
    animation: animat_show 2s;
    visibility: visible !important;
}

@-webkit-keyframes animat_show{
    0%{opacity:0}
    100%{opacity:1}
}



/*-----------------------------------------------------------------------------------------------------
                                Etkinlikler
-------------------------------------------------------------------------------------------------------*/
#etkinlikler p {
  font-size: 16px;
}
.card-body {
  padding: 0.5em !important;
}

/*-----------------------------------------------------------------------------------------------------
                                Tarihçe Accordion
-------------------------------------------------------------------------------------------------------*/
.card-block {
  padding: 20px;
}


/*------------------------------------------------------------------------------------------------------
                                etkinlik-takvimi
--------------------------------------------------------------------------------------------------------*/

.table-hover> tbody> tr:hover{
    background-color:#c1f9f2;
}
/*---------------------------------------------------------*/