@media (min-width: 768px) {
    #header {
        position: absolute;
        width: 100%;
        z-index: 20;
    }
    #head.container {
        width: 1010px;
    }
    #top-container {
        height: 120px;
        margin-bottom: -90px;
    }
    #top-menu .container {
        width: 980px;
    }
    #header-background {
        height: auto;
        min-height: 204px;
        margin-bottom: 10px;
        padding-top: 185px;
    }
}
#header-mobile-background {
    background: #ffffff;
    height: 55px;;
}
#header-mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px 15px;
    background-color: #ffffff;
    border-bottom: 4px solid #E7A305;
    z-index: 99;
    height: 55px;

    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}
#header-mobile.pushed {
    -webkit-transform: translate(-250px,0);
    -moz-transform: translate(-250px,0);
    -o-transform: translate(-250px,0);
    -ms-transform: translate(-250px,0);
    transform: translate(-250px,0);
}
#header-mobile.faded {
    -webkit-transform: translate(0,-55px);
    -moz-transform: translate(0,-55px);
    -o-transform: translate(0,-55px);
    -ms-transform: translate(0,-55px);
    transform: translate(0,-55px);
}
#menu-button {
    background: #ffffff;
    position: absolute;
    padding: 5px;
    top: 10px;
    right: 20px;
    z-index: 99;
    border: none;
}
#menu-button .menu-icon{
    width: 30px;
    height: 20px;
    background: url('/static/library/images/menu-button.png') no-repeat center center;
}

#menu-button:focus {
    outline: none;
}
#mobile-menu {
    position: fixed;
    top: 0;
    right: -250px;
    background: #43443f;
    color: #ffffff;
    width: 250px;
    height: 100%;
    overflow-y: auto;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

#mobile-menu .navbar{
    -webkit-backface-visibility: hidden;
}

#mobile-menu.pushed {
    -webkit-transform: translate(-250px,0);
    -moz-transform: translate(-250px,0);
    -o-transform: translate(-250px,0);
    -ms-transform: translate(-250px,0);
    transform: translate(-250px,0);
}
#mobile-menu .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
#mobile-menu a {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}
#mobile-menu .form-control {
    background-color: #1D1D1B;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    height: 46px;
    padding: 12px 35px 12px 12px;
}
#mobile-menu .red-background {
    background-color: #ba1816;
    border-bottom: 4px solid #43443f;
}
#mobile-menu .line-bellow {
    border-bottom: 1px solid #767772;
}
#mobile-menu .menu-form {
    padding: 0 5px;
}

#mobile-menu .navbar-nav>li>a {
    padding: 14px 18px;
    white-space: nowrap;

}
#mobile-menu .navbar-nav .open .dropdown-menu>li>a {
    padding: 12px 25px;
}
#mobile-menu .nav>li>a:hover,
#mobile-menu .nav>li>a:focus,
#mobile-menu .dropdown-menu>li>a:hover,
#mobile-menu .dropdown-menu>li>a:focus {
    background-color: #767772;
}
#mobile-menu .language-dropdown-mobile {
    background-color: #E7A305;
}
#mobile-menu ul.language-dropdown-mobile {
    border-radius: 0;
}
#mobile-menu .nav>li>a.language-dropdown-mobile:hover,
#mobile-menu .nav>li>a.language-dropdown-mobile:focus,
#mobile-menu .dropdown-menu>li>a.language-dropdown-mobile:hover,
#mobile-menu .dropdown-menu>li>a.language-dropdown-mobile:focus {
background-color: #d09200;
}


#header .navbar-default {
    border: none;
    background: #e1e1e1;
}
#top-menu-nav>li>a {
    color: #888888;
    padding: 1px 10px 6px;
}
#top-menu .active {
    font-weight: bold;
}
#header #head {
    margin-top: 30px;
}
#header #head .navbar {
    background: #FFFFFF;
    border: 0px;
    border-radius: 4px 4px 0 0;
    min-height: 20px;
}
#logo-image {
    padding: 0 15px 5px 20px;
    width: 240px;
}
#logo-text {
    color: #B91817;
    width: 309px;
}
#logo-text span{
    display: block;
}
#logo-text h1, #logo-text span.h1 {
    font-family: EurostileLTStdEX2;
    margin-top: 45px;
    margin-bottom: 4px;
    border: none;
    font-weight: bold;
    font-size: 16px;
    padding: 0;
}
#logo-text h2, #logo-text span.h2{
    font-family: EurostileLTStdEX2;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    padding: 0;
}
#menu button {
    width: 40px;
}
#menu button img {
    margin-bottom: 6px;
}
#menu .form-control{
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#menu .form-control:focus{
    border: none;
    outline:0;
    /* -webkit-box-shadow: none; */
    /* box-shadow: none; */
}
#menu ul li a {
    padding: 5px 20px 12px;
    color: #2f2f2f;
}
#search {
    padding-top: 2px;
    padding-right: 7px;
}
#head-info p {
    padding: 0 10px 5px;
    color: #555555;
    text-decoration: none;
    font-size: 16px;
}

