/** my fonts web fonts kit css added***/
@font-face {
	font-family: 'LeHavreRoundedRegular';
	src: url('webfonts/30F272_0_0.eot');
	src: url('webfonts/30F272_0_0.eot?#iefix')
	format('embedded-opentype'),
	url('webfonts/30F272_0_0.woff2') format('woff2'),
	url('webfonts/30F272_0_0.woff') format('woff'),
	url('webfonts/30F272_0_0.ttf') format('truetype');
}


/* latin-ext */
@font-face {
	font-family: 'Ralewayregular';
	font-style: normal;
	font-weight: 400;
	src: local('Raleway'), local('Raleway-Regular'), url(../fonts/yQiAaD56cjx1AooMTSghGfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
	unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Ralewayregular';
	font-style: normal;
	font-weight: 400;
	src: local('Raleway'), local('Raleway-Regular'), url(../fonts/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
	font-family: 'ralewaylight';
	src: url('../fonts/raleway-light-webfont.eot');
	src: url('../fonts/raleway-light-webfontd41d.eot?#iefix')
	format('embedded-opentype'),
	url('../fonts/raleway-light-webfont.html') format('woff2'),
	url('../fonts/raleway-light-webfont.woff') format('woff'),
	url('../fonts/raleway-light-webfont.ttf') format('truetype'),
	url('../fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BeCreative-Black';
	src: url('webfonts/315B93_0_0.eot');
	src: url('webfonts/315B93_0_0.eot?#iefix') format('embedded-opentype'),
	url('webfonts/315B93_0_0.woff2') format('woff2'),
	url('webfonts/315B93_0_0.woff') format('woff'),
	url('webfonts/315B93_0_0.ttf') format('truetype');
}

.BeCreative-Black {
	font-family: BeCreative-Black;
	font-weight: normal;
	font-style: normal;
}

.LeHavreRoundedRegular {
	font-family: LeHavreRoundedRegular;
	font-weight: normal;
	font-style: normal;
}

.helvetica {
	font-family: helvetica;
}
/**end myfontswebfontkit.css code **/

/* Chrome Frame prompt */
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

html,button,input,select,textarea {
	color: #494949;
}

/*Header css strats*/
.header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 500;
}

.navbar {
	margin: 0;
	border: 1px solid transparent;
	padding: 15px;
	background: none !important;
	position: absolute;
	z-index: 999;
	right: 0;
}

.navbar-default .topMenu .navbar-nav>li>a {
	color: white;
	font-family: ralewayregular;
	font-size:20px;
}
/*Header css end*/

/*Section 1 css start * images animation * */
#imageAnimation {
	height: 100%;
	width: 100%;
	background: url("../img/banner/banner-2.jpg") no-repeat scroll 0 100%/100% 100%;
	position: relative;
}

#imageAnimation .setzUp_text {
	color: white;
	font-family: becreative-black;
	font-size: 50pt;
	left: 40%;
	position: absolute;
	top: 35%;
}

/*.firstLine {
	position: absolute;
	top: 44%;
	left: 36%;
	color: white;
	font-family: LeHavreRoundedRegular;
	font-size: 35pt;
	display: none;
	z-index: 100;
}*/

.firstLine {
	position: absolute;
	top: 44%;
	left: 0%;
	color: white;
	font-family: LeHavreRoundedRegular;
	font-size: 35pt;
	display: none;
	z-index: 100;
	width: 100%;
}


.SecondLine {
	position: absolute;
	top: 20%;
	left: 50%;
	color: white;
	font-family: LeHavreRoundedRegular;
	font-size: 25pt;
	display: none;
	z-index: 99999;
}
/*
	floating Icons
*/
.floatingIcons {
	position: absolute;
	bottom: 1%;
	right: 1%;
	text-align: right;
	width: 100%;
	z-index: 88888;
}

.floatingIcons  ul {
	margin: 0px;
	padding: 0px;
}

.floatingIcons  ul  li {
	display: inline-block;
}

