:root {
    --dark-slate-blue: #004397;
    --chocolate: #ff6b00;
    --cadet-blue: #35a7ba;
    --midnight-blue: #001a3c;
    --powder-blue-3: #b6dfe5;
    --powder-blue-2: #81dce9;
    --steel-blue: #3277c6;
    --crimson: #cd163a;
    --medium-violet-red: #b90064;
    --powder-blue: #b6dfe5;
    --dark-turquoise: #56c9da;
    --alice-blue: #f1fafc;
    --medium-sea-green: #41ac45;
    --dark-orchid: #9048d7;
    --azure: #e0f3f6;
    --azure-2: #edfafd;
    --orange: #ff9d00;
    --light-cyan: #d1edf1;
    --light-grey: #ccd8e0;
    --dodger-blue: #5498e8;
    --indigo: #40237e;
    --white-smoke: #f1f2f6;
}

.body {
    background-color: var(--dark-slate-blue);
    flex-direction: column;
    justify-content: center;
    padding: 5%;
    font-family: Opensans, sans-serif;
    font-size: 1em;
    line-height: 1;
    display: flex;
}

.text-block {
    color: var(--chocolate);
    margin-bottom: 20px;
    font-family: Opensans, sans-serif;
    font-size: 1.4em;
    font-weight: 400;
}

.form-block {
    width: 100%;
    color: #fff;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 20px;
    font-family: Opensans, sans-serif;
    font-weight: 300;
    display: flex;
}

    .form-block.sms {
        flex-direction: column;
        align-items: center;
    }

.div-block {
    z-index: 100;
    width: 50%;
    height: 100%;
    min-height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}

