/* - General ------------------------------------------------------- */
/* PRE LOADER */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fefefe;
    z-index: 99999;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
}

@media screen and (max-width: 767px) and (min-width: 320px) {
  .banner-logo01 {
      width: 171px;
      height: 100px !important;
      margin: 0 auto 0 auto;
  }
  .banner-love{
    height: 47px !important;
  }
.hmelogo { width:55%  !important;}
.middle-intro{
    padding-top: 30px !important;
    padding-bottom: 500px !important;
    background: rgba(15, 80, 79, 0.5);
    background-image: none !important;
    border-top: 4px solid #49A7A5;
    margin-top: 60px;
}
.thirdFeatureBg{
    background: url("../images/feature-bg.jpg") no-repeat top rgba(0, 0, 0, 0);
    padding-top: 15px;
    padding-bottom: 15px;
    background-size: cover !important;
    background-color: #fff;
}
.mobileBg {
  width: 100% !important;
  position: absolute !important;
  top: 540px !important;
}
.tophead_txt{
  float: none !important;
}
.nav-logo{
    padding: 0px 15px;
    height: 50px;
    overflow: hidden;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: -111;
}
.nav-logo img{
  float: none !important;
}
}
@media screen and (max-width: 990px) and (min-width: 768px) {
  .nav-logo img{
    width: 214px !important;
  }
  .mobileBg {
    width: 74% !important;
    position: absolute !important;
    top: 623px !important;
    left: 112px;
  }
  .middle-intro{
      padding-top: 30px !important;
      padding-bottom: 500px !important;
      background: rgba(15, 80, 79, 0.5);
      background-image: none !important;
      border-top: 4px solid #49A7A5;
      margin-top: 60px;
  }
}
.status {
    width: 60px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../images/loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    margin: -15px 0 0 -30px;
}