.floatingIcons  ul  li a span .fa-stack-2x {
	color: transparent !important;
}
/*
	app store download image
*/
.app-store-btn-div {
	position: absolute;
	right: 1.5%;
	bottom: 8%;
	z-index: 990;
}
.play-store-btn-div {
	position: absolute;
	right: 14%;
	bottom: 8%;
	z-index: 990;
}
.coming-soon-text {
	position: absolute;
	right: 3%;
	bottom: 17%;
	color: white;
	font-size: 29pt;
}

/*
	left side dots
*/
.bullet {
	opacity: 1;
	position: fixed;
	top: 50%;
	z-index: 100;
	left: 3%;
}

.bullet ul {
	margin: 0;
	padding: 0;
}

.bullet ul li {
	display: block;
	height: 13px;
	margin: 7px;
	position: relative;
	width: 14px;
}

.bullet ul li a {
	cursor: pointer;
	display: block;
	height: 100%;
	position: relative;
	text-decoration: none;
	width: 100%;
	z-index: 1;
}

.bullet ul li a.active span {
	border-radius: 100%;
	height: 12px;
	margin: -3px 0 0 -6px;
	width: 12px;
	background: #9785b8 none repeat scroll 0 0;
}

.bullet ul li a span {
	background: #9785b8 none repeat scroll 0 0;
	border: 0 none;
	border-radius: 50%;
	height: 8px;
	left: 50%;
	margin: 0px 0 0 -4px;
	position: absolute;
	top: 50%;
	transition: all 0.1s ease-in-out 0s;
	width: 8px;
	z-index: 1;
}
/*Section 1  slider css end*/

/*Section 2  css starts *Youtube video* */
#setzupYoutubeVideo .contentSection {
	margin: 370px 0px;
}

#setzupYoutubeVideo .bcg {
	background: url('../img/iphone-2.png') no-repeat center/100% 100%;
}
/*Section 2  slider css end*/

/*Section 3  slider css starts *mobile video* */
#setzupVideo .container {
	width: auto !important;
	text-align: center;
}

#setzupVideo .bcg {
	background-image: url('../img/banner/banner-21.jpg');
	background-size: 100% 100%;
}

#setzupVideo h1 {
	margin-bottom: 40px;
	font-size: 38px;
	color: #C7C7C7;
	font-size: 50px;
	font-weight: bold;
	margin-top: 80px;
}

#videoModal {
	top: 22%;
}

#playVideo {
	background: #4e357d none repeat scroll 0 0;
	color: white;
	font-size: 12pt;
	font-weight: bold;
	padding: 10px 15px;
	text-decoration: none;
}

#setzupVideo .setzupVideo {
	background-position: 90% 150px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	height: 100%;
	width: 100%;
}

#setzupVideo .fixed-background {
	background-attachment: fixed;
	background-position: 90% 150px;
}

#setzupVideo p {
	font-size: 24px;
}

.videoFrame {
	position: absolute;
	top: 135px;
	display: block;;
	z-index: 5;
}

.vid {
	display: block;
	position: fixed;
}

.canvas {
	position: relative;
}

.page video {
	height: 462px;
	position: absolute;
	right: 5%;
	top: 2%;
	width: 211px;
}

.slidesInMobile {
	cursor: pointer;
	height: 367px;
	overflow: hidden;
	position: absolute;
	right: 13px;
	top: 57px;
	width: 208.35px;
	z-index: 0;
}

#slider1_container>img {
	height: 367px;
	position: absolute;
	right: 6%;
	top: 12%;
}
/*Section 3  css end*/

/*Section 4  css starts *App Store*   */
#downloadSetzup .bcg {
	background: url('../img/banner/banner-6.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

#downloadSetzup .hsContent {
	margin-left: -239px;
}

#downloadSetzup .contentSection {
	margin: 7em 0 150px;
}

#downloadSetzup .contentSection h3 {
	color: #4e357d;
}

#downloadSetzup h3 {
	/*margin-bottom: 40px;*/
	margin-bottom: 65px;
	font-size: 38px;
}

