/* 
HEX CODES

#f43b3b (Red)
#FF5757 (light red)
#00e4ff (baby blue)
#bcbcbc (gray)
#d3d3d3 (light gray)
*/
/*
FONTS

font-family: 'Open Sans', sans-serif;
font-family: 'Montserrat', sans-serif;
*/
body,
html {
    height: 100px;
    padding: 60px 0 0 0;
    margin: 0;
    background-color: #222;
}

/* Navigation Begins */
.navbar-header {
    height: 116px;
}

.navbar-brand {
    padding: 0px;
    margin: 0px;
    height: 100px;
}

.navbar-inverse {
    background-color: #222;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 100;
}

/* change hover color */

.navbar-inverse .navbar-nav > li > a:hover {
    color: #FF5757;
}

/* changes nav highlight color */

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #FF5757;
}

.navbar-inverse .navbar-toggle {
    background: #222;
    border: none;
}

.navbar-inverse .navbar-toggle:hover {
    background: #FF5757;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    box-shadow: none;
    overflow: hidden;
    text-align: center;
    background: none;
}

/* Navigation Ends */
/* Carousel Begins */
.container-fluid.jas {
    margin: 0;
    padding: 0;
}

.carousel-inner img {
    width: 100%;
}

/* CAROUSEL END*/
/* About Us Begins */

.col-sm-12.aboutus h1 {
    color: #FF5757;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
}

.col-sm-12.aboutus p {
    color: #d3d3d3;
    padding-bottom: 25px;
}

/* About Us Ends */

/* Standings Begins */


.container.stand h2 {
    color: #FF5757;
    text-align: center;
}

.col-sm-4.stand {
    font-size: 50px;
    color: #fff;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.col-sm-3.stand h4 {
    text-align: center;
    color: #fff;
}

.col-sm-3.stand h5 {
    text-align: center;
    color: #d3d3d3;
}

.container.stand {
    background-color: #333;
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

/*container stand ends*/

/*container direct begins*/

.container.direct h2 {
    color: #FF5757;
    text-align: center;
    padding-top: 25px;
}

.container.direct h3 {
    color: #d3d3d3;
    text-align: center;
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

/*container direct ends*/
/*FOOTER BEGINS*/
.container.ftr {
    background-color: #333;
    margin: 0;
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.container.ftr h1 {
    font-size: 33px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    text-transform: uppercase;
    color: #FF5757;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}


.col-sm-6.form h3 {
    text-align: center;
    font-size: 33px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.col-sm-6.ftr h3 {
    color: #FF5757;
    text-align: center;
}

.col-sm-6.ftr h5 {
    color: #fff;
    text-align: center;
}

.col-sm-4.ftr2 h5 {
    color: #fff;
    margin-top: 55px;
    text-align: center;
}

.copy {
    color: #fff;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

form {
    width: 100%;
    margin: 0 auto;
    color: #fff;
}

label {
    display: block;
    margin-top: 20px;
    letter-spacing: 2px;
}

input,
textarea {
    width: 100%;
    height: 27px;
    background: #efefef;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #dedede;
    padding: 10px;
    margin-top: 3px;
    font-size: 0.9em;
    color: #3a3a3a;
}

input:focus,
textarea:focus {
    border: 1px solid #97d6eb;
}

textarea {
    height: 213px;
    font-family: Arial, Helvetica, sans-serif;
    background: url(../img/textarea-bg.jpg) right no-repeat #efefef;
}

#submit {
    background: url(../img/submit-button.png);
    width: 75px;
    height: 75px;
    text-indent: -9999px;
    border: none;
    margin-top: 20px;
    cursor: pointer;
}

#submit:hover {
    opacity: 0.9;
}

/*FOOTER ends*/