/* Main CSS */

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;

    line-height: 0;

    content: '';
}

.clearfix:after {
    clear: both;
}

html {
    font-size: 100%;

    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
}

a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

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

button,
input,
select,
textarea {
    margin: 0;

    font-size: 100%;
    vertical-align: middle;
}

button,
input {
    line-height: normal;

    *overflow: visible;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;

    border: 0;
}

body {
    margin: 0;

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333;

    background-color: #fff;
}

a {
    color: #08c;
    text-decoration: none;
}

a:hover {
    color: #005580;
    text-decoration: underline;
}

.row {
    margin-left: -20px;

    *zoom: 1;
}

.row:before,
.row:after {
    display: table;

    line-height: 0;

    content: '';
}

.row:after {
    clear: both;
}

[class*='span'] {
    float: left;

    min-height: 1px;
    margin-left: 20px;
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 940px;
}

.span12 {
    width: 940px;
}

.span11 {
    width: 860px;
}

.span10 {
    width: 780px;
}

.span9 {
    width: 700px;
}

.span8 {
    width: 620px;
}

.span7 {
    width: 540px;
}

.span6 {
    width: 460px;
}

.span5 {
    width: 380px;
}

.span4 {
    width: 300px;
}

.span3 {
    width: 220px;
}

.span2 {
    width: 140px;
}

.span1 {
    width: 60px;
}

[class*='span'].pull-right,
.row-fluid [class*='span'].pull-right {
    float: right;
}

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

    *zoom: 1;
}

.container:before,
.container:after {
    display: table;

    line-height: 0;

    content: '';
}

.container:after {
    clear: both;
}

p {
    margin: 0 0 10px;
}

.lead {
    margin-bottom: 20px;

    font-size: 21px;
    font-weight: 200;
    line-height: 30px;
}

small {
    font-size: 85%;
}

h1 {
    margin: 10px 0;

    font-family: inherit;
    font-size: 38.5px;
    font-weight: bold;
    line-height: 20px;
    line-height: 40px;
    color: inherit;

    text-rendering: optimizelegibility;
}

h1 small {
    font-size: 24.5px;
    font-weight: normal;
    line-height: 1;
    color: #999;
}

body {
    margin-top: 90px;
}

.header {
    padding-left: 0;

    border-bottom: 1px solid #ddd;
    background-color: #fff;
    list-style: none;
}

.header-item {
    display: inline-block;

    margin-right: 20px;
}

.footer {
    margin-top: 20px;

    font-size: 12px;
    color: #ddd;
    text-align: center;
}

.footer a {
    color: #ccc;
    text-decoration: underline;
}

.the-icons {
    font-size: 14px;
    line-height: 24px;
}

.switch {
    position: absolute;
    right: 0;
    bottom: 10px;

    color: #666;
}

.switch input {
    margin-right: .3em;
}

.codesOn .i-name {
    display: none;
}

.codesOn .i-code {
    display: inline;
}

.i-code {
    display: none;
}

@font-face {
    font-family: 'bi-icons';
    font-weight: normal;
    font-style: normal;

    src: url('../font/bi-icons.eot?51672066');
    src: url('../font/bi-icons.eot?51672066#iefix') format('embedded-opentype'),
         url('../font/bi-icons.woff?51672066') format('woff'),
         url('../font/bi-icons.ttf?51672066') format('truetype'),
         url('../font/bi-icons.svg?51672066#bi-icons') format('svg');
}

.demo-icon {
    display: inline-block;

    width: 1em;
    margin-right: .2em;
    /* Animation center compensation - margins should be symmetric *//* remove if not needed */
    margin-left: .2em;

    font-family: 'bi-icons';
    font-weight: normal;
    font-style: normal;
    /* opacity: .8; *//* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    /* You can be more comfortable with increased icons size *//* font-size: 120%; *//* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;

    speak: none;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect *//* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}