#downloadSetzup h1 {
	margin-bottom: 40px;
	font-size: 42px;
}

#downloadSetzup {
	z-index: 999;
	width: 100%;
}

#downloadSetzup .contentSection p {
	font-size: 30pt;
	color: #4f357e;
	padding-bottom: 6em;
}
/*Section 4  css end*/

/*footer css starts*/
footer {
	background: #9785b8 none repeat scroll 0 0;
	padding: 10px 0;
}

footer p,footer a {
	color: #fff;
	font-size: 12px;
	margin: 0;
	padding: 5px !important;
	display: inline;
}

footer a:hover,footer a:active,footer a:focus {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	color: #ccc;
	text-decoration: none;
	outline: 0 none;
}

footer .links  a {
	border-left: 1px solid;
}

footer a.terms {
	border-right: 1px solid;
}
/*footer css end*/

/*Contact us modal css starts*/
#contact-us {
	font-size: 10pt;
}

#contact-us .modal-dialog {
	margin-top: 15%;
}

#contact-us .modal-header h4 {
	color: #4E357D;
	font-weight: bold;
}

#contact-us .modal-footer .btnSubmit {
	background: #4e357d none repeat scroll 0 0;
	border-radius: 2px;
	color: white;
	padding: 2%;
	text-decoration: none;
}

#contact-us .modal-content {
	position: relative;
}

#contact-us .modal-content .submitMsg, #contact-us .modal-content .errorMsg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
/*Contact us modal css end*/

/* EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
 */
@media screen and (max-height: 1080px) and (min-width: 1920px) {

	#imageAnimation .setzUp_text {
		left: 38% ;
		font-size: 65pt ;
		top: 20.5% ;
	}
	#imageAnimation .firstLine {
		font-size: 49pt !important;
		/*left: 36.5% !important;*/
		top: 45% !important;
		width: 100% !important;
		text-align: center !important;
	}
	.coming-soon-text {
		right: 3%;
		bottom: 11%;
		color: white;
		font-size: 42pt;
	}

	.app-store-btn-div {
		position: absolute;
		right: 1.5%;
		bottom: 6.5%;
		z-index: 990;
	}
	.play-store-btn-div {
		position: absolute;
		right: 14%;
		bottom: 6.5%;
		z-index: 990;
	}


}

@media screen and (max-height: 900px) and (min-width: 1920px) {
	#imageAnimation .setzUp_text {
		font-size: 92pt;
		left: 39%;
		top: 35%;
	}
	#imageAnimation  .firstLine {
		font-size: 45pt;
		left: 44%;
		top: 47%;
	}
	#imageAnimation  .bullet {
		left: 2% !important;
		top: 30% !important;
	}
}

@media only screen and (width: 1440px) {
	#imageAnimation .setzUp_text {
		left: 38%;
		font-size: 75pt;
		top: 37%;
	}
	#imageAnimation .firstLine {
		font-size: 45pt;
		left: 44%;
		top: 41%;
	}
	#imageAnimation .bullet {
		left: 2% !important;
		top: 30% !important;
	}
}

@media only screen and (width: 768px) {
	#downloadSetzup .contentSection {
		margin: 20em 0 150px;
	}
	#downloadSetzup .bcg {
		background: url('../img/banner/medium/banner-6-midium.jpg') no-repeat
		center/100% 100%;
	}
	#imageAnimation {
		background: url('../img/banner/medium/banner-2-midium.jpg') no-repeat center/100% 100%;
	}
	#imageAnimation .setzUp_text {
		left: 38%;
		font-size: 36pt;
		top: 29%;
	}
	#imageAnimation .firstLine {
		/*font-size: 45pt;
		left: 38%;
		top: 30%;*/

		font-size: 45pt;
		left: 0;
		top: 39%;
		width: 100%;
		text-align: center;
	}

	/* #imageAnimation  .app-store-btn-div { 		
		right:40%;		
	} */
	#imageAnimation  .app-store-btn-div {
		bottom: 10%;
		right: 1.5%;
	}
	#imageAnimation  .play-store-btn-div {
		bottom: 16%;
		right: 1.5%;
	}
	.coming-soon-text {
		bottom: 17%;
		color: white;
		font-family: LeHavreRoundedRegular;
		font-size: 35pt;
		position: absolute;
		right: 34%;
	}
	footer .footerContent {
		width: 50%;
		margin: 0px;
	}
	footer .links {
		width: 50%;
	}
}

