body {
    background: #f0f0f0;
    font-family: 'Cairo';
    font-style: normal;
    font-weight: normal;
    font-style: normal;
    color: #1d2652;
    text-align: right;
}

@media(min-width:768px) {
    .e-sm-mt-25 {
        margin-top: -25px !important
    }
}

.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-left: 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: 0 !important
}

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

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

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

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

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

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

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

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

.xs-mb-0 {
    margin-bottom: 0 !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: 0 !important
    }

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

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

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

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

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

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

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

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

    .sm-mb-0 {
        margin-bottom: 0 !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: 0 !important
    }

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

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

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

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

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

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

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

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

    .md-mb-0 {
        margin-bottom: 0 !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: 0 !important
    }

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

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

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

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

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

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

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

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

    .lg-mb-0 {
        margin-bottom: 0 !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: 0 !important
    }

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

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

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

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

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

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

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

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

    .xl-mb-0 {
        margin-bottom: 0 !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
}

.table {
    margin-bottom: 0 !important
}

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
}

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
}

.block {
    display: block
}

@-ms-viewport {
    width: auto;
}

::-webkit-input-placeholder {
    color: #888;
    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 {
    color: #888;
    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 {
    color: #888;
    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 {
    color: #888;
    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
}

.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, .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: #fff
}

.datepicker .prev {
    color: #fff
}

.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: ""
}

.datepicker .next:before {
    content: ""
}

.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
}

html {
    font-size: 10px;
    font-weight: 400;
    color: #394040;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%
}

body {
    background: #f0f0f0;
    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: relative;
    z-index: 5;
    overflow: hidden
}

.isHomePage .content {
    z-index: auto
}

a {
    color: #000f33
}

a:hover {
    text-decoration: underline
}

h1 {
    color: #1d2552;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .0em
}

@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;
}

@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
}

.search-found {
    background: #ff0
}

.text-white {
    color: #fff !important
}

.text-ruby {
    color: #870052
}

.text-blue,
.text-navy {
    color: #02184d !important
}

.text-gray {
    color: #394040
}

.text-sky {
    color: #116fc4 !important
}

.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
}

.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) {
    .fs16 {
        font-size: 1.6rem
    }
}

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

@media(max-width:767px) {
    .fs16 {
        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
}

input.datepicker {
    height: 42px
}

.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: #fff;
    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
}

.isHomePage .belt {
    height: 648px
}

.belt-image {
    position: absolute;
    width: 980px;
    height: 100%;
    background: url(header_belt.webp) no-repeat right top -2px;
    left: 50%;
    top: 0;
    z-index: 5;
    bottom: 0;
    margin-left: -1276px
}

@media(min-width:1500px) {
    .belt-image:before {
        content: "";
        position: absolute;
        left: -66%;
        background: #fff;
        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(mobil-kusak.webp) 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(mobil-kusak.webp) no-repeat right top 0;
        background-size: cover
    }
}

@media(max-width:767px) {
    .belt-image {
        margin-left: 0;
        left: -15px;
        width: 150px;
        height: 200px;
        background: url(mobil-kusak.webp) no-repeat right top -4px;
        background-size: cover
    }
}

.Head {
    position: relative
}

.isHomePage .Head {
    position: absolute;
    width: 100%
}

@media(max-width:991px) {
    .Head {
        z-index: 25
    }
}

.Head .belt {
    display: none
}

.Head.menuopen {
    background: #fff;
    -webkit-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    overflow: hidden
}

.Head.menuopen .belt {
    display: block;
    -webkit-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .715)
}

.Header {
    position: relative;
    -webkit-transition: all 300ms cubic-bezier(.25, .25, .75, .75);
    -moz-transition: all 300ms cubic-bezier(.25, .25, .75, .75);
    -o-transition: all 300ms cubic-bezier(.25, .25, .75, .75);
    transition: all 300ms cubic-bezier(.25, .25, .75, .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 {
    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;
}

.Header-navigation-top-item a {
    line-height: 48px;
    display: block;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
    color: rgba(0, 15, 51, .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;
    color: #000f33;
    font-style: normal;
    font-weight: 700
}

@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: 0px;
    padding-right: 15px;
    position: relative;
    letter-spacing: -0.02rem;
}

@media(min-width:992px) and (max-width:1240px) {
    .Header-navigation-main-item > a {
        padding-left: 0px;
        padding-right: 5px
    }

    ;
}

: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: #fff;
    bottom: -10px;
    left: 50%;
    z-index: 1;
    margin-left: -15px;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.Header-navigation-main-item > a.button {
    padding: 0 60px;
    letter-spacing: 0px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    margin-bottom: 0
}

.Header-navigation-main-item > a.button:hover {
    color: #fff !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: #fff;
    z-index: 12;
    padding-left: 30px;
    padding-top: 7px;
    border-radius: 5px;
    right: 0px;
    top: 58px;
    opacity: 1;
    display: none
}

@media(min-width:992px) {
    .Header-navigation-main-submenu {
        right: 0px
    }
}

@media(min-width:992px) and (max-width:1240px) {
    .Header-navigation-main-submenu {
        right: 0px
    }
}

.active .Header-navigation-main-submenu {
    opacity: 1
}

.Header-navigation-main-submenu-header {
    border-bottom: 1px solid #e1c5d6;
    margin-right: 30px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap
}

.Header-navigation-main-submenu-header h3 {
    color: #1d2552;
    font-style: normal;
    line-height: 36px
}

@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: inline-block !important;
    float: left;
    position: relative
}

.Header-navigation-main-submenu-tbl:nth-child(odd) {
    margin-right: 27px
}

.menu-col-2 .Header-navigation-main-submenu-tbl:last-child .Header-navigation-main-submenu-item,
.menu-col-2 .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: 0
}

.menu-col-1 .Header-navigation-main-submenu-tbl:last-child .Header-navigation-main-submenu-item {
    background: none !important
}

.Header-navigation-main-submenu-tbl:before,
.Header-navigation-main-submenu-tbl:after {
    position: absolute !important;
    font-size: 20px;
    font-family: 'icomoon' !important;
    top: 48%;
    -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:before {
    left: 0 !important;
    content: "";
    color: #c60651
}

.Header-navigation-main-submenu-tbl:after {
    left: 0 !important;
    content: "" !important;
    color: #870052
}

.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(dotted-border.webp) 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:hover {
    color: #870052
}

.smefarm .Header-navigation-main-submenu-item {
    width: 184px
}

.Header-navigation-main-submenu-image {
    float: left;
    width: 255px;
    margin-left: 0px
}

@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: 0
    }
}

.Header-navigation-main-submenu .menu-col-1 {
    width: 33.33%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 30px;
    padding-right: 30px !important;
    min-height: 56px;
}

.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, .8) !important
}

.Header-navigation-main.activeRelative li > a {
    color: rgba(255, 255, 255, .6)
}

.Header-navigation-main.activeRelative .active > a {
    color: #fff
}

.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 !important;
    }

    :lang(en) .Header-navigation-main-internet-branch a {
        width: 160px
    }
}

.Header-navigation-menu-item:hover > a {
    color: #fff !important
}

.Header-navigation-mobil {
    float: right;
    position: relative;
    z-index: 9
}

.Header-navigation-mobil-item {
    float: left;
    font-family: 'Cairo', 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: #fff;
    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: 0;
        margin-right: 15px
    }

    .Header-navigation-mobil-item a.button br {
        display: none
    }
}

@media(max-width:767px) {
    .Header-navigation-mobil-item a.button {
        margin-right: 0
    }
}

.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: 8px;
    color: #02184d;
    margin-right: -5px
}

@media(min-width:768px) and (max-width:991px) {
    .Header-navigation-mobil-item a.mobile-nav {
        width: 38px;
        height: 25px
    }
}

.Header-navigation-mobil-item a.mobile-nav span {
    width: 100%;
    height: 2px;
    display: block;
    background: #02184d;
    text-indent: -9999px;
    position: relative;
    margin-top: 6px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .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 .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .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 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: 0px;
        margin-top: -2px;
    }
}

@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: 2px
    }
}

@media(max-width:767px) {
    .Header-navigation-mobil-item a.searchbtn.active {
        margin-top: 0
    }
}

.Header-navigation-bottom {
    height: 48px;
    position: relative;
    float: right;
    padding-top: 10px;
    display: block;
    width: 250px;
    text-align: center
}

@media(min-width:1199px) and (max-width:1240px) {
    .Header-navigation-bottom {
        width: 222px
    }
}

@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, .3);
    line-height: 1;
    z-index: 9;
    color: rgba(0, 15, 51, .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: .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: #fff;
    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, .8) !important
}

.Header-sticky .Header-navigation-main .button {
    border-radius: 5px;
    color: #fff !important
}

.Header-sticky .Header-navigation-main .button:hover {
    color: #fff !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: #fff;
    -webkit-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .715)
}

.Header.nav-up {
    top: -100px
}

.Header .QnbNetwork-container {
    position: absolute;
    top: 50px;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    visibility: hidden;
    top: -600px;
    z-index: 10
}

.Header .QnbNetwork-container.active {
    opacity: 1;
    visibility: visible;
    top: 50px
}

.Header .QnbNetwork {
    width: 100%;
    left: 0;
    background: #e9e9e9 url(QNB-Network.png);
    padding: 27px 30px;
    border-radius: 5px
}

.Header .QnbNetwork-title {
    text-align: right;
    direction: rtl;
    color: #1d2552;
    font-style: normal;
    font-family: "Cairo" !important;
    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 {
    text-align: right;
    direction: rtl;
    color: #870052;
    font-style: normal;
    font-family: "Cairo" !important;
    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 {
    text-align: right;
    direction: rtl;
    line-height: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #1d2552;
    font-style: normal;
    font-weight: 400;
    background: url(dotted-border.webp) repeat-x bottom;
    position: relative;
    padding-right: 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 !important;
    font-size: 10px;
    font-family: 'icomoon' !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%)
}

.Header .QnbNetwork-column-item:before {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 10px !important;
    right: 0 !important;
    content: "";
    color: #c60651
}

.Header .QnbNetwork-column-item:after {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 10px !important;
    right: 0 !important;
    content: "" !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, .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: #fff;
    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 {
    content: "";
    position: absolute;
    right: 10px;
    top: -12px;
    border: 24px solid transparent;
    border-right-color: #fff;
    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(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .715)
}

.Header .Search-container input::-webkit-input-placeholder {
    color: #394040 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

.Header .Search-container input:-moz-placeholder {
    color: #394040 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

.Header .Search-container input::-moz-placeholder {
    color: #394040 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

.Header .Search-container input:-ms-input-placeholder {
    color: #394040 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

.Header .Search-container input::placeholder {
    color: #394040 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !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: #fff;
    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(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .715)
}

.Header .Search-container.error input {
    height: 60%
}

.Header .Search-container.error label.search-tooltip {
    top: 38px
}

.Mobile-menu,
.ob_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 .8s ease;
    -ms-transition: all .8s ease;
    transition: all .8s ease;
    overflow-y: scroll;
    visibility: hidden
}

@media(max-width:767px) {

    .Mobile-menu,
    .ob_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: -.04px
}

.Mobile-menu-item > a:after {
    content: "";
    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;
    color: #1d2552;
    text-decoration: none;
    display: block;
    padding-left: 19px
}

.Mobile-menu-item-sub-item > a:before {
    left: 0;
    position: absolute;
    content: "";
    color: #c60651;
    font-family: 'icomoon' !important
}

.Mobile-menu-item-sub-item > a:after {
    left: 0;
    position: absolute;
    content: "" !important;
    color: #870052;
    font-family: 'icomoon' !important
}

.Mobile-menu-item-sub-item-child {
    padding-left: 15px;
    margin-bottom: 10px;
    display: none
}

.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-item.active a {
    color: #870052
}

.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: #fff
}

.Mobile-menu-item.active > a:after,
#ob_menu .Mobile-menu-item.active a:after {
    content: "";
    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
}

.Mobile-Search-container {
    position: absolute;
    left: 0;
    top: -1000px;
    background: #fff;
    width: 100%;
    z-index: 5;
    height: calc(100vh - 76px);
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all .8s ease;
    -ms-transition: all .8s ease;
    transition: all .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: 0;
    border-top-right-radius: 0
}

.Mobile-Search-container .search-form .button {
    width: 75px;
    padding: 0;
    line-height: 42px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    float: right
}

.Mobile-Search-container .search-tooltip {
    margin-top: 4px;
    color: #fff;
    position: absolute;
    left: 0
}

@media(max-width:991px) {
    .Mobile-Search-container .search-tooltip {
        position: absolute;
        width: 100%;
        margin-top: -20px;
        color: #fff !important;
        left: 20px
    }
}

.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: "";
    font-family: 'icomoon';
    color: #870052;
    font-style: normal;
    font-weight: 400;
    right: 0;
    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: -webkit-gradient(linear, left top, right top, from(#f0f0f0), to(#f0f0f0));
    background-image: -webkit-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: -moz-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: -ms-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: -o-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: 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: -webkit-gradient(linear, left top, right top, from(#f0f0f0), to(#f0f0f0));
    background-image: -webkit-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: -moz-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: -ms-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: -o-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: 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;
    padding-top: 34px
}

@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(dotted-border.webp) 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(dotted-border.webp) repeat-x top
    }
}

.footer-bottom {
    background: #fff;
    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: .5px
    }
}

@media(max-width:320px) {
    .footer-bottom-nav-item {
        margin-left: 0 !important;
        margin-right: 0 !important;
        letter-spacing: .5px
    }
}

@media(max-width:991px) {
    .footer-bottom-nav {
        overflow: hidden;
        position: relative;
        text-align: center;
        margin-top: -5px !important
    }
}

.footer-bottom-social {
    position: relative;
    margin-left: -15px
}

.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 {
    direction: rtl;
    background: transparent;
    padding: 7px 0 7px 0;
    margin: 0 0 18px 0
}

@media(min-width:768px) and (max-width:991px) {
    .breadcrumb {
        padding: 0 0 7px 0;
        margin: 0 0 13px 0
    }
}

@media(max-width:767px) {
    .breadcrumb {
        padding-bottom: 0;
        padding-top: 5px
    }
}

.breadcrumb .itemListElement {
    position: relative;
    margin-left: 17px;
    display: inline-block;
    white-space: nowrap;
}

@media(max-width:991px) {
    .breadcrumb .itemListElement {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .breadcrumb .itemListElement {
        margin-bottom: 2px
    }
}

.breadcrumb .itemListElement .breadcrumb-item {
    letter-spacing: .025em;
    color: rgba(255, 255, 255, .7);
    font-style: normal;
    font-weight: 400;
    font-family: Arial;
    line-height: 18px;
    padding-bottom: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, .7);
    position: relative
}

@media(min-width:992px) {
    .breadcrumb .itemListElement .breadcrumb-item {
        font-size: 1.2rem
    }
}

@media(min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .breadcrumb .itemListElement .breadcrumb-item {
        font-size: 1.2rem
    }
}

@media(max-width:767px) {
    .breadcrumb .itemListElement .breadcrumb-item {
        font-size: 1.2rem
    }
}

@media(max-width:991px) {
    .breadcrumb .itemListElement .breadcrumb-item {
        margin-right: 14px;
        white-space: nowrap
    }
}

@media(max-width:767px) {
    .breadcrumb .itemListElement .breadcrumb-item {
        padding-bottom: 0;
        margin-bottom: 2px
    }
}

.breadcrumb .itemListElement .breadcrumb-item:hover,
.breadcrumb .itemListElement .breadcrumb-item:visited,
.breadcrumb .itemListElement .breadcrumb-item:focus {
    text-decoration: none !important
}

.breadcrumb .itemListElement .breadcrumb-item:after {
    content: "";
    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 .itemListElement .breadcrumb-item:after {
        padding-left: 4px
    }
}

.breadcrumb .itemListElement span.breadcrumb-item {
    border-bottom: none;
    text-decoration: none;
    margin-left: -1px
}

.breadcrumb .itemListElement:last-child .breadcrumb-item:after {
    display: none
}

.breadcrumb a:hover {
    color: #fff
}

hr {
    border-top: 1px solid rgba(57, 64, 64, .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
}

.pagination li {
    padding-right: 0 !important
}

.pagination li a {
    border: none;
    color: #394040;
    font-style: normal;
    font-weight: 400;
    padding: 12px 0;
    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: #fff
}

.pagination li:before {
    display: none
}

.pagination .active a {
    background: #870052;
    color: #fff
}

.pagination .active a:hover {
    background: #870052
}

.pagination.white li a {
    border: 1px solid #870052 !important
}

.pagination.white li a:hover {
    color: #fff !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: 14px;
    padding-bottom: 12px;
    line-height: 1;
    color: #fff;
    background: #870052;
    font-weight: 500;
    position: relative;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    z-index: 0
}

.button:hover,
.button:focus {
    color: #fff;
    text-decoration: none !important
}

.button-text {
    padding: 0;
    background: transparent;
    color: #1d2552;
    border-radius: 0;
    line-height: 1.2;
    text-decoration: none;
    letter-spacing: 0px;
    position: relative;
    transition: none !important;
    border-bottom: 2px solid rgba(29, 37, 82, .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: .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, .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, .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, .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: 0 4px 11px 0 rgba(29, 37, 82, .5);
    -moz-box-shadow: 0 4px 11px 0 rgba(29, 37, 82, .5);
    box-shadow: 0 4px 11px 0 rgba(29, 37, 82, .5);
    background: #242e65 !important
}

.button-purple {
    background: #870052 !important
}

.button-purple:hover {
    -webkit-box-shadow: 0 4px 11px 0 rgba(135, 0, 82, .5);
    -moz-box-shadow: 0 4px 11px 0 rgba(135, 0, 82, .5);
    box-shadow: 0 4px 11px 0 rgba(135, 0, 82, .5);
    background: #a10061 !important
}

.button-sand {
    background: #cabfb7 !important
}

.button-sand:hover {
    -webkit-box-shadow: 0 4px 11px 0 rgba(135, 0, 82, .5);
    -moz-box-shadow: 0 4px 11px 0 rgba(135, 0, 82, .5);
    box-shadow: 0 4px 11px 0 rgba(135, 0, 82, .5);
    background: #a10061 !important
}

.button-apply-now {
    background: #870052 !important;
    direction: rtl;
    padding-left: 20px !important
}

.button-apply-now span {
    padding-right: 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;
    -moz-transform: rotate(180deg) translateY(50%);
    -webkit-transform: rotate(180deg) translateY(50%);
    -o-transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%);
}

.button-apply-now span:before {
    content: "";
    color: #fff;
    opacity: .6
}

.button-apply-now span:after {
    content: "" !important;
    color: #fff
}

.button-apply-now:hover {
    -webkit-box-shadow: 0 4px 11px 0 rgba(135, 0, 82, .5);
    -moz-box-shadow: 0 4px 11px 0 rgba(135, 0, 82, .5);
    box-shadow: 0 4px 11px 0 rgba(135, 0, 82, .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: "";
    font-family: 'icomoon';
    margin-right: 10px;
    position: absolute;
    color: #fff;
    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: "";
    font-family: 'icomoon';
    margin-right: 10px;
    position: absolute;
    color: #fff;
    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: #fff !important;
    border: 1px solid #d7d9d9 !important;
    color: #394040 !important
}

.button-white:hover {
    -webkit-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, .2);
    background: #fff !important
}

.button-quarter {
    width: calc(25% - 11.25px);
    text-align: center;
    display: block;
    border: none;
    border-radius: 5px;
    padding-top: 14px;
    padding-bottom: 12px;
    line-height: 1;
    color: #fff;
    background: #870052;
    font-weight: 500;
    position: relative;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    transition: all 200ms cubic-bezier(.47, 0, .745, .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: 14px;
    padding-bottom: 12px;
    line-height: 1;
    color: #fff;
    background: #870052;
    font-weight: 500;
    position: relative;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    z-index: 0
}

.button-half:nth-child(even) {
    margin-right: 15px
}

.button-full {
    width: 100%;
    text-align: center;
    display: block;
    border: none;
    border-radius: 5px;
    padding-top: 14px;
    padding-bottom: 12px;
    line-height: 1;
    color: #fff;
    background: #870052;
    font-weight: 500;
    position: relative;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
    transition: all 200ms cubic-bezier(.47, 0, .745, .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: #fff !important;
    border: 1px solid #d7d9d9 !important;
    color: #9c9f9f !important;
    text-decoration: none !important
}

.button-white-to-ruby:hover {
    -webkit-box-shadow: 0 4px 11px 0 rgba(135, 0, 82, .2);
    -moz-box-shadow: 0 4px 11px 0 rgba(135, 0, 82, .2);
    box-shadow: 0 4px 11px 0 rgba(135, 0, 82, .2);
    background: #a10061 !important;
    color: #fff !important
}

.button.m-progress {
    position: relative;
    opacity: .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 #fff;
    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.m-progress span {
    display: none
}

.button.btn-default.m-progress:before {
    border-left-color: #333;
    border-right-color: #333
}

.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: 0 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .button.mobile:before {
        display: none
    }

    .button.mobile-white {
        background: #fff;
        color: #000f33;
        position: relative
    }

    .button.mobile-white:hover,
    .button.mobile-white:focus {
        background: #f0f0f0;
        transition: all .3s ease 0s
    }

    .button.mobile-purple {
        background-color: #870052;
        color: #fff;
        position: relative
    }

    .button.mobile-purple:hover,
    .button.mobile-purple:focus {
        background: #6a003a;
        transition: all .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: 0 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: 0 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: 0 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: "";
    font-family: 'icomoon';
    position: absolute;
    right: 0;
    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%;
    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: #fff;
    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: 42px
}

.select + .select2.select2-container--default .select2-selection--single span.select2-selection__rendered {
    color: #272a2a;
    font-size: 14px;
    font-weight: regular;
    text-align: right;
    direction: rtl;
    line-height: 42px;
    padding-right: 15px;
    padding-left: 35px
}

.select + .select2.select2-container--default .select2-selection--single .select2-selection__arrow {
    line-height: 42px;
    right: auto !important;
    left: 1px;
}

.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: "";
    position: absolute;
    color: #1d2552;
    font-size: 14px;
    left: 10px;
    font-family: 'icomoon' !important;
    -webkit-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .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-search__field {
    height: 30px !important;
    line-height: 30px !important
}

.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: #dcdcdc !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: #999;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 6px;
    top: 0;
    content: "";
    font-family: 'icomoon';
    color: #cabfb7;
    font-size: 20px
}

.select2-results__option[aria-selected=true] .wrap:before {
    content: "";
    font-family: 'icomoon';
    color: #870052;
    font-size: 12px;
    position: absolute;
    left: 9px;
    top: 0
}

.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
}

@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
}

@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: #200;
    -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: "";
    position: absolute;
    color: #fff;
    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: "";
    position: absolute;
    color: #fff;
    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: #fff;
    border-radius: 50%
}

@media(max-width:767px) {
    .carousel.standart .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        bottom: 0
    }
}

.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: 6px;
    padding-right: 6px;
    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: 0px
    }
}