/* Global Styles */
body,html {
    height: 100%;
    width: 100%;
    max-width: 100%;
}
body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    background: transparent;
    color: #333;
    overflow-x: hidden;
    margin: auto;
    background: #ecf0f1;
    -webkit-font-smoothing: subpixel-antialiased;
}
h1,h2{
    font-size: 35px;
}
p{
    font-weight: 400;
    font-size: 15px;
    line-height: 1.8;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
}
.fp_back{text-align: center; margin: 10px 0px; }
.fp_back a{ font-size: 14px; color: #888888; }
.pb{/*width: 100%;width: 90%; padding-left: 42px;*/ left:6%;}
.pl{/*width: 55%;*/  position: fixed;bottom: 0px; left:6%;}
.pow{width: 100%;}
.hiddenHeader{
    display: none;
    margin: 0px;
}
.img-responsive{
    margin: 0 auto;
}
/* title Section */
.titleSection{
    text-align: center;
}
.titleSection h1,.titleSection h2{
    margin-bottom: 5px;
}
/* line */
.coloredLine{
    height: 1px;
    margin: auto;
    width: 150px;
    background: #FF6863;
    margin-top: 20px;
	margin-bottom:20px;
}
hr{
    border-color: #111;
}
/* buttons */
.btn-new{
    background: transparent;
    border: 2px solid #FF6863;
    display: inline-block;
    padding: 12px 23px;
    border-radius: 30px;
    color: #FF6863;
    font-size: 14px;
    font-weight: 400;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    letter-spacing: 1px;
    cursor: pointer;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
}
.btn-new:hover,.btn-new:focus{
    background: #FC453F;
    color: #fff;
    text-decoration: none;
    outline: none;
}
.btn-bold{
    background: #43c8c5;
    color: #fff;
    border:none !important;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(97,97,97,1);
-moz-box-shadow: 0px 0px 3px 0px rgba(97,97,97,1);
box-shadow: 0px 0px 3px 0px rgba(97,97,97,1);
}
.btn-bold:hover{
    background: #FFF;
    color: #43c8c5;
}
.light{
    font-weight: 400;
}
.bold{
    font-weight: 700;
}
.no-padding {
    padding: 0 !important;
}
.text-right{
    text-align: right;
}
/* margin spaces */
.space10 {
    margin-bottom: 10px;
}
.space20 {
    margin-bottom: 20px;
}
.space30 {
    margin-bottom: 30px;
}
.space40 {
    margin-bottom: 40px;
}
.space50 {
    margin-bottom: 50px;
}
.space60 {
    margin-bottom: 60px;
}
.space70 {
    margin-bottom: 70px;
}
.space80 {
    margin-bottom: 80px;
}
.space90 {
    margin-bottom: 90px;
}
.space100 {
    margin-bottom: 90px;
}
/* Header and nav --------------------------------------------------- */
.sticky-navigation {
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    margin-bottom: 0 !important;
    -webkit-backface-visibility: hidden;
    top:0px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(222,222,222,1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(222,222,222,1);
    box-shadow: 0px 0px 3px 0px rgba(222,222,222,1);
}
.nav-logo{
    padding: 0px 15px;
    height: 50px;
    overflow: hidden;
}
.nav-logo:focus{
    outline: none;
}
.navbar{
    margin-bottom: 0px;
}
.navbar-nav {
    float: left;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.navbar-nav li a {
    padding: 10px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.navbar-nav li a:focus{
    outline: none;
}
.navbar-nav li.active a,.navbar-nav li a:hover {
    color:#43c8c5;
}
header .btn-new{
    padding: 8px 18px;
    font-size: 12px;
    margin: 6px 0px 6px 10px;
}
.navbar-toggle{
    padding: 5px 10px;
    margin-right: 10px;
}

/* Top intro --------------------------------------- */
.logo{
    margin-bottom: 20px;
}
#intro {
    position: relative;
    text-align: center;
}
#intro .overlay{
    padding:0px;
}
.middle-intro{
    padding-top: 250px;
    padding-bottom: 140px;
    background-image: url(../images/banner-rect1.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
}
/*.middle-intro img{width:50%;}*/

#intro h1{
    font-size: 44px;
	color:#fff;
}
#intro h1 span{
    color:#FF6863;
}
#intro .btn-new{
    margin-right: 10px;
    margin-bottom: 5px;
    font-weight:bold;
    font-size:16px;
}
.intro-btn{
    width: 100%;
    z-index: 2;
    margin-top: 50px;
}
/*services-------------------------------------- */
#services{
    background: #ffffff;
    padding: 150px 0px;
}
.servicesList{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.servicesList li{
    color: #fff;
    position: relative;
    padding: 40px 40px 0px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 2;
	min-height:429px;
	max-height:466px;

}
.servicesList li .number{
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 20px;
    font-weight: 700;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.servicesList li:hover{
    transform: scale(1.1,1.1);
    z-index: 99;
}
.purple{
    background: #654682;
}
.purple .number{
    background: #593D72;
}
.pink{
    background: #FF6863;
}
.pink .number{
    background: #E5403D;
}
.blue{
    background: #3DCEC7;
}
.blue .number{
    background: #2ABFB5;
}
.yellow{
    background: #35b876;
}
.yellow .number{
    background: rgb(32, 162, 97);
}
.orange{
    background: #e8d514;
}

.dark_gray{
    background: #4c4c4c;
}

.light_red{
    background: #e37d3b;
}











/* firstFeature section --------------------------------------------------*/
#firstFeature{
    background:#f0f0f0;
    padding: 150px 0px;
    overflow: hidden;
}
.welcomeText{
    padding-top: 20px;
    padding-bottom: 20px;
}
.colorTitles{
    color: #fff;
    margin-bottom: 20px;
}
.colorTitles span{
    padding: 10px 20px;
    display: inline-block;
    font-size: 20px;
    clear: both;
    margin-bottom: 5px;
    font-weight: 400;
}
ul.feature-list{
    margin: 0px;
    list-style: none;
    padding: 0px;
}
ul.feature-list li {
    padding: 10px 0px;
}
.mobile{
    margin: 0 auto;
}
.feature-mobile{
    position: relative;
}
.featureCircle{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 136px;
    height: 136px;
    color: #fff;
    border:2px solid #FFA500;
    z-index: 10;
    border-radius: 50%;
    text-align: center;
}
.featureCircleInner{
    background: #FFA500;
    width: 126px;
    height: 126px;
    border-radius: 50%;
    margin: 3px;
}
.featureCircleInner span{
    position: absolute;
    top: 45px;
    left: 0px;
    right: 0px;
    text-transform: uppercase;
    font-size: 14px;
}
#firstFeature .phones{
    position: relative;
    overflow: hidden;
    height: 650px;
}
#firstFeature .phone-back {
    height: 87%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 180px;
    top: 7%;
    width: auto;
    z-index: 1;
}
#firstFeature .shadow-left {
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=1 );
    height: 87%;
    left: 0;
    right: 140px;
    top: 7%;
    margin: 0 auto;
    position: absolute;
    width: 100px;
    z-index: 2;
}
#firstFeature .phone-front {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: -120px;
    top: 0;
    width: auto;
    z-index: 3;
}
/*secondFeature --------------------------------------- */
#secondFeature{
    background: #FF6863;
    text-align: right;
    position: relative;
    height: 450px;
    color: #fff;
}
.secondFeatureLeft{
    margin-right: 340px;
}
.secondFeatureRight{
    width:300px;
    float: right;
    position: relative;
    top: -90px;
}
.secondFeaturePhone{
    position: relative;
    top:0px;
    right: 0px;
    max-width: 100%;
}
#secondFeature h2{
    margin-top: 100px;
}
#secondFeature .circleSocial{
    float: right;
    display: inline-block;
    margin-top: 20px;
}
#secondFeature .circleSocial li a:hover,#secondFeature .circleSocial li a:focus{
    color: #fff;
    border-color: #fff;
}