@media only screen and (max-width: 640px) {
	.vid {
		position: absolute !important;
	}
	.videoFrame {
		width: 100%;
	}
	.videoBlock {
		position: static;
		text-align: center;
	}
	.margin-top-1 {
		margin-top: 600px !important;
	}
	#downloadSetzup h3 {
		font-size: 18px;
	}
}

@media only screen and (width: 320px) {
	body,html {
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
	}
	#contact-us .modal-dialog {
		margin-top: 50% !important;
	}
	.slidesInMobile {
		cursor: pointer;
		height: 367px;
		overflow: hidden;
		position: absolute;
		right: 55px;
		top: 57px;
		width: 208.35px;
		z-index: 0;
	}
	#setzupVideo .bcg {
		background: url("../img/index.jpg") !important;
		background-size: 100% 100% !important;
	}
	#downloadSetzup h3 {
		font-size: 18px;
	}
	#setzupVideo p {
		font-size: 13pt !important;
	}
	#downloadSetzup .bcg {
		background-image: url("../img/banner/mobile/banner-6-mobile.jpg");
	}
	#downloadSetzup .contentSection {
		margin: 15em 0 112px;
	}
	#downloadSetzup   .webDownloadImg {
		margin-left: 30%;
	}
	#downloadSetzup   .playDownloadImg {
		margin-left: 30%;
	}
	#downloadSetzup .contentSection p {
		font-size: 15pt;
	}
	#imageAnimation {
		/*background: url('../img/banner/mobile/banner-2-mobile.jpg')no-repeat center / 100% 100%;*/
		background: url('../img/banner/mobile/banner-2-mobile.jpg') no-repeat
		center/100% 100%;
	}
	#imageAnimation .setzUp_text {
		left: 34%;
		font-size: 20pt;
		top: 30%;
	}
	#imageAnimation .firstLine {
		font-size: 18pt;
		top: 31%;
		left: 32%;
	}
	#imageAnimation .floatingIcons {
		text-align: center !important;
		font-size: 10px;
	}
	#imageAnimation .app-store-btn-div a img {
		width: 60% !important;
	}
	#imageAnimation .app-store-btn-div {
		bottom: 8% !important;
		z-index: 100;
		right: 32% !important;
	}
	#imageAnimation .play-store-btn-div a img {
		width: 60% !important;
	}
	#imageAnimation .play-store-btn-div {
		bottom: 8% !important;
		z-index: 990;
		right: -1% !important;
	}
	.coming-soon-text {
		bottom: 16%;
		color: white;
		font-family: LeHavreRoundedRegular;
		font-size: 25pt;
		right: 19%;
	}
	footer .links {
		text-align: center;
	}
	footer p,footer a {
		font-size: 9px;
	}
	footer p {
		margin-bottom: 10px;
	}
	#setzupYoutubeVideo .bcg {
		background-size: 180% 110% !important;
		margin: 20% 0 !important;
	}
	#setzupYoutubeVideo .contentSection {
		margin: 230px 0 !important;
	}
	#playVideo {
		font-weight: bold;
		font-size: 11pt;
	}
}

