html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: gray;
    font-family: 'Raleway',sans-serif;
    font-size: 16px;
}

#wrapper {
    width: 80%;
    margin: auto;
    background-color: white;
    min-height: 100%;
    position: relative;
}

#header {
    width: 100%;
}

#content {
    padding-bottom: 80px;
}

.container {
    width: 100%;

}

.inner-container {
    padding: 0 50px;
}

/*=========== header-nav==============*/

#header-nav a#pull {
    /* background: #263138; */
    background:#2B3778;
}

#nav {
    display: table;
    height: 40px;
    width: 100%;
    padding-left: 0;
}

#nav li {
    display: table-cell;
    height: 40px;
    width: 20%; /* (100 / numItems)% */
    line-height: 40px;
    text-align: center;
    /* background: #263138; */
    background:#2B3778;
    border-right: 1px solid #fff;
    white-space: nowrap;
    cursor: pointer;
}

#nav li:last-child {
    border-right: 0;
}

#nav li a {
    text-decoration: none;
    text-align: center;
    color: white;
    display: block;
}

#nav li:hover {
   /*  background-color: #151D21; */
   background-color : #334393;
}

#nav li a:hover {
    color: white;
    text-decoration: none
}

#header-nav a#pull {
    display: none;
}

@media (max-width: 767px) {
    #wrapper {
        width: 90%;
    }

    #nav li {
        display: block;
        width: 100%;
        border-right: 0;
        border-top: 1px solid #fff;
    }

    #header-nav a#pull {
        height: 40px;
        display: block;
        width: 100%;
        position: relative;
        cursor: default;
    }

    #header-nav a#pull:after {
        content: "";
        background: url(../images/nav-icon.png) no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 10px;
        cursor: pointer;
    }

    #nav {
        height: 200px;
        display: none;
    }

    .reading-card {
        display: inline-block;
        width: 100%;
    }
}

/****** HOME *******/

.front-header {
    font-size: 23px;
    font-weight: bold;
    color: #1E1E1E;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
}

.front-text {
    color: red;
    padding: 0;
}

.front-button a {
    margin: 0 0 20px;
}

.reading-card {
    display: inline-block;
}

/*-----------------------------------*/

@media only screen and (max-width: 480px) {
    #wrapper {
        width: 100%;
    }

    .inner-container {
        padding: 0;
        text-align: center;
    }

    p {
        text-align: justify;
    }

}

/*=============Main menu responsive end ==================*/

/*===================================        Form           ===========================================*/

.form-header {
    font-size: 25px;
    color: #000000;
    font-weight: bold;
}

.form-text {
    color: #666666;
}

.form-text span {
    font-weight: bold;
}

.control-label {

    color: #2C3976;
}

/*--------------   form 2     ----------------*/
.form2-form-head {
    color: #2C3976;
}

.form2-test {
    color: #000000;
    font-weight: bold;
}

#form2 input {
    float: left;
}

.com2 {
    float: left;
    font-size: 22px;
    font-weight: bold;
}

.form2-meter-requierd {
    margin-left: 10px;
    margin-top: 15px;
    font-style: italic;
}

.form2-meter-text {
    color: #CC0000;
}

.star-red {
    color: red;
}

/*-----------------   FAQ    -------------------*/

.faq-head {
    font-size: 23px;
    font-weight: bold;
    margin-top: 20px;
    color: #000000;
    margin-bottom: 20px;
}

.faq-ques {
    font-weight: bold;
    font-size: 17px;
    color: #000000;
    text-align: justify;
}

.faq-ans {
    text-align: justify;
    color: #000000;
}

.faq-q-a {
    font-size: 17px;
    color: #000000;
    font-weight: bold;
}

/*==============       Footer       ==================*/
#footer {
  /*  background-color: #263138; */
    background:#2B3778;
  
    
    height: 60px;
    margin-top: 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
    /*left:0;*/

}

#footer p {
    color: white;
    text-align: center;
    margin-top: 20px;
    font-size: 13px;

}

/*****/

.rdg {
    width: 34px;
    height: 30px;
}

span.error {
    color: red;
}