body {
    color: #54627a;
}

.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
}

h1 {
    font-size: 3.0em;
}

#page-content-wrapper {
    max-width: 1170px;
    background-color: #ffffff;
}
/* 
.content-block{

 margin-left:20vw;
} */
#wrapper {
    background-color: #ffffff;
    width:80vw;
    Margin-left:18vw;
}

.inside {
    margin-top: 20px;
    margin-bottom: 20px;
    background: #ededed;
    background: -webkit-gradient(linear,
            left top,
            left bottom,
            color-stop(0%, #f4f4f4),
            color-stop(100%, #ededed));
    background: -ms-linear-gradient(top,
            #f4f4f4 0%,
            #ededed 100%);
}

.inside-full-height {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

/* columns of same height styles */
.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.col-sm-height {
    display: table-cell;
    float: none;
}

.col-top {
    vertical-align: top;
}

.col-middle {
    vertical-align: middle;
}

.col-bottom {
    vertical-align: bottom;
}

@media (max-width: 480px) {
    #wrapper{
      width: 100vw;

    }
    .container {
        width: auto;
    }

    .row-xs-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-xs-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-xs-top {
        vertical-align: top;
    }

    .col-xs-middle {
        vertical-align: middle;
    }

    .col-xs-bottom {
        vertical-align: bottom;
    }
}

@media (max-width: 768px) {
    #wrapper{
        width: 96vw;
  
      }
      
    .row-sm-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-sm-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-sm-top {
        vertical-align: top;
    }

    .col-sm-middle {
        vertical-align: middle;
        padding-top: 0px;
        margin-bottom: 10px;
    }

    .col-sm-bottom {
        vertical-align: bottom;
    }
}

@media (max-width: 1024px) {
    /* body{
       width:100%;
    }*/
}

@media (max-width: 992px) {
    .row-md-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-md-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-md-top {
        vertical-align: top;
    }

    .col-md-middle {
        vertical-align: middle;
    }

    .col-md-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 1200px) {
    .row-lg-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-lg-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-lg-top {
        vertical-align: top;
    }

    .col-lg-middle {
        vertical-align: middle;
    }

    .col-lg-bottom {
        vertical-align: bottom;
    }
}

a.btn {
    margin-top: 4em;
    margin-bottom: 4em;
    border-radius: 10em;
    color: #0ca6f7;
    background-color: white;
    /*border: solid 0.2em #0ca6f7;*/
}

a.btn:hover {
   /* border: solid 0.2em rgba(0,
            0,
            0,
            0.35);*/

    color: rgb(19, 6, 141);
    background-color: #93d6f8;
}

a.btn h4 {
    font-size: 1.8em;
    font-weight: 700;
    letter-spacing: 0.3em;
    text-align: center;
}

.footer {
    /* background-color: #48d79e;*/
    margin-top: 4em;
    padding-top: 0.5em;
    color: white;
    background-color: #3bb4aa;
}

.panel-heading {
    /*background-color: rgba(0, 122, 73, 0.79);*/
    /* margin-bottom:-20px;
      margin-top: -20px;*/

    padding-top: auto;
    padding-bottom: auto;

    background-color: #78cbff;
}

#top .panel-heading h1 {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

#top .panel-heading {
    margin-top: -0.4em;
}

.panel-heading h1 {
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 3px;
    color: #ffffff;
    text-align: center;
    /*text-shadow: 5px 5px 2px blue;*/
}

#merit .panel-heading h1 {
    margin-top: 0.2em;
    margin-bottom: -0.2em;
}

#flow .panel-heading h1 {
    margin-top: 0.2em;
    margin-bottom: -0.2em;
}
/*
.flow{
width:80vw;

}*/

#cost .panel-heading h1 {
    margin-top: 0.2em;
    margin-bottom: -0.2em;
    
}

th {
    background-color: rgba(67, 237, 162, 0.69);
    border: solid 3px white;
}

#merit td {
    font-size: 18pt;
}

#charge td {
    background-color: rgba(132, 214, 161, 0.21);
    border: solid 3px white;
    font-size: 1.4em;
}

table {
    border: solid 3px white;
}

