/*
@media (max-width:767px) {  }
@media (min-width:768px) {  }
*/

*  {
    -webkit-tap-highlight-color:rgba(0,0,0,0);  /* Remove gray touch tap highlights */
}


img  {  border:0;   }


body  {
    font-family:'Open Sans',arial,sans-serif;
    padding:0;
    margin:0;
    color:#111;
    font-size:17px;
    line-height:1.58;
    background-color:#f4f4f4;
}
td, div, span, li, a {
    font-family:'Open Sans',arial,sans-serif;
    font-size:17px;
    line-height:1.5;
    color:#111;
}
.top-gray-bar  {
    background-color:#333;
    height:18px;
    display:block;
    width:100%;
}

.top-orange-bar  {
    display:block;
    width:100%;
    background-color:#c43903;
}

.media-kit-title  {
    font-family:'Yanone Kaffeesatz', arial, sans-serif;
    letter-spacing:1px;
    padding:4px 18px 8px 0;
    font-size:36px;
    font-weight:bold;
    color:#fff !important;
    text-decoration:none;
    display:inline-block;
    margin-top:8px;
}
.media-kit-phone {
    font-family:'Yanone Kaffeesatz', arial, sans-serif;
    letter-spacing:1px;
    padding:4px 18px 8px 0;
    font-size:24px;
    font-weight:bold;
    color:#fff !important;
    text-decoration:none;
    display:inline-block;
    margin-top:8px;
}
.kmg-subtitle  {
    color:#e9c8b0;
    font-size:21px;
    font-weight:bold;
    font-family:'Yanone Kaffeesatz', arial, sans-serif;
    display:inline-block;
    margin-bottom:8px;
}
.nav-box  {
    display:block;
    width:100%;
    background-color:#fff;
    box-shadow: 0 2px 2px -1px rgba(20,20,20,0.51);
    box-sizing:border-box;
    border-radius:3px;
    padding:5px;
    clear:both;
    margin-bottom:10px;
}


/* -- Main content box: --------------------------------- */
.main-content  {
    box-sizing:border-box;
}
@media (max-width:767px) {
    .main-content  {
        padding:8px;
    }
}
@media (min-width:768px) {
    .main-content  {
        padding:12px;
    }
}


/* -- Blocking div for Main Nav for nice wrapping: --------------------------------- */
@media (max-width:767px) {
    .nav-block  {
        display:block;
        width:100%;
        text-align:left;
    }
}
@media (min-width:768px) {
    .nav-block  {
        display:inline-block;
    }
}


/* -- Main Nav Link: ------------------------------ */
a.main-nav-link:link, a.main-nav-link:visited  {
    font-family:'Yanone Kaffeesatz',arial,sans-serif;
    color:#555;
    background-color:#fff;
    border:1px solid transparent;
    text-decoration:none;
    min-width:100px;
    text-align:center;
}
a.main-nav-link:hover  {
    background-color:#f1f1f1;
    color:#333;
    border:1px solid transparent;
    text-decoration:none;
}
a.main-nav-link:focus, a.main-nav-link:active  {
    background-color:#fffff1;
    color:#0a4983;
    border:1px solid #36f;
    text-decoration:none;
}

@media (max-width:767px) {
    a.main-nav-link  {
        display:block;
        font-size:19px;
        padding:8px 15px 4px 15px;
    }
}
@media (min-width:768px) {
    a.main-nav-link  {
        display:inline-block;
        font-size:24px;
        padding:10px 15px 8px 15px;
    }
}


.container  {
    margin:0 auto;
    width:100%;
    max-width:1000px;
    min-width:300px;
}

/* -- Home Page Header Bullets -------------------------- */
.highlightheader  {
    background-color:#f38a14;
    padding:12px;
    color:#fff;
    font-family:'Yanone Kaffeesatz',arial, sans-serif;
    font-size:28px;
    margin-bottom:8px;
}


