header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
    left: 0;
    background-color: #ffffff;
    border-bottom: 1px solid var(--color-black);
}

header.mobile-navigation{
}

/*.page-header-type-image, .page-header-type-video{*/
/*    padding-top: 96px;*/
/*}*/

/*header.header-type-default {*/
/*    position: relative;*/
/*}*/
.navbar {
    align-items: center;
    display: flex;
    height: var(--header-height);
    font-style: normal;
    font-weight: 500;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
}

.header-type-invert-non-default.bg-white-header{

}

.logo-wrapper {
    display: flex;
    align-items: center;
    height: 100%;
    width: 56px;
}
.logo-wrapper img{
    flex-grow: 0;
    flex-shrink: 0;
    align-self: auto;
}
.navigation-wrapper {
    display: flex;
    height: 100%;
}
.navigation-wrapper {
    display: flex;
    height: 100%;
    width: 100%;
}
nav.m-nav {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.main-navigation-top {
    display: flex;
    padding: 0 var(--header-navigation-horizontal-spacing);
    height: 100%;
    align-items: center;
}

ul.main-navigation-top li {
    margin-right: var(--header-navigation-item-spacing);
    display: flex;
}
ul.main-navigation-top li {
    font-size: var(--navigation-header-font-size);
    line-height: var(--navigation-header-line-height);
    display: flex;
    height: 100%;
}

.mobile-navigation ul.main-navigation-top li {
    height: unset;
}

ul.main-navigation-top li a {
    font-size: var(--navigation-header-font-size);
    line-height: var(--navigation-header-line-height);
    display: flex;
    align-items: center;
}


ul.main-navigation-top li:last-child {
    margin-right: 0;
}

.with-submenu a {
    font-size: var(--navigation-header-font-size);
    line-height: var(--navigation-header-line-height);
}

.intro-video-wrapper {
    width: 100vw;
    height: calc(100vh - var(--header-height));
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: var(--header-height);
    position: relative;
}
h1.with-icon{
    display: flex;
    align-items: flex-start;
    font-weight: 100;
}


#mobile-menu {
    display: none;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    width: 71px;
    padding: 0 18px;
    height: 100%;
}

#mobile-menu .menu-wrapper  {
    display: none;
    width: 100%;
    height: 15px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#mobile-menu .menu-wrapper span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000000;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#mobile-menu span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}


#mobile-menu span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

/*#hamburger-menu span:nth-child(2) {*/
/*    top: 11px;*/
/*    -webkit-transform-origin: left center;*/
/*    -moz-transform-origin: left center;*/
/*    -o-transform-origin: left center;*/
/*    transform-origin: left center;*/
/*}*/

#mobile-menu span:nth-child(2) {
    top: 11px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#mobile-menu.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -5px;
    left: 4px;
}

/*#hamburger-menu.open span:nth-child(2) {*/
/*    width: 0%;*/
/*    opacity: 0;*/
/*}*/

#mobile-menu.open span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 19px;
    left: 3px;
}

.intro-video-wrapper-text-wrapper h1 br {
    display: none;
}


.language-picker {
    display: none;
    position: absolute;
    top: var(--header-height);
    left: -2px;
    background-color: #FFFFFF;
    width: 140px;
    border-top: 0px;
}

.language-picker li a {
    width: 100%;
    display: block;
    padding: 12px;
}
.language-picker li:last-child a {
     border-bottom: 0px solid var(--color-black);
}

.shop-actions{
    padding-left: 48px;

}

.language-dropdown {
    display: flex;
    height: 100%;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: var(--navigation-header-font-size);
    line-height: var(--navigation-header-line-height);
    position: relative;
}

.language-dropdown {
    /*padding: 0 clamp(1.5rem, -8.098rem + 18.045vw, 6rem) 0 clamp(1.5rem, -1.699rem + 6.015vw, 3rem);*/
    margin-right: 36px;
}

.action-user-account, .shopping-cart-cta{
    margin-right: 36px;
}

.language-dropdown:hover .language-picker {
    display: block;
}

.second-line-divider{
    margin-top: 12px;
}

