/*.left-sec{
    opacity:0;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
}
.animateds.left-sec{
    opacity:1;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
}*/
/*.animImg{
    margin-top: 45px;
    transition: all ease 1.5s;
    -moz-transition: all ease 1.5s;
    -webkit-transition: all ease 1.5s;
}
.animateds .animImg
{
    margin-top: 0px;
    transition: all ease 1.5s;
    -moz-transition: all ease 1.5s;
    -webkit-transition: all ease 1.5s;
}*/
.iphone{

    transition: all ease-out;
    -moz-transition: all ease-out;
    -webkit-transition: all ease-out;
}

.content-wrap ul li:hover span {
    color: #EF5563;
    font-size: 29px;
    font-family: ubuntu-regular;
}
.iphone.animateds{
    /* top: -250px; */animation: bounce 2.5s ease-out;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    opacity: 1;
}
.line{
    /* top: -250px; */animation: bottomline 10s ease-out 2s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    opacity: 1;
}
.iphone-btm-line{
    /* top: -250px; */animation: bottomline 10s ease-out 2s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    opacity: 1;
}
.logo-line{
    /* top: -250px; */animation: logoline 10s ease-out 3s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    opacity: 1;
}
.light, .lightsec b, .lightthird
{
    color: transparent;
    transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -webkit-transition: all 1s ease-in;
}
.animateds .light{
    opacity: 1;
    color: black;
    transition-delay: 0.3s;
}
.animateds .lightsec b{
     opacity: 1;
    color:#665EE4;
    transition-delay: 1s;
 }
.animateds .lightthird{
     opacity: 1;
     color: black;
    transition-delay: 1s;
 }

@keyframes logoline {
    100% { transform: translate(50px,50px);}
}
@keyframes bottomline {
    50% { transform: translate(0px,50px); }
}
@keyframes line {
    50% { transform: translate(100px,0px); }
}

@keyframes bounce { 
    50% { transform: translate(0,30px); }
  }
 

  .explore-right
  {
    margin-top: 50px;
    opacity: 0;
    transition: all ease 1s;
    -moz-transition: all ease 1s;
    -webkit-transition: all ease 1s;
  }
  .explore-right.animateds
  {
    margin-top: 0px;
    opacity: 1;
    transition: all ease 1s;
    -moz-transition: all ease 1s;
    -webkit-transition: all ease 1s;
  }

.right-bg{
    /* transform: scale(1.5); */
    transition: all 2s ease 1s;
    -moz-transition: all 2s ease 1s;
    -webkit-transition: all 2s ease 1s;
}
.animateds.right-bg{
    transform: scale(1.2);
    /* transform: scale(1.02); */
    /* width: 100%;
    height: 100%; */
    transition: all 2s ease;
    -moz-transition: all 2s ease;
    -webkit-transition: all 2s ease;
}

.dont{
    opacity: 1;
    transition: all ease 1s;
    -moz-transition: all ease 1s;
    -webkit-transition: all ease 1s;
}
.dont.animateds{
    opacity: 1;
    transition: all ease 1s;
    -moz-transition: all ease 1s;
    -webkit-transition: all ease 1s;
}
.excl{
    opacity: 1;
    transition: all ease 1s;
    -moz-transition: all ease 1s;
    -webkit-transition: all ease 1s;
}
.excl.animateds{
    opacity: 1;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.email-sec , .exploreClick{
    opacity: 1;
}

.email-sec.animateds , .exploreClick.animateds{
    opacity: 1;
    transition: all ease 2s;
    -moz-transition: all ease 2s;
    -webkit-transition: all ease 2s;
    transition-delay: 1.8s;
    -moz-transition-delay: 1.8s;
    -webkit-transition-delay: 1.8s;
}

.features{
    opacity: 0;
}
.features.animateds{
    opacity: 1;
    transition: all ease 2s;
    -moz-transition: all ease 2s;
    -webkit-transition: all ease 2s;
    transition-delay: .5s;
    -moz-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
}