.mobileScreenWrapper {
    background: #fff;
    height: 440px;
    overflow: hidden;
    position: absolute;
    right: 27px;
    top: 95px;
    width: 247px;
}
.mobileScreen{
    width:243px;
    height: 440px;
    background: url("../images/phones/iphone-screen.jpg") no-repeat;
    background-position: center bottom;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    z-index: 2;
    -webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
    -o-transition: all 3s ease;
    transition: all 3s ease;
}
.mobileScreen:hover{
    background-position: center bottom !important;
}
.secondFeatureClear{
    height: 0px;
}
/* videoSection ------------------------------------------- */
#videoSection{
    background: #ffffff;
    padding:180px 0px 150px ;
}
video {
    max-width: 100%;
    height: auto;
}
iframe,embed,object {
    max-width: 100%;
}
.video-container {
    background: transparent !important;
    margin: auto;
    text-align: center;
}
.video {
    background: transparent !important;
}
/* thirdFeature ------------------------------------------- */
#thirdFeature{
    background: #f0f0f0;
    padding:150px 0px ;
}
.thirdFeatureBg{
    background: url("../images/feature-bg1.jpg") no-repeat top rgba(0, 0, 0, 0);
    padding-top: 15px;
    padding-bottom: 15px;
    background-size: contain;
    background-color: #fff;
}

.thirdFeatureWrapper{
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}
.thirdFeatureText-header{
    padding:40px;
    background:#35b876;
}
.thirdFeatureText-header h2{
    margin: 0px;
}
.thirdFeatureText{
    padding: 40px;
}
.thirdFeatureText ul.feature-list li{
    color: #fff;
    border-bottom:  1px solid rgba(255, 255, 255, 0.1);
}
.thirdFeatureText ul.feature-list li:last-child{
    border-bottom: none;
}
.thirdFeatureText h4{
    line-height: 30px;
}
.thirdFeatureText h4 i{
    margin-right: 5px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 22px;
    display: inline-block;
}
/* parallax ------------------------------------------------------- */
.parallaxBg {
    background: url(../images/bg.jpg) no-repeat left bottom fixed #444;
    background-attachment: fixed !important;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    color: #ff6863;
    text-align: center;
}
.overlay {
/*  background:none repeat scroll 0 0 rgba(0, 0, 0, 0.25);*/
	background:none;
    width: 100%;
    height: 100%;
    padding: 100px 0px;
}
.downloadNumber{
    font-size: 90px;
    font-weight: 700;
}
/* features ---------------------------------------------------- */
#features{
    background: #ffffff;
    padding:0px 0px 0px;
}
#featuresMobile{
    margin-top: -50px;
}
.features-left ul,.features-right ul{
    margin: 0px;
    margin-top: 100px;
    padding: 0px;
}
.features-left ul li, .features-right ul li {
    display: table;
    list-style: none outside none;
    margin-bottom: 50px;
    width: 100%;
}
.features-left ul li .features-ico{
    float: right;
    width: 60px;
}
.features-right ul li .features-ico{
    float: left;
    width: 60px;
}
.features-ico i {
    color: #fff;
    font-size: 24px;
    height: 60px;
    line-height:60px;
    text-align: center;
    width: 60px;
    border-radius: 50%;
}
.features-left ul li .features-info{
    margin-right: 80px;
    text-align: right;
}
.features-right ul li .features-info{
    margin-left: 80px;
    text-align: left;
}
.features-info h4{
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: 700;
}
.features-info p{
    margin-bottom: 0px;
}

/* testimonials ---------------------------------------------- */
#owl-carousel-testimonials img {
    margin: 10px auto;
    border-radius: 50%;
    width: 80px;
    height:80px;
}
#owl-carousel-testimonials .owl-controls .owl-page span {
    background:#fff;
}
/*item style */
#team{
    padding: 118px 0px ;