#charge table {
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
}

#charge td,
th {
    font-size: 1.4em;
    width: 10%;
    height: 3em;

}


#charge th {
    vertical-align: middle;

}

#charge td {
    vertical-align: middle;

}


/*
.list-illust
{
    margin-left: -2em;
    margin-top: 2em;
}*/
.table {
    background-color: #ffffff;
    border: 10px;
    border-color: #fff;
    /*color: #242424;*/
}

table {
    border: 10px;
}

#sidebar-wrapper li a {
    color: #ffffff;
    background-color: rgba(255,
            255,
            255,
            0);
    font-weight: 400;
}

#sidebar-wrapper {
    background-color: rgba(255,
            186,
            75,
            0.68);

}

.nav-side-menu {
    margin-left: 0;
}

.btn-column {}

.link-text a {
    color: #ffffff;
    font-weight: 400;
    
}
.link-text{
    text-align:center;
}

.footer-text {
    font-weight: 400;
    padding-top: 1em;
    padding-bottom: 2em;
    color: white;
    text-align: center;
}

sidebar-nav a {
    font-weight: 400;

}

sidebar-nav li a .page-scroll {
    font-weight: 400;
}

.nav-side-menu li a {
    color: #54627a;
    font-weight: 600;
    font-size: 1.3em;
    margin-bottom: 1.00em;
    background-color: rgba(255,
            255,
            255,
            0);
    padding-left: 8px;
}

.nav-side-menu li a:hover {
    /* color: #56ff63;*/
    background-color: rgba(0,
            0,
            0,
            0);
}

.nav-side-menu li a:active {
    color: #d6ad00;
    background-color: rgba(0,
            0,
            0,
            0);
}

.nav-side-menu li {
    padding-left: 0px;
    border-left: 3px solid #2e353d;
    /* border-bottom: 1px solid #c8d6e6;*/
}

.nav-side-menu {
    background-color: #e1f4fc;
    /* TODO:     */
    /*width: 18%;*/
    width: auto;
    z-index:1;

}

.sidebar-brand {

    width: 93%;
    height: auto;
   

}
.sidebar-brand img {

    width: 16vw;
    height: auto;

}

.nav-side-menu .toggle-btn {
    color: #4f5b69;
    background-color: #d5dfea;
    border-radius: 4px;
    
}

.nav-side-menu li:hover {
    border-left: 3px solid #d19b3d;
    background-color: #c8d6e6;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
    background-color: #c8d6e6;
}

.nav-side-menu ul .active,
.nav-side-menu li .active {
    border-left: 3px solid #d19b3d;
    background-color: #94e2ff;
}

.text-center{
text-align:center;
}
li {
    margin-bottom: 0.7em;
}

.merit5 {
    width:auto;
    margin-bottom: 1.3em;
}

.merit6 h2 {
    color: #339f7a;
    font-weight: 600;
    margin-bottom: 1.1em;
}

.question {
    background-color: #ed7144;
    color: #ffe7e7;
    border: solid 2px #555;
    border-radius: 4px;
    width: 42px;
    height: 42px;
    line-height: 40px;
    margin-bottom: 1.9em;
    margin-top: 0;
}

.answer {
    background-color: #96d4eb;
    color: #fff9f9;
    border: solid 2px #555;
    border-radius: 4px;
    width: 42px;
    height: 42px;
    line-height: 40px;
    margin-bottom: 1.9em;
    margin-top: 0;
}

.ques {}

.ans {
    color: #f57735;
}

/*
#qa .btn
{
  font-weight: 800;
    font-size: 14pt;
    margin-bottom: 1.8em;

}
*/
#qa h4 {
    margin-bottom: 1.8em;
    margin-top: 0;
    margin-left: -4em;
    font-size: 1.4em;

}

/*body {
    max-width:calc(100% - 150px);
}*/
#merit td {
    padding-bottom: 0.5em;
    display: table-cell;
}

#merit h3,
#flow h3,
#charge h3 {
    color: #339f7a;
    font-weight: 600;
    margin-bottom: 1.0em;
}

#merit row {}

