@import url("tema.css");
.kuponsol{
    position: relative;
    height: calc(100% - 95px);
    float: right;
    width: 300px;
    margin-top: 10px;
}
.kuponize{
    display: none;
    margin-top: 64px;
    width: 100%;
    height: calc(100% - 64px);
    position: fixed;
    z-index: 9;
    background: rgba(0,0,0, .4);
}
.kuponmobilsol{
    position: fixed;
    float: left;
    padding: 10px;
    height: calc(100% - 84px);
    width: 283px;
    margin-top: 0px;
    background: white;
    margin-left: -320px;
}
.kuponsag{
    position: relative;
    float: left;
    border-left: 1px solid #ddd;
    margin-bottom: 10px;
    padding:10px;
    width: calc(100% - 336px);
    background: white;
    margin-top: 12px;
}
.kuponbaslik{
    padding-bottom: 15px;
    width: 100%;
    margin-bottom: 2px;
    font-size: 15px;
    color: #28346F;
    background: #F9FAFF;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding-top: 15px;
}
.kuponbaslikicon{
    position: absolute;
    margin-left: -24px;
    margin-top: -4px;
}
.kuponbaslikicon img{
    width: 18px;
    height: 18px;
}
.kupondansil{
    position: absolute;
    width: 22px;
    right: 10px;
    margin-top: -25px;
    text-align: center;
    cursor: pointer;
}
.tumunusil{
    position: absolute;
    padding-bottom: 4px;
    padding-top: 4px;
    cursor: pointer;
    background: white;
    border: 1px solid #F1F1ED;
    color: #25283B;
    padding-left: 14px;
    padding-right: 14px;
    border-radius: 5px;
    right: 15px;
    margin-top: -4px;
    font-size: 12px;
}
.kuponukapat{
    position: absolute;
    padding-bottom: 5px;
    padding-top: 5px;
    cursor: pointer;
    background: white;
    border: 1px solid #ccc;
    color: #aaa;
    padding-left: 14px;
    padding-right: 14px;
    border-radius: 2px;
    right: 0px;
    margin-top: -6px;
}
.kuponum{
    position: fixed;
    right: 20px;
    bottom: 20px;
    padding: 8px;
    padding-left: 20px;
    padding-right: 15px;
    background: crimson;
    color: white;
    cursor: pointer;
    z-index: 9;
    border-radius: 16px;
}
.kuponum b{
    background: white;
    color: black;
    padding: 3px;
    padding-left: 6px;
    padding-right: 6px;
    margin-left: 10px;
    border-radius: 50%;
}
.kuponicerik{
    margin-top: 1px;
    margin-bottom: 1px;
    padding-top: 5px;
    padding-bottom: 4px;
    padding-left: 3px;
    width: calc(100% - 20px);
    border-radius: 8px;
    background: white;
    margin-left: 12px;
}
.macsil img{
    height: 19px;
}
.kuponiceriktakimlar{
    padding-top: 4px;
    padding-bottom: 3px;
    padding-left: 8px;
    width: calc(100% - 34px);
    color: #28346F;
    font-size: 12px;
    font-weight: bold;
}
.kuponicerikalt{
    padding-top: 5px;
    padding-bottom: 4px;
}
.kuponicerikicon{
    position: absolute;
    margin-left: -23px;
    margin-top: -2px;
    display: none;
}
.kuponicerikicon img{
    border-radius: 52%;
}
.kuponicerikmini{
    position: absolute;
    margin-left: -22px;
    width: 14px;
    text-align: center;
    color: white;
    padding-bottom: 1px;
    padding-top: 1px;
    border-radius: 2px;
    margin-top: 0px;
    font-size: 10px;
}
.kuponicerikdetaylari{
    padding-top: 2px;
    padding-bottom: 5px;
    padding-left: 30px;
    width: calc(100% - 30px);
    color: #A2A7AB;
}
.kuponicerikdetaylari b{
    color: #808080;
}
.kupontoplami{
    margin-top: 2px;
    border: 1px solid #ECF0F3;
    padding: 6px;
    padding-right: 15px;
    width: calc(100% - 50px);
    text-align: right;
    padding-top: 10px;
    padding-bottom: 11px;
    border-radius: 12px;
    font-size: 13px;
    color: #28346F;
    margin-left: 13px;
}
.kupondetay{
    position: relative;
    float: left;
    height: 100%;
}
.kuponupaylas{
    text-align: center;
    background: #FDD50B;
    color: #25283B;
    border-radius: 20px;
    padding-bottom: 13px;
    padding-top: 16px;
    width: 130px;
    position: relative;
    cursor: pointer;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    margin-left: 80px;
    margin-bottom: 10px;
    margin-top: 10px;
    float: inherit;
}
.kuponicerikzemin{
    position: relative;
    float: left;
    overflow-y: auto;
    height: auto;
    max-height: calc(100% - 130px);
    overflow-x :hidden;
}
.u1{
    background: #DD143C;
}
.u2{
    background:#E28E34;
}
.u3{
    background: #52C1A2;
}
.u4{
    background: forestgreen;
}

