* {
    box-sizing: border-box;
}


.smallpaddingtop{
padding: 5px 0px;

}

.caps {
    text-transform: uppercase;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.bold {
    font-weight: bold;
}
.white {
    color: #fff;
}
.text-shadow {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.v_left, .v_right {
    width: 50%;
    float: left;
	
	/*padding-top:9%;*/
/*    height: 100%;
    min-height: 100vh;*/
}

.v_left3, .v_right {
    width: 50%;
    float: left;
	padding-top:0%;
	}

.v_left1, .v_right1 {
    width: 35%;
    float: left;
    height: 75%;
	margin-left:3%;
}
.v_left2 {
    width: 20%;
    float: left;
    height: 75%;
	margin-left:3%;
}

@media screen and (max-width:700px) {
    .v_left, .v_right {
    width: 100%;
    float: none;
    min-height: 50vh;
}
}
.v_left .inner{
  /*  margin-top: 13vh;*/
}
.v_right .inner {
   /* margin-top: 17vh;*/
}

.sub-h {width:80%; margin:0 auto !important;}


/*@media screen and (min-width: 401px) and (max-width:700px) {
    .v_left .inner, .v_right .inner {
        margin-top: 0vh;
    }
}*/

@media screen and (min-width: 1024px) and (max-width:1240px) {

.v_left .inner{
padding-top: 11%;
}
}




@media screen and (min-width: 800px) and (max-width:980px) {


.v_right .inner {
/*    margin-top: 22vh;*/
	margin-bottom:32%;

}
}


@media screen and (min-width: 650px) and (max-width:1030px) {
   .v_left .inner{
    /*margin-top: 30vh;*/
}
.v_right .inner {
/*    margin-top: 22vh;*/
	/*margin-bottom:37%;*/
}
}


@media screen and (min-width: 401px) and (max-width:799px) {
   .v_left .inner{
   margin-top: 4vh;
	
}
.v_right .inner {
    /*margin-top: 20vh;*/
	margin-bottom:7%;
}
}

@media screen and (max-width: 400px){
    .v_left .inner, .v_right .inner {
        margin-top: 0vh;
        margin-bottom: 20px;
    }
}

.section.home h1 {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 40px;
    margin: 0;
}
@media screen and (max-width:700px) {
    .section.home h1 {
    font-size: 33px;
}
}
@media screen and (min-width:701px) and (max-width:800px) {
    .section.home h1 {
    font-size: 36px;
}
}.section.home h3 {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    margin: 0;
}
.section.home .phone-card img {
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 400px){
    .section.home .phone-card img {
        /*max-width: 250px;*/
        height: auto;
    }   
}
.section.home .divTable {
    position: relative;
	margin-bottom:-6.7;
}
.section.home .v_right {
    padding-top: 11%;
    background: #f98037;
}
@media screen and (max-width:700px) {
    .section.home .v_right {
    padding-top: 20px;
	margin-bottom:-15%
}
}@media screen and (min-width:701px) and (max-width:800px) {
    .section.home .v_right {
    padding-top: 115px;
}
}
.section.home .note {
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -160px;
    width: 320px;
    padding: 6px 15px;
    color: #fff;
    background-color: #00b1bb;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
    border: 1px solid #028991;
    border-radius: 2px;
}
@media screen and (max-width:700px) {
    .section.home .note {
        position: relative;
        margin: 10px auto 0;
        top: auto;
        left: auto;

    }
}@media screen and (max-width:900px) {
    .section.home {
    background: #ffa500;
}
}


@media screen and (max-width:700px) {
    .download-box {
    width: 90%}
}
@media screen and (min-width:701px) and (max-width:800px) {
    .download-box {
    width: 80%}
	.section.home .note {

    top: 16%;}
}
.download-box a.download-link {
    display: inline-block;
    padding: 6px 15px;
    color: #fff;
    background: #6b519d;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
	margin-bottom:20px;
}
.download-box a.download-link:hover {
    background: #54407b;
}
.download-box .download-buttons {
    position: relative;
    list-style: none;
    /*margin: 20px 0 10px 0;*/
    padding: 0;
	margin-top:-5px !important;
}
.download-box .download-buttons li {
    display: inline-block;
    width: 40%;
    vertical-align: top;
    text-align: center;
}
.download-box .download-buttons li a {
    display: inline-block;
}
.download-box .download-buttons li a img {
    display: inline-block;
    width: 100%;
    max-width: 155px;
    height: auto;
}
.border-top .half, .border-bottom .half {
    width: 50%;
    float: left;
    height: 10px;
}
.border-top .half.purple, .border-bottom .half.purple {
    background: #6b519d;
}
.border-top .half.blue, .border-bottom .half.blue {
    background: #00b1bb;
}
.section.whatis {
    background: #f43793;
}
.section.whatis h2 {
    margin-bottom: 20px;
    font-size: 42px;
}
.section.whatis .v_right{
	padding-left: 20px;
	box-sizing: border-box;
	
}
.section.whatis .v_right_funding{
	//padding-left: 20px;
	box-sizing: border-box;
	margin-left:5%;
}
@media screen and (max-width:700px) {
    .section.whatis h2 {
    text-align: center;
}
}
.section.whatis .phone-zoom {
    width: 65%;
    margin: 5% 0 0 27%;
    text-align: center;
}


@media screen and (max-width:800px) {
    .section.whatis .phone-zoom {
    width: 100%;
    margin: 0;
}
}.section.whatis .phone-zoom img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}
@media screen and (min-width:701px) and (max-width:800px) {
    .section.whatis .phone-zoom {
    padding-top: 50px;
}
}.section.whatis .v_right .inner {
    margin-top: 7vh;
}
@media screen and (max-width:700px) {
    .section.whatis .v_right .inner {
    margin: 0;
}
}@media screen and (min-width:701px) and (max-width:800px) {
    .section.whatis .v_right .inner {
    margin-top: 10vh;
}
}@media screen and (min-width:701px) and (max-width:800px) {
    .section.whatis .v_left {
    margin-top: 10vh;
}
}.section.whatis .features-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.section.whatis .features-list li {
    padding: 10px 10px 10px 0;
    max-width: 80%;
    font-size: 18px;
}
@media screen and (max-width:700px) {
    .section.whatis .features-list li {
    max-width: 100%}
}@media screen and (min-width:701px) and (max-width:800px) {
    .section.whatis .features-list li {
    max-width: 100%}
}.section.whatis .ftext {
    margin-top: 20px;
}
.section.whatis .ficon {
    float: left;
    width: 80px;
    height: 80px;
    margin-bottom: -5px;
    margin-right: 10px;
    background-image: url(../images/home/s2-icons.png);
    background-size: 80px auto;
    background-repeat: no-repeat;
}
.section.whatis .ficon.mobile {
    background-position: center top;
}
.section.whatis .ficon.cart {
    background-position: center -80px;
}
.section.whatis .play-video-btn {
    display: inline-block;
    background: #5d519f url(../images/home/play-video-btn.png) no-repeat 5px center;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 10px 12px 10px 40px;
    margin-top: 7%;
    margin-bottom: 2%;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 4px;
}

.play-video-btn1{
    display: inline-block;
    background: #5d519f url(../images/home/play-video-btn.png) no-repeat 5px center;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 0px 1px 2px 36px;
    margin-top: 7%;
    margin-bottom: 2%;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 4px;
}


@media screen and (max-width:700px) {
    .section.whatis .play-btn-wrap {
    text-align: center;
}
}.section.whatis .download-buttons {
    list-style: none;
    margin: 20px 0 10px 0;
    padding: 0;
}
@media screen and (max-width:700px) {
    .section.whatis .download-buttons {
    text-align: center;
}
}.section.whatis .download-buttons li {
    display: inline-block;
    margin-top: 10px;
    vertical-align: top;
    text-align: center;
}
.section.whatis .download-buttons li a {
    display: inline-block;
}
.section.whatis .download-buttons li a img {
    display: inline-block;
    width: 100%;
    max-width: 130px;
    height: auto;
}
.section.whatis .arrow-rollover.extra {
    bottom: 7%}
.section.offers-discounts {
    background-color: #fff;
    padding-bottom: 20px;
}
.section.offers-discounts h2 {
    color: #6b519d;
    font-size: 32px;
    font-weight: bold;
	line-height: 10px;
}
.section.offers-discounts .inner {
    max-width: 1100px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding-top: 90px;/*25px;*/
}
.section.offers-discounts .offers-grid {
    width: 800px;
    margin: -7px auto;
}
@media screen and (max-width:800px) {
    .section.offers-discounts .offers-grid {
    width: 100%;
    text-align: center;
}
}
.section.offers-discounts .offers-grid .item {
    float: left;
    width: 230px;
    margin: 4px 2%;
    padding: 5px;
    vertical-align: top;
}
@media screen and (max-width:400px) {
	.section.offers-discounts .inner{ padding-top:0px;}
    .section.offers-discounts .offers-grid .item {
    float: none;
    margin: 10px auto;
}
.section.offers-discounts .view-more{
	margin: 0px 19px 0px 0px;
	}
	
	.section.offers-discounts h2 {
		line-height: 35px;
	}

}

@media screen and (max-width:321px) {
 
.section.offers-discounts .view-more{
	margin: 0px 4px 0px 0px;
	}

}

@media screen and (min-width:401px) and (max-width:800px) {
	.section.offers-discounts .inner{ padding-top:0px;}
    .section.offers-discounts .offers-grid .item {
    display: inline-block;
    float: none;
}

.section.offers-discounts .view-more{
	margin: 0px 67px 0px 0px;
	}

.section.offers-discounts h2 {
		line-height: 35px;
	}


}

@media screen and (min-width:640px) and (max-width:800px) {
    .section.offers-discounts .view-more {
    display: block;
    width: 120px;
    border-radius: 4px;
    background: #6b519d;
    color: #fff;
    text-align: center;
    padding: 5px;
   float:none !important;
    text-transform: uppercase;
    text-decoration: none;
}

.section.offers-discounts .view-more{
	margin: 0px 0px 0px 260px;
	}


}



.section.offers-discounts .offers-grid .item.orange {
    background: /*#ffa500*/ #f98037;
}
.section.offers-discounts .offers-grid .item.orange .action-btn a {
    background: #6b519d;
}
.section.offers-discounts .offers-grid .item.purple {
    background: #6b519d;
}
.section.offers-discounts .offers-grid .item.purple .action-btn a {
    background: #f5821f;
}
.section.offers-discounts .offers-grid .item.blue {
    background: /*#00b1bb*/ #00afe6;
}
.section.offers-discounts .offers-grid .item.pink {
    background: #f43793;
}
.section.offers-discounts .offers-grid .item.pink .action-btn a {
    background: #f5821f;
}
.section.offers-discounts .offers-grid .item.blue .action-btn a {
    background: #f5821f;
}
.section.offers-discounts .offers-grid .item .thumb img {
    /*width: 100%;
    height: auto;*/
    width: auto;
    max-height: 140px;
}
.section.offers-discounts .offers-grid .item .title {
    padding: 5px 0 5px 5px;
    color: #fff;
    text-align: left;
    height: 55px;
}
.section.offers-discounts .offers-grid .item .action-btn a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 4px 8px;
    font-size: 11px;
    text-align: center;
    width: 100px;
    float: right;
    text-decoration: none;
}
.section.offers-discounts .view-more {
    display: block;
    width: 120px;
    float: right;
    border-radius: 4px;
    background: #6b519d;
    color: #fff;
    text-align: center;
    padding: 5px;
   /* margin-right: 10px;*/
    text-transform: uppercase;
    text-decoration: none;
    margin-right: 3.5%;
}
.section.button-download .download-buttons li a {
    margin: 10px 0;
}




