@font-face {
    font-family: 'Asap';
    src:url('../fonts/asap/asap-regular-webfont.ttf')  format('truetype')
        /*src: url('../fonts/asap/asap-regular-webfont.eot'); 
        src: url('../fonts/asap/asap-regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/asap/asap-regular-webfont.woff') format('woff'), 
             url('../fonts/asap/asap-regular-webfont.ttf')  format('truetype'), 
             url('../fonts/asap/asap-regular-webfont.svg#svgAsap') format('svg'); */
}

@font-face {
    font-family: 'AsapBold';
    src:url('../fonts/asap/asap-bold-webfont.ttf')  format('truetype')
        /*src: url('../fonts/asap/asap-bold-webfont.eot');
        src: url('../fonts/asap/asap-bold-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/asap/asap-bold-webfont.woff') format('woff'), 
             url('../fonts/asap/asap-bold-webfont.ttf')  format('truetype'), 
             url('../fonts/asap/asap-bold-webfont.svg#svgAsap') format('svg'); */
}

/* the fix ! simply ADD this block BELOW the above block */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'Asap';
            src: url('../fonts/asap/asap-regular-webfont.svg#svgAsap') format('svg');
    }
    @font-face {
        font-family: 'AsapBold';
            src: url('../fonts/asap/asap-bold-webfont.svg#svgAsap') format('svg');
    }
}*/

* {
    font-family: 'Asap', sans-serif !important;
}

.navbar,navbar-inverse {
    text-transform:uppercase;
    font-size:1.1em; 
    background-color:#3276b1;
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#3071a9));
    background-image: -webkit-linear-gradient(top,#428bca,0%,#3071a9,100%);
    background-image: -moz-linear-gradient(top,#428bca 0,#3071a9 100%);
    background-image: linear-gradient(to bottom,#428bca 0,#3071a9 100%);
}

.navbar-inverse .navbar-brand {
    font-family:AsapBold;
    color:#fff;
    font-size:2.1em;
    letter-spacing:-5px;
    text-shadow: 0 2px 0 rgba(0,0,0,0.25);
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    text-transform:uppercase;
    background-color:#3276b1;
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#3071a9));
    background-image: -webkit-linear-gradient(top,#428bca,0%,#3071a9,100%);
    background-image: -moz-linear-gradient(top,#428bca 0,#3071a9 100%);
    background-image: linear-gradient(to bottom,#428bca 0,#3071a9 100%);
}

.navbar-inverse .navbar-nav>li>a {
    font-family:Asap;
    letter-spacing:1px;
    color:#fff;
    text-shadow: 0 2px 0 rgba(0,0,0,0.25);
}

.navbar-inverse {
    border-color:#3071a9;
}

.navbar {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 2px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 2px 10px 0px rgba(50, 50, 50, 0.75);
}

.navbar-collapse {
	background-image: -webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#3071a9));
    background-image: -webkit-linear-gradient(top,#428bca,0%,#3071a9,100%);
    background-image: -moz-linear-gradient(top,#428bca 0,#3071a9 100%);
    background-image: linear-gradient(to bottom,#428bca 0,#3071a9 100%);
}

.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form,.navbar-inverse .navbar-toggle,.navbar-inverse .navbar-toggle:active  {
    border-color:#3071a9 !important;
    background-color:#3071a9 !important;
}

.form-group  label{
    font-weight:normal;
    font-family:AsapBold !important;
}

input[type='text'],input[type='number'],textarea {font-size:16px;}

.blue-header {
    color: #3276b1;
    font-family:AsapBold !important;
}