/*!
 * Responsive HTML Template
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
.DefaultBG{position:relative;z-index:1;}
.Newstitle { background: #fff; text-align: center; display: block; width: 209px; position: relative; z-index: 99; margin: 5px auto; }
.newsp { text-align: center; }
.LineNews { width: 100%; height: 2px; background: #000; position: absolute; top: 17px; }
.KurlarIcerik h5 { margin: 5px; }

/* SLİDER CSS */
.sliderBlok { margin: 0 auto; }
.referanslar-sol { border: 1px solid #ccc; border-left: none; }
/* haber Buton */
.bloklar-orta { background-color: black; }
.blok-1 { text-align: center; }
    .blok-1 li { padding: 9px 0px 10px 0px; }
    .blok-1 a { color: white; font-size: 14px; }
.blok-2 { text-align: center; }
    .blok-2 li { padding: 9px 0px 10px 0px; }
    .blok-2 a { color: white; font-size: 14px; }
.blok-3 { text-align: center; }
    .blok-3 li { padding: 9px 0px 10px 0px; }
    .blok-3 a { color: white; font-size: 14px; }
.referanslar-sol-yazi { text-align: center; text-align: center; margin: 36px 0; }
.referanslar-sol p { font-size: 14px; font-weight: bold; }
.HaberIcrk h4 { color: black; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.HaberIcrk p { color: black; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.btnHaber { background: #395c7a; color: #fff; padding: 7px 20px; display: inline-block; margin: 5px; }
/* 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; }
.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; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.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; }
.yazi { background-color: #000; padding: 10px 0; margin: 5px 0; text-align: center; }
    .yazi h2 { color: #fff; font-size: 14px; }
.blok-margin4 { height: 225px; }
    .blok-margin4 img { height: 220px; }
.KurlarIcerik { background-color: #2c4860; padding: 5px 2px; margin: 9px 0px; }
    .KurlarIcerik .fa { color: #fff; }
    .KurlarIcerik span { color: #fff; }


/* Ü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) {
    .sliderBlok { width: 100%; }
    .HaberIcrk { padding: 0 0px; }
    .blok-margin4{height:auto;}
}

@media(min-width:768px) {
    .sliderBlok { width: 100%; }
    .bslkBlok { width: 80%; }
    .HaberIcrk { padding: 0 10px; }
    .KurlarIcerik h5 { font-size: 12px; text-align: center; }
    .ikili-blok { margin-bottom: 10px; }
    
}

@media(min-width:992px) {
    .sliderBlok { width: 100%; }
}

@media(min-width:1200px) {
    .sliderBlok { width: 100%; }
}

@media(min-width:1400px) {
    .sliderBlok { width: 1400px; }
}