nav#main { 
    position: absolute;
    top: 0;
    right: 0;
    height: 75px;
    width: 570px;
    margin: auto;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out; 
    }
    
    @media (min-width : 1200px) { nav#main  { width: 670px; height: 87px; } }
  
nav#main ul { 
    list-style: none; 
    position: absolute;
    top: 0;
    right: 0;
    }

nav#main ul li {
    float: left; 
    position: relative;
    display: inline-block;
    } 

nav#main ul li a {
    color: #777a7c;
    height: 14px;
    padding: 49px 25px 12px;
    font: 12px/12px 'UniversLTW01-53Extended',Arial, Helvetica, sans-serif;
    text-transform: uppercase;      
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out; 
    }
      
    @media (min-width : 1200px) { nav#main ul li a { padding: 57px 30px 16px; font-size: 14px; line-height: 14px; height: 14px; } }   
    
    nav#main ul li a:hover { background: #4a82a5; color: white; padding: 32px 25px 29px; }
    
          @media (min-width : 1200px) { nav#main ul li a:hover { padding: 37px 30px 36px; } }   
        
    nav#main ul li a:active { background: #25587c; color: white;  }

nav#main ul > li:hover a.dropdown {
    background-color: #0290c0;
    color: white; 
    } 
    
nav#main ul li.nav-give a {
    color: white;
    background: #861f38;
    font-weight: bold;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out; 
    }
    
    @media (min-width : 1200px) { nav#main ul li.nav-give a { margin-left: 15px; } }  
    
    nav#main ul li.nav-give a:hover { background: #b51239; }
    nav#main ul li.nav-give a:active { background: #69051d; }
    





/* Submenu
------------------------------------ */

nav#main ol { 
    background: #006f95;
    list-style: none;
    width: 180px;
    margin: 0;
    padding: 3px;
    display: none;
    position: absolute; 
    left: 0;
    top: 87px;
    z-index: 1;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition:    all .35s ease-in-out;
    -o-transition:      all .35s ease-in-out;
    -ms-transition:     all .35s ease-in-out;
    transition:         all .35s ease-in-out; 
    }
    

nav#main li:hover ol,
nav#main li.over ol { display: block; }

nav#main ol li {
    background-image: none;
    padding: 2px !important;
    text-align: left; 
    float: none;
    display: block; 
    }

nav#main ol li a {
    background-color: #006f95;
    width: auto;
    height: auto;
    font-size: 16px;
    text-transform: none;
    padding: 7px 6px !important;
    display: block;
    float: none;   
    text-indent: 0;
    color: #b4eafe;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition:    all .35s ease-in-out;
    -o-transition:      all .35s ease-in-out;
    -ms-transition:     all .35s ease-in-out;
    transition:         all .35s ease-in-out; 
    }

nav#main ol li a:hover { 
    background-color: #0290c0 !important; 	
    color: white !important; 
    }
  
nav#main ol li a:active { 
    background-color: #01bbc7 !important; 
    color: #b4eafe !important;  
    -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); 
    }






/* --- Social Nav --- */

#social { 
    position: absolute;
    bottom: -18px;
    right: 8.5px;
    height: 36px;
    width: 71px;
    }
    
    @media (min-width : 1200px) { #social { right: 13px; } } 
    
#social a {
    font-family: 'trilogyicons';
    content: attr(data-icon);
    speak: none;
  	font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
    color: white; 
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;	
    height: 16px;
    width: 16px;
    font-size: 16px;
    padding: 7px;
    position: absolute;
    bottom: 0;
    margin: 3px;
    -moz-border-radius:    15px;
    -webkit-border-radius: 15px;
    border-radius:         15px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition:    all .2s ease-in-out;
    -o-transition:      all .2s ease-in-out;
    -ms-transition:     all .2s ease-in-out;
    transition:         all .2s ease-in-out;
    } 

    #social a:hover {
        height: 18px;
        width: 18px;
        font-size: 18px;
        padding: 9px;
        margin: 0;
        -moz-border-radius:    18px;
        -webkit-border-radius: 18px;
        border-radius:         18px;
        }

#social a.facebook {
    background: #4a6ebb; 
    left: 0;
    }
        
    #social a.facebook:hover { background: #5883de; }
    
#social a.twitter {
    background: #55acee;
    right: 0;
    }
    
    #social a.twitter:hover { background: #74c3ff; }


    
    

/* Section Nav
------------------------------------ */

#snav { 
    padding: 10px 15px;
    background: #f6f6f6;
    margin-bottom: 20px;
    }
    
    @media (min-width : 1200px) { #snav { padding: 15px 20px; } } 
    
#snav h3 {
    font: 14px/19px 'UniversLTW01-53Extended',Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #595959;
    margin: 0 0 5px 0;
    }
    
    @media (min-width : 1200px) { #snav h3 { font-size: 17px; line-height: 21px; }}  
    
#snav h3:nth-child(n+1) { margin-top: 15px; }

#snav h3 a { color: #89898a; }

#snav ul { list-style: none; } 

#snav li { 
    margin: 0; 
    position: relative; 
    } 

#snav li a { 
    padding: 4px 5px 4px 15px; 
    font-size: 15px;
    line-height: 1;
    display: block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out; 
    } 
    
   @media (min-width : 1200px) { #snav li a { font-size: 17px;} }
    
#snav li a:before { 
    height: 0; 
    width: 0;    
    margin-left: 0;  
    content: "   ";    
    position: absolute;
    top: 9px;
    left: 0; 
    bottom: 100%;   
    pointer-events: none;
    border-color: rgba(158, 158, 158, 1); 
    border: 3px solid transparent; 
    border-color: #9e9e9e;  
    } 
    
    @media (min-width : 1200px) { #snav li a:before { top: 10px; } }

#snav select {
    background: white;
    width: 100%;    
    border: none;
    padding: 10px 2.5%;
    margin: 5px 0;
    font-size: 15.5px;
    line-height: 1;
    font-family: 'UniversLTW01-57Condense 723821','Arial','Helvetica',sans-serif;
    text-transform: uppercase;
    color: #696a6a;
    cursor: pointer;
    -moz-box-shadow:    0 0 5px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow:         0 0 5px rgba(0,0,0,.3);
    -webkit-transition: all .35s ease-in-out;  
    -moz-transition:    all .35s ease-in-out;  
    -o-transition:      all .35s ease-in-out;  
    -ms-transition:     all .35s ease-in-out; 
    transition:         all .35s ease-in-out;    
    }