/*view*/
@-ms-viewport{
  width: device-width;
}
body{
	width: 100%;
}
/*fonts*/
@font-face {
   font-family: 'Avenir';
   src: url('/fonts/Avenir-Book.ttf') format('truetype');
}
div {
   font-family: Avenir;
}
/*Media Queries*/
@media screen and (max-width: 641px) {
    .anchorBtn{
    	padding-left: 10px;
    	padding-right: 10px;
    	font-size: 13px;
    }
}
/*##text Media##*/
@media screen and (max-width: 768px) {
	.noTopPad{
		padding-top: 0px!important;
	}
}
@media screen and (max-width: 768px) {
	.badgePadding{
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

@media screen and (max-width: 630px) {
	.sidePadding{
		padding-left: 20px;
		padding-top: 20px;
	}
}
@media screen and (min-width: 768px) {
	#appStoreIcons{
		display: none;
	}
}
@media screen and (max-width: 767px) {
	#appStoreIcons2{
		display: none;
	}
}
@media screen and (min-width: 767px) {
	#tabbsHeader{
		display: none;
	}
}
@media screen and (max-width: 767px) {
	#tabbsHeader2{
		display: none;
	}
}
@media screen and (max-width: 572px) {
	#tabbsText1{
		font-size: 50px;
	}
}

@media screen and (max-width: 767px) {
	.inputText{
		padding-left: 25px;
		padding-right: 25px;
	}
}
@media screen and (max-width: 975px) {
	.float{
		float: none!important;
	}
}
@media screen and (min-width: 768px) {
	.inputText2{
		padding-left: 250px;
		padding-right: 250px;
	}
}

@media screen and (max-width: 767px) {
	.emailInput{
		padding-top: 50px;
	}
}
@media screen and (max-width: 1030px) {
	.containerPadding{
		padding-left: 20px!important;
	}
}

/*Div styling*/
.containerPadding2{
	padding-left: 160px;
}
.divStyle{
	max-width:612px;
	float:right;
}

.float2{
	float: right!important;
}
.paddingTop{
	padding-top: 20px;
}
.paddingTop2{
	padding-bottom:30px;
	padding-top:30px;
	padding-left:3px;
}

.bigContainer{
	background-color:#2961FF;
	height:auto;
	padding:0px;
}

.bigContainer2{
	background-color:white;
	width:100%;
	height:auto;
	padding-left: 15px;
    padding-right: 55px;
}

.bigContainer3{
	background-color:black;
	width:100%;
	height:auto;
	padding-left: 25px;
}
.bigContainer4{
	background-color: white;
    padding-top: 70px;
    padding-bottom: 70px;
    font-size: 32px;
}
.display1{
	display: initial;
}
.badgePaddingRight{
	padding-right:40px;
}

/*Asset styling*/
.googleBadge{
	width:100%;
	max-width:180px;
	padding-top:10px;
	padding-bottom:10px;
}
.appleBadge{
	width:100%;
	max-width:180px;
	padding-top:10px;
}
.googleAnchor{
	cursor:pointer;
	padding-top:10px;
}
.cursor1{
	cursor: pointer;
}
.topPad{
	padding-top: 60px;
}
.topPad2{
	padding-top: 95px;
}

.asset-float{
	float: right;
}
.imgMargin1{
	margin-bottom: 90px;
}

.imgMargin2{
	margin-left: 75px;
}
.imgWidth1{
	width:100%;
	max-width: 365px;
	min-width: 200px;
	padding:10px;
	padding-bottom:35px;
}
.imgWidth2{
	width: 100%;
	max-width: 280px;
	padding-right: 10px;
}
.imgWidth3{
	width: 100%;
}

.imgPadding{
	padding-right:70px;
}
.blackTablet{
	width: 100%;
	max-width: 1175px;
}
.widthMax{
	max-width:315px;
}

/*text styling*/
.headerText1{
	font-size: 60px;
	font-weight: 200;
	color: white;
}
.headerText2{
	font-size: 31px;
	font-weight: 100;
	color: white;
}

.headerText3{
	font-size: 60px;
	font-weight: 100;
	color: #2761FF;
}

.headerText4{
	font-size: 31px;
	font-weight: 100;
	color: black;
}

.blueText{
	color: #2761FF;
	font-size: 31px;
	font-weight: 200;
}
.position{
	position: relative;
	bottom: 55px;
}
.tabbsBus{
	float:right;
	margin-left:7px;
	margin-right:7px;
}
.tabbsBus2{
	color:#FF2B68;
	font-weight:100;
	font-size:31px;
	padding-bottom:15px;
}
.tabbsMobi{
	color:#2961FF;
	font-weight:100;
	font-size:31px;
	padding-bottom:15px;
}
.pointOfSale{
	color:white;
	font-size:60px;
	font-weight:100;
}

/*Button styles*/
.downloadButton{
	background-color:#FF2B68;
	font-size: 19px;
	text-decoration: none;
	color: white;
	padding: 18px;
    text-decoration: none!important;
    white-space: nowrap;
}

.downloadButton2{
	background-color:#FF2B68;
	font-size: 19px;
	text-decoration: none;
	color: white;
	padding: 18px;
	padding-left: 29px;
    padding-right: 29px;
    text-decoration: none!important;
    white-space: nowrap;
}

.downloadBtn{
	margin-top: 80px;
	padding-bottom: 70px;
}
.emailbtn{
	padding:7px;
	background-color:#FF2B68;
	color:white;
}
.emailbtn2{
	padding:0px;
	border:0px;
}
.emailInput2{
	min-width:300px;
	max-width:637px;
}
.emailInput3{
	max-width:447px;
	padding-bottom: 55px;
	margin-top:-25px;
}

.btnMargin{
	margin-top: 220px;
}

.input1{
	height:72px!important;
	border-radius:0!important;
	background-color:#D7D7D7!important;
	font-size: 36px!important;
    font-weight: 200!important;
    position: relative!important;
    bottom: 13px!important;
    min-width:277px;
}
.input2{
	font-size:41px;
	border-radius:0;
	position: relative;
    bottom: 13px;
}
/*other css*/
.tabbsBaseLogo{
	padding-top:80px;
	padding-bottom:50px;
}
/*footer CSS*/
.footer{
	color:white;
	font-size:18px;
	font-weight:100;
}
.footer2{
	text-align:center;
	padding:50px;
}