:root {
    --menu: #562C1B;
    --footer1: #562C1B;
    --footer2: #432214
}

#viewport {
    width: 100vw;
    overflow-x: hidden
}

.mobile #viewport {
    overflow-x: hidden
}

.lm-xs-t0 {
    margin-top: 0rem !important
}

.lm-xs-t1 {
    margin-top: 1rem !important
}

.lm-xs-t2 {
    margin-top: 2rem !important
}

.lm-xs-t3 {
    margin-top: 3rem !important
}

.lm-xs-t4 {
    margin-top: 4rem !important
}

.lm-xs-t5 {
    margin-top: 5rem !important
}

.lm-xs-t6 {
    margin-top: 6rem !important
}

.lm-xs-t7 {
    margin-top: 7rem !important
}

.lm-xs-t8 {
    margin-top: 8rem !important
}

.lm-xs-t9 {
    margin-top: 9rem !important
}

.lm-xs-t10 {
    margin-top: 10rem !important
}

.lm-xs-t11 {
    margin-top: 11rem !important
}

.lm-xs-t12 {
    margin-top: 12rem !important
}

.lm-xs-b0 {
    margin-bottom: 0rem !important
}

.lm-xs-b1 {
    margin-bottom: 1rem !important
}

.lm-xs-b2 {
    margin-bottom: 2rem !important
}

.lm-xs-b3 {
    margin-bottom: 3rem !important
}

.lm-xs-b4 {
    margin-bottom: 4rem !important
}

.lm-xs-b5 {
    margin-bottom: 5rem !important
}

.lm-xs-b6 {
    margin-bottom: 6rem !important
}

.lm-xs-b7 {
    margin-bottom: 7rem !important
}

.lm-xs-b8 {
    margin-bottom: 8rem !important
}

.lm-xs-b9 {
    margin-bottom: 9rem !important
}

.lm-xs-b10 {
    margin-bottom: 10rem !important
}

.lm-xs-b11 {
    margin-bottom: 11rem !important
}

.lm-xs-b12 {
    margin-bottom: 12rem !important
}

.lm-xs-l0 {
    margin-left: 0rem !important
}

.lm-xs-l1 {
    margin-left: 1rem !important
}

.lm-xs-l2 {
    margin-left: 2rem !important
}

.lm-xs-l3 {
    margin-left: 3rem !important
}

.lm-xs-l4 {
    margin-left: 4rem !important
}

.lm-xs-l5 {
    margin-left: 5rem !important
}

.lm-xs-l6 {
    margin-left: 6rem !important
}

.lm-xs-l7 {
    margin-left: 7rem !important
}

.lm-xs-l8 {
    margin-left: 8rem !important
}

.lm-xs-l9 {
    margin-left: 9rem !important
}

.lm-xs-l10 {
    margin-left: 10rem !important
}

.lm-xs-l11 {
    margin-left: 11rem !important
}

.lm-xs-l12 {
    margin-left: 12rem !important
}

.lm-xs-r0 {
    margin-right: 0rem !important
}

.lm-xs-r1 {
    margin-right: 1rem !important
}

.lm-xs-r2 {
    margin-right: 2rem !important
}

.lm-xs-r3 {
    margin-right: 3rem !important
}

.lm-xs-r4 {
    margin-right: 4rem !important
}

.lm-xs-r5 {
    margin-right: 5rem !important
}

.lm-xs-r6 {
    margin-right: 6rem !important
}

.lm-xs-r7 {
    margin-right: 7rem !important
}

.lm-xs-r8 {
    margin-right: 8rem !important
}

.lm-xs-r9 {
    margin-right: 9rem !important
}

.lm-xs-r10 {
    margin-right: 10rem !important
}

.lm-xs-r11 {
    margin-right: 11rem !important
}

.lm-xs-r12 {
    margin-right: 12rem !important
}

.lp-xs-t0 {
    padding-top: 0rem !important
}

.lp-xs-t1 {
    padding-top: 1rem !important
}

.lp-xs-t2 {
    padding-top: 2rem !important
}

.lp-xs-t3 {
    padding-top: 3rem !important
}

.lp-xs-t4 {
    padding-top: 4rem !important
}

.lp-xs-t5 {
    padding-top: 5rem !important
}

.lp-xs-t6 {
    padding-top: 6rem !important
}

.lp-xs-t7 {
    padding-top: 7rem !important
}

.lp-xs-t8 {
    padding-top: 8rem !important
}

.lp-xs-t9 {
    padding-top: 9rem !important
}

.lp-xs-t10 {
    padding-top: 10rem !important
}

.lp-xs-t11 {
    padding-top: 11rem !important
}

.lp-xs-t12 {
    padding-top: 12rem !important
}

.lp-xs-b0 {
    padding-bottom: 0rem !important
}

.lp-xs-b1 {
    padding-bottom: 1rem !important
}

.lp-xs-b2 {
    padding-bottom: 2rem !important
}

.lp-xs-b3 {
    padding-bottom: 3rem !important
}

.lp-xs-b4 {
    padding-bottom: 4rem !important
}

.lp-xs-b5 {
    padding-bottom: 5rem !important
}

.lp-xs-b6 {
    padding-bottom: 6rem !important
}

.lp-xs-b7 {
    padding-bottom: 7rem !important
}

.lp-xs-b8 {
    padding-bottom: 8rem !important
}

.lp-xs-b9 {
    padding-bottom: 9rem !important
}

.lp-xs-b10 {
    padding-bottom: 10rem !important
}

.lp-xs-b11 {
    padding-bottom: 11rem !important
}

.lp-xs-b12 {
    padding-bottom: 12rem !important
}

.lp-xs-l0 {
    padding-left: 0rem !important
}

.lp-xs-l1 {
    padding-left: 1rem !important
}

.lp-xs-l2 {
    padding-left: 2rem !important
}

.lp-xs-l3 {
    padding-left: 3rem !important
}

.lp-xs-l4 {
    padding-left: 4rem !important
}

.lp-xs-l5 {
    padding-left: 5rem !important
}

.lp-xs-l6 {
    padding-left: 6rem !important
}

.lp-xs-l7 {
    padding-left: 7rem !important
}

.lp-xs-l8 {
    padding-left: 8rem !important
}

.lp-xs-l9 {
    padding-left: 9rem !important
}

.lp-xs-l10 {
    padding-left: 10rem !important
}

.lp-xs-l11 {
    padding-left: 11rem !important
}

.lp-xs-l12 {
    padding-left: 12rem !important
}

.lp-xs-r0 {
    padding-right: 0rem !important
}

.lp-xs-r1 {
    padding-right: 1rem !important
}

.lp-xs-r2 {
    padding-right: 2rem !important
}

.lp-xs-r3 {
    padding-right: 3rem !important
}

.lp-xs-r4 {
    padding-right: 4rem !important
}

.lp-xs-r5 {
    padding-right: 5rem !important
}

.lp-xs-r6 {
    padding-right: 6rem !important
}

.lp-xs-r7 {
    padding-right: 7rem !important
}

.lp-xs-r8 {
    padding-right: 8rem !important
}

.lp-xs-r9 {
    padding-right: 9rem !important
}

.lp-xs-r10 {
    padding-right: 10rem !important
}

.lp-xs-r11 {
    padding-right: 11rem !important
}

.lp-xs-r12 {
    padding-right: 12rem !important
}