background-image:url(../images/teambg.png);
}
.owl-pagination{
    padding-top: 40px;
}
.owl-theme .owl-controls .owl-page span{
    margin: 2px;
    background: #ccc;
}
.team-item {
    max-width: 300px;
    margin: auto;
}
.team-item img{
    transform: scale(1.1,1.1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;

}
.team-item:hover img{
    transform: scale(1,1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.teamWrapper{
    position: relative;
    overflow: hidden;
    background: #000;
}
.team-overlay{
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjg2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44NiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 29%, rgba(0,0,0,0.86) 93%, rgba(0,0,0,0.86) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(29%,rgba(0,0,0,0)), color-stop(93%,rgba(0,0,0,0.86)), color-stop(100%,rgba(0,0,0,0.86))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 29%,rgba(0,0,0,0.86) 93%,rgba(0,0,0,0.86) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 29%,rgba(0,0,0,0.86) 93%,rgba(0,0,0,0.86) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 29%,rgba(0,0,0,0.86) 93%,rgba(0,0,0,0.86) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 29%,rgba(0,0,0,0.86) 93%,rgba(0,0,0,0.86) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#db000000',GradientType=0 ); /* IE6-8 */
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.team-inner  {
    padding:10px 15px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.team-inner h5 {
    position: relative;
    text-transform: uppercase;
    color: #fff;
    margin: 0px;
}
.team-inner h5 span {
    font-size: 12px;
    font-weight: 400;
    color:#999;
    display: block;
    margin-top: 4px;
    text-transform: none;
}

/* thumb overlay effect style */
.thumb-overlay ul {
    padding:0px;
    margin: 0px;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid rgba(0,0,0,0.4);
    position: relative;
    text-align: right;
}
.thumb-overlay ul li{
    display: inline-block;
    margin-left: 10px;
    list-style:none;
    text-align: center;
    border-radius: 50%;
}
.thumb-overlay ul li a{
    font-size: 16px;
    color:#FF6863;
    display: inline-block;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.thumb-overlay ul li a:hover,.thumb-overlay ul li a:focus{
    color: #FC453F;
    outline: none;
}


/*Screenshots ---------------------------------------------------- */
#screenshots {
    padding: 150px 0px ;
    background: #ffffff ;
    text-align: center;
}
#screenshots:after,#screenshots:before{
    display: table;
    content: "";
}
#screenshots:after{
    clear: both;
}
#owl-carousel-works .item {
    position:relative;
    z-index:8787;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.latest-item:hover{
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.nivo-lightbox-next:focus,.nivo-lightbox-prev:focus{
    outline: none;
}
.nivo-lightbox-theme-default .nivo-lightbox-title{
    background: rgba(0,0,0,0.6);
}

/* numbers ---------------------------------------------------------------- */
#numbers .overlay{
    padding: 0px 0px 80px 0px;
}
ul.numbersList {
    margin: 0px auto;
    padding: 0px;
    overflow: hidden;
    list-style: none;
    text-align: center;
	width:80%;
}
ul.numbersList li{
    border-right: 1px solid rgba(255, 255, 255, 0.1);
	width:25%;
	float:left;
}
ul.numbersList li:last-child{
    border: none;
}
ul.numbersList h4{
    color: #D72D5B;
    margin-bottom: 0px;
}
ul.numbersList span{
    font-size: 90px;
    font-weight: 700;
}

.numbers-title {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    padding: 10px 0;
    position: relative;
    z-index: 2;
}
/* download style --------------------------------------------------------*/
#download{
    color: #ff6863;
}
.logoDownload{
  /*  margin-bottom: 15px;*/
  width:230px;
}
.btn-app-download {
    padding: 15px 30px 15px 80px;
    position: relative;
    border:2px solid #615958;
    display: inline-block;
    color: #FFF;
    margin: 5px;
    text-align: left;
    border-radius: 40px;
    background-color: #444040;
}
.btn-app-download:hover,.btn-app-download:focus{
    color: #fff;
    outline: none;
    border:2px solid #FC453F;
    background: #FC453F;
}
.btn-app-download i {
    font-size: 40px;
    left: 0;
    line-height: 1;
    margin: 15px 0 0 30px;
    position: absolute;
    top: 0;
}
.btn-app-download strong {
    display: block;
    font-weight: 700;
    margin-bottom: 6px;
}
.btn-app-download span {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-top: -3px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
/* plans style --------------------------------------------------------*/
#plans{
    padding: 150px 0px;
    background: #ffffff;
}
#plans .item{
    background: #35b876;
    border-top: 6px solid #1F7349;
    text-align: center;
    padding: 40px 0px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 2;
	color:#ffffff;
	min-height:400px;
}
#plans .item:hover{
    transform: scale(1.1,1.1);
    z-index: 99;
}


