html {
min-height: 100%;
}
body {
min-height: 100vh;
display: flex;
}
.main {
margin: auto;
}
.registration__step-item:after {
content: "";
background-color: #fff;
display: block;
position: absolute;
width: 10px;
height: 100%;
right: -7px;
top: 0;
transform: skew(10deg);
}
li {
list-style: none;
padding-left: 30px;
background-image: url(icons/bullet.svg);
background-repeat: no-repeat;
background-position: left center;
}
img {
height: 100%; /* или max-height, по ситуации */
width: auto;
}
.nav-item:before {
content: "";
width:1px;
height: 50px;
background-color: #777;
transform:rotate(35deg);
}
$('.side-nav__body').fadeToggle(1000)
$('.side-nav__body a:eq(0)').delay(1000).fadeToggle(200, function(){
$(this).next().fadeToggle(200, arguments.callee);
});
setTimeout(
$('.side-nav__body a:eq(0)').fadeToggle(200, function(){
$(this).next().fadeToggle(200, arguments.callee);
}),
1000);
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
body {
font-family: sans-serif, Helvetica;
}
}
<!--[if IE]>
<style>
body {
font-family: sans-serif, Helvetica;
}
</style>
<![endif]-->