.carousel.full-width-owl .owl-nav {
    padding-left: 14px;
    padding-right: 8px;
    margin: 0 auto;
    position: relative;
    display: block
}

@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.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(.47, 0, .745, .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, .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: #fff
}

.carousel.pause .bannerplaypause-button:before,
.carousel.play .bannerplaypause-button:before,
.carousel.pause .playpause-button:before,
.carousel.play .playpause-button:before {
    content: "";
    font-family: 'icomoon';
    position: absolute;
    font-size: 23px;
    left: 0
}

.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
}

.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: "";
    left: 6.5px
}

.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: ""
}

.carousel.small-width-owl .owl-dots {
    position: relative
}

.carousel.small-width-owl .owl-dots .owl-dot {
    width: 10px
}

.carousel.small-width-owl .owl-dots .owl-dot:first-child {
    margin-left: 0 !important
}

.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
}

@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: 0px;
    margin-right: 10px;
    border: none;
    position: relative;
    -webkit-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .715)
}

@media(max-width:991px) {
    .carousel .owl-dots .owl-dot {
        top: 0;
        padding: 0 6px !important;
        width: auto !important
    }
}

.carousel .owl-dots .owl-dot:hover:after {
    color: rgba(2, 24, 77, .8)
}

.carousel .owl-dots .owl-dot:after {
    content: "";
    font-family: 'icomoon';
    font-size: 26px;
    position: absolute;
    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(.47, 0, .745, .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: 0
    }
}

.carousel .owl-dots .owl-dot.active:after {
    content: "";
    font-family: 'icomoon';
    font-size: 26px;
    position: absolute;
    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(.47, 0, .745, .715);
    color: #870052
}

@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, .3);
    transition: all 200ms cubic-bezier(.47, 0, .745, .715)
}

@media(max-width:991px) {
    .text-white .carousel .owl-dots .owl-dot:after {
        content: "";
        background: rgba(255, 255, 255, .3)
    }
}

.text-white .carousel .owl-dots .owl-dot:after:hover {
    color: #fff
}

.text-white .carousel .owl-dots .owl-dot.active:after,
.text-white .carousel .owl-dots .owl-dot:hover:after {
    color: #fff
}

@media(max-width:991px) {

    .text-white .carousel .owl-dots .owl-dot.active:after,
    .text-white .carousel .owl-dots .owl-dot:hover:after {
        content: "";
        background: #fff;
        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: absolute;
    display: block;
    background: transparent;
    border: none;
    top: -300px;
    z-index: 999
}

.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: 0
}

.carousel .owl-nav .owl-next:before {
    content: "";
    color: #fff;
    opacity: .6
}

.carousel .owl-nav .owl-next:after {
    content: "";
    margin-left: -1em;
    color: #fff
}

.carousel .owl-nav .owl-prev {
    float: left;
    padding: 0
}

.carousel .owl-nav .owl-prev:before {
    content: "";
    color: #fff;
    opacity: .6
}

.carousel .owl-nav .owl-prev:after {
    content: "";
    margin-left: -1em;
    color: #fff
}

.carousel .all-campaign {
    margin-left: 5px;
    display: inline-block;
    top: 3px
}

@media(min-width:768px) and (max-width:991px) {
    .carousel .all-campaign {
        margin-left: 15px
    }
}

@media(max-width:767px) {
    .carousel .all-campaign {
        display: none
    }
}

.full-tab {
    background: #fff;
    border-radius: 5px;
    padding: 0 30px 30px 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: 0;
    margin-top: 0
}

.full-tab .nav-item {
    padding: 0;
    margin-top: 0
}

.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(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .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;
    left: 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.small .nav-item a {
    padding: 22px 35px 22px 35px
}

.full-tab .nav-justified .nav-item > a {
    padding-left: 30px;
    text-align: right;
    letter-spacing: -0.04rem
}

.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
}

@media(max-width:767px) {
    .full-tab .tab-content {
        padding-top: 0
    }
}

.acc {
    border-bottom: 1px solid #d7d9d9
}

@media(max-width:767px) {}

.acc > h2,
.acc > h3 {
    font-size: 18px !important;
    font-weight: bold;
    color: #1d2552 !important;
    position: relative;
    line-height: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 40px;
    cursor: pointer;
    margin-top: 0 !important
}

@media(min-width:768px) and (max-width:991px) {

    .acc > h2,
    .acc > h3 {
        padding-left: 20px;
        font-size: 16px !important
    }
}

@media(max-width:767px) {

    .acc > h2,
    .acc > h3 {
        font-size: 14px !important;
        margin-bottom: 0;
        padding-right: 0px;
        padding-bottom: 12px;
        padding-top: 12px
    }
}

.acc > h2:after,
.acc > h3:after {
    content: "";
    font-family: 'icomoon';
    font-weight: 400;
    position: absolute;
    left: 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(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .715)
}

@media(min-width:768px) and (max-width:991px) {

    .acc > h2:after,
    .acc > h3:after {
        font-size: 20px
    }
}

@media(max-width:767px) {

    .acc > h2:after,
    .acc > h3:after {
        font-size: 14px
    }
}

.acc > h2 a,
.acc > h3 a {
    text-decoration: none !important;
    color: #1d2552 !important
}

.acc > h2 button,
.acc > h3 button {
    padding: 0;
    width: 100%;
    text-align: right;
    letter-spacing: -0.04rem;
}

.acc > h4 {
    font-size: 16px;
    color: #394040;
    position: relative;
    line-height: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 30px;
    cursor: pointer;
    margin-top: 0 !important
}

@media(min-width:768px) and (max-width:991px) {
    .acc > h4 {
        padding-right: 20px
    }
}

@media(max-width:767px) {
    .acc > h4 {
        margin-bottom: 0;
        padding-right: 15px;
        margin-top: 0 !important;
        padding-top: 12px;
        padding-bottom: 12px
    }
}

.acc > h4:after {
    content: "";
    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(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .715)
}

@media(min-width:768px) and (max-width:991px) {
    .acc > h4:after {
        font-size: 20px
    }
}

@media(max-width:767px) {
    .acc > h4:after {
        font-size: 14px
    }
}

.acc > h4 a {
    text-decoration: none !important;
    color: #1d2552 !important
}

.acc > h4 button {
    padding: 0;
    width: 100%;
    text-align: left
}

.acc-content {
    display: none;
    padding-bottom: 20px
}

.acc-content > :first-child {
    margin-top: 0 !important
}

@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:last-child {
    margin-bottom: 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: 0 !important;
    padding-right: 0 !important
}

.acc.active > h2,
.acc.active > h3 {
    font-size: 18px;
    color: #870052 !important
}

@media(min-width:768px) and (max-width:991px) {

    .acc.active > h2,
    .acc.active > h3 {
        font-size: 16px
    }
}

@media(max-width:767px) {

    .acc.active > h2,
    .acc.active > h3 {
        font-size: 14px
    }
}

.acc.active > h2:after,
.acc.active > h3: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 > h4 {
    font-size: 16px;
    color: #394040 !important
}

@media(max-width:991px) {
    .acc.active > h4 {
        font-size: 14px
    }
}

.acc.active > h4: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
}

@media(max-width:767px) {
    .acc.active > .acc-content {
        padding-bottom: 20px
    }
}

.acc.nospace .acc-content {
    padding-bottom: 0 !important
}

.acc.nospace h2 {
    margin-bottom: 0 !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, .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 .title,
.form-error .title {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    color: #116fc4 !important;
    margin-bottom: 20px;
    margin-top: 15px
}

@media(min-width:992px) {

    .form-success .title,
    .form-error .title {
        font-size: 2.4rem
    }
}

@media(min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {

    .form-success .title,
    .form-error .title {
        font-size: 2.4rem
    }
}

@media(max-width:767px) {

    .form-success .title,
    .form-error .title {
        font-size: 2.1rem
    }
}

.form-success p,
.form-error p {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0 !important;
    color: #116fc4 !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-success a,
.form-error a {
    color: #116fc4 !important;
    text-decoration: underline
}

.form-success a:hover,
.form-error a:hover {
    text-decoration: none;
    color: #116fc4 !important
}

.form-success.noMaxWidth,
.form-error.noMaxWidth {
    max-width: 100% !important
}

.form-error i,
.form-error .title,
.form-error p {
    color: #870052 !important
}

.form .error-block {
    padding: 20px;
    border: 2px solid #870052;
    color: #870052;
    margin-bottom: 20px
}

@media(max-width:767px) {
    .form .error-block {
        margin-top: 10px;
        margin-bottom: 0
    }
}

.tab-click {
    color: #02184d;
    font-style: normal;
    font-weight: 700;
    position: relative;
    line-height: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 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: "";
    font-family: 'icomoon';
    font-weight: 400;
    position: absolute;
    left: 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: translateY(0%) rotate(180deg);
    -moz-transform: translateY(0%) rotate(180deg);
    -ms-transform: translateY(0%) rotate(180deg);
    -o-transform: translateY(0%) rotate(180deg);
    -sand-transform: translateY(0%) rotate(180deg);
    transform: translateY(0%) rotate(180deg)
}

@media(max-width:767px) {
    .tabtoacc .tab-pane {
        padding: 0 15px
    }
}

.parentAcc > :first-child {
    margin-bottom: 0 !important;
    padding-bottom: 24px
}

@media(max-width:767px) {
    .parentAcc > :first-child {
        padding-bottom: 12px
    }
}

.parentAcc.active {
    border-bottom: 0 !important
}

.parentAcc > .acc-content {
    padding-bottom: 0 !important;
    padding-left: 25px;
    padding-right: 25px
}

@media(max-width:767px) {
    .parentAcc > .acc-content {
        padding-left: 15px;
        padding-right: 15px
    }
}

.parentAcc > .acc-content .acc {
    margin-bottom: 0 !important;
    margin-top: 0;
    padding-bottom: 0
}

.parentAcc > .acc-content .acc > :first-child {
    font-size: 16px !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

@media(max-width:991px) {
    .parentAcc > .acc-content .acc > :first-child {
        font-size: 14px !important
    }
}

.parentAcc > .acc-content .acc > :first-child:after {
    font-size: 16px
}

.parentAcc > .acc-content .acc .acc-content {
    padding-bottom: 15px
}

.parentAcc > .acc-content .tablist:last-child .acc {
    border-bottom: 0 !important
}

.radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0
}

@media(max-width:767px) {
    .radio {
        display: block;
        margin-bottom: 15px;
        margin-left: 0 !important
    }
}

.radio label[for] {
    padding-right: 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
}

.aspRadioList tr {
    float: left;
    margin-right: 20px
}

.checkbox {
    margin-top: 0;
    margin-bottom: 0
}

.checkbox label {
    padding-right: 29px;
    color: rgba(57, 64, 64, .7);
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    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: 20px
}

@media(max-width:767px) {
    .note {
        margin-top: 15px
    }
}

.note p {
    color: rgba(57, 64, 64, .7);
    font-style: normal;
    line-height: 18px !important;
    letter-spacing: -.04em;
    margin-bottom: 0 !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,
.table 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 thead tr th,
    .table thead tr td {
        font-size: 1.4rem
    }
}

@media(min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {

    .table thead tr th,
    .table thead tr td {
        font-size: 1.4rem
    }
}

@media(max-width:767px) {

    .table thead tr th,
    .table thead tr td {
        font-size: 1.3rem
    }
}

.table thead tr th.center,
.table thead tr td.center {
    text-align: center !important
}

.table thead tr th.right,
.table thead tr td.right {
    text-align: right !important
}

.table thead tr th.left,
.table thead tr td.left {
    text-align: left !important
}

.table thead tr th:first-child,
.table thead tr td:first-child {
    text-align: right !important
}

.table thead tr th:last-child,
.table thead tr td:last-child {
    text-align: right !important
}

.table thead tr.Tabletop {
    background: rgba(202, 191, 183, .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;
    vertical-align: middle
}

@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 .TabletopNote {
    background: rgba(202, 191, 183, .3)
}

.table .TabletopNote th,
.table .TabletopNote td {
    font-size: 10px !important;
    padding: 0 !important;
    text-align: center
}

.table tbody tr th {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2 !important;
    padding: 16px 12px !important;
    text-align: left
}

@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;
    text-align: center
}

@media(min-width:992px) {
    .table tbody tr td {
        font-size: 1.4rem
    }
}

@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.3rem
    }
}

.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 tbody tr td:first-child {
    text-align: right !important
}

.table tbody tr td:last-child {
    text-align: right
}

.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: .0em;
    text-align: center;
    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
}

.table.loan-table thead tr th:last-child {
    text-align: right
}

.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: .0em;
    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: 0em;
    text-align: center
}

@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 td:last-child {
    text-align: right
}

.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, .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: -.01em;
    text-align: left !important;
    white-space: nowrap
}

@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 th:last-child {
    text-align: left !important
}

.table.realty td {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    padding: 11px 20px !important;
    border: none !important;
    letter-spacing: -.01em;
    text-align: left !important
}

@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: #fff;
    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: #fff;
    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,
.table.nowrap th {
    white-space: nowrap
}

.table.table-rowspan thead tr th,
.table.table-rowspan tbody tr th,
.table.table-rowspan thead tr td,
.table.table-rowspan tbody tr td {
    text-align: center !important
}

.table.table-rowspan td {
    text-align: center !important
}

.table a {
    text-decoration: underline;
    color: #394040
}

.table a:hover {
    text-decoration: none;
    color: #870052
}

.table-wrap {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    margin-top: 20px;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 20px
}

.table-wrap-doc {
    border-radius: 5px;
    border: 1px solid #c3c4c5
}

.table-wrap-doc table {
    margin-bottom: 0
}

.table-wrap-doc table tr:first-child td {
    border-top: 0 !important
}

.input-group {
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border: 1px solid #d8d8d8;
    border-radius: 5px
}

.error .input-group {
    border-color: #870052
}

.input-group.focus {
    border-color: #870052 !important
}

.input-group .input-group-addon {
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border: 0;
    font-size: 17px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.input-group input {
    text-align: right;
    border: 0 !important;
    font-size: 17px;
    padding: 0 !important
}

.input-group input + .input-group-addon {
    padding-left: 2px;
    position: relative
}

.input-group input:focus + .input-group-addon {
    border-color: #870052
}

.input-group .input-group-addon {
    color: #272a2a !important;
    font-size: 17px;
    line-height: initial
}

.input-group.datetimepicker input,
.input-group.enddate input {
    padding-right: 10px
}

.input-group.datetimepicker .input-group-addon,
.input-group.enddate .input-group-addon {
    color: #555 !important
}

input {
    border: 1px solid #cabfb7;
    line-height: 40px;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    color: #272a2a;
    width: 100%;
    height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input::-webkit-input-placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

input:-moz-placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

input::-moz-placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

input:-ms-input-placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

input::placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input::-ms-clear {
    display: none
}

.placeholder input::-webkit-input-placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

.placeholder input:-moz-placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

.placeholder input::-moz-placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

.placeholder input:-ms-input-placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

.placeholder input::placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

.noplaceholder input::-webkit-input-placeholder {
    color: transparent !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

.noplaceholder input:-moz-placeholder {
    color: transparent !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

.noplaceholder input::-moz-placeholder {
    color: transparent !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

.noplaceholder input:-ms-input-placeholder {
    color: transparent !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

.noplaceholder input::placeholder {
    color: transparent !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

@media(max-width:991px) {
    input {
        font-size: 16px
    }
}

.error input {
    border-color: #870052
}

input: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: 17px !important
}

textarea:-moz-placeholder {
    color: transparent !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

textarea::-moz-placeholder {
    color: transparent !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

textarea:-ms-input-placeholder {
    color: transparent !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

textarea::placeholder {
    color: transparent !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

.placeholder textarea::-webkit-input-placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

.placeholder textarea:-moz-placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

.placeholder textarea::-moz-placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

.placeholder textarea:-ms-input-placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !important
}

.placeholder textarea::placeholder {
    color: #969696 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 17px !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: 17px !important
    }

    textarea:-moz-placeholder {
        color: #969696 !important;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        font-size: 17px !important
    }

    textarea::-moz-placeholder {
        color: #969696 !important;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        font-size: 17px !important
    }

    textarea:-ms-input-placeholder {
        color: #969696 !important;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        font-size: 17px !important
    }

    textarea::placeholder {
        color: #969696 !important;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        font-size: 17px !important
    }
}

.error textarea {
    border-color: #870052
}

textarea:focus {
    border-color: #870052 !important
}

.form-control {
    height: 41px;
    line-height: 41px
}

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: 5px;
    right: 0
}

input[type="checkbox"] + label:after {
    content: "";
    font-family: 'icomoon';
    color: #cabfb7;
    font-size: 20px;
    width: 20px;
    height: 20px;
    border: 1px solid #CCC;
}

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: "";
    font-family: 'icomoon';
    color: #870052;
    text-align: center
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 24px;
    display: inline-block;
    color: #666
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #cabfb7;
    border-radius: 100%;
    background: #fff
}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #870052;
    position: absolute;
    top: 6px;
    right: 6px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

[type="radio"]:not(:checked) + label:after {
    background: #e5e5e6
}

[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 7;
    background: rgba(0, 8, 28, .9);
    display: none
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    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(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .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: 0 4px 11px 0 rgba(17, 111, 196, .5);
    -moz-box-shadow: 0 4px 11px 0 rgba(17, 111, 196, .5);
    box-shadow: 0 4px 11px 0 rgba(17, 111, 196, .5)
}

.modal.videoModal .close:before {
    content: "";
    font-family: 'icomoon';
    color: #fff;
    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-scroll {
    max-height: 600px;
    overflow-y: auto;
    word-wrap: break-word
}

.modal-scroll > :first-child {
    margin-top: 0 !important
}

.modal .close {
    width: 20px;
    height: 20px;
    -webkit-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    position: absolute;
    top: 15px;
    right: 15px;
    opacity: 1;
    z-index: 99
}

@media(max-width:767px) {
    .modal .close {
        width: 15px;
        height: 15px
    }
}

.modal .close:before {
    content: "";
    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(dotted-border.webp) repeat-x bottom
}

.dotted-top {
    background: url(dotted-border.webp) repeat-x bottom
}

.activeRelative {
    position: relative;
    z-index: 11;
    color: #fff !important
}

.activeRelative > a,
.activeRelative > i {
    color: #fff !important
}

.activeRelative > a:hover,
.activeRelative > i:hover,
.activeRelative > a:focus,
.activeRelative > i:focus {
    color: #fff !important
}

.activeRelative:hover,
.activeRelative:focus {
    color: #fff !important
}

.activeRelative .button {
    color: #fff !important
}

.captcha-group {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    float: left;
    margin-bottom: 20px
}

@media(max-width:991px) {
    .captcha-group {
        margin-bottom: 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;
    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);
    display: inline-block;
    padding-left: 10px
}

.button-box .page-landing-item-title {
    margin-left: -20px;
    margin-top: -20px;
    border-bottom: 0
}

.box,
.bigbox,
.littlebox {
    background: #fff;
    padding: 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
}

.notify {
    position: fixed;
    width: 100%;
    font-size: 14px;
    z-index: 104
}

.notify-alert {
    background-color: #02184d;
    color: #c6cdd1;
    top: 0
}

.notify-alert .text p {
    margin: 0;
    font-weight: 300;
    letter-spacing: -.2px;
    line-height: 1.2;
    color: #6d6fab
}

.notify-alert .text p.title {
    margin-bottom: 6px
}

.notify-alert .text p.title a {
    font-weight: 500;
    color: #bdc2ff
}

.notify-alert .buttons {
    margin-left: 15px
}

.notify-alert .buttons a.button {
    text-decoration: none;
    border: 1px solid #afb5f2;
    text-align: center;
    padding: 13px 20px;
    color: #afb5f2;
    background: transparent
}

.notify-alert .buttons a.button:hover {
    background-color: #afb5f2;
    color: #02184d
}

@media(max-width:991px) {
    .notify-alert .buttons a.button {
        display: none
    }
}

.notify-alert .buttons a.notifyclose i {
    color: #535bb4;
    font-size: 17px;
    float: right;
    margin-top: 1px;
    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: 20px
}

.notify-alert .buttons a.notifyclose i:hover {
    color: #afb5f2
}

.notify-cookie {
    background: #fff;
    bottom: 0;
    color: #02184d
}

.notify-cookie .icon {
    min-width: 36px
}

@media(max-width:991px) {
    .notify-cookie .icon {
        min-width: 47px
    }
}

.notify-cookie .text p {
    margin: 0;
    font-weight: 300;
    letter-spacing: -.2px;
    line-height: 1.3;
    color: #02184d
}

.notify-cookie .text p.title {
    margin-bottom: 6px
}

.notify-cookie .text p.title a {
    font-weight: 500;
    color: #02184d
}

.notify-cookie .buttons a.notifyclose {
    float: right;
    margin-right: 30px;
    opacity: 1;
    text-shadow: none
}

.notify-cookie .buttons a.notifyclose i {
    color: #02184d;
    font-size: 17px;
    float: right;
    margin-top: 1px;
    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: 20px
}

.notify-cookie .buttons a.notifyclose i:hover {
    color: #02184d
}

.notify-cookie .container {
    padding: 21px 20px 25px 20px
}

.notify .container {
    padding: 30px 20px 27px 20px
}

.notify .container table {
    width: 100%
}

.notify .container i.icon-notifications {
    margin-right: 20px;
    font-size: 30px
}

.isnotify .notify {
    height: auto
}

#NotifyModal .modal-dialog button.close,
#IBModal .modal-dialog button.close {
    top: 15px;
    right: 16px;
    background: none;
    color: #000 !important;
    text-shadow: none
}

#NotifyModal .modal-dialog button.close:before,
#IBModal .modal-dialog button.close:before {
    color: #000
}

#NotifyModal .modal-dialog .modal-content,
#IBModal .modal-dialog .modal-content {
    padding: 0;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#NotifyModal .modal-dialog .modal-content .modal-body,
#IBModal .modal-dialog .modal-content .modal-body {
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden
}

#NotifyModal .modal-dialog .modal-content .modal-body .modal-text,
#IBModal .modal-dialog .modal-content .modal-body .modal-text {
    padding: 15px 20px
}

#NotifyModal .modal-dialog .modal-content .modal-body .modal-text:first-child,
#IBModal .modal-dialog .modal-content .modal-body .modal-text:first-child {
    margin-top: 0 !important
}

#NotifyModal .modal-dialog .modal-content .modal-body h3,
#IBModal .modal-dialog .modal-content .modal-body h3 {
    font-weight: bold;
    margin-top: 0;
    line-height: 1.3;
    padding: 0
}

@media(min-width:992px) {

    #NotifyModal .modal-dialog .modal-content .modal-body h3,
    #IBModal .modal-dialog .modal-content .modal-body h3 {
        font-size: 2.2rem
    }
}

@media(min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {

    #NotifyModal .modal-dialog .modal-content .modal-body h3,
    #IBModal .modal-dialog .modal-content .modal-body h3 {
        font-size: 2.2rem
    }
}

@media(max-width:767px) {

    #NotifyModal .modal-dialog .modal-content .modal-body h3,
    #IBModal .modal-dialog .modal-content .modal-body h3 {
        font-size: 1.5rem
    }
}

