/* ---- reset ---- */

body {
  margin: 0;
  font: normal 75% Arial, Helvetica, sans-serif;
}

canvas {
  display: block;
  vertical-align: bottom;
}


/* ---- particles.js container ---- */

#particles-js {
  position: absolute;
  width: 300px;
  height: 250px;

  background-size: cover;
  background-position: 50% 50%;
    opacity: 1;

}

#bg {
    position: absolute;
    width: 300px;
    height: 250px;
    overflow: hidden;
    top: 0px;
    left: 0px;
    opacity: 0;
    /*    background-color: #000000;*/
    background-image: url("../images/bg.png");
    background-repeat: no-repeat;
     transition: ease-out 1.5s opacity;
    -webkit-transition: ease-out 1.5s opacity;
    -moz-transition: ease-out 1.5s opacity;
    -o-transition: ease-out 1.5s opacity;
    -ms-transition: ease-out 1.5s opacity;
}

#video_holder {
    position: absolute;
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
    visibility: visible;
    opacity: 1;
    background-color: #000000;
/*
    transition: ease-out 1.5s opacity;
    -webkit-transition: ease-out 1.5s opacity;
    -moz-transition: ease-out 1.5s opacity;
    -o-transition: ease-out 1.5s opacity;
    -ms-transition: ease-out 1.5s opacity;
*/
/*    display: none;*/
}


#main_video {
    position: absolute;
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
    visibility: visible;
    opacity: 1;
    background-color: #000000;
/*
    transition: ease-out 1.5s opacity;
    -webkit-transition: ease-out 1.5s opacity;
    -moz-transition: ease-out 1.5s opacity;
    -o-transition: ease-out 1.5s opacity;
    -ms-transition: ease-out 1.5s opacity;
*/
/*    display: none;*/
}

#ad_cont {
    position: absolute;
    width: 300px;
    height: 250px;
    overflow: hidden;
    top: -1px;
    left: -1px;
    opacity: 1;
      cursor: pointer;
    
    

}

#spk_logo {
    position: absolute;
    width: 300px;
    height: 250px;
    overflow: hidden;
    top: 0px;
    left: 0px;
    opacity: 0;
      background-image: url("../images/cont.png");
  background-repeat: no-repeat;
         transition: ease-out 3.5s opacity;
    -webkit-transition: ease-out 3.5s opacity;
    -moz-transition: ease-out 3.5s opacity;
    -o-transition: ease-out 3.5s opacity;
    -ms-transition: ease-out 3.5s opacity;
    

}

#black {
    position: absolute;
    width: 300px;
    height: 250px;
    overflow: hidden;
    top: 0px;
    left: 0px;
    opacity: 1;
background-color: #000000;
  background-repeat: no-repeat;
/*
         transition: ease-out 3.5s opacity;
    -webkit-transition: ease-out 3.5s opacity;
    -moz-transition: ease-out 3.5s opacity;
    -o-transition: ease-out 3.5s opacity;
    -ms-transition: ease-out 3.5s opacity;
    
*/

}

#border {
    position: absolute;
    width: 298px;
    height: 248px;
    overflow: hidden;
    top: 0px;
    left: 0px;
    opacity: 1;
    border: 1px solid #000000;
}




#square {
  position: absolute;
  width: 4px;
  height: 4px;
    top: 0px;
        left: 0px;
  background-color: #ffffff;
  
  background-repeat: no-repeat;
    display: none;

}

/* ---- stats.js ---- */