/*
@font-face {
	font-family: 'PF Din Text Comp Pro';
	font-style: normal;
	font-weight: normal;
	src: local('PF Din Text Comp Pro'),
		local('PF Din Text Comp Pro Regular'),
		local('PF Din Text Comp Pro-Regular'),
		url('fonts/pfdintextcomppro-regular-webfont.eot') format('embedded-opentype'),
		url('fonts/pfdintextcomppro-regular-webfont.ttf') format('truetype'),
		url('fonts/pfdintextcomppro-regular-webfont.svg') format('svg'),
		url('fonts/pfdintextcomppro-regular-webfont.woff') format('woff'),
		url('fonts/pfdintextcomppro-regular-webfont.woff2') format('woff2');
}
*/
@font-face {
  font-family: 'PF Din Text Comp Pro';
  font-style: normal;
  font-weight: 300;
  src: local("PF Din Text Comp Pro Thin"), local("PF Din Text Comp Pro-Thin"), local("PF Din Text Comp Pro Light"), local("PF Din Text Comp Pro-Light"), url("fonts/pfdintextcomppro-light-webfont.eot") format("embedded-opentype"), url("fonts/pfdintextcomppro-light-webfont.ttf") format("truetype"), url("fonts/pfdintextcomppro-light-webfont.svg") format("svg"), url("fonts/pfdintextcomppro-thin-webfont.woff") format("woff"), url("fonts/pfdintextcomppro-thin-webfont.woff2") format("woff2"); }
html, body {
  height: 100%;
  min-height: 100%; }

.wrapper {
  min-height: 100%;
  padding-bottom: 88px;
  margin-bottom: -88px; }

* {
  box-sizing: border-box; }

body {
  background: #232126;
  color: white;
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  font-weight: 300; }

.container {
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
  max-width: 1140px; }
  .container .row {
    margin: 0 -15px; }
    .container .row .col {
      padding: 0 15px; }

.header {
  overflow: hidden;
  background: #151317;
  line-height: 84px;
  padding: 0 15px; }
  .header .sign {
    float: right;
    padding-left: 75px;
    position: relative;
    white-space: nowrap;
    color: #4e8efd;
    text-transform: uppercase;
    text-decoration: none;
    color: white; }
    .header .sign:before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -30px;
      width: 60px;
      height: 60px;
      background-image: url(account.svg); }
    .header .sign:after {
      content: '';
      position: absolute;
      top: 0px;
      left: 0;
      right: 0;
      height: 5px;
      background: white;
      opacity: 0;
      transition: all linear .2s; }
    .header .sign:hover:after {
      opacity: 1; }
  .header .logo {
    float: left; }
    .header .logo img {
      margin-top: 14px;
      display: block; }

.grey {
  color: #9a9da4; }

.main {
  padding: 40px 0; }
  .main .content {
    padding: 40px;
    background: rgba(0, 0, 0, 0.21); }
    .main .content h1 {
      margin-top: 0;
      font-weight: 300;
      font-family: 'PF Din Text Comp Pro'; }
    .main .content a {
      color: #4e8efd;
      text-decoration: none; }
      .main .content a:hover {
        color: white; }
  .main .navBox {
    padding: 40px; }
  .main .nav {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    overflow: hidden; }
    .main .nav li a {
      color: #4e8efd;
      text-decoration: none;
      font-size: 14px;
      line-height: 24px;
      display: block; }
      .main .nav li a:hover {
        color: white; }
    .main .nav > li {
      float: left;
      width: 33.3333%; }
      .main .nav > li ul {
        margin: 0;
        padding: 0;
        list-style: none; }
      .main .nav > li > a {
        color: #9a9da4;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        font-size: 24px;
        margin-bottom: 16px;
        font-family: 'PF Din Text Comp Pro'; }

.footer {
  background: #1c1a1e; }
  .footer table {
    width: 100%; }

.table {
  display: table;
  width: 100%; }
  .table .tr {
    display: table-row; }
    .table .tr .td {
      display: table-cell;
      vertical-align: middle;
      padding: 14px 0; }

@media (max-width: 680px) {
  .header {
    text-align: center; }
    .header .logo {
      float: none;
      display: block; }
      .header .logo img {
        display: inline-block;
        vertical-align: top; }
    .header .sign {
      float: none;
      display: inline-block;
      font-size: 12px; }

  .main .nav > li {
    width: 100%;
    float: none;
    margin-bottom: 16px; } }
@media (max-width: 480px) {
  .table {
    display: block;
    text-align: center; }
    .table .tr {
      display: block; }
      .table .tr .td {
        display: block; } }

/*# sourceMappingURL=style.css.map */