/* #90A4AE -> #B0BEC5 */
header{
  background-color:#111315;
  margin:0 auto;position:fixed;
  overflow:visible;top:0;z-index:100;
  width:100%;height:100px;
}
.nonscroll{overflow:hidden;}
::-webkit-scrollbar{display:none;}
#header{display:none;}
#main{display:none;}
#footer{display:none;}
.topmenu{margin:0;padding:0;
  display:flex;flex-direction:row;
  flex-wrap:wrap;justify-content:space-between;
}
.headerSidepanelLi,
.headerSidepanelLiTranslate{
  height:100px;width:100px;
  display:flex;z-index:10;
  align-items:center;justify-content:center;
  -webkit-tap-highlight-color:transparent;
}
.headerSidepanelLi{z-index:100;}
.headerSidepanelLiTranslate{flex-direction:column;}
header{font-size:19px;}
.topmenu a{
  color:#CFD8DC;display:block;
  font-family:'Montserrat';font-weight:bold; /*600;*/
  text-decoration:none;
}
.headerSidepanel > div > div{
  margin:0px 0px 30px;opacity:0;
  cursor:pointer;padding:15px;
  background:#272b30;border-radius:25px;
  display:flex;flex-direction:row;align-items:center;
  transition:margin-top 400ms ease-out, opacity 400ms ease-out, background-color 250ms ease-out, border-radius 250ms ease-out;
  -webkit-tap-highlight-color:transparent;
}
.headerSidepanel > div > div:last-child{margin:0;}
.headerAnons{margin:5px;user-select:none;
  font-size:10vw;color:#fcfcfc;
  font-weight:400;font-family:'Montserrat', sans-serif;
}
.sidepanel_overlay{
  position:fixed;
  z-index:99;
  top:0;bottom:0;
  right:0;left:0;
  animation:sidepanel_overlay_dark 700ms;
}
@keyframes sidepanel_overlay_dark{
  from{background-color:rgba(0,0,0,0);}
  to{background-color:rgba(0,0,0,0.2);}
}
.headerSidepanel > div > div{margin-top:-30px;}
.headerSidepanel__open > div > div:nth-child(1){transition-delay:700ms,700ms,20ms,20ms;}
.headerSidepanel__open > div > div:nth-child(2){transition-delay:800ms,800ms,20ms,20ms;}
.headerSidepanel__open > div > div:nth-child(3){transition-delay:900ms,900ms,20ms,20ms;}
.headerSidepanel__open > div > div:nth-child(4){transition-delay:1000ms,1000ms,20ms,20ms;}
.headerSidepanel__open > div > div:nth-child(5){transition-delay:1100ms,1100ms,20ms,20ms;}
.headerSidepanel__open > div > div:nth-child(6){transition-delay:1200ms,1200ms,20ms,20ms;}
.headerSidepanel__open > div > div {margin-top:0px;opacity:1;transition-delay:700ms,700ms,20ms,20ms;}
.headerSidepanel__open > div > div:hover{background-color:#57606d;transition-delay:0ms,0ms,20ms,20ms;border-radius:50px;}
.headerimg{
  margin-bottom:-3px;
  width:10vw;
  height:10vw;
  display:flex;
  flex-wrap:wrap;
  margin-right: 0.2rem;
  margin-left: 0.3rem;
  filter:invert(100%) sepia(0%) saturate(116%) hue-rotate(14deg) brightness(115%) contrast(98%);
  color:#fcfcfc;
  user-select:none;
}
.headerSidepanel{
  transition:all 700ms cubic-bezier(0.4, 0, 1, 1);
  height:100vh;width:100vw;
  margin-top:-200vh;
  position:fixed;overflow-x:hidden;
  z-index:99;top:0;left:0;
  background-color:#111315;
  padding-bottom:100px;
  display:flex;align-items:center;
  flex-direction:column;
  justify-content:center;}
.headerSidepanel .sidepanelclosebtn{position:absolute;
  height:auto;user-select:none;top:0;right:11px;font-size:36px;}
.sidepanelopenbtn{user-select: none;font-size:28px;cursor:pointer;
  background-color:#000000;color:#90A4AE;border:none;transition:0.5s;
}
.sidepanelopenbtn:hover{background-color:#90A4AE;color:#000000}
.headerSidepanel__open{margin-top:0px;}
.selectedLanguage{font-family:'Montserrat',sans-serif;color:#D3D6DB;font-weight:500;
  font-size:18px;margin:0;user-select:none;}
.imageSliderListLanguages{width:28px;transition:500ms ease;transform:rotate(360deg);user-select:none;
  filter:invert(99%) sepia(1%) saturate(4263%) hue-rotate(181deg) brightness(90%) contrast(89%);
}
/*.translateContainer:hover > .imageSliderListLanguages:not(.imageSliderListLanguagesOpened) {
  animation: sliderListHoverAnim infinite 700ms cubic-bezier(0.39, 0.58, 0.57, 1);
}*/
.imageSliderListLanguagesOpened{transform:rotate(180deg);}
@keyframes sliderListHoverAnim{
  0%{transform:translateY(0px);}
  50%{transform:translateY(5px);}
  100%{transform:translateY(0px);}}
.languagesList{top:70px;right:0;opacity:0;
  position:absolute;visibility:hidden;
  transition:top 500ms;transition-property:top, opacity;}
.translateContainer {background:#162228;display:flex;flex-direction:column;align-items:center;
  justify-content:center;border-radius:12px;padding:5px 9px;cursor:pointer;}
.translateList{height:115px;top:-14px;left:-12px;
  transition:height 300ms;position:relative;}
.languagesList.open{top:100px;opacity:1;visibility:visible;}
@keyframes openlanguagesList{
  0% {top:50px;opacity:0;}
  100% {top:100px;opacity:1;}}
.translateList label{
  display:flex;cursor:pointer;
  font-weight:500;font-size:17px;
  font-family:'Montserrat', sans-serif;
  overflow:hidden;margin-bottom:5px;
  -webkit-tap-highlight-color:transparent;
}
.translateList input{display:none;}
.translateList input:checked + span{background-color:#162228;}
.translateList input:checked + span:before{box-shadow:inset 0 0 0 0.4375em #d6d6e5;}
.translateList span {display:flex;align-items:center;padding:4px 5px;border-radius:100px;
  transition:0.25s ease;color:#D3D6DB;user-select:none;}
.translateList span{background-color:#162228;}
.translateList span:before{background-color:#162228;
  display:flex;flex-shrink:0;content:"";border-radius:50%;
  width:27px;height:27px;box-shadow:inset 0 0 0 0.125em #d6d6e5;
  margin-right:2px;transition:0.25s ease;
}

@media (min-width:290px){
  .headerAnons{font-size:9vw;}
  .headerimg{width:9vw;height:9vw;}}
@media (min-width:400px){
  .headerAnons{font-size:8vw;}
  .headerimg{width:8vw;height:8vw;}}
@media (min-width:550px){
  .headerAnons{font-size:7vw;}
  .headerimg{width:7vw;height:7vw;}}
@media (min-width:700px){
  .headerAnons{font-size:6vw;}
  .headerimg{width:6vw;height:6vw;}}
@media (min-width:850px){
  .headerAnons{font-size:5.5vw;}
  .headerimg {width:5.5vw;height:5.5vw;}}
@media (min-width:992px){
  .headerAnons{font-size:59px;}
  .headerimg{width:59px;height:59px;}}
/* NAV BUTTON */
.wrapperButton{width:50px;height:50px;display:flex;flex-direction:column;
  justify-content:space-between;cursor:pointer;transition:transform 600ms ease-out;}
.wrapperButton .lineButton{background-color:#90A4AE;border-radius:5px;width:100%;height:6px;
  transition:background-color 350ms cubic-bezier(1, 1, 0, 0);}
.wrapperButton .lineButton.halfButton{width:50%;}
.wrapperButton .lineButton.start{transform-origin:right;}
.wrapperButton .lineButton.end{align-self:flex-end;transform-origin:left;}
.wrapperButton .lineButton.start,
.wrapperButton .lineButton.end{transition:transform 360ms cubic-bezier(0.54, -0.81, 0.57, 0.57);}
.wrapperButton.open{transform:rotate(-45deg);}
.wrapperButton.open .lineButton.start{transform:rotate(-90deg) translateX(3px);}
.wrapperButton.open .lineButton.end{transform:rotate(-90deg) translateX(-3px);}
/* LOADER */
.loaderContainer {
  display:flex;align-items:center;
  justify-content:center;z-index:102;
  height:100%;width:100vw;transition:700ms ease;
  position:absolute;background-color:#272b30;
}
.loader {position:relative;display:flex;align-items:center;justify-content:center;
  width:100%;max-width:14.6rem;margin-top:7.3rem;margin-bottom:7.3rem;}
.loader:before, .loader:after{content:"";position:absolute;
  border-radius: 50%;
  animation-duration:1.8s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;
  filter:drop-shadow(0 0 0.7555555556rem rgba(255, 255, 255, 0.75));}
.loader:before {width:100%;padding-bottom:100%;box-shadow:inset 0 0 0 1.7rem #fff;animation-name: pulsA;}
.loader:after{
  width:calc(100% - 1.7rem*2);
  padding-bottom:calc(100% - 1.7rem*2);
  box-shadow:0 0 0 0 #fff;animation-name:pulsB;}
@keyframes pulsA{
  0% {box-shadow:inset 0 0 0 1.7rem #fff;opacity:1;}
  50%, 100% {box-shadow:inset 0 0 0 0 #fff;opacity: 0;
  }}
@keyframes pulsB{
  0%, 50% {box-shadow:0 0 0 0 #fff;opacity:0;}
  100% {box-shadow:0 0 0 1.7rem #fff;opacity: 1;
  }}
.hiddenLoader {margin-top:-100vh;}
/*@media (min-width:575px){.headerSidepanel__open{  }}*/
@media (min-width:992px){.headerimg{width:50px;height:50px;}}