.greenband{ display: none;}

.item.pink a{ color: #fff;}

#dn-box-wrap{
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1000;
    text-align: center;
}
#dn-box-wrap .dn-box{
    position: relative;
    display: inline-block;
    background: #FFF;
    border-radius: 10px;
    padding: 25px 20px;
    margin-top: 16%;
}
.dn-box h4{    
    color: #6b519d;
    font-size: 20px;
    margin: 0 0 10px 0;
}
.form-control{
    padding: 8px;
    width: 90%;
    font-family: inherit;
    font-size: 15px;
    margin: 10px auto;
}
.btn-dn{
    padding: 10px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    background: #00b1bb;
}
.dn-box .close{
    display: block;
    width: 30px;
    height: 30px;
    color: #666;
    text-decoration: none;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 20px;
}



@media screen and (max-width: 800px){
    #get-dn-link{
        display: none;
    }
}
@media screen and (min-width: 801px){
    #dn-now{
        display: none;
    }
}

@media screen and (min-width: 240px) and (max-width:800px){
 .v_right1{
    width: 82%;
    float: left;
    height: 75%;
    margin-left: 3%;
	}
	}
@media screen and (min-width: 801px) and (max-width:980px){
 .destop-only{
 
 display:none !important;
 }
 .mobile-only
 {
 display:block !important;
 }
 .phone-zoom1{
width: 51% !important;
    margin: 95% 0 0 -73% !important;
    text-align: center !important;
	}	
	}

	
