*{
	padding:0px;
	margin:0px;
}

body{
	padding:0px;
	margin:0px;
	font-family:"Nunito", sans-serif;
}

.nogutter{
	padding:0px;
	margin:0px;
}

.no-padding{
	padding:0px;
}

#btnYellow{
	font-size:22px;
	font-family:"Nunito", sans-serif;
	font-weight:bold;
	padding:15px 40px;
	background:#ffcc00;
	color:#000000;
	display:table;
	text-decoration:none;
	margin:20px auto;
	border:none;
	border-radius:100px;
}

#btnPurple{
	font-size:22px;
	font-family:"Nunito", sans-serif;
	font-weight:bold;
	padding:15px 40px;
	background:#d000ff;
	color:#ffffff;
	display:table;
	text-decoration:none;
	margin:20px auto;
	border-radius:100px;
}

#inputTxt{
	width:100%;
	padding:25px;
	border:1px solid #aaa;
	border-radius:100px;
	font-size:20px;
}

/**************************************************************/
/* navbar css starts */
#navbar{
	border-bottom:5px solid #ffcc00;
}

#logo{
	height:55px;
}

.nav-item{
	padding:0px 15px;
}

.nav-link:hover{
	color:#00bbff;
}

.nav-link{
	color:#2c2c2c;
	font-weight:bold;
	font-size:20px;
}
/* navbar css ends */

/**************************************************************/
/* carousel css starts */
#header{
	width:100%;
	max-height:600px;
	padding:0px;
	position:relative;
	overflow:hidden;
}

#header-caption{
	position:absolute;
	top:50%;
	left:50%;
	width:90%;
	transform: translate(-50%, -50%);
	z-index:5;
}

#header-title{
	color:#ffffff;
	font-family:'Nunito', sans-serif;
	font-weight:700;
	font-size:50px;
	text-align:center;
}

#header-para{
	color:#ffffff;
	font-family:'Nunito', sans-serif;
	font-weight:500;
	font-size:25px;
	text-align:center;
}

#header-wave{
	position:absolute;
	width:100%;
	display:table;
	bottom:-2px;
	z-index:2;
}

#feature{
	margin:0px 0px 50px;
}

#feature-img{
	border-radius:20px;
	padding:0px;
	margin:20px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50,50,50,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50,50,50,0.5);
	box-shadow: 0px 0px 5px 0px rgba(50,50,50,0.5);
}

#feature-img img{
	width:100%;
	border-radius:20px;
	padding:0px;
	margin:0px;
}

#feature-icon{
	width:20%;
	padding:0px;
	float:left;
	border-radius:20px;
	margin-left:20px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50,50,50,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50,50,50,0.5);
	box-shadow: 0px 0px 5px 0px rgba(50,50,50,0.5);
}

#feature-icon img{
	width:100%;
	border-radius:20px;
}

#feature-title{
	width:75%;
	margin:0px;
	padding:10px;
	float:left;
}

#feature-title-text{
	font-size:22px;
	font-weight:bold;
	margin:0px;
	padding-left:20px;
}

#appdetailBlock{
	display:block;
	padding:20px;
	margin:0px auto;
	//background:#fc0;
}

#feature-title-textBig{
	font-size:calc(1rem + 1.75vw);
	font-weight:bold;
	margin:0px;
	padding-left:20px;
}

#googleBadge{
	width:40%;
	padding-left:20px;
	margin-top:10px;
}

#appdesc{
	font-size:22px;
}

.inputBox{
width:100%;
padding:10px 20px;
border:1px solid #444;
border-radius:10px;
font-size:20px;
margin:10px auto;
}

.inputBtn{
padding:10px 20px;
background:#444444;
border:0px;
border-radius:10px;
color:#ffffff;
margin:10px auto;
font-weight:bold;
}

#txterr{
color:#ff0000;
font-size:20px;
font-weight:bold;
}

@-webkit-keyframes zoom{
from{
	-webkit-transform: scale(1, 1);
}
to{
	-webkit-transform: scale(1.5, 1.5);
}
}

@keyframes zoom{
from{
	transform: scale(1, 1);
}
to{
	transform: scale(1.5, 1.5);
}
}

#carousel-img{
	-webkit-animation: zoom 20s;
	animation: zoom 20s;
	padding:0;
	min-width:100%;
	max-width:none;
	height:100%;
	margin:0px auto;
}

#carousel .carousel-item{
	//opacity: 0;
	transition: transform 5s ease-in-out;
	transition-duration: 0s;
	transition-property: opacity;
	overflow:hidden;
}

#carousel .active.carousel-item-start,
#carousel .carousel-fade .active.carousel-item-end {
	transition: opacity 0s 5s;
}

/* carousel css ends */
/**************************************************************/

/**************************************************************/
/* app-carousel starts */
@media (max-width: 767px) {
	#app-carousel .carousel-inner .carousel-item > div {
		display: none;
	}
	#app-carousel .carousel-inner .carousel-item > div:first-child {
		display: block;
	}
}

