@charset "UTF-8";
/* CSS Document */
/* TIMPIK new landing 10/08/2012 */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

title {
 display: none;

}	

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

blockquote {
	quotes: none;
}

blockquote:before, blockquote:after {
	content: '';
	content: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img {
	border: none;
}


body{
	margin:0px;
	padding:0px;
	background:url(../images/newlanding/backgrounds/grey-noise.jpg);
}

.clearfloat{
	clear:both;
}

/*	HEADER	*/


#superdisplay{
	margin:0px;
	padding:0px;
	width:100%;
	height:400px;
}

.carrusel{
	margin:0px;
	padding:0px;
	width:100%;
	height:400px;        
}

.carrusel1{
	background:url(../images/newlanding/carrusel/carrusel1-1440.jpg) no-repeat top center;
}

.container1000{
	margin:0px;
	width:1000px;
	height:330px;
	margin-left:auto;
	margin-right:auto;
}

.textboom{
	margin:0px;
	padding:0px;
	padding-top:170px;
	margin-left:670px;
}

.header1boom{
	margin:0px;
	padding:0px;
	color:#FFF;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:3em;
	text-shadow:0px 0px 4px #474747;
}

.textboomp{
	margin:0px;
	padding:0px;
	margin-top:10px;
	color:#FFF;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:1.2em;
	text-shadow:0px 0px 2px #474747;
}

#header{
    height: 70px;
    position: relative;
    z-index: 8;
    background:url(../images/newlanding/backgrounds/semi-transparent-grey.png);
    margin: 0 auto;    
}

.brand{
    margin: 22px 0 0;
    position: relative;
    display: inline;
}


.container1000autocenter{
    margin:0px;
    padding:0px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .9);
    display: block;
    margin: 0 auto;
    width : 1000px;
}

.logoconectamos{
	margin:0px;
	padding:0px;
	margin-left:20px;
	margin-top:10px;
	float:left;
}

.buttonlogin{
	margin:0px;
	padding:0px;
	height:35px;
	width:105px;
	background:url(../images/newlanding/backgrounds/button_login.jpg) repeat-x;
	border:1px solid #aa7e2c;
	float:right;
	margin-right:20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top:15px;
	text-align:center;
	box-shadow: 0px 0px 5px #333;
}

.buttonlogin{
    display: inline;
}

.buttonlogin a{
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:0.9em;
	text-shadow:0px 0px 2px #b27616;
	color:#FFF;
	text-decoration:none;
	line-height:35px;
}

.buttonlogin a:hover{
	text-shadow:0px 0px 2px #b27616;
	color:#fffac0;
}



/*	BOOM  */

#boombg{
    margin-top: -80px;
    margin-top: 330px\9;
}

#boombox{
        margin: 0 auto;
        margin-top: 26px;
        z-index: 5;
        position: relative;
       	width:1000px;
	height:240px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
        background: url(../images/newlanding/backgrounds/blue-degrant.jpg) repeat-x bottom #fff;
        box-shadow: -1px -1px 5px #BBB;
        -webkit-box-shadow: -1px -1px 1px #BBB;
        -moz-box-shadow: -1px -1px 1px #BBB;
}

#boomboxshadow{
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	height:25px;
	background:url(../images/newlanding/backgrounds/shadowbig.png) no-repeat top center;
}

#video{
	margin:0ppx;
	padding:0px;
	width:186px;
	height:auto;
	display:table;
	margin-left:30px;
	padding-top:40px;
	float:left;
}
#video a{
    text-decoration: none;
}

.videotextsmall{
	margin:0px;
	padding:0px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:1.1em;
/*	color:#274766;*/
        color:#8397AC;

	text-align:left;
/*	line-height:30px;*/
}

.videotextbig{
	margin:0px;
	padding:0px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:1.6em;
	color:#274766;
	text-align:center;
	line-height:30px;
}

.videolink{
	margin-top:5px;        
}

#maintext{
	margin:0px;
	padding:0px;
	width:510px;
/*	height:210px;*/
        height: auto;
	float:left;
	margin-left:20px;
	margin-top:0px;
/*	background:url(../images/newlanding/backgrounds/blue-degrant.jpg) repeat-x bottom;*/
}

#maintext p{
	font-family:Helvetica, Verdana, Arial, sans-serif;
	line-height:20px;
	color:#3d3c3c;
	text-align:justify;
	font-size:0.9em;
	margin-left:20px;
	margin-right:20px;
	margin-top: 10px;
}


#bigbuttonjoin{
	margin-left:auto;
	margin-right:auto;
	width:300px;
	margin-top:20px;
}