#NotifyModal .modal-dialog .modal-content .modal-body p,
#IBModal .modal-dialog .modal-content .modal-body p {
    margin-top: 7px
}

#skipHeaderMenu,
.submenufocusclose {
    opacity: 0;
    display: inline-block;
    position: absolute;
    top: 0;
    z-index: 9999;
    left: -300px;
    line-height: 30px;
    margin-top: 3px;
    -webkit-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition-delay: .1s
}

#skipHeaderMenu:focus,
.submenufocusclose:focus {
    opacity: 1;
    left: auto
}

.Accessibility a:focus img.Header-logo {
    outline: 3px solid #ffea00 !important
}

.skipHeaderMenuContainer {
    height: 0;
    -webkit-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .715)
}

.skipHeaderMenuContainer.focus {
    height: 36px
}

.content-first-link {
    position: absolute;
    top: -30px;
    left: 30px;
    visibility: hidden
}

.content-first-link.focus {
    outline: none;
    visibility: visible
}

.Accessibility *[tabindex]:focus,
.Accessibility a:focus,
.Accessibility button:focus {
    outline: 3px solid #ffea00 !important;
    text-decoration: none !important;
    outline-offset: 0 !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: 0 !important;
    outline-offset: 0 !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-tap-highlight-color: transparent;
    box-shadow: none !important
}

*[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: #fff;
    padding: 0 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: 0 30px 15px 30px;
        padding-top: 27px
    }
}

@media(max-width:767px) {
    .cke_editable {
        padding: 0 16px 15px 16px;
        padding-top: 22px
    }
}

.cke_editable .js-first-margin {
    margin-top: 0
}

.cke_editable p {
    line-height: 27px;
    margin-top: 14px
}

@media(min-width:768px) and (max-width:991px) {
    .cke_editable p {
        margin-top: 10px
    }
}

@media(max-width:767px) {
    .cke_editable p {
        line-height: 22px;
        margin-top: 8px
    }
}

.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: -.01em;
    margin-top: 28px
}

@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 {
        margin-top: 16px
    }
}

.cke_editable h3 {
    margin-top: 28px
}

@media(min-width:768px) and (max-width:991px) {
    .cke_editable h3 {
        margin-top: 20px
    }
}

@media(max-width:767px) {
    .cke_editable h3 {
        margin-top: 14px
    }
}

.cke_editable h4 {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    margin-top: 24px;
    line-height: 22px
}

@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(min-width:768px) and (max-width:991px) {
    .cke_editable h4 {
        margin-top: 20px
    }
}

@media(max-width:767px) {
    .cke_editable h4 {
        margin-top: 14px
    }
}

.cke_editable h5 {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    margin-top: 24px
}

@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(min-width:768px) and (max-width:991px) {
    .cke_editable h5 {
        margin-top: 20px
    }
}

@media(max-width:767px) {
    .cke_editable h5 {
        margin-top: 14px
    }
}

.cke_editable ul {
    margin-top: 14px;
    margin-bottom: 14px
}

@media(min-width:768px) and (max-width:991px) {
    .cke_editable ul {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

@media(max-width:767px) {
    .cke_editable ul {
        margin-top: 8px;
        margin-bottom: 8px
    }
}

.cke_editable ul li {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    padding-left: 22px;
    position: relative;
    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
    }
}

@media(max-width:767px) {
    .cke_editable ul li {
        line-height: 20px
    }
}

.cke_editable ul li:before {
    content: "";
    font-family: 'icomoon';
    color: #1d2552;
    font-style: normal;
    font-weight: 400;
    left: 0;
    position: absolute
}

@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,
.cke_editable ul.table-date-group {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px
}

@media(max-width:991px) {

    .cke_editable ul.right-icon,
    .cke_editable ul.table-doc,
    .cke_editable ul.table-date-group {
        padding-left: 0;
        padding-right: 0
    }
}

@media(max-width:767px) {

    .cke_editable ul.right-icon,
    .cke_editable ul.table-doc,
    .cke_editable ul.table-date-group {
        padding-left: 5px;
        padding-right: 5px
    }
}

.cke_editable ul.right-icon li,
.cke_editable ul.table-doc li,
.cke_editable ul.table-date-group li {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    padding: 0;
    position: relative;
    margin-top: 0;
    line-height: 23px;
    width: 100%;
    float: left
}

@media(min-width:992px) {

    .cke_editable ul.right-icon li,
    .cke_editable ul.table-doc li,
    .cke_editable ul.table-date-group 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,
    .cke_editable ul.table-date-group li {
        font-size: 1.4rem
    }
}

@media(max-width:767px) {

    .cke_editable ul.right-icon li,
    .cke_editable ul.table-doc li,
    .cke_editable ul.table-date-group li {
        font-size: 1.4rem
    }
}

.cke_editable ul.right-icon li .date,
.cke_editable ul.table-doc li .date,
.cke_editable ul.table-date-group li .date {
    width: 90px;
    float: left;
    display: block
}

.cke_editable ul.right-icon li .title,
.cke_editable ul.table-doc li .title,
.cke_editable ul.table-date-group li .title {
    width: calc(100% - 90px);
    display: block;
    float: left
}

.cke_editable ul.right-icon li:hover,
.cke_editable ul.table-doc li:hover,
.cke_editable ul.table-date-group li:hover {
    background: #e5e5e6;
    color: #394040
}

.cke_editable ul.right-icon li:hover:after,
.cke_editable ul.table-doc li:hover:after,
.cke_editable ul.table-date-group li:hover:after {
    background: transparent
}

.cke_editable ul.right-icon li:hover + li:after,
.cke_editable ul.table-doc li:hover + li:after,
.cke_editable ul.table-date-group li:hover + li:after {
    background: transparent
}

.cke_editable ul.right-icon li a,
.cke_editable ul.table-doc li a,
.cke_editable ul.table-date-group 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,
.cke_editable ul.table-date-group 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,
    .cke_editable ul.table-date-group 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,
    .cke_editable ul.table-date-group li a {
        padding: 11px 33px 11px 10px
    }
}

.cke_editable ul.right-icon li:before,
.cke_editable ul.table-doc li:before,
.cke_editable ul.table-date-group li:before {
    content: "";
    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,
    .cke_editable ul.table-date-group 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,
    .cke_editable ul.table-date-group li:before {
        font-size: 1.4rem
    }
}

@media(max-width:767px) {

    .cke_editable ul.right-icon li:before,
    .cke_editable ul.table-doc li:before,
    .cke_editable ul.table-date-group 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,
    .cke_editable ul.table-date-group li:before {
        right: 10px
    }
}

@media(max-width:767px) {

    .cke_editable ul.right-icon li:before,
    .cke_editable ul.table-doc li:before,
    .cke_editable ul.table-date-group li:before {
        right: 10px
    }
}

.cke_editable ul.right-icon li:after,
.cke_editable ul.table-doc li:after,
.cke_editable ul.table-date-group li:after {
    content: "";
    background: #dadada !important;
    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,
    .cke_editable ul.table-date-group 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,
    .cke_editable ul.table-date-group 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,
.cke_editable ul.table-date-group li:first-child:after {
    display: none
}

.cke_editable ul.table-doc li:before {
    content: "";
    color: #02184d
}

@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 ul.table-date-group {
    padding-left: 0;
    padding-right: 0
}

.cke_editable ul.table-date-group li .date {
    padding: 11px 50px 11px 0
}

.cke_editable ul.table-date-group li:hover {
    background-color: transparent !important
}

.cke_editable ul.table-date-group li:before {
    color: #02184d;
    font-style: normal;
    font-weight: 400;
    content: "" !important;
    right: 0
}

@media(min-width:992px) {
    .cke_editable ul.table-date-group 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-date-group li:before {
        font-size: 2.5rem
    }
}

@media(max-width:767px) {
    .cke_editable ul.table-date-group li:before {
        font-size: 2.4rem
    }
}

.cke_editable ul.table-date-group li:after {
    width: 100%;
    left: 0
}

.cke_editable ul.table-date-group li a {
    padding: 11px 50px 11px 0
}

.cke_editable ul.table-date-group li a:hover {
    text-decoration: underline
}

.cke_editable .acc-content {
    display: block !important
}

.cke_editable .page-note-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(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(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: 0
    }
}

@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;
    margin-left: -2px
}

@media(min-width:768px) and (max-width:991px) {
    .Banner-block .banner-text {
        width: 40%;
        margin-top: 15px
    }
}

@media(max-width:767px) {
    .Banner-block .banner-text {
        width: 45%;
        margin-top: -4px;
        margin-left: 0 !important
    }
}

.Banner-block .banner-text-title {
    font-weight: bold;
    word-spacing: -1px;
    line-height: 60px;
    color: #000f33
}

@media(min-width:992px) {
    .Banner-block .banner-text-title {
        font-size: 3.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: 2.4rem;
        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: inline-block;
    position: relative;
    padding-left: 30px;
    margin-right: 10px;
    text-decoration: none;
    line-height: 1.2;
    font-weight: bold;
    -webkit-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .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: -5px;
    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: "";
    color: #c60651
}

.Banner-block .banner-text-button:after {
    content: "" !important;
    color: #870052
}

.Banner-block .banner-text-button + a {
    margin-left: 10px;
}

@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: 0px;
        margin-left: 0px;
    }
}

.Banner-block .banner-text-button.active {
    background: #870052;
    border-radius: 5px;
    border-left: 5px solid #870052;
    border-right: 5px solid #870052;
    color: #fff;
    padding: 20px 30px 20px 60px;
    top: -20px;
    left: -5px;
    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-top: 20px;
    }
}

.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: #fff
}

.Banner-block .banner-text-button.active:before {
    color: rgba(255, 255, 255, .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: 0
}

:lang(en) .Banner-block .banner-image {
    right: 90px
}

@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: 0
    }
}

@media(max-width:767px) {
    .Banner-block .banner-image {
        position: absolute;
        right: 0;
        height: 197px;
        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 {
        margin-top: 20px;
        position: relative;
        z-index: 9;
        border-bottom: 2px solid #dcdcdc;
        overflow: hidden
    }
}

.Banner-block .mobile-button a {
    width: 50%;
    background-color: #fff;
    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: 0 !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;
    margin-right: 10px !important;
    width: 28px
}

.Banner-block .bannerplaypause-button:before {
    left: 0
}

.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: #fff;
    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, .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, .4);
    border-bottom: 1px solid rgba(255, 255, 255, .4)
}

.Banner-block .cost-tables table td {
    border-right: 1px solid rgba(255, 255, 255, .4);
    border-bottom: 1px solid rgba(255, 255, 255, .4)
}

.Banner-block .cost-tables-close {
    color: #fff;
    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: 0;
    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: "";
    color: rgba(255, 255, 255, .7)
}

.Banner-block .cost-tables-close:after {
    content: "" !important;
    color: #fff
}

.banner-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.banner-bg .step {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none
}

@media(max-width:767px) {
    .banner-bg .step {
        height: 85%;
        background-position: right -345px center
    }
}

.Homepage-calculate {
    position: absolute;
    right: 0;
    top: 145px;
    left: 50%;
    margin-left: 300px;
    width: 255px;
    max-height: 400px;
    z-index: 7;
    background: #fff;
    border-radius: 5px;
    padding: 16px 20px 20px 20px;
    -webkit-animation-name: fadeInUphomecalculate;
    animation-name: fadeInUphomecalculate
}

@media(min-width:768px) and (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
    }
}

@media(max-width:767px) {
    .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 15px
    }
}

.Homepage-calculate input {
    border: 2px solid #d8d8d8;
    line-height: 36px;
    height: 36px
}

.Homepage-calculate div#aria-amount {
    font-size: 14px !important
}

.Homepage-calculate .input-group {
    border: 2px solid #d8d8d8
}

.Homepage-calculate .input-group input + .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: 14px
    }
}

.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, .2);
    position: relative
}

.Homepage-calculate-switch-list li:last-child {
    border: none
}

.Homepage-calculate-switch-list li a {
    color: rgba(255, 255, 255, .6);
    width: 100%;
    display: block
}

.Homepage-calculate-switch-list li i {
    line-height: 42px;
    color: rgba(255, 255, 255, .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: #fff
}

.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: #fff;
    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: 36px !important
}

.Homepage-calculate .select + .select2.select2-container--default .select2-selection--single .select2-selection__arrow {
    line-height: 40px
}

.Homepage-calculate .select + .select2.select2-container--default .select2-selection--single .select2-selection__arrow:after {
    color: #870052
}

.Homepage-calculate-list {
    margin-top: -19px
}

@media(max-width:767px) {
    .Homepage-calculate-list {
        margin-top: -5px
    }
}

.Homepage-calculate-list-item {
    padding-bottom: 12px;
    padding-top: 11px;
    border-bottom: 1px solid #d8d8d8;
    height: 45px
}

@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.7rem
    }
}

@media(min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .Homepage-calculate-list-item-amount {
        font-size: 1.6rem
    }
}

@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: 17px;
        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
    }
}

@media(max-width:767px) {
    .Homepage-calculate-list-link {
        margin-top: 6px;
        font-size: 14px
    }
}

@media(min-width:768px) and (max-width:991px) {
    .Homepage-calculate-list-link a {
        margin-top: 20px;
        text-align: left;
        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 .5s ease
}

.Homepage-calculate-list-button:hover,
.Homepage-calculate-list-button:focus {
    color: #fff
}

.Homepage-calculate-list-button:before {
    z-index: -1;
    border-radius: 5px
}

.Homepage-calculate-list-button:hover {
    -webkit-box-shadow: 0 4px 11px 0 rgba(135, 0, 82, .5);
    -moz-box-shadow: 0 4px 11px 0 rgba(135, 0, 82, .5);
    box-shadow: 0 4px 11px 0 rgba(135, 0, 82, .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: 255px;
        margin-left: 300px
    }
}

@media(min-width:992px) and (max-width:1240px) {
    .Homepage-calculate {
        width: 222px;
        margin-left: 247px
    }
}

.Section-block {
    padding-top: 44px;
    position: relative;
    width: 100%;
    z-index: 7
}

@media(max-width:991px) {
    .Section-block {
        padding-top: 26px
    }
}

.Section-block .title {
    margin-bottom: 34px;
    letter-spacing: -.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
}

@media(max-width:767px) {
    .Section-block-nav {
        margin-left: 0
    }
}

.Section-block-nav-item {
    line-height: 48px;
    margin-right: 15px;
    margin-bottom: 0 !important;
    padding: 6px 7px
}

@media(max-width:767px) {
    .Section-block-nav-item {
        border-bottom: 1px solid rgba(240, 240, 240, .2);
        width: 50%;
        display: block;
        float: left;
        text-align: center;
        margin: 0 !important;
        padding: 0
    }
}

.Section-block-nav-item:hover {
    text-decoration: none;
    color: #fff
}

.Section-block-nav-item.active a {
    color: #fff !important;
    border-bottom: 2px solid #fff !important
}

.Section-block-nav-item a {
    color: rgba(255, 255, 255, .3);
    font-style: normal;
    font-weight: 400;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    line-height: 1.4 !important;
    letter-spacing: .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: #fff
}

@media(max-width:991px) {
    .Section-block-nav-item a {
        line-height: 2 !important
    }
}

.Section-block .right-links {
    display: inline-block;
}

@media(min-width:768px) and (max-width:991px) {
    .Section-block .right-links {
        margin-left: 45px
    }
}

@media(max-width:767px) {
    .Section-block .right-links {
        display: none !important;
    }
}

.Section-block .right-links a + a {
    margin-left: 20px
}

@media(min-width:768px) and (max-width:991px) {
    .Section-block .right-links a + a {
        margin-left: 10px
    }
}

.Section-block-bottom-nav a {
    display: block;
    float: left
}

.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
}

@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: .025em;
    color: rgb(29, 38, 82);
}

.section-2 .carousel-text-title,
.section-4 .carousel-text-title {
    color: #FFF;
}

@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 {
    color: #394040;
    line-height: 1.6;
    letter-spacing: -0.04rem !important;
    margin-bottom: 20px;
    letter-spacing: .05em
}

.section-2 .carousel-text-content,
.section-4 .carousel-text-content {
    color: rgba(240, 240, 240, 0.5)
}

