/*=================================
	logo
=================================*/
 
.site-logo{
  line-height: 1px;
  display: block;
  position: absolute;
  top: 20px;
 
  width: 160px;
  left: var(--sidepadmenu);

    -webkit-transition: .3s opacity ease-in-out;
    -moz-transition: .3s opacity ease-in-out;
    -o-transition: .3s opacity ease-in-out;
    -ms-transition: .3s opacity ease-in-out;
    transition: .3s opacity ease-in-out;
opacity:0;  z-index: -1;

}

.scrolltop   .site-logo{
opacity:1; z-index: 103;

}

.scrolltop.mactive  .site-logo{
opacity:0; z-index: -1;

}


/*=================================
	button
=================================*/

.rmm-toggled-controls{
	z-index: 102;
	position:fixed;
	right:var(--sidepadmenu);
  justify-content: end;
  align-items: center;top: 20px;	
	display:flex;text-decoration:none;
	cursor: pointer; 
	-webkit-transition: var(--ease);
	-moz-transition:var(--ease);
	-o-transition: var(--ease);
	-ms-transition: var(--ease);
	transition:var(--ease);
	padding: 0px ;
  padding: 5px 10px;
}

.rmm-label{
margin-right:10px;
}
 

.rmm-button {
    position: relative;
    height: 30px;
    width: 30px;
	-webkit-transition: var(--ease);
	-moz-transition:var(--ease);
	-o-transition: var(--ease);
	-ms-transition: var(--ease);
	transition:var(--ease);
}
.rmm-button span {
	background:#ffffff;
	top: 50%;
	position: absolute;
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 30px; 
	height:3px;
	-webkit-transition: var(--ease);
	-moz-transition:var(--ease);
	-o-transition: var(--ease);
	-ms-transition: var(--ease);
	transition:var(--ease);
	display: block;left:0px;
}

.blackmenu .rmm-label {color:black;}
.blackmenu .rmm-button span {
	background:#000000;
}

.rmm-button  .icon-bar.top {
	margin-top: -9px;
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.rmm-button  .icon-bar.last {
	margin-top: 9px;
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.rmm-button  .icon-bar.mid {
	opacity: 1;
	filter: alpha(opacity=100);
}
.mactive .rmm-button .icon-bar.mid {
	opacity: 0;
	filter: alpha(opacity=0);
}
.mactive .rmm-button  .icon-bar.top {
	margin-top: 0;
	-moz-transform:  translateY(-50%) rotate(45deg);
	-o-transform:  translateY(-50%) rotate(45deg);
	-ms-transform:  translateY(-50%) rotate(45deg);
	-webkit-transform:  translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.mactive .rmm-button .icon-bar.last {
	margin-top: 0;
	-moz-transform:  translateY(-50%) rotate(-45deg);
	-o-transform:  translateY(-50%) rotate(-45deg);
	-ms-transform:  translateY(-50%) rotate(-45deg);
	-webkit-transform:  translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg); 
}


.mactive .rmm-button span {
	background:#ffffff;
}


.scrolltop .rmm-toggled-controls{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  /*background: rgba(0,0,0,0.2);*/
}
/*=================================
	menu
=================================*/


.mml1 ul{
line-height:1em;margin:0px;padding:0px;list-style:none;
}

.menu__item--level-1{
margin:20px 0px;position:relative;overflow:hidden;
}

.mactive .menu__item--level-1 > a {
position:relative;left:0px;
}

.mactive .menu__item--level-1:nth-child(1) > a {
  animation: moveMenu 1800ms 1 ease-in-out;
}

.mactive .menu__item--level-1:nth-child(2) > a {
  animation: moveMenu 2200ms 1  ease-in-out;
}

.mactive .menu__item--level-1:nth-child(3) > a {
  animation: moveMenu 2500ms 1  ease-in-out;
}

.mactive .menu__item--level-1:nth-child(4) > a {
  animation: moveMenu 2800ms 1  ease-in-out;
}


@keyframes moveMenu {
0% {bottom:-100%} 
20% {bottom:-100%} 
100% {bottom:0%;}
}


.menu--level-1 span.menu__link,
.menu--level-1 a{
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
	-webkit-transition: var(--ease);
	-moz-transition:var(--ease);
	-o-transition: var(--ease);
	-ms-transition: var(--ease);
	transition:var(--ease);
    position: relative;
    color: #ffffff; font-weight:400;
font-size:30px;line-height:1em;
}

.menu--level-1 span.is-active,
.menu--level-1 span.menu__link--active-trail,
.menu--level-1 a.is-active,
.menu--level-1 a.menu__link--active-trail{
color:#ffffff ;
}

 
.menu--level-1 a:hover{
outline:0;
outline:none;
color:#e452f0 ;
}

.mml1{
	left:var(--sidepadmenu);
	top:0vh;
	z-index:100;
	position:fixed;
	padding-top:40px;
	-webkit-transition: var(--ease2);
	-moz-transition:var(--ease2);
	-o-transition: var(--ease2);
	-ms-transition: var(--ease2);
	transition:var(--ease2);

}

.mactive .mml1{
top:0px;
}


@media all and (max-width: 720px) {

.mml1{
  padding-top: 70px;
}


.site-logo{
  width: 160px;
}

.menu--level-1 span.menu__link, .menu--level-1 a{
  font-size: 23px;
}

}