#plans .item .package{
    font-weight: 700;
    font-size: 30px;
}
#plans .item .price{
    height:100px;
}
#plans .item .price p {
    color: #ffffff;
    display: inline-block;
    font-weight: 700;
    font-size:70px;
    height:100px;
    position: relative;
    margin: 0px;
    line-height: 100px;
}
#plans .popular .price p {
    font-size: 90px;
}
#plans .item .price p span {
    line-height: normal;
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    position: absolute;
}

#plans .item .price p span.currency {
    right: -15px;
    top: 15px;
}
ul.plans-list{
    margin: 0px;
    padding: 30px 10px;
    list-style: none;
}
ul.plans-list li {
    font-weight: 400;
    letter-spacing: 1px;
    padding: 10px 0px;
}
.popular ul.plans-list li {
    color: #fff;
}
#plans .popular{
    background: #654682;
    color: #fff;
    transform: scale(1.1,1.1);
}
#plans .popular .btn-new{
    border-color: #fff;
    color: #fff;
}
#plans .popular .price p{
    color: #fff;
}

/* charul - 30/3 */

#plans .pink{background: #FF6863; color:#ffffff;}
#plans .pink .price p{color:#ffffff;}

#plans .pink .btn-new, #plans .item .btn-new{border:2px solid #ffffff; color:#ffffff}


/* clients -------------------------------------------------------- */
#clients{
    background: #222;
    border-top: 1px solid #111;
    padding:50px 0px;
    position:relative;
    overflow: hidden;
    text-align: center;
}
.clientsLogos span{
    display: inline-block;
    margin: 0px 20px;
}
.imgClient{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-bottom: 5px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}
.imgClient:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

/* contact ----------------------------------------------------------- */
#contact .overlay{
    padding-bottom: 0px;
}
.infoDetails{
    width: 100%;
    margin: 0 auto;
    float: none;
}
.infoDetails span.phone{
    padding:0px 20px;
    margin: 0px;
    font-size:85px;
    background: rgba(255, 255, 255, 0.1);
    font-weight: 700;
}
.contactBg{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    padding: 50px 0px;
    position: relative;
    z-index: 2;
}
#contactForm input {
    background:#ffffff;;
    border:none;
/*    border-bottom: 2px solid #ffffff;*/
    height: 40px;
    margin-bottom: 20px;
    padding: 10px;
    width: 100%;
    color:#FF6863;
    outline: none;
    border: 2px solid #FFB3B1;
    border-radius: 8px;
}

input:-moz-placeholder{
	color:#ffffff;
	}
input:-webkit-placeholder{
	color:#ffffff !important;
	}


#contactForm textarea {
   background:#ffffff;
    border:none;
   /* border-bottom: 2px solid #ffffff;*/
    height: 70px;

    max-height: 120px;
    resize: none;
    margin-bottom: 50px;
    overflow: hidden;
    padding: 10px;
    width: 100%;
    color:#FF6863;
    outline: none;
    border: 2px solid #FFB3B1;
    border-radius: 8px;
}
#contactForm .success,#contactForm .error {
    display: none;
    text-align: center;
    margin-bottom: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px;
}
/* Footer ---------------------------------------------------------- */
footer {
    background:#111;
    padding:50px 0;
}
footer p {
    text-align: center;
    color: #fff;
}
footer p a {
    font-weight: 700;
    color: #FF6863;
}
footer p a:hover {
    color: #FF6863;
}
.circleSocial {
    padding: 0;
    display: table;
    margin: 0 auto;
}
.circleSocial li {
    list-style: none;
    float: left;
    margin: 2px;
}
.circleSocial li a {
    width: 40px;
    height: 40px;
    background: transparent;
    border:2px solid #fff;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height:36px;
    font-size: 16px;
    margin: 2px;
}
.circleSocial li a:hover,.circleSocial li a:focus {
    border-color: #FF6863;
    outline: none;
    color: #FF6863;
}

/* extra css -------------------------------------------------------- */

