h1, h2, h3, h4, h5, h6 { font-weight: bold !important; }
html, body, form { height: 100%; }
.page-content {height: 86%;height: calc(100% - 136px);}
    .page-content * { height: 100%; }
.main-content-wrapper img { max-width: 100%; }
.header-colored { height: 10px; background-color: #16b111; border-bottom: 3px solid #d6d6d6; }
#header-top { text-align: center; padding: 0; }
#header-middle { position: absolute; width: 100%; margin-top: 0px; z-index: 20; }
.home header {position: relative;z-index: 10;box-shadow: 0 2px 3px #b5b5b5;background-color: rgba(255,255,255,0.8);width: 100%;left: 0;right: 0;}
.inner header {position: fixed;z-index: 10;box-shadow: 0 2px 3px #b5b5b5;background-color: rgba(255,255,255,0.8);width: 100%;left: 0;right: 0;z-index: 1000;}
    header #logo { margin-top: 5px; line-height: 1; font-family: 'B Roya'; font-weight: bold; padding: 10px; position: relative; }
#logo a { text-decoration: none; }
.logo-img { margin-bottom: 5px; }
.inner .content{ padding-top: 130px;}
.logo-text { margin-right: 15px; }
#shortcuts { padding-top: 13px; }
    #shortcuts .shortcut { float: left; display: inline-block; margin-right: 10px; padding: 5px; text-decoration: none; }
#action-bar { height: 59px; padding: 5px 0; text-align: center; margin-top: 10px; }
#language { float: left; text-align: center; }
    #language a { font-size: 0.9em !important; height: 35px; border-radius: 0 5px 5px 0; width: 35px; padding: 7px; border-left: none;font-weight: bold; }
#mail { float: left; text-align: center; }
    #mail a { font-size: 0.9em !important; height: 35px; border-radius: 0; width: 35px; padding: 5px; border-left: none; }
#office-automation { float: left; text-align: center; }
    #office-automation a { font-size: 0.9em !important; height: 35px; border-radius: 0; width: 35px; padding: 5px; border-left: none; }
#mobile-application {float: left;text-align: center;}
    #mobile-application a {font-size: 1em !important;font-family: IRMitra;border-radius: 5px 0 0 5px;height: 35px;width: 35px;padding: 5px;}
#search-wrapper { position: relative; color: #3f3f3f; float: left; }
.search-textbox {padding: 5px 10px;width: 35px;border-radius: 0 5px 5px 0;height: 35px;border-left: none;}
.search-icon {position: absolute;top: 10px;right: 10px;font-size: 0.9em;}
#header-bottom { background; position: absolute; margin-top: -60px; }
    #header-bottom nav { color: white; }
#main-menu {padding: 0;margin: 0;font-weight: bold;font-size: 0.8em;position: relative;z-index: 1000;z-index: 20;}
    #main-menu > ul { list-style: none; }
        #main-menu > ul > li { float: right; padding-left: 40px; font-size: 1.25em; list-style: none; }
#TopMenuMenuRootUl li.level1 ul {box-shadow: 0 3px 5px #444444;}
#top-banner {text-align: center;position: relative;}
    #top-banner img { width: auto; height: 100%; }
    #top-banner a { width: 100%; display: block; }
    #top-banner .control { position: absolute; top: 50%; margin-top: -100px; padding: 10px; padding-top: 80px; background: rgba(255,255,255,0.5); height: 200px; width: 50px; }
        #top-banner .control:hover { opacity: 1; filter: alpha(opacity=100); }
        #top-banner .control.right { right: 0; border-radius: 5px 0 0 5px; }
        #top-banner .control.left { left: 0; border-radius: 0 5px 5px 0; }
    #top-banner .carousel-caption {background: url(/images/caption-bg.png);bottom: 15%;font-size: 2em;color: white;text-align: center;padding: 10px 30px;border-radius: 10px;height: auto;}
        #top-banner .carousel-caption a { color: white; text-shadow: 0 2px 3px black; text-decoration: none; }
.carousel-inner > .item > a > img { width: 100%; }
#top-banner .thumbnails { position: absolute; bottom: 20px; left: 8%; }
#top-banner .image .thumbnails img { border: 1px solid whitesmoke; margin-right: 10px; }
.carousel-indicators {bottom: 10%;margin-left: 0;padding-left: 0;height: 10px;z-index: 10;left: 19%;}
    .carousel-indicators .active { background-color: #16b111; border: #16b111; }
.inner-banner { width: 100%; }
.banner-spacer {}
footer {background-color: rgba(22,177,17,0.8);color: white;width: 100%;position: fixed;bottom: 0;z-index: 1000;}
#home-page footer{position: absolute; bottom: 0;}
    footer a { color: white; }
#footer-bottom { font-size: 0.8em; padding: 10px; }
    #footer-bottom img { height: 18px; }

.breadcrumb { margin: 10px 0; padding: 5px 10px; font-size: .8em; font-weight: bold; background-color: #16b111; border: 1px solid #92171b; border-radius: 2px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); clear: both; color: white; /* margin-top: 70px; */ }
    .breadcrumb a { color: white; }
.main-content-wrapper img{ max-width: 100%;}
.scrolloff { pointer-events: none; }

@media(min-width: 768px) and (max-width: 1200px) {
    #header-bottom { margin-top: -35px; }
}

@media(max-width:992px) {
    #logo .logo-img { width: 40px; }
}

@media (max-width: 768px) {
    #main-menu { width: 100%; text-align: center; }
    #shortcuts { z-index: 1000; }
    #TopMenuMenuRootUl li a { text-align: center !important; }
    #TopMenuMenuRootUl li.level1 { width: 100%; height: auto; min-height: 40px; text-align: center; }
    #TopMenuMenuRootUl li.level2 { width: 100%; height: auto; min-height: 40px; background-color: whitesmoke; }
        #TopMenuMenuRootUl li.level2 a { color: gray; }
    #TopMenuMenuRootUl li.level1 > a { width: 100%; height: auto; min-height: 40px; }
    #TopMenuMenuRootUl li.level1:hover { }
        #TopMenuMenuRootUl li.level1:hover > a { }
    #TopMenuMenuRootUl ul { width: 100% !important; position: relative !important; margin: 0 !important; right: auto !important; }
    #TopMenuMenuRootUl li.level3 { background-color: gray; }
        #TopMenuMenuRootUl li.level3 a span { font-size: 0.8em; color: white; }
            #TopMenuMenuRootUl li.level3 a span:hover { color: gray; }
    #header-middle { position: relative; z-index: 0; }
    #menu-wrapper { width: 100%; }
    #action-bar { width: 100%; background: none; position: relative; margin-top: -35px; height: auto; }
    #header-top { height: auto; padding-bottom: 20px; width: 100%; z-index: 10; }
    #header-bottom { height: auto; width: 100%; position: relative; margin-top: 0; }
    .separator { display: none; }

    #header-top #logo .logo-img { width: 224px; float: right; margin-top: 20px; }

    #header-top #logo .logo-text { width: 235px; }
    #language { margin-top: 10px; margin-left: 10px; }
        #language a { border-radius: 5px; }
    #search-site {border-radius: 5px;border-right: 1px solid #ccc;border-left: 1px solid #ccc;}
    #search-wrapper { margin-top: 10px; width: 100%; }
        #search-wrapper input[type=text] { width: 100%; }
    .search-icon { }
    .navbar-toggle {margin: 20px 0 0 0;padding: 0;float: left;}
        .navbar-toggle .icon-bar { background: gray; }
    .nav-wrapper { float: right; }
        .nav-wrapper ul { width: 100%; text-align: center; }
        .nav-wrapper li { width: 100%; }
    header #logo { background: none; box-shadow: none; margin-right: 15px; }
    .logo-img { width: 55px; }
    #top-banner { }
    .carousel-caption { display: none; }
    .articles .item .summary { overflow: hidden; }
    .articles .item .title { overflow: hidden; }
    footer { position: relative; }
    .inner header{ position: relative;}
    .inner .content{ padding-top: 10px;}
}

@media (min-width: 768px) {
    .nav-wrapper { display: block !important; visibility: visible; }
}