@font-face {
    font-family: 'Aller Light';
    src: url("../fonts/Aller_Lt.eot?") format("eot"), url("../fonts/Aller_Lt.woff") format("woff"), url("../fonts/Aller_Lt.ttf") format("truetype"), url("../fonts/Aller_Lt.svg#Aller-Light") format("svg");
    font-weight: normal;
    font-style: normal;
}


/*==============  Custom css ===============*/
.mini.section_2 .uk-grid {
    height: 710px;
}

.mini.section_5 .uk-grid {
    height: 496px;
}

.wct.section_3.uk-section-secondary, .wct.section_3m.uk-section-secondary, .wct.section_5.uk-section-secondary, .wct.section_5m.uk-section-secondary {
    background: #0a0a0a;
}

.wct.section_6.uk-section-muted, .wct.section_6m.uk-section-muted {
    background: #f0f0f0;
}

.wave_section_1, .wave_section_2, .wave_section_3, .wave_section_4, .wave_section_5, .wave_section_6, .wave_section_6_1, .wave_section_7, .wave_section_8, .wave_section_9 {
    position: relative;
    overflow: hidden;
}

.uk-tile-default {
    background-color: inherit;
}
.wave_section_4 .uk-tile-default.uk-flex-middle, .wave_section_6 .uk-tile-default.uk-flex-middle {
    height: 450px;
}



@media screen and (min-width: 960px) {
    .wave_section_3 {
        background: #fff;
        width: 100%;
        height: 400px;
        transform: skewY(2deg);
        margin-top: -50px;
        z-index: 0;
    }

    .wave_section_3 > div {
        -webkit-filter: blur(0.000001px);
        transform: skewY(-2deg);
        margin-top: -30px;
    }

    .wave_section_4 {
        z-index: 1;
        margin-top: -50px;
        height: 600px;
    }

    .wave_section_4 > div {
        height: 100%;
    }

    .wave_section_5 {
        background: #fafafa;
        width: 100%;
        /*height: 500px;*/
        transform: skew(0deg, -2deg);
        margin-top: -50px;
        z-index: 1;
    }

    .wave_section_5 > div {
        -webkit-filter: blur(0.000001px);
        margin-top: -60px;
        transform: skew(-0deg, 2deg);
    }

    .wave_section_6 {
        height: 520px;
        margin-top: -30px;
        z-index: 1;
    }
    .wave_section_6 > div {
        height: 100%;
    }

    .wave_section_6_1 {
        width: 100%;
        /*height: 382px;*/
        transform: skewY(2deg);
        margin-top: -50px;
        z-index: 2;
    }

    .wave_section_6_1 > div {
        -webkit-filter: blur(0.000001px);
        margin-top: -60px;
        transform: skewY(-2deg);
    }

    .wave_section_7 {
        /*height: 520px;*/
        margin-top: -30px;
        z-index: 3;
    }

    .wave_section_8 {
        background: #fafafa;
        transform: skewY(2deg);
        margin-top: -50px;
        z-index: 3;
    }

    .wave_section_8 > div {
        -webkit-filter: blur(0.000001px);
        height: 500px;
        margin-top: -30px!important;
        transform: skewY(-2deg);
    }
    .wave_section_8 > div > div, .wave_section_8 {
        height: 500px;
    }
    .wave_section_9 {
        margin-top: -30px;
        z-index: 3;
    }
}

@media screen and (min-width: 500px) and (max-width: 959px) {

    .wave_section_2 {
        position: relative;
        z-index: 0;
        padding-bottom: 20px;
        height: 300px;
    }
    .wave_section_3 {
        transform: skewY(4deg);
        margin-top: -30px;
        padding-top: 0px;
        z-index: 1;
    }

    .wave_section_3 > div {
        margin-top: -20px;
        -webkit-filter: blur(0.000001px);
        transform: skewY(-4deg);
    }

    .wave_section_4 {
        z-index: 1;
        height: 280px;
    }
    .wave_section_5 {
        transform: skewY(-3deg);
        margin-top: -30px;
        padding-top: 0px;
        z-index: 1;
    }

    .wave_section_5 > div {
        margin-top: 0px;
        -webkit-filter: blur(0.000001px);
        transform: skewY(3deg);
    }

    .wave_section_6 {
        height: 270px;
        z-index: 1;
    }

    .wave_section_6_1 {
        background: #fafafa;
        transform: skewY(4deg);
        margin-top: -30px;
        z-index: 2;
        height: 350px;
    }

    .wave_section_6_1 > div {
        margin-top: 30px;
        -webkit-filter: blur(0.000001px);
        transform: skewY(-4deg);
    }


    .wave_section_7 {
        margin-top:-20px;
        z-index: 3;
    }

    .wave_section_8 {
        background: #fafafa;
        transform: skewY(-4deg);
        margin-top: -30px;
        z-index: 4;
        height: 500px;
    }

    .wave_section_8 > div {
        margin-top: -30px;
        -webkit-filter: blur(0.000001px);
        transform: skewY(4deg);
    }

    .wave_section_8 > div > div > div > div {
        height: 100%;
    }

    .wave_section_8 > div > div:first-child, .wave_section_8 {
        height: 500px;
    }

    .wave_section_8 > div > div {
        height: 0;
    }
    .wave_section_8 > div > div > div {
        height: 100%;
    }

    .wave_section_9 {
        margin-top: -50px;
        z-index: 5;
    }


}


@media screen and (max-width: 500px) {

    .wave_section_2 {
        position: relative;
        z-index: 0;
        padding-bottom: 20px;
    }
    .wave_section_3 {
        transform: skewY(4deg);
        margin-top: -30px;
        padding-top: 0px;
        z-index: 1;
    }

    .wave_section_3 > div {
        margin-top: -20px;
        -webkit-filter: blur(0.000001px);
        transform: skewY(-4deg);
    }

    .wave_section_4 {
        z-index: 1;
    }
    .wave_section_5 {
        transform: skewY(-3deg);
        margin-top: -20px;
        padding-top: 0px;
        z-index: 1;
    }

    .wave_section_5 > div {
        margin-top: 0px;
        -webkit-filter: blur(0.000001px);
        transform: skewY(3deg);
    }

    .wave_section_6 {
        z-index: 1;
    }

    .wave_section_6_1 {
        background: #fafafa;
        transform: skewY(4deg);
        margin-top: -30px;
        z-index: 2;
        height: 400px;
    }

    .wave_section_6_1 > div {
        margin-top: 30px;
        -webkit-filter: blur(0.000001px);
        transform: skewY(-4deg);
    }


    .wave_section_7 {
        margin-top:-20px;
        z-index: 3;
    }

    .wave_section_8 {
        background: #fafafa;
        transform: skewY(-4deg);
        margin-top: -50px;
        z-index: 4;
        height: 500px;
    }

    .wave_section_8 > div {
        margin-top: -20px;
        -webkit-filter: blur(0.000001px);
        transform: skewY(4deg);
    }

    .wave_section_8 > div > div:first-child, .wave_section_8 {
        height: 280px;
    }

    .wave_section_8 > div > div {
        height: 0;
    }
    .wave_section_8 > div > div > div {
        height: 100%;
    }

    .wave_section_8 > div > div > div > div {
        height: 100%;
    }

    .wave_section_9 {
        margin-top: -50px;
        z-index: 5;
    }
}