#sequence-theme {
  height: 390px;
  overflow: hidden;
  position: relative;
  width:100%;
  border:0;
  -webkit-backface-visibility: hidden;
  background:rgba(0,0,0,1.00);
  background:#000;
  /* prevent graphical glitches in WebKit browsers when using transitions */
  /*when in fallback mode (for browsers that don't support transitions) hide anything outside of the Sequence container*/
  /* Preloader */
  /* !Preloader */
  /* Frame Animations */
  /* !Frame Animations */
}
#sequence-theme #sequence {
  height: 390px;
  position: relative;
  margin:0 auto;
  top: 0;
  width: 940px;
  overflow:visible!important;
  border:0;
}

#sequence-theme #sequence > img{
	border:none;
}

#sequence-theme #sequence ul{
	list-style:none;
	border:none;
}

#sequence-theme #sequence.sequence-fallback {
  overflow: hidden;
}

#sequence-theme #sequence-preloader {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 999999;
}
#sequence-theme #sequence-preloader img {
  background: #309ebc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  display: inline-block;
  height: 12px;
  opacity: 0;
  position: relative;
  top: -50%;
  width: 12px;
  -webkit-animation: preload 1s infinite;
  -moz-animation: preload 1s infinite;
  -ms-animation: preload 1s infinite;
  -o-animation: preload 1s infinite;
  animation: preload 1s infinite;
}
#sequence-theme #sequence-preloader .preloading {
  height: 12px;
  margin: 0 auto;
  top: 50%;
  position: relative;
  width: 48px;
}
#sequence-theme #sequence-preloader img:nth-child(2) {
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay: 0.15s;
  -ms-animation-delay: 0.15s;
  -o-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
#sequence-theme #sequence-preloader img:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
#sequence-theme #sequence-preloader .preloading-complete {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}


#sequence-theme a{
	display:block;
	border:none;
	margin:0;
	padding:0;
}

/*********************** 
SLIDER 1
**************************/

#sequence-theme .bgslide1 {
  left: -490px;
  opacity: 0;
  position: relative;
  top: 0px;
  max-width:1920px !important;
  width:1920px!important;
  height:393px;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
  border:0;
}
#sequence-theme .animate-in .bgslide1 {
  opacity: 1;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}
#sequence-theme .animate-out .bgslide1 {
  opacity: 0;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

#sequence-theme .intro {
  position: absolute;
  right:-800px;
  top: 0;
  width: 460px;
  height:100%;
  padding:20px;
  border:0;
  font-family: 'Lato', sans-serif;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}

#sequence-theme .intro h1{
	font-family: 'Lato', sans-serif;
	color:#fff;
	font-size:60px;
	text-transform:uppercase;
	margin:50px 0 10px;
	line-height:1em;
	border:0;
}

#sequence-theme .intro p{
	font-size:16px;
	color:#fff;
	border:0;
}

#sequence-theme .icon1 {
  position: absolute;
  left:-200px;
  top: 140px;
  width: 313px;
  height:245px;
  opacity: 0;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
#sequence-theme .animate-in .icon1 {
  top: 140px;
  left:85px;
  opacity: 1;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

#sequence-theme .animate-out .icon1 {
  opacity: 0;
  top: 140px;
  left:-200px;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

#sequence-theme .icon2 {
  position: absolute;
  left:-600px;
  top: 240px;
  width: 249px;
  height:144px;
  opacity: 0;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}
#sequence-theme .animate-in .icon2 {
  left:-30px;
  top: 240px;
  opacity: 1;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}

#sequence-theme .animate-out .icon2 {
  opacity: 0;
  left:-600px;
  top: 240px;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}


#sequence-theme .icon3 {
  position: absolute;
  left:100px;
  top: -150px;
  width: 54px;
  height:77px;
  opacity: 0;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}
#sequence-theme .animate-in .icon3 {
  top: 100px;
  opacity: 1;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