@media only screen and (min-width: 981px) and (max-width:1265px) {

.v_left .inner
{margin-top: 20vh;}


.v_right .inner{
	margin-top: 14vh;
    margin-bottom: 20vh;
}
}

@media only screen and (min-width: 1264px) and (max-width:1665px) {

.v_left .inner
{margin-top: 32%;}


.v_right .inner{
	margin-top: 17vh;
    
}
}






  
.container1:hover .image {
-webkit-transform:scale(1);
transform:scale(1);
}
.container1 {
overflow:hidden;
width:200px;
height:150px;
}

.image {
-webkit-transform:scale(1.2);
transform:scale(1.2);
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}  


.container-mobile:hover .mobile-image {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-box-shadow: 0px 0px 15px 15px #f0f0f0;
box-shadow: 0px 0px 15px 15px #f0f0f0;
border-radius:5%;
opacity: 0.6;
}
.container-mobile {
height:150px;
}

.mobile-image {
-webkit-transform:scale(1.2);
transform:scale(1.2);
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}  

@media screen and (min-width: 240px) and (max-width:415px){
.container1 {
overflow:hidden;
width:310px;
height:150px;
}
}






/*These styles contain basic styles for fomatting along with our animation css*/



/*animation element*/

.animation-element {
  opacity: 0;
  position: relative;
}
/*animation element sliding left*/

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -moz-transform: translate3d(-500px, 0px, 0px);
  -webkit-transform: translate3d(-500px, 0px, 0px);
  -o-transform: translate(-500px, 0px);
  -ms-transform: translate(-500px, 0px);
  transform: translate3d(-500px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}



