/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- MENU MOBIEL ------------------------------------ */

.mbml {}
.mbmr {text-align: right}


.icon-barm {/*width: 100%;*/ position: absolute; right: 5px; top: 7px; text-align: right; /*left:10px;*/}
.icon-barm i {color: var(--white);}
.icon-barm .btn-onem:hover i, .icon-barm .btn-twom:hover i, .icon-barm .btn-threem:hover i {color: var(--black); }




.btn-onem, .btn-twom, .btn-threem {padding: 6px 10px; border: 2px solid var(--color-1); background-color: var(--color-1);}
.btn-onem:hover, .btn-twom:hover, .btn-threem:hover {border: 2px solid var(--color-2); background-color: var(--white);}



.toggle-menu {width:45px; height: 45px; top: 0px !important; right: 0 !important; position: relative; z-index: 1003; display: inline-block; border: 2px solid var(--black); background: var(--white);}
.toggle-menu:hover {background-color: var(--black); border: 2px solid var(--black); }
.toggle-menu:hover i {background: var(--white);}

.toggle-menu:active {background-color: var(--white); border: 2px solid var(--black); }
.toggle-menu:active i {background: var(--black);}

.toggle-menu:focus {background-color: var(--white); border: 2px solid var(--black); }
.toggle-menu:focus i {background: var(--black);}

.toggle-menu i {position: absolute; display: block; height: 3px; background: var(--black); width: 30px; left: 5px; -webkit-transition: all .3s; transition: all .3s; color: var(--white);}



a .toggle-menu {color: var(--white);}
.toggle-menu i:nth-child(1) {top: 9px; width: 12px;}
.toggle-menu i:nth-child(2) {top: 15px; width: 25px;}
.toggle-menu i:nth-child(3) {top: 21px; width: 18px;}
.toggle-menu.active i:nth-child(1) {top: 17px; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); background: #000; width:25px;}
.toggle-menu.active i:nth-child(2) {background: transparent;}
.toggle-menu.active i:nth-child(3) {top: 17px; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); background: #000; width:25px;}
	

	
.overlay {height: 0%; width: 100%; position: fixed; z-index: 1002; top: 0px; right: 0; background-color: var(--white);  overflow-x: hidden; transition: 0.5s; }	
.overlay-content {position: relative; top: 15%; width: 100%; text-align: left; /*margin-top: 30px;*/}
.overlay a {padding: 8px; text-decoration: none; font-size: 18px; color: var(--black); display: block; }
.overlay a:hover, .overlay a:focus, .overlay a:active {color: var(--qui);}
.overlay .closebtn {/*position: absolute; top: -35px; right: 20px; font-size: 72px;*/ color: var(--white) ;margin-right:15px; position: absolute; top: 15px; left: 0px; font-size:24px; z-index: 1002; display:inline-block;}

.open {height: 100%; }