body,
html {
 height:100%;
 width:100%;
 padding:0;
 margin:0;
 background:#000;
 font-family:"Helvetica Neue",arial,sans-serif;
 font-weight:400;
 color:#444;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
* {
 box-sizing:border-box
}
#app {
 height:100%
}
img {
 border:0
}
a:link {
  color: #cdcdcd;
  background-color: transparent;
  text-decoration: none;
}
.headerContainer {
 margin-top:54px
}
.header {
 transition:top .2s;
 margin:0 auto;
 position:fixed;
 top:0;
 width:100%;
 height:55px;
 z-index:10;
 -webkit-font-smoothing:antialiased;
 border-bottom-style:solid;
 border-bottom-width:1px
}
.headerWrapper {
 max-width:1800px;
 height:100%;
 display:flex;
 flex-flow:row wrap;
 justify-content:space-between;
 padding:0 10px;
 margin:auto;
 position:relative
}
.header a {
 flex-wrap:nowrap;
 display:flex;
 text-decoration:none;
 color: white;
}
.header h1 {
 flex-wrap:nowrap;
 display:flex;
 align-items:center;
 flex:1 1 auto;
 float:left;
 margin:0;
 padding:0
}
.header h1 img {
 display:block;
 margin:auto;
 height:100%
}
.header h2 {
 flex-wrap:nowrap;
 display:flex;
 align-items:center;
 flex:1 1 auto;
 margin:0;
 height:100%;
 padding-left:10px
}
.header h2 span {
 vertical-align:top;
 font:normal 12px/15px title,helvetica,sans-serif;
 text-transform:uppercase
}
.header nav {
 text-align:right;
 justify-content:flex-end;
 flex-wrap:nowrap;
 display:flex;
 align-items:center;
 flex:1 1 auto;
 height:100%;
 text-transform:uppercase;
 text-decoration:none;
 font:16px/28px latoblack,helvetica,sans-serif
}
.headerLogin {
 border-top-style:solid;
 border-top-width:0
}
@media (min-width:701px) {
.headerLogin>a {
 margin-right:20px;
 height: 36px;
 vertical-align: middle;
 padding: 0px 10px;
 border: 1px solid #277eff;
 font-size: 16px;
 font-weight: bold;
 line-height: 36px;
 text-transform: uppercase;
 letter-spacing: 1px;
 text-decoration: none;
 background: transparent none repeat scroll 0% 0%;
 color: white;
}  
  .headerLogin>a:hover {
	background: #277eff none repeat scroll 0% 0%;
	color: rgb(0, 0, 0);
}
}

.headerJoin {
  \.eLpUJW\ \{\ height: 36px;
  vertical-align: middle;
  padding: 0px 10px;
  border: 1px solid transparent;
  font-size: 16px;
  font-weight: bold;
  line-height: 36px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  background: rgba(0, 0, 0, 0) linear-gradient(rgb(226, 0, 134) 1%, rgb(9, 198, 205)) repeat scroll 0% 0%;
  color: rgb(0, 0, 0);
  margin-right: 10px;
}
@media (max-width:700px) {
 .headerContainer {
  margin-top:81px;
 }
 .header {
  height:auto;
 }
 .headerWrapper {
  padding:0;
  height:auto;
  justify-content:center;
  flex-direction:column
 }
 .headerWrapper>a {
  padding:10px 0;
  height:50px
 }
 .header h2 {
  display:none
 }
 .header nav {
  flex-wrap:nowrap;
  display:flex;
  flex:1 1 auto;
  width:100%;
  justify-content:space-between;
  align-items:stretch
 }
 .headerLogin {
  font:22px/1 latoregular,helvetica,sans-serif;
  align-items:center;
  border-top-width:1px
 }
 .headerJoin,
 .headerLogin {
  width:50%;
  margin:0;
  text-align:center;
  display:flex;
  justify-content:center;
 }
 .headerJoin {
  padding:3px;
  border-radius:0
 }
 .headerJoin a {
  font:22px/1 latoregular,helvetica,sans-serif;
  max-width:200px
 }
}