body { font-size:100%; }

.hide-desk, header.template .menu-toggle { display:none; }

header.template { height:110px; z-index:10; }
header.template .logo { width:161px; height:40px; }
header.template nav { left:calc(10% + 170px); right:calc(10% + 170px); }
header.template nav ul { padding:0; margin:0; list-style:none; position:relative; line-height:1; text-align:center; }
header.template nav ul ul { display:none; position:absolute; top:100%; padding:18px 0 0 0; width:12em; text-align:left; left:-0.5rem; /* the height of the main nav */ }
header.template nav ul ul ul { left:12em; top:0; padding:0; }
header.template nav li { display:inline-block; position:relative; margin:0 10px; }
header.template nav li:hover > ul { display:inherit; }
header.template nav ul ul li { width:12em; display:list-item; font-size:1.0625rem; margin:0; border-top:#0386ad 1px solid; background:#02546c; }
header.template nav ul ul ul li { top:0; margin-left:5px; }
header.template nav a { display:block; text-decoration:none; font-family:"D-DINCondensed"; text-transform:uppercase; color:#fff; font-size:1.1875rem; }
header.template nav ul ul a { font-size:1.0625rem; padding:8px 0 10px 0.5rem; text-transform:none; }

header.template nav li > a:after { content:''; }
header.template nav li > a:only-child:after { content:''; }
header.template nav ul > li > ul > li > a { background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="m14.7 11.3-4-4A1 1 0 0 0 9 8v8a1 1 0 0 0 1.7.7l4-4a1 1 0 0 0 0-1.4z" data-name="Right"/></svg>'); background-size:1rem; background-position:97% center; background-repeat:no-repeat; }
header.template nav ul > li > ul > li > a:only-child { background:none; }

header.template nav ul li:hover::after, header.template nav ul li.on::after { content: ''; bottom:-0.7rem; height:20px; left:-0.5rem; right:-0.5rem; z-index:-1; position:absolute; }
header.template nav ul li:hover::after { background:rgba(0, 0, 0, 0.08); }
header.template nav ul li.on::after { background:rgba(0, 0, 0, 0.20); }
header.template nav ul ul li:hover {background:#000;}
header.template nav ul ul li:hover::after { display:none; }
header.template nav ul ul li:first-child { border-top:none; }

main.c article.c h1 { font-size:50px;}
main.c article.c {  padding:100px 100px 50px 100px; margin-left:10%; margin-right:10%; width:80%; }
main.c article.c ul.meta, main.c article.c ul.share { list-style:none; margin:0; padding:0; display:flex; align-items: center; justify-content: center; }
main.c article.c ul.meta li { padding:0 10px; border-right:#04a8d8 1px solid; font-size:0.86rem; color:#666; }
main.c article.c ul.meta li:last-child { border-right:none; }
main.c article.c ul.meta li a { color:#666; }

#splash .text { text-align:left; position:absolute; bottom:0; left:0; right:0; height:auto; background-color: rgba(0, 0, 0, 0.85); padding-top:40px; padding-right:calc(10% + 200px); padding-bottom:40px; padding-left:10%; }
#splash .text span { position:absolute; bottom:40px; right:10%;  }
#splash .text h1 { font-size:1.2rem; }

@keyframes move {
  0%  { top: 0px; }
  12.5% { top: -160px; }
  25% { top: -40px; }
  37.5% { top: -120px; }
  50% { top: -280px; }
  62.5% { top: -200px; }
  75% { top: -80px; }
  87.5% { top: -240px; }
}

.image-main.image-copyright::after {
    content: attr(data-copyright);
  position: absolute;
right:0;
left:0;
padding-right:18%;
top:130px;
text-align:right;
  color: #fff;
  font-size: 0.8rem;
  opacity: 0.7;
  text-shadow: 0 0 4px #000;
  font-style: italic;
}


/*  SHOP */
body.shop #main .image { position:absolute; top:0; left:0; bottom:0; right:50%; }
body.shop #main .details { padding:100px 0; margin-left:60%;  }

@media screen and (max-width: 1400px) {
  body.shop #main .image { position:absolute; top:0; left:0; bottom:0; right:46%; }
}

@media screen and (max-width: 1300px) {
  body.shop #main .image { position:absolute; top:0; left:0; bottom:0; right:41%; }
  body.shop #main .details { padding:100px 0; margin-left:65%;  }
}