// animation slide


@font-face {
  font-family: 'Raleway-Medium';
  src: url('../fonts/Raleway-Mediumd41d.html?#iefix') format('embedded-opentype'),  url('../fonts/Raleway-Medium.woff') format('woff'), url('../fonts/Raleway-Medium.ttf')  format('truetype'), url('../fonts/Raleway-Medium.svg#Raleway-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway-Bold';
  src: url('../fonts/Raleway-Boldd41d.html?#iefix') format('embedded-opentype'),  url('../fonts/Raleway-Bold.woff') format('woff'), url('../fonts/Raleway-Bold.ttf')  format('truetype'), url('../fonts/Raleway-Bold.svg#Raleway-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
.text h1{
  font-family: 'Raleway-Bold';
  font-size:35px;
  color:#FFF;
  text-transform:uppercase;
  padding:0 0 0 0;
  margin:0 0 0 0;
  line-height:100%;
  width:600px;
  text-align: left;
}
.text h2{
  font-size:28px;
  color:#FFF;
  text-transform:none;
  font-weight:200;
  padding:0 0 0 0;
  margin:0 0 0 0;
  width:600px;
  text-align: left;
  
}
.slideshow{
  margin-left:auto;
  margin-right:auto;
  width: 100%;
  min-height:550px;
}
.slides{
  position:absolute; 
}

.slideshow1{
  background:url(../images/Bulbback.png);
  width: 100%;
  min-height:550px;
}
.slideshow2{
  background:url(../images/Mapback.png);
  width: 100%;
  min-height:550px;
}
.slideshow3{
  background:url(../images/Brainback.png);
  width: 100%;
  min-height:550px;
}
.slideshow4{
  background:url(../images/Timeback.png);
  width: 100%;
  min-height:550px;
}
.slideshow5{
  background:url(../images/Gearback.png);
  width: 100%;
  min-height:550px;
}
#timerm{
  -moz-transition: transform 1s;
  -webkit-transition: transform 1s;
  transition: transform 1s;
  width:400px; height:400px;
  position:absolute;
}


#gearg1
{
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         6s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
  -moz-animation-name:             rotate; 
    -moz-animation-duration:         6s; 
    -moz-animation-iteration-count:  infinite;
    -moz-animation-timing-function: linear;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to { 
    -moz-transform: rotate(360deg);
  }
}

#gearg2
{
    -webkit-animation-name:             rotate2; 
    -webkit-animation-duration:         6s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
  -moz-animation-name:             rotate2; 
    -moz-animation-duration:         6s; 
    -moz-animation-iteration-count:  infinite;
    -moz-animation-timing-function: linear;
}
@-webkit-keyframes rotate2 {
  from {
    -webkit-transform: rotate(360deg);
  }
  to { 
    -webkit-transform: rotate(0deg);
  }
}
@-moz-keyframes rotate2 {
  from {
    -moz-transform: rotate(360deg);
  }
  to { 
    -moz-transform: rotate(0deg);
  }
}
.bulbback {
  width: 1000px;
  height:450px;
  padding-top:50px;
  position:absolute;
  left:50%; margin-left:-450px;
  overflow:hidden
}
/*neeeeoooon*/

.bulb {
  text-decoration: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; display:none; 
}
.sqlarge{
  position:absolute; font-size:23px;  
}
.sqmed{
  position:absolute; font-size: 15px;
}
.sqsmall{
  position:absolute; font-size: 10px;  
}
.sqdb{
  position:absolute; font-size: 7px;
}
.sqlarge:before,.sqmed:before,.sqsmall:before,.sqdb:before{
  
  content: '■'
}

.heading-txt1{
  font-size: 24px;
  line-height: 35px;
}


.sqlarge {
  color:#fff;
  -webkit-animation: neon1 0.5s ease-in-out infinite alternate;
  -moz-animation: neon1 0.5s ease-in-out infinite alternate;
  animation: neon1 0.5s ease-in-out infinite alternate;
}

.sqmed {
  color: #fff;
  -webkit-animation: neon1 0.5s ease-in-out infinite alternate;
  -moz-animation: neon1 0.5s ease-in-out infinite alternate;
  animation: neon1 0.5s ease-in-out infinite alternate;
}

.sqsmall {
  color: #fff;
 -webkit-animation: neon1 0.5s ease-in-out infinite alternate;
  -moz-animation: neon1 0.5s ease-in-out infinite alternate;
  animation: neon1 0.5s ease-in-out infinite alternate;
}

.sqdb {
  color: #fff;
-webkit-animation: neon1 0.5s ease-in-out infinite alternate;
  -moz-animation: neon1 0.5s ease-in-out infinite alternate;
  animation: neon1 0.5s ease-in-out infinite alternate;
}

/*p:nth-child(1) span:hover {
  color: #FF1177;
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}*/


/*glow for webkit*/

@-webkit-keyframes neon1 {
  from {
    text-shadow: 0 0 0px #fff, 0 0 20px #fff, 0 0 40px #fff;
  opacity:0.8;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff, 0 0 35px #fff, 0 0 40px #fff;
  opacity:1;
  }
}

/*glow for mozilla*/

@-moz-keyframes neon1 {
  from {
    text-shadow: 0 0 5px #fff,0 0 10px #fff,0 0 20px #fff,0 0 40px #fff;
  opacity:0.8;
  }
  to {
    text-shadow: 0 0 5px #fff,0 0 10px #fff,0 0 20px #fff,0 0 40px #fff;
  opacity:1;
  }
}


/*glow*/

/*@keyframes neon1 {
  from {
    text-shadow: 0 0 0px #fff, 0 0 20px #fff, 0 0 40px #fff;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff, 0 0 35px #fff, 0 0 40px #fff, 0 0 50px #fff, 0 0 75px #fff;
  }
}*/