html,
body {
    width: 100%;
    height: 100%;
}

body {
    color: #222;
    background-color: #28170e;
    padding-bottom: 40px;
}

.container {
    height: 100%;
}

a,
a:focus,
a:active,
a.active {
    color: #333;
    font-weight: bold;
}

a:hover,
a:focus,
a:active,
a.active {
    color: #333;
    font-weight: bold;
}

/*=====================================
NAVBAR
=====================================*/
.navbar,
#navbar {
    _min-height: 85px;
}

.navbar-default {
    background-color: #000;
}

/*=====================================
LOG IN FORM
=====================================*/
.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}

.form-signin .checkbox {
    font-weight: normal;
}

.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/*=====================================
VOTES
=====================================*/
.votes_btn-group {
    margin-top: 1em;
    margin-bottom: 1em;
}

.vote-1:hover {
    background-color: #df2400;
}

.vote-2:hover {
    background-color: #e56c00;
}

.vote-3:hover {
    background-color: #e5b400;
}

.vote-4:hover {
    background-color: #cccc00;
}

.vote-5:hover {
    background-color: #80c901;
}

.vote-6:hover {
    background-color: #33b702;
}

.row_vote {
    margin-top: -70px;
}

.img-responsive_vote {
    max-height: 600px;
    margin: 0 auto;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    border-color: #597180;
    background-color: #597180;
    color: #fff;
    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.btn-xl,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: #597180;
    background-color: #597180;
    color: #fff;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    font-weight: normal;
    border-color: #597180;
    background-color: #597180;
    color: #fff;
}

section {
    min-height: 100%;
    padding: 100px 0;
    background-color: #333;
    background-image: url(/img/bg-2024a.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

h1,
h2,
h3,
h4,
h5,
h6,
section h2.section-heading,
p {
    color: #333;
}

.home strong {
    color: #111;
    font-weight: bold;
}

.section-subheading {
    color: #333;
}

section h3.section-subheading {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
}

.rules p::first-letter {
    color: #333;
    font-weight: normal;
}

/* NAVBAR TITLE */
.navbar-default .navbar-brand {
    color: #EBDECD;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #fff;
}

/* NAVBAR BUTTONS */
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav {
    color: #EBDECD;
    font-weight: bold;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav {
    color: #fff;
    font-weight: bold;
    background-color: transparent;
}

.navbar-default .nav li a,
.navbar-default .nav li {
    color: #fff;
    background-color: transparent;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    color: #fff;
    font-weight: bold;
    background-color: transparent;
}

.navbar-default .nav li.inactive a,
.navbar-default .nav li.inactive a,
.navbar-default .nav li.inactive a:focus {
    color: #777;
}

.navbar-default .nav li.inactive a,
.navbar-default .nav li.inactive a:hover,
.navbar-default .nav li.inactive a:focus {
    color: #777;
}

/* FORMS */
.form-control:focus {
    border-color: #333;
    box-shadow: none;
}