@media only screen and (width: 360px) {
	body,html {
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
	}
	#imageAnimation {
		/*background: url('../img/banner/mobile/banner-2-mobile.jpg')no-repeat center / 100% 100%;*/
		background: url('../img/banner/mobile/banner-2-mobile.jpg') no-repeat
		center/100% 100%;
	}
	#imageAnimation .setzUp_text {
		left: 35%;
		top: 43%;
		font-size: 20pt;
	}
	#imageAnimation .firstLine {
		font-size: 20pt;
		left: 34%;
		top: 43%;
	}
	#imageAnimation .app-store-btn-div {
		bottom: 6% !important;
		z-index: 990;
		right: -55% !important;
		width: 100%;
	}
	#imageAnimation .play-store-btn-div {
		bottom: 6% !important;
		z-index: 990;
		right: 0% !important;
	}
	.coming-soon-text {
		bottom: 15%;
		color: white;
		font-family: LeHavreRoundedRegular;
		font-size: 20pt;
		position: absolute;
		right: 23%;
	}
	#imageAnimation .floatingIcons {
		text-align: center !important;
		font-size: 10px;
	}
	#imageAnimation .app-store-btn-div a img {
		width: 40% !important;
	}
	#imageAnimation .play-store-btn-div a img {
		width: 40% !important;
	}
	footer .links {
		text-align: center;
	}
	footer p,footer a {
		font-size: 10px;
	}
	footer p {
		margin-bottom: 10px;
	}
	#setzupYoutubeVideo .bcg {
		background-size: 170% 110% !important;
	}
	#setzupYoutubeVideo .contentSection {
		margin: 230px 0 !important;
	}
	#playVideo {
		font-weight: bold;
		font-size: 11pt;
	}
}

@media only screen and (max-width: 767px) {
	/* Style adjustments for viewports that meet the condition */
	#setzupVideo .setzupVideo {
		background: none;
		position: relative;
	}
	.txt-align-center {
		text-align: center;
	}
	#setzupYoutubeVideo .bcg {
		background-size: 180% 60%;
		margin: 20% 0;
	}
}

@media only screen and (max-device-width: 640px) , only screen and
(max-device-width: 667px) , only screen and (max-width: 480px) {
	video {
		right: 22% !important;
	}
	#setzupVideo h1 {
		font-size: 24pt;
	}
}

@media only screen and (min-device-width : 375px) and (max-device-width	: 667px) {
	#downloadSetzup .contentSection p {
		font-size: 15pt;
	}
	.slidesInMobile {
		cursor: pointer;
		height: 367px;
		overflow: hidden;
		position: absolute;
		right: 83px;
		top: 57px;
		width: 208.35px;
		z-index: 0;
	}
	#contact-us .modal-dialog {
		margin-top: 50% !important;
	}
	#setzupVideo .bcg {
		background-image: url("../img/index.jpg");
		background-size: 100% 100%;
	}

	/* sumit's code */
	#setzupYoutubeVideo .bcg {
		background-size: 180% 100%;
	}
	#setzupYoutubeVideo .contentSection {
		margin: 230px 0;
	}
	#playVideo {
		font-weight: bold;
		font-size: 11pt;
	}
	/* sumit's code end */
	#imageAnimation {
		background: url('../img/banner/mobile/banner-2-mobile.jpg') no-repeat
		center/100% 100%;
	}
	#imageAnimation .setzUp_text {
		left: 37%;
		top: 43%;
		font-size: 20pt;
	}
	#imageAnimation .firstLine {
		font-size: 13pt;
		top: 48%;
		width: 100%;
	}
	#imageAnimation .app-store-btn-div {
		bottom: 6% !important;
		z-index: 990;
		right: 0% !important;
		width:44%;
	}
	#imageAnimation .play-store-btn-div {
		/*bottom: 6% !important;
		z-index: 100;
		left: 0% !important;*/
		bottom: 15% !important;
		z-index: 990;
		left: 56% !important;
	}

	.logo {
		top: 27% !important;
		/*left: 39% !important;*/
	}

	.logo img {
		width: 120px;
	}

	.coming-soon-text {
		bottom: 15%;
		color: white;
		font-family: LeHavreRoundedRegular;
		font-size: 22pt;
		position: absolute;
		right: 25%;
	}
	#imageAnimation .floatingIcons {
		text-align: center !important;
		font-size: 10px;
	}

	footer .links {
		text-align: center;
	}
	footer p,footer a {
		font-size: 10px;
	}
	footer p {
		margin-bottom: 10px;
	}
}


