@import url(animate.min.css);
@import url(//fonts.googleapis.com/css?family=Cinzel:400,700,900);
@import url(simple-line-icons.css);
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
body,
html {
  height: 100%; }

body {
  font-family: "proxima-nova", sans-serif;
  background: #202020; }

h1,
h2,
h3,
h4,
h5 {
  font-family: "proxima-nova", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn {
  font-family: "proxima-nova", sans-serif;
  text-transform: uppercase; }

wrap {
  float: left;
  height: auto;
  width: 100%;
  position: relative;
  left: 0;
  z-index: 999;
  -webkit-box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.41);
  -moz-box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.41);
  box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.41);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  wrap.open {
    left: -240px;
    top: 0;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
		transition: all 0.6s ease; }
		


/* Content Blocks */
block {
  position: relative;
  height: auto;
  width: 100%;
  float: left; }
  block overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
	z-index: 2;
    background: url("/media/fplfa1h3/black-trans-top.png") bottom left no-repeat;
    background-size: cover; }
    block overlay.bottom {
      background: url("/media/q0wopjzv/black-trans-bottom.png") bottom left no-repeat; }
  block video-holder {
    width: 100%;
    height: auto;
    float: left;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }

block.homepage {
  background: url("/media/5bfopjrv/bg.jpg") center center no-repeat;
  background-size: cover;
  height: 100%; }

block.content {
  background: url("/media/5bfopjrv/bg.jpg") center center no-repeat;
  background-size: cover;
  min-height: 100%;
  color: #DDD;
  padding-top: 140px;
  padding-bottom: 50px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "proxima-nova", sans-serif;
  color: #FFF;
  font-size: 18px;
  line-height: 25px; }
block.content a{
	color: #e7b671;
	text-decoration: underline;
}
  block.content h1 {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    margin-bottom: 20px; }
  block.content overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
	z-index: 1;
    background: url("/media/ce1lhf5f/content-bg.png") !important; }

block.credits {
  padding: 50px 0;
  background: #121212;
  text-align: center !important; }
  block.credits img {
    width: 100%;
    max-width: 767px;
    height: auto;
    margin: auto 0; }

/* top menu */
top-nav {
  width: 100%;
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  height: 100px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 9999999; }
  top-nav.cpage {
    background: url("/media/eiopoxkm/top-menu-bg.png");
    border-bottom: solid 1px #333; }
  top-nav .burger {
	  display:none;
    float: right;
    height: 80px;
    width: 60px;
    background: url("/media/msllx0t3/burger.png") center center no-repeat;
    position: absolute;
    top: 10px;
    right: 20;
    z-index: 9999999;
    cursor: pointer; }
    top-nav .burger.open {
      background: url("/media/xusjgqe4/close.png") center center no-repeat; }
  top-nav.small {
    height: 65px; }
  top-nav .logo {
    float: left;
    height: 80px;
    width: auto;
    z-index: 9999999; }
    top-nav .logo img {
      float: left;
      height: 100%;
      width: auto; }
  top-nav ul {
    float: right;
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 80px;
    height: 80px; }
    top-nav ul li {
      float: left;
      line-height: inherit;
      height: inherit;
      margin-left: 20px; }
      top-nav ul li a {
        line-height: 40px;
        color: #DDD;
        float: left;
        height: 40px;
        margin-top: 20px;
        font-family: "proxima-nova", sans-serif;
        font-size: 15px !important;
        text-decoration: none;
        font-weight: 500;
        text-shadow: 1px 1px 1px #444;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        border-top: solid 1px transparent;
        border-bottom: solid 1px transparent; }
        top-nav ul li a:hover {
          color: #FFF !important;
          text-shadow: 1px 1px 1px #222;
          text-decoration: none !important;
          border-top: solid 1px #f9f9f9;
          border-bottom: solid 1px #f9f9f9;
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease; }

/* side nav for mobile */
side-nav {
  position: fixed;
  right: -240px;
  top: 0;
  background: url("/media/nsspnih0/side-nav-bg.png") top left no-repeat #141416;
  width: 240px;
  height: 100%;
  z-index: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
side-nav.inview{
	right: 0px;
}
  side-nav .logo {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 20px;
    padding-top: 25px;
    padding-left: 10px;
    padding-right: 10px; }
    side-nav .logo img {
      width: 100%;
      float: left;
      height: auto; }
  side-nav ul {
    width: 100%;
    height: auto;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0; }
    side-nav ul li {
      float: left;
      height: auto;
      width: 100%; }
      side-nav ul li a {
        width: 100%;
        padding: 10px 20px;
        float: left;
        font-weight: 300;
        color: #DDD;
        text-align: center;
        font-size: 14px;
        letter-spacing: 0.15rem; }
        side-nav ul li a:hover {
          color: #FFF; }
side-nav ul li a span{
	width: 100%;
	text-align:center;
}
/* Contributor Grid Styles */
.grid {
  width: 100%;
  float: left;
  height: auto; }

/*
#grid[data-columns]::before {
  content: '4 .column.size-1of4'; }
*/

grid-block {
  float: left;
  height: auto;
  width: calc(100% - 30px);
  -webkit-box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.02);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #595959;
  margin: 15px;
  position: relative;
  overflow-x: hidden; }
  grid-block img {
    width: 100%;
    float: left;
    height: auto;
    position: relative; }
  grid-block shadow {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: url("/media/cvzl1fkz/contri-overlay.png") bottom right no-repeat;
    background-size: contain; }
  grid-block content {
    float: left;
    font-family: "proxima-nova", sans-serif !important;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding: 15px;
    text-shadow: 2px 2px 2px #000; }
    grid-block content h2 {
      width: 100%;
      padding: 0;
      margin: 0 0 10px;
      font-size: 16px;
      color: #FFF;
      font-weight: bold;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      letter-spacing: 0.04rem; }
    grid-block content p {
      font-size: 14px;
      color: #FFF;
      line-height: 22px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  grid-block:hover {
    -webkit-box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.23);
    box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.123); }

.size-1of4 {
  width: 25%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease; }

.column {
  float: left;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease; }

@media (max-width: 1300px) {
  .size-1of4 {
    width: 33.3333%; }



  top-nav .burger {
    display: block; }
  top-nav ul {
    display: none; }

}
@media (max-width: 960px) {
   .size-1of4 {
    width: 50%; }

   }
@media (max-width: 820px) {
 }
@media (max-width: 650px) {
	img.team-img{
		width: 100%;
		margin-left: 0px;
		margin-bottom: 15px;
	}
}

#countdown-wrap{
    text-align: center;
    font-weight: bold;
    color: #FFF;
    background-color: #444;
    padding: 15px;
    display: inline-block;
    margin-bottom: 20px;
    border-radius: 6px;
}