.banner-love{
  width: 71px;
  height: 64px;
  margin: 0 auto;
}
.banner-logo01{
width:171px;
height:169px;
margin:0 auto 0 auto;
}
.banner-headtxt2{
margin-top:30px;
}
.tophead{
height:24px;
font-size:13px;
color:#fff;
text-align: center;
background-color:#43c8c5;
}
.tophead_txt{
color:#fff;
float:right;
padding:2px 10px 0 0;
}
.tophead_txt a{
text-decoration:none;
color:#fff;
}
.tophead_txt a:hover{
color:#4C1717;
}
.mobileBg {
  width: 132%;
  position: absolute;
  top: 185px;
  z-index: 111;
}
.btn-purple:hover,.btn-purple:focus{
background-color:#472C61 !important;
}
.btn-green:hover,.btn-green:focus{
background-color:#1F7349 !important;
}
.border-pink{
border-top:6px solid #FC453F !important;
}
.border-purple{
border-top:6px solid #472C61 !important;
}
.cnt_mainbox{
padding:15px 0 40px 0;
}
.drop-color{
background-color:#408C8B !important;
color:#fff !important;
}
.team-cnttxt{
font-weight: lighter;
font-size: 24px;
line-height: 34px;
}
.interest-txt{
text-shadow: 0px -1px 1px #000 !important;
}
.contact_btn{
margin-top:-47px;
}
.navbar-collapse.in{
overflow-y: inherit;
}
/* responsive style ----------------------------------------------------------------- */
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .infoDetails{width: 100%;}
    .features-left ul{margin-top: 50px;}
    .features-right ul{margin-top: 50px;}
    .video .fluid-width-video-wrapper{ min-height: 400px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    #services,#firstFeature,#secondFeature,#videoSection,#thirdFeature,#features,#screenshots,#team,#plans{padding-top: 50px !important;padding-bottom: 50px !important}

    #firstFeature .phones {
        height: 400px;
        margin: 0 auto;
        width: 90%;
    }
    .welcomeText{
        text-align: center;
    }
    #secondFeature{
        height: auto;
        padding: 150px 0px;
    }
    .secondFeatureRight{
        float: none;
        margin: 0 auto;
        top: 0px;
    }
    .secondFeatureLeft{
        margin-right: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }
    #secondFeature h2{
        margin-top: 20px;
    }
    #secondFeature{
        overflow: hidden;
        text-align: center;
    }
    #secondFeature .circleSocial{
        float: none;
        margin-bottom: 20px;
    }
    ul.numbersList li{
        border:none;
    }
    .video .fluid-width-video-wrapper{ min-height: 200px;}
    #plans .popular .price p{font-size: 70px;}
    #featuresMobile{margin-top: 0px;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    #thirdFeature{padding:50px 10px !important;}
    .navbar-nav { width: 100%;margin: 10px 0px;}
    .navbar-collapse {
        max-height: 355px !important;
        padding-bottom: 15px;
        padding-right: 15px;
        padding-left: 15px;
        overflow-x: visible;
        border-top: 1px solid transparent;
    }
    .infoDetails span.phone{font-size: 60px;}
    .downloadNumber{font-size:60px; }

}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .parallaxBg {
        background-attachment: inherit !important;
    }
    #firstFeature .phones {
        height:250px;
        margin: 0 auto;
        width: 100%;
    }
    #firstFeature .phone-front{
        height: auto;
        width: 50%;
        right: 0px;
        left: 40%;
    }
    #firstFeature .phone-back{
        height: auto;
        width: 50%;
        left: 5%;
    }
    #firstFeature .shadow-left{
        height: 100%;
        right: 10%;
    }
    ul.numbersList h4 {font-size: 16px;}
    ul.numbersList span{font-size: 60px;}
    .infoDetails h2{font-size: 24px;}
    .infoDetails span.phone{font-size: 30px;}
    .downloadNumber{font-size:40px; }
    #intro .btn-new{padding:15px 20px; }
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    #firstFeature .phones {
        height: 200px;
    }
}

/* login-popup */

