﻿/************************************************** MAIN MENU ***************************************************/
    .main-menu {
        display:block;position:relative;
        color:#2881DA;background-color:#f2f2f2;
        font-size:1.4em;text-transform:uppercase;z-index:1000;
        margin: 0;padding: 0;outline: none;border: none;text-decoration:none;}
    .main-menu .container-menu {width:100%;margin:0 auto;background-color:#f2f2f2;}
    .core-menu {text-align:center;overflow:hidden;margin:0;padding:0;box-shadow: 0 6px 12px rgba(0,0,0,.175);}
    .core-menu li {list-style:none;display:inline-block;cursor:pointer;}
    .core-menu li a {display:inline-block;padding:1em;transition:all 0.4s ease;}
    .core-menu li a:hover {background:#ddd;color:#2881DA!important;font-weight:700;}
    .core-menu li.isactive > a{background-color:#ddd;}
    li span.toggle {padding-left:1em;}
    .toggle:before {content:" ";display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;}
    .toggle2:before{content:" ";display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-left: 4px solid;border-bottom: 4px solid transparent;border-top: 4px solid transparent;}
    .dropdown1 {position:absolute;width:230px;color:#2881DA;text-align:left;display:none;background-color:#f2f2f2;padding:0;}
    .dropdown1 li {display:block;font-size:0.9em;position:relative;}
    .dropdown1 li a {display:block;}
    .dropdown2 { position:absolute;width:230px;color:#2881DA;text-align:left;display:none;right:-100%;top:0;background-color:#f2f2f2;padding:0;overflow-y: auto;height: 395px;max-height: 50vh;}
    .dropdown2 li {display:block;}
    .dropdown2 li a {display:block;}
    .dropdown1, .dropdown2{box-shadow: 0 6px 12px rgba(0,0,0,.175);}
    li span.toggle2 {position:absolute;right:0;margin-right:20px;}
    .hamburger-menu {padding:1em;display:none;text-transform:uppercase;min-height:50px;}
    .active{font-weight:700;background-color:#ddd;}
    .live{background-color:#ffd800!important;}
    @media (min-width:768px) and (max-width:1070px) {
        .dropdown2 {right:100%;top:0;}
    }
    @media (max-width:767px) {
      .main-menu {height:50px;font-size:1.6em}
      .container-menu {width:100%;}
      .navigation {display:block;width:100%;}
      .core-menu {width:100%;margin:auto;display:none;padding:0}
      .core-menu li {width:100%;display:block;}
      .core-menu li a{display:block;margin:auto;padding:0.5em;}
      .hamburger-menu {display:block;text-align:center;padding-right:60px;float:none;width:100%;}
      .burger-1, .burger-2, .burger-3 {display:block;position:absolute;width:20px;height:3px;border-radius:30px;right:0;margin-right:25px;background:#2881DA;transition:.2s ease; }
      .burger-1 {top:15px;}
      .burger-2 {top:23px;}
      .burger-3 {top:31px;}
      .burger-1.open, .burger-2.open, .burger-3.open {transition:.2s ease;transform-origin:50% 50%;}
      .burger-1.open {top:25px;width:23px;transform:rotate(45deg);}
      .burger-2.open {opacity:0;}
      .burger-3.open {top:25px;width:23px;transform:rotate(-45deg);}
      .dropdown1 {width:100%;text-align:center;position:relative;}
      .dropdown2 {width:100%;top:0;position:relative;padding:0 20px;left:0;font-size:0.9em;}
      .toggle2:before {content:" ";display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;}
    }


/*NEW MENU */
.main-content-wrapper .MainHome_HeaderBar {display:none;margin-left:-100%;position:fixed;}
.main-content-wrapper #DIV_MainMenu  {
    width:100%;
    margin:0 auto;
    background-color:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:nowrap;
    padding:10px;
}
.main-content-wrapper #DIV_MainMenu > *  {/*border:2px solid red;*/}
.main-content-wrapper #RadComboCulture1 .rcbInner, #RadComboCulture_sm .rcbInner, .RadComboBox_Bootstrap .rcbInputCell {
    border-color: #ddd!important;
    border-radius: 0.28571em!important;
    box-shadow: none !important;
    padding: 3px 0px 3px 10px !important;
}
.main-content-wrapper #RadComboCulture1 .rcbActionButton {border-radius: unset !important;width: 20px !important;}
.main-content-wrapper .container-menu{background-color:#fff;}
.main-content-wrapper .container-menu .core-menu li{line-height: 14px;}
.main-content-wrapper .container-menu .core-menu li span.toggle {padding-left:4px;}
.main-content-wrapper #DIV_MainMenu .logo-wrapper {flex-wrap:nowrap;}
.main-content-wrapper #DIV_MainMenu .logo-wrapper > a {margin-right:10px!important;}
.main-content-wrapper #DIV_MainMenu .logo-wrapper .federation-name {font-size:1.4em;}

@media (min-width:768px){
    .main-content-wrapper .main-menu {order:0;}
    .main-content-wrapper .container-menu ul.core-menu{display:flex;font-size: 0.9em;box-shadow: unset;flex-wrap: wrap;justify-content: center;}
    .main-content-wrapper .container-menu .core-menu li a {padding: 0.7em;display:flex;}
    .main-content-wrapper .container-menu .core-menu li a:hover {
        background: #fff;
        color: #2881DA!important;
        border-bottom:1px solid #2881DA!important;
    }
    .main-content-wrapper .container-menu .core-menu li.isactive > a {background-color: #fff;}
    /*.main-content-wrapper #DIV_MainMenu .logo-wrapper .federation-name {max-width:150px;}*/
}
@media (max-width:767px){
    .main-content-wrapper #DIV_MainMenu {
        flex-wrap:nowrap;
        width: calc(100% - 80px);
        text-align: center;
        margin-right: 80px;
    }
    .main-content-wrapper #DIV_MainMenu .logo-wrapper {order:1;margin-right:10px;}
    .main-content-wrapper #DIV_MainMenu .language-wrapper {order:2;flex:0 0 100px;margin: auto;max-width: 100px;}
    .main-content-wrapper #DIV_MainMenu .main-menu {
        order:3;
        background-color: transparent;
        margin-left:10px;
        /*flex: 0 0 100%;*/
        /*position: fixed;
        top: 18px;
        right: 0;*/
    }
    .main-content-wrapper .hamburger-menu{width: 20px;padding-right: unset;/*border:2px solid red;*/}
    .main-content-wrapper .hamburger-menu .burger-1,
    .main-content-wrapper .hamburger-menu .burger-2, 
    .main-content-wrapper .hamburger-menu .burger-3 {margin-right:unset;}
    .main-content-wrapper #RadComboCulture1{width: 100%!important;}
    .main-content-wrapper .container-menu .core-menu{
        background-color:#fff;
        position: absolute;
        width: calc(100vw - 37px);
        right: 0;
    }
    .main-content-wrapper .container-menu .core-menu li{text-align:center;}
    .main-content-wrapper .container-menu .core-menu li a{padding: 1em;}
}
@media (max-width:500px){
    .main-content-wrapper #DIV_MainMenu .logo-wrapper .federation-name {display:none;position:fixed;margin-left:-100%;}
    .main-content-wrapper #DIV_MainMenu .logo-wrapper .FederationLogo {max-width:130px;}
}