/* -- Nifty, to prevent text selection... -------------------------------------- */
.no-user-select  {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* -- Headings -------------------------------------- */
h1  {
    font-weight:bold;
    font-family:'Yanone Kaffeesatz',arial, sans-serif;
    letter-spacing:2px;
    color:#5a5a5a;
    font-size: 48px;
    margin-bottom:32px;
    display:block;
}
h2  {
    font-weight:bold;
    font-family:'Yanone Kaffeesatz',arial, sans-serif;
    letter-spacing:2px;
    color:#5a5a5a;
}

/* -- For Mobile Friendly Data Tables -------------------------- */
table.datatable {
    border-collapse: collapse;
    border-spacing: 0;
    border:1px solid #aaa;
    border-radius:3px;
    margin:0 auto;
    width:100%;
    max-width:900px;
}
table.datatable td {
    border-top: 1px solid #ddd;
    padding: 9px 10px;
    background-color:#fff;
    color:#555;
}
table.datatable td.data-table-premium  {
    background-color:#f1f1f1;
    color:#111;
}
table.datatable th {
    border-top: 3px solid #335;
    padding: 10px 10px;
    background-color: #3f628e;
    color:#fff;
    font-weight:bold;
    border-bottom:1px solid #aaa;
}
table.datatable th.data-table-premium  {
    background-color:#155189;
}

table.datatable tr:hover td {
    background-color:#fce4a7 !important;
    color:#000;
}
table.datatable tr:hover td.data-table-premium {
    background-color:#f6d686 !important;
}

td.data-table-premium {
    background-color: #eee !important;
}

@media screen and (max-width: 640px) {
    table.datatable {
        overflow-x: auto;
        display: block;
    }
}
.data-table-first-column  {
    max-width:400px;
}
.data-table-first-column span {
    padding-left:15px;
    display:inline-block;
}
.data-table-centered-text  {
    text-align:center;
}




/* -- Footer Nav Links ----------------------------- */
a.whitebox  {
    display:inline-Block;
    width:200px;
    background-color:#fff;
    border-radius:3px;
    border:1px solid #ddd;
    padding:20px;
    -webkit-box-shadow: 0 2px 2px -1px rgba(20,20,20,0.51);
    -moz-box-shadow: 0 2px 2px -1px rgba(20,20,20,0.51);
    box-shadow: 0 2px 2px -1px rgba(20,20,20,0.51);
    text-align:center;
    line-height:28px;
    margin-right:20px;
    margin-bottom:20px;
    font-size:16px;
    text-decoration:none;
    color:#00aeef;
}
a.whitebox:hover  {
    -webkit-box-shadow: 0 3px 3px -1px rgba(20,20,20,0.41);
    -moz-box-shadow: 0 3px 3px -1px rgba(20,20,20,0.41);
    box-shadow: 0 3px 3px -1px rgba(20,20,20,0.41);
    color:#fff;
    background-color:#00aeef;
    border:1px solid #356493;
}




/* -- Default Form Fields: ------------------------------------- */
input[type="submit"].bigbtn, input[type="button"].bigbtn, .bigbtn  {
    font-family:'Open Sans',arial,sans-serif;
    border-radius:2px;
    font-size:17px;
    font-weight:bold;
    padding:9px;
    cursor:pointer;
    -webkit-appearance: none;
}
input[type="submit"].bigbtn:hover, input[type="button"].bigbtn:hover, .bigbtn:hover {
    box-shadow:1px 2px 4px rgba(0,0,0,0.15);
}
input[type="submit"].bigbtn:focus, input[type="button"].bigbtn:focus, input[type="submit"].bigbtn:active, input[type="button"].bigbtn:active, .bigbtn:active, .bigbtn:focus {
}

input[type="submit"].majorbtn, input[type="button"].majorbtn, button {
    min-width:195px !important;
    min-height:55px !important;
}

a:link, a:visited  {
    color:#2a6496;
    text-decoration:none;
}
a:hover  {
    color:#428bca;
    text-decoration:underline;
}
.graybtn  {
    color:#777;
    background-color:#efefef;
    border:1px solid #ddd;
}
.graybtn:hover  {
    background-color:#f3f3f3;
    border:1px solid #888;
    color:#222;
}
.graybtn:focus, .graybtn:active  {
    border:1px solid #3399ff;
}

.bluebtn  {
    color:#fff;
    background-color:#336099;
    border:1px solid #223377;
}
.bluebtn:hover  {
    background-color:#3366aa;
    border:1px solid #0000cc;
    color:#fff;
}
.bluebtn:focus, .bluebtn:active  {
    background-color:#2266c3;
}
.submitbtn  {
    width:100%;
    min-width:125px;
    max-width:250px;
    box-sizing:border-box;
}

input[type="text"].prettyformsmall, input[type="password"].prettyformsmall, textarea.prettyformsmall  {
    font-family:'Lato',arial,sans-serif;
    background-color:#fff;
    border:1px solid #ccc;
    font-size: 17px;
    line-height:1.5;
    font-weight: normal;
    border-radius: 3px;
    padding:9px;
}
input[type="text"].prettyformsmall:hover, input[type="password"].prettyformsmall:hover, textarea.prettyformsmall:hover  {
    background-color:#fff;
    border:1px solid #aaa;
}
input[type="text"].prettyformsmall:focus, input[type="text"].prettyformsmall:active, input[type="text"].prettyformsmall:focus, input[type="text"].prettyformsmall:active, textarea.prettyformsmall:focus, textarea.prettyformsmall:active  {
    background-color:#fff;
    border:1px solid #3399ff;
}