.flat-bottom {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

@media (max-width: 997.98px) {
    .sitelogo{
        height:75px
    }
    
    .flat-xs-top {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

@media (min-width: 998px) {
    .lm-sm-t0 {
        margin-top: 0rem !important
    }

    .lm-sm-t1 {
        margin-top: 1rem !important
    }

    .lm-sm-t2 {
        margin-top: 2rem !important
    }

    .lm-sm-t3 {
        margin-top: 3rem !important
    }

    .lm-sm-t4 {
        margin-top: 4rem !important
    }

    .lm-sm-t5 {
        margin-top: 5rem !important
    }

    .lm-sm-t6 {
        margin-top: 6rem !important
    }

    .lm-sm-t7 {
        margin-top: 7rem !important
    }

    .lm-sm-t8 {
        margin-top: 8rem !important
    }

    .lm-sm-t9 {
        margin-top: 9rem !important
    }

    .lm-sm-t10 {
        margin-top: 10rem !important
    }

    .lm-sm-t11 {
        margin-top: 11rem !important
    }

    .lm-sm-t12 {
        margin-top: 12rem !important
    }

    .lm-sm-b0 {
        margin-bottom: 0rem !important
    }

    .lm-sm-b1 {
        margin-bottom: 1rem !important
    }

    .lm-sm-b2 {
        margin-bottom: 2rem !important
    }

    .lm-sm-b3 {
        margin-bottom: 3rem !important
    }

    .lm-sm-b4 {
        margin-bottom: 4rem !important
    }

    .lm-sm-b5 {
        margin-bottom: 5rem !important
    }

    .lm-sm-b6 {
        margin-bottom: 6rem !important
    }

    .lm-sm-b7 {
        margin-bottom: 7rem !important
    }

    .lm-sm-b8 {
        margin-bottom: 8rem !important
    }

    .lm-sm-b9 {
        margin-bottom: 9rem !important
    }

    .lm-sm-b10 {
        margin-bottom: 10rem !important
    }

    .lm-sm-b11 {
        margin-bottom: 11rem !important
    }

    .lm-sm-b12 {
        margin-bottom: 12rem !important
    }

    .lm-sm-l0 {
        margin-left: 0rem !important
    }

    .lm-sm-l1 {
        margin-left: 1rem !important
    }

    .lm-sm-l2 {
        margin-left: 2rem !important
    }

    .lm-sm-l3 {
        margin-left: 3rem !important
    }

    .lm-sm-l4 {
        margin-left: 4rem !important
    }

    .lm-sm-l5 {
        margin-left: 5rem !important
    }

    .lm-sm-l6 {
        margin-left: 6rem !important
    }

    .lm-sm-l7 {
        margin-left: 7rem !important
    }

    .lm-sm-l8 {
        margin-left: 8rem !important
    }

    .lm-sm-l9 {
        margin-left: 9rem !important
    }

    .lm-sm-l10 {
        margin-left: 10rem !important
    }

    .lm-sm-l11 {
        margin-left: 11rem !important
    }

    .lm-sm-l12 {
        margin-left: 12rem !important
    }

    .lm-sm-r0 {
        margin-right: 0rem !important
    }

    .lm-sm-r1 {
        margin-right: 1rem !important
    }

    .lm-sm-r2 {
        margin-right: 2rem !important
    }

    .lm-sm-r3 {
        margin-right: 3rem !important
    }

    .lm-sm-r4 {
        margin-right: 4rem !important
    }

    .lm-sm-r5 {
        margin-right: 5rem !important
    }

    .lm-sm-r6 {
        margin-right: 6rem !important
    }

    .lm-sm-r7 {
        margin-right: 7rem !important
    }

    .lm-sm-r8 {
        margin-right: 8rem !important
    }

    .lm-sm-r9 {
        margin-right: 9rem !important
    }

    .lm-sm-r10 {
        margin-right: 10rem !important
    }

    .lm-sm-r11 {
        margin-right: 11rem !important
    }

    .lm-sm-r12 {
        margin-right: 12rem !important
    }

    .lp-sm-t0 {
        padding-top: 0rem !important
    }

    .lp-sm-t1 {
        padding-top: 1rem !important
    }

    .lp-sm-t2 {
        padding-top: 2rem !important
    }

    .lp-sm-t3 {
        padding-top: 3rem !important
    }

    .lp-sm-t4 {
        padding-top: 4rem !important
    }

    .lp-sm-t5 {
        padding-top: 5rem !important
    }

    .lp-sm-t6 {
        padding-top: 6rem !important
    }

    .lp-sm-t7 {
        padding-top: 7rem !important
    }

    .lp-sm-t8 {
        padding-top: 8rem !important
    }

    .lp-sm-t9 {
        padding-top: 9rem !important
    }

    .lp-sm-t10 {
        padding-top: 10rem !important
    }

    .lp-sm-t11 {
        padding-top: 11rem !important
    }

    .lp-sm-t12 {
        padding-top: 12rem !important
    }

    .lp-sm-b0 {
        padding-bottom: 0rem !important
    }

    .lp-sm-b1 {
        padding-bottom: 1rem !important
    }

    .lp-sm-b2 {
        padding-bottom: 2rem !important
    }

    .lp-sm-b3 {
        padding-bottom: 3rem !important
    }

    .lp-sm-b4 {
        padding-bottom: 4rem !important
    }

    .lp-sm-b5 {
        padding-bottom: 5rem !important
    }

    .lp-sm-b6 {
        padding-bottom: 6rem !important
    }

    .lp-sm-b7 {
        padding-bottom: 7rem !important
    }

    .lp-sm-b8 {
        padding-bottom: 8rem !important
    }

    .lp-sm-b9 {
        padding-bottom: 9rem !important
    }

    .lp-sm-b10 {
        padding-bottom: 10rem !important
    }

    .lp-sm-b11 {
        padding-bottom: 11rem !important
    }

    .lp-sm-b12 {
        padding-bottom: 12rem !important
    }

    .lp-sm-l0 {
        padding-left: 0rem !important
    }

    .lp-sm-l1 {
        padding-left: 1rem !important
    }

    .lp-sm-l2 {
        padding-left: 2rem !important
    }

    .lp-sm-l3 {
        padding-left: 3rem !important
    }

    .lp-sm-l4 {
        padding-left: 4rem !important
    }

    .lp-sm-l5 {
        padding-left: 5rem !important
    }

    .lp-sm-l6 {
        padding-left: 6rem !important
    }

    .lp-sm-l7 {
        padding-left: 7rem !important
    }

    .lp-sm-l8 {
        padding-left: 8rem !important
    }

    .lp-sm-l9 {
        padding-left: 9rem !important
    }

    .lp-sm-l10 {
        padding-left: 10rem !important
    }

    .lp-sm-l11 {
        padding-left: 11rem !important
    }

    .lp-sm-l12 {
        padding-left: 12rem !important
    }

    .lp-sm-r0 {
        padding-right: 0rem !important
    }

    .lp-sm-r1 {
        padding-right: 1rem !important
    }

    .lp-sm-r2 {
        padding-right: 2rem !important
    }

    .lp-sm-r3 {
        padding-right: 3rem !important
    }

    .lp-sm-r4 {
        padding-right: 4rem !important
    }

    .lp-sm-r5 {
        padding-right: 5rem !important
    }

    .lp-sm-r6 {
        padding-right: 6rem !important
    }

    .lp-sm-r7 {
        padding-right: 7rem !important
    }

    .lp-sm-r8 {
        padding-right: 8rem !important
    }

    .lp-sm-r9 {
        padding-right: 9rem !important
    }

    .lp-sm-r10 {
        padding-right: 10rem !important
    }

    .lp-sm-r11 {
        padding-right: 11rem !important
    }

    .lp-sm-r12 {
        padding-right: 12rem !important
    }

    .flat-sm-left {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
}

@media (min-width: 1280px) {
    .flat-md-bottom {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .flat-md-left {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .lm-md-t0 {
        margin-top: 0rem !important
    }

    .lm-md-t1 {
        margin-top: 1rem !important
    }

    .lm-md-t2 {
        margin-top: 2rem !important
    }

    .lm-md-t3 {
        margin-top: 3rem !important
    }

    .lm-md-t4 {
        margin-top: 4rem !important
    }

    .lm-md-t5 {
        margin-top: 5rem !important
    }

    .lm-md-t6 {
        margin-top: 6rem !important
    }

    .lm-md-t7 {
        margin-top: 7rem !important
    }

    .lm-md-t8 {
        margin-top: 8rem !important
    }

    .lm-md-t9 {
        margin-top: 9rem !important
    }

    .lm-md-t10 {
        margin-top: 10rem !important
    }

    .lm-md-t11 {
        margin-top: 11rem !important
    }

    .lm-md-t12 {
        margin-top: 12rem !important
    }

    .lm-md-b0 {
        margin-bottom: 0rem !important
    }

    .lm-md-b1 {
        margin-bottom: 1rem !important
    }

    .lm-md-b2 {
        margin-bottom: 2rem !important
    }

    .lm-md-b3 {
        margin-bottom: 3rem !important
    }

    .lm-md-b4 {
        margin-bottom: 4rem !important
    }

    .lm-md-b5 {
        margin-bottom: 5rem !important
    }

    .lm-md-b6 {
        margin-bottom: 6rem !important
    }

    .lm-md-b7 {
        margin-bottom: 7rem !important
    }

    .lm-md-b8 {
        margin-bottom: 8rem !important
    }

    .lm-md-b9 {
        margin-bottom: 9rem !important
    }

    .lm-md-b10 {
        margin-bottom: 10rem !important
    }

    .lm-md-b11 {
        margin-bottom: 11rem !important
    }

    .lm-md-b12 {
        margin-bottom: 12rem !important
    }

    .lm-md-l0 {
        margin-left: 0rem !important
    }

    .lm-md-l1 {
        margin-left: 1rem !important
    }

    .lm-md-l2 {
        margin-left: 2rem !important
    }

    .lm-md-l3 {
        margin-left: 3rem !important
    }

    .lm-md-l4 {
        margin-left: 4rem !important
    }

    .lm-md-l5 {
        margin-left: 5rem !important
    }

    .lm-md-l6 {
        margin-left: 6rem !important
    }

    .lm-md-l7 {
        margin-left: 7rem !important
    }

    .lm-md-l8 {
        margin-left: 8rem !important
    }

    .lm-md-l9 {
        margin-left: 9rem !important
    }

    .lm-md-l10 {
        margin-left: 10rem !important
    }

    .lm-md-l11 {
        margin-left: 11rem !important
    }

    .lm-md-l12 {
        margin-left: 12rem !important
    }

    .lm-md-r0 {
        margin-right: 0rem !important
    }

    .lm-md-r1 {
        margin-right: 1rem !important
    }

    .lm-md-r2 {
        margin-right: 2rem !important
    }

    .lm-md-r3 {
        margin-right: 3rem !important
    }

    .lm-md-r4 {
        margin-right: 4rem !important
    }

    .lm-md-r5 {
        margin-right: 5rem !important
    }

    .lm-md-r6 {
        margin-right: 6rem !important
    }

    .lm-md-r7 {
        margin-right: 7rem !important
    }

    .lm-md-r8 {
        margin-right: 8rem !important
    }

    .lm-md-r9 {
        margin-right: 9rem !important
    }

    .lm-md-r10 {
        margin-right: 10rem !important
    }

    .lm-md-r11 {
        margin-right: 11rem !important
    }

    .lm-md-r12 {
        margin-right: 12rem !important
    }

    .lp-md-t0 {
        padding-top: 0rem !important
    }

    .lp-md-t1 {
        padding-top: 1rem !important
    }

    .lp-md-t2 {
        padding-top: 2rem !important
    }

    .lp-md-t3 {
        padding-top: 3rem !important
    }

    .lp-md-t4 {
        padding-top: 4rem !important
    }

    .lp-md-t5 {
        padding-top: 5rem !important
    }

    .lp-md-t6 {
        padding-top: 6rem !important
    }

    .lp-md-t7 {
        padding-top: 7rem !important
    }

    .lp-md-t8 {
        padding-top: 8rem !important
    }

    .lp-md-t9 {
        padding-top: 9rem !important
    }

    .lp-md-t10 {
        padding-top: 10rem !important
    }

    .lp-md-t11 {
        padding-top: 11rem !important
    }

    .lp-md-t12 {
        padding-top: 12rem !important
    }

    .lp-md-b0 {
        padding-bottom: 0rem !important
    }

    .lp-md-b1 {
        padding-bottom: 1rem !important
    }

    .lp-md-b2 {
        padding-bottom: 2rem !important
    }

    .lp-md-b3 {
        padding-bottom: 3rem !important
    }

    .lp-md-b4 {
        padding-bottom: 4rem !important
    }

    .lp-md-b5 {
        padding-bottom: 5rem !important
    }

    .lp-md-b6 {
        padding-bottom: 6rem !important
    }

    .lp-md-b7 {
        padding-bottom: 7rem !important
    }

    .lp-md-b8 {
        padding-bottom: 8rem !important
    }

    .lp-md-b9 {
        padding-bottom: 9rem !important
    }

    .lp-md-b10 {
        padding-bottom: 10rem !important
    }

    .lp-md-b11 {
        padding-bottom: 11rem !important
    }

    .lp-md-b12 {
        padding-bottom: 12rem !important
    }

    .lp-md-l0 {
        padding-left: 0rem !important
    }

    .lp-md-l1 {
        padding-left: 1rem !important
    }

    .lp-md-l2 {
        padding-left: 2rem !important
    }

    .lp-md-l3 {
        padding-left: 3rem !important
    }

    .lp-md-l4 {
        padding-left: 4rem !important
    }

    .lp-md-l5 {
        padding-left: 5rem !important
    }

    .lp-md-l6 {
        padding-left: 6rem !important
    }

    .lp-md-l7 {
        padding-left: 7rem !important
    }

    .lp-md-l8 {
        padding-left: 8rem !important
    }

    .lp-md-l9 {
        padding-left: 9rem !important
    }

    .lp-md-l10 {
        padding-left: 10rem !important
    }

    .lp-md-l11 {
        padding-left: 11rem !important
    }

    .lp-md-l12 {
        padding-left: 12rem !important
    }

    .lp-md-r0 {
        padding-right: 0rem !important
    }

    .lp-md-r1 {
        padding-right: 1rem !important
    }

    .lp-md-r2 {
        padding-right: 2rem !important
    }

    .lp-md-r3 {
        padding-right: 3rem !important
    }

    .lp-md-r4 {
        padding-right: 4rem !important
    }

    .lp-md-r5 {
        padding-right: 5rem !important
    }

    .lp-md-r6 {
        padding-right: 6rem !important
    }

    .lp-md-r7 {
        padding-right: 7rem !important
    }

    .lp-md-r8 {
        padding-right: 8rem !important
    }

    .lp-md-r9 {
        padding-right: 9rem !important
    }

    .lp-md-r10 {
        padding-right: 10rem !important
    }

    .lp-md-r11 {
        padding-right: 11rem !important
    }

    .lp-md-r12 {
        padding-right: 12rem !important
    }
}

@media (min-width: 1440px) {
    .lm-lg-t0 {
        margin-top: 0rem !important
    }

    .lm-lg-t1 {
        margin-top: 1rem !important
    }

    .lm-lg-t2 {
        margin-top: 2rem !important
    }

    .lm-lg-t3 {
        margin-top: 3rem !important
    }

    .lm-lg-t4 {
        margin-top: 4rem !important
    }

    .lm-lg-t5 {
        margin-top: 5rem !important
    }

    .lm-lg-t6 {
        margin-top: 6rem !important
    }

    .lm-lg-t7 {
        margin-top: 7rem !important
    }

    .lm-lg-t8 {
        margin-top: 8rem !important
    }

    .lm-lg-t9 {
        margin-top: 9rem !important
    }

    .lm-lg-t10 {
        margin-top: 10rem !important
    }

    .lm-lg-t11 {
        margin-top: 11rem !important
    }

    .lm-lg-t12 {
        margin-top: 12rem !important
    }

    .lm-lg-b0 {
        margin-bottom: 0rem !important
    }

    .lm-lg-b1 {
        margin-bottom: 1rem !important
    }

    .lm-lg-b2 {
        margin-bottom: 2rem !important
    }

    .lm-lg-b3 {
        margin-bottom: 3rem !important
    }

    .lm-lg-b4 {
        margin-bottom: 4rem !important
    }

    .lm-lg-b5 {
        margin-bottom: 5rem !important
    }

    .lm-lg-b6 {
        margin-bottom: 6rem !important
    }

    .lm-lg-b7 {
        margin-bottom: 7rem !important
    }

    .lm-lg-b8 {
        margin-bottom: 8rem !important
    }

    .lm-lg-b9 {
        margin-bottom: 9rem !important
    }

    .lm-lg-b10 {
        margin-bottom: 10rem !important
    }

    .lm-lg-b11 {
        margin-bottom: 11rem !important
    }

    .lm-lg-b12 {
        margin-bottom: 12rem !important
    }

    .lm-lg-l0 {
        margin-left: 0rem !important
    }

    .lm-lg-l1 {
        margin-left: 1rem !important
    }

    .lm-lg-l2 {
        margin-left: 2rem !important
    }

    .lm-lg-l3 {
        margin-left: 3rem !important
    }

    .lm-lg-l4 {
        margin-left: 4rem !important
    }

    .lm-lg-l5 {
        margin-left: 5rem !important
    }

    .lm-lg-l6 {
        margin-left: 6rem !important
    }

    .lm-lg-l7 {
        margin-left: 7rem !important
    }

    .lm-lg-l8 {
        margin-left: 8rem !important
    }

    .lm-lg-l9 {
        margin-left: 9rem !important
    }

    .lm-lg-l10 {
        margin-left: 10rem !important
    }

    .lm-lg-l11 {
        margin-left: 11rem !important
    }

    .lm-lg-l12 {
        margin-left: 12rem !important
    }

    .lm-lg-r0 {
        margin-right: 0rem !important
    }

    .lm-lg-r1 {
        margin-right: 1rem !important
    }

    .lm-lg-r2 {
        margin-right: 2rem !important
    }

    .lm-lg-r3 {
        margin-right: 3rem !important
    }

    .lm-lg-r4 {
        margin-right: 4rem !important
    }

    .lm-lg-r5 {
        margin-right: 5rem !important
    }

    .lm-lg-r6 {
        margin-right: 6rem !important
    }

    .lm-lg-r7 {
        margin-right: 7rem !important
    }

    .lm-lg-r8 {
        margin-right: 8rem !important
    }

    .lm-lg-r9 {
        margin-right: 9rem !important
    }

    .lm-lg-r10 {
        margin-right: 10rem !important
    }

    .lm-lg-r11 {
        margin-right: 11rem !important
    }

    .lm-lg-r12 {
        margin-right: 12rem !important
    }

    .lp-lg-t0 {
        padding-top: 0rem !important
    }

    .lp-lg-t1 {
        padding-top: 1rem !important
    }

    .lp-lg-t2 {
        padding-top: 2rem !important
    }

    .lp-lg-t3 {
        padding-top: 3rem !important
    }

    .lp-lg-t4 {
        padding-top: 4rem !important
    }

    .lp-lg-t5 {
        padding-top: 5rem !important
    }

    .lp-lg-t6 {
        padding-top: 6rem !important
    }

    .lp-lg-t7 {
        padding-top: 7rem !important
    }

    .lp-lg-t8 {
        padding-top: 8rem !important
    }

    .lp-lg-t9 {
        padding-top: 9rem !important
    }

    .lp-lg-t10 {
        padding-top: 10rem !important
    }

    .lp-lg-t11 {
        padding-top: 11rem !important
    }

    .lp-lg-t12 {
        padding-top: 12rem !important
    }

    .lp-lg-b0 {
        padding-bottom: 0rem !important
    }

    .lp-lg-b1 {
        padding-bottom: 1rem !important
    }

    .lp-lg-b2 {
        padding-bottom: 2rem !important
    }

    .lp-lg-b3 {
        padding-bottom: 3rem !important
    }

    .lp-lg-b4 {
        padding-bottom: 4rem !important
    }

    .lp-lg-b5 {
        padding-bottom: 5rem !important
    }

    .lp-lg-b6 {
        padding-bottom: 6rem !important
    }

    .lp-lg-b7 {
        padding-bottom: 7rem !important
    }

    .lp-lg-b8 {
        padding-bottom: 8rem !important
    }

    .lp-lg-b9 {
        padding-bottom: 9rem !important
    }

    .lp-lg-b10 {
        padding-bottom: 10rem !important
    }

    .lp-lg-b11 {
        padding-bottom: 11rem !important
    }

    .lp-lg-b12 {
        padding-bottom: 12rem !important
    }

    .lp-lg-l0 {
        padding-left: 0rem !important
    }

    .lp-lg-l1 {
        padding-left: 1rem !important
    }

    .lp-lg-l2 {
        padding-left: 2rem !important
    }

    .lp-lg-l3 {
        padding-left: 3rem !important
    }

    .lp-lg-l4 {
        padding-left: 4rem !important
    }

    .lp-lg-l5 {
        padding-left: 5rem !important
    }

    .lp-lg-l6 {
        padding-left: 6rem !important
    }

    .lp-lg-l7 {
        padding-left: 7rem !important
    }

    .lp-lg-l8 {
        padding-left: 8rem !important
    }

    .lp-lg-l9 {
        padding-left: 9rem !important
    }

    .lp-lg-l10 {
        padding-left: 10rem !important
    }

    .lp-lg-l11 {
        padding-left: 11rem !important
    }

    .lp-lg-l12 {
        padding-left: 12rem !important
    }

    .lp-lg-r0 {
        padding-right: 0rem !important
    }

    .lp-lg-r1 {
        padding-right: 1rem !important
    }

    .lp-lg-r2 {
        padding-right: 2rem !important
    }

    .lp-lg-r3 {
        padding-right: 3rem !important
    }

    .lp-lg-r4 {
        padding-right: 4rem !important
    }

    .lp-lg-r5 {
        padding-right: 5rem !important
    }

    .lp-lg-r6 {
        padding-right: 6rem !important
    }

    .lp-lg-r7 {
        padding-right: 7rem !important
    }

    .lp-lg-r8 {
        padding-right: 8rem !important
    }

    .lp-lg-r9 {
        padding-right: 9rem !important
    }

    .lp-lg-r10 {
        padding-right: 10rem !important
    }

    .lp-lg-r11 {
        padding-right: 11rem !important
    }

    .lp-lg-r12 {
        padding-right: 12rem !important
    }
}

@media (min-width: 1600px) {
    .lm-xl-t0 {
        margin-top: 0rem !important
    }

    .lm-xl-t1 {
        margin-top: 1rem !important
    }

    .lm-xl-t2 {
        margin-top: 2rem !important
    }

    .lm-xl-t3 {
        margin-top: 3rem !important
    }

    .lm-xl-t4 {
        margin-top: 4rem !important
    }

    .lm-xl-t5 {
        margin-top: 5rem !important
    }

    .lm-xl-t6 {
        margin-top: 6rem !important
    }

    .lm-xl-t7 {
        margin-top: 7rem !important
    }

    .lm-xl-t8 {
        margin-top: 8rem !important
    }

    .lm-xl-t9 {
        margin-top: 9rem !important
    }

    .lm-xl-t10 {
        margin-top: 10rem !important
    }

    .lm-xl-t11 {
        margin-top: 11rem !important
    }

    .lm-xl-t12 {
        margin-top: 12rem !important
    }

    .lm-xl-b0 {
        margin-bottom: 0rem !important
    }

    .lm-xl-b1 {
        margin-bottom: 1rem !important
    }

    .lm-xl-b2 {
        margin-bottom: 2rem !important
    }

    .lm-xl-b3 {
        margin-bottom: 3rem !important
    }

    .lm-xl-b4 {
        margin-bottom: 4rem !important
    }

    .lm-xl-b5 {
        margin-bottom: 5rem !important
    }

    .lm-xl-b6 {
        margin-bottom: 6rem !important
    }

    .lm-xl-b7 {
        margin-bottom: 7rem !important
    }

    .lm-xl-b8 {
        margin-bottom: 8rem !important
    }

    .lm-xl-b9 {
        margin-bottom: 9rem !important
    }

    .lm-xl-b10 {
        margin-bottom: 10rem !important
    }

    .lm-xl-b11 {
        margin-bottom: 11rem !important
    }

    .lm-xl-b12 {
        margin-bottom: 12rem !important
    }

    .lm-xl-l0 {
        margin-left: 0rem !important
    }

    .lm-xl-l1 {
        margin-left: 1rem !important
    }

    .lm-xl-l2 {
        margin-left: 2rem !important
    }

    .lm-xl-l3 {
        margin-left: 3rem !important
    }

    .lm-xl-l4 {
        margin-left: 4rem !important
    }

    .lm-xl-l5 {
        margin-left: 5rem !important
    }

    .lm-xl-l6 {
        margin-left: 6rem !important
    }

    .lm-xl-l7 {
        margin-left: 7rem !important
    }

    .lm-xl-l8 {
        margin-left: 8rem !important
    }

    .lm-xl-l9 {
        margin-left: 9rem !important
    }

    .lm-xl-l10 {
        margin-left: 10rem !important
    }

    .lm-xl-l11 {
        margin-left: 11rem !important
    }

    .lm-xl-l12 {
        margin-left: 12rem !important
    }

    .lm-xl-r0 {
        margin-right: 0rem !important
    }

    .lm-xl-r1 {
        margin-right: 1rem !important
    }

    .lm-xl-r2 {
        margin-right: 2rem !important
    }

    .lm-xl-r3 {
        margin-right: 3rem !important
    }

    .lm-xl-r4 {
        margin-right: 4rem !important
    }

    .lm-xl-r5 {
        margin-right: 5rem !important
    }

    .lm-xl-r6 {
        margin-right: 6rem !important
    }

    .lm-xl-r7 {
        margin-right: 7rem !important
    }

    .lm-xl-r8 {
        margin-right: 8rem !important
    }

    .lm-xl-r9 {
        margin-right: 9rem !important
    }

    .lm-xl-r10 {
        margin-right: 10rem !important
    }

    .lm-xl-r11 {
        margin-right: 11rem !important
    }

    .lm-xl-r12 {
        margin-right: 12rem !important
    }

    .lp-xl-t0 {
        padding-top: 0rem !important
    }

    .lp-xl-t1 {
        padding-top: 1rem !important
    }

    .lp-xl-t2 {
        padding-top: 2rem !important
    }

    .lp-xl-t3 {
        padding-top: 3rem !important
    }

    .lp-xl-t4 {
        padding-top: 4rem !important
    }

    .lp-xl-t5 {
        padding-top: 5rem !important
    }

    .lp-xl-t6 {
        padding-top: 6rem !important
    }

    .lp-xl-t7 {
        padding-top: 7rem !important
    }

    .lp-xl-t8 {
        padding-top: 8rem !important
    }

    .lp-xl-t9 {
        padding-top: 9rem !important
    }

    .lp-xl-t10 {
        padding-top: 10rem !important
    }

    .lp-xl-t11 {
        padding-top: 11rem !important
    }

    .lp-xl-t12 {
        padding-top: 12rem !important
    }

    .lp-xl-b0 {
        padding-bottom: 0rem !important
    }

    .lp-xl-b1 {
        padding-bottom: 1rem !important
    }

    .lp-xl-b2 {
        padding-bottom: 2rem !important
    }

    .lp-xl-b3 {
        padding-bottom: 3rem !important
    }

    .lp-xl-b4 {
        padding-bottom: 4rem !important
    }

    .lp-xl-b5 {
        padding-bottom: 5rem !important
    }

    .lp-xl-b6 {
        padding-bottom: 6rem !important
    }

    .lp-xl-b7 {
        padding-bottom: 7rem !important
    }

    .lp-xl-b8 {
        padding-bottom: 8rem !important
    }

    .lp-xl-b9 {
        padding-bottom: 9rem !important
    }

    .lp-xl-b10 {
        padding-bottom: 10rem !important
    }

    .lp-xl-b11 {
        padding-bottom: 11rem !important
    }

    .lp-xl-b12 {
        padding-bottom: 12rem !important
    }

    .lp-xl-l0 {
        padding-left: 0rem !important
    }

    .lp-xl-l1 {
        padding-left: 1rem !important
    }

    .lp-xl-l2 {
        padding-left: 2rem !important
    }

    .lp-xl-l3 {
        padding-left: 3rem !important
    }

    .lp-xl-l4 {
        padding-left: 4rem !important
    }

    .lp-xl-l5 {
        padding-left: 5rem !important
    }

    .lp-xl-l6 {
        padding-left: 6rem !important
    }

    .lp-xl-l7 {
        padding-left: 7rem !important
    }

    .lp-xl-l8 {
        padding-left: 8rem !important
    }

    .lp-xl-l9 {
        padding-left: 9rem !important
    }

    .lp-xl-l10 {
        padding-left: 10rem !important
    }

    .lp-xl-l11 {
        padding-left: 11rem !important
    }

    .lp-xl-l12 {
        padding-left: 12rem !important
    }

    .lp-xl-r0 {
        padding-right: 0rem !important
    }

    .lp-xl-r1 {
        padding-right: 1rem !important
    }

    .lp-xl-r2 {
        padding-right: 2rem !important
    }

    .lp-xl-r3 {
        padding-right: 3rem !important
    }

    .lp-xl-r4 {
        padding-right: 4rem !important
    }

    .lp-xl-r5 {
        padding-right: 5rem !important
    }

    .lp-xl-r6 {
        padding-right: 6rem !important
    }

    .lp-xl-r7 {
        padding-right: 7rem !important
    }

    .lp-xl-r8 {
        padding-right: 8rem !important
    }

    .lp-xl-r9 {
        padding-right: 9rem !important
    }

    .lp-xl-r10 {
        padding-right: 10rem !important
    }

    .lp-xl-r11 {
        padding-right: 11rem !important
    }

    .lp-xl-r12 {
        padding-right: 12rem !important
    }
}

@media (min-width: 1280px) {
    .col-md-8-5 {
        max-width: 70.83333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70.83333%;
        flex: 0 0 70.83333%
    }
}

@font-face {
    font-family: 'Baloo Chettan 2';
    src: local("Baloo Chettan 2 Medium"), local("BalooChettan2-Medium"), url("../fonts/BalooChettan2-Medium.woff2") format("woff2"), url("../fonts/BalooChettan2-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Baloo Chettan 2';
    src: local("Baloo Chettan 2 SemiBold"), local("BalooChettan2-SemiBold"), url("../fonts/BalooChettan2-SemiBold.woff2") format("woff2"), url("../fonts/BalooChettan2-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Baloo Chettan 2';
    src: local("Baloo Chettan 2 Bold"), local("BalooChettan2-Bold"), url("../fonts/BalooChettan2-Bold.woff2") format("woff2"), url("../fonts/BalooChettan2-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Baloo Chettan 2';
    src: local("Baloo Chettan 2 Regular"), local("BalooChettan2-Regular"), url("../fonts/BalooChettan2-Regular.woff2") format("woff2"), url("../fonts/BalooChettan2-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Baloo Chettan 2';
    src: local("Baloo Chettan 2 ExtraBold"), local("BalooChettan2-ExtraBold"), url("../fonts/BalooChettan2-ExtraBold.woff2") format("woff2"), url("../fonts/BalooChettan2-ExtraBold.woff") format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

html {
    font-size: 1rem
}

body {
    font-size: 1rem
}

.text-xs {
    font-size: 10px
}

.text-sm {
    font-size: .875rem
}

.text-md {
    font-size: 1rem
}

.text-lg {
    font-size: 1.25rem
}

.fs-20 {
    font-size: 1.25rem
}

.text-thiner {
    font-weight: 200
}

.text-thin {
    font-weight: 300
}

.text-normal {
    font-weight: normal !important
}

.text-medium {
    font-weight: 600
}

.text-strong {
    font-weight: 700
}

.text-stronger {
    font-weight: 800
}

h1,
.h1,
.title-size-h1,
h2,
.h2,
.title-size-h2,
h3,
.h3,
.title-size-h3 {
    font-weight: 700
}

h4,
.h4,
.title-size-h4,
h5,
.h5,
.title-size-h5,
h6,
.h6,
.title-size-h6 {
    font-weight: 700
}

.title-size-h1 small,
.title-size-h1 .small,
.title-size-h2 small,
.title-size-h2 .small,
.title-size-h3 small,
.title-size-h3 .small,
.title-size-h4 small,
.title-size-h4 .small,
.title-size-h5 small,
.title-size-h5 .small,
.title-size-h6 small,
.title-size-h6 .small,
.sub-title small,
.sub-title .small,
.title small,
.title .small {
    color: inherit
}

.btn {
    font-weight: 700
}

.btn-shadow {
    -webkit-box-shadow: 0px 23px 37px rgba(33, 27, 27, 0.48);
    box-shadow: 0px 23px 37px rgba(33, 27, 27, 0.48)
}

.btn-white {
    color: #0F253B;
    background-color: #fff;
    border-color: transparent;
    color: #562C1B
}

.btn-white:hover {
    color: #0F253B;
    background-color: #ececec;
    border-color: transparent
}

.btn-white:focus,
.btn-white.focus {
    color: #0F253B;
    background-color: #ececec;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 .2rem rgba(15, 37, 59, 0.5);
    box-shadow: 0 0 0 .2rem rgba(15, 37, 59, 0.5)
}

.btn-white.disabled,
.btn-white:disabled {
    color: #0F253B;
    background-color: #fff;
    border-color: transparent
}

.btn-white:not(:disabled):not(.disabled):active,
.btn-white:not(:disabled):not(.disabled).active,
.show>.btn-white.dropdown-toggle {
    color: #0F253B;
    background-color: #e6e6e6;
    border-color: transparent
}

.btn-white:not(:disabled):not(.disabled):active:focus,
.btn-white:not(:disabled):not(.disabled).active:focus,
.show>.btn-white.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(15, 37, 59, 0.5);
    box-shadow: 0 0 0 .2rem rgba(15, 37, 59, 0.5)
}

.btn-grey {
    color: #0F253B;
    background-color: #D5D8DC;
    border-color: transparent;
    color: #fff
}

.btn-grey:hover {
    color: #0F253B;
    background-color: #ececec;
    border-color: transparent
}

.btn-grey:focus,
.btn-grey.focus {
    color: #0F253B;
    background-color: #ececec;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 .2rem rgba(15, 37, 59, 0.5);
    box-shadow: 0 0 0 .2rem rgba(15, 37, 59, 0.5)
}

.btn-grey.disabled,
.btn-grey:disabled {
    color: #0F253B;
    background-color: #D5D8DC;
    border-color: transparent
}

.btn-grey:not(:disabled):not(.disabled):active,
.btn-grey:not(:disabled):not(.disabled).active,
.show>.btn-grey.dropdown-toggle {
    color: #0F253B;
    background-color: #e6e6e6;
    border-color: transparent
}

.btn-grey:not(:disabled):not(.disabled):active:focus,
.btn-grey:not(:disabled):not(.disabled).active:focus,
.show>.btn-grey.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(15, 37, 59, 0.5);
    box-shadow: 0 0 0 .2rem rgba(15, 37, 59, 0.5)
}

.btn-dark:hover {
    background-color: #562C1B;
    border-color: #562C1B
}

.btn-naked {
    border: 0;
    background: none
}

.btn-input {
    padding: 1.063rem 1.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #D1D1D1
}

form {
    margin-bottom: -1rem
}

input,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-group {
    width: 100%;
    position: relative
}

.form-control.shadowed {
    -webkit-box-shadow: 0px 13px 26px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 13px 26px rgba(0, 0, 0, 0.16);
    border-radius: 1.25rem
}

textarea.form-control {
    resize: none;
    height: 12.8em
}

textarea.form-control.textarea-sm {
    resize: none;
    height: 8em
}

iframe {
    border: none
}

.custom-control-label {
    font-weight: 600
}

.custom-control-input:checked~.custom-control-label {
    color: #562C1B
}

.input-group>.form-control,
.input-group>.form-control-plaintext,
.input-group>.custom-select,
.input-group>.custom-file {
    border-left: 0;
    border-right: 0
}

.form-group {
    margin-bottom: 1.25rem
}

.input-group>.form-control {
    padding-left: 0;
    padding-right: 0
}

.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-append>.btn {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.input-group>.input-group-prepend>.input-group-text,
.input-group>.input-group-prepend>.btn {
    padding-right: 1.25rem;
    padding-right: 1.25rem
}

.form-control.auto {
    height: auto
}

.form-control.auto p {
    margin-bottom: 0
}

.custom-file p {
    margin: 0
}

.custom-file-input,
.custom-file-btn {
    position: absolute;
    top: 0
}

.custom-file-btn {
    right: 0
}

.collapsed-visible {
    display: none !important
}

.collapsed .collapsed-visible {
    display: block !important
}

.collapsed .collapsed-hidden {
    display: none !important
}

.datepicker {
    border-radius: 0 0 1.25rem 1.25rem;
    -webkit-box-shadow: 0px 13px 26px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 13px 26px rgba(0, 0, 0, 0.16);
    border: 1px solid #D1D1D1;
    border-top: 0;
    margin: -1px 0 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    color: #7c8793;
    background-color: #fff
}

.datepicker:before,
.datepicker:after {
    display: none
}

.datepicker .datepicker-days {
    padding: .063rem 1.063rem;
    font-size: .875rem
}

.datepicker table {
    width: 100%
}

.datepicker table tr th,
.datepicker table tr td {
    width: 36px;
    height: 36px;
    text-align: center;
    border-radius: .25rem
}

.datepicker table tr th.dow,
.datepicker table tr td.dow {
    opacity: .2
}

.datepicker table tr th.day:hover,
.datepicker table tr th.day.focused,
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: #D1D1D1;
    cursor: pointer
}

.datepicker table tr th.day.old,
.datepicker table tr td.day.old {
    opacity: .2
}

.datepicker table tr th.day.disabled,
.datepicker table tr td.day.disabled {
    opacity: .2
}

.datepicker table tr th.day.new,
.datepicker table tr td.day.new {
    opacity: .2
}

.datepicker table tr th.active,
.datepicker table tr th.active:hover,
.datepicker table tr td.active,
.datepicker table tr td.active:hover {
    background-color: #562C1B;
    color: #fff
}

.date-picker {
    padding-left: 3.0625rem !important
}

.date-picker~.ui-icon-date,
.date-picker~.ui-icon-arrow-down {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 1.063rem
}

.date-picker~.ui-icon-arrow-down {
    right: 0;
    left: auto;
    font-size: 0.625rem
}

.date-picker.open,
.date-picker:focus {
    -webkit-box-shadow: 0px 13px 26px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 13px 26px rgba(0, 0, 0, 0.16);
    border-bottom-color: transparent
}

.date-picker.open~.ui-icon-arrow-down:before,
.date-picker:focus~.ui-icon-arrow-down:before {
    content: '\e804'
}

.ui-icons {
    display: inline-block;
    background: url(../img/ui-icons.html) no-repeat 0 0;
    vertical-align: middle;
    line-height: 1
}

.ui-icons.pull-right {
    margin-right: auto;
    margin-left: 15px
}

@font-face {
    font-family: 'ui-icons';
    src: url("../fonts/icons/ui-iconsb1b6.eot?80401880");
    src: url("../fonts/icons/ui-iconsb1b6.eot?80401880#iefix") format("embedded-opentype"), url("../fonts/icons/ui-iconsb1b6.woff2?80401880") format("woff2"), url("../fonts/icons/ui-iconsb1b6.woff?80401880") format("woff"), url("../fonts/icons/ui-iconsb1b6.ttf?80401880") format("truetype"), url("../fonts/icons/ui-iconsb1b6.svg?80401880#fontello") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

[class^="ui-icon-"],
[class*=" ui-icon-"] {
    line-height: 1
}

[class^="ui-icon-"]:before,
[class*=" ui-icon-"]:before {
    font-family: "ui-icons";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ui-icon-twitter:before {
    content: '\5e'
}

.ui-icon-download:before {
    content: '\e800'
}

.ui-icon-arrow-down:before {
    content: '\e801'
}

.ui-icon-arrow-left:before {
    content: '\e802'
}

.ui-icon-arrow-right:before {
    content: '\e803'
}

.ui-icon-arrow-up:before {
    content: '\e804'
}

.ui-icon-bebe-biskuviler:before {
    content: '\e805'
}

.ui-icon-ceo:before {
    content: '\e806'
}

.ui-icon-cerez-politikasi:before {
    content: '\e807'
}

.ui-icon-cikileta:before {
    content: '\e808'
}

.ui-icon-cikiletali-gofret:before {
    content: '\e809'
}

.ui-icon-close-menu:before {
    content: '\e80a'
}

.ui-icon-date:before {
    content: '\e80b'
}

.ui-icon-desteklerimiz:before {
    content: '\e80c'
}

.ui-icon-diger-h:before {
    content: '\e80d'
}

.ui-icon-diger:before {
    content: '\e80e'
}

.ui-icon-facebook:before {
    content: '\e80f'
}

.ui-icon-gizlilik-bildirimi:before {
    content: '\e810'
}

.ui-icon-godiva:before {
    content: '\e811'
}

.ui-icon-gofretler:before {
    content: '\e812'
}

.ui-icon-hafif-atistirmaliklar:before {
    content: '\e813'
}

.ui-icon-hamburger-menu:before {
    content: '\e814'
}

.ui-icon-ikramlik:before {
    content: '\e815'
}

.ui-icon-iletisim-adreslerimiz:before {
    content: '\e816'
}

.ui-icon-inovasyon-merkezi:before {
    content: '\e817'
}

.ui-icon-instagram:before {
    content: '\e818'
}

.ui-icon-is-basvurusu:before {
    content: '\e819'
}

.ui-icon-kampanyalar:before {
    content: '\e81a'
}

.ui-icon-kekler:before {
    content: '\e81b'
}

.ui-icon-klasikler:before {
    content: '\e81c'
}

.ui-icon-krem-cikileta:before {
    content: '\e81d'
}

.ui-icon-kullanim-kosullari:before {
    content: '\e81e'
}

.ui-icon-kurucu:before {
    content: '\e81f'
}

.ui-icon-kurumsaldan-haberler:before {
    content: '\e820'
}

.ui-icon-kvkk:before {
    content: '\e821'
}

.ui-icon-left-menu-arrow:before {
    content: '\e822'
}

.ui-icon-linkedin:before {
    content: '\e823'
}

.ui-icon-map:before {
    content: '\e824'
}

.ui-icon-markalardan-haberler:before {
    content: '\e825'
}

.ui-icon-misyonumuz-vizyonuz:before {
    content: '\e826'
}

.ui-icon-one-cikanlar:before {
    content: '\e827'
}

.ui-icon-paylas:before {
    content: '\e828'
}

.ui-icon-pdf:before {
    content: '\e829'
}

.ui-icon-phone:before {
    content: '\e82a'
}

.ui-icon-pladis:before {
    content: '\e82b'
}

.ui-icon-play:before {
    content: '\e82c'
}

.ui-icon-reklamlar:before {
    content: '\e82d'
}

.ui-icon-sakizlar:before {
    content: '\e82e'
}

.ui-icon-satis-yapilan-ulkeler:before {
    content: '\e82f'
}

.ui-icon-search-flipped:before {
    content: '\e830'
}

.ui-icon-search:before {
    content: '\e831'
}

.ui-icon-sekerlemeler:before {
    content: '\e832'
}

.ui-icon-send:before {
    content: '\e833'
}

.ui-icon-seperate-header:before {
    content: '\e834'
}

.ui-icon-sosyal-sorumluluk:before {
    content: '\e835'
}

.ui-icon-sponsorluk-basvurusu:before {
    content: '\e836'
}

.ui-icon-sponsorluklar:before {
    content: '\e837'
}

.ui-icon-surdurulebilirlik:before {
    content: '\e838'
}

.ui-icon-tarihce:before {
    content: '\e839'
}

.ui-icon-tatli-biskuviler:before {
    content: '\e83a'
}

.ui-icon-tum-urunler:before {
    content: '\e83b'
}

.ui-icon-tuzlu-biskuviler:before {
    content: '\e83c'
}

.ui-icon-ulker-tv:before {
    content: '\e83d'
}

.ui-icon-ulker-u:before {
    content: '\e83e'
}

.ui-icon-urun-katalogu:before {
    content: '\e83f'
}

.ui-icon-yatirimci-iliskileri:before {
    content: '\e840'
}

.ui-icon-yazdir:before {
    content: '\e841'
}

.ui-icon-yildiz-holding:before {
    content: '\e842'
}

.ui-icon-yildizh-star:before {
    content: '\e843'
}

.ui-icon-yonetim-kurulu:before {
    content: '\e844'
}

.ui-icon-youtube:before {
    content: '\e845'
}

.ui-icon-guzel-ormanim:before {
    content: '\e846'
}

.ui-icon-kisi-sayisi:before {
    content: '\e847'
}

.ui-icon-surec:before {
    content: '\e848'
}

.ui-icon-isi:before {
    content: '\e849'
}

.ui-icon-whatsapp:before {
    content: '\e84a'
}

.ui-icon-puzzles:before {
    content: '\e84b'
}

.ui-icon-tedarik:before {
    content: '\e84c'
}

.ui-icon-logo-pack:before {
    content: '\e84d'
}

.ui-icon-uretim-ussumuz:before {
    content: '\e84e'
}

.ui-icon-pastil:before {
    content: '\e84f'
}

.ui-icon-address:before {
    content: '\e850'
}

* {
    outline: none !important
}

html {
    scroll-behavior: smooth;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

body {
    background: url("../img/menu-pattern-bg.svg") #fff;
    overflow-x: hidden
}

a,
a:hover,
a:active,
a:focus,
a:visited {
    text-decoration: none
}

em {
    font-style: normal
}

.section-main {
    position: relative
}

.main-title {
    font-size: 2.6rem;
    color: #562C1B
}

.page-content {
    font-size: 1rem;
    min-height: calc(100vh - 248px - 388px)
}

.page-content img {
    max-width: 100%
}

.page-content .content-img {
    margin-bottom: 30px
}

.page-content .content-img img {
    display: block;
    max-width: 100%;
    width: 100%
}

.page-content .content-text {
    margin-top: 30px
}

.page-content p,
.page-content ul,
.page-content ol {
    margin-bottom: 30px
}

.page-content ul:not(.list-unstyled, .dropdown-menu) {
    list-style-type: none
}

.page-content ul:not(.list-unstyled, .dropdown-menu) li {
    position: relative;
    margin-bottom: 1rem
}

.page-content ul:not(.list-unstyled, .dropdown-menu) li:before {
    content: '\2022';
    font-size: 3.8rem;
    line-height: 1;
    vertical-align: middle;
    position: absolute;
    top: -1.3rem;
    left: -.6em
}

.page-content ul:not(.list-unstyled, .dropdown-menu).marker-red li:before {
    color: #562C1B
}

@media (max-width: 997.98px) {
    .page-content .content-img.stretch {
        margin: 0 -32.5px
    }
}

@media (max-width: 1279.98px) {
    .page-content .content-img.stretch {
        height: 320px
    }

    .page-content .content-img.stretch .img-radius {
        border-radius: 0
    }

    .page-content .content-img.stretch img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (min-width: 1280px) {
    .page-content img {
        margin-bottom: 30px
    }

    .page-content .content-img img {
        width: auto
    }

    .page-content .content-img.pull-left {
        float: left;
        margin-left: auto;
        margin-right: 30px
    }

    .page-content .content-img.center img {
        margin-left: auto;
        margin-right: auto
    }

    .page-content .content-img.pull-right {
        float: right;
        margin-left: 30px;
        margin-right: auto
    }

    .page-content .content-img.stretch img {
        width: 100%
    }

    .page-content .content-img.content-img-sm {
        width: 210px
    }

    .page-content .content-img.content-img-md {
        width: 290px
    }

    .page-content .content-img.content-img-lg {
        width: 370px
    }
}

.play-icon {
    position: relative;
    display: block;
    color: #fff !important;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    opacity: 1 !important
}

.play-icon:before {
    position: absolute;
    z-index: 2;
    bottom: 12px;
    left: 12px;
    width: 26.28px;
    text-shadow: 0px 13px 16px rgba(18, 18, 18, 0.34);
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.play-icon:after {
    content: '';
    border-radius: 1.25rem;
    background-color: #0F253B;
    opacity: 0;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.play-icon img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 1.25rem;
    -webkit-box-shadow: 0px 23px 26px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 23px 26px rgba(0, 0, 0, 0.16);
    margin: 0
}

.play-icon.big:before {
    bottom: 20px;
    left: 20px;
    font-size: 2rem
}

.play-icon:hover:after {
    opacity: .4
}

.play-icon:hover:before {
    left: 50%;
    bottom: 50%;
    -webkit-transform: translateX(-50%) translateY(50%);
    -ms-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(50%);
    font-size: 5rem
}

.img-radius {
    border-radius: 1.25rem
}

.yildiz-holding-logo {
    background: url(../img/yildiz-holding-logo.svg) 0 0 no-repeat;
    width: 233px;
    height: 20px;
    display: block;
    text-indent: -999em
}

.read-more {
    font-size: .75rem;
    color: inherit
}

.svg-product-bg {
    position: relative;
    padding-bottom: 103.71428571428571%
}

.svg-product-bg:before,
.svg-product-bg:after {
    content: url(../img/product-bg.svg);
    position: absolute;
    z-index: -2;
    left: 17.5px;
    top: 10px;
    width: calc(100% - 35px);
    height: calc(100% - 40px);
    -webkit-filter: drop-shadow(0px 23px 37px rgba(155, 155, 155, 0.12));
    filter: drop-shadow(0px 23px 37px rgba(155, 155, 155, 0.12));
    -webkit-transition: -webkit-filter 0.5s ease, -webkit-transform 0.5s ease;
    transition: -webkit-filter 0.5s ease, -webkit-transform 0.5s ease;
    -o-transition: filter 0.5s ease, transform 0.5s ease;
    transition: filter 0.5s ease, transform 0.5s ease;
    transition: filter 0.5s ease, transform 0.5s ease, -webkit-filter 0.5s ease, -webkit-transform 0.5s ease
}

.svg-product-bg:after,
.svg-product-bg .product-box-stroke {
    content: url(../img/product-bg-2.svg);
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
    transition: opacity .5s ease, -webkit-transform .5s ease;
    -o-transition: opacity .5s ease, transform .5s ease;
    transition: opacity .5s ease, transform .5s ease;
    transition: opacity .5s ease, transform .5s ease, -webkit-transform .5s ease
}

.svg-product-bg .cember {
    content: url(../img/product-cember.svg);
    position: absolute;
    z-index: -2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.svg-product-bg .product-box-stroke {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -2;
    left: 0;
    top: 0
}

.svg-product-bg .product-box-stroke path {
    stroke-dasharray: 10;
    stroke-dashoffset: 700
}

.svg-product-bg img,
.svg-product-bg .img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 40%;
    -webkit-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease
}

.svg-product-bg .pdf-icon {
    width: auto !important
}

.svg-product-bg+div {
    margin-top: 0px;
    margin-bottom: 50px;
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
    color: #0F253B;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.svg-product-bg+div h5 {
    font-size: 1rem
}

.svg-product-bg:hover:before,
.svg-product-bg:hover:after,
.svg-product-bg:hover .product-box-stroke,
.item:hover .svg-product-bg:before,
.item:hover .svg-product-bg:after,
.item:hover .svg-product-bg .product-box-stroke {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.svg-product-bg:hover img,
.svg-product-bg:hover .img,
.item:hover .svg-product-bg img,
.item:hover .svg-product-bg .img {
    width: 50%
}

.svg-product-bg:hover .product-box-stroke path,
.item:hover .svg-product-bg .product-box-stroke path {
    -webkit-animation: dash 5s linear infinite;
    animation: dash 5s linear infinite
}

.svg-product-bg:hover+div,
.item:hover .svg-product-bg+div {
    -webkit-transform: scale(1.1) translateY(10px);
    -ms-transform: scale(1.1) translateY(10px);
    transform: scale(1.1) translateY(10px)
}

.svg-product-bg:hover .pdf-icon:before,
.item:hover .svg-product-bg .pdf-icon:before {
    background-color: #fff
}

.pdf-icon:before {
    content: '';
    display: inline-block;
    width: 72px;
    height: 93px;
    -webkit-mask: url("../img/pdf-icon.svg") 0 0 no-repeat;
    mask: url("../img/pdf-icon.svg") 0 0 no-repeat;
    background-color: #0F253B;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.table-smooth {
    padding: .3rem;
    border-radius: 1.25rem;
    border: 1px solid #D1D1D1;
    background: #fff
}

.table-cubukkraker th {
    color: #86919C;
    font-weight: 600
}

.table-cubukkraker thead th:after,
.table-cubukkraker tfoot th:before {
    content: '';
    display: block;
    border-bottom: 1px solid #0F253B;
    margin: .8rem 0
}

.filter-area {
    position: relative
}

.filter-area .form-group {
    position: relative
}

.filter-area .form-control {
    padding-left: 2rem
}

.filter-area .icon {
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.news-detail .img-container {
    margin: 0 -32.5px
}

.news-detail .img-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.news-detail .img-container:before {
    content: '';
    -webkit-mask: url("../img/aside-bg.svg") 0 0 no-repeat;
    mask: url("../img/aside-bg.svg") 0 0 no-repeat;
    background-color: var(--menu);
    width: 1089px;
    height: 715px;
    position: absolute;
    z-index: -1;
    top: 330px;
    right: calc(100% - 100px)
}

.news-detail .news-title {
    font-size: 2.375rem;
    font-weight: 600
}

.news-detail time {
    opacity: .5;
    display: block;
    margin: 1rem 0
}

.news-detail .category {
    border-radius: 1.25rem;
    font-size: .875rem;
    padding: 0.815rem 1.5rem
}

.social-media.brand {
    color: #10263C
}

.social-media.brand li {
    margin-right: 2rem;
    margin-bottom: 1.2rem
}

.social-media.brand [class^="ui-icon-"],
.social-media.brand [class*=" ui-icon-"] {
    font-size: 1.2rem
}

.social-media.brand a {
    color: inherit;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease
}

.social-media.brand a:hover {
    color: #562C1B
}

@media (min-width: 998px) {
    .social-media.brand li {
        margin-right: 4rem;
        margin-bottom: 2rem
    }

    .social-media.brand [class^="ui-icon-"],
    .social-media.brand [class*=" ui-icon-"] {
        font-size: 2rem
    }
}

.sm-gutters {
    margin-left: -10px;
    margin-right: -10px
}

.sm-gutters>.col,
.sm-gutters>[class*="col-"] {
    padding-left: 10px;
    padding-right: 10px
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.fadeInDown {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.fadeInLeft {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.zoomIn {
    animation: zoomIn 1s both;
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}


.page-item+.page-item {
    margin-left: 1.125rem
}

.page-link {
    width: 50px;
    border-radius: 1rem !important;
    text-align: center
}

.cookie-pane {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1070
}

.cookie-pane-bg {
    position: absolute;
    bottom: 0;
    margin-bottom: 30px;
    z-index: 1000;
    width: calc(100% - 30px);
    background-color: #fff;
    border-radius: 1.25rem;
    padding: 1rem 2rem
}

@media (min-width: 998px) {
    .map {
        height: 100%
    }
}

@media (max-width: 997.98px) {
    .container {
        width: calc(100% - 35px)
    }

    .card-img-overlay {
        position: static
    }

    .news-detail .img-container img {
        border-radius: 0
    }
}

@media (min-width: 1280px) {
    .main-title {
        font-size: 3rem
    }

    .main-title.big {
        font-size: 5rem
    }

    .svg-product-bg+div {
        margin-top: 20px;
        margin-bottom: 80px
    }

    .svg-product-bg+div h5 {
        font-size: 1.25rem
    }

    .surdurulebilirlik-damla {
        position: relative
    }

    .surdurulebilirlik-damla:before,
    .surdurulebilirlik-damla:after {
        content: '';
        -webkit-mask: url("../img/aside-bg.svg") 0 0 no-repeat;
        mask: url("../img/aside-bg.svg") 0 0 no-repeat;
        background-color: var(--menu);
        width: 1225px;
        height: 805px;
        position: absolute;
        z-index: -1;
        top: -330px;
        left: -930px;
        -webkit-mask-size: 100%;
        mask-size: 100%
    }

    .surdurulebilirlik-damla:after {
        -webkit-transform: rotate(-203deg);
        -ms-transform: rotate(-203deg);
        transform: rotate(-203deg);
        left: calc(100% - 290px);
        top: 300px;
        width: 1690px;
        height: 1416px
    }

    .surdurulebilirlik-damla.left:before {
        display: none
    }

    .surdurulebilirlik-damla.left:after {
        top: -510px;
        right: calc(100% - 120px);
        left: auto
    }

    .surdurulebilirlik-damla.top:before {
        top: 420px;
        left: -1130px
    }

    .surdurulebilirlik-damla.top:after {
        top: 420px;
        left: 100%
    }

    .news-detail .img-container {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        height: auto;
        margin: 0
    }

    .table-smooth {
        padding: 3.75rem
    }
}

@media (min-width: 1440px) {
    .main-title {
        font-size: 3.5rem
    }

    .main-title.big {
        font-size: 4rem
    }

    [lang=en] .main-title.big {
        font-size: 5rem
    }
}

@media (min-width: 1600px) {
    .main-title {
        font-size: 3rem
    }

    .main-title.big {
        font-size: 8rem
    }

    [lang=en] .main-title.big {
        font-size: 7rem
    }
}

.blockquote .title {
    line-height: 1.25
}

.blockquote .title:before,
.blockquote .title:after {
    content: '"'
}

.stage {
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.stage-blue {
    background-color: #9AD8F6
}

.stage-green {
    background-color: #C5E2CB
}

.stage-yellow {
    background-color: #FFDEA8
}

.stage-red {
    background-color: #EAAAA8
}

.surdurulebilirlik-hedef {
    position: relative;
    color: #562C1B
}

.surdurulebilirlik-hedef:before,
.surdurulebilirlik-hedef:after {
    content: url(../img/surdurulebilirlik-hedef-bg.svg);
    position: absolute;
    z-index: -2;
    width: 112.93px;
    height: 107.75px;
    left: 0;
    top: 0;
    -webkit-filter: drop-shadow(0px 23px 36px rgba(91, 91, 91, 0.16));
    filter: drop-shadow(0px 23px 36px rgba(91, 91, 91, 0.16));
    -webkit-transition: -webkit-filter 0.5s ease, -webkit-transform 0.5s ease;
    transition: -webkit-filter 0.5s ease, -webkit-transform 0.5s ease;
    -o-transition: filter 0.5s ease, transform 0.5s ease;
    transition: filter 0.5s ease, transform 0.5s ease;
    transition: filter 0.5s ease, transform 0.5s ease, -webkit-filter 0.5s ease, -webkit-transform 0.5s ease
}

.surdurulebilirlik-hedef:after {
    content: '';
    -webkit-mask: url("../img/surdurulebilirlik-hedef-bg.svg") 0 0 no-repeat;
    mask: url("../img/surdurulebilirlik-hedef-bg.svg") 0 0 no-repeat;
    background-color: var(--menu);
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.surdurulebilirlik-hedef .counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 112.93px;
    height: 107.75px;
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem
}

.surdurulebilirlik-hedef .target {
    font-weight: 600
}

.surdurulebilirlik-hedef h5 {
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: .5rem;
    color: #0F253B
}

.surdurulebilirlik-hedef:hover:before,
.surdurulebilirlik-hedef:hover:after {
    opacity: 1
}

.surdurulebilirlik-hedef:hover .counter {
    color: #fff
}

.surdurulebilirlik-hedef.blue {
    color: #9AD8F6
}

.surdurulebilirlik-hedef.blue:after {
    background-color: #9AD8F6
}

.surdurulebilirlik-hedef.green {
    color: #C5E2CB
}

.surdurulebilirlik-hedef.green:after {
    background-color: #C5E2CB
}

.surdurulebilirlik-hedef.yellow {
    color: #FFDEA8
}

.surdurulebilirlik-hedef.yellow:after {
    background-color: #FFDEA8
}

.surdurulebilirlik-hedef.red {
    color: #EAAAA8
}

.surdurulebilirlik-hedef.red:after {
    background-color: #EAAAA8
}

video {
    background: #000
}

div[data-showmore=videoList] img {
    max-height: 275px
}

.form-wizard {
    position: relative
}

.loading {
    background-color: rgba(255, 255, 255, 0.75);
    position: absolute;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.loading.show {
    top: 0
}

.tarif-icon {
    font-size: 30px
}

.share-content {
    margin-bottom: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: .625rem;
    width: 300px;
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    position: relative
}

.share-content:before {
    content: '';
    width: 18px;
    height: 18px;
    background-color: #18a0f5;
    border-radius: 3px;
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translateY(-12px) translateX(-50%) rotate(45deg);
    -ms-transform: translateY(-12px) translateX(-50%) rotate(45deg);
    transform: translateY(-12px) translateX(-50%) rotate(45deg)
}

.share-content a {
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    padding: .5rem 0;
    font-size: 1.5rem;
    text-align: center
}

.share-content a:first-child {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.share-content a:last-child {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.share-content a.fb {
    background-color: #475995
}

.share-content a.tw {
    background-color: #18A2F5
}

.share-content a.wa {
    background-color: #60D66A
}

.share-content a i::before {
    -webkit-transition: -webkit-transform .15s ease;
    transition: -webkit-transform .15s ease;
    -o-transition: transform .15s ease;
    transition: transform .15s ease;
    transition: transform .15s ease, -webkit-transform .15s ease
}

.share-content a:hover i::before {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.popover {
    position: absolute;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

#logo {
    position: relative;
    z-index: 2;
    margin: 20px 0 0
}

#logo a {
    background: url(../img/ulker-logo.svg) 0 0 no-repeat;
    background-size: 100%;
    display: block;
    text-indent: -999em;
    width: 77px;
    height: 23px
}

.menu-open {
    overflow: hidden
}

.menu-open #header {
    overflow: auto;
    overflow-x: hidden;
    height: 100vh
}

#header {
    width: 100%;
    z-index: 3
}

.mobile #header {
    overflow-x: hidden
}

#header .social-media {
    font-size: 1rem;
    top: -12px;
    right: 0;
    position: absolute
}

#header .social-media li {
    padding: 0 11px
}

#header .social-media h3 {
    display: none
}

.navbar-toggler {
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    border: 0;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler:hover {
    color: #000;
    opacity: .5
}

.navbar-toggler span {
    font-size: 1rem;
    color: inherit
}

.navbar-toggler span+i {
    margin-left: 0.43rem
}

.navbar-toggler i {
    color: inherit
}

#navbar {
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 0;
    height: auto !important
}

#navbar.collapsing {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

#navbar.show {
    opacity: 1
}

#navbar.show .navbar-nav .nav-item.active .submenu-container {
    opacity: 1;
    height: auto;
    overflow: visible;
    visibility: visible
}

#navbar .navbar-nav .nav-link {
    font-weight: 600;
    white-space: nowrap
}

#navbar .navbar-nav .nav-link:hover {
    color: inherit;
    opacity: 1
}

#navbar .navbar-nav .nav-item {
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
}

#navbar .navbar-nav .nav-item:not(.active) {
    opacity: .5
}

#navbar .navbar-nav .nav-item+.nav-item {
    margin-left: 10px
}

#navbar .submenu-container {
    position: absolute;
    width: calc(100vw - 30px - 15px);
    left: 0;
    padding-top: 30px;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden
}


#navbar .submenu-container .links-area.with-banner {
    grid-template-rows: auto 1fr
}

#navbar .submenu-container .links-area .banner-area {
    grid-column: 1 / 1;
    margin-bottom: 10px
}

#navbar .submenu-container .links-area .banner-area img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    border-radius: 1.25rem;
    -webkit-box-shadow: 0 23px 26px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 23px 26px 0 rgba(0, 0, 0, 0.16)
}

#navbar .submenu-container .links-area a {
    font-weight: 700;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    line-height: 1;
    border-radius: 1.25rem;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-transition: background-color .2s ease, color .1s ease;
    -o-transition: background-color .2s ease, color .1s ease;
    transition: background-color .2s ease, color .1s ease
}

#navbar .submenu-container .links-area a .icon {
    font-size: 1.5rem;
    margin-right: 1rem;
    width: 2rem;
    text-align: center
}

#navbar .submenu-container .links-area a:hover {
    color: #562C1B;
    background-color: #fff;
    opacity: 1
}

#navbar .submenu-container .text-area {
    width: 23.977695167286246%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 320px
}

#navbar .submenu-container .text-area h4 {
    font-size: 1.75rem;
    margin-bottom: 1rem
}

#navbar .submenu-container .text-area .buttons {
    margin-top: auto
}

