html,
body{
padding:0;
margin:0;
}
body{
font-family: 'Poppins', sans-serif;
font-size: 14px;
}
*{
box-sizing:border-box;
}


#mkmenu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
	transition: 1s background-color ease;
}
#mkmenu > .container {
    width: 100%;
    max-width: 1100px;
    height: 100%;
    padding: 50px 0px;
    display: flex;
    flex-direction: column;
}
#mkmenu > .container > a {
    flex: 1;
    overflow: hidden;
    display: flex;
    border-bottom: 2px solid rgba(255, 255, 255, .5);
    color: #FFF;
    text-decoration: none;
    font-weight: 100;
    align-items: center;
	transition: 1s all ease;
}
#mkmenu > .container > a.rtol {
    flex-direction: row-reverse;
}
#mkmenu > .container > a > .left,
#mkmenu > .container > a > .right {
    flex: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
	transition: 1s padding ease;
}
#mkmenu > .container > a > .left {
    justify-content: flex-start;
    align-items: flex-start;
}
#mkmenu > .container > a > .right {
    align-items: center;
    justify-content: flex-end;
	opacity: 0;
	transition: .5s opacity ease;
}
#mkmenu > .container > a > .left > span {
    font-size: 16px;
    padding-right: 15px;
	line-height: 1;
}
#mkmenu > .container > a > .left > strong {
    font-size: 7vh;
    font-weight: 400;
	line-height: 1.2;
	font-family: 'Playfair Display', serif;
	font-style: italic;
}
#mkmenu > .container > a > .right > img {
    height: 10vh;
    border-radius: 10px;
}
#mkmenu > .container > a.ltor > .right > img{
    margin-left: 50px;
}
#mkmenu > .container > a.rtol > .right > img{
    margin-right: 50px;
}


#mkmenu > .container > a.rtol > .left {
    justify-content: flex-end;
}
#mkmenu > .container > a.rtol > .right {
    flex-direction: row-reverse;
}


#mkmenu > .container > a.ltor:hover > .left{
	padding-left: 30px;
}
#mkmenu > .container > a.rtol:hover > .left{
	padding-right: 30px;
}
#mkmenu > .container > a:hover > .right{
	opacity: 1;
}
#mkmenu > .container > a > .right > span {
    font-size: 11px;
}


#mkmenu.menu0{
	background-color: #000000;
}
#mkmenu.menu0 > .container > a{
	color: #ffffff;
    border-bottom-color: rgba(255, 255, 255, .5);
}
#mkmenu.menu1{
	background-color: #191d1c;
}
#mkmenu.menu1 > .container > a{
	color: #ffffff;
    border-bottom-color: rgba(255, 255, 255, .5);
}
#mkmenu.menu2{
	background-color: #534d40;
}
#mkmenu.menu2 > .container > a{
	color: #ffffff;
    border-bottom-color: rgba(255, 255, 255, .5);
}
#mkmenu.menu3{
	background-color: #959185;
}
#mkmenu.menu3 > .container > a{
	color: #ffffff;
    border-bottom-color: rgba(255, 255, 255, .5);
}
#mkmenu.menu4{
	background-color: #bdb8b4;
}
#mkmenu.menu4 > .container > a{
	color: #191d1c;
    border-bottom-color: rgba(25, 29, 28, .5);
}
#mkmenu.menu5{
	background-color: #bec5bd;
}
#mkmenu.menu5 > .container > a{
	color: #191d1c;
    border-bottom-color: rgba(25, 29, 28, .5);
}