html, body{
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
    background-color: #FFF;
}
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	color:#007AFF;
}

a:hover{
	text-decoration: none;
	color:#4CD964;
}

/*-----start-header----*/
.header{
	background:#FFFFFF;
}

.logo{
	float: left;
	margin-top: 0.25em;
}
.logo a{
	color: #FFF;
	font-weight: 700;
}
.logo a:hover{
	text-decoration:none;
}
.logo320{
	display:none;
}

/*----navbar-nav----*/

.top-header{
	background: #4CD964;
	padding: 0.7em 1.5em;
	border-radius: 13px;
	margin: 3.5em 0 0 0;
}
.top-nav ul li a{
	color: #FFFFFF;
	padding: 0.2em 1.5em;
	font-size: 0.9em;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	font-weight: 700;
}
.top-nav ul li.active a,
.top-nav ul li a:hover{
	color:#282528;
}
.logo a{
	display:block;
}
/* top-nav */
.top-nav:before,
.top-nav:after {
    content: " ";
    display: table;
}
.top-nav:after {
    clear: both;
}
nav {
	position: relative;
	float: right;
}
nav ul {
	padding: 0;
	float: right;
	margin: 0.75em 0;
}
nav li {
	display: inline;
	float: left;
	position:relative;
}
nav a {
	color: #fff;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
}
nav a:hover{
	text-decoration:none;
	color:#00A2C1;
}
nav a#pull {
	display: none;
}


/*------Hero------*/

.hero{
	background:#FFFFFF;
/* 	display:inline-block; */
	margin-top:50px;
}

.hero h1{
	font-size: 70pt;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	color:#000000;
	margin-top: 80pt;
}

.hero h1 span{
	font-weight:800;
}

.hero h2{
	color:#282528;
	padding:0;
	margin:0.3em 0;
	font-size:20pt;
} 

.app-highlights {
	margin: 1.2em;
}

.app-highlights ul li{
	color: #282528;
	font-size: 13pt;
	font-weight: 500;
	margin: 0 0 10px;
}

.features{
	background:#FAFAFA;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 768px) {
	nav { 
  		height: auto;
  		float:none;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 100%;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #eee;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
  	}
}
/*Styles for screen 515px and lower*/
@media only screen and (max-width : 768px) {
	nav {
		border-bottom: 0;
		float:none;
	}
	nav ul {
		display: none;
		height: auto;
		margin:0;
		background: #fff;
	}
	nav a#pull {
		display: block;
		position: relative;
		color: #F26D7D;
		text-align: right;
		position: absolute;
		top:12px;
	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	nav a#pull img{
		margin-right:2%;
	}
	.top-nav ul li a {
		color: #2C3E50;
		padding: 0em 0;
	}
}
/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav {
		float:none;
	}
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #EEE;
	}
}