.bigbuttonjoin{
	margin:0px;
	padding:14px 30px 14px 30px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:0.8em;
	color:#FFF;
	line-height:60px;
	text-shadow:0px 0px 10px #a54607;
	font-weight:600;
	border:1px solid #dd5d03;
	background:url(../images/newlanding/buttons/orangebutton.jpg) repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	text-decoration:none;
}

.bigbuttonjoin a{
	color:#FFF;
	text-decoration:none;
}


.bigbuttonjoin:hover{
	color:#fff7b2;
	text-decoration:none;
}

#smartphones{
	margin:0px;
	padding:0px;
	width:200px;
	height:130px;
/*	background:url(../images/newlanding/backgrounds/blue_h.jpg) repeat-y right;*/
	float:left;
	margin-left:30px;
	margin-top:40px;
}

#smartphones p{
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:0.7em;
	margin:0px;
	padding:0px;
	color:#8397ac;
	font-weight:600;
	margin-top:0px;
	margin-left:20px;
}

#appstore{
	position:absolute;
	margin-left:20px;
	margin-top:10px;
	width:224px;
	height:90px;
}

#googleplay{
	position:absolute;
	margin-left:20px;
	margin-top:100px;
	width:224px;
	height:90px;
}

#links{
	margin:0px;
	padding:0px;
	height:auto;
	float:left;
        text-align: right;
        width: 620px;
        margin-bottom: 35px;
}

#links img{
	margin-left:15px;
	margin-right:15px;
        opacity:0.6;
        cursor: pointer;
        -webkit-transition: opacity 0.3s ease-out;
        -moz-transition: opacity 0.3s ease-out;
        -o-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out;
}

#links img.active{
    opacity: 1;
}

#linksexplanation{
        margin: 0px;
        padding: 0px;
        width: 370px;
        margin-left: 10px;
        height: auto;
        float: left;
        font-family: Helvetica, Verdana, Arial, sans-serif;
        font-size: 0.9em;
        color: #BBC6BA;
        font-style: italic;
        line-height: 20px;
        margin-bottom: 20px;
}

#linksexplanation p{
    display:none;
}

#linksexplanation p.active{
    display:block;
}


/*	SCREENSHOTS	*/

#greenbg{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	display:table;
	padding-bottom:30px;
	background:url(../images/newlanding/backgrounds/green-noise.jpg);
	box-shadow: 0px 0px 5px #000;
}

#separatenarrow{
	margin:0px;
	padding:0px;
	margin-top:-10px;
	width:47px;
	height:31px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/newlanding/backgrounds/separate-narrow.jpg);
}

#screenshotsbox{
	margin:0px;
	padding:0px;
	width:1000px;
	height:auto;
	display:table;
	margin-left:auto;
	margin-right:auto;
	background-color:#d0d8cf;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow:0px 0px 3px #59635c;
	margin-top:30px;
}

.screenshotsheader{
	margin:0px;
	padding:0px;
	width:1000px;
	height:115px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background:url(../images/newlanding/backgrounds/greenbgheader.jpg) repeat-x;
	border-bottom:1px solid #94a894;
	padding-left:20px;
}

.screenshotico{
	margin:0px;
	padding:0px;
	margin-left: 20px;
        margin-right: 20px;
	margin-top:6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #b0c7b0;
	box-shadow:1px 1px 5px #798979;
}

.screenshotsbody{
	margin:0px;
	padding:0px;
	width:1000px;
	height:auto;
	display:table;
	padding-top:20px;
	padding-bottom:20px;
}

.screenshotsbody img{
	margin-left:30px;
	margin-top:30px;
	margin-right:30px;
	float:left;
}

.screeshotstext{
	margin:0px;
	padding:0px;
	float:left;
	width:400px;
	height:300px;
	margin-top:10px;
	margin-left:15px;
}

.screenshotsbody h1{
	margin:0px;
	padding:0px;
	color:#484848;
	text-transform:uppercase;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:1.7em;
	font-weight:600;
	text-shadow:0px 0px 2px #FFF;
	line-height:30px;
}

.screenshotsbody h2{
	margin:0px;
	padding:0px;
	color:#69a335;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	line-height:25px;
}

.screenshotsbody p{
	margin:0px;
	padding:0px;
	margin-top:10px;
	color:#4a4a4a;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:0.9em;
	line-height:20px;
	text-align:justify;
}
.screenshotsbody ul li{
    list-style: circle;
    font-size: 0.9em;
    line-height: 20px;
}

#smallbuttonjoin{
	margin:0px;
	padding:0px;
	height:50px;
	width:210px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	border:1px solid #dd5d03;
	background:url(../images/newlanding/buttons/orangebutton.jpg) repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
}

