@font-face {
    font-family: 'Open Sans';
    src: url('../assets/Open_Sans/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../assets/Open_Sans/OpenSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../assets/Open_Sans/OpenSans-ExtraBold.ttf') format('truetype');
    font-weight: bolder;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../assets/Open_Sans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bolder;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../assets/Open_Sans/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../assets/Open_Sans/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../assets/Open_Sans/OpenSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../assets/Open_Sans/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../assets/Open_Sans/OpenSans-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../assets/Open_Sans/OpenSans-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

* {
    font-family: 'Open Sans', sans-serif;
}

html, body {
    height: 100%;
    width: 100%;
}

.container-fluid {
    max-width: 1500px;
}

.navbar {
    margin-bottom: 0px !important;
}

.site-wrapper > .container-fluid {
    padding-top: 20px;
    background-color: white;
}

.site-wrapper {
    min-height: 100%;
    position: relative;
    background-color: #e0e0e0;
}

footer > .container-fluid {
    background-color: white;
}

footer {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
}

@media (min-width: 768px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }

    ul.nav > li:hover {
        background-color: #e7e7e7;

    }
}

.navbar-brand img {
    margin-top: -5px;
    height: 100%;
    display: inline-block !important;
}

.navbar ul li a {
    color: #12679b !important;
}

.navbar-toggle {
    color: #12679b;
}

.footer-link {
    margin-bottom: 10px;
}

a {
    color: #12679b;
}

/* Submenu for md sizing */
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100% !important;
    margin-top:-6px;
    right: auto !important;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}