/*Boton menu movil*/

.pane-mobilebuttonmenu span{}
.pane-mobilebuttonmenu *{}

.pane-mobilebuttonmenu .menu-mobile-btn{width: 40px; height: 30px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; display:block; margin-top:5px;}
.pane-mobilebuttonmenu .menu-mobile-btn.open{ margin-top:0;}

.pane-mobilebuttonmenu .menu-mobile-btn span { display: block; position: absolute; height: 5px; width: 100%; background: #353535; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; display:block;}

.pane-mobilebuttonmenu .menu-mobile-btn span:nth-child(1) { top: 0px;}
.pane-mobilebuttonmenu .menu-mobile-btn span:nth-child(2) { top: 10px;}
.pane-mobilebuttonmenu .menu-mobile-btn span:nth-child(3) { top: 20px;}

.pane-mobilebuttonmenu .menu-mobile-btn.open span:nth-child(1) {top: 18px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}

.pane-mobilebuttonmenu .menu-mobile-btn.open span:nth-child(2) { opacity: 0; left: -60px;}

.pane-mobilebuttonmenu .menu-mobile-btn.open span:nth-child(3) { top: 18px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);
  transform: rotate(-135deg);}
