/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/


/* HOME */
body.home {
    background-color: black;
    min-height: 100vh;
}

header {
    padding: 41px 30px 7px 30px;
    background: white;
}


@media (min-width: 380px) {
    header {
        padding: 41px 44px 7px 36px;
        background: white;
    }
}



@media (min-width: 960px) {
    header {
        padding: 41px 44px 7px 51px;
        background: white;
    }
}




aside ul li  a,
aside a {
    color: white;
}


.home aside {
    min-height: calc( 100vh - 240px );
    background-repeat: no-repeat;
}



.home aside ul li.menu-item-has-children > .klick .inner:before,
.home aside ul li.menu-item-has-children > .klick .inner:after  {
    background: white;


}


.home .searchform input[type="search"]::-webkit-input-placeholder
.home .searchform input[type="search"] {
    color: black;
}


.home .searchform input[type="search"]::-webkit-input-placeholder,
.home .searchform input[type="search"]:-ms-input-placeholder,
.home .searchform input[type="search"]::placeholder
.home .searchform input[type="search"] {
    color: black;
}


.home aside ul li ul li:before {
    background: white;
}

.searchform input[type="search"] {
    color: white;
}
@media (max-width: 960px) {

    .home aside {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;

    }


    .home aside .bottom{

        background-position: 20vw -9px;
        background-repeat: no-repeat;
        background-size: 100vw;
        min-height: 368px;
        padding-bottom: 58px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: -80px;
        width: 100vw;
    }
}


@media (min-width: 520px) and (max-width: 960px) {

    .home aside .bottom{
        min-height: 597px;

    }

}
.main_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.searchform {
    max-width: 218px;
}



@media (min-width: 960px) {
    .home aside {

        background-position: 100% 0px;
        background-repeat: no-repeat;

        min-height: 520px;
        padding-bottom: 51px;
    }

    .home aside > div {
        max-width: 279px;
    }



}

@media (min-width: 1360px) {

    .home aside {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;

    }
    .home aside > div {
        max-width: 380px;
    }

    .home aside > .bottom {
        max-width: 240px;
    }

}
@media (min-width: 960px) and (max-width: 1260px) {
    .home aside {
        background-position: -21% 2px;
        min-height: 100vh;
    }


}



/* VARIABLES  */



aside {
    background: transparent;

}
.home aside {
    background-color: black;
    padding-top: 28px;
}


.home header h2 {
    margin: 21px 0 0 0;
}


@media (min-width: 960px) {

    header {
        padding: 74px 68px 7px 97px;
    }




    aside, .title {
        min-width: 360px;
    }
}

@media (min-width: 1360px) {

    aside, .title {
        min-width: 444px;
    }
    aside {
        padding-top: 14px;
    }



}


@media (min-width: 1330px) {

    .home aside {
        background-size: 540px 329px;

    }

}

@media (min-width: 1330px) {

    .home aside {
        background-size: 840px 512px;

    }

    header h2 {
        margin: 44px 0 0 0 ;
    }

}

@media (min-width: 1630px) {

    .home aside {
        background-size: 65vw auto;
        min-height: 39vw;
    }





}



.searchform input[type="search"]::-webkit-input-placeholder
.searchform input[type="search"] {
    color: white;
    font-size: 18px;
    line-height: 21px;
}



.searchform input[type="search"]::-webkit-input-placeholder,
.searchform input[type="search"]:-ms-input-placeholder,
.searchform input[type="search"]::placeholder
.searchform input[type="search"] {
    color: white;
    font-size: 18px;
    line-height: 21px;
}


::-webkit-input-placeholder { /* Edge */
    color: white;
    font-size: 18px;
    line-height: 21px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
    font-size: 18px;
    line-height: 21px;
}

::-moz-placeholder {
    color: white;
    font-size: 18px;
    line-height: 21px;
}

::-ms-input-placeholder {
    color: white;
    font-size: 18px;
    line-height: 21px;
}

::placeholder {
    color: white;
    font-size: 18px;
    line-height: 21px;
}

.lower_part {
    padding-top: 17px;
}