body{
	margin:0;
	padding:0;
	background:#fff;
	font-family: 'Source Sans Pro', sans-serif;
 }
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;
}
h1,h2,h3,h4,h5,h6{
	margin:0;			   
}	
p{
	margin:0;
}
ul{
margin:0;
padding:0;
}
/*----*/
.banner{
background:url(../images/home-main-banner.jpg) no-repeat 0px 0px;
min-height:730px;
background-size:cover;
}
.banner-blog{
	background:url(../images/blog-banner.jpg) no-repeat 0px 0px;
	min-height:730px;
	background-size:cover;
	}
.header{
padding-top:3em;
}
.logo{
float:right;
}
.logo img{
    width:120px;
}

.top-menu{
float:left;
}
.top-menu ul li{
display:inline-block;
/* border-bottom:2px solid #16151b; */
}
.top-menu ul li a{
color:#bbb;
font-size:1.1em;
padding:0 15px 10px 15px;
display:block;
text-decoration:none;
margin:0 0.5em;
font-family: 'Roboto', sans-serif!important;
}

.top-menu ul li a:hover,.top-menu ul li.active a{
border-bottom:2px solid #ff0000;
}
.top-menu ul li a:hover{
color:#ff0000;
}
.banner-info{
margin-top:5%;
}
.blog-banner-info{
	margin-top:10%;
	}
.banner-pic{
text-align:right;
}
.banner-text{
padding-left:0;
margin-top:6%;
}
.banner-text h3{
font-size:1.2em;
/* font-weight:700; */
letter-spacing:1px;
/* text-transform:uppercase; */
color:#D70900;
margin-bottom:1.2em;
font-family: 'Encode Sans', sans-serif;
}
.banner-text h1{
font-size:3.4em;
font-weight:700;
line-height:6.5rem;
color:#fff;
margin-bottom:0.5em;
font-family: 'Encode Sans', sans-serif;
}
.banner-text p{
font-size:1.1em;
color:#999999;
line-height:1.5em;
margin-bottom:2em;
width:88%;
font-family: 'Encode Sans', sans-serif;
font-weight:normal;
}

a.google-play{
display:inline-block;
margin-right:1em;
}
	

a.google-play img{
width:11em;
}

a.google-play img:hover{
	box-shadow: 0px 1px 1px #ff0000, 0 5px 15px #D70900;
	border-radius:9px;
	}

a.apple-store{
	display:inline-block;
	margin-right:1em;
	}

a.apple-store img{
		width:11em;
		}
a.apple-store img:hover{
	box-shadow: 0px 1px 1px #ff0000, 0 5px 15px #D70900;
	border-radius:9px;
	}		
	
a.view{
background:transparent;
color:#fff;
font-size:1em;
border:1px solid #999999;
display:inline-block;
text-decoration:none;
margin-right:1em;
padding:10px 1.6em;
border-radius:3px;
/* font-weight:600; */
}
a.view-blog{
	background:transparent;
	color:#D70900;
	font-size:0.9em;
	font-family: 'Roboto', sans-serif;
	border:1px solid #D70900;
	display:inline-block;
	text-decoration:none;
	margin-right:1em;
	padding:10px 1.6em;
	border-radius:3px;
	/* font-weight:600; */
	}
/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #D70900;
  border:none;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*----*/
.features{
padding:4% 0;
border-bottom:1px solid #eeeeee;
}
.features-head{
text-align:center;
width:55%;
margin: 0 auto;
}
.features-head h4{
font-size: 1.5em;
letter-spacing: 1px;
color:#D70900;
margin-bottom: 0.7em;
font-family: 'Encode Sans', sans-serif;
}
.features-head h3{
font-size: 2.8em;
font-weight: 700;
color: #3A3A3A;
padding-bottom: 0.4em;
font-family: 'Encode Sans', sans-serif;
}
.features-section{
margin:0 auto;
width:80%;
margin-top:4em;
}
.feature-grid {
text-align:center;
padding-bottom:15px;
}
.feature-grid img{
margin-bottom:1em;
}
.feature-grid h3{
color:#1a1a1a;
font-size:1.9em;
margin-bottom:0.5em;
font-weight:500;
}
.feature-grid p{
color:#777;
font-size:1em;
line-height:1.5em;
font-weight:500;
font-family: 'Roboto', sans-serif;
}