#smallbuttonjoin h1{
	margin:0px;
	padding:0px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:1.2em;
	color:#FFF;
	line-height:50px;
	font-weight:600;
	text-shadow:0px 0px 5px #ab4600;
}

#smallbuttonjoin h1 a{
	color:#FFF;
	text-decoration:none;
}

.coda-nav ul li{
    display: inline;
}
.coda-nav ul {
    margin:0;
    padding:0;
}

.coda-nav ul li a{
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.coda-nav ul li a.current{
    opacity: 1;
    filter: alpha(opacity=100);
}

/*	TIMPIK PRO	*/

#timpikpro{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	display:table;
	padding-top:30px;
	padding-bottom:30px;
	background:url(../images/newlanding/backgrounds/separator-line.jpg) top repeat-x;
	margin-top:50px;
}

#timpikpro h1{
	margin:0px;
	padding:0px;
	font-size:3em;
	color:#313131;
	text-align:center;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-weight:bold;
	text-shadow:0px 0px 5px #FFF;
}

#timpikprobox{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	display:block;
	text-align:center;
	margin-top:30px;
}

#timpikprobox .timpikprosmallbox{
	margin:0px;
	padding:0px;
	width:200px;/*280px;*/
	height:auto;
	display:table;
	float:left;
	margin-left:25px;
	margin-right:25px;
}

#timpikprobox .timpikprosmallbox img{
	margin:0px;
	padding:0px;
}

#timpikprobox .timpikprosmallbox h1{
	margin:0px;
	padding:0px;
	font-size:1.6em;
	color:#313131;
	text-align:center;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	text-shadow:0px 0px 5px #FFF;
	font-weight:500;
	margin-top:20px;
        min-height:60px;
}

#timpikprobox .timpikprosmallbox p{
	margin:0px;
	padding:0px;
	font-size:1em;
	color:#727272;
	text-align:center;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	margin-top:10px;
	line-height:24px;
        min-height:74px;
}

.greenbutton{
	margin:0px;
	padding:0px;
	height:45px;
	width:195px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	border:1px solid #77ab59;
	background:url(../images/newlanding/buttons/green_button.jpg) repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
}

.greenbutton h2{
	margin:0px;
	padding:0px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:1em;
	color:#FFF;
	line-height:45px;
	text-shadow:0px 0px 5px #4d8e28;
}

.greenbutton h2 a{
	color:#FFF;
	text-decoration:none;
}

.greenbutton h2 a:hover{
	color:#f7ffa0;
	text-decoration:none;
}

#footer{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#footer ul{
	margin:0px;
	padding:0px;
	margin-top:20px;
}

#footer ul li{
	margin:0px;
	padding:0px;
	color:#cfcfcf;
	display:inline;
	margin-left:20px;
	margin-right:20px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:0.8em;
}


#footer ul li a{
	color:#cfcfcf;
	text-decoration:none;
}

#footer ul li a:hover{
	color:#cfcfcf;
	text-decoration:underline;
}


#footer p{
	margin:0px;
	padding:0px;
	color:#696969;
	margin-top:30px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:0.8em;
	line-height:20px;
	margin-bottom:20px;
}

#footer p a{
	color:#ccddca;
	text-decoration:none;
}

#footer p a:hover{
	color:#ccddca;
	text-decoration:none;
}

.ui-widget {
    font-size: 1.1em;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #FAD42E;
    background: #FBEC88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
    color: #363636;
}

/*** CAROUSEL ***/
.carousel {
  position: relative;
  position: absolute\9;
  width: 100%;
  width: 100%\9;
  height: 400px;
  margin-top: -72px;
  overflow: hidden;
}

.slider {
  position: absolute;
  top: 0;
  left: 50%;
  text-indent: -999em;
  margin-left: -720px;
  height: 400px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  display: block;
}

.sl-img1 {
  width: 1440px;
  background-image: url('../images/newlanding/carrusel/carrusel1-1440.jpg');
}

.sl-img2 {
  width: 1440px;
  background-image: url('../images/newlanding/carrusel/carrusel2-1440.jpg');
}

.sl-img3 {
  width: 1440px;
  background-image: url('../images/newlanding/carrusel/carrusel3-1440.jpg');
}

.sl-img4 {
  width: 1440px;
  background-image: url('../images/newlanding/carrusel/carrusel4-1440.jpg');
}

