@font-face {
    font-family: 'houcou';
    src:url('../font/houcou.eot?-jt3rd2');
    src:url('../font/houcou.eot?#iefix-jt3rd2') format('embedded-opentype'),
        url('../font/houcou.ttf?-jt3rd2') format('truetype'),
        url('../font/houcou.woff?-jt3rd2') format('woff'),
        url('../font/houcou.svg?-jt3rd2#houcou') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 40px;
    padding-top: 40px;
}


.hc-houcou {
    font-family: 'houcou';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hc-houcou:before {
    content: "\e600";
}


.navbar-inverse .navbar-brand {
    padding: 12px;
	font-size: 26px;
	font-style: normal;
	font-variant: small-caps;
	font-weight: 700;
    color: #eaeaea;
}

.navbar-inverse .navbar-nav>li>a {
    color: #bbb;
}



header .jumbotron{
    background:#358cce;
    border-radius:0;
    color:#fff;
}

header .jumbotron small{
    color:#fff;
}

.main-color {
    color:#358cce;
}

.panel-title {
    font-size: 18px;
}

#map {
	width:100%;
	height:250px;
	display:block;
}

.google-map-canvas, .google-map-canvas * {
    .box-sizing(content-box); 
}

.dropdown:hover .dropdown-menu {
    display: block;
}
    
.text-shadow {
    color: #0063b2;
	font-size: 5em;
	font-style: normal;
	font-variant: small-caps;
	font-weight: 700;
	line-height: 53.9px;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
                 0px 8px 13px rgba(0,0,0,0.1),
                 0px 18px 23px rgba(0,0,0,0.1);
}

img { max-width: none; }


    tr td:first-child, th {
        font-size: 1em;
        color: #358cce;
        font-weight:bold;
    }
    th, td {
        text-align: center;
    }
    tr td:first-child,
    tr th:first-child {
        text-align:right;
    }

    .table {
        margin-bottom: 0;
    }
/* Progress Tracker */
ol.progtrckr {
    margin: 0;
    padding: 0 0 35px 0;
    list-style-type:; none;
    text-align: center;
}

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3em;
    width: 19%;
}

ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; }
ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }

ol.progtrckr li.progtrckr-done {
    color: black;
    border-bottom: 4px solid yellowgreen;
}
ol.progtrckr li.progtrckr-todo {
    color: silver;
    border-bottom: 4px solid silver;
}

ol.progtrckr li:after {
    content: "\00a0\00a0";
}
ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em;
}
ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: yellowgreen;
    height: 1.2em;
    width: 1.2em;
    line-height: 1.2em;
    border: none;
    border-radius: 1.2em;
}
ol.progtrckr li.progtrckr-todo:before {
    content: "\039F";
    color: silver;
    background-color: white;
    font-size: 1.5em;
    bottom: -1.6em;
}
@media (max-width: 768px) {
    .nav-tabs .nav-justified > li {
        float:left;
    }
}