#navbar .submenu-container .text-area .buttons .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

#navbar .submenu-container .social-media {
    color: #62707F;
    margin: 2.8rem 0;
    position: static !important
}

#navbar .submenu-container .social-media ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#navbar .submenu-container .social-media ul li {
    padding: 0
}

.language,
.search {
    font-weight: 700;
    margin-right: 1rem
}

#menu-pane {
    position: relative;
    color: #fff;
    padding: 40px 0;
    z-index: 1
}

#menu-pane .content {
    position: relative;
    z-index: 1
}

#menu-pane:before {
    content: '';
    position: absolute;
    top: 0;
    right: -202px;
    width: 297.79px;
    height: 98px;
    z-index: 0;
    -webkit-mask: url("../img/menu-bg.svg") no-repeat 0 100%;
    mask: url("../img/menu-bg.svg") no-repeat 0 100%;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: var(--menu);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.edge #menu-pane:before {
    -webkit-mask: none;
    mask: none;
    background: url("../img/menu-bg.svg") no-repeat 0 100% transparent;
    background-size: 100%
}

#menu-pane:after {
    content: '';
    background: #fff;
    width: 100vw;
    height: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -2;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 0
}

#menu-pane a:not(.btn) {
    color: inherit;
    -webkit-transition: color .2s ease, opacity .2s ease;
    -o-transition: color .2s ease, opacity .2s ease;
    transition: color .2s ease, opacity .2s ease
}

