/* minimal styles for that navi */

 /*.rmm {*/

 /*    margin: 0 auto;*/

 /*}*/

 

 .rmm {

    margin: 0 2px 0 auto;

}



 .rmm ul {

     margin: 0;

     padding: 0;

     list-style: none;

     position: relative;

 }



 .rmm ul:after {

     content: "";

     clear: both;

     display: block;

 }



 .rmm ul li {

     float: left;

 }



 .rmm ul li:hover {

     background: transparent;

 }



 .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 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%;

     margin: 0 auto;

     display: none;

 }



 .rmm-closed~.rmm-mobile {

     display: none !important;

 }



 .rmm-toggled-controls {

     width: 100%;

 }



 /*.rmm-toggled-title{width: 60%; float: left; font-size: 27px; color: #fff; font-weight:600; display: block!important; padding: 8px 0; text-decoration: none; text-transform: uppercase; text-align: left; padding-left: 35px;}*/

 .rmm-toggled-button {

     width: 20%;

     float: left;

     margin-top: 3px;

     display: block;

     width: 36px;

     padding: 5px 3px;

     margin: -34px 20px 0 0;

     background: #133b9b;

     border-radius: 3px;

     float: right;

 }



 .rmm-toggled-button span {

     float: left;

     display: block;

     margin: 3px 6px;

     height: 2px;

     background: #fff;

     width: 20px;

 }



 /* 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: 'FontAwesome';

     speak: none;

     -webkit-font-smoothing: antialiased;

     content: "\f104";

     position: relative;

     display: inline-block;

     top: 2px;

     right: 0px;

     float: right;

     font-size: 21px;

 }



 .rmm .backg a {

     background: #00a4de;

     color: #fff !important;

     -webkit-box-shadow: 0px 0px 12px 4px #ccc;

     -moz-box-shadow: 0px 0px 12px 4px #ccc;

     box-shadow: 0px 0px 12px 4px #ccc;

 }



 .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-dropdown {

     display: block !important;

 }



 .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 {

     text-align: center;

     padding-top: 67px;

/*     padding-bottom: 36px;*/

 }



 .rmm.style ul {

/*     float: right;*/

     text-transform: uppercase;

     display: inline-table;

     text-align: left;

 }



 .rmm.style ul li {

     text-align: left;

 }



 .rmm.style ul li:hover {

     color: #00a4de !important;

 }



 .rmm.style ul ul {

     z-index: 99999;

     display: none;

     margin: 0;

     background: #fafafa;

     border-radius: 0px;

     padding: 0;

     position: absolute;

 }



 .rmm.style ul li a {

     color: #444444;

     line-height: 37px;

     font-family: Roboto, sans-serif;

     font-size: 15px;

     font-weight: normal;

     letter-spacing: 2px;

     text-transform: uppercase;

     padding: 0 8px;

 }



 .rmm.style ul li a:hover,

 .rmm.style ul li a.active {

     color: #00a4de !important;

 }



 .rmm.style ul ul li {

     border-top: 1px solid #ccc;

 }



 .rmm.style ul ul li a {

     padding: 6px 15px;

     color: #444444;

     font-size: 15px;

     line-height: 24px;

 }



 .rmm.style ul ul li a:hover {

     color: #00a4de;

     background: transparent

 }



 /* arrow down for wide screen */

 .rmm.style ul li>a:not(:only-child):after {

     font-family: 'FontAwesome';

     speak: none;

     -webkit-font-smoothing: antialiased;

     /* content: "\f107"; */

     position: relative;

     display: inline-block;

     top: 2px;

     left: 5px;

     font-size: 21px;

 }



 /* arrow left for wide screen submenus  */

 .rmm.style ul ul li>a:not(:only-child):after {

     font-size: 21px !important;

     content: "\f105";

     font-size: 14px;

     float: right;

     margin-right: 0x;

 }



 /* mobile style */

 .rmm.style .rmm-mobile li>a:not(:only-child):after {

     font-family: 'FontAwesome';

     speak: none;

     -webkit-font-smoothing: antialiased;

     position: relative;

     display: inline-block;

     top: 2px;

     right: 5px;

     float: right;

     font-size: 21px;

 }



 .rmm.style .rmm-mobile li {

     background: #f0f0f0;

     border-bottom: 1px solid #ccc !important;

     border-top: 0 !important;

 }




@media (min-width:992px) and (max-width:1199px) {
.rmm.style ul li a {
    line-height: 60px;
    font-size: 13px;
    padding: 0 8px;
}

.rmm.style ul {
    float: right;
}


}



 @media (max-width:767px) {

     .rmm.style ul {

         left: 0;

         top: 20px;

     }



     .navbar-right {

         display: none;

     }



 }