.macekleyin{
    text-align: center;
    color: #28346F;
    padding-top: 10px;
    padding-bottom: 18px;
}
.kuponicerikloading{
    display: none;
    position: relative;
    float: left;
    text-align: center;
}
.kuponicerikloading img{
    width: 76px;
    height: 76px;
}
.hata{
    position: fixed;
    z-index: 9;
    margin-left: 20%;
    width: calc(100% - 40%);
    background: crimson;
    color: white;
    bottom: 10px;
    text-align: center;
    padding-top: 14px;
    padding-bottom: 14px;
    border-radius: 10px;
}
.yok{
    position: relative;
    width: 100%;
    text-align: center;
    padding-top: 40px;
    color: #333;
}
.bulten ul{
    width: calc(100% - 10px);
    padding: 5px;
    margin-top: 2px;
    border-radius: 4px;
    border-top: 1px solid #dedede;
    padding-top: 8px;
    padding-bottom: 5px;
}
.ligsaat{
    position: relative;
    float: left;
    width: 46px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 11px;
    border-radius: 2px;
}
@keyframes flash {
  0% {
    background:#FFDE6F;
  }
  20% {
    background:#FFEA9F;
  }
  50% {
    background:#FFC90E;
  }
  70% {
    background:#FFEA9F;
  }
  100% {
    background:#FFDE6F;
  }
}
.bultenoran{
    position: relative;
    float: left;
    width: 38px;
    text-align: center;
    background: #F8F9FE;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-left: 4px;
    border-radius: 2px;
    cursor: pointer;
    color: #445782;
    font-weight: bold;
    border: 1px solid #F0F0F0;
    border-radius: 10px;
}
.bultenoran:hover{
    background: #CED6D9;
}
.bultentakimlar{
    position: relative;
    float: left;
    padding-left: 30px;
    width: calc(100% - 432px);
    text-align: center;
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #009DD9;
    margin-left: 4px;
}
.bultentakimlar2{
    position: relative;
    float: left;
    padding-left: 30px;
    width: calc(100% - 212px);
    text-align: center;
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #009DD9;
    margin-left: 4px;
}
.min{
    position: absolute;
    margin-left: -28px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 17px;
    margin-top: 5px;
    border-radius: 2px;
    text-align: center;
    color: white;
    font-size: 10px;
    font-weight: bold;
}
.bultenbaslik{
    color: white;
    padding: 10px;
    padding-top: 4px;
    padding-bottom:2px;
    font-size: 13px;
    margin-bottom: 0px;
    margin-top: 5px;
    color: #333;
    background: #445782;
    border-radius: 0;
    width: 100%;
    margin-left: -10px;
}
.tarih{
    position: relative;
    float: left;
    padding-left: 47px;
    width: calc(100% - 403px);
    padding-top: 11px;
    padding-bottom: 10px;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
}
.tarih2{
    position: relative;
    float: left;
    padding-left: 38px;
    width: calc(100% - 164px);
    padding-top: 11px;
    padding-bottom: 10px;
    font-weight: bold;
    color: #333;
    font-size: 12px;
}
.bultenbaslikicon{
    position: absolute;
    margin-left: -30px;
    margin-top: -1px;
}
.bultenbaslikicon img{
    width: 14px;
    height: 14px;
}
.baslikoran{
    position: relative;
    float: left;
    width: 40px;
    text-align: center;
    margin-left: 4px;
    border-radius: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 10px;
    margin-top: 1px;
    font-weight: bold;
    background: #fff;
    color: #445782;
}
.orandetay{
    display: none;
    position: relative;
    float: left;
    width: calc(100% - 8px);
    padding: 2px;
    border: 2px solid #E6ECF0;
    border-top: 2px solid #E6ECF0;
    border-radius: 4px;
    margin-bottom: 2px;
    background: #F3F4F8;
}
.oranbolge{
    position: relative;
    float: left;
    width: calc(50% - 4px);
    padding: 2px;
}
.altoran{
       position: relative;
    float: left;
    padding: 5px;
    width: calc(100% - 12px);
    border: 1px solid #F8F9FE;
    border-radius: 10px;
    margin-bottom: 2px;
    margin-top: 2px;
    background: white;
}
.altoranbaslik{
    text-align: center;
    padding-top: 4px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 4px;
    color: #28346F;
}
.aos{
    position: relative;
    float: left;
    margin-left: 5px;
    width: calc(50% - 5px);
    font-weight: bold;
}
.aod{
    position: relative;
    float: left;
    right: 5px;
    width: calc(50% - 5px);
    text-align: right;
}
.uclu{
    position: relative;
    float: left;
    background: #E6ECF0;
    padding: 5px;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-left: 2px;
    margin-right: 2px;
    color: #28346F;
    margin-top: 1px;
    margin-bottom: 3px;
    border-radius: 8px;
    cursor: pointer;
    width: calc(33% - 14px);
}
.uclu:hover{
    background: #CED6D9;
}
.ikili{
    position: relative;
    float: left;
    background: #E6ECF0;
    padding: 5px;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-left: 3px;
    margin-right: 2px;
    border-radius: 8px;
    cursor: pointer;
    color: #28346F;
    width: calc(50% - 15px);
}
.ikili:hover{
    background: #CED6D9;
}
.dortlu{
    position: relative;
    float: left;
    background: #E6ECF0;
    padding: 5px;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-left: 3px;
    margin-right: 2px;
    color: #28346F;
    border-radius: 8px;
    cursor: pointer;
    width: calc(25% - 15px);
}
.dortlu:hover{
    background: #CED6D9;
}
.kuponicinmobil{
    display: none;
}
.kupontipi{
    position: absolute;
    z-index: 1;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 26px;
    margin-top: -4px;
    cursor: pointer;
    color: #28346F;
}
.tsecim{
    position: absolute;
    height: 10px;
    width: 10px;
    border: 1px solid gray;
    margin-left: -20px;
    margin-top: 1px;
    border-radius: 50%;
}
.bultenkategori{
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-left: 10px;
    width: auto;
    border: 1px solid #EBECF1;
    position: absolute;
    margin-left: -11px;
    margin-top: -47px;
}
.bultenkategori a{
    color: #333;
}
.bultenkategori ul{
    padding: 12px;
    padding-left: 30px;
    cursor: pointer;
    margin-right: 5px;
    margin-left: 2px;
    font-weight: bold;
}
.bultenkategoriicon{
    position: absolute;
    width: 14px;
    height: 14px;
    margin-left: -24px;
    margin-top: 0px;
}
.bultenkategoriicon img{
    width: 100%;
    height: 100%;
}
.veriler{
    height: 50px;
    margin-bottom: 2px;
}
.veriler ul{
    margin: 1px;
    width: calc(50% - 4px);
    border: 1px solid #dedede;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 6px;
    font-family: font1;
    font-size: 12px;
    background: url("../img/headermenubg.png");
    background-size: 100% 100%;
}
.veriler ul b{
    font-size:12px;
}
.sollist{
    position: relative;
    float: left;
    overflow-y: auto;
    height: auto;
    padding: 1px;
    width: calc(100% - 2px);
    max-height: calc(100% - 73px);
    overflow-x :hidden;
    background: #ddd;
    border-radius: 4px;
}
.sollist a{
    color: #606060;
}
.sollist b{
    color: #28346F;
    font-weight: bold;
    font-family: font2;
}
.sollist ul{
    width:calc(100% - 10px);
    padding: 4px;
    padding-bottom: 7px;
    padding-top: 7px;
    height: 36px;
    cursor: pointer;
    border: 1px solid white;
    border-top: 1px solid #ddd;
    background: white;
}
.sollist ul:hover{
    background: #eee;
}