#menu-pane a:not(.btn):hover {
    color: #000;
    opacity: .5
}

#menu-pane a:not(.btn) [class^="ui-icon-"]:before {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

#menu-pane a:not(.btn) [class^="ui-icon-"]:hover:before {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

#menu-pane:not(.open) .item {
    position: relative
}

#menu-pane.open {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 20px
}

#menu-pane.open .social-media {
    position: absolute;
    font-size: 1.8rem;
    left: -97px;
    right: 0;
    top: 440px;
    -webkit-animation: social-media-anim 1s;
    animation: social-media-anim 1s
}

#menu-pane.open .social-media h3 {
    font-size: .875rem;
    margin-bottom: 2rem
}

#menu-pane.open .social-media li {
    padding: 0 1rem
}

#menu-pane.open .social-media li:first-child {
    padding-left: 0
}

#menu-pane.open:before {
    -webkit-mask-size: 100%;
    mask-size: 100%;
    right: -744px;
    width: 1280px;
    height: 630px
}

.edge #menu-pane.open:before {
    background-size: 100%
}

#menu-pane.open:after {
    opacity: 1;
    height: 100vh
}

#menu-pane.open .menu-left-bottom {
    visibility: visible
}

#menu-pane.open .menu-left-top {
    visibility: visible
}

