@charset "UTF-8";

/*Custom Header Navigation Page Type Styles*/
.headerCustomNavigationContainer{
    position:relative;
    width:100%;
}

.headerCustomNavigationInlineBlock{
    display:inline-block;
}

.headerCustomNavigationBackground{
    width: 100%;
    position: absolute;
    bottom: 100%;
    height: auto;
    padding-bottom: 25px;
    padding-top: 25px;
    min-height:20px;
}

.headerCustomNavigationBackground img{
    object-fit:contain;
    object-position:bottom left;
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:100%;
}

.headerCustomNavigationBackgroundContent{
    width: calc(100% - 370px);
    position: absolute;
    bottom: 100%;
    height: 120px;
    margin-left: 370px;
}

@media screen and (max-width:1280px){
    .headerCustomNavigationBackgroundContent{
        width: calc(100% - 335px);
        margin-left: 335px;
    }
}

@media screen and (max-width:1080px){
    .headerCustomNavigationBackgroundContent{
        width: calc(100% - 320px);
        margin-left: 320px;
    }
}

@media screen and (max-width:600px){
    .headerCustomNavigationBackgroundContent{
        width: calc(100% - 53.333vw);
        margin-left: 53.333vw;
    }
}

@media screen and (max-width:350px){
    .headerCustomNavigationBackgroundContent{
        display:none;
    }
}

.openCloseMobileHeaderCustomNavigationHamburger{
    display: block;
    width: 100%;
    height: 100%;
}

.customNavigationHamburgerLineOne{
    width: 100%;
    display: block;
    height: 5px;
    border-radius: 5px;
    background-color: white;
    position: absolute;
    top: 10px;
    left: 0px;
    transition: transform 0.8s, left 0.8s, top 0.8s;
}

.open .customNavigationHamburgerLineOne{
    transform: rotate(45deg);
    top: 22px;
    left: 0px;
}

.customNavigationHamburgerLineTwo{
    width: 100%;
    display: block;
    height: 5px;
    border-radius: 5px;
    background-color: white;
    position: absolute;
    top: calc(50% - 2px);
    left: 0px;
    transition: opacity 0.8s;
}

.open .customNavigationHamburgerLineTwo{
    opacity:0;
}

.customNavigationHamburgerLineThree{
    width: 100%;
    display: block;
    height: 5px;
    border-radius: 5px;
    background-color: white;
    position: absolute;
    bottom: 9px;
    left: 0px;
    transition: transform 0.8s, left 0.8s, bottom 0.8s;
}

.open .customNavigationHamburgerLineThree{
    transform: rotate(-45deg);
    bottom: 22px;
    left: 0px;
}

.openCloseMobileHeaderCustomNavigation{
    width: 50px;
    height: 50px;
    position: absolute;
    left: 330px;
    bottom: 10px;
    display:none;
}

.mobileMenu .openCloseMobileHeaderCustomNavigation{
    display:block;
}

@media screen and (max-width:600px){
    .openCloseMobileHeaderCustomNavigation{
        left: calc(53.333vw + 10px);
    }
}

@media screen and (max-width:350px){
    .openCloseMobileHeaderCustomNavigation{
        left: 10px
    }
}
.headerCustomNavigationLogo{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    max-width:320px;
    height:150px;
}
@media screen and (max-width:600px){
    .headerCustomNavigationLogo{
        max-width:53.333vw;
    }
}
@media screen and (max-width:350px){
    .headerCustomNavigationLogo{
        bottom:100%;
        max-width:200px;
    }
}
.headerCustomNavigationLogo img{
    object-fit:contain;
    object-position:bottom left;
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:100%;
}

.headerCustomNavigationPadding{
    padding-left:320px;
}

@media screen and (max-width:600px){
    .headerCustomNavigationPadding{
        padding-left:53.333vw;
    }
}

@media screen and (max-width:350px){
    .headerCustomNavigationPadding{
        padding-left:0px;
    }
}

.mobileMenu .headerCustomNavigationOverflow{
    position: absolute;
    top: 100%;
    z-index: 5;
    left: 320px;
    width: calc(100% - 320px);
    overflow: hidden;
    height: 0px;
}
@media screen and (max-width:1280px)
{
    .mobileMenu .headerCustomNavigationOverflow{
        left: 0px;
        width: 100%;
    }
}

.headerCustomNavigationMeasure{
    font-size: 0px;
    line-height: 1.2em;
    white-space: nowrap;
    padding-left:50px;
    padding-right:50px;
}

@media screen and (max-width:1280px)
{
    .headerCustomNavigationMeasure{
        padding-left:15px;
        padding-right:15px;
    }
}

.mobileMenu .headerCustomNavigationMeasure{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left:15px;
    padding-right:15px;
    width: calc(100% - 30px);
    background: rgba(0, 0, 0, 0.8);
}

.headerCustomNavigationMeasure a, .headerCustomNavigationMeasure a:active, .headerCustomNavigationMeasure a:visited{
    display:inline-block;
    text-decoration:none;
    color:white;
    vertical-align: middle;
    font-size:15px;
    line-height: 1.2em;
}

.headerCustomNavigationMeasure a:hover{
    color:white;
    text-decoration:underline;
}

.mobileMenu .headerCustomNavigationMeasure a, .mobileMenu .headerCustomNavigationMeasure a:active, .mobileMenu .headerCustomNavigationMeasure a:visited{
    display:block;
    margin-top:5px;
}

.headerCustomNavigationMeasure a::after{
    content: '|';
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -3px;
    font-size: 0px;
    height: 19px;
    width: 1px;
    background: white;
    vertical-align: middle;
}

.mobileMenu .headerCustomNavigationMeasure a::after{
    display:none;
}

.headerCustomNavigationMeasure a:last-of-type::after{
    display:none;
}