.enfoto{
    position: relative;
    float: left;
    margin-top: 2px;
    margin-left: 1px;
    width: 32px;
    height: 32px;
    background: rgba(156,160,180, 0.3);
    padding: 2px;
    border-radius: 4px;
}
.enfoto img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.enisim{
    position: relative;
    float: left;
    margin-top: 0px;
    margin-left: 12px;
    border-radius: 2px;
    font-family: font1;
}
.tac{
   display: none;
}
.madalya{
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("../img/madalya.png");
    background-size: 100% 100%;
    right: 14px;
    margin-top: 5px;
    z-index: 1;
}
.yildizla{
    position: absolute;
    width: 24px;
    padding-top: 8px;
    height: 16px;
    font-family: arial;
    font-weight: bold;
    font-size: 10px;
    background: url("../img/star2.png");
    background-size: 100% 100%;
    right: 13px;
    margin-top: 6px;
    z-index: 1;
    color: #28346F;
    text-align: center;
}
.dipmenu{
    border: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom:9px;
    width: calc(100% - 2px);
    margin-top: 5px;
}
.dipmenu ul{
    margin-left: 9px;
    margin-right: 9px;
    cursor: pointer;
}
.dipmenu a{
    color: #707070;
}
@media only screen and (max-width: 960px) {
    
    .res1{
        display: none;
    }
    .tarih{
        width: calc(100% - 208px);
    }
    .bultentakimlar{
        width: calc(100% - 256px);
    }
    .tarih2{
        width: calc(100% - 172px);
    }
    .bultentakimlar2{
        width: calc(100% - 220px);
    }
    .dortlu{
        width: calc(50% - 15px);
        margin-bottom: 4px;
    }
    @media only screen and (max-width: 820px) {
        .kuponicinmobil{
            display: block;
        }
        .kuponicerikzemin{
            max-height: calc(100% - 135px);
        }
        .kuponsol{
            display: none;
        }
        .kuponsag{
            margin-left: 7px!important;
            border-left: 0px solid white;
            width: calc(100% - 10px)!important;
        }
        .eniyiler{
            width: 50%!important;
        }
        .orandetay{
            width: calc(100% - 34px)!important;
        }
        .tumzamanmobil{
            border-top-right-radius: 10px;
        }
        .bulten ul{width: calc(100% - 35px)!important;}
        .yenilermobil{
            border-top-right-radius: 0px!important;
        }
    }
    @media only screen and (max-width: 460px) {
        .tablo{
            width: 98%;
        }
        .res2{
            display: none;
        }
        .bultentakimlar{
            width: calc(100% - 124px);
        }
        .bultentakimlar2{
            width: calc(100% - 124px);
        }
        .tarih{
            width: calc(100% - 76px);
        }
        .oranbolge{
            width: calc(100% - 4px);
        }
    }
}