/**** IPHONE X */
@media only screen
and (device-width : 375px)
and (device-height : 812px)
and (-webkit-device-pixel-ratio : 3) {

	#imageAnimation {
		background: url('../img/banner/mobile/banner-2-mobile.jpg') no-repeat center/100% 100%;
	}
	#imageAnimation .setzUp_text {
		left: 35%;
		top: 45%;
		font-size: 22pt;
		font-weight: bolder;
	}
	#imageAnimation .firstLine {
		font-size: 13pt;
		top: 48%;
		font-weight: bolder;
		width: 100%;
	}

	.logo {
		top: 30% !important;
		left: 0 !important;
	}

	.logo img {
		width: 130px;
	}

	.coming-soon-text {
		bottom: 15%;
		color: white;
		font-family: LeHavreRoundedRegular;
		font-size: 17pt;
		position: absolute;
		right: 25%;
	}
	#imageAnimation .app-store-btn-div {
		bottom: 6% !important;
		z-index: 990;
		right: 0% !important;
		width:44%;
	}
	#imageAnimation .play-store-btn-div {
		bottom: 15% !important;
		z-index: 990;
		left: 57% !important;
	}

	#imageAnimation .floatingIcons {
		text-align: center !important;
		font-size: 10px;
	}

	footer .links {
		text-align: center;
	}
	footer p,footer a {
		font-size: 10px;
	}
	footer p {
		margin-bottom: 10px;
	}
}

@media only screen and (device-width : 414px) {

	#imageAnimation {
		background: url('../img/banner/mobile/banner-2-mobile.jpg') no-repeat center/100% 100%;
	}
	#imageAnimation .setzUp_text {
		left: 34.4% ;
		top: 44% ;
		font-size: 25pt ;
		font-weight: bolder ;
	}
	#imageAnimation .firstLine {
		font-size: 14pt ;
		width: 100% ;
		top: 47% ;
		font-weight: bolder;
	}
	.coming-soon-text {
		bottom: 12% ;
		color: white ;
		font-size: 20pt ;
		position: absolute ;
		right: 25% ;
	}

}

@media only screen and (device-width : 411px) {
	#downloadSetzup .contentSection p {
		font-size: 15pt;
	}
	.slidesInMobile {
		right: 99px !important;
	}
	#imageAnimation {
		background: url('../img/banner/mobile/banner-2-mobile.jpg') no-repeat
		center/100% 100%;
	}
	#imageAnimation .setzUp_text {
		left: 35%;
		top: 45%;
		font-size: 20pt;
	}
	#imageAnimation .firstLine {
		font-size: 18pt;
		width: 100%;
		top: 45%;
	}
	#imageAnimation .app-store-btn-div {
		bottom: 7% !important;
		z-index: 990;
		right: 7% !important;
		width: 60%;
		float: right;
		text-align: right;

	}
	#imageAnimation .floatingIcons {
		text-align: center !important;
		font-size: 10px;
	}
	#imageAnimation .app-store-btn-div a img {
		width: 60% !important;
	}
	footer .links {
		text-align: center;
	}
	footer p,footer a {
		font-size: 10px;
	}
	footer p {
		margin-bottom: 10px;
	}
}

@media only screen and (device-width : 435px) {
	#downloadSetzup .contentSection p {
		font-size: 15pt;
	}
	.slidesInMobile {
		right: 113px !important;
	}
	#imageAnimation {
		background: url('../img/banner/mobile/banner-2-mobile.jpg') no-repeat
		center/100% 100%;
	}
	#imageAnimation .setzUp_text {
		left: 35%;
		top: 45%;
		font-size: 20pt;
	}
	#imageAnimation .firstLine {
		font-size: 18pt;
		left: 34%;
		top: 43%;
	}
	#imageAnimation .app-store-btn-div {
		bottom: 8% !important;
		z-index: 990;
		right: 20% !important;
	}
	#imageAnimation .floatingIcons {
		text-align: center !important;
		font-size: 10px;
	}
	#imageAnimation .app-store-btn-div a img {
		width: 60% !important;
	}
	footer .links {
		text-align: center;
	}
	footer p,footer a {
		font-size: 10px;
	}
	footer p {
		margin-bottom: 10px;
	}
}