.modal-content{ display: table;width: 100%; background:#ffffff; background-size:cover; box-shadow: none; border-top: none !important; height:auto;}

.modal-footer{border-top:none}
.modal-body{padding:0px;}
.login_right_side {    position: fixed;    right: 0px;    height: 100%;    background: url("../images/login_right_bg.jpg") 0% 50% / cover no-repeat;}
.mar_top{margin-top:23px;}
.login_contain{width:90%; margin:40px auto 0px; display:table}
.login_contain img{width:225px;}
.good_time_block h3{ margin-top:39px; margin-bottom:5px; color:#000000;}
.good_time_block p{margin-top:0px; margin-bottom:0px; font-size:12px;}
.good_time_block h4{line-height:28px; font-size:16px; float:left;}
.good_time_block h4 b { float: left; font-size: 16px;  font-weight: normal; line-height: 28px; margin-top: 12px !important;    width: 100%;}


.login_textbox{margin-top:18px;}
.login_textbox button{background: #35b876;    border: none;    color: #ffffff;    font-size: 20px;    font-weight: bold;}
.login_textbox input[type=button]{background: #35b876;    border: none;    color: #ffffff;    font-size: 20px;    font-weight: bold;     width: 110px;}

.otp_ganerate button{border:1px solid #35b876; background:#ffffff; color:#35b876; font-size:15px; text-transform:uppercase}
.otp_ganerate .otpbtn{border:1px solid #35b876; background:#ffffff; color:#35b876; font-size:15px; text-transform:uppercase}
.otp_ganerate{margin-top:25px; width:100%;}
.otp_ganerate p{   font-size: 14px;    color: #888888;    line-height: 18px;}
.otp_ganerate a{font-size:14px; color:#888888}
.modal-footer{padding:0px;}
.close_btn{position: absolute;   right: -28px;   top: -28px;    border-radius: 0px;    width: 50px;    background: #ffffff !important;    height: 45px;    border: none;}
.close_btn i{    font-size: 18px;    color: #888888;}
.modal-dialog{max-width:830px; margin-top:60px;}
.modal-backdrop.in{opacity:.8}
.close_btn:focus{outline:none}

/*close_btn */

.close_btn{width: 45px;border-radius: 100px;}
.close_btn i { color:#35B876}
.btn-default{background:rgba(255, 255, 255, 0.2);}



/* right side welcome note */


.welcome_note{margin-top:106px;}
.welcome_note h3{color: #35b876;padding-right: 0px; margin-right: 0px;/* float: right; */font-weight: 400;font-size: 30px;    margin-right: -7px;}
.welcome_note span{     color: #ffffff;    font-size: 25px;    font-weight: normal;    margin-right: 7px;}
.welcome_note p{font-size:14px; text-align:right; color:#ffffff;}

.border {
    height: 1px;
    margin-top: 30px;
    border-bottom: 1px solid rgb(224, 224, 224);
}


.register_contain {
    width: 80%;
    display: table;
    margin: 0px auto;
	color:#3a4f65;
}
.register_btn_logo {
    position: fixed;
    bottom: 20px;
    text-align: center;
    right: 10px;
    width: 256px;
}
/*.login_box.pwd
{
    padding-bottom: 65px;
}*/
.login_box, .register_box {
    padding-bottom: 40px;
	min-height:600px;
}
.login_heading {
    font-size: 18px;
    font-weight: normal;
    height: 38px;
    margin-top: 10px;
    line-height: 38px;
    color: rgb(0, 0, 0);
}

h3.register_heading {
    font-size: 20px;
    font-weight: normal;
    height: 58px;
    line-height: 58px;
    padding-left: 38px;
    color: rgb(0, 0, 0);
    border-bottom: 1px solid rgb(224, 224, 224);
    margin: 0px;
}

.count_unit{line-height:38px;}


/* step- by-step */
.step_by_step{padding-left:0px; position:relative}
.step_by_step li{list-style:none; width:48px;    margin: 0px 7% 0px;
border-radius:100px; height:48px; width:48px; background:#edeef2; line-height:48px; color:#888888; text-align: center;
    font-size: 20px; float:left; position:relative}

li.active_round_box{border-radius:100px; height:48px; width:48px; background:#35b876; line-height:48px; color:#ffffff; text-align: center;
    font-size: 20px;}


li.round_box:before {
    content: " ";
    position: absolute;
    /* z-index: -1; */
    top: 20px;
    left: 100%;
    right: 5px;
    bottom: 5px;
    border: 1px solid #edeef2;
    width: 76px;
    height: 1px;

}
li:last-child.round_box:before {
   border: none;
}
li.active_round_box:before {
  content: " ";
    position: absolute;
    /* z-index: -1; */
    top: 21px;
     left: 100%;
    right: 5px;
    bottom: 5px;
    border: 1px solid #35b876;
  width: 76px;
    height: 1px;
	 }

.car_img{width: 30%;
    float: left;
    margin-top: 23px;
}
.car_img img{width:100%;}
.login_textbox p{font-size:12px; width:100%; text-align:center}


.third_step{}


.on_radio_btn{width:34%;float: left; line-height: 40px;}


.login_textbox input[type=file] {
    width: 100%;
    height: 100%;
    border: 1px solid #e2e4e9;
    height: 103px;
    opacity: 0;
    position: absolute; left:0px;
}

.pet_box input{margin-bottom:5px;}

.upload_pets{text-align:center;border: 1px solid #e2e4e9; height:103px;}
.upload_pets img {
    width: 51%;
    height: 100%;
    text-align: center;
}
.capture_icon{position:absolute; right:0px; height:30px; width:30px; top:0px;background: rgba(216, 216, 216, 0.61);
    text-align: center;
    line-height: 29px;}

.modal-content{border:none;}

.pets_bottom_note{background:#999; padding:5px;}
.pets_bottom_note p{font-size:13px; }

.pet_terms{background:#F1F1F1; padding:5px; margin-top:10px;}
.pet_terms p{font-size:12px; text-align:center;    margin-bottom: 0px}
.complex_btn a{background:#3a4f65; padding:5px 10px; margin-right:10px; color:#ffffff;}
.heading_txt h3{font-size:18px;}
.heading_txt p{font-size:13px;}
.submit_btn{margin:20px auto; width:30%;}


/* registration dropbox page */

.Select_heading_dropbox{ text-align:center; margin-top:20px;}
.Select_heading_dropbox p {font-size:13px;}
.Select_heading_dropbox h3 {font-size:23px; margin-top:10px}


.thank_you_heading{ text-align:center; margin-top:20px; border-bottom:2px solid #888888}
.thank_you_heading p {font-size:13px;}
.thank_you_heading h2{font-size:23px; margin-top:10px}

.thank_you_bg{background:#3c7eb7; color:#ffffff;font-size:15px; padding:10px; margin-top:10px; margin-bottom:10px;}
.thank_you_img{max-width:100%;}
.minor_margin{margin-top:5px;}

.login_textbox input[type=radio]{

	margin-right:5px;
	}

.Agency_txt_box{width:100%; float:left;}
.self_txt_box{width:100%; float:left; margin-top:20px;}
.self_txt_box h4, .login_textbox h4{margin-bottom:10px; float:left; width:100%;font-size:16px;}


/* super_admin_loginpage */

.super_admin_box{width: 35%;
    margin: 4% auto 0px;
    background: #ffffff;
    display: table;
    /* height: 100%; */
    position: relative;
    border: 1px solid #dee1e2;}

.nav-logo img {
    width: 240px;
    float: left;
    margin-top: 5px;
}

.login_textbox .login_btn {
    background: #35b876;
    border: none;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}



.slogan_link{margin-bottom: 40px;font-size: 26px !important; color:#333; }
.mix-color{font-size:80px;}
.mix-color span:nth-child(1){color:#654682}
.mix-color span:nth-child(2){color:#FF6863}
.mix-color span:nth-child(3){color:#3DCEC7}
.mix-color span:nth-child(4){color:#35b876}
.big_size h2,.big_size h1{font-size:50px;}
.big_size p{font-size:18px;}


.login-mix-color span:nth-child(1){color:#654682}
.login-mix-color span:nth-child(2){color:#3DCEC7}
.login-mix-color span:nth-child(3){color:#35b876}
.login-mix-color span:nth-child(4){color:#FF6863}
.login-mix-color span:nth-child(5){color:#FFA500}

.login-mix-color h4 b{font-weight:normal !important;}

/* 18/4/2016 */


h1.sub_heading{font-size:55px; color:#35b876}






@media (max-width:980px) {
	.login_right_side {display:none}
	.close_btn{right:0px;}
	.submit_btn{width:auto}
		.modal-content{background:#ffffff; height:auto;}
	.login_contain{margin-top:45px;}
	.modal-dialog {margin: 50px auto; max-width: 370px;}
	.close_btn:hover{border-radius:0px; background:#f6f7fb}
	.close_btn{top:0px}
	ul.numbersList span{  font-size: 60px;}
	ul.numbersList{width:100%;}

	}

@media (max-width:767px) {
	.servicesList li{   max-height: 466px;    min-height:auto; padding-bottom:40px;}
	ul.numbersList span{font-size: 60px;}
ul.numbersList h4{font-size:20px;}

	}

@media (max-width:640px) {
.step_by_step li{margin: 0 6%;}
.space80{margin-bottom:40px}
#intro h1{font-size:30px;}
.middle-intro img{width:80%}
h1, h2{font-size:33px}
#services, #firstFeature, #secondFeature, #videoSection, #thirdFeature, #features, #screenshots, #team, #plans{  padding-bottom:25px !important;    padding-top:25px !important;}
.features-right ul li:last-child{margin-bottom:0px}
ul.numbersList li{width:100%; margin-bottom:20px}
.big_size h2, .big_size h1{font-size:38px}
.mix-color{font-size:50px}
.overlay{background:rgba(0, 0, 0, 0.2) none repeat scroll 0 0;}


}
@media (max-width:480px) {
.step_by_step li{margin: 0 5%;}
h1.sub_heading{font-size:35px;}

}

@media (max-width:360px) {
.step_by_step li{margin: 0 2%;}
li.round_box::before{width:100%;}
li.active_round_box::before{width:100%;}
.modal-dialog {margin: 0px auto; max-width: 100%;}
.modal-content{height:100%;}
.servicesList li{min-height:auto;}
.overlay{ padding: 50px 0;}
}