/*!
 * 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*/
.ab {text-align: center;height:275px;background:#eee;    border: 10px solid #e1dddc;border-left: none;}
.ab-resim {height:275px;}
.ab-resim img {height:100%;}
.baslikyazi {height:275px;background:#555;}
    .baslikyazi h3 {text-align:left;padding:10px 0 0 10px;font-size:15px;color:#fff;}
    .baslikyazi p {text-align:left;padding:3px 0 0 10px;font-size:10px;color:#fff;}
   .duyurubutonarka{float: left;height:80px;width: 100%;margin-top: 76px;background: gray;}
    .ab h3 {color:#fff;}
/* 3LÜ BLOK CSS */
.banner-blok {position:relative;     margin-top: 15px;}
.KEKO{position: absolute;transition:ease-in-out .9s;transform: scale(0);display:none;color: #fff;background: transparent;bottom: 100px;right: 60px;width: 120px;height: 50px;padding: 10px;border: 3px solid #fff;font-size: 15px;}
.banner-blok:hover > .blok-margin > .effect-oscar > .KEKO{display:block;transition:ease-in-out .9s;transform: scale(1);}
.KEKO:hover{color:#e1dddc;border:3px solid #e1dddc;transition:ease-in-out .1s;}
.KEKO2{    position: absolute;bottom: 100px;left: 100px;}
.yazi p{color: #000;
    padding: 7px;}
.blokresim1 {border-bottom:4px solid #f4f4f4;}
    .blokresim1 h3 {margin-top:20px;text-align:center;color:#5b5b5b;    font-size: 18px;font-weight: bold;}
    .blokresim1 p {margin:10px 0 20px 0;text-align:center;color:#5b5b5b;font-size:14px;font-weight:700;}
    .dbaslik h3 {padding: 3px 50px;border: 1px solid #002a64;background-color: #002a64;color: #fff;font-size: 17px;}
/*.referans {margin-top:10px;margin-bottom:10px;}*/
    .bbi {width: 100%;height: 6px;border-top-width: 0px;border-top: 5px solid #002a64;}
.blokresim2 {height:380px;border-bottom:4px solid #f4f4f4;}
 .blokresim2 h3 {margin-top:20px;text-align:center;color:#5b5b5b;    font-size: 18px;font-weight: bold;}
    .blokresim2 p {margin:10px 0 20px 0;text-align:center;color:#5b5b5b;    font-size: 14px;font-weight: 700;}
    .blokresimsol{height:275px;}
    .blokresimsol img{height: 200px;margin:auto;}
    .yazi{text-align:center;}
    .yazi h5{    text-align: center;padding: 7px;background-color: #555;color: #fff;width: 55%;
    float: none;
    display: block;
    margin: auto;}
.bloklar-uclu {margin-top:10px;}
    .banner-blok img { width: 100%; height:auto;}
/*.box1 { padding: 0 20px 0 0; }*/

.blok-margin {margin:7px;}
.blok-marginalt {margin:7px;}
.blok-marginsol {margin:7px;}
.box2 { padding: 0 10px; }
.box3 { padding: 0 0 0 20px; }
.box4 { padding: 0 20px 0 0; margin-top: 20px; }
.box5 { padding: 0 10px; margin-top: 20px; }
.box6 { padding: 0 0 0 20px; margin-top: 20px; }
.box7 { padding: 0 20px 0 0; margin-top: 20px; }
.box8 { padding: 0 10px; margin-top: 20px; }
.box9 { padding: 0 0 0 20px; margin-top: 20px; }
.slider-blok { margin-top: 3px; }
.blok-margin2 {margin-left:10px;}
.blok-margin3 {margin-left:10px;}
.blok-margin4 {margin-top:10px;margin-left:10px;}
.bnrText h4 {font-size:14px;}
.bnrText { position: absolute; bottom: 0; padding: 0 10px; left: 41%;width:82%; transform: translateX(-50%); display: inline-table; text-align: center; color: #FFF; cursor: pointer; background-color: #002c6b;}
.bnrKampanya {position: absolute;bottom: 205px;padding: 0 10px;left: 68%;transform: translateX(-50%);display: inline-table;text-align: center;color: #FFF;cursor: pointer;background-color: #6d6d82;}
.bnrProje {position: absolute;bottom: 0px;padding: 0 37px;left: 50%;transform: translateX(-50%);display: inline-table;text-align: center;color: #FFF;cursor: pointer;background-color: #002a64;}
.blok-margin1 {margin:10px;}
.bnrText1 H4 {color:#000;font-size:14px;font-weight:bold;margin-top:5px;border-top:4px solid #d52a23;}
/*.BannerYazi::after {
    content: " ";
    width: 30%;
    position: relative;
    height: 2px;
    text-align: center;
    display: block;
    background: #fff;
    margin: 0 auto;
    top: 0px;
}*/
.ubi2 img {    border: 1px solid #000;}
/*.divbuton {background-color:#fff;width:130px;height:40px;}*/
.markalar {background-color: #fff;margin-top:60px; }
.markalar h5{padding:7px;color:#fff;background-color:#555;text-align:center;    width: 50%;float: none;display: block;margin: auto;}
.urunler { margin-top: 20px; }
.price a { color: #ccc; font-size: 16px; }
.product-details { border-bottom: 2px solid #df3e10;text-align: left; }
/* 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; }
.blok-uclu-resim-ilk {margin-top:5px;}
.dövizler {
    background-color: #FFF;
    padding-left:10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 10px;
}
.blokalti{margin-top:20px; }
.dövizlericerik {border:1px solid #ccc;}
.dövizler h3 {
    color:#22427b;
    font-weight:bold;
    font-size:18px;
   
    border-bottom: 3px solid #c10509;
    padding: 8px 6px 6px 3px;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}
.dövizlericerik ul:first-child { border-top:none;
}
.dövizlericerik ul {
    background-color: #f8f8f8;
    border-top:1px solid #ccc;
    /*margin: 0 3px 8px;*/
}
.dövizlericerik ul li.col1 {
    text-align: left;
    width: 60px;
    padding-left: 25px;
    font-weight: bold;
    color: #636363;
}
.dövizlericerik ul li {
    float: left;
    width: 55px;
    color: #949494;
    padding: 5px 0;
    text-align: center;
}
.bslkUrun {
    font-size: 18px;
    display: inline-block;
   
    font-weight: bold;
    
    padding: 5px 10px;
    color:#22427b;
}
@media(max-width:767px) {
    .box1 { padding: 3px; }
    .box2 { padding: 3px; }
    .box3 { padding: 3px; }
    .box4 { padding: 3px; margin-top: 0px; }
    .box5 { padding: 3px; margin-top: 0px; }
    .box6 { padding: 3px; margin-top: 0px; }
    .blokresim1 {text-align:center;}
     .blokresim2 {text-align:center;}
    .box1 img {width:100%;}
     .bnrText {width:99%;left:50%;}
    .bnrKampanya {display:none;}
    .slider-blok { margin-top: 3px; width: 100%; text-align: center; }
    .figure.effect-bubba{width:85%;}
}

@media(min-width:768px) {
     .buttonn {text-align: center; margin-top:0px;}
     .bnrText {width:100%;left:50%;}
    .bnrKampanya {display:none;}
     /*.blokresim2 {height: 310px;}
    .blokr*/esim1 {height: 310px;}
            .slider-blok { margin-top: 3px;  }
            .markalar{margin:0 auto;}
            .duyurubutonarka {float: left;height:75px;width: 100%;margin-top: 78px;background: gray;}
            .banner-blok {position:relative;margin:0 auto;}
}

@media(min-width:992px) {
     /*.blokresim2 {height: 335px;}
    .blok*/resim1 {height: 335px;}
    .duyurubutonarka {float: left;height: 80px;width: 100%;margin-top: 85px;background: gray;}
    .bnrKampanya {left:57%;}
     .buttonn {text-align: center; margin-top:16px;}
    /*.blokresimsag {height:121px;}*/
    .slider-blok { margin-top: 3px;}
    .banner-blok {position:relative;     margin-top: 0px;}
}

@media(min-width:1200px) {
    /*.container.bin {width:1685px;}*/
    /*.blokresim2 {height: 380px;}
    .b*/lokresim1 {height: 380px;}
     .bnrText {width:82%;left:41%;}
    .bnrKampanya {left:68%;}
    .blokresimsag {height:auto;    margin-top: 15px;}
   .slider-blok { margin-top: 3px; }
    .figure.effect-bubba{width:100%;}
    .banner-blok {position:relative;     margin-top: 15px;}
}