#merit .box1 {
    margin-bottom: 1.3em;
    height: 16em;
}

#merit .box1 img {
    margin-top: -2.2em;
}

#merit .td1 {
    margin-top: -10px;
}

td {
    font-size: 0.9em;
    vertical-align: top;
}

#charge .text-customize {
    color: #ff7b04;
    font-weight: 600;
    margin-left: 38.5em;
}

#charge .template h4 {
    color: #ff9200;
    font-weight: 600;
}

#about img {
    /*width: 100%;*/
}

nav {
    display: none;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.row {
    /*margin:0 0 0 0 ;*/
}

#charge h4 {
    font-size: 12pt;
    font-weight: 600;
}

@media (max-width: 767px) {
    
    h1 {
        font-size: 2.0em;
    }

    h2 {
        font-size: 1.2em;
        font-weight: 600;
        margin-bottom: 0.4em;
    }

    h3 {
        font-size: 1.2em;
    }

    a.btn h4 {
        font-size: 1.2em;
        font-weight: 700;
        letter-spacing: 0.3em;
    }

    #qa h4 {
        font-size: 1.2em;
        margin-bottom: 1.8em;
        margin-left: 1em;
        margin-top: 0;
    }

    #charge .template h4 {
        font-size: 1.1em;
    }

    .nav-side-menu .menu-list .menu-content,
    .nav-side-menu li {
        display: none;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
    }

    nav {
        display: block;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
    }

    .navbar-nav>li>a {
        color: #31323c;
    }

    .navbar-inverse {
        background-color: #c8d6e6;

    }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {

        overflow-y: hidden;
        /*border-color: #0000;*/
    }


    .navbar-toggle {
        background-color: #93d6f8;
    }

    .navbar-inverse .navbar-toggle {
        border-color: white;
        background-color: #93d6f8;
    }

    .navbar-inverse .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.active>a:hover,
    .navbar-inverse .navbar-nav>.active>a:focus {
        color: #ffffff;
        background-color: #96cfe8;
    }

    .navbar {
        overflow: hidden;
        font-family: verdana;
        font-size: 12px;
        font-weight: 200;
        background-color: #46576a;
        color: #dbdbdb;
        display:none;
    }

    .navbar li a {
        color: #54627a;
        font-weight: 600;
        font-size: 1.3em;
        margin-bottom: 0.7em;
        background-color: rgba(255,
                255,
                255,
                0);
        padding-left: 20px;
        padding-bottom: -1em;
    }

    .navbar li a:hover {
        color: #54627a;
        background-color: #c8d6e6;
    }

    .active {
        color: #ffffff;
        background-color: #c8d6e6;
    }

    .navbar-inverse .navbar-nav>li>a {
        color: #96cfe8;
    }

    .navbar-nav>li {
        margin-bottom: -1.0em;
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .navbar-brand img {
        margin-top: -10px;
    }
    .sidebar-brand{

display:none;

    }
    #merit .box1 img {
        margin-top: 1.0em;
        margin-bottom: 1.8em;
        margin-left: auto;
        margin-right: auto;
        padding-right: 70px;
    }

    #merit img {
        margin-top: 2.0em;
        clear: both;
        /*margin-bottom: 0.2em;*/
    }

    #merit h3 {
        font-size: 1.3em;
        text-align: center;
    }

    .merit6 h2 {
        font-size: 1.6em;
        text-align: center;
    }

    #merit li {
        font-size: 0.8em;
        font-weight: 600;
    }

    th {
        font-size: 0.7em;
    }

    #merit td {

        font-size: 1.2em;
    }

    #charge td {
        font-size: 0.9em;
    }

    #wrapper {


        margin-left: 0;
        padding-left: 0;
    }

    #charge h4 {
        font-size: 11pt;
        font-weight: 600;
    }

/*
    #wrapper{

width:80vw !important;

    }*/

.flow{
  width:auto;

}    
.img-responsive{
/*width:100%;*/

}


    /*
    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        color: #ffffff;
        background-color: #54627a;
    }*/
    /*.navbar-nav > li > a {
        color: #9d9d9d;
        background-color: #54627a;*/
}