.animation-element.slide-left1 {
  opacity: 0;
  -moz-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -moz-transform: translate3d(-400px, 0px, 0px);
  -webkit-transform: translate3d(-400px, 0px, 0px);
  -o-transform: translate(-400px, 0px);
  -ms-transform: translate(-400px, 0px);
  transform: translate3d(-400px, 0px, 0px);
}

.animation-element.slide-left1.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}





.animation-element.slide-right {

  opacity: 0;
  -moz-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -moz-transform: translate3d(300px, 0px, 0px);
  -webkit-transform: translate3d(300px, 0px, 0px);
  -o-transform: translate(300px, 0px);
  -ms-transform: translate(300px, 0px);
  transform: translate3d(300px, 0px, 0px);
}

.animation-element.slide-right.in-view {

  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(00px, 00px);
  -ms-transform: translate(00px, 00px);
  transform: translate3d(00px, 00px, 00px);
  
}



/*animation slide left styled for testimonials*/

.animation-element.slide-left.testimonial {
  float: left;
  width: 100%;
  margin: 0% 1.5% 3% 1.5%;
 
  padding: 15px;

}




/*media queries for small devices*/
@media screen and (max-width: 678px){
  /*testimonials*/
  .animation-element.slide-left.testimonial,
  .animation-element.slide-left.testimonial:nth-of-type(odd),
  .animation-element.slide-left.testimonial:nth-of-type(even){
    width: 100%;
    margin: 0px 0px 20px 0px;
  }
  .animation-element.slide-left.testimonial .right,
  .animation-element.slide-left.testimonial .left,
  .animation-element.slide-left.testimonial .content,
  .animation-element.slide-left.testimonial .rating{
    text-align: center;
    float: none;
  }

  
}


.animation-element.phone-right {
-webkit-box-shadow: 1px 1px 12px 2px #353232;
-moz-box-shadow:    1px 1px 12px 2px #353232;
box-shadow:       1px 1px 12px 2px #353232;
  opacity: 0;
  -moz-transition: all 1.2s linear;
  -webkit-transition: all 1.2s linear;
  -o-transition: all 1.2s linear;
  transition: all 1.2s linear;
  -moz-transform: translate3d(-300px, 0px, 0px);
  -webkit-transform: translate3d(-300px, 0px, 0px);
  -o-transform: translate(-300px, 0px);
  -ms-transform: translate(-300px, 0px);
  transform: translate3d(-300px, 0px, 0px);
  
}

.animation-element.phone-right.in-view {
-webkit-box-shadow: 1px 1px 12px 2px #353232;
-moz-box-shadow:    1px 1px 12px 2px #353232;
box-shadow:        1px 1px 12px 2px #353232;
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(00px, 00px);
  -ms-transform: translate(0px, 00px);
  transform: translate3d(0px, 00px, 0px);
  
}

.animation-element.phone-right1 {

  opacity: 0;
  -moz-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -moz-transform: translate3d(300px, 0px, 0px);
  -webkit-transform: translate3d(300px, 0px, 0px);
  -o-transform: translate(300px, 0px);
  -ms-transform: translate(300px, 0px);
  transform: translate3d(300px, 0px, 0px);
  
}

.animation-element.phone-right1.in-view {

  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(00px, 00px);
  -ms-transform: translate(0px, 00px);
  transform: translate3d(0px, 00px, 0px);
  
}

.animation-element.phone-mobile-right1 {

  opacity: 0;
  -moz-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -moz-transform: translate3d(500px, 0px, 0px);
  -webkit-transform: translate3d(500px, 0px, 0px);
  -o-transform: translate(500px, 0px);
  -ms-transform: translate(500px, 0px);
  transform: translate3d(500px, 0px, 0px);
  
}

.animation-element.phone-mobile-right1.in-view {

  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 00px);
  -ms-transform: translate(0px, 00px);
  transform: translate3d(-85px, 00px, 0px);
  
}

@media only screen and (min-width: 410px) and (max-width:800px){
.smallpaddingtop{
padding-top: 30%

}
}


@media only screen and (max-width: 980px){

 footer {
    padding: 0 !important;
}
}