#menu-pane.open .animated-desserts img {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7)
}

@media (min-width: 435px) {
    #menu-pane.open:before {
        right: -520px
    }
}

@media (min-width: 650px) {
    #menu-pane.open:before {
        width: 1594px;
        height: 700px;
        right: -520px
    }
}

@media (min-width: 998px) {
    #menu-pane.open {
        margin-left: 20px
    }

    #menu-pane.open:before {
        width: 1890px;
        height: 830px;
        right: -700px
    }
}

@media (min-width: 1280px) {
    #menu-pane.open {
        margin-left: 40px
    }

    #menu-pane.open:before {
        right: -749px
    }
}

@media (min-width: 1440px) {
    #menu-pane.open {
        margin-left: 50px
    }

    #menu-pane.open:before {
        right: -720px
    }
}

@media (min-width: 1600px) {
    #menu-pane.open {
        margin-left: 170px
    }

    #menu-pane.open:before {
        right: -522px
    }

    #menu-pane.open .animated-desserts img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.animated-desserts {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.animated-desserts img {
    position: absolute;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.animated-desserts .sutlu {
    left: -165px;
    top: 115px
}

.animated-desserts .elma {
    top: 689px;
    left: -415px
}

.animated-desserts .findikli {
    top: 650px;
    left: 90px
}

.animated-desserts .kremali {
    left: 475px;
    top: 690px
}

.animated-desserts .cikileta {
    right: -95px;
    top: 550px
}

.animated-desserts .biskrem {
    left: -285px;
    top: 415px
}

.animated-desserts .fistikli {
    right: -110px;
    top: 537px
}

@media (min-width: 1600px) {
    .animated-desserts .sutlu {
        left: -320px;
        top: 130px
    }

    .animated-desserts .elma {
        top: 689px;
        left: -495px
    }

    .animated-desserts .findikli {
        top: 680px;
        left: 160px
    }

    .animated-desserts .kremali {
        left: 470px;
        top: 685px
    }

    .animated-desserts .cikileta {
        right: -95px;
        top: 550px
    }

    .animated-desserts .biskrem {
        left: -390px;
        top: 440px
    }

    .animated-desserts .fistikli {
        right: -125px;
        top: 465px
    }
}

.search-form {
    width: calc(100% - 30px);
    background: none;
    font-size: 1.5rem
}

.search-form .form-control {
    background: none;
    border-color: transparent;
    border-bottom: 1px solid #fff !important;
    border-radius: 0;
    padding-left: 2.75rem;
    font-size: inherit;
    color: #fff
}

.search-form .submit-btn {
    position: absolute;
    top: 0;
    color: #fff;
    padding-left: 0;
    font-size: inherit
}

.search-form .show-all {
    font-size: 1.25rem;
    color: #fff;
    padding: 1rem 0
}

.search-form .search-items {
    font-size: 1rem
}

.search-form .search-items li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.search-form .search-items li a {
    opacity: .5;
    -webkit-transition: font-size .3s ease;
    -o-transition: font-size .3s ease;
    transition: font-size .3s ease;
    color: #fff;
    padding: 1rem 0
}

.search-form .search-items li:hover a {
    font-size: 1.25rem;
    opacity: 1
}

.menu-slider {
    width: calc(100vw - 30px - 35px);
    overflow: scroll
}

