/* header menu form immersive personalisaton */

#VSHeadMenu{
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-weight: 400;
}

#VSHeadMenu ul {
    margin: 0 0 1em;
    font-weight: 400;
	list-style: none;    
	padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    white-space:nowrap;
}

#VSHeadMenu > ul:after{
    clear: both;
    content: "";
    display: block;
}

#VSHeadMenu li{
    cursor: pointer;    
	border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
	list-style-image: none;
	min-height: 1em;
    display:inline;
}

#VSHeadMenu li > a
{
	text-decoration: none;
}

#VSHeadMenu ul.sectionNav.level1
{
	position: relative;
	list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
	border-width: 0;
    background-color: #e3e3e3;
	padding-left: 130px;
	z-index: 15
}

#VSHeadMenu ul.sectionNav.level1 > li
{
	float: left; 
    font-size: 16px;
	line-height: 17px;    
    color:#444444;
    margin: 0;
	padding: 14px 26px 14px 26px;
    display:inline;
}

#VSHeadMenu ul.sectionNav.level1 > li > a
{
    color:#444444;
}

#VSHeadMenu ul.sectionNav.level1 > li.menu-default
{
	background-image: none;
    background-color: #FFF;
    z-index: 5000;
    font-weight: 600;
    border-top: 3px solid #ffffff;
	padding-top: 11px;
    color:#444444;
}

#VSHeadMenu ul.sectionNav.level1 > li.menu-focus,
#VSHeadMenu ul.sectionNav.level1 > li.menu-hover
{
	background-image: none;
    background-color: #FFF;
    z-index: 5000;
    font-weight: 600;
    border-top: 3px solid #D24508;
	padding-top: 11px;
}


#VSHeadMenu ul.sectionNav.level1 > li.menu-focus > a,
#VSHeadMenu ul.sectionNav.level1 > li.menu-hover > a {
    color: #007f99;
}

#VSHeadMenu div.sectionNavContainer
{
	z-index: 500;
	background-color: white;
    box-shadow: 0 4px 4px -2px #A6A6A6;
    -moz-box-shadow: 0 4px 4px -2px #A6A6A6;
    -webkit-box-shadow: 0 4px 4px -2px #A6A6A6;
	position: absolute;
	width: 100%;
}

#VSHeadMenu div.sectionNavContainer ul {
	margin-bottom: 0px;
}

#VSHeadMenu div.sectionNavContainer ul > li.Headmenu-item {    
    font-size: 16px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-weight: 400;
    position: relative;
    min-height: 34px;
    line-height: 34px;
    margin: 0;
    padding: 7px 1em 7px 22px;
}

#VSHeadMenu div.sectionNavContainer ul > li.Headmenu-item.menu-focus,
#VSHeadMenu div.sectionNavContainer ul > li.Headmenu-item.menu-hover {
    background-color: #F7F7f7;
}

#VSHeadMenu div.sectionNavContainer ul > li.Headmenu-item > a,
#VSHeadMenu div.sectionNavContainer ul > li.Headmenu-item > .moreSign {
    color: #444444;
}

#VSHeadMenu div.sectionNavContainer ul > li.Headmenu-item > .moreSign {
    float: right;
}

#VSHeadMenu div.sectionNavContainer ul > li.Headmenu-item.menu-focus > a,
#VSHeadMenu div.sectionNavContainer ul > li.Headmenu-item.menu-focus > .moreSign ,
#VSHeadMenu div.sectionNavContainer ul > li.Headmenu-item.menu-hover > a,
#VSHeadMenu div.sectionNavContainer ul > li.Headmenu-item.menu-hover > .moreSign {
    color: #D24508;
}

    #VSHeadMenu div.sectionNavContainer:after {
        clear: both;
        content: "";
        display: block;
    }

    .global-header {
    min-width: 320px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

   header  {
    display: block;
}
   .segment-visible .segment {
    height: 36px;
}
   .segment {
    font-size: .875rem;
    position: relative;
    height: 0;
    overflow: hidden;
}
   .segment-wrapper {
    max-width: 1440px;
    margin: 0 auto;
}
    nav {
    display: block;
}
    .segment-body {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 100px;
    overflow-x: auto;
    white-space: nowrap;
}
    .segment a, .segment a:active, .segment a:hover, .segment a:visited {
    text-decoration: none;
}
.segment a {
    color: #007f99;
}
.segment-item {
    display: block;
    padding: 8px 8px 9px;
}

ul li, p {
    overflow-wrap: break-word;
}

@media screen and (max-width: 991px) {
    #VSHeadMenu ul.sectionNav.level1 {
        padding-left: 0px;
    }
}

@media screen and (max-width: 767px) {
    #VSHeadMenu ul.sectionNav.level1 {
        margin-left: auto;
        margin-right: auto;
    }

    .segment {
    height: 54px !important;
}
    .segment-item {
    margin: 0 4px 17px;
    padding: 16px 4px 0 0;
}
    UL.segment-body LI.active {
    background-color: #fff;
}
}



@media screen and (max-width: 575px) {


    #VSHeadMenu ul.sectionNav.level1 > li {
        font-size: 16px;
        line-height: 17px;
        color: #444444;
        margin: 0;
        padding: 14px 4% 14px 4%;
    }

     #VSHeadMenu{
     -ms-overflow-style: none; 
        scrollbar-width: none;  
        scrollbar-height: none;  
         background: transparent; 
        }
    #VSHeadMenu::-webkit-scrollbar { 
    display: none; 
     background: transparent;  
}

::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
    -ms-overflow-style: none;  /* IE 10+*/
    scrollbar-width: none;  /* Firefox*/
    display: none;  /* Safari and Chrome*/
    overflow: scroll;
    overflow-x: hidden;
}
/* Optional: show position indicator in red */
    
::-webkit-scrollbar-thumb {
        background: transparent;
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: scroll;
}


 }

@media screen and (max-width: 479px) {

    #VSHeadMenu ul.sectionNav.level1 {
        float: none;
        /*overflow-x: scroll;*/
        overflow-y: scroll; 
        height: 32px;
        /* Make an auto-hiding scroller for the 3 people using a IE */
        -ms-overflow-style: -ms-autohiding-scrollbar;
        /* For WebKit implementations, provide inertia scrolling */
        -webkit-overflow-scrolling: touch;
        /* We don't want internal inline elements to wrap */
        white-space: nowrap;
        padding-top: 17px;         
    }
    /* Remove the default scrollbar for WebKit implementations */

  #VSHeadMenu ul.sectionNav.level1 > li {
            float: none;
            height: 100%;  
  overflow-y: scroll;
        }
}
    
@media screen and (max-width: 370px) {
    #VSHeadMenu ul.sectionNav.level1 {
        padding-left: 0%;
    }

   ul.pagebar > li {
    overflow-wrap: normal;
}
}