#header {
    background-color: #5e1984;
}
#logo {
    padding: 20px 30px 20px 30px;
}
#login {
    margin: 20px 0 0 0;
    float: right;
}
@media only screen and (max-width: 550px) {
    #logo img {
        display: block;
        max-width: 100%;
        height: auto;
    }
    #login {
        margin: 20px 0 0 0;
        float: none;
        text-align: right;
    }
}
.navbar-collapse {
    max-height: none;
}
#topnav a:hover {
    color: #fff;
    background-color: #5e1984;
}
.dropdown-menu li a:hover {
    color: #fff;
    background: #5e1984;
}
@media (min-width: 992px) {
    #sidenav.affix {
        top: 20px;
    }
}
@media (max-width: 991px) {
    #sidenav.affix {
        position: relative;
    }
}
#sidenav.affix {
    width: 218px;
}
#sidenav.affix-bottom {
    position: relative;
}
#sidenav h3 {
    margin-top: 0px;
    padding-left: 5px;
    border-left: solid 15px #5e1984;
    color: #896ba9;
}
#sidenav ul.level1 {
    margin: 20px 0 0 20px;
    font-size: 16px;
}
#sidenav ul.level2 {
    margin-left: -20px;
    font-size: 14px;
}
#sidenav li {
    margin: 0 0 10px 0;
}
#sidenav > ul > li {
    border-left: solid 5px #ece7f2;
    padding-left: 5px;
}
#sidenav a {
    color: #666;
    text-decoration: none;
}
#sidenav a:hover {
    color: #639;
}
#sidenav a.active {
    color: #428bca;
}
#footer {
    color: #fff;
    background-color: #5e1984;
    text-align: center;
    line-height: 1;
}
#copyright {
    padding-top: 15px;
}
#license {
    padding-bottom: 3px;
}
#login a, #license a {
    color: #fff;
    text-decoration: none;
}
#login a:hover, #license a:hover {
    text-decoration: underline;
}
.sect img {
    margin: 10px 0 10px 0;
}
.sect h3 {
    color: #5e1984;
}
.sect ul {
    margin-left: -20px;
}
.sect li {
    line-height: 24px;
}
.sect a {
    color: #666;
    text-decoration: none;
}
.sect a:hover {
    color: #639;
}
p.content {
    font-size: 14px;
    line-height: 24px;
}
.more a {
    color: #8957a1;
    font-size: 12px;
}
.media:first-child {
    margin-top: 15px;
}
.media h4 {
    color: #694b9b;
    font-size: 16px;
    line-height: 24px;
}
.media h6 {
    color: #707070;
}
#special-testimony-img {
    margin: 10px 0 0 0;
}
#special-testimony {
    background-color: #ece7f2;
    padding: 15px;
}
#special-testimony h4 {
    color: #694b9b;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px 0;
}
#special-testimony .author {
    color: #707070;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}
#special-testimony .author-title {
    color: #707070;
    font-size: 12px;
    line-height: 22px;
    margin: 0;
}
#special-testimony .content {
    margin-top: 10px;
}
.yt-container {
    position: relative;
    margin-top: 10px;
    padding-bottom: 80%;
    height: 0;
    overflow: hidden;
}
.yt-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fb-container {
    margin-top: 10px;
}
.fb-container iframe {
    width: 100% !important;
}
.sect-bottom {
    color: #fff;
    background-color: #4e1170;
}
.sect-bottom a {
    color: #fff;
    text-decoration: none;
}
.sect-bottom-header h4 {
    margin: 0;
    padding: 10px 0 10px 20px;
}
.sect-bottom-content h4 {
    margin-top: 20px;
}
.sect-bottom-footer img {
    margin: 20px 0 0 20px;
}
@media print {
    a[href]:after {
        content: "" !important;
    }
}

/* for mobile app */
body.rulaiapp, body.rulaiapp_topnav {
  padding-top: 20px;
}
body.rulaiapp > .container {
  margin-top: 1px;
}
body.rulaiapp #header {
  display: none;
}
body.rulaiapp_topnav #logo {
  display: none;
}