div.part-showmenu {

}

/* HEAD SOCIALS */

div.part-showmenu ul.nav::after {
    content:"";
    display:block;
    float:none;
    clear:both;
}

.socials-wrap div.part-showmenu {
    margin-right:40px;
    padding-top:4px;
}

.socials-wrap div.part-showmenu ul.nav {
    white-space:nowrap;
    line-height:0;
}

.socials-wrap div.part-showmenu ul.nav li {
    display:inline-block;
    margin-left:12px;
}

.socials-wrap div.part-showmenu ul.nav li a {
    display:block;
    width:16px;
    height:16px;
}

.socials-wrap div.part-showmenu ul.nav li a span {
    display:none;
}

/* HEAD PROFILE */

.profile-wrap div.part-showmenu {
    position:relative;
}

.profile-wrap div.part-showmenu .component-body {
    position:absolute;
    z-index:5;
    top:calc(100% + 7px);
    right:0;
    padding:5px;
    background-color:var(--dbluetr);
}


.profile-wrap div.part-showmenu .component-body ul.nav li a {
    display:block;
    text-transform:uppercase;
    padding:10px;
    font-size:16px;
    line-height:22px;
    text-align:center;
    transition:0.3s;
    white-space:nowrap;
}

.profile-wrap div.part-showmenu .component-body ul.nav li a:hover {
    background-color:#ffffff;
    color:var(--dblue);
}

/* HEAD MENU */

.header-menu div.part-showmenu {
    float:left;
    position:relative;
}

/* BLUEBAR */

.bluebar div.part-showmenu {
    padding:40px 0;
}

.bluebar div.part-showmenu ul.nav {
    display:flex;
    flex-direction:row;
}

.bluebar div.part-showmenu ul.nav::after {
    content:"";
    display:block;
    float:none;
    clear:both;
}

.bluebar div.part-showmenu ul.nav li {
    flex-grow:1;
    width:25%;
    border-left:solid 1px var(--lblue);
}

.bluebar div.part-showmenu ul.nav li:first-child {
    border-left:none;
}

.bluebar div.part-showmenu ul.nav li a {
    display:block;
    padding:0 6px;
    text-align:center;
    color:#ffffff;
    font-size:18px;
    font-family:'PTSansBold';
    text-transform:uppercase;
    transition:0.3s;
}

.bluebar div.part-showmenu ul.nav li a:hover {
    transform:scale(1.1,1.1);
}

.bluebar div.part-showmenu ul.nav li a span {
    display:block;
    text-align:center;
}

/* VIDEOS MENU */

div.part-showmenu.videos {
    padding:96px 0;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    background-image:url('../gfx/gallery_bg.jpg');
    position:relative;

}

div.part-showmenu.videos * {
    user-select:none;
}

div.part-showmenu.videos::before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:var(--dbluetr);
}

div.part-showmenu.videos h2.component-heading {
    width:320px;
    margin:0 auto;
    text-align:center;
    background-repeat:no-repeat;
    background-position:center 0;
    background-image:url('../gfx/icon_video.svg');
    padding-top:116px;
    color:#ffffff;
    cursor:pointer;
    position:relative;
    z-index:2;
}

div.part-showmenu.videos h2.component-heading span {
    color:#ffffff;
    pointer-events:none;
}

div.part-showmenu.videos .component-body {
    position:relative;
    z-index:2;
    padding-top:96px;
    margin:0 auto;
    width:1560px;
}

div.part-showmenu.videos .mwrap {
    width:1050px;
    margin:0 auto;
}

div.part-showmenu.videos .component-body ul.nav {
    list-style-type:none;
    padding:0;
    margin:0;
    white-space:nowrap;
    margin:0 auto;

}

div.part-showmenu.videos ul.nav::after {
    display:none;
}

div.part-showmenu.videos .component-body ul.nav li {
    width:210px;
    padding-left:20px;
    padding-right:20px;
    display:inline-block;
    vertical-align:top;
}

div.part-showmenu.videos .component-body ul.nav li a {
    display:block;
}

div.part-showmenu.videos .component-body ul.nav li a:hover {

}

div.part-showmenu.videos .component-body ul.nav li a img {
    max-height:96px;
    margin-bottom:10px;
    display:block;
    box-shadow:0 0 0 rgba(0,0,0,0.4);
    transition:0.3s;
}

div.part-showmenu.videos .component-body ul.nav li a:hover img {
    box-shadow:0 15px 15px rgba(0,0,0,0.4);
}

div.part-showmenu.videos .component-body ul.nav li a span {
    display:block;
    text-align:center;
    color:rgba(255,255,255,0.5);
    text-transform:uppercase;
    font-size:14px;
    line-height:20px;
    transition:0.3s;
    white-space:normal;
}

div.part-showmenu.videos .component-body ul.nav li a:hover span {
    color:rgba(255,255,255,0.7);
}



/* FOOTER MENU */

footer div.part-showmenu {

}

footer div.part-showmenu ul.nav li {
    margin-bottom:5px;
}

footer div.part-showmenu ul.nav li a {
    font-size:18px;
    line-height:24px;
    text-transform:uppercase;
    transition:0.3s;
}

footer div.part-showmenu ul.nav li a:hover {
    color:var(--lblue);
}

@media only screen and (min-width:1324px) and (max-width:1653px) {
    div.part-showmenu.videos .component-body {
        width:1274px;
    }
}

@media only screen and (min-width:994px) and (max-width:1323px) {
    div.part-showmenu.videos .component-body {
        width:970px;
    }

    div.part-showmenu.videos .mwrap {
        width:840px;
    }
}

