@font-face {
    font-family: 'edo_szregular';
    src: url('../assets/fonts/edosz-webfont.eot');
    src: url('../assets/fonts/edosz-webfont.eot#iefix') format('embedded-opentype'),
         url('../assets/fonts/edosz-webfont.woff') format('woff2'),
         url('../assets/fonts/edosz-webfont.woff') format('woff'),
         url('../assets/fonts/edosz-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'core_sans';
    src: url('../assets/fonts/coresansg-extrabold-webfont.eot');
    src: url('../assets/fonts/coresansg-extrabold-webfont.eot#iefix') format('embedded-opentype'),
         url('../assets/fonts/coresansg-extrabold-webfont.woff') format('woff2'),
         url('../assets/fonts/coresansg-extrabold-webfont.woff') format('woff'),
         url('../assets/fonts/coresansg-extrabold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hero_lightlight';
    src: url('../assets/fonts/hero_light-webfont.eot');
    src: url('../assets/fonts/hero_light-webfont.eot#iefix') format('embedded-opentype'),
         url('../assets/fonts/hero_light-webfont.woff') format('woff2'),
         url('../assets/fonts/hero_light-webfont.woff') format('woff'),
         url('../assets/fonts/hero_light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'heroregular';
    src: url('../assets/fonts/hero-webfont.eot');
    src: url('../assets/fonts/hero-webfont.eot#iefix') format('embedded-opentype'),
         url('../assets/fonts/hero-webfont.woff') format('woff2'),
         url('../assets/fonts/hero-webfont.woff') format('woff'),
         url('../assets/fonts/hero-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both }

.btn { display: inline-block; height: 50px; line-height: 50px; padding: 0 40px; border: 0; -webkit-font-smoothing: antialiased; text-align: center; text-decoration: none; text-shadow: none; color: #009bbf; background-color: #fff; cursor: pointer; outline: none; font-size: 22px; }
.btn:hover {  }
html, body { min-height: 100%; }
body { background: #fff; font-size: 15px; font-family: "heroregular", sans-serif; line-height: 1.5; font-weight: 500; -webkit-font-smoothing: antialiased; color: #4f4d4c; padding: 0; margin: 0; padding-top: 70px; }

.container { position: relative; margin: 0 30px; }
.main { background: #fff; padding: 60px 0; color: #222; font-weight: 600; line-height: 1.6em; }
.main h1, .main h2, .main h3, .main h4 { color: #009bbf; font-family: "core_sans", sans-serif;}
.main h1 { font-size: 2.5em; margin-top: 10px; line-height: 1.2; }
.main h2 { font-size: 1.8em; margin-top: 2em; }
.main a { color: #009bbf; }
.main p { padding-bottom: .8em; font-weight: 300;}
.main ul { padding-left: 30px; padding-bottom: .8em; }
.main ul li { padding-bottom: .5em; }

.top-belt { height: 70px; background: #009bbf; position: fixed; top: 0; right: 0; left: 0; z-index: 20; }

.site-logo { position: absolute; top: 0; left: 0; height: 70px; background: #009bbf; padding: 5px; padding-top: 10px; }

.site-nav { position: relative; overflow: visible; top: 24px; z-index: 9999999; right: 0; left: 0; height: 0; margin: 0 0 0 160px; font-weight: bold; float: left; }
.site-nav li { list-style: none; }
.site-nav-item { font-size: 1.13em; padding: 0 6px; margin: 0 10px; line-height: 1em; height: 1em; vertical-align: middle; padding-left: 7px; padding-right: 7px; font-size: 1em; background-color: transparent; color: #fff; text-decoration: none; }
.site-nav-item:hover, .site-nav-item.is-active { color: #4f4d4c; background: transparent; }

.site-nav-accounts { position: relative; float: right; list-style-type: none; z-index: 99; display: block; right: 15px; top: 14px; margin: 0; display: none; }

.page-footer { position: relative; padding: 30px 0; color: #646569; background-color: #24251C; font-weight: bold; text-align: center;}
.page-footer a { color: #fff; text-decoration: none; }
.footer-details { margin-bottom: 5px; }
.footer-nav { margin-top: 10px; list-style: none; text-align: center; padding: 0; }
.footer-nav > li { display: inline-block; }
.footer-nav > li a{ color: #646569; }
.footer-nav > li + li:before { display: inline-block; content: ""; margin: 0 8px 0 5px; }

@media screen and (min-width: 768px) {
  .site-nav-accounts, .lang-menu { display: block; }
  .page-footer { font-size: 14px; }
  .page-footer .poweredby { float: left; }
  .footer-details { padding-bottom: 20px; margin-bottom: 0; }
  .footer-nav { float: right; }
  .footer-nav > li + li:before { margin: 0 13px 0 10px; }
}

@media screen and (min-width: 1040px) {
  .container { width: 1000px; margin: 0 auto; }
  .top-belt:before { margin-left: -500px; width: 50%;  }
  .page-footer { font-size: 16px; }
}