/*ESTILOS DEL MENU RESPONSIVE*/


 
 @font-face {

  font-family: 'icomoon';

  src:url('../fonts/icomoon.eot');

  src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.svg#icomoon') format('svg');

  font-weight: normal;

  font-style: normal;

}

/* minimal styles for that navi */
.rmm {
 margin: 0 auto;
}
.rmm ul {
 margin: 0;
 padding:0;
 list-style: none;
 position: relative;
 background: #000;
}
.rmm ul:after {
 content: "";
 clear: both;
 display: block;
}
.rmm ul li {
 float: left;
}
.rmm ul li {

}
.rmm ul li:hover {
 background: #202020;
}
.rmm ul li:hover > ul {
 display: block;
}
.rmm ul li:hover a{
 color: #fff;
}
.rmm ul li a {
 color: #fff;
 display: block;
 text-decoration: none;
}
.rmm ul ul {
 display: none;
 margin:0;
 padding: 0;
 position: absolute;
 top: 100%;

}
/*.rmm ul ul:before{
  position: absolute;
  top: -14px;
  left: 40%;

  width: 1px;
  height: 1px;
  border-top: 0px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 14px solid #ac0000;
  border-left: 14px solid transparent;
  content: '';
}
.rmm ul ul ul:before{
  display: none
}*/
.rmm ul ul li {
 float: none;
 position: relative;
}
.rmm ul ul li a{
 color: #fff;
}
.rmm ul ul li a:hover {
 background: #202020;
}
.rmm ul ul ul {
 position: absolute;
 left: 100%;
 top:0;
 width: 100%;
}

/* mobile menu header button */
.rmm-toggled {
 width: 100%;
 min-height: 50px;
 margin: 0 auto;
 display: none;
}
.rmm-toggled.rmm-view{
  background-color: black;
      margin-top: 2rem;
}
.rmm-toggled.rmm-view.rmm-closed{
  background-color: transparent;
}
.rmm-closed ~ .rmm-mobile {
 display: none!important;
}
.rmm-toggled-controls{
 width: 100%;
}
.rmm-toggled-title{
 width: 60%;
 float: left;
 font-size: 27px;
 color: gold;
 font-weight:600;
 display: block;
 padding: 8px 0;
 text-decoration: none;
 text-transform: uppercase;
 text-align: left;
 padding-left: 35px;
 display: none;
}
.rmm-toggled-button{
 width: 20%;
 float: right;
 margin-top: 1px;
 display:block;
 width: 32px;
 padding:0 !important;
 /*border:1px solid #fff;*/
 border-radius:3px;
}
.rmm-toggled-button span{
 float: left;
 display:block;
 margin: 3px 6px;
 height: 3px;
 width:20px;
}
.rmm-toggled.rmm-view .rmm-toggled-button span{
 background: #fff;
}
.rmm-toggled.rmm-view.rmm-closed .rmm-toggled-button span{
 background: white;
}
/* normalny back button visible only on mobiles  */
.rmm .rmm-back{
 display: none;
 font-size: 12px;
}
.rmm .rmm-back:after {
 display: none;
}
.rmm .rmm-back a:after {
  font-family: 'icomoon';
  speak: none;
  -webkit-font-smoothing: antialiased;
  content: "\e000";
  position: relative;
  display: inline-block;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
  top: 1px;
  right: -2px ;
  float: left;
  font-size: 10px;


}
.rmm-mobile .rmm-back{
 display: block;
}

/* mobile menu list */
.rmm-mobile{
 width: 100%;
}
.rmm-mobile .rmm-dropdown:hover ~ ul, .rmm-mobile .rmm-dropdown:hover > ul ,.rmm-mobile .rmm-dropdown:hover + ul {
 display: none!important;
}
.rmm-mobile ul{
 width: 100%;
 position: inherit!important;
}
.rmm-mobile li{
 width: 100%;
 }