@media only screen and (min-width:640px) and (max-width:993px) {
    div.part-showmenu.videos .component-body {
        width:624px;
    }

    div.part-showmenu.videos .mwrap {
        width:420px;
    }
}

@media only screen and (max-width:639px) {
    div.part-showmenu.videos .component-body {
        width:320px;
    }

    div.part-showmenu.videos .mwrap {
        width:210px;
    }
}

@media only screen and (min-width:994px) {
    .profile-wrap div.part-showmenu h2.component-heading {
        margin:0;
        padding:0;
        font-family:'PTSansRegular'; 
        cursor:pointer;
        background-position:0 3px;
        background-repeat:no-repeat;
        background-image:url('../gfx/icon_profile.svg');
        padding-left:30px;
        padding-top:3px;
    }

    .profile-wrap div.part-showmenu .component-body {
        white-space:nowrap;
    }

    .profile-wrap div.part-showmenu .component-body ul.nav li {
        border-bottom:solid 1px rgba(255,255,255,0.6);
    }

    .profile-wrap div.part-showmenu .component-body ul.nav li:last-child {
        border:none;
    }

    .header-menu div.part-showmenu {
        padding-right:16px;
        margin-right:32px;
    }

    .header-menu div.part-showmenu::after {
        content:"";
        position:absolute;
        top:33px;
        right:0;
        width:1px;
        height:16px;
        background-color:#ffffff;
    }

    .header-menu div.part-showmenu h2.component-heading {
        display:none;
    }

    .header-menu div.part-showmenu .component-body {
        display:block !important;

    }

    .header-menu div.part-showmenu ul.nav > li {
        float:left;
        position:relative;
    }

    .header-menu div.part-showmenu ul.nav > li::before {
        content:"";
        display:block;
        transition:0.3s;
        position:absolute;
        z-index:1;
        top:0;
        left:0;
        height:0;
        width:100%;
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000',GradientType=0 );
        opacity:0;
    }

    body.slider-on-site .header-menu div.part-showmenu ul.nav > li::before {
        
        background: -moz-linear-gradient(top,  rgba(29,53,81,0.9) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top,  rgba(29,53,81,0.9) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom,  rgba(29,53,81,0.9) 0%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0a223e', endColorstr='#00000000',GradientType=0 );

    }

    .header-menu div.part-showmenu ul.nav > li:hover::before {
        height:100%;
        opacity:1;
    }

    .header-menu div.part-showmenu ul.nav > li > a {
        display:block;
        position:relative;
        z-index:2;
        padding:30px 16px;
        font-family:'PTSansNarrowBold';
        text-transform:uppercase;
        white-space:nowrap;
        font-size:22px;
        line-height:22px;
        color:var(--lblue);
    }

    body.slider-on-site .header-menu div.part-showmenu ul.nav > li > a {
        color:#ffffff;
    }
    
    /* SUB */

    .header-menu div.part-showmenu ul.nav > li ul {
        position:absolute;
        top:100%;
        right:0;
        box-shadow: 0 10px 10px rgba(0,0,0,0.2);
    }
    
    .header-menu div.part-showmenu ul.nav > li ul li {
        display:block;
        margin-bottom:1px;
    }
    
    .header-menu div.part-showmenu ul.nav > li ul li a {
        display:block;
        padding:16px;
        background-color:rgba(255,255,255,0.85);
        transition:0.3s;
        color:var(--dblue);
        text-transform:uppercase;
        font-family: 'PTSansRegular';
        text-align:center;
    }
    
    .header-menu div.part-showmenu ul.nav > li ul li a:hover {
        background-color:var(--dblue);
        color:#ffffff;
    }
}

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

    .socials-wrap div.part-showmenu {
        padding-top:7px;
    }

    .profile-wrap div.part-showmenu h2.component-heading {
        display: block;
        background:none;
        border-radius:0;
        box-shadow:none;
        width: 32px;
        height: 32px;
        background: url('../gfx/menu_profile.svg') no-repeat center center;
        cursor: pointer;
        text-indent: -9999px;
        border:none;
    }

    .header-menu div.part-showmenu .component-body {
        padding:5px;
        top:calc(100% + 7px);
    }

    .header-menu div.part-showmenu .component-body ul.nav li {
        border-bottom:solid 1px rgba(255,255,255,0.6);
    }

    .header-menu div.part-showmenu .component-body ul.nav li:last-child {
        border:none;
    }

    .header-menu div.part-showmenu .component-body ul.nav li a {
        display:block;
        text-transform:uppercase;
        padding:10px;
        font-size:18px;
        line-height:22px;
        text-align:center;
        transition:0.3s;
    }

    .header-menu div.part-showmenu .component-body ul.nav li a:hover {
        background-color:#ffffff;
        color:var(--dblue);
    }

    .header-menu div.part-showmenu {
        position:relative;
        margin-top:8px;
    }

    .header-menu div.part-showmenu h2.component-heading {
        width:32px;
        height:32px;
        margin:0;
        padding:0;
        background-repeat:no-repeat;
        background-image:url('../gfx/menu.svg');
        background-position:center center;
        text-indent:-9999px;
        cursor:pointer;
    }

    .header-menu div.part-showmenu .component-body {
        position:absolute;
        z-index:100;
        top:calc(100% + 10px);
        right:0;
        padding:20px;
        background-color:var(--dbluetr);
        padding:5px;
    }

    .header-menu div.part-showmenu .component-body * {
        color:#ffffff;
    }


}

@media only screen and (max-width:479px) {
    div.part-showmenu.videos .component-body ul.nav {
        display:block;
    }
    
    .bluebar div.part-showmenu ul.nav li a {
        font-size:12px;
        line-height:18px;
    }
}