@import url('https://fonts.googleapis.com/css?family=Sintony&display=swap');
@font-face {
    font-family: Helvetica;
    src: url(../font/Helvetica.ttf);
}
@font-face {
    font-family: Myriad Pro;
    src: url(../font/MyriadPro.otf);
}
@font-face {
    font-family: 'Lato' ;
    src: url(../font/Lato-Bold.ttf);
}
@font-face {
    font-family: 'HelveticaNeue' ;
    src: url(../font/HelveticaNeueBd.ttf);
}
@font-face {
    font-family: 'Klavika Medium' ;
    src: url(../font/KlavikaMedium.otf);
}
@font-face {
    font-family: 'Klavika Lt' ;
    src: url(../font/KlavikaLight.otf);
}
.navbar-nav > li > a
{
    font-family: 'Sintony' ;
    font-weight: 500;
    color: white !important;
}
.plr0
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.carousel-controls{
    
    position:relative; 
     width:200px;
     margin:20px auto;
   }
   
   .carousel-indicators{
      top:0px; 
   }
   .hakbaslik
   {
    font-family: Helvetica;
    font-size: 16px;
    padding-top: 20px !important;
    padding-bottom: 30px !important;
    color: #737c85;
   }
   .hakaciklama
   {
    font-size: 12px;
    color: #929da5;
    font-family: Myriad Pro;

   }
   .hakaltbaslik
   {
    font-family: Helvetica;
    font-size: 22px;
    font-weight: 600;
    padding-top: 20px !important;
    padding-bottom: 10px !important;
    color: #737c85;
   }
      .hakaltaciklama1
   {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 600;
    padding-top: 20px !important;
    padding-bottom: 10px !important;
    color: #737c85;
   }
   .hakaltaciklama2
   {
    font-size: 12px;
    font-family: Myriad Pro;
    padding-top: 20px !important;
    padding-bottom: 10px !important;
    color: #737c85;
   }
   .urunumuz
   {
    font-size: 14px;
       background-color: #63c6ae;
       font-family: 'Sintony' ;
    font-weight: 600;
    color: white !important;
    padding:10px;
   }

   .alan3
   {
       background:url(../img/alan3arka.jpg);
       background-size: cover;
   }
   .alan3 a
   {
    font-family: 'Lato' ;
     color: #444e52 !important;
     font-weight: 600;
     font-size: 20px;
   }
    .alan3 a:hover
   {
color: #a9b2ba !important;
     font-weight: 600;
     text-decoration-color: #63c6ae;
    
   }
   
   .ptb30
   {
    padding-top: 30px;
    padding-bottom: 30px;
   }
   .ptb20
   {
    padding-top: 20px;
    padding-bottom: 20px;
   }
   .footerbas1
   {
    font-family: 'HelveticaNeue' ;
    color: white;
    font-size: 20px;
   }
   .footerana
   {
       background: url(../img/footerback.jpg);
       background-size: cover;

   }
   .footerana a
   {
    font-family: Myriad Pro;
     color: white !important;
     font-weight: 300;
     font-size: 15px;
   }
    .footerana a:hover
   {
    
color: white !important;
     font-weight: 400;
     text-decoration-color: #63c6ae;
    
   }
   .footeralt
   {
    font-family: Myriad Pro;
     color: white !important;
     font-weight: 300;
     font-size: 15px;
     
   }


   .headerana
   {
     background: url(../img/headarka.jpg);
     background-size: cover;
     height: 150px;
   }
   .headerana .baslik
   {
    font-family: 'Klavika Medium' ;
    color: white;
    font-weight: 500;
    font-size: 38px;
    border-right: 6px solid #63c6ae;
    padding-right: 15px;
   }

   .vcenter {
    display: flex !important;
    align-items: flex-end !important;
}

.altmenu
{
  padding: 8px;
}
.altmenu a.ilk
{
  font-family: Helvetica;
  color: #4d4d4d;
  font-size: 15px;
  font-weight: 400;
  border-left: 6px solid #63c6ae;
  padding: 10px;
  text-transform: uppercase;
}
.altmenu a.son
{
  font-family: Helvetica;
  color: #4d4d4d;
  font-size: 15px;
  font-weight: 400;
  background: #53af99;
  padding: 10px;
  border-radius: 5px;
  text-transform: uppercase;
}

.cizgi2
{

  border-top: 2px solid #36a198;
position: absolute;
left: 10px;
height: 2px;
width: 110%;
}
.sayfaicerik p strong
{
  padding: 15px 0px;
  font-family: 'Klavika Medium' ;
  color: #36a198;
  font-size: 16px;
  margin: 10px;
  text-shadow:none !important;

}
.sayfaicerik
{
  color: #737c85;
  font-family: 'Klavika Lt' ;
  font-size: 14px;
  font-weight: 100;
  padding: 10px 0px;
  

}
.iceriksirabaslik
{
  font-size: 13px;
  font-family: 'Klavika Medium' ;
  color: #36a198;
}
.iceriksiraaciklama
{
  font-size: 12px;
  font-family: 'Klavika Lt' ;
  color: #000;
}
.cizgi
{
border-left: 2px dashed #39a29a;
position: absolute;
left: 30px;
height: 90%;


}
.icerikresim
{
  margin-top: -10px !important;
}

.icerikbilgi
{
  font-family: Helvetica;
  color: #737d84;
  font-size: 13px;
  padding-top:25px;
  padding-bottom:25px;
}
.belgeresim
{
  width: 75%;
  margin-bottom: 20px;
}
@media (max-width: 767px) 
{
  .icerikresim
  {
    margin-top: 0px !important;
  }

  .cizgi
  {
    left: 55px;
  }

}


   * { box-sizing: border-box; }

/* force scrollbar */
html { overflow-y: scroll; }

body { font-family: sans-serif; }

/* ---- grid ---- */



/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 33.333%;
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 98%;
  margin:3px;
}
