html {
    font-family: sans-serif
}

article,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block
}

a:active,
a:hover {
    outline: 0 none
}

b {
    font-weight: 700
}

h1 {
    margin: .67em 0
}

img {
    border: 0 none;
    max-width: 100%;
    vertical-align: middle
}

svg:not(:root) {
    overflow: hidden
}

input {
    color: inherit;
    font: inherit;
    margin: 0
}

html input[type="button"],
input[type="submit"] {
    cursor: pointer
}

input::-moz-focus-inner {
    border: 0 none;
    padding: 0
}

input {
    line-height: normal
}

@media print {

    *,
    *::after,
    *::before {
        background: transparent none repeat scroll 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]::after {
        content: " (" attr(href) ")"
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]::after {
        content: ""
    }

    img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {}

    h2,
    h3 {
        page-break-after: avoid
    }
}

*,
*::after,
*::before {
    box-sizing: border-box
}

html {
    font-size: 10px
}

body {
    margin: 0;
    font-family: Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #000;
    background-color: #fff
}

input {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    background-color: transparent;
    color: #09f;
    text-decoration: none
}

a:focus,
a:hover {
    color: #09f;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline-offset: -2px
}

figure {
    margin: 0
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

h1,
h2,
h3 {
    font-family: Ubuntu;
    font-weight: 900;
    line-height: 1.25;
    color: inherit
}

h1,
h2,
h3 {
    margin-top: 22px;
    margin-bottom: 11px
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px
}

p {
    margin: 0 0 11px
}

#clock {
    color: red
}

.text-center {
    text-align: center
}

ul {
    margin-top: 0;
    margin-bottom: 11px
}

abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #aaa
}

.container {
    margin-right: auto;
    margin-left: auto
}

@media (min-width:1px) {
    .container {
        width: 768px
    }
}

@media (min-width:1280px) {
    .container {
        width: 1255px
    }
}

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

.container::after {
    clear: both
}

.pull-left {
    float: left !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0 none
}