header.medium .top-menu-link { 
    float: right; 
    /*margin-right: 10%;*/
    margin-right: 140px;
}

header.medium div.top-menu-small {
	display: none;
}
	
header.medium .top-right-link { 
    float: right; 
    vertical-align: top 
}

header.medium .top-right-link a {
    display: block;
    width: 108px; 
    height: 26px;
    line-height: 26px;
    background: #2b39a4; 
    color: #fff;
}

header.medium .top-right-link a:hover { 
    background: #c6c9d5; 
}

header.medium nav { 
    float: right; 
    padding-top: 52px; 
    clear: right; 
}

header.medium nav ul { 
    float: right; 
    height: 40px;
    line-height: 19px;
}

header.medium nav ul li {
    position: relative;
    display: block;
    float: left; 
    padding-left: 29px; 
    padding-bottom: 43px;
    z-index: 1000; 
}

header.medium nav ul li.first {
	padding-left: 0; 
}

header.medium nav ul li a.master { 
    font-size: 18px; 
    padding-top: 0; 
    padding-bottom: 41px;  
}

header.medium nav ul li a { 
    color: #a5a9bd; 
    padding-bottom: 44px; 
    margin-top: 5px; 
    line-height: 19px; 
    transition: none !important;  
}

header.medium nav ul li a:hover, header.medium nav ul li a.active { 
    background: url(../../img/header_menu_hover.jpg) repeat-x bottom; 
    color: #313ea6; 
}

header.medium nav ul li span {
    color: #A5A9BD;
    line-height: 19px;
    margin-top: 5px;
    padding-bottom: 46px;
    transition: none 0s ease 0s !important;
    text-align: center;
    text-transform: uppercase;
    cursor:pointer;
}

header.medium nav ul li span:hover { 
    color:#313EA6;
    background: url(../images/top_menuHover_bord.jpg) repeat-x bottom;
}

header.medium nav ul li:hover ul {
    display: inline-block; 
    position: absolute; 
    padding: 12px 20px 8px 20px; 
    width: 209px; 
    -webkit-box-shadow: -1px 5px 5px rgba(50, 50, 50, 0.71);
    -moz-box-shadow: -1px 5px 5px rgba(50, 50, 50, 0.71);
    box-shadow: -1px 5px 5px rgba(50, 50, 50, 0.71);
    top: 61px;
    left: 0;
    z-index: 100000;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 13px;
}

header.medium nav ul li ul {
	display: none; 
	background: #2b39a4; 
	overflow: hidden; 
	height: auto; 
	line-height: normal; 
}

header.medium nav ul li ul li {
	clear: both;
	float: none;
	padding: 0; 
	margin:0;
	border-top: solid 1px #adb3b9; 
}

header.medium nav ul li ul li:first-child {
	border-top: none;
}

header.medium nav ul li ul li a { 
    font-size: 13px;
    padding: 0;
    margin: 0;
    text-transform: none;
    line-height: 39px;
    height: 39px;
    color: #f3f3f3;
    text-align: left;
    display: block;
}

header.medium nav ul li ul li a:hover, nav ul li ul li a.active {
	color: #8d97e4;
	background: none;
}

#offCanvasLeft {
	z-index: 100000;
}

header.small nav { 
    float: right; 
    padding-top: 52px; 
    clear: right; 
}

header.small div.off-canvas-content {
	display: none;
	z-index: 100000;
}

header.small div.off-canvas-content-medium {
    display: none;
    margin-top: -100px;
    padding: 40px
}

header.medium div.title-bar-right button {
    width: 30px;
}

@media screen  and (max-width: 640px) {
    header.small div.off-canvas-content {
        display: block;
    }
    header.small div.off-canvas-content-medium {
        display: none;
    }
    header.small div.title-bar {
        height: 60px;
        background-color: #2C3AA5;
    }
   
}

@media screen  and (max-width: 960px) {
    section.body-container div.panel-left, footer div.panel-left {
        display: none;
    }
    section.body-container div.panel-right, footer div.panel-right {
        width: 100%;
    }
    header.medium div.top-menu-link {
        display: none;
    }
    header.medium div.top-menu-small {
        display: block;
    }
    header.small {
        display: block;
    }
        #offCanvasLeft, #offCanvasLeft ul {
        background-color: #2C3AA5;
    }
    #offCanvasLeft ul li {
        padding: 10px;
        color: #fff;
        background-color: #2C3AA5;
        border-bottom: solid 1px #888;
    }
    #offCanvasLeft ul li.title {
        padding: 10px;
        font-size: 135%;
        font-weight: bold;
        text-transform: uppercase;
        background-color: #000;
    }
    #offCanvasLeft ul li a {
        text-align: left;
        color: #fff;
        background-color: #2C3AA5;
        font-weight: normal;
        font-size: 90%;
    }
    #offCanvasLeft ul li a.master {
        text-align: left;
        background-color: #2C3AA5;
        font-weight: bold;
        font-size: 100%;
    }
    #offCanvasLeft ul li a::after {
        border-left-color: #fff;
        /*content: none;*/
    }
    #offCanvasLeft ul li a:hover {
        color: #ccc;
    }
    #offCanvasLeft ul li:hover a::after {
        border-left-color: #ccc;
    }
    .drilldown .js-drilldown-back > a::before {
        border-right-color: #fff;
    }
    .drilldown .js-drilldown-back:hover > a::before {
        border-right-color: #ccc;
    }
}

@media screen  and (min-width: 641px) and (max-width: 960px) {
	header.small div.off-canvas-content-medium {
	    display: block;
	}
	header.small div.title-bar-right .menu-icon::after {
        background: #2C3AA5;
        box-shadow: 0 8px 0 #2C3AA5, 0 16px 0 #2C3AA5;
        -webkit-box-shadow: 0 8px 0 #2C3AA5, 0 16px 0 #2C3AA5;
        background-size: 100%;
    }
    
}

@media screen and (max-width: 1050px) {
    header.medium div.top-menu-link {
        margin-right: 40px;
    }
}

@media screen and (min-width: 1051px) and (max-width: 1900px) {
    header.medium div.top-menu-link { 
	    float: right; 
	    margin-right: 30px;
	}
}

/*
header.medium nav ul li ul li span {
    font-size: 13px;
    padding: 0;
    margin: 0;
    text-transform: none;
    line-height: 39px;
    height: 39px;
    color: #f3f3f3;
    text-align: left;
    display: block;
    width: 100%;
}

header.medium nav ul li ul li span:hover {
	color:#8D97E4;
	background:none;
}
*/