@-webkit-keyframes social-media-anim {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes social-media-anim {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes tremble {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    3.33333% {
        -webkit-transform: translate(-5.18923px, 6.45485px);
        transform: translate(-5.18923px, 6.45485px)
    }

    6.66667% {
        -webkit-transform: translate(-5.84296px, -6.32524px);
        transform: translate(-5.84296px, -6.32524px)
    }

    10% {
        -webkit-transform: translate(5.67971px, 6.00422px);
        transform: translate(5.67971px, 6.00422px)
    }

    13.33333% {
        -webkit-transform: translate(-5.5056px, 5.83616px);
        transform: translate(-5.5056px, 5.83616px)
    }

    16.66667% {
        -webkit-transform: translate(6.31368px, -5.51401px);
        transform: translate(6.31368px, -5.51401px)
    }

    20% {
        -webkit-transform: translate(-6.21184px, 6.49193px);
        transform: translate(-6.21184px, 6.49193px)
    }

    23.33333% {
        -webkit-transform: translate(6.09065px, -5.21259px);
        transform: translate(6.09065px, -5.21259px)
    }

    26.66667% {
        -webkit-transform: translate(-6.49916px, 5.56159px);
        transform: translate(-6.49916px, 5.56159px)
    }

    30% {
        -webkit-transform: translate(6.48086px, 6.21228px);
        transform: translate(6.48086px, 6.21228px)
    }

    33.33333% {
        -webkit-transform: translate(-6.43889px, -6.152px);
        transform: translate(-6.43889px, -6.152px)
    }

    36.66667% {
        -webkit-transform: translate(6.35914px, 6.34835px);
        transform: translate(6.35914px, 6.34835px)
    }

    40% {
        -webkit-transform: translate(-6.42834px, 5.3091px);
        transform: translate(-6.42834px, 5.3091px)
    }

    43.33333% {
        -webkit-transform: translate(6.47472px, -6.49889px);
        transform: translate(6.47472px, -6.49889px)
    }

    46.66667% {
        -webkit-transform: translate(-5.92402px, 6.4416px);
        transform: translate(-5.92402px, 6.4416px)
    }

    50% {
        -webkit-transform: translate(6.0657px, -5.75306px);
        transform: translate(6.0657px, -5.75306px)
    }

    53.33333% {
        -webkit-transform: translate(-6.19035px, -6.07484px);
        transform: translate(-6.19035px, -6.07484px)
    }

    56.66667% {
        -webkit-transform: translate(5.28828px, 5.79337px);
        transform: translate(5.28828px, 5.79337px)
    }

    60% {
        -webkit-transform: translate(-5.47167px, -6.42789px);
        transform: translate(-5.47167px, -6.42789px)
    }

    63.33333% {
        -webkit-transform: translate(5.64753px, -5.09795px);
        transform: translate(5.64753px, -5.09795px)
    }

    66.66667% {
        -webkit-transform: translate(5.41006px, -5.26292px);
        transform: translate(5.41006px, -5.26292px)
    }

    70% {
        -webkit-transform: translate(-5.22477px, -6.3683px);
        transform: translate(-5.22477px, -6.3683px)
    }

    73.33333% {
        -webkit-transform: translate(5.03588px, 5.92931px);
        transform: translate(5.03588px, 5.92931px)
    }

    76.66667% {
        -webkit-transform: translate(-6.01937px, -6.18398px);
        transform: translate(-6.01937px, -6.18398px)
    }

    80% {
        -webkit-transform: translate(5.8724px, -5.60494px);
        transform: translate(5.8724px, -5.60494px)
    }

    83.33333% {
        -webkit-transform: translate(-5.71151px, 6.4786px);
        transform: translate(-5.71151px, 6.4786px)
    }

    86.66667% {
        -webkit-transform: translate(6.40734px, -6.49607px);
        transform: translate(6.40734px, -6.49607px)
    }

    90% {
        -webkit-transform: translate(-6.33062px, 5.46957px);
        transform: translate(-6.33062px, 5.46957px)
    }

    93.33333% {
        -webkit-transform: translate(6.23264px, 6.26738px);
        transform: translate(6.23264px, 6.26738px)
    }

    96.66667% {
        -webkit-transform: translate(-6.48975px, -6.03867px);
        transform: translate(-6.48975px, -6.03867px)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes tremble {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    3.33333% {
        -webkit-transform: translate(-5.18923px, 6.45485px);
        transform: translate(-5.18923px, 6.45485px)
    }

    6.66667% {
        -webkit-transform: translate(-5.84296px, -6.32524px);
        transform: translate(-5.84296px, -6.32524px)
    }

    10% {
        -webkit-transform: translate(5.67971px, 6.00422px);
        transform: translate(5.67971px, 6.00422px)
    }

    13.33333% {
        -webkit-transform: translate(-5.5056px, 5.83616px);
        transform: translate(-5.5056px, 5.83616px)
    }

    16.66667% {
        -webkit-transform: translate(6.31368px, -5.51401px);
        transform: translate(6.31368px, -5.51401px)
    }

    20% {
        -webkit-transform: translate(-6.21184px, 6.49193px);
        transform: translate(-6.21184px, 6.49193px)
    }

    23.33333% {
        -webkit-transform: translate(6.09065px, -5.21259px);
        transform: translate(6.09065px, -5.21259px)
    }

    26.66667% {
        -webkit-transform: translate(-6.49916px, 5.56159px);
        transform: translate(-6.49916px, 5.56159px)
    }

    30% {
        -webkit-transform: translate(6.48086px, 6.21228px);
        transform: translate(6.48086px, 6.21228px)
    }

    33.33333% {
        -webkit-transform: translate(-6.43889px, -6.152px);
        transform: translate(-6.43889px, -6.152px)
    }

    36.66667% {
        -webkit-transform: translate(6.35914px, 6.34835px);
        transform: translate(6.35914px, 6.34835px)
    }

    40% {
        -webkit-transform: translate(-6.42834px, 5.3091px);
        transform: translate(-6.42834px, 5.3091px)
    }

    43.33333% {
        -webkit-transform: translate(6.47472px, -6.49889px);
        transform: translate(6.47472px, -6.49889px)
    }

    46.66667% {
        -webkit-transform: translate(-5.92402px, 6.4416px);
        transform: translate(-5.92402px, 6.4416px)
    }

    50% {
        -webkit-transform: translate(6.0657px, -5.75306px);
        transform: translate(6.0657px, -5.75306px)
    }

    53.33333% {
        -webkit-transform: translate(-6.19035px, -6.07484px);
        transform: translate(-6.19035px, -6.07484px)
    }

    56.66667% {
        -webkit-transform: translate(5.28828px, 5.79337px);
        transform: translate(5.28828px, 5.79337px)
    }

    60% {
        -webkit-transform: translate(-5.47167px, -6.42789px);
        transform: translate(-5.47167px, -6.42789px)
    }

    63.33333% {
        -webkit-transform: translate(5.64753px, -5.09795px);
        transform: translate(5.64753px, -5.09795px)
    }

    66.66667% {
        -webkit-transform: translate(5.41006px, -5.26292px);
        transform: translate(5.41006px, -5.26292px)
    }

    70% {
        -webkit-transform: translate(-5.22477px, -6.3683px);
        transform: translate(-5.22477px, -6.3683px)
    }

    73.33333% {
        -webkit-transform: translate(5.03588px, 5.92931px);
        transform: translate(5.03588px, 5.92931px)
    }

    76.66667% {
        -webkit-transform: translate(-6.01937px, -6.18398px);
        transform: translate(-6.01937px, -6.18398px)
    }

    80% {
        -webkit-transform: translate(5.8724px, -5.60494px);
        transform: translate(5.8724px, -5.60494px)
    }

    83.33333% {
        -webkit-transform: translate(-5.71151px, 6.4786px);
        transform: translate(-5.71151px, 6.4786px)
    }

    86.66667% {
        -webkit-transform: translate(6.40734px, -6.49607px);
        transform: translate(6.40734px, -6.49607px)
    }

    90% {
        -webkit-transform: translate(-6.33062px, 5.46957px);
        transform: translate(-6.33062px, 5.46957px)
    }

    93.33333% {
        -webkit-transform: translate(6.23264px, 6.26738px);
        transform: translate(6.23264px, 6.26738px)
    }

    96.66667% {
        -webkit-transform: translate(-6.48975px, -6.03867px);
        transform: translate(-6.48975px, -6.03867px)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@media (max-width: 997.98px) {
    #navbar {
        position: absolute;
        left: -175px;
        top: 70px
    }

    #navbar .navbar-nav .nav-link {
        font-size: 1.25rem;
        display: none
    }

    #navbar .navbar-nav .nav-item+.nav-item {
        margin-left: 25px
    }

    #navbar .submenu-container .text-area {
        display: none
    }

    #navbar .submenu-container .links-area a {
        color: #562C1B;
        background-color: #fff;
        -webkit-transition: background-color .2s ease, color .1s ease;
        -o-transition: background-color .2s ease, color .1s ease;
        transition: background-color .2s ease, color .1s ease;
        -webkit-box-shadow: 0px 13px 26px rgba(181, 181, 181, 0.2);
        box-shadow: 0px 13px 26px rgba(181, 181, 181, 0.2)
    }

    #navbar .menu-slider .navbar-nav .nav-link {
        display: block
    }

    #header .item>.social-media {
        display: none
    }

    .search,
    .language {
        opacity: 0;
        -webkit-transition: opacity 0.15s linear !important;
        -o-transition: opacity 0.15s linear !important;
        transition: opacity 0.15s linear !important;
        -webkit-transition-delay: .5s;
        -o-transition-delay: .5s;
        transition-delay: .5s
    }

    #menu-pane.open .search,
    #menu-pane.open .language {
        opacity: 1
    }
}

@media (min-width: 998px) {
    #header {
        position: absolute
    }

    #header .seperate:before,
    #header .seperate.right:after {
        content: '\e834';
        color: #000;
        opacity: .2;
        font-family: "ui-icons";
        margin: 0 1.3rem
    }

    #header .seperate.right:before {
        display: none
    }

    #header .social-media {
        right: 100%
    }

    #logo a {
        width: 143.75px;
        height: 43.34px
    }

    #logo.big a {
        width: 315px;
        height: 95px
    }

    .navbar-toggler {
        font-size: 1.25rem
    }

    #navbar.collapse:not(.show) {
        pointer-events: none
    }

    #navbar .triangle {
        position: absolute;
        margin-top: 30px;
        margin-left: -9.5px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 9.5px 9.5px 0 9.5px;
        border-color: #fff transparent transparent transparent;
        -webkit-transition: left .2s ease;
        -o-transition: left .2s ease;
        transition: left .2s ease
    }

    #navbar .submenu-container {
        width: 100%;
        padding-top: 60px
    }

    #navbar .submenu-container .links-area {
        width: 66.17100371747212%;
    }

    #navbar .submenu-container .links-area.with-banner {
        grid-template-rows: auto 1fr
    }

    #navbar .submenu-container .links-area .banner-area {
        grid-column: 1 / 4
    }

    #menu-pane {
        padding: 55px 0 68px
    }

    #menu-pane:before {
        -webkit-mask-size: 1057px;
        mask-size: 1057px;
        right: -371px;
        width: 855px;
        height: 144px
    }

    .edge #menu-pane:before {
        background-size: 1057px
    }

    #menu-pane:after {
        background: url("../img/menu-pattern-bg.svg") #fff
    }

    #menu-pane .menu-left-bottom {
        position: absolute;
        z-index: -1;
        left: -1018px;
        top: 877.84px;
        -webkit-mask: url("../img/menu-left-bottom.svg");
        mask: url("../img/menu-left-bottom.svg");
        background-color: var(--menu);
        width: 1033.94px;
        height: calc(100vh - 877.84px);
        min-height: 124px;
        max-height: 643.16px;
        visibility: hidden
    }

    .edge #menu-pane .menu-left-bottom {
        -webkit-mask: none;
        mask: none;
        background: url("../img/menu-left-bottom.svg") 0 0 no-repeat transparent
    }

    #menu-pane .menu-left-top {
        position: absolute;
        z-index: -1;
        left: -681px;
        top: 250px;
        -webkit-mask: url("../img/menu-left-top.svg");
        mask: url("../img/menu-left-top.svg");
        background-color: var(--menu);
        width: 248px;
        height: 248px;
        visibility: hidden
    }

    .edge #menu-pane .menu-left-top {
        -webkit-mask: none;
        mask: none;
        background: url("../img/menu-left-top.svg") 0 0 no-repeat transparent
    }

    #menu-pane.open .social-media {
        position: absolute;
        left: 0;
        right: auto
    }

    #menu-pane.open .social-media h3 {
        display: block
    }

    #menu-pane.open .animated-desserts img {
        -webkit-animation: tremble 40s linear 1s infinite normal forwards running;
        animation: tremble 40s linear 1s infinite normal forwards running
    }

    #menu-pane.open .animated-desserts img:nth-child(even) {
        -webkit-animation-direction: reverse;
        animation-direction: reverse
    }

    .search {
        margin: 0
    }

    .search-form {
        width: 718px;
        font-size: 1.75rem
    }

    .search-form .form-control {
        padding-left: 2.75rem
    }

    .header-mt {
        padding-top: 140px
    }
}

@media (min-width: 998px) and (max-width: 1279.98px) {
    #menu-pane {
        font-size: 0.97rem
    }

    #menu-pane.open .social-media {
        left: -163px
    }

    #navbar .submenu-container {
        width: calc(100% + 163px);
        left: -163px
    }
}

@media (min-width: 1280px) {
    #navbar.collapse:not(.show) {
        display: inherit
    }

    .language,
    .search {
        margin-right: 1.9rem
    }

    .search {
        margin: 0
    }
}

#footer {
    color: #fff;
    padding-top: 70px;
    position: relative;
    overflow-x: hidden
}

#footer:before,
#footer:after {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    z-index: -2;
    left: 0;
    top: 0
}

#footer:before {
    -webkit-mask: url("../img/footer-mobile-bg.svg") no-repeat;
    mask: url("../img/footer-mobile-bg.svg") no-repeat;
    -webkit-mask-position: 50% 0;
    mask-position: 50% 0;
    background-color: var(--footer1)
}

.edge #footer:before {
    background: url("../img/footer-mobile-bg.svg") 50% 0 no-repeat transparent
}

#footer:after {
    -webkit-mask-image: url("../img/footer-mobile-bg-2.svg");
    mask-image: url("../img/footer-mobile-bg-2.svg");
    -webkit-mask-position: 50% 300px;
    mask-position: 50% 300px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--footer2);
    z-index: -1
}

.edge #footer:after {
    background: url("../img/footer-mobile-bg-2.svg") 50% 300px no-repeat transparent
}

#footer a {
    color: inherit;
    -webkit-transition: color .2s ease, opacity .2s ease;
    -o-transition: color .2s ease, opacity .2s ease;
    transition: color .2s ease, opacity .2s ease
}

#footer a:hover {
    color: #000;
    opacity: .5
}

#footer .title {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 5.25rem;
    text-align: center
}

#footer .links {
    font-size: .875rem;
    font-weight: 700
}

#footer .links a {
    line-height: 2rem
}

#footer .social-media {
    font-size: 1.625rem
}

#footer .social-media h3 {
    display: none
}

#footer .copy-right {
    margin-top: 6.2rem;
    font-size: .75rem
}

#footer li+li {
    margin-left: 2rem
}

@media (max-width: 997.98px) {
    #footer .yildiz-holding-logo {
        position: relative;
        top: -5rem
    }

    #footer .copy-right li {
        width: 100%;
        margin-top: 6.2rem
    }

    #footer .copy-right li+li {
        width: 50%;
        margin: 0
    }

    #footer .copy-right li a {
        display: block;
        border-bottom: 2px solid #fff;
        padding: 0.625rem;
        margin: 0 .5rem
    }
}

@media (min-width: 998px) {
    #footer {
        min-height: 388px;
        padding-top: 100px
    }

    #footer:before {
        -webkit-mask: url("../img/footer-bg-2.svg") no-repeat;
        mask: url("../img/footer-bg-2.svg") no-repeat;
        -webkit-mask-position: calc(50% + 110px) 100%;
        mask-position: calc(50% + 110px) 100%;
        background-color: var(--footer2);
        z-index: -1
    }

    .edge #footer:before {
        -webkit-mask: none;
        mask: none;
        background: url("../img/footer-bg-2.svg") 0 0 no-repeat transparent;
        background-position: calc(50% + 110px) 100%
    }

    #footer:after {
        -webkit-mask: url("../img/footer-bg.svg") no-repeat;
        mask: url("../img/footer-bg.svg") no-repeat;
        -webkit-mask-position: calc(50% - 68px) 100%;
        mask-position: calc(50% - 68px) 100%;
        background-color: var(--footer1);
        z-index: -2
    }

    .edge #footer:after {
        -webkit-mask: none;
        mask: none;
        background: url("../img/footer-bg.svg") 0 0 no-repeat;
        background-position: calc(50% - 68px) 100%
    }

    #footer .title {
        text-align: left;
        margin-bottom: 4rem
    }

    #footer .social-media {
        font-size: 1.3rem
    }
}

.slider-main .content {
    height: auto;
    overflow: hidden;
    position: relative;
    display: block !important
}

