/*@arabic-font: 'cordale_arabic', ariel;
@cordale-corp-font: 'cordale_corp', ariel;*/
/*tablet dikey - mobil */
/*tablet dikey */
/*tablet - desktop 1024*/
/*tablet yatay desktop 1024*/
/*desktop */
.xs-p-200 {
    padding: 200px !important;
}

.xs-pt-200 {
    padding-top: 200px !important;
}

.xs-pl-200 {
    padding-left: 200px !important;
}

.xs-pr-200 {
    padding-right: 200px !important;
}

.xs-pb-200 {
    padding-bottom: 200px !important;
}

.xs-m-200 {
    margin: 200px !important;
}

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

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

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

.xs-mb-200 {
    margin-bottom: 200px !important;
}

.xs-p-150 {
    padding: 150px !important;
}

.xs-pt-150 {
    padding-top: 150px !important;
}

.xs-pl-150 {
    padding-left: 150px !important;
}

.xs-pr-150 {
    padding-right: 150px !important;
}

.xs-pb-150 {
    padding-bottom: 150px !important;
}

.xs-m-150 {
    margin: 150px !important;
}

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

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

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

.xs-mb-150 {
    margin-bottom: 150px !important;
}

.xs-p-100 {
    padding: 100px !important;
}

.xs-pt-100 {
    padding-top: 100px !important;
}

.xs-pl-100 {
    padding-left: 100px !important;
}

.xs-pr-100 {
    padding-right: 100px !important;
}

.xs-pb-100 {
    padding-bottom: 100px !important;
}

.xs-m-100 {
    margin: 100px !important;
}

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

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

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

.xs-mb-100 {
    margin-bottom: 100px !important;
}

.xs-p-50 {
    padding: 50px !important;
}

.xs-pt-50 {
    padding-top: 50px !important;
}

.xs-pl-50 {
    padding-left: 50px !important;
}

.xs-pr-50 {
    padding-right: 50px !important;
}

.xs-pb-50 {
    padding-bottom: 50px !important;
}

.xs-m-50 {
    margin: 50px !important;
}

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

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

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

.xs-mb-50 {
    margin-bottom: 50px !important;
}

.xs-p-40 {
    padding: 40px !important;
}

.xs-pt-40 {
    padding-top: 40px !important;
}

.xs-pl-40 {
    padding-left: 40px !important;
}

.xs-pr-40 {
    padding-right: 40px !important;
}

.xs-pb-40 {
    padding-bottom: 40px !important;
}

.xs-m-40 {
    margin: 40px !important;
}

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

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

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

.xs-mb-40 {
    margin-bottom: 40px !important;
}

.xs-p-35 {
    padding: 35px !important;
}

.xs-pt-35 {
    padding-top: 35px !important;
}

.xs-pl-35 {
    padding-left: 35px !important;
}

.xs-pr-35 {
    padding-right: 35px !important;
}

.xs-pb-35 {
    padding-bottom: 35px !important;
}

.xs-m-35 {
    margin: 35px !important;
}

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

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

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

.xs-mb-35 {
    margin-bottom: 35px !important;
}

.xs-p-30 {
    padding: 30px !important;
}

.xs-pt-30 {
    padding-top: 30px !important;
}

.xs-pl-30 {
    padding-left: 30px !important;
}

.xs-pr-30 {
    padding-right: 30px !important;
}

.xs-pb-30 {
    padding-bottom: 30px !important;
}

.xs-m-30 {
    margin: 30px !important;
}

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

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

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

.xs-mb-30 {
    margin-bottom: 30px !important;
}

.xs-p-20 {
    padding: 20px !important;
}

.xs-pt-20 {
    padding-top: 20px !important;
}

.xs-pl-20 {
    padding-left: 20px !important;
}

.xs-pr-20 {
    padding-right: 20px !important;
}

.xs-pb-20 {
    padding-bottom: 20px !important;
}

.xs-m-20 {
    margin: 20px !important;
}

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

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

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

.xs-mb-20 {
    margin-bottom: 20px !important;
}

.xs-p-25 {
    padding: 25px !important;
}

.xs-pt-25 {
    padding-top: 25px !important;
}

.xs-pl-25 {
    padding-left: 25px !important;
}

.xs-pr-25 {
    padding-right: 25px !important;
}

.xs-pb-25 {
    padding-bottom: 25px !important;
}

.xs-m-25 {
    margin: 25px !important;
}

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

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

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

.xs-mb-25 {
    margin-bottom: 25px !important;
}

.xs-p-15 {
    padding: 15px !important;
}

.xs-pt-15 {
    padding-top: 15px !important;
}

.xs-pl-15 {
    padding-left: 15px !important;
}

.xs-pr-15 {
    padding-right: 15px !important;
}

.xs-pb-15 {
    padding-bottom: 15px !important;
}

.xs-m-15 {
    margin: 15px !important;
}

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

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

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

.xs-mb-15 {
    margin-bottom: 15px !important;
}

.xs-p-12 {
    padding: 12px !important;
}

.xs-pt-12 {
    padding-top: 12px !important;
}

.xs-pl-12 {
    padding-left: 12px !important;
}

.xs-pr-12 {
    padding-right: 12px !important;
}

.xs-pb-12 {
    padding-bottom: 12px !important;
}

.xs-m-12 {
    margin: 12px !important;
}

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

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

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

.xs-mb-12 {
    margin-bottom: 12px !important;
}

.xs-p-10 {
    padding: 10px !important;
}

.xs-pt-10 {
    padding-top: 10px !important;
}

.xs-pl-10 {
    padding-left: 10px !important;
}

.xs-pr-10 {
    padding-right: 10px !important;
}

.xs-pb-10 {
    padding-bottom: 10px !important;
}

.xs-m-10 {
    margin: 10px !important;
}

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

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

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

.xs-mb-10 {
    margin-bottom: 10px !important;
}

.xs-p-8 {
    padding: 8px !important;
}

.xs-pt-8 {
    padding-top: 8px !important;
}

.xs-pl-8 {
    padding-left: 8px !important;
}

.xs-pr-8 {
    padding-right: 8px !important;
}

.xs-pb-8 {
    padding-bottom: 8px !important;
}

.xs-m-8 {
    margin: 8px !important;
}

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

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

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

.xs-mb-8 {
    margin-bottom: 8px !important;
}

.xs-p-5 {
    padding: 5px !important;
}

.xs-pt-5 {
    padding-top: 5px !important;
}

.xs-pl-5 {
    padding-left: 5px !important;
}

.xs-pr-5 {
    padding-right: 5px !important;
}

.xs-pb-5 {
    padding-bottom: 5px !important;
}

.xs-m-5 {
    margin: 5px !important;
}

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

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

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

.xs-mb-5 {
    margin-bottom: 5px !important;
}

.xs-p-0 {
    padding: 0px !important;
}

.xs-pt-0 {
    padding-top: 0px !important;
}

.xs-pl-0 {
    padding-left: 0px !important;
}

.xs-pr-0 {
    padding-right: 0px !important;
}

.xs-pb-0 {
    padding-bottom: 0px !important;
}

.xs-m-0 {
    margin: 0px !important;
}

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

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

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

.xs-mb-0 {
    margin-bottom: 0px !important;
}

@media (min-width: 768px) {
    .sm-p-200 {
        padding: 200px !important;
    }

    .sm-pt-200 {
        padding-top: 200px !important;
    }

    .sm-pl-200 {
        padding-left: 200px !important;
    }

    .sm-pr-200 {
        padding-right: 200px !important;
    }

    .sm-pb-200 {
        padding-bottom: 200px !important;
    }

    .sm-m-200 {
        margin: 200px !important;
    }

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

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

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

    .sm-mb-200 {
        margin-bottom: 200px !important;
    }

    .sm-p-150 {
        padding: 150px !important;
    }

    .sm-pt-150 {
        padding-top: 150px !important;
    }

    .sm-pl-150 {
        padding-left: 150px !important;
    }

    .sm-pr-150 {
        padding-right: 150px !important;
    }

    .sm-pb-150 {
        padding-bottom: 150px !important;
    }

    .sm-m-150 {
        margin: 150px !important;
    }

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

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

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

    .sm-mb-150 {
        margin-bottom: 150px !important;
    }

    .sm-p-100 {
        padding: 100px !important;
    }

    .sm-pt-100 {
        padding-top: 100px !important;
    }

    .sm-pl-100 {
        padding-left: 100px !important;
    }

    .sm-pr-100 {
        padding-right: 100px !important;
    }

    .sm-pb-100 {
        padding-bottom: 100px !important;
    }

    .sm-m-100 {
        margin: 100px !important;
    }

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

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

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

    .sm-mb-100 {
        margin-bottom: 100px !important;
    }

    .sm-p-50 {
        padding: 50px !important;
    }

    .sm-pt-50 {
        padding-top: 50px !important;
    }

    .sm-pl-50 {
        padding-left: 50px !important;
    }

    .sm-pr-50 {
        padding-right: 50px !important;
    }

    .sm-pb-50 {
        padding-bottom: 50px !important;
    }

    .sm-m-50 {
        margin: 50px !important;
    }

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

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

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

    .sm-mb-50 {
        margin-bottom: 50px !important;
    }

    .sm-p-40 {
        padding: 40px !important;
    }

    .sm-pt-40 {
        padding-top: 40px !important;
    }

    .sm-pl-40 {
        padding-left: 40px !important;
    }

    .sm-pr-40 {
        padding-right: 40px !important;
    }

    .sm-pb-40 {
        padding-bottom: 40px !important;
    }

    .sm-m-40 {
        margin: 40px !important;
    }

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

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

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

    .sm-mb-40 {
        margin-bottom: 40px !important;
    }

    .sm-p-35 {
        padding: 35px !important;
    }

    .sm-pt-35 {
        padding-top: 35px !important;
    }

    .sm-pl-35 {
        padding-left: 35px !important;
    }

    .sm-pr-35 {
        padding-right: 35px !important;
    }

    .sm-pb-35 {
        padding-bottom: 35px !important;
    }

    .sm-m-35 {
        margin: 35px !important;
    }

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

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

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

    .sm-mb-35 {
        margin-bottom: 35px !important;
    }

    .sm-p-30 {
        padding: 30px !important;
    }

    .sm-pt-30 {
        padding-top: 30px !important;
    }

    .sm-pl-30 {
        padding-left: 30px !important;
    }

    .sm-pr-30 {
        padding-right: 30px !important;
    }

    .sm-pb-30 {
        padding-bottom: 30px !important;
    }

    .sm-m-30 {
        margin: 30px !important;
    }

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

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

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

    .sm-mb-30 {
        margin-bottom: 30px !important;
    }

    .sm-p-20 {
        padding: 20px !important;
    }

    .sm-pt-20 {
        padding-top: 20px !important;
    }

    .sm-pl-20 {
        padding-left: 20px !important;
    }

    .sm-pr-20 {
        padding-right: 20px !important;
    }

    .sm-pb-20 {
        padding-bottom: 20px !important;
    }

    .sm-m-20 {
        margin: 20px !important;
    }

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

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

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

    .sm-mb-20 {
        margin-bottom: 20px !important;
    }

    .sm-p-25 {
        padding: 25px !important;
    }

    .sm-pt-25 {
        padding-top: 25px !important;
    }

    .sm-pl-25 {
        padding-left: 25px !important;
    }

    .sm-pr-25 {
        padding-right: 25px !important;
    }

    .sm-pb-25 {
        padding-bottom: 25px !important;
    }

    .sm-m-25 {
        margin: 25px !important;
    }

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

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

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

    .sm-mb-25 {
        margin-bottom: 25px !important;
    }

    .sm-p-15 {
        padding: 15px !important;
    }

    .sm-pt-15 {
        padding-top: 15px !important;
    }

    .sm-pl-15 {
        padding-left: 15px !important;
    }

    .sm-pr-15 {
        padding-right: 15px !important;
    }

    .sm-pb-15 {
        padding-bottom: 15px !important;
    }

    .sm-m-15 {
        margin: 15px !important;
    }

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

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

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

    .sm-mb-15 {
        margin-bottom: 15px !important;
    }

    .sm-p-12 {
        padding: 12px !important;
    }

    .sm-pt-12 {
        padding-top: 12px !important;
    }

    .sm-pl-12 {
        padding-left: 12px !important;
    }

    .sm-pr-12 {
        padding-right: 12px !important;
    }

    .sm-pb-12 {
        padding-bottom: 12px !important;
    }

    .sm-m-12 {
        margin: 12px !important;
    }

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

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

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

    .sm-mb-12 {
        margin-bottom: 12px !important;
    }

    .sm-p-10 {
        padding: 10px !important;
    }

    .sm-pt-10 {
        padding-top: 10px !important;
    }

    .sm-pl-10 {
        padding-left: 10px !important;
    }

    .sm-pr-10 {
        padding-right: 10px !important;
    }

    .sm-pb-10 {
        padding-bottom: 10px !important;
    }

    .sm-m-10 {
        margin: 10px !important;
    }

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

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

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

    .sm-mb-10 {
        margin-bottom: 10px !important;
    }

    .sm-p-8 {
        padding: 8px !important;
    }

    .sm-pt-8 {
        padding-top: 8px !important;
    }

    .sm-pl-8 {
        padding-left: 8px !important;
    }

    .sm-pr-8 {
        padding-right: 8px !important;
    }

    .sm-pb-8 {
        padding-bottom: 8px !important;
    }

    .sm-m-8 {
        margin: 8px !important;
    }

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

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

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

    .sm-mb-8 {
        margin-bottom: 8px !important;
    }

    .sm-p-5 {
        padding: 5px !important;
    }

    .sm-pt-5 {
        padding-top: 5px !important;
    }

    .sm-pl-5 {
        padding-left: 5px !important;
    }

    .sm-pr-5 {
        padding-right: 5px !important;
    }

    .sm-pb-5 {
        padding-bottom: 5px !important;
    }

    .sm-m-5 {
        margin: 5px !important;
    }

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

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

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

    .sm-mb-5 {
        margin-bottom: 5px !important;
    }

    .sm-p-0 {
        padding: 0px !important;
    }

    .sm-pt-0 {
        padding-top: 0px !important;
    }

    .sm-pl-0 {
        padding-left: 0px !important;
    }

    .sm-pr-0 {
        padding-right: 0px !important;
    }

    .sm-pb-0 {
        padding-bottom: 0px !important;
    }

    .sm-m-0 {
        margin: 0px !important;
    }

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

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

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

    .sm-mb-0 {
        margin-bottom: 0px !important;
    }
}

@media (min-width: 992px) {
    .md-p-200 {
        padding: 200px !important;
    }

    .md-pt-200 {
        padding-top: 200px !important;
    }

    .md-pl-200 {
        padding-left: 200px !important;
    }

    .md-pr-200 {
        padding-right: 200px !important;
    }

    .md-pb-200 {
        padding-bottom: 200px !important;
    }

    .md-m-200 {
        margin: 200px !important;
    }

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

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

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

    .md-mb-200 {
        margin-bottom: 200px !important;
    }

    .md-p-150 {
        padding: 150px !important;
    }

    .md-pt-150 {
        padding-top: 150px !important;
    }

    .md-pl-150 {
        padding-left: 150px !important;
    }

    .md-pr-150 {
        padding-right: 150px !important;
    }

    .md-pb-150 {
        padding-bottom: 150px !important;
    }

    .md-m-150 {
        margin: 150px !important;
    }

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

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

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

    .md-mb-150 {
        margin-bottom: 150px !important;
    }

    .md-p-100 {
        padding: 100px !important;
    }

    .md-pt-100 {
        padding-top: 100px !important;
    }

    .md-pl-100 {
        padding-left: 100px !important;
    }

    .md-pr-100 {
        padding-right: 100px !important;
    }

    .md-pb-100 {
        padding-bottom: 100px !important;
    }

    .md-m-100 {
        margin: 100px !important;
    }

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

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

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

    .md-mb-100 {
        margin-bottom: 100px !important;
    }

    .md-p-50 {
        padding: 50px !important;
    }

    .md-pt-50 {
        padding-top: 50px !important;
    }

    .md-pl-50 {
        padding-left: 50px !important;
    }

    .md-pr-50 {
        padding-right: 50px !important;
    }

    .md-pb-50 {
        padding-bottom: 50px !important;
    }

    .md-m-50 {
        margin: 50px !important;
    }

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

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

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

    .md-mb-50 {
        margin-bottom: 50px !important;
    }

    .md-p-40 {
        padding: 40px !important;
    }

    .md-pt-40 {
        padding-top: 40px !important;
    }

    .md-pl-40 {
        padding-left: 40px !important;
    }

    .md-pr-40 {
        padding-right: 40px !important;
    }

    .md-pb-40 {
        padding-bottom: 40px !important;
    }

    .md-m-40 {
        margin: 40px !important;
    }

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

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

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

    .md-mb-40 {
        margin-bottom: 40px !important;
    }

    .md-p-35 {
        padding: 35px !important;
    }

    .md-pt-35 {
        padding-top: 35px !important;
    }

    .md-pl-35 {
        padding-left: 35px !important;
    }

    .md-pr-35 {
        padding-right: 35px !important;
    }

    .md-pb-35 {
        padding-bottom: 35px !important;
    }

    .md-m-35 {
        margin: 35px !important;
    }

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

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

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

    .md-mb-35 {
        margin-bottom: 35px !important;
    }

    .md-p-30 {
        padding: 30px !important;
    }

    .md-pt-30 {
        padding-top: 30px !important;
    }

    .md-pl-30 {
        padding-left: 30px !important;
    }

    .md-pr-30 {
        padding-right: 30px !important;
    }

    .md-pb-30 {
        padding-bottom: 30px !important;
    }

    .md-m-30 {
        margin: 30px !important;
    }

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

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

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

    .md-mb-30 {
        margin-bottom: 30px !important;
    }

    .md-p-20 {
        padding: 20px !important;
    }

    .md-pt-20 {
        padding-top: 20px !important;
    }

    .md-pl-20 {
        padding-left: 20px !important;
    }

    .md-pr-20 {
        padding-right: 20px !important;
    }

    .md-pb-20 {
        padding-bottom: 20px !important;
    }

    .md-m-20 {
        margin: 20px !important;
    }

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

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

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

    .md-mb-20 {
        margin-bottom: 20px !important;
    }

    .md-p-25 {
        padding: 25px !important;
    }

    .md-pt-25 {
        padding-top: 25px !important;
    }

    .md-pl-25 {
        padding-left: 25px !important;
    }

    .md-pr-25 {
        padding-right: 25px !important;
    }

    .md-pb-25 {
        padding-bottom: 25px !important;
    }

    .md-m-25 {
        margin: 25px !important;
    }

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

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

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

    .md-mb-25 {
        margin-bottom: 25px !important;
    }

    .md-p-15 {
        padding: 15px !important;
    }

    .md-pt-15 {
        padding-top: 15px !important;
    }

    .md-pl-15 {
        padding-left: 15px !important;
    }

    .md-pr-15 {
        padding-right: 15px !important;
    }

    .md-pb-15 {
        padding-bottom: 15px !important;
    }

    .md-m-15 {
        margin: 15px !important;
    }

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

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

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

    .md-mb-15 {
        margin-bottom: 15px !important;
    }

    .md-p-12 {
        padding: 12px !important;
    }

    .md-pt-12 {
        padding-top: 12px !important;
    }

    .md-pl-12 {
        padding-left: 12px !important;
    }

    .md-pr-12 {
        padding-right: 12px !important;
    }

    .md-pb-12 {
        padding-bottom: 12px !important;
    }

    .md-m-12 {
        margin: 12px !important;
    }

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

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

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

    .md-mb-12 {
        margin-bottom: 12px !important;
    }

    .md-p-10 {
        padding: 10px !important;
    }

    .md-pt-10 {
        padding-top: 10px !important;
    }

    .md-pl-10 {
        padding-left: 10px !important;
    }

    .md-pr-10 {
        padding-right: 10px !important;
    }

    .md-pb-10 {
        padding-bottom: 10px !important;
    }

    .md-m-10 {
        margin: 10px !important;
    }

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

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

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

    .md-mb-10 {
        margin-bottom: 10px !important;
    }

    .md-p-8 {
        padding: 8px !important;
    }

    .md-pt-8 {
        padding-top: 8px !important;
    }

    .md-pl-8 {
        padding-left: 8px !important;
    }

    .md-pr-8 {
        padding-right: 8px !important;
    }

    .md-pb-8 {
        padding-bottom: 8px !important;
    }

    .md-m-8 {
        margin: 8px !important;
    }

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

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

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

    .md-mb-8 {
        margin-bottom: 8px !important;
    }

    .md-p-5 {
        padding: 5px !important;
    }

    .md-pt-5 {
        padding-top: 5px !important;
    }

    .md-pl-5 {
        padding-left: 5px !important;
    }

    .md-pr-5 {
        padding-right: 5px !important;
    }

    .md-pb-5 {
        padding-bottom: 5px !important;
    }

    .md-m-5 {
        margin: 5px !important;
    }

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

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

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

    .md-mb-5 {
        margin-bottom: 5px !important;
    }

    .md-p-0 {
        padding: 0px !important;
    }

    .md-pt-0 {
        padding-top: 0px !important;
    }

    .md-pl-0 {
        padding-left: 0px !important;
    }

    .md-pr-0 {
        padding-right: 0px !important;
    }

    .md-pb-0 {
        padding-bottom: 0px !important;
    }

    .md-m-0 {
        margin: 0px !important;
    }

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

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

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

    .md-mb-0 {
        margin-bottom: 0px !important;
    }
}

@media (min-width: 1200px) {
    .lg-p-200 {
        padding: 200px !important;
    }

    .lg-pt-200 {
        padding-top: 200px !important;
    }

    .lg-pl-200 {
        padding-left: 200px !important;
    }

    .lg-pr-200 {
        padding-right: 200px !important;
    }

    .lg-pb-200 {
        padding-bottom: 200px !important;
    }

    .lg-m-200 {
        margin: 200px !important;
    }

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

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

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

    .lg-mb-200 {
        margin-bottom: 200px !important;
    }

    .lg-p-150 {
        padding: 150px !important;
    }

    .lg-pt-150 {
        padding-top: 150px !important;
    }

    .lg-pl-150 {
        padding-left: 150px !important;
    }

    .lg-pr-150 {
        padding-right: 150px !important;
    }

    .lg-pb-150 {
        padding-bottom: 150px !important;
    }

    .lg-m-150 {
        margin: 150px !important;
    }

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

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

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

    .lg-mb-150 {
        margin-bottom: 150px !important;
    }

    .lg-p-100 {
        padding: 100px !important;
    }

    .lg-pt-100 {
        padding-top: 100px !important;
    }

    .lg-pl-100 {
        padding-left: 100px !important;
    }

    .lg-pr-100 {
        padding-right: 100px !important;
    }

    .lg-pb-100 {
        padding-bottom: 100px !important;
    }

    .lg-m-100 {
        margin: 100px !important;
    }

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

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

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

    .lg-mb-100 {
        margin-bottom: 100px !important;
    }

    .lg-p-50 {
        padding: 50px !important;
    }

    .lg-pt-50 {
        padding-top: 50px !important;
    }

    .lg-pl-50 {
        padding-left: 50px !important;
    }

    .lg-pr-50 {
        padding-right: 50px !important;
    }

    .lg-pb-50 {
        padding-bottom: 50px !important;
    }

    .lg-m-50 {
        margin: 50px !important;
    }

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

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

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

    .lg-mb-50 {
        margin-bottom: 50px !important;
    }

    .lg-p-40 {
        padding: 40px !important;
    }

    .lg-pt-40 {
        padding-top: 40px !important;
    }

    .lg-pl-40 {
        padding-left: 40px !important;
    }

    .lg-pr-40 {
        padding-right: 40px !important;
    }

    .lg-pb-40 {
        padding-bottom: 40px !important;
    }

    .lg-m-40 {
        margin: 40px !important;
    }

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

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

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

    .lg-mb-40 {
        margin-bottom: 40px !important;
    }

    .lg-p-35 {
        padding: 35px !important;
    }

    .lg-pt-35 {
        padding-top: 35px !important;
    }

    .lg-pl-35 {
        padding-left: 35px !important;
    }

    .lg-pr-35 {
        padding-right: 35px !important;
    }

    .lg-pb-35 {
        padding-bottom: 35px !important;
    }

    .lg-m-35 {
        margin: 35px !important;
    }

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

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

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

    .lg-mb-35 {
        margin-bottom: 35px !important;
    }

    .lg-p-30 {
        padding: 30px !important;
    }

    .lg-pt-30 {
        padding-top: 30px !important;
    }

    .lg-pl-30 {
        padding-left: 30px !important;
    }

    .lg-pr-30 {
        padding-right: 30px !important;
    }

    .lg-pb-30 {
        padding-bottom: 30px !important;
    }

    .lg-m-30 {
        margin: 30px !important;
    }

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

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

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

    .lg-mb-30 {
        margin-bottom: 30px !important;
    }

    .lg-p-20 {
        padding: 20px !important;
    }

    .lg-pt-20 {
        padding-top: 20px !important;
    }

    .lg-pl-20 {
        padding-left: 20px !important;
    }

    .lg-pr-20 {
        padding-right: 20px !important;
    }

    .lg-pb-20 {
        padding-bottom: 20px !important;
    }

    .lg-m-20 {
        margin: 20px !important;
    }

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

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

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

    .lg-mb-20 {
        margin-bottom: 20px !important;
    }

    .lg-p-25 {
        padding: 25px !important;
    }

    .lg-pt-25 {
        padding-top: 25px !important;
    }

    .lg-pl-25 {
        padding-left: 25px !important;
    }

    .lg-pr-25 {
        padding-right: 25px !important;
    }

    .lg-pb-25 {
        padding-bottom: 25px !important;
    }

    .lg-m-25 {
        margin: 25px !important;
    }

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

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

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

    .lg-mb-25 {
        margin-bottom: 25px !important;
    }

    .lg-p-15 {
        padding: 15px !important;
    }

    .lg-pt-15 {
        padding-top: 15px !important;
    }

    .lg-pl-15 {
        padding-left: 15px !important;
    }

    .lg-pr-15 {
        padding-right: 15px !important;
    }

    .lg-pb-15 {
        padding-bottom: 15px !important;
    }

    .lg-m-15 {
        margin: 15px !important;
    }

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

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

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

    .lg-mb-15 {
        margin-bottom: 15px !important;
    }

    .lg-p-12 {
        padding: 12px !important;
    }

    .lg-pt-12 {
        padding-top: 12px !important;
    }

    .lg-pl-12 {
        padding-left: 12px !important;
    }

    .lg-pr-12 {
        padding-right: 12px !important;
    }

    .lg-pb-12 {
        padding-bottom: 12px !important;
    }

    .lg-m-12 {
        margin: 12px !important;
    }

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

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

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

    .lg-mb-12 {
        margin-bottom: 12px !important;
    }

    .lg-p-10 {
        padding: 10px !important;
    }

    .lg-pt-10 {
        padding-top: 10px !important;
    }

    .lg-pl-10 {
        padding-left: 10px !important;
    }

    .lg-pr-10 {
        padding-right: 10px !important;
    }

    .lg-pb-10 {
        padding-bottom: 10px !important;
    }

    .lg-m-10 {
        margin: 10px !important;
    }

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

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

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

    .lg-mb-10 {
        margin-bottom: 10px !important;
    }

    .lg-p-8 {
        padding: 8px !important;
    }

    .lg-pt-8 {
        padding-top: 8px !important;
    }

    .lg-pl-8 {
        padding-left: 8px !important;
    }

    .lg-pr-8 {
        padding-right: 8px !important;
    }

    .lg-pb-8 {
        padding-bottom: 8px !important;
    }

    .lg-m-8 {
        margin: 8px !important;
    }

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

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

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

    .lg-mb-8 {
        margin-bottom: 8px !important;
    }

    .lg-p-5 {
        padding: 5px !important;
    }

    .lg-pt-5 {
        padding-top: 5px !important;
    }

    .lg-pl-5 {
        padding-left: 5px !important;
    }

    .lg-pr-5 {
        padding-right: 5px !important;
    }

    .lg-pb-5 {
        padding-bottom: 5px !important;
    }

    .lg-m-5 {
        margin: 5px !important;
    }

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

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

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

    .lg-mb-5 {
        margin-bottom: 5px !important;
    }

    .lg-p-0 {
        padding: 0px !important;
    }

    .lg-pt-0 {
        padding-top: 0px !important;
    }

    .lg-pl-0 {
        padding-left: 0px !important;
    }

    .lg-pr-0 {
        padding-right: 0px !important;
    }

    .lg-pb-0 {
        padding-bottom: 0px !important;
    }

    .lg-m-0 {
        margin: 0px !important;
    }

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

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

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

    .lg-mb-0 {
        margin-bottom: 0px !important;
    }
}

@media (min-width: 1600px) {
    .xl-p-200 {
        padding: 200px !important;
    }

    .xl-pt-200 {
        padding-top: 200px !important;
    }

    .xl-pl-200 {
        padding-left: 200px !important;
    }

    .xl-pr-200 {
        padding-right: 200px !important;
    }

    .xl-pb-200 {
        padding-bottom: 200px !important;
    }

    .xl-m-200 {
        margin: 200px !important;
    }

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

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

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

    .xl-mb-200 {
        margin-bottom: 200px !important;
    }

    .xl-p-150 {
        padding: 150px !important;
    }

    .xl-pt-150 {
        padding-top: 150px !important;
    }

    .xl-pl-150 {
        padding-left: 150px !important;
    }

    .xl-pr-150 {
        padding-right: 150px !important;
    }

    .xl-pb-150 {
        padding-bottom: 150px !important;
    }

    .xl-m-150 {
        margin: 150px !important;
    }

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

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

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

    .xl-mb-150 {
        margin-bottom: 150px !important;
    }

    .xl-p-100 {
        padding: 100px !important;
    }

    .xl-pt-100 {
        padding-top: 100px !important;
    }

    .xl-pl-100 {
        padding-left: 100px !important;
    }

    .xl-pr-100 {
        padding-right: 100px !important;
    }

    .xl-pb-100 {
        padding-bottom: 100px !important;
    }

    .xl-m-100 {
        margin: 100px !important;
    }

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

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

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

    .xl-mb-100 {
        margin-bottom: 100px !important;
    }

    .xl-p-50 {
        padding: 50px !important;
    }

    .xl-pt-50 {
        padding-top: 50px !important;
    }

    .xl-pl-50 {
        padding-left: 50px !important;
    }

    .xl-pr-50 {
        padding-right: 50px !important;
    }

    .xl-pb-50 {
        padding-bottom: 50px !important;
    }

    .xl-m-50 {
        margin: 50px !important;
    }

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

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

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

    .xl-mb-50 {
        margin-bottom: 50px !important;
    }

    .xl-p-40 {
        padding: 40px !important;
    }

    .xl-pt-40 {
        padding-top: 40px !important;
    }

    .xl-pl-40 {
        padding-left: 40px !important;
    }

    .xl-pr-40 {
        padding-right: 40px !important;
    }

    .xl-pb-40 {
        padding-bottom: 40px !important;
    }

    .xl-m-40 {
        margin: 40px !important;
    }

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

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

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

    .xl-mb-40 {
        margin-bottom: 40px !important;
    }

    .xl-p-35 {
        padding: 35px !important;
    }

    .xl-pt-35 {
        padding-top: 35px !important;
    }

    .xl-pl-35 {
        padding-left: 35px !important;
    }

    .xl-pr-35 {
        padding-right: 35px !important;
    }

    .xl-pb-35 {
        padding-bottom: 35px !important;
    }

    .xl-m-35 {
        margin: 35px !important;
    }

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

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

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

    .xl-mb-35 {
        margin-bottom: 35px !important;
    }

    .xl-p-30 {
        padding: 30px !important;
    }

    .xl-pt-30 {
        padding-top: 30px !important;
    }

    .xl-pl-30 {
        padding-left: 30px !important;
    }

    .xl-pr-30 {
        padding-right: 30px !important;
    }

    .xl-pb-30 {
        padding-bottom: 30px !important;
    }

    .xl-m-30 {
        margin: 30px !important;
    }

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

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

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

    .xl-mb-30 {
        margin-bottom: 30px !important;
    }

    .xl-p-20 {
        padding: 20px !important;
    }

    .xl-pt-20 {
        padding-top: 20px !important;
    }

    .xl-pl-20 {
        padding-left: 20px !important;
    }

    .xl-pr-20 {
        padding-right: 20px !important;
    }

    .xl-pb-20 {
        padding-bottom: 20px !important;
    }

    .xl-m-20 {
        margin: 20px !important;
    }

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

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

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

    .xl-mb-20 {
        margin-bottom: 20px !important;
    }

    .xl-p-25 {
        padding: 25px !important;
    }

    .xl-pt-25 {
        padding-top: 25px !important;
    }

    .xl-pl-25 {
        padding-left: 25px !important;
    }

    .xl-pr-25 {
        padding-right: 25px !important;
    }

    .xl-pb-25 {
        padding-bottom: 25px !important;
    }

    .xl-m-25 {
        margin: 25px !important;
    }

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

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

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

    .xl-mb-25 {
        margin-bottom: 25px !important;
    }

    .xl-p-15 {
        padding: 15px !important;
    }

    .xl-pt-15 {
        padding-top: 15px !important;
    }

    .xl-pl-15 {
        padding-left: 15px !important;
    }

    .xl-pr-15 {
        padding-right: 15px !important;
    }

    .xl-pb-15 {
        padding-bottom: 15px !important;
    }

    .xl-m-15 {
        margin: 15px !important;
    }

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

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

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

    .xl-mb-15 {
        margin-bottom: 15px !important;
    }

    .xl-p-12 {
        padding: 12px !important;
    }

    .xl-pt-12 {
        padding-top: 12px !important;
    }

    .xl-pl-12 {
        padding-left: 12px !important;
    }

    .xl-pr-12 {
        padding-right: 12px !important;
    }

    .xl-pb-12 {
        padding-bottom: 12px !important;
    }

    .xl-m-12 {
        margin: 12px !important;
    }

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

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

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

    .xl-mb-12 {
        margin-bottom: 12px !important;
    }

    .xl-p-10 {
        padding: 10px !important;
    }

    .xl-pt-10 {
        padding-top: 10px !important;
    }

    .xl-pl-10 {
        padding-left: 10px !important;
    }

    .xl-pr-10 {
        padding-right: 10px !important;
    }

    .xl-pb-10 {
        padding-bottom: 10px !important;
    }

    .xl-m-10 {
        margin: 10px !important;
    }

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

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

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

    .xl-mb-10 {
        margin-bottom: 10px !important;
    }

    .xl-p-8 {
        padding: 8px !important;
    }

    .xl-pt-8 {
        padding-top: 8px !important;
    }

    .xl-pl-8 {
        padding-left: 8px !important;
    }

    .xl-pr-8 {
        padding-right: 8px !important;
    }

    .xl-pb-8 {
        padding-bottom: 8px !important;
    }

    .xl-m-8 {
        margin: 8px !important;
    }

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

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

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

    .xl-mb-8 {
        margin-bottom: 8px !important;
    }

    .xl-p-5 {
        padding: 5px !important;
    }

    .xl-pt-5 {
        padding-top: 5px !important;
    }

    .xl-pl-5 {
        padding-left: 5px !important;
    }

    .xl-pr-5 {
        padding-right: 5px !important;
    }

    .xl-pb-5 {
        padding-bottom: 5px !important;
    }

    .xl-m-5 {
        margin: 5px !important;
    }

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

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

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

    .xl-mb-5 {
        margin-bottom: 5px !important;
    }

    .xl-p-0 {
        padding: 0px !important;
    }

    .xl-pt-0 {
        padding-top: 0px !important;
    }

    .xl-pl-0 {
        padding-left: 0px !important;
    }

    .xl-pr-0 {
        padding-right: 0px !important;
    }

    .xl-pb-0 {
        padding-bottom: 0px !important;
    }

    .xl-m-0 {
        margin: 0px !important;
    }

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

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

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

    .xl-mb-0 {
        margin-bottom: 0px !important;
    }
}

.auto-col > :first-child:nth-last-child(11),
.auto-col > :first-child:nth-last-child(11) ~ div {
    width: 9.090909091%;
    float: left;
}

.auto-col > :first-child:nth-last-child(10),
.auto-col > :first-child:nth-last-child(10) ~ div {
    width: 10%;
    float: left;
}

.auto-col > :first-child:nth-last-child(9),
.auto-col > :first-child:nth-last-child(9) ~ div {
    width: 11.111111111%;
    float: left;
}

.auto-col > :first-child:nth-last-child(8),
.auto-col > :first-child:nth-last-child(8) ~ div {
    width: 12.5%;
    float: left;
}

.auto-col > :first-child:nth-last-child(7),
.auto-col > :first-child:nth-last-child(7) ~ div {
    width: 14.285714286%;
    float: left;
}

.auto-col > :first-child:nth-last-child(6),
.auto-col > :first-child:nth-last-child(6) ~ div {
    width: 16.666666667%;
    float: left;
}

.auto-col > :first-child:nth-last-child(5),
.auto-col > :first-child:nth-last-child(5) ~ div {
    width: 20%;
    float: left;
}

.auto-col > :first-child:nth-last-child(4),
.auto-col > :first-child:nth-last-child(4) ~ div {
    width: 25%;
    float: left;
}

.auto-col > :first-child:nth-last-child(3),
.auto-col > :first-child:nth-last-child(3) ~ div {
    width: 33.333333333%;
    float: left;
}

.auto-col > :first-child:nth-last-child(2),
.auto-col > :first-child:nth-last-child(2) ~ div {
    width: 50%;
    float: left;
}

.auto-col > :first-child:nth-last-child(1),
.auto-col > :first-child:nth-last-child(1) ~ div {
    width: 100%;
    float: left;
}

.clearboth {
    clear: both;
}

.clearfx::after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

    input[type="text"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

input,
select {
    vertical-align: middle;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    input[type='text']::-ms-clear {
        display: none;
    }

textarea {
    resize: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

@media (max-width:991px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.35;
    }
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
}

a:focus {
    color: initial;
}
/*
a:active, a:focus {
    outline-style: none;
}*/

object {
    outline-style: none;
}

button {
    width: auto;
    overflow: visible;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
}

.none {
    display: none;
}

.relative {
    position: relative;
}

.oh {
    overflow: hidden;
    height: 100%;
}

.no-border {
    border: none !important;
}
/*
:focus {
    outline: 0;
}*/

.block {
    display: block;
}

@-ms-viewport {
    width: auto;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #888888;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    ::-webkit-input-placeholder {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    ::-webkit-input-placeholder {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    ::-webkit-input-placeholder {
        font-size: 1.4rem;
    }
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #888888;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    ::-moz-placeholder {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    ::-moz-placeholder {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    ::-moz-placeholder {
        font-size: 1.4rem;
    }
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #888888;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    :-ms-input-placeholder {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    :-ms-input-placeholder {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    :-ms-input-placeholder {
        font-size: 1.4rem;
    }
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #888888;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    :-moz-placeholder {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    :-moz-placeholder {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    :-moz-placeholder {
        font-size: 1.4rem;
    }
}

.light {
    font-weight: 300 !important;
}

.regular {
    font-weight: 400 !important;
}

.fs-normal {
    font-style: normal !important;
}

.fs-small {
    font-size: 1.2rem;
}

.clearfix {
    text-indent: -9999em;
    font-size: 0;
    line-height: 0;
}

.static {
    position: static !important;
}

.border-none {
    border: none !important;
}

.display-table {
    display: table !important;
    width: 100%;
    height: 100%;
}

    .display-table .display-table-cell {
        display: table-cell !important;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }

.display-inline {
    display: inline !important;
}

.vtop {
    vertical-align: top !important;
}

.vmiddle {
    vertical-align: middle !important;
}

.vbottom {
    vertical-align: bottom !important;
}
/*My Reset*/

.nav-tabs {
    border: none;
}

    .nav-tabs li {
        vertical-align: middle;
    }

        .nav-tabs li a {
            background: transparent !important;
        }

.jumbotron {
    padding: 24px 30px !important;
    background: #f3f3f3;
    margin-bottom: 0;
}

    .jumbotron p {
        color: #394040;
        font-style: normal;
        font-weight: 400;
        color: #394040 !important;
        margin-bottom: 0;
        line-height: 22px !important;
    }

@media (min-width:992px) {
    .jumbotron p {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .jumbotron p {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .jumbotron p {
        font-size: 1.3rem;
    }
}

.modal-backdrop {
    background: rgba(0, 8, 28, 0.9) !important;
    opacity: 1 !important;
}

*:hover:before,
*:hover:after,
*:before,
*:after {
    text-decoration: underline !important;
}

*:hover:before,
*:hover:after,
*:before,
*:after {
    text-decoration: none !important;
}

.pagination {
    margin: 0 !important;
    margin-top: 20px !important;
}

.datepicker table tbody tr td {
    padding: 5px !important;
}

.datepicker table tr td.active.active,
.datepicker table tr td span.active.active {
    background: #870052;
}

    .datepicker table tr td.active.active:hover,
    .datepicker table tr td span.active.active:hover {
        background: #870052;
    }

.datepicker .next {
    color: white;
}

.datepicker .prev {
    color: white;
}

    .datepicker .prev:before,
    .datepicker .next:before {
        position: absolute;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #394040;
    }

    .datepicker .prev:before {
        content: "\e93d";
    }

.datepicker .next:before {
    content: "\e924";
}

.form-control {
    box-shadow: none !important;
    font-size: 16px;
}

.input-group-addon {
    background: transparent;
}

.blockUI {
    padding: 15px !important;
    border: none !important;
}

    .blockUI h1 {
        font-size: 18px;
        color: #394040;
    }

    .blockUI img {
        width: 30px;
        margin-right: 20px;
    }
/**
 * @license
 * MyFonts Webfont Build ID 3496037, 2017-12-12T03:18:07-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Cordale-Italic by Dalton Maag
 * URL: https://www.myfonts.com/fonts/daltonmaag/cordale/italic/
 * 
 * Webfont: Cordale-Bold by Dalton Maag
 * URL: https://www.myfonts.com/fonts/daltonmaag/cordale/bold/
 * 
 * Webfont: Cordale-Regular by Dalton Maag
 * URL: https://www.myfonts.com/fonts/daltonmaag/cordale/regular/
 * 
 * Webfont: Cordale-BoldItalic by Dalton Maag
 * URL: https://www.myfonts.com/fonts/daltonmaag/cordale/bold-italic/
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3496037
 * Licensed pageviews: Unlimited
 * Webfonts copyright: Copyright 2016 Dalton Maag Ltd. Modification of this file requires prior written permission from Dalton Maag Ltd.
 * 
 * © 2017 MyFonts Inc
*/

@font-face {
    font-family: 'Cordale';
    src: url('/_assets/fonts/355865_0_0.eot');
    src: url('/_assets/fonts/355865_0_0.eot?#iefix') format('embedded-opentype'), url('/_assets/fonts/355865_0_0.woff2') format('woff2'), url('/_assets/fonts/355865_0_0.woff') format('woff'), url('/_assets/fonts/355865_0_0.ttf') format('truetype'), url('/_assets/fonts/355865_0_0.svg#wf') format('svg');
    font-style: italic;
    font-weight: 300;
}

@font-face {
    font-family: 'Cordale';
    src: url('/_assets/fonts/355865_1_0.eot');
    src: url('/_assets/fonts/355865_1_0.eot?#iefix') format('embedded-opentype'), url('/_assets/fonts/355865_1_0.woff2') format('woff2'), url('/_assets/fonts/355865_1_0.woff') format('woff'), url('/_assets/fonts/355865_1_0.ttf') format('truetype'), url('/_assets/fonts/355865_1_0.svg#wf') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Cordale';
    src: url('/_assets/fonts/355865_2_0.eot');
    src: url('/_assets/fonts/355865_2_0.eot?#iefix') format('embedded-opentype'), url('/_assets/fonts/355865_2_0.woff2') format('woff2'), url('/_assets/fonts/355865_2_0.woff') format('woff'), url('/_assets/fonts/355865_2_0.ttf') format('truetype'), url('/_assets/fonts/355865_2_0.svg#wf') format('svg');
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'Cordale';
    src: url('/_assets/fonts/355865_3_0.eot');
    src: url('/_assets/fonts/355865_3_0.eot?#iefix') format('embedded-opentype'), url('/_assets/fonts/355865_3_0.woff2') format('woff2'), url('/_assets/fonts/355865_3_0.woff') format('woff'), url('/_assets/fonts/355865_3_0.ttf') format('truetype'), url('/_assets/fonts/355865_3_0.svg#wf') format('svg');
    font-style: italic;
    font-weight: 700;
}

html {
    font-size: 10px;
    font-weight: 400;
    color: #394040;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    background: #f0f0f0;
    font-family: 'Cordale', ariel;
    color: #394040;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (min-width:992px) {
    body {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    body {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    body {
        font-size: 1.4rem;
    }
}

.overflowHidden {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.content {
    position: fixed;
    z-index: 5;
    /* overflow: hidden; */
    height: auto;
    /* padding-bottom: 500px; */
    width: 100%;
    height: 100%;
}

.isHomePage .content {
    z-index: auto;
}

a {
    color: #000f33;
}

    a:hover {
        text-decoration: underline;
    }

h1 {
    color: #1d2552;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.025em;
}

@media (min-width:992px) {
    h1 {
        font-size: 3.2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    h1 {
        font-size: 2.5rem;
    }
}

@media (max-width:767px) {
    h1 {
        font-size: 2.4rem;
    }
}

h2 {
    color: #1d2552;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    h2 {
        font-size: 3rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    h2 {
        font-size: 3rem;
    }
}

@media (max-width:767px) {
    h2 {
        font-size: 2.3rem;
    }
}

h3 {
    color: #870052;
    font-style: normal;
    font-weight: 700;
}

@media (min-width:992px) {
    h3 {
        font-size: 1.8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    h3 {
        font-size: 1.6rem;
    }
}

@media (max-width:767px) {
    h3 {
        font-size: 1.4rem;
    }
}

h4 {
    color: #870052;
    font-style: normal;
    font-weight: 700;
}

@media (min-width:992px) {
    h4 {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    h4 {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    h4 {
        font-size: 1.4rem;
    }
}

h5 {
    color: #870052;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    h5 {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    h5 {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    h5 {
        font-size: 1.3rem;
    }
}

h6 {
    color: #1d2552;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    h6 {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    h6 {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    h6 {
        font-size: 1.3rem;
    }
}

p {
    color: #394040;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    p {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    p {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    p {
        font-size: 1.4rem;
    }
}

u,
u a {
    font-weight: bold;
    color: #870052 !important;
    text-decoration: none !important;
    border-bottom: 2px solid #870052;
}

    u:hover,
    u a:hover {
        font-weight: bold;
        color: #116fc4 !important;
        text-decoration: none !important;
        border-bottom: 2px solid #116fc4;
    }

.text-white {
    color: white;
}

.text-ruby {
    color: #870052;
}

.text-blue,
.text-navy {
    color: #02184d !important;
}

.text-gray {
    color: #394040;
}

.text-purple {
    color: #870052 !important;
}

    .text-purple a {
        color: #870052;
    }

.text-stone {
    color: #394040 !important;
}

.strong {
    font-weight: bold;
}

.bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -2;
}

.error {
    color: #870052;
}

.br {
    border-radius: 5px;
}

.btlr {
    border-top-left-radius: 5px;
}

.btrr {
    border-top-right-radius: 5px;
}

.bblr {
    border-bottom-left-radius: 5px;
}

.bbrr {
    border-bottom-right-radius: 5px;
}

@media (min-width:992px) {
    .fs18 {
        font-size: 1.8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .fs18 {
        font-size: 1.6rem;
    }
}

@media (max-width:767px) {
    .fs18 {
        font-size: 1.4rem;
    }
}

@media (min-width:992px) {
    .fs14 {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .fs14 {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .fs14 {
        font-size: 1.3rem;
    }
}

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

.table-border-radius {
    border-radius: 5px;
}

@media (max-width:767px) {
    .mobil-line-height {
        line-height: 42px;
    }
}

.v-middle {
    display: table !important;
    min-height: 60px;
}

    .v-middle span {
        display: table-cell;
        vertical-align: middle;
    }

.vertical-left-line {
    position: relative;
}

    .vertical-left-line:before {
        content: "";
        left: 0;
        top: -50px;
        width: 1px;
        height: 140%;
        background-color: #d7d9d9;
        position: absolute;
    }

    .vertical-left-line:after {
        content: "veya";
        position: absolute;
        background: white;
        padding: 8px 0;
        font-size: 12px;
        top: 50%;
        left: 0;
        color: #394040;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        -sand-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

@media (max-width:767px) {
    .vertical-left-line:before {
        height: 1px;
        width: 130%;
        top: 0;
        left: -50px;
    }

    .vertical-left-line:after {
        top: 0;
        left: 50%;
        padding: 0 8px;
    }
}

.belt {
    position: absolute;
    width: 100%;
    height: 150px;
    /*&:before, &:after {
        content: '';
        position: absolute;
        width: 50%;
        top: 0;
        height: 150px;

        .isHomePage & {
            height: 648px;
        }
    }*/
    /*&:before {
        left: 0;
        width: 27%;
        right: auto;
        background: @color-white;

        @media @medium-desktop {
            width: 22%;
        }

        @media @tablet-mobil {
            background: transparent;
        }
    }

    &:after {
        right: 0;
        left: auto;
        background: @color-gray;

        @media @mobil {
            display: none;
        }
    }*/
}

.isHomePage .belt {
    height: 648px;
}

.belt-image {
    position: absolute;
    width: 980px;
    height: 100%;
    background: url(/_assets/img/header_belt.png) no-repeat right top -2px;
    left: 50%;
    top: 0;
    z-index: 5;
    bottom: 0;
    margin-left: -1276px;
    /*
        @media (min-width:781px) and (max-width:991px) {
            height: 360px !important;
            width: 301px !important;
            background: url(/_assets/img/mobil-kusak.png) no-repeat right top -28px !important;
            margin-left: -487px !important;
        }*/
}

@media (min-width: 1500px) {
    .belt-image:before {
        content: "";
        position: absolute;
        left: -66%;
        background: white;
        width: 66%;
        height: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .belt-image {
        margin-left: -1191px;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .belt-image {
        height: 360px !important;
        width: 301px !important;
        background: url(/_assets/img/mobil-kusak.png) no-repeat right top -33px !important;
        margin-left: -485px !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .belt-image {
        margin-left: -385px;
        left: 50%;
        width: 164px;
        height: 222px;
        background: url(/_assets/img/mobil-kusak.png) no-repeat right top 0px;
        background-size: cover;
    }
}

@media (max-width:767px) {
    .belt-image {
        margin-left: 0;
        left: -15px;
        width: 150px;
        height: 200px;
        background: url("/_assets/img/mobil-kusak.png") no-repeat right top -4px;
        background-size: cover;
    }
}

.Head {
    position: relative;
    /*z-index: 90;*/
}

.isHomePage .Head {
    position: absolute;
    width: 100%;
}

@media (max-width:991px) {
    .Head {
        z-index: 25;
    }
}

.Head .belt {
    display: none;
}

.Head.menuopen {
    overflow: hidden;
}

    .Head.menuopen .belt {
        display: block;
        -webkit-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
        -moz-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
        -o-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
        transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    }

.Header {
    position: relative;
    /*z-index: 5;*/
    -webkit-transition: all 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -moz-transition: all 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -o-transition: all 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition: all 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

@media (min-width:768px) and (max-width:991px) {
    .Header .container {
        height: 76px;
    }
}

@media (max-width:767px) {
    .Header .container {
        height: 66px;
    }
}

.Header-logo {
    margin-top: 48px;
    z-index: 5;
    position: relative;
    height: 48px;
}

@media (min-width: 769px) and (max-width: 991px) {
    .Header-logo {
        height: auto;
        width: 102px !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .Header-logo {
        margin-top: 8px;
        width: 90.5px;
        height: auto;
    }
}

@media (max-width:767px) {
    .Header-logo {
        margin-top: 9px;
        width: 71px;
        height: auto;
    }
}

.Header-content {
    /*padding-top: 55px;*/
    /*position: relative;*/
    z-index: 6;
}

@media (min-width:768px) and (max-width:991px) {
    .Header-content {
        padding-top: 17px;
    }
}

@media (max-width:767px) {
    .Header-content {
        padding-top: 13px;
    }
}

.Header-navigation {
    float: right;
    width: 70%;
    z-index: 9;
    position: relative;
}

.Header-navigation-top {
    float: right;
}

.Header-navigation-top-item {
    float: left;
    font-family: 'Cordale', ariel;
}

    .Header-navigation-top-item a {
        line-height: 48px;
        display: block;
        text-decoration: none;
        padding-left: 15px;
        padding-right: 15px;
        color: rgba(0, 15, 51, 0.8);
        font-style: normal;
        font-weight: 400;
    }

@media (min-width:992px) {
    .Header-navigation-top-item a {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Header-navigation-top-item a {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .Header-navigation-top-item a {
        font-size: 1.3rem;
    }
}

.Header-navigation-top-item a:hover {
    text-decoration: underline !important;
}

.Header-navigation-top-item a i {
    color: #000f33;
    font-size: 12px;
    margin-left: 7px;
}

.Header-navigation-top-item a.lang-item {
    padding-right: 8px;
}

    .Header-navigation-top-item a.lang-item:hover {
        text-decoration: none !important;
    }

        .Header-navigation-top-item a.lang-item:hover span {
            text-decoration: underline !important;
        }

.Header-navigation-top-item:last-child a {
    padding-right: 0;
}

.Header-navigation-main {
    float: right;
    border-top: 1px solid #870052;
    position: relative;
}

.Header-navigation-main-item {
    float: left;
    font-family: 'Cordale', ariel;
    color: #000f33;
    font-style: normal;
    font-weight: 700;
}

@media (max-width:768px) {
    .Header-navigation-main {
        margin: 0 !important;
    }

    .Header-navigation-main-item > a.button {
        padding: 0 20px!important;
        line-height: 40px;
    }
}

@media (min-width:767px) {
    .Header-navigation-main {
        margin: 48px 0;
    }

    .Header-navigation-main-item > a.button {
        padding: 0 60px;
    }
}

@media (min-width:992px) {
    .Header-navigation-main-item {
        font-size: 1.8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Header-navigation-main-item {
        font-size: 1.6rem;
    }
}

@media (max-width:767px) {
    .Header-navigation-main-item {
        font-size: 1.4rem;
    }
}

:lang(en) .Header-navigation-main-item {
    color: #000f33;
    font-style: normal;
    font-weight: 700;
}

@media (min-width:992px) {
    :lang(en) .Header-navigation-main-item {
        font-size: 1.7rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    :lang(en) .Header-navigation-main-item {
        font-size: 1.6rem;
    }
}

@media (max-width:767px) {
    :lang(en) .Header-navigation-main-item {
        font-size: 1.4rem;
    }
}

.Header-navigation-main-item > a {
    line-height: 48px;
    display: block;
    text-decoration: none;
    padding-left: 18px;
    padding-right: 18px;
    position: relative;
}

@media (min-width:992px) and (max-width:1240px) {
    .Header-navigation-main-item > a {
        padding-left: 13px;
        padding-right: 13px;
    }
}

:lang(en) .Header-navigation-main-item > a {
    padding-left: 11px;
    padding-right: 11px;
}

.Header-navigation-main-item > a:before {
    opacity: 0;
    content: "";
    position: absolute;
    border: 10px solid transparent;
    border-bottom-color: white;
    bottom: -10px;
    left: 50%;
    z-index: 1;
    margin-left: -15px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.Header-navigation-main-item > a.button {
    padding: 0 60px;
    letter-spacing: 0.7px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    margin-bottom: 0;
}

    .Header-navigation-main-item > a.button:hover {
        color: white !important;
        background: #a10061 !important;
    }

@media (min-width:992px) and (max-width:1240px) {
    .Header-navigation-main-item > a.button {
        padding-left: 40px;
        padding-right: 40px;
    }

    :lang(en) .Header-navigation-main-item > a.button {
        padding-left: 0;
        padding-right: 0;
    }
}

.Header-navigation-main-item:first-child a {
    //padding-left: 0;
}

.Header-navigation-main-item.active > a:before {
    opacity: 1;
}

.Header-navigation-main-item.active > a:after {
    content: "";
    position: absolute;
    width: 150%;
    height: 40px;
    left: -50%;
    z-index: 0;
    bottom: -25px;
    left: 0;
}

.Header-navigation-main-submenu {
    position: absolute;
    width: 770px;
    background: white;
    z-index: 12;
    padding-left: 30px;
    padding-top: 7px;
    border-radius: 5px;
    left: -30px;
    top: 58px;
    opacity: 1;
    display: none;
}

@media (min-width:992px) {
    .Header-navigation-main-submenu {
        left: -15px;
    }
}

@media (min-width:992px) and (max-width:1240px) {
    .Header-navigation-main-submenu {
        left: -112px;
    }
}

.active .Header-navigation-main-submenu {
    opacity: 1;
}

.Header-navigation-main-submenu-header {
    border-bottom: 1px solid #e1c5d6;
    margin-right: 30px;
    overflow: hidden;
}

    .Header-navigation-main-submenu-header h3 {
        color: #1d2552;
        font-style: normal;
        font-weight: 700;
        line-height: 62px;
    }

@media (min-width:992px) {
    .Header-navigation-main-submenu-header h3 {
        font-size: 1.8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Header-navigation-main-submenu-header h3 {
        font-size: 1.6rem;
    }
}

@media (max-width:767px) {
    .Header-navigation-main-submenu-header h3 {
        font-size: 1.4rem;
    }
}

.Header-navigation-main-submenu-header h3:last-child {
    position: relative;
    padding-left: 25px;
    margin-left: -60px;
}

    .Header-navigation-main-submenu-header h3:last-child:before {
        content: "";
        position: absolute;
        width: 1px;
        height: 35px;
        background: #e1c5d6;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -sand-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.Header-navigation-main-submenu-tbl {
    display: table;
    float: left;
}

    .Header-navigation-main-submenu-tbl:nth-child(odd) {
        margin-right: 27px;
    }

    .Header-navigation-main-submenu-tbl:last-child .Header-navigation-main-submenu-item,
    .Header-navigation-main-submenu-tbl:nth-last-child(2) .Header-navigation-main-submenu-item {
        background: none !important;
    }

.menu-col-1 .Header-navigation-main-submenu-tbl {
    margin-right: 0px;
}

.Header-navigation-main-submenu-items {
    float: left;
    padding-bottom: 18px;
}

.Header-navigation-main-submenu-item {
    line-height: 1.6;
    color: #1d2552;
    font-style: normal;
    font-weight: 400;
    background: url(/_assets/img/dotted-border.png) repeat-x bottom !important;
    position: relative;
    padding-left: 23px !important;
    display: table-cell;
    vertical-align: middle;
    width: 208px;
    height: 61px;
}

@media (min-width:992px) {
    .Header-navigation-main-submenu-item {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Header-navigation-main-submenu-item {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .Header-navigation-main-submenu-item {
        font-size: 1.4rem;
    }
}

.Header-navigation-main-submenu-item:before,
.Header-navigation-main-submenu-item:after {
    position: absolute;
    /*margin-left: -1em;*/
    font-size: 20px;
    font-family: 'icomoon' !important;
    top: 50%;
    transform: translateY(-50%);
}

.Header-navigation-main-submenu-item:before {
    left: 0;
    content: "\e92e";
    color: #c60651;
}

.Header-navigation-main-submenu-item:after {
    left: 0;
    content: "\e932" !important;
    color: #870052;
}

.Header-navigation-main-submenu-item:hover {
    color: #870052;
}

.Header-navigation-main-submenu-item:before,
.Header-navigation-main-submenu-item:after {
    top: 48%;
    margin-left: -4px;
}

.smefarm .Header-navigation-main-submenu-item {
    width: 184px;
}

.Header-navigation-main-submenu-image {
    float: left;
    width: 255px;
    margin-left: 30px;
}

@media (max-width:991px) {
    .Header-navigation-main-submenu-image {
        width: 100%;
        margin-right: 0 !important;
    }
}

.Header-navigation-main-submenu-image a {
    display: block;
}

@media (max-width:991px) {
    .Header-navigation-main-submenu-image a {
        width: calc( 50% - 7.5px);
        float: left;
    }

        .Header-navigation-main-submenu-image a:first-child {
            margin-right: 15px;
        }
}

.Header-navigation-main-submenu-image img:first-child {
    margin-bottom: 10px;
}

@media (max-width:991px) {
    .Header-navigation-main-submenu-image img:first-child {
        margin-bottom: 0px;
    }
}

.Header-navigation-main-submenu .menu-col-1 {
    width: 237px;
    float: left;
    display: block;
    padding-bottom: 30px;
}

    .Header-navigation-main-submenu .menu-col-1 .Header-navigation-main-submenu-item {
        width: 207px;
    }

        .Header-navigation-main-submenu .menu-col-1 .Header-navigation-main-submenu-item:last-child {
            background: none;
        }

.Header-navigation-main-submenu .menu-col-2 {
    width: 445px;
    float: left;
    display: block;
    padding-bottom: 30px;
}

.Header-navigation-main-submenu .menu-col-3 {
    width: 414px;
    float: left;
    display: block;
    padding-bottom: 30px;
}

    .Header-navigation-main-submenu .menu-col-3 .Header-navigation-main-submenu-item:nth-child(even) {
        margin-left: 32px;
    }

    .Header-navigation-main-submenu .menu-col-3 .Header-navigation-main-submenu-item:last-child,
    .Header-navigation-main-submenu .menu-col-3 .Header-navigation-main-submenu-item:nth-last-child(2) {
        background: none;
    }

.Header-navigation-main-submenu .menurow {
    float: left;
    width: 191px;
}

    .Header-navigation-main-submenu .menurow + .menurow {
        margin-left: 32px;
    }

.Header-navigation-main-search-link {
    margin-right: 12px;
    margin-left: -5px;
}

    .Header-navigation-main-search-link a:hover {
        color: rgba(29, 37, 82, 0.8) !important;
    }

.Header-navigation-main.activeRelative li > a {
    color: rgba(255, 255, 255, 0.6);
}

.Header-navigation-main.activeRelative .active > a {
    color: white;
}

.Header-navigation-main-internet-branch a {
    padding-bottom: 0 !important;
}

@media (min-width: 1199px) and (max-width: 1240px) {
    .Header-navigation-main-internet-branch a {
        width: 222px !important;
    }
}

@media (min-width:992px) and (max-width:1240px) {
    .Header-navigation-main-internet-branch a {
        width: 222px;
    }

    :lang(en) .Header-navigation-main-internet-branch a {
        width: 160px;
    }
}

.Header-navigation-menu-item:hover > a {
    color: white !important;
}

.Header-navigation-mobil {
    float: right;
    position: relative;
    z-index: 9;
}

.Header-navigation-mobil-item {
    float: left;
    font-family: 'Cordale', ariel;
}

@media (min-width:768px) and (max-width:991px) {
    .Header-navigation-mobil-item {
        font-size: 30px;
    }
}

.Header-navigation-mobil-item a {
    display: block;
    text-decoration: none;
    color: #870052;
}

@media (min-width:992px) and (max-width:1240px) {
    .Header-navigation-mobil-item a {
        padding-left: 14px;
        padding-right: 14px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .Header-navigation-mobil-item a {
        padding-left: 30px;
        padding-right: 30px;
    }

        .Header-navigation-mobil-item a.searchbtn {
            padding-top: 4px;
        }
}

.Header-navigation-mobil-item a.button {
    font-size: 10px;
    display: block;
    padding-left: 11px;
    padding-right: 11px;
    line-height: 12px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: white;
    padding-top: 9px;
    padding-bottom: 7px;
    margin-right: 10px;
}

@media (min-width:768px) and (max-width:991px) {
    .Header-navigation-mobil-item a.button {
        width: 122px;
        line-height: 42px;
        font-size: 12px;
        padding: 0px;
        margin-right: 15px;
    }

        .Header-navigation-mobil-item a.button br {
            display: none;
        }
}

.Header-navigation-mobil-item a.button.finanssifrebtn {
    line-height: 42px;
}

.Header-navigation-mobil-item a.mobile-nav {
    width: 27px;
    height: 24px;
    display: block;
    z-index: 999;
    padding: 5px !important;
    margin-top: 15px;
    color: #02184d;
    margin-right: -5px;
}

@media (min-width:768px) and (max-width:991px) {
    .Header-navigation-mobil-item a.mobile-nav {
        width: 38px;
        height: 25px;
        margin-top: 16px;
    }
}

.Header-navigation-mobil-item a.mobile-nav span {
    width: 100%;
    height: 2px;
    display: block;
    background: #02184d;
    text-indent: -9999px;
    position: relative;
    margin-top: -2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width:768px) and (max-width:991px) {
    .Header-navigation-mobil-item a.mobile-nav span {
        height: 4px;
    }
}

.Header-navigation-mobil-item a.mobile-nav span::before,
.Header-navigation-mobil-item a.mobile-nav span::after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    display: block;
    left: 0;
    background-color: #02184d;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width:768px) and (max-width:991px) {
    .Header-navigation-mobil-item a.mobile-nav span::before,
    .Header-navigation-mobil-item a.mobile-nav span::after {
        height: 4px;
    }
}

.Header-navigation-mobil-item a.mobile-nav span::before {
    top: -6px;
}

.Header-navigation-mobil-item a.mobile-nav span::after {
    top: 6px;
}

@media (min-width:768px) and (max-width:991px) {
    .Header-navigation-mobil-item a.mobile-nav span::before {
        top: -10px;
    }

    .Header-navigation-mobil-item a.mobile-nav span::after {
        top: 10px;
    }
}

.Header-navigation-mobil-item a.mobile-nav.active {
    margin-top: 16px;
}

    .Header-navigation-mobil-item a.mobile-nav.active span {
        background: none;
    }

        .Header-navigation-mobil-item a.mobile-nav.active span::before {
            background: #870052;
            -moz-transform-origin: center center;
            -ms-transform-origin: center center;
            -o-transform-origin: center center;
            -webkit-transform-origin: center center;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -sand-transform: rotate(-45deg);
            transform: rotate(-45deg);
            transform-origin: center center;
            top: 0;
        }

        .Header-navigation-mobil-item a.mobile-nav.active span::after {
            background: #870052;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -sand-transform: rotate(45deg);
            transform: rotate(45deg);
            -moz-transform-origin: center center;
            -ms-transform-origin: center center;
            -o-transform-origin: center center;
            -webkit-transform-origin: center center;
            transform-origin: center center;
            top: 0;
        }

.Header-navigation-mobil-item a.searchbtn {
    padding-top: 11px;
    font-size: 40px;
    padding-left: 30px;
    padding-right: 24px;
    color: #02184d;
}

@media (min-width:768px) and (max-width:991px) {
    .Header-navigation-mobil-item a.searchbtn {
        padding-left: 17px;
        padding-right: 16px;
        font-size: 28px;
        padding-top: 8px;
    }
}

@media (max-width:767px) {
    .Header-navigation-mobil-item a.searchbtn {
        font-size: 18px;
        padding-left: 14px;
        padding-right: 10px;
    }
}

.Header-navigation-mobil-item a.searchbtn.active {
    font-size: 14px;
    padding-left: 18px;
    padding-top: 13px;
}

@media (min-width:768px) and (max-width:991px) {
    .Header-navigation-mobil-item a.searchbtn.active {
        font-size: 24px;
        padding-left: 21px;
        padding-top: 9px;
    }
}

@media (max-width:767px) {
    .Header-navigation-mobil-item a.searchbtn.active {
        margin-top: 0px;
    }
}

.Header-navigation-bottom {
    height: 48px;
    position: relative;
    float: right;
    padding-top: 15px;
    display: block;
    width: 250px;
    text-align: center;
}

@media (min-width: 1199px) and (max-width: 1240px) {
    .Header-navigation-bottom {
        width: 222px !important;
    }
}

@media (min-width:992px) and (max-width:1240px) {
    .Header-navigation-bottom {
        width: 222px;
    }
}

.Header-navigation .passwordlink {
    font-style: normal;
    text-align: center;
    border-bottom: 2px solid rgba(29, 37, 82, 0.3);
    line-height: 1;
    z-index: 9;
    color: rgba(0, 15, 51, 0.8);
    font-weight: 400;
    position: relative;
}

@media (min-width:992px) {
    .Header-navigation .passwordlink {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Header-navigation .passwordlink {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .Header-navigation .passwordlink {
        font-size: 1.3rem;
    }
}

.Header-navigation .passwordlink:before {
    content: "";
    position: absolute;
    width: 100% !important;
    height: 2px !important;
    bottom: -2px !important;
    left: 0 !important;
    background: #000f33;
    border-radius: 5px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    -sand-transform: scaleX(0);
    transform: scaleX(0);
    transition: 0.2s linear;
    top: auto;
}

.Header-navigation .passwordlink:after {
    display: none;
}

.Header-navigation .passwordlink:hover,
.Header-navigation .passwordlink:focus {
    color: #000f33;
    background: transparent;
    text-decoration: none !important;
}

    .Header-navigation .passwordlink:hover:before,
    .Header-navigation .passwordlink:focus:before {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        -sand-transform: scaleX(1);
        transform: scaleX(1);
    }

.Header-sticky {
    position: fixed;
    background: white;
    width: 100%;
    top: 0;
    z-index: 11;
    border-bottom: 1px solid #d9d9d9;
}

    .Header-sticky .Header-content {
        padding-top: 23px;
    }

@media (min-width:768px) and (max-width:991px) {
    .Header-sticky .Header-content {
        padding-top: 17px;
        padding-bottom: 23px;
    }
}

@media (max-width:767px) {
    .Header-sticky .Header-content {
        padding-top: 13px;
        padding-bottom: 23px;
    }
}

.Header-sticky .Header-logo {
    margin: 0;
}

@media (min-width:768px) and (max-width:991px) {
    .Header-sticky .Header-logo {
        margin-top: 8px;
    }
}

@media (max-width:767px) {
    .Header-sticky .Header-logo {
        margin-top: 9px;
    }
}

.Header-sticky .Header-navigation-top {
    display: none;
}

@media (max-width:991px) {
    .Header-sticky .Header-navigation-top {
        display: block;
    }
}

.Header-sticky .Header-navigation-main {
    border: none;
}

.Header-sticky .Header-navigation-main-item > a {
    color: #1d2552 !important;
    padding-bottom: 23px;
}

    .Header-sticky .Header-navigation-main-item > a:hover {
        color: rgba(29, 37, 82, 0.8) !important;
    }

.Header-sticky .Header-navigation-main .button {
    border-radius: 5px;
    color: white !important;
}

    .Header-sticky .Header-navigation-main .button:hover {
        color: white !important;
    }

.Header-sticky .Header-navigation-main-search-link a i {
    color: #1d2652 !important;
}

.Header-sticky .Header-navigation-bottom {
    display: none;
}

.Header-sticky .passwordlink {
    display: none;
}

.Header-sticky .Search-container {
    top: 120px;
}

.Header-sticky .Header-navigation-menu-item > a:before {
    top: 70px;
}

.Header-sticky .Header-navigation-main-submenu {
    top: 90px;
}

.Header.bg-white {
    background: white;
    -webkit-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
}

.Header.nav-up {
    top: -100px;
}

.Header .QnbNetwork-container {
    position: absolute;
    top: 50px;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    visibility: hidden;
    top: -600px;
    z-index: 10;
}

    .Header .QnbNetwork-container.active {
        opacity: 1;
        visibility: visible;
        top: 50px;
    }

.Header .QnbNetwork {
    /*width: 100%;*/
    width: 100%;
    left: 0;
    background: #e9e9e9 url(/_assets/img/QNB-Network.png);
    padding: 27px 30px;
    border-radius: 5px;
}

.Header .QnbNetwork-title {
    color: #1d2552;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 7px;
}

@media (min-width:992px) {
    .Header .QnbNetwork-title {
        font-size: 2.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Header .QnbNetwork-title {
        font-size: 2.6rem;
    }
}

@media (max-width:767px) {
    .Header .QnbNetwork-title {
        font-size: 2.2rem;
    }
}

.Header .QnbNetwork-subtitle {
    color: #870052;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
}

@media (min-width:992px) {
    .Header .QnbNetwork-subtitle {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Header .QnbNetwork-subtitle {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .Header .QnbNetwork-subtitle {
        font-size: 1.4rem;
    }
}

.Header .QnbNetwork-col {
    width: 20%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.Header .QnbNetwork-column-item {
    line-height: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #1d2552;
    font-style: normal;
    font-weight: 400;
    background: url(/_assets/img/dotted-border.png) repeat-x bottom;
    position: relative;
    padding-left: 20px;
}

@media (min-width:992px) {
    .Header .QnbNetwork-column-item {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Header .QnbNetwork-column-item {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .Header .QnbNetwork-column-item {
        font-size: 1.3rem;
    }
}

.Header .QnbNetwork-column-item:before,
.Header .QnbNetwork-column-item:after {
    position: absolute;
    /*margin-left: -1em;*/
    font-size: 10px;
    font-family: 'icomoon' !important;
    top: 50%;
    transform: translateY(-50%);
}

.Header .QnbNetwork-column-item:before {
    left: 0;
    content: "\e92e";
    color: #c60651;
}

.Header .QnbNetwork-column-item:after {
    left: 0;
    content: "\e932" !important;
    color: #870052;
}

.Header .QnbNetwork-column-item:last-child {
    background: none;
}

.Header .QnbNetwork-column-note {
    margin-top: 6px;
}

.Header .QnbNetwork-column-note-item {
    color: rgba(29, 37, 82, 0.6);
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    .Header .QnbNetwork-column-note-item {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Header .QnbNetwork-column-note-item {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .Header .QnbNetwork-column-note-item {
        font-size: 1.3rem;
    }
}

.Header .Search-container {
    position: absolute;
    width: 540px;
    z-index: 10;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -sand-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 70px;
    background: white;
    padding: 10px 10px 10px 20px;
    border-radius: 5px;
    opacity: 0;
    -webkit-transition: visibility 2s opacity 2s ease;
    -moz-transition: visibility 2s opacity 2s ease;
    -o-transition: visibility 2s opacity 2s ease;
    transition: visibility 2s opacity 2s ease;
    visibility: hidden;
}

:lang(en) .Header .Search-container {
    left: 50.6%;
}

.Header .Search-container.active {
    opacity: 1;
    visibility: visible;
    cursor: pointer;
}

@media (min-width: 1199px) and (max-width: 1240px) {
    .Header .Search-container {
        right: 254px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -sand-transform: none;
        transform: none;
        left: auto !important;
    }
}

@media (min-width: 991px) and (max-width: 1198px) {
    :lang(en) .Header .Search-container {
        left: 55%;
    }
}

.Header .Search-container:after {
    /*width: 12px;
        height: 12px;*/
    content: "";
    position: absolute;
    right: 10px;
    top: -12px;
    border: 24px solid transparent;
    border-right-color: white;
    z-index: -1;
}

@media (min-width:992px) and (max-width:1240px) {
    .Header .Search-container:after {
        right: 45px;
    }
}

.Header .Search-container input {
    border: none;
    margin-left: 40px;
    height: 100%;
    width: 70%;
    -webkit-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
}

    .Header .Search-container input::-webkit-input-placeholder {
        color: #394040 !important;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        font-size: 16px !important;
    }

    .Header .Search-container input:-moz-placeholder {
        color: #394040 !important;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        font-size: 16px !important;
    }

    .Header .Search-container input::-moz-placeholder {
        color: #394040 !important;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        font-size: 16px !important;
    }

    .Header .Search-container input:-ms-input-placeholder {
        color: #394040 !important;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        font-size: 16px !important;
    }

    .Header .Search-container input::placeholder {
        color: #394040 !important;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        font-size: 16px !important;
    }

.Header .Search-container i {
    font-size: 26px;
    position: absolute;
    color: #870052;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

.Header .Search-container-search-button {
    float: right;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 23px;
    display: inline-block;
}

.Header .Search-container-close-button {
    position: absolute;
    opacity: 0;
    float: right;
    padding-left: 30px;
    padding-right: 30px;
    right: 10px;
    height: auto;
    top: 50%;
    line-height: 23px;
    transform: translateY(-50%);
    z-index: -100;
}

    .Header .Search-container-close-button:focus {
        color: white;
        opacity: 1;
        display: inline-block;
        z-index: 5;
    }

.Header .Search-container label.search-tooltip {
    position: absolute;
    width: 100%;
    left: 74px;
    top: 47px;
    color: #870052;
    -webkit-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
}

.Header .Search-container.error input {
    height: 60%;
}

.Header .Search-container.error label.search-tooltip {
    top: 38px;
}

.Mobile-menu {
    position: absolute;
    border-top: 1px solid #e6e5e3;
    left: 0;
    top: -1000px;
    background: #b8bac0;
    width: 100%;
    z-index: 5;
    height: calc(100vh - 76px);
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    transition: all 0.8s ease;
    overflow-y: scroll;
    visibility: hidden;
}

@media (max-width:767px) {
    .Mobile-menu {
        height: calc(100vh - 66px);
    }
}

.Mobile-menu.active {
    display: block;
    top: 76px;
    z-index: 20;
    visibility: visible;
}

@media (max-width:767px) {
    .Mobile-menu.active {
        top: 66px;
    }
}

.Mobile-menu-item {
    padding-left: 15px;
    padding-right: 15px;
    background: #e6e5e3;
    border-bottom: 1px solid #bebfc6;
}

    .Mobile-menu-item > a {
        line-height: 78px;
        color: #1d2552;
        font-size: 18px;
        display: block;
        text-decoration: none;
        letter-spacing: -0.04px;
    }

        .Mobile-menu-item > a:after {
            content: "\e904";
            right: 15px;
            position: absolute;
            color: #000f33;
            font-size: 14px;
            font-family: 'icomoon' !important;
        }

.Mobile-menu-item-sub {
    display: none;
    -webkit-overflow-scrolling: touch;
    margin-top: -12px;
    position: relative;
    overflow: hidden;
    padding-bottom: 15px;
}

    .Mobile-menu-item-sub ul {
        margin-bottom: 15px;
    }

.Mobile-menu-item-sub-item > a {
    line-height: 36px;
    position: relative;
    font-size: 15px;
    /*padding-left: 7px;*/
    color: #1d2552;
    text-decoration: none;
    display: block;
    padding-left: 19px;
}

    .Mobile-menu-item-sub-item > a:before {
        left: 0px;
        position: absolute;
        content: "\e92e";
        color: #c60651;
        font-family: 'icomoon' !important;
    }

    .Mobile-menu-item-sub-item > a:after {
        left: 0;
        position: absolute;
        content: "\e932" !important;
        color: #870052;
        font-family: 'icomoon' !important;
    }

.Mobile-menu-item-sub-item-child {
    padding-left: 15px;
    margin-bottom: 10px;
    display: none;
    /*margin-top: 7px;*/
}

.Mobile-menu-item-sub-item-child-item.active > a {
    color: #870052 !important;
}

.Mobile-menu-item-sub-item-child-item a {
    line-height: 31px;
    position: relative;
    font-size: 14px;
    padding-left: 7px;
    color: #000f33;
    text-decoration: none;
    display: block;
}

.Mobile-menu-item-sub-item-child-item ul li {
    padding-left: 7px;
}

    .Mobile-menu-item-sub-item-child-item ul li a {
        line-height: 31px;
        position: relative;
        font-size: 14px;
        color: #000f33;
        text-decoration: none;
        display: block;
        padding-left: 14px;
    }

        .Mobile-menu-item-sub-item-child-item ul li a:before {
            content: '';
            width: 5px;
            height: 5px;
            left: 0;
            position: absolute;
            background: #870052;
            border-radius: 50%;
            display: block;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -sand-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .Mobile-menu-item-sub-item-child-item ul li.active a {
        color: #870052 !important;
    }

.Mobile-menu-item-sub-image {
    display: block;
    overflow: hidden;
    margin-top: 11px;
    margin-bottom: 15px;
}

    .Mobile-menu-item-sub-image div.item:nth-child(odd) {
        padding-right: 7.5px;
    }

    .Mobile-menu-item-sub-image div.item:nth-child(even) {
        padding-left: 7.5px;
    }

.Mobile-menu-item.active {
    background: white;
}

    .Mobile-menu-item.active > a:after {
        content: "\e916";
        right: 15px;
        position: absolute;
        color: #1d2552;
        font-size: 14px;
        font-family: 'icomoon' !important;
    }

.Mobile-menu-bottom {
    background: #b8bac0;
    padding: 12px 15px;
    text-align: center;
}

.Mobile-menu-bottom-item a {
    font-size: 14px;
    line-height: 2.5;
    color: #1d2552;
}

.Mobile-menu-bottom .select2 {
    margin-top: 20px;
    /*position: absolute;
            bottom: 20px;
            left: 5%;
            width: 90% !important;*/
}

.Mobile-Search-container {
    position: absolute;
    left: 0;
    top: -1000px;
    background: white;
    width: 100%;
    z-index: 5;
    height: calc(100vh - 76px);
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    transition: all 0.8s ease;
    overflow-y: scroll;
    visibility: hidden;
}

@media (max-width:767px) {
    .Mobile-Search-container {
        height: calc(100vh - 66px);
    }
}

.Mobile-Search-container.active {
    display: block;
    top: 76px;
    z-index: 20;
    visibility: visible;
}

@media (max-width:767px) {
    .Mobile-Search-container.active {
        top: 66px;
    }
}

.Mobile-Search-container .search-form {
    padding: 23px 16px;
    background: #02184d;
    overflow: hidden;
}

    .Mobile-Search-container .search-form input {
        width: calc(100% - 75px);
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
    }

    .Mobile-Search-container .search-form .button {
        width: 75px;
        padding: 0;
        line-height: 42px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
        float: right;
    }

    .Mobile-Search-container .search-form .search-tooltip {
        margin-top: 4px;
        color: white;
    }

.Mobile-Search-container .friendly-links {
    padding: 25px 16px;
}

@media (min-width:768px) and (max-width:991px) {
    .Mobile-Search-container .friendly-links {
        padding: 25px 20px;
    }
}

.Mobile-Search-container .friendly-links span {
    display: block;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.Mobile-Search-container .friendly-links ul li {
    position: relative;
    display: block;
}

    .Mobile-Search-container .friendly-links ul li a {
        padding-right: 20px;
        color: #02184d;
        font-size: 16px;
        line-height: 28px;
        position: relative;
    }

        .Mobile-Search-container .friendly-links ul li a:before {
            content: "\e922";
            font-family: 'icomoon';
            color: #870052;
            font-style: normal;
            font-weight: 400;
            right: 0;
            position: absolute;
            top: 50%;
            margin-top: 1px;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -sand-transform: translateY(-50%);
            transform: translateY(-50%);
        }

@media (min-width:992px) {
    .Mobile-Search-container .friendly-links ul li a:before {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Mobile-Search-container .friendly-links ul li a:before {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .Mobile-Search-container .friendly-links ul li a:before {
        font-size: 1.3rem;
    }
}

.footer {
    background-color: #f0f0f0;
    background-image: url("/_assets/img/5-2.png"), -webkit-gradient(linear, left top, right top, from(#f0f0f0), to(#f0f0f0));
    background-image: url("/_assets/img/5-2.png"), -webkit-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url("/_assets/img/5-2.png"), -moz-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url("/_assets/img/5-2.png"), -ms-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url("/_assets/img/5-2.png"), -o-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url("/_assets/img/5-2.png"), linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-repeat: no-repeat;
    background-position: calc(50% + 366px) top;
}

:lang(en) .footer {
    background-color: #f0f0f0;
    background-image: url("/_assets/img/5-2-en.png"), -webkit-gradient(linear, left top, right top, from(#f0f0f0), to(#f0f0f0));
    background-image: url("/_assets/img/5-2-en.png"), -webkit-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url("/_assets/img/5-2-en.png"), -moz-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url("/_assets/img/5-2-en.png"), -ms-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url("/_assets/img/5-2-en.png"), -o-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url("/_assets/img/5-2-en.png"), linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-repeat: no-repeat;
    background-position: calc(50% + 535px) top;
}

@media (max-width:991px) {
    .footer {
        background-color: #f0f0f0;
        background-image: -webkit-gradient(linear, left top, right top, from(#f0f0f0), to(#f0f0f0));
        background-image: -webkit-linear-gradient(left, #f0f0f0, #f0f0f0);
        background-image: -moz-linear-gradient(left, #f0f0f0, #f0f0f0);
        background-image: -ms-linear-gradient(left, #f0f0f0, #f0f0f0);
        background-image: -o-linear-gradient(left, #f0f0f0, #f0f0f0);
        background: linear-gradient(to right, #f0f0f0, #f0f0f0);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #f0f0f0, EndColorStr= #f0f0f0,GradientType=1);
    }
}

.footer-nav {
    position: relative;
    /*overflow: hidden;*/
    padding-top: 34px;
}

.isHomePage .footer-nav {
    background: url(/_assets/img/dotted-border.png) repeat-x top;
}

@media (min-width:768px) and (max-width:991px) {
    .footer-nav {
        padding-top: 8px !important;
        padding-bottom: 12px;
    }
}

@media (max-width:767px) {
    .footer-nav {
        padding-top: 15px !important;
    }
}

.footer-nav-column:first-child {
    padding-left: 0;
}

.footer-nav-column a {
    padding: 11px 0 9px 0;
    background: url(/_assets/img/dotted-border.png) repeat-x bottom;
    display: block;
    color: #1d2552;
}

@media (max-width:991px) {
    .footer-nav-column a {
        font-size: 14px;
    }
}

@media (max-width:767px) {
    .footer-nav-column a {
        background: none;
    }
}

.footer-nav-column a:last-child {
    background: none;
}

@media (max-width:767px) {
    .footer-nav-column:nth-last-child(2) {
        padding: 0;
    }

        .footer-nav-column:nth-last-child(2) a {
            float: left;
        }

            .footer-nav-column:nth-last-child(2) a:nth-child(odd) {
                width: calc(50% - 30px);
                margin-left: 15px;
                margin-right: 15px;
            }

            .footer-nav-column:nth-last-child(2) a:nth-child(even) {
                width: calc(50% - 30px);
                margin-left: 15px;
                margin-right: 15px;
            }
}

.footer-nav-half a {
    padding-bottom: 31px;
    font-weight: bold;
    position: relative;
}

:lang(en) .footer-nav-half a {
    padding-bottom: 43px;
}

@media (min-width:768px) and (max-width:991px) {
    .footer-nav-half a {
        padding-bottom: 20px !important;
    }
}

.footer-nav-half a:last-child {
    padding-top: 31px;
    border: none;
}

:lang(en) .footer-nav-half a:last-child {
    padding-top: 19px;
}

.footer-nav-half a i {
    font-size: 36px;
    float: right;
    font-weight: bold;
    color: #000f33;
    right: 0;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width:991px) {
    .footer-nav-half a {
        font-size: 12px;
    }
}

@media (max-width:767px) {
    .footer-nav-half a {
        margin: 0 auto;
        float: left;
        margin-top: 22px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 22px !important;
    }

        .footer-nav-half a:first-child {
            width: 25%;
            margin-left: 7.5%;
            margin-right: 7.5%;
        }

        .footer-nav-half a:last-child {
            width: 40%;
            margin-left: 10%;
            margin-right: 10%;
        }
}

@media (max-width:480px) {
    .footer-nav-half a {
        margin: 0 auto;
        float: left;
        margin-top: 22px !important;
        padding-top: 0 !important;
    }

        .footer-nav-half a:first-child {
            width: 35%;
            padding-left: 15px;
            margin-left: 0 !important;
            margin-right: 5% !important;
        }

        .footer-nav-half a:last-child {
            width: 55%;
            margin-left: 15px !important;
            margin-right: 0 !important;
        }
}

@media (max-width:767px) {
    .footer-nav-half {
        padding-left: 0 !important;
        margin-top: 8px;
        background: url(/_assets/img/dotted-border.png) repeat-x top;
    }
}

.footer-bottom {
    background: white;
    padding-top: 33px;
    padding-bottom: 26px;
    position: relative;
}

@media (max-width:991px) {
    .footer-bottom {
        padding-top: 5px !important;
    }
}

.footer-bottom-nav p {
    padding-right: 26px;
    position: relative;
    line-height: 1;
    border: none;
}

    .footer-bottom-nav p:after {
        content: "";
        position: absolute;
        right: 0;
        height: 32px;
        background-color: #bbbdcb;
        width: 1px;
        top: 50%;
        -webkit-transform: translateY(-30%);
        -moz-transform: translateY(-30%);
        -ms-transform: translateY(-30%);
        -o-transform: translateY(-30%);
        -sand-transform: translateY(-30%);
        transform: translateY(-30%);
    }

@media (max-width:991px) {
    .footer-bottom-nav p:after {
        display: none;
    }
}

@media (max-width:991px) {
    .footer-bottom-nav p {
        margin-top: 16px;
        padding-right: 0 !important;
    }
}

@media (max-width:320px) {
    .footer-bottom-nav p {
        margin-top: 0;
    }
}

.footer-bottom-nav-item {
    float: left;
    color: #000f33;
    line-height: 1;
    padding-top: 13px !important;
    text-decoration: none !important;
}

    .footer-bottom-nav-item + .footer-bottom-nav-item {
        margin-left: 28px;
    }

@media (max-width:991px) {
    .footer-bottom-nav-item + .footer-bottom-nav-item {
        margin-left: 0 !important;
    }
}

@media (max-width:991px) {
    .footer-bottom-nav-item {
        font-size: 12px;
        text-align: center;
        display: inline-block;
        float: none;
        margin: 0 10px;
        letter-spacing: 0.5px;
    }
}

@media (max-width:320px) {
    .footer-bottom-nav-item {
        margin-left: 0 !important;
        margin-right: 0 !important;
        letter-spacing: 0.5px;
    }
}

@media (max-width:991px) {
    .footer-bottom-nav {
        overflow: hidden;
        position: relative;
        text-align: center;
        margin-top: -5px !important;
    }
}

.footer-bottom-social {
    position: relative;
}

.footer-bottom-social-item {
    line-height: 48px;
    width: 41px;
    display: block;
    float: left;
    text-align: center;
    text-decoration: none !important;
}

    .footer-bottom-social-item .icon-Google_Plus {
        font-size: 20px;
    }

    .footer-bottom-social-item:hover .icon-Facebook {
        color: #3b5a9a;
    }

    .footer-bottom-social-item:hover .icon-Twitter {
        color: #00adec;
    }

    .footer-bottom-social-item:hover .icon-Youtube {
        color: #ce332e;
    }

    .footer-bottom-social-item:hover .icon-Google_Plus {
        color: #da4c38;
    }

    .footer-bottom-social-item:hover .icon-Instagram {
        color: #bb388f;
    }

    .footer-bottom-social-item:hover .icon-Linkedin {
        color: #007bb6;
    }

@media (min-width:992px) and (max-width:1240px) {
    .footer-bottom-social-item {
        width: 34px;
    }
}

@media (max-width:991px) {
    .footer-bottom-social-item {
        display: inline-block;
        float: none;
    }
}

@media (max-width:991px) {
    .footer-bottom-social {
        text-align: center;
    }
}

.sticky-form {
    background: #1d2552;
    padding: 28px 0;
    position: absolute;
    bottom: 100px;
    width: 100%;
}

@media (max-width:991px) {
    .sticky-form {
        display: none;
    }
}

.breadcrumb {
    background: transparent;
    padding: 7px 0 7px 0;
    margin: 0 0 18px 0;
}

@media (min-width:768px) and (max-width:991px) {
    .breadcrumb {
        padding: 0px 0 7px 0;
        margin: 0 0 13px 0;
    }
}

@media (max-width:767px) {
    .breadcrumb {
        padding-bottom: 0px;
        padding-top: 5px;
    }
}

.breadcrumb a,
.breadcrumb span {
    position: relative;
    margin-right: 17px;
    line-height: 18px;
    letter-spacing: 0.025em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    color: rgba(255, 255, 255, 0.7);
    font-style: normal;
    font-weight: 400;
    font-family: Arial;
    padding-bottom: 1px;
}

@media (min-width:992px) {
    .breadcrumb a,
    .breadcrumb span {
        font-size: 1.2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .breadcrumb a,
    .breadcrumb span {
        font-size: 1.2rem;
    }
}

@media (max-width:767px) {
    .breadcrumb a,
    .breadcrumb span {
        font-size: 1.2rem;
    }
}

@media (max-width:991px) {
    .breadcrumb a,
    .breadcrumb span {
        margin-right: 14px;
        white-space: nowrap;
    }
}

@media (max-width:767px) {
    .breadcrumb a,
    .breadcrumb span {
        line-height: 21px;
    }
}

.breadcrumb a:hover,
.breadcrumb span:hover {
    text-decoration: none;
}

.breadcrumb a:after,
.breadcrumb span:after {
    content: "\e924";
    font-family: "icomoon";
    padding-left: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    font-size: 7px;
    position: absolute;
}

@media (max-width:991px) {
    .breadcrumb a:after,
    .breadcrumb span:after {
        padding-left: 4px;
    }
}

.breadcrumb a:last-child,
.breadcrumb span:last-child {
    text-decoration: none;
}

    .breadcrumb a:last-child:after,
    .breadcrumb span:last-child:after {
        display: none;
    }

.breadcrumb a:hover {
    color: white;
}

.breadcrumb span {
    border-bottom: none;
    text-decoration: none;
    margin-left: -1px;
}

hr {
    border-top: 1px solid rgba(57, 64, 64, 0.2);
    margin-top: 15px;
    margin-bottom: 15px;
}

    hr.big {
        margin-top: 30px;
        margin-bottom: 30px;
    }

@media (max-width:991px) {
    hr {
        margin-bottom: 24px;
        margin-top: 24px;
    }
}

hr.pink {
    border-color: #e1c5d6;
}
/*GLOBAL ELEMENTS*/

.pagination li {
    padding-left: 0px !important;
}

    .pagination li a {
        border: none;
        color: #394040;
        font-style: normal;
        font-weight: 400;
        padding: 12px 0px;
        width: 44px;
        text-decoration: none !important;
    }

@media (min-width:992px) {
    .pagination li a {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .pagination li a {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .pagination li a {
        font-size: 1.3rem;
    }
}

.pagination li a:hover {
    background: #d9d9d9;
    color: white;
}

.pagination li:before {
    display: none;
}

.pagination .active a {
    background: #870052;
    color: white;
}

    .pagination .active a:hover {
        background: #870052;
    }

.pagination.white li a {
    border: 1px solid #870052 !important;
}

    .pagination.white li a:hover {
        color: white !important;
    }

@-webkit-keyframes ld {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.1);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

@-moz-keyframes ld {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.1);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

@-o-keyframes ld {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.1);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

@keyframes ld {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.1);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

.button {
    text-align: center;
    display: block;
    border: none;
    border-radius: 5px;
    padding-top: 13px;
    padding-bottom: 13px;
    line-height: 1;
    color: white;
    background: #870052;
    font-weight: 500;
    position: relative;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    z-index: 0;
    /*&:hover, &:focus {
        background-color: @button-color-hover;
        color: @button-color-text;
    }*/
    /*&:before,
    &:after {
        content: '';
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        transition: all 0.5s ease;
    }*/
    /*&:before {
        z-index: -1;
        border-radius: @border-radius;
    }*/
}

    .button:hover,
    .button:focus {
        color: white;
        text-decoration: none !important;
    }

.button-text {
    padding: 0;
    background: transparent;
    color: #1d2552;
    border-radius: 0px;
    line-height: 1.2;
    /*border-bottom: 1px solid rgba(@link-color,.3);*/
    text-decoration: none;
    letter-spacing: 1px;
    position: relative;
    transition: none !important;
    border-bottom: 2px solid rgba(29, 37, 82, 0.3);
}

    .button-text:before {
        content: "";
        position: absolute;
        width: 100% !important;
        height: 2px !important;
        bottom: -2px !important;
        left: 0 !important;
        background: #000f33;
        border-radius: 5px;
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        -sand-transform: scaleX(0);
        transform: scaleX(0);
        transition: 0.2s linear;
        top: auto;
    }

    .button-text:after {
        display: none;
    }

    .button-text:hover,
    .button-text:focus {
        color: #000f33;
        background: transparent;
        text-decoration: none !important;
    }

        .button-text:hover:before,
        .button-text:focus:before {
            -webkit-transform: scaleX(1);
            -moz-transform: scaleX(1);
            -ms-transform: scaleX(1);
            -o-transform: scaleX(1);
            -sand-transform: scaleX(1);
            transform: scaleX(1);
        }

.button-text-gray {
    color: #f0f0f0;
    border-bottom: 2px solid rgba(240, 240, 240, 0.3);
}

    .button-text-gray:before {
        background: #f0f0f0;
    }

    .button-text-gray:hover,
    .button-text-gray:focus {
        color: #f0f0f0;
    }

.button-text-purple {
    color: #870052;
    border-bottom: 2px solid rgba(135, 0, 82, 0.3);
}

    .button-text-purple:before {
        background: #870052;
    }

    .button-text-purple:hover,
    .button-text-purple:focus {
        color: #870052;
    }

.button-text-pink {
    color: #c60651;
    border-bottom: 2px solid rgba(198, 6, 81, 0.3);
}

    .button-text-pink:before {
        background: #c60651;
    }

    .button-text-pink:hover,
    .button-text-pink:focus {
        color: #c60651;
    }

.button-blue {
    background: #1d2552 !important;
}

    .button-blue:hover {
        -webkit-box-shadow: 0px 4px 11px 0px rgba(29, 37, 82, 0.5);
        -moz-box-shadow: 0px 4px 11px 0px rgba(29, 37, 82, 0.5);
        box-shadow: 0px 4px 11px 0px rgba(29, 37, 82, 0.5);
        background: #242e65 !important;
    }

.button-purple {
    background: #870052 !important;
}

    .button-purple:hover {
        -webkit-box-shadow: 0px 4px 11px 0px rgba(135, 0, 82, 0.5);
        -moz-box-shadow: 0px 4px 11px 0px rgba(135, 0, 82, 0.5);
        box-shadow: 0px 4px 11px 0px rgba(135, 0, 82, 0.5);
        background: #a10061 !important;
    }

.button-sand {
    background: #cabfb7 !important;
}

    .button-sand:hover {
        -webkit-box-shadow: 0px 4px 11px 0px rgba(135, 0, 82, 0.5);
        -moz-box-shadow: 0px 4px 11px 0px rgba(135, 0, 82, 0.5);
        box-shadow: 0px 4px 11px 0px rgba(135, 0, 82, 0.5);
        background: #a10061 !important;
    }

.button-apply-now {
    background: #870052 !important;
    padding-right: 20px !important;
    padding-left: 0px !important;
}

    .button-apply-now span {
        padding-left: 20px;
        display: inline-block;
        position: absolute;
        top: 50%;
    }

        .button-apply-now span:before,
        .button-apply-now span:after {
            position: absolute;
            font-size: 20px;
            font-family: 'icomoon' !important;
            top: 50%;
            display: inline-block;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -sand-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .button-apply-now span:before {
            content: "\e92e";
            color: white;
            opacity: 0.6;
        }

        .button-apply-now span:after {
            content: "\e932" !important;
            color: white;
        }

    .button-apply-now:hover {
        -webkit-box-shadow: 0px 4px 11px 0px rgba(135, 0, 82, 0.5);
        -moz-box-shadow: 0px 4px 11px 0px rgba(135, 0, 82, 0.5);
        box-shadow: 0px 4px 11px 0px rgba(135, 0, 82, 0.5);
        background: #a10061 !important;
    }

        .button-apply-now:hover span {
            animation-duration: 1s;
            animation-fill-mode: both;
            animation-name: fadeInLeft;
            top: 50%;
        }

.button-back span {
    margin-right: 30px;
    display: inline-block;
}

    .button-back span:before {
        content: "\e93d";
        font-family: 'icomoon';
        margin-right: 10px;
        position: absolute;
        color: white;
        font-style: normal;
        font-weight: 400;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -sand-transform: translateY(-50%);
        transform: translateY(-50%);
    }

@media (min-width:992px) {
    .button-back span:before {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .button-back span:before {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .button-back span:before {
        font-size: 1.3rem;
    }
}

.button-next span {
    margin-left: 10px;
    display: inline-block;
}

    .button-next span:before {
        content: "\e924";
        font-family: 'icomoon';
        margin-right: 10px;
        position: absolute;
        color: white;
        font-style: normal;
        font-weight: 400;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -sand-transform: translateY(-50%);
        transform: translateY(-50%);
    }

@media (min-width:992px) {
    .button-next span:before {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .button-next span:before {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .button-next span:before {
        font-size: 1.3rem;
    }
}

.button-white {
    background: white !important;
    border: 1px solid #d7d9d9 !important;
    color: #394040 !important;
}

    .button-white:hover {
        -webkit-box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.2);
        background: white !important;
    }

.button-quarter {
    width: calc(25% -11.25px);
    text-align: center;
    display: block;
    border: none;
    border-radius: 5px;
    padding-top: 13px;
    padding-bottom: 13px;
    line-height: 1;
    color: white;
    background: #870052;
    font-weight: 500;
    position: relative;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    z-index: 0;
}

    .button-quarter + .button-quarter {
        margin-left: 15px;
    }

.button-half {
    width: calc(50% - 7.5px);
    text-align: center;
    display: block;
    border: none;
    border-radius: 5px;
    padding-top: 13px;
    padding-bottom: 13px;
    line-height: 1;
    color: white;
    background: #870052;
    font-weight: 500;
    position: relative;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    z-index: 0;
}

    .button-half:nth-child(even) {
        margin-left: 15px;
    }

.button-full {
    width: 100%;
    text-align: center;
    display: block;
    border: none;
    border-radius: 5px;
    padding-top: 13px;
    padding-bottom: 13px;
    line-height: 1;
    color: white;
    background: #870052;
    font-weight: 500;
    position: relative;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    z-index: 0;
}

.button-icon {
    padding-right: 20px;
}

    .button-icon i {
        font-size: 20px;
        padding-left: 18px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -sand-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
    }

.button-white-to-ruby {
    background: white !important;
    border: 1px solid #d7d9d9 !important;
    color: #9c9f9f !important;
    text-decoration: none !important;
}

    .button-white-to-ruby:hover {
        -webkit-box-shadow: 0px 4px 11px 0px rgba(135, 0, 82, 0.2);
        -moz-box-shadow: 0px 4px 11px 0px rgba(135, 0, 82, 0.2);
        box-shadow: 0px 4px 11px 0px rgba(135, 0, 82, 0.2);
        background: #a10061 !important;
        color: white !important;
    }

.button.m-progress {
    position: relative;
    opacity: 0.8;
    color: transparent !important;
    text-shadow: none !important;
}

    .button.m-progress:hover,
    .button.m-progress:active,
    .button.m-progress:focus {
        cursor: default;
        color: transparent;
        outline: none !important;
        box-shadow: none;
    }

    .button.m-progress:before {
        content: '';
        display: inline-block;
        position: absolute;
        background: transparent;
        border: 1px solid white;
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-radius: 50%;
        box-sizing: border-box;
        top: 50%;
        left: 50%;
        margin-top: -12px;
        margin-left: -12px;
        width: 24px;
        height: 24px;
        -webkit-animation: ld 1s ease-in-out infinite;
        -moz-animation: ld 1s ease-in-out infinite;
        -o-animation: ld 1s ease-in-out infinite;
        animation: ld 1s ease-in-out infinite;
    }

.button.btn-default.m-progress:before {
    border-left-color: #333333;
    border-right-color: #333333;
}

.button.btn-lg.m-progress:before {
    margin-top: -16px;
    margin-left: -16px;
    width: 32px;
    height: 32px;
}

.button.btn-sm.m-progress:before {
    margin-top: -9px;
    margin-left: -9px;
    width: 18px;
    height: 18px;
}

.button.btn-xs.m-progress:before {
    margin-top: -7px;
    margin-left: -7px;
    width: 14px;
    height: 14px;
}

@media (max-width:767px) {
    .button.mobile {
        text-align: center;
        display: inline-block;
        border: none;
        font-weight: 500;
        border-radius: 5px;
        line-height: 42px;
        float: left;
        padding: 0px 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

        .button.mobile:before {
            display: none;
        }

    .button.mobile-white {
        background: white;
        color: #000f33;
        position: relative;
    }

        .button.mobile-white:hover,
        .button.mobile-white:focus {
            background: #f0f0f0;
            transition: all 0.3s ease 0s;
        }

    .button.mobile-purple {
        background-color: #870052;
        color: white;
        position: relative;
    }

        .button.mobile-purple:hover,
        .button.mobile-purple:focus {
            background: #6a003a;
            transition: all 0.3s ease 0s;
        }

    .button.mobile-quarter {
        width: calc(25% -11.25px);
        text-align: center;
        display: inline-block;
        border: none;
        font-weight: 500;
        border-radius: 5px;
        line-height: 42px;
        float: left;
        padding: 0px 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

        .button.mobile-quarter + .button.mobile-quarter {
            margin-left: 15px;
        }

    .button.mobile-half {
        width: calc(50% - 7.5px);
        text-align: center;
        display: inline-block;
        border: none;
        font-weight: 500;
        border-radius: 5px;
        line-height: 42px;
        float: left;
        padding: 0px 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

        .button.mobile-half + .button.mobile-half {
            margin-left: 15px;
        }

    .button.mobile-full {
        width: 100%;
        text-align: center;
        display: inline-block;
        border: none;
        font-weight: 500;
        border-radius: 5px;
        line-height: 42px;
        float: left;
        padding: 0px 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

.more {
    position: relative;
    color: #870052;
    font-style: normal;
    font-weight: 400;
    padding-right: 25px;
}

@media (min-width:992px) {
    .more {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .more {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .more {
        font-size: 1.3rem;
    }
}

.more:after {
    content: "\e922";
    font-family: 'icomoon';
    position: absolute;
    right: 0px;
    top: 55%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 10px;
}

.more:hover {
    color: #394040;
}

.showed {
    opacity: 1;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.select {
    width: 100%;
}

    .select + .select2 {
        width: 100% !important;
    }

        .select + .select2.select2-container--open {
            border-color: #870052 !important;
            color: #870052;
            background: white;
            border-radius: 5px;
        }

            .select + .select2.select2-container--open .select2-selection--single {
                border: 1px solid #870052;
                border-color: #870052 !important;
                color: #870052;
            }

        .select + .select2.select2-container--default .select2-selection--single {
            background-color: transparent !important;
            border: 1px solid #d8d8d8;
            height: 44px;
        }

            .select + .select2.select2-container--default .select2-selection--single span.select2-selection__rendered {
                font-family: 'Cordale', ariel;
                color: #272a2a;
                font-style: normal;
                font-weight: 400;
                text-align: left;
                line-height: 44px;
                padding-left: 15px;
                padding-right: 35px;
            }

@media (min-width:992px) {
    .select + .select2.select2-container--default .select2-selection--single span.select2-selection__rendered {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .select + .select2.select2-container--default .select2-selection--single span.select2-selection__rendered {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .select + .select2.select2-container--default .select2-selection--single span.select2-selection__rendered {
        font-size: 1.4rem;
    }
}

.select + .select2.select2-container--default .select2-selection--single .select2-selection__arrow {
    line-height: 44px;
}

    .select + .select2.select2-container--default .select2-selection--single .select2-selection__arrow b {
        display: none;
    }

    .select + .select2.select2-container--default .select2-selection--single .select2-selection__arrow:after {
        content: "\e904";
        position: absolute;
        color: #1d2552;
        font-size: 14px;
        right: 15px;
        font-family: 'icomoon' !important;
        -webkit-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
        -moz-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
        -o-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
        transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    }

.select + .select2.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none !important;
}

.select + .select2.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none !important;
}

.select + .select2.select2-container--open .select2-selection__arrow:after {
    color: #870052 !important;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    -sand-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.select2-dropdown--below .select2-results {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}

.select2-dropdown--above .select2-results {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
}

.select2-results li {
    position: relative;
    line-height: 26px;
    font-size: 16px !important;
    color: #394040 !important;
    font-weight: 400 !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

    .select2-results li + .select2-results li:after {
        content: "";
        position: absolute;
        top: 0;
        width: calc(100% - 30px);
        left: 15px;
        background: #7d7d7d;
        height: 1px;
    }

    .select2-results li:hover,
    .select2-results li[aria-selected=true],
    .select2-results li.select2-results__option--highlighted {
        background: gainsboro !important;
        color: #394040 !important;
    }

.select2-dropdown {
    border: 1px solid #870052;
    border-radius: 5px;
}

.select2-results__option .wrap {
    padding-left: 30px;
    margin-left: -13px;
}

    .select2-results__option .wrap:after {
        color: #999999;
        width: 24px;
        height: 24px;
        position: absolute;
        left: 6px;
        top: 0px;
        content: "\e93b";
        font-family: 'icomoon';
        color: #cabfb7;
        font-size: 20px;
    }
/*.select2-results__option .wrap:before {
    content: "\e93b";
    font-family: @icon-font;
    color: @color-sand;
}*/

.select2-results__option[aria-selected=true] .wrap:before {
    content: "\e939";
    font-family: 'icomoon';
    color: #870052;
    font-size: 12px;
    position: absolute;
    left: 9px;
    top: 0px;
}

.select2-selection__clear {
    display: none;
}

.select2-container .select2-results__option:after {
    display: none;
}

label.search-tooltip {
    position: absolute;
    width: 100%;
    color: #870052;
}

label.purple {
    color: #870052;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
}

@media (min-width:992px) {
    label.purple {
        font-size: 1.8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    label.purple {
        font-size: 1.6rem;
    }
}

@media (max-width:767px) {
    label.purple {
        font-size: 1.4rem;
    }
}

.slider {
    width: 95%;
    margin: 0 auto;
}

    .slider .ui-slider-tip {
        display: none;
    }

    .slider .ui-slider-handle {
        font-size: 16px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -sand-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
        height: auto;
        background: transparent !important;
        border: none !important;
        cursor: pointer;
        font-weight: normal;
        /*width: 25px;
        height: 16px;
        border-radius: 10px;
        text-align: center;
        border: none;
        top: -7px;
        // background: url(/_assets/img/pips.png) no-repeat;
        @media @tablet-mobil {
            //   background: url(/_assets/img/pips-mobile.png) no-repeat;
            width: 43px;
            height: 24px;
            top: -11px;
            margin-left: -22px;

        }*/
        /*&:after {
            content: "\e912";
            position: absolute;
            font-family: @icon-font;
            color: @color-white;
            font-size: 11px;
            .transform(translateX(-48%) translateY(-50%));
            left: 50%;
            top: 49%;
            padding-top: 1px;
        }*/
    }

@media (max-width:991px) {
    .slider .ui-slider-handle {
        font-size: 24px;
    }
}

.slider .ui-slider-handle i {
    font-style: normal !important;
}

.carousel {
    width: 100%;
    overflow: hidden;
    position: relative;
    /*&.Canimate {
        .owl-item {
            &.active {
                .banner-text, .carousel-text {
                      -webkit-animation-name: fadeInLeftShort;
                      animation-name: fadeInLeftShort;
                }

                .banner-image, .carousel-image {
                    -webkit-animation-name: fadeIn;
                    animation-name: fadeIn;
                }
            }
        }
    }*/
}

@media (max-width:991px) {
    .carousel {
        overflow: inherit;
    }
}

.carousel-image img {
    display: block;
    width: 100%;
}

.carousel.standart .owl-nav .owl-prev,
.carousel.standart .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #220000;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .carousel.standart .owl-nav .owl-prev:before,
    .carousel.standart .owl-nav .owl-next:before {
        opacity: 1;
    }

    .carousel.standart .owl-nav .owl-prev:hover,
    .carousel.standart .owl-nav .owl-next:hover {
        background: #870052;
    }

.carousel.standart .owl-nav .owl-prev {
    left: 30px;
}

    .carousel.standart .owl-nav .owl-prev:before {
        content: "\e93d";
        position: absolute;
        color: white;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        -o-transform: translateY(-50%) translateX(-50%);
        -sand-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        font-size: 22px;
        margin: 0 auto;
    }

    .carousel.standart .owl-nav .owl-prev:after {
        display: none;
    }

.carousel.standart .owl-nav .owl-next {
    right: 30px;
}

    .carousel.standart .owl-nav .owl-next:before {
        content: "\e924";
        position: absolute;
        color: white;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        -o-transform: translateY(-50%) translateX(-50%);
        -sand-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        margin: 0 auto;
        font-size: 22px;
    }

    .carousel.standart .owl-nav .owl-next:after {
        display: none;
    }

.carousel.standart .owl-dots {
    bottom: 20px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -sand-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
}

    .carousel.standart .owl-dots .owl-dot {
        width: 14px;
        height: 14px;
        background: white;
        border-radius: 50%;
    }

@media (max-width:767px) {
    .carousel.standart .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        bottom: 0px;
    }
}

.carousel.standart .owl-dots .owl-dot:before,
.carousel.standart .owl-dots .owl-dot:after {
    display: none;
}

.carousel.standart .owl-dots .owl-dot.active {
    background: #870052;
}

.carousel.full-width-owl .owl-dots {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 8px;
    margin: 0 auto;
    position: absolute;
    display: block;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -sand-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 42px;
    height: 40px;
}

@media (min-width:992px) and (max-width:1240px) {
    .carousel.full-width-owl .owl-dots {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .carousel.full-width-owl .owl-dots {
        width: 1140px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .carousel.full-width-owl .owl-dots {
        width: 100%;
        padding-left: 15px;
        padding-bottom: 15px;
    }
}

@media (max-width:767px) {
    .carousel.full-width-owl .owl-dots {
        height: auto;
        padding-bottom: 15px;
        padding-left: 0;
        margin-left: -12px;
    }
}

.carousel.full-width-owl .owl-nav {
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    position: absolute;
    display: block;
    left: 50%;
    top: 40%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -sand-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

@media (min-width: 768px) {
    .carousel.full-width-owl .owl-nav {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .carousel.full-width-owl .owl-nav {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .carousel.full-width-owl .owl-nav {
        width: 1140px;
    }
}

.carousel.small-width-owl .owl-dots .owl-dot {
    width: 10px;
}

    .carousel.small-width-owl .owl-dots .owl-dot.active:after {
        font-size: 15px;
    }

    .carousel.small-width-owl .owl-dots .owl-dot:after {
        font-size: 15px;
    }

.carousel.small-width-owl.pause .bannerplaypause-button,
.carousel.small-width-owl.play .bannerplaypause-button,
.carousel.small-width-owl.pause .playpause-button,
.carousel.small-width-owl.play .playpause-button {
    width: 15px;
    margin-top: 6px;
    height: 15px;
    top: initial;
}

@media (max-width:991px) {
    .carousel.small-width-owl.pause .bannerplaypause-button,
    .carousel.small-width-owl.play .bannerplaypause-button,
    .carousel.small-width-owl.pause .playpause-button,
    .carousel.small-width-owl.play .playpause-button {
        margin-left: 0;
    }
}

.carousel.small-width-owl.pause .bannerplaypause-button:after,
.carousel.small-width-owl.play .bannerplaypause-button:after,
.carousel.small-width-owl.pause .playpause-button:after,
.carousel.small-width-owl.play .playpause-button:after {
    font-size: 11px;
    left: 4px !important;
    top: 4px;
}

@media (max-width:991px) {
    .carousel.small-width-owl.pause .bannerplaypause-button:after,
    .carousel.small-width-owl.play .bannerplaypause-button:after,
    .carousel.small-width-owl.pause .playpause-button:after,
    .carousel.small-width-owl.play .playpause-button:after {
        left: 13.5px !important;
    }
}

.carousel.small-width-owl.pause .bannerplaypause-button:before,
.carousel.small-width-owl.play .bannerplaypause-button:before,
.carousel.small-width-owl.pause .playpause-button:before,
.carousel.small-width-owl.play .playpause-button:before {
    font-size: 18px;
}

@media (max-width:991px) {
    .carousel.small-width-owl.pause .bannerplaypause-button,
    .carousel.small-width-owl.play .bannerplaypause-button,
    .carousel.small-width-owl.pause .playpause-button,
    .carousel.small-width-owl.play .playpause-button {
        top: -2px;
        width: 10px;
    }
}

@media (max-width:991px) {
    .carousel .owl-dots {
        padding-bottom: 10px;
        position: relative;
        text-align: left;
        bottom: 10px !important;
        transform: none;
        left: auto;
    }
}

.carousel .owl-dots .owl-dot {
    width: 28px;
    background: none;
    display: inline-block;
    margin-left: 10px;
    border: none;
    position: relative;
    bottom: 0;
    -webkit-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
}

@media (max-width:991px) {
    .carousel .owl-dots .owl-dot {
        top: 0px;
        width: 10px;
    }
}

.carousel .owl-dots .owl-dot:hover:after {
    color: rgba(2, 24, 77, 0.8);
}

.carousel .owl-dots .owl-dot:after {
    content: "\e911";
    font-family: 'icomoon';
    font-size: 26px;
    position: absolute;
    /* bottom: 16px; */
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    color: #02184d;
}

@media (max-width:991px) {
    .carousel .owl-dots .owl-dot:after {
        content: '';
        top: 0 !important;
        background: #02184d;
        border-radius: 50%;
        width: 10px;
        height: 10px;
    }
}

@media (max-width:991px) {
    .carousel .owl-dots .owl-dot.active {
        top: 0px;
    }
}

.carousel .owl-dots .owl-dot.active:after {
    content: "\e910";
    font-family: 'icomoon';
    color: #c60651;
    font-size: 26px;
    position: absolute;
    /* bottom: 16px; */
    left: 0;
    top: 0 !important;
    top: 0;
}

@media (max-width:991px) {
    .carousel .owl-dots .owl-dot.active:after {
        content: "";
        background: #870052 none;
    }
}

.text-white .carousel .owl-dots .owl-dot:after {
    color: rgba(255, 255, 255, 0.3);
    transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
}

@media (max-width:991px) {
    .text-white .carousel .owl-dots .owl-dot:after {
        content: "";
        background: rgba(255, 255, 255, 0.3);
    }
}

.text-white .carousel .owl-dots .owl-dot:after:hover {
    color: white;
}

.text-white .carousel .owl-dots .owl-dot.active:after,
.text-white .carousel .owl-dots .owl-dot:hover:after {
    color: white;
}

@media (max-width:991px) {
    .text-white .carousel .owl-dots .owl-dot.active:after,
    .text-white .carousel .owl-dots .owl-dot:hover:after {
        content: "";
        background: white;
        width: 10px;
        height: 10px;
    }
}

.carousel .owl-dots:first-child {
    margin-left: 0 !important;
}

.carousel .owl-nav.disabled {
    display: none !important;
}

.carousel .owl-nav .owl-next,
.carousel .owl-nav .owl-prev {
    position: relative;
    display: block;
    background: transparent;
    border: none;
}

    .carousel .owl-nav .owl-next:before,
    .carousel .owl-nav .owl-prev:before,
    .carousel .owl-nav .owl-next:after,
    .carousel .owl-nav .owl-prev:after {
        font-family: 'icomoon' !important;
        font-size: 32px;
        margin-left: -5px;
        display: inline-block;
    }

.carousel .owl-nav .owl-next {
    float: right;
    /*right: 20%;*/
}

    .carousel .owl-nav .owl-next:before {
        content: "\e92e";
        color: white;
        opacity: 0.6;
    }

    .carousel .owl-nav .owl-next:after {
        content: "\e932";
        margin-left: -1em;
        color: white;
    }

.carousel .owl-nav .owl-prev {
    /*left: 20%;*/
    float: left;
}

    .carousel .owl-nav .owl-prev:before {
        content: "\e930";
        color: white;
        opacity: 0.6;
    }

    .carousel .owl-nav .owl-prev:after {
        content: "\e931";
        margin-left: -1em;
        color: white;
    }

.carousel .all-campaign {
    margin-left: 75px;
    display: inline-block;
    top: 3px;
}

@media (max-width:767px) {
    .carousel .all-campaign {
        display: none;
    }
}

.carousel.pause .bannerplaypause-button,
.carousel.play .bannerplaypause-button,
.carousel.pause .playpause-button,
.carousel.play .playpause-button {
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    top: 3px;
    border-radius: 4px;
    transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    text-decoration: none !important;
    margin-left: 10px;
}

@media (min-width:992px) {
    .carousel.pause .bannerplaypause-button,
    .carousel.play .bannerplaypause-button,
    .carousel.pause .playpause-button,
    .carousel.play .playpause-button {
        margin-left: 10px;
    }
}

@media (max-width:991px) {
    .carousel.pause .bannerplaypause-button,
    .carousel.play .bannerplaypause-button,
    .carousel.pause .playpause-button,
    .carousel.play .playpause-button {
        top: 1px;
    }
}

.text-white .carousel.pause .bannerplaypause-button,
.text-white .carousel.play .bannerplaypause-button,
.text-white .carousel.pause .playpause-button,
.text-white .carousel.play .playpause-button {
    color: rgba(255, 255, 255, 0.3);
}

    .text-white .carousel.pause .bannerplaypause-button:hover,
    .text-white .carousel.play .bannerplaypause-button:hover,
    .text-white .carousel.pause .playpause-button:hover,
    .text-white .carousel.play .playpause-button:hover {
        color: white;
    }

.carousel.pause .bannerplaypause-button:before,
.carousel.play .bannerplaypause-button:before,
.carousel.pause .playpause-button:before,
.carousel.play .playpause-button:before {
    content: "\e943";
    font-family: 'icomoon';
    position: absolute;
    font-size: 23px;
}

.carousel.pause .bannerplaypause-button:after,
.carousel.play .bannerplaypause-button:after,
.carousel.pause .playpause-button:after,
.carousel.play .playpause-button:after {
    position: absolute;
    font-family: 'icomoon';
    font-size: 12px;
    top: 5.5px;
    left: 5.5px !important;
    /*@media @tablet-mobil {
                    left: 23px;
                }*/
}

.carousel.pause.pause .bannerplaypause-button:after,
.carousel.play.pause .bannerplaypause-button:after,
.carousel.pause.pause .playpause-button:after,
.carousel.play.pause .playpause-button:after {
    content: "\e92a";
    left: 6.5px !important;
}

.carousel.pause.play .bannerplaypause-button:after,
.carousel.play.play .bannerplaypause-button:after,
.carousel.pause.play .playpause-button:after,
.carousel.play.play .playpause-button:after {
    content: "\e92d";
}

.full-tab {
    background: white;
    border-radius: 5px;
    padding: 0px 30px 30px 30px;
    /*margin-bottom: 30px;*/
}

    .full-tab .indicator {
        border-bottom: 3px solid #870052;
        position: absolute;
        bottom: 0;
        width: 0;
        opacity: 0;
    }

.page-subpage-content .full-tab {
    padding: 0 !important;
}

@media (min-width:768px) and (max-width:991px) {
    .full-tab {
        padding: 10px 20px 20px 20px;
    }
}

.full-tab .nav {
    border-bottom: 1px solid #e1c5d6;
    position: relative;
    margin-bottom: 0px;
    margin-top: 0px;
}

.full-tab .nav-item {
    padding: 0;
    margin-top: 0px;
}

    .full-tab .nav-item:before {
        display: none;
    }

    .full-tab .nav-item a {
        padding: 38px 35px 28px 35px;
        color: #1d2552;
        font-style: normal;
        font-weight: 700;
        border: none !important;
        position: relative;
        line-height: 1.1;
        -webkit-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
        -moz-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
        -o-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
        transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
        text-decoration: none;
    }

@media (min-width:992px) {
    .full-tab .nav-item a {
        font-size: 1.8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .full-tab .nav-item a {
        font-size: 1.6rem;
    }
}

@media (max-width:767px) {
    .full-tab .nav-item a {
        font-size: 1.4rem;
    }
}

.full-tab .nav-item a:after {
    position: absolute;
    right: 0;
    height: 30px;
    width: 1px;
    content: "";
    top: 50%;
    background: #d9d9d9;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
}

.full-tab .nav-item.active a {
    color: #870052;
}

    .full-tab .nav-item.active a:hover,
    .full-tab .nav-item.active a:focus {
        color: #870052;
    }

.full-tab .nav-item:last-child a:after {
    display: none;
}

.full-tab .nav-justified .nav-item > a {
    padding-left: 30px;
    text-align: left;
}

.full-tab .nav-justified .nav-item i {
    position: absolute;
    right: 30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 55%;
}

@media (min-width:992px) {
    .full-tab .nav-justified .nav-item i {
        font-size: 3.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .full-tab .nav-justified .nav-item i {
        font-size: 3rem;
    }
}

@media (max-width:767px) {
    .full-tab .nav-justified .nav-item i {
        font-size: 2.5rem;
    }
}

.full-tab .nav-justified .nav-item i.icon-Tasit_Kredisi {
    font-size: 44px;
}

.full-tab .nav-justified .nav-item:first-child > a {
    padding-left: 20px;
}

.full-tab .tab-content {
    padding-top: 16px;
}

.acc {
    margin-bottom: 13px;
    border-bottom: 1px solid #d7d9d9;
}

@media (max-width:767px) {
    .acc {
        margin-bottom: 6px;
    }
}

.acc > :first-child {
    color: #1d2552;
    font-style: normal;
    font-weight: 700;
    position: relative;
    margin-bottom: 12px;
    line-height: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 15px;
    cursor: pointer;
}

@media (min-width:992px) {
    .acc > :first-child {
        font-size: 1.8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .acc > :first-child {
        font-size: 1.6rem;
    }
}

@media (max-width:767px) {
    .acc > :first-child {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .acc > :first-child {
        margin-bottom: 6px;
    }
}

.acc > :first-child:after {
    content: "\e90a";
    font-family: 'icomoon';
    font-weight: 400;
    position: absolute;
    right: 0;
    font-size: 26px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
}

@media (min-width:768px) and (max-width:991px) {
    .acc > :first-child:after {
        font-size: 20px;
    }
}

@media (max-width:767px) {
    .acc > :first-child:after {
        font-size: 14px;
    }
}

.acc > :first-child a {
    text-decoration: none !important;
    color: #1d2552 !important;
}

.acc > :first-child button {
    padding: 0;
    width: 100%;
    text-align: left;
}

.acc-content {
    display: none;
    padding-bottom: 30px;
    /*margin-bottom: 28px; //başvuru sorgulamada bu değer yok*/
}

@media (max-width:767px) {
    .acc-content {
        padding-bottom: 15px;
    }
}

.acc-content .box,
.acc-content .bigbox,
.acc-content .littlebox {
    margin-top: 0;
}

.acc-content .table {
    margin-bottom: 0;
}

@media (max-width:991px) {
    .acc-content p {
        margin-top: 0 !important;
    }
}

.acc-content p:last-child {
    margin-bottom: 0 !important;
}

.acc-content ul {
    margin-top: 0 !important;
}

    .acc-content ul li:first-child {
        margin-top: 0 !important;
    }

    .acc-content ul:last-child {
        margin-bottom: 0 !important;
    }

.acc-content .table-doc {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.acc.active > :first-child {
    color: #870052;
    font-style: normal;
    font-weight: 700;
}

@media (min-width:992px) {
    .acc.active > :first-child {
        font-size: 1.8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .acc.active > :first-child {
        font-size: 1.6rem;
    }
}

@media (max-width:767px) {
    .acc.active > :first-child {
        font-size: 1.4rem;
    }
}

.acc.active > :first-child:after {
    -webkit-transform: translateY(-50%) rotateX(180deg);
    -moz-transform: translateY(-50%) rotateX(180deg);
    -ms-transform: translateY(-50%) rotateX(180deg);
    -o-transform: translateY(-50%) rotateX(180deg);
    -sand-transform: translateY(-50%) rotateX(180deg);
    transform: translateY(-50%) rotateX(180deg);
}

.acc.active > .acc-content {
    display: block;
    overflow: hidden;
    padding-bottom: 30px;
}

.acc.nospace .acc-content {
    padding-bottom: 0px !important;
}

.acc.nospace h2 {
    margin-bottom: 0 !important;
}

.tab-click {
    color: #02184d;
    font-style: normal;
    font-weight: 700;
    position: relative;
    line-height: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 15px;
    border-bottom: 1px solid #d7d9d9;
    text-decoration: none;
}

    .tab-click:hover,
    .tab-click:active,
    .tab-click:visited {
        color: #02184d;
        text-decoration: none !important;
    }

    .tab-click:after {
        content: "\e90a";
        font-family: 'icomoon';
        font-weight: 400;
        position: absolute;
        right: 0;
        font-size: 26px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -sand-transform: translateY(-50%);
        transform: translateY(-50%);
    }

@media (min-width:768px) and (max-width:991px) {
    .tab-click:after {
        font-size: 20px;
    }
}

@media (max-width:767px) {
    .tab-click:after {
        font-size: 14px;
    }
}

.tab-click.active {
    color: #870052;
    border-bottom: none;
}

    .tab-click.active:after {
        top: auto;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -sand-transform: rotate(180deg);
        transform: rotate(180deg);
    }

@media (max-width:767px) {
    .tabtoacc .tab-pane {
        padding: 0 15px;
    }
}

.tabIntab .parentAcc > :first-child {
    margin-bottom: 0 !important;
    padding-bottom: 24px;
}

.tabIntab .parentAcc.active {
    border-bottom: 0 !important;
}

.tabIntab .parentAcc > .acc-content {
    padding-left: 25px;
    padding-right: 25px;
}

    .tabIntab .parentAcc > .acc-content .acc {
        margin-bottom: 0 !important;
        margin-top: 0px;
        padding-bottom: 0px;
        /**sonradan eklendi.*/
    }

        .tabIntab .parentAcc > .acc-content .acc > :first-child {
            color: #394040;
            font-style: normal;
            font-weight: 700;
            margin-bottom: 0 !important;
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }

@media (min-width:992px) {
    .tabIntab .parentAcc > .acc-content .acc > :first-child {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .tabIntab .parentAcc > .acc-content .acc > :first-child {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .tabIntab .parentAcc > .acc-content .acc > :first-child {
        font-size: 1.4rem;
    }
}

.tabIntab .parentAcc > .acc-content .acc > :first-child:after {
    font-size: 16px;
}

.tabIntab .parentAcc > .acc-content .acc .acc-content {
    padding-bottom: 15px;
}

.radio {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
}

@media (max-width:767px) {
    .radio {
        display: block;
        margin-bottom: 15px;
        margin-left: 0px !important;
    }
}

.radio label[for] {
    padding-left: 29px !important;
    color: #394040;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

@media (min-width:992px) {
    .radio label[for] {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .radio label[for] {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .radio label[for] {
        font-size: 1.4rem;
    }
}

@media (max-width:991px) {
    .radio label[for] {
        font-size: 13px !important;
        line-height: 1.7;
    }
}

.radio + .radio {
    margin-left: 40px;
}

.checkbox {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0;
}

    .checkbox label {
        padding-left: 29px;
        color: rgba(57, 64, 64, 0.7);
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        position: relative;
    }

@media (min-width:992px) {
    .checkbox label {
        font-size: 1.2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .checkbox label {
        font-size: 1.2rem;
    }
}

@media (max-width:767px) {
    .checkbox label {
        font-size: 1.2rem;
    }
}

.note {
    margin-top: 30px;
}

@media (max-width:767px) {
    .note {
        margin-top: 15px;
    }
}

.note p {
    color: rgba(57, 64, 64, 0.7);
    font-style: normal;
    font-weight: 300;
    line-height: 18px !important;
    letter-spacing: -0.04em;
    margin-bottom: 0px !important;
}

@media (min-width:992px) {
    .note p {
        font-size: 1.2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .note p {
        font-size: 1.2rem;
    }
}

@media (max-width:767px) {
    .note p {
        font-size: 1.2rem;
    }
}

.note p + p {
    margin-top: 8px !important;
}

table thead tr th {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2 !important;
    padding: 16px 12px !important;
}

@media (min-width:992px) {
    table thead tr th {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    table thead tr th {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    table thead tr th {
        font-size: 1.3rem;
    }
}

table thead tr th.center {
    text-align: center !important;
}

table thead tr th.right {
    text-align: right !important;
}

table thead tr th.left {
    text-align: left !important;
}

table thead tr.Tabletop {
    background: rgba(202, 191, 183, 0.3);
}

    table thead tr.Tabletop th,
    table thead tr.Tabletop td {
        color: #394040;
        font-style: normal;
        font-weight: 700;
        border-bottom: 1px solid transparent !important;
    }

@media (min-width:992px) {
    table thead tr.Tabletop th,
    table thead tr.Tabletop td {
        font-size: 1.2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    table thead tr.Tabletop th,
    table thead tr.Tabletop td {
        font-size: 1.2rem;
    }
}

@media (max-width:767px) {
    table thead tr.Tabletop th,
    table thead tr.Tabletop td {
        font-size: 1.2rem;
    }
}

table thead tr.Tabletop th.border,
table thead tr.Tabletop td.border {
    position: relative;
}

    table thead tr.Tabletop th.border:before,
    table thead tr.Tabletop td.border:before {
        content: "";
        width: calc(100% - 20px);
        background: #870052;
        height: 2px;
        position: absolute;
        left: 10px;
        bottom: 0;
    }

table thead tr.Tabletop th:first-child,
table thead tr.Tabletop td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

table thead tr.Tabletop th:last-child,
table thead tr.Tabletop td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

table tbody tr th {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2 !important;
    padding: 16px 12px !important;
}

@media (min-width:992px) {
    table tbody tr th {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    table tbody tr th {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    table tbody tr th {
        font-size: 1.4rem;
    }
}

table tbody tr td {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2 !important;
    padding: 16px 12px !important;
}

@media (min-width:992px) {
    table tbody tr td {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    table tbody tr td {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    table tbody tr td {
        font-size: 1.4rem;
    }
}

table tbody tr td.center {
    text-align: center !important;
}

table tbody tr td.right {
    text-align: right !important;
}

table tbody tr td.left {
    text-align: left !important;
}

table tbody tr td.middle {
    vertical-align: middle;
}

table.default thead tr th,
table.default thead tr td {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2 !important;
    padding: 16px 12px !important;
    border-bottom: 0;
    vertical-align: middle;
    text-align: center;
    height: 64px;
}

@media (min-width:992px) {
    table.default thead tr th,
    table.default thead tr td {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    table.default thead tr th,
    table.default thead tr td {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    table.default thead tr th,
    table.default thead tr td {
        font-size: 1.3rem;
    }
}

table.default td {
    text-align: center;
    color: #394040;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    table.default td {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    table.default td {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    table.default td {
        font-size: 1.3rem;
    }
}

table.table-zebra tbody tr:nth-child(odd) {
    background: #f3f3f3;
}

table.table-zebra tbody tr:nth-child(even) {
    background: #fbfbfb;
}

table.table-zebra tbody tr th {
    border-top: 0 !important;
}

table.table-zebra tbody tr td {
    border-top: 0 !important;
}

table.table-zebra.default tbody tr:nth-child(odd) {
    background: #fbfbfb;
}

table.table-zebra.default tbody tr:nth-child(even) {
    background: #f3f3f3;
}

table.loan-table {
    margin-bottom: 15px;
}

    table.loan-table thead tr th {
        color: #394040;
        font-style: normal;
        font-weight: 400;
        line-height: 1.4 !important;
        padding: 16px 12px !important;
        letter-spacing: 0.02em;
        text-align: right;
        border: none;
    }

@media (min-width:992px) {
    table.loan-table thead tr th {
        font-size: 1.2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    table.loan-table thead tr th {
        font-size: 1.2rem;
    }
}

@media (max-width:767px) {
    table.loan-table thead tr th {
        font-size: 1.2rem;
    }
}

table.loan-table thead tr th:first-child {
    text-align: left !important;
}

table.loan-table thead tr td {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    padding: 14px 16px;
    line-height: 1.4 !important;
    padding: 22px 12px 19px 12px !important;
    letter-spacing: 0.02em;
    border: none !important;
    text-align: right;
}

@media (min-width:992px) {
    table.loan-table thead tr td {
        font-size: 1.2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    table.loan-table thead tr td {
        font-size: 1.2rem;
    }
}

@media (max-width:767px) {
    table.loan-table thead tr td {
        font-size: 1.2rem;
    }
}

table.loan-table thead tr td:first-child {
    text-align: left;
}

table.loan-table thead tr:first-child th {
    border: none !important;
}

table.loan-table tbody tr td {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    padding: 14px 16px;
    line-height: 1.2 !important;
    padding: 18px 12px !important;
    letter-spacing: 0.02em;
    text-align: right;
}

@media (min-width:992px) {
    table.loan-table tbody tr td {
        font-size: 1.2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    table.loan-table tbody tr td {
        font-size: 1.2rem;
    }
}

@media (max-width:767px) {
    table.loan-table tbody tr td {
        font-size: 1.2rem;
    }
}

table.loan-table tbody tr td:first-child {
    text-align: left;
}

table.loan-table tbody tr:first-child th {
    border: none !important;
}

table.table-doc thead th {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    padding-top: 17px;
    padding-bottom: 15px;
}

@media (min-width:992px) {
    table.table-doc thead th {
        font-size: 1.2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    table.table-doc thead th {
        font-size: 1.2rem;
    }
}

@media (max-width:767px) {
    table.table-doc thead th {
        font-size: 1.2rem;
    }
}

table.table-doc tbody tr:hover {
    background-color: #e5e5e6;
}

table.table-doc tbody tr td {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2 !important;
    padding: 0 !important;
    vertical-align: middle;
}

@media (min-width:992px) {
    table.table-doc tbody tr td {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    table.table-doc tbody tr td {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    table.table-doc tbody tr td {
        font-size: 1.4rem;
    }
}

table.table-doc tbody tr td a {
    padding: 8px 20px !important;
    display: block;
    text-decoration: none;
}

table.table-doc tbody tr td.icon {
    padding-bottom: 0 !important;
    text-decoration: none !important;
    text-align: right;
}

    table.table-doc tbody tr td.icon a:hover {
        text-decoration: none !important;
        color: rgba(29, 37, 82, 0.5);
    }

    table.table-doc tbody tr td.icon i {
        font-size: 32px;
    }

table.realty tr:nth-child(odd) {
    background: #f3f3f3;
}

table.realty tr:nth-child(even) {
    background: #fbfbfb;
}

table.realty th {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    padding: 11px 20px !important;
    border: none !important;
    letter-spacing: -0.01em;
}

@media (min-width:992px) {
    table.realty th {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    table.realty th {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    table.realty th {
        font-size: 1.4rem;
    }
}

table.realty td {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    padding: 11px 20px !important;
    border: none !important;
    letter-spacing: -0.01em;
}

@media (min-width:992px) {
    table.realty td {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    table.realty td {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    table.realty td {
        font-size: 1.4rem;
    }
}

table.table-calculate tr th {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2 !important;
    padding: 10px 12px !important;
}

@media (min-width:992px) {
    table.table-calculate tr th {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    table.table-calculate tr th {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    table.table-calculate tr th {
        font-size: 1.4rem;
    }
}

table.table-calculate tr td {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2 !important;
    padding: 10px 12px !important;
}

@media (min-width:992px) {
    table.table-calculate tr td {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    table.table-calculate tr td {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    table.table-calculate tr td {
        font-size: 1.4rem;
    }
}

table.left {
    text-align: left !important;
}

    table.left th {
        text-align: left !important;
    }

table.right {
    text-align: right !important;
}

    table.right th {
        text-align: right !important;
    }

table.center {
    text-align: center;
}

    table.center th {
        text-align: center;
    }

table.text-white th {
    color: white;
    font-style: normal;
    font-weight: 700;
}

@media (min-width:992px) {
    table.text-white th {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    table.text-white th {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    table.text-white th {
        font-size: 1.4rem;
    }
}

table.text-white td {
    color: white;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    table.text-white td {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    table.text-white td {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    table.text-white td {
        font-size: 1.4rem;
    }
}

table.nowrap td {
    white-space: nowrap;
}

.table-wrap {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-wrap-doc {
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #c3c4c5;
}

    .table-wrap-doc table {
        margin-bottom: 0px;
    }

        .table-wrap-doc table tr:first-child td {
            border-top: 0 !important;
        }

.input-group {
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
}

    .input-group.focus {
        border-color: #870052 !important;
    }

    .input-group .input-group-addon {
        -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        border: 0px;
    }

    .input-group input[type="text"] {
        text-align: right;
        padding-right: 0;
        border: 0px;
    }

        .input-group input[type="text"] + .input-group-addon {
            padding-left: 2px;
        }

        .input-group input[type="text"]:focus + .input-group-addon {
            border-color: #870052;
        }

    .input-group .input-group-addon {
        color: #707070 !important;
    }

    .input-group.datetimepicker .input-group-addon {
        color: #555555 !important;
    }

input[type="text"],
input[type="password"],
input[type="tel"] {
    border: 1px solid #cabfb7;
    height: 42px;
    line-height: 42px;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    color: #272a2a;
    width: 100%;
}

    input[type="text"]::-webkit-input-placeholder,
    input[type="password"]::-webkit-input-placeholder,
    input[type="tel"]::-webkit-input-placeholder {
        color: #969696 !important;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        font-size: 16px !important;
    }

    input[type="text"]:-moz-placeholder,
    input[type="password"]:-moz-placeholder,
    input[type="tel"]:-moz-placeholder {
        color: #969696 !important;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        font-size: 16px !important;
    }

    input[type="text"]::-moz-placeholder,
    input[type="password"]::-moz-placeholder,
    input[type="tel"]::-moz-placeholder {
        color: #969696 !important;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        font-size: 16px !important;
    }

    input[type="text"]:-ms-input-placeholder,
    input[type="password"]:-ms-input-placeholder,
    input[type="tel"]:-ms-input-placeholder {
        color: #969696 !important;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        font-size: 16px !important;
    }

    input[type="text"]::placeholder,
    input[type="password"]::placeholder,
    input[type="tel"]::placeholder {
        color: #969696 !important;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        font-size: 16px !important;
    }

.placeholder input[type="text"]::-webkit-input-placeholder,
.placeholder input[type="password"]::-webkit-input-placeholder,
.placeholder input[type="tel"]::-webkit-input-placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 16px !important;
}

.placeholder input[type="text"]:-moz-placeholder,
.placeholder input[type="password"]:-moz-placeholder,
.placeholder input[type="tel"]:-moz-placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 16px !important;
}

.placeholder input[type="text"]::-moz-placeholder,
.placeholder input[type="password"]::-moz-placeholder,
.placeholder input[type="tel"]::-moz-placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 16px !important;
}

.placeholder input[type="text"]:-ms-input-placeholder,
.placeholder input[type="password"]:-ms-input-placeholder,
.placeholder input[type="tel"]:-ms-input-placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 16px !important;
}

.placeholder input[type="text"]::placeholder,
.placeholder input[type="password"]::placeholder,
.placeholder input[type="tel"]::placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 16px !important;
}

.noplaceholder input[type="text"]::-webkit-input-placeholder,
.noplaceholder input[type="password"]::-webkit-input-placeholder,
.noplaceholder input[type="tel"]::-webkit-input-placeholder {
    color: transparent !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 16px !important;
}

.noplaceholder input[type="text"]:-moz-placeholder,
.noplaceholder input[type="password"]:-moz-placeholder,
.noplaceholder input[type="tel"]:-moz-placeholder {
    color: transparent !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 16px !important;
}

.noplaceholder input[type="text"]::-moz-placeholder,
.noplaceholder input[type="password"]::-moz-placeholder,
.noplaceholder input[type="tel"]::-moz-placeholder {
    color: transparent !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 16px !important;
}

.noplaceholder input[type="text"]:-ms-input-placeholder,
.noplaceholder input[type="password"]:-ms-input-placeholder,
.noplaceholder input[type="tel"]:-ms-input-placeholder {
    color: transparent !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 16px !important;
}

.noplaceholder input[type="text"]::placeholder,
.noplaceholder input[type="password"]::placeholder,
.noplaceholder input[type="tel"]::placeholder {
    color: transparent !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 16px !important;
}

@media (max-width:991px) {
    input[type="text"],
    input[type="password"],
    input[type="tel"] {
        font-size: 16px;
    }
}

.error input[type="text"],
.error input[type="password"],
.error input[type="tel"] {
    border-color: #870052;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus {
    border-color: #870052;
}

textarea {
    border: 1px solid #cabfb7;
    height: 84px;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    color: #272a2a;
    width: 100%;
    padding-top: 10px;
    outline: none;
}

    textarea::-webkit-input-placeholder {
        color: transparent !important;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        font-size: 16px !important;
    }

    textarea:-moz-placeholder {
        color: transparent !important;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        font-size: 16px !important;
    }

    textarea::-moz-placeholder {
        color: transparent !important;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        font-size: 16px !important;
    }

    textarea:-ms-input-placeholder {
        color: transparent !important;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        font-size: 16px !important;
    }

    textarea::placeholder {
        color: transparent !important;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        font-size: 16px !important;
    }

.placeholder textarea::-webkit-input-placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 16px !important;
}

.placeholder textarea:-moz-placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 16px !important;
}

.placeholder textarea::-moz-placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 16px !important;
}

.placeholder textarea:-ms-input-placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 16px !important;
}

.placeholder textarea::placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 16px !important;
}

@media (max-width:991px) {
    textarea {
        font-size: 16px;
    }

        textarea::-webkit-input-placeholder {
            color: #969696 !important;
            opacity: 1 !important;
            filter: alpha(opacity=100) !important;
            font-size: 16px !important;
        }

        textarea:-moz-placeholder {
            color: #969696 !important;
            opacity: 1 !important;
            filter: alpha(opacity=100) !important;
            font-size: 16px !important;
        }

        textarea::-moz-placeholder {
            color: #969696 !important;
            opacity: 1 !important;
            filter: alpha(opacity=100) !important;
            font-size: 16px !important;
        }

        textarea:-ms-input-placeholder {
            color: #969696 !important;
            opacity: 1 !important;
            filter: alpha(opacity=100) !important;
            font-size: 16px !important;
        }

        textarea::placeholder {
            color: #969696 !important;
            opacity: 1 !important;
            filter: alpha(opacity=100) !important;
            font-size: 16px !important;
        }
}

textarea:focus {
    border-color: #870052 !important;
}

input[type="checkbox"],
input[type="radio"] {
    vertical-align: middle;
    left: -10000px;
}

    input[type="checkbox"] + label:before,
    input[type="checkbox"] + label:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        top: 4px;
        left: 0;
    }

    input[type="checkbox"] + label:after {
        content: "\e93b";
        font-family: 'icomoon';
        color: #cabfb7;
        font-size: 20px;
    }

    input[type="checkbox"] + label:before {
        height: 20px;
        width: 20px;
    }

    input[type="checkbox"]:focus + label:before {
        border-color: #b7aa6d;
    }

    input[type="checkbox"]:checked + label:after {
        color: #870052;
    }

    input[type="checkbox"]:checked + label:before {
        content: "\e939";
        font-family: 'icomoon';
        color: #870052;
        text-align: center;
    }

    input[type="radio"] + label {
        left: 0;
        position: relative;
    }

        input[type="radio"] + label:before,
        input[type="radio"] + label:after {
            content: "";
            display: inline-block;
            vertical-align: middle;
            position: absolute;
            left: 0;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -sand-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        input[type="radio"] + label:after {
            height: 23px;
            width: 23px;
            content: "";
            border-radius: 50%;
            border: 1px solid #cabfb7;
            top: 46%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -sand-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        input[type="radio"] + label:before {
            content: "\e93a";
            font-family: 'icomoon';
            color: #e5e5e6;
            text-align: center;
            font-size: 12px;
            top: 46%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -sand-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 5.5px;
        }

    input[type="radio"]:checked + label:before {
        content: "\e93a";
        font-family: 'icomoon';
        color: #870052;
        text-align: center;
        font-size: 12px;
        top: 46%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -sand-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 6px;
    }

label {
    color: rgba(39, 42, 42, 0.6);
    font-style: normal;
    font-weight: 700;
}

@media (min-width:992px) {
    label {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    label {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    label {
        font-size: 1.3rem;
    }
}
/*GLOBAL CLASS*/

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 7;
    background: rgba(0, 8, 28, 0.9);
    display: none;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.modal.videoModal .modal-dialog {
    margin-top: 120px;
}

.modal.videoModal .modal-body {
    padding: 0;
}

.modal.videoModal .close {
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    background: #116fc4;
    -webkit-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    position: relative;
    top: -70px;
    right: 0;
    opacity: 1;
}

@media (max-width:767px) {
    .modal.videoModal .close {
        width: 30px;
        height: 30px;
    }
}

.modal.videoModal .close:hover {
    background: #4187de;
    -webkit-box-shadow: 0px 4px 11px 0px rgba(17, 111, 196, 0.5);
    -moz-box-shadow: 0px 4px 11px 0px rgba(17, 111, 196, 0.5);
    box-shadow: 0px 4px 11px 0px rgba(17, 111, 196, 0.5);
}

.modal.videoModal .close:before {
    content: "\e937";
    font-family: 'icomoon';
    color: white;
    font-style: normal;
    font-weight: 300;
    position: absolute;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -sand-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    top: 50%;
    left: 50%;
}

@media (min-width:992px) {
    .modal.videoModal .close:before {
        font-size: 1.8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .modal.videoModal .close:before {
        font-size: 1.6rem;
    }
}

@media (max-width:767px) {
    .modal.videoModal .close:before {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .modal.videoModal .close:before {
        font-size: 12px;
    }
}

.modal .close {
    width: 20px;
    height: 20px;
    -webkit-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    position: relative;
    top: 15px;
    right: 15px;
    opacity: 1;
    z-index: 99;
}

@media (max-width:767px) {
    .modal .close {
        width: 15px;
        height: 15px;
    }
}

.modal .close:before {
    content: "\e937";
    font-family: 'icomoon';
    color: #870052;
    font-style: normal;
    font-weight: 300;
    position: absolute;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -sand-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    top: 50%;
    left: 50%;
}

@media (min-width:992px) {
    .modal .close:before {
        font-size: 1.8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .modal .close:before {
        font-size: 1.6rem;
    }
}

@media (max-width:767px) {
    .modal .close:before {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .modal .close:before {
        font-size: 12px;
    }
}

.stylesheetspace {
    position: relative;
    height: 100px;
    clear: both;
}

.dotted-bottom {
    background: url(/_assets/img/dotted-border.png) repeat-x bottom;
}

.dotted-top {
    background: url(/_assets/img/dotted-border.png) repeat-x bottom;
}

.activeRelative {
    position: relative;
    z-index: 11;
    color: white !important;
}

    .activeRelative > a,
    .activeRelative > i {
        color: white !important;
    }

        .activeRelative > a:hover,
        .activeRelative > i:hover,
        .activeRelative > a:focus,
        .activeRelative > i:focus {
            color: white !important;
        }

    .activeRelative:hover,
    .activeRelative:focus {
        color: white !important;
    }

    .activeRelative .button {
        color: white !important;
    }

.form-group {
    margin-bottom: 20px;
}

@media (min-width:768px) and (max-width:991px) {
    .form-group {
        margin-bottom: 15px;
    }
}

@media (max-width:767px) {
    .form-group {
        margin-bottom: 15px;
    }
}

.form-group label.error {
    color: #870052;
    font-style: normal;
    font-weight: 400;
    margin-top: 5px;
}

@media (min-width:992px) {
    .form-group label.error {
        font-size: 1.2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .form-group label.error {
        font-size: 1.2rem;
    }
}

@media (max-width:767px) {
    .form-group label.error {
        font-size: 1.2rem;
    }
}

.form-title {
    margin-bottom: 22px;
    font-weight: bold;
}

@media (max-width:767px) {
    .form-title {
        margin-bottom: 15px;
    }
}

.form-subject-label {
    color: rgba(39, 42, 42, 0.6);
    font-style: normal;
    font-weight: 700;
}

@media (min-width:992px) {
    .form-subject-label {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .form-subject-label {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .form-subject-label {
        font-size: 1.3rem;
    }
}

.form-subject {
    color: #870052;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    .form-subject {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .form-subject {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .form-subject {
        font-size: 1.4rem;
    }
}

.form .rightAmount {
    padding: 0;
    color: #1d2552;
    font-style: normal;
    font-weight: 700;
    float: right;
    margin-bottom: 14px;
}

@media (min-width:992px) {
    .form .rightAmount {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .form .rightAmount {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .form .rightAmount {
        font-size: 1.4rem;
    }
}

.form-success,
.form-error {
    max-width: 480px;
    margin: 0 auto;
    text-align: center;
    border: 2px solid #f0f0f0;
    border-radius: 5px;
    padding: 30px 20px;
}

    .form-success i,
    .form-error i {
        color: #116fc4;
        font-style: normal;
        font-weight: 400;
    }

@media (min-width:992px) {
    .form-success i,
    .form-error i {
        font-size: 8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .form-success i,
    .form-error i {
        font-size: 4rem;
    }
}

@media (max-width:767px) {
    .form-success i,
    .form-error i {
        font-size: 3.6rem;
    }
}

.form-success h3,
.form-error h3 {
    color: #116fc4;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 15px;
}

@media (min-width:992px) {
    .form-success h3,
    .form-error h3 {
        font-size: 2.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .form-success h3,
    .form-error h3 {
        font-size: 2.4rem;
    }
}

@media (max-width:767px) {
    .form-success h3,
    .form-error h3 {
        font-size: 2.1rem;
    }
}

.form-success p,
.form-error p {
    color: #02184d;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0 !important;
}

@media (min-width:992px) {
    .form-success p,
    .form-error p {
        font-size: 1.8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .form-success p,
    .form-error p {
        font-size: 1.6rem;
    }
}

@media (max-width:767px) {
    .form-success p,
    .form-error p {
        font-size: 1.4rem;
    }
}

.form-error i,
.form-error h3,
.form-error p {
    color: #870052;
}

.captcha-group {
    padding-left: 15px;
    padding-right: 15px;
}

.captcha-item {
    float: left;
    max-width: 130px;
}

.captcha-image {
    border: 1px solid #cabfb7;
    border-radius: 5px;
    height: 42px;
    padding: 4px;
}

.captcha-icons {
    overflow: hidden;
    position: relative;
    display: block;
    float: left;
    height: 42px;
}

.captcha-refresh {
    width: 19px;
    /*margin-top: 24px;*/
    border: 1px solid #cabfb7;
    border-radius: 5px;
    height: 19px;
    float: left;
    margin-left: 10px;
    position: relative;
    line-height: 19px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    clear: both;
    margin-bottom: 4px;
}

    .captcha-refresh:last-child {
        margin-bottom: 0 !important;
    }

    .captcha-refresh a {
        text-decoration: none;
    }

.captcha-txt {
    float: left;
    width: calc(100% - 159px);
    /*margin-top: 5px;*/
    display: inline-block;
    padding-left: 10px;
}

.button-box .page-landing-item-title {
    margin-left: -20px;
    margin-top: -20px;
    border-bottom: 0px;
}

.box,
.bigbox,
.littlebox {
    background: white;
    padding: 10px;
    /*margin-top: 10px;*/
    border-radius: 5px;
}

    .box.border,
    .bigbox.border,
    .littlebox.border {
        border: 1px solid #d7d9d9;
    }

.bigbox {
    padding: 30px;
}

@media (min-width:768px) and (max-width:991px) {
    .bigbox {
        padding: 19px;
    }
}

@media (max-width:767px) {
    .bigbox {
        padding: 14px;
    }
}

.littlebox {
    padding: 20px;
}

.rowr2x {
    margin-right: -30px;
}

@media (min-width:768px) and (max-width:991px) {
    .rowr2x {
        margin-right: -19px;
    }
}

@media (max-width:767px) {
    .rowr2x {
        margin-right: -15px;
    }
}

.campaign-link {
    float: left;
    overflow: hidden;
    display: block;
}

#skipHeaderMenu,
.submenufocusclose {
    opacity: 0;
    display: inline-block;
    position: absolute;
    top: 0;
    z-index: 9999;
    left: -300px;
}

    #skipHeaderMenu:focus,
    .submenufocusclose:focus {
        opacity: 1;
        left: auto;
    }

.Accessibility *[tabindex]:focus,
.Accessibility a:focus,
.Accessibility button:focus {
    outline: 3px solid #ffea00 !important;
    text-decoration: none !important;
    outline-offset: 0px !important;
}

a:focus,
[role="button"],
[role="tab"],
.owl-carousel:focus,
.owl-carousel:active,
.form-control:active,
.form-control:hover,
.form-control:focus,
.select2:focus,
.select2-selection:focus,
.select2-selection:active,
.select2-selection:hover,
.select2-container:focus,
input:active,
input:hover,
input:focus,
a:active,
a:active:focus,
input[type="checkbox"] + label,
input[type="radio"] + label {
    outline: 0px !important;
    outline-offset: 0px !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-tap-highlight-color: transparent;
    box-shadow: none !important;
}
/*Paket alırken commentle*/

*[dir="rtl"] {
    direction: rtl;
}

    *[dir="rtl"] .acc > :first-child {
        padding-left: 40px !important;
        padding-right: 0 !important;
    }

        *[dir="rtl"] .acc > :first-child:after {
            left: 0 !important;
            right: auto !important;
        }

    *[dir="rtl"] .acc button {
        text-align: right !important;
    }

    *[dir="rtl"] ul li {
        padding-right: 22px !important;
        padding-left: 0 !important;
    }

        *[dir="rtl"] ul li:before {
            right: 0 !important;
            left: auto !important;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -sand-transform: rotate(180deg);
            transform: rotate(180deg);
        }

    *[dir="rtl"] .page-end-question-text {
        float: right !important;
    }

    *[dir="rtl"] .page-end-question-button {
        float: right !important;
    }

.cke_editable {
    background: white;
    padding: 0px 30px 30px 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top: 27px;
}

@media (min-width:768px) and (max-width:991px) {
    .cke_editable {
        padding: 0px 30px 15px 30px;
        padding-top: 27px;
    }
}

@media (max-width:767px) {
    .cke_editable {
        padding: 0px 16px 15px 16px;
        padding-top: 22px;
    }
}

.cke_editable p {
    line-height: 27px;
    margin-bottom: 14px;
    /*display: inline-block;*/
}

@media (min-width:768px) and (max-width:991px) {
    .cke_editable p {
        margin-bottom: 10px;
    }
}

@media (max-width:767px) {
    .cke_editable p {
        line-height: 22px;
        margin-bottom: 7.5px;
    }
}

.cke_editable p + p {
    margin-top: 14px;
}

@media (min-width:768px) and (max-width:991px) {
    .cke_editable p + p {
        margin-top: 10px;
    }
}

@media (max-width:767px) {
    .cke_editable p + p {
        margin-top: 7.5px;
    }
}

.cke_editable p a {
    color: #394040;
    text-decoration: underline;
    font-weight: 400;
}

    .cke_editable p a:hover {
        text-decoration: none;
        color: #870052;
    }

.cke_editable h2 {
    color: #870052;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin-bottom: 16px;
}

@media (min-width:992px) {
    .cke_editable h2 {
        font-size: 2.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .cke_editable h2 {
        font-size: 2.4rem;
    }
}

@media (max-width:767px) {
    .cke_editable h2 {
        font-size: 2.1rem;
    }
}

@media (max-width:767px) {
    .cke_editable h2 {
        letter-spacing: -0.01em;
    }
}

.cke_editable h3 {
    margin-bottom: 16px;
}

@media (max-width:767px) {
    .cke_editable h3 {
        letter-spacing: -0.01em;
    }
}

.cke_editable h4 {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 10px;
}

@media (min-width:992px) {
    .cke_editable h4 {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .cke_editable h4 {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .cke_editable h4 {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .cke_editable h4 {
        letter-spacing: -0.01em;
    }
}

.cke_editable h5 {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 10px;
}

@media (min-width:992px) {
    .cke_editable h5 {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .cke_editable h5 {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .cke_editable h5 {
        font-size: 1.3rem;
    }
}

@media (max-width:767px) {
    .cke_editable h5 {
        letter-spacing: -0.01em;
    }
}

.cke_editable ul {
    margin-top: 23px;
    margin-bottom: 23px;
}

@media (max-width:767px) {
    .cke_editable ul {
        margin-top: 17px;
        margin-bottom: 17px;
    }
}

.cke_editable ul li {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    padding-left: 22px;
    position: relative;
    margin-top: 13px;
    line-height: 27px;
}

@media (min-width:992px) {
    .cke_editable ul li {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .cke_editable ul li {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .cke_editable ul li {
        font-size: 1.4rem;
    }
}

.cke_editable ul li:before {
    content: "\e915";
    font-family: 'icomoon';
    color: #1d2552;
    font-style: normal;
    font-weight: 400;
    left: 0;
    position: absolute;
    /*margin-top: 3px;*/
}

@media (min-width:992px) {
    .cke_editable ul li:before {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .cke_editable ul li:before {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .cke_editable ul li:before {
        font-size: 1.3rem;
    }
}

.cke_editable ul li a {
    color: #394040;
    text-decoration: underline;
    font-weight: 400;
}

    .cke_editable ul li a:hover {
        text-decoration: none;
        color: #870052;
    }

.cke_editable ul.right-icon,
.cke_editable ul.table-doc {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width:991px) {
    .cke_editable ul.right-icon,
    .cke_editable ul.table-doc {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width:767px) {
    .cke_editable ul.right-icon,
    .cke_editable ul.table-doc {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.cke_editable ul.right-icon li,
.cke_editable ul.table-doc li {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    padding: 0px;
    position: relative;
    margin-top: 0px;
    line-height: 23px;
    width: 100%;
    float: left;
}

@media (min-width:992px) {
    .cke_editable ul.right-icon li,
    .cke_editable ul.table-doc li {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .cke_editable ul.right-icon li,
    .cke_editable ul.table-doc li {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .cke_editable ul.right-icon li,
    .cke_editable ul.table-doc li {
        font-size: 1.4rem;
    }
}

.cke_editable ul.right-icon li .date,
.cke_editable ul.table-doc li .date {
    width: 90px;
    float: left;
    display: block;
}

.cke_editable ul.right-icon li .title,
.cke_editable ul.table-doc li .title {
    width: calc(100% - 90px);
    display: block;
    float: left;
}

.cke_editable ul.right-icon li:hover,
.cke_editable ul.table-doc li:hover {
    background: #e5e5e6;
    color: #394040;
}

    .cke_editable ul.right-icon li:hover:after,
    .cke_editable ul.table-doc li:hover:after {
        background: transparent;
    }

    .cke_editable ul.right-icon li:hover + li:after,
    .cke_editable ul.table-doc li:hover + li:after {
        background: transparent;
    }

.cke_editable ul.right-icon li a,
.cke_editable ul.table-doc li a {
    display: block;
    text-decoration: none;
    padding: 11px 50px 11px 20px;
}

    .cke_editable ul.right-icon li a:hover,
    .cke_editable ul.table-doc li a:hover {
        color: #394040;
    }

@media (min-width:768px) and (max-width:991px) {
    .cke_editable ul.right-icon li a,
    .cke_editable ul.table-doc li a {
        padding: 11px 30px 11px 10px;
    }
}

@media (max-width:767px) {
    .cke_editable ul.right-icon li a,
    .cke_editable ul.table-doc li a {
        padding: 11px 33px 11px 10px;
    }
}

.cke_editable ul.right-icon li:before,
.cke_editable ul.table-doc li:before {
    content: "\e915";
    font-family: 'icomoon';
    color: #870052;
    font-style: normal;
    font-weight: 400;
    right: 20px;
    position: absolute;
    top: 50%;
    left: auto;
    margin-top: -1px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (min-width:992px) {
    .cke_editable ul.right-icon li:before,
    .cke_editable ul.table-doc li:before {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .cke_editable ul.right-icon li:before,
    .cke_editable ul.table-doc li:before {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .cke_editable ul.right-icon li:before,
    .cke_editable ul.table-doc li:before {
        font-size: 1.3rem;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cke_editable ul.right-icon li:before,
    .cke_editable ul.table-doc li:before {
        right: 10px;
    }
}

@media (max-width:767px) {
    .cke_editable ul.right-icon li:before,
    .cke_editable ul.table-doc li:before {
        right: 10px;
    }
}

.cke_editable ul.right-icon li:after,
.cke_editable ul.table-doc li:after {
    content: "";
    background: #dadada;
    height: 1px;
    width: calc(100% - 40px);
    top: 0;
    left: 20px;
    position: absolute;
}

@media (min-width:768px) and (max-width:991px) {
    .cke_editable ul.right-icon li:after,
    .cke_editable ul.table-doc li:after {
        width: calc(100% - 25px);
        left: 7.5px;
    }
}

@media (max-width:767px) {
    .cke_editable ul.right-icon li:after,
    .cke_editable ul.table-doc li:after {
        width: calc(100% - 20px);
        left: 7.5px;
    }
}

.cke_editable ul.right-icon li:first-child:after,
.cke_editable ul.table-doc li:first-child:after {
    display: none;
}

.cke_editable ul.table-doc li:before {
    color: #02184d;
    font-style: normal;
    font-weight: 400;
    content: "\e91e" !important;
}

@media (min-width:992px) {
    .cke_editable ul.table-doc li:before {
        font-size: 3.2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .cke_editable ul.table-doc li:before {
        font-size: 2.5rem;
    }
}

@media (max-width:767px) {
    .cke_editable ul.table-doc li:before {
        font-size: 2.4rem;
    }
}

.cke_editable .acc-content {
    display: block !important;
}

.Banner-block {
    position: relative;
    height: 590px;
}

@media (max-width:991px) {
    .Banner-block {
        height: auto;
        margin-top: 0;
    }
}

@media (max-width:991px) {
    .Banner-block {
        background-image: none;
    }
}

.Banner-block .banner {
    width: 100%;
    position: relative;
    top: 95px;
    overflow: hidden;
    z-index: 6;
    display: block !important;
}

.Banner-block .banner-bg {
    background-position: calc(50%) center;
    background-size: cover;
    background-color: #f0f0f0;
}

@media (max-width:991px) {
    .Banner-block .banner-bg {
        height: 347px;
    }
}

@media (max-width:767px) {
    .Banner-block .banner-bg {
        height: 275px;
    }
}

.Banner-block .banner-bg .videoposter {
    position: absolute;
    margin: 0 auto;
    right: 50%;
    transform: translateX(50%);
    margin-right: -61px;
    background: transparent;
    /*@media (min-width:992px) and (max-width:1240px) {
                    left: 54.7%;
                }*/
    /*@media @medium-desktop {
                    left: 56% !important;
                }
                    */
}

@media (max-width:991px) {
    .Banner-block .banner-bg .videoposter {
        width: 100%;
    }
}

@media (max-width:767px) {
    .Banner-block .banner-bg .videoposter {
        margin-right: 0;
        max-height: 100%;
    }
}

.Banner-block .banner-bg video {
    position: absolute;
    margin: 0 auto;
    right: 50%;
    transform: translateX(50%);
    margin-right: -61px;
    background: transparent;
    /*@media (min-width:992px) and (max-width:1240px) {
                    left: 54.7%;
                }*/
    /*@media @medium-desktop {
                    left: 56% !important;
                }
                    */
}

@media (max-width:991px) {
    .Banner-block .banner-bg video {
        width: 100%;
    }
}

@media (max-width:767px) {
    .Banner-block .banner-bg video {
        margin-right: 0;
        max-height: 100%;
    }
}

@media (max-width:991px) {
    .Banner-block .banner {
        top: 77px;
        height: 270px;
        margin-bottom: 62px;
    }
}

@media (max-width:767px) {
    .Banner-block .banner {
        margin-bottom: 0 !important;
        height: 205px;
    }
}

.Banner-block .banner-item {
    width: 100%;
    position: relative;
    height: 496px !important;
}

@media (max-width:991px) {
    .Banner-block .banner-item {
        margin-bottom: 0px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .Banner-block .banner-item {
        height: 270px !important;
    }
}

@media (max-width:767px) {
    .Banner-block .banner-item {
        height: 197px !important;
    }
}

.Banner-block .banner-content {
    position: relative;
    z-index: 10;
    height: 496px !important;
}

@media (min-width:768px) and (max-width:991px) {
    .Banner-block .banner-content {
        height: 270px !important;
        overflow: hidden;
    }
}

@media (max-width:767px) {
    .Banner-block .banner-content {
        height: 197px !important;
        overflow: hidden;
    }
}

.Banner-block .banner-content .container {
    height: 496px !important;
    position: relative;
}

@media (min-width:768px) and (max-width:991px) {
    .Banner-block .banner-content .container {
        height: 270px !important;
    }
}

@media (max-width:767px) {
    .Banner-block .banner-content .container {
        height: 197px !important;
    }
}

.Banner-block .banner-text {
    position: relative;
    width: 40%;
    float: left;
    margin-top: 50px;
    z-index: 10;
}

@media (min-width:768px) and (max-width:991px) {
    .Banner-block .banner-text {
        width: 50%;
        margin-top: 15px;
    }
}

@media (max-width:767px) {
    .Banner-block .banner-text {
        width: 62%;
        margin-top: -4px;
    }
}

.Banner-block .banner-text-title {
    font-weight: bold;
    letter-spacing: -2.25px;
    word-spacing: -1px;
    line-height: 60px;
    color: #000f33;
}

@media (min-width:992px) {
    .Banner-block .banner-text-title {
        font-size: 4.8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Banner-block .banner-text-title {
        font-size: 4rem;
    }
}

@media (max-width:767px) {
    .Banner-block .banner-text-title {
        font-size: 3.6rem;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .Banner-block .banner-text-title {
        font-size: 30px;
        line-height: 1.3;
        word-spacing: normal;
        letter-spacing: normal;
    }
}

@media (max-width:767px) {
    .Banner-block .banner-text-title {
        font-size: 16px;
        line-height: 1.5;
        word-spacing: normal;
        letter-spacing: normal;
    }
}

.Banner-block .banner-text-button {
    font-size: 18px;
    display: table-cell;
    position: relative;
    padding-left: 30px;
    margin-right: 10px;
    text-decoration: none;
    line-height: 1.2;
    font-weight: bold;
    -webkit-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    vertical-align: middle;
}

@media (min-width:768px) and (max-width:991px) {
    .Banner-block .banner-text-button {
        padding-left: 25px;
        font-size: 15px;
        line-height: 1.2;
    }
}

@media (max-width:767px) {
    .Banner-block .banner-text-button {
        font-size: 13px;
        padding-left: 20px;
        line-height: 1.3;
    }
}

.Banner-block .banner-text-button.cost-button {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.Banner-block .banner-text-button:hover {
    color: #870052;
}

.Banner-block .banner-text-button:before,
.Banner-block .banner-text-button:after {
    position: absolute;
    left: -7px;
    font-size: 35px;
    font-family: 'icomoon' !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
}

@media (min-width:768px) and (max-width:991px) {
    .Banner-block .banner-text-button:before,
    .Banner-block .banner-text-button:after {
        font-size: 25px;
        left: -4px;
    }
}

@media (max-width:767px) {
    .Banner-block .banner-text-button:before,
    .Banner-block .banner-text-button:after {
        font-size: 18px;
        left: -4px;
    }
}

.Banner-block .banner-text-button:before {
    content: "\e92e";
    color: #c60651;
}

.Banner-block .banner-text-button:after {
    content: "\e932" !important;
    color: #870052;
}

.Banner-block .banner-text-button + a {
    left: 35px;
}

@media (min-width:768px) and (max-width:991px) {
    .Banner-block .banner-text-button + a {
        left: 20px;
    }
}

@media (max-width:767px) {
    .Banner-block .banner-text-button + a {
        left: 10px;
    }
}

.Banner-block .banner-text-button.active {
    background: #870052;
    border-radius: 5px;
    color: white;
    padding: 20px 30px 20px 60px;
    left: -30px;
    top: -20px;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

@media (max-width:767px) {
    .Banner-block .banner-text-button.active {
        padding: 10px 15px 10px 40px;
        margin-left: -25px;
        margin-top: 0;
    }
}

.Banner-block .banner-text-button.active:after,
.Banner-block .banner-text-button.active:before {
    left: 23px;
}

@media (max-width:767px) {
    .Banner-block .banner-text-button.active:after,
    .Banner-block .banner-text-button.active:before {
        left: 15px;
    }
}

.Banner-block .banner-text-button.active:after {
    color: white;
}

.Banner-block .banner-text-button.active:before {
    color: rgba(255, 255, 255, 0.7);
}

.Banner-block .banner-text .button-content {
    display: table;
    margin-top: 28px;
    vertical-align: middle;
}

@media (min-width:768px) and (max-width:991px) {
    .Banner-block .banner-text .button-content {
        margin-top: 28px;
    }
}

@media (max-width:767px) {
    .Banner-block .banner-text .button-content {
        margin-top: 10px;
    }
}

.Banner-block .banner-image {
    width: auto;
    position: absolute;
    float: right;
    right: 270px;
    bottom: 0px;
}

@media (min-width:992px) and (max-width:1240px) {
    .Banner-block .banner-image {
        right: 250px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .Banner-block .banner-image {
        right: 15px;
        width: 50%;
        bottom: 0px;
    }
}

@media (max-width:767px) {
    .Banner-block .banner-image {
        position: absolute;
        right: 0px;
        height: 197px;
        /*overflow: hidden;*/
        width: 175px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .Banner-block .banner-image img {
        width: 75%;
        float: right;
    }
}

@media (max-width:767px) {
    .Banner-block .banner-image img {
        width: auto;
        height: 150px;
        float: right;
    }
}

.Banner-block .mobile-button {
    width: 100%;
}

@media (max-width:991px) {
    .Banner-block .mobile-button {
        /*width: 750px !important;
              margin: 0 auto 15px auto !important;
              left: 0 !important;*/
        margin-top: 20px;
        position: relative;
        z-index: 9;
        border-bottom: 2px solid gainsboro;
        overflow: hidden;
    }
}

.Banner-block .mobile-button a {
    width: 50%;
    background-color: white;
    color: #870052;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    display: block;
    float: left;
    position: relative;
    padding-top: 13px;
    padding-bottom: 13px;
}

    .Banner-block .mobile-button a i {
        padding-right: 20px;
        font-size: 14px;
        position: relative;
        top: 2px;
    }

        .Banner-block .mobile-button a i:before {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }

    .Banner-block .mobile-button a:first-child:after {
        content: '';
        position: absolute;
        right: -1px;
        height: 22px;
        background-color: #d2d3dc;
        top: 10px;
        width: 1px;
        z-index: 1;
    }

.Banner-block .owl-dots {
    height: 40px !important;
}

@media (min-width:768px) and (max-width:991px) {
    .Banner-block .owl-dots {
        left: 0px !important;
        right: auto !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        -sand-transform: none !important;
        transform: none !important;
        text-align: left !important;
        padding-left: 5px !important;
        bottom: 12px !important;
    }
}

@media (max-width:767px) {
    .Banner-block .owl-dots {
        margin-left: auto;
        bottom: 41px !important;
        left: 5px !important;
        padding-right: 0 !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        -sand-transform: none !important;
        transform: none !important;
        text-align: right !important;
    }
}

.Banner-block .bannerplaypause-button {
    margin-left: 10px !important;
    width: 28px;
}

    .Banner-block .bannerplaypause-button:before {
        left: 0px;
    }

    .Banner-block .bannerplaypause-button:after {
        left: 12px !important;
    }

.Banner-block .container.psr {
    position: relative;
}

.Banner-block .cost-tables {
    background: #870052;
    border-radius: 5px;
    border-top-left-radius: 0;
    color: white;
    position: absolute;
    z-index: 100;
    top: 450px;
    padding: 30px;
    display: none;
}

@media (max-width:767px) {
    .Banner-block .cost-tables {
        width: 100%;
        padding: 15px;
        left: 0 !important;
    }
}

.Banner-block .cost-tables table {
    border: 1px solid rgba(255, 255, 255, 0.4);
    margin-bottom: 30px;
}

@media (max-width:767px) {
    .Banner-block .cost-tables table {
        margin-bottom: 15px;
    }
}

.Banner-block .cost-tables table th {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.Banner-block .cost-tables table td {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.Banner-block .cost-tables-close {
    color: white;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    width: 150px;
    display: block;
    position: relative;
    margin: 0 auto;
}

@media (min-width:992px) {
    .Banner-block .cost-tables-close {
        font-size: 2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Banner-block .cost-tables-close {
        font-size: 2rem;
    }
}

@media (max-width:767px) {
    .Banner-block .cost-tables-close {
        font-size: 1.8rem;
    }
}

@media (max-width:767px) {
    .Banner-block .cost-tables-close {
        width: 100px;
    }
}

.Banner-block .cost-tables-close:before,
.Banner-block .cost-tables-close:after {
    position: absolute;
    right: 0px;
    font-size: 29px;
    font-family: 'icomoon' !important;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    -sand-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

@media (min-width:768px) and (max-width:991px) {
    .Banner-block .cost-tables-close:before,
    .Banner-block .cost-tables-close:after {
        font-size: 25px;
    }
}

@media (max-width:767px) {
    .Banner-block .cost-tables-close:before,
    .Banner-block .cost-tables-close:after {
        font-size: 18px;
    }
}

.Banner-block .cost-tables-close:before {
    content: "\e92e";
    color: rgba(255, 255, 255, 0.7);
}

.Banner-block .cost-tables-close:after {
    content: "\e932" !important;
    color: white;
}

.banner-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

@media (max-width:767px) {
    .banner-bg {
        width: 145%;
    }
}

.banner-bg .step {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

.Homepage-calculate {
    position: absolute;
    right: 0;
    top: 145px;
    left: 50%;
    margin-left: 300px;
    width: 255px;
    max-height: 400px;
    z-index: 7;
    background: white;
    border-radius: 5px;
    padding: 16px 20px 20px 20px;
    -webkit-animation-name: fadeInUphomecalculate;
    animation-name: fadeInUphomecalculate;
    /*@media @tablet {
        width: 750px !important;
        left: 0 !important;
        margin: 15px auto !important;
    }*/
    /*@media @tablet-mobil {
        position: relative;
        width: calc(~"100% - 30px");
        max-width: 750px;
        left: 0px;
        top: 0;
        margin: 15px auto 15px auto;
    }*/
}

@media (max-width:991px) {
    .Homepage-calculate {
        height: auto;
        width: 100%;
        position: relative;
        margin: 0 0 15px 0;
        left: 0;
        -webkit-animation-name: none !important;
        animation-name: none !important;
        top: 0;
        border-radius: 0;
        padding: 16px 25px;
    }
}

.Homepage-calculate input {
    border: 2px solid #d8d8d8;
    height: 36px;
}

.Homepage-calculate .input-group {
    border: 2px solid #d8d8d8;
}

    .Homepage-calculate .input-group input[type="text"] + .input-group-addon {
        color: #02184d !important;
        font-weight: bold;
    }

.Homepage-calculate-switch {
    color: #870052;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 16px;
    position: relative;
    display: block;
    text-decoration: none !important;
}

@media (min-width:992px) {
    .Homepage-calculate-switch {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Homepage-calculate-switch {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .Homepage-calculate-switch {
        font-size: 1.4rem;
    }
}

@media (max-width:991px) {
    .Homepage-calculate-switch {
        margin-bottom: 19px;
    }
}

.Homepage-calculate-switch .label {
    color: #870052;
    font-style: normal;
    font-weight: 700;
    padding: 0;
}

@media (min-width:992px) {
    .Homepage-calculate-switch .label {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Homepage-calculate-switch .label {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .Homepage-calculate-switch .label {
        font-size: 1.4rem;
    }
}

.Homepage-calculate-switch i {
    float: right;
    font-size: 14px;
    color: #870052;
}

.Homepage-calculate-switch-list {
    background: #870052;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    margin-left: -20px;
    margin-right: -20px;
    position: absolute;
    width: 100%;
    top: 0;
    padding: 4px 20px;
    border-radius: 5px;
    z-index: 5;
}

@media (min-width:768px) and (max-width:991px) {
    .Homepage-calculate-switch-list {
        margin-left: -25px;
    }
}

@media (max-width:767px) {
    .Homepage-calculate-switch-list {
        border-radius: 0 !important;
        margin-left: -25px;
    }
}

.Homepage-calculate-switch-list li {
    line-height: 42px;
    border-bottom: 1px solid rgba(240, 240, 240, 0.2);
    position: relative;
}

    .Homepage-calculate-switch-list li:last-child {
        border: none;
    }

    .Homepage-calculate-switch-list li a {
        color: rgba(255, 255, 255, 0.6);
        width: 100%;
        display: block;
    }

    .Homepage-calculate-switch-list li i {
        line-height: 42px;
        color: rgba(255, 255, 255, 0.6);
        font-style: normal;
        font-weight: 700;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -sand-transform: translateY(-50%);
        transform: translateY(-50%);
    }

@media (min-width:992px) {
    .Homepage-calculate-switch-list li i {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Homepage-calculate-switch-list li i {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .Homepage-calculate-switch-list li i {
        font-size: 1.3rem;
    }
}

.Homepage-calculate-switch-list li.active a {
    color: white;
}

.Homepage-calculate-slider {
    padding-bottom: 7px;
}

.Homepage-calculate label {
    color: #707070;
    font-style: normal;
    font-weight: 700;
    padding: 0;
}

@media (min-width:992px) {
    .Homepage-calculate label {
        font-size: 1rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Homepage-calculate label {
        font-size: 1rem;
    }
}

@media (max-width:767px) {
    .Homepage-calculate label {
        font-size: 1rem;
    }
}

.Homepage-calculate label.error {
    position: absolute;
    z-index: 99;
    background: #870052;
    color: white;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 10px;
    border-radius: 5px;
    width: 80%;
}

    .Homepage-calculate label.error:before {
        content: '';
        width: 15px;
        height: 15px;
        position: absolute;
        left: 5px;
        top: -19px;
        border: 10px solid transparent;
        border-bottom-color: #870052;
    }

.Homepage-calculate .select + .select2.select2-container--default .select2-selection--single {
    height: 40px;
}

    .Homepage-calculate .select + .select2.select2-container--default .select2-selection--single span.select2-selection__rendered {
        color: #02184d;
        font-weight: bold;
        line-height: 40px !important;
    }

    .Homepage-calculate .select + .select2.select2-container--default .select2-selection--single .select2-selection__arrow:after {
        color: #870052;
    }

.Homepage-calculate-list {
    margin-top: -19px;
}

@media (min-width:768px) and (max-width:991px) {
    .Homepage-calculate-list {
        margin-top: 0 !important;
    }
}

.Homepage-calculate-list-item {
    padding-bottom: 12px;
    padding-top: 11px;
    border-bottom: 1px solid #d8d8d8;
    height: 45px;
    /*@media @tablet {
                height: 52px;
               // width: calc(~"33% - 15px");
                float: left;
                margin-right: 15px;

                &:last-child {
                    margin-right: 0;
                    width: 33%;
                    border-bottom: 1px solid #d8d8d8 !important;
                }
            }*/
}

@media (min-width:768px) and (max-width:991px) {
    .Homepage-calculate-list-item {
        height: 50px;
    }
}

.Homepage-calculate-list-item-label {
    color: #707070;
    font-style: normal;
    font-weight: 700;
    padding: 0;
}

@media (min-width:992px) {
    .Homepage-calculate-list-item-label {
        font-size: 1rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Homepage-calculate-list-item-label {
        font-size: 1rem;
    }
}

@media (max-width:767px) {
    .Homepage-calculate-list-item-label {
        font-size: 1rem;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .Homepage-calculate-list-item-label {
        font-size: 12px;
    }
}

.Homepage-calculate-list-item-amount {
    text-align: right;
    color: #1d2552;
    font-style: normal;
    font-weight: 700;
    padding: 0;
    padding-top: 2px !important;
}

@media (min-width:992px) {
    .Homepage-calculate-list-item-amount {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Homepage-calculate-list-item-amount {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .Homepage-calculate-list-item-amount {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .Homepage-calculate-list-item-amount {
        font-size: 16px;
        padding-top: 5px !important;
    }
}

@media (max-width:767px) {
    .Homepage-calculate-list-item-amount {
        padding-top: 3.5px !important;
    }
}

.Homepage-calculate-list-item:last-child {
    border: none;
}

.Homepage-calculate-list-link {
    font-size: 12px;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 17px;
}

@media (min-width:768px) and (max-width:991px) {
    .Homepage-calculate-list-link {
        margin-top: 6px;
        font-size: 14px;
        margin-bottom: 0;
        /*.button {
                      color: @color-ruby !important;
                      font-weight: bold;
                  }*/
    }
}

@media (max-width:767px) {
    .Homepage-calculate-list-link {
        margin-top: 6px;
        font-size: 14px;
    }
}

.Homepage-calculate-list-link .tablet-calc-link {
    text-align: left;
    margin-top: 20px;
    text-decoration: none;
    border-bottom: 1px solid #870052;
}

@media (min-width:768px) and (max-width:991px) {
    .Homepage-calculate-list-link .tablet-calc-link {
        display: inline-block !important;
        float: left;
    }
}

.Homepage-calculate-list-button:before,
.Homepage-calculate-list-button:after {
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.5s ease;
}

.Homepage-calculate-list-button:hover,
.Homepage-calculate-list-button:focus {
    color: white;
}

.Homepage-calculate-list-button:before {
    z-index: -1;
    border-radius: 5px;
}

.Homepage-calculate-list-button:hover {
    -webkit-box-shadow: 0px 4px 11px 0px rgba(135, 0, 82, 0.5);
    -moz-box-shadow: 0px 4px 11px 0px rgba(135, 0, 82, 0.5);
    box-shadow: 0px 4px 11px 0px rgba(135, 0, 82, 0.5);
}

    .Homepage-calculate-list-button:hover:before {
        background: #a10061 !important;
    }

    .Homepage-calculate-list-button:hover i {
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-name: fadeInLeft;
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
        -sand-transform: translate(-50%);
        transform: translate(-50%);
        top: 26%;
    }

@media (min-width: 1199px) and (max-width: 1240px) {
    .Homepage-calculate {
        width: 222px !important;
        margin-left: 331px !important;
    }
}

@media (min-width:992px) and (max-width:1240px) {
    .Homepage-calculate {
        width: 222px;
        margin-left: 247px;
    }
}

.Section-block {
    padding-top: 44px;
    /*padding-bottom: 30px;*/
    position: relative;
    width: 100%;
    z-index: 7;
}

@media (max-width:991px) {
    .Section-block {
        padding-top: 26px;
    }
}

.Section-block .title {
    margin-bottom: 34px;
    letter-spacing: -0.025em;
}

@media (min-width:768px) and (max-width:991px) {
    .Section-block .title {
        font-size: 20px;
        margin-bottom: 12px;
    }
}

@media (max-width:767px) {
    .Section-block .title {
        font-size: 24px;
        margin-bottom: 12px;
    }
}

.Section-block-nav {
    display: block;
    overflow: hidden;
    z-index: 5;
    position: relative;
    margin-left: -6px;
}

.Section-block-nav-item {
    line-height: 48px;
    margin-right: 15px;
    margin-bottom: 0 !important;
    padding: 6px;
}

@media (max-width:767px) {
    .Section-block-nav-item {
        border-bottom: 1px solid rgba(240, 240, 240, 0.2);
        width: 50%;
        display: block;
        float: left;
        text-align: center;
        margin: 0 !important;
        padding: 0;
    }
}

.Section-block-nav-item:hover {
    text-decoration: none;
    color: white;
}

.Section-block-nav-item.active a {
    color: white !important;
    border-bottom: 2px solid white !important;
}

.Section-block-nav-item a {
    color: rgba(255, 255, 255, 0.3);
    font-style: normal;
    font-weight: 400;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    line-height: 1.4 !important;
    letter-spacing: 0.05em;
}

@media (min-width:992px) {
    .Section-block-nav-item a {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Section-block-nav-item a {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .Section-block-nav-item a {
        font-size: 1.4rem;
    }
}

.Section-block-nav-item a:hover {
    color: white;
}

@media (max-width:991px) {
    .Section-block-nav-item a {
        line-height: 2 !important;
    }
}

.Section-block-bottom-nav {
    position: absolute;
    margin-top: -47px;
    right: 0;
    z-index: 5;
    width: auto;
}

@media (max-width:767px) {
    .Section-block-bottom-nav {
        position: relative;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

.Section-block-bottom-nav a {
    display: block;
    float: left;
    line-height: 1.3;
    letter-spacing: 0.05em;
    /*@media @mobil {
                background-color: @button-color;
                color: @button-color-text;
                width: calc(~"50% - 7.5px");
                display: block;
                float: left;
                text-align: center;
                border-radius: @border-radius;
                line-height: 42px;

                &:hover {
                    background: @button-color-hover;
                    color: @button-color-text;

                    &:before {
                        display: none !important;
                    }
                }
            }*/
}

    .Section-block-bottom-nav a + a {
        margin-left: 46px;
    }

@media (max-width:767px) {
    .Section-block-bottom-nav a + a {
        margin-left: 15px;
    }
}

.section-2,
.section-3,
.section-4 {
    height: 544px;
    overflow: hidden;
}

@media (max-width:991px) {
    .section-2,
    .section-3,
    .section-4 {
        height: auto;
    }
}

.section-2 .carousel-text,
.section-3 .carousel-text,
.section-4 .carousel-text {
    margin-top: 111px;
    margin-bottom: 96px;
    /*overflow: hidden;  button border kesiyor kaldırdım. başka sorun cıkartabilir.*/
}

@media (min-width:768px) and (max-width:991px) {
    .section-2 .carousel-text,
    .section-3 .carousel-text,
    .section-4 .carousel-text {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
}

@media (max-width:767px) {
    .section-2 .carousel-text,
    .section-3 .carousel-text,
    .section-4 .carousel-text {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
}

.section-2 .carousel-text-title,
.section-3 .carousel-text-title,
.section-4 .carousel-text-title {
    margin-bottom: 10px;
    letter-spacing: 0.025em;
    color: #1d2552;
}

@media (min-width:768px) and (max-width:991px) {
    .section-2 .carousel-text-title,
    .section-3 .carousel-text-title,
    .section-4 .carousel-text-title {
        font-size: 16px !important;
    }
}

.section-2 .carousel-text-content,
.section-3 .carousel-text-content,
.section-4 .carousel-text-content {
    line-height: 1.6;
    letter-spacing: -0.1px;
    margin-bottom: 50px;
    letter-spacing: 0.05em;
}

@media (max-width:991px) {
    .section-2 .carousel-text-content,
    .section-3 .carousel-text-content,
    .section-4 .carousel-text-content {
        margin-bottom: 12px !important;
    }
}

.section-2 .carousel-text-button,
.section-3 .carousel-text-button,
.section-4 .carousel-text-button {
    margin-top: 6px;
    letter-spacing: 0.05em;
}

@media (min-width:768px) and (max-width:991px) {
    .section-2 .carousel-image,
    .section-3 .carousel-image,
    .section-4 .carousel-image {
        margin-top: 20px;
    }
}

.section-2 {
    background-color: #1170c4;
    background-image: url("/_assets/img/2.png"), -webkit-gradient(linear, left top, right top, from(#1170c4), to(#000f33));
    background-image: url("/_assets/img/2.png"), -webkit-linear-gradient(left, #1170c4 10%, #000f33 55%);
    background-image: url("/_assets/img/2.png"), -moz-linear-gradient(left, #1170c4 10%, #000f33 55%);
    background-image: url("/_assets/img/2.png"), -ms-linear-gradient(left, #1170c4 10%, #000f33 55%);
    background-image: url("/_assets/img/2.png"), -o-linear-gradient(left, #1170c4 10%, #000f33 55%);
    background-image: url("/_assets/img/2.png"), linear-gradient(left, #1170c4 10%, #000f33 55%);
    background-repeat: no-repeat;
    background-position: calc(50% + 436px) top;
}

@media (max-width:991px) {
    .section-2 {
        background-color: #1170c4;
        background-image: -webkit-gradient(linear, left top, right top, from(#1170c4), to(#000f33));
        background-image: -webkit-linear-gradient(left, #1170c4, #000f33);
        background-image: -moz-linear-gradient(left, #1170c4, #000f33);
        background-image: -ms-linear-gradient(left, #1170c4, #000f33);
        background-image: -o-linear-gradient(left, #1170c4, #000f33);
        background: linear-gradient(to right, #1170c4, #000f33);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #1170c4, EndColorStr= #000f33,GradientType=1);
    }
}

.section-2 .title {
    color: rgba(255, 255, 255, 0.8);
}

.section-2 .carousel {
    margin-top: -50px;
}

@media (min-width:768px) and (max-width:991px) {
    .section-2 .carousel {
        margin-top: -50px;
    }
}

@media (max-width:767px) {
    .section-2 .carousel {
        margin-top: 0px;
        padding-bottom: 45px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .section-2 .carousel-text {
        margin-top: 70px !important;
    }
}

@media (max-width:767px) {
    .section-2 .carousel-text {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
}

.section-2 .carousel-text-title {
    color: white;
}

@media (min-width:768px) and (max-width:991px) {
    .section-2 .carousel-text-title {
        font-size: 16px;
    }
}

.section-2 .carousel-text-content {
    color: rgba(240, 240, 240, 0.5);
}

.section-2 .carousel-text-button [class^="icon-"] {
    display: none;
}

@media (max-width:991px) {
    .section-2 .carousel-text-button [class^="icon-"] {
        font-size: 16px;
        position: relative;
        top: 4px;
    }

        .section-2 .carousel-text-button [class^="icon-"] span:before {
            color: #1d2552;
        }
}

@media (max-width:767px) {
    .section-2 .carousel-text-button {
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-bottom: 20px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .section-2 .carousel-image {
        margin: 0px;
        margin-bottom: 10px;
    }
}

@media (max-width:767px) {
    .section-2 .carousel-image {
        margin-bottom: 15px;
    }
}

@media (max-width:991px) {
    .section-2 {
        margin-top: 0;
    }
}

.section-3 {
    background-color: #f0f0f0;
    background-image: url("/_assets/img/3.png"), -webkit-gradient(linear, left top, right top, from(#f0f0f0), to(#f0f0f0));
    background-image: url("/_assets/img/3.png"), -webkit-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url("/_assets/img/3.png"), -moz-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url("/_assets/img/3.png"), -ms-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url("/_assets/img/3.png"), -o-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url("/_assets/img/3.png"), linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-repeat: no-repeat;
    background-position: calc(50% + 387px) top;
}

@media (max-width:991px) {
    .section-3 {
        background-color: transparent;
        background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(transparent));
        background-image: -webkit-linear-gradient(left, transparent, transparent);
        background-image: -moz-linear-gradient(left, transparent, transparent);
        background-image: -ms-linear-gradient(left, transparent, transparent);
        background-image: -o-linear-gradient(left, transparent, transparent);
        background: linear-gradient(to right, transparent, transparent);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= transparent, EndColorStr= transparent,GradientType=1);
    }
}

.section-3 .title {
    font-weight: bold;
    color: #1d2552;
}

.section-3 .container {
    position: relative;
}

@media (max-width:767px) {
    .section-3 .carousel {
        padding-bottom: 45px;
    }
}

.section-3 .carousel-text {
    margin-top: 51px;
    margin-bottom: 97px;
}

@media (max-width:991px) {
    .section-3 .carousel-text {
        margin-bottom: 10px !important;
    }
}

.section-3 .carousel-text-title {
    color: #1d2552;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.025em;
    margin-bottom: 34px;
    line-height: 1.4;
}

@media (min-width:992px) {
    .section-3 .carousel-text-title {
        font-size: 2.2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .section-3 .carousel-text-title {
        font-size: 2.2rem;
    }
}

@media (max-width:767px) {
    .section-3 .carousel-text-title {
        font-size: 1.5rem;
    }
}

@media (max-width:991px) {
    .section-3 .carousel-text-title {
        margin-bottom: 15px;
    }
}

.section-3 .carousel-text-content {
    margin-bottom: 20px;
    color: #1d2552;
}

@media (max-width:991px) {
    .section-3 .carousel-text-content {
        margin-bottom: 15px !important;
    }
}

.section-3 .carousel-image {
    padding-right: 0;
}

@media (min-width:768px) and (max-width:991px) {
    .section-3 .carousel-image {
        margin-top: 0;
        margin-bottom: 65px;
        margin-right: 10px;
    }
}

@media (max-width:767px) {
    .section-3 .carousel-image {
        float: none;
        margin-top: 15px;
        padding-right: 15px;
    }
}

.section-3 .owl-dots {
    bottom: 6px !important;
}

@media (max-width:767px) {
    .section-3 .owl-dots {
        bottom: 0 !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .section-3 .Section-block-bottom-nav {
        margin-top: -70px;
        margin-right: 10px;
    }
}

@media (max-width:991px) {
    .section-3 {
        margin-top: 0;
    }
}

.section-3 .star {
    position: absolute;
    display: block;
    opacity: 0;
}

    .section-3 .star.visibled {
        opacity: 1;
    }

    .section-3 .star.star-1 {
        left: -70px;
        top: 90px;
    }

@media (min-width:768px) and (max-width:991px) {
    .section-3 .star.star-1 {
        left: 0px;
        top: 35px;
    }
}

.section-3 .star.star-2 {
    left: 450px;
    top: 400px;
}

@media (min-width:768px) and (max-width:991px) {
    .section-3 .star.star-2 {
        left: 450px;
        top: 300px;
    }
}

.section-3 .star.star-3 {
    left: 1195px;
    top: 100px;
}

@media (min-width:768px) and (max-width:991px) {
    .section-3 .star.star-3 {
        left: 150px;
        top: 280px;
    }
}

.section-3 .star.star-4 {
    left: 1180px;
    top: 320px;
}

@media (min-width:768px) and (max-width:991px) {
    .section-3 .star.star-4 {
        left: 650px;
        top: 300px;
    }
}

.section-3 .star.star-5 {
    left: 660px;
    top: 15px;
}

.section-4 {
    background-color: #030e34;
    background-image: url("/_assets/img/4.png"), -webkit-gradient(linear, left top, right top, from(#030e34), to(#750052));
    background-image: url("/_assets/img/4.png"), -webkit-linear-gradient(118deg, #030e34 20%, #750052 70%);
    background-image: url("/_assets/img/4.png"), -moz-linear-gradient(118deg, #030e34 20%, #750052 70%);
    background-image: url("/_assets/img/4.png"), -ms-linear-gradient(118deg, #030e34 20%, #750052 70%);
    background-image: url("/_assets/img/4.png"), -o-linear-gradient(118deg, #030e34 20%, #750052 70%);
    background-image: url("/_assets/img/4.png"), linear-gradient(118deg, #030e34 20%, #750052 70%);
    background-repeat: no-repeat;
    background-position: calc(50% + 444px) top;
}

@media (max-width:991px) {
    .section-4 {
        background-color: #030e34;
        background-image: -webkit-gradient(linear, left top, right top, from(#030e34), to(#750052));
        background-image: -webkit-linear-gradient(left, #030e34, #750052);
        background-image: -moz-linear-gradient(left, #030e34, #750052);
        background-image: -ms-linear-gradient(left, #030e34, #750052);
        background-image: -o-linear-gradient(left, #030e34, #750052);
        background: linear-gradient(to right, #030e34, #750052);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #030e34, EndColorStr= #750052,GradientType=1);
    }
}

.section-4 .container {
    position: relative;
}

.section-4 .title {
    color: rgba(255, 255, 255, 0.8);
}

.section-4 .carousel-text {
    margin-top: 75px;
    margin-bottom: 105px;
}

@media (max-width:991px) {
    .section-4 .carousel-text {
        margin-top: 10px !important;
    }
}

@media (max-width:767px) {
    .section-4 .carousel-text {
        margin-bottom: 0 !important;
    }
}

.section-4 .carousel-text-title {
    letter-spacing: 0.025em;
    margin-bottom: 38px;
    color: white;
}

@media (min-width:768px) and (max-width:991px) {
    .section-4 .carousel-text-title {
        margin-bottom: 30px !important;
    }
}

@media (max-width:767px) {
    .section-4 .carousel-text-title {
        font-size: 15px;
        margin-bottom: 10px !important;
    }
}

.section-4 .carousel-text-content {
    margin-bottom: 35px;
    color: rgba(240, 240, 240, 0.5);
}

@media (min-width:768px) and (max-width:991px) {
    .section-4 .carousel-image {
        margin-top: 0 !important;
        margin-bottom: 30px;
    }
}

@media (max-width:767px) {
    .section-4 .carousel-image {
        margin-bottom: 30px;
    }
}

@media (max-width:991px) {
    .section-4 .Section-block-bottom-nav {
        margin-top: -50px;
        margin-right: 10px;
    }
}

.section-4 .owl-dots {
    bottom: 10px !important;
}

.Market-data {
    background-color: #f0f0f0;
    background-image: url("/_assets/img/5-1.png"), -webkit-gradient(linear, left top, right top, from(#f0f0f0), to(#f0f0f0));
    background-image: url("/_assets/img/5-1.png"), -webkit-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url("/_assets/img/5-1.png"), -moz-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url("/_assets/img/5-1.png"), -ms-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url("/_assets/img/5-1.png"), -o-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url("/_assets/img/5-1.png"), linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-repeat: no-repeat;
    background-position: calc(50% + 366px) top;
    padding-bottom: 44px;
    height: 272px;
}

:lang(en) .Market-data {
    background-color: #f0f0f0;
    background-image: url("/_assets/img/5-1-en.png"), -webkit-gradient(linear, left top, right top, from(#f0f0f0), to(#f0f0f0));
    background-image: url("/_assets/img/5-1-en.png"), -webkit-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url("/_assets/img/5-1-en.png"), -moz-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url("/_assets/img/5-1-en.png"), -ms-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url("/_assets/img/5-1-en.png"), -o-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url("/_assets/img/5-1-en.png"), linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-repeat: no-repeat;
    background-position: calc(50% + 535px) top;
}

@media (min-width:768px) and (max-width:991px) {
    .Market-data {
        background-color: #f0f0f0;
        background-image: -webkit-gradient(linear, left top, right top, from(#f0f0f0), to(#f0f0f0));
        background-image: -webkit-linear-gradient(left, #f0f0f0, #f0f0f0);
        background-image: -moz-linear-gradient(left, #f0f0f0, #f0f0f0);
        background-image: -ms-linear-gradient(left, #f0f0f0, #f0f0f0);
        background-image: -o-linear-gradient(left, #f0f0f0, #f0f0f0);
        background: linear-gradient(to right, #f0f0f0, #f0f0f0);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #f0f0f0, EndColorStr= #f0f0f0,GradientType=1);
        padding-bottom: 0px;
        height: auto;
    }
}

@media (max-width:767px) {
    .Market-data {
        background-color: #f0f0f0;
        background-image: -webkit-gradient(linear, left top, right top, from(#f0f0f0), to(#f0f0f0));
        background-image: -webkit-linear-gradient(left, #f0f0f0, #f0f0f0);
        background-image: -moz-linear-gradient(left, #f0f0f0, #f0f0f0);
        background-image: -ms-linear-gradient(left, #f0f0f0, #f0f0f0);
        background-image: -o-linear-gradient(left, #f0f0f0, #f0f0f0);
        background: linear-gradient(to right, #f0f0f0, #f0f0f0);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #f0f0f0, EndColorStr= #f0f0f0,GradientType=1);
        padding-bottom: 0px;
        height: auto;
    }
}

.Market-data .title {
    color: #1d2552;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 25px;
    letter-spacing: 0.025em;
}

@media (min-width:992px) {
    .Market-data .title {
        font-size: 2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Market-data .title {
        font-size: 2rem;
    }
}

@media (max-width:767px) {
    .Market-data .title {
        font-size: 1.8rem;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .Market-data .title {
        font-size: 16px;
        margin-bottom: 16px;
    }
}

@media (max-width:767px) {
    .Market-data .title {
        margin-bottom: 0px;
        padding-top: 0px;
        font-size: 15px;
    }
}

.Market-data-carousel {
    overflow: hidden;
}

@media (max-width:991px) {
    .Market-data-carousel .owl-dots {
        bottom: -7px !important;
        text-align: right;
        right: 1px;
    }
}

.Market-data-block {
    margin-top: 16px;
}

@media (min-width:768px) and (max-width:991px) {
    .Market-data-block {
        margin-top: 0 !important;
    }
}

.Market-data-block-item {
    float: left;
    width: 50%;
}

@media (max-width:767px) {
    .Market-data-block-item + .Market-data-block-item {
        width: calc(50% - 7.5px);
        margin-left: 7.5px;
    }
}

.Market-data-block-item-type {
    font-family: 'Cordale', ariel;
    font-size: 14px;
    display: block;
    line-height: 17px;
    margin-bottom: 6px;
    letter-spacing: 0.025em;
    color: #1d2552;
}

@media (min-width:768px) and (max-width:991px) {
    .Market-data-block-item-type {
        font-size: 12px;
        margin-bottom: 3px;
    }
}

@media (max-width:767px) {
    .Market-data-block-item-type {
        font-size: 10px;
        margin-bottom: 0px;
    }
}

.Market-data-block-item-value {
    font-family: 'Cordale', ariel;
    font-weight: 400;
    font-size: 24px;
    display: block;
    line-height: 28px;
    margin-bottom: 6px;
    letter-spacing: 0.05em;
    color: #1d2552;
}

@media (min-width:768px) and (max-width:991px) {
    .Market-data-block-item-value {
        font-size: 20px;
        margin-bottom: 3px;
    }
}

@media (max-width:767px) {
    .Market-data-block-item-value {
        font-size: 15px;
        margin-bottom: 0px;
    }
}

.Market-data-block-item-rate {
    font-family: 'Cordale', ariel;
    font-size: 14px;
    display: block;
    padding-left: 22px;
    position: relative;
    line-height: 17px;
    letter-spacing: 0.025em;
    color: #1d2552;
}

@media (min-width:768px) and (max-width:991px) {
    .Market-data-block-item-rate {
        font-size: 12px;
    }
}

@media (max-width:767px) {
    .Market-data-block-item-rate {
        font-size: 10px;
    }
}

.Market-data-block-item-rate.ascend:before {
    color: #00b640;
    font-family: 'icomoon';
    content: "\e90c";
    position: absolute;
    left: 0;
}

.Market-data-block-item-rate.descend:before {
    font-family: 'icomoon';
    content: "\e90d";
    color: #da0010;
    position: absolute;
    left: 0;
}

.Market-data-block-item-rate.stable:before {
    background: #1d2552;
    content: "";
    position: absolute;
    left: 0;
    height: 4px;
    width: 12px;
    top: 6px;
}

.Market-data-date {
    margin-top: 13px;
    margin-top: 30px;
    font-size: 14px;
    color: rgba(29, 37, 82, 0.6);
}

@media (min-width:768px) and (max-width:991px) {
    .Market-data-date {
        margin-bottom: 20px !important;
        margin-top: 15px !important;
    }
}

@media (max-width:767px) {
    .Market-data-date {
        margin-bottom: 20px !important;
        margin-top: 10px;
        /*margin-top: -14px !important;*/
    }
}

@media (max-width:480px) {
    .Market-data-date {
        margin-top: -15px !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .Market-data-notice {
        margin-left: -15px;
        padding-right: 0 !important;
        padding-top: 20px;
        background: url(/_assets/img/dotted-border.png) repeat-x top;
    }
}

@media (max-width:767px) {
    .Market-data-notice {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 20px;
        background: url(/_assets/img/dotted-border.png) repeat-x top;
    }
}

.Market-data-notice a {
    text-decoration: none;
}

.Market-data-notice p {
    margin-top: 16px;
    line-height: 1.7;
    color: #1d2552;
}

@media (min-width:768px) and (max-width:991px) {
    .Market-data-notice p {
        margin-top: 0px;
    }
}

@media (max-width:767px) {
    .Market-data-notice p {
        margin-top: 10px !important;
    }
}

.Market-data-notice .owl-dots {
    height: 41px;
}

@media (max-width:991px) {
    .Market-data-notice .owl-dots {
        width: 200px;
        float: right;
        margin-top: -26px !important;
        text-align: right;
        margin-right: 20px;
    }
}

.Market-data-notice-date {
    color: rgba(57, 64, 64, 0.6) !important;
    line-height: 1;
}

@media (min-width:768px) and (max-width:991px) {
    .Market-data-notice-date {
        margin-top: 20px !important;
    }
}

.reference-center {
    height: 447px;
    overflow: hidden;
}

@media (max-width:991px) {
    .reference-center {
        height: auto;
    }
}

.big-dreams {
    height: 385px;
    overflow: hidden;
}

@media (max-width:991px) {
    .big-dreams {
        height: auto;
        padding-bottom: 25px;
    }
}

.campaigns {
    height: 393px;
    overflow: hidden;
}

@media (max-width:991px) {
    .campaigns {
        height: auto;
    }
}

.isHomePage .select2-dropdown {
    border: 2px solid #870052;
    border-top: transparent;
}

    .isHomePage .select2-dropdown.select2-dropdown--above {
        border: 2px solid #870052 !important;
        border-bottom: transparent !important;
    }

    .isHomePage .select2-dropdown.select2-dropdown--below {
        border: 2px solid #870052 !important;
        border-top: transparent !important;
    }

.isHomePage .select2-container--default .select2-selection--single {
    border: 2px solid #d8d8d8 !important;
}

.isHomePage .select2-container--open .select2-selection--single {
    border: 2px solid #870052 !important;
}

.page-landing {
    padding-top: 26px;
}

@media (min-width:768px) and (max-width:991px) {
    .page-landing {
        padding-top: 18px;
        padding-bottom: 20px;
    }
}

@media (max-width:767px) {
    .page-landing {
        padding-top: 16px;
        padding-bottom: 15px;
    }
}

.page-landing .bg {
    background: #02184d url("/_assets/img/qnb_bg.png") top left -358px no-repeat;
}

@media (min-width:768px) and (max-width:991px) {
    .page-landing .bg {
        background: #02184d url("/_assets/img/qnb_bg.png") top left -700px no-repeat;
    }
}

@media (max-width:991px) {
    .page-landing .bg {
        background: #02184d url("/_assets/img/qnb_bg.png") top left -754px no-repeat;
    }
}

.page-landing h1 {
    letter-spacing: 0.025em;
    font-weight: bold;
}

.page-landing h2 {
    color: #1d2552;
    font-style: normal;
    font-weight: 700;
}

@media (min-width:992px) {
    .page-landing h2 {
        font-size: 1.8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-landing h2 {
        font-size: 1.6rem;
    }
}

@media (max-width:767px) {
    .page-landing h2 {
        font-size: 1.4rem;
    }
}

.page-landing-row {
    position: relative;
    display: block;
    overflow: hidden;
    /*&:last-child {
            .page-landing-col {
                margin-bottom: 0;
            }
        }*/
}

    .page-landing-row.all {
        overflow: inherit;
    }

.page-landing-col {
    margin-bottom: 30px;
}

@media (max-width:991px) {
    .page-landing-col {
        margin-bottom: 20px;
    }
}

.page-landing-col.page-landing-full .page-landing-item {
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0;
    padding-bottom: 7px;
}

    .page-landing-col.page-landing-full .page-landing-item .img {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left top;
    }

@media (max-width:991px) {
    .page-landing-col.page-landing-full .page-landing-item {
        background-position: right top 65px;
    }

        .page-landing-col.page-landing-full .page-landing-item .list {
            margin-top: 235px;
        }

        .page-landing-col.page-landing-full .page-landing-item .img {
            position: absolute;
            left: 0px;
            width: 100%;
            top: 65px;
            background-size: 110%;
            height: 225px;
            background-position: right center;
            float: none;
        }
}

@media (max-width:767px) {
    .page-landing-col.page-landing-full .page-landing-item .list [class^='col-'] {
        padding-left: 0;
        padding-right: 0;
    }
}

.page-landing-col.page-landing-full .page-landing-item ul li:nth-last-child(1):before {
    display: none;
}

@media (max-width:991px) {
    .page-landing-col.page-landing-full .page-landing-item ul li:nth-last-child(1):before {
        display: block;
    }
}

.page-landing-col.page-landing-full .page-landing-item ul:last-child li:nth-last-child(1):before {
    display: none;
}

.page-landing-col.page-landing-full .page-landing-item-title {
    margin-top: 12px;
    margin-left: 17px;
    margin-bottom: 0;
}

.page-landing-item {
    background: white;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    /*padding: 12px 17px 26px 17px;*/
    position: relative;
    display: block;
    overflow: hidden;
    /*@media @tablet-mobil {
            padding: 12px 5px 26px 5px;
        }

        @media @mobil {
            padding: 12px 0px 26px 0px;
        }*/
    /*Butonlar*/
}

    .page-landing-item.all {
        overflow: auto;
        z-index: 999;
        height: auto !important;
        position: absolute;
        width: calc(100% - 30px);
        -webkit-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
        -moz-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
        -o-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
        transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-box-shadow: 0px 8px 28px 1px rgba(0, 0, 0, 0.45);
        box-shadow: 0px 8px 28px 1px rgba(0, 0, 0, 0.45);
        -moz-box-shadow: 0px 8px 28px 1px rgba(0, 0, 0, 0.45);
    }

        .page-landing-item.all ul {
            max-height: initial;
            overflow: visible;
        }

    .page-landing-item > a {
        display: block;
        text-decoration: none;
        width: 100%;
    }

.page-landing-item-content {
    padding: 26px 17px 0px 13px;
}

@media (max-width:767px) {
    .page-landing-item-content {
        padding: 16px 17px 0px 13px;
    }
}

.page-landing-item-content a:hover {
    text-decoration: none !important;
    cursor: pointer;
}

.page-landing-item-text {
    text-decoration: none;
    overflow: hidden;
    float: left;
}

    .page-landing-item-text p {
        color: #394040;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        text-decoration: none;
    }

@media (min-width:992px) {
    .page-landing-item-text p {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-landing-item-text p {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-landing-item-text p {
        font-size: 1.3rem;
    }
}

.page-landing-item:hover {
    border-radius: 6px;
}

    .page-landing-item:hover .page-landing-item-text p {
        color: #000f33;
    }

.page-landing-item-title {
    /*padding-top: 28px;
            padding-bottom: 16px;*/
    position: relative;
    padding-left: 65px;
    height: 71px;
    display: table !important;
   /* border-bottom: 1px solid #e5e5e6;*/
    margin-top: 3px;
}

    .page-landing-item-title h2 {
        display: table-cell;
        vertical-align: middle;
        padding-right: 10px;
    }

.campaign .page-landing-item-title {
    color: #02184d;
}

.page-landing-item-title.icon {
    font-family: 'icomoon';
    position: relative;
}

    .page-landing-item-title.icon:before {
        color: #c60651;
        opacity: 1;
        content: "\e92e";
    }

    .page-landing-item-title.icon:after {
        color: #870052;
        left: 0;
        content: "\e932";
    }

.page-landing-item-title i {
    font-size: 34px;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 22px;
    /*@media @tablet-mobil {
                    left: -9px;
                    top: 45%;
                }*/
}

    .page-landing-item-title i .path1:before {
        color: #c60651;
        opacity: 1;
    }

    .page-landing-item-title i .path2:before {
        color: #870052;
    }

.page-landing-item .img {
    /*margin-left: -17px;
            margin-right: -17px;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    height: 233px;
}

@media (max-width:767px) {
    .page-landing-item .img {
        /*height: 170px;*/
        background-position: center top;
    }
}

.page-landing-item ul {
    margin-top: 10px;
    overflow: hidden;
}

@media (max-width:991px) {
    .page-landing-item ul {
        margin-top: 5px;
    }
}

.page-landing-item ul li {
    position: relative;
    color: #394040;
    font-style: normal;
    font-weight: 700;
    display: block;
    padding: 17px 35px 17px 15px;
    line-height: 1.2;
}

@media (min-width:992px) {
    .page-landing-item ul li {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-landing-item ul li {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-landing-item ul li {
        font-size: 1.3rem;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .page-landing-item ul li {
        padding: 14px 35px 14px 15px;
    }
}

.page-landing-item ul li:hover .links,
.page-landing-item ul li:focus .links,
.page-landing-item ul li.active .links {
    visibility: visible;
    opacity: 1;
    background: #870052;
}

.page-landing-item ul li .links {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    color: white;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    z-index: 1;
    line-height: 50px;
    height: 100%;
    -webkit-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    outline: none !important;
}

    .page-landing-item ul li .links > :first-child:nth-last-child(2),
    .page-landing-item ul li .links > :first-child:nth-last-child(2) ~ a {
        width: 50%;
    }

        .page-landing-item ul li .links > :first-child:nth-last-child(2):first-child,
        .page-landing-item ul li .links > :first-child:nth-last-child(2) ~ a:first-child {
            border-right: 1px solid white;
        }

            .page-landing-item ul li .links > :first-child:nth-last-child(2):first-child:after,
            .page-landing-item ul li .links > :first-child:nth-last-child(2) ~ a:first-child:after {
                right: 12px;
            }

    .page-landing-item ul li .links > a {
        outline: none !important;
        width: 100%;
        display: block;
        float: left;
        padding: 0 15px;
        color: white;
        font-style: normal;
        font-weight: 700;
        position: relative;
        -webkit-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
        -moz-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
        -o-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
        transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -sand-transform: translateY(-50%);
        transform: translateY(-50%);
        /*&:after {
                            content: "\e921";
                            font-family: @icon-font;
                            right: 12px;
                            position: absolute;
                            top: 50%;
                            font-weight: 300;
                            .transform(translateY(-50%));
                            color: rgba(@color-white,.5);
                            .font-size(@fs20);
                            display: inline-block;
                            text-decoration: none;
                        }*/
    }

@media (min-width:992px) {
    .page-landing-item ul li .links > a {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-landing-item ul li .links > a {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-landing-item ul li .links > a {
        font-size: 1.3rem;
    }
}

.page-landing-item ul li .links > a:hover,
.page-landing-item ul li .links > a:focus {
    text-decoration: none !important;
}

    .page-landing-item ul li .links > a:hover span:before,
    .page-landing-item ul li .links > a:focus span:before {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        -sand-transform: scaleX(1);
        transform: scaleX(1);
    }

    .page-landing-item ul li .links > a:hover:after,
    .page-landing-item ul li .links > a:focus:after {
        color: white;
    }

.page-landing-item ul li .links > a span {
    color: white;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    text-decoration: none !important;
    transition: none !important;
    position: relative;
    width: 100%;
}

    .page-landing-item ul li .links > a span:before {
        content: "";
        position: absolute;
        width: 100% !important;
        height: 2px !important;
        bottom: -2px !important;
        left: 0 !important;
        background: white;
        border-radius: 5px;
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        -sand-transform: scaleX(0);
        transform: scaleX(0);
        transition: 0.2s linear;
        top: auto;
    }

.page-landing-item ul li:before {
    content: "";
    width: calc(100% - 30px);
    margin-left: 0px;
    height: 1px;
    background: #dadada;
    bottom: 0;
    position: absolute;
}

.page-landing-item ul li:after {
    content: "\e915";
    font-family: 'icomoon';
    right: 12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #870052;
}

@media (min-width:992px) {
    .page-landing-item ul li:after {
        font-size: 2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-landing-item ul li:after {
        font-size: 2rem;
    }
}

@media (max-width:767px) {
    .page-landing-item ul li:after {
        font-size: 1.8rem;
    }
}

.page-landing-item ul li:last-child:before {
    display: none;
}

@media (max-width:991px) {
    .page-landing-item ul li:nth-last-child(1) {
        border: none;
    }
}

@media (max-width:991px) {
}

.page-landing-item-link {
    text-decoration: none !important;
    display: block;
}

.page-landing-item.quarter3 {
    min-height: 340px;
    background: url("/_assets/img/landing-white-bg.png") no-repeat left -40px center;
    padding-left: 15px;
}

@media (max-width:767px) {
    .page-landing-item.quarter3 {
        background: none;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
}

.page-landing-item.quarter3 .img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
    right: 0;
}

@media (max-width:767px) {
    .page-landing-item.quarter3 .img {
        background-position: right top;
    }
}

.page-landing-item.quarter3 h2 {
    z-index: 3;
}

.page-landing-item.quarter3 .page-landing-item-title {
    color: #02184d;
    font-style: normal;
    font-weight: 400;
    padding-left: 0px;
    padding-bottom: 10px;
    margin-left: 4px;
}

@media (min-width:992px) {
    .page-landing-item.quarter3 .page-landing-item-title {
        font-size: 2.8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-landing-item.quarter3 .page-landing-item-title {
        font-size: 2.8rem;
    }
}

@media (max-width:767px) {
    .page-landing-item.quarter3 .page-landing-item-title {
        font-size: 2.2rem;
    }
}

.page-landing-item.quarter3 .page-landing-item-text {
    color: #394040;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    .page-landing-item.quarter3 .page-landing-item-text {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-landing-item.quarter3 .page-landing-item-text {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-landing-item.quarter3 .page-landing-item-text {
        font-size: 1.3rem;
    }
}

.page-landing-item.quarter3 .page-landing-item-content {
    z-index: 3;
    position: relative;
    width: 50%;
    line-height: 22px;
    padding-top: 0;
    padding-left: 5px;
}

    .page-landing-item.quarter3 .page-landing-item-content .button {
        font-size: 14px;
        padding-left: 32px;
        padding-right: 32px;
        margin-top: 10px;
        font-weight: bold;
    }

.page-landing-item .more-info {
    color: #870052;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    display: block;
}

@media (min-width:992px) {
    .page-landing-item .more-info {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-landing-item .more-info {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-landing-item .more-info {
        font-size: 1.3rem;
    }
}

.page-landing-item .more-info:hover span {
    text-decoration: underline;
}

.page-landing-item .more-info i {
    padding-left: 15px;
    color: #870052;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    .page-landing-item .more-info i {
        font-size: 1rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-landing-item .more-info i {
        font-size: 1rem;
    }
}

@media (max-width:767px) {
    .page-landing-item .more-info i {
        font-size: 1rem;
    }
}

.page-landing-item-fixed {
    width: 100%;
    float: left;
    position: relative;
    width: calc(100% - 30px);
}

    .page-landing-item-fixed.active {
        position: absolute;
        bottom: 0;
    }

@media (max-width:767px) {
    .page-landing-item-fixed.active {
        position: relative;
    }
}

.page-landing-item .campaign-bottom-fixed {
    color: #870052;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    .page-landing-item .campaign-bottom-fixed {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-landing-item .campaign-bottom-fixed {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-landing-item .campaign-bottom-fixed {
        font-size: 1.3rem;
    }
}

.page-landing-item .campaign-bottom-fixed:hover {
    color: #870052;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    .page-landing-item .campaign-bottom-fixed:hover {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-landing-item .campaign-bottom-fixed:hover {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-landing-item .campaign-bottom-fixed:hover {
        font-size: 1.3rem;
    }
}

.page-landing-item .campaign-bottom-fixed:hover span {
    text-decoration: underline;
}

.page-landing-item .campaign-bottom-fixed i {
    padding-left: 15px;
}

@media (max-width:767px) {
    .page-landing-item .campaign-bottom-fixed {
        position: relative;
        margin-top: 0px;
        left: 0px;
        width: 100%;
    }
}

.page-landing-item .bottom-fixed {
    margin-top: 10px;
    color: #870052;
    font-style: normal;
    font-weight: 400;
    left: 15px;
}

@media (min-width:992px) {
    .page-landing-item .bottom-fixed {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-landing-item .bottom-fixed {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-landing-item .bottom-fixed {
        font-size: 1.3rem;
    }
}

.page-landing-item .bottom-fixed:hover {
    color: #870052;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    .page-landing-item .bottom-fixed:hover {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-landing-item .bottom-fixed:hover {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-landing-item .bottom-fixed:hover {
        font-size: 1.3rem;
    }
}

.page-landing-item .bottom-fixed:hover span {
    text-decoration: underline;
}

.page-landing-item .bottom-fixed i {
    padding-left: 15px;
}

@media (max-width:767px) {
    .page-landing-item .bottom-fixed {
        position: relative;
        margin-top: 0px;
        left: 0px;
        width: 100%;
    }
}

.page-landing-item .allresult {
    padding-top: 27px;
    display: block;
    position: relative;
    color: #394040;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    padding-left: 15px;
}

@media (min-width:992px) {
    .page-landing-item .allresult {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-landing-item .allresult {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-landing-item .allresult {
        font-size: 1.3rem;
    }
}

.page-landing-item .allresult:hover {
    color: #870052;
    font-style: normal;
    font-weight: 700;
}

@media (min-width:992px) {
    .page-landing-item .allresult:hover {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-landing-item .allresult:hover {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-landing-item .allresult:hover {
        font-size: 1.3rem;
    }
}

.page-landing-item .allresult:hover span {
    text-decoration: underline;
}

@media (min-width:768px) and (max-width:991px) {
    .page-landing-item .allresult {
        padding-bottom: 0px;
    }
}

@media (max-width:767px) {
    .page-landing-item .allresult {
        padding-bottom: 0px;
    }
}

.page-landing-item .allresult i {
    font-size: 9px;
    font-weight: bold;
}

.page-landing-item .last-day {
    background: #f69302;
    float: right;
    padding: 5px;
    border-radius: 5px;
    color: white;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    right: 30px;
    bottom: 23px;
}

@media (min-width:992px) {
    .page-landing-item .last-day {
        font-size: 1.2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-landing-item .last-day {
        font-size: 1.2rem;
    }
}

@media (max-width:767px) {
    .page-landing-item .last-day {
        font-size: 1.2rem;
    }
}

@media (max-width:767px) {
    .page-landing-item .last-day {
        right: 15px;
    }
}

.page-landing-item .button-apply-now {
    text-align: left;
    padding-left: 20px !important;
    font-size: 14px;
    padding-bottom: 15px !important;
    padding-top: 15px !important;
}

    .page-landing-item .button-apply-now span:before {
        content: "\e915";
        /*right: 15px;*/
        font-family: 'icomoon';
        color: white;
        opacity: 1 !important;
    }

    .page-landing-item .button-apply-now span:after {
        display: none;
    }

.page-landing .quarter3-mobile {
    background: white;
    padding: 20px;
    overflow: hidden;
    margin-top: -3px;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

    .page-landing .quarter3-mobile .page-landing-item-title {
        padding: 0;
        margin: 0;
        margin-bottom: 15px;
    }

    .page-landing .quarter3-mobile .button {
        width: 100%;
        margin-top: 20px;
    }

@media (max-width:991px) {
    .calculate {
        margin-top: 15px;
    }
}

.calculate .radio {
    margin-right: 40px;
}

.calculate input[type="text"]::-webkit-input-placeholder {
    color: #272a2a;
    opacity: 1;
    filter: alpha(opacity=100);
    font-size: 16px;
}

.calculate input[type="text"]:-moz-placeholder {
    color: #272a2a;
    opacity: 1;
    filter: alpha(opacity=100);
    font-size: 16px;
}

.calculate input[type="text"]::-moz-placeholder {
    color: #272a2a;
    opacity: 1;
    filter: alpha(opacity=100);
    font-size: 16px;
}

.calculate input[type="text"]:-ms-input-placeholder {
    color: #272a2a;
    opacity: 1;
    filter: alpha(opacity=100);
    font-size: 16px;
}

.calculate input[type="text"]::placeholder {
    color: #272a2a;
    opacity: 1;
    filter: alpha(opacity=100);
    font-size: 16px;
}

.calculate .underline {
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 10px;
    display: block;
}

.calculate .sum {
    margin-top: 10px;
    margin-bottom: 24px;
    color: #394040;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    .calculate .sum {
        font-size: 2.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .calculate .sum {
        font-size: 2.4rem;
    }
}

@media (max-width:767px) {
    .calculate .sum {
        font-size: 2.1rem;
    }
}

@media (max-width:991px) {
    .calculate .sum {
        margin-bottom: 12px;
        margin-top: 5px;
    }
}

.landing-calculate {
    position: absolute;
    right: 0;
    top: 145px;
    left: 50%;
    margin-left: 300px;
    width: 255px;
    max-height: 400px;
    z-index: 7;
    background: white;
    border-radius: 5px;
    padding: 16px 20px 20px 20px;
    -webkit-animation-name: fadeInUphomecalculate;
    animation-name: fadeInUphomecalculate;
    /*@media @tablet {
        width: 750px !important;
        left: 0 !important;
        margin: 15px auto !important;
    }*/
    /*@media @tablet-mobil {
        position: relative;
        width: calc(~"100% - 30px");
        max-width: 750px;
        left: 0px;
        top: 0;
        margin: 15px auto 15px auto;
    }*/
    width: 100% !important;
    margin: 0px auto 0px auto !important;
    height: auto;
    padding-top: 22px !important;
    border-radius: 5px !important;
    overflow: hidden;
    padding-left: 20px !important;
    padding-right: 20px !important;
    display: inline-table;
}

@media (max-width:991px) {
    .landing-calculate {
        height: auto;
        width: 100%;
        position: relative;
        margin: 0 0 15px 0;
        left: 0;
        -webkit-animation-name: none !important;
        animation-name: none !important;
        top: 0;
        border-radius: 0;
        padding: 16px 25px;
    }
}

.landing-calculate input {
    border: 2px solid #d8d8d8;
    height: 36px;
}

.landing-calculate .input-group {
    border: 2px solid #d8d8d8;
}

    .landing-calculate .input-group input[type="text"] + .input-group-addon {
        color: #02184d !important;
        font-weight: bold;
    }

.landing-calculate-switch {
    color: #870052;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 16px;
    position: relative;
    display: block;
    text-decoration: none !important;
}

@media (min-width:992px) {
    .landing-calculate-switch {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .landing-calculate-switch {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .landing-calculate-switch {
        font-size: 1.4rem;
    }
}

@media (max-width:991px) {
    .landing-calculate-switch {
        margin-bottom: 19px;
    }
}

.landing-calculate-switch .label {
    color: #870052;
    font-style: normal;
    font-weight: 700;
    padding: 0;
}

@media (min-width:992px) {
    .landing-calculate-switch .label {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .landing-calculate-switch .label {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .landing-calculate-switch .label {
        font-size: 1.4rem;
    }
}

.landing-calculate-switch i {
    float: right;
    font-size: 14px;
    color: #870052;
}

.landing-calculate-switch-list {
    background: #870052;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    margin-left: -20px;
    margin-right: -20px;
    position: absolute;
    width: 100%;
    top: 0;
    padding: 4px 20px;
    border-radius: 5px;
    z-index: 5;
}

@media (min-width:768px) and (max-width:991px) {
    .landing-calculate-switch-list {
        margin-left: -25px;
    }
}

@media (max-width:767px) {
    .landing-calculate-switch-list {
        border-radius: 0 !important;
        margin-left: -25px;
    }
}

.landing-calculate-switch-list li {
    line-height: 42px;
    border-bottom: 1px solid rgba(240, 240, 240, 0.2);
    position: relative;
}

    .landing-calculate-switch-list li:last-child {
        border: none;
    }

    .landing-calculate-switch-list li a {
        color: rgba(255, 255, 255, 0.6);
        width: 100%;
        display: block;
    }

    .landing-calculate-switch-list li i {
        line-height: 42px;
        color: rgba(255, 255, 255, 0.6);
        font-style: normal;
        font-weight: 700;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -sand-transform: translateY(-50%);
        transform: translateY(-50%);
    }

@media (min-width:992px) {
    .landing-calculate-switch-list li i {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .landing-calculate-switch-list li i {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .landing-calculate-switch-list li i {
        font-size: 1.3rem;
    }
}

.landing-calculate-switch-list li.active a {
    color: white;
}

.landing-calculate-slider {
    padding-bottom: 7px;
}

.landing-calculate label {
    color: #707070;
    font-style: normal;
    font-weight: 700;
    padding: 0;
}

@media (min-width:992px) {
    .landing-calculate label {
        font-size: 1rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .landing-calculate label {
        font-size: 1rem;
    }
}

@media (max-width:767px) {
    .landing-calculate label {
        font-size: 1rem;
    }
}

.landing-calculate label.error {
    position: absolute;
    z-index: 99;
    background: #870052;
    color: white;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 10px;
    border-radius: 5px;
    width: 80%;
}

    .landing-calculate label.error:before {
        content: '';
        width: 15px;
        height: 15px;
        position: absolute;
        left: 5px;
        top: -19px;
        border: 10px solid transparent;
        border-bottom-color: #870052;
    }

.landing-calculate .select + .select2.select2-container--default .select2-selection--single {
    height: 40px;
}

    .landing-calculate .select + .select2.select2-container--default .select2-selection--single span.select2-selection__rendered {
        color: #02184d;
        font-weight: bold;
        line-height: 40px !important;
    }

    .landing-calculate .select + .select2.select2-container--default .select2-selection--single .select2-selection__arrow:after {
        color: #870052;
    }

.landing-calculate-list {
    margin-top: -19px;
}

@media (min-width:768px) and (max-width:991px) {
    .landing-calculate-list {
        margin-top: 0 !important;
    }
}

.landing-calculate-list-item {
    padding-bottom: 12px;
    padding-top: 11px;
    border-bottom: 1px solid #d8d8d8;
    height: 45px;
    /*@media @tablet {
                height: 52px;
               // width: calc(~"33% - 15px");
                float: left;
                margin-right: 15px;

                &:last-child {
                    margin-right: 0;
                    width: 33%;
                    border-bottom: 1px solid #d8d8d8 !important;
                }
            }*/
}

@media (min-width:768px) and (max-width:991px) {
    .landing-calculate-list-item {
        height: 50px;
    }
}

.landing-calculate-list-item-label {
    color: #707070;
    font-style: normal;
    font-weight: 700;
    padding: 0;
}

@media (min-width:992px) {
    .landing-calculate-list-item-label {
        font-size: 1rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .landing-calculate-list-item-label {
        font-size: 1rem;
    }
}

@media (max-width:767px) {
    .landing-calculate-list-item-label {
        font-size: 1rem;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .landing-calculate-list-item-label {
        font-size: 12px;
    }
}

.landing-calculate-list-item-amount {
    text-align: right;
    color: #1d2552;
    font-style: normal;
    font-weight: 700;
    padding: 0;
    padding-top: 2px !important;
}

@media (min-width:992px) {
    .landing-calculate-list-item-amount {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .landing-calculate-list-item-amount {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .landing-calculate-list-item-amount {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .landing-calculate-list-item-amount {
        font-size: 16px;
        padding-top: 5px !important;
    }
}

@media (max-width:767px) {
    .landing-calculate-list-item-amount {
        padding-top: 3.5px !important;
    }
}

.landing-calculate-list-item:last-child {
    border: none;
}

.landing-calculate-list-link {
    font-size: 12px;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 17px;
}

@media (min-width:768px) and (max-width:991px) {
    .landing-calculate-list-link {
        margin-top: 6px;
        font-size: 14px;
        margin-bottom: 0;
        /*.button {
                      color: @color-ruby !important;
                      font-weight: bold;
                  }*/
    }
}

@media (max-width:767px) {
    .landing-calculate-list-link {
        margin-top: 6px;
        font-size: 14px;
    }
}

.landing-calculate-list-link .tablet-calc-link {
    text-align: left;
    margin-top: 20px;
    text-decoration: none;
    border-bottom: 1px solid #870052;
}

@media (min-width:768px) and (max-width:991px) {
    .landing-calculate-list-link .tablet-calc-link {
        display: inline-block !important;
        float: left;
    }
}

.landing-calculate-list-button:before,
.landing-calculate-list-button:after {
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.5s ease;
}

.landing-calculate-list-button:hover,
.landing-calculate-list-button:focus {
    color: white;
}

.landing-calculate-list-button:before {
    z-index: -1;
    border-radius: 5px;
}

.landing-calculate-list-button:hover {
    -webkit-box-shadow: 0px 4px 11px 0px rgba(135, 0, 82, 0.5);
    -moz-box-shadow: 0px 4px 11px 0px rgba(135, 0, 82, 0.5);
    box-shadow: 0px 4px 11px 0px rgba(135, 0, 82, 0.5);
}

    .landing-calculate-list-button:hover:before {
        background: #a10061 !important;
    }

    .landing-calculate-list-button:hover i {
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-name: fadeInLeft;
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
        -sand-transform: translate(-50%);
        transform: translate(-50%);
        top: 26%;
    }

@media (min-width: 1199px) and (max-width: 1240px) {
    .landing-calculate {
        width: 222px !important;
        margin-left: 331px !important;
    }
}

@media (min-width:992px) and (max-width:1240px) {
    .landing-calculate {
        width: 222px;
        margin-left: 247px;
    }
}

.landing-calculate .input-group {
    border: 1px solid #d8d8d8 !important;
}

.landing-calculate .select + .select2.select2-container--default .select2-selection--single span.select2-selection__rendered {
    color: #02184d;
    font-weight: bold;
    line-height: 44px !important;
}

@media (min-width:768px) and (max-width:991px) {
    .landing-calculate label {
        font-size: 12px;
    }
}

@media (max-width:767px) {
    .landing-calculate {
        height: auto !important;
    }
}

.landing-calculate .Homepage-calculate-switch {
    border-bottom: 1px solid rgba(57, 64, 64, 0.1);
    padding-bottom: 15px;
}

.landing-calculate .Homepage-calculate-switch-list {
    border-radius: 5px !important;
    margin-left: -20px;
}

.landing-calculate .Homepage-calculate-switch .label {
    font-size: 18px;
}

.landing-calculate .rightAmount {
    font-size: 18px;
}

.landing-calculate .Homepage-calculate-list-link {
    margin-top: 0;
}

@media (max-width:767px) {
    .landing-calculate .Homepage-calculate-list-link {
        margin-bottom: 17px;
        padding-top: 8px;
    }
}

.landing-calculate .Homepage-calculate-list-link .btn {
    width: 50%;
    float: left;
}

    .landing-calculate .Homepage-calculate-list-link .btn a {
        font-size: 16px;
        font-weight: bold;
    }

.landing-calculate .Homepage-calculate-list-item {
    width: 100%;
}

.landing-calculate .Homepage-calculate-list-item-amount {
    font-size: 18px;
}

.landing-calculate .Homepage-calculate-list-button {
    font-weight: bold;
    font-size: 14px;
}

    .landing-calculate .Homepage-calculate-list-button i {
        right: 12px;
    }

.page-note {
    background: white;
    border-radius: 5px;
    padding: 16px 35px 13px 30px;
    position: relative;
    display: block;
    line-height: 22px;
    /*margin-top: 30px;*/
    margin-bottom: 30px;
}

@media (max-width:991px) {
    .page-note {
        padding: 12px 20px 12px 15px;
        margin-top: 0px;
        margin-bottom: 15px;
    }
}

.page-note-button {
    color: #1d2552;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    position: relative;
    padding-right: 30px;
    padding-left: 0;
    width: 100%;
}

@media (min-width:992px) {
    .page-note-button {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-note-button {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-note-button {
        font-size: 1.3rem;
    }
}

@media (max-width:991px) {
    .page-note-button {
        padding-right: 20px;
    }
}

.page-note-button:after {
    content: "\e925";
    font-family: 'icomoon';
    font-size: 14px;
    margin-left: 10px;
    color: #870052;
    position: absolute;
    right: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
}

.active .page-note-button:after {
    -webkit-transform: translateY(-50%) rotateX(180deg);
    -moz-transform: translateY(-50%) rotateX(180deg);
    -ms-transform: translateY(-50%) rotateX(180deg);
    -o-transform: translateY(-50%) rotateX(180deg);
    -sand-transform: translateY(-50%) rotateX(180deg);
    transform: translateY(-50%) rotateX(180deg);
}

.page-note-content {
    display: none;
}

    .page-note-content p {
        color: #1d2552;
        font-style: normal;
        font-weight: 400;
        text-align: left;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        position: relative;
        width: 100%;
        line-height: 22px;
        padding-right: 30px;
        margin-bottom: 14px;
        margin-top: 14px;
    }

@media (min-width:992px) {
    .page-note-content p {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-note-content p {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-note-content p {
        font-size: 1.3rem;
    }
}

@media (max-width:991px) {
    .page-note-content p {
        padding-right: 20px;
    }
}

.page-note ul,
.page-note li,
.page-note p {
    color: #394040;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    .page-note ul,
    .page-note li,
    .page-note p {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-note ul,
    .page-note li,
    .page-note p {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-note ul,
    .page-note li,
    .page-note p {
        font-size: 1.3rem;
    }
}
/* NEW */

.landing-left-image-3-2 .img {
    float: left;
    width: 50%;
    max-width: 350px;
}

@media (max-width:767px) {
    .landing-left-image-3-2 .img {
        max-width: 100%;
        width: 100%;
    }
}

.landing-left-image-3-2 ul {
    width: calc(100% - 380px);
    float: right;
    margin-right: 15px;
}

@media (min-width:992px) and (max-width:1240px) {
    .landing-left-image-3-2 ul {
        width: 50%;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width:767px) {
    .landing-left-image-3-2 ul {
        width: 100%;
        float: none;
    }
}

.landing-left-image-3-2 ul li {
    width: 100%;
}

.landing-left-image-3-3 .img {
    float: left;
    width: 50%;
    max-width: 350px;
}

@media (max-width:767px) {
    .landing-left-image-3-3 .img {
        max-width: 100%;
        width: 100%;
    }
}

.landing-left-image-3-3 ul {
    width: calc(100% - 380px);
    float: right;
    margin-right: 15px;
}

@media (max-width:767px) {
    .landing-left-image-3-3 ul {
        width: 100%;
        float: none;
    }
}

.landing-left-image-3-3 ul li {
    width: 50%;
    float: left;
}

@media (min-width:992px) {
    .landing-left-image-3-3 ul li:nth-last-child(2):before {
        display: none;
    }
}

@media (max-width:991px) {
    .landing-left-image-3-3 ul li {
        width: 100%;
        float: none;
    }
}

.landing-right-text .img {
    float: left;
    width: 50%;
    max-width: 350px;
}

@media (max-width:767px) {
    .landing-right-text .img {
        max-width: 100%;
        width: 100%;
        float: none;
    }
}

.landing-right-text .page-landing-item-text {
    width: calc(100% - 380px);
    float: right;
    margin-right: 15px;
    padding: 28px 15px 20px 15px;
}

    .landing-right-text .page-landing-item-text h3 {
        color: #870052;
        font-style: normal;
        font-weight: 700;
        margin-bottom: 20px;
        line-height: 20px;
        letter-spacing: -0.3px;
    }

@media (min-width:992px) {
    .landing-right-text .page-landing-item-text h3 {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .landing-right-text .page-landing-item-text h3 {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .landing-right-text .page-landing-item-text h3 {
        font-size: 1.3rem;
    }
}

@media (max-width:767px) {
    .landing-right-text .page-landing-item-text h3 {
        margin-bottom: 10px;
    }
}

.landing-right-text .page-landing-item-text p + p {
    padding-top: 20px;
}

@media (max-width:767px) {
    .landing-right-text .page-landing-item-text p + p {
        padding-top: 10px;
    }
}

.landing-right-text .page-landing-item-text a.more-info {
    margin-top: 20px;
    margin-bottom: 0px !important;
}

@media (max-width:767px) {
    .landing-right-text .page-landing-item-text a.more-info {
        margin-top: 10px;
    }
}

@media (max-width:767px) {
    .landing-right-text .page-landing-item-text {
        width: 100%;
        float: none;
        padding: 15px 15px 20px 15px;
    }
}

@media (min-width:992px) and (max-width:1240px) {
    .landing-right-text.w-3-2 .page-landing-item-text {
        width: 50%;
        margin-right: 0;
        padding-left: 30px;
        padding-right: 30px;
    }
}

.landing-right-text:hover p {
    color: #394040 !important;
}

.page-subpage {
    padding-top: 26px;
}

@media (min-width:768px) and (max-width:991px) {
    .page-subpage {
        padding-top: 22px;
        margin-bottom: 22px;
    }
}

@media (max-width:767px) {
    .page-subpage {
        padding-top: 15px;
        margin-bottom: 15px;
    }
}

.page-subpage .bg {
    background: #02184d url("/_assets/img/qnb_bg.png") top left -358px no-repeat;
    height: 206px;
}

@media (min-width:768px) and (max-width:991px) {
    .page-subpage .bg {
        background: #02184d url("/_assets/img/qnb_bg.png") top left -700px no-repeat;
        height: 118.5px;
    }
}

@media (max-width:991px) {
    .page-subpage .bg {
        background: #02184d url("/_assets/img/qnb_bg.png") top left -754px no-repeat;
        height: 144px;
    }
}

.page-subpage-content {
    background: white;
    padding: 0px 30px 30px 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top: 27px;
}

@media (min-width:768px) and (max-width:991px) {
    .page-subpage-content {
        padding: 0px 30px 15px 30px;
        padding-top: 27px;
    }
}

@media (max-width:767px) {
    .page-subpage-content {
        padding: 0px 16px 15px 16px;
        padding-top: 22px;
    }
}

.page-subpage-content p {
    line-height: 27px;
    margin-bottom: 14px;
    /*display: inline-block;*/
}

@media (min-width:768px) and (max-width:991px) {
    .page-subpage-content p {
        margin-bottom: 10px;
    }
}

@media (max-width:767px) {
    .page-subpage-content p {
        line-height: 22px;
        margin-bottom: 7.5px;
    }
}

.page-subpage-content p + p {
    margin-top: 14px;
}

@media (min-width:768px) and (max-width:991px) {
    .page-subpage-content p + p {
        margin-top: 10px;
    }
}

@media (max-width:767px) {
    .page-subpage-content p + p {
        margin-top: 7.5px;
    }
}

.page-subpage-content p a {
    color: #394040;
    text-decoration: underline;
    font-weight: 400;
}

    .page-subpage-content p a:hover {
        text-decoration: none;
        color: #870052;
    }

.page-subpage-content h2 {
    color: #870052;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin-bottom: 16px;
}

@media (min-width:992px) {
    .page-subpage-content h2 {
        font-size: 2.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-subpage-content h2 {
        font-size: 2.4rem;
    }
}

@media (max-width:767px) {
    .page-subpage-content h2 {
        font-size: 2.1rem;
    }
}

@media (max-width:767px) {
    .page-subpage-content h2 {
        letter-spacing: -0.01em;
    }
}

.page-subpage-content h3 {
    margin-bottom: 16px;
}

@media (max-width:767px) {
    .page-subpage-content h3 {
        letter-spacing: -0.01em;
    }
}

.page-subpage-content h4 {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 10px;
}

@media (min-width:992px) {
    .page-subpage-content h4 {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-subpage-content h4 {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-subpage-content h4 {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-subpage-content h4 {
        letter-spacing: -0.01em;
    }
}

.page-subpage-content h5 {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 10px;
}

@media (min-width:992px) {
    .page-subpage-content h5 {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-subpage-content h5 {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-subpage-content h5 {
        font-size: 1.3rem;
    }
}

@media (max-width:767px) {
    .page-subpage-content h5 {
        letter-spacing: -0.01em;
    }
}

.page-subpage-content ul {
    margin-top: 23px;
    margin-bottom: 23px;
}

@media (max-width:767px) {
    .page-subpage-content ul {
        margin-top: 17px;
        margin-bottom: 17px;
    }
}

.page-subpage-content ul li {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    padding-left: 22px;
    position: relative;
    margin-top: 13px;
    line-height: 27px;
}

@media (min-width:992px) {
    .page-subpage-content ul li {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-subpage-content ul li {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-subpage-content ul li {
        font-size: 1.4rem;
    }
}

.page-subpage-content ul li:before {
    content: "\e915";
    font-family: 'icomoon';
    color: #1d2552;
    font-style: normal;
    font-weight: 400;
    left: 0;
    position: absolute;
    /*margin-top: 3px;*/
}

@media (min-width:992px) {
    .page-subpage-content ul li:before {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-subpage-content ul li:before {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-subpage-content ul li:before {
        font-size: 1.3rem;
    }
}

.no-arrow:before {
    content: " "!important;
}

.page-subpage-content ul li a {
    color: #394040;
    text-decoration: underline;
    font-weight: 400;
}

    .page-subpage-content ul li a:hover {
        text-decoration: none;
        color: #870052;
    }

.page-subpage-content ul.right-icon,
.page-subpage-content ul.table-doc {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width:991px) {
    .page-subpage-content ul.right-icon,
    .page-subpage-content ul.table-doc {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width:767px) {
    .page-subpage-content ul.right-icon,
    .page-subpage-content ul.table-doc {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.page-subpage-content ul.right-icon li,
.page-subpage-content ul.table-doc li {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    padding: 0px;
    position: relative;
    margin-top: 0px;
    line-height: 23px;
    width: 100%;
    float: left;
}

@media (min-width:992px) {
    .page-subpage-content ul.right-icon li,
    .page-subpage-content ul.table-doc li {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-subpage-content ul.right-icon li,
    .page-subpage-content ul.table-doc li {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-subpage-content ul.right-icon li,
    .page-subpage-content ul.table-doc li {
        font-size: 1.4rem;
    }
}

.page-subpage-content ul.right-icon li .date,
.page-subpage-content ul.table-doc li .date {
    width: 90px;
    float: left;
    display: block;
}

.page-subpage-content ul.right-icon li .title,
.page-subpage-content ul.table-doc li .title {
    width: calc(100% - 90px);
    display: block;
    float: left;
}

.page-subpage-content ul.right-icon li:hover,
.page-subpage-content ul.table-doc li:hover {
    background: #e5e5e6;
    color: #394040;
}

    .page-subpage-content ul.right-icon li:hover:after,
    .page-subpage-content ul.table-doc li:hover:after {
        background: transparent;
    }

    .page-subpage-content ul.right-icon li:hover + li:after,
    .page-subpage-content ul.table-doc li:hover + li:after {
        background: transparent;
    }

.page-subpage-content ul.right-icon li a,
.page-subpage-content ul.table-doc li a {
    display: block;
    text-decoration: none;
    padding: 11px 50px 11px 20px;
}

    .page-subpage-content ul.right-icon li a:hover,
    .page-subpage-content ul.table-doc li a:hover {
        color: #394040;
    }

@media (min-width:768px) and (max-width:991px) {
    .page-subpage-content ul.right-icon li a,
    .page-subpage-content ul.table-doc li a {
        padding: 11px 30px 11px 10px;
    }
}

@media (max-width:767px) {
    .page-subpage-content ul.right-icon li a,
    .page-subpage-content ul.table-doc li a {
        padding: 11px 33px 11px 10px;
    }
}

.page-subpage-content ul.right-icon li:before,
.page-subpage-content ul.table-doc li:before {
    content: "\e915";
    font-family: 'icomoon';
    color: #870052;
    font-style: normal;
    font-weight: 400;
    right: 20px;
    position: absolute;
    top: 50%;
    left: auto;
    margin-top: -1px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (min-width:992px) {
    .page-subpage-content ul.right-icon li:before,
    .page-subpage-content ul.table-doc li:before {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-subpage-content ul.right-icon li:before,
    .page-subpage-content ul.table-doc li:before {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-subpage-content ul.right-icon li:before,
    .page-subpage-content ul.table-doc li:before {
        font-size: 1.3rem;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .page-subpage-content ul.right-icon li:before,
    .page-subpage-content ul.table-doc li:before {
        right: 10px;
    }
}

@media (max-width:767px) {
    .page-subpage-content ul.right-icon li:before,
    .page-subpage-content ul.table-doc li:before {
        right: 10px;
    }
}

.page-subpage-content ul.right-icon li:after,
.page-subpage-content ul.table-doc li:after {
    content: "";
    background: #dadada;
    height: 1px;
    width: calc(100% - 40px);
    top: 0;
    left: 20px;
    position: absolute;
}

@media (min-width:768px) and (max-width:991px) {
    .page-subpage-content ul.right-icon li:after,
    .page-subpage-content ul.table-doc li:after {
        width: calc(100% - 25px);
        left: 7.5px;
    }
}

@media (max-width:767px) {
    .page-subpage-content ul.right-icon li:after,
    .page-subpage-content ul.table-doc li:after {
        width: calc(100% - 20px);
        left: 7.5px;
    }
}

.page-subpage-content ul.right-icon li:first-child:after,
.page-subpage-content ul.table-doc li:first-child:after {
    display: none;
}

.page-subpage-content ul.table-doc li:before {
    color: #02184d;
    font-style: normal;
    font-weight: 400;
    content: "\e91e" !important;
}

@media (min-width:992px) {
    .page-subpage-content ul.table-doc li:before {
        font-size: 3.2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-subpage-content ul.table-doc li:before {
        font-size: 2.5rem;
    }
}

@media (max-width:767px) {
    .page-subpage-content ul.table-doc li:before {
        font-size: 2.4rem;
    }
}

.sub-banner {
    height: 387px;
    padding: 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: -27px;
    margin-bottom: 27px;
}

@media (min-width:768px) and (max-width:991px) {
    .sub-banner {
        height: 340px;
        margin-top: -27px;
    }
}

@media (max-width:767px) {
    .sub-banner {
        padding: 0;
        height: auto;
        margin-bottom: 22px;
        margin-left: -16px;
        margin-right: -16px;
        margin-top: -22px;
    }
}

.sub-banner-text {
    padding: 37px 40px;
    background: rgba(17, 111, 196, 0.8);
    width: 428px;
    border-radius: 5px;
    z-index: 2;
    position: relative;
    min-height: 327px;
    /*min-height: 325px;*/
}

@media (min-width:768px) and (max-width:991px) {
    .sub-banner-text {
        padding: 18px 20px;
        min-height: 280px;
    }
}

@media (max-width:767px) {
    .sub-banner-text {
        padding: 17px 18px;
        width: 100%;
        background: #1987be;
        min-height: auto;
    }
}

.sub-banner-text p {
    margin: 0 !important;
}

.sub-banner-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (max-width:767px) {
    .sub-banner-img {
        position: relative;
        margin-top: 15px;
        height: 200px;
        border-radius: 5px;
    }
}

.sub-banner-title {
    color: white;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 25px;
    color: white !important;
}

@media (min-width:992px) {
    .sub-banner-title {
        font-size: 2.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .sub-banner-title {
        font-size: 2.6rem;
    }
}

@media (max-width:767px) {
    .sub-banner-title {
        font-size: 2.2rem;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .sub-banner-title {
        font-size: 23px;
        margin-bottom: 26px;
    }
}

@media (max-width:767px) {
    .sub-banner-title {
        font-size: 16px;
        margin-bottom: 15px;
    }
}

.sub-banner .campaign-banner {
    color: white;
    font-style: normal;
    font-weight: 400;
    line-height: 2;
    margin-bottom: 19px;
    letter-spacing: -0.2px;
}

@media (min-width:992px) {
    .sub-banner .campaign-banner {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .sub-banner .campaign-banner {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .sub-banner .campaign-banner {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .sub-banner .campaign-banner {
        line-height: 1.8;
        font-size: 14px;
        margin-bottom: 77px;
    }
}

@media (max-width:767px) {
    .sub-banner .campaign-banner {
        line-height: 1.6;
    }
}

.sub-banner-content {
    color: white;
    font-style: normal;
    font-weight: 400;
    line-height: 2;
    margin-bottom: 19px;
    letter-spacing: -0.2px;
}

@media (min-width:992px) {
    .sub-banner-content {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .sub-banner-content {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .sub-banner-content {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .sub-banner-content {
        line-height: 1.8;
        font-size: 14px;
        margin-bottom: 77px;
    }
}

@media (max-width:767px) {
    .sub-banner-content {
        line-height: 1.6;
    }
}

.sub-banner-bottom {
    position: relative;
}

.sub-banner-button {
    border: 2px solid white;
    border-radius: 5px;
    padding: 13px 25px 12px 25px;
    color: #394040;
    font-style: normal;
    font-weight: 700;
    color: white !important;
    float: left;
    -webkit-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    margin-top: 28px;
    text-decoration: none !important;
}

@media (min-width:992px) {
    .sub-banner-button {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .sub-banner-button {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .sub-banner-button {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .sub-banner-button {
        margin-top: 20px;
    }
}

@media (max-width:767px) {
    .sub-banner-button {
        margin-top: 15px;
    }
}

.sub-banner-button:hover,
.sub-banner-button:focus {
    background: white;
    color: #116fc4 !important;
}

@media (max-width:767px) {
    .sub-banner-button {
        display: none;
    }
}

.sub-banner.full-text-banner {
    height: auto;
    padding: 0;
    margin: 0 0 30px 0;
}

@media (max-width:767px) {
    .sub-banner.full-text-banner {
        margin-bottom: 22px;
    }
}

.sub-banner.full-text-banner .sub-banner-img {
    display: none;
}

.sub-banner.full-text-banner .sub-banner-text {
    width: 100%;
    padding: 45px 30px;
    min-height: auto;
}

.sub-banner.full-text-banner .sub-banner-title {
    margin-bottom: 0;
    letter-spacing: 0px;
    line-height: 31px;
}

.subpage-sidebar {
    background: white;
    border-radius: 5px;
    padding: 26px 30px 10px 30px;
}

@media (max-width:991px) {
    .subpage-sidebar {
        display: none;
    }
}

.subpage-sidebar-title {
    color: #000f33;
    font-style: normal;
    font-weight: 700;
    padding-bottom: 26px;
    border-bottom: 2px solid #870052;
}

@media (min-width:992px) {
    .subpage-sidebar-title {
        font-size: 2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .subpage-sidebar-title {
        font-size: 2rem;
    }
}

@media (max-width:767px) {
    .subpage-sidebar-title {
        font-size: 1.8rem;
    }
}

.subpage-sidebar-list {
    margin: 0;
}

.subpage-sidebar-list-item {
    padding-top: 16px;
    padding-bottom: 16px;
    color: #000f33;
    font-style: normal;
    font-weight: 400;
    padding-left: 0;
    margin-top: 0;
}

@media (min-width:992px) {
    .subpage-sidebar-list-item {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .subpage-sidebar-list-item {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .subpage-sidebar-list-item {
        font-size: 1.4rem;
    }
}

.subpage-sidebar-list-item a:hover {
    color: #870052;
}

.subpage-sidebar-list-item .selected {
    color: #870052;
}

.subpage-sidebar-list-item + .subpage-sidebar-list-item {
    border-top: 1px solid rgba(57, 64, 64, 0.1);
}

.subpage-sidebar-list-item:before {
    display: none;
}

.subpage-sidebar-sublist {
    display: none;
    margin: 0;
}

.subpage-sidebar-sublist-item {
    color: #000f33;
    font-style: normal;
    font-weight: 400;
    margin-top: 16px;
    padding-left: 14px;
    position: relative;
}

@media (min-width:992px) {
    .subpage-sidebar-sublist-item {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .subpage-sidebar-sublist-item {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .subpage-sidebar-sublist-item {
        font-size: 1.3rem;
    }
}

.subpage-sidebar-sublist-item a:hover {
    color: #870052;
}

.subpage-sidebar-sublist-item a:before {
    content: '';
    width: 5px;
    height: 5px;
    left: 0;
    position: absolute;
    background: #870052;
    border-radius: 50%;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.subpage-sidebar-sublist-item:before {
    display: none;
}

.active .subpage-sidebar-sublist {
    display: block;
}

.cross-banner {
    padding: 7px;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
}

    .cross-banner a {
        display: block;
        position: relative;
        z-index: 999;
    }

        .cross-banner a::after {
            content: " ";
            display: block;
            height: 0;
            clear: both;
        }

.cross-banner-text {
    float: left;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 23px;
}

.cross-banner-img {
    float: right;
    margin-right: 7px;
}

.page-end-question {
    width: 100%;
    padding-top: 27px;
    border-top: 1px solid #d7d9d9;
    margin-top: 20px;
}

    .page-end-question::after {
        content: " ";
        display: block;
        height: 0;
        clear: both;
    }

@media (max-width:991px) {
    .page-end-question {
        border-radius: 5px;
        border: 1px solid #d7d9d9 !important;
        padding: 15px;
        margin-top: 15px;
    }
}

.page-end-question-text {
    width: 70%;
    float: left;
    margin-top: 16px;
    color: #000f33;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0 !important;
}

@media (min-width:992px) {
    .page-end-question-text {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-end-question-text {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-end-question-text {
        font-size: 1.3rem;
    }
}

@media (max-width:991px) {
    .page-end-question-text {
        width: auto;
        margin-top: 0;
    }
}

.page-end-question-button {
    width: 30%;
    float: left;
    margin-top: 3px;
}

@media (min-width:768px) and (max-width:991px) {
    .page-end-question-button {
        width: 100%;
        margin-top: 20px;
    }
}

@media (max-width:767px) {
    .page-end-question-button {
        width: 100%;
        margin-top: 10px;
    }
}

@media (min-width:992px) {
    .tablist + #ContentPlaceHolder1_PageEndQuestion_viewPanel .page-end-question,
    .full-tab + #ContentPlaceHolder1_PageEndQuestion_viewPanel .page-end-question,
    .DocumentListFiltered + #ContentPlaceHolder1_PageEndQuestion_viewPanel .page-end-question {
        border-top: 0px !important;
        padding-top: 14px;
    }
}

.sendcomment {
    margin-top: 8px;
}

.captchaBlock {
    overflow: hidden;
}

.similar-content {
    overflow: hidden;
    position: relative;
    display: block;
}

@media (max-width:991px) {
    .similar-content {
        background: white;
        padding-bottom: 15px;
    }
}

.similar-content a {
    display: block;
}

.similar-content-title {
    color: #394040;
    font-style: normal;
    font-weight: 700;
}

@media (min-width:992px) {
    .similar-content-title {
        font-size: 1.8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .similar-content-title {
        font-size: 1.6rem;
    }
}

@media (max-width:767px) {
    .similar-content-title {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .similar-content-title {
        padding-left: 15px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .similar-content-title {
        padding-left: 30px;
    }
}

.similar-content-box .box {
    border-radius: 5px;
}

@media (max-width:991px) {
    .similar-content-box .box {
        border-radius: 0;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .similar-content-box .box {
        margin-left: 15px;
    }
}

.similar-content-box-title {
    padding-bottom: 10px;
    margin-top: 20px;
    color: #394040;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    .similar-content-box-title {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .similar-content-box-title {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .similar-content-box-title {
        font-size: 1.4rem;
    }
}

@media (max-width:991px) {
    .similar-content-box-title {
        padding: 0;
        margin: 0;
        margin-left: 3px !important;
        color: #000f33;
        font-weight: bold;
        position: relative;
        padding-left: 20px;
    }

        .similar-content-box-title:before,
        .similar-content-box-title:after {
            position: absolute;
            /*margin-left: -1em;*/
            font-size: 16, 14, 14;
            font-family: 'icomoon' !important;
            top: 50%;
            transform: translateY(-50%);
        }

        .similar-content-box-title:before {
            left: 0;
            content: "\e92e";
            color: #c60651;
        }

        .similar-content-box-title:after {
            left: 0;
            content: "\e932" !important;
            color: #870052;
        }
}

@media (max-width:991px) {
    .similar-content-box:first-child .box {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .similar-content-box:last-child .box {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
}

@media (max-width:991px) {
    .similar-content-img {
        display: none;
    }
}

.apply-vertical {
    padding-right: 0;
    margin-top: -30px;
}

@media (min-width:768px) and (max-width:991px) {
    .apply-vertical {
        margin-top: -19px;
    }
}

@media (max-width:767px) {
    .apply-vertical {
        margin-top: 0;
        margin-left: -15px;
        border-right: 1px solid #d7d9d9;
    }
}

.apply-vertical-box {
    position: relative;
    margin-top: 0;
    -webkit-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
}

@media (min-width:768px) and (max-width:1240px) {
    .apply-vertical-box {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .apply-vertical-box {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
}

@media (max-width:767px) {
    .apply-vertical-box {
        width: 50%;
        float: left;
        text-align: center;
        height: 110px;
        padding: 15px !important;
    }

        .apply-vertical-box:after {
            content: "";
            width: 100%;
            height: 1px;
            top: 0;
            background-color: #d7d9d9;
            position: absolute;
            left: 0;
        }
}

@media (max-width:480px) {
    .apply-vertical-box {
        padding: 14px 5px !important;
    }
}

.apply-vertical-box:before {
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    background-color: #d7d9d9;
    position: absolute;
    left: 0;
}

.apply-vertical-box + .apply-vertical-box:after {
    content: "";
    width: 100%;
    height: 1px;
    top: 0;
    background-color: #d7d9d9;
    position: absolute;
    left: 0;
}

.apply-vertical-box-seperator {
    position: absolute;
    color: #394040;
    font-style: normal;
    font-weight: 400;
    left: -24px;
    bottom: -17px;
    z-index: 9;
    background: white;
    padding: 10px;
}

@media (min-width:992px) {
    .apply-vertical-box-seperator {
        font-size: 1.2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .apply-vertical-box-seperator {
        font-size: 1.2rem;
    }
}

@media (max-width:767px) {
    .apply-vertical-box-seperator {
        font-size: 1.2rem;
    }
}

@media (max-width:767px) {
    .apply-vertical-box-seperator {
        top: -17px;
        bottom: auto;
        padding-top: 0;
        margin-top: 10px;
    }
}

.apply-vertical-box-text {
    position: relative;
    display: inline-block;
    width: 70%;
}

@media (max-width:767px) {
    .apply-vertical-box-text {
        width: 100%;
    }
}

.apply-vertical-box-text p {
    margin-bottom: 0;
}

.apply-vertical-box-title {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    color: #1d2552 !important;
    margin-bottom: 5px;
}

@media (min-width:992px) {
    .apply-vertical-box-title {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .apply-vertical-box-title {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .apply-vertical-box-title {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .apply-vertical-box-title {
        font-size: 15px;
        margin-top: 5px;
    }
}

.apply-vertical-box p {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    display: inline-block;
}

@media (min-width:992px) {
    .apply-vertical-box p {
        font-size: 1.2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .apply-vertical-box p {
        font-size: 1.2rem;
    }
}

@media (max-width:767px) {
    .apply-vertical-box p {
        font-size: 1.2rem;
    }
}

.apply-vertical-box-icon {
    width: 27%;
}

@media (max-width:767px) {
    .apply-vertical-box-icon {
        width: 100%;
    }
}

.apply-vertical-box-icon i {
    color: #1d2552;
    font-style: normal;
    font-weight: 400;
    float: left;
    margin-right: 20px;
}

@media (min-width:992px) {
    .apply-vertical-box-icon i {
        font-size: 2.2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .apply-vertical-box-icon i {
        font-size: 2.2rem;
    }
}

@media (max-width:767px) {
    .apply-vertical-box-icon i {
        font-size: 1.5rem;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .apply-vertical-box-icon i {
        font-size: 30px;
    }
}

@media (max-width:767px) {
    .apply-vertical-box-icon i {
        font-size: 30px;
        text-align: center;
        float: none;
        margin: 0;
    }
}

.share-button {
    float: left;
    height: 48px;
    width: 48px;
    position: relative;
    margin-top: 28px;
}

    .share-button a {
        text-decoration: none;
    }

    .share-button.open > a {
        color: #870052 !important;
        background: white;
    }

    .share-button .social-toggle {
        color: white;
        text-align: center;
        /* line-height: 44px; */
        width: 48px;
        border: 2px solid white;
        border-radius: 5px;
        display: inline-block;
        margin-left: 10px;
        z-index: 5;
        position: relative;
        font-size: 23px;
        display: block;
        height: 48px;
    }

        .share-button .social-toggle i {
            top: 50%;
            left: 50%;
            -webkit-transform: translateY(-50%) translateX(-50%);
            -moz-transform: translateY(-50%) translateX(-50%);
            -ms-transform: translateY(-50%) translateX(-50%);
            -o-transform: translateY(-50%) translateX(-50%);
            -sand-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
            position: absolute;
        }

        .share-button .social-toggle:hover,
        .share-button .social-toggle:focus {
            color: #870052;
        }

        .share-button .social-toggle:focus {
            color: white;
        }

    .share-button .social-networks {
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(1) translateY(-48px) translateX(0px);
        -moz-transform: scale(1) translateY(-48px) translateX(0px);
        -ms-transform: scale(1) translateY(-48px) translateX(0px);
        -o-transform: scale(1) translateY(-48px) translateX(0px);
        -sand-transform: scale(1) translateY(-48px) translateX(0px);
        transform: scale(1) translateY(-48px) translateX(0px);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        -webkit-backface-visibility: hidden;
        z-index: -1;
        position: relative;
    }

        .share-button .social-networks ul {
            position: relative;
            top: 0;
            left: 0;
            width: 170px;
            height: 48px;
            color: white;
            background: white;
            padding: 0;
            list-style: none;
            border-radius: 5px;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

            .share-button .social-networks ul:after {
                content: '';
                display: block;
                width: 0;
                height: 0;
                position: absolute;
                left: 0;
                right: 0;
                border-left: 8px solid transparent;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
            }

            .share-button .social-networks ul li {
                font-size: 90%;
                width: 40px;
                margin: 0;
                text-align: center;
                float: left;
                display: block;
                height: 48px;
                line-height: 48px;
                position: relative;
                z-index: 2;
                -webkit-box-sizing: content-box;
                -moz-box-sizing: content-box;
                box-sizing: content-box;
                transition: all 0.3s ease;
                padding-left: 0 !important;
            }

                .share-button .social-networks ul li:before {
                    display: none;
                }

                .share-button .social-networks ul li a:hover {
                    opacity: 0.8;
                }

        .share-button .social-networks a {
            display: block;
            color: white;
        }

            .share-button .social-networks a:hover {
                color: #222222;
            }

        .share-button .social-networks.open-menu {
            -webkit-transform: scale(1) translateY(-48px) translateX(70px);
            -moz-transform: scale(1) translateY(-48px) translateX(70px);
            -ms-transform: scale(1) translateY(-48px) translateX(70px);
            -o-transform: scale(1) translateY(-48px) translateX(70px);
            -sand-transform: scale(1) translateY(-48px) translateX(70px);
            transform: scale(1) translateY(-48px) translateX(70px);
            opacity: 1;
            visibility: visible;
            z-index: 3;
        }

            .share-button .social-networks.open-menu ul:after {
                margin: 16px -16px;
                border-right: 8px solid white;
            }

@media (max-width:767px) {
    .share-button .social-networks.open-menu ul:after {
        border-right: 8px solid transparent;
        border-top: 8px solid white;
        margin: 48px 137px;
    }
}

.share-button .social-facebook a i {
    color: #3b5a9a;
    font-size: 20px;
    line-height: 48px;
}

.share-button .social-twitter a i {
    color: #00adec;
    font-size: 18px;
    line-height: 48px;
}

.share-button .social-gplus a i {
    color: #da4c38;
    font-size: 19px;
    line-height: 48px;
}

.share-button .social-linkedin a i {
    color: #007bb6;
    font-size: 20px;
    line-height: 45px;
    margin-top: -1px;
}

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

.button-box .button {
    /*.font(@fs14,bold);*/
    position: relative;
    padding: 30px;
    line-height: 1.4;
    text-align: left;
}

    .button-box .button:after {
        content: "\e915";
        font-family: 'icomoon';
        right: 28px;
        position: absolute;
        top: 50%;
        font-weight: 300;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -sand-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #870052;
        display: inline-block;
        text-decoration: none;
    }

@media (min-width:992px) {
    .button-box .button:after {
        font-size: 2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .button-box .button:after {
        font-size: 2rem;
    }
}

@media (max-width:767px) {
    .button-box .button:after {
        font-size: 1.8rem;
    }
}

.button-box .button.text-purple {
    color: #c60651;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.01em;
}

@media (min-width:992px) {
    .button-box .button.text-purple {
        font-size: 1.8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .button-box .button.text-purple {
        font-size: 1.6rem;
    }
}

@media (max-width:767px) {
    .button-box .button.text-purple {
        font-size: 1.4rem;
    }
}

.button-box .button.text-white {
    color: white;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.01em;
}

@media (min-width:992px) {
    .button-box .button.text-white {
        font-size: 1.8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .button-box .button.text-white {
        font-size: 1.6rem;
    }
}

@media (max-width:767px) {
    .button-box .button.text-white {
        font-size: 1.4rem;
    }
}

.button-box .button.text-white:after {
    color: white;
}

.link-box-item + .link-box-item {
    padding-left: 20px;
}

    .link-box-item + .link-box-item:before {
        content: "";
        height: 50px;
        width: 1px;
        background: #d9d9d9;
        top: 50%;
        left: 0;
        position: absolute;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -sand-transform: translateY(-50%);
        transform: translateY(-50%);
    }

@media (min-width:768px) and (max-width:991px) {
    .link-box-item:nth-child(odd) {
        padding-left: 15px !important;
    }

        .link-box-item:nth-child(odd):before {
            display: none;
        }
}

@media (max-width:767px) {
    .link-box-item {
        padding-left: 15px !important;
    }

        .link-box-item:before {
            display: none;
        }
}

.link-box span {
    display: block;
    text-align: center;
}

@media (max-width:991px) {
    .link-box span {
        text-align: left;
    }
}

.link-box a {
    color: #000f33;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 10px 0px 10px 30px;
    display: inline-block;
    position: relative;
    text-align: left;
}

@media (min-width:992px) {
    .link-box a {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .link-box a {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .link-box a {
        font-size: 1.3rem;
    }
}

.link-box a:before {
    content: "\e92c";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0px;
    font-family: 'icomoon';
}

.product-service .table-wrap {
    margin-bottom: 20px;
}

    .product-service .table-wrap:last-child {
        margin-bottom: 0;
    }

.modal-body {
    background: white;
    padding: 0px 30px 30px 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top: 27px;
}

@media (min-width:768px) and (max-width:991px) {
    .modal-body {
        padding: 0px 30px 15px 30px;
        padding-top: 27px;
    }
}

@media (max-width:767px) {
    .modal-body {
        padding: 0px 16px 15px 16px;
        padding-top: 22px;
    }
}

.modal-body p {
    line-height: 27px;
    margin-bottom: 14px;
    /*display: inline-block;*/
}

@media (min-width:768px) and (max-width:991px) {
    .modal-body p {
        margin-bottom: 10px;
    }
}

@media (max-width:767px) {
    .modal-body p {
        line-height: 22px;
        margin-bottom: 7.5px;
    }
}

.modal-body p + p {
    margin-top: 14px;
}

@media (min-width:768px) and (max-width:991px) {
    .modal-body p + p {
        margin-top: 10px;
    }
}

@media (max-width:767px) {
    .modal-body p + p {
        margin-top: 7.5px;
    }
}

.modal-body p a {
    color: #394040;
    text-decoration: underline;
    font-weight: 400;
}

    .modal-body p a:hover {
        text-decoration: none;
        color: #870052;
    }

.modal-body h2 {
    color: #870052;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin-bottom: 16px;
}

@media (min-width:992px) {
    .modal-body h2 {
        font-size: 2.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .modal-body h2 {
        font-size: 2.4rem;
    }
}

@media (max-width:767px) {
    .modal-body h2 {
        font-size: 2.1rem;
    }
}

@media (max-width:767px) {
    .modal-body h2 {
        letter-spacing: -0.01em;
    }
}

.modal-body h3 {
    margin-bottom: 16px;
}

@media (max-width:767px) {
    .modal-body h3 {
        letter-spacing: -0.01em;
    }
}

.modal-body h4 {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 10px;
}

@media (min-width:992px) {
    .modal-body h4 {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .modal-body h4 {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .modal-body h4 {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .modal-body h4 {
        letter-spacing: -0.01em;
    }
}

.modal-body h5 {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 10px;
}

@media (min-width:992px) {
    .modal-body h5 {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .modal-body h5 {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .modal-body h5 {
        font-size: 1.3rem;
    }
}

@media (max-width:767px) {
    .modal-body h5 {
        letter-spacing: -0.01em;
    }
}

.modal-body ul {
    margin-top: 23px;
    margin-bottom: 23px;
}

@media (max-width:767px) {
    .modal-body ul {
        margin-top: 17px;
        margin-bottom: 17px;
    }
}

.modal-body ul li {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    padding-left: 22px;
    position: relative;
    margin-top: 13px;
    line-height: 27px;
}

@media (min-width:992px) {
    .modal-body ul li {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .modal-body ul li {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .modal-body ul li {
        font-size: 1.4rem;
    }
}

.modal-body ul li:before {
    content: "\e915";
    font-family: 'icomoon';
    color: #1d2552;
    font-style: normal;
    font-weight: 400;
    left: 0;
    position: absolute;
    /*margin-top: 3px;*/
}

@media (min-width:992px) {
    .modal-body ul li:before {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .modal-body ul li:before {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .modal-body ul li:before {
        font-size: 1.3rem;
    }
}

.modal-body ul li a {
    color: #394040;
    text-decoration: underline;
    font-weight: 400;
}

    .modal-body ul li a:hover {
        text-decoration: none;
        color: #870052;
    }

.modal-body ul.right-icon,
.modal-body ul.table-doc {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width:991px) {
    .modal-body ul.right-icon,
    .modal-body ul.table-doc {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width:767px) {
    .modal-body ul.right-icon,
    .modal-body ul.table-doc {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.modal-body ul.right-icon li,
.modal-body ul.table-doc li {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    padding: 0px;
    position: relative;
    margin-top: 0px;
    line-height: 23px;
    width: 100%;
    float: left;
}

@media (min-width:992px) {
    .modal-body ul.right-icon li,
    .modal-body ul.table-doc li {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .modal-body ul.right-icon li,
    .modal-body ul.table-doc li {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .modal-body ul.right-icon li,
    .modal-body ul.table-doc li {
        font-size: 1.4rem;
    }
}

.modal-body ul.right-icon li .date,
.modal-body ul.table-doc li .date {
    width: 90px;
    float: left;
    display: block;
}

.modal-body ul.right-icon li .title,
.modal-body ul.table-doc li .title {
    width: calc(100% - 90px);
    display: block;
    float: left;
}

.modal-body ul.right-icon li:hover,
.modal-body ul.table-doc li:hover {
    background: #e5e5e6;
    color: #394040;
}

    .modal-body ul.right-icon li:hover:after,
    .modal-body ul.table-doc li:hover:after {
        background: transparent;
    }

    .modal-body ul.right-icon li:hover + li:after,
    .modal-body ul.table-doc li:hover + li:after {
        background: transparent;
    }

.modal-body ul.right-icon li a,
.modal-body ul.table-doc li a {
    display: block;
    text-decoration: none;
    padding: 11px 50px 11px 20px;
}

    .modal-body ul.right-icon li a:hover,
    .modal-body ul.table-doc li a:hover {
        color: #394040;
    }

@media (min-width:768px) and (max-width:991px) {
    .modal-body ul.right-icon li a,
    .modal-body ul.table-doc li a {
        padding: 11px 30px 11px 10px;
    }
}

@media (max-width:767px) {
    .modal-body ul.right-icon li a,
    .modal-body ul.table-doc li a {
        padding: 11px 33px 11px 10px;
    }
}

.modal-body ul.right-icon li:before,
.modal-body ul.table-doc li:before {
    content: "\e915";
    font-family: 'icomoon';
    color: #870052;
    font-style: normal;
    font-weight: 400;
    right: 20px;
    position: absolute;
    top: 50%;
    left: auto;
    margin-top: -1px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (min-width:992px) {
    .modal-body ul.right-icon li:before,
    .modal-body ul.table-doc li:before {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .modal-body ul.right-icon li:before,
    .modal-body ul.table-doc li:before {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .modal-body ul.right-icon li:before,
    .modal-body ul.table-doc li:before {
        font-size: 1.3rem;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .modal-body ul.right-icon li:before,
    .modal-body ul.table-doc li:before {
        right: 10px;
    }
}

@media (max-width:767px) {
    .modal-body ul.right-icon li:before,
    .modal-body ul.table-doc li:before {
        right: 10px;
    }
}

.modal-body ul.right-icon li:after,
.modal-body ul.table-doc li:after {
    content: "";
    background: #dadada;
    height: 1px;
    width: calc(100% - 40px);
    top: 0;
    left: 20px;
    position: absolute;
}

@media (min-width:768px) and (max-width:991px) {
    .modal-body ul.right-icon li:after,
    .modal-body ul.table-doc li:after {
        width: calc(100% - 25px);
        left: 7.5px;
    }
}

@media (max-width:767px) {
    .modal-body ul.right-icon li:after,
    .modal-body ul.table-doc li:after {
        width: calc(100% - 20px);
        left: 7.5px;
    }
}

.modal-body ul.right-icon li:first-child:after,
.modal-body ul.table-doc li:first-child:after {
    display: none;
}

.modal-body ul.table-doc li:before {
    color: #02184d;
    font-style: normal;
    font-weight: 400;
    content: "\e91e" !important;
}

@media (min-width:992px) {
    .modal-body ul.table-doc li:before {
        font-size: 3.2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .modal-body ul.table-doc li:before {
        font-size: 2.5rem;
    }
}

@media (max-width:767px) {
    .modal-body ul.table-doc li:before {
        font-size: 2.4rem;
    }
}

.atm-branch-list-item.box {
    padding: 20px;
    margin-bottom: 20px;
}

@media (min-width:768px) and (max-width:991px) {
    .atm-branch-list-item.box {
        padding: 15px;
    }
}

@media (max-width:767px) {
    .atm-branch-list-item.box {
        padding: 10px;
        margin-bottom: 10px;
    }
}

.atm-branch-list-item:hover .atm-branch-list-item-title {
    color: #870052 !important;
}

    .atm-branch-list-item:hover .atm-branch-list-item-title i:before {
        color: #870052 !important;
    }

.atm-branch-list-item-title {
    font-size: 1.8rem;
    position: relative;
    padding: 5px 5px 7px 35px;
    line-height: 1.2;
    margin-bottom: 10px;
    color: #02184d !important;
}

    .atm-branch-list-item-title i {
        font-size: 29px;
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
        left: 0;
    }

        .atm-branch-list-item-title i:before {
            color: #02184d !important;
        }

.atm-branch-list-item-type,
.atm-branch-list-item-tel,
.atm-branch-list-item-fax {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    float: left;
    padding-top: 6px;
    padding-bottom: 6px;
    letter-spacing: 0.025em;
}

@media (min-width:992px) {
    .atm-branch-list-item-type,
    .atm-branch-list-item-tel,
    .atm-branch-list-item-fax {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .atm-branch-list-item-type,
    .atm-branch-list-item-tel,
    .atm-branch-list-item-fax {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .atm-branch-list-item-type,
    .atm-branch-list-item-tel,
    .atm-branch-list-item-fax {
        font-size: 1.3rem;
    }
}

.atm-branch-list-item-type strong,
.atm-branch-list-item-tel strong,
.atm-branch-list-item-fax strong {
    margin-bottom: 4px;
    display: block;
}

.atm-branch-list-item-type {
    padding-left: 10px;
    padding-right: 20px;
    border-right: 1px solid #e5e5e6;
}

@media (max-width:767px) {
    .atm-branch-list-item-type {
        padding-left: 5px;
        padding-right: 10px;
    }
}

.atm-branch-list-item-tel {
    padding-left: 20px;
    padding-right: 20px;
    border-right: 1px solid #e5e5e6;
}

@media (max-width:767px) {
    .atm-branch-list-item-tel {
        padding-left: 10px;
        padding-right: 10px;
        border: none;
    }
}

.atm-branch-list-item-fax {
    padding-left: 20px;
    float: left;
}

@media (max-width:767px) {
    .atm-branch-list-item-fax {
        padding-left: 5px;
    }
}

.atm-branch-list-item-adres {
    padding-left: 10px;
}

    .atm-branch-list-item-adres strong {
        margin-bottom: 3px;
        display: block;
    }

    .atm-branch-list-item-adres p {
        float: left;
        line-height: 20px;
    }

@media (max-width:767px) {
    .atm-branch-list-item-adres p {
        float: none;
    }
}

.atm-branch-list-item-button {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 23px;
    text-decoration: none !important;
}

@media (min-width:992px) {
    .atm-branch-list-item-button {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .atm-branch-list-item-button {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .atm-branch-list-item-button {
        font-size: 1.3rem;
    }
}

@media (max-width:767px) {
    .atm-branch-list-item-button {
        float: left !important;
        margin-top: 10px;
    }
}

.atm-branch-list-item-button:hover span {
    color: #870052;
    text-decoration: underline;
}

.atm-branch-list-item-button:hover i {
    color: #870052;
}

.atm-branch-list-item-button i {
    padding-left: 10px;
    font-size: 10px;
    color: #394040;
}

.atm-branch .map {
    height: 552px;
    background: #f0f0f0;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 30px;
}

.atm-branch hr {
    margin-top: 10px;
    margin-bottom: 17px;
}

.atm-branch p {
    line-height: 24px;
}
/*Paket alırken commentle*/

.Page404 .bg {
    background: #02184d url("/_assets/img/qnb_bg.png") top left -358px no-repeat;
}

@media (min-width:768px) and (max-width:991px) {
    .Page404 .bg {
        background: #02184d url("/_assets/img/qnb_bg.png") top left -700px no-repeat;
    }
}

@media (max-width:991px) {
    .Page404 .bg {
        background: #02184d url("/_assets/img/qnb_bg.png") top left -754px no-repeat;
    }
}

.Page404 .page-not-found {
    margin: 0 auto;
    margin-top: 125px;
    padding-left: 105px;
}

@media (min-width:768px) and (max-width:991px) {
    .Page404 .page-not-found {
        margin-top: 63px;
    }
}

@media (max-width:767px) {
    .Page404 .page-not-found {
        margin-top: 43px;
        padding: 0;
        min-width: 120%;
    }
}

.Page404 .big {
    color: white;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.025em;
    padding-top: 35px;
    margin-bottom: 10px;
}

@media (min-width:992px) {
    .Page404 .big {
        font-size: 2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Page404 .big {
        font-size: 2rem;
    }
}

@media (max-width:767px) {
    .Page404 .big {
        font-size: 1.8rem;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .Page404 .big {
        padding-top: 15px;
        margin-bottom: 5px;
    }
}

@media (max-width:767px) {
    .Page404 .big {
        font-size: 16px;
        padding-top: 23px;
        margin-bottom: 5px;
    }
}

.Page404 p {
    color: #a2a6e4;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    .Page404 p {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Page404 p {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .Page404 p {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .Page404 p {
        line-height: 1.5;
    }
}

.Page404 p a {
    color: white;
    font-style: normal;
    font-weight: 400;
    border-bottom: 2px solid white;
    text-decoration: none;
}

@media (min-width:992px) {
    .Page404 p a {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Page404 p a {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .Page404 p a {
        font-size: 1.4rem;
    }
}

.Page404 p a:hover {
    color: #a2a6e4;
    border-color: #a2a6e4;
}

.Page404 .search-box {
    margin-top: 26px;
    background: white;
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 140px;
    text-align: left;
}

@media (min-width:768px) and (max-width:991px) {
    .Page404 .search-box {
        margin-top: 16px;
        margin-bottom: 70px;
        padding: 15px;
    }
}

@media (max-width:767px) {
    .Page404 .search-box {
        margin-bottom: 30px;
        padding: 15px;
        margin-top: 23px;
    }
}

.Page404 .search-box label {
    color: #870052;
    font-style: normal;
    font-weight: 700;
    padding-top: 10px;
}

@media (min-width:992px) {
    .Page404 .search-box label {
        font-size: 1.8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Page404 .search-box label {
        font-size: 1.6rem;
    }
}

@media (max-width:767px) {
    .Page404 .search-box label {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .Page404 .search-box label {
        font-size: 18px;
    }
}

.Page404 .search-box label.search-tooltip {
    color: #870052;
    font-style: normal;
    font-weight: 700;
    left: 15px;
    text-align: left;
    line-height: 1.4;
    top: 37px;
}

@media (min-width:992px) {
    .Page404 .search-box label.search-tooltip {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Page404 .search-box label.search-tooltip {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .Page404 .search-box label.search-tooltip {
        font-size: 1.3rem;
    }
}

@media (max-width:767px) {
    .Page404 .search-box label.search-tooltip {
        top: 31px;
    }
}
/*Paket alırken commentle*/

.search p,
.news p {
    margin-bottom: 0px;
}

.search-results-title,
.news-results-title {
    color: #870052;
    font-style: normal;
    font-weight: 700;
}

@media (min-width:992px) {
    .search-results-title,
    .news-results-title {
        font-size: 1.8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .search-results-title,
    .news-results-title {
        font-size: 1.6rem;
    }
}

@media (max-width:767px) {
    .search-results-title,
    .news-results-title {
        font-size: 1.4rem;
    }
}

.search-results-title:hover,
.news-results-title:hover {
    color: #870052;
}

.search-results .breadcrumb,
.news-results .breadcrumb {
    margin-bottom: 0;
}

@media (max-width:767px) {
    .search-results .breadcrumb,
    .news-results .breadcrumb {
        padding-top: 7px;
    }
}

.search-results .breadcrumb-item,
.news-results .breadcrumb-item {
    color: #cabfb7;
    font-style: normal;
    font-weight: 400;
    border-bottom: 1px solid #cabfb7;
}

@media (min-width:992px) {
    .search-results .breadcrumb-item,
    .news-results .breadcrumb-item {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .search-results .breadcrumb-item,
    .news-results .breadcrumb-item {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .search-results .breadcrumb-item,
    .news-results .breadcrumb-item {
        font-size: 1.4rem;
    }
}

.search-results .breadcrumb span,
.news-results .breadcrumb span {
    border: none;
}

.search-results .breadcrumb a,
.news-results .breadcrumb a {
    letter-spacing: 0em;
}

    .search-results .breadcrumb a:hover,
    .news-results .breadcrumb a:hover {
        color: rgba(202, 191, 183, 0.5);
    }

.search-results strong,
.news-results strong {
    color: #870052;
    font-weight: bold;
}

.search-item,
.news-item {
    margin-bottom: 25px;
}

    .search-item h3,
    .news-item h3 {
        margin-bottom: 0 !important;
    }

    .search-item p,
    .news-item p {
        margin-bottom: 0 !important;
    }

@media (max-width:767px) {
    .search-item,
    .news-item {
        margin-bottom: 10px;
    }
}

.search-item:last-child,
.news-item:last-child {
    margin-bottom: 0px;
}

.search #search-count strong,
.news #search-count strong {
    color: #394040 !important;
}

.search-text,
.news-text {
    font-size: 18px;
}

@media (max-width:767px) {
    .search-text,
    .news-text {
        font-size: 14px;
    }
}

.search .jumbotron,
.news .jumbotron {
    padding: 30px;
}

@media (max-width:767px) {
    .search .jumbotron,
    .news .jumbotron {
        padding: 15px !important;
    }
}

.search hr,
.news hr {
    margin-top: 21px;
    margin-bottom: 26px;
}

.search label.search-tooltip,
.news label.search-tooltip {
    margin-top: 5px;
}

@media (max-width:767px) {
    .search label.search-tooltip,
    .news label.search-tooltip {
        margin-top: 0;
    }
}

.awards .acc-content {
    color: #394040;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    .awards .acc-content {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .awards .acc-content {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .awards .acc-content {
        font-size: 1.3rem;
    }
}

.awards .acc-content p {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    margin-top: -5px;
    line-height: 22px;
}

@media (min-width:992px) {
    .awards .acc-content p {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .awards .acc-content p {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .awards .acc-content p {
        font-size: 1.3rem;
    }
}

.investments-list-item.box,
.house-projects-list-item.box {
    padding: 30px;
    padding-bottom: 23px;
    margin-bottom: 10px;
}

@media (min-width:768px) and (max-width:991px) {
    .investments-list-item.box,
    .house-projects-list-item.box {
        padding: 15px;
    }
}

@media (max-width:767px) {
    .investments-list-item.box,
    .house-projects-list-item.box {
        padding: 15px;
        margin-bottom: 15px;
    }
}

.investments-list-item:hover .atm-branch-list-item-title,
.house-projects-list-item:hover .atm-branch-list-item-title {
    color: #870052 !important;
}

    .investments-list-item:hover .atm-branch-list-item-title i:before,
    .house-projects-list-item:hover .atm-branch-list-item-title i:before {
        color: #870052 !important;
    }

.investments-list-item-title,
.house-projects-list-item-title {
    font-size: 1.8rem;
    position: relative;
    padding: 5px 5px 7px 35px;
    line-height: 1.2;
    margin-bottom: 10px;
    color: #02184d !important;
}

    .investments-list-item-title i,
    .house-projects-list-item-title i {
        font-size: 29px;
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
        left: 0;
    }

        .investments-list-item-title i:before,
        .house-projects-list-item-title i:before {
            color: #02184d !important;
        }

.investments-list-item-type,
.house-projects-list-item-type,
.investments-list-item-tel,
.house-projects-list-item-tel,
.investments-list-item-fax,
.house-projects-list-item-fax,
.investments-list-item-row,
.house-projects-list-item-row {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    float: left;
    padding-top: 14px;
    padding-bottom: 6px;
    letter-spacing: 0.025em;
}

@media (min-width:992px) {
    .investments-list-item-type,
    .house-projects-list-item-type,
    .investments-list-item-tel,
    .house-projects-list-item-tel,
    .investments-list-item-fax,
    .house-projects-list-item-fax,
    .investments-list-item-row,
    .house-projects-list-item-row {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .investments-list-item-type,
    .house-projects-list-item-type,
    .investments-list-item-tel,
    .house-projects-list-item-tel,
    .investments-list-item-fax,
    .house-projects-list-item-fax,
    .investments-list-item-row,
    .house-projects-list-item-row {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .investments-list-item-type,
    .house-projects-list-item-type,
    .investments-list-item-tel,
    .house-projects-list-item-tel,
    .investments-list-item-fax,
    .house-projects-list-item-fax,
    .investments-list-item-row,
    .house-projects-list-item-row {
        font-size: 1.3rem;
    }
}

@media (max-width:767px) {
    .investments-list-item-type,
    .house-projects-list-item-type,
    .investments-list-item-tel,
    .house-projects-list-item-tel,
    .investments-list-item-fax,
    .house-projects-list-item-fax,
    .investments-list-item-row,
    .house-projects-list-item-row {
        padding-bottom: 7px;
    }
}

.investments-list-item-type strong,
.house-projects-list-item-type strong,
.investments-list-item-tel strong,
.house-projects-list-item-tel strong,
.investments-list-item-fax strong,
.house-projects-list-item-fax strong,
.investments-list-item-row strong,
.house-projects-list-item-row strong {
    margin-bottom: 4px;
    display: block;
}

.investments-list-item-tel,
.house-projects-list-item-tel {
    padding-right: 20px;
    border-right: 1px solid #e5e5e6;
}

@media (max-width:767px) {
    .investments-list-item-tel,
    .house-projects-list-item-tel {
        padding-right: 10px;
        border: none;
    }
}

.investments-list-item-fax,
.house-projects-list-item-fax {
    padding-left: 20px;
    float: left;
}

@media (max-width:767px) {
    .investments-list-item-fax,
    .house-projects-list-item-fax {
        padding-left: 5px;
    }
}

.investments-list-item-adres strong,
.house-projects-list-item-adres strong {
    margin-bottom: 3px;
    display: block;
}

.investments-list-item-adres p,
.house-projects-list-item-adres p {
    float: left;
    line-height: 20px;
    margin-bottom: 15px;
    width: 100%;
}

@media (max-width:767px) {
    .investments-list-item-adres p,
    .house-projects-list-item-adres p {
        float: none;
    }
}

.investments-list-item-button,
.house-projects-list-item-button {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 23px;
    text-decoration: none !important;
    position: relative;
    padding-left: 20px;
}

@media (min-width:992px) {
    .investments-list-item-button,
    .house-projects-list-item-button {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .investments-list-item-button,
    .house-projects-list-item-button {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .investments-list-item-button,
    .house-projects-list-item-button {
        font-size: 1.3rem;
    }
}

@media (max-width:767px) {
    .investments-list-item-button,
    .house-projects-list-item-button {
        float: left !important;
    }
}

.investments-list-item-button:hover span,
.house-projects-list-item-button:hover span {
    color: #870052;
    text-decoration: underline;
}

.investments-list-item-button:hover i,
.house-projects-list-item-button:hover i {
    color: #870052;
}

.investments-list-item-button i,
.house-projects-list-item-button i {
    font-size: 16px;
    color: #870052;
    margin-right: 4px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
}

.investments hr,
.house-projects hr {
    margin-top: 10px;
    margin-bottom: 17px;
}

.investor-table {
    width: 160px;
    border: 2px solid #cabfb7;
    border-radius: 5px;
    margin: 0 auto;
}

@media (max-width:767px) {
    .investor-table {
        float: right;
        width: 130px;
    }
}

.investor-table ul {
    margin-bottom: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 5px;
    margin-top: 0;
}

    .investor-table ul:first-child {
        border-radius: 0 !important;
        padding-left: 0 !important;
    }

        .investor-table ul:first-child li {
            padding-top: 18px;
            padding-bottom: 18px;
            border-radius: 5px;
        }

@media (min-width:768px) and (max-width:1240px) {
    .investor-table ul:first-child li span {
        width: 150px;
        right: -120px;
    }
}

.investor-table ul li {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    color: white !important;
    padding: 13px 40px 10px 0;
    text-align: right;
    margin-top: 0 !important;
    padding-left: 0 !important;
    position: relative;
}

@media (min-width:992px) {
    .investor-table ul li {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .investor-table ul li {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .investor-table ul li {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .investor-table ul li {
        padding-right: 20px;
    }
}

.investor-table ul li:before {
    display: none;
}

.investor-table ul li span {
    position: absolute;
    display: block;
    font-weight: 400;
    width: 238px;
    top: 50%;
    margin-top: -10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #394040;
    font-style: normal;
}

@media (min-width:992px) {
    .investor-table ul li span {
        font-size: 1.5rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .investor-table ul li span {
        font-size: 1.5rem;
    }
}

@media (max-width:767px) {
    .investor-table ul li span {
        font-size: 1.3rem;
    }
}

.investor-table ul li span:before {
    content: '';
    background: #cabfb7;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.investor-table ul.left span {
    text-align: left;
    margin-left: -225px;
}

@media (max-width:767px) {
    .investor-table ul.left span {
        right: 85%;
    }
}

.investor-table ul.right span {
    text-align: right;
    right: -225px;
}

@media (max-width:767px) {
    .investor-table ul.right span {
        text-align: left;
        right: 85%;
    }
}

.investor-table .ruby,
.investor-table .sky,
.investor-table .navy {
    width: calc(100% - 20px);
    margin-left: 10px;
}

.investor-table .ruby {
    background: #870052;
}

    .investor-table .ruby span {
        color: #870052;
    }

.investor-table .sand {
    background: #cabfb7;
}

    .investor-table .sand span {
        color: #394040;
    }

.investor-table .sky {
    background: #116fc4;
}

    .investor-table .sky span {
        color: #116fc4;
    }

.investor-table .navy {
    background: #02184d;
}

    .investor-table .navy span {
        color: #02184d;
    }

.investor-chart {
    position: relative;
    margin-top: -30px;
}

    .investor-chart .chart {
        height: 230px;
    }

.investor-chart-label {
    position: absolute;
    top: 30px;
    z-index: 9;
}

.investor-chart-title {
    margin-bottom: 20px;
    padding-left: 30px;
    color: #394040;
    font-style: normal;
    font-weight: 700;
    position: relative;
}

@media (min-width:992px) {
    .investor-chart-title {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .investor-chart-title {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .investor-chart-title {
        font-size: 1.4rem;
    }
}

.investor-chart-title:before {
    content: '';
    height: 18px;
    width: 18px;
    position: absolute;
    background: #116fc4;
    left: 0;
}

.investor-chart-title:last-child:before {
    background: gainsboro;
}

.investor .table {
    margin-bottom: 0;
}

    .investor .table tbody tr:first-child td {
        border-top: none !important;
    }

    .investor .table tbody tr td {
        color: #1d2552;
        font-style: normal;
        font-weight: 400;
    }

@media (min-width:992px) {
    .investor .table tbody tr td {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .investor .table tbody tr td {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .investor .table tbody tr td {
        font-size: 1.4rem;
    }
}

.highcharts-credits {
    display: none;
}

.house-projects-content {
    margin-top: 15px;
    overflow: hidden;
    display: block;
}

.house-projects-list-item-tel,
.house-projects-list-item-adress,
.house-projects-list-item-fax,
.house-projects-list-item-row {
    width: 33%;
    float: left;
    padding: 0 20px;
}

@media (max-width:767px) {
    .house-projects-list-item-tel,
    .house-projects-list-item-adress,
    .house-projects-list-item-fax,
    .house-projects-list-item-row {
        width: 100%;
        padding: 0 20px 10px 0 !important;
        height: auto !important;
        border-left: none !important;
    }
}

.house-projects-list-item-row {
    border-left: 1px solid #e5e5e6;
}

    .house-projects-list-item-row:first-child {
        padding-left: 0;
        border-left: none;
    }

.house-projects-list-item-button {
    margin-top: 10px;
}

.realty-list-item.box {
    padding: 26px;
    padding-bottom: 23px;
    margin-bottom: 20px;
}

@media (min-width:768px) and (max-width:991px) {
    .realty-list-item.box {
        padding: 17px 20px;
    }
}

@media (max-width:767px) {
    .realty-list-item.box {
        padding: 15px;
        margin-bottom: 15px;
    }
}

.realty-list-item:hover .atm-branch-list-item-title {
    color: #870052 !important;
}

    .realty-list-item:hover .atm-branch-list-item-title i:before {
        color: #870052 !important;
    }

.realty-list-item-title {
    font-size: 1.8rem;
    position: relative;
    padding: 5px 5px 7px 35px;
    line-height: 1.2;
    margin-bottom: 10px;
    color: #02184d !important;
}

    .realty-list-item-title i {
        font-size: 29px;
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
        left: 0;
    }

        .realty-list-item-title i:before {
            color: #02184d !important;
        }

.realty-list-item-code {
    color: #000f33;
    font-style: normal;
    font-weight: 700;
    padding-left: 15px;
    margin-bottom: 20px;
}

@media (min-width:992px) {
    .realty-list-item-code {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .realty-list-item-code {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .realty-list-item-code {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .realty-list-item-code {
        margin-bottom: 10px;
    }
}

.realty-list-item-image {
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 170px;
}

    .realty-list-item-image img {
        border-radius: 5px;
        overflow: hidden;
    }

@media (max-width:767px) {
    .realty-list-item-image img {
        border-radius: 0px;
    }
}

@media (max-width:767px) {
    .realty-list-item-image {
        max-width: 100%;
    }
}

.realty-list-item-props {
    float: left;
    width: calc(100% - 200px);
}

@media (max-width:767px) {
    .realty-list-item-props {
        padding: 10px;
        padding-bottom: 0;
        width: 100%;
    }
}

.realty-list-item-prop {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    float: left;
    padding-top: 8px;
    padding-bottom: 6px;
    letter-spacing: 0.025em;
    padding-right: 15px;
    padding-left: 20px;
}

@media (min-width:992px) {
    .realty-list-item-prop {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .realty-list-item-prop {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .realty-list-item-prop {
        font-size: 1.3rem;
    }
}

.realty-list-item-prop:first-child {
    padding-left: 10px;
}

.realty-list-item-prop:last-child {
    padding-right: 0px !important;
}

@media (min-width:768px) and (max-width:1240px) {
    .realty-list-item-prop {
        padding-left: 10px;
        padding-right: 10px;
    }

        .realty-list-item-prop:first-child {
            padding-left: 5px;
        }
}

@media (min-width:768px) and (max-width:991px) {
    .realty-list-item-prop {
        padding-right: 15px;
        padding-left: 15px;
    }

        .realty-list-item-prop:first-child {
            padding-left: 5px !important;
        }
}

@media (max-width:767px) {
    .realty-list-item-prop {
        padding-bottom: 7px;
        margin-bottom: 5px;
        padding-right: 10px;
        padding-left: 10px;
        border: none;
        float: left;
        width: 33%;
    }

        .realty-list-item-prop:nth-child(4) {
            padding-left: 10px;
            border: 0px !important;
        }
}

.realty-list-item-prop strong {
    margin-bottom: 4px;
    display: block;
}

.realty-list-item-prop + .realty-list-item-prop {
    border-left: 1px solid #e5e5e6;
}

.realty-list-item-adres {
    padding-left: 15px;
}

@media (min-width:768px) and (max-width:1240px) {
    .realty-list-item-adres {
        padding-left: 5px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .realty-list-item-adres {
        padding-left: 5px;
    }
}

@media (max-width:767px) {
    .realty-list-item-adres {
        padding-left: 5px;
    }
}

.realty-list-item-adres strong {
    margin-bottom: 3px;
    display: block;
}

.realty-list-item-adres p {
    float: left;
    line-height: 20px;
}

@media (max-width:767px) {
    .realty-list-item-adres p {
        float: none;
    }
}

.realty-list-item-button {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
    text-decoration: none !important;
    position: relative;
    padding-right: 35px;
}

@media (min-width:992px) {
    .realty-list-item-button {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .realty-list-item-button {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .realty-list-item-button {
        font-size: 1.3rem;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .realty-list-item-button {
        margin-right: 15px;
    }
}

@media (max-width:767px) {
    .realty-list-item-button {
        float: left !important;
        margin-top: 10px;
    }
}

.realty-list-item-button:hover span {
    color: #870052;
    text-decoration: underline;
}

.realty-list-item-button:hover i {
    color: #870052;
}

.realty-list-item-button i {
    font-size: 12px;
    color: #394040;
    margin-right: 4px;
    right: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
}

.realty-detail .owl-item img {
    width: auto;
}

.realty-detail .table-wrap {
    border-radius: 5px;
}

.realty-detail .table-responsive {
    border: none;
}

.realty-detail .owl-height {
    height: auto !important;
}

.realty hr {
    margin-top: 10px;
    margin-bottom: 17px;
}

@media (max-width:767px) {
    .realty hr {
        margin-bottom: 12px;
    }
}

.page-subpage .product-service-title {
    color: #000f33;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 30px;
}

@media (min-width:992px) {
    .page-subpage .product-service-title {
        font-size: 1.8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-subpage .product-service-title {
        font-size: 1.6rem;
    }
}

@media (max-width:767px) {
    .page-subpage .product-service-title {
        font-size: 1.4rem;
    }
}

.page-subpage .product-service .acc.active {
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e6 !important;
}

    .page-subpage .product-service .acc.active > :first-child {
        color: #870052;
        font-style: normal;
        font-weight: 700;
    }

@media (min-width:992px) {
    .page-subpage .product-service .acc.active > :first-child {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-subpage .product-service .acc.active > :first-child {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-subpage .product-service .acc.active > :first-child {
        font-size: 1.4rem;
    }
}

.page-subpage .product-service .acc > :first-child {
    color: #394040;
    font-style: normal;
    font-weight: 700;
}

@media (min-width:992px) {
    .page-subpage .product-service .acc > :first-child {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-subpage .product-service .acc > :first-child {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-subpage .product-service .acc > :first-child {
        font-size: 1.4rem;
    }
}

.page-subpage .product-service .acc:last-child {
    border-bottom: none !important;
}

.page-subpage .product-service-table thead tr {
    background: #f1f1f1 !important;
}

    .page-subpage .product-service-table thead tr:first-child {
        background: gainsboro !important;
    }

        .page-subpage .product-service-table thead tr:first-child th {
            padding: 16px 20px !important;
            border-bottom: 1px solid white !important;
        }

    .page-subpage .product-service-table thead tr th {
        color: #394040;
        font-style: normal;
        font-weight: 700;
        white-space: nowrap;
        padding: 11px 20px !important;
        border-bottom: none !important;
    }

@media (min-width:992px) {
    .page-subpage .product-service-table thead tr th {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-subpage .product-service-table thead tr th {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-subpage .product-service-table thead tr th {
        font-size: 1.3rem;
    }
}

.page-subpage .product-service-table tbody tr:first-child td {
    border-top: none !important;
}

.page-subpage .product-service-table tbody tr td {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    border-left: 1px solid #d7d9d9;
    letter-spacing: -0.01em;
}

@media (min-width:992px) {
    .page-subpage .product-service-table tbody tr td {
        font-size: 1.4rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-subpage .product-service-table tbody tr td {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-subpage .product-service-table tbody tr td {
        font-size: 1.3rem;
    }
}

.page-subpage .product-service-table tbody tr td:first-child {
    border-left: none !important;
}

.page-subpage .product-service .table-wrap {
    border-radius: 5px;
    /*overflow: hidden;*/
    border: 1px solid #d7d9d9;
}

.minik-eller-box {
    background: #eff0f2;
    padding-top: 30px;
}

@media (min-width:768px) and (max-width:991px) {
    .minik-eller-box {
        padding-bottom: 30px;
    }
}

@media (max-width:767px) {
    .minik-eller-box {
        padding-left: 7px;
        padding-bottom: 30px;
    }
}

.minik-eller-logo {
    float: left;
}

@media (max-width:767px) {
    .minik-eller-logo {
        padding-right: 15px;
        max-width: 100px;
    }
}

.minik-eller-star {
    margin-top: 10px;
}

.minik-eller-text {
    color: #0d5ba0;
    font-style: normal;
    font-weight: 700;
    line-height: 22px !important;
    text-align: center;
    margin-top: 15px;
}

@media (min-width:992px) {
    .minik-eller-text {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .minik-eller-text {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .minik-eller-text {
        font-size: 1.4rem;
    }
}

@media (max-width:991px) {
    .minik-eller-text {
        text-align: left;
        letter-spacing: 0;
    }
}

@media (max-width:767px) {
    .minik-eller-text {
        margin-top: 10px;
    }
}

.minik-eller-item-image img {
    width: 100%;
}

.minik-eller-item-image:before {
    display: none;
}

.minik-eller-item-image:after {
    width: 0;
    height: 0;
}

.minik-eller-item-image span:after {
    content: "\e942";
}

.minik-eller-item-title {
    color: #272a2a;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.02em;
}

@media (min-width:992px) {
    .minik-eller-item-title {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .minik-eller-item-title {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .minik-eller-item-title {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .minik-eller-item-title {
        font-size: 12px;
    }
}

@media (max-width:767px) {
    .minik-eller [class^="col-"]:nth-child(odd) {
        padding-right: 7.5px;
    }

    .minik-eller [class^="col-"]:nth-child(even) {
        padding-left: 7.5px;
    }
}

.news-input label {
    line-height: 44px;
}

.news-date {
    color: #cabfb7;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    .news-date {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .news-date {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .news-date {
        font-size: 1.4rem;
    }
}

.page-subpage .logos a.open-modal,
.page-subpage .advert a.open-modal,
.page-subpage .minik-eller a.open-modal {
    text-decoration: none;
    display: block;
    position: absolute;
    width: calc(85%);
    height: calc(85%);
    z-index: 9;
}

.page-subpage .logos-item,
.page-subpage .advert-item,
.page-subpage .minik-eller-item {
    border: 1px solid #d7d9d9;
    border-radius: 5px;
    margin-bottom: 30px;
    opacity: 0;
}

@media (min-width:768px) and (max-width:991px) {
    .page-subpage .logos-item,
    .page-subpage .advert-item,
    .page-subpage .minik-eller-item {
        margin-bottom: 20px;
    }
}

@media (max-width:767px) {
    .page-subpage .logos-item,
    .page-subpage .advert-item,
    .page-subpage .minik-eller-item {
        margin-bottom: 15px;
    }
}

.page-subpage .logos-item-image,
.page-subpage .advert-item-image,
.page-subpage .minik-eller-item-image {
    position: relative;
    overflow: hidden;
}

    .page-subpage .logos-item-image:after,
    .page-subpage .advert-item-image:after,
    .page-subpage .minik-eller-item-image:after,
    .page-subpage .logos-item-image:before,
    .page-subpage .advert-item-image:before,
    .page-subpage .minik-eller-item-image:before {
        width: 24px;
        height: 24px;
        position: absolute;
        line-height: 24px;
        text-align: center;
        right: 10px;
        bottom: 10px;
        border-radius: 5px;
    }

    .page-subpage .logos-item-image:after,
    .page-subpage .advert-item-image:after,
    .page-subpage .minik-eller-item-image:after {
        content: '';
        -webkit-transition: width 800ms 100ms cubic-bezier(0.19, 1, 0.22, 1), height 800ms 100ms cubic-bezier(0.19, 1, 0.22, 1), bottom 800ms 100ms cubic-bezier(0.19, 1, 0.22, 1), right 800ms 100ms cubic-bezier(0.19, 1, 0.22, 1);
        ;
        -moz-transition: width 800ms 100ms cubic-bezier(0.19, 1, 0.22, 1), height 800ms 100ms cubic-bezier(0.19, 1, 0.22, 1), bottom 800ms 100ms cubic-bezier(0.19, 1, 0.22, 1), right 800ms 100ms cubic-bezier(0.19, 1, 0.22, 1);
        ;
        -o-transition: width 800ms 100ms cubic-bezier(0.19, 1, 0.22, 1), height 800ms 100ms cubic-bezier(0.19, 1, 0.22, 1), bottom 800ms 100ms cubic-bezier(0.19, 1, 0.22, 1), right 800ms 100ms cubic-bezier(0.19, 1, 0.22, 1);
        ;
        transition: width 800ms 100ms cubic-bezier(0.19, 1, 0.22, 1), height 800ms 100ms cubic-bezier(0.19, 1, 0.22, 1), bottom 800ms 100ms cubic-bezier(0.19, 1, 0.22, 1), right 800ms 100ms cubic-bezier(0.19, 1, 0.22, 1);
        ;
        background: #116fc4;
    }

    .page-subpage .logos-item-image:before,
    .page-subpage .advert-item-image:before,
    .page-subpage .minik-eller-item-image:before {
        content: "\e93f";
        font-family: 'icomoon';
        color: white;
        font-style: normal;
        font-weight: 400;
        z-index: 1;
        -webkit-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
        -moz-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
        -o-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
        transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    }

@media (min-width:992px) {
    .page-subpage .logos-item-image:before,
    .page-subpage .advert-item-image:before,
    .page-subpage .minik-eller-item-image:before {
        font-size: 1.2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-subpage .logos-item-image:before,
    .page-subpage .advert-item-image:before,
    .page-subpage .minik-eller-item-image:before {
        font-size: 1.2rem;
    }
}

@media (max-width:767px) {
    .page-subpage .logos-item-image:before,
    .page-subpage .advert-item-image:before,
    .page-subpage .minik-eller-item-image:before {
        font-size: 1.2rem;
    }
}

.page-subpage .logos-item-image span:after,
.page-subpage .advert-item-image span:after,
.page-subpage .minik-eller-item-image span:after {
    font-family: 'icomoon';
    content: '\e93e';
    color: white;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    top: 60%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -sand-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    opacity: 0;
    z-index: 2;
    -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
}

@media (min-width:992px) {
    .page-subpage .logos-item-image span:after,
    .page-subpage .advert-item-image span:after,
    .page-subpage .minik-eller-item-image span:after {
        font-size: 3.8rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-subpage .logos-item-image span:after,
    .page-subpage .advert-item-image span:after,
    .page-subpage .minik-eller-item-image span:after {
        font-size: 3rem;
    }
}

@media (max-width:767px) {
    .page-subpage .logos-item-image span:after,
    .page-subpage .advert-item-image span:after,
    .page-subpage .minik-eller-item-image span:after {
        font-size: 2.4rem;
    }
}

.page-subpage .logos-item-content,
.page-subpage .advert-item-content,
.page-subpage .minik-eller-item-content {
    padding: 18px 20px;
    position: relative;
    border-top: 1px solid #d7d9d9;
}

@media (max-width:767px) {
    .page-subpage .logos-item-content,
    .page-subpage .advert-item-content,
    .page-subpage .minik-eller-item-content {
        padding: 13px 15px;
    }
}

.page-subpage .logos-item-title,
.page-subpage .advert-item-title,
.page-subpage .minik-eller-item-title {
    font-size: 16px !important;
    color: #1d2552 !important;
    font-weight: 400 !important;
    margin-bottom: 6px;
    text-decoration: none;
}

@media (max-width:767px) {
    .page-subpage .logos-item-title,
    .page-subpage .advert-item-title,
    .page-subpage .minik-eller-item-title {
        margin-bottom: 0;
    }
}

.page-subpage .logos-item-subtitle,
.page-subpage .advert-item-subtitle,
.page-subpage .minik-eller-item-subtitle {
    color: #1d2552;
    font-style: normal;
    font-weight: 400;
}

@media (min-width:992px) {
    .page-subpage .logos-item-subtitle,
    .page-subpage .advert-item-subtitle,
    .page-subpage .minik-eller-item-subtitle {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-subpage .logos-item-subtitle,
    .page-subpage .advert-item-subtitle,
    .page-subpage .minik-eller-item-subtitle {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-subpage .logos-item-subtitle,
    .page-subpage .advert-item-subtitle,
    .page-subpage .minik-eller-item-subtitle {
        font-size: 1.4rem;
    }
}

.page-subpage .logos-item-button,
.page-subpage .advert-item-button,
.page-subpage .minik-eller-item-button {
    background: #cabfb7;
    padding: 6px 28px 6px 14px;
    color: white;
    font-style: normal;
    font-weight: 400;
    border-radius: 5px;
    text-decoration: none;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
    letter-spacing: 0.01em;
}

@media (min-width:992px) {
    .page-subpage .logos-item-button,
    .page-subpage .advert-item-button,
    .page-subpage .minik-eller-item-button {
        font-size: 1.2rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-subpage .logos-item-button,
    .page-subpage .advert-item-button,
    .page-subpage .minik-eller-item-button {
        font-size: 1.2rem;
    }
}

@media (max-width:767px) {
    .page-subpage .logos-item-button,
    .page-subpage .advert-item-button,
    .page-subpage .minik-eller-item-button {
        font-size: 1.2rem;
    }
}

.page-subpage .logos-item-button:before,
.page-subpage .advert-item-button:before,
.page-subpage .minik-eller-item-button:before {
    content: "\e90d";
    position: absolute;
    right: 10px;
    color: white;
    font-size: 9px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'icomoon';
}

.page-subpage .logos-item-button:hover,
.page-subpage .advert-item-button:hover,
.page-subpage .minik-eller-item-button:hover {
    background-color: #870052;
    color: white;
}

.page-subpage .logos-item:hover .logos-item-image:after,
.page-subpage .advert-item:hover .logos-item-image:after,
.page-subpage .minik-eller-item:hover .logos-item-image:after,
.page-subpage .logos-item:focus .logos-item-image:after,
.page-subpage .advert-item:focus .logos-item-image:after,
.page-subpage .minik-eller-item:focus .logos-item-image:after,
.page-subpage .logos-item:hover .advert-item-image:after,
.page-subpage .advert-item:hover .advert-item-image:after,
.page-subpage .minik-eller-item:hover .advert-item-image:after,
.page-subpage .logos-item:focus .advert-item-image:after,
.page-subpage .advert-item:focus .advert-item-image:after,
.page-subpage .minik-eller-item:focus .advert-item-image:after,
.page-subpage .logos-item:hover .minik-eller-item-image:after,
.page-subpage .advert-item:hover .minik-eller-item-image:after,
.page-subpage .minik-eller-item:hover .minik-eller-item-image:after,
.page-subpage .logos-item:focus .minik-eller-item-image:after,
.page-subpage .advert-item:focus .minik-eller-item-image:after,
.page-subpage .minik-eller-item:focus .minik-eller-item-image:after {
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    opacity: 0.8;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.page-subpage .logos-item:hover .logos-item-image:before,
.page-subpage .advert-item:hover .logos-item-image:before,
.page-subpage .minik-eller-item:hover .logos-item-image:before,
.page-subpage .logos-item:focus .logos-item-image:before,
.page-subpage .advert-item:focus .logos-item-image:before,
.page-subpage .minik-eller-item:focus .logos-item-image:before,
.page-subpage .logos-item:hover .advert-item-image:before,
.page-subpage .advert-item:hover .advert-item-image:before,
.page-subpage .minik-eller-item:hover .advert-item-image:before,
.page-subpage .logos-item:focus .advert-item-image:before,
.page-subpage .advert-item:focus .advert-item-image:before,
.page-subpage .minik-eller-item:focus .advert-item-image:before,
.page-subpage .logos-item:hover .minik-eller-item-image:before,
.page-subpage .advert-item:hover .minik-eller-item-image:before,
.page-subpage .minik-eller-item:hover .minik-eller-item-image:before,
.page-subpage .logos-item:focus .minik-eller-item-image:before,
.page-subpage .advert-item:focus .minik-eller-item-image:before,
.page-subpage .minik-eller-item:focus .minik-eller-item-image:before {
    opacity: 0;
}

.page-subpage .logos-item:hover .logos-item-image span:after,
.page-subpage .advert-item:hover .logos-item-image span:after,
.page-subpage .minik-eller-item:hover .logos-item-image span:after,
.page-subpage .logos-item:focus .logos-item-image span:after,
.page-subpage .advert-item:focus .logos-item-image span:after,
.page-subpage .minik-eller-item:focus .logos-item-image span:after,
.page-subpage .logos-item:hover .advert-item-image span:after,
.page-subpage .advert-item:hover .advert-item-image span:after,
.page-subpage .minik-eller-item:hover .advert-item-image span:after,
.page-subpage .logos-item:focus .advert-item-image span:after,
.page-subpage .advert-item:focus .advert-item-image span:after,
.page-subpage .minik-eller-item:focus .advert-item-image span:after,
.page-subpage .logos-item:hover .minik-eller-item-image span:after,
.page-subpage .advert-item:hover .minik-eller-item-image span:after,
.page-subpage .minik-eller-item:hover .minik-eller-item-image span:after,
.page-subpage .logos-item:focus .minik-eller-item-image span:after,
.page-subpage .advert-item:focus .minik-eller-item-image span:after,
.page-subpage .minik-eller-item:focus .minik-eller-item-image span:after {
    top: 50%;
    opacity: 1;
}

.page-subpage .advert-item-image:before {
    content: '\e941';
}

.page-subpage .advert-item-image span:after {
    content: '\e940';
}

.page-subpage .advert-item-title {
    color: #272a2a;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

@media (min-width:992px) {
    .page-subpage .advert-item-title {
        font-size: 1.6rem;
    }
}

@media (min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-subpage .advert-item-title {
        font-size: 1.4rem;
    }
}

@media (max-width:767px) {
    .page-subpage .advert-item-title {
        font-size: 1.4rem;
    }
}