.form {
    width: 100%;
    max-width: none;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.field-type-1 {
    height: 55px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(129, 220, 233, .5);
    border-radius: 100px;
    margin-bottom: 40px;
    padding-left: 12px;
    font-size: 1.4em;
}

    .field-type-1:hover {
        border-color: #81dce9;
    }

    .field-type-1:focus {
        color: #fff;
        border-color: #fff;
    }

    .field-type-1::-ms-input-placeholder {
        color: rgba(129, 220, 233, .39);
    }

    .field-type-1::placeholder {
        color: rgba(129, 220, 233, .39);
    }

    .field-type-1.light {
        height: auto;
        color: var(--dark-slate-blue);
        text-align: center;
        background-color: #fff;
        border-width: 2px;
        border-color: #d8f0ff;
        border-radius: 100px;
        margin-bottom: 0;
    }

        .field-type-1.light:hover {
            border-color: #b2e0ff;
        }

        .field-type-1.light:focus {
            border-color: var(--dark-slate-blue);
        }

        .field-type-1.light::-ms-input-placeholder {
            color: rgba(0, 67, 151, .43);
        }

        .field-type-1.light::placeholder {
            color: rgba(0, 67, 151, .43);
        }

        .field-type-1.light.left {
            height: 48px;
            border-color: var(--dark-slate-blue);
            text-align: left;
            padding-left: 17px;
            font-size: 1.1em;
        }

            .field-type-1.light.left::-ms-input-placeholder {
                color: rgba(0, 67, 151, .98);
            }

            .field-type-1.light.left::placeholder {
                color: rgba(0, 67, 151, .98);
            }

    .field-type-1.center {
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        text-align: left;
        padding-left: 0;
        font-family: Opensans, sans-serif;
    }

        .field-type-1.center.max {
            width: 70%;
        }

        .field-type-1.center.dark {
            width: 100%;
            border-bottom-color: var(--dark-slate-blue);
            color: var(--dark-slate-blue);
            margin-bottom: 0;
            margin-right: 0;
            font-size: 1em;
        }

            .field-type-1.center.dark:hover {
                border-bottom-width: 1px;
                border-bottom-color: var(--cadet-blue);
            }

            .field-type-1.center.dark:active {
                border-bottom-color: var(--cadet-blue);
            }

            .field-type-1.center.dark:focus {
                border-bottom-width: 2px;
                border-bottom-color: var(--cadet-blue);
            }

            .field-type-1.center.dark::-ms-input-placeholder {
                color: rgba(0, 67, 151, .38);
            }

            .field-type-1.center.dark::placeholder {
                color: rgba(0, 67, 151, .38);
            }

            .field-type-1.center.dark.textarea {
                height: 100px;
                padding-bottom: 52px;
            }

                .field-type-1.center.dark.textarea.active {
                    color: #00295c;
                    padding-top: 5px;
                    padding-bottom: 5px;
                }

            .field-type-1.center.dark.combo {
                background-image: url('../images/d-arrow.svg');
                background-position: 92%;
                background-repeat: no-repeat;
                background-size: 10px;
            }

                .field-type-1.center.dark.combo.active {
                    background-color: #fff;
                }

                    .field-type-1.center.dark.combo.active.filters {
                        height: 48px;
                    }

                        .field-type-1.center.dark.combo.active.filters:focus {
                            border-bottom-color: var(--dark-slate-blue);
                        }

                        .field-type-1.center.dark.combo.active.filters::-ms-input-placeholder {
                            color: var(--midnight-blue);
                        }

                        .field-type-1.center.dark.combo.active.filters::placeholder {
                            color: var(--midnight-blue);
                        }

            .field-type-1.center.dark.active {
                height: 48px;
                border-style: solid;
                border-color: var(--powder-blue-3);
                color: #001733;
                background-color: #fff;
                border-radius: 3px;
                margin-left: 0;
                margin-right: 0;
                padding-left: 20px;
            }

                .field-type-1.center.dark.active:focus {
                    border-bottom-color: var(--dark-slate-blue);
                }

                .field-type-1.center.dark.active::-ms-input-placeholder {
                    color: #001a3c;
                }

                .field-type-1.center.dark.active::placeholder {
                    color: #001a3c;
                }

    .field-type-1.center {
        border-top-style: none;
        border-left-style: none;
        border-right-style: none;
        border-radius: 0;
        margin-right: 20px;
    }

.field-content {
    width: 100%;
    display: flex;
    position: relative;
}

    .field-content.full {
        width: 100%;
        justify-content: center;
        align-items: flex-start;
        display: flex;
    }

    .field-content._100 {
        width: 100%;
        height: auto;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .field-content.center {
        width: 70%;
        flex-direction: row;
        justify-content: flex-start;
    }

        .field-content.center.dark {
            width: 100%;
            margin-left: 10px;
            margin-right: 10px;
        }

            .field-content.center.dark._100 {
                width: 100%;
            }

            .field-content.center.dark._33 {
                width: 100%;
                margin-left: 10px;
            }

.button-neumorphic {
    min-width: 200px;
    background-color: var(--powder-blue-2);
    color: var(--dark-slate-blue);
    text-transform: uppercase;
    border-radius: 100px;
    justify-content: center;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 30px;
    font-size: 17px;
    font-weight: 700;
    transition: all .2s;
    display: flex;
    box-shadow: -14px -14px 30px #006fcf, 14px 14px 30px #033472;
}

    .button-neumorphic:hover {
        box-shadow: -14px -14px 30px rgba(255, 255, 255, 0), 14px 14px 30px rgba(209, 217, 230, 0);
    }

    .button-neumorphic.changes {
        height: 42px;
        min-width: 150px;
        background-color: var(--dark-slate-blue);
        box-shadow: none;
        color: #fff;
        background-image: url('../images/edit.svg');
        background-position: 87%;
        background-repeat: no-repeat;
        background-size: 20px;
        justify-content: flex-start;
        align-items: center;
        margin-left: 5px;
        margin-right: 5px;
        padding-top: 0;
        padding-bottom: 0;
        font-size: .8em;
        font-weight: 500;
    }

        .button-neumorphic.changes:hover {
            background-color: var(--steel-blue);
        }

    .button-neumorphic.delete {
        height: 42px;
        min-width: 100px;
        background-color: var(--crimson);
        box-shadow: none;
        color: #fff;
        background-image: url('../images/delete.svg');
        background-position: 85%;
        background-repeat: no-repeat;
        background-size: 21px;
        justify-content: flex-start;
        align-items: center;
        margin-left: 5px;
        margin-right: 5px;
        padding-top: 0;
        padding-bottom: 0;
        font-size: .8em;
        font-weight: 500;
    }

        .button-neumorphic.delete:hover {
            background-color: #f40;
        }

    .button-neumorphic.logout {
        height: 40px;
        min-width: auto;
        background-color: var(--dark-slate-blue);
        box-shadow: none;
        color: #fff;
        background-image: url('../images/Logout.svg');
        background-position: 10px;
        background-repeat: no-repeat;
        background-size: 20px;
        align-items: center;
        margin-top: 20px;
        padding: 0 20px 0 40px;
        font-size: .8em;
        font-weight: 500;
    }

        .button-neumorphic.logout:hover {
            background-color: var(--chocolate);
        }

    .button-neumorphic.new-user-btn {
        height: 40px;
        min-width: auto;
        border: 3px solid var(--powder-blue-3);
        box-shadow: none;
        color: var(--dark-slate-blue);
        background-color: #fff;
        border-radius: 100px;
        align-items: center;
        margin-top: 0;
        padding: 0 20px;
        font-size: .8em;
        font-weight: 500;
    }

        .button-neumorphic.new-user-btn:hover {
            border-color: var(--chocolate);
            background-color: #fff;
        }

    .button-neumorphic.center {
        height: 55px;
        min-width: 120px;
        background-color: var(--chocolate);
        box-shadow: none;
        color: #fff;
        border-radius: 10px;
        margin-left: 20px;
        margin-right: auto;
    }

        .button-neumorphic.center:hover {
            background-color: var(--steel-blue);
            color: #fff;
        }

        .button-neumorphic.center.sms {
            margin-left: 0;
        }

    .button-neumorphic.search-icon {
        width: 40px;
        height: 40px;
        min-height: 40px;
        min-width: 40px;
        border: 2px solid var(--dark-slate-blue);
        box-shadow: none;
        color: var(--dark-slate-blue);
        background-color: #fff;
        background-image: url('../images/Search.svg');
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 20px;
        align-items: center;
        margin-left: auto;
        margin-right: 0%;
        padding: 0;
        font-size: .9em;
        font-weight: 500;
        position: absolute;
        right: 4px;
    }

        .button-neumorphic.search-icon:hover {
            background-color: var(--dark-slate-blue);
            color: #fff;
            background-image: url('../images/Search-w.svg');
        }

.label-1 {
    height: 18px;
    color: #fff;
    text-align: left;
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 10px;
    font-family: Opensans, sans-serif;
    font-size: .8em;
    font-weight: 300;
    position: absolute;
    top: -6px;
}

    .label-1.dark {
        color: var(--medium-violet-red);
        background-color: rgba(0, 0, 0, 0);
        margin-left: 0;
        margin-right: auto;
        padding-left: 0;
        padding-right: 5px;
        top: -25px;
        left: 0;
    }

.header {
    z-index: 99999;
    width: 100%;
    height: 80px;
    background-color: #fff;
    border-bottom: 1px solid #b6dfe5;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.logo-area {
    width: 250px;
    height: 80px;
    min-width: 250px;
    color: #fff;
    justify-content: center;
    align-items: center;
    margin-left: -20px;
    padding-left: 0;
    text-decoration: none;
    display: flex;
    position: relative;
}

    .logo-area.header {
        margin-left: 0;
    }

        .logo-area.header.web {
            width: 350px;
            min-width: 350px;
            justify-content: flex-start;
            padding-left: 30px;
        }

.menu-area {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.user-area {
    width: 250px;
    min-width: 250px;
}

.announcement-area {
    width: 80px;
    height: 80px;
    min-height: 80px;
    min-width: 80px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    transition: all .2s;
    display: flex;
    position: relative;
}

    .announcement-area:hover {
        background-color: rgba(129, 220, 233, .05);
    }

.search-area {
    width: 80px;
    height: 80px;
    min-height: 80px;
    min-width: 80px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    transition: all .2s;
    display: flex;
}

    .search-area:hover {
        background-color: rgba(129, 220, 233, .05);
    }

.head-seperate {
    width: 1px;
    min-width: 1px;
    background-color: #b6dfe5;
}

.body-2 {
    color: var(--dark-slate-blue);
    background-color: #f1fafc;
    flex-direction: column;
    justify-content: space-between;
    font-family: Opensans, sans-serif;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.2;
    display: flex;
}

    .body-2.new-file {
        height: auto;
        justify-content: flex-start;
        margin-top: 0;
    }

.h-9 {
    height: 80px;
    cursor: pointer;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: flex;
}

    .h-9.select {
        z-index: 999;
        width: 200px;
        cursor: pointer;
        border-top: 1px #fff;
        border-right: 1px #fff;
    }

    .h-9.manage {
        cursor: pointer;
        cursor: pointer;
        flex-direction: row;
    }

.h-10 {
    color: var(--dark-slate-blue);
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 24px;
    font-size: 1em;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s;
}

    .h-10:hover {
        color: var(--powder-blue-2);
    }

    .h-10.select {
        color: var(--dark-slate-blue);
        padding-left: 30px;
        font-size: 1.5em;
    }

    .h-10.manage {
        width: 100%;
        display: flex;
    }

        .h-10.manage._01 {
            align-items: center;
        }

            .h-10.manage._01:hover {
                color: var(--dark-slate-blue);
            }

    .h-10.image {
        width: auto;
        height: 80px;
        text-align: left;
        align-items: center;
        padding-left: 10px;
        padding-right: 60px;
        display: flex;
    }

        .h-10.image:hover {
            color: var(--dark-turquoise);
        }

.h-11 {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 20px;
    font-size: 10px;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

    .h-11.select {
        width: auto;
        font-size: 15px;
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: auto;
    }

        .h-11.select._1 {
            z-index: 1;
            margin-bottom: 21px;
            margin-right: 0;
        }

        .h-11.select._2 {
            z-index: 1;
            margin-top: 21px;
            margin-left: 0;
            margin-right: 0;
        }

    .h-11.slide-btn, .h-11.slide-btn-2 {
        margin-left: auto;
        margin-right: auto;
        font-size: 15px;
        right: auto;
        transform: rotate(90deg);
    }

.h-16 {
    width: 100%;
    color: var(--dark-slate-blue);
    cursor: pointer;
    align-items: center;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 1em;
    font-weight: 500;
    text-decoration: none;
    display: flex;
}

    .h-16:hover {
        color: var(--chocolate);
    }

    .h-16:focus {
        color: var(--dark-slate-blue);
    }

    .h-16.small {
        padding-left: 20px;
        font-size: 15px;
    }

    .h-16.user {
        color: var(--dark-slate-blue);
        justify-content: center;
        padding-left: 0;
    }

        .h-16.user:hover {
            color: var(--powder-blue-2);
        }

    .h-16.select {
        padding-top: 20px;
        padding-bottom: 20px;
        transition: all .2s;
    }

        .h-16.select:hover {
            background-color: var(--alice-blue);
        }

        .h-16.select.small {
            padding-top: 15px;
            padding-bottom: 15px;
        }

            .h-16.select.small.c-1 {
                color: var(--chocolate);
                background-color: rgba(0, 0, 0, 0);
                border-style: none;
                border-width: 1px;
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0;
            }

            .h-16.select.small.c-2 {
                color: var(--medium-sea-green);
            }

            .h-16.select.small.c-3 {
                color: var(--dark-orchid);
            }

            .h-16.select.small.c-4 {
                color: var(--crimson);
            }

    .h-16.box {
        width: 46%;
        height: 100px;
        border: 3px none var(--azure);
        text-align: center;
        flex-direction: column;
        justify-content: center;
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 20px;
        padding-right: 20px;
    }

        .h-16.box:hover {
            color: var(--dark-turquoise);
        }

.h-13 {
    min-width: 140px;
}

    .h-13.w--open {
        max-height: 100vh;
        min-width: 320px;
        background-color: rgba(0, 0, 0, 0);
        margin-top: -5px;
        padding-top: 15px;
        left: -100px;
    }

    .h-13.select {
        margin-top: 80px;
        padding-top: 0;
        top: 0%;
        bottom: auto;
        left: 0%;
        right: 0%;
    }

        .h-13.select._01.right.w--open {
            min-width: 250px;
            top: 0%;
            bottom: auto;
            left: auto;
            right: 0%;
        }

    .h-13.new {
        z-index: auto;
        margin-top: 80px;
        padding-top: 0;
        top: 0%;
        bottom: auto;
        left: -100px;
        right: 0%;
    }

    .h-13.manage {
        width: auto;
        min-width: auto;
        margin-top: 79px;
        margin-left: -1px;
        margin-right: 0;
        padding-top: 0;
        top: 0%;
        bottom: auto;
        left: 0%;
        right: -1px;
    }

.h-14 {
    position: relative;
}

.h-15 {
    min-width: 140px;
    opacity: 1;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: #fff;
    border: 1px solid #b6dfe5;
    border-radius: 0 0 10px 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: hidden;
    box-shadow: 0 6px 40px -4px rgba(81, 105, 121, .36);
}

    .h-15.w--open {
        max-height: 100vh;
        min-width: 300px;
        background-color: #fff;
        border-radius: 15px;
        left: -97px;
        box-shadow: 0 50px 25px -50px rgba(32, 53, 90, .15), 8px 18px 60px 4px rgba(0, 0, 0, .13);
    }

    .h-15.select {
        border: 1px none var(--dark-slate-blue);
        opacity: 1;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: #fff;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: 4px -19px 35px rgba(32, 53, 90, .08), 11px 11px 30px -10px rgba(32, 53, 90, .15);
    }

    .h-15.list {
        justify-content: center;
        display: flex;
    }

    .h-15.manage {
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        display: flex;
    }

.h-100 {
    width: 26px;
    opacity: 1;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: -9px;
    bottom: 0;
    left: 0%;
    right: 0%;
}

    .h-100.left {
        top: -9px;
    }

.menu-span {
    color: var(--chocolate);
    font-weight: 500;
}

.user-image {
    width: auto;
    height: auto;
    max-width: 40px;
    min-width: auto;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

    .user-image.big {
        max-width: 80px;
        margin-left: -4px;
    }

.user-pict {
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    border: 2px solid #b0ced3;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    display: none;
    position: relative;
    overflow: hidden;
}

    .user-pict.big {
        width: 80px;
        height: 80px;
        min-height: 80px;
        min-width: 80px;
        border-width: 4px;
        border-color: #fff;
    }

.user-name-detail {
    text-align: left;
    flex-direction: column;
    justify-content: center;
    margin-left: 10px;
    display: flex;
}

.image {
    width: 20px;
}

.user-text {
    font-size: .7em;
    font-weight: 300;
}

.number-full {
    width: 20px;
    height: 20px;
    background-color: var(--medium-sea-green);
    color: #fff;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-right: 20px;
    font-size: .7em;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
}

.content {
    width: 100%;
    height: 100%;
    min-height: auto;
    margin-top: 80px;
    padding: 30px 30px 0;
    transition: all .2s;
}

    .content.new {
        height: auto;
        min-height: 78vh;
        justify-content: center;
        align-items: center;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 120px;
        font-size: .9em;
        display: flex;
    }

    .content.new-list {
        height: auto;
        min-height: 78vh;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 120px;
        font-size: .9em;
        display: flex;
    }

    .content.list {
        height: auto;
        min-height: 93vh;
        justify-content: center;
        align-items: center;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 30px;
        font-size: .9em;
        display: flex;
    }

.small-head {
    font-size: .6em;
    font-weight: 500;
}

.result-double {
    width: 49%;
    min-height: 300px;
    background-color: #f3f8f9;
    background-image: linear-gradient(#043a7d, #1359ab);
    border-radius: 10px;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    padding: 20px 30px 0;
    display: flex;
}

    .result-double.avans {
        background-image: linear-gradient(#006894, #38c0d7);
    }

.div-block-6 {
    justify-content: space-between;
    display: flex;
}

.line {
    width: 100%;
    height: 1px;
    background-color: #dee8eb;
}

    .line.margin {
        margin-top: 10px;
        margin-bottom: 10px;
    }

.div-block-7 {
    width: 100%;
    height: 2px;
    background-color: var(--dark-slate-blue);
}

.text-block-4 {
    width: 100%;
    color: #fff;
    align-items: center;
    margin-bottom: 10px;
    margin-left: 10px;
    font-size: .8em;
    font-weight: 300;
    display: flex;
}

.div-block-9 {
    width: 50%;
    height: 220px;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: flex-start;
    margin-bottom: 5px;
    display: flex;
}

    .div-block-9._02 {
        justify-content: flex-end;
    }

        .div-block-9._02.display {
            align-content: space-between;
            justify-content: flex-end;
        }

.type-1 {
    color: #fff;
    background-color: #f3b558;
    border-radius: 100px;
    padding: 5px 10px;
}

.spans {
    margin-right: 5px;
    font-size: 1em;
    font-weight: 500;
}

.type-1 {
    cursor: pointer;
    background-color: rgba(84, 152, 232, .61);
    border: 2px solid rgba(255, 255, 255, 0);
    margin: 2px;
    padding-top: 3px;
    padding-bottom: 2px;
    font-size: .8em;
    text-decoration: none;
    transition: all .2s;
}

    .type-1:hover {
        border: 2px solid var(--dark-slate-blue);
        box-shadow: 0 1px 9px -2px #00142e;
    }

    .type-1._02 {
        background-color: var(--dark-turquoise);
        -webkit-text-fill-color: inherit;
        background-clip: border-box;
    }

.type-1 {
    background-color: rgba(0, 42, 95, .5);
}

    .type-1:hover {
        box-shadow: none;
        border-color: rgba(255, 255, 255, 0);
    }

    .type-1._02, .type-1._03, .type-1._04 {
        background-color: rgba(84, 152, 232, .61);
    }

.div-block-10 {
    width: 18%;
    height: 140px;
    max-width: 50px;
    color: #fff;
    cursor: pointer;
    background-color: rgba(0, 42, 95, .2);
    border: 1px rgba(217, 228, 231, .16);
    border-radius: 5px;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: center;
    align-items: flex-end;
    margin: 2px;
    padding-bottom: 7px;
    font-size: .7em;
    transition: all .2s;
    display: flex;
    overflow: hidden;
}

    .div-block-10:hover {
        opacity: 1;
        background-color: rgba(0, 42, 95, .5);
        border: 1px solid rgba(255, 255, 255, 0);
    }

.color {
    width: 100%;
    height: 60%;
    color: #fff;
    background-color: #f4b558;
    font-size: .7em;
}

    .color._01 {
        background-color: var(--chocolate);
        color: #fff;
        justify-content: center;
        align-items: center;
        margin-bottom: 5px;
        font-size: .8em;
        display: flex;
    }

    .color._02 {
        height: 30%;
        background-color: var(--medium-sea-green);
        color: #fff;
        justify-content: center;
        align-items: center;
        margin-bottom: 5px;
        font-size: .8em;
        display: flex;
    }

    .color._03 {
        height: 30%;
        background-color: var(--dark-orchid);
        color: #fff;
        justify-content: center;
        align-items: center;
        margin-bottom: 5px;
        font-size: .8em;
        display: flex;
    }

    .color._04 {
        height: 30%;
        background-color: var(--crimson);
        color: #fff;
        justify-content: center;
        align-items: center;
        margin-bottom: 5px;
        font-size: .8em;
        display: flex;
    }

    .color._05 {
        height: 30%;
        background-color: var(--steel-blue);
        color: #fff;
        justify-content: center;
        align-items: center;
        margin-bottom: 5px;
        font-size: .8em;
        display: flex;
    }

    .color._02 {
        height: 30%;
        color: #fff;
        background-color: #41ac45;
        justify-content: center;
        align-items: center;
        font-size: .8em;
        display: flex;
    }

    .color._03 {
        height: 30%;
        color: #fff;
        background-color: #9048d7;
        justify-content: center;
        align-items: center;
        font-size: .8em;
        display: flex;
    }

    .color._05 {
        background-color: #ff9d00;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .color._04 {
        height: 30%;
        color: #fff;
        background-color: #cd163a;
        justify-content: center;
        align-items: center;
        font-size: .8em;
        display: flex;
    }

    .color._01 {
        color: #fff;
        background-color: #ff6b00;
        justify-content: center;
        align-items: center;
        font-size: .8em;
        display: flex;
    }

.text-block-5 {
    width: 100%;
    color: #fff;
    margin-top: auto;
    margin-bottom: 5px;
    padding-top: 10px;
    font-size: .6em;
    font-weight: 500;
}

.counter {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Opensans, sans-serif;
    font-size: 5vh;
    font-weight: 300;
    line-height: 1;
}

    .counter.color-1 {
        width: 45%;
        color: #ff6b00;
        font-size: 4vh;
    }

        .counter.color-1.center {
            background-color: rgba(0, 0, 0, 0);
            border-style: none;
        }

    .counter.color-2 {
        width: 45%;
        color: var(--dark-orchid);
        font-size: 4vh;
    }

        .counter.color-2.center {
            background-color: rgba(0, 0, 0, 0);
            border-style: none;
        }

    .counter.color-3 {
        width: 45%;
        color: var(--medium-sea-green);
        font-size: 4vh;
    }

        .counter.color-3.center {
            background-color: rgba(0, 0, 0, 0);
            border-style: none;
        }

    .counter.color-4 {
        width: 45%;
        color: var(--crimson);
        font-size: 4vh;
    }

        .counter.color-4.center {
            background-color: rgba(0, 0, 0, 0);
            border-style: none;
        }

.div-block-11 {
    width: 100%;
    align-items: center;
    margin-bottom: 10px;
    display: flex;
}

.image-2 {
    width: 33px;
    margin-right: 10px;
}

.slider {
    height: 120px;
    background-color: rgba(0, 0, 0, 0);
    overflow: hidden;
}

.div-block-12 {
    width: auto;
    color: var(--dark-slate-blue);
    cursor: pointer;
    align-items: center;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: .9em;
    text-decoration: none;
    transition: all .2s;
    display: flex;
}

    .div-block-12:hover {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 0;
        text-decoration: underline;
    }

.the-slide {
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
}

.flex-child {
    flex: 1;
}

    .flex-child.col-1 {
        background-color: rgba(0, 0, 0, 0);
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        margin-top: 0;
        padding-left: 0;
        display: flex;
        overflow: hidden;
    }

.text-block-6 {
    width: 390px;
    color: var(--dark-slate-blue);
    text-align: center;
    margin-bottom: 0;
    margin-left: 10px;
    font-family: Opensans, sans-serif;
    font-size: 1.1em;
    font-weight: 500;
}

.slide-nav {
    height: 20px;
    background-color: #f1fafc;
    justify-content: center;
    align-items: flex-end;
    font-size: .3em;
    display: flex;
}

.mask {
    width: 100%;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.arrow {
    width: 30px;
    height: 59px;
    color: var(--dark-slate-blue);
    background-color: #fff;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
    justify-content: center;
    transition: all .2s;
    display: none;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

    .arrow:hover {
        background-color: var(--azure);
        color: var(--dark-slate-blue);
        transform: translate(0);
    }

    .arrow.left {
        width: 30px;
        height: 59px;
        color: var(--dark-slate-blue);
        border-radius: 100px 100px 0 0;
        justify-content: center;
        align-items: center;
        margin-top: auto;
        padding-top: 0;
        padding-bottom: 0;
        transition: all .2s;
        display: none;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: 0%;
    }

        .arrow.left:hover {
            background-color: var(--azure);
            transform: none;
        }

.flex {
    height: 100%;
    display: flex;
}

.div-block-13 {
    height: auto;
    min-height: auto;
    justify-content: space-between;
    margin-top: 40px;
    display: flex;
}

.footer {
    min-height: 60px;
    background-color: #f1fafc;
    border-top: 3px #f3f8f9;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
}

    .footer._02 {
        background-color: #f1fafc;
        justify-content: center;
    }

.text-block-8 {
    font-size: .7em;
}

.link-block {
    width: 100%;
    height: 50px;
    min-height: 50px;
    cursor: pointer;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
}

    .link-block.dark {
        background-color: var(--dark-slate-blue);
    }

.image-3 {
    width: 120px;
}

    .image-3.dark {
        opacity: .21;
    }

.text-span-3 {
    color: var(--dark-slate-blue);
    font-size: .7em;
    font-weight: 500;
}

.lines-group {
    width: 100%;
    min-height: 50px;
    background-color: #f1fafc;
    border-bottom: 1px solid #b6dfe5;
    border-left: 1px solid #b6dfe5;
    border-right: 1px solid #b6dfe5;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    flex-direction: column;
    align-items: stretch;
    padding-bottom: 0;
    font-family: Opensans, sans-serif;
    font-size: .8em;
    display: flex;
    overflow: auto;
}

    .lines-group._02 {
        border: 1px #000;
    }

.text-span-4 {
    color: var(--dark-turquoise);
}

.table-head {
    z-index: 90;
    min-height: 50px;
    border-top: 1px none var(--dark-slate-blue);
    border-bottom: 2px none var(--dark-slate-blue);
    box-shadow: none;
    background-color: #f3f8f9;
    justify-content: space-between;
    font-family: Opensans, sans-serif;
    font-size: .8em;
    font-weight: 500;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    overflow: hidden;
}

    .table-head.web {
        width: 100%;
        min-height: 65px;
        min-width: 1100px;
        background-color: var(--azure-2);
        box-shadow: none;
        border-style: solid;
        border-color: #b6dfe5;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-width: 1px;
        border-radius: 10px 10px 0 0;
        font-family: Opensans, sans-serif;
        font-size: .8em;
        font-weight: 500;
        top: 79px;
    }

    .table-head.mobile {
        width: 100%;
        min-width: 1100px;
        display: none;
    }

.block {
    min-width: 200px;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

    .block._01 {
        width: 21%;
        min-width: 120px;
        border-left: 2px #fff;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        font-family: Opensans, sans-serif;
        font-weight: 500;
        display: flex;
    }

        .block._01.ico {
            padding-left: 20px;
        }

        .block._01.bold {
            font-family: Opensans, sans-serif;
            font-size: 1em;
            font-weight: 500;
        }

    .block._02 {
        width: 36%;
        min-width: 250px;
        border-left: 2px #fff;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        font-family: Opensans, sans-serif;
        font-weight: 500;
    }

        .block._02.bold {
            font-family: Opensans, sans-serif;
            font-size: 1.1em;
            font-weight: 500;
        }

    .block._03 {
        width: 23%;
        min-width: 200px;
        border-left: 2px #fff;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        font-family: Opensans, sans-serif;
        font-weight: 500;
        position: relative;
    }

        .block._03.bold {
            font-family: Opensans, sans-serif;
            font-size: 1em;
            font-weight: 500;
        }

    .block._05 {
        width: 12%;
        min-width: 50px;
        border-left: 2px #fff;
        justify-content: flex-start;
        margin-right: 20px;
        padding-left: 20px;
        padding-right: 0;
        font-family: Opensans, sans-serif;
        font-weight: 500;
    }

    .block._06 {
        width: 12%;
        min-width: 50px;
        border-left: 2px #fff;
        justify-content: flex-start;
        margin-right: 20px;
        padding-left: 20px;
        padding-right: 0;
        font-family: Opensans, sans-serif;
        font-weight: 500;
    }

    .block.new {
        flex-direction: column;
        justify-content: center;
    }

        .block.new._05.ico-1 {
            position: relative;
        }

        .block.new._05.ico-2 {
            flex-direction: column-reverse;
            position: relative;
        }

    .block._03 {
        width: 23%;
        min-width: 200px;
        border-left: 2px #fff;
        flex-flow: column wrap;
        justify-content: center;
        align-items: flex-start;
        font-family: Opensans, sans-serif;
        font-weight: 500;
        position: relative;
    }

        .block._03.bold {
            font-family: Opensans, sans-serif;
            font-size: 1em;
            font-weight: 500;
        }

    .block._03-list {
        width: 23%;
        min-width: 200px;
        border-left: 2px #fff;
        flex-flow: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 5px;
        padding-bottom: 5px;
        font-family: Opensans, sans-serif;
        font-weight: 500;
        position: relative;
    }

.lines {
    width: 100%;
    min-height: 60px;
    min-width: 1100px;
    color: var(--dark-slate-blue);
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px #fff;
    justify-content: space-between;
    margin-top: 1px;
    margin-bottom: 1px;
    font-family: Opensans, sans-serif;
    font-size: 1.1em;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s;
    display: flex;
}

    .lines:hover {
        color: #004397;
        background-color: #f9feff;
    }

    .lines._03 {
        min-height: 60px;
        min-width: 1000px;
        background-color: #ddf3f6;
        margin-bottom: 3px;
        font-size: .9em;
    }

        .lines._03:hover {
            background-color: #fff;
        }

        .lines._03.dark {
            color: #fff;
            background-color: #034ca8;
        }

            .lines._03.dark:hover {
                background-color: #044eac;
            }

.mobile-span {
    font-family: Opensans, sans-serif;
    font-size: .9em;
    display: none;
}

.ico-1 {
    width: 20px;
}

    .ico-1.blue {
        z-index: 0;
        background-color: var(--dark-slate-blue);
        border-radius: 5px;
        position: absolute;
    }

        .ico-1.blue.dark {
            height: 20px;
            background-color: var(--chocolate);
            padding: 2px;
        }

            .ico-1.blue.dark._02 {
                background-color: var(--medium-sea-green);
            }

            .ico-1.blue.dark._03 {
                background-color: var(--dark-orchid);
            }

            .ico-1.blue.dark._04 {
                background-color: var(--crimson);
            }

            .ico-1.blue.dark._05 {
                background-color: var(--orange);
            }

    .ico-1.purple {
        z-index: 0;
        background-color: var(--medium-violet-red);
        opacity: 0;
        border-radius: 5px;
        display: block;
        position: absolute;
    }

    .ico-1.blue {
        z-index: 0;
        background-color: #004397;
        border-radius: 5px;
        position: absolute;
    }

    .ico-1.purple {
        z-index: 0;
        opacity: 0;
        background-color: #b90064;
        border-radius: 5px;
        display: block;
        position: absolute;
    }

.search-form {
    z-index: 2;
    width: 100%;
    min-height: 100px;
    color: #fff;
    justify-content: center;
    align-items: flex-end;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Opensans, sans-serif;
    font-weight: 300;
    display: flex;
    position: relative;
}

    .search-form.area {
        min-height: auto;
        background-color: #fff;
        align-items: center;
        padding: 20px 5%;
    }

.togglebutton {
    width: 90px;
    height: 30px;
    background-color: var(--medium-sea-green);
    border: 1px #d2e5e9;
    border-radius: 50px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 40px;
    text-decoration: none;
    display: flex;
    position: relative;
}

    .togglebutton._02 {
        width: 85px;
        height: 22px;
        background-color: #1154a3;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 20px;
    }

.togglebuttongreen {
    width: 90px;
    height: 22px;
    background-color: var(--crimson);
    opacity: 0;
    border-radius: 50px;
    position: absolute;
}

    .togglebuttongreen._02 {
        width: 85px;
        background-color: #34a7b9;
    }

.buttontoggle {
    z-index: 2;
    width: 15px;
    height: 15px;
    min-height: 15px;
    min-width: 15px;
    background-color: #fff;
    border: 1px #cbe1e6;
    border-radius: 100%;
    margin-left: 4px;
    margin-right: 4px;
    position: relative;
}

.buttontext-off {
    height: 30px;
    color: #fff;
    text-transform: uppercase;
    justify-content: flex-end;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Opensans, sans-serif;
    font-size: .7em;
    font-weight: 500;
    display: flex;
}

    .buttontext-off._02 {
        padding-left: 3px;
    }

.buttontext-on {
    height: 22px;
    color: #fff;
    text-transform: uppercase;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Opensans, sans-serif;
    font-size: .7em;
    font-weight: 500;
    display: flex;
}

    .buttontext-on._02 {
        justify-content: flex-end;
        padding-left: 3px;
        padding-right: 25px;
    }

.field-type-1.center.dark.textarea.file-upload {
    width: 80%;
    background-color: #fff;
    border-bottom-style: none;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    display: flex;
}

.number-empty {
    width: 20px;
    height: 20px;
    background-color: var(--steel-blue);
    color: #fff;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-right: 20px;
    font-size: .7em;
    display: none;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
}

.text-small {
    margin-left: 30px;
    font-size: .7em;
}

    .text-small.dark {
        width: 75px;
        text-align: right;
        margin-left: 0;
        margin-right: 30px;
    }

.div-block-32 {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.image-6 {
    width: 30px;
    height: 30px;
    background-color: var(--dark-slate-blue);
    border-radius: 100px;
    margin-bottom: 5px;
    padding: 5px;
}

    .image-6._02 {
        background-color: #35a6b8;
    }

.captcha {
    width: 200px;
    height: 55px;
    background-color: #fff;
    border-radius: 0 10px 10px 0;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 0;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
    overflow: hidden;
}

.captcha-image {
    height: 30px;
    max-height: none;
    max-width: none;
    margin-top: 0;
    margin-right: 0;
    position: static;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.refresh {
    width: 55px;
    height: 55px;
    background-color: var(--powder-blue-2);
    border: 2px #e0eefc;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

    .refresh:hover {
        background-color: var(--azure);
        border-color: #b6d2ee;
    }

.div-block-34 {
    width: 145px;
    height: 55px;
    background-color: #fff;
    border: 1px #4490c0;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    display: flex;
    position: relative;
    right: 55px;
}

.text-block-13 {
    width: auto;
    height: 20px;
    color: var(--powder-blue);
    text-align: center;
    align-items: center;
    margin-top: 20px;
    padding-top: 3px;
    font-family: Opensans, sans-serif;
    font-size: .8em;
    font-weight: 300;
    text-decoration: none;
    transition: all .2s;
    display: flex;
}

    .text-block-13:hover {
        color: var(--powder-blue);
        text-decoration: underline;
    }

.text-span-10 {
    width: 20px;
    height: 20px;
    background-color: var(--powder-blue-2);
    color: var(--dark-slate-blue);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-top: -2px;
    margin-right: 10px;
    padding-top: 2px;
    font-weight: 500;
    display: flex;
}

.text-block-13 {
    cursor: pointer;
    margin-left: 0;
    font-family: Opensans, sans-serif;
}

    .text-block-13:hover {
        text-decoration: none;
    }

.text-block-14 {
    color: #fff;
    text-align: left;
    margin-bottom: 10px;
    line-height: 1.2;
}

.sms-timer {
    width: 100px;
    height: 100px;
    min-height: 100px;
    min-width: 100px;
    background-color: var(--chocolate);
    text-align: center;
    border-radius: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
    position: relative;
}

.timer {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
}

.timer-decription {
    color: #fff;
    font-size: 11px;
    font-weight: 500;
}

.success-message {
    color: var(--powder-blue-2);
    background-color: rgba(0, 0, 0, 0);
}

.error-message {
    color: var(--chocolate);
    background-color: rgba(0, 0, 0, 0);
    font-weight: 500;
}

.nav-menu {
    width: 100%;
    height: auto;
    align-items: center;
    display: flex;
}

.navbar {
    background-color: rgba(0, 0, 0, 0);
}

.circle-1 {
    z-index: 1;
    width: 400px;
    height: 400px;
    background-color: #0060ae;
    border-radius: 1000px;
    position: absolute;
    top: -200px;
    bottom: auto;
    left: -200px;
    right: auto;
}

.circle-2 {
    z-index: 0;
    width: 800px;
    height: 800px;
    background-color: #0059ab;
    border-radius: 1000px;
    position: absolute;
    top: -400px;
    bottom: auto;
    left: -400px;
    right: auto;
}

.circle-3 {
    z-index: -1;
    width: 1200px;
    height: 1200px;
    background-color: #0052a7;
    border-radius: 1000px;
    position: absolute;
    top: -600px;
    bottom: auto;
    left: -600px;
    right: auto;
}

.circle-4 {
    z-index: -2;
    width: 1600px;
    height: 1600px;
    background-color: #004aa2;
    border-radius: 1000px;
    position: absolute;
    top: -800px;
    bottom: auto;
    left: -800px;
    right: auto;
}

.name {
    margin-bottom: 40px;
}

.text-block-18 {
    color: var(--powder-blue-2);
    font-size: 1.2em;
}

.heading-2 {
    color: #fff;
    font-size: 2.8em;
    line-height: 1;
}

.div-block-36 {
    width: 100%;
    align-items: flex-start;
    display: flex;
}

.image-11 {
    width: 180px;
}

    .image-11.mobile {
        display: none;
    }

.color-ico {
    width: 51px;
    height: 51px;
    background-color: var(--dark-slate-blue);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    display: flex;
}

    .color-ico.avans {
        background-color: var(--cadet-blue);
    }

.image-13 {
    width: 21px;
}

.div-block-37 {
    width: 75%;
    height: auto;
    min-height: 200px;
    flex-flow: wrap;
    justify-content: space-between;
    display: flex;
}

.div-block-38 {
    width: 25%;
    padding-left: 1%;
}

.div-block-39 {
    width: 24%;
    height: 150px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    transition: all .2s;
    display: flex;
    box-shadow: 0 14px 40px -18px rgba(0, 67, 151, .23);
}

    .div-block-39:hover {
        transform: scale(1.05);
        box-shadow: 0 14px 40px -18px rgba(0, 67, 151, .45);
    }

    .div-block-39._02 {
        width: 100%;
        border: 3px solid var(--powder-blue);
        background-color: #f1fafc;
    }

        .div-block-39._02:hover {
            transform: none;
        }

.div-block-40 {
    width: 100%;
    height: 50px;
    align-items: center;
    font-size: 1em;
    font-weight: 500;
    display: flex;
}

.text-span-11 {
    margin-right: 10px;
    font-size: 1.8em;
    font-weight: 500;
}

.div-block-41 {
    width: 100%;
    margin-top: auto;
}

.div-block-42 {
    width: 100%;
    height: 140px;
    flex-flow: wrap;
    align-content: flex-end;
    align-items: flex-end;
    display: flex;
}

.image-14 {
    width: 20px;
    margin-left: auto;
    margin-right: 20px;
}

    .image-14.small {
        width: 15px;
    }

.div-block-43 {
    height: 70%;
    align-items: center;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.text-block-19 {
    width: 45%;
    text-align: right;
    font-size: .8em;
}

.div-block-44 {
    width: 1px;
    height: 30px;
    min-width: 1px;
    background-color: var(--powder-blue);
    margin-left: 10px;
    margin-right: 10px;
}

.text-span-12 {
    color: var(--medium-sea-green);
}

.normal-img {
    width: 20px;
    height: 14.4px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: 20px;
    overflow: hidden;
}

.circ-2 {
    width: 6px;
    margin-right: 0;
}

.line-3 {
    width: 8px;
}

.div-block-45 {
    width: 18px;
    justify-content: space-between;
    display: flex;
}

.div-block-46 {
    width: 100%;
    flex-direction: row;
    display: flex;
}

    .div-block-46._1 {
        width: 18px;
        justify-content: space-between;
        margin-bottom: 2px;
    }

.line-1 {
    width: 0;
}

.circ-1 {
    width: 6px;
    margin-left: 0;
    margin-right: 0;
}

.line-4 {
    width: 0;
}

.link-block-2 {
    border: 2px solid var(--powder-blue-3);
    color: var(--dark-slate-blue);
    cursor: pointer;
    background-color: #fff;
    border-radius: 100px;
    align-items: center;
    padding: 5px 15px 5px 20px;
    font-size: .8em;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s;
    display: flex;
}

    .link-block-2:hover {
        border-color: var(--chocolate);
        color: var(--dark-slate-blue);
    }

.image-15 {
    width: 20px;
    margin-left: 10px;
}

.text-block-20 {
    margin-left: 30px;
}

    .text-block-20.mytask {
        color: #fff;
        background-color: #3277c6;
        border: 1px #004397;
        border-radius: 100px;
        padding: 5px 10px;
        font-weight: 500;
    }

.c-1 {
    background-color: #f1fafc;
    border: 1px solid #ff9d00;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 0;
    overflow: hidden;
}

.text-block-21 {
    width: 100%;
    height: 40px;
    color: var(--orange);
    background-color: #fff;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    font-family: Opensans, sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    display: flex;
}

    .text-block-21._02 {
        color: var(--chocolate);
        background-color: #fff;
    }

    .text-block-21._03 {
        color: var(--medium-sea-green);
        background-color: #fff;
    }

    .text-block-21._04 {
        color: var(--dark-orchid);
        background-color: #fff;
    }

    .text-block-21._05 {
        color: var(--crimson);
        background-color: #fff;
    }

.color-1 {
    border: 2px solid var(--light-cyan);
    background-color: #f1fafc;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 5px;
    padding: 0;
    overflow: hidden;
}

.color-2 {
    background-color: #f1fafc;
    border: 2px solid #d1edf1;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 5px;
    padding: 0;
    overflow: hidden;
}

.color-3, .color-4, .color-5 {
    border: 2px solid var(--light-cyan);
    background-color: #f1fafc;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 5px;
    padding: 0;
    overflow: hidden;
}

.div-block-48 {
    width: 1px;
    height: 30px;
    min-width: 1px;
    background-color: #daeef1;
    margin-left: 10px;
    margin-right: 10px;
}

.text-block-22 {
    color: var(--dark-slate-blue);
    font-family: Open Sans, sans-serif;
    font-size: .7em;
    font-weight: 500;
    line-height: 1.2;
}

.textt, .text-block-25 {
    text-align: center;
    font-size: .8em;
}

.type-2 {
    color: #fff;
    background-color: rgba(86, 201, 218, .57);
    border: 2px solid rgba(255, 255, 255, 0);
    border-radius: 100px;
    margin: 2px;
    padding: 3px 10px 2px;
    font-size: .8em;
    text-decoration: none;
    transition: all .2s;
}

    .type-2:hover {
        border: 2px solid rgba(0, 67, 151, 0);
    }

.text-block-26 {
    width: 100%;
    color: #fff;
    text-align: right;
    margin-top: auto;
}

.div-block-49 {
    display: none;
}

.button-neumorphic.new-user-btn {
    border-color: #def0f3;
    text-decoration: none;
}

    .button-neumorphic.new-user-btn:hover {
        border-color: #004397;
    }

.image-16 {
    width: 20px;
    margin-right: 10px;
}

.new-file {
    height: 113px;
    min-height: 113px;
    margin-top: 80px;
}

.file-content {
    z-index: 800;
    height: 100px;
    min-height: 100px;
    box-shadow: none;
    background-color: #fff;
    border-bottom: 2px solid #daeef1;
    justify-content: space-between;
    align-items: center;
    margin-top: 80px;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
}

    .file-content.print {
        height: auto;
        min-height: auto;
        margin-top: 0;
        position: relative;
        top: 0;
    }

.text-block-27 {
    color: var(--dark-slate-blue);
    margin-bottom: 5px;
    font-family: Opensans, sans-serif;
    font-size: .7em;
    font-weight: 300;
}

    .text-block-27.white {
        color: #fff;
        font-family: Opensans, sans-serif;
        font-weight: 300;
    }

.div-block-50 {
    width: 100%;
    min-width: 150px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

    .div-block-50.bottom {
        width: 50%;
        align-items: flex-start;
    }

        .div-block-50.bottom.full {
            flex-direction: column;
            justify-content: center;
        }

.text-block-28 {
    font-family: Open Sans, sans-serif;
    font-size: 1.1em;
    font-weight: 500;
}

    .text-block-28.white {
        width: 100%;
        color: #fff;
        font-size: 1.3em;
        font-weight: 500;
    }

        .text-block-28.white.full {
            margin-right: 10px;
        }

    .text-block-28.status-1 {
        color: var(--chocolate);
        background-color: rgba(0, 0, 0, 0);
        border-radius: 0;
        padding: 0;
        font-size: .9em;
    }

.div-block-51 {
    width: 1px;
    height: 40px;
    background-color: #daeef1;
    margin-left: 20px;
    margin-right: 20px;
}

.div-block-52 {
    width: 100%;
    height: 100px;
    background-color: var(--dark-slate-blue);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    justify-content: space-between;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    position: static;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.zero {
    width: 50px;
    min-width: 50px;
    color: #1c63a8;
    background-color: rgba(129, 220, 233, .2);
    border-radius: 100px;
    padding-left: 20px;
    padding-right: 20px;
}

.btn {
    height: 48px;
    color: #4c9cc7;
    border: 2px solid rgba(129, 220, 233, .58);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 500;
    text-decoration: none;
    display: flex;
}

    .btn.disabled {
        height: 45px;
        cursor: none;
        margin-left: 0;
        font-size: .9em;
    }

    .btn.enabled {
        height: 45px;
        color: #fff;
        cursor: pointer;
        border-color: #fff;
        margin-left: auto;
        font-size: .9em;
        transition: all .2s;
    }

        .btn.enabled:hover {
            border-color: var(--powder-blue-2);
            color: var(--powder-blue-2);
        }

    .btn.sorun-bildir {
        height: 45px;
        color: #fff;
        cursor: pointer;
        border-color: #fff;
        margin-left: auto;
        margin-right: auto;
        font-size: .9em;
        transition: all .2s;
    }

        .btn.sorun-bildir:hover {
            border-color: var(--powder-blue-2);
            color: var(--powder-blue-2);
        }

    .btn.enabled {
        height: 45px;
        color: #fff;
        cursor: pointer;
        border-color: #fff;
        margin-left: auto;
        font-size: .9em;
        transition: all .2s;
    }

        .btn.enabled:hover {
            color: #81dce9;
            border-color: #81dce9;
        }

.link-block-3 {
    width: 250px;
    height: 250px;
    color: var(--dark-slate-blue);
    background-color: #d1f7ff;
    border: 3px #fff;
    border-radius: 20px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 1.2em;
    font-weight: 500;
    text-decoration: none;
    display: flex;
}

.lottie-animation {
    width: 45px;
    height: 45px;
    background-color: #fff;
    border-radius: 100px;
}

    .lottie-animation.small {
        width: 25px;
        height: 25px;
        margin-left: 10px;
    }

.brand {
    width: 150px;
    border: 2px none var(--dark-turquoise);
    color: var(--dark-slate-blue);
    text-align: center;
    background-color: #fff;
    border-radius: 100px;
    padding: 5px 20px;
    font-size: .8em;
    font-weight: 500;
}

.text-block-29 {
    text-align: center;
    margin-bottom: 0;
}

    .text-block-29.comment {
        text-align: right;
        margin-right: 20px;
    }

.div-block-53 {
    width: 100%;
    display: flex;
    position: fixed;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.div-block-54 {
    width: 150px;
    background-color: var(--powder-blue-2);
    color: var(--dark-slate-blue);
    cursor: pointer;
    border-top-left-radius: 20px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: .8em;
    font-weight: 500;
    text-decoration: none;
    display: flex;
}

.image-17 {
    width: 30px;
    margin-top: -1px;
    transform: rotate(180deg);
}

.div-block-55 {
    flex-direction: column;
    align-items: center;
    display: flex;
}

.tile-small {
    width: 100%;
    margin-bottom: 5px;
    font-size: .7em;
    font-weight: 300;
}

.tile-big {
    width: 100%;
    font-size: 1em;
}

.div-block-56 {
    width: 100%;
    border-radius: 0;
    overflow: hidden;
}

.pop-search-content {
    width: 70%;
    height: auto;
    max-height: 70%;
    background-color: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 10px;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 15%;
    margin-right: auto;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: auto;
    overflow: hidden;
}

.scrll-area {
    width: 100%;
    height: auto;
    max-height: none;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    display: flex;
    overflow: visible;
}

    .scrll-area.add {
        height: auto;
        min-height: 200px;
        justify-content: center;
    }

    .scrll-area.profile-scrool {
        height: 100%;
        max-height: 400px;
        overflow: auto;
    }

.pop-footer {
    z-index: 5;
    height: 80px;
    min-height: 80px;
    background-color: var(--dark-slate-blue);
    color: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    position: relative;
}

    .pop-footer.sorun-bildir {
        justify-content: center;
    }

.text-block-30 {
    align-items: center;
    line-height: .9;
    display: flex;
}

.search-form-1 {
    width: 90%;
    max-width: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.add-pop {
    width: 80%;
    height: auto;
    max-height: 80%;
    background-color: #f1fafc;
    border-top-left-radius: 20px;
    border-top-right-radius: 10px;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 10%;
    margin-right: auto;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: auto;
    overflow: hidden;
}

.div-block-60 {
    width: 100%;
    justify-content: flex-start;
    padding-top: 0;
    padding-bottom: 40px;
    display: flex;
}

.div-block-61 {
    width: 100%;
    height: auto;
    max-height: 400px;
    min-height: auto;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    padding-top: 0;
    position: relative;
    overflow: auto;
}

.div-block-62 {
    height: 100%;
    flex-direction: column;
    padding-bottom: 20px;
    display: block;
    overflow: auto;
}

.heading-3 {
    width: 100%;
    color: var(--medium-violet-red);
    padding-left: 4px;
    font-family: Opensans, sans-serif;
    font-size: 1em;
    font-weight: 500;
}

    .heading-3._02 {
        color: var(--medium-violet-red);
        padding-left: 20px;
        font-family: Opensans, sans-serif;
        font-weight: 400;
    }

.test-body {
    color: var(--dark-slate-blue);
    background-color: #0d5abb;
    flex-direction: column;
    justify-content: center;
    padding: 0%;
    font-family: Opensans, sans-serif;
    font-size: 1em;
    line-height: 1;
    display: flex;
}

.faq-p {
    width: 100%;
    background-color: #fff;
    border: 3px #b3d9ea;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 0;
    display: block;
    overflow: hidden;
    box-shadow: 0 6px 16px -8px rgba(0, 67, 151, .72);
}

.pop-duyuru {
    width: 80%;
    height: auto;
    max-height: 70%;
    background-color: var(--dark-slate-blue);
    border-top-left-radius: 20px;
    border-top-right-radius: 10px;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 10%;
    margin-right: auto;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: auto;
    overflow: hidden;
}

.div-block-63 {
    height: auto;
    min-height: 50px;
    flex-direction: row-reverse;
    align-items: center;
    display: flex;
}

.div-block-64 {
    z-index: 0;
    width: 300px;
    height: 300px;
    border: 3px #e0f2f5;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: visible;
}

.div-block-65 {
    width: 200px;
    height: 200px;
    background-color: #e0f3f6;
    border-radius: 500px;
}

.lottie-animation-3 {
    width: 150%;
    position: absolute;
    top: -2%;
    right: 6%;
    transform: rotate(17deg);
}

.text-block-31 {
    z-index: 1;
    width: 70%;
    text-align: center;
    margin-bottom: 40px;
    font-size: 1.2em;
    line-height: 1.5;
    position: relative;
}

.text-span-13 {
    border: 2px solid var(--dark-slate-blue);
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.4em;
    display: inline-block;
}

.info-link {
    border: 1px none var(--powder-blue-2);
    color: var(--dark-slate-blue);
    background-color: rgba(0, 0, 0, 0);
    background-image: url('../images/masraf.svg');
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: 28px;
    margin-right: 5px;
    padding-left: 32px;
    padding-right: 0;
    font-family: Opensans, sans-serif;
    font-size: .9em;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
}

    .info-link:hover {
        color: var(--chocolate);
    }

.info-2-link {
    border: 1px none var(--powder-blue-2);
    color: #34a7b9;
    background-color: rgba(0, 0, 0, 0);
    background-image: url('../images/avans.svg');
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: 28px;
    margin-right: 5px;
    padding-left: 32px;
    padding-right: 0;
    font-family: Opensans, sans-serif;
    font-size: .9em;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
}

    .info-2-link:hover {
        color: var(--chocolate);
    }

.pop-add-content {
    width: 70%;
    height: auto;
    max-height: 50%;
    min-height: auto;
    background-color: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 10px;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 15%;
    margin-right: auto;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: auto;
    overflow: hidden;
}

.heading-4 {
    height: 70px;
    text-align: center;
    background-color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: Opensans, sans-serif;
    font-size: 1.7em;
    font-weight: 500;
    line-height: 1;
}

.pop-profile {
    width: 70%;
    height: auto;
    max-height: 70%;
    background-color: var(--azure);
    border-top-left-radius: 20px;
    border-top-right-radius: 10px;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 15%;
    margin-right: auto;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: auto;
    overflow: hidden;
}

.image-19 {
    width: 20px;
}

.lightbox-content {
    z-index: 9999;
    background-color: rgba(0, 67, 151, .84);
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.next-back {
    transform: rotate(180deg);
}

    .next-back._01 {
        transform: none;
    }

.text-block-32 {
    width: 100%;
}

.text-span-14 {
    font-weight: 500;
}

.paging-2 {
    width: 100%;
    min-height: 50px;
    min-width: 1100px;
    align-items: center;
    margin-top: 3px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.number-2 {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: 2px solid #b6dfe5;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-left: 2px;
    margin-right: 2px;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s;
    display: flex;
}

    .number-2:hover {
        background-color: #b6dfe5;
        border-color: #004397;
    }

    .number-2.active-db {
        min-height: 40px;
        min-width: 40px;
        color: #fff;
        background-color: #004397;
        border-color: #004397;
    }

.menu-span-2 {
    color: #ff6b00;
    font-weight: 500;
}

.h-16-2 {
    width: 100%;
    color: #004397;
    cursor: pointer;
    align-items: center;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 1em;
    font-weight: 500;
    text-decoration: none;
    display: flex;
}

    .h-16-2:hover {
        color: #ff6b00;
    }

    .h-16-2:focus {
        color: #004397;
    }

    .h-16-2.user {
        height: 48px;
        color: #004397;
        border-bottom: 1px solid rgba(170, 209, 214, .43);
        justify-content: center;
        padding-top: 5px;
        padding-left: 0;
        font-weight: 300;
    }

        .h-16-2.user:hover {
            color: #81dce9;
        }

    .h-16-2.desc {
        height: 60px;
        color: #004397;
        background-color: #b6dfe5;
        border-bottom: 1px rgba(170, 209, 214, .43);
        justify-content: center;
        padding-top: 5px;
        padding-left: 0;
        font-weight: 300;
    }

        .h-16-2.desc:hover {
            color: #004397;
            background-color: #d6eff3;
        }

    .h-16-2.select {
        padding-top: 20px;
        padding-bottom: 20px;
        transition: all .2s;
    }

        .h-16-2.select:hover {
            background-color: #f1fafc;
        }

        .h-16-2.select.small {
            padding-top: 15px;
            padding-bottom: 15px;
        }

            .h-16-2.select.small.c-1 {
                color: #ff6b00;
                background-color: rgba(0, 0, 0, 0);
                border-style: none;
                border-width: 1px;
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0;
            }

            .h-16-2.select.small.c-4 {
                color: #cd163a;
            }

            .h-16-2.select.small.c-3 {
                color: #9048d7;
            }

            .h-16-2.select.small.c-2 {
                color: #41ac45;
            }

            .h-16-2.select.small.all {
                color: #004397;
                background-color: #fff;
            }

                .h-16-2.select.small.all:hover {
                    background-color: #d6eff3;
                }

            .h-16-2.select.small.c-5 {
                color: #ff9d00;
            }

.button-neumorphic-2 {
    min-width: 200px;
    color: #004397;
    text-transform: uppercase;
    background-color: #81dce9;
    border-radius: 100px;
    justify-content: center;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 30px;
    font-size: 17px;
    font-weight: 700;
    transition: all .2s;
    display: flex;
    box-shadow: -14px -14px 30px #006fcf, 14px 14px 30px #033472;
}

    .button-neumorphic-2:hover {
        box-shadow: -14px -14px 30px rgba(255, 255, 255, 0), 14px 14px 30px rgba(209, 217, 230, 0);
    }

    .button-neumorphic-2.logout {
        height: 40px;
        min-width: auto;
        box-shadow: none;
        color: #fff;
        background-color: #004397;
        background-image: url('../images/Logout.svg');
        background-position: 10px;
        background-repeat: no-repeat;
        background-size: 20px;
        align-items: center;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 0 20px 0 40px;
        font-size: .8em;
        font-weight: 500;
    }

        .button-neumorphic-2.logout:hover {
            background-color: #ff6b00;
        }

.text-block-34 {
    height: 40px;
    text-align: center;
    background-color: #fff;
    background-image: url('../images/Paper-Plus_1.svg');
    background-position: 12px;
    background-repeat: no-repeat;
    background-size: 22px;
    border-radius: 100px;
    align-items: center;
    padding: 5px 20px 5px 40px;
    font-weight: 500;
    display: flex;
}

.h-10-2 {
    color: #004397;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 24px;
    font-size: 1em;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s;
}

    .h-10-2:hover {
        color: #81dce9;
    }

    .h-10-2.manage {
        width: 100%;
        display: flex;
    }

        .h-10-2.manage._01 {
            align-items: center;
        }

            .h-10-2.manage._01:hover {
                color: #004397;
            }

    .h-10-2.select {
        color: #004397;
        padding-left: 30px;
        font-size: 1.5em;
    }

        .h-10-2.select._002 {
            font-size: .9em;
        }

.h-15-2 {
    min-width: 140px;
    opacity: 1;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: #fff;
    border: 1px solid #b6dfe5;
    border-radius: 0 0 10px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 0;
    display: flex;
    overflow: hidden;
    box-shadow: 0 6px 40px -4px rgba(81, 105, 121, .36);
}

    .h-15-2.w--open {
        max-height: 100vh;
        min-width: 300px;
        background-color: #fff;
        border-radius: 15px;
        left: -97px;
        box-shadow: 0 50px 25px -50px rgba(32, 53, 90, .15), 8px 18px 60px 4px rgba(0, 0, 0, .13);
    }

    .h-15-2.select {
        opacity: 1;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: #fff;
        border: 1px #004397;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: 4px -19px 35px rgba(32, 53, 90, .08), 11px 11px 30px -10px rgba(32, 53, 90, .15);
    }

.user-pict-2 {
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    border: 2px solid #b0ced3;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
}

.user-image-2 {
    width: auto;
    height: auto;
    max-width: 40px;
    min-width: auto;
    margin-left: -2px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.small-head-2 {
    font-size: .6em;
    font-weight: 500;
}

.type-2-2 {
    color: #fff;
    background-color: rgba(0, 67, 151, .46);
    border: 2px solid rgba(255, 255, 255, 0);
    border-radius: 100px;
    margin: 2px;
    padding: 3px 10px 2px;
    font-size: .8em;
    text-decoration: none;
    transition: all .2s;
}

    .type-2-2:hover {
        border: 2px solid rgba(0, 67, 151, 0);
    }

.div-block-66 {
    width: 25%;
    padding-left: 1%;
}

.div-block-67 {
    width: 75%;
    height: auto;
    min-height: 200px;
    flex-flow: wrap;
    justify-content: space-between;
    display: flex;
}

.togglebutton-2 {
    width: 90px;
    height: 30px;
    background-color: #41ac45;
    border: 1px #d2e5e9;
    border-radius: 50px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 40px;
    text-decoration: none;
    display: flex;
    position: relative;
}

    .togglebutton-2._02 {
        width: 85px;
        height: 22px;
        background-color: #1154a3;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 20px;
    }

.div-block-68 {
    width: 100%;
    height: 2px;
    background-color: #004397;
}

.slide-nav-2 {
    height: 20px;
    background-color: #f1fafc;
    justify-content: center;
    align-items: flex-end;
    font-size: .3em;
    display: flex;
}

.arrow-2 {
    width: 30px;
    height: 59px;
    color: #004397;
    background-color: #fff;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
    justify-content: center;
    transition: all .2s;
    display: none;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

    .arrow-2:hover {
        color: #004397;
        background-color: #e0f3f6;
        transform: translate(0);
    }

    .arrow-2.left {
        width: 30px;
        height: 59px;
        color: #004397;
        border-radius: 100px 100px 0 0;
        justify-content: center;
        align-items: center;
        margin-top: auto;
        padding-top: 0;
        padding-bottom: 0;
        transition: all .2s;
        display: none;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: 0%;
    }

        .arrow-2.left:hover {
            background-color: #e0f3f6;
            transform: none;
        }

.div-block-69 {
    width: auto;
    color: #004397;
    cursor: pointer;
    align-items: center;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: .9em;
    text-decoration: none;
    transition: all .2s;
    display: flex;
}

    .div-block-69:hover {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 0;
        text-decoration: underline;
    }

.text-span-15 {
    color: #41ac45;
}

.counter-2 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Opensans, sans-serif;
    font-size: 5vh;
    font-weight: 300;
    line-height: 1;
}

    .counter-2.color-5 {
        width: 45%;
        color: #ff6b00;
        font-size: 4vh;
    }

        .counter-2.color-5.center {
            color: #ff9d00;
            background-color: rgba(0, 0, 0, 0);
            border-style: none;
            font-size: 3.5vh;
        }

    .counter-2.color-1 {
        width: 45%;
        color: #ff6b00;
        font-size: 4vh;
    }

        .counter-2.color-1.center {
            background-color: rgba(0, 0, 0, 0);
            border-style: none;
            font-size: 3.5vh;
        }

    .counter-2.color-4 {
        width: 45%;
        color: #cd163a;
        font-size: 4vh;
    }

        .counter-2.color-4.center {
            background-color: rgba(0, 0, 0, 0);
            border-style: none;
            font-size: 3.5vh;
        }

    .counter-2.color-3 {
        width: 45%;
        color: #41ac45;
        font-size: 4vh;
    }

        .counter-2.color-3.center {
            background-color: rgba(0, 0, 0, 0);
            border-style: none;
            font-size: 3.5vh;
        }

    .counter-2.color-2 {
        width: 45%;
        color: #9048d7;
        font-size: 4vh;
    }

        .counter-2.color-2.center {
            background-color: rgba(0, 0, 0, 0);
            border-style: none;
            font-size: 3.5vh;
        }

.text-block-35 {
    width: 45%;
    text-align: right;
    justify-content: flex-end;
    font-size: .8em;
    display: flex;
}

.div-block-71 {
    width: 19%;
    height: 150px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    transition: all .2s;
    display: flex;
    box-shadow: 0 14px 40px -18px rgba(0, 67, 151, .23);
}

    .div-block-71:hover {
        transform: scale(1.05);
        box-shadow: 0 14px 40px -18px rgba(0, 67, 151, .45);
    }

    .div-block-71._02 {
        width: 100%;
        background-color: #f1fafc;
        border: 3px solid #b6dfe5;
    }

        .div-block-71._02:hover {
            transform: none;
        }

.div-block-72 {
    width: 1px;
    height: 30px;
    min-width: 1px;
    background-color: #b6dfe5;
    margin-left: 10px;
    margin-right: 10px;
}

.div-block-73 {
    width: 100%;
    height: 50px;
    align-items: center;
    font-size: 1em;
    font-weight: 500;
    display: flex;
}

.div-block-74 {
    height: auto;
    min-height: auto;
    justify-content: space-between;
    margin-top: 0;
    margin-bottom: 40px;
    display: flex;
}

.togglebuttongreen-2 {
    width: 90px;
    height: 22px;
    opacity: 0;
    background-color: #cd163a;
    border-radius: 50px;
    position: absolute;
}

    .togglebuttongreen-2._02 {
        width: 85px;
        background-color: #34a7b9;
    }

.text-block-36 {
    width: 390px;
    color: #004397;
    text-align: center;
    margin-bottom: 0;
    margin-left: 10px;
    font-family: Opensans, sans-serif;
    font-size: 1.1em;
    font-weight: 500;
}

.image-20 {
    width: 20px;
    margin-left: auto;
    margin-right: 20px;
}

    .image-20.big {
        width: 23px;
    }

    .image-20.small {
        width: 15px;
    }

.paging-3 {
    width: 100%;
    min-height: 50px;
    align-items: center;
    margin-top: 3px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.lines-2 {
    width: 100%;
    min-height: 60px;
    min-width: 1100px;
    color: #004397;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px #fff;
    justify-content: space-between;
    margin-top: 1px;
    margin-bottom: 1px;
    font-family: Opensans, sans-serif;
    font-size: 1.1em;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s;
    display: flex;
}

    .lines-2:hover {
        color: #004397;
        background-color: #f9feff;
    }

    .lines-2.my-task {
        background-color: #ecfafd;
        border: 1px solid #004397;
    }

        .lines-2.my-task:hover {
            border-width: 1px;
            border-color: #35a7ba;
        }

    .lines-2._02 {
        min-height: 70px;
        background-color: #ddf3f6;
        margin-bottom: 3px;
    }

        .lines-2._02:hover {
            background-color: #fff;
        }

    .lines-2.print {
        min-height: 70px;
        min-width: auto;
        background-color: #ddf3f6;
        margin-bottom: 3px;
    }

        .lines-2.print:hover {
            background-color: #fff;
        }

.text-span-16 {
    color: #004397;
    font-size: .7em;
    font-weight: 500;
}

.table-head-2 {
    z-index: 90;
    min-height: 50px;
    box-shadow: none;
    background-color: #f3f8f9;
    border-top: 1px #004397;
    border-bottom: 2px #004397;
    justify-content: space-between;
    font-family: Opensans, sans-serif;
    font-size: .8em;
    font-weight: 500;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    overflow: hidden;
}

    .table-head-2.mobile {
        width: 100%;
        min-width: 1100px;
        display: none;
    }

    .table-head-2.web {
        width: 100%;
        min-height: 65px;
        min-width: 1100px;
        box-shadow: none;
        background-color: #edfafd;
        border-style: solid;
        border-color: #b6dfe5;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-width: 1px;
        border-radius: 0;
        font-family: Opensans, sans-serif;
        font-size: .8em;
        font-weight: 500;
        top: 79px;
    }

.text-span-17 {
    color: #56c9da;
}

.link {
    width: 100%;
    color: #004397;
    background-image: url('../images/Profile.svg');
    background-position: 20px 45%;
    background-repeat: no-repeat;
    background-size: 16px;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
    font-size: .9em;
    font-weight: 300;
    text-decoration: none;
    transition: all .2s;
}

    .link:hover {
        color: #004397;
        font-weight: 500;
    }

.lottie-animation-4 {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 100px;
    margin-bottom: 10px;
    margin-right: 10px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

    .lottie-animation-4.comment {
        width: 50px;
        height: 50px;
        background-color: rgba(0, 0, 0, 0);
        margin: auto 0 auto 10px;
        bottom: auto;
    }

.link-block-4 {
    width: 250px;
    height: 250px;
    color: #004397;
    background-color: #c4eaf0;
    border: 3px #f1fafc;
    border-radius: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 30px;
    padding-bottom: 40px;
    font-size: 1.2em;
    font-weight: 500;
    text-decoration: none;
    transition: all 2s;
    display: flex;
    position: relative;
}

    .link-block-4:hover {
        background-color: rgba(130, 220, 233, .83);
        border-style: none;
        border-color: #d1f7ff;
    }

.div-block-75 {
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
}

.brand-2 {
    width: 200px;
    color: #b90064;
    text-align: center;
    background-color: #fff;
    border: 2px #56c9da;
    border-radius: 100px;
    padding: 5px 20px;
    font-size: 1.1em;
    font-weight: 500;
    box-shadow: 0 20px 40px rgba(0, 67, 151, .3);
}

.link-2 {
    min-width: 200px;
    color: #004397;
    background-color: #d9faff;
    border: 3px #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    border-radius: 0 0 20px 20px;
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 0;
    padding: 10px 20px;
    font-size: .8em;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s;
    display: flex;
    box-shadow: 0 6px 12px -12px #004397;
}

    .link-2:hover {
        background-color: #f6feff;
        border-bottom: 1px solid #62c3d1;
        box-shadow: 0 9px 12px -8px rgba(0, 67, 151, .53);
    }

    .link-2.new {
        color: #fff;
        background-color: #b90064;
        border-radius: 20px 20px 0 0;
    }

.style-6 {
    color: #fff;
    background-color: #004397;
    border-radius: 100px;
    margin: 2px;
    padding: 3px 10px;
    font-size: .7em;
    font-weight: 300;
}

.style-2 {
    color: #fff;
    background-color: #ff6b00;
    border-radius: 100px;
    margin: 2px;
    padding: 3px 10px;
    font-size: .7em;
    font-weight: 300;
}

.style-4 {
    color: #fff;
    background-color: #9048d7;
    border-radius: 100px;
    margin: 2px;
    padding: 3px 10px;
    font-size: .7em;
    font-weight: 300;
}

.style-3 {
    color: #fff;
    background-color: #41ac45;
    border-radius: 100px;
    margin: 2px;
    padding: 3px 10px;
    font-size: .7em;
    font-weight: 300;
}

.active-db2 {
    opacity: 1;
    color: #008605;
    background-color: #cdec9e;
    border-radius: 100px;
    padding: 5px 10px;
}

.passive-1 {
    opacity: 1;
    color: rgba(0, 67, 151, .52);
    background-color: #c5dcf7;
    border-radius: 100px;
    padding: 5px 10px;
}

.style-1 {
    color: #fff;
    background-color: #ff9d00;
    border-radius: 100px;
    margin: 2px;
    padding: 3px 10px;
    font-size: .7em;
    font-weight: 300;
}

.style-5 {
    color: #fff;
    background-color: #cd163a;
    border-radius: 100px;
    margin: 2px;
    padding: 3px 10px;
    font-size: .7em;
    font-weight: 300;
}

.text-block-27-copy {
    color: #004397;
    text-align: left;
    margin-bottom: 0;
    font-family: Opensans, sans-serif;
    font-size: .7em;
    font-weight: 300;
    line-height: 1;
}

.text-block-38 {
    color: #004397;
    text-align: left;
    margin-bottom: 5px;
    font-family: Open Sans, sans-serif;
    font-size: .7em;
    font-weight: 300;
    line-height: 1;
}

    .text-block-38.white {
        color: #fff;
        font-family: Opensans, sans-serif;
        font-weight: 300;
    }

.div-block-76 {
    width: 100%;
    height: 100px;
    background-color: #004397;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    justify-content: space-between;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    position: static;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.div-block-77 {
    width: 150px;
    color: #fff;
    cursor: pointer;
    background-color: #ff6b00;
    border-top-left-radius: 20px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: .8em;
    font-weight: 500;
    text-decoration: none;
    display: flex;
}

.filter {
    z-index: 998;
    width: auto;
    height: auto;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 20px;
    transition: all .2s;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .filter:hover {
        width: 100%;
        height: auto;
    }

.field-label {
    width: 100%;
    color: var(--medium-violet-red);
    margin-top: 0;
    padding-left: 0;
    font-family: Opensans, sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1em;
}

.submit-button {
    min-height: 41px;
    background-color: var(--dark-slate-blue);
    border-radius: 100px;
    margin-top: 4px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1em;
    transition: all .2s;
}

    .submit-button:hover {
        background-color: var(--medium-violet-red);
    }

    .submit-button.space {
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        padding-left: 40px;
        padding-right: 40px;
    }

.form-2 {
    width: 100%;
    height: auto;
    min-height: auto;
    background-color: #fff;
    border: 1px #d1edf1;
    border-radius: 10px;
    flex-flow: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px 30px;
    display: flex;
}

.error {
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}

._50-percent {
    width: 49%;
    margin-right: 5px;
}

.input-group {
    width: 81%;
    display: flex;
}

.input {
    width: 100%;
    min-height: 40px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .14);
    border-radius: 10px;
    margin-bottom: 5px;
    padding: 0 10px;
    font-size: 18px;
    line-height: 26px;
}

    .input:focus {
        border-color: #ee6f22;
    }

    .input.date-input {
        min-height: 40px;
    }

        .input.date-input.date-from {
            min-height: 48px;
            border-style: solid;
            border-color: var(--light-cyan);
            background-color: rgba(241, 250, 252, 0);
            border-radius: 3px;
            margin-right: 20px;
            padding-left: 20px;
            font-size: 1em;
            line-height: 1em;
        }

            .input.date-input.date-from:hover {
                border-style: solid;
                border-color: var(--powder-blue-2);
                font-size: 1em;
                line-height: 1em;
            }

            .input.date-input.date-from:active {
                border-bottom-width: 1px;
            }

            .input.date-input.date-from:focus {
                border-bottom-width: 2px;
                border-bottom-color: var(--dark-slate-blue);
                font-size: 1em;
            }

            .input.date-input.date-from::-ms-input-placeholder {
                color: var(--midnight-blue);
                font-size: 1em;
            }

            .input.date-input.date-from::placeholder {
                color: var(--midnight-blue);
                font-size: 1em;
            }

        .input.date-input.date-to {
            min-height: 48px;
            border-style: solid;
            border-color: var(--light-cyan);
            background-color: rgba(255, 255, 255, 0);
            border-radius: 3px;
            padding-left: 20px;
            font-size: 1em;
            line-height: 1em;
        }

            .input.date-input.date-to:hover {
                border-bottom-color: var(--powder-blue-2);
            }

            .input.date-input.date-to:focus {
                border-bottom-width: 2px;
                border-bottom-color: var(--dark-slate-blue);
            }

            .input.date-input.date-to::-ms-input-placeholder {
                color: #001a3c;
            }

            .input.date-input.date-to::placeholder {
                color: #001a3c;
            }

.filter-25 {
    width: 24%;
    min-height: auto;
    min-width: 24%;
    flex-direction: row;
    display: flex;
}

    .filter-25.space {
        width: 24%;
        min-width: 24%;
        margin-left: 1%;
        margin-right: 1%;
    }

.filter-50 {
    width: 50%;
    height: auto;
    min-height: auto;
    min-width: 50%;
    justify-content: space-around;
    display: flex;
}

.form-block-2 {
    width: 100%;
    margin-bottom: 0;
    display: flex;
}

.filter-btn {
    z-index: 10;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    background-color: var(--dark-slate-blue);
    cursor: pointer;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    display: flex;
    position: relative;
}

.f-image1 {
    display: block;
}

.f-image2 {
    display: none;
}

.form-block-3, .form-block-4 {
    margin-bottom: 0;
    display: flex;
}

.text-block-39 {
    width: 100px;
    align-items: flex-start;
    padding-top: 13px;
    font-size: .8em;
    display: flex;
}

.div-block-78 {
    width: 100%;
    background-color: #fff;
    border: 1px solid #d1edf1;
    border-radius: 10px;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
}

.text-span-18 {
    color: var(--medium-violet-red);
}

.text-span-19 {
    color: var(--medium-violet-red);
    align-items: center;
    display: flex;
}

.tabs {
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 10px;
    overflow: hidden;
}

.tab-list {
    width: 200px;
    min-height: 50px;
    color: var(--dark-slate-blue);
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    padding-right: 0;
    font-size: 1.1em;
    font-weight: 500;
    display: flex;
}

    .tab-list.w--current {
        background-color: #fff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        justify-content: flex-start;
        padding-left: 16px;
        padding-right: 0;
    }

.tabs-menu {
    display: flex;
}

.tabs-content {
    background-color: #fff;
    padding: 2px;
}

.image-21 {
    margin-right: 10px;
}

.text-span-20 {
    color: var(--medium-violet-red);
}

.gelen {
    width: auto;
    color: var(--dark-slate-blue);
    background-color: #d3f1f8;
    border-radius: 0 30px 30px;
    margin-bottom: 20px;
    padding: 20px;
    font-size: .9em;
    line-height: 1.8;
}

.date {
    background-color: var(--medium-violet-red);
    color: #fff;
    border-radius: 100px;
    margin-bottom: 1px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
}

.text-span-21 {
    background-color: #fff;
    background-image: url('../images/Profile.svg');
    background-position: 11px 3px;
    background-repeat: no-repeat;
    background-size: 15px;
    border-radius: 100px;
    margin-bottom: 1px;
    padding-top: 0;
    padding-left: 29px;
    padding-right: 10px;
    display: inline-block;
}

.giden {
    width: auto;
    color: var(--dark-slate-blue);
    background-color: #bad9ff;
    border-radius: 30px 0 30px 30px;
    margin-bottom: 20px;
    padding: 20px;
    font-size: .9em;
    line-height: 1.8;
}

._01-status {
    width: 100%;
    display: flex;
}

._02-status {
    width: 100%;
    justify-content: flex-end;
    display: flex;
}

.div-block-79 {
    width: 100%;
    margin-bottom: 40px;
}

.slider-2 {
    background-color: rgba(0, 0, 0, 0);
}

.right-arrow, .left-arrow {
    display: none;
}

.slide-nav-3 {
    mix-blend-mode: color-burn;
    font-size: .5em;
}

.div-block-80 {
    width: 100%;
    height: auto;
    max-width: 831px;
    border: 1px none var(--dark-slate-blue);
    border-radius: 5px;
    margin-top: 1rem;
    padding: 1rem;
    position: relative;
}

.print {
    justify-content: center;
    align-items: flex-start;
    font-family: Open Sans, sans-serif;
    display: flex;
}

.print-head {
    width: 20%;
    min-width: auto;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    display: flex;
}

    .print-head.bottom {
        width: 50%;
        align-items: flex-start;
    }

        .print-head.bottom.full {
            flex-direction: column;
            justify-content: center;
        }

    .print-head.price {
        border-left: 1px solid var(--dark-slate-blue);
        padding-left: 10px;
    }

    .print-head.total-price {
        border-style: none solid solid;
        border-width: 2px 1px 3px;
        border-color: var(--light-grey) var(--dark-slate-blue) var(--dark-slate-blue);
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        padding-left: 10px;
    }

    .print-head.code {
        border-left: 1px solid var(--dark-slate-blue);
    }

.div-block-81 {
    width: auto;
    border-style: none solid solid;
    border-width: 1px 1px 3px;
    border-color: var(--dark-slate-blue);
    border-radius: 0 0 6px 6px;
    margin-bottom: 20px;
    display: flex;
}

.print-top-head {
    width: 100%;
    max-width: 160px;
    border-bottom: 1px solid var(--dark-slate-blue);
    color: #004397;
    text-align: left;
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-family: Open Sans, sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

    .print-top-head.white {
        color: #fff;
        font-family: Opensans, sans-serif;
        font-weight: 300;
    }

    .print-top-head.right, .print-top-head.price {
        text-align: right;
    }

.print-text {
    width: 100%;
    max-width: 160px;
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    font-weight: 600;
}

    .print-text.white {
        width: 100%;
        color: #fff;
        font-size: 1.3em;
        font-weight: 500;
    }

        .print-text.white.full {
            margin-right: 10px;
        }

    .print-text.status-1 {
        color: var(--chocolate);
        background-color: rgba(0, 0, 0, 0);
        border-radius: 0;
        padding: 0;
        font-size: .9em;
    }

    .print-text.price {
        width: 100%;
        text-align: right;
        font-size: 17px;
        font-weight: 700;
    }

    .print-text.status {
        width: 100%;
        color: var(--chocolate);
        text-align: left;
        font-size: 12px;
        font-weight: 700;
    }

    .print-text.right {
        text-align: right;
    }

.print-logo {
    border: 1px solid var(--dark-slate-blue);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    justify-content: space-between;
    display: flex;
    overflow: hidden;
}

.print-all-head {
    width: 100%;
    min-width: auto;
    flex-flow: row;
    align-items: flex-start;
    padding: 10px 10px 0;
    display: flex;
}

    .print-all-head.bottom {
        width: 50%;
        align-items: flex-start;
    }

        .print-all-head.bottom.full {
            flex-direction: column;
            justify-content: center;
        }

    .print-all-head.price {
        border-left: 1px solid var(--dark-slate-blue);
        padding-left: 0;
    }

.all-head-text {
    width: 100%;
    max-width: 160px;
    border-bottom: 1px solid var(--dark-slate-blue);
    color: #004397;
    text-align: left;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    font-family: Open Sans, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

    .all-head-text.white {
        color: #fff;
        font-family: Opensans, sans-serif;
        font-weight: 300;
    }

    .all-head-text.right, .all-head-text.price {
        text-align: right;
    }

.list-stroke {
    width: auto;
    border: 1px solid var(--dark-slate-blue);
    border-radius: 6px 6px 0;
    flex-flow: column;
    margin-bottom: 0;
    display: flex;
}

.print-list-content {
    width: 100%;
    min-width: auto;
    border-bottom: 1px solid var(--light-grey);
    flex-flow: row;
    align-items: flex-start;
    padding: 10px 10px 5px;
    display: flex;
}

    .print-list-content.bottom {
        width: 50%;
        align-items: flex-start;
    }

        .print-list-content.bottom.full {
            flex-direction: column;
            justify-content: center;
        }

    .print-list-content.price {
        border-left: 1px solid var(--dark-slate-blue);
        padding-left: 0;
    }

.text-list {
    width: 100%;
    max-width: 160px;
    border-bottom: 1px none var(--dark-slate-blue);
    color: #333;
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-right: 5px;
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

    .text-list.white {
        color: #fff;
        font-family: Opensans, sans-serif;
        font-weight: 300;
    }

    .text-list.right, .text-list.price {
        text-align: right;
    }

.div-block-82 {
    justify-content: flex-end;
    display: flex;
}

@media screen and (min-width: 1440px) {
    .form-block {
        position: static;
    }

    .div-block {
        justify-content: flex-start;
    }

    .form {
        max-width: none;
    }

    .field-type-1 {
        text-align: left;
    }

    .field-content {
        text-align: center;
        justify-content: flex-start;
        display: flex;
    }

        .field-content.center {
            margin-right: 20px;
        }

            .field-content.center.dark._33 {
                width: 33%;
            }

    .button-neumorphic {
        margin-left: 0;
        margin-right: 0;
    }

        .button-neumorphic.center {
            margin-left: auto;
            margin-right: auto;
        }

    .label-1 {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
    }

    .logo-area {
        width: 300px;
        min-width: 300px;
        justify-content: center;
        margin-left: 0;
        position: relative;
    }

    .h-9 {
        text-align: center;
        padding-top: 0;
    }

        .h-9.select {
            width: auto;
        }

    .h-10.manage {
        width: 100%;
        display: flex;
    }

    .h-16.box {
        width: 42%;
        height: 100px;
        border: 2px none var(--azure);
        text-align: center;
        background-color: #fff;
        flex-direction: column;
        justify-content: center;
        margin-left: 2px;
        margin-right: 2px;
        padding-left: 20px;
    }

    .h-13.w--open {
        margin-top: 70px;
        top: 0%;
        bottom: auto;
        left: 0;
        right: auto;
    }

    .h-13.select {
        text-align: left;
        margin-top: 80px;
        left: 0;
    }

    .h-13.new {
        text-align: left;
        margin-top: 80px;
        padding-top: 0;
        top: 0%;
        bottom: auto;
        left: -100px;
        right: 0%;
    }

    .h-13.manage {
        width: 252px;
        text-align: left;
        margin-top: 79px;
        left: 0;
    }

    .h-15.list, .h-15.manage {
        justify-content: space-around;
        display: flex;
    }

    .h-100 {
        top: -9px;
    }

    .user-image {
        max-height: 40px;
        max-width: 40px;
        margin-top: -2px;
        margin-left: -2px;
    }

        .user-image.big {
            width: 100%;
            height: 100%;
            max-height: none;
            max-width: none;
            margin-top: 0;
            margin-left: 0;
        }

    .user-pict {
        border-width: 2px;
        border-color: #c8e7eb;
        display: none;
    }

        .user-pict.big {
            max-width: 100px;
        }

    .number-full {
        display: flex;
    }

    .div-block-9 {
        position: relative;
    }

        .div-block-9._02.display {
            justify-content: flex-end;
        }

    .type-1:hover {
        box-shadow: none;
        border-style: none;
        padding-top: 3px;
        padding-bottom: 2px;
    }

    .type-1 {
        cursor: auto;
    }

        .type-1:hover, .type-1._02:hover {
            border-style: solid;
            border-color: rgba(0, 67, 151, 0);
        }

    .div-block-10 {
        width: 13%;
        border-style: none;
        border-color: rgba(255, 255, 255, .2);
        border-radius: 5px;
    }

        .div-block-10:hover {
            border-style: solid;
            border-color: rgba(255, 255, 255, .2);
        }

    .color._05 {
        background-color: #ff9d00;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .text-block-6 {
        margin-right: 10px;
    }

    .image-3.dark {
        opacity: 1;
        background-color: #fff;
        border-radius: 100px;
    }

    .search-form.area {
        flex-direction: row;
    }

    .number-empty {
        background-color: var(--steel-blue);
        display: none;
    }

    .image-6 {
        background-color: var(--dark-slate-blue);
        border-radius: 100px;
        margin-bottom: 5px;
        padding: 5px;
    }

    .type-2:hover {
        box-shadow: none;
        border-style: solid;
        border-color: rgba(0, 67, 151, 0);
    }

    .search-form-1 {
        max-width: none;
    }

    .button-neumorphic-2 {
        margin-left: 0;
        margin-right: 0;
    }

    .h-10-2.manage {
        width: 100%;
        display: flex;
    }

    .user-pict-2 {
        display: none;
    }

    .image-20 {
        width: 26px;
        height: 26px;
        background-color: #fff;
        border: 2px #b6dfe5;
        border-radius: 0;
        padding: 2px;
    }

        .image-20.big {
            width: 29px;
            height: auto;
            border-style: none;
        }

        .image-20.small {
            width: 26px;
            border-radius: 0;
        }

    .div-block-78 {
        justify-content: space-between;
    }
}

@media screen and (max-width: 991px) {
    .body {
        padding-left: 10%;
        padding-right: 10%;
    }

    .form-block.sms {
        align-items: flex-start;
    }

    .div-block {
        width: 100%;
    }

    .form {
        max-width: none;
    }

    .field-type-1.light.left {
        font-size: 1em;
    }

    .field-content.full {
        width: 100%;
    }

    .button-neumorphic.search-icon {
        font-size: .8em;
    }

    .header {
        justify-content: flex-end;
        padding-right: 80px;
    }

    .logo-area.header {
        width: 33%;
        margin-right: auto;
    }

        .logo-area.header.web {
            width: 100%;
            min-width: auto;
            border-right: 1px #fff;
            justify-content: flex-start;
            margin-right: auto;
            padding-right: 0;
        }

    .menu-area {
        z-index: 1;
        width: 100%;
        justify-content: flex-end;
        position: absolute;
        top: 0%;
        bottom: 0%;
        left: auto;
        right: 0%;
    }

    .user-area {
        margin-top: 0;
    }

    .announcement-area {
        z-index: 2;
    }

    .search-area {
        z-index: 2;
        position: relative;
    }

    .head-seperate {
        max-width: 1px;
        display: flex;
    }

        .head-seperate.user {
            display: none;
        }

        .head-seperate.user-2 {
            display: flex;
        }

    .body-2 {
        flex-direction: column;
        display: flex;
    }

    .h-9 {
        width: 100%;
        height: auto;
        border-bottom: 1px #000;
        flex-direction: column;
        display: flex;
    }

        .h-9.select {
            width: 50%;
        }

        .h-9.manage {
            height: 80px;
            min-height: 80px;
            color: #fff;
        }

            .h-9.manage:hover {
                color: var(--powder-blue);
            }

        .h-9.manage {
            height: 80px;
            min-height: 80px;
            color: #fff;
        }

            .h-9.manage:hover {
                color: #b6dfe5;
            }

    .h-10 {
        width: 100%;
        color: #fff;
        text-align: left;
        border-bottom: 1px solid #134f96;
        padding-left: 30px;
    }

        .h-10:hover {
            color: var(--powder-blue-2);
        }

        .h-10.w--open {
            display: flex;
        }

        .h-10.select._01 {
            border-bottom-style: none;
        }

        .h-10.manage {
            color: #fff;
        }

            .h-10.manage._01 {
                color: var(--dark-slate-blue);
                border-bottom-style: none;
            }

                .h-10.manage._01:hover {
                    color: var(--dark-slate-blue);
                }

        .h-10.image {
            width: 100%;
            height: auto;
            color: var(--dark-slate-blue);
            border-bottom-style: none;
            padding-left: 30px;
        }

    .h-11 {
        margin-right: 40px;
    }

    .h-16 {
        padding-left: 30px;
    }

        .h-16:hover {
            color: #f07621;
        }

        .h-16.small {
            padding-left: 30px;
        }

    .h-13.w--open {
        width: 101%;
        max-height: none;
        margin-top: 79px;
        padding-top: 0;
        left: 0;
    }

    .h-13.select {
        width: 100%;
        margin-top: 0;
    }

        .h-13.select._01.w--open {
            margin-top: 68px;
        }

    .h-13.new {
        margin-top: 0;
    }

    .h-15 {
        background-color: var(--azure);
        box-shadow: none;
    }

        .h-15.list {
            background-color: #fff;
            border-bottom-style: none;
            border-left-width: 2px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .h-15.manage {
            background-color: #fff;
        }

    .h-100 {
        margin-top: -9px;
        display: block;
        top: 0%;
        bottom: auto;
        left: 0%;
        right: 0%;
    }

        .h-100.left {
            margin-left: 43px;
            right: 0%;
        }

    .content {
        min-height: auto;
    }

        .content.new, .content.new-list, .content.list {
            min-height: 78vh;
        }

    .result-double {
        width: 100%;
        min-height: auto;
        margin-bottom: 30px;
        padding-bottom: 20px;
    }

    .div-block-6 {
        flex-direction: column;
    }

    .counter.color-1.center, .counter.color-2.center, .counter.color-3.center, .counter.color-4.center {
        font-size: 3vh;
    }

    .div-block-12 {
        width: 100%;
        justify-content: center;
    }

    .div-block-13 {
        flex-wrap: wrap;
        margin-top: 0;
    }

    .footer {
        margin-top: auto;
        margin-bottom: 0;
        position: relative;
        top: auto;
        bottom: 0;
    }

    .lines-group {
        width: 100%;
        max-width: 720px;
        border-top: 1px solid #b6dfe5;
    }

    .table-head.web {
        display: none;
    }

    .table-head.mobile {
        background-color: var(--azure-2);
        font-size: 1em;
        display: flex;
        position: static;
    }

    .block._01 {
        font-size: 1em;
    }

        .block._01.ico, .block._05.ico-1 {
            position: relative;
        }

    .lines {
        min-width: 1100px;
    }

    .ico-1.blue {
        background-color: var(--dark-slate-blue);
        background-color: #004397;
    }

    .search-form.area {
        padding-left: 2%;
        padding-right: 2%;
    }

    .field-type-1.center.dark.textarea.file-upload {
        width: 100%;
    }

    .text-block-13 {
        margin-left: 0;
    }

    .sms-timer {
        margin-bottom: 10px;
    }

    .nav-menu {
        height: auto;
        background-color: #fff;
        border-top: 1px #1e5ba4;
        border-bottom: 1px solid #b6dfe5;
        border-left: 1px solid #b6dfe5;
        border-bottom-left-radius: 10px;
        flex-direction: column;
        margin-top: 1px;
        overflow: hidden;
    }

    .navbar {
        width: 50%;
        height: auto;
        min-height: 80px;
        position: absolute;
    }

    .menu-button-2 {
        width: 80px;
        height: 80px;
        cursor: pointer;
        border-left: 1px solid #b6dfe5;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-top: 0;
        margin-bottom: auto;
        margin-right: 0;
        padding: 35px 0 20px 15px;
        display: flex;
        position: absolute;
        top: auto;
        bottom: auto;
        left: auto;
        right: 0%;
    }

        .menu-button-2.w--open {
            background-color: rgba(255, 255, 255, 0);
        }

    .menu-button-line {
        width: 16px;
        height: 2px;
        background-color: #b7bfc6;
        border-radius: 1px;
        margin-bottom: 4px;
    }

        .menu-button-line.top {
            width: 30px;
            height: 1px;
            max-height: 1px;
            min-width: 30px;
            background-color: var(--dark-slate-blue);
            border: 1px #000;
            border-radius: 0;
            margin-left: 10px;
            padding-bottom: 0;
            padding-right: 0;
            font-weight: 100;
            position: static;
        }

        .menu-button-line.middle {
            width: 30px;
            height: 1px;
            max-height: 1px;
            background-color: var(--dark-slate-blue);
            margin-left: 10px;
            padding-bottom: 0;
            padding-right: 0;
        }

        .menu-button-line.last {
            width: 30px;
            height: 1px;
            max-height: 1px;
            background-color: var(--dark-slate-blue);
            margin-bottom: 0;
            margin-left: 10px;
            padding-bottom: 0;
            padding-right: 0;
        }

    .text-block-16 {
        text-align: left;
    }

    .image-11 {
        width: 120px;
    }

    .div-block-37 {
        width: 100%;
    }

    .div-block-38 {
        width: 100%;
        margin-top: 40px;
    }

    .div-block-39 {
        height: 120px;
    }

    .div-block-40 {
        margin-top: 0;
    }

    .text-block-19 {
        font-size: .6em;
    }

    .div-block-49 {
        width: 100%;
        height: 1px;
        max-height: 1px;
        min-height: 1px;
        background-color: #b6dfe5;
        display: flex;
    }

    .file-content {
        overflow: auto;
    }

    .text-block-28 {
        font-size: .9em;
    }

    .link-block-3 {
        margin-bottom: 0;
    }

    .div-block-56 {
        overflow: auto;
    }

    .pop-search-content {
        width: 90%;
        margin-left: 5%;
    }

    .search-form-1 {
        width: 90%;
        max-width: none;
        position: relative;
    }

    .add-pop {
        width: 90%;
        margin-left: 5%;
    }

    .test-body {
        padding-left: 0%;
        padding-right: 0%;
    }

    .pop-duyuru, .pop-add-content, .pop-profile {
        width: 90%;
        margin-left: 5%;
    }

    .h-16-2 {
        padding-left: 30px;
    }

        .h-16-2:hover {
            color: #f07621;
        }

    .h-10-2 {
        width: 100%;
        color: #fff;
        text-align: left;
        border-bottom: 1px solid #134f96;
        padding-left: 30px;
    }

        .h-10-2:hover {
            color: #81dce9;
        }

        .h-10-2.w--open {
            display: flex;
        }

        .h-10-2.manage {
            color: #fff;
        }

            .h-10-2.manage._01 {
                color: #004397;
                border-bottom-style: none;
            }

                .h-10-2.manage._01:hover {
                    color: #004397;
                }

        .h-10-2.select._01, .h-10-2.select._002 {
            border-bottom-style: none;
            margin-left: auto;
            margin-right: auto;
        }

    .h-15-2 {
        background-color: #fff;
        flex-direction: column;
        align-items: center;
        display: flex;
        box-shadow: 11px 11px 30px -10px rgba(32, 53, 90, .15);
    }

    .small-head-2 {
        text-align: left;
    }

    .div-block-66 {
        width: 100%;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .div-block-67 {
        width: 100%;
        justify-content: center;
        margin-bottom: 20px;
    }

    .slide-nav-2 {
        align-items: center;
        padding-top: 0;
    }

    .div-block-69 {
        width: 100%;
        justify-content: center;
    }

    .counter-2.color-5.center, .counter-2.color-1.center, .counter-2.color-4.center, .counter-2.color-3.center, .counter-2.color-2.center {
        font-size: 3vh;
    }

    .text-block-35 {
        font-size: .6em;
    }

    .div-block-71 {
        width: 31%;
        height: 120px;
        margin-bottom: 2%;
        margin-left: 1%;
        margin-right: 1%;
    }

        .div-block-71._02 {
            width: 98%;
        }

    .div-block-73 {
        text-align: center;
        justify-content: center;
        margin-top: 0;
    }

        .div-block-73.none {
            display: none;
        }

    .div-block-74 {
        flex-flow: wrap;
        align-content: stretch;
        align-items: stretch;
        margin-top: 0;
        margin-bottom: 0;
    }

    .lines-2 {
        min-width: 1100px;
    }

    .table-head-2.mobile {
        background-color: #edfafd;
        font-size: 1em;
        display: flex;
        position: static;
    }

    .table-head-2.web {
        display: none;
    }

    .link-block-4 {
        margin-bottom: 0;
    }

    .input {
        margin-right: 0;
    }

        .input.date-input.date-from {
            margin-right: 10px;
        }

    .print-text {
        font-size: .9em;
    }
}

@media screen and (max-width: 767px) {
    .field-type-1.light.left {
        font-size: 1em;
    }

    .field-type-1.center.dark.active {
        margin-left: 0;
        margin-right: 0;
    }

    .field-type-1.center {
        margin-bottom: 40px;
    }

    .field-content.center {
        width: 100%;
        flex-direction: column;
    }

        .field-content.center.dark {
            margin: 10px 0 30px;
        }

            .field-content.center.dark._33 {
                margin-top: 10px;
                margin-bottom: 30px;
                margin-left: 0;
            }

    .button-neumorphic.center {
        width: 49%;
        min-width: auto;
        margin-top: auto;
        position: absolute;
        top: auto;
        bottom: 0%;
        left: auto;
        right: 0%;
    }

        .button-neumorphic.center.sms {
            position: static;
        }

    .label-1.dark {
        margin-left: 0;
    }

    .header {
        padding-right: 0;
    }

    .logo-area.header {
        margin-right: auto;
    }

        .logo-area.header.web {
            justify-content: flex-start;
            align-items: center;
        }

    .menu-area {
        z-index: 1;
    }

    .user-area {
        z-index: 10;
        width: 100%;
        min-width: auto;
        background-color: #fff;
        border-top: 1px #1e5ba4;
        border-bottom: 1px solid #b6dfe5;
        margin-top: 80px;
        margin-right: 0;
        position: absolute;
    }

    .search-area {
        margin-right: 80px;
    }

    .head-seperate.user-2 {
        display: none;
    }

    .h-10.image {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .h-11 {
        margin-right: 30px;
    }

    .h-100.left {
        margin-left: 61px;
    }

    .content {
        margin-top: 160px;
    }

        .content.new, .content.new-list {
            min-height: 68vh;
            margin-top: 0;
        }

        .content.list {
            min-height: 68vh;
            flex-flow: column wrap;
            margin-top: 0;
        }

    .result-double {
        min-height: auto;
    }

    .counter.color-1.center, .counter.color-2.center, .counter.color-3.center, .counter.color-4.center {
        font-size: 4vh;
    }

    .div-block-12 {
        width: 100%;
        flex-direction: column;
        align-items: center;
        margin-top: 3px;
        margin-bottom: 10px;
    }

    .text-block-6 {
        text-align: center;
        margin-left: 0;
    }

    .captcha {
        width: 49%;
        border-radius: 10px;
        position: relative;
    }

    .text-block-13 {
        margin-left: 0;
    }

    .nav-menu {
        z-index: 999;
        margin-top: 81px;
    }

    .navbar {
        z-index: 999;
    }

    .menu-button-2 {
        margin-right: 0;
    }

    .heading-2 {
        font-size: 2.1em;
    }

    .div-block-36 {
        flex-flow: column wrap;
        margin-top: 0;
        position: relative;
    }

    .image-11 {
        width: 150px;
    }

    .div-block-39 {
        width: 49%;
        margin-bottom: 20px;
    }

    .text-block-19 {
        font-size: .8em;
    }

    .file-content {
        margin-top: 160px;
    }

    .text-block-28.white {
        font-size: 1.4em;
    }

    .btn.disabled {
        height: 40px;
    }

    .btn.enabled, .btn.sorun-bildir, .btn.enabled {
        height: 40px;
        font-size: .9em;
    }

    .div-block-60 {
        flex-direction: column;
        padding-bottom: 0;
    }

    .div-block-64 {
        width: 200px;
        height: 200px;
    }

    .div-block-65 {
        width: 150px;
        height: 150px;
    }

    .lottie-animation-3 {
        width: 150%;
        top: 5%;
        right: 2%;
    }

    .heading-4 {
        justify-content: center;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 1.5em;
        line-height: 1;
        display: flex;
    }

    .div-block-67 {
        justify-content: space-around;
    }

    .div-block-69 {
        width: 100%;
        flex-direction: column;
        align-items: center;
        margin-top: 3px;
        margin-bottom: 10px;
    }

    .counter-2.color-5.center, .counter-2.color-1.center, .counter-2.color-4.center, .counter-2.color-3.center, .counter-2.color-2.center {
        font-size: 4vh;
    }

    .text-block-35 {
        font-size: .8em;
    }

    .div-block-71 {
        width: 46%;
        margin-bottom: 20px;
    }

    .text-block-36 {
        text-align: center;
        margin-left: 0;
    }

    .link-block-4 {
        margin-bottom: 20px;
    }

    .print-text.white {
        font-size: 1.4em;
    }
}

@media screen and (max-width: 479px) {
    .text-block {
        font-size: 1.2em;
    }

    .field-type-1.light.left {
        min-height: 50px;
        font-size: .9em;
    }

    .field-type-1.center {
        margin-bottom: 20px;
    }

        .field-type-1.center.max, .field-content.full {
            width: 100%;
        }

    .field-content.center.dark {
        width: 100%;
        margin-top: 0;
        margin-bottom: 30px;
    }

        .field-content.center.dark._33 {
            width: 100%;
        }

    .button-neumorphic.changes, .button-neumorphic.delete {
        margin-bottom: 10px;
    }

    .button-neumorphic.center {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
        position: static;
    }

    .button-neumorphic.search-icon {
        min-height: 5px;
    }

    .label-1.dark {
        top: -16px;
    }

    .header {
        height: 60px;
        padding-right: 0;
    }

    .logo-area.header.web {
        padding-left: 20px;
        display: flex;
    }

    .user-area {
        z-index: 1000;
        margin-top: 60px;
        margin-right: 0;
    }

    .announcement-area {
        width: 60px;
        height: 60px;
        min-height: 60px;
        min-width: 60px;
    }

    .search-area {
        width: 60px;
        height: 60px;
        min-height: 60px;
        min-width: 60px;
        margin-right: 60px;
    }

    .h-9.select {
        width: 100%;
    }

    .h-9.manage {
        height: 60px;
        min-height: 60px;
        height: 60px;
        min-height: 60px;
    }

    .h-10.select._01 {
        font-size: 1.2em;
    }

    .h-10.manage._01 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .h-10.image {
        height: 60px;
        font-size: .9em;
    }

    .h-16.select, .h-16.box {
        font-size: .9em;
    }

    .h-13.w--open {
        margin-top: 0;
    }

    .h-13.select._01 {
        min-width: auto;
    }

    .h-13.users.w--open {
        margin-top: 60px;
    }

    .h-15.list {
        align-items: flex-start;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .image {
        width: 15px;
    }

    .number-full {
        width: 15px;
        height: 15px;
        margin-top: 10px;
        margin-right: 11px;
    }

    .content {
        margin-top: 120px;
    }

        .content.new {
            min-height: 72vh;
            flex-direction: column;
        }

        .content.new-list {
            min-height: 72vh;
            flex-direction: column;
            padding-bottom: 180px;
            padding-left: 10px;
            padding-right: 10px;
        }

        .content.list {
            min-height: 72vh;
            flex-direction: column;
        }

    .result-double {
        flex-direction: column;
        padding-left: 20px;
        padding-right: 20px;
    }

    .text-block-4 {
        flex-direction: column;
        align-items: flex-start;
        font-size: .7em;
    }

    .div-block-9 {
        width: 100%;
        height: auto;
        margin-bottom: 0;
    }

        .div-block-9._02.display {
            justify-content: space-between;
            display: none;
        }

    .type-1 {
        font-size: .7em;
    }

    .counter {
        margin-bottom: 20px;
    }

        .counter.color-1.center, .counter.color-2.center, .counter.color-3.center, .counter.color-4.center {
            font-size: 4vh;
        }

    .div-block-11 {
        justify-content: center;
        align-items: center;
    }

    .slider {
        width: 100%;
        height: 160px;
    }

    .div-block-12 {
        align-items: center;
        font-size: .8em;
    }

    .flex-child.col-1 {
        align-items: center;
    }

    .text-block-6 {
        width: 100%;
        text-align: center;
        margin-left: 0;
    }

    .slide-nav {
        color: #004294;
        justify-content: center;
        align-items: flex-end;
        font-size: .3em;
        display: flex;
        position: absolute;
    }

    .mask {
        width: 100%;
    }

    .arrow {
        flex-direction: row;
        display: none;
    }

        .arrow.left {
            display: none;
        }

    .footer {
        min-height: auto;
        text-align: center;
        flex-direction: column;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .text-block-8 {
        margin-bottom: 20px;
    }

    .field-type-1.center.dark.textarea.file-upload {
        height: auto;
        flex-direction: column;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .captcha {
        width: 100%;
        align-items: center;
    }

    .div-block-34 {
        width: auto;
    }

    .text-block-13 {
        margin-left: 0;
    }

    .nav-menu {
        margin-top: 61px;
    }

    .navbar {
        width: 100%;
        min-height: 60px;
    }

    .menu-button-2 {
        width: 60px;
        height: 60px;
        margin-right: 0;
        padding-top: 25px;
        padding-left: 10px;
    }

    .menu-button-line.top {
        width: 20px;
        min-width: 20px;
    }

    .menu-button-line.middle {
        width: 20px;
    }

    .menu-button-line.last {
        width: 20px;
        margin-bottom: 0;
    }

    .text-block-17 {
        font-size: .6em;
    }

    .image-11.web {
        display: none;
    }

    .image-11.mobile {
        width: 30px;
        display: block;
    }

    .color-ico.masraf, .color-ico.avans {
        width: 41px;
        height: 41px;
    }

    .div-block-39 {
        width: 100%;
        margin-bottom: 20px;
    }

    .text-span-11 {
        font-size: 1.8em;
    }

    .div-block-42 {
        height: auto;
    }

    .text-block-19 {
        font-size: .8em;
    }

    .div-block-48 {
        margin-left: 5px;
        margin-right: 5px;
    }

    .text-block-22 {
        font-size: .4em;
    }

    .type-2 {
        font-size: .7em;
    }

    .text-block-26 {
        text-align: left;
        margin-top: 20px;
    }

    .file-content {
        margin-top: 121px;
    }

    .text-block-28.white {
        font-size: 1.2em;
    }

    .div-block-52 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .btn.disabled {
        display: flex;
    }

    .link-block-3 {
        width: 200px;
        height: 200px;
        margin-bottom: 20px;
        font-size: 1em;
    }

    .div-block-53 {
        flex-direction: column-reverse;
        align-items: center;
    }

    .div-block-54 {
        width: 50%;
        height: 40px;
        border-top-right-radius: 20px;
    }

    .pop-search-content, .add-pop {
        width: 100%;
        margin-left: 0%;
    }

    .div-block-60 {
        flex-direction: column;
        padding-bottom: 0;
    }

    .heading-3 {
        padding-left: 2px;
    }

    .pop-duyuru, .pop-add-content, .pop-profile {
        width: 100%;
        margin-left: 0%;
    }

    .h-16-2.select {
        font-size: .9em;
    }

    .h-10-2.manage._01 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .type-2-2 {
        font-size: .7em;
    }

    .slide-nav-2 {
        color: #004294;
        justify-content: center;
        align-items: flex-end;
        font-size: .3em;
        display: flex;
        position: absolute;
    }

    .arrow-2 {
        flex-direction: row;
        display: none;
    }

        .arrow-2.left {
            display: none;
        }

    .div-block-69 {
        align-items: center;
        font-size: .8em;
    }

    .counter-2.color-5.center, .counter-2.color-1.center, .counter-2.color-4.center, .counter-2.color-3.center, .counter-2.color-2.center {
        font-size: 4vh;
    }

    .text-block-35 {
        font-size: .8em;
    }

    .div-block-71 {
        width: 100%;
        margin-bottom: 20px;
    }

    .text-block-36 {
        width: 100%;
        text-align: center;
        margin-left: 0;
    }

    .link-block-4 {
        width: 250px;
        height: 200px;
        margin-bottom: 20px;
        font-size: 1em;
    }

    .div-block-76 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .div-block-77 {
        width: 50%;
        height: 40px;
        border-top-right-radius: 20px;
    }

    ._50-percent {
        width: 100%;
    }

    .input {
        margin-bottom: 10px;
    }

    .tab-list {
        width: 50%;
        justify-content: center;
        padding-left: 0;
        font-size: 1em;
    }

        .tab-list.w--current {
            justify-content: center;
            padding-left: 0;
        }

    .image-21 {
        display: none;
    }

    .print-text.white {
        font-size: 1.2em;
    }
}


@font-face {
    font-family: 'Opensans';
    src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Opensans';
    src: url('../fonts/OpenSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Opensans';
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Opensans';
    src: url('../fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}