.feature-grid-border{
border: solid 1px #E1E1E1;
border-radius:5px;
box-shadow: 0 4px 14px rgba(221, 221, 221, 0.7);  
}

/* New Grid Starts Css */


/* New Grid Ends Css */

.uba-movie-roll{
padding-top:20px;
}
.movie-roll-spacer{
	height:4em;
	padding-bottom:5px;
}
/*--about--*/
.about{
padding:4% 0;
background-color:#eee;
}
.about-device-info{
text-align:left;
padding-top:5em;
}
.device-text h4{
font-size: 1.5em;
letter-spacing: 1px;
color: #D70900;
margin-bottom: 0.7em;
font-family: 'Encode Sans', sans-serif;
}
.device-text h3{
font-size: 2.8em;
font-weight: 700;
color:#3A3A3A;
padding-bottom: 0.4em;
font-family: 'Encode Sans', sans-serif;
}

.device-text p{
color:#707070;
font-size:1.1em;
line-height:1.5em;
/* font-weight:400; */
margin-top:1em;
width:90%;
font-family: 'Roboto', sans-serif;
}
.about-list{
margin-top:2em;
}
.about-list ul li{
display:block;
}
.about-list ul li {
list-style-type: none;
margin-bottom: 0.5em;

text-decoration: none;
color:#3A3A3A;
font-size:1.25em;
font-weight:600;
}

.about-list ul li span {
background: url(../images/icons4.png) no-repeat;
width: 20px;
height: 18px;
display: inline-block;
vertical-align: middle;
margin-right: 13px;
}
.about-list ul li span.abt1{
background-position:-7px -12px;
}
.about-list ul li span.abt2{
background-position:-7px -37px;
}
.about-list ul li span.abt3{
background-position:-7px -69px;
}
.about-list ul li span.abt4{
background-position:-7px -97px;
}
/*-----*/
.about-bottom{
background:#f2f2f2;
padding:3% 0;
}
.device-text-bottom{
text-align:left;
padding-top:5em;
}
.about-customize {
width:45%;
}
.device-text-bottom h4{
font-size: 1em;
font-weight: 700;
letter-spacing: 1px;
color: #D70900;
margin-bottom: 0.7em;
}
.device-text-bottom h3{
font-size: 2.7em;
font-weight: 600;
color: #1a1a1a;
padding-bottom: 0.7em;
background: url(../images/line.png) no-repeat 0% 100%;
}
.device-text-bottom p{
color:#aeadad;
font-size:1.3em;
line-height:1.5em;
font-weight:400;
margin-top:1em;
width:100%;
}

/*--video main--*/
.video{
background:url(../images/staticVideo.jpg) no-repeat;
min-height:450px;
background-size:cover;
padding:5% 0;
text-align: center;
}

.video img{
	margin-top:4%;
	margin-bottom:2em;
	width:60px;
}
.video h1{
	color:#fff;
	font-weight:bold;
	font-size:35px;
	font-family: 'Encode Sans', sans-serif;
	margin-bottom:0.3em;
}
.video h3{
	color:#fff;
	font-size:15px;
	font-family: 'Encode Sans', sans-serif;
}
/* sample video starts */
#videoDiv {width: 100%; height: 100%; position: relative;}
#videoBlock {width: 100%; height: 100%;  display: flex;  justify-content: center; align-items: center;}
#videoMessage {width: 100%; height:100%; position: absolute; top: 0; left: 0;}
#videoMessage{
	
	margin-top:150px;
}

#videoMessage h1{font-size: 2em;color:#ffffff;text-align:center;}
#videoMessage h2{
	font-size: 3em;
	color:#707070;
	text-align:center;
	font-family: 'Encode Sans', sans-serif;
}
#videoMessage h3{
	font-size: 1.2em;
	color:#ffffff;
	text-align:center;
	font-family: 'Encode Sans', sans-serif;
}
.videoClick {text-align:center}
.videoClick a{color:white;background-color:rgba(241, 241, 241, 0.25);font-size: 1.7em;cursor:pointer;cursor:hand}
/* sample video ends */