@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 {
    letter-spacing: .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(2.webp), -webkit-gradient(linear, left top, right top, from(#1170c4), to(#000f33));
    background-image: url(2.webp), -webkit-linear-gradient(left, #1170c4 10%, #000f33 55%);
    background-image: url(2.webp), -moz-linear-gradient(left, #1170c4 10%, #000f33 55%);
    background-image: url(2.webp), -ms-linear-gradient(left, #1170c4 10%, #000f33 55%);
    background-image: url(2.webp), -o-linear-gradient(left, #1170c4 10%, #000f33 55%);
    background-image: url(2.webp), 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)
    }
}

@media(min-width:768px) and (max-width:991px) {
    .section-2 {
        padding-bottom: 30px
    }
}

.section-2 .title {
    color: rgba(255, 255, 255, .8)
}

.section-2 .carousel {
    margin-top: -90px
}

@media(min-width:768px) and (max-width:1240px) {
    .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: 0;
        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 > a {
    color: #fff
}

@media(min-width:768px) and (max-width:991px) {
    .section-2 .carousel-text-title > a {
        font-size: 16px
    }
}

.section-2 .carousel-text-content > a {
    color: rgba(240, 240, 240, .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
    }
}

.section-2 .carousel-text {
    margin-top: 151px
}

.section-2 .carousel .owl-nav .owl-prev,
.section-2 .carousel .owl-next {
    top: -180px
}

@media(min-width:768px) and (max-width:991px) {
    .section-2 .carousel-image {
        margin: 0;
        margin-bottom: 10px
    }
}

@media(max-width:767px) {
    .section-2 .carousel-image {
        margin-bottom: 15px
    }
}

.section-2 .carousel .owl-dots {
    bottom: 0
}

@media(min-width:768px) and (max-width:1240px) {
    .section-2 .carousel .owl-dots {
        bottom: 42px
    }
}

@media(max-width:991px) {
    .section-2 {
        margin-top: 0
    }
}

.section-3 {
    background-color: #f0f0f0;
}

@media(max-width:991px) {
    .section-3 {
        background-color: transparent;
    }
}

.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 > a {
    color: #1d2552;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .025em;
    margin-bottom: 34px;
    line-height: 1.4
}

@media(min-width:992px) {
    .section-3 .carousel-text-title > a {
        font-size: 2.2rem
    }
}

@media(min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .section-3 .carousel-text-title > a {
        font-size: 2.2rem
    }
}

@media(max-width:767px) {
    .section-3 .carousel-text-title > a {
        font-size: 1.5rem
    }
}

@media(max-width:991px) {
    .section-3 .carousel-text-title > a {
        margin-bottom: 15px
    }
}

.section-3 .carousel-text-content > a {
    color: #1d2552
}

@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;
        padding-bottom: 18px !important
    }
}

@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-xx.star-1 {
    left: -70px;
    top: 90px
}

@media(min-width:768px) and (max-width:991px) {
    .section-3 .star-xx.star-1 {
        left: 0;
        top: 35px
    }
}

.section-3 .star-xx.star-2 {
    left: 450px;
    top: 350px
}

@media(min-width:768px) and (max-width:991px) {
    .section-3 .star-xx.star-2 {
        left: 450px;
        top: 300px
    }
}

.section-3 .star-xx.star-3 {
    left: 1195px;
    top: 100px
}

@media(min-width:768px) and (max-width:991px) {
    .section-3 .star-xx.star-3 {
        left: 150px;
        top: 220px
    }
}

.section-3 .star-xx.star-4 {
    left: 1180px;
    top: 320px
}

@media(min-width:768px) and (max-width:991px) {
    .section-3 .star-xx.star-4 {
        left: 650px;
        top: 250px
    }
}

.section-3 .star-xx.star-5 {
    left: 660px;
    top: 15px
}

.section-4 {
    background-color: #750052;
    background-image: url(), -webkit-gradient(linear, left top, right top, from(#030e34), to(#750052));
    background-image: url(), -webkit-linear-gradient(left, #030e34 10%, #750052 95%);
    background-image: url(), -moz-linear-gradient(left, #030e34 10%, #750052 95%);
    background-image: url(), -ms-linear-gradient(left, #030e34 10%, #750052 95%);
    background-image: url(), -o-linear-gradient(left, #030e34 10%, #750052 95%);
    background-image: url(), linear-gradient(to right, #030e34 10%, #750052 95%);
    background-repeat: no-repeat;
    background-position: calc(50% - 444px) top;
}

@media(max-width:991px) {
    .section-4 {
        background-color: #750052;
        background-image: url(), -webkit-gradient(linear, left top, right top, from(#030e34), to(#750052));
        background-image: url(), -webkit-linear-gradient(left, #030e34 10%, #750052 95%);
        background-image: url(), -moz-linear-gradient(left, #030e34 10%, #750052 95%);
        background-image: url(), -ms-linear-gradient(left, #030e34 10%, #750052 95%);
        background-image: url(), -o-linear-gradient(left, #030e34 10%, #750052 95%);
        background-image: url(), linear-gradient(to right, #030e34 10%, #750052 95%);
        background-repeat: no-repeat;
        background-position: calc(50% - 444px) top;
    }
}

.section-4 .container {
    position: relative
}

.section-4 .title {
    color: rgba(255, 255, 255, .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 > a {
    letter-spacing: .025em;
    margin-bottom: 38px;
    color: #fff
}

@media(min-width:768px) and (max-width:991px) {
    .section-4 .carousel-text-title > a {
        margin-bottom: 30px !important
    }
}

@media(max-width:767px) {
    .section-4 .carousel-text-title > a {
        font-size: 15px;
        margin-bottom: 10px !important
    }
}

.section-4 .carousel-text-content > a {
    color: rgba(240, 240, 240, .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
    }
}

.section-4 .carousel .owl-nav .owl-prev,
.section-4 .carousel .owl-nav .owl-next {
    top: -180px
}

.section-4 .owl-dots {
    bottom: 10px !important
}

.Market-data {
    background-color: #f0f0f0;
    background-image: url(5-1.png), -webkit-gradient(linear, left top, right top, from(#f0f0f0), to(#f0f0f0));
    background-image: url(5-1.png), -webkit-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url(5-1.png), -moz-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url(5-1.png), -ms-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url(5-1.png), -o-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url(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(5-1-en.png), -webkit-gradient(linear, left top, right top, from(#f0f0f0), to(#f0f0f0));
    background-image: url(5-1-en.png), -webkit-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url(5-1-en.png), -moz-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url(5-1-en.png), -ms-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url(5-1-en.png), -o-linear-gradient(left, #f0f0f0 10%, #f0f0f0 55%);
    background-image: url(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: 0;
        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: 0;
        height: auto
    }
}

.Market-data .title {
    color: #1d2552;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 25px;
    letter-spacing: .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: 0;
        padding-top: 0;
        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: 'Cairo', ariel;
    font-size: 14px;
    display: block;
    line-height: 17px;
    margin-bottom: 6px;
    letter-spacing: .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: 0
    }
}

.Market-data-block-item-value {
    font-family: 'Cairo', ariel;
    font-weight: 400;
    font-size: 24px;
    display: block;
    line-height: 28px;
    margin-bottom: 6px;
    letter-spacing: .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: 0
    }
}

.Market-data-block-item-rate {
    font-family: 'Cairo', ariel;
    font-size: 14px;
    display: block;
    padding-left: 22px;
    position: relative;
    line-height: 17px;
    letter-spacing: .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: "";
    position: absolute;
    left: 0
}

.Market-data-block-item-rate.descend:before {
    font-family: 'icomoon';
    content: "";
    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, .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
    }
}

@media(max-width:480px) {
    .Market-data-date {
        margin-top: -15px !important
    }
}

.Market-data-notice {
    padding-left: 22px
}

@media(min-width:768px) and (max-width:991px) {
    .Market-data-notice {
        padding-right: 0 !important;
        padding-left: 0 !important;
        padding-top: 20px;
        background: url(dotted-border.webp) repeat-x top
    }
}

@media(max-width:767px) {
    .Market-data-notice {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 20px;
        background: url(dotted-border.webp) repeat-x top
    }
}

.Market-data-notice a {
    text-decoration: none
}

.Market-data-notice p {
    margin-top: 12px;
    line-height: 1.7;
    color: #1d2552
}

@media(min-width:768px) and (max-width:991px) {
    .Market-data-notice p {
        margin-top: 0
    }
}

@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
    }
}

@media(max-width:767px) {
    .Market-data-notice .owl-dots {
        margin-right: 30px;
        margin-top: -12px !important;
        height: 27px
    }
}

.Market-data-notice-date {
    color: rgba(57, 64, 64, .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
}

.homepageDownArrow {
    width: 100%;
    position: absolute;
    bottom: -15px;
    left: 0;
    height: 40px;
    display: none
}

.homepageDownArrow a {
    height: 70px;
    position: relative;
    display: table;
    margin: 0 auto;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    z-index: 9999
}

.homepageDownArrow a span {
    position: absolute;
    top: -20px;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 2px solid #870052;
    border-bottom: 2px solid #870052;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: hpda 1.5s infinite;
    animation: hpda 1.5s infinite;
    box-sizing: border-box
}

@-webkit-keyframes hpda {
    0% {
        -webkit-transform: rotate(-45deg) translate(0, 0);
        opacity: 0;
        transform: rotate(-45deg) translate(0, 0)
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: rotate(-45deg) translate(-20px, 20px);
        transform: rotate(-45deg) translate(-20px, 20px);
        opacity: 0
    }
}

@media only screen and (max-width:1500px) and (max-height:630px) {
    .homepageDownArrow {
        display: block
    }
}

@media only screen and (max-width:1207px) and (max-height:630px) {
    .homepageDownArrow {
        display: none
    }
}

.page-landing {
    padding-top: 26px
}

@media(min-width:768px) and (max-width:991px) {
    .page-landing {
        padding-top: 18px
    }
}

@media(max-width:767px) {
    .page-landing {
        padding-top: 16px
    }
}

.page-landing .bg {
    background: #02184d url(qnb_bg.webp) top left -358px no-repeat
}

@media(min-width:768px) and (max-width:991px) {
    .page-landing .bg {
        background: #02184d url(qnb_bg.webp) top left -700px no-repeat
    }
}

@media(max-width:991px) {
    .page-landing .bg {
        background: #02184d url(qnb_bg.webp) top left -754px no-repeat
    }
}

.page-landing h1 {
    letter-spacing: 0em;
    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
}

.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: 0;
        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: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 3px
}

.page-landing-item.all {
    overflow: auto;
    z-index: 999;
    height: auto !important;
    position: absolute;
    width: calc(100% - 30px);
    -webkit-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -webkit-box-shadow: 0 8px 28px 1px rgba(0, 0, 0, .45);
    box-shadow: 0 8px 28px 1px rgba(0, 0, 0, .45);
    -moz-box-shadow: 0 8px 28px 1px rgba(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 0 17px;
    overflow: hidden
}

@media(max-width:767px) {
    .page-landing-item-content {
        padding: 16px 17px 0 17px
    }
}

.page-landing-item-content a:hover {
    text-decoration: none !important;
    cursor: pointer
}

.page-landing-item-content h3 {
    color: #870052;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 20px;
    letter-spacing: -.3px
}

@media(min-width:992px) {
    .page-landing-item-content h3 {
        font-size: 1.4rem
    }
}

@media(min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .page-landing-item-content h3 {
        font-size: 1.4rem
    }
}

@media(max-width:767px) {
    .page-landing-item-content h3 {
        font-size: 1.3rem
    }
}

@media(max-width:767px) {
    .page-landing-item-content h3 {
        margin-bottom: 10px
    }
}

.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 {
    position: relative;
    padding-left: 30px;
    padding-right: 65px;
    height: 71px;
    display: table !important;
    border-bottom: 1px solid #e5e5e6
}

.page-landing-item-title h2 {
    display: table-cell;
    vertical-align: middle;
    line-height: 21px;
    letter-spacing: -0.04rem;
}

.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: ""
}

.page-landing-item-title.icon:after {
    color: #870052;
    left: 0;
    content: ""
}

.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%);
    right: 22px;
    margin-top: -1px;
    -moz-transform: rotate(180deg) translateY(50%);
    -webkit-transform: rotate(180deg) translateY(50%);
    -o-transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%);
}

.page-landing-item-title i .path1:before {
    color: #c60651;
    opacity: 1
}

.page-landing-item-title i .path2:before {
    color: #870052
}

.page-landing-item .img {
    -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 {
        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 15px 17px 35px;
    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: #fff;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    z-index: 1;
    line-height: 50px;
    height: 100%;
    -webkit-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .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 #fff
}

.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: #fff;
    font-style: normal;
    font-weight: 700;
    position: relative;
    -webkit-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .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%)
}

@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: #fff
}

.page-landing-item ul li .links > a span {
    color: #fff;
    border-bottom: 2px solid rgba(255, 255, 255, .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: #fff;
    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: .2s linear;
    top: auto
}

.page-landing-item ul li:before {
    content: "";
    width: calc(100% - 30px);
    margin-left: 0;
    height: 1px;
    background: #dadada;
    bottom: 0;
    position: absolute;
    right: 15px;
}

.page-landing-item ul li:after {
    content: "";
    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(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: 0;
    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 {
    display: inline-block;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    margin-right: 5px;
    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: 0;
        left: 0;
        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: 0;
        left: 0;
        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: 0
    }
}

@media(max-width:767px) {
    .page-landing-item .allresult {
        padding-bottom: 0
    }
}

.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: #fff;
    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-right: 0px !important;
    font-size: 14px;
    padding-bottom: 15px !important;
    padding-left: 20px !important;
    padding-top: 15px !important
}

.page-landing-item .button-apply-now span:before {
    content: "";
    font-family: 'icomoon';
    color: #fff;
    opacity: 1 !important
}

.page-landing-item .button-apply-now span:after {
    display: none
}

.page-landing .quarter3-mobile {
    background: #fff;
    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-left: 40px
}

.calculate input[type="text"]::-webkit-input-placeholder {
    color: #272a2a;
    opacity: 1;
    filter: alpha(opacity=100);
    font-size: 17px
}

.calculate input[type="text"]:-moz-placeholder {
    color: #272a2a;
    opacity: 1;
    filter: alpha(opacity=100);
    font-size: 17px
}

.calculate input[type="text"]::-moz-placeholder {
    color: #272a2a;
    opacity: 1;
    filter: alpha(opacity=100);
    font-size: 17px
}

.calculate input[type="text"]:-ms-input-placeholder {
    color: #272a2a;
    opacity: 1;
    filter: alpha(opacity=100);
    font-size: 17px
}

.calculate input[type="text"]::placeholder {
    color: #272a2a;
    opacity: 1;
    filter: alpha(opacity=100);
    font-size: 17px
}

.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 {
    width: 100% !important;
    margin: 0 auto 0 auto !important;
    height: auto;
    padding-top: 22px !important;
    border-radius: 5px !important;
    overflow: hidden;
    padding-left: 20px !important;
    padding-right: 20px !important;
    display: block;
    background: #fff;
    padding-bottom: 22px;
    position: relative
}

.landing-calculate .input-group {
    border: 1px solid #d8d8d8 !important
}

.landing-calculate .select + .select2.select2-container--default .select2-selection--single span.select2-selection__rendered {
    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, .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 {
    margin-top: 0
}

.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
}

@media(min-width:768px) and (max-width:991px) {
    .landing-calculate .Homepage-calculate-list-item-label {
        line-height: 27px
    }

    .landing-calculate .Homepage-calculate-list-item-label br {
        display: none
    }
}

.landing-calculate .Homepage-calculate-list-button {
    font-weight: bold;
    font-size: 14px
}

.landing-calculate .Homepage-calculate-list-button i {
    right: 12px
}

.page-note {
    background: #fff;
    border-radius: 5px;
    padding: 16px 35px 13px 30px;
    position: relative;
    display: block;
    line-height: 22px;
    margin-bottom: 30px
}

@media(max-width:991px) {
    .page-note {
        padding: 12px 20px 12px 15px;
        margin-top: 0;
        margin-bottom: 15px
    }
}

.page-note-button {
    color: #394040;
    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: "";
    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(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .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: #394040;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .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
    }
}

.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: right;
    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: left;
    margin-left: 15px;
    padding: 20px 15px;
    font-size: 14px
}

.landing-right-text .page-landing-item-text h3 {
    color: #870052;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 20px;
    letter-spacing: -.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: 0 !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(qnb_bg.webp) top left -358px no-repeat;
    height: 206px
}

@media(min-width:768px) and (max-width:991px) {
    .page-subpage .bg {
        background: #02184d url(qnb_bg.webp) top left -700px no-repeat;
        height: 118.5px
    }
}

@media(max-width:991px) {
    .page-subpage .bg {
        background: #02184d url(qnb_bg.webp) top left -754px no-repeat;
        height: 144px
    }
}

.page-subpage-content {
    background: #fff;
    padding: 0 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: 0 30px 15px 30px;
        padding-top: 27px
    }
}

@media(max-width:767px) {
    .page-subpage-content {
        padding: 0 16px 15px 16px;
        padding-top: 22px
    }
}

.page-subpage-content .js-first-margin {
    margin-top: 0
}

.page-subpage-content p {
    line-height: 27px;
    margin-top: 14px
}

@media(min-width:768px) and (max-width:991px) {
    .page-subpage-content p {
        margin-top: 10px
    }
}

@media(max-width:767px) {
    .page-subpage-content p {
        line-height: 22px;
        margin-top: 8px
    }
}

.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: -.01em;
    margin-top: 28px
}

@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 {
        margin-top: 16px
    }
}

.page-subpage-content h3 {
    margin-top: 28px
}

@media(min-width:768px) and (max-width:991px) {
    .page-subpage-content h3 {
        margin-top: 20px
    }
}

@media(max-width:767px) {
    .page-subpage-content h3 {
        margin-top: 14px
    }
}

.page-subpage-content h4 {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    margin-top: 24px;
    line-height: 22px
}

@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(min-width:768px) and (max-width:991px) {
    .page-subpage-content h4 {
        margin-top: 20px
    }
}

@media(max-width:767px) {
    .page-subpage-content h4 {
        margin-top: 14px
    }
}

.page-subpage-content h5 {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    margin-top: 24px
}

@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(min-width:768px) and (max-width:991px) {
    .page-subpage-content h5 {
        margin-top: 20px
    }
}

@media(max-width:767px) {
    .page-subpage-content h5 {
        margin-top: 14px
    }
}

.page-subpage-content ul {
    margin-top: 14px;
    margin-bottom: 14px
}

@media(min-width:768px) and (max-width:991px) {
    .page-subpage-content ul {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

@media(max-width:767px) {
    .page-subpage-content ul {
        margin-top: 8px;
        margin-bottom: 8px
    }
}

.page-subpage-content ul li {
    padding-right: 22px;
    color: #394040;
    font-style: normal;
    font-weight: 400;
    position: relative;
    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
    }
}

@media(max-width:767px) {
    .page-subpage-content ul li {
        line-height: 20px
    }
}

.page-subpage-content ul li:before {
    content: "";
    font-family: 'icomoon';
    color: #1d2552;
    font-style: normal;
    font-weight: 400;
    right: 0;
    position: absolute;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

@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
    }
}

.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,
.page-subpage-content ul.table-date-group {
    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,
    .page-subpage-content ul.table-date-group {
        padding-left: 0;
        padding-right: 0
    }
}

@media(max-width:767px) {

    .page-subpage-content ul.right-icon,
    .page-subpage-content ul.table-doc,
    .page-subpage-content ul.table-date-group {
        padding-left: 5px;
        padding-right: 5px
    }
}

.page-subpage-content ul.right-icon li,
.page-subpage-content ul.table-doc li,
.page-subpage-content ul.table-date-group li {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    padding: 0;
    position: relative;
    margin-top: 0;
    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,
    .page-subpage-content ul.table-date-group 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,
    .page-subpage-content ul.table-date-group li {
        font-size: 1.4rem
    }
}

@media(max-width:767px) {

    .page-subpage-content ul.right-icon li,
    .page-subpage-content ul.table-doc li,
    .page-subpage-content ul.table-date-group li {
        font-size: 1.4rem
    }
}

.page-subpage-content ul.right-icon li .date,
.page-subpage-content ul.table-doc li .date,
.page-subpage-content ul.table-date-group li .date {
    width: 90px;
    float: left;
    display: block
}

.page-subpage-content ul.right-icon li .title,
.page-subpage-content ul.table-doc li .title,
.page-subpage-content ul.table-date-group 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,
.page-subpage-content ul.table-date-group li:hover {
    background: #e5e5e6;
    color: #394040
}

.page-subpage-content ul.right-icon li:hover:after,
.page-subpage-content ul.table-doc li:hover:after,
.page-subpage-content ul.table-date-group 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,
.page-subpage-content ul.table-date-group li:hover + li:after {
    background: transparent
}

.page-subpage-content ul.right-icon li a,
.page-subpage-content ul.table-doc li a,
.page-subpage-content ul.table-date-group 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,
.page-subpage-content ul.table-date-group 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,
    .page-subpage-content ul.table-date-group 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,
    .page-subpage-content ul.table-date-group li a {
        padding: 11px 33px 11px 10px
    }
}

.page-subpage-content ul.right-icon li:before,
.page-subpage-content ul.table-doc li:before,
.page-subpage-content ul.table-date-group li:before {
    content: "";
    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,
    .page-subpage-content ul.table-date-group 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,
    .page-subpage-content ul.table-date-group 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,
    .page-subpage-content ul.table-date-group 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,
    .page-subpage-content ul.table-date-group li:before {
        right: 10px
    }
}

@media(max-width:767px) {

    .page-subpage-content ul.right-icon li:before,
    .page-subpage-content ul.table-doc li:before,
    .page-subpage-content ul.table-date-group li:before {
        right: 10px
    }
}

.page-subpage-content ul.right-icon li:after,
.page-subpage-content ul.table-doc li:after,
.page-subpage-content ul.table-date-group li:after {
    content: "";
    background: #dadada !important;
    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,
    .page-subpage-content ul.table-date-group 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,
    .page-subpage-content ul.table-date-group 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,
.page-subpage-content ul.table-date-group li:first-child:after {
    display: none
}

.page-subpage-content ul.table-doc li:before {
    content: "";
    color: #02184d
}

@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
    }
}

.page-subpage-content ul.table-date-group {
    padding-left: 0;
    padding-right: 0
}

.page-subpage-content ul.table-date-group li .date {
    padding: 11px 50px 11px 0
}

.page-subpage-content ul.table-date-group li:hover {
    background-color: transparent !important
}

.page-subpage-content ul.table-date-group li:before {
    color: #02184d;
    font-style: normal;
    font-weight: 400;
    content: "" !important;
    right: 0
}

@media(min-width:992px) {
    .page-subpage-content ul.table-date-group 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-date-group li:before {
        font-size: 2.5rem
    }
}

@media(max-width:767px) {
    .page-subpage-content ul.table-date-group li:before {
        font-size: 2.4rem
    }
}

.page-subpage-content ul.table-date-group li:after {
    width: 100%;
    left: 0
}

.page-subpage-content ul.table-date-group li a {
    padding: 11px 50px 11px 0
}

.page-subpage-content ul.table-date-group li a:hover {
    text-decoration: underline
}

.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 !important;
    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: 27px 34px;
    background: rgba(17, 111, 196, .8);
    width: 428px;
    border-radius: 5px;
    z-index: 2;
    position: relative;
    min-height: 327px
}

@media(min-width:768px) and (max-width:991px) {
    .sub-banner-text {
        padding: 18px 26px;
        min-height: 280px
    }
}

@media(max-width:767px) {
    .sub-banner-text {
        padding: 17px 25px 20px 25px;
        width: 100%;
        background: #1987be;
        min-height: auto;
        display: none
    }
}

.sub-banner-text p {
    margin-bottom: 0;
    margin-top: 24px
}

@media(min-width:768px) and (max-width:991px) {
    .sub-banner-text p {
        margin-top: 18px
    }
}

@media(max-width:767px) {
    .sub-banner-text p {
        margin-top: 10px
    }
}

.sub-banner-text p + p {
    margin-top: 0
}

.sub-banner-text * {
    color: #fff
}

.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;
        height: 200px;
        border-radius: 5px
    }
}

.sub-banner-title {
    color: #fff;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 25px;
    color: #fff !important;
    margin-top: 0 !important;
    line-height: 35px;
    margin-bottom: 0
}

@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;
        line-height: 30px
    }
}

@media(max-width:767px) {
    .sub-banner-title {
        font-size: 16px;
        line-height: 26px
    }
}

.sub-banner .campaign-banner {
    color: #fff;
    font-style: normal;
    font-weight: 400;
    line-height: 2;
    margin-bottom: 19px;
    letter-spacing: -.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: #fff;
    font-style: normal;
    font-weight: 400;
    line-height: 2;
    margin-bottom: 19px;
    letter-spacing: -.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 #fff;
    border-radius: 5px;
    padding: 9px 25px 8px 25px;
    color: #394040;
    font-style: normal;
    font-weight: 700;
    color: #fff !important;
    float: right;
    -webkit-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    margin-top: 22px;
    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: 18px
    }
}

@media(max-width:767px) {
    .sub-banner-button {
        margin-top: 12px
    }
}

.sub-banner-button:hover,
.sub-banner-button:focus {
    background: #fff;
    color: #116fc4 !important
}

.sub-banner.full-text-banner {
    height: auto;
    padding: 0;
    margin: 0 0 30px 0;
    margin-top: 0 !important
}

@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: 0;
    line-height: 31px
}

.subpage-sidebar {
    background: #fff;
    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;
    direction: rtl;
    color: #000f33;
    font-style: normal;
    font-weight: 400;
    padding-left: 0;
    margin-top: 0;
    line-height: 22px
}

@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, .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: right;
    top: 50%;
    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%);
    margin-right: 23px
}

.cross-banner-img {
    float: left;
    margin-left: 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: right;
    ;
    margin-top: 16px;
    color: #000f33;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0 !important;
    letter-spacing: -0.04rem;
}

@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) {

    #ContentPlaceHolder1_PageEndQuestion_viewPanel .page-end-question,
    .Contracts + #ContentPlaceHolder1_PageEndQuestion_viewPanel .page-end-question,
    .acc + #ContentPlaceHolder1_PageEndQuestion_viewPanel .page-end-question,
    .tablist + #ContentPlaceHolder1_PageEndQuestion_viewPanel .page-end-question,
    .full-tab + #ContentPlaceHolder1_PageEndQuestion_viewPanel .page-end-question,
    .DocumentListFiltered + #ContentPlaceHolder1_PageEndQuestion_viewPanel .page-end-question {
        border-top: 0 !important;
        padding-top: 7px
    }
}