#app-carousel .carousel-inner .carousel-item.active,
#app-carousel .carousel-inner .carousel-item-next,
#app-carousel .carousel-inner .carousel-item-prev {
	display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

	#app-carousel .carousel-inner .carousel-item-end.active,
	#app-carousel .carousel-inner .carousel-item-next {
		transform: translateX(25%);
	}

	#app-carousel .carousel-inner .carousel-item-start.active, 
	#app-carousel .carousel-inner .carousel-item-prev {
		transform: translateX(-25%);
	}
}

#app-carousel .carousel-inner .carousel-item-end,
#app-carousel .carousel-inner .carousel-item-start { 
	transform: translateX(0);
}

.card{
	border:none;
}

.card-img{
	padding:30px;
}

.card-img img{
	border-radius:20px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50,50,50,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50,50,50,0.5);
	box-shadow: 0px 0px 5px 0px rgba(50,50,50,0.5);
}

.card-title{
	width:80%;
	margin:0px auto 20px;
}

.card-title-text{
	font-weight:bold;
	font-size:22px;
	margin:0px auto;
}
/* app-carousel ends */
/**************************************************************/

/**************************************************************/
/* scn-carousel starts */
@media (max-width: 767px) {
	.scn-carousel .carousel-inner .carousel-item > div {
		display: none;
	}
	.scn-carousel .carousel-inner .carousel-item > div:first-child {
		display: block;
	}
}

.scn-carousel .carousel-inner .carousel-item.active,
.scn-carousel .carousel-inner .carousel-item-next,
.scn-carousel .carousel-inner .carousel-item-prev {
	display: flex;
}

@media (min-width: 768px) {

	.scn-carousel .carousel-inner .carousel-item-end.active,
	.scn-carousel .carousel-inner .carousel-item-next {
		transform: translateX(33.33%);
	}

	.scn-carousel .carousel-inner .carousel-item-start.active, 
	.scn-carousel .carousel-inner .carousel-item-prev {
		transform: translateX(-33.33%);
	}
}

.scn-carousel .carousel-inner .carousel-item-end,
.scn-carousel .carousel-inner .carousel-item-start { 
	transform: translateX(0);
}

.scn-carousel .card{
	border:none;
}

.scn-carousel .card-img{
	padding:10px;
}

.scn-carousel .card-img img{
	border-radius:0px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50,50,50,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50,50,50,0.5);
	box-shadow: 0px 0px 5px 0px rgba(50,50,50,0.5);
}
/* scn-carousel ends */
/**************************************************************/

#whitePanel{
	width:100%;
	background:#ffffff;
	padding:50px 0px 50px;
}

#bluePanel{
	width:100%;
	background:#33ccff;
	padding:50px 0px 50px;
}

#purplePanel{
	width:100%;
	background:#e66fff;
	padding:50px 0px 50px;
}

#heading1{
	color:#2c2c2c;
	font-family:"Nunito", sans-serif;
	font-size:40px;
	font-weight:bold;
	text-align:center;
	margin:0px auto 40px;
}

#heading2{
	color:#ffffff;
	font-family:"Nunito", sans-serif;
	font-size:40px;
	font-weight:bold;
	text-align:center;
	//margin:0px auto 40px;
}

#review-card{
	padding:10px 0px 0px;
}

#review-text{
	color:#2c2c2c;
	font-family:"Nunito", sans-serif;
	font-size:22px;
	text-align:center;
	font-style:italic;
}

.star-checked{
	color:orange;
	font-size:20px;
}

#videoThumb{
	width:100%;
	border:5px solid #d000ff;
	border-radius:20px;
}

#subsText{
	text-align:left;
	margin:20px auto;
	padding-left:50px;
}

#subsLink{
	color:#000000;
	text-decoration:underline;
}

#subsError{
	display:block;
	padding-bottom:10px;
	color:#ff0000;
	font-style:italic;
	font-weight:normal;
}

/**************************************************************/

#apparea{
	padding:40px;
	margin:20px;
	background:#ffffff;
	border-radius:40px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50,50,50,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50,50,50,0.5);
	box-shadow: 0px 0px 5px 0px rgba(50,50,50,0.5);
}

#appicon{
	width:100%;
	border-radius:20px;
}

#apptitle{
	color:#2c2c2c;
	font-family:"Nunito", sans-serif;
	font-size:40px;
	font-weight:bold;
	text-align:left;
	margin:20px auto 0px;
}

#google-badge{
	width:100%;
}

/**************************************************************/
/*Footer css starts*/
#footer{
	width:100%;
	background:#2c2c2c;
	color:#ffffff;
	padding:50px 0px 50px;
}

#footbar{
	margin:20px auto;
}

#footlinks{
	color:#ffffff;
	text-decoration:none;
}

#footlinks:hover{
	color:#ffffff;
	text-decoration:underline;
}

#social{
	margin:0px 10px 0px 0px;
	padding:13px 13px;
	width:50px;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	border:1px solid #ffffff;
	border-radius:100px;
}

#social:hover{
	opacity: 0.7;
}

#footInputBox{
	width:100%;
	background:#ffffff;
	color:#000000;
	padding:10px 20px;
	border:none;
	border-radius:100px;
}

#footSubmitBtn{
	background:#666666;
	color:#ffffff;
	padding:10px 20px;
	border:none;
	border-radius:100px;
}

#footError{
	display:block;
	padding-bottom:10px;
	color:#ff0000;
	font-style:italic;
	font-weight:normal;
}
/*Footer css ends*/