/* sample Tabs starts */
.tabbable-panel {
	/* border:1px solid #eee; */
	padding: 10px;
  }

  /* Default mode */
  .tabbable-line > .nav-tabs {
	border: none;
	margin: 0px;
	
  }
  .tabbable-line > .nav-tabs > li {
	/* margin-right:2px; */
	margin: 0px 50px;
	text-align:center;

  }
  
  /* Major Center */
  .nav-tabs {
    display: flex;
    justify-content: center;
    flex-direction: row;
}
 /* Major Center */

  .tabbable-line > .nav-tabs > li > a {
	border: 0;
	margin-right: 0;
	color: #707070;
	font-size:17px;
	font-family: 'Encode Sans', sans-serif;
  }
  .tabbable-line > .nav-tabs > li > a > i {
	color: #a6a6a6;
  }
  .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
	border-bottom: 4px solid #fbcdcf;
  }
  .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
	border: 0;
	background: none !important;
	color: #333333;
  }
  .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
	color: #a6a6a6;
  }
  .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
	margin-top: 0px;
  }
  .tabbable-line > .nav-tabs > li.active {
	border-bottom: 4px solid #f3565d;
	font-weight:bold;
	position: relative;
	
  }
  .tabbable-line > .nav-tabs > li.active > a {
	border: 0;
	color: #D70900;
  }
  .tabbable-line > .nav-tabs > li.active > a > i {
	color: #404040;
  }
  .tabbable-line > .tab-content {
	margin-top: -3px;
	background-color: #fff;
	border: 0;
	/* border-top: 1px solid #eee; */
	padding: 15px 0;
  }
  .portlet .tabbable-line > .tab-content {
	padding-bottom: 0;
  }
  
/* sample Tabs ends */

/* Blog Crad starts here */
.uba-card-group{
/* width:90%; */
margin:0 auto;
margin-top:30px;
}

.uba-big-card-group{
	margin-top:-16%;
}
.uba-card{
	border:solid 1px #eee;
	margin-bottom:1em;
}
.uba-big-card{
	margin-bottom:1em;
}
.card-img-top {
	width:100%;
	/* margin-bottom: 1em; */
  }

.card-body{
	padding:1.280em;
	box-shadow: 0 6px 20px rgba(221, 221, 221, 0.7);  
}
.big-card-body{
	padding-top:1.280em;
}
.uba-blog-icon{
	float: right;
}
#uba-blog-icon-spacer{
	margin-right:1.2em;
}
.blog-para-1{
	margin-bottom: 1em;
}

.blog-card-dark{
	min-height: 8em;
	margin:1.7em 0;
	background-color: #3A3A3A;
	border:solid 1px #707070;
	text-align: center;
}
.blog-card-dark h4{
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	margin:0em 1.3em;
	display: inline-block;
}
.blog-quote{
	color:#D54841;
	font-size:2em;
	display: inline-block;
	margin-top:0.3em;
	vertical-align: middle;
}
.blog-bottom-spacer{
	height:8em;
}

.blog-left-top-spacer{
	margin-top:19%;
}
.blog-left-head h4{
	color:#3A3A3A;
	font-size:15px;
	font-family: 'Encode Sans', sans-serif;
	font-weight:bold;
	margin-bottom:1.5em;
}
.blog-left-articles h4{
	color:#3A3A3A;
	font-size:15px;
	font-family: 'Encode Sans', sans-serif;
	font-weight:bold;
	margin-bottom:0.1em;
	line-height:20px;
}
  .card-img {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
  }
  
  .card-title {
	font-size: 1.18em;
	font-weight:700;
	font-family: 'Roboto', sans-serif;
	color:#3A3A3A;
  }
  .card-text{
	font-size: 0.9em;
	font-family: 'Roboto', sans-serif;
	color:#707070;	
  }
  .card-title, .card-text{
	margin-bottom: 0.7em;
  }
  .cat {
	display: inline-block;
	margin-bottom: 1rem;
  }
  
 /* Blog Crad ends here */