/* mobile menu js action */
.rmm .rmm-submenu.rmm-subview:before{
  display: none;
}
.rmm-dropdown{
 display: block!important;
 position: relative;
 z-index: 99;
}
.rmm-mobile .rmm-subview{
 display: block!important;
 width: 100%;
}
.rmm-mobile .rmm-subover-hidden{
 display: none!important;
}
.rmm-mobile .rmm-subover-visible{
 display: block;
}
.rmm-mobile .rmm-subover-header{
 display: none!important;
 padding: 0;
 margin: 0;
}

/* mobile menu content */
.rmm-mobile .rmm-submenu{
 position: relative;
 left: 0px;
}

.rmm .rmm-mobile li:hover > ul {
 display: none;
}

/* arrow down for wide screen */
.rmm.style {
font-family: Exo;
font-weight: 600;
 text-align: right;
 z-index:1002;
 display:block;
margin-bottom: 10px;
float:right;
 max-width:768px !important;
 margin-top: -6.5rem;


 }
.rmm.style>ul {
 /*box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);*/
 background: transparent;

 display: inline-table;
 text-align:center;

} 
.rmm.style ul li {
 text-align:left;
}
.rmm.style ul li:hover {  
  background: transparent;
 }
.rmm.style ul ul {
 display: none;
 margin:0;
 background: black;
 border-radius: 0px;
 padding: 0;
 position: absolute;
 opacity: 0.9;
}
.rmm.style ul li a {
 color: #fff;
 font-weight:600;
 display: block;
 padding-left: 20px;
 padding-right:20px;
 padding-bottom:15px;
 padding-top:15px;
 font-size: 1em;
 text-decoration: none;

 }
.rmm.style ul ul li {
 border-bottom: 1px solid #fff;
 border-top: 1px solid #fff;
}
.rmm.style ul ul li a {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 35px;
 color: #fff;
 width:305px;
 }
.rmm.style ul ul li a:hover {
 background-color: #e4b20f;
 opacity: .8;
 }

/* arrow down for wide screen */
/*.rmm.style ul li > a:not(:only-child):after {
 font-family: 'icomoon';
 speak: none;
 -webkit-font-smoothing: antialiased;
 content: "\e000";
 position: relative;
 display: inline-block;
 -webkit-transform: rotate(210deg);
 transform: rotate(210deg);
 top: -4px;
 left: 1px;
 font-size: 10px;
 color:white;
}*/

/* arrow left for wide screen submenus  */
.rmm.style ul ul li > a:not(:only-child):after {
 -webkit-transform: rotate(120deg)!important;
 transform: rotate(120deg)!important;
 top: 2px;
 font-size: 14px;
 float: right;
 margin-right: -20px;
}

/* mobile style */
.rmm.style .rmm-mobile li > a:not(:only-child):after {
 -webkit-transform: rotate(120deg)!important;
 transform: rotate(120deg)!important;
 top: 4px!important;
 font-size: 14px!important;
 float: right;
 margin-right: -20px;
}
.rmm.style .rmm-mobile li{
 background: black;
 border-bottom: 1px solid white !important;
 border-top: 0!important;
 }
.rmm.style .rmm-mobile li a{
  color:white;
}
.rmm.style .rmm-mobile li:hover{
  background: #e4b20f ;
}


.rmm.style li.spaceLogo{
  width: 200px;
}
.rmm.style .rmm-mobile li.spaceLogo{
  display: none;
}
 
.color1{
	 background-color:#333;
	 color:#6633cc;
}
.color1 p{
	 color:#6633cc;
}
.color2{
	 background-color:#ccc;
	
}
.color2 p{
	  color:#3366ff;
}

@media screen and (max-width:790px) {
	
.rmm.style>ul {
 max-width:300px !important;
 margin-top: 1.5rem;
}

.rmm.style {
	margin-top: -8rem;
	
}

.rmm-toggled.rmm-view.rmm-closed{
  background-color: transparent;
  margin-top:2rem;
}
}