.margin-top-20 {
    margin-top: 20px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-50 {
    margin-top: 50px;
}

.is-inverted .booticon {
    color: #025aa5;
    background-color: #fff;
}

.is-inverted .booticon {
    color: #025aa5;
    background-color: #fff;
}

.container.container-top {
    max-width: 700px;
    padding-top: 100px;
}

.header {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    z-index: 1000;
}
.btn_giris {width:100%;}
.header_detail {
    background-color: #025aa5;
    padding-top: 20px;
    padding-bottom: 20px;
}

.booticon {
    text-decoration: none;
    position: absolute;
    left: 15px;
    top: 1px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #fff;
    background-color: #025aa5;
    border: 1px solid #025aa5;
    width: 35px;
    height: 35px;
    font-size: 20px;
    line-height: 33px;
    display: block;
    font-weight: 500;
    -webkit-text-decoration: none;
    -webkit-text-align: center;
    text-align: center;
    border-radius: 15%;
}

.login-link-light {
    color: rgba(255,255,255,1);
    font-size: 15px;
}

    .login-link-light:hover {
        color: rgba(255,255,255,.5);
    }

.navbar-brand {
    color: #ffffff;
}

.navbar-brand {
    display: inline-block;
    padding-top: .25rem;
    padding-bottom: .25rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.header {
    margin-top: 30px;
}

.loggedin, .login {
    float: right;
    /*position: absolute;
    top: 4px;
    right: 0;
    cursor: pointer;
    color: rgba(107,21,161,.5);*/
}

.btn-signup {
    padding: 5px 10px 7px;
    border: 1px solid #025aa5;
    background-color: #fff;
    color: #025aa5;
    margin-left: 15px;
    font-size: .9rem;
}

    .btn-signup:hover {
        color: #025aa5;
    }

.sub-head {
    background-color: #025aa5;
    padding-bottom: 50px;
}

    .sub-head h4 {
        font-weight: 200;
        color: rgba(255,255,255,.6) !important;
        margin-top: 30px;
    }

    .sub-head .title {
        font-size: 2rem;
        color: #fff;
    }

.hero-booticon {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    border: 1px solid #fff;
    color: #025aa5;
    background-color: #fff;
    margin: 0 auto 30px;
    width: 94px;
    height: 94px;
    font-size: 60px;
    line-height: 90px;
    display: block;
    font-weight: 500;
    -webkit-text-align: center;
    text-align: center;
    cursor: default;
    border-radius: 15%;
}

.seach_btn {
    cursor: pointer;
    color: #025aa5;
    background-color: #e9ecef;
    border-color: #e9ecef;
}

    .seach_btn::focus,
    .seach_btn:hover,
    .seach_btn::active {
        color: #025aa5;
        background-color: #e9ecef;
        border-color: #e9ecef;
    }

.firsat_liste {
    background: #FFF;
    padding: 15px;
}

    .firsat_liste h4 {
        margin-top: 2px;
    }

    .firsat_liste .head h3 {
        margin-bottom: 0px;
    }

        .firsat_liste .head h3 a {
            color: #ED151E;
        }

    .firsat_liste .head b {
        font-size: 15px;
    }

    .firsat_liste .item {
        border-bottom: solid 1px #F2F2F2;
        padding-bottom: 10px;
        padding-top: 20px;
    }

        .firsat_liste .item:hover {
            background: #fbf9ff;
        }

        .firsat_liste .item .Img img {
            border: solid 1px #F2F2F2;
            display: block;
        }

        .firsat_liste .item h3 {
            margin-bottom: 0px;
        }

            .firsat_liste .item h3 a {
                color: #1122cd;
                font-size: 16px;
                overflow: hidden;
                max-height: 48px;
                display: block;
            }

        .firsat_liste .item .keys a {
            color: #1122cd !important;
            font-size: 12px;
        }

        .firsat_liste .item .keys span.text {
            margin-right: 0px;
            margin-left: 0px;
            color: #6E6E6E !important;
            font-size: 12px;
        }

    .firsat_liste .keys span {
        margin-right: 6px;
        margin-left: -2px;
    }

    .firsat_liste .item .sum {
        max-height: 53px;
        overflow: hidden;
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 2px;
    }

    .firsat_liste .item .ulke_img {
        display: inline-block;
        float: left;
        margin-right: 25px;
        margin-bottom: 35px;
    }

        .firsat_liste .item .ulke_img a {
            font-size: 13px;
        }

    .firsat_liste .item .title {
        margin-top: 7px;
    }

    .firsat_liste .item .keys {
        max-height: 53px;
        overflow: hidden;
    }

    .firsat_liste .list-inline {
        font-size: 13px;
        margin: 0;
        padding: 0;
    }

        .firsat_liste .list-inline li {
            display: inline-block !important;
            color: #aaa;
        }

    .firsat_liste .kredi {
        color: #a383d4;
        font-weight: bolder;
        text-align: center;
        width: 100%;
        display: inline-block;
    }

    .firsat_liste .secim {
        color: #a383d4;
        font-weight: bolder;
        text-align: center;
        width: 100%;
        display: inline-block;
    }

.firsat_baslik {
    margin-top: 40px;
    background: #f5f5f5;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #676767;
}

.firsat_baslik_uyari {
    margin-top: 40px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.ulke {
    text-align: center;
    display: grid;
    max-width: 60px;
}

.ana_baslik {
    margin-top: 5px;
}

@media screen and (max-width: 400px) {
    .header {
        margin-top: 10px;
    }

    .login-link {
        font-size: 13px;
    }

    .loggedin, .login {
        font-size: 14px;
    }

    .sub-head {
        padding-top: 35px;
    }

    form.firsatlar input {
        font-size: 12px;
    }
}

@media screen and (max-width: 480px) {
    .header {
        margin-top: 10px;
    }

    .login-link {
        font-size: 13px;
    }

    .loggedin, .login {
        font-size: 14px;
    }

    .sub-head {
        padding-top: 35px;
        padding-bottom: 20px;
    }

    form#home_search input {
        font-size: 14px;
    }

    .header_detail {
        padding-bottom: 30px;
    }
}

@media screen and (min-device-width: 480px) and (max-device-width: 768px) {

    .login-link {
        font-size: 13px;
    }
}

.ayrac_spn {
    float: left;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
    margin-top: -9px;
    color: #ddd;
}

.filtre {
    border-bottom: 2px solid #ddd;
    padding-bottom: 7px;
}

    .filtre a {
        float: left;
    }

  /*Güvenlik Kod Ayar Css*/
p span.securityCode {
    float: left;
    padding-bottom: 10px;
    margin-bottom: 12px;
    border-bottom: solid 1px #BBBEC0;
    width: 389px;
}

    p span.securityCode img {
        float: left;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
        height: 31px;
    }

    p span.securityCode .ack {
        float: left;
        width: 365px;
        line-height: 17px;
        padding-top: 10px;
        font-size: 11px;
        color: #394D5F;
    }

    p span.securityCode u {
        margin-right: 9px;
        float: left;
    }

    p span.securityCode input {
        float: left;
        width: 195px !important;
        margin-right: 18px;
        height: 19px;
        margin-top: 3px;
    }

    p span.securityCode a.refreshSecure {
        float: left;
        width: 30px;
        height: 29px;
        background: url(/i/refreshSecure.png) no-repeat;
        text-indent: -9999px;
    }

        p span.securityCode a.refreshSecure:hover {
            background-position: 0 -29px;
        }




/**kırmızı için başlangıç**/

.sub-head {
    background-color: #ed151e !important;
    padding-bottom: 50px;
}

    .sub-head .sub_title {
        font-size: 1.65rem;
        color: #fff;
        padding-top: 3px;
    }

    .sub-head .title {
        font-size: 1.6rem;
        color: #fff;
        padding-top: 10px;
    }

    .sub-head h4 {
        font-weight: 400;
    }

.form-control:focus {
    border-color: #ff8080;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(255, 115, 104);
}

.seach_btn {
    color: #ed151e;
}

.btn-signup {
    padding: 5px 10px 7px;
    border: 1px solid #de1a22;
    background-color: #fff;
    color: #ed151e;
    margin-left: 15px;
    font-size: .9rem;
}

.header_detail {
    background-color: #203043;
    padding-top: 20px;
    padding-bottom: 20px;
}

/**kırmızı için bitiş**/


.headerLogo {
    line-height: 4;
}


@media (max-width: 991px) and (min-width: 768px) {
    .headerLogo {
        text-align: center;
    }

    .sliderLink {
        min-height: 50px !important;
    }

        .sliderLink > a {
            right: 0;
            left: auto;
        }

    .areaTitleLeft::after {
        display: none;
    }

    .areaTitleRight::after {
        display: none;
    }

    .mainTitleOne {
        margin-bottom: 75px;
    }

    .mainTitleTwo {
        padding-bottom: 75px;
    }

    .mainTitleThree {
        background: none;
        position: relative;
    }


    .xsIcon > img {
        float: right;
    }

    .areaTitle {
        font-size: 21px;
    }
}