@import url(http://fonts.googleapis.com/css?family=Marcellus);
@import url(http://fonts.googleapis.com/css?family=Marcellus+SC);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,700,900,300italic);
@import url(http://fonts.googleapis.com/css?family=Stint+Ultra+Condensed);

/*** SIMPLE MENU (NO DROP-DOWN) ***/

#previewModeAlert {
    display:none;
}

/* RESET -- Don't touch */

.min, .sf-menu, .min ul, .sf-menu ul, .min ul li, .sf-menu ul li, .min ul a, .sf-menu ul a, .min li, .sf-menu li, .navbar, #navigation, .min a, .sf-menu a {
    background:none;
    border-radius:0;
    border:none;
    margin:0;
    padding:0;
    width:auto;
    height:auto;
    float:none;
    color:#000!important;
}

#logo {
    height: 75px !important;
    left: 0;
    margin-left: 0;
    position: absolute;
    top: 27px !important;
    width: auto !important;
    z-index: 950;
}

.sf-menu a.sf-with-ul {
    padding:0;
}

a > .sf-sub-indicator {
    display:none;
}

/* ROCK SOLID Base -- Don't touch */

.navbar {
    float: none;
    font-family: 'Marcellus SC', serif;
    left: 0;
    margin: 0 auto !important;
    max-width: 1108px !important;
    position: absolute;
    right: 0;
    top: 86px;
    z-index: 2;
}

#navigation {
    margin: 0 auto;
    max-width: 960px !important;
    position: absolute;
    right: 0;
    text-align: right;
    width: 600px;
}

.sf-menu, .min {
    display:table-row;
}

.sf-menu li, .min li {
    display: table-cell;
}

.sf-menu a, .min a, .sf-menu a.sf-with-ul, .min a.min-with-ul {
    display: inline-block;
    padding: 10px;
    vertical-align: top;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

.sf-menu ul, .min ul {
    display:none !important;
	  visibility:visible!important;
    opacity:1 !important;
    top:10px !important;
    min-width:200px;
    max-width:auto;
    position:absolute;
}


.sf-menu ul, .min ul, .sf-menu:hover ul, .min:hover ul {
    background:#E7E7E7;
    top:auto !important;
    opacity:1 !important;
    border:solid 1px #ddd;
    border-top:none;
    padding:10px;
    box-shadow:0 1px 1px #333;
}

.sf-menu li:hover ul, .min li:hover ul {
    display:block !important;
    visibility:visible !important;
    width: 160px;
    text-align: left;
}

.sf-menu li a:hover {
    text-decoration:underline;
}

.sf-menu ul li, .min ul li, .sf-menu ul li a, .min ul li a {
    display:block;
}

.sub_menu {
    position:relative;
}

/* ### Sidebar Navigation RESET -- Don't touch  ### */

#content_panel.left_navigation #left_panel {
    width:20%;
    background: rgba(2, 44, 96, 0.79);
}

#content_panel.left_navigation #right_panel {
    width:80%;
    padding: 0 25px !important;
    background: rgba(255, 255, 255, 0.79);
}

.sf-vertical, .sf-vertical li {
    width:auto;
}

html #content_panel.left_navigation {
    padding-left: 0px;
    padding-right: 0px;
}

#left_panel .sf-menu ul, #left_panel .min ul, #left_panel .sf-menu li, #left_panel .min li, #left_panel .sf-menu li a, #left_panel .min li a {
    display:block;
}

.sf-menu.sf-vertical li:hover, #left_panel .min li:hover {
    background:transparent;
}

/* Basic Styling */

.min ul li a, .sf-menu ul li a {
    padding:10px;
}

.min li a:link, .sf-menu li a:link, .min li a:visited, .sf-menu li a:visited {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #173158 !important;
    font-size: 12px;
    padding-left: 3px;
    padding-right: 6px;
    padding-top: 3px;
    text-transform: uppercase;

}

#mobileNav {
    display: none;
    width: 100%;
    text-align: center;
    background:#333;
    z-index: 999;
    margin-bottom:-14px;
}

#mobileNav a {
    color: #fff;
    font-size: 20px;
    padding: 10px 0;
    display: block;
    text-decoration: none;
}

/* Hovers */


/* The background color that the TOP LEVEL nav item remains, when you are hovering over sub nav items. */
.sf-menu li:hover, .min li:hover {
    background:transparent;
    color: #333;
}

/* The background color that nav items turn, when you hover over them  */
.sf-menu li a:hover, .min li a:hover {
    background: none;
    color: #9CAFC1;
}

/*OTHER*/
@keyframes 
hover {
}
 @-webkit-keyframes 
hover-shadow {
}
 @keyframes 
hover-shadow {
}

.sf-menu li {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: transform;
    border-right: 1px solid;
}

.sf-menu li:before {
}

.sf-menu li:hover {
}

.sf-menu li:hover:before {
}

.sf-menu li.active {
}

.sf-menu li.active:before {
}
 @media (max-width:1024px) {
}
 @media (max-width:767px) {
}
 @media (max-width:684px) {
}