@font-face{
  font-family: 'EuclidFlex-WebS';
  src: url("../assets/fonts/EuclidFlex-Regular-WebS.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}

@font-face{
  font-family: 'EuclidFlex-WebS';
  src: url("../assets/fonts/EuclidFlex-Medium-WebS.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
}

* {
  margin:0;
  padding:0;
}

html, body, iframe{
  border-radius:0 !important;
}

header {
  width: 100%;
  height: 49px;
  background-color: #FFF;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #DFDFDF;
  position: relative;
}

header #language_selector {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

header #language_selector input {
  display: none;
}

header #language_selector input + label {
  padding: 5px 10px;
  cursor: pointer;
  font-family: 'EuclidFlex-WebS';
  font-weight: 400;
  font-size: 10px;
  opacity: .5;
}

header #language_selector input:checked + label {
  border: solid 1px #000;
  opacity: 1;
}

footer {
  width: 100%;
  height: 50px;
  background-color: #FFF;
  -webkit-box-shadow: inset 0 10px 10px 0 rgba(0,0,0,.1);
  box-shadow: inset 0 10px 10px #0000001a;
}

@media only screen and (max-width: 767px) {
  header {
    justify-content: start;
    padding: 0 10px;
    width: calc(100% - 20px);
  }

  header #language_selector input + label {
    font-size: 13px;
  }
}