@font-face {
  font-family: 'Cinderblock';
  src: url('cinderblock/Cinderblock-75.eot');
  src: url('cinderblock/Cinderblock-75.eot?#iefix') format('embedded-opentype'), url('cinderblock/Cinderblock-75.woff') format('woff'), url('cinderblock/Cinderblock-75.ttf') format('truetype'), url('cinderblock/Cinderblock-75.svg#Cinderblock75') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('graphik/Graphik-Light.eot');
  src: url('graphik/Graphik-Light.eot?#iefix') format('embedded-opentype'), url('graphik/Graphik-Light.woff') format('woff'), url('graphik/Graphik-Light.ttf') format('truetype'), url('graphik/Graphik-Light.svg#Graphik') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SpaceMono';
  src: url('spacemono/SpaceMono-Regular.eot');
  src: url('spacemono/SpaceMono-Regular.eot?#iefix') format('embedded-opentype'), url('spacemono/SpaceMono-Regular.woff') format('woff'), url('spacemono/SpaceMono-Regular.ttf') format('truetype'), url('spacemono/SpaceMono-Regular.svg#Spacemono') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*********************************************
 * GLOBAL STYLES
 *********************************************/

.reveal {
  font-family: 'Cinderblock', sans-serif;
  font-size: 36px;
  background: #222;
}
::selection {
  color: white;
  background: #00AEEF;
  text-shadow: none;
}
#logo {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  max-width: 300px;
  z-index:1000;
}
#logo img {
  width: 100%;
}
/*********************************************
 * HEADERS
 *********************************************/

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  font-family: 'Cinderblock', sans-serif;
  font-size: 125px;
  margin: 0 0 20px 0;
  color: #FFF;
  z-index: 20;
  position: relative;
}
.reveal h1 {
  font-size: 150px;
  text-shadow: 0 0 0 #000;
  color:#FFFFFF!important;
}
/*********************************************
 * CONTENT
 *********************************************/
.reveal .slides>section>section {
  margin-top: 9%;
}
.reveal .subtitle {
  font-family: 'Graphik', sans-serif;
  font-size: 20px;
  z-index: 20;
  position: relative;
}
.reveal .with-background {
  color: #000;
  background: #fff;
  padding: 0 25px 25px;
}
.reveal .with-top {
  margin-top: -10px;
  z-index: 2;
}
.reveal .stats {
  margin-top: 25px;
}
.reveal .stats .first {
  font-family: 'Cinderblock', sans-serif;
  color: #FFF;
  font-size: 200px;
}
.reveal .stats .second {
  font-family: 'Graphik', sans-serif;
  color: #FFF;
  font-size: 50px;
  margin-top: -20px;
}
.reveal .stats .blue {
  color: #0032FA;
}
.reveal .stats .black {
  color: #000;
}
.reveal p {
  font-size: 36px;
  font-family: 'Cinderblock', sans-serif;
  color: #FFF;
}
.reveal blockquote {
  font-size: 0.6em;
  font-family: 'Cinderblock', sans-serif;
  color: #FFF;
  background: rgba(0,0,0,0.2);
  line-height: 38px;
  margin-top: 10px;
}
.reveal .author {
  display: block;
  font-size: 0.7em;
  color: #FFF;
}
/*********************************************
 * LINKS
 *********************************************/
.reveal a:hover {
  color: #CCC!important;
}
.reveal a:not(.image) {
  color: #FFFFFF;
  text-decoration: none;
  -webkit-transition: color .15s ease;
  -moz-transition: color .15s ease;
  -ms-transition: color .15s ease;
  -o-transition: color .15s ease;
  transition: color .15s ease;
}
.reveal a:not(.image):hover {
  text-shadow: none;
  border: none;
}
.reveal .roll span:after {
  color: #fff;
  background: #0d99a5;
}
/*********************************************
 * IMAGES
 *********************************************/

.reveal section img {
  margin: 15px 0px;
  max-width: 300px;
}
.reveal a:hover img {
  cursor: pointer;
}
/*********************************************
 * NAVIGATION CONTROLS
 *********************************************/

