#menu {
  background: #d60b52;  
  width: 100%;
  position: relative;
  margin: auto; 
  }
  
  
.mobile-menu { 
  background: #2a3f7b; 
  width: 3em;
  height: 2.5em;
  padding: 0;
  margin: .75em .5em; 
  border: 0; 
  float: left;
  display: block;
  position: relative;
  cursor: pointer; 
  transform: translate3d(0px, 0px, 0px) rotate(0deg) scale(1); }
  
.mobile-menu:hover { background: #f49a4d; }

.mobile-menu strong { display: none; }

@media (min-width : 800px) { .mobile-menu { display: none; } }   

.mobile-menu .menu { 
  background: #fff;
  width: 70%;
  height: 2px;
  display: block;
  position: relative; }
  
.mobile-menu .menu:before,
.mobile-menu .menu:after { 
  background: #fff;
  width: 100%;
  height: 2px;  
  content: " ";
  position: absolute; 
  left: 0; 
  -webkit-transition: all .15s ease-in-out;
  -moz-transition:    all .15s ease-in-out;
  -o-transition:      all .15s ease-in-out;
  -ms-transition:     all .15s ease-in-out;
  transition:         all .15s ease-in-out; 
  }
  
.mobile-menu:hover .menu:before,
.mobile-menu:hover .menu:after {  }
  
.mobile-menu .menu:before { top: -5px; }
.mobile-menu .menu:after { top: 5px; }
  
.mobile-menu:hover .menu:before { top: -7px; }
.mobile-menu:hover .menu:after { top: 7px; }
    
.expanded .mobile-menu .menu { background: transparent; } 
.expanded .mobile-menu .menu:before { 
  top: -8px;
  -webkit-transform: translate3d(0px, 8px, 0px) rotate(-45deg) scale(1); 
  -moz-transform:    translate3d(0px, 8px, 0px) rotate(-45deg) scale(1); 
  -o-transform:      translate3d(0px, 8px, 0px) rotate(-45deg) scale(1); 
  -ms-transform:     translate3d(0px, 8px, 0px) rotate(-45deg) scale(1); 
  transform:         translate3d(0px, 8px, 0px) rotate(-45deg) scale(1); }
.expanded .mobile-menu .menu:after { 
  top: 8px;
  -webkit-transform: translate3d(0px, -8px, 0px) rotate(45deg) scale(1); 
  -moz-transform:    translate3d(0px, -8px, 0px) rotate(45deg) scale(1); 
  -o-transform:      translate3d(0px, -8px, 0px) rotate(45deg) scale(1); 
  -ms-transform:     translate3d(0px, -8px, 0px) rotate(45deg) scale(1); 
  transform:         translate3d(0px, -8px, 0px) rotate(45deg) scale(1); }
    
.expanded .mobile-menu .menu { background: transparent; } 

#menu ul { 
    list-style: none; 
    display: none; 
    -webkit-transition: none;
    -moz-transition:    none;
    -o-transition:      none;
    -ms-transition:     none;
    transition:         none; 
    text-align: left; 
    clear: both; 
    }

#menu ul li { 
    display: block; 
    padding: 0; 
    }

#menu ul li a {
    text-transform: uppercase;      
    display: block;
    width: 100%;
    color: white; 
    padding: .85em .5em; 
    font-family: 'Roboto Condensed','Arial Narrow','Helvetica Condensed', arial, helvetica, sans-serif;
    }
  
#menu ul li:hover a { background-color: rgba(255,255,255,.25); }
  
.nav-home strong { 
    font-weight: normal;
    margin-left: .4em; 
    color: white;
    }

.nav-register {
    color: white;
    background: #f9b233;
    padding: .2em;
    text-align: center;
    }
  
.nav-register a { color: #12326e !important;width: 100%; font-weight: 700;}
.nav-register:hover { background: #e71d73 !important; }
.nav-register:hover a { color: white !important; }
    
@media (min-width : 800px) {      
#menu ul { 
  background: #d60b52;  
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  
 #menu ul > li {
  width: auto;
  -webkit-flex: 1 1 auto;
  -ms-flex:     1 1 auto;
  flex:         1 1 auto;	
  display: inline-block;
  border: none;
  position: relative; }

    #menu ul li a { 
        display: block; 
        padding: 1em .8em;
        float: left; 
        height: 100%;
        line-height: 1.0;
        }

   #menu ul li:first-child a { padding: 1em 1em; }

    .nav-home strong { display: none; }
    
    #menu ul > li.active a  { 
        -moz-box-shadow:    inset 0 -.5em 0 #fff;
        -webkit-box-shadow: inset 0 -.5em 0 #fff;
        box-shadow:         inset 0 -.5em 0 #fff; }
}

@media (min-width : 1000px) {      
   #menu ul li:first-child a { padding: 1em 0;  }
}
    
#menu ul > li:hover a.dropdown { color: #f9b233; } 

