@charset "UTF-8";

.wrapper {
  min-height: 100%;
  position: relative;
  cursor:url('../../images/pointer.png'), auto;
}

.downcontent {
  text-align: center;
}

.button {
  padding: 1em 0 4em 0;
  font-family:'Montserrat',sans-serif;
  color: rgba(255, 255, 255, 1.0);
  text-decoration: none;
  cursor:url('../../images/hand_pointer.png'), auto;
  text-shadow:
        0px 0px 0 #000,
        -1px -1px 0 #000,  
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}

.icon{
  width:90%;
  height:90%;
  margin:auto;
  display:block;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  -o-transition:all 0.4s ease;
  transition:all 0.4s ease;
  text-align:center;
}

.icon:hover{
  -webkit-transform:translate(0px,10px) scale:(0.25);
  -moz-transform:translate(0px,10px) scale:(0.25);
  -o-transform:translate(0px,10px) scale:(0.25);
  transform:translate(0px,-20px) scale(1.1,1.1);
  color:rgba(204,0,204,1);
  cursor:url('../../images/hand_pointer.png'), auto;
}

.icons {
    cursor: default;
	list-style: none;
	padding-left: 0;
    display: inline-block;
    text-align: center;
}

.icons li{
  float: left;
}

.upanimation {
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.downanimation {
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.advert  p {
  font-family:'Montserrat',sans-serif;
  text-align: center;
  color: rgba(255, 255, 255, 1.0);
  font-size: 16px;
  border: solid 2px rgba(255, 255, 255, 0.0);
  background-color: rgba(0, 0, 0, 0.6);
  display: block;
  border-radius: 5px;
  margin: auto;
  margin-top: 10px;
  width: 25%;
  padding: 5px 0 5px 0;
}

.logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  -webkit-animation-duration:5s;
  animation-duration:5s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-name:pulse;
  animation-name:pulse;
}

@-webkit-keyframes pulse{
  from{
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
  }50%{
    -webkit-transform:scale3d(1.05,1.05,1.05);
    transform:scale3d(1.05,1.05,1.05);
  }to{
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
  }
}

@keyframes pulse{
  from{
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
  }50%{
    -webkit-transform:scale3d(1.05,1.05,1.05);
    transform:scale3d(1.05,1.05,1.05);
  }to{
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
  }
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
}