.container-fluid > .row {
    clear: both !important;
}

.bg-mavi {
    background-color: #166ba2 !important;
}

.bg-555555 {
    background-color: #555555 !important;
}

.bg-222227 {
    background-color: #222227 !important;
}

.bg-dark-2 {
    background-color: #323949 !important;
}

.text-mavi {
    color: #166ba2 !important;
}

.text-555555 {
    color: #555555 !important;
}

.text-848484 {
    color: #848484 !important;
}

.bg-848484 {
    background-color: #848484 !important;
}

.text-yesil {
    color: #008f00 !important;
}

.bg-yesil {
    background-color: #008f00 !important;
}

.text-mor {
    color: #212342 !important;
}

.text-mor-dark {
    color: #37003f !important;
}

.text-mor-light {
    color: #602F75 !important;
}

.bg-eeeeee {
    background-color: #e2e5e5 !important;
}

.bg-mor {
    background-color: #212342 !important;
}

.bg-mor-dark {
    background-color: #37003f !important;
}

.bg-mor-2 {
    background-color: #28282e !important;
}

.text-sari {
    color: #f97171 !important;
}

.bg-sari {
    background-color: #f97171 !important;
}

.text-sari-dark {
    color: #008ebe !important;
}

.bg-sari-dark {
    background-color: #f97171 !important;
}

.text-blue {
    color: #007fa3 !important;
}

.bg-blue {
    background-color: #314144 !important;
}

.bg-gr-gri {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #30163c) !important;
}

.bg-gri {
    background-color: #f8f8f9 !important;
}

.bg-gri-2 {
    background-color: #f0f6f7 !important;
}

.bg-eeedee {
    background-color: #eeedee !important;
}

.border-radius-n {
    border-radius: initial !important;
}

.border-bottom-white {
    border-bottom: 1px solid #fff !important;
}

.border-bottom-blue {
    border-bottom: 1px solid #007fa3 !important;
}

/*font*/
.ff-oswald {
    font-family: 'Oswald', sans-serif;
}

.ff-pista {
    font-family: "Pista", sans-serif;
}

.ff-allegro {
    font-family: "Allegro", sans-serif;
}

.ff-monoton {
    font-family: "Monoton", sans-serif;
}

.ff-italianno {
    font-family: "italianno", sans-serif;
}

.ff-didact-gothic {
    font-family: "Didact Gothic", sans-serif;
}

.ff-Futurica {
    font-family: "Futurica", sans-serif;
}

.ff-Albel {
    font-family: "Albel Pro", sans-serif;
}

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

.ff-roboto {
    font-family: 'Roboto', sans-serif;
}

.fsz-08 {
    font-size: 0.8em;
}

.fsz-1 {
    font-size: 1em;
}

.fsz-11 {
    font-size: 1em;
}

.span-sari {
    border-top: 2px #f97171 solid;
    display: inline-block;
    width: 10%;
}

.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}

.w-40 {
    width: 40% !important;
}

.w-60 {
    width: 60% !important;
}

.w-90-5 {
    width: 90.5% !important;
}

.w-90_3 {
    /* width: calc(89.5% / 3) !important */
}

/* Margin */
.ml-34px {
    margin-left: 34px !important;
}

.ml-15px {
    margin-left: 15px !important;
}

.ml-10px {
    margin-left: 10px !important;
}

.mr-15px {
    margin-right: 15px !important;
}

.mr-10px {
    margin-right: 10px !important;
}

.mt-40px {
    margin-top: 40px !important;
}

.mt-60px {
    margin-top: 60px !important;
}

/* Buttons */
.button {
    padding: 10px 40px;
    display: inline-block;
    transition: 0.8s;
    color: #000;
}

.button-white {
    border: 1px solid #fff;
    color: #fff;
}

.button-white:hover {
    border: 1px solid #000;
    background: white;
    color: #000;
    transition: 0.8s;
}

.button-mor {
    border: 1px solid #602F75;
    color: #602F75;
}

.button-mor:hover {
    border: 1px solid #602F75;
    color: #fff;
    background: #602F75;
}

.button-dark {
    background-color: #323949;
    color: #fff;
    border: 1px solid #323949;
}

.btn-detay {
    padding: 12px 0;
    background: #444;
    width: inherit;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    transition: .8s;
    font-size: 12px;
}

.item-aligin-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ----- Basic Form ----- */

.form-basic-main {
    width: 100%;
}

.form-basic-group {
}

input.form-basic {
    width: 100%;
    display: block;
    padding: 12px;
    background: #fff;
    border: 1px #602F75 solid;
    border-radius: 0;
}

input.form-basic:focus {
    color: #495057;
    background-color: #fff;
    border-color: #602F75;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(33, 35, 66, 0.25);
}

textarea.form-basic {
    width: 100%;
    display: block;
    padding: 12px;
    background: #fff;
    border: 1px #602F75 solid;
    border-radius: 0;
}

textarea.form-basic:focus {
    color: #495057;
    background-color: #fff;
    border-color: #602F75;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(33, 35, 66, 0.25);
}

.border2-top-dark {
    border-top: 1px solid #323949;
}

/* ----- Resposive ----- */

@media screen and (max-width: 768px) {
    .w-small-25 {
        width: 25% !important;
    }

    .w-small-50 {
        width: 50% !important;
    }

    .w-small-100 {
        width: 100% !important;
    }
}

@media screen and (max-width: 425px) {
    .w-xsmall-25 {
        width: 25% !important;
    }

    .w-xsmall-50 {
        width: 50% !important;
    }

    .w-xsmall-100 {
        width: 100% !important;
    }

    .py-xsmall-2 {
        padding: 1em 0 !important;
    }

    .m-xsmall-0 {
        margin: 0 !important;
    }

    .text-xsmall-center {
        text-align: center !important;
    }
}