/* 1920x1200 screen*/
@media screen and (max-height: 1200px) and (min-width: 1920px) {
	#imageAnimation .setzUp_text {
		font-size: 89pt;
		left: 37%;
		top: 35%;
	}
	/*#imageAnimation  .firstLine {
		font-size: 49pt;
		left: 36.5%;
		top: 43%;
	}*/

	#imageAnimation  .firstLine {
		font-size: 49pt;
		top: 43%;
		text-align: center;
		width: 100%;
		left: 0%;
	}

	.coming-soon-text {
		bottom: 11%;
	}

	.app-store-btn-div {
		position: absolute;
		right: 1.5%;
		bottom: 6.5%;
		z-index: 990;
	}
	.play-store-btn-div {
		position: absolute;
		right: 14%;
		bottom: 6.5%;
		z-index: 990;
	}
}

/* Common css start*/
.txt-area {
	height: 75px !important;
	resize: none;
}

.padding-0 {
	padding: 0px !important;
}

.nav-arrow,.elba-left-nav,.elba-right-nav {
	box-shadow: 0px 0 0px 0 rgba(50, 50, 50, 0.6) !important;
}

textarea {
	resize: none;
}

.contentSection {
	margin: 150px 0 100px;
}

.contentSection p {
	line-height: 2em;
}

.bcg {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
	width: 100%;
}

.hsContainer {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.fontWhite {
	color: #fff;
}

.margin-top-0 {
	margin-top: 0px !important;
}

.no-js #loader {
	display: none;
}

.js #loader {
	display: block;
	position: absolute;
	left: 100px;
	top: 0;
}

.view {
	width: 100%;
	height: 290px;
	margin: 10px;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}

.view .mask,.view .content {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}

.view .imgService {
	display: block;
	position: relative;
	width: 100%;
	padding: 15px;
}

.imgService h1 {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	margin-top: 10px;
}

.view h2 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 17px;
	padding: 10px;
	background: rgba(0, 0, 0, 0.8);
	margin: 20px 0 0 0;
}

.view p {
	font-style: italic;
	font-size: .8em;
	position: relative;
	color: #fff;
	padding: 0 8px;
	text-align: center;
}

.view a.info {
	display: inline-block;
	text-decoration: none;
	padding: 7px 14px;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	-webkit-box-shadow: 0 0 1px #000;
	-moz-box-shadow: 0 0 1px #000;
	box-shadow: 0 0 1px #000;
}

.view a.info:hover {
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}

.raleway {
	font-family: "ralewayregular" !important;
}

.fontBlue {
	margin-top: -14%;
}

#contact-us  button.close {
	font-size: 42px !important;
	margin-top: -13px !important;
}

body,html {
	height: 100%;
	min-height: 100%;
	font-size: 18px;
}

h2 {
	margin-top: 0;
}

.no-js {
	padding-top: 106px;
}

.loaded section,.no-js section {
	opacity: 1;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
}

main {
	overflow-x: hidden;
}

#preload {
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.loader {
	height: 28px;
	width: 100%;
	display: none;
	text-align: center;
}

body {
	color: #2e3436;
	font-family: ralewayregular;
	font-size: 16px;
	position: relative;
	background-color: #272F37 ;
}

::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}

video::-webkit-mediamedia-controls {
	display: none;
}

/* Helper classes */
.clearfix:before,.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
	*zoom: 1;
}
/*Common css end*/




/*sponsors section*/
.sponsor {
	position: absolute;
	left: 1.5%;
	bottom: 8%;
	z-index: 100;
}