.slider-main .content .content-text {
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 10%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.slider-main .content .content-text p {
    text-shadow: 0px 23px 26px rgba(0, 0, 0, 0.36)
}

.slider-main .slick-slide img {
    width: 100%
}

.slider-main .slick-arrows {
    top: auto;
    bottom: 50px;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset
}


.edge .slider-main .slick-arrows:before {
    -webkit-mask: none;
    mask: none;
    background: url("../img/main-slider-arrow-bg.svg") no-repeat 0 100% transparent
}

.slider-main .slick-arrows .slick-prev,
.slider-main .slick-arrows .slick-next {
    color: #fff
}

.slider-main .slick-dots {
    bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.slider-main .slick-dots button {
    width: 60px;
    height: 2px;
    border-radius: 1.25rem;
    background: #fff;
    opacity: .5;
    padding: 0
}

.slider-main .slick-dots buttonbefore {
    display: none
}

.slider-main .slick-dots li {
    width: auto;
    height: auto
}

.slider-main .slick-dots .slick-active button {
    opacity: 1;
    width: 120px
}

.slider-main .slick-dotted.slick-slider {
    margin-bottom: 0
}

.slider-main .btn {
    margin: 15px 0;
    -webkit-box-shadow: 0 23px 26px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 23px 26px 0 rgba(0, 0, 0, 0.16)
}

.slider-brand .embed-responsive-16by9:before {
    padding-top: 41.66667%
}

.slider-mutlu-et .slick-arrows {
    left: -40%;
    margin-left: -15px
}

.slider-mutlu-et .mutlu-item {
    padding: 5px;
    display: block !important
}

.slider-mutlu-et .mutlu-item img {
    display: block;
    width: 100%;
    border-radius: 1.25rem;
    margin-bottom: 0
}

.page-content .slider-mutlu-et .slick-arrows {
    left: auto;
    right: 0;
    top: auto;
    bottom: 100%;
    margin-bottom: 30px
}

.page-content .slider-mutlu-et .slick-arrows .slick-prev,
.page-content .slider-mutlu-et .slick-arrows .slick-next {
    color: #0F253B
}

.slider-tarifler .slick-arrows {
    left: -40% !important;
    margin-left: -15px !important
}

.no-shape:before {
    display: none
}

.slider-haberler {
    margin: 0 -10px
}

.slider-haberler .slick-arrows {
    left: calc(100% + 33.333333333% - 10%);
    margin-left: 15px
}

.slider-haberler .news-item {
    padding: 0 10px 40px;
    height: 100%
}

.slider-ulkerTv {
    margin: 0 -20px
}

.slider-ulkerTv .slick-arrows {
    bottom: 40px;
    top: auto;
    margin: 0 15px
}

.slider-ulkerTv .slick-list {
    overflow: visible
}

.slider-searchBrands .slick-arrows {
    top: auto;
    bottom: 100%;
    right: 0
}

.slider-news-detail .slick-arrows {
    top: auto;
    bottom: 0;
    right: 0;
    padding: 10px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.slider-news-detail .slick-arrows .slick-prev,
.slider-news-detail .slick-arrows .slick-next {
    color: var(--menu);
}

.dots {
    position: relative
}

.slick-dots li button:before {
    display: none
}

.slick-arrows {
    position: absolute;
    top: 50%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 120px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.slick-prev,
.slick-next {
    position: static;
    font-size: inherit;
    color: #0F253B;
    top: 0;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset
}

.slick-prev:before,
.slick-next:before {
    display: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: #193f64
}

.slick-next {
    right: 0
}

.slick-loading .slick-list {
    background: none
}

@media (min-width: 998px) {
    .slider-haberler .news-item {
        padding: 0 10px
    }

    .slider-haberler .slick-slide {
        float: none;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        height: auto
    }

    .slider-haberler .slick-slide>div {
        width: 100%
    }

    .slider-haberler .slick-track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .slider-ulkerTv {
        margin: 0
    }

    .slider-main .content {
        height: 100vh
    }

    .slider-main .content .container {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .slider-main .content .content-text {
        font-size: 4rem;
        margin: 0 20%
    }

    .slider-main .slick-slide img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .slider-main .slick-dots {
        bottom: 50px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .slider-main .slick-dots button {
        height: 4px
    }

    .slider-main .btn {
        position: absolute;
        right: 0;
        bottom: 200px;
        margin: 0 15px
    }

    .slider-brand .content {
        height: auto;
        max-height: 800px
    }

    .slider-brand .slick-slide img {
        height: auto
    }

    .slider-brand .slick-arrows:before {
        display: none
    }

    .slider-mutlu-et .mutlu-item {
        padding: 10px
    }

    .page-content .slider-mutlu-et:before {
        content: '';
        -webkit-mask: url(../img/ulker-tv-bg.svg) 0 0 no-repeat;
        mask: url(../img/ulker-tv-bg.svg) 0 0 no-repeat;
        -webkit-mask-size: 100%;
        mask-size: 100%;
        background-color: var(--menu);
        width: 809px;
        height: 606px;
        position: absolute;
        z-index: -1;
        right: -530px;
        top: -280px
    }

    .page-content .slider-mutlu-et .slick-arrows .slick-prev,
    .page-content .slider-mutlu-et .slick-arrows .slick-next {
        color: #fff
    }
}

@media (max-width: 997.98px) {
    .slider-main .content .content-text {
        position: absolute
    }
}

@media (min-width: 998px) and (max-width: 1279.98px) {
    .slider-main:not(.slider-brand) .embed-responsive-16by9:before {
        padding-top: 0;
        height: 100vh
    }
}

@media (min-width: 1440px) {
    .slider-mutlu-et .slick-arrows {
        margin-top: -20px
    }

    .slider-haberler {
        margin: 0 -20px
    }

    .slider-haberler .news-item {
        padding: 0 20px
    }

    .slider-haberler .slick-arrows {
        left: calc(100% + 33.333333333% - 11%)
    }
}

@media (min-width: 1600px) {
    .slider-haberler .slick-arrows {
        left: calc(100% + 33.333333333% - 8%)
    }
}

.main-products {
    font-size: 1rem
}

.main-products h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem
}

.main-products .grid-container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-template-areas: "text-area text-area"". ."". ."
}

.main-products .text-area {
    grid-area: text-area;
    text-align: right
}

.main-products.tree .product-title .title {
    color: #0F253B;
    font-size: 1.75rem;
    font-weight: 700;
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.main-mutlu-et .container {
    position: relative
}

.main-mutlu-et .main-title {
    padding-right: 13vw
}

.main-mutlu-et .shape-1:before {
    -webkit-mask: url(../img/mutluet-shape-1.svg) 0 0 no-repeat;
    mask: url(../img/mutluet-shape-1.svg) 0 0 no-repeat;
    background-color: var(--menu)
}

.edge .main-mutlu-et .shape-1:before {
    -webkit-mask: none;
    mask: none;
    background: url(../img/mutluet-shape-1.svg) 0 0 no-repeat transparent;
    background-size: 100%
}

.main-mutlu-et .shape-1,
.main-mutlu-et .shape-2 {
    position: absolute;
    z-index: -1;
    width: 365.43px;
    height: 286.59px;
    top: -290px;
    right: -292px
}

.main-mutlu-et .shape-1:before,
.main-mutlu-et .shape-2:before {
    content: '';
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: var(--menu);
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.main-mutlu-et .shape-1 img,
.main-mutlu-et .shape-2 img {
    -webkit-animation: tremble 40s linear 1s infinite normal forwards running;
    animation: tremble 40s linear 1s infinite normal forwards running
}

.main-mutlu-et .shape-1 {
    padding-top: 100px
}

.main-mutlu-et .shape-1 img {
    position: relative;
    left: -60px;
    width: 140px
}

.main-mutlu-et .shape-2 {
    top: auto;
    bottom: -152px;
    right: calc(100% - 176px);
    width: 340.82px;
    height: 212.01px;
    padding-top: 100px;
    text-align: right
}

.main-mutlu-et .shape-2:before {
    -webkit-mask: url(../img/mutluet-shape-2.svg) 0 0 no-repeat;
    mask: url(../img/mutluet-shape-2.svg) 0 0 no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: var(--menu)
}

.edge .main-mutlu-et .shape-2:before {
    -webkit-mask: none;
    mask: none;
    background: url(../img/mutluet-shape-2.svg) 0 0 no-repeat transparent;
    background-size: 100%
}

.main-mutlu-et .shape-2 img {
    width: 160px;
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}

.main-mutlu-et .decors {
    position: absolute;
    z-index: 1;
    -webkit-animation: tremble 40s linear 1s infinite normal forwards running;
    animation: tremble 40s linear 1s infinite normal forwards running
}

.main-mutlu-et .decors._1 {
    top: -28px;
    left: 90px;
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}

.main-mutlu-et .decors._2 {
    bottom: -30px;
    left: -135px
}

.main-mutlu-et .decors._3 {
    bottom: -60px;
    right: 10px
}

.news-list .media {
    min-height: 100%
}

.news-list .media:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.news-list .media:hover .read-more {
    text-decoration: underline
}

.news-list .media-left {
    border-radius: 1.25rem;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%
}

.news-list .media-left img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 0;
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    -o-transition: transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease
}

.news-list .media-body {
    padding: 1rem .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.news-list h5 {
    font-size: 1.5rem
}

.news-list time {
    font-size: 1rem;
    opacity: 0.5;
    margin: .5rem 0;
    display: block
}

.news-list .read-more {
    font-size: 1rem;
    color: inherit;
    margin-top: auto
}

.news-list .read-more [class^="ui-icon-"],
.news-list .read-more [class*=" ui-icon-"] {
    -webkit-transition: left .3s ease;
    -o-transition: left .3s ease;
    transition: left .3s ease;
    position: relative;
    left: 0
}

.news-list .read-more:hover {
    color: #562C1B
}

.news-list .read-more:hover [class^="ui-icon-"],
.news-list .read-more:hover [class*=" ui-icon-"] {
    left: 10px
}

.news-list .category {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #562C1B;
    color: #fff;
    font-size: .875rem;
    padding: 10px 1rem;
    border-radius: 0 20px 0 0
}

.main-ulker-tv .slider-ulkerTv {
    margin: 0 -15px
}

.main-ulker-tv .bg {
    -webkit-mask: url(../img/ulker-tv-bg.svg) 0 0 no-repeat;
    mask: url(../img/ulker-tv-bg.svg) 0 0 no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: var(--menu);
    width: 519.05px;
    height: 385.32px;
    position: absolute;
    right: -434px;
    top: -80px
}

.edge .main-ulker-tv .bg {
    -webkit-mask: none;
    mask: none;
    background: url(../img/ulker-tv-bg.svg) 0 0 no-repeat transparent;
    background-size: 100%
}

.main-ulker-tv .tv-item {
    padding: 0 15px
}

.main-ulker-tv .media {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.main-ulker-tv .media .media-body {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 0 .75rem
}

.main-ulker-tv .media .media-left img {
    width: 100%;
    border-radius: 1.25rem
}

.main-surdurulebilirlik .item {
    text-align: center
}

.products-page {
    position: relative;
    min-height: 100vh
}

.products-page .bg-left,
.products-page .bg-right {
    display: none;
    position: absolute;
    z-index: -1;
    right: calc(100% + 42px);
    top: 370px;
    width: 586px;
    height: 463px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.products-page .bg-left:before,
.products-page .bg-right:before {
    content: '';
    position: absolute;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-size: 100%;
    mask-size: 100%
}

.products-page .bg-left img,
.products-page .bg-right img {
    -webkit-animation: tremble 40s linear 1s infinite normal forwards running;
    animation: tremble 40s linear 1s infinite normal forwards running
}

.products-page .bg-left:before {
    -webkit-mask: url("../img/products-page-left.svg") no-repeat 0 0;
    mask: url("../img/products-page-left.svg") no-repeat 0 0;
    background-color: var(--menu)
}

.edge .products-page .bg-left:before {
    -webkit-mask: none;
    mask: none;
    background: url("../img/products-page-left.svg") no-repeat 0 0 transparent
}

.products-page .bg-right {
    left: calc(100% + 42px);
    right: auto;
    top: auto;
    bottom: -130px;
    width: 1283px;
    height: 991px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.products-page .bg-right:before {
    background-color: var(--menu);
    -webkit-mask: url("../img/products-page-right.svg") no-repeat 0 0;
    mask: url("../img/products-page-right.svg") no-repeat 0 0
}

.edge .products-page .bg-right:before {
    -webkit-mask: none;
    mask: none;
    background: url("../img/products-page-right.svg") no-repeat 0 0 transparent
}

.products-page .bg-right img {
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}

.products-page .bg-right img {
    margin-top: 130px;
    margin-left: -60px
}

@media (max-width: 997.98px) {
    .media-container .img-media {
        display: none
    }
}

.media-container .img-media {
    position: absolute;
    z-index: -1;
    left: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.media-container .img-media.right {
    left: auto;
    right: 0;
    -webkit-transform: translateX(50%) translateY(-50%);
    -ms-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%)
}

.media-container .grid-layout {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
    grid-auto-rows: minmax(100px, auto);
    grid-auto-flow: dense
}

.media-container .grid-layout img {
    border-radius: 10px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.media-container .span-2 {
    grid-column-end: span 2
}

.media-container .span-2-1 {
    grid-column-end: span 2;
    grid-row-end: span 1
}

.media-container .span-4-2 {
    grid-column-end: span 2
}

@media (min-width: 998px) {
    .main-products .grid-container {
        grid-template-columns: repeat(3, 33.33333%);
        grid-template-areas: "text-area text-area text-area"". . ."". . ."
    }

    .main-products.brand-products .grid-container {
        grid-template-columns: repeat(4, 25%);
        grid-template-areas: ". . . .";
        grid-template-rows: 1fr
    }

    .main-products:not(.brand) .product-item {
        padding: 10px
    }

    .main-ulker-tv .media {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .main-ulker-tv .media .media-body {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 32.5%;
        padding: 0 0.75rem 0 0
    }

    .main-ulker-tv .media .media-left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 62.5%;
        padding: 0
    }

    .main-ulker-tv .slick-slide .media-body {
        opacity: 0;
        -webkit-transition: opacity .5s ease;
        -o-transition: opacity .5s ease;
        transition: opacity .5s ease
    }

    .main-ulker-tv .slick-slide .media-left {
        width: 62.5%;
        position: relative
    }

    .main-ulker-tv .slick-slide .media-left:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background-color: #0F253B;
        opacity: .6;
        border-radius: 1.25rem;
        -webkit-transition: opacity .5s ease;
        -o-transition: opacity .5s ease;
        transition: opacity .5s ease;
        pointer-events: none
    }

    .main-ulker-tv .slick-slide.slick-active .media-body {
        opacity: 1
    }

    .main-ulker-tv .slick-slide.slick-active .media-left:before {
        opacity: 0
    }

    .media-container .grid-layout {
        grid-template-columns: repeat(6, 1fr);
        grid-auto-rows: minmax(150px, auto)
    }

    .media-container .span-2 {
        grid-column-end: span 2;
        grid-row-end: span 2
    }

    .media-container .span-2-1 {
        grid-column-end: span 2;
        grid-row-end: span 1
    }

    .media-container .span-4-2 {
        grid-column-end: span 4;
        grid-row-end: span 2
    }

    .products-page .bg-left,
    .products-page .bg-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 1280px) {
    .main-products h3 {
        font-size: 1.75rem;
        margin-bottom: 2.4rem
    }

    .main-products .grid-container {
        grid-template-columns: repeat(5, 20%);
        grid-template-areas: ". . . text-area text-area"". . . . ."". . . . ."
    }

    .main-products .text-area {
        padding-left: 30%
    }

    .main-products.tree .grid-container {
        grid-template-columns: repeat(3, 33.33333%);
        grid-template-rows: auto;
        grid-template-areas: unset
    }

    .main-products.tree .product-title .title {
        bottom: 50px
    }

    .main-mutlu-et .shape-1,
    .main-mutlu-et .shape-2 {
        width: 1160px;
        height: 909px;
        top: -533px;
        right: -940px
    }

    .main-mutlu-et .shape-1 img,
    .main-mutlu-et .shape-2 img {
        position: static;
        width: auto
    }

    .main-mutlu-et .shape-1 {
        padding-top: 460px;
        padding-left: 75px
    }

    .main-mutlu-et .shape-2 {
        top: 450px;
        bottom: auto;
        right: calc(100% - 137px);
        width: 1034px;
        height: 643px;
        padding-top: 177px
    }

    .main-mutlu-et .mutlu-item {
        padding: 10px
    }

    .news-list h5 {
        font-size: 1.125rem
    }

    .news-list time {
        font-size: .75rem;
        margin: .3rem 0
    }

    .news-list .read-more {
        font-size: .75rem
    }

    .main-ulker-tv .bg {
        width: 1350px;
        height: 1010px;
        right: -850px;
        top: -255px
    }

    .main-ulker-tv .media {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .main-ulker-tv .media .media-body {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 32.5%
    }

    .main-ulker-tv .media .media-left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 62.5%;
        padding: 0
    }

    .main-ulker-tv .slick-slide {
        height: 400px
    }

    .main-ulker-tv .slick-slide .media-left {
        width: 45%;
        -webkit-transition: width .5s ease, left .5s ease;
        -o-transition: width .5s ease, left .5s ease;
        transition: width .5s ease, left .5s ease;
        left: 0
    }

    .main-ulker-tv .slick-slide.slick-active .media-left {
        width: 62.5%
    }

    .main-ulker-tv .slick-slide.slick-active+.slick-slide .media-left {
        left: -55%
    }
}

@media (min-width: 1600px) {
    .main-ulker-tv .media .media-body {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 22.5%
    }

    .main-ulker-tv .slick-slide {
        height: 507px
    }

    .main-ulker-tv .main-title {
        margin-bottom: -3rem
    }
}

.product-item {
    display: block;
    position: relative;
    margin-bottom: 30px;
    color: inherit
}

.product-item a {
    display: block;
    color: inherit
}

.product-item .img-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    pointer-events: none
}

.product-item .img-cover img {
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.product-item .product-title {
    display: block;
    position: relative;
    margin: 0 1.5rem;
    text-align: center;
    font-weight: 700;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    font-size: 0.875rem
}

.product-item .product-title [class^="ui-icon-"],
.product-item .product-title [class*=" ui-icon-"] {
    position: relative;
    left: -1rem;
    margin-left: -10px;
    opacity: 0;
    -webkit-transition: opacity .3s ease, left .2s ease;
    -o-transition: opacity .3s ease, left .2s ease;
    transition: opacity .3s ease, left .2s ease
}

.product-item:hover {
    color: inherit;
    cursor: pointer
}

.product-item:hover .img-cover img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.product-item:hover .product-title {
    -webkit-transform: scale(1.25) translateY(20px);
    -ms-transform: scale(1.25) translateY(20px);
    transform: scale(1.25) translateY(20px)
}

.product-item:hover .product-title [class^="ui-icon-"],
.product-item:hover .product-title [class*=" ui-icon-"] {
    left: 1.5rem;
    opacity: 1
}

.product-item:hover .product-title .title {
    color: #fff
}

.product-item:hover .product-box-background {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.product-item:hover .product-box-background path {
    fill: #562C1B
}

.product-item:hover .product-box-dotted {
    opacity: 1
}

.product-item:hover .product-box-dotted path {
    -webkit-animation: dash 5s linear infinite;
    animation: dash 5s linear infinite
}

.product-item:hover~svg path {
    -webkit-animation: dash 1.5s linear forwards;
    animation: dash 1.5s linear forwards
}

.product-item.brand {
    margin-bottom: 0
}

.product-item.brand .product-box {
    margin-bottom: 0
}

.product-item.brand .product-title {
    color: #fff;
    font-size: .875rem;
    position: absolute;
    left: 50%;
    bottom: 20%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0
}

.main-products:not(.brand) .product-item .img-cover {
    padding: 45px
}

.main-products:not(.brand) .product-item .img-cover img {
    position: absolute;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    top: 50%;
    left: 50%
}

.main-products:not(.brand) .product-item:hover .img-cover img {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1.3);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1.3);
    transform: translateY(-50%) translateX(-50%) scale(1.3)
}

.product-box {
    position: relative;
    display: block;
    padding: 12px
}

.product-box-background {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-filter: drop-shadow(0px 23px 36px rgba(91, 91, 91, 0.16));
    filter: drop-shadow(0px 23px 36px rgba(91, 91, 91, 0.16))
}

.product-box-background path {
    fill: white;
    -webkit-transition: fill .5s ease;
    -o-transition: fill .5s ease;
    transition: fill .5s ease
}

.product-box-dotted {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.product-box-dotted path {
    stroke-dasharray: 10;
    stroke-dashoffset: 700
}

.product-box-mask {
    opacity: 0;
    position: absolute;
    pointer-events: none
}

.product-box-mask mask path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    stroke: white
}

@-webkit-keyframes dash {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes dash {
    to {
        stroke-dashoffset: 0
    }
}

@media (min-width: 998px) {
    .product-item .product-title {
        font-size: 1rem
    }

    .product-box {
        padding: 30px
    }
}

@media (min-width: 1280px) {
    .product-item .img-cover {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        padding: 70px
    }

    .product-item .product-title {
        width: 60%;
        margin: 0 auto;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    .product-item.brand .product-title {
        bottom: 25%
    }

    .product-item.brand .img-cover {
        margin-top: 0
    }

    .product-box {
        padding: 20px
    }
}

@media (min-width: 1600px) {
    .product-box {
        padding: 25px
    }
}

.product-detail {
    background: none;
    padding: 0 !important;
    width: 100%
}

.product-detail .content {
    padding: 1.5rem 2rem;
    background-color: #fff;
    border-radius: 1.25rem
}

.product-detail .img-content {
    text-align: center;
    margin-bottom: 3rem;
    margin-top: -50px
}

.product-detail .img-content img {
    position: relative;
    width: 40%
}

.product-detail .text-content {
    text-align: center
}

.product-detail h4 {
    font-size: 1.75rem
}

.product-detail h4 small {
    font-size: .875rem;
    display: block
}

@media (min-width: 998px) {
    .product-detail {
        max-width: 90%
    }

    .product-detail .content {
        padding: 50px 60px
    }
}

@media (min-width: 1440px) {
    .product-detail {
        max-width: 1104px
    }
}

@media (min-width: 1600px) {
    .product-detail {
        max-width: 1280px
    }
}

@media (max-width: 576px) {
    .product-detail .img-content img {
        width: 75%
    }
}

.properties-table {
    text-align: center;
    overflow: auto
}

.properties-table table,
.properties-table tbody,
.properties-table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.properties-table tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #E0E6EC;
    border-radius: 1.25rem;
    font-size: 1.25rem;
    margin: 0 5px
}

.properties-table tr td {
    color: #0F253B;
    padding: 0.4rem 0
}

.properties-table tr td:first-child {
    opacity: .5;
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.properties-table tr td:first-child,
.properties-table tr td:last-child {
    padding: 0.6rem 0
}

.properties-table tr td:last-child {
    border-top: 1px solid #CBD3DB;
    color: var(--menu)
}

.properties-table .multi-supps tbody tr {
    margin: 0 0 10px 0;
    border-radius: 0;
    min-width: calc(100% / 3);
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.properties-table .multi-supps tbody tr:first-child {
    border-radius: 1.25rem 0 0 1.25rem
}

.properties-table .multi-supps tbody tr:first-child td+td {
    opacity: .5
}

.properties-table .multi-supps tbody tr:nth-child(3n+1) {
    border-radius: 1.25rem 0 0 1.25rem
}

.properties-table .multi-supps tbody tr:nth-child(3n+3) {
    border-radius: 0 1.25rem 1.25rem 0
}

.properties-table .multi-supps tbody tr:last-child {
    border-radius: 0 1.25rem 1.25rem 0
}

.properties-table .multi-supps tbody tr td {
    color: #0F253B;
    padding: .4rem .3rem
}

.properties-table .multi-supps tbody tr td:first-child {
    opacity: 1;
    border-bottom: 1px solid #CBD3DB;
    padding-left: .8rem;
    padding-right: .8rem
}

.properties-table .multi-supps tbody tr td:last-child {
    padding-left: .4rem;
    padding-right: .4rem;
    border-top: 0
}

.properties-table .multi-supps tbody tr+tr td+td {
    color: var(--menu)
}

@media (max-width: 1279.98px) {
    .properties-table .multi-supps tbody tr td {
        font-size: 0.938rem
    }

    .properties-table .multi-supps tbody tr td:not(:first-child) {
        white-space: nowrap
    }

    .properties-table .multi-supps tbody tr td:first-child {
        font-size: 0.8rem;
        line-height: 1
    }
}

@media (max-width: 997.98px) {
    .properties-table .multi-supps tbody tr td:first-child {
        font-size: 0.694rem
    }

    .main-title {
        font-size: 2rem;
    }
}

.aside-container {
    overflow: scroll;
    margin: 0 -35px
}

.aside-menu {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.aside-menu>li {
    background: #0F253B;
    border-radius: 1.25rem;
    border: 1px solid #D1D1D1;
    margin-bottom: .8rem;
    color: #fff;
    font-weight: 700;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-right: 1.25rem
}

.aside-menu>li .icon {
    font-size: 1.5rem;
    margin-right: 1rem;
    line-height: 1;
    -webkit-transition: -webkit-transition .3s ease;
    transition: -webkit-transition .3s ease;
    -o-transition: -o-transition .3s ease;
    transition: transition .3s ease;
    transition: transition .3s ease, -webkit-transition .3s ease, -o-transition .3s ease
}

.aside-menu>li .text {
    line-height: 1.2;
    min-width: 154px
}

.aside-menu>li a {
    color: inherit;
    padding: 1.25rem;
    height: 100%
}

.aside-menu>li.active,
.aside-menu>li:hover {
    background: #562C1B;
    color: #fff;
    border-color: #562C1B
}

.aside-menu>li.active {
    -webkit-box-shadow: 0px 13px 26px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 13px 26px rgba(0, 0, 0, 0.16)
}

.aside-menu>li.active a {
    position: relative
}

.aside-menu>li.active a:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 6.5px 0 6.5px;
    border-color: #562C1B transparent transparent transparent;
    margin-top: 5px;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.aside-menu .inner-list {
    display: none;
    margin: 0.625rem 0 2.25rem 3.75rem
}

.aside-menu .inner-list li {
    font-size: .875rem;
    margin-bottom: 1rem
}

.aside-menu .inner-list li a {
    padding: 0
}

.aside-menu .inner-list li a .text {
    opacity: .5
}

.aside-menu .inner-list li:hover a .text {
    opacity: 1
}

.aside-menu .inner-list .icon {
    font-size: inherit;
    margin-right: .8rem
}

@media (max-width: 997.98px) {
    .aside-menu>li:last-child {
        margin-right: 0
    }

    .aside-menu:before,
    .aside-menu:after {
        content: '';
        width: 35px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media (min-width: 998px) {
    .aside-container {
        margin: 0
    }
}

@media (min-width: 1280px) {
    .aside-container {
        overflow: visible;
        margin: 0;
        padding: 0;
        position: -webkit-sticky;
        position: sticky;
        top: 1rem
    }

    .aside-menu>li {
        background: #fff;
        color: #0F253B;
        margin-right: 0
    }

    .aside-menu>li.active>a .icon,
    .aside-menu>li:hover>a .icon {
        -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
        transform: scale(1.4);
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%
    }

    .aside-menu>li.active .inner-list {
        display: block
    }

    .aside-menu>li.active>a {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .aside-menu>li.active>a:before {
        display: none
    }

    .aside-menu:before {
        content: '';
        -webkit-mask: url("../img/aside-bg.svg") 0 0 no-repeat;
        mask: url("../img/aside-bg.svg") 0 0 no-repeat;
        background-color: var(--menu);
        width: 1089px;
        height: 715px;
        max-height: calc(100vh - 330px);
        position: absolute;
        z-index: -1;
        top: 330px;
        right: calc(100% - 100px)
    }

    .edge .aside-menu:before {
        -webkit-mask: none;
        mask: none;
        background: url("../img/aside-bg.svg") 0 0 no-repeat transparent
    }
}

.search-results-page .item {
    border-radius: 1.25rem;
    border: 1px solid #D1D1D1;
    padding: 1rem 1.6rem;
    background-color: #fff;
    margin-bottom: 1.25rem
}

.search-results-page .item a {
    color: inherit
}

.search-results-page .item a:hover {
    color: #562C1B
}

.search-results-page p {
    margin-bottom: 0
}

@media (min-width: 998px) {
    .search-results-page .filter-area {
        margin-top: -6rem
    }

    .search-results-page:before {
        content: '';
        -webkit-mask: url("../img/aside-bg.svg") 0 0 no-repeat;
        mask: url("../img/aside-bg.svg") 0 0 no-repeat;
        background-color: var(--menu);
        width: 1089px;
        height: 715px;
        position: absolute;
        z-index: -1;
        top: 330px;
        right: calc(100% - 100px)
    }

    .edge .search-results-page:before {
        -webkit-mask: none;
        mask: none;
        background: url("../img/aside-bg.svg") 0 0 no-repeat transparent
    }
}

.timeline .time {
    position: relative;
    padding-left: 40px;
    padding-bottom: 1rem
}

.timeline .time .title {
    margin-left: -40px;
    margin-bottom: 2.5rem
}

.timeline .time .title:after {
    content: '';
    top: 65px;
    left: 9px;
    bottom: 0;
    position: absolute;
    width: 2px;
    background: #562C1B
}

.timeline .time .title:before {
    content: '';
    border-radius: 100%;
    width: 20px;
    height: 20px;
    margin-right: 20px;
    background: #562C1B
}

.timeline .time .title .text {
    background: #562C1B;
    color: #fff;
    font-size: 1rem;
    border-radius: 10px;
    min-width: 100px;
    padding: 0.75rem;
    text-align: center
}

.timeline .time .text {
    font-size: .875rem;
    padding: 1rem
}

.timeline .time img {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 1280px) {
    .timeline .time {
        padding-bottom: 4rem
    }

    .timeline .time .title .text {
        font-size: 1.375rem;
        min-width: 150px;
        padding: 1.35rem;
        border-radius: 1.25rem
    }
}

.timeline .load-data-pane:before {
    content: '';
    border-radius: 100%;
    width: 20px;
    height: 20px;
    margin-right: 20px;
    background: #D5D8DC
}

.timeline .load-data-pane .btn {
    min-width: 230px
}

#popup-content,
.popup-content {
    width: auto;
    max-width: 90%;
    padding: 1.75rem
}

@media (min-width: 998px) {

    #popup-content,
    .popup-content {
        max-width: 950px;
        padding: 3.75rem
    }
}

@media (min-width: 1600px) {

    #popup-content,
    .popup-content {
        max-width: 1020px
    }
}

.popup-title {
    color: #fff;
    font-size: 1.125rem;
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-bottom: 1.8rem
}

.banner-content {
    border-radius: 1.25rem;
    overflow: hidden
}

.banner-content .img-content {
    position: relative
}

.banner-content .img-content .buttons {
    position: absolute;
    bottom: 2rem;
    right: 1.5rem
}

.banner-content .text-content {
    position: relative;
    margin-top: -3rem;
    background-color: #fff;
    border-radius: 1.25rem;
    padding: 2rem 1.5rem
}

@media (max-width: 997.98px) {
    .fancybox-slide {
        padding-top: 40px
    }

    .fancybox-slide--html .fancybox-close-small {
        top: -2rem
    }

    .popup-title {
        margin-bottom: 0.8rem
    }
}

.landing-page {
    min-height: 100vh;
    color: #fff
}

.landing-page:before {
    content: '';
    position: absolute;
    top: -780px;
    left: 50%;
    width: 2618px;
    height: 1797px;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-mask: url("../img/menu-bg.svg") no-repeat 0 100%;
    mask: url("../img/menu-bg.svg") no-repeat 0 100%;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: var(--menu)
}

.edge .landing-page:before {
    -webkit-mask: none;
    mask: none;
    background: url("../img/menu-bg.svg") no-repeat 0 100% transparent;
    background-size: 100%
}

.landing-page #logo {
    margin-top: 130px

.landing-page .animated-desserts img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.landing-page .animated-desserts .sutlu {
    left: -325px;
    top: 140px
}

.landing-page .animated-desserts .elma {
    top: 704px;
    left: -345px
}

.landing-page .animated-desserts .findikli {
    top: 738px;
    left: -78px
}

.landing-page .animated-desserts .kremali {
    left: 538px;
    top: 780px
}

.landing-page .animated-desserts .cikileta {
    right: -95px;
    top: 605px
}

@media (min-width: 1600px) {
    .landing-page .animated-desserts .sutlu {
        left: 165px;
        top: 165px
    }

    .landing-page .animated-desserts .elma {
        top: 800px;
        left: 445px;
        width: 223px
    }

    .landing-page .animated-desserts .findikli {
        width: 165px;
        top: 800px;
        left: 47.17172%
    }

    .landing-page .animated-desserts .kremali {
        left: auto;
        right: 145px;
        top: 685px;
        width: 257px
    }

    .landing-page .animated-desserts .cikileta {
        right: 140px;
        top: 110px
    }

    .landing-page .animated-desserts .halley {
        left: -235px;
        top: 435px;
        width: 545px
    }
}

#err-404 h2 {
    font-size: 8rem
}

#err-404 h3 {
    font-size: 2.375rem
}

.choose-region li {
    padding: 16px 20px 15px 22px;
    position: relative;
    width: 50%
}

.choose-region li a {
    display: block;
    font-weight: 700;
    line-height: 1.2
}

.choose-region li a .text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.choose-region li a:before {
    content: url(../img/region-1.svg);
    width: 100%;
    height: 100%;
    -webkit-filter: drop-shadow(0px 23px 37px rgba(155, 155, 155, 0.12));
    filter: drop-shadow(0px 23px 37px rgba(155, 155, 155, 0.12))
}

.choose-region li a .region-box-dotted {
    -webkit-transform: rotate(-14deg);
    -ms-transform: rotate(-14deg);
    transform: rotate(-14deg);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.choose-region li a .region-box-dotted path {
    stroke-dasharray: 10;
    stroke-dashoffset: 700
}

.choose-region li:hover .region-box-dotted {
    opacity: 1
}

.choose-region li:hover .region-box-dotted path {
    -webkit-animation: dash 5s linear infinite;
    animation: dash 5s linear infinite
}

.choose-region li:hover~svg path {
    -webkit-animation: dash 1.5s linear forwards;
    animation: dash 1.5s linear forwards
}

.choose-region li:nth-child(2) a:before,
.choose-region li:nth-child(3) a:before {
    content: url(../img/region-2.svg)
}

.choose-region li:last-child a:before {
    content: url(../img/region-3.svg)
}

.choose-region .region-box-mask {
    opacity: 0;
    position: absolute;
    pointer-events: none
}

.choose-region .region-box-mask mask path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    stroke: white
}

@media (min-width: 1280px) {
    .choose-region li {
        min-width: 210px;
        width: auto
    }

    .choose-region li a {
        font-size: 1.375rem
    }
}


.logo-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background-color: #EBEBEB
}

.logo-box,
.logo-box .list-item {
    padding: 1.4375rem;
    border-radius: 1.25rem
}

.logo-box .list-item {
    background-color: #562C1B
}

.logo-box .list-item:not(:last-child) {
    margin-bottom: .5rem
}

.logo-box .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.logo-box .text {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.25rem
}

.logo-box .icon {
    font-size: 1.875rem;
    margin-left: 1.375rem;
    margin-right: 1.375rem
}

@media (min-width: 998px) {
    .logo-box .link {
        color: #0F253B
    }

    .logo-box .icon {
        font-size: 1.875rem;
        margin-left: 0
    }

    .logo-box .text {
        text-decoration: underline
    }
}