#header { position: fixed; top: 0; left: 0; width: 100%; max-width: 100%; background-color: #1A1A1A; z-index: 100; text-transform:uppercase; }
#header .mainNav { position: relative; width: 1200px; max-width: 100%; min-height: 110px; margin: auto; padding: 15px 30px; display: flex; align-items: center; justify-content: space-between; }
#header .brand img { position: relative; width: 240px; }
#header .navArea { position: relative; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; }
#header .mainLink { position: relative; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
#header ul li { position: relative; }
#header ul.dropMenu { display: none; position: absolute; top: 100%; left: 0px; background-color: #1A1A1A; width: max-content; max-width: 250px; z-index: 1; }
#header ul.dropMenu.dropMenuInvert { left: auto; right: 0px; }
#header ul.dropMenu ul.dropMenu { top: 0; left: auto; right: 100%; }
#header .burger { display: none; }
#header a { color: inherit; }
#header .languages { display:flex; justify-content:center; align-items:center; flex-wrap:nowrap; margin-right: 30px; }
#header .stdLink { position: relative; display: flex; justify-content: flex-start; align-items: center; padding: 5px; margin: 5px; cursor: pointer; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }
#header .stdLink:hover {  }
#header .stdLink { color: transparent; text-shadow: 0 0 0 rgba(255, 255, 255, 1), -20px 0 0 rgba(221, 11, 21, 0); }
#header .stdLink:hover { color: transparent; text-shadow: 20px 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(221, 11, 21, 1); }
#header .languages .stdLink { padding-left:2px; padding-right:2px; margin-left:2px; margin-right:2px; }
#header .languages .stdLink

#header .mainLink li { position: relative; }
#header .mainLink a { display:block; height:100%; }
#header .mainLink .stdLink { font-size: 32px; line-height: 110%; display: flex; justify-content: flex-end; width: fit-content; padding: 10px 0; border: 0px solid transparent; }


/* START TEMPLATE NAVBAR */
#header.startTemplate {  }

/* Responsive */
/*@media only screen and (max-width : 1200px) {*/
    #header nav { position: fixed; left: auto; right: -100%; width: 100%; max-width: 100%; background-color: #1A1A1A; opacity: 0; pointer-events: none; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }
    #header .mainLink { display: flex; justify-content: center; flex-direction: column; flex-wrap: wrap; gap: 5px; text-align: center; padding: 30px; width: 100%; max-width: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%)!important; -moz-transform: translate(-50%,-50%)!important; -ms-transform: translate(-50%,-50%)!important; -o-transform: translate(-50%,-50%)!important; transform: translate(-50%,-50%)!important; overflow-y: auto; }
    #header .mainLink::-webkit-scrollbar { display: none; }
    #header .mainLink { -ms-overflow-style: none; scrollbar-width: none; }
    #header .mainLink ul.dropMenu,#header .mainLink ul.dropMenu ul.dropMenu  { position: relative; top: auto; left: auto; right: auto; width: 100%; max-width: 100%; background-color: transparent; }
    #header .burger { display: inline-block; }
    #header .burgerLines { position: relative; width: 35px; height: 18px; transform: rotate( 90deg); }
    #header .burgerLines .line { position: absolute; left: 0; width: 100%; height: 1px; background-color: #ffffff; }
    #header .burgerLines .line1 { top: 0; }
    #header .burgerLines .line2 { top: 50%; width:80%; }
    #header .burgerLines .line3 { top: 100%; width:60%; }
    #header .burger:hover .burgerLines .line { width:100%; background-color:#DD0B15; }
    #header .burger .stdLink p { text-transform:lowercase; line-height: 100%; }

    /* OPEN NAVBAR */
    #header.expandedMenu nav { opacity: 1; pointer-events: auto; }
    #header.expandedMenu .burgerLines { transform: rotate(180deg); }
    #header.expandedMenu .burgerLines .line { background-color:#DD0B15; }
    #header.expandedMenu .burgerLines .line1 { top: 50%; width: 100%; transform: rotate(45deg); transform-origin: center center; }
    #header.expandedMenu .burgerLines .line2 { opacity: 0; }
    #header.expandedMenu .burgerLines .line3 { top: 50%; width: 100%; transform: rotate(-45deg); transform-origin: center center; }

    /* START TEMPLATE NAVBAR */
    #header.startTemplate { background-color:transparent; }
    #header.expandedMenu { background-color: #0A0A0A; }
    #header.expandedMenu nav { right:0; }

/*}*/

@media only screen and (max-width : 992px) {
    #header nav {  right: -100%; width: 100%; }
    #header .brand img { width: 200px; }
    #header .mainLink { width: 100%; }
    #header .mainLink .stdLink { font-size: 28px; line-height: 120%; writing-mode:initial; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    #header .mainNav { padding: 15px; }
}

@media only screen and (max-width : 576px) {
    #header .brand img { width: 140px; }
    #header .languages { margin-right: 10px; }
    #header .mainLink .stdLink { font-size: 24px; line-height: 130%; padding:5px; }
}

@media only screen and (max-width : 450px) {
    #header .mainNav { padding: 15px 0; }
    #header .brand img { width: 120px; }
    #header .languages { margin-right: 5px; }
    #header .mainLink .stdLink { font-size: 20px; line-height: 135%; }
}