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

/* SLİDER CSS */

/* haber Buton */
.btnHaber{padding:10px 20px;background:#fff;color:#000;position:absolute;bottom:0;margin:0 auto;left:50%;transform:translateX(-50%);}

/* 3LÜ BLOK CSS */
    .bloklar{padding:5px;position:relative;}
    .bloklar img{transition:all 0.5s linear;-ms-transition:all 0.5s linear;-moz-webkit-transition:all 0.5s linear;-o-transition:all 0.5s linear;}
    .bloklar:hover img{filter: grayscale(1) brightness(50%);-webkit-filter: grayscale(1) brightness(50%);-moz-filter: grayscale(1) brightness(50%);-o-filter: grayscale(1) brightness(50%);-ms-filter: grayscale(1) brightness(50%);transition:all 0.5s linear;-ms-transition:all 0.5s linear;-moz-webkit-transition:all 0.5s linear;-o-transition:all 0.5s linear;}
    .bloklar:hover a::after{content: '';border: 1px solid #fff;position: absolute;width: 94%;height: 80%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
    .bloklar:hover .bslkBlok{width:100%; -webkit-transition: width 1s ease-in-out;-moz-transition: width 1s ease-in-out;-o-transition: width 1s ease-in-out;transition: width 1s ease-in-out;}
    .bslkBlok{  text-align: center;background-color: white;position: absolute;top: 50%;width: 50%;font-size: 16px;padding: 5px 15px;transform: translate(-50%, -50%);margin: 0 auto;cursor:pointer;left:50%; -webkit-transition: width 1s ease-in-out;-moz-transition: width 1s ease-in-out;-o-transition: width 1s ease-in-out;transition: width 1s ease-in-out;white-space:nowrap;display:inline-block;}
    .HaberIcrk{width:100%;color:#fff;text-align:center;padding:0 40px}
    .BlogIcerk{width:100%;color:#000;text-align:left;padding:10px}
    .BlogIcerk h4{color:#746d6d;}
    .BlogDevam{color:#746d6d;font-style:italic;padding:0 10px;}
    .BlogDetay{font-size:12px;}
    .LogoAlt{margin-top:15px;}


/* ÜRÜNLER CSS */
    /* Başlık */
        .dbaslik {width:100%;display:table;text-align:center;margin:10px 0}
        .dbaslik h3{padding:0 20px}
        .dbaslik span {display:table-cell;}
        .bb{display: table-cell;height:5px;position: relative;vertical-align: middle;width:39%;}
        .bbi{width:100%;height:6px;border-bottom: 1px solid #000;border-top-width: 0px;border-top: 2px solid #000;}
    /* Başlık */
    .ub{background:#fff;width:263px;padding:5px;cursor:pointer;float:left;}
    .ubi{width:253px;height:316px;overflow:hidden;position:relative;background:#000;float:left;}
    .ubi img{width:100%;height:100%;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;}
    .HGButon{position:absolute;left:10px;bottom:20px;padding:4px 8px;background:#dd1f26;color:#fff;font-size:12px;opacity:0;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;} 
    .HGButon:hover{color:#fff;}
    .HGButon i{padding: 0 5px;}
    .ubi:hover .HGButon{opacity:1;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;}
    .ubi:hover img{opacity:0.8;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;}
    .ubf{padding:5px 10px;float:left;width:100%;}
    .ubf h3, .ubf h5{width:30%;float: left;}
    .ubf h5{color:#ccc;text-decoration:line-through;line-height: 0px;}
    .ubf h5 i{font-size:10px;}
    .ubf h3{color:#dd1f26;}
    .ubf h3 i{font-size:14px;}
    .ubak{padding:0px 10px;float:left;width:100%;}
    .uuadi{color:#000;}
    .ukadi{color:#ccc;} 
    
/* KURUMSAL YAZI CSS */
    .kurumsalYazi{width:100%;padding:10px;background:#fff;}
    .kyic{width:100%;min-height:50px;border:1px solid #eee;padding:10px;text-align:justify;}

@media(max-width:767px)
{

}
@media(min-width:768px)
{
    .bslkBlok{width:80%;}
    .HaberIcrk{padding:0 10px;}
}
@media(min-width:992px)
{

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

}