.sendcomment {
    margin-top: 8px
}

.captchaBlock {
    overflow: hidden
}

.similar-content {
    overflow: hidden;
    position: relative;
    display: block;
    direction: rtl;
}

@media(max-width:991px) {
    .similar-content {
        background: #fff;
        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-right: 15px
    }
}

@media(min-width:768px) and (max-width:991px) {
    .similar-content-title {
        padding-right: 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-right: 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-right: 20px
    }

    .similar-content-box-title:before,
    .similar-content-box-title:after {
        position: absolute !important;
        right: 0px;
        font-size: 16, 14, 14;
        font-family: 'icomoon' !important;
        top: 50% !important;
        -moz-transform: rotate(180deg) translateY(50%);
        -webkit-transform: rotate(180deg) translateY(50%);
        -o-transform: rotate(180deg) translateY(50%);
        -ms-transform: rotate(180deg) translateY(50%);
        transform: rotate(180deg) translateY(50%);
    }

    .similar-content-box-title:before {
        right: 0 !important;
        content: "";
        color: #c60651
    }

    .similar-content-box-title:after {
        right: 0 !important;
        content: "" !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-left: 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-right: -15px;
        border-left: 1px solid #d7d9d9
    }
}

.apply-vertical-box {
    position: relative;
    margin-top: 0
}

@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: auto;
        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;
    right: 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;
    right: -10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 49%;
    z-index: 9;
    background: #fff;
    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;
        padding-top: 0;
        margin-top: 10px;
        left: 53%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -sand-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.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;
    margin-top: 0 !important;
    letter-spacing: -0.04rem;
}

@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: 14px !important
    }
}

.apply-vertical-box p {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    display: inline-block;
    margin-top: 0 !important
}

@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%;
    display: inline-block;
    float: right;
    position: relative;
    z-index: 100;
}

@media(max-width:767px) {
    .apply-vertical-box-icon {
        width: 100%
    }
}

.apply-vertical-box-icon i {
    color: #1d2552;
    font-style: normal;
    font-weight: 400;
    float: right;
    margin-left: 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: #fff
}

.share-button.open > a i {
    color: #870052
}

.share-button .social-toggle {
    color: #fff;
    text-align: center;
    width: 48px;
    border: 2px solid #fff;
    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:focus {
    color: #fff
}

.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(0);
    -moz-transform: scale(1) translateY(-48px) translateX(0);
    -ms-transform: scale(1) translateY(-48px) translateX(0);
    -o-transform: scale(1) translateY(-48px) translateX(0);
    -sand-transform: scale(1) translateY(-48px) translateX(0);
    transform: scale(1) translateY(-48px) translateX(0);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease;
    transition: all .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: #fff;
    background: #fff;
    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 .3s ease;
    padding-left: 0 !important
}

.share-button .social-networks ul li:before {
    display: none
}

.share-button .social-networks ul li a:hover {
    opacity: .8
}

.share-button .social-networks a {
    display: block;
    color: #fff
}

.share-button .social-networks a:hover {
    color: #222
}

.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 #fff
}

@media(max-width:767px) {
    .share-button .social-networks.open-menu ul:after {
        border-right: 8px solid transparent;
        border-top: 8px solid #fff;
        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 {
    position: relative;
    padding: 30px 50px 30px 30px;
    line-height: 1.4;
    text-align: left
}

.button-box .button:after {
    content: "";
    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: -.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: #fff;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.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: #fff
}

@media(max-width:767px) {
    .button-box [class^="col-sm"] {
        margin-bottom: 20px
    }
}

.button-box [class^="col-sm"]:last-child {
    margin-bottom: 0
}

.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 0 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: "";
    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: 0;
    font-family: 'icomoon'
}

.product-service .table-wrap {
    margin-bottom: 20px
}

.product-service .table-wrap:last-child {
    margin-bottom: 0
}

.modal-body {
    border-radius: 5px !important;
    padding: 30px
}

@media(max-width:767px) {
    .modal-body {
        padding: 15px
    }
}

.modal-body p {
    line-height: 27px;
    margin-top: 14px
}

@media(min-width:768px) and (max-width:991px) {
    .modal-body p {
        margin-top: 10px
    }
}

@media(max-width:767px) {
    .modal-body p {
        line-height: 22px;
        margin-top: 8px
    }
}

.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: -.01em;
    margin-top: 28px
}

@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 {
        margin-top: 16px
    }
}

.modal-body h3 {
    margin-top: 28px
}

@media(min-width:768px) and (max-width:991px) {
    .modal-body h3 {
        margin-top: 20px
    }
}

@media(max-width:767px) {
    .modal-body h3 {
        margin-top: 14px
    }
}

.modal-body h4 {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    margin-top: 24px;
    line-height: 22px
}

@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(min-width:768px) and (max-width:991px) {
    .modal-body h4 {
        margin-top: 20px
    }
}

@media(max-width:767px) {
    .modal-body h4 {
        margin-top: 14px
    }
}

.modal-body h5 {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    margin-top: 24px
}

@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(min-width:768px) and (max-width:991px) {
    .modal-body h5 {
        margin-top: 20px
    }
}

@media(max-width:767px) {
    .modal-body h5 {
        margin-top: 14px
    }
}

#campaign .jumbotron {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px
}

@media(max-width:767px) {
    #campaign .jumbotron {
        margin-bottom: 20px
    }
}

.atm-branch-list-item.box {
    padding: 20px;
    margin-bottom: 20px;
    position: relative
}

@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 35px 7px 5px;
    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%);
    right: 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: right;
    padding-top: 6px;
    padding-bottom: 6px;
    letter-spacing: .025em;
    width: 33%
}

@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
}

@media(max-width:767px) {

    .atm-branch-list-item-type,
    .atm-branch-list-item-tel,
    .atm-branch-list-item-fax {
        width: 100%
    }
}

.atm-branch-list-item-type {
    padding-left: 20px;
    padding-right: 10px;
    border-left: 1px solid #e5e5e6
}

@media(max-width:767px) {
    .atm-branch-list-item-type {
        padding-left: 10px;
        padding-right: 10px;
        border: none !important
    }
}

.atm-branch-list-item-tel {
    padding-left: 20px;
    padding-right: 20px;
    border-left: 1px solid #e5e5e6
}

@media(max-width:767px) {
    .atm-branch-list-item-tel {
        padding-left: 10px;
        padding-right: 10px;
        border: none !important
    }
}

.atm-branch-list-item-fax {
    padding-right: 20px;
    float: left
}

@media(max-width:767px) {
    .atm-branch-list-item-fax {
        padding-left: 10px
    }
}

.atm-branch-list-item-adres {
    padding-right: 10px;
    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: 0;
    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-list-item-props {
    position: absolute;
    left: 20px;
    height: 34px;
    top: 20px;
    z-index: 10;
}

.atm-branch-list-item-props span {
    border-radius: 5px;
    font-size: 16px;
    height: 34px;
    width: 34px;
    border: 1px solid #cabfb7;
    color: #cabfb7;
    position: relative;
    float: left;
    display: block;
    line-height: 34px;
    margin-right: 10px;
    text-align: center;
    cursor: pointer
}

.atm-branch-list-item-props span:hover {
    background: #870052;
    color: #fff;
    border-color: #870052
}

.atm-branch-list-item-props span:hover:after {
    content: attr(data-text);
    position: absolute;
    font-size: 14px;
    bottom: -45px;
    left: -45px;
    background: #fff;
    padding: 8px 25px 12px 25px;
    border-radius: 5px;
    border: 1px solid #445056;
    color: #445056;
    white-space: nowrap;
    line-height: 1;
    z-index: 99
}

.atm-branch-list-item-props span.icon-Dolar:after,
.atm-branch-list-item-props span.icon-Engelli:after,
.atm-branch-list-item-props span.icon-Euro:after {
    left: -45px
}

.atm-branch-list-item-props span.icon-Gorme_Engelli:after {
    left: -60px
}

.atm-branch .map {
    height: 280px;
    background: #f0f0f0;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 30px;
    -webkit-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .715)
}

@media(max-width:767px) {
    .atm-branch .map {
        margin-bottom: 15px
    }
}

.atm-branch .map.big {
    height: 552px
}

.atm-branch .map.big .map-button:before {
    content: "Haritayı Daralt"
}

.atm-branch .map.big .map-button span {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -sand-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -2px
}

.atm-branch .map.big .map-button span:before {
    margin-right: 10px
}

.atm-branch .map-button {
    position: absolute;
    bottom: 20px;
    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%);
    background: rgba(17, 111, 196, .5);
    color: #fff;
    font-style: normal;
    font-weight: 400;
    width: 195px;
    padding: 14px 22px 13px 0;
    border-radius: 5px;
    text-align: center;
    text-decoration: none
}

@media(min-width:992px) {
    .atm-branch .map-button {
        font-size: 1.6rem
    }
}

@media(min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .atm-branch .map-button {
        font-size: 1.4rem
    }
}

@media(max-width:767px) {
    .atm-branch .map-button {
        font-size: 1.4rem
    }
}

.atm-branch .map-button:before {
    content: "Haritayı Genişlet "
}

.atm-branch .map-button span {
    position: absolute
}

.atm-branch .map-button span:before {
    content: "";
    font-family: 'icomoon';
    margin-left: 10px;
    font-size: 13px
}

.atm-branch hr {
    margin-top: 10px;
    margin-bottom: 17px
}

.atm-branch p {
    line-height: 24px
}

.atm-branch .map-detail-search {
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    height: 44px;
    position: relative
}

.atm-branch .map-detail-search:after {
    content: "";
    position: absolute;
    color: #1d2552;
    font-size: 14px;
    left: 15px;
    font-family: 'icomoon' !important;
    -webkit-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    top: 15px
}

.atm-branch .map-detail-search > label {
    height: 44px;
    width: 100%;
    margin-bottom: 0;
    font-family: 'Cairo', ariel;
    color: #272a2a;
    font-size: 16px;
    font-weight: 400;
    text-align: right;
    line-height: 44px;
    padding-left: 35px;
    padding-right: 15px;
    position: relative;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.atm-branch .map-detail-search.active {
    border-color: #870052;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0 !important
}

.atm-branch .map-detail-search.active:after {
    color: #870052;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    -sand-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.atm-branch .map-detail-search.active > label {
    color: #870052
}

.atm-branch .map-detail-search.active > label:after,
.atm-branch .map-detail-search.active > label:before {
    content: "";
    position: absolute;
    left: -1px;
    bottom: -15px;
    width: 1px;
    height: 17px;
    background-color: #870052
}

@media(max-width:991px) {

    .atm-branch .map-detail-search.active > label:after,
    .atm-branch .map-detail-search.active > label:before {
        display: none
    }
}

.atm-branch .map-detail-search.active > label:before {
    right: -1px;
    left: auto
}

.atm-branch .map-detail-search .detail-search-content {
    display: none
}

.atm-branch .map-custom-select {
    -webkit-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    padding: 30px;
    width: calc(100% - 30px);
    margin-left: 15px;
    border-top-right-radius: 0 !important;
    border-radius: 5px;
    border: 1px solid #870052;
    position: relative
}

@media(max-width:991px) {
    .atm-branch .map-custom-select {
        padding: 20px;
        border-top-left-radius: 0 !important
    }
}

.atm-branch .map-custom-select:after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 233px;
    height: 1px;
    background-color: #fff
}

@media(min-width:992px) and (max-width:1240px) {
    .atm-branch .map-custom-select:after {
        width: 191px
    }
}

@media(max-width:991px) {
    .atm-branch .map-custom-select:after {
        display: none
    }
}

.atm-branch .map-custom-select-block-one,
.atm-branch .map-custom-select-block-two {
    width: 30%;
    float: right
}

.atm-branch .map-custom-select-block-three {
    width: 40%;
    float: left
}

@media(max-width:767px) {

    .atm-branch .map-custom-select-block-one,
    .atm-branch .map-custom-select-block-two,
    .atm-branch .map-custom-select-block-three {
        width: 100%
    }
}

.atm-branch .map-custom-select .checkbox {
    display: inline-block
}

@media(max-width:767px) {
    .atm-branch .map-custom-select .checkbox {
        display: block;
        margin-bottom: 20px
    }
}

.atm-branch .map-custom-select .checkbox label {
    font-size: 15px !important
}

@media(min-width:992px), (min-width:768px) and (max-width:991px) {
    .atm-branch .map-custom-select .checkbox label {
        font-size: 12px !important
    }
}

.atm-branch .map-custom-select .checkbox label:before {
    font-size: 12px !important
}

.atm-branch .map-custom-select .checkbox + .checkbox {
    margin-left: 20px
}

@media(max-width:767px) {
    .atm-branch .map-custom-select .checkbox + .checkbox {
        margin-left: 0
    }
}

.infowindow-content {
    position: relative;
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 18px;
    max-width: 320px
}

.infowindow-content h3 {
    font-size: 16px !important
}

.infowindow-content .props {
    margin-top: 20px
}

.infowindow-content p {
    font-size: 14px !important;
    line-height: 16px !important
}

.infowindow-content p.prop {
    line-height: 22px !important;
    margin-top: 4px
}

.infowindow-content .telfax {
    width: 33px;
    float: left;
    display: block
}

.infowindow-content .Engelli,
.infowindow-content .Dolar,
.infowindow-content .Euro {
    background-image: url(infowindow-icons.png);
    background-position: 0 0;
    width: 18px;
    height: 17px;
    position: relative;
    float: left;
    background-repeat: no-repeat;
    margin-right: 5px
}

.infowindow-content .Dolar {
    background-position: 0 -26px
}

.infowindow-content .Euro {
    background-position: 0 -52px
}

.infowindow-content:before {
    content: "";
    position: absolute;
    border: 8px solid transparent;
    border-top-color: #fff;
    bottom: -16px;
    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%)
}

.Page404 .bg {
    background: #02184d url(qnb_bg.webp) top left -358px no-repeat
}

@media(min-width:768px) and (max-width:991px) {
    .Page404 .bg {
        background: #02184d url(qnb_bg.webp) top left -700px no-repeat
    }
}

@media(max-width:991px) {
    .Page404 .bg {
        background: #02184d url(qnb_bg.webp) 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: #fff;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.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: #fff;
    font-style: normal;
    font-weight: 400;
    border-bottom: 2px solid #fff;
    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: #fff;
    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
    }
}

.search p,
.news p {
    margin-bottom: 0
}

.search input,
.news input {
    height: 42px
}

.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 .itemListElement .breadcrumb-item,
.news-results .breadcrumb .itemListElement .breadcrumb-item {
    color: #cabfb7;
    font-style: normal;
    font-weight: 400;
    border-bottom: 1px solid #cabfb7;
    white-space: nowrap;
}

@media(min-width:992px) {

    .search-results .breadcrumb .itemListElement .breadcrumb-item,
    .news-results .breadcrumb .itemListElement .breadcrumb-item {
        font-size: 1.6rem
    }
}

@media(min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {

    .search-results .breadcrumb .itemListElement .breadcrumb-item,
    .news-results .breadcrumb .itemListElement .breadcrumb-item {
        font-size: 1.4rem
    }
}

@media(max-width:767px) {

    .search-results .breadcrumb .itemListElement .breadcrumb-item,
    .news-results .breadcrumb .itemListElement .breadcrumb-item {
        font-size: 1.4rem
    }
}

.search-results .breadcrumb .itemListElement span.breadcrumb-item,
.news-results .breadcrumb .itemListElement span.breadcrumb-item {
    border: none
}

.search-results .breadcrumb .itemListElement a.breadcrumb-item,
.news-results .breadcrumb .itemListElement a.breadcrumb-item {
    letter-spacing: 0
}

.search-results .breadcrumb .itemListElement a.breadcrumb-item:hover,
.news-results .breadcrumb .itemListElement a.breadcrumb-item:hover {
    color: rgba(202, 191, 183, .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: 0
}

.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 img,
.house-projects-list-item img {
    margin-bottom: 15px
}

@media(max-width:767px) {

    .investments-list-item img,
    .house-projects-list-item img {
        margin-bottom: 10px
    }
}

.investments-list-item.box,
.house-projects-list-item.box {
    padding: 30px;
    padding-bottom: 23px;
    margin-bottom: 15px
}

@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: right;
    padding-top: 14px;
    padding-bottom: 6px;
    letter-spacing: .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-left: 20px;
    border-left: 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-right: 20px;
    float: right
}

@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: 0;
    line-height: 23px;
    text-decoration: none !important;
    position: relative;
    padding-right: 20px;
    float: right !important;
}

@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-left: 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%)
}

.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: #fff !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: 60px;
    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: #dcdcdc
}

.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
}

@media(max-width:767px) {
    .house-projects-list-item-button {
        margin-top: 0
    }
}

.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 35px 7px 5px;
    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: 0
    }
}

@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-bottom: 6px;
    letter-spacing: .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: 0 !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: 0 !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: 10px
}

@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: 0;
    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;
    margin: 0 auto
}

.realty-detail .table-wrap {
    border-radius: 5px
}

.realty-detail .table-responsive {
    border: none
}

.realty hr {
    margin-top: 25px;
    margin-bottom: 25px
}

@media(max-width:767px) {
    .realty hr {
        margin-bottom: 12px
    }
}

.realestate-detailsearch {
    color: #02184d;
    font-style: normal;
    font-weight: 400;
    text-align: center
}

@media(min-width:992px) {
    .realestate-detailsearch {
        font-size: 1.6rem
    }
}

@media(min-width:768px) and (max-width:991px), (min-width:992px) and (max-width:1240px) {
    .realestate-detailsearch {
        font-size: 1.4rem
    }
}

@media(max-width:767px) {
    .realestate-detailsearch {
        font-size: 1.4rem
    }
}

@media(max-width:767px) {
    .search-box label {
        line-height: normal
    }
}

.vitrin-estate {
    max-height: 170px;
    overflow: hidden
}

@media(max-width:767px) {
    .vitrin-estate {
        max-height: initial
    }
}

.page-subpage .product-service-title {
    margin-bottom: 30px;
    margin-top: 0 !important
}

@media(max-width:767px) {
    .page-subpage .product-service-title {
        margin-bottom: 15px
    }
}

.page-subpage .product-service-title:first-child {
    margin-top: 15px !important
}

.page-subpage .product-service .acc.active {
    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:last-child {
    border-bottom: none !important
}

.page-subpage .product-service .acc-content > .acc {
    padding-left: 20px;
    padding-right: 20px
}

.page-subpage .product-service-table thead tr {
    background: #f1f1f1 !important
}

.page-subpage .product-service-table thead tr:first-child {
    background: #dcdcdc !important
}

.page-subpage .product-service-table thead tr:first-child th {
    padding: 16px 20px !important;
    border-bottom: 1px solid #fff !important
}

.page-subpage .product-service-table thead tr th {
    color: #394040;
    font-style: normal;
    font-weight: 700;
    vertical-align: middle;
    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
    }
}

@media(max-width:767px) {
    .page-subpage .product-service-table thead tr th {
        white-space: nowrap !important
    }

    .page-subpage .product-service-table thead tr th br {
        display: none
    }
}

.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: -.01em;
    padding: 11px 20px !important
}

@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;
    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: ""
}

.minik-eller-item-title {
    color: #272a2a;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.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(.19, 1, .22, 1), height 800ms 100ms cubic-bezier(.19, 1, .22, 1), bottom 800ms 100ms cubic-bezier(.19, 1, .22, 1), right 800ms 100ms cubic-bezier(.19, 1, .22, 1);
    -moz-transition: width 800ms 100ms cubic-bezier(.19, 1, .22, 1), height 800ms 100ms cubic-bezier(.19, 1, .22, 1), bottom 800ms 100ms cubic-bezier(.19, 1, .22, 1), right 800ms 100ms cubic-bezier(.19, 1, .22, 1);
    -o-transition: width 800ms 100ms cubic-bezier(.19, 1, .22, 1), height 800ms 100ms cubic-bezier(.19, 1, .22, 1), bottom 800ms 100ms cubic-bezier(.19, 1, .22, 1), right 800ms 100ms cubic-bezier(.19, 1, .22, 1);
    transition: width 800ms 100ms cubic-bezier(.19, 1, .22, 1), height 800ms 100ms cubic-bezier(.19, 1, .22, 1), bottom 800ms 100ms cubic-bezier(.19, 1, .22, 1), right 800ms 100ms cubic-bezier(.19, 1, .22, 1);
    background: #116fc4
}

.page-subpage .logos-item-image:before,
.page-subpage .advert-item-image:before,
.page-subpage .minik-eller-item-image:before {
    content: "";
    font-family: 'icomoon';
    color: #fff;
    font-style: normal;
    font-weight: 400;
    z-index: 1;
    -webkit-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .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: '';
    color: #fff;
    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(.19, 1, .22, 1);
    -moz-transition: all 600ms cubic-bezier(.19, 1, .22, 1);
    -o-transition: all 600ms cubic-bezier(.19, 1, .22, 1);
    transition: all 600ms cubic-bezier(.19, 1, .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;
    margin-top: 0 !important
}

@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: #fff;
    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: .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: "";
    position: absolute;
    right: 10px;
    color: #fff;
    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: #fff
}