@media screen and (max-height: 1080px) and (min-width: 1920px) {
	.sponsor {
		position: absolute;
		right: 1.5%;
		bottom: 6.5%;
		z-index: 100;
	}
}

@media only screen and (width: 768px) {
	#imageAnimation .sponsor {
		bottom: 10%;
		right: 1.5%;
	}

}

@media only screen and (width: 320px) {
	#imageAnimation .sponsor a img {
		width: 60%!important;
	}
	#imageAnimation .sponsor {
		bottom: 8%!important;
		z-index: 100;
		right: 32%!important;
	}
}

@media only screen and (width: 360px) {
	#imageAnimation .sponsor {
		bottom: 6%!important;
		z-index: 100;
		right: -55%!important;
		width: 100%;
	}
	#imageAnimation .sponsor a img {
		width: 40%!important;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
	#imageAnimation .sponsor {
		bottom: 6%!important;
		z-index: 100;
		right: 0%!important;
	}

	#imageAnimation .sponsor a img {
		width: 45%;
	}
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	#imageAnimation .sponsor {
		bottom: 6%!important;
		z-index: 100;
		right: 0%!important;
		width: 44%;
	}
}

@media only screen and (device-width: 411px) {
	#imageAnimation .sponsor {
		bottom: 7%!important;
		z-index: 100;
		right: 20%!important;
	}
	#imageAnimation .sponsor a img {
		width: 60%!important;
	}
}

@media only screen and (device-width: 435px) {
	#imageAnimation .sponsor {
		bottom: 8%!important;
		z-index: 100;
		right: 20%!important;
	}
	#imageAnimation .sponsor a img {
		width: 60%!important;
	}
}

@media screen and (max-height: 1200px) and (min-width: 1920px) {
	.sponsor {
		position: absolute;
		right: 1.5%;
		bottom: 4.5%;
		z-index: 100;
	}
}

/* iphone xs - 2436x1125px at 458ppi */
@media only screen
and (device-width : 375px)
and (device-height : 812px)
and (-webkit-device-pixel-ratio : 3) {

	#imageAnimation .sponsor a img {
		width: 100%;
	}

}





.italic {
	font-style: italic;
	font-size: 1.3rem;
}

.firstLine {
	color:#FFCD00 !important;
}

.logo {
	position: absolute;
	top: 13%;
	width: 100%;
}



/* Galaxy S5 portrait and landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3) {

	.firstLine {
		left: 0 !important;
		text-align: center;
		width: 100%;
	}


	.logo {
		top: 15%;
	}

	.logo img {
		width: 150px !important;
	}

	#imageAnimation .play-store-btn-div {
		bottom: 17% !important;
		z-index: 990;
		right: -55% !important;
		width: 100%;
	}

}


/* 1200x800 screen*/
@media screen and (max-height: 1200px) and (min-width: 800px) {
	#imageAnimation  .firstLine {
		font-size: 49pt;
		top: 45%;
		text-align: center;
		width: 100%;
		left: 0%;
	}
}



@media only screen and (max-width:22.5em) and (min-resolution:3dppx) {
	.logo {
		top: 21%;
	}

	.logo img {
		width: 150px;
	}

	#imageAnimation  .firstLine {
		font-size: 20pt;
		top: 48%;
		text-align: center;
		width: 100%;
		left: 0%;
	}

	#imageAnimation .play-store-btn-div {
		bottom: 17% !important;
		right: 5% !important;
		width: 100%;
		text-align: right;
	}

}



/* Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) {

	.logo {
		top: 22%;
	}

	.play-store-btn-div {
		right: 18%;
	}

	.play-store-btn-div img {
		width: 220px;
		height: 80px;
	}

	.app-store-btn-div img {
		width: 220px;
		height: 80px;
	}

	.play-store-btn-div {
		right: 24% !important;
	}

	.sponsor {
		bottom: 5%;
	}

	.sponsor span {
		font-size: 2.6rem;
	}

	.sponsor img {
		width:40%;
	}

}