@import url("//fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700&subset=latin-ext");
@font-face {
  font-family: 'DINNextRoundedLTProBold';
  src: url("../fonts/DINNextRoundedLTPro-Bold.svg#DINNextRoundedLTPro-Bold") format("svg"), url("../fonts/DINNextRoundedLTPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/DINNextRoundedLTPro-Bold.otf") format("opentype"), url("../fonts/DINNextRoundedLTPro-Bold.woff") format("woff"), url("../fonts/DINNextRoundedLTPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

html, body {
  padding: 0;
  margin: 0;
  font-family: 'Roboto';
  font-size: 16px; }

h1, .title, .region {
  color: #133E8F;
  font-family: DINNextRoundedLTProBold; }

ul {
  padding: 0; }

li {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-bottom: 3px;
  line-height: 28px; }

a {
  color: #6F6F6E;
  text-decoration: none;
  transition: color 250ms ease; }
  a:hover {
    color: #20b9d6; }
  a:active, a:focus {
    color: #133E8F; }

.clearfix {
  display: block;
  float: none;
  clear: both; }

.visible-lg {
  display: none; }

.body {
  position: relative;
  min-height: calc(100vh - 100px);
  max-width: 100vw;
  overflow-x: hidden;
  padding-bottom: 100px; }

.main {
  padding: 4px 2px 2px 2px; }

.countries {
  margin-bottom: 30px; }
  .countries .title {
    font-size: 18px;
    margin-top: 35px;
    margin-bottom: 30px; }

.header {
  border-bottom: 1px solid #C6C6C6; }
  .header .logo {
    width: 200px;
    height: auto;
    margin-left: -1px;
    margin-bottom: 24px; }
  .header h1 {
    float: none;
    font-size: 20px;
    margin-bottom: 20px; }
    .header h1 span {
      display: block; }
    .header h1 .divider {
      display: none; }

@media (max-width: 960px) {
  body {
    text-align: center;
    font-size: 17px; }
  .main {
    display: inline-block;
    text-align: left;
    width: 85%;
    padding-top: 10px; }
  h1 {
    line-height: 27px; }
  .img-map {
    position: absolute;
    z-index: -1;
    left: 50%;
    transform: translate(-50%, 0); }
  .img-map img {
    width: 70em; }
  .countries li a {
    padding-left: 0.8rem;
    background: url(../img/list-icon@2x.png) no-repeat center left;
    -webkit-background-size: 0.4em;
    background-size: 0.3em; }
  .countries .title {
    margin-top: 30px;
    margin-bottom: 10px; }
  .countries a.toggle {
    display: block;
    border-bottom: 1px solid #C6C6C6;
    height: 50px;
    line-height: 50px;
    background: url(../img/plus.png) no-repeat center right; }
  .countries a.toggle + ul {
    height: 0;
    overflow: hidden; }
  .countries .open a.toggle {
    background-image: url(../img/minus.png); }
  .countries .open a.toggle + ul {
    height: auto;
    margin-top: 5px; }
    .countries .open a.toggle + ul li a {
      height: 44px;
      line-height: 44px; }
  ul {
    margin: 0; }
  .footer {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
    left: 0;
    padding-bottom: 1rem; }
    .footer ul {
      font-size: 0; }
    .footer li {
      display: block;
      font-size: 14px;
      text-align: center; }
      .footer li a {
        color: #133E8F;
        font-weight: 600; } }

@media (min-width: 961px) {
  .visible-lg {
    display: block; }
  .container {
    width: 1140px;
    margin: 0 auto;
    padding: 0; }
  .main {
    margin-top: 10vh; }
  a.region:hover {
    cursor: default;
    color: #133E8F; }
  .header {
    border-bottom: 1px solid #C6C6C6; }
    .header .logo {
      width: 250px;
      height: auto;
      float: left; }
    .header h1 {
      margin: 0px;
      padding-top: 5px;
      text-align: center;
      font-size: 24px; }
      .header h1 span:nth-child(1) {
        padding-left: 45px; }
      .header h1 span,
      .header h1 .divider {
        display: inline; }
  .center {
    position: relative; }
    .center .img-map {
      text-align: center;
      z-index: 1;
      box-sizing: border-box;
      display: block;
      position: absolute;
      left: 50%;
      transform: translate(-50%, 0); }
      .center .img-map img {
        width: auto;
        height: auto;
        max-height: 80.5vh;
        padding-bottom: 20px;
        margin-left: -18px;
        margin-top: 1px; }
    .center .container {
      position: relative;
      z-index: 2;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      float: left;
      min-height: 80.5vh; }
    .center .title {
      font-size: 18px; }
    .center .countries div {
      float: left;
      vertical-align: top; }
      .center .countries div ul li a {
        font-size: 14px; }
    .center .countries:nth-child(1) {
      float: left;
      width: 32%; }
    .center .countries:nth-child(2) {
      width: 68%;
      float: left;
      margin-left: -4px; }
      .center .countries:nth-child(2) > div {
        width: 25%; }
      .center .countries:nth-child(2) > div.double {
        width: 41.5%;
        margin-left: -1px; }
        .center .countries:nth-child(2) > div.double ul {
          columns: 2;
          -webkit-columns: 2;
          -moz-columns: 2; }
  .footer {
    text-align: right;
    margin-top: 24px;
    position: relative;
    z-index: 3; }
    .footer a {
      color: #133E8F; }
    .footer .container {
      border-top: 1px solid #C6C6C6;
      padding-top: 9px; }
    .footer ul {
      margin: 0;
      padding: 0;
      font-size: 0; }
      .footer ul li {
        display: inline-block;
        font-size: 14px;
        padding-left: 13px; }
        .footer ul li a {
          padding: 5px 0px 5px 8px;
          font-weight: 500; } }

@media (min-width: 961px) and (max-width: 1140px) {
  .container {
    width: 960px; } }

@media (max-width: 1367px) and (min-height: 768px) {
  .main {
    margin-top: 1vh; }
  .body {
    padding-bottom: 0px; } }

@media (-webkit-min-device-pixel-ratio: 1), (max-resolution: 191dpi) {
  .logo picture img {
    width: 100%; } }