@media screen and (max-width: 2500px) {
    .sl-img3 {
      background-image: url('../images/newlanding/carrusel/carrusel3-1900.jpg');
      width: 1900px;
    }

    .sl-img1 {
      background-image: url('../images/newlanding/carrusel/carrusel1-1900.jpg');
      width: 1900px;
    }

    .sl-img2 {
      background-image: url('../images/newlanding/carrusel/carrusel2-1900.jpg');
      width: 1900px;
    }    
    
    .sl-img4 {
      background-image: url('../images/newlanding/carrusel/carrusel4-1900.jpg');
      width: 1900px;
    }
    
    .slider {
      margin-left: -960px;
    }

}

@media screen and (max-width: 1440px) {
    .sl-img3 {
      background-image: url('../images/newlanding/carrusel/carrusel3-1440.jpg');
      width: 1440px;
    }

    .sl-img1 {
      background-image: url('../images/newlanding/carrusel/carrusel1-1440.jpg');
      width: 1440px;
    }

    .sl-img2 {
      background-image: url('../images/newlanding/carrusel/carrusel2-1440.jpg');
      width: 1440px;
    }    
    
    .sl-img4 {
      background-image: url('../images/newlanding/carrusel/carrusel4-1440.jpg');
      width: 1440px;
    }
    
    .slider {
      margin-left: -720px;
    }
}

@media screen and (max-width: 1280px) {
    .sl-img3 {
      background-image: url('../images/newlanding/carrusel/carrusel3-1280.jpg');
      width: 1280px;
    }

    .sl-img1 {
      background-image: url('../images/newlanding/carrusel/carrusel1-1280.jpg');
      width: 1280px;
    }

    .sl-img2 {
      background-image: url('../images/newlanding/carrusel/carrusel2-1280.jpg');
      width: 1280px;
    }
    
    .sl-img4 {
      background-image: url('../images/newlanding/carrusel/carrusel4-1280.jpg');
      width: 1280px;
    }

    .slider {
      margin-left: -640px;
    }
}

@media screen and (max-width: 1024px) {
    .sl-img3 {
      background-image: url('../images/newlanding/carrusel/carrusel3-1024.jpg');
      width: 1024px;
    }

    .sl-img1 {
      background-image: url('../images/newlanding/carrusel/carrusel1-1024.jpg');
      width: 1024px;
    }

    .sl-img2 {
      background-image: url('../images/newlanding/carrusel/carrusel2-1024.jpg');
      width: 1024px;
    }
    
    .sl-img4 {
      background-image: url('../images/newlanding/carrusel/carrusel4-1024.jpg');
      width: 1024px;
    }

    .slider {
      margin-left: -512px;
    }
}

.start .sl-img1 {
  opacity: 1;
  filter: alpha(opacity=100);
}

.active1 .sl-img1, .active2 .sl-img2, .active3 .sl-img3, .active4 .sl-img4 {
  opacity: 1;
  filter: alpha(opacity=100);
}

.slider-wrapper {
  width: 1124px;
  margin: 0 auto;
  position: relative;
  height: 400px;
}

.carousel-texts {
  width: 260px;
  text-align: left;
  position: absolute;
  top: 80px;
  right: -355px;
  right: 90000px\0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.carousel-texts h2 {
  color: #ffffff;
  font-size: 50px;
  font-weight: normal;
  line-height: 100%;
  margin-bottom: 8px;
}

.carousel-texts button span {
  min-width: 120px;
}

.carousel-texts button span b {
  font-weight: normal;
  font-size: 18px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.slider-wrapper .carousel-texts p {
  color: #fff;/*#dddddd;*/
  font-size: 18px;
  line-height: 25px;
}

@-webkit-keyframes txt-in {
    0% {
        right: -355px;
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0);
    }

    50% {
        opacity: .2;
    }

    100% {
        right: 110px;
        opacity: 1;
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
    }

}

@-moz-keyframes txt-in {
    0% {
        right: -355px;
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0);
    }

    50% {
        opacity: .2;
    }

    100% {
        right: 110px;
        opacity: 1;
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
    }
}

@-o-keyframes txt-in {
    0% {
        right: -355px;
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0);
    }

    50% {
        opacity: .2;
    }

    100% {
        right: 110px;
        opacity: 1;
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
    }
}

@keyframes txt-in {
    0% {
        right: -355px;
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0);
    }

    50% {
        opacity: .2;
    }

    100% {
        right: 110px;
        opacity: 1;
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
    }
}

@-webkit-keyframes txt-out {
    0% {
        right: 80px;
        opacity: 1;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    }

    50% {
        opacity: .2;
    }

    100% {
        right: -335px;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0);
        opacity: 0;
    }
}

@-moz-keyframes txt-out {
    0% {
        right: 80px;
        opacity: 1;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    }

    50% {
        opacity: .2;
    }

    100% {
        right: -335px;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0);
        opacity: 0;
    }
}

