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;
}
} 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 { color: white;
font-size: 18px;
line-height: 21px;
}
:-ms-input-placeholder { 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;
}