@charset "utf-8";
/* CSS Document */

/* Google Font */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300&subset=latin,latin-ext,cyrillic-ext);

* {
    font-family: 'Open Sans', sans-serif;
}
/* Google Font */

/* Bootstrap Revizyon */
input, select, textarea {
    resize: none;
}
/* Bootstrap Revizyon */

/* IKON - Genel */
h1, h2, h3, h4, h5, h6, strong {
    font-weight: 600;
}

p, ul, li, table {
    font-size: 14px;
}

a:focus {
    outline: none !important;
}
/* IKON - Genel */

/* IKON - Header */
.ikon-header {
    background: #ffffff;
    padding: 15px 0;
    border-bottom: 4px solid #3975ba;
}

    .ikon-header .headerlogo {
    }

    .ikon-header .headertext {
        text-align: right;
    }

        .ikon-header .headertext h1 {
            margin: 8px 0 0;
            padding: 0;
            font-size: 26px;
        }

            .ikon-header .headertext h1 strong {
                color: #3975ba;
            }

@media (max-width:767px) {
    .ikon-header .headerlogo img {
        width: 92px;
    }

    .ikon-header .headertext h1 {
        font-size: 14px;
    }
}

/* IKON - Header */

/* IKON - Form Alan */
.ikon-loginpage {
    margin-top: 10%;
    margin-bottom: 20px;
}

    .ikon-loginpage .loginalan {
        color: #ffffff;
        background: #67105e url(../images/ikon-payment-page-credit-bg.jpg) center bottom no-repeat;
        background-size: cover;
        border-radius: 6px;
    }

        .ikon-loginpage .loginalan .mask {
            background: rgba(0,0,0,0.0);
            padding: 50px 0 40px;
            border-radius: 6px;
        }

    .ikon-loginpage .formhucre {
        padding-left: 15px;
        padding-right: 15px;
    }

        .ikon-loginpage .formhucre .form-group .row div {
            padding-left: 5px;
            padding-right: 5px;
        }

        .ikon-loginpage .formhucre .form-control {
            border-radius: 2px;
            height: auto;
        }

        .ikon-loginpage .formhucre .btn {
            border: 0;
            border-radius: 2px;
            padding: 10px 15px 10px 10px;
        }

        .ikon-loginpage .formhucre label {
            color: rgba(255,255,255,0.7);
            text-transform: uppercase;
            padding-left: 5px;
            padding-right: 5px;
            display: block;
        }

        .ikon-loginpage .formhucre input {
            border-radius: 2px;
            padding: 10px 15px;
            height: auto;
            border: 0;
        }

        .ikon-loginpage .formhucre .col-xs-6 input {
            text-align: center;
        }

        .ikon-loginpage .formhucre .col-xs-6 .filter-option {
            text-align: center;
        }

        .ikon-loginpage .formhucre .submitbutton {
            width: 100%;
            font-weight: bold;
        }

@media (max-width:1299px) {
    .ikon-loginpage .loginalan {
        border-radius: 0px;
    }
}

@media (max-width:991px) {
    .ikon-loginpage .loginalan .mask {
        padding: 40px 0 25px;
    }
}

@media (max-width:767px) {
    .ikon-loginpage {
        margin-top: 0;
    }

        .ikon-loginpage .loginalan .mask {
            padding: 30px 0 10px;
        }

        .ikon-loginpage .formhucre {
            margin-bottom: 30px;
        }

            .ikon-loginpage .formhucre .inputmtop {
                margin-top: 20px;
            }

            .ikon-loginpage .formhucre label {
                margin-bottom: 20px;
            }
}
/* IKON - Form Alan */

/* IKON - Form Alan */
.ikon-peyment-page01 {
    margin-top: 50px;
}

    .ikon-peyment-page01 h2 {
        margin-bottom: 15px;
        font-size: 36px;
        color: #343434;
    }

    .ikon-peyment-page01 .metinalan {
        padding: 15px 0;
        text-align: center;
    }

        .ikon-peyment-page01 .metinalan h3 {
            font-size: 22px;
        }

        .ikon-peyment-page01 .metinalan p {
            font-size: 14px;
        }