.nav-home a { 
    color: #fff !important;
    }

/* Submenu 
------------------------------------ */
#menu ol { display: none; background-color: #9f4085; }

@media (min-width : 800px) { 
  
    #menu ol { 
        background: #d60b52;
        list-style: none;
        width: 15em;
        margin: 0;
        padding: .2em;
        position: absolute; 
        left: 0;
        top: 100%;
        z-index: 10000;
        line-height: 1; 
        box-shadow: 0 0 .8em rgba(0,0,0,.25);
        }
        
    #menu .nav-register ol { 
       left: initial;
       right: 0;}
      
      #menu .nav-practical-information ol {
         width: 253.02px; }
      
      #menu .nav-sponsors-exhibitors ol {
         width: 268.94px; }
         

      #menu li:hover ol { display: block; }
      
      #menu ol li {
        background-image: none;
        padding: .15em !important;
        text-align: left; 
        float: none;
        display: block; 
        }
      
      #menu ol li a {
        background-color: rgba(255,255,255,.05) !important;
        width: auto;
        height: auto;
        padding: .6em .7em .6em 1.25em !important;
        display: block;
        float: none;   
        text-indent: 0;
        text-transform: none; 
        border: none !important;
        position: relative;
        }
        
      #menu ol li a:before {
         content: ">";
         font-family: 'trilogyicons';
         position: absolute;
         font-size: 14px;
         margin-left: -16px;
         top: 30%;
      }
         
      
      #menu ol li a:hover { 
        background-color: rgba(255,255,255,.25) !important;   
        color: #fff !important; 
        }
        
      #menu ol li a:active { 
        background-color: rgba(255,255,255,.35) !important;   
        color: white;  
        -moz-box-shadow:    inset 1px 1px 2px rgba(0,0,0,.3);
        -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.3);
        box-shadow:         inset 1px 1px 2px rgba(0,0,0,.3); 
        }
        
      #menu ul > li.active ol li a  { 
        -moz-box-shadow:    none;
        -webkit-box-shadow: none;
        box-shadow:         none;  }
    }



/* Section Nav
------------------------------------ */

#snav { 
    background-color: #ebeaea;
    text-align: left;
    padding: 1.5em;
    margin-bottom: 1.5em; 
    border-bottom: 3px solid #d5d5d5;
    }

#snav h3 {
    font-weight: 400;  
    font-size: 1.1em;
    text-transform: uppercase;
    line-height: 1;
    font-style: normal;
    margin: 0;
    padding: 0;
    }
  
#snav h3 a { color: #58595b; }
#snav h3 a:hover { color: black; }

#snav ul { 
    color: #dedede;
    padding: .5em 0 0 0;
    margin: 0; 
    }  

#snav li {  }  
#snav li a { 
    padding: .5em .5em .5em 1em; 
    display: block;
    position: relative;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    line-height: 1;
    color: #262727;  
    }  
  
#snav li a:hover { color: #12326e !important; } 

#snav li > a:before {
  background: white;
  content: " ";
  width: 7px;
  height: 7px;
  display: block; 
  position: absolute;
  left: 0;
  top: 12px; 
  }
  
#snav li > a:hover:before,
#snav li.active > a:before { background: #4a62a6; }
#snav li a.active:before { background: #2f478c; }

#snav li > a:active:before { background: #002953; }

#snav li.active > a,
#snav li > a.active { 
  font-weight: 600; }  
  
#snav li.active > a:hover { cursor: auto; }
#snav li.active > a:hover { color: #262727 !important; }
#snav li > a.active,
#snav li > a.active:hover{ color: #283b80 !important; }
  
#snav ul ul { 
  padding: 0;
  margin: 0 0 0 10px; } 
  
  #snav li ul li a {
    font-size: 13px;
    line-height:1.3;
}

#snav li li a:before {
  content: none;
  line-height:1.2;
}



/* Topics Legend
------------------------------------ */

.legend { 
    background-color: #d0eae2;
    text-align: left;
    padding: 1.5em .5em 1.5em 1.5em;
    margin-bottom: 1.5em; 
    border-bottom: 3px solid #69b9b8;
    }

.legend h3 {
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;  
    font-size: 1.1em;
    text-transform: uppercase;
    line-height: 1;
    font-style: normal;
    margin: 0;
    padding: 0;
    }

.legend p {
    font-size: .75em;
    margin: 1em 0;
    }
    
.legend p:last-child {
    margin: 1em 0 0;
    }
       
    
.programme-button {
   display: none; }

      @media (max-width : 800px) {
         .programme-button { 
            display: block;
            background: white;
            width: auto;
            height: 2.5em;
            padding: 0 2em;
            margin: .75em .5em;
            border: 0;
            float: left;
            display: block;
            position: relative;
            cursor: pointer;
            transform: translate3d(0px, 0px, 0px) rotate(0deg) scale(1);
            color: white;
            text-transform: uppercase;
            float: right; }
      }