@media screen and (max-width: 600px) {
  h1 {
    font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
  .callbacks_nav {
    top: 47%;
    }
}
/*----*/
.callbacks_tabs a{
 visibility: hidden;
}
.callbacks_tabs a:after {
  content: "\f111";
  font-size:0;
  font-family: FontAwesome;
  visibility: visible;
  display: block;
  height:18px;
  width:18px;
  display:inline-block;
  border:2px solid #FFF;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
}
.callbacks_here a:after{
	border:2px solid #282528;
}

.slide-text-info{
	margin: 2.5% 0;
	text-align: left;
	position: absolute;
	left: 16%;
}
.slide-text p{
	font-size: 0.872em;
	width: 50%;
	margin: 0 auto;
	font-weight: 200;
	line-height: 1.6em;
	margin-bottom: 1em;
}
/*----*/
.btn1{
	color:#FFF;
	text-transform:uppercase;
}
/*----*/
.slide-text ul li span{
	width:7px;
	height:12px;
	background:url(../images/arrow1.png) no-repeat 0px 0px;
	display:inline-block;
	margin-right:0.5em;
}


/*----*/
.big-btns{
	margin-top:30px;
	margin-bottom:30px;
	display: block;
}
.big-btns a{
	display: inline-block;
	padding: 0.5em 1.2em 0.5em 0.8em;
	font-size: 1em;
	font-weight: 600;
	color: #282528;
}
.big-btns a:hover{
	text-decoration:none;
	color:#282528;
	opacity:0.9;
	border-color:#FFF;
	transform: scale(1.02,1.02);
	-webkit-transform: scale(1.02,1.02);
}

.big-btns a label{
	width: 40px;
	height: 34px;
	background: url(../images/btn-icons.png) no-repeat 0px 0px;
	display: inline-block;
	vertical-align: middle;
	margin-right:0.5em;
}


.big-btns a.appstorebutton{
	background: url(../images/appstore.svg) no-repeat;
	width: 190px;
	height: 62px;
	display: inline-block;
}

.big-btns a.appstoresoonbutton{
	background: url(../images/soonappstore.svg) no-repeat;
	width: 190px;
	height: 62px;
	display: inline-block;
}

.big-btns a.subscribebutton{
	background: url(../images/subscribe.svg) no-repeat;
	width: 190px;
	height: 62px;
	display: inline-block;
	margin-left:15pt;
}

.big-btns a.download label{
	background-position:0px 0px;
}
.big-btns a.view label{
	background-position:-41px 0px;
}

.hero-device{
	width:100%;

}
.header-section{
	position:relative;
}
/*----//slider----*/
/*-----features----*/
.section-head{
	text-align:center;
	padding:2em 0;
}
.section-head h3{
	color:#282528;
	font-weight:800;
	font-size:22pt;
	line-height: normal;
}

.section-head h1{
	line-height: 1.4;
}

.section-head h3 span{
	width:10%;
	background:#8A888A;
	height:1px;
	display:inline-block;
	vertical-align:middle;
}
span.frist{
	margin-right:1em;
}
span.second{
	margin-left:1em;
}
.section-head p{
	width: 95%;
	margin: 2em auto 1.5em auto;
	color: #282528;
	line-height: 1.8em;
	font-size: 1.1em;
}





/*----features-grids----*/
.features-grid-info{
	margin:4em 0;
}
.features-icon span{
	width:40px;
	height:40px;
	display:inline-block;
	background:url(../images/feature-icons-l.svg) no-repeat 0px 0px;

}

.features-icon span.f-icon1{
	background-position: 0px -200px;
}
.features-icon span.f-icon2{
	background-position: 0px -405px;
}
.features-info h4{
	font-weight:700;
	color:#282528;
}
.features-info p{
	color:#282528;
	font-size:0.875em;
	line-height:1.8em;
}
.features-icon1{
	background-position:0px 0px;
}
/*----*/
.features-icon1 span{
	width:40px;
	height:40px;
	display:inline-block;
	background:url(../images/feature-icons-r.svg) no-repeat 0px 0px;
	margin-right:3em;
}
.features-icon1 span.f-icon4{
	background-position: 0px -200px;
}
.features-icon1 span.f-icon5{
	background-position: 0px -405px;
}

/*----screen-shot-gallery----*/
.screen-shot-gallery{
	background:#FAFAFA;
	padding:3em 0;
}
/*-----*/
.show-reel{
	background:#6595f9;
	margin:2em 0 0;
}
.show-reel h5 span{
	width:37px;
	height:43px;
	display:inline-block;
	background:url(../images/play-btn.png) no-repeat 0px 0px;
	vertical-align:middle;
}
.show-reel h5 span:hover{
	opacity:0.8;
}
.show-reel h5{
	font-size: 2em;
	font-weight: 100;
	letter-spacing: 0.5em;
	padding: 6em 0;
}

.item p{
	font-size:1.1em;
	line-height:1.6em;
	margin:2em 0;
	color:#282528;
}
.test-monials{
	padding:5em 0;
}
.quit-people img{
	border-radius:30em;
	-webkit-border-radius:30em;
	-moz-border-radius:30em;
	-o-border-radius:30em;
	-ms-border-radius:30em;
	border:3px solid #6595f9;
}
.quit-people{
	margin-bottom:1em;
}
.quit-people h4{
	margin:0.5em 0 0.3em 0;
	padding:0;
}
.quit-people h4 a{
	color:#282528;
	font-weight:600;
}
.quit-people span{
	color:#282528;
	font-size:0.875em;
}
/*--- //team ---*/
/*---- featured -----*/
.featured{
	background:#6595f9;
	padding:2em 0 10em;
}
.featured h3{
	margin-bottom:3em;
}
/*---- //featured -----*/
/*--- getintouch -----*/
.contact-form h3{
	color:#282528;
	font-size:1.2em;
	font-weight:600;
	margin:1em 0;
}
.contact-form input[type="text"],.contact-form textarea{
	width: 100%;
	border-right: none;
	border-left: none;
	border-top: none;
	border-bottom: 2px ridge #DBDBDB;
	outline: none;
	padding: 2em 0 2em 0;
	font-size: 0.9em;
}
.contact-form textarea{
	height:130px;
	outline:none;
	border-bottom: 1px ridge #DBDBDB;
	resize:none;
}
.contact-form input[type="submit"]{
	background: url(../images/msg-icon.png) no-repeat 0px 0px;
	height: 23px;
	width: 167px;
	display: block;
	outline: none;
	text-indent: 30px;
	border: none;
	margin: 1em 0;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.contact-form input[type="submit"]:hover{
	opacity:0.9;
	color:#999;
}
/*----*/

.footer{
	background-color: #4CD964;
	color:#FFFFFF;
}
.footer-social-icons{
	margin:0;padding:0;
}
.footer-social-icons{
	margin-top:1.5em;
}
.footer-social-icons li{
	list-style: none;
	padding: 1em 0;
}
.footer-social-icons li a span{
	width:27px;
	height:27px;
	display:inline-block;
	background:url(../images/social-icons.png) no-repeat 0px 0px;
}
.footer-social-icons li a:hover{
	opacity:0.8;
}
.footer-social-icons li a.f-tw span{
	background-position:0px -40px; 
}
.footer-social-icons li a.f-db span{
	background-position: 0px -83px;
}
.footer-social-icons li a.f-ti span{
	background-position: 0px -128px;
}
.footer-social-icons li a.f-go span{
	background-position: 0px -171px;
}
.getintouch {
	background-color: #FFFFFF;
	padding: 2em 0 0 0;
}
/*--- //getintouch -----*/
/*-----footer----*/
.footer-grid p{
	font-size:0.875em;
	line-height:1.8em;
}
.footer-grid h3{
	font-size:1.2em;
	font-weight:600;
	color:#282528;
}
.subscribe input[type="text"]{
	border: none;
	outline: none;
	position: relative;
	padding: 0.6em 0.6em;
}
.subscribe input[type="submit"]{
	width: 18px;
	height: 13px;
	display: inline-block;
	background: url(../images/arrow-2.png) no-repeat 0px 0px;
	border: none;
	outline: none;
	position: absolute;
	right: 10px;
	top: 38%;
}
.subscribe form{
	border: 1px solid #CCCCCC;
	height: 43px;
	position: relative;
	margin: 1.3em 0;
}
.explore ul{
	margin:0;
	padding:0;
}
.explore li{
	list-style:none;
}
.explore li a{
	font-size:0.875em;
	line-height:1.8em;
}
.explore li a:hover{
	text-decoration:none;
	color:#999;
}
.copy-right{
	margin-top:10px;
}

.copy-right a{
	color:#FFFFFF;
}

.copy-right a:hover{
	color:#000000;
}

p.copy{
	font-weight:600;
}
p.copy a:hover{
	color:#999;
	text-decoration:none;
}
.footer-grids{
	padding:2em 0;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 26px;
	right: 3%;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url("../images/to-top1.png") no-repeat 0px 0px;
	border-radius: 30em;
}
#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}


/*--responsive design--*/
@media (max-width:1280px){

	.hero img{
		width:100%;
	}
	
	.hero h1{
		font-size:58pt;
		margin-top:60pt;
	}
	
	.hero h2{
		font-size:16pt;
	}
	
	.app-highlights ul{
		padding: 0;
		margin:0;
	}
	
	.app-highlights ul li {
      font-size: 11pt;
    }
   
	.slide-text-info {
		margin: 0% 0;
		left: 8%;
	}
	.divice-demo{
		right:0;
	}
	.big-divice img{
		width:100%;
	}

	.features-grid-info {
	  margin: 2em 0;
	}
	
	.footer-divice img{
		width:100%;
	}
	.footer-divice{
		margin-top:15em;
	}

   
   .top-header {
	  margin: 2.5em 0 0 0;
    }
    .show-reel h5 {
	  padding: 4em 0;
    }
}

@media (max-width:920px){

	.top-nav ul li a {
		 padding: 0.2em 1em;	
	}
	.hero-device img {
		 width: 60%;
	}
	
	.hero-device{
		text-align:center;
	}

	.hero {
		text-align: center;
	}
	
	.hero h1 {
	  font-size: 70pt;
	}
	
	.hero h2 {
	  font-size: 20pt;
	}
	
	.app-highlights ul{
		list-style-position: inside;	
	}

	.app-highlights ul li {
	  font-size: 15px;  
	}
	
	.big-divice{
		text-align:center;
	}
	.big-divice img {
	  width: 70%;
	  display:inline-block;
	}
	.features-grid-info {
	  margin: 2em 0;
	}
	.show-reel h5 {
	  padding: 2em 0;
	  font-size:1.5em;
	}
	.col-md-3.team-member {
	  width:50%;
	  float: left;
	}
	.team-member-info label {
	  height:86%;
	}
	.callbacks_tabs {
	  left: 44%;
	}
}

/*-----768px-mediaquries----*/
@media (max-width:768px){
	.hero-device img {
		 width: 70%;
	}
	.slide-text-info {
		margin: -2% 0 0;
		left: 10%;
	}
	.divice-demo{
		right: 5%;
		text-align: right;
	}
    .team-member-info label {
		min-height: 125px;
		padding:2em;
		top:0;
	}
	.footer-divice img{
		width: initial;
	}
	.footer-divice{
		margin-top:1em;
		text-align: center;
	}
	
	.hero h1 {
	  font-size: 70pt;
	  margin-top:0px;
	}
	
	.hero h2 {
	  font-size: 20pt;
	}
	
	.app-highlights ul li {
	  font-size: 15px;  
	}
	.slide-text {
		margin: 0.5em 0;
	}

	.slide-text ul li:nth-child(2){
		display:none;
	}

	.callbacks_tabs a:after {
		height: 10px;
		width: 10px;
	}
	.top-header {
		margin: 2.5em 0 0 0;
	}
	.section-head h3 {
		font-size: 1.4em;
		margin: 0;
	}
	.section-head p {
		width: 80%;
		margin: 1em auto 0.8em auto;
		font-size: 0.875em;
	}
	.features-grid-info {
		margin: 2em 0;
	}
	.team-member{
		margin-bottom:1em;
	}
	.footer-social-icons li {
		list-style: none;
		padding: 1em;
		display: inline-block;
	}
	.top-header {
		  background: #FFf;
		  padding: 0.3em 1.5em;
    }
    .footer-divice img {
        width: 25%;
    }
}

/*-----640px-mediaquries----*/
@media (max-width:640px){
	
	.slide-text-info {
		margin: -4% 0 0;
		left: 10%;
	}
	.divice-demo{
		right: 5%;
		text-align: right;
	}
    .team-member-info label {
		min-height: 125px;
		padding:2em;
		top:0;
	}
    .footer-divice{
		margin-top:1em;
		text-align: center;
	}
	.hero h1 {
	  font-size: 55pt;
	  margin-top:0px;
	}
	
	.hero h2 {
	  font-size: 16pt;
	  margin-top:10px;
	}
	
	.app-highlights ul {
	  padding:0;
	  margin:0 0 30px 0;
      list-style: none;
	}

	.app-highlights ul li {
	  text-align:center;
	  font-weight: bold;
	  font-style:italic;
	}

	.app-highlights ul li:nth-child(2){
		display:none;
	}
	
	.app-highlights ul li:nth-child(3){
		display:none;
	}

	.app-highlights ul li:nth-child(4){
		display:none;
	}
	
	.callbacks_tabs a:after {
		height: 10px;
		width: 10px;
	}
	.top-header {
		margin: 2em 0 0 0;
		padding: 0em 1em;
	}
	.section-head h3 {
		font-size: 1.4em;
		margin: 0;
	}
	.section-head p {
		width: 80%;
		margin: 1em auto 0.8em auto;
		font-size: 0.875em;
	}
	.features-grid-info {
		margin: 2em 0;
	}
	.team-member{
		margin-bottom:1em;
	}
	.footer-social-icons li {
		list-style: none;
		padding: 1em;
		display: inline-block;
	}
	.big-btns {
		margin: 0.8em 0em;
		display: block;
	}
	.show-reel h5 {
		padding: 3em 0;
		font-size:1.8em;
	}
}

/*-----480px-mediaquries----*/
@media (max-width:480px){

	.hero-device img {
		 width: 100%;
	}
	
	.hero h1 {
		font-size: 42pt;
		margin: 0;
		padding:0;
	}
	
	.hero h2 {
		font-size: 12pt;
		margin-top:10px;
	}
	
	.app-highlights ul {
	  padding:0;
	  margin:0 0 30px 0;
      list-style: none;
	}

	.app-highlights ul li {
	  text-align:center;
	  font-weight: bold;
	  font-style:italic;
	}

	.app-highlights ul li:nth-child(2){
		display:none;
	}
	
	.app-highlights ul li:nth-child(3){
		display:none;
	}
	
	.app-highlights ul li:nth-child(4){
		display:none;
	}
	
	.big-btns a.appstorebutton{		
		margin:0;
	}

	.big-btns a.subscribebutton{
		margin:10px 0 0 0;
	}
	
	.slide-text-info {
		margin: -6% 0 0;
		left: 6%;
	}
	.divice-demo{
		right: 4%;
		text-align:right;
	}
	.big-divice img{
		width:95%;
		height:auto;
	}

	.footer-divice img{
		width: initial;
	}
	.footer-divice{
		margin-top:1em;
		text-align: center;
	}

	.callbacks_tabs a:after {
		height: 10px;
		width: 10px;
	}
	.top-header {
		margin: 1.4em 0 0 0;
		padding: 0em 1em;
	}
	.section-head h3 {
		font-size: 1.2em;
		margin: 0;
	}
	.section-head p {
		width: 90%;
		margin: 0.8em auto 0em auto;
		font-size: 0.875em;
	}
	.features-grid-info {
		margin: 2em 0;
	}
	.team-member{
		margin-bottom:1em;
	}
	.footer-social-icons li {
		list-style: none;
		padding: 1em;
		display: inline-block;
	}

	.show-reel h5 {
		padding: 3em 0;
		font-size:1.8em;
	}
	.subscribe input[type="text"] {
		width: 100%;
	}
	.item p {
		font-size: 0.875em;
	}
	.big-btns a label {
		display: none;
	}
	.callbacks_tabs {
		top: 83%;
		left: 51%;
	}
}

/*-----320px-mediaquries----*/
@media (max-width:320px){

	.hero img{
		width:100%;
	}
		
	.hero h1 {
		font-size: 36pt;
		margin: 0.0em 0;
	}
	
	.hero h2 {
		font-size: 10pt;
		line-height: normal;
		margin-top:5px;
	}

	.app-highlights ul {
	  padding:0;
	  margin:0 0 20px 0;
      list-style: none;
	}
	
	.app-highlights ul li:nth-child(2){
		display:none;
	}
	
	.app-highlights ul li:nth-child(3){
		display:none;
	}
	
	
	.section-head h1{
		font-size: 17pt;
	}
	
	.footer-divice img {
      width: 45%;
    }
	.footer-divice{
		margin-top:1em;
		text-align: center;
	}


	.callbacks_tabs a:after {
		height: 10px;
		width: 10px;
	}
	.top-header {
		margin: 1.4em 0 0 0;
		padding: 0em 1em;
	}
	.section-head h3 {
		font-size: 1em;
		margin: 0;
	}
	.section-head p {
		width: 90%;
		margin: 0.8em auto 0em auto;
		font-size: 0.875em;
	}
	.features-grid-info {
		margin: 2em 0;
	}

	.footer-social-icons li {
		list-style: none;
		padding: 1em;
		display: inline-block;
	}
	.big-btns {
		margin: 0em 0em;
		display: block;
	}
	.show-reel h5 {
		padding: 2em 0;
		font-size: 1.2em;
	}
	.subscribe input[type="text"] {
		width: 100%;
	}
	.item p {
		font-size: 0.875em;
	}
	.big-btns a label {
		display: none;
	}
	.callbacks_tabs {
		top: 95%;
		left: 4%;
	}

	.slide-text ul{
		display:none;
	}
	.screen-shot-gallery {
		padding: 0em 0;
	}
	.featured {
		padding: 0em 0 2em;
	}

	.test-monials {
		padding: 2em 0;
	}
	.getintouch {
		padding: 0em 0 0 0;
	}
	.logo img{
		width:80%;
	}
	nav a#pull {
	  top: 5px;
    }
    .container{
    	padding:0px 10px;
    }
    .col-md-4, .col-md-3{
    	padding:0;
    }
    .show-reel h5 {
		padding: 1em 0;
		font-size: 1em;
	}

}