.pricing-text{
text-align:center;
}
.pricing-text h4{
font-size: 1em;
font-weight: 700;
letter-spacing: 1px;
color: #D70900;
margin-bottom: 0.5em;
}
.pricing-text h3{
font-size: 2.7em;
font-weight: 600;
color: #fff;
padding-bottom: 0.7em;
background: url(../images/line.png) no-repeat 50% 100%;
}
/*--- slider-css --*/
.slider{
	position:relative;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.rslides_tabs{
	background: none !important;
	border: none;
	box-shadow: none;
	position: relative;
	top: -90px;
	z-index: 999;
}
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	height: 8px;
	width: 8px;
	display: inline-block;
	border: 2px solid #747474;
	border-radius:50%;
	background:transparent;
	margin-left:1em;
}
.callbacks_here a:after{
	border: 5px solid #FFF;
	background: #fff;
  width: 14px;
  height: 14px;
}
.callbacks_tabs a{
	visibility:hidden;
}
.callbacks_tabs li{
	display:inline-block;
	margin-left:0.7em;
}
ul.callbacks_tabs.callbacks1_tabs {
	position: absolute;
	bottom: -88%;
	  z-index: 999;
	  left: 44%;
}
.pricing-grids{
margin:5% 0;
}
.pricing-plans p{
color:#fff;
font-style:italic;
font-size:1.7em;
font-weight:300;
margin-bottom:1em;
width: 95%;
}
.pic1{
float:left;
width:10%;
}
.pic1 img{
border-radius:50%;
}
.pic-info{
float:left;
width:85%;
margin-left:5%;
padding-top:0.5em;
}
.pic-info h5{
font-weight:300;
color:#fff;
font-size: 1.15em;
margin-bottom: 5px;
}
.pic-info a{
font-weight:600;
display:inline-block;
text-decoration:none;
color:#fff;
font-size:1em;
}
.theme{
background:#15141a;
padding:4em 0;
}
.theme h3 span{
color:#fff;
font-weight:600;
}
.theme h3{
color:#fff;
font-size:2.4em;
font-weight:100;
display:inline-block;
margin-right:4em;
}
/*----*/
.pricing-bottom{
padding:3% 0;
}
.pricing-text-bottom{
text-align:center;
width:55%;
margin: 0 auto;
}
.pricing-text-bottom h4{
font-size: 1.5em;
letter-spacing: 1px;
color: #D70900;
margin-bottom: 0.5em;
font-family: 'Encode Sans', sans-serif;
}
.pricing-text-bottom h3{
font-size: 2.8em;
font-weight: 700;
color: #3A3A3A;
padding-bottom: 0.5em;
font-family: 'Encode Sans', sans-serif;
}
.price-section {
	padding: 6em 0;
	background:#e7edf3;
}
.price-section-head h3 {
	color: #394b50;
	font-size: 2.2em;
	font-weight: 900;
	text-transform: uppercase;
}
.price-section-head p {
	color: #394b50;
	font-size: 1.2em;
	font-weight: 500;
}
.price-head{
padding:1.5em 0;
border-bottom:1px solid #d5d5d5;
}
.price-head h5 {
	color:#1a1a1a;	
	font-size:1.8em;
	text-transform: uppercase;
	font-weight:700;
}
.cost{
padding:1.8em 0;
border-bottom:1px solid #d5d5d5;
}
.cost h3 span {
	font-size:0.5em;
	vertical-align: top;
}
.cost h3 {
	color:#1a1a1a;
	font-size:4.2em;
	font-weight:600;
}
.cost p {
	color:#999999;
	font-size:1.3em;
	font-weight:500;
}
.cost-info p{
 color: #aeadad;
  font-size: 1.3em;
  line-height: 1.5em;
  font-weight: 400;
  padding:2.5em 0;
  width: 80%;
  margin:0 auto;
}
.cost-info p span{
color:#D70900;
font-weight:400;
}
.cost-info a{
color:#D70900;
background:transparent;
border:1px solid #d5d5d5;
display:inline-block;
text-decoration:none;
padding:12px 2.2em;
font-size:1em;
font-weight:700;
}
.price-value {
	border: 1px solid #ccd5df;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	padding:0em 0em 2em 0em;
	background:#fff;
	width:22.5%;
	margin-right:2.5%;
	float:left;
	margin-top:6em;
}
.price-value:hover div.cost:hover {
background:#D70900;
}
.price-value:hover div.price-head h5{
	color:#D70900;
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.price-value:hover div.cost{
background:#D70900;
}
.price-value:hover div.cost-info a{
background:#D70900;
color:#fff;
}
.price-value:hover div.cost span ,.price-value:hover div.cost p,.price-value:hover div.cost h3{
color:#fff;
}
.price-value:hover div.price-section-grid ul li {
	color:#c2e1ff;
}
.price-value:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	z-index: 1;
	border:1px solid #D70900;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
/*----*/
.contact{
padding:3% 0 0 0;
background:#ededed;
position:relative;
}
.contact-text{
text-align:center;
}
.contact-text h4{
font-size: 1em;
font-weight: 700;
letter-spacing: 1px;
color:#D70900;
margin-bottom: 0.5em;
}
.contact-text h3{
font-size: 2.7em;
font-weight: 600;
color: #15141a;
padding-bottom: 0.5em;
background: url(../images/line.png) no-repeat 50% 100%;
}
.contact-grids{
margin:5% 0 25% 0;
}
.icon1{
background: url(../images/icons4.png) no-repeat -46px -14px;
width: 28px;
height: 35px;
display:inline-block;
text-align:center;
margin-bottom:1em
}
.icon2{
background: url(../images/icons4.png) no-repeat -96px -14px;
width: 28px;
height: 35px;
display:inline-block;
text-align:center;
margin-bottom:1em
}
.icon3{
background: url(../images/icons4.png) no-repeat -145px -14px;
width: 35px;
height: 35px;
display:inline-block;
text-align:center;
margin-bottom:1em
}
.contact-grid p{
color:#999999;
font-weight:500;
font-size:1.25em;
}
.contact-grid a{
color:#999999;
font-weight:500;
display:block;
text-decoration:none;
font-size:1.25em;
}
.contact-grid a:hover{
color:#D70900;
}
.contact-details{
background:#15141a;
padding:4em 4em 3em 4em;
width: 49%;
position: absolute;
bottom: 35%;
left: 26%;
}
.contact-details form input[type="text"],.contact-details form textarea {
width: 100%;
padding: 10px 14px;
border: 1px solid #444348;
font-size: 1.1em;
margin-bottom: 1.2em;
color: #444348;
outline: none;
background:transparent;
font-weight: 700;
}
.contact-details form textarea {
height: 168px;
resize: none;
width: 100%;
}
.contact-right{
text-align:right;
}
.contact-details input[type="submit"] {
background:#D70900;
padding: 14px 2em;
border: none;
font-size: 1em;
margin: 0.5em 0 0 0;
color: #fff;
outline: none;
font-weight: 600;
border-radius:5px;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.map iframe{
height:500px;
width:100%;
}

/*--Video Starts--*/
/* Style the video: 100% width and height to cover the entire window */


/*--Video Ends--*/
/*--footer--*/
.footer{
background:#333;
padding:6em 0;
}

.footer h1 {
	font-size:2.6em;
	font-weight:700;
	font-family: 'Encode Sans', sans-serif;
	color:#fff;

	}
	
.social span {
background: url(../images/social.png) no-repeat 0px 0px;
width: 27px;
height: 27px;
display: inline-block;
margin-right:1.5em;
transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
a span.behance {
background-position: -8px -7px;
}
a span.dribble {
background-position: -8px -44px;
}
a span.twitter {
background-position: -8px -83px;
}
a span.facebook {
background-position: -8px -127px;
}
a span.linkedin {
background-position: -11px -163px;
}
a span.behance:hover{
background-position: -49px -7px;
}
a span.dribble:hover{
background-position: -51px -45px;
}
a span.twitter:hover {
background-position: -8px -83px;
}
a span.facebook:hover {
background-position: -52px -128px;
}
a span.linkedin:hover {
background-position: -58px -163px;
}
.footer p{
color: #fff;
font-size: 1.2em;
margin-top:0.6em;
margin-bottom:1.2em;
font-family: 'Encode Sans', sans-serif;
}
.footer p a{
color: #3e3d43;
}
.footer p a:hover{
color: #fff;
}
/*----*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 0%;
	right: 1%;
	overflow: hidden;
	/* width: 35px;
	height: 72px; */
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url("../images/uba-top.png") no-repeat 0px 0px;
}
#toTopHover {
	/* width: 35px;
	height: 72px; */
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*--responsive--*/
@media (max-width: 1280px){
.about-device-bottom {
width: 55%;
margin-top: 3em;
}
.about-device-bottom img {
background-size: 100%;
width: 100%;
}
.contact-details {
width: 55%;
bottom: 35%;
left: 23%;
}
}
@media (max-width: 1024px){
.banner-info{
	margin-top:7%;
}

.banner-text{
	width:50%!important;
	}
.banner-text h1 {
font-size: 3em;
font-family: 'Encode Sans', sans-serif;
}
.banner-text h3 {
font-size: 0.85em;
}
.banner-pic img {
background-size: 100%;
width: 100%;
}
.banner-text {
width: 56%;
margin-top: 4%;
}
.banner-pic {
width: 41%;
}
.banner,.banner-blog {
min-height: 514px;
}
.banner-text p {
font-size: 1em;
width: 77%;
}
a.download,a.view,a.google-play,a.apple-store,a.view-blog {
font-size: 0.9em;
padding: 12px 2em;
}
.features-head h4,.device-text h4,.device-text-bottom h4,.pricing-text h4,.pricing-text-bottom h4 
,.contact-text h4{
font-size: 0.9em;
}
.features-head h3,.device-text h3,.device-text-bottom h3,.pricing-text h3,.pricing-text-bottom h3
,.contact-text h3{
font-size: 2.5em;
}
.feature-grid p {
font-size: 1em;
}
.about-device {
width: 44%;
}
.about-device img {
width: 100%;
}
.about-device-info {
width: 56%;
padding-left: 2em;
}
.device-text p {
font-size: 1.2em;
width: 85%;
}
.device-text-bottom p {
font-size: 1.2em;
}
.about-customize {
width: 50%;
}
.about-device-bottom{
width:50%;
}
.about-device-bottom {
margin-top: 6em;
}
.pricing-plans p {
font-size: 1.4em;
}
.video {
min-height: 572px;
}
.theme {
padding: 3em 0;
}
.theme h3 {
font-size: 2.2em;
margin-right: 1em;
}
.cost-info p {
font-size: 1.2em;
width: 94%;
}
.pricing-bottom {
padding: 3% 0 5% 0;
}
.contact-details {
width: 71%;
left: 15%;
padding: 3em;
bottom: 28%;
}
.map iframe {
height: 415px;
}
}
@media (max-width: 768px){
.top-menu ul li a{
padding:0 2px 10px 2px;
display:block;
}	
.banner-text{
	width:45%!important;
	}
.banner-text h3 {
font-size: 0.8em;
}
.banner-text h1 {
font-size: 2.2em;
font-family: 'Encode Sans', sans-serif;
line-height:4rem;
}
a.google-play img{
	width:9em;
	}

a.apple-store img{
	width:9em;
}
.banner-text {
width: 53%;
margin-top: 4%;
float: left;
}
.video-front-content{
	margin-top:6em;
}
.banner-pic {
width: 46%;
float: left;
padding-left: 3em;
margin-top:1.5em;
}
.banner-text p {
font-size: 0.8em;
width: 93%;
}
.banner,.banner-blog {
min-height: 440px;
}
a.download, a.view, a.google-play, a.apple-store,a.view-blog {
font-size: 0.8em;
padding: 10px 1em;
}
.features-head h4, .device-text h4, .device-text-bottom h4, .pricing-text h4, .pricing-text-bottom h4, .contact-text h4 {
font-size: 0.85em;
}
.features-head h3, .device-text h3, .device-text-bottom h3, .pricing-text h3, .pricing-text-bottom h3, .contact-text h3 {
font-size: 2em;
}
.pricing-text-bottom h3 {
padding-bottom: 1em;
}
.feature-grid {
width: 50%;
float: left;
margin-bottom:2em;
}
.feature-grid h3 {
font-size: 1.7em;
}
.feature-grid p {
font-size: 1em;
}
.about-device {
float: left;
}
.about-device-info {
float: left;
padding-top: 3em;
}
.device-text p {
font-size: 1.1em;
width: 100%;
}
.about-list ul li a {
font-size: 1.1em;
}
.about-list {
margin-top: 1.2em;
}
.about-customize {
width: 51%;
float: left;
}
.device-text-bottom p {
font-size: 1em;
}
.device-text-bottom {
padding-top: 2em;
}
.about-device-bottom {
width: 49%;
float: left;
}
.pricing-plans {
width: 50%;
float: left;
}
.pricing-plans p {
font-size: 1.3em;
}
.pic1 {
width: 15%;
}
.pic-info {
width: 80%;
}
.pic-info h5 {
font-size: 1em;
}
.video {
min-height: 460px;
}
ul.callbacks_tabs.callbacks1_tabs {
bottom: -53%;
}
.theme h3 {
font-size: 1.7em;
}
.price-value {
width: 31.5%;
margin-right: 2.5%;
margin-top: 4em;
}
.price-value:nth-child(4){
display:none;
}
.price-value:nth-child(3){
margin-right:0;
}
.contact-grid.text-center {
width: 33.3%;
float: left;
}
.contact-grid p,.contact-grid a{
font-size: 1.1em;
}
.contact-details {
width: 60%;
left: 21%;
padding: 3em;
bottom: 17%;
}
.contact-details form input[type="text"], .contact-details form textarea {
padding: 7px 14px;
font-size: 1em;
margin-bottom: 1em;
}
.contact-details form textarea {
height: 116px;
}
.contact-details input[type="submit"] {
padding: 11px 1.7em;
font-size: 0.85em;
}
}
@media (max-width: 640px){
.top-menu ul li a {
font-size: 1.1em;
padding: 0 2px 10px 2px;
margin: 0 0.3em;
}
.banner,.banner-blog {
min-height: 398px;
}
.banner-text h3 {
font-size: 0.7em;
}
.banner-text h1 {
font-size: 2em;
font-family: 'Encode Sans', sans-serif;
}
.banner-text p {
font-size: 0.85em;
width: 100%;
}
.banner-pic {
width: 47%;
margin-top: 3.5em;
}
.features-head h4, .device-text h4, .device-text-bottom h4, .pricing-text h4, .pricing-text-bottom h4, .contact-text h4 {
font-size: 0.8em;
}
.features-head h3, .device-text h3, .device-text-bottom h3, .pricing-text h3, .pricing-text-bottom h3, .contact-text h3 {
font-size: 2em;
}
.feature-grid h3 {
font-size: 1.5em;
}
.feature-grid p {
font-size: 0.8em;
}
.about-device {
width: 50%;
margin: 0 auto;
float: none;
}
.about-device-info {
float: none;
margin-top: 3em;
width: 100%;
padding-left: 1em;
}
.device-text p {
font-size: 1em;
}
.about-customize {
width: 100%;
float: none;
}
.about-device-bottom {
width: 82%;
float: none;
margin: 1em auto 0 auto;
}
.pricing-plans {
width: 100%;
float: none;
margin-bottom: 2em;
}
.pricing-plans p {
font-size: 1.2em;
width: 94%;
}
.pic1 {
width: 10%;
}
.pic-info {
width: 76%;
margin-left: 3%;
padding-top: 0.7em;
}
.pic-info a {
font-size: 0.9em;
}
ul.callbacks_tabs.callbacks1_tabs {
bottom: -10%;
}
.theme {
padding: 2em 0;
text-align: center;
}
.theme h3 {
font-size: 1.7em;
display: block;
margin-bottom: 1em;
}
.price-value {
width: 48%;
}
.price-value:nth-child(2) {
margin-right:0;
}
.price-value:nth-child(3) {
display:none;
}
.price-head h5 {
font-size: 1.55em;
}
.cost-info p {
font-size: 1em;
width: 95%;
}
.cost {
padding: 1.5em 0;
}
.cost h3 {
font-size: 3.5em;
}
.cost h3 span {
font-size: 0.4em;
}
.cost-info a {
padding: 11px 2em;
font-size: 0.9em;
}
.contact-grid p, .contact-grid a {
font-size: 1em;
}
.contact-details form input[type="text"], .contact-details form textarea {
font-size: 0.9em;
}
.contact-details {
width: 65%;
left: 18%;
padding: 2em;
bottom: 13%;
}
.contact-details form textarea {
height: 103px;
}
.contact-details input[type="submit"] {
padding: 10px 1.7em;
font-size: 0.8em;
}
.map iframe {
height: 340px;
}
.card-group .card:first-child .card-img-top {
    border-top-right-radius: 0;
  }
}
@media(max-width: 480px){
span.menu:before {
	content: url(../images/nav.png);
	cursor: pointer;	
	height:32px;
}
.top-menu {
width: 11%;
float: left;
margin:0;
}
.top-menu  ul{
	display:none;
}
.top-menu  ul li {
	font-size: 12px;
	display:inline-block;
	width: 100%;
}
.top-menu ul li a {
padding:3px;
font-size: 14px;
width: 100%;
font-weight:600;
display:block;
margin:0;
}
.top-menu ul li a:hover,.top-menu ul li.active a{
border-bottom:none;
}
.top-menu ul li a:hover{
color:#16151b;
}
 span.menu{
	display:block;
	float:right;
}
.top-menu  ul{
	margin: 0;
	z-index: 999;
	position: absolute;
	width: 96%;
	text-align: center;
	top:9%;
	left: 2%;
	background:#D70900;
}
.banner-text h3 {
font-size: 0.65em;
}
.banner-text h1 {
font-size: 1.5em;
font-family: 'Encode Sans', sans-serif;
}
.banner-text p {
font-size: 0.7em;
overflow: hidden;
height: 53px;
}
a.download, a.view, a.google-play, a.apple-store,a.view-blog {
font-size: 0.75em;
padding: 9px 0.7em;
}
.banner-pic {
width: 47%;
padding-left:15px;
margin-top: 2.5em;
}
.banner,.banner-blog {
min-height: 335px;
}
.features-head h4, .device-text h4, .device-text-bottom h4, .pricing-text h4, .pricing-text-bottom h4, .contact-text h4 {
font-size: 0.75em;
}
.features-head h3, .device-text h3, .device-text-bottom h3, .pricing-text h3, .pricing-text-bottom h3, .contact-text h3 {
font-size: 1.6em;
}
.features-section {
margin-top: 2.5em;
}
.feature-grid img {
background-size: 100%;
width: 35%;
}
.feature-grid h3 {
font-size: 1.3em;
}
.feature-grid p {
font-size: 0.75em;
}
.about-device {
width: 70%;
}
.about-device-info {
margin-top: 0em;
}
.about-list ul li a {
font-size: 1em;
}
.about-list ul li {
margin-bottom:4px;
}
.device-text-bottom p {
font-size: 0.95em;
}
.device-text-bottom p {
font-size: 0.95em;
}
.pricing-plans p {
font-size: 1.1em;
width: 100%;
}
.pic-info h5 {
font-size: 0.9em;
margin-bottom: 3px;
}
.pic1 {
width: 13%;
}
.pic-info {
padding-top: 0.5em;
}
.video {
min-height: 500px;
}
ul.callbacks_tabs.callbacks1_tabs {
bottom: -11%;
}
.callbacks_here a:after {
border: 4px solid #FFF;
width: 11px;
height: 11px;
}
.theme h3 {
font-size: 1.55em;
margin-bottom: 0.7em;
margin-right: 0em;
}
.price-head {
padding: 1.2em 0;
}
.price-head h5 {
font-size: 1.4em;
}
.cost h3 {
font-size: 3em;
}
.cost-info p {
font-size: 1em;
padding: 2em 0;
}
.cost-info a {
padding: 9px 2em;
font-size: 0.85em;
}
.pricing-bottom,.contact {
padding: 5% 0 5% 0;
}
.features{
padding:5% 0;
}
.contact-grid.text-center {
padding: 0;
}
.contact-details {
width: 79%;
left: 10%;
padding: 1.5em;
bottom: 18%;
}
.contact-details form textarea {
height: 87px;
}
.contact-left,.contact-right{
padding:0;
}
.footer p {
font-size: 0.7em;
}
}
@media(max-width: 320px){
.top-menu ul {
top: 13.5%;
}
.banner-text {
width: 100%;
float:none;
}
.banner-pic {
width: 73%;
margin:2em auto 0 auto;
float:none;
padding-left:0px;
}
.banner-text {
padding: 0;
}
.banner-text h1 {
font-size: 1em;
font-family: 'Encode Sans', sans-serif;
}
.feature-grid {
width: 100%;
}
.about-device {
width: 90%;
}
.about-device-bottom {
width: 100%;
}
.features-head h4, .device-text h4, .device-text-bottom h4, .pricing-text h4, .pricing-text-bottom h4, .contact-text h4 {
font-size: 0.7em;
}
.features-head h3, .device-text h3, .device-text-bottom h3, .pricing-text h3, .pricing-text-bottom h3, .contact-text h3 {
font-size: 1.4em;
}
.device-text p {
font-size: 0.95em;
}
.about-device-info {
padding: 2em 0 0 0;
}
a.view,a.apple-store,a.view-blog{
margin-right:1em;
padding: 9px 0.86em
}
.pic1 {
width: 21%;
}
.pricing-plans {
padding: 0;
}
ul.callbacks_tabs.callbacks1_tabs {
bottom: -5%;
left: 28%;
}
.theme h3 {
font-size: 1.4em;
}
.price-value {
width: 100%;
}
.price-value {
margin-right: 0%;
margin-top: 2em;
}
.contact-grid.text-center {
width: 100%;
float: none;
margin-bottom:1em;
}
.icon1,.icon2,.icon3 {
margin-bottom: 0.5em;
}
.contact-details {
width: 80%;
left: 10%;
padding: 1.5em;
bottom: 12%;
}
.footer p {
font-size: 0.85em;
}
.social span{
margin-right:1em;
}
}