.reveal .controls div.navigate-left,
.reveal .controls div.navigate-left.enabled {
  border-right-color: #13daec;
}
.reveal .controls div.navigate-right,
.reveal .controls div.navigate-right.enabled {
  border-left-color: #13daec;
}
.reveal .controls div.navigate-up,
.reveal .controls div.navigate-up.enabled {
  border-bottom-color: #13daec;
}
.reveal .controls div.navigate-down,
.reveal .controls div.navigate-down.enabled {
  border-top-color: #13daec;
}
.reveal .controls div.navigate-left.enabled:hover {
  border-right-color: #71e9f4;
}
.reveal .controls div.navigate-right.enabled:hover {
  border-left-color: #71e9f4;
}
.reveal .controls div.navigate-up.enabled:hover {
  border-bottom-color: #71e9f4;
}
.reveal .controls div.navigate-down.enabled:hover {
  border-top-color: #71e9f4;
}

.reveal .color-white {
  color: #fff;
  opacity: 1;
}

.reveal .color-blue {
  color: #0032FA;
  opacity: 1;
}

.reveal .color-black {
  color: #000;
  opacity: 1;
}
.reveal .rate {

}

.reveal .rate > img {
  margin: 0;
  display: inline-block;
  width: 20px;
}
.reveal .btn-share {
  margin-top: 20px;
}
.reveal .btn-share > a {
  font-family: 'SpaceMono', sans-serif;
  font-size: 15px;
  color: #FFF;
  background-color: #0032fa;
  border: 1px solid #0032fa;
  padding: 15px 25px;
  cursor: pointer;
  border-radius: 25px;
  -webkit-transition: color .3s cubic-bezier(.455,.03,.515,.955),border-color .3s cubic-bezier(.455,.03,.515,.955),opacity .3s cubic-bezier(.455,.03,.515,.955),background-color .3s cubic-bezier(.455,.03,.515,.955),-webkit-transform .3s cubic-bezier(.455,.03,.515,.955);
  transition: color .3s cubic-bezier(.455,.03,.515,.955),border-color .3s cubic-bezier(.455,.03,.515,.955),opacity .3s cubic-bezier(.455,.03,.515,.955),background-color .3s cubic-bezier(.455,.03,.515,.955),-webkit-transform .3s cubic-bezier(.455,.03,.515,.955);
  transition: color .3s cubic-bezier(.455,.03,.515,.955),border-color .3s cubic-bezier(.455,.03,.515,.955),opacity .3s cubic-bezier(.455,.03,.515,.955),background-color .3s cubic-bezier(.455,.03,.515,.955),transform .3s cubic-bezier(.455,.03,.515,.955);
  transition: color .3s cubic-bezier(.455,.03,.515,.955),border-color .3s cubic-bezier(.455,.03,.515,.955),opacity .3s cubic-bezier(.455,.03,.515,.955),background-color .3s cubic-bezier(.455,.03,.515,.955),transform .3s cubic-bezier(.455,.03,.515,.955),-webkit-transform .3s cubic-bezier(.455,.03,.515,.955);
}

.reveal .btn-share > a:hover {
  background-color: #fFF !important;
  color: #0032fa !important;
  border: 1px solid #0032fa !important;
}
/*********************************************
 * PROGRESS BAR
 *********************************************/

.reveal .progress {
  background: rgba(255,255,255, 0.4);
}
.reveal .progress span {
  background: #FFF;
  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
  -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
  -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
}
/*********************************************
 * SLIDE NUMBER
 *********************************************/

.reveal .slide-number {
  color: #13daec;
}


@media screen and (max-width: 900px) {
  .reveal .slides>section>section {
    margin-top: 1%;
  }
  .reveal .subtitle {
    font-size: 1em;
  }
  .reveal .stats .second {
    margin-top: 5px;
  }
  .reveal .btn-share {
    margin-top: 150px;
  }
  .reveal .btn-share > a {
    font-size: 1em;
    padding: 35px 70px;
  }
}