.nav {background-color:#4b4a67;}
.navgold {background-color:#A38560;}
.navblue {background-color:#4b4a67;}

.mainNavigation {direction:rtl;text-align:right;font-family:'CairoBold';}
body.en .mainNavigation {direction:ltr;text-align:left;font-family:'Times New Roman', Times, serif}
.mainNavigation ul {list-style-type:none;margin:0;padding:0;}
.mainNavigation ul li a {display:block;height:60px;line-height:60px;font-size:1.1rem;text-decoration:none;color:#fff;cursor:pointer;}
.mainNavigation ul li:hover {background-color:#A38560;}
.mainNavigation ul li ul li {display:block;float:none;white-space:nowrap; border-right:1px solid #4b4a67;border-left:1px solid #4b4a67;border-bottom:1px solid #4b4a67;}
.mainNavigation ul li ul li:first-child{border-top:1px solid #4b4a00;}
.mainNavigation ul li ul li a {background:#f3f4f0;color:#4b4a67;height:40px;line-height:40px;text-align:right;}
.mainNavigation ul li ul li a:hover {color:#fff;background-color:#4b4a67;}
.mainNavigation label.show-menu {text-decoration:none;color:#fff;text-align:center;display:none;margin-right:10px;}
.mainNavigation input[type=checkbox]{display:none}
.mainNavigation label.expandmenu {display:block;width:100%;height:60px;position:absolute;left:0px;top:0px;z-index:10;display:none;}
.mainNavigation ul.nav > li.mactive > a{background-color:#82714A;}
.mainNavigation ul.submenu > li.sbactive > a{color:#fff;background-color:#4b4a67;}
body.en .mainNavigation ul li ul li a{text-align:left;}

@media (max-width:1023px){        
    .mainNavigation ul {position:static;display:none;}
    .mainNavigation ul li {position:relative;}
    .mainNavigation ul li.liHome {display:none;}    
    .mainNavigation ul li a {font-size:1.4rem;border-top:1px solid #f3f4f0; padding:0px 80px 0px 0px;text-align:right;}
    .mainNavigation ul li:hover > a{background:#a68849;}
    .mainNavigation ul li ul {position:static;width:100%;}    
    .mainNavigation ul li ul li a {background:#f3f4f0;color:#4b4a67;text-align:right;}    
    .mainNavigation ul li ul li a:before {display:inline-block;content:' ';width:20px;height:20px; border-right:1px dashed #000;border-bottom:1px dashed #000;margin-left:5px;margin-top:-30px;margin-right:25px;}
    .mainNavigation ul li, .mainNavigation ul li a {display:block; width:100%;}
    .mainNavigation label.show-menu {display:block;}
    .mainNavigation label.expandmenu {display:block;position:absolute;left:0px;top:0px; width:100%;z-index:10;height:60px;}
    .mainNavigation input[type=checkbox]:checked ~ ul {display:block;}    
    .mainNavigation input[type=checkbox]:checked ~ label.show-menu span.bar1 {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:0px;left:8px;margin-top:5px;}
    .mainNavigation input[type=checkbox]:checked ~ label.show-menu span.bar2 {width:0%;opacity:0;}
    .mainNavigation input[type=checkbox]:checked ~ label.show-menu span.bar3 {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:42px;left:9px;margin-top:5px;}
    label.show-menu {width:60px;height:60px;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;}
    label.show-menu span {background-color:#fff;display:block;position:absolute;height:9px;width:100%;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;}
    label.show-menu span.bar1 {top:8px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
    label.show-menu span.bar2 {top:24px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
    label.show-menu span.bar3 {top:42px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
    .navgold{display:none;}
    .navblue{display:none;}
    body.en .mainNavigation ul li a{text-align:left;padding:0px 0px 0px 80px;}
    body.en .mainNavigation ul li ul li a{text-align:left;}
        body.en .mainNavigation ul li ul li a:before {
            display: inline-block;
            content: ' ';
            width: 20px;
            height: 20px;
            border-left: 1px dashed #000;
            border-bottom: 1px dashed #000;
            border-right:0;
            margin-left: 5px;
            margin-top: -30px;
            margin-right: 5px;
        }
}
@media (min-width:1024px){
    .nav {min-height:60px;}
    .navgold {min-height:8px;}
    .navblue {min-height:8px;}    
    .mainNavigation ul li {display:inline-block;position:relative;}    
    .mainNavigation ul li a {padding:0px 0.6rem;text-align:center;position:relative;}
    .mainNavigation ul li a:hover + ul.hidden, ul.hidden:hover {visibility:visible;opacity:1;top:60px;-webkit-transition:opacity 0.7s ease-in-out,top 0.5s ease-in-out;-moz-transition:opacity 0.7s ease-in-out,top 0.5s ease-in-out;-o-transition:opacity 0.7s ease-in-out,top 0.5s ease-in-out;transition:opacity 0.7s ease-in-out,top 0.5s ease-in-out;}        
    .mainNavigation ul li ul {visibility:hidden;position:absolute;min-width:150px;opacity:0;top:77px;border-top:16px solid transparent;z-index:1000;-webkit-transition:opacity 0.7s ease-in-out,top 0.5s ease-in-out;-moz-transition:opacity 0.7s ease-in-out,top 0.5s ease-in-out;-o-transition:opacity 0.7s ease-in-out,top 0.5s ease-in-out;transition:opacity 0.7s ease-in-out,top 0.5s ease-in-out;}    
    .mainNavigation ul li ul li a {width:auto;min-width:100px;padding:0 20px;}
    /*.mainNavigation ul li ul li:first-child{border-top:8px solid #4b4a67;}*/
    .navgold{display:block;}
    .navblue{display:block;}
}
@media (min-width:1024px) and (max-width:1199px){    
    /*.mainNavigation ul li a{padding:0px 0.4rem;text-align:center;position:relative;}*/
    .nav {min-height:30px;}
    .navgold {min-height:4px;}
    .navblue {min-height:4px;}
    .mainNavigation ul{padding-right:1rem;}
}