#sequence-theme .animate-out .icon3 {
  opacity: 0;
  top: -150px;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}




#sequence-theme .animate-in .intro {
  top:0;
  right:0px;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}

#sequence-theme .animate-out .intro {
  opacity: 0;
  top: 0;
  right:-800px;
  margin-left:25%;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}


/*********************** 
SLIDER 2
**************************/

#sequence-theme .bgslide2 {
  left: -490px;
  opacity: 0;
  position: relative;
  top: 0px;
  width:1920px!important;
  height:800px;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}
#sequence-theme .animate-in .bgslide2 {
  opacity: 1;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}
#sequence-theme .animate-out .bgslide2 {
  opacity: 0;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

#sequence-theme .software {
  position: absolute;
  left:-400px;
  top: 20px;
  width: 230px;
  height:300px;
  opacity:0;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}
#sequence-theme .animate-in .software {
  top:20px;
  left:100px;
  opacity:1;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

#sequence-theme .animate-out .software {
  opacity: 0;
  top: 20px;
  left:-400px;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}



#sequence-theme .modem {
  position: absolute;
  left:-1000px;
  top: 250px;
  width: 176px;
  height:105px;
  opacity:0;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}
#sequence-theme .animate-in .modem {
  top:250px;
  left:0px;
  opacity:1;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

#sequence-theme .animate-out .modem {
  opacity: 0;
  top: 250px;
  left:-1000px;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

#sequence-theme .wrench {
  position: absolute;
  left:300px;
  top: -200px;
  width: 250px;
  height:169px;
  opacity:0;
  color:#FFF;
  font-size:120px;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}
#sequence-theme .animate-in .wrench {
  top:180px;
  left:290px;
  opacity:1;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

#sequence-theme .animate-out .wrench {
  opacity: 0;
  top: -200px;
  left:300px;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

#sequence-theme .gps {
  position: absolute;
  left:150px;
  top: -200px;
  width: 160px;
  height:91px;
  opacity:0;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}
#sequence-theme .animate-in .gps {
  top:270px;
  left:150px;
  opacity:1;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

#sequence-theme .animate-out .gps {
  opacity: 0;
  top: -200px;
  left:150px;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

#sequence-theme .gsm {
  position: absolute;
  left:150px;
  top: -200px;
  width: 131px;
  height:50px;
  opacity:0;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}
#sequence-theme .animate-in .gsm {
  top:270px;
  left:325px;
  opacity:1;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

#sequence-theme .animate-out .gsm {
  opacity: 0;
  top: -200px;
  left:150px;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}



#sequence-theme .intro2 {
  position: absolute;
  right:-800px;
  top: 0;
  width: 460px;
  height:100%;
  padding:20px;
  font-family: 'Lato', sans-serif;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}

#sequence-theme .intro2 h1{
	font-family: 'Lato', sans-serif;
	color:#fff;
	font-size:60px;
	text-transform:uppercase;
	margin:50px 0 10px;
	line-height:1em;
}

#sequence-theme .intro2 p{
	font-family: 'Lato', sans-serif;
	font-weight:300 !important;
	font-size:24px;
	color:#fff;
	line-height:1.2em;
}

#sequence-theme .intro2 .promo{
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	border-radius:0;
	width:360px;
	padding:15px 0;
	text-align:center;
	color:#00ADD1;
}

#sequence-theme .intro2 .promo:hover span{
	color:#00ADD1;
}

#sequence-theme .intro2 .promo span{
}

#sequence-theme .intro2 .promo .promo1{
	font-size:30px;
	line-height:1em;
	margin:0;
	text-align:center;
	font-weight:700;
}
#sequence-theme .intro2 .promo .promo2{
	font-size:32px;
	line-height:1em;
	margin:0;
	text-align:center;
	font-weight:700;
}
#sequence-theme .intro2 .promo .promo3{
	font-size:22px;
	line-height:1em;
	margin:0;
	text-align:center;
	font-weight:300;
}