@-o-keyframes txt-out {
    0% {
        right: 80px;
        opacity: 1;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    }

    50% {
        opacity: .2;
    }

    100% {
        right: -335px;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0);
        opacity: 0;
    }
}

@keyframes txt-out {
    0% {
        right: 80px;
        opacity: 1;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    }

    50% {
        opacity: .2;
    }

    100% {
        right: -335px;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0);
        opacity: 0;
    }
}

.start .txt-1 {
  opacity: 1;
  filter: alpha(opacity=100);
  right: 160px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}

.active1 .txt-1, .active2 .txt-2, .active3 .txt-3, .active4 .txt-4 {
  -webkit-animation: txt-in .8s;
  -moz-animation: txt-in .8s;
  -o-animation: txt-in .8s;
  animation: txt-in .8s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  filter: alpha(opacity=100);
  opacity: 1\0;
  right: 160px\0;
}

.active1 .txt-2, .active1 .txt-3, .active1 .txt-4, .active2 .txt-1, .active2 .txt-3, .active2 .txt-4,  .active3 .txt-1, .active3 .txt-2,
.active3 .txt-4, .active4 .txt-1, .active4 .txt-2, .active4 .txt-3  {
/*  -webkit-animation: txt-out .8s;
  -moz-animation: txt-out .8s;
  -o-animation: txt-out .8s;
  animation: txt-out .8s;*/
/*  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;*/
  filter: alpha(opacity=0);
  opacity: 0\0;
  right: 90000px\0;
}

.carousel-nav {
/*  margin: 0px 0px 10px 0px; */
  margin: 0 auto;
  padding: 0px;
  padding-top: 10px;
  display: block;
  text-align: center;  
}

.carousel-nav li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;  
  width: 10px;
  height: 10px;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #dadada;
  border-color: #dadada #e9e9e9 #f6f6f6 #e9e9e9;
  background: -moz-linear-gradient(#ececec, #f6f6f6);
  background: -webkit-linear-gradient(#ececec, #f6f6f6);
  background: linear-gradient(#ececec, #f6f6f6);
  background-color: #f6f6f6;
}

.carousel-nav li a {
  display: block;
  font-size: 0;
  width: 8px;
  height: 8px;
  margin: 1px 0 0 1px;
  border-radius: 5px;
}

.carousel-nav li.active a {
  background: #666666;
  display: block;
  text-indent: -999px;
}

.screenshot1 {
  background-image: url('../images/newlanding/screenshots/screen1.png');
  background-position: 0 0;
  position: absolute;
  top: 455px;
  left: -5px;
  z-index: 1;
  width: 500px;
  height: 316px;
  display: block;
  -webkit-transition: top 1s ease-out;
  -moz-transition: top 1s ease-out;
  -o-transition: top 1s ease-out;
  transition: top 1s ease-out;
  text-indent: -9999em;
}

.active1 .screenshot1 {
  top: 127px;
}

.screenshot2 {
  background-image: url('../images/newlanding/screenshots/screen3.png');
  background-position: 0 0;
  position: absolute;
  top: 555px;
  left: 85px;
  z-index: 1;
  width: 250px;
  height: 353px;
  display: block;
  -webkit-transition: top 1s ease-out;
  -moz-transition: top 1s ease-out;
  -o-transition: top 1s ease-out;
  transition: top 1s ease-out;
  text-indent: -9999em;
}

.active2 .screenshot2 {
  top: 75px;
}



.screenshot3 {
  background-image: url('../images/newlanding/screenshots/screen4.png');
  background-position: 0 0;
  position: absolute;
  top: 505px;
  left: 110px;
  z-index: 1;
  width: 280px;
  height: 382px;
  display: block;
  -webkit-transition: top 1s ease-out;
  -moz-transition: top 1s ease-out;
  -o-transition: top 1s ease-out;
  transition: top 1s ease-out;
  text-indent: -9999em;
}

.active3 .screenshot3 {
  top: 87px;
}

.screenshot4 {
  background-image: url('../images/newlanding/screenshots/screen2.png');
  background-position: 0 0;
  position: absolute;
  top: 455px;
  left: -15px;
  z-index: 1;
  width: 500px;
  height: 316px;
  display: block;
  -webkit-transition: top 1s ease-out;
  -moz-transition: top 1s ease-out;
  -o-transition: top 1s ease-out;
  transition: top 1s ease-out;
  text-indent: -9999em;
}

.active4 .screenshot4 {
  top: 127px;
}

.mvs{
    text-align: center !important;
}