.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: .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: ''
}

.page-subpage .advert-item-image span:after {
    content: ''
}

.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
    }
}

.Banner-block .banner-text-button {
    margin-top: 28px;
}

.ib_login .form-group {
    margin-bottom: 15px;
}

.ib_login .title {
    margin: 10px 0px 20px 0px;
}

.ib_login .title u {
    font-weight: inherit !important;
    color: inherit !important;
    border-bottom: 1px solid rgb(29, 38, 82);
}

.ib_login input[type="text"],
.ib_login input[type="password"] {
    height: 24px !important;
}

.ib_login p,
.ib_login a {
    font-size: 1rem;
    letter-spacing: normal !important;
    position: relative;
    text-align: right;
    direction: rtl;
}

.ib_login p #my_image {
    float: right;
    margin: 0px 0px 30px 5px;
    width: 15px !important;
    height: 15px !important;
    -webkit-appearance: checkbox;
    appearance: checkbox;
    -moz-appearance: checkbox;
}

.ib_login h5 {
    margin-bottom: 20px;
    font-weight: bold;
}

.ib_login .button {
    font-size: inherit !important;
    text-align: center !important;
}

.ib_login label {
    font-size: 1.3rem !important;
}

.ib_login .col-md-5 {
    float: right;
}

.Header-navigation-main-internet-branch a {
    width: 255px;
    padding: 0px 20px !important;
}

@media (max-width: 1239px) and (min-width: 1200px) {
    .Homepage-calculate {
        width: 222px;
        margin-left: 331px;
    }
}

.internet-banking-switch-list {
    animation-name: fadeIn;
    margin-left: 0px;
    margin-right: 0px;
    position: absolute;
    width: 100%;
    max-width: 255px;
    top: -1px;
    z-index: 10;
    background: rgb(135, 0, 82);
    padding: 4px 20px;
    border-radius: 5px;
}

.internet-banking-switch-list li {
    font-size: 1.6rem;
    letter-spacing: 0px;
    line-height: 42px;
    position: relative;
    border-bottom: 1px solid rgba(240, 240, 240, 0.2);
    text-align: right;
}

.internet-banking-switch-list li a {
    color: rgba(255, 255, 255, 0.6);
    width: 100%;
    display: block;
    font-weight: 500;
}

.internet-banking-switch-list li i {
    line-height: 42px;
    color: rgba(255, 255, 255, 0.6);
    font-style: normal;
    font-weight: 700;
    position: absolute;
    left: 0px;
    top: 0%;
    transform: translateY(-50%);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.section-3 .star {
    visibility: hidden !important;
    display: none !important;
}

.carousel.pause .playpause-button,
.carousel.play .playpause-button {
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    top: 0px;
    margin-left: 9px;
    border-radius: 20px;
    border: 2px solid currentcolor;
    transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    text-decoration: none !important;
}

.carousel.pause .bannerplaypause-button,
.carousel.play .bannerplaypause-button {
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    top: 13px;
    margin-left: 9px;
    transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    text-decoration: none !important;
}

.carousel.pause .bannerplaypause-button::after,
.carousel.play .bannerplaypause-button::after,
.carousel.pause .playpause-button::after,
.carousel.play .playpause-button::after {
    font-size: 16px;
    position: absolute;
    font-family: icomoon;
    left: 50%;
    margin-top: -1px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: -3px;
    font-weight: bold;
}

.carousel.pause .bannerplaypause-button:before,
.carousel.play .bannerplaypause-button:before,
.carousel.pause .playpause-button:before,
.carousel.play .playpause-button:before {
    display: none;
}

.Banner-block:before {
    height: 50px;
    position: absolute;
    width: 100%;
    background: red;
}

.top-shade {
    position: absolute;
    right: 0px;
    width: 100%;
    height: 120px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
}

.Section-block .right-links {
    top: -5px;
    position: relative;
    display: inline-block;
    z-index: 5;
    width: auto;
}

.section-2 .right-links {
    top: -10px;
}

.pull-right {
    float: right !important;
}

@media (max-width: 767px) {
    .Section-block-nav-item {
        border-bottom: 1px solid rgba(240, 240, 240, .2);
        width: 33.33%;
        display: block;
        float: left;
        text-align: center;
        margin: 0 !important;
        padding: 0;
    }
}

.reference-center {
    overflow: visible;
}

@media (max-width: 991px) {
    .section-4 .Section-block-bottom-nav {
        margin: 0px !important;
        display: block !important;
    }
}

@media (max-width: 767px) {
    .Section-block-bottom-nav {
        position: relative;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .button.mobile-full {
        text-align: center;
        display: inline-block;
        border: none;
        font-weight: 500;
        border-radius: 5px;
        line-height: 42px;
        float: left;
        padding: 0 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

@media (max-width: 767px) {
    .button.mobile-white {
        background: #fff;
        color: #000f33;
        position: relative;
    }
}

#banner .owl-dots {
    margin-left: 5px;
    min-height: 45px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 8px;
    position: absolute;
    display: block !important;
    transform: translateX(-50%);
    left: 50%;
    bottom: 42px;
    margin: 0px auto;
    z-index: 19;
}

#banner .owl-dot {
    background: rgba(255, 255, 255, 0.30);
    width: 38px;
    padding: 15px 10px;
    margin: 0px;
    top: 0px;
    display: inline-block;
}

#banner .owl-dots .owl-dot:last-of-type {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#banner .owl-dots .owl-dot:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#banner .owl-dot:after {
    left: 50%;
    margin-left: -19px;
    box-sizing: border-box;
    width: 100% !important;
}

.carousel .owl-dots .owl-dot {
    /*flickering Fix*/
    height: 30px;
    margin-top: 12px !important;
}

.carousel.pause .bannerplaypause-button,
.carousel.play .bannerplaypause-button {
    top: 13px;
}

.Banner-block .text_type_2 {
    font-size: 4.8rem !important;
    line-height: 5.8rem !important;
    color: #95054b !important;
}

@media (max-width: 767px) {
    .Banner-block .text_type_2 {
        line-height: 3.2rem !important;
    }

    .Banner-block {
        height: 275px;
    }

    .Banner-block .banner-text-button {
        font-size: 14px;
        padding-left: 20px;
        margin-top: 10px;
        line-height: 1;
    }

    .Banner-block .text_type_2 {
        font-size: 24px !important;
    }

    .banner-bg {
        width: 145% !important;
        height: 347px !important;
    }

    .Header-content {
        height: 66px;
    }

    .Banner-block .banner-image img {
        width: auto;
        height: 197px;
        float: right;
    }
}

@media (max-width: 991px) {
    #banner .owl-dots {
        width: 100% !important;
        text-align: left !important;
        bottom: 0px !important;
    }

    .Section-block .right-links {
        right: 25px !important;
    }

    #banner .owl-dots .owl-dot {
        width: 10px !important;
        display: inline-block !important;
        padding-top: 10px !important;
        padding: 12px 10px !important;
        height: 10px !important;
    }
}

@media (max-width: 767px) {
    #banner .owl-dots {
        width: 86% !important;
    }

    .Banner-block .owl-dots {
        margin-left: auto;
        bottom: 20px !important;
        padding-right: 0 !important;
        left: auto;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        text-align: right !important;
    }

    .Banner-block .banner-image img {
        width: auto;
        height: 197px;
        float: right;
    }
}

@media (max-width: 991px) {
    .carousel .owl-dots {
        padding-bottom: 10px;
        position: relative;
        text-align: center;
        bottom: 0px !important;
        transform: none;
        left: auto;
    }

    #banner .owl-dot:after {
        width: 10px !important;
        margin-left: -12px !important;
    }
}

@media (max-width: 991px) {
    .carousel .owl-dots .owl-dot:after {
        content: '';
        top: 12px !important;
        background: #02184d none;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        left: 85% !important;
    }

    .carousel.pause .bannerplaypause-button,
    .carousel.play .bannerplaypause-button,
    .carousel.pause .playpause-button,
    .carousel.play .playpause-button {
        position: inherit !important;
        width: 25px !important;
        height: 25px !important;
        top: 10px;
    }

    .carousel.pause .bannerplaypause-button,
    .carousel.play .bannerplaypause-button {
        position: relative !important;
    }

    .carousel.pause .playpause-button,
    .carousel.play .playpause-button {
        margin-left: 5px !important;
    }

    .carousel.pause .playpause-button:after,
    .carousel.play .playpause-button:after {
        top: 12px;
    }
}

@media (max-width: 767px) {
    .carousel.full-width-owl .owl-nav {
        display: none !important;
    }

    .Banner-block .banner-content {
        height: 197px !important;
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    .Header-navigation-mobil-item a.searchbtn {
        padding-top: 5px !important;
    }

    .Header-navigation-mobil-item a.searchbtn.active {
        padding-top: 8px !important;
    }

    .Section-block-bottom-nav.pull-right {
        position: relative;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
        display: block !important;
    }

    .Section-block-bottom-nav.pull-right.hidden-xs,
    .Section-block-bottom-nav.pull-right.hide {
        display: none !important;
    }

    .carousel.full-width-owl .owl-dots {
        padding-bottom: 0px !important;
    }

    .carousel .owl-dots .owl-dot:after {
        left: 0% !important;
    }

    #banner.carousel .owl-dots .owl-dot:after {
        left: 85% !important;
    }
}

.Header-navigation-main-submenu .menu-col-1 .Header-navigation-main-submenu-item {
    width: 237px;
}

.Header-navigation-main-submenu-header .menu-col-1 h3 {
    position: relative;
    padding-right: 25px;
    margin-left: 0px;
    width: 100%;
}

.Header-navigation-main-submenu-header .menu-col-1:first-child h3:before {
    display: none;
}

.Header-navigation-main-submenu-header .menu-col-1:last-child h3 {
    padding-right: 0px;
}

.Header-navigation-main-submenu-header .menu-col-1 {
    padding-bottom: 0px;
}

.Header-navigation-main-submenu-container {
    margin-right: 30px;
    overflow: hidden;
}

.Header-navigation-main-submenu-container .menu-col-1 {
    display: block
}

.Header-navigation-main-item .menu-3-col-1 {
    padding-left: 25px;
    border-left: 1px solid #e1c5d6;
    padding-right: 25px !important;
}

.Header-navigation-main-item .menu-3-col-1:last-child {
    padding-right: 0px !important;
}

.Header-navigation-main-item .menu-3-col-1:first-child {
    padding-left: 0px;
    border-left: 0px solid red;
}

.section-4 .carousel-image {
    float: right;
}

.section-4 .carousel-text {
    float: right;
    margin-left: 0 !important;
    margin-right: 8.33333333%;
}

.footer-bottom-social {
    position: relative;
    text-align: right;
}

.footer-bottom-social-item {
    line-height: 48px;
    width: 32px;
    height: 32px;
    display: inline-block;
    float: none;
    text-align: center;
    text-decoration: none !important;
    position: relative;
}

.footer-bottom-social-item img {
    float: left;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: opacity 1s ease;
    box-sizing: border-box;
    padding: 5px;
}

.footer-bottom-social-item img.hover {
    opacity: 0;
}

.footer-bottom-social-item:hover img.normal {
    opacity: 0;
}

.footer-bottom-social-item:hover img.hover {
    opacity: 1;
}

.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:1840px) {
    .footer-bottom-social-item {
        width: 34px;
    }

    a.banner-text-button {
        left: 40px;
    }
}

@media(max-width: 991px) {
    .cost-tables {
        overflow: auto;
        width: 100%;
    }

    .footer-bottom-social-item {
        display: inline-block;
        float: none;
    }
}

@media(max-width: 991px) {
    .footer-bottom-social {
        text-align: center;
    }
}

#ob_menu {
    background: rgb(184, 186, 192);
}

#ob_menu .Mobile-menu-item > a:after {}

@media (max-width: 991px) and (min-width: 768px) {
    .Banner-block .text_type_2 {
        font-size: 3.2rem !important;
        line-height: 4.8rem !important;
    }

    #banner .owl-dots,
    .carousel .owl-dots {
        text-align: left !important;
        bottom: 15px !important;
    }

    #banner .all-campaign {
        margin-left: 0px !important;
    }

    .Section-block .right-links {
        right: auto !important;
        margin-left: 0 !important;
    }

    .section-2 .carousel-text {
        width: 41.666666667% !important;
    }
}

.Banner-block .banner-text-title {
    text-align: right !important;
    direction: rtl;
    letter-spacing: -1px;
}

.footer-bottom-nav-item {
    font-size: 14px;
}

.Header-content {
    text-align: left;
}

.Header-navigation-main-submenu {
    text-align: right;
}

.Header-navigation-main-submenu-item {
    padding-left: 0px !important;
    padding-right: 23px !important;
}

.Header-navigation-main-submenu-tbl:before,
.Header-navigation-main-submenu-tbl:after {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -8px !important;
}

.Header-navigation-main-submenu-tbl:before,
.Header-navigation-main-submenu-tbl:after,
.Banner-block .banner-text-button:before,
.Banner-block .banner-text-button:after,
.Mobile-menu-item-sub-item > a:before,
.Mobile-menu-item-sub-item > a:after {
    margin-top: 0px;
    left: auto !important;
    right: 0px !important;
}

.Banner-block .banner-text-button:before,
.Banner-block .banner-text-button:after {
    margin-top: 0px !important;
    left: 0px !important;
    right: auto !important;
}

.Banner-block .banner-text-button {
    padding-left: 0px !important;
    padding-left: 35px !important;
}

.Mobile-menu-item-sub-item > a:before,
.Mobile-menu-item-sub-item > a:after {
    margin-top: 0px !important;
}

.Mobile-menu-item-sub-item a,
.Mobile-menu-item-sub-item a {
    padding-left: 0px !important;
    padding-right: 19px !important;
}

.footer-nav .footer-nav-column {
    float: right;
}

.footer-nav .footer-nav-half a {
    text-align: right;
    letter-spacing: -0.04rem;
}

.owl-dots {
    text-align: left !important;
}

.nav-tabs > li {
    float: right;
}

.section-2 .carousel-text {
    float: right;
    margin-right: 8.33333333% !important;
    margin-left: 0% !important;
}

.button {
    float: right;
}

.right-links a {
    display: inline-block;
    margin-left: 15px !important;
    margin-right: 0px !important;
}

.Mobile-menu-item > a:after,
.Mobile-menu-item.active > a:after {
    right: auto !important;
    left: 15px !important;
}

.Mobile-menu-item-sub-item > a:before,
.Mobile-menu-item-sub-item > a:after {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.Mobile-Search-container .friendly-links ul li a {
    padding-right: 0px;
}

.Mobile-Search-container .friendly-links ul li a:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    display: inline-block;
    padding-left: 5px;
}

.footer-nav-half a i {
    right: auto;
    left: 0;
}

#reference-center figure.carousel-image.animated.col-sm-6.col-md-5,
#reference-center2 figure.carousel-image.animated.col-sm-6.col-md-5,
#reference-center3 figure.carousel-image.animated.col-sm-6.col-md-5 {
    margin-top: 30px;
    float: right;
}

.Banner-block .banner-text {
    text-align: left;
}

.carousel.pause .playpause-button:after,
.carousel.pause .playpause-button:before,
.carousel.play .playpause-button:after,
.carousel.play .playpause-button:before,
.carousel.play .bannerplaypause-button:after,
.carousel.pause .bannerplaypause-button:after,
.carousel.play .bannerplaypause-button:before,
.carousel.pause .bannerplaypause-button:before {
    display: none !important;
}

.carousel.pause .bannerplaypause-button,
.carousel.play .bannerplaypause-button,
.carousel.pause .playpause-button,
.carousel.play .playpause-button {
    border: none !important;
}

.carousel.play .playpause-button {
    background: url(icons/pause_w.png);
    background-size: contain;
    opacity: 0.3;
    transition: opacity 0.5s ease;
    transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
}

.carousel.pause .playpause-button {
    background: url(icons/play_w.png);
    background-size: contain;
    0.3;
    transition: opacity 0.5s ease;
    transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
}

.carousel.play .playpause-button:hover,
.carousel.pause .playpause-button:hover {
    opacity: 1;
}

#big-dreams.pause .playpause-button,
.carousel.pause .bannerplaypause-button {
    background: url(icons/play_b.png) !important;
    background-size: contain !important;
    transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    opacity: 1;
}

#big-dreams.play .playpause-button,
.carousel.play .bannerplaypause-button {
    background: url(icons/pause_b.png) !important;
    background-size: contain !important;
    transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    opacity: 1;
}

.playpause-button {
    background-position 50% 50%;
    background-repeat: no-repeat;
}

@media(max-width: 991px) {
    .footer-nav-half a i {
        left: 20px;
    }

    .Banner-block .banner-text-button:before,
    .Banner-block .banner-text-button:after {}

    .Banner-block .banner-text-button {
        padding-left: 25px !important;
        padding-right: 0px !important;
    }

    #reference-center figure.carousel-image.animated.col-sm-6.col-md-5 {
        margin-top: 0px;
    }
}

@media(min-width:768px) {
    .Header-navigation-main-submenu-image {
        float: left !important;
        margin-right: 0px !important;
        margin-left: -20px !important;
    }

    .Header-navigation-main-submenu .menu-col-2 {
        float: right !important;
        margin-right: 30px !important;
    }
}

.Mobile-menu,
.ob_menu,
.Mobile-Search-container {
    position: fixed !important;
}

.internet-banking-switch .label {
    font-size: 90% !important;
}

@media(max-width:767px) {

    /*Align image top Fix */
    #reference-center figure.carousel-image.animated.col-sm-6.col-md-5 {
        margin-top: 0px;
    }

    .Banner-block .bannerplaypause-button {
        margin-left: 0px !important;
        top: 12px !important;
    }

    #banner .owl-dots {
        padding-left: 15px !important;
        width: 100% !important;
        margin: 0px !important;
    }

    .section-2 .carousel-text {
        float: right;
        margin-left: 8.33333333% !important;
        margin-right: 0% !important;
    }

    .footer-nav-column a {
        float: right;
        width: 50%;
    }
}

.footer-nav-column i img {
    max-width: 36px;
}

/*iPad Specific*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {}

/*iPad Portrait Specific*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .section-2 .carousel .owl-dots {
        padding-left: 10px;
        bottom: -15px !important;
    }

    .Section-block .right-links {
        margin-left: 40px !important;
        margin-top: -5px;
    }

    .Section-block .right-links a {
        margin-left: 0px !important;
        top: -5px !important;
    }

    .carousel.pause .playpause-button,
    .carousel.play .playpause-button {
        margin-right: -10px !important;
    }

    .Section-block .right-links {
        margin-right: 25px !important;
    }

    .section-4 .carousel-text {
        margin-right: 0px;
        padding-right: 8.333333%;
    }

    .section-4 .Section-block-bottom-nav {
        display: none !important;
    }
}

/* IE Specific */
.ib_login label {
    line-height: 14px !important;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    #banner .bannerplaypause-button {
        top: -2px !important;
    }

    #banner .all-campaign {
        top: -10px !important;
    }

    /*Font Fix*/
    b,
    strong,
    .section-3 .title,
    .Banner-block .banner-text-title,
    .Banner-block .text_type_2,
    .ib_login label,
    .ib_login h5,
    .Header-navigation-main-item > a,
    .Banner-block .banner-text-button,
    .section-2 .carousel-text-title,
    .section-4 .carousel-text-title,
    .section-2 .carousel-text-title,
    .section-3 .carousel-text-title,
    .section-4 .carousel-text-title,
    .footer-nav .footer-nav-half a {
        font-family: 'Cairo' !important;
    }
}

/* Edge Specific*/
@supports (-ms-ime-align: auto) {
    #banner .bannerplaypause-button {
        top: -2px !important;
    }

    #banner .all-campaign {
        top: -10px !important;
    }
}

/* Safari Specific */
@media not all and (min-resolution:.001dpcm) {
    @media {
        .carousel .playpause-button {
            top: 12px !important;
        }

        .Section-block .right-links {
            top: 8px !important;
        }

        .section-2 .right-links {
            top: 4px !important;
        }
    }
}

/* FireFox Specific */
@-moz-document url-prefix() {

    .carousel .playpause-button {
        top: 12px !important;
    }

    .Section-block .right-links {
        top: 8px !important;
    }

    .section-2 .right-links {
        top: 4px !important;
    }
}

@media screen and (min--moz-device-pixel-ratio:0) {
    .carousel .playpause-button {
        top: 12px !important;
    }

    .Section-block .right-links {
        top: 8px !important;
    }

    .section-2 .right-links {
        top: 4px !important;
    }
}

.internet-banking-switch .label {
    font-size: 90% !important;
}

.Head.menuopen {
    position: fixed !important;
}

.wrap-content {
    transition: opacity 1s ease;
    opacity: 1;
    height: 100%;
    transition: height 0.5s ease;
}

.content {
    transition: opacity 0.1s ease;
}

.set_overflow {
    height: auto;
    overflow: hidden;
}

.set_overflow #ContentSection {
    opacity: 0;
}

.footer-nav-column i img {
    max-width: 36px;
}

#ob_menu .Mobile-menu-item > a::after {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

#ob_menu .Mobile-menu-item.active > a::after {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.page-landing-item .page-subpage-content h3 {
    margin-top: 0px !important;
}

.read_more_with_arrow {
    color: #870052 !important;
    text-decoration: none !important;
    position: relative;
    display: inline;
}

.read_more_with_arrow i {
    top: 0px;
    position: relative;
    zoom: 70%;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    display: inline-block;
}

.page-landing-item ul li:after {
    display: none !important;
}

.page-landing-item ul li .icon-Hemen_Basvur_ok-right {
    position: absolute;
    z-index: 10;
    left: 10px;
    top: 50%;
    font-size: 2.2rem;
    -moz-transform: rotate(-180deg) translateY(50%);
    -webkit-transform: rotate(-180deg) translateY(50%);
    -o-transform: rotate(-180deg) translateY(50%);
    -ms-transform: rotate(-180deg) translateY(50%);
    transform: rotate(-180deg) translateY(50%);
}

.page-landing-item ul li:before {}