#sequence-theme .animate-in .intro2 {
  top:0;
  right:0px;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}

#sequence-theme .animate-out .intro2 {
  opacity: 0;
  top: 0;
  right:-800px;
  margin-left:25%;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

/*********************** 
SLIDER 3
**************************/

#sequence-theme .bgslide3 {
  left: -490px;
  opacity: 0;
  position: relative;
  top: 0px;
  width:1920px!important;
  height:390px;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}
#sequence-theme .animate-in .bgslide3 {
  left: -490px;
  opacity: 1;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}
#sequence-theme .animate-out .bgslide3 {
  left: -490px;
  opacity: 0;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

#sequence-theme .imac {
  position: absolute;
  left:-400px;
  top: 20px;
  width: 308px;
  height:325px;
  opacity:0;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}
#sequence-theme .animate-in .imac {
  top:20px;
  left:508px;
  opacity:1;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

#sequence-theme .animate-out .imac {
  opacity: 0;
  top: 20px;
  left:-400px;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}


#sequence-theme .iphone {
  position: absolute;
  right:-400px;
  top: 150px;
  width: 97px;
  height:200px;
  opacity:0;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}
#sequence-theme .animate-in .iphone {
  top:150px;
  right:100px;
  opacity:1;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

#sequence-theme .animate-out .iphone {
  opacity: 0;
  top: 150px;
  right:-400px;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}


#sequence-theme .intro3 {
  position: absolute;
  left:0px;
  top: -300px;
  width: 100%;
  font-family: 'Lato', sans-serif;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}

#sequence-theme .intro3 h1{
	font-family: 'Lato', sans-serif;
	color:#fff;
	font-size:60px;
	text-transform:uppercase;
	margin:50px 0 10px;
	line-height:1em;
}

#sequence-theme .intro3 p{
	font-family: 'Lato', sans-serif;
	font-weight:300 !important;
	font-size:24px;
	color:#fff;
	line-height:1.2em;
}
#sequence-theme .intro3:hover,
#sequence-theme .intro3:hover h1,
#sequence-theme .intro3:hover p{
	text-decoration:none;
}

#sequence-theme .animate-in .intro3 {
  top:50px;
  left:0px;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}

#sequence-theme .animate-out .intro3 {
  opacity: 0;
  top: -300px;
  left:0;
  margin-left:25%;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}



/*********************** 
SLIDER 3
**************************/

#sequence-theme .bgslide4 {
  left: -570px;
  opacity: 0;
  position: relative;
  top: 0px;
  width:1920px!important;
  height:390px;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}
#sequence-theme .animate-in .bgslide4 {
  left: -570px;
  opacity: 1;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}
#sequence-theme .animate-out .bgslide4 {
  left: -570px;
  opacity: 0;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

#sequence-theme .cybermapa {
  position: absolute;
  left:-400px;
  top: 75px;
  width: 300px;
  height:220px;
  opacity:0;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}
#sequence-theme .animate-in .cybermapa {
  top:75px;
  left:550px;
  opacity:1;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

#sequence-theme .animate-out .cybermapa {
  opacity: 0;
  top: 75px;
  left:-400px;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}


#sequence-theme .intro4 {
  position: absolute;
  left:0px;
  top: -300px;
  width: 100%;
  font-family: 'Lato', sans-serif;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}

#sequence-theme .intro4 h1{
	font-family: 'Lato', sans-serif;
	color:#fff;
	font-size:60px;
	text-transform:uppercase;
	margin:50px 0 10px;
	line-height:1em;
}

#sequence-theme .intro4 p{
	font-family: 'Lato', sans-serif;
	font-weight:300 !important;
	font-size:24px;
	color:#fff;
	line-height:1.2em;
}

#sequence-theme .animate-in .intro4 {
  top:50px;
  left:0px;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}

#sequence-theme .animate-out .intro4 {
  opacity: 0;
  top: -300px;
  left:0;
  margin-left:25%;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}