/* ==========================================================================
   Resets
   ========================================================================== */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, small, strong, b, u, i, 
dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, embed, footer, header, menu, nav, section, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, footer, header, menu, nav, section {
	display: block;
}

ul {
	list-style: none;
}

ol {
    list-style: decimal;
}

body, div, img, p, button, input, select, textarea, a {
    box-sizing: border-box;
}

img {
    border: none;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

/* ==========================================================================
   Global 
   ========================================================================== */

body {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 15px;
    color: #303030;
}

/* ==========================================================================
   Grid (18 Columns) and Containers
   ========================================================================== */

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10,
.col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18 { 
    position: relative; 
    float:left;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
}

.col-1  { width:5.55556% }
.col-2  { width:11.11111% }
.col-3  { width:16.66667% }
.col-4  { width:22.22222% }
.col-5  { width:27.77778% }
.col-6  { width:33.33333% }
.col-7  { width:38.88889% }
.col-8  { width:44.44444% }
.col-9  { width:50% } 
.col-10 { width:55.55556% }
.col-11 { width:61.11111% }
.col-12 { width:66.66667% }
.col-13 { width:72.22222% }
.col-14 { width:77.77778% }
.col-15 { width:83.33333% }
.col-16 { width:88.88889% }
.col-17 { width:94.44444% }
.col-18 { width:100% }


/* ==========================================================================
   Margin and Paddings
   ========================================================================== */

.padding-5 { padding: 5px; }
.padding-10 { padding: 10px; }

.padding-top-5 { padding-top: 5px }
.padding-top-10 { padding-top: 10px }
.padding-top-15 { padding-top: 15px }
.padding-top-20 { padding-top: 20px }

.padding-right-5 { padding-right: 5px }
.padding-right-10 { padding-right: 10px }
.padding-right-15 { padding-right: 15px }
.padding-right-20 { padding-right: 20px }

.padding-bottom-5 { padding-bottom: 5px }
.padding-bottom-10 { padding-bottom: 10px }
.padding-bottom-15 { padding-bottom: 15px }
.padding-bottom-20 { padding-bottom: 20px }

.padding-left-5 { padding-left: 5px }
.padding-left-10 { padding-left: 10px }
.padding-left-15 { padding-left: 15px }
.padding-left-20 { padding-left: 20px }

.offset-top-20 { margin-top: 20px }
.offset-right-20 { margin-right: 20px }
.offset-bottom-20 { margin-bottom: 20px }
.offset-left-20 { margin-left: 20px }

/* ==========================================================================
   Alignments
   ========================================================================== */	

.float-left  { float: left }
.float-right { float: right }
.float-none  { float: none !important; }

.center { text-align: center }
.left   { text-align: left }
.right  { text-align: right }

.margin-center { margin: 0 auto; }

/* ==========================================================================
   Typography and Headline Styles
   ========================================================================== */

strong { font-weight: bold}
small{ font-size: 13px;}

h1 { font-size: 25px; }
h2 { font-size: 20px; }
h3 { font-size: 17px; }
h4 { font-size: 16px; }
h5,
h6 { font-size: 15px; }

/* Transform */
.txt-caps { text-transform: capitalize }
.txt-upper { text-transform: uppercase }
.txt-lower { text-transform: lowercase }

/* ==========================================================================
   Text and background colors 
   ========================================================================== */

/* text colors */
.txt-white { color: #fff;}
.txt-grey { color: #9a9a9a;}


/* solid background */
.navy-blue { background: #001f60 }
.cerulean { background: #0096db }

/* ==========================================================================
   Link Styles
   ========================================================================== */

a, a:visited { 
    color: #0096db; 
    cursor: pointer; 
    outline: none; 
    text-decoration: none;
}

a:focus,
a:active { 
    outline: none; 
}

button {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
    outline: none;
    *overflow: visible;
    line-height: normal;
    border: none;
    -webkit-appearance: button;
    cursor: pointer;
    font-family: "Roboto Condensed", Sans-serif;
}

/* ==========================================================================
   Ordered and Unordered Lists
   ========================================================================== */

ul, ol { 
    margin: 10px 0; 
    padding: 0 0 0 20px; 
}

ul.reset, 
ol.reset { 
    margin: 0; 
    padding: 0; 
}

ul.bullet{
    padding: 0 20px 0 20px; 
}

ul.bullet li {
    list-style: disc
}

ul li,
nav ul, 
nav ol { 
    list-style: none; 
}

nav ul, nav ol { 
    margin: 0; 
    padding: 0;
}

/* ==========================================================================
   Visibility
   ========================================================================== */

.hide { display: none; }
.show,
.block { display: block; }

.relative { position: relative }
.absolute { position: absolute }
.fixed    { position: fixed; }

/* ==========================================================================
   Clears
   ========================================================================== */	

.clearfix { clear:both; }

.clearfix:before, 
.clearfix:after { 
    content: ""; 
    display: table; 
}

.clearfix:after { clear: both; }