#head-info p a.header-contact-link {
    color: #555555;
    text-decoration: none;
}

#head-info p.phone {
    border-right: 1px solid #DDDDDD;
}

#head-info #contact-info .flex {
    display: inline-flex;
}
#contact-info .flex .btn-group {
    margin-top: 8px;
}
#lang-select {
    width: 80px;
    text-decoration: none;
    color: #555555;
    font-size: 12px;
}
#items-select {
    min-width: 80px;
    text-decoration: none;
    color: #888888;
}
#contact-info ul.dropdown-menu {
    min-width: 80px;
}
#header .red-caret {
    border-top-color: #B91817 !important;
    border-bottom-color: #B91817 !important;
}
#top-menu-content.container {
    position: relative;
    width: 970px;
}
#top-menu-content .filler {
    background:#e1e1e1;
}
#top-menu-content .left{
    position: absolute;
    width: 2000px;
    height: 100%;
    top: 0;
    left: -1984px;
}
#top-menu-content .right{
    position: absolute;
    width: 2000px;
    height: 100%;
    top: 0;
    left: 980px;
}
#header .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{
    background: #ffffff;
}
.domain-dropdown {
    height: 100%;
    z-index: 1;
}
.switch-dropdown {
    height: 100%;
    z-index: 1;
}
.switch-dropdown .dropdown {
    height: 100%;
}
.switch-dropdown>li>a {
    height: 100%;
    padding: 6px 10px 2px;
}
.switch-dropdown>li>a img {
    margin-top: -4px;
}
.switch-dropdown-ul {
    min-width: 60px;
}
#top-menu-nav li {
    border-top: 3px #e1e1e1 solid;
}

.header-background-container {
    overflow: hidden ;

}

@media (min-width:1200px) {
    .header-background-container{
        height: 400px;
    }

    .header-image-bg {
        height: 400px;

    }
}

@media (min-width:992px) and (max-width:1199px){
    .header-background-container{
        height: 400px;
    }

    .header-image-bg {
        height: 400px;

    }
}

@media (min-width:768px) and (max-width: 991px){
    .header-background-container{
        height: 330px;
    }

    .header-image-bg {
        height: 330px;

    }
}

@media (max-width: 767px){
    .header-background-container{
        height: 255px;
    }

    .header-image-bg {
        height: 255px;

    }

}

.header-image-bg{
    position:relative
}
.header-image-text{
    position:absolute;
    top:50%;
    left:50%;
    height: 98px;
    white-space: nowrap;
}
.header-image-bg.visible-sm .header-image-text {
    height: 68px;
}
.header-image-bg.visible-xs .header-image-text {
    height: 62px;
}

#header-background .header_page_name{
    top: -50%;
    left:-50%;
    border-bottom: 2px solid #FFF;
    border-top: 2px solid #FFF;
    padding: 10px 50px;
    position: relative;
    color: rgb(255, 255, 255);
    font-size: 45px;
    font-weight: bold;
    text-shadow: 0 0 12px rgba(0,0,0, 0.5);
    font-family: EurostileLTStdEX2;
}

