#sidebar{
    margin: 0 9px;
}

@media (min-width: 992px) {
  
    #sidebar{ 
      width: 255px !important; 
      float: left;
      position:relative;
      margin-top:25px;
      display:block !important;
  }
  
}  

/***sidebar***/

.sidebar-nav{
    width:100%;
}

.sidebar-nav ul{
    list-style:none;
    padding:0;
    margin:0;
}

.sidebar-nav ul li{
    width:255px;
    font-size:0.9em;
    margin:0;
    overflow:hidden;
}

.sidebar-nav ul li a{
    color:#0068b3;
    background:#ebecec;
    border-bottom:1px solid #fff; 
    padding:14px 17px 14px 30px;
    display:block;
    text-decoration:none;
    font-weight:500;
}

.sidebar-nav li.HighLighted a{
    background:#0068b3 url('../images/sidebar-small-arrow.png') no-repeat 230px center;
    color:#fff;
    position:relative;
}

.sidebar-nav ul li > ul{
    list-style:none;
    //display: none;
}

.sidebar-nav ul li > ul li{
    width:255px;
    margin:0;
    overflow:hidden;
}

.sidebar-nav ul li > ul li a, .sidebar-nav ul li.HighLighted > ul li a{
    color:#199fff;
    background:#fff;
    border-bottom:1px solid #ebebeb;
    font-weight:500;
}

.sidebar-nav ul li > ul li a{
    padding:14px 50px 14px 25px;
}

.sidebar-nav ul li.HighLighted a:hover{
    background:#0068b3 url('../images/sidebar-small-arrow.png') no-repeat 230px center;
    color:#fff;
    position:relative;
}

.sidebar-nav ul li > ul li.HighLighted a{
    background:#0068b3 url('../images/sidebar-small-arrow.png') no-repeat 230px center;
    color:#fff;
    position:relative;
}

.sidebar-nav ul li a:hover, .sidebar-nav ul li.HighLighted > ul li a:hover{
    background:#199fff;
    color:#fff;
    text-decoration:none;
}

.sidebar-nav ul li a:hover:before, .sidebar-nav ul li.HighLighted > ul li a:hover:before{
    display:none;
}

.sidebar-box{
    width:255px;
    overflow:hidden;
}

.sidebar-nav ul li a:before{
    content:"";
    width: 16px; 
    height: 100%; 
    position:absolute;
    background:url('../images/sidebar-big-arrow.png') no-repeat left center;
    left:0;
    bottom:0;
    display:none;
}

.sidebar-nav ul li.HighLighted > ul{
    display:block;
}

.sidebar-nav ul li.HighLighted a:before{
    content:"";
    width: 16px; 
    height: 100%; 
    position:absolute;
    background:url('../images/sidebar-big-arrow.png') no-repeat left center;
    left:0;
    bottom:0;
    display:block;
}


.sidebar-nav ul li.blue-li a{
    background:#199fff;
    color:#fff;
    margin-top:10px;
}

.main-link{
    width:255px;
    display:block;
    color:#0068b3;
    background:#ebecec;
    border-bottom:1px solid #fff;
    padding:14px 50px 14px 30px;
}

.main-link-box{
    position:relative;
}

.main-link:hover{
    background:#199fff;
    color:#fff;
    text-decoration:none;
}

.active-main{
    background:#0068b3 url('../images/sidebar-small-arrow.png') no-repeat 230px center;
    color:#fff;
}

.active-main:before{
    content:"";
    width: 16px; 
    height: 100%; 
    position:absolute;
    background:url('../images/sidebar-big-arrow.png') no-repeat left center;
    left:0;
    bottom:0;
    display:block;
}

.row-relative{
    position:relative;
}

.sidebar-show{
    background: #0068b3 url('../images/sidebar-arrow.png') no-repeat 53px 11px;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 15px 5px 10px;
    display:inline-block;
    text-decoration:none;
}

.sidebar-show:hover{
    color:#0068b3;
    background:#fff url('../images/sidebar-arrow.png') no-repeat 53px -15px;
    text-decoration:none;
}

/*** contact ***/

.contact-box{
    width:100%;
    background:#1f214d;
    color:#fff;
    font-size:1.3em;
    padding:30px;
    font-weight:300;
    line-height:1.7em;
    overflow: hidden;
}

.contact-box .small{
    font-size:0.6em;
    margin-top:5px;
    margin-bottom:5px;
    padding-bottom:0px;
    line-height:1.2em;
}

.contact-box-button{
    width:195px;
    height:49px;
    padding-top:8px;
    color:#fff;
    display:block;
    background:url(../images/contact-box-button.png) no-repeat bottom center;
    text-decoration:none;
    margin-top:15px;
    margin-left:-2px;
    font-size:0.9em;
}

.contact-box-button:hover{
    color:#199fff;
    background-position: top center;
    text-decoration:none;
}

.contact-box .email{
    color:#199fff;
    text-decoration:underline;
    word-wrap: break-word;
    font-size:0.8em;
}

/*** banner ***/

.banner-box{
    width:253px;
    border:1px solid #ebebeb;
    padding:20px;
    margin:20px 0 20px 0;
    text-align:center;
}

.banner-box-image{
    width:100%;
}

.banner-box-image img{
    max-width:100%;
}

.banner-box-content{
    width:100%;
    color:#3b4749;
    font-size:0.9em;
    line-height:1.6em;
}

.banner-box-content a{
    color:#0068b3;
    font-size:1.2em;
    font-weight:bold;
    display:block;
    margin-bottom:5px;
    text-decoration:underline;
}

.banner-box-title{
    color:#0068b3;
    font-size:1.2em;
    font-weight:bold;
    display:block;
    margin-bottom:5px;
    text-decoration:underline;
}


@media screen and (max-width: 990px){
    
    #sidebar{
        position:absolute;
        background:#fff;
        width:0;
        top:0px;
        left:-9px;
        height:auto;
        z-index:99;
        padding:0 0 30px 0;
        overflow: hidden;
        box-shadow: 0px 5px 5px #000; 
        -webkit-box-shadow: 0px 5px 5px #000;
        -moz-box-shadow: 0px 5x 5px #000;
    }
}


.displayed{
    display:block !important;
}