/* Menu  © admotion*/

#menu {  z-index: 998; position: relative;}

#mobilemenuck-1-mobile-bar { position: fixed !important; right: 5%; top: 20px; }
.mobilemenuck-bar-button { background: #2c5dad url(../images/menu-open.svg) no-repeat center center !important; border-radius: 50%; width: 45px !important; height: 45px !important; padding-top: 5px !important; display: flex; align-items: center; justify-content: center; font-size: 45px !important; color: transparent !important;}

.mobilemenuck-button{ background: #2c5dad url(../images/menu-close.svg) no-repeat center center !important; border-radius: 50%; width: 45px !important; height: 45px !important; padding-top: 0px !important; display: flex; align-items: center; justify-content: center; font-size: 35px !important; font-weight: 300 !important; position: fixed; z-index: 1001; top: 20px; right: 5%; color: transparent;}

[data-id="mobilemenuck-1"].mobilemenuck { background: #fff !important; padding: 10px 0 !important; border-radius: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.2);}

.mobilemenuck-bar-title {display: none;}

#mobilemenuck-1-mobile { top: 30px !important; left: 3% !important; right: 3% !important; width: 94% !important; height: calc(100% - 60px) !important;}
.mobilemenuck-itemwrap { position: relative !important;}

.mobilemenuck-togglericon::after { content: url(/images/_Icons/arrow_right_blue.svg); background: transparent !important;}

.mobilemenuck-title {background: #fff !important; color: #998971; font-weight: 300; letter-spacing: 2px;}
.mobilemenuck-title.mobilemenuck-backbutton {background: #fff !important; height: auto !important; color: #998971; font-weight: 300; font-size: 18px;  text-transform: uppercase;}

.mobilemenuck-title.mobilemenuck-backbutton::before {content: ""; background: url(/images/_Icons/arrow-left-brown.svg) no-repeat; width: 20px; height: 13px; display: inline-block;}


[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1 {margin: 10px 20px !important; background: #fff !important; border-bottom: 1px solid #2c5dad; padding: 10px 0; color: #000 !important; border-radius: 0 !important; font-weight: 300; text-transform: uppercase; font-size: 18px;}
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level2 {margin: 10px 20px !important; background: #fff !important; border-bottom: 1px solid #2c5dad; padding: 10px 0; color: #000 !important; border-radius: 0 !important; font-weight: 300; text-transform: uppercase; font-size: 18px;}

[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1 a { color: #000;  line-height: 1.3; font-weight: 300; letter-spacing: 2px;}
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level2 a { color: #000;  line-height: 1.3; font-weight: 300; letter-spacing: 2px;}

.mobilemenuck-submenu.ckopen { margin-top: -21px;}

.menuck.nav-item.active a {color: #8c0343 !important;}
.menuck.nav-item:hover a {color: #8c0343 !important;}
#menutoggle {display: none;}

@media(min-width:1400px) {
    
    #menu {width: 75%; padding: 30px; margin-right: -30px; border-radius: 20px; transition: 0.2s;}
    #menu ul.mod-menu {display: flex; justify-content: space-between; flex-wrap: nowrap;}
    #menu li.level1 { width: 22%; margin-left: 3%;}
    #menu li.level1 a { color: #fff; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 10px; border-bottom: 2px solid #fff;}
    
    #menu ul ul.mod-menu__sub {padding: 0; display: none;}
    #menu li.level2  {list-style: none;}
    #menu li.level2 a { color: #000; font-weight: 300;font-size: 16px; text-transform: none; display: block; border-bottom: 1px solid #2c5dad; padding: 10px 0; letter-spacing: 0; line-height: 1.3;}
    
    #menu:hover {background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
    #menu:hover li.level1 a {color: #2c5dad; border-bottom: 2px solid #2c5dad; }
    #menu:hover li.level2 a {color: #000; border-bottom: 1px solid #2c5dad; }
    
    #menu:hover li.level1:hover a {color: #8c0343; border-bottom: 2px solid #8c0343; }
    #menu:hover li.level1:hover li.level2 a {color: #000; border-bottom: 1px solid #2c5dad; }
    #menu:hover li.level1:hover li.level2:hover a {color: #8c0343; border-bottom: 1px solid #8c0343; }
    #menu li.level1.active a {color: #8c0343; border-bottom: 2px solid #8c0343; }
    #menu li.level1.active li.level2 a {color: #000; border-bottom: 1px solid #2c5dad; }
    #menu li.level2.active a {color: #8c0343 !important; border-bottom: 1px solid #8c0343 !important; }
    
    #menu:hover ul ul.mod-menu__sub {display: block;}
    
    
    .level1 a {white-space: nowrap;}
    .level2 a {white-space: normal;}
    
    /* scrolled */
    
    .scrolled #menu {position: fixed; right: 50px; width: 70%; z-index: 1002; padding: 0;}
    .scrolled header {z-index: 1002;}
    
    #menutoggle {display: block; background: #2c5dad url(../images/menu-open.svg) no-repeat center center; width: 45px; height: 40px; border-radius: 50%; position: fixed; top: 50px; right: -150px; color: transparent; padding-top: 5px;display: flex;align-items: center;justify-content: center;font-size: 45px !important; transition: 0.5s ease-out; z-index: 1111; font-weight: 300; }
    #menutoggle.toggled {padding-top: 0px; height: 45px; top: 5px;background: #2c5dad url(../images/menu-close.svg) no-repeat center center;}
    #menutoggle.toggled:hover {padding-top: 0px; height: 45px; top: 5px;background: #8c0343 url(../images/menu-close.svg) no-repeat center center;}
    #menutoggle:hover {cursor: pointer;background: #8c0343 url(../images/menu-open.svg) no-repeat center center;}
    .scrolled #menutoggle {right: 50px;}
    
    .scrolled #menu #mobilemenuck-1-wrap {display: none;}
    .scrolled #menu.menuscroll #mobilemenuck-1-wrap {display: block;}
    .scrolled #menu:hover { background: transparent; box-shadow: 0 0 0px rgba(0,0,0,0.2);}
    .scrolled #menu.menuscroll { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); padding: 30px;}
    .scrolled #menu.menuscroll ul ul.mod-menu__sub {display: block;}
    #menu.menuscroll li.level1 a {color: #2c5dad; border-bottom: 2px solid #2c5dad; }
    #menu.menuscroll li.level2 a {color: #000; border-bottom: 1px solid #2c5dad; }

}


@media(max-height:768px) and (min-width:1250px){
        


}