.ikon-peyment-page02 {
    margin-top: 30px;
    margin-bottom: 50px;
}

    .ikon-peyment-page02 h2 {
        padding-top: 35px;
        font-size: 36px;
        color: #fff;
    }

    .ikon-peyment-page02 h3 {
        margin: 0;
        margin-bottom: 20px;
    }

    .ikon-peyment-page02 .container-fluid {
        width: 75%;
    }

    .ikon-peyment-page02 .peymentalan {
        color: #ffffff;
        background: #67105e url(../images/ikon-payment-page-credit-bg.jpg) center bottom no-repeat;
        background-size: cover;
        border-radius: 6px;
    }

        .ikon-peyment-page02 .peymentalan .mask {
            background: rgba(0,0,0,0.0);
            padding: 20px 0 45px;
            border-radius: 6px;
        }

    .ikon-peyment-page02 .formhucre {
    }

        .ikon-peyment-page02 .formhucre .form-control {
            border-radius: 2px;
            height: auto;
        }

        .ikon-peyment-page02 .formhucre .btn {
            border: 0;
            border-radius: 2px;
            padding: 10px 15px 10px 10px;
        }

        .ikon-peyment-page02 .formhucre label {
            color: rgba(255,255,255,0.7);
            text-transform: uppercase;
        }

        .ikon-peyment-page02 .formhucre input {
            border-radius: 2px;
            padding: 10px 15px;
            height: auto;
            border: 0;
        }

        .ikon-peyment-page02 .formhucre .col-xs-6 input {
            text-align: center;
        }

        .ikon-peyment-page02 .formhucre .col-xs-6 .filter-option {
            text-align: center;
        }

        .ikon-peyment-page02 .formhucre .submitbutton {
            width: 100%;
            margin-top: 10px;
            font-weight: bold;
        }

.nav-pills {
    padding-bottom: 14px;
    overflow-y: hidden;
    margin-top: 16px;
    overflow-x: auto;
}

    .nav-pills > li + li {
        margin-left: 8px;
    }

@media (max-width:1599px) {
    .ikon-peyment-page02 .container-fluid {
        width: 90%;
    }
}

@media (max-width:1299px) {
    .ikon-peyment-page02 .container-fluid {
        width: inherit;
    }

    .ikon-peyment-page02 .peymentalan {
        border-radius: 0px;
    }
}

@media (max-width:991px) {
    .ikon-peyment-page02 .peymentalan .mask {
        padding: 40px 0 25px;
    }

    .nav-pills > li > a {
        padding: 6px;
        width: 125px;
        font-weight: 500;
    }

    .nav-pills {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .nav-pills-container {
        padding-right: 0;
        width: 100%;
        padding-left: 0;
    }

    .nav-pills > li + li {
        margin-left: 1%;
    }
}

@media (max-width:767px) {
    .ikon-peyment-page02 .peymentalan .mask {
        padding: 40px 0 15px;
    }

    .ikon-peyment-page02 .formhucre {
        margin-bottom: 30px;
    }

        .ikon-peyment-page02 .formhucre .inputmtop {
            margin-top: 20px;
        }

    .nav-pills {
        justify-content: flex-start;
    }

    .nav-pills-container {
        padding-left: 15px;
    }
}
/* IKON - Form Alan */



.paymentalan form {
    /*width: 340px;*/
}

.invest-detail-second {
    display: flex;
    flex-direction: column;
    width: 720px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .invest-detail-second {
        padding: 0 15px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .invest-detail-second {
        width: 570px;
        padding: 0;
    }
}

@media (min-width: 320px) and (max-width: 575px) {
    .invest-detail-second {
        padding: 0;
        width: 100%;
    }
}

.invest-detail-second .invest-list-wrap {
    display: grid;
    grid-template-columns: 0.35fr 1fr;
    align-items: center;
    padding: 1.5rem 1.2rem;
    border-bottom: 1px solid #70707042;
}

@media (min-width: 768px) and (max-width: 991px) {
    .invest-detail-second .invest-list-wrap {
        padding: 1rem 0.8rem;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .invest-detail-second .invest-list-wrap {
        padding: 0.8rem 0;
    }
}

@media (min-width: 320px) and (max-width: 575px) {
    .invest-detail-second .invest-list-wrap {
        display: flex;
        flex-direction: column;
        align-items: baseline;
        padding: 0.8rem 15px;
    }
}

.invest-detail-second .invest-list-wrap:last-child {
    border: none;
    padding-bottom: 0;
}

.invest-detail-second .invest-list-wrap h5 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #405666;
}

@media (min-width: 1201px) and (max-width: 1399px) {
    .invest-detail-second .invest-list-wrap h5 {
        font-size: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .invest-detail-second .invest-list-wrap h5 {
        font-size: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .invest-detail-second .invest-list-wrap h5 {
        font-size: 15px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .invest-detail-second .invest-list-wrap h5 {
        font-size: 14px;
    }
}

@media (min-width: 320px) and (max-width: 575px) {
    .invest-detail-second .invest-list-wrap h5 {
        font-size: 15px;
        margin-bottom: 8px;
    }
}

.invest-detail-second .invest-list-wrap p {
    margin: 0;
    color: #405666;
    font-size: 15px;
}

@media (min-width: 1201px) and (max-width: 1399px) {
    .invest-detail-second .invest-list-wrap p {
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .invest-detail-second .invest-list-wrap p {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .invest-detail-second .invest-list-wrap p {
        font-size: 14px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .invest-detail-second .invest-list-wrap p {
        font-size: 14px;
    }
}

.invest-detail-second .invest-list-wrap .fs-small {
    font-size: 13px;
}

.invest-detail-second .invest-title:first-child h5 {
    color: #3d4461;
    font-size: 18px;
}

.invest-detail-second .invest-title:first-child p {
    font-size: 18px;
    font-weight: bold;
    color: #3d4461;
}