.page-landing-item ul li .icon-Hemen_Basvur_ok-right .path1:before {
    color: #870052;
    opacity: 1;
}

.page-landing-item ul li .icon-Hemen_Basvur_ok-right .path2:before {
    color: #870052;
}

.page-landing-item ul li:hover .path1:before,
.page-landing-item ul li:hover .path2:before {
    color: #FFF;
}

.page-landing-item .two-column li {
    width: 50% !important;
    float: right;
    letter-spacing: -0.04rem;
}

.page-landing-item .two-column li:nth-last-child(2):before {
    display: none;
}

.breadcrumb .itemListElement .breadcrumb-item:after {
    left: -14px;
    top: 5px;
    right: auto;
    padding-left: 0px;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.breadcrumb .itemListElement .breadcrumb-item {
    font-family: inherit;
}

.fl_w_seperator {
    display: block;
    width: 100%;
    float: left;
    height: 1px;
    background: #CCC;
}

.view_all_right_aligned {
    float: left;
    width: 100%;
    padding: 20px 30px;
    text-align: right;
}

.view_all_right_aligned a {
    color: #870052;
    font-weight: bold;
}

.view_all_left_aligned {
    float: left;
    width: 100%;
    padding: 20px 30px;
    text-align: left;
}

.view_all_left_aligned a {
    color: #870052;
    font-weight: bold;
}

.Header .QnbNetwork-column-note {
    direction: rtl;
}

.Mobile-Search-container .search-form .button {
    float: left;
    -webkit-border-radius: 5px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius: 5px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.Mobile-Search-container .search-form input {
    -webkit-border-radius: 0px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius: 0px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.Header .Search-container-search-button {
    float: left;
    margin-left: -5px;
}

.Header .Search-container i {
    right: 15px;
}

.Header .Search-container input {
    width: 80%;
    text-align: right;
    margin-left: 0px;
    padding-right: 25px;
}

@media(max-width:767px) {
    .footer_quick_contacts {
        padding: 0px;
        width: 100%;
    }

    .footer_quick_contacts a {
        float: left !important;
    }

    .Section-block-nav-item {
        border-bottom: 1px solid rgba(240, 240, 240, .2);
        width: auto;
        display: block;
        text-align: center;
        margin: 0 !important;
        padding: 0;
    }

    .Section-block-nav-item a {
        padding: 0 10px !important;
    }

    .Section-block-nav.nav-tabs {
        display: flex !important;
        align-items: stretch;
        /* Default */
        justify-content: space-between;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .Section-block-nav-item {
        display: block;
        flex: 0 0 auto;
        /* Default */
        list-style-type: none;
    }

}

.popOtherClose {
    margin: 0px 0px 0px 10px !important;
}

.modal .close {
    right: auto;
    left: 15px;
}

.menu-col-1.menu-col-2-1 {
    width: 50%;
}

.menu-col-1.menu-col-2-1 .Header-navigation-main-submenu-tbl {
    width: 100%;
}

.menu-col-1.menu-col-2-1 a {
    width: 355px !important;
}

.internet-banking-switch .label {
    font-size: 90% !important;
}

input[type="text"],
input[type="password"] {
    text-align: right;
    direction: rtl;
}

.Header-navigation-main .list-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.Header-navigation-main .list-nav li.Header-navigation-main-item:nth-child(1) {
    order: 3;
}

.Header-navigation-main .list-nav li.Header-navigation-main-item:nth-child(2) {
    order: 2;
}

.Header-navigation-main .list-nav li.Header-navigation-main-item:nth-child(3) {
    order: 1;
}

.Header-navigation-main .list-nav li.Header-navigation-main-item:nth-child(4) {
    order: 4;
}

.Header-navigation-main .list-nav li.Header-navigation-main-item:nth-child(5) {
    order: 5;
}

html.qnbfs .Header-navigation-main .list-nav li.Header-navigation-main-item:nth-child(1) {
    order: 4;
}

html.qnbfs .Header-navigation-main .list-nav li.Header-navigation-main-item:nth-child(2) {
    order: 3;
}

html.qnbfs .Header-navigation-main .list-nav li.Header-navigation-main-item:nth-child(3) {
    order: 2;
}

html.qnbfs .Header-navigation-main .list-nav li.Header-navigation-main-item:nth-child(4) {
    order: 1;
}

html.qnbfs .Header-navigation-main .list-nav li.Header-navigation-main-item:nth-child(5) {
    order: 5;
}

html.qnbfs .Header-navigation-main .list-nav li.Header-navigation-main-item:nth-child(6) {
    order: 6;
}

.Header-navigation-top ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.Header-navigation-top ul .Header-navigation-top-item:nth-child(1) {
    order: 5;
}

.Header-navigation-top ul .Header-navigation-top-item:nth-child(2) {
    order: 4;
}

.Header-navigation-top ul .Header-navigation-top-item:nth-child(3) {
    order: 3;
}

.Header-navigation-top ul .Header-navigation-top-item:nth-child(4) {
    order: 2;
}

.Header-navigation-top ul .Header-navigation-top-item:nth-child(5) {
    order: 1;
}

@media (max-width: 3000px) and (min-width: 992px) {
    .table_popup_banner .banner-text-button {
        top: 0px;
        transition: left 0.2s ease, top 0.2s ease;
    }

    .table_popup_banner.active .banner-text-button:not(.active) {
        left: 0px;
        top: -20px;
    }
}

.redirectconfirm-modal .modal-header,
.redirectconfirm-modal .modal-footer {
    border: none !important;
}

.redirectconfirm-modal .modal-body,
.redirectconfirm-modal h2 {
    padding-top: 0px;
    margin-top: 0px;
}

.redirectconfirm-modal .modal-footer {
    padding: 15px 30px;
}

.inside-pages-content {
    text-align: right;
    direction: rtl;
}

.lang-item,
.internet-banking-switch {
    direction: rtl;
}

.Header-navigation-top-item .lang-item i {
    margin-left: 0px;
    margin-right: 7px;
}

.page-subpage-container .col-md-1,
.page-subpage-container .col-md-2,
.page-subpage-container .col-md-3,
.page-subpage-container .col-md-4,
.page-subpage-container .col-md-5,
.page-subpage-container .col-md-6,
.page-subpage-container .col-md-7,
.page-subpage-container .col-md-8,
.page-subpage-container .col-md-9,
.page-subpage-container .col-md-10,
.page-subpage-container .col-md-11,
.page-subpage-container .col-md-12 {
    float: right;
}

.page-subpage-content {
    direction: rtl;
    text-align: right;
}

/* Careers Page Specific */
.accordion-header {
    font-weight: bold;
    display: block;
    margin: 40px 0px 0px 0px;
    border-bottom: 2px solid #870052;
    padding: 30px 0px;
    direction: rtl;
}

.accordion-header .col-md-2,
.accordion-header .col-md-4,
.accordion-header .col-md-6 {
    padding: 0px;
    letter-spacing: -0.04rem;
}

.accordion-title {}

.accordion-title .col-md-2,
.accordion-title .col-md-4,
.accordion-title .col-md-6 {
    padding: 0px;
    direction: rtl;
    text-align: right;
    letter-spacing: -0.04rem;
}

.acc-single h2 {
    padding: 0px !important;
    margin: 0px !important;
}

.pagination {
    display: block;
    text-align: right;
    color: #1d2552;
}

.pagination ul {
    padding: 0px;
    margin: 0px;
    display: inline-block;
}

.pagination ul li {
    display: inline-block;
}

.pagination ul li a {
    font-weight: bold;
    padding: 0 5px;
    display: inline-block;
    text-align: center;
    color: #1d2552;
}

.pagination ul li.current a {
    color: #870052;
}

@media (max-width: 991px) {

    .accordion-header .col-md-2,
    .accordion-title .col-md-2 {
        width: 33.33333333333333% !important;
        float: left;
    }

    .accordion-header .col-md-4,
    .accordion-title .col-md-4 {
        width: 33.33333333333333% !important;
        float: left;
    }

    .accordion-header .col-md-6,
    .accordion-title .col-md-6 {
        width: 33.33333333333333% !important;
        float: left;
    }

    .acc > h2 button,
    .acc > h3 button {
        line-height: normal;
    }

    .accordion-header {
        padding-left: 20px
    }

    .Head.menuopen {
        width: 100%;
    }

    .page-end-question .pagination {
        margin-top: 0px !important;
    }

    .acc-content ul li {
        padding-right: 15px;
    }
}

@media (max-width: 991px) {

    .form-group,
    .input-group {
        margin-bottom: 10px;
        display: inline-block;
        width: 100%;
    }

    .calculate.bigbox .col-sm-4,
    .calculate.bigbox .col-md-6,
    .calculate.bigbox .col-md-12 {
        width: 100%;
    }

    .page-subpage-container .col-md-3 {
        width: 100%;
    }
}

.calculate.bigbox .col-sm-4,
.calculate.bigbox .col-md-6 {
    float: right;
}

.forms_page {
    direction: ltr !important;
}

.forms_page p,
.forms_page span,
.forms_page table {
    direction: rtl !important;
}

.acc-content p,
.acc-content table,
.acc-content span,
table,
th,
td,
tr,
p {
    direction: rtl !important;
    text-align: right !important;
}

.search_form_big {
    background: #EEE;
}

.search_form_big .col-md-12 {
    background: #EEE;
    position: relative;
}

.search_form_big .button {
    width: auto !important;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-border-radius: 0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius: 0px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-radius: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.search_results .breadcrumb {
    direction: rtl;
}

.search_results .breadcrumb span {
    border-bottom: 1px solid #999;
    color: #999;
}

.search_results .breadcrumb .itemListElement .breadcrumb-item:after {
    color: #999;
}

.search_results .breadcrumb .itemListElement {
    margin-right: 0px;
    margin-left: 17px;
}

.acc-content .col-sm-2 {
    float: right;
}

.table.table-doc tbody tr td.icon a {
    text-align: left !important;
}

.table.table-doc tbody tr td a {
    text-align: right !important;
}

#c_pagination .pagination {
    text-align: center !important;
}

#c_pagination .pagination a {
    padding: 10px 15px;
}

#c_pagination .pagination .current a {
    color: #FFF;
    background: #870052;
}

#c_pagination .pagination li {
    padding: 0px !important;
}

#c_pagination .pagination li:first-child a {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#c_pagination .pagination li:last-child a {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

@media (max-width: 767px) {

    /* .awards .col-sm-2{ text-align:right; float:none;} */
    .awards .col-sm-2 img {
        display: inline-block !important;
    }

    .similar-content-box {
        width: 100%;
    }

    .icon-PDF {
        font-size: 24px !important;
    }

    .page-subpage-container .col-md-9 {
        width: 100%;
    }

    .acc-content .col-sm-4,
    .acc-content .col-sm-6,
    .acc-content .col-md-12 {
        width: 100%;
    }

    .search_form_big .button {
        font-size: 14px;
    }

    .col-md-12 {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .icon-PDF {
        font-size: 26px !important;
    }

    .page-subpage-container .col-md-9 {
        width: 100%;
    }

    .single-career-list .col-md-2,
    .single-career-list .col-md-4,
    .single-career-list .col-md-6,
    .accordion-header .col-md-2,
    .accordion-header .col-md-4,
    .accordion-header .col-md-6 {
        float: right;
    }

    .careers_page .pagination {
        text-align: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .search_form_big .button {
        left: 15px;
    }

    .tab-pane .col-md-4 {
        width: 100%;
    }

    .page-landing-item {
        height: auto !important;
    }

    .page-landing-col {
        float: right !important;
    }
}

#iban_generated {
    display: none;
    border-radius: 5px;
    color: #272a2a;
}

.sitemap_single {
    padding: 15px !important;
}

.acc-content .col-sm-4 {
    float: right !important;
}

@media (min-width: 992px) {
    .search_form_big .button {
        left: 15px;
    }

    .col-md-offset-8 {
        margin-right: 66.66666667%;
        margin-left: 0px;
    }

    .atm-branch .map-custom-select {
        border-radius: 0px;
    }

    .Header-navigation-main {
        position: relative;
    }

    .Header-navigation-main-submenu {
        left: auto;
        right: 0px;
    }
}

.result_of_calculators {
    display: none;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    border: 1px solid #CCC;
    padding: 10px 20px;
    display: inline-block;
    color: #870052;
    background: #FFF;
    font-weight: normal;
    cursor: pointer;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    transition: background .5s ease;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: #EEE;
    color: #870052;
}

.required {
    position: relative;
}

.required:after {
    display: inline-block;
    content: "*";
    color: red;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
}

.sitemap_single {
    padding: 15px !important;
}

.page-landing-item.ignore-height {
    height: inherit !important;
}

@media (max-width: 1024px) {
    .form-group {
        margin: 0px 0px 10px 0px;
    }

    .form-group label.col-md-6,
    .form-group .col-md-6 {
        padding: 0px !important;
        width: 100%;
    }

    .required:after {
        left: -10px;
        font-weight: normal;
    }

    input[type="checkbox"] + label:before,
    input[type="checkbox"] + label:after {
        top: -17px;
        left: 0;
        right: auto;
    }
}

@media (max-width: 767px) {
    #recaptcha_element {
        transform: scale(0.94) !important;
        -webkit-transform: scale(0.94) !important;
        float: right;
        width: 100% !important;
        right: 10px !important;
        position: relative;
    }

    #recaptcha_element div {
        float: right;
        width: 100% !important;
        direction: ltr;
    }

    #recaptcha_elementss iframe,
    #recaptcha_elementss iframe * {
        float: right;
        width: 100% !important;
        box-sizing: border-box;
    }

    #recaptcha_elementss iframe .rc-anchor-normal {
        box-sizing: border-box;
        float: right;
        width: 100% !important;
    }
}

.page-landing-item-title i,
.page-landing-item ul li .icon-Hemen_Basvur_ok-right {
    direction: ltr !important;
}

.datepicker * {
    text-align: center !important;
    direction: ltr !important;
}

.datepicker .next:before,
.datepicker .prev:before {
    display: none;
}

.datepicker .next,
.datepicker .prev {
    background: #870052;
    color: #FFF;
}

.datepicker .next:hover,
.datepicker .prev:hover {
    background: #870052;
    color: #CCC;
}

.media-download-item {
    padding: 0px !important;
    position: relative;
}

.media-download-item .icon {
    position: absolute;
    left: 15px;
    bottom: 70px;
    width: 24px;
}

.download-item-meta {
    display: block;
    width: 100%;
    padding: 15px;
    float: left;
}

.download-item-meta .download-list-item-title {}

.download-item-meta .pull-left {
    float: right !important;
}

.download-item-meta .pull-right {
    float: left !important;
}

.download-item-meta .download-button {
    background: #c2b5ac;
    color: #FFF;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
}

.download-item-meta .download-button:hover {
    background: #870052;
}

.download-button .icon-Combobox_Ok {
    position: relative;
    top: 5px;
    float: left;
    margin-right: 5px;
}

.newsroom_listing li:before {
    display: none !important;
}

.newsroom_listing li .date {
    color: #000f33;
}

.datepicker .next:before,
.datepicker .prev:before {
    display: none;
}

.datepicker .next,
.datepicker .prev {
    background: #870052;
    color: #FFF;
}

.datepicker .next:hover,
.datepicker .prev:hover {
    background: #870052;
    color: #CCC;
}

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

/*Global */
.page-subpage-container .Header .QnbNetwork-container {
    opacity: 1 !important;
    position: static !important;
    visibility: visible !important;
    display: block !important;
}

.tel-fax {
    direction: ltr;
    text-align: right;
}

/*Newsletter*/
.newsletter_featured {
    position: relative;
}

.newsletter_featured .sub-banner-text {
    min-height: auto !important;
}

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

/*Start First */
html.first .Header-navigation-main-item > a {
    color: #4f5858;
}

html.first .Header-navigation-main .button-full,
html.first .Header-navigation-main .button,
html.first .Homepage-calculate .button {
    background: #555555 !important;
}

html.first .Header-navigation-main {
    border-top: 1px solid #555555 !important;
}

html.first .Header-navigation-main-item > a.button:hover,
html.first .internet-banking-switch-list,
html.first .Banner-block .button-text-purple::before {
    background: #333 !important;
}

html.first .Banner-block .button-text-purple {
    color: #666;
    border-bottom: 2px solid rgba(97, 91, 91, 0.5);
}

html.first .Banner-block .button-text-purple,
html.first h5 {
    color: #666 !important;
}

html.first .Banner-block .Homepage-calculate-list-button:hover {
    -webkit-box-shadow: 0 4px 11px 0 rgba(97, 91, 91, .5);
    -moz-box-shadow: 0 4px 11px 0 rgba(97, 91, 91, .5);
    box-shadow: 0 4px 11px 0 rgba(97, 91, 91, .5);
}

html.first .Banner-block .Homepage-calculate-list-button:hover:before {
    background: #333 !important;
}

html.first .Banner-block .text_type_2 {
    color: #870052 !important;
}

html.first .Banner-block .banner-text-title {
    color: #870052;
}

html.first .Banner-block .banner-text-button,
html.first .Banner-block .banner-text-button:hover {
    color: #333;
}

html.first .Banner-block .banner-text-button::after {
    color: #870052 !important;
}

html.first .Banner-block .banner-text-button::before {
    color: #870052 !important;
}

html.first .carousel .owl-dots .owl-dot::after {
    color: #666;
}

html.first .carousel .owl-dots .owl-dot.active::after {
    color: #333;
}