.intro-video-wrapper:after{
    content: '';
    display: block;
    width: 100%;
    height: 14px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.bikes-submenu-wrapper {
    position: absolute;
    top: var(--header-height);
    background: red;
    width: 100vw;
     /*display: none;*/
    min-height: 195px;
    z-index: 9;
    padding: var(--spacing-ml) 0;
}
.bikes-submenu-wrapper {
    position: absolute;
    top: calc(var(--header-height) + 1px);
    background: #ffffff;
    width: 100vw;
     display: none;
    min-height: 195px;
    z-index: 9;
    padding: var(--spacing-ml) 0;
    font-size: 25px;
    line-height: 32px;
    font-family: var(--font-primary-medium);
    box-shadow: 0px 10px 22px 1px rgba(0,0,0,0.1);
}

.bmcm-left-side {
    border-right: 1px solid;
    padding-right: 48px;
    margin-right: 48px;
}

.bikes-submenu-items-wrapper {
    display: flex;
}

.bike-model-as-category-menu{
    margin-bottom: var(--spacing-ml);
    cursor: pointer;
}
.bike-model-as-category-menu:last-child{
    margin-bottom: 0;
}

.active-cat{
    color: var(--color-red);
}
.bike-model-as-category-menu-left-side{
    display: none;
}


@media (max-width: 480px) {

    .intro-video-wrapper-text-wrapper h1.h1.with-icon {
        display: flex;
        align-items: baseline;
        font-weight: 100;
    }

    .intro-video-wrapper-text-wrapper h1 br {
        display: block;
    }



    .intro-video-wrapper {
        width: 100vw;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        margin-top: var(--header-height);
        border-top: 0px solid var(--color-black);
        height: calc(100vh - var(--header-height));
        position: relative;
    }

    .intro-video-wrapper-text-wrapper {
        max-width: calc(100vw - 64px) !important;
    }

}
@media (min-width: 481px) and (max-width: 850px){
    .intro-video-wrapper {
        width: 100vw;
        height: calc(100vh - var(--header-height));
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: var(--header-height);
    }
}
@media (min-width: 1251px) and (max-width: 1750px){

    .navbar {
        align-items: center;
        display: flex;
        font-style: normal;
        font-weight: 500;
        letter-spacing: 0;
        justify-content: space-between;
        width: calc(100% - 164px);
        margin: 0 auto;
    }

}
@media (max-width: 1214px) {

    ul.main-navigation-top {
        display: flex;
        padding: 0 var(--header-navigation-horizontal-spacing);
        border-left: 0px solid var(--color-black);
        height: 100%;
        align-items: center;
    }

}
@media (min-width: 851px) and (max-width: 1250px){

    .navbar {
        height: clamp(3.75rem, 2.882rem + 1.632vw, 4.188rem);
        width: calc(100% - 70px);

    }



    ul.main-navigation-top li {
        margin-right: clamp(0.625rem, -4.44rem + 9.524vw, 3rem);
        display: flex;
    }

    ul.main-navigation-top li:nth-last-child(2) {
        margin-right: 0 !important;
        display: flex;
    }

    ul.main-navigation-top {
        padding: 0 clamp(0.5rem, -8.031rem + 16.04vw, 4.5rem);
    }


    .logo-wrapper {
        padding-right: clamp(1.875rem, -0.516rem + 4.5vw, 3rem);
        width: clamp(11.25rem, -2.828rem + 26.5vw, 17.875rem);
    }

    .language-picker {
        display: none;
        position: absolute;
        top: clamp(4.063rem, -0.32rem + 8.25vw, 6.125rem);
        left: -2px;
        background-color: #FFFFFF;
        width: 140px;
        border-top: 0px;
    }

    .language-dropdown {
        /*padding: 0 clamp(1.5rem, -8.098rem + 18.045vw, 6rem) 0 clamp(1.5rem, -1.699rem + 6.015vw, 3rem);*/
        margin-right: clamp(0.75rem, -2.449rem + 6.015vw, 2.25rem);
    }

    .shop-actions{
        padding-left: clamp(1.5rem, -1.699rem + 6.015vw, 3rem);
    }

    .action-user-account, .shopping-cart-cta{
        margin-right: clamp(0.75rem, -2.449rem + 6.015vw, 2.25rem);
    }




    main.content-with-header-default{
        margin-top: calc(clamp(4.063rem, -0.32rem + 8.25vw, 6.125rem) + 84px );
    }

    .intro-video-wrapper {
        width: 100vw;
        height: calc(100vh - clamp(4.063rem, -0.32rem + 8.25vw, 6.125rem) - 15px);
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: calc(clamp(4.063rem, -0.32rem + 8.25vw, 6.125rem) + 16px );
    }
}
@media (max-width: 565px) {

    .block.block_type_header{
        max-width: calc(100vw - 48px);
        margin: 0 auto;
    }
    .block_type_header {
        text-align: unset;
        
        /*justify-content: flex-start;*/
    }

    main.content-with-header-default{
    	margin-top: calc(var(--header-height) + 48px)
    }

}
@media (max-width: 1320px) {

    .intro-video-wrapper-text-wrapper {
        max-width: calc(100vw - 108px);
    }

}