#menu-items .tab-pane {
    background: #FFFFFF;
    border: 1px solid #E7A305;
    border-top: none;
    height: 271px;
}
#menu {
    position: relative;
    margin-top: 20px;
    margin-bottom: 0;
}
#menu .border-bottom {
    position: absolute;
    background: #E7A305;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
}
#menu li {
    border: 1px solid transparent;
    border-bottom: 5px solid transparent;
}
#menu li.first {
    border-radius: 4px 0 0 0;
}
#menu li.active {
    color: #B91817;
    border: 1px solid #E7A305;
    border-bottom: 5px solid #FFFFFF;
    border-radius: 4px 4px 0 0;
    font-weight: normal;
    z-index: 20;
}
#menu li.active a {
    color: #B91817;
}
#menu-content {
    position: relative;
}
#menu-items {
    position: absolute;
    width: 980px;
    top: 43px;
}
#menu-items .menu-item {
    width: 160px;
    padding: 12px 0 10px 20px;
    float: left;
}
#menu-items .menu-item ul, #menu-items .menu-item li{
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
}
#menu-items .menu-item h5, #menu-items .menu-item .h5 {
    margin-top: 20px;
    color: #B91817;
}

#menu-items .menu-right h5, #menu-items .menu-right .h5 {
    color: #B91817;
}

#menu-items .menu-item h5 a, #menu-items .menu-item .h5 a {
    color: #B91817;
}
#menu-items .menu-item h6 a, #menu-items .menu-item .h6 a {
    color: #777;
}
#menu-items .menu-item h6 a:hover, #menu-items .menu-item .h6 a:hover {
    color: #B91817;
    text-decoration: none;
}
#menu-items .first {
    padding-left: 20px;
}
#menu-items .menu-right {
    background-color: #fff3dd;
    width: 330px;
    height: 100%;
    padding: 10px;
    position: relative;
}
#menu-items .menu-right .btn-warning {
    height: 32px;
    position: absolute;
    left: 10px;
    bottom: 18px;
    background-color: #E7A305;
    border: none;
    border-radius: 0;
}
#menu-items .menu-right .btn-warning:hover {
   opacity: .75;
}
#menu-items .menu-right .menu-list {
   margin-top: 21px;
}
#menu-items .menu-right div {
    padding: 0;
}
#menu-items .menu-right h4, #menu-items .menu-right .h4 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
    color: #B91817;
}
#menu-items .menu-right p a {
    color: #555555;
    font-weight: bold;
    font-size: 12px;
}
#menu-items .menu-right p a:hover {
    color: #000000;
    text-decoration: none;
}
#menu-items .menu-right .feedback-container {
    margin-top: 16px;
}
#menu-items .menu-right .feedback {
    display: table;
    margin-bottom: 10px;
}
#menu-items .menu-right .feedback-image {
    float: left;
    margin-right: 20px;
    width: 70px;
}
#menu-items .menu-right .feedback-text {
    float: left;
    width: 210px;
}
#menu-items .menu-right .feedback-text p, #menu-items .menu-right .feedback-text a {
    color: #B91817;
}
#menu-items .menu-right .feedback-text a:hover {
    color: #B91817;
    text-decoration: underline;
}
#menu-items .special img {
    margin-top: 10px;
    margin-bottom: 6px;
}
#menu-items .special p {
    font-size: 12px;
    color: #555555;
    margin-bottom: 5px;
}

#top-menu-nav {
    font-size: 12px;
}

#header-contact-info div, #header-contact-info div a {
    padding-right: 0px;
    color: #555555;
    text-decoration: none;
    font-size: 16px;
}

#header-contact-info .row {
    margin: 0;
}

#header-contact-info div.phone {
    border-right: 1px solid #DDDDDD;
    padding: 0 10px 5px;
    display: inline;
}

#header-contact-info div.contact {
    display: inline;
}

#head-info div a.header-contact-link {
    color: #555555;
    text-decoration: none;
}

#header-contact-link {
    padding-left: 10px;
}

#header-budget-request-link {
    padding-top: 10px;
}

#header-budget-request-link a {
    color: #B91817;
    font-size: 14px;
}

#header-budget-request-link span.glyphicon {
    color: #B91817;
    font-size: 11px;
    padding-right: 13px;
}

.language-switch-dropdown-toggle {
    padding: 6px 10px 4px !important;
}
#header .dropdown-menu > li > a {
    padding: 3px 24px;
}
.dropdown-menu {
    box-shadow: none;
}

.inner-addon {
    position: relative;
}
.inner-addon .glyphicon {
    position: absolute;
    padding-right: 10px;
    pointer-events: none;
    right: 10px;
    top: 13px;
    font-size: 20px;
}
.inner-addon input {
    padding-right: 35px;
}