html.first .section-2 {
    background-color: #b6b8b9;
    background-image: url(first2.png), -webkit-gradient(linear, left top, right top, from(#b6b8b9), to(#474747));
    background-image: url(first2.png), -webkit-linear-gradient(left, #b6b8b9 10%, #474747 55%);
    background-image: url(first2.png), -moz-linear-gradient(left, #b6b8b9 10%, #474747 55%);
    background-image: url(first2.png), -ms-linear-gradient(left, #b6b8b9 10%, #474747 55%);
    background-image: url(first2.png), -o-linear-gradient(left, #b6b8b9 10%, #474747 55%);
    background-image: url(first2.png), linear-gradient(left, #b6b8b9 10%, #474747 55%);
    background-repeat: no-repeat;
    background-position: calc(50% + 436px) top;
}

html.first .section-2 .carousel .owl-dots .owl-dot::after,
html.first .section-4 .carousel .owl-dots .owl-dot::after {
    color: #FFF;
}

html.first .section-2 .carousel .owl-dots .owl-dot.active::after,
html.first .section-4 .carousel .owl-dots .owl-dot.active::after {
    color: #EEE;
}

html.first .section-4--x {
    background: rgb(75, 9, 6);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNGIwOTA2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjOGYwMjIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhiMDk0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, rgba(75, 9, 6, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(139, 9, 77, 1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(75, 9, 6, 1)), color-stop(44%, rgba(143, 2, 34, 1)), color-stop(100%, rgba(139, 9, 77, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(75, 9, 6, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(139, 9, 77, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(75, 9, 6, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(139, 9, 77, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(75, 9, 6, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(139, 9, 77, 1) 100%);
    background: linear-gradient(135deg, rgba(75, 9, 6, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(139, 9, 77, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b0906', endColorstr='#8b094d', GradientType=1);
}

html.first .overlay {
    background: rgba(35, 31, 32, 0.9);
}

/* End First */
/*Start Private*/

html.private .Header-navigation-main .button-full,
html.private .Header-navigation-main .button,
html.private .Homepage-calculate .button {
    background: #000000 !important;
}

html.private .Header-navigation-main {
    border-top: 1px solid #333333 !important;
}

html.private .Header-navigation-main-item > a.button:hover,
html.private .internet-banking-switch-list,
html.private .Banner-block .button-text-purple::before {
    background: #333333 !important;
}

html.private .Banner-block .button-text-purple {
    color: #333333;
    border-bottom: 2px solid rgba(97, 91, 91, 0.5);
}

html.private .Banner-block .button-text-purple,
html.private h5 {
    color: #333333 !important;
}

html.private .Banner-block .Homepage-calculate-list-button:hover {
    -webkit-box-shadow: 0 4px 11px 0 rgba(97, 91, 91, .5);
    -moz-box-shadow: 0 4px 11px 0 rgba(97, 91, 91, .5);
    box-shadow: 0 4px 11px 0 rgba(97, 91, 91, .5);
}

html.private .Banner-block .Homepage-calculate-list-button:hover:before {
    background: #333 !important;
}

html.private .Banner-block .text_type_2 {
    color: #870052 !important;
}

html.private .Banner-block .banner-text-title {
    color: #870052;
}

html.private .Banner-block .banner-text-button,
html.private .Banner-block .banner-text-button:hover {
    color: #333;
}

html.private .Banner-block .banner-text-button::after {
    color: #333 !important;
}

html.private .Banner-block .banner-text-button::before {
    color: #222 !important;
}

html.private .carousel .owl-dots .owl-dot::after {
    color: #666;
}

html.private .carousel .owl-dots .owl-dot.active::after {
    color: #333;
}

html.private .section-2 {
    background-color: #000000;
    background-image: url(private_bg.png);
    /*background-image: url(private_bg.png),-webkit-linear-gradient(left, #575b59 20%,#171513 55%);*/
    /*
background-image: url(private-2.png),-webkit-gradient(linear,left top,right top,from(#000000),to(#111111));background-image: url(private-2.png),-webkit-linear-gradient(left,#000000 10%,#111111 55%); background-image: url(private-2.png),-moz-linear-gradient(left,#000000 10%,#111111 55%);
background-image: url(private-2.png),-ms-linear-gradient(left,#000000 10%,#111111 55%);background-image:url(private-2.png),-o-linear-gradient(left,#000000 10%,#111111 55%); background-image: url(private-2.png),linear-gradient(left,#000000 10%,#111111 55%); background-repeat: no-repeat; background-position: calc(50% + 436px) top;
*/
}

html.private .section-2 .carousel .owl-dots .owl-dot::after,
html.private .section-4 .carousel .owl-dots .owl-dot::after {
    color: #FFF;
}

html.private .section-2 .carousel .owl-dots .owl-dot.active::after,
html.private .section-4 .carousel .owl-dots .owl-dot.active::after {
    color: #EEE;
}

html.private .section-4-xx {
    background: rgb(75, 9, 6);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNGIwOTA2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjOGYwMjIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhiMDk0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, rgba(75, 9, 6, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(139, 9, 77, 1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(75, 9, 6, 1)), color-stop(44%, rgba(143, 2, 34, 1)), color-stop(100%, rgba(139, 9, 77, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(75, 9, 6, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(139, 9, 77, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(75, 9, 6, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(139, 9, 77, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(75, 9, 6, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(139, 9, 77, 1) 100%);
    background: linear-gradient(135deg, rgba(75, 9, 6, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(139, 9, 77, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b0906', endColorstr='#8b094d', GradientType=1);
}

html.private .overlay {
    background: rgba(0, 0, 0, 0.9);
}

html.private .belt-image {
    background: url(header_belt_grey.png) right top -2px no-repeat !important;
}

/*End Private */

/*Market Status */
.market-status {
    display: inline-block;
    margin-right: 50px;
}

.market-status.open {
    color: green;
}

.market-status.closed {
    color: red;
}

.text-small {
    font-size: 12px;
}

.market-list {
    direction: rtl;
    text-align: left;
}

.market-list li {
    display: inline-block;
    padding-right: 15px;
}

.market-list li .up .icon-Combobox_Ok {
    color: green;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    display: inline-block;
}

.market-list li .down .icon-Combobox_Ok {
    color: red;
}

.market-list li .unchanged .icon-Combobox_Ok {
    display: inline-block;
}

.market-list li .unchanged .icon-Combobox_Ok.first {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 0px;
}

.market-list li .unchanged .icon-Combobox_Ok.second {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: -5px;
}

.market_data_secondary {
    list-style: none !important;
    padding: 0px;
    margin: 0px;
}

.market_data_secondary li {
    padding-left: 0px !important;
    width: 24%;
    float: left;
    padding-right: 1%;
    margin-right: 1%;
    border-right: 1px solid #EEE;
}

.market_data_secondary li:last-child {
    margin-right: 0%;
    border-right: 0px;
}

.market_data_secondary li:before {
    display: none !important;
}

.market_data_secondary li img {
    float: right;
    width: 15px;
    height: auto;
    margin-left: 10px;
}

.market_data_secondary li span.title {
    display: inline-block;
    position: relative;
    top: -5px;
}

.market_data_secondary li strong {
    display: block;
    width: 100%;
    padding-left: 25px;
    text-align: left;
}

.market_data_secondary li .Market-data-block-item-rate {
    position: absolute;
    left: 0px;
    bottom: 4px;
    padding-left: 0px
}

.market_data_secondary li .Market-data-block-item-rate.down .icon-Combobox_Ok {
    color: red;
}

.market_data_secondary li .Market-data-block-item-rate.up .icon-Combobox_Ok {
    color: green;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    display: inline-block;
}

.market_data_secondary li .Market-data-block-item-rate.unchanged .icon-Combobox_Ok.first {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: -15px
}

.market_data_secondary li .Market-data-block-item-rate.unchanged .icon-Combobox_Ok.second {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    /*margin-left: -4px*/
}

.market_data_secondary li .Market-data-block-item-rate.unchanged .icon-Combobox_Ok {
    display: inline-block
}

#inside_banner .owl-dots {
    transform: translateX(0%) !important;
    left: 10px !important;
}

@media(max-width:767px) {
    .market_data_secondary li {
        width: 100%;
    }

    .market-list {
        margin: 15px 0px;
    }

    .market-list li {
        padding: 0px 0px 0px 15px;
    }

    #inside_banner {
        width: 100%;
        display: block;
        clear: both;
    }

    #inside_banner .owl-dots {
        left: 30px !important;
    }
}

.qnbfs_blue {
    height: auto !important;
    background: #498dce !important;
    padding-top: 10px;
}

.qnbfs_blue .nav-tabs {
    margin-right: -15px !important;
    margin-left: 0px !important;
}

.qnbfs_blue .nav-tabs li {
    padding-right: 0px !important;
    margin-right: 0px !important;
    padding-left: 15px;
}

.qnbfs_blue .nav-tabs li:before {
    display: none !important;
}

.qnbfs_blue .nav-tabs li a {
    color: #FFF !important;
    opacity: 0.5;
    text-decoration: none !important;
    border-bottom: 0px !important;
    font-weight: bold;
}

.qnbfs_blue .nav-tabs li.active a {
    color: #FFF !important;
    opacity: 1;
}

.qnbfs_blue ul.nav-tabs li a {
    text-decoration: none !important;
    border-bottom: 0px solid #FFF;
    font-weight: bold;
}

.qnbs_blue .table * {
    text-align: right !important;
    direction: rtl;
}

.qnbs_blue .table thead tr th:first-child,
.qnbs_blue .table thead tr td:first-child {
    text-align: right !important;
    direction: rtl;
}

.secondary_tab {
    padding-right: 15px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.secondary_tab a {
    font-size: 1.2rem;
}

.secondary_tab li.active a {
    border-bottom: 1px solid #FFF !important;
}

.qnbfs_blue .table-wrap {
    margin-top: 0px !important;
}

/*Newsletter*/
.newsletter_featured {
    position: relative;
}

.newsletter_featured .sub-banner-text {
    min-height: auto !important;
}

/*Global */
.page-subpage-container .Header .QnbNetwork-container {
    opacity: 1 !important;
    position: static !important;
    visibility: visible !important;
    display: block !important;
}

/* Think Business */
.Header-navigation .Header-navigation-top {
    width: 100%;
}

.Header-navigation .Header-navigation-top ul {
    float: right;
}

.br-5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.banner-xs .carousel-item {
    position: relative;
}

.banner-xs .carousel-item .text {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 25px 50px;
}

.banner-xs .carousel-item .text h2 {
    display: block;
    width: 100%;
    padding-bottom: 10px;
    font-size: 1.8rem;
    font-weight: bold;
}

.banner-xs .carousel-item .text p {
    display: block;
    width: 100%;
    padding-bottom: 10px;
    font-size: 1.8rem;
    color: #1d2552;
}

#inside_banner.banner-xs .owl-dots {
    right: 30px !important;
    height: auto !important;
    text-align: right !important;
}

#inside_banner.banner-xs .playpause-button {
    display: none !important;
}

#inside_banner.banner-xs .owl-dot:after {
    left: 0px !important;
}

#inside_banner.banner-xs .owl-stage-outer {
    width: 100%;
}

.height_auto {
    height: auto !important;
}

.no_border_bottom {
    border-bottom: 0px solid #CCC !important;
}

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

.app_icon_sidebar {
    width: 50%;
    padding: 0px;
    margin: 20px 0px 30px 0px;
    float: left;
}

@media(max-width:767px) {
    .page-landing .bg {
        z-index: -1 !important;
    }

    #inside_banner.banner-xs .owl-dots {
        position: static !important;
        margin-left: 0px !important;
        text-align: center !important;
    }

    #inside_banner.banner-xs {
        padding-bottom: 0px !important;
    }

    #inside_banner.banner-xs .owl-dots .owl-dot:after {
        background: #FFF none !important;
        opacity: 0.5;
    }

    #inside_banner.banner-xs .owl-dots .owl-dot.active:after {
        background: #FFF none !important;
        opacity: 1;
    }

    #inside_banner.banner-xs .carousel-item .text {
        padding: 25px 25px;
        width: 100%;
    }

    #inside_banner.banner-xs .carousel-item .text h2,
    #inside_banner.banner-xs .carousel-item .text p {
        font-size: 1.4rem;
    }

    #inside_banner.banner-xs.banner_white_bg {
        margin-top: 20px !important;
    }

    #inside_banner.banner-xs.banner_white_bg .owl-dots .owl-dot:after {
        background: #02184d none !important;
    }

    #inside_banner.banner-xs.banner_white_bg .owl-dots .owl-dot.active:after {
        background: #870052 none !important;
        opacity: 1;
    }

    .banner-xs .carousel-item .text p {
        margin-top: 0px !important;
    }

    .banner-xs .carousel-item .text h2 {
        padding-bottom: 0px !important;
    }
}

@media (max-width: 991px) and (min-width: 768px),
(max-width: 1240px) and (min-width: 992px) {

    #inside_banner.banner-xs .carousel-item .text h2,
    #inside_banner.banner-xs .carousel-item .text p {
        font-size: 1.6rem;
    }
}

#pageh1.market_status {
    direction: rtl;
}

.notifyclose {
    background: url(close.gif);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.notifyclose i {
    opacity: 0 !important;
}

.page-landing .float-left {
    float: left !important;
}

.page-landing .float-right {
    float: right !important;
}

/* Exec Management */
.acc-content.exec-management .col-md-4 img {
    display: inline-block;
}

.acc-content.exec-management p {
    text-align: center !important;
}

.underlined_title {
    color: #000 !important;
    padding: 30px;
    position: relative;
}

.underlined_title:after {
    display: inline-block;
    content: '';
    background: #880052;
    width: 100%;
    height: 3px;
}

@media(max-width:767px) {
    .market-list {
        display: inline;
        text-align: right;
    }

    .market-list li {
        padding-bottom: 10px;
    }

    .page-landing .float-left {
        width: 100%;
    }

    #inside_banner.banner-xs {
        padding-top: 20px;
    }

    #inside_banner.banner-xs img {
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 0px !important;
    }

    .market_data_secondary li {
        margin-bottom: 15px;
    }

    .market_data_secondary li strong {
        text-align: right !important;
    }

    .market_data_secondary li .Market-data-block-item-rate {
        right: auto;
        left: 5px;
    }

    .underlined_title {
        color: #000 !important;
        padding: 30px 15px;
        position: relative;
    }

    .Page404 .search-box .row {
        display: flex;
        flex-direction: column-reverse;
    }
}

.Page404 .text-center,
.Page404 .text-center p,
.Page404 .text-center div {
    text-align: center !important;
}

/* Market Watch */

div.main {
    text-align: center;
    float: left;

}

div.datarow {
    height: 50px;
    padding: 10px;
    color: #999;
    font-family: Arial;
    font-size: 12px;

}

div.excelDataTable {
    text-align: center;
    overflow: auto;


}

div.excelDataTable table {
    border-collapse: collapse;
    text-align: center;
    width: 100%;
}

div.excelDataTable th {
    background-color: #013164;
    height: 30px;
    color: white;
    font-size: 11px;
    border: 1px solid #FFF;
    padding: 5px;
}

div.excelDataTable td {
    padding: 5px;
    border: 1px solid #999;
    border-collapse: separate;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.excelDataTable td.styleCompanyName {
    padding: 5px;
    border: 1px solid #999;
    text-align: left;
    border-collapse: separate;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.StyleUp15 {
    background: url(/cs/QNBUIDesign/QNBWebsite/en/img/Green_Arrow_Small.png) no-repeat 17px center;
    */
    /*background: url(img/Green_Arrow_Small.png) no-repeat   17px center ;*/
    font-size: 0px;

}

.StyleDown15 {
    background: url(/cs/QNBUIDesign/QNBWebsite/en/img/Red_Arrow_Small.png) no-repeat 17px center;
    */
    /*background: url(img/Red_Arrow_Small.png) no-repeat 17px center  ;*/
    font-size: 0px;

}

.StyleUnchanged15 {
    background: url(/cs/QNBUIDesign/QNBWebsite/en/img/Two_Arrow.png) no-repeat 15px center;
    /*background: url(img/Two_Arrow.png) no-repeat 15px center;*/
    font-size: 0px;
}

div.excelDataTable tr.trStyleUp {
    background-color: #fff;
    font-weight: bold;
    color: #2b8e08;
    cursor: pointer;
    direction: ltr;
}

div.excelDataTable tr.trStyleDown {
    background-color: #fff;
    font-weight: bold;
    color: #df1c1c;
    cursor: pointer;
    direction: ltr;
}

div.excelDataTable tr.trStyleUnchanged {
    background-color: #fff;
    color: #000;
    cursor: pointer;
    direction: ltr;
}

div.excelDataTable tr.trOddRowStyleUp {
    background-color: #eae8e8;
    font-weight: bold;
    color: #2b8e08;
    cursor: pointer;
    direction: ltr;
}

div.excelDataTable tr.trOddRowStyleDown {
    background-color: #eae8e8;
    font-weight: bold;
    color: #df1c1c;
    cursor: pointer;
    direction: ltr;
}

div.excelDataTable tr.trOddRowStyleUnchanged {
    background-color: #eae8e8;
    color: #000;
    cursor: pointer;
    direction: ltr;
}

div.excelDataTable tr.trChangeColor {
    /*background-color:#870052;*/
    background-color: #9efdfe;
    cursor: pointer;
    direction: ltr;
}

.StyleHidden {
    display: none;
}

.tdOfferStyle {
    background-color: #f1c4ee;
}

.tdOddOfferStyle {
    background-color: #f9e7f8;
}

.tdBidStyle {
    background-color: #8fb1ec;
}

.tdOddBidStyle {
    background-color: #c4d4f1;
}

/* The Modal (background) */
/*.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 300px; 
    height: 250px; 
    overflow: hidden;
}
.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 10px;
    border: 1px solid #888;
    width: 80%;
    height: 35%;
     font-size:12px;
    font-weight: bold;
	color:#404040;
}
.modal-content a{
    color:#013190;
    text-decoration:none;
     font-size:13px;
    font-weight: bold;    
	text-decoration: underline;
}
.modal-content a:hover{
    color:#870052;
    text-decoration:none;
     font-sixe:11px;
    font-weight: bold;
	text-decoration: underline;
}
.close {
    color: #aaa;
    float: right;
    font-size: 10px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}*/

#marketSymbol {
    /*text-decoration: underline;*/
    font-size: 14px;
    font-weight: BOLD;
}

mark {
    background-color: yellow;
    color: black;
    font-weight: bold;
}

.highlight {
    background-color: yellow;
    color: black;
    font-weight: bold;
}

#marketTable .market_icon i {
    display: inline-block;
}

#marketTable .up .icon-Combobox_Ok {
    color: green;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    display: inline-block;
}

#marketTable .down .icon-Combobox_Ok {
    color: red;
}

#marketTable .unchanged .icon-Combobox_Ok {
    display: inline-block;
}

#marketTable .unchanged .icon-Combobox_Ok.first {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: -2px;
}

#marketTable .unchanged .icon-Combobox_Ok.second {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right: -2px;
}

#marketTable .StyleDown15,
#marketTable .StyleUnchanged15,
#marketTable .StyleUp15 {
    text-align: center !important;
    direction: ltr !important;
}

#marketTable {
    direction: ltr !important;
}

#marketTable tr.pop-active {
    background: #9efdfe;
}

.Market-data-block-item-rate::before {
    font-size: 10px;
}

.market_data_ticker {
    width: 100%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
}

.market_data_secondary {
    display: inline-flex;
}

.market_data_ticker .js-marquee {
    float: left;
}

.market_data_ticker li {
    float: left;
    display: block;
    direction: rtl;
}

@media (max-width: 767px) {
    .required:after {
        right: 5px;
    }

    .atm-branch-list-item-props {
        top: 50px;
    }

    h4.atm-branch-list-item-title.xs-mt-0 {
        margin-bottom: 50px;
    }
}

.icon-ATM_Icon::before {
    display: none !important;
}

.icon-ATM_Icon {
    background: url('_assets/img/pin-blue.png');
    background-size: contain;
    width: 23px;
    height: 32px;
}

.atm-branch-list-item:hover .icon-ATM_Icon {
    background: url('_assets/img/pin-pink.png');
    background-size: contain;
    width: 23px;
    height: 32px;
}

.infowindow-content {
    position: relative;
    background: #fff;
    padding: 15px 15px 0px 15px;
    border-radius: 5px;
    margin-bottom: 5px;
    max-width: 320px;
}

.gm-style-iw {
    position: relative !important;
}

.map_wrapper {
    position: relative;
    display: block;
    width: 100%;
}

#map_content {
    position: absolute;
    width: 320px;
    top: 5px;
    left: 50%;
    ;
    margin-left: -160px;
}

.branchList {
    display: none;
}

.atm-branch-list-item-props span::before {
    display: none;
}

.atm-branch-list-item-props span img {
    width: 60%;
    height: auto;
}

.atm-branch-list-item-props span {
    line-height: 28px;
}

.atm-branch-list-item-props span {
    background-size: 70% !important;
}

.atm-branch-list-item-props .icon-type_1 {
    background: url(map_icons/1.png) no-repeat 50% 50%;
}

.atm-branch-list-item-props .icon-type_1:hover {
    background: url(map_icons/1_1.png)#870052 no-repeat 50% 50%;
}

.atm-branch-list-item-props .icon-type_2 {
    background: url(map_icons/2.png) no-repeat 50% 50%;
}

.atm-branch-list-item-props .icon-type_2:hover {
    background: url(map_icons/2_1.png)#870052 no-repeat 50% 50%;
}

.atm-branch-list-item-props .icon-type_3 {
    background: url(map_icons/3.png) no-repeat 50% 50%;
}

.atm-branch-list-item-props .icon-type_3:hover {
    background: url(map_icons/3_1.png)#870052 no-repeat 50% 50%;
}

#map .gm-style-iw {
    left: auto !important;
    right: 15px !important;
}

.atm-branch-list-item-adres .icon-Tumunu_Goster {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    display: inline-block;
}

.sif_page_table input {
    min-width: 100px;
}

.sif_page_table td {
    vertical-align: middle !important;
}

label,
b,
strong {
    letter-spacing: -0.04rem;
}

.news_ticker {
    display: block;
    margin-top: 15px;
}

.qe_index {
    padding: 0px 30px;
}

.qe_index h1 {
    color: #880052;
    font-size: 3.4rem;
}

.qe_index h1 span {
    color: #1d2552;
    font-size: 1.8rem;
    padding-left: 5px;
}

.qe_index .up {
    color: green;
    padding: 10px 10px 10px 0px;
}

.qe_index .down {
    color: red;
    padding: 10px 10px 10px 0px;
}

.qe_index .up .icon-Combobox_Ok {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    display: inline-block;
}

.qe_index .icon-Combobox_Plus {
    font-weight: 700;
    font-family: inherit !important;
    font-size: 2.4rem;
    display: inline-block;
    position: relative;
    top: 2px;
}

.qe_index .date_time {
    display: block;
    margin: 10px 0px;
}

.qe_index .date_time span {
    display: inline-block;
    margin-right: 5px;
}

/* Popover styles */
.popover {
    min-width: 300px;
    font-family: inherit;
    direction: rtl
}

.popover .close {
    width: 20px;
    height: 20px;
    -webkit-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -moz-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    transition: all 200ms cubic-bezier(.47, 0, .745, .715);
    position: absolute;
    top: 12px;
    left: 15px;
    opacity: 1;
    z-index: 99;
}

.popover .close:before {
    content: "";
    font-family: 'icomoon';
    color: #870052;
    font-size: 1.5rem;
    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%;
}

.popover-title {
    padding: 14px 14px 14px 30px;
    font-weight: bold
}

.popover-content ul {}

.popover-content li {
    color: #394040;
    font-style: normal;
    font-weight: 400;
    padding-right: 22px;
    position: relative;
    line-height: 27px;
}

.popover-content ul li:before {
    content: "";
    font-family: 'icomoon';
    color: #1d2552;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    right: 0;
    position: absolute;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}


/*****/
.align-items-center {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    flex-direction: row-reverse
}

.Section-block-nav {
    margin-bottom: 50px
}

.section-2 .carousel-text,
.section-3 .carousel-text,
.section-4 .carousel-text {
    margin-top: 0;
    margin-bottom: 0
}

.owl-carousel .carousel-image {
    overflow: hidden
}

.section-2 .carousel-image img,
.section-3 .carousel-image img,
.section-4 .carousel-image img {
    max-width: 540px;
    max-height: 310px;
    width: auto;
    margin: auto
}

.section-2 .carousel .owl-dots {
    bottom: 42px
}

.section-2 .carousel .owl-dots,
.section-3 .carousel .owl-dots,
.section-4 .carousel .owl-dots {
    text-align: right !important
}

.bod-list .single-item {
    display: flex;
    align-items: center
}

.bod-list .single-item .pro-details h3 {
    margin-top: 0
}

.bod-list .single-item .pro-details p {
    text-align: right !important;
}

@media(max-width:572px) {

    .bod-list .single-item {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center
    }

    .bod-list .single-item .pro-pic {
        width: 65%;
        margin-bottom: 25px
    }

    .bod-list .single-item .pro-details {
        width: 100%
    }

    .bod-list .single-item .pro-details p {
        text-align: center !important;
    }
}

.exec_magnt_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.exec_magnt_list.justify_center {
    justify-content: center
}

.exec_magnt_list .single_item {
    text-align: center
}

.exec_magnt_list .single_item p {
    text-align: center !important
}

.exec_magnt_list .single_item img {
    margin: auto
}

@media(max-width:572px) {
    .exec_magnt_list {
        justify-content: center
    }

    .exec_magnt_list .single_item {
        width: 65%;
        margin-bottom: 25px
    }
}


.page-subpage .logos-item-image:before,
.page-subpage .advert-item-image:before,
.page-subpage .minik-eller-item-image:before {
    content: '';
    background: url(gallery_icon.png);
    background-size: contain;
    width: 24px;
    height: 24px
}

.page-subpage .logos-item-image span:after,
.page-subpage .advert-item-image span:after,
.page-subpage .minik-eller-item-image span:after {
    content: '';
    background: url(gallery_icon.png);
    background-size: contain;
    width: 38px;
    height: 38px
}

.page-subpage .logos-item-content {
    height: 95px
}

.page-subpage .logos-item-content a.inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%
}

.page-subpage .logos-item-content .logos-item-subtitle {
    width: calc(100% - 140px)
}

.page-subpage .logos-item-content .logos-item-button {
    top: 18px;
    right: inherit;
    left: 20px;
    width: 130px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -sand-transform: none;
    transform: none
}

.page-subpage .logos-item-content .logos-item-button.print-button {
    top: 52px
}