/************ HTML ELEMENTS ************/

* {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

body {
	margin:0;
	padding:0;
	border:0;
	font-family:'Roboto Condensed',sans-serif;
	font-weight:normal;
	font-size:15px;
	background:url('/img/background-carwash.jpg') no-repeat;
	background-size:cover; 
	background-position:center;
	color:rgb(40,40,40);
}

form {
	margin:0;
	padding:0;
	border:0;
}

a {
	text-decoration:none;
}

/************ FONTS ************/

@font-face {
	font-family:'OpenSansBold';
	src:url('https://www.beaconmobile.com/appbuilder/emulator/fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'OpenSansBoldItalic';
	src:url('https://www.beaconmobile.com/appbuilder/emulator/fonts/OpenSans-BoldItalic.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'OpenSansExtraBold';
	src:url('https://www.beaconmobile.com/appbuilder/emulator/fonts/OpenSans-ExtraBold.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'OpenSansExtraBoldItalic';
	src:url('https://www.beaconmobile.com/appbuilder/emulator/fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'OpenSansItalic';
	src:url('https://www.beaconmobile.com/appbuilder/emulator/fonts/OpenSans-Italic.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'OpenSansLight';
	src:url('https://www.beaconmobile.com/appbuilder/emulator/fonts/OpenSans-Light.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'OpenSansLightItalic';
	src:url('https://www.beaconmobile.com/appbuilder/emulator/fonts/OpenSans-LightItalic.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'OpenSansRegular';
	src:url('https://www.beaconmobile.com/appbuilder/emulator/fonts/OpenSans-Regular.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'OpenSansSemibold';
	src:url('https://www.beaconmobile.com/appbuilder/emulator/fonts/OpenSans-Semibold.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'OpenSansSemiboldItalic';
	src:url('https://www.beaconmobile.com/appbuilder/emulator/fonts/OpenSans-SemiboldItalic.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

/************ GENERAL IDS ************/

#carwash-ai-logo {
	height:auto;
	max-width:320px;
	margin:0px;
	padding:0px;
	border:0px;
}

#clearbox {
	clear:both;
}

#error-box {
	display:none;
	border:2px solid rgb(218,97,97);
	border-radius:5px;
	padding:10px;
	margin:0 0 14px 0;
	width:100%;
	background:rgb(255,230,230);
	color:rgb(218,97,97);
}

DIV.error-box {
	display:none;
	border:2px solid rgb(218,97,97);
	border-radius:5px;
	padding:10px;
	margin:0 0 14px 0;
	width:100%;
	background:rgb(255,230,230);
	color:rgb(218,97,97);
}

#success-box {
	display:none;
	border:2px solid rgb(97,218,97);
	border-radius:5px;
	padding:10px;
	margin:0 0 14px 0;
	width:100%;
	background:rgb(230,255,230);
	color:rgb(67,188,67);
}

#info-tooltip-button {
	margin:0px;
	padding:0px;
	border:0px;
	background:rgb(255,255,255);
	color:rgb(255,128,0);
	font-family:'Roboto Condensed',sans-serif;
	font-size:15px;
}

#browser-warning {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:rgb(230,230,230);
	color:rgb(160,160,160);
	text-align:center;
	padding:300px 100px 100px 100px;
}

#browser-warning A {
	display:inline-block;
	margin:20px 40px 0px 40px;
	padding:14px;
	font-size:15px;
	font-weight:bold;
	background:rgb(215,215,215);
	border-radius:5px;
}

#delete-icon {
	font-size:30px;
	color:rgb(200,50,50);
}

#edit-icon {
	font-size:30px;
	color:rgb(50,200,50);
}

#mail-icon {
	font-size:30px;
	color:rgb(250,150,0);
}

#layout-row {
	clear:both;
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
}

#layout-row-center {
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
	text-align:center;
}

#optout-success-box {
	display:block;
	border:2px solid rgb(97,218,97);
	border-radius:5px;
	padding:24px;
	margin:0 0 50px 0;
	width:100%;
	background:rgb(230,255,230);
	color:rgb(37,158,37);
	text-align:left;
}

/************ GENERAL CLASSES ************/

.content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:14px;
	width:100%;
	max-width:960px;
}

.content-container-full-width {
	clear:both;
	margin:0 auto 0 auto;
	padding:14px;
	width:100%;
}

.submit-button-box-left {
	clear:both;
	padding:0;
	border:0;
	margin:30px 0 30px 0;
	text-align:left;
}

.submit-button-box-center {
	clear:both;
	padding:0;
	border:0;
	margin:30px auto 30px auto;
	text-align:center;
}

.width-100 {
	width:100%;
}

.odd-row { background:rgb(255,255,255); }

.even-row { background:rgb(250,235,215); }

DIV.group-box-blue {
	display:inline-block;
	width:100%;
	height:auto;
	padding:20px;
	background:rgb(121,232,217);
	border:4px solid rgb(44,148,134);
	border-radius:5px;
}

DIV.group-box-purple {
	display:inline-block;
	width:100%;
	height:auto;
	padding:20px;
	background:rgb(226,160,230);
	border:4px solid rgb(130,71,134);
	border-radius:5px;
}

DIV.group-box-yellow {
	display:inline-block;
	width:100%;
	height:auto;
	padding:20px;
	background:rgb(255,240,100);
	border:4px solid rgb(150,120,0);
	border-radius:5px;
}

SPAN.optional {
	color:rgb(160,160,160);
}

SPAN.red-italic-bold {
	font-weight:bold;
	font-style:italic;
	color:rgb(188,67,67);
}

SPAN.red-bold {
	font-weight:bold;
	color:rgb(188,67,67);
}

TABLE.error-table {
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
}

TABLE.error-table TD.error-box-icon {
	margin:0;
	border:0;
	padding:0 10px 0 0;
	text-align:left;
	vertical-align:top;
}

TABLE.error-table TD.error-box-message {
	margin:0;
	border:0;
	padding:0;
	text-align:left;
	vertical-align:top;
}

TABLE.success-table {
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
}

TABLE.success-table TD.success-box-icon {
	margin:0;
	border:0;
	padding:0 10px 0 0;
	text-align:left;
	vertical-align:top;
}

TABLE.success-table TD.success-box-message {
	margin:0;
	border:0;
	padding:0;
	text-align:left;
	vertical-align:top;
}

TABLE.width-100 {
	margin:0px;
	padding:0px;
	border:0px;
	border-collapse:collapse;
	width:100%;
}

TABLE.width-100  TD.full-width-center {
	width:100%;
	padding:0px;
	vertical-align:middle;
	text-align:center;
}

TABLE.width-100  TD.full-width-left {
	width:100%;
	padding:10px 0px 10px 0px;
	vertical-align:middle;
	text-align:left;
}

TABLE.width-100  TD.left-half-50 {
	width:50%;
	padding:0px 10px 0px 0px;
	vertical-align:top;
}

TABLE.width-100  TD.right-half-50 {
	width:50%;
	padding:0px 0px 0px 10px;
	vertical-align:top;
}

TABLE.width-100  TD.left-third-33 {
	width:33%;
	padding:0px 10px 0px 0px;
	vertical-align:top;
}

TABLE.width-100  TD.middle-third-34 {
	width:34%;
	padding:0px 10px 0px 10px;
	vertical-align:top;
}

TABLE.width-100  TD.right-third-33 {
	width:33%;
	padding:0px 0px 0px 10px;
	vertical-align:top;
}

TABLE.width-100  TD.left-half-60 {
	width:60%;
	padding:0px 10px 0px 0px;
	vertical-align:top;
}

TABLE.width-100  TD.right-half-40 {
	width:40%;
	padding:0px 0px 0px 10px;
	vertical-align:top;
}

TABLE.width-100  TD.left-half-75 {
	width:75%;
	padding:0px 10px 0px 0px;
	vertical-align:top;
}

TABLE.width-100  TD.right-half-25 {
	width:25%;
	padding:0px 0px 0px 10px;
	vertical-align:top;
}

TABLE.width-100  TD.left-half-90 {
	width:90%;
	padding:0px 10px 0px 0px;
	vertical-align:middle;
	text-align:left;
}

TABLE.width-100  TD.right-half-10 {
	width:10%;
	padding:0px 0px 0px 10px;
	vertical-align:middle;
	text-align:right;
}

TABLE.width-100  TD.left-half-30 {
	width:30%;
	padding:0px 10px 0px 0px;
	vertical-align:middle;
	text-align:left;
}

TABLE.width-100  TD.right-half-70 {
	width:70%;
	padding:0px 0px 0px 10px;
	vertical-align:middle;
	text-align:right;
}

TABLE.width-100  TD.left-quarter-25 {
	width:25%;
	padding:0px 7px 0px 0px;
	vertical-align:middle;
	text-align:left;
}

TABLE.width-100  TD.left-quarter-40 {
	width:40%;
	padding:0px 7px 0px 0px;
	vertical-align:middle;
	text-align:left;
}

TABLE.width-100  TD.middle-quarter-10 {
	width:10%;
	padding:0px 7px 0px 7px;
	vertical-align:middle;
	text-align:left;
}

TABLE.width-100  TD.middle-quarter-25 {
	width:25%;
	padding:0px 7px 0px 7px;
	vertical-align:middle;
	text-align:left;
}

TABLE.width-100  TD.right-quarter-25 {
	width:25%;
	padding:0px 0px 0px 7px;
	vertical-align:middle;
	text-align:left;
}

TABLE.width-100  TD.radio-button {
	white-space:nowrap;
	padding:0px 10px 0px 0px;
	vertical-align:top;
	text-align:left;
}

TABLE.width-100  TD.text-expand {
	width:100%;
	padding:0px 0px 0px 0px;
	vertical-align:top;
	text-align:left;
}

BUTTON.cancel {
	cursor:pointer;
	font-size:16px;
	font-weight:400;
	padding:12px 50px 12px 50px;
	margin:0px 14px 0px 0px;
	border-radius:5px;
	border:0px;
	color:rgb(255,255,255);
	background:rgb(190,190,190);
	-webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

BUTTON.cancel:hover { background:rgb(170,170,170); }

BUTTON.submit,
BUTTON.submit-blue,
BUTTON.submit-right-justify,
BUTTON.submit-no-margins,
BUTTON.submit-no-margins-less-padding,
BUTTON.submit-green,
BUTTON.submit-equal-padding {
	cursor:pointer;
	font-size:16px;
	font-weight:400;
	padding:12px 50px 12px 50px;
	border-radius:5px;
	border:0px;
	color:rgb(255,255,255);	
	-webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

BUTTON.submit-no-margins-less-padding { padding:12px 30px 12px 30px; }

BUTTON.submit { background:rgb(218,97,97); margin:0px 14px 0px 0px; }
BUTTON.submit-blue { background:rgb(4,169,189); margin:0px 14px 0px 0px; }
BUTTON.submit-right-justify { background:rgb(218,97,97); margin:7px 0px 0px 0px; }
BUTTON.submit-no-margins, BUTTON.submit-no-margins-less-padding { background:rgb(218,97,97); margin:0px; }
BUTTON.submit-green { background:rgb(39,174,96); margin:0px; }
BUTTON.submit-equal-padding { background:rgb(218,97,97); margin:0px; padding:12px; }

BUTTON.submit:hover,
BUTTON.submit-right-justify:hover,
BUTTON.submit-no-margins:hover,
BUTTON.submit-no-margins-less-padding:hover,
BUTTON.submit-equal-padding:hover { background:rgb(188,67,67); }

BUTTON.submit-blue:hover { background:rgb(1,140,156); }

BUTTON.submit-green:hover { background:rgb(79,188,126); }

BUTTON.submit-full-width {
	cursor:pointer;
	font-size:16px;
	font-weight:400;
	width:100%;
	padding:12px 50px 12px 50px;
	margin:7px 0px 0px 0px;
	border-radius:5px;
	border:0px;
	color:rgb(255,255,255);
	background:rgb(218,97,97);
	-webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

BUTTON.submit-full-width:hover {
	background:rgb(188,67,67);
}

SPAN.text-bubble-green {
	display:inline-block;
	padding:10px;
	background:rgb(0,170,0);
	color:rgb(255,255,255);
	border-radius:5px;
}

SPAN.text-bubble-red {
	display:inline-block;
	padding:10px;
	background:rgb(170,0,0);
	color:rgb(255,255,255);
	border-radius:5px;
}

INPUT.text-input {
	border:2px solid rgb(230,230,230);
	border-radius:5px;
	padding:10px;
	margin-top:7px;
	width:100%;
	background:rgb(252,252,252);
}

INPUT.text-input-no-margin {
	border:2px solid rgb(230,230,230);
	border-radius:5px;
	padding:10px;
	margin:0px;
	width:100%;
	background:rgb(252,252,252);
}

INPUT.text-input-autosize {
	border:2px solid rgb(230,230,230);
	border-radius:5px;
	padding:10px;
	margin-top:7px;
	width:auto;
	background:rgb(252,252,252);
}

INPUT.text-input-no-margin.error {
	border:2px solid rgb(218,97,97);
	border-radius:5px;
	padding:10px;
	margin:0px;
	width:100%;
	background:rgb(255,230,230);
}

INPUT.text-input-error {
	border:2px solid rgb(218,97,97);
	border-radius:5px;
	padding:10px;
	margin-top:7px;
	width:100%;
	background:rgb(255,230,230);
}

INPUT.text-input-disabled {
	border:2px solid rgb(230,230,230);
	border-radius:5px;
	padding:10px;
	margin-top:7px;
	width:100%;
	background:rgb(230,230,230);
}

INPUT.checkbox-input {
	border:2px solid rgb(230,230,230);
	border-radius:5px;
	padding:10px;
	margin-top:14px;
	background:rgb(252,252,252);
}

TEXTAREA.textarea-input {
	width:100%;
	resize:vertical;
	border:2px solid rgb(230,230,230);
	border-radius:5px;
	padding:10px;
	margin-top:7px;
	background:rgb(252,252,252);
	min-height:140px;
}

TEXTAREA.textarea-input-disabled {
	width:100%;
	resize:vertical;
	border:2px solid rgb(230,230,230);
	border-radius:5px;
	padding:10px;
	margin-top:7px;
	background:rgb(230,230,230);
	min-height:140px;
}

SELECT.select-list {
	border:2px solid rgb(230,230,230);
	border-radius:5px;
	padding:10px;
	margin-top:7px;
	width:100%;
	background:rgb(252,252,252);
	-webkit-appearance:none;
}

SELECT.select-list-disabled {
	border:2px solid rgb(230,230,230);
	border-radius:5px;
	padding:10px;
	margin-top:7px;
	width:100%;
	background:rgb(230,230,230);
	-webkit-appearance:none;
}

SELECT.select-list-narrow {
	border:2px solid rgb(230,230,230);
	border-radius:5px;
	padding:10px;
	margin-top:7px;
	width:auto;
	background:rgb(252,252,252);
	-webkit-appearance:none;
}

SELECT.select-list-narrow-no-margin {
	border:2px solid rgb(230,230,230);
	border-radius:5px;
	padding:10px;
	margin:0px;
	width:auto;
	background:rgb(252,252,252);
	-webkit-appearance:none;
}

SPAN.character-count-green {
	color:rgb(255,255,255);
	background:rgb(0,150,0);
	padding:5px 8px 5px 8px;
	border-radius:10px;
}

SPAN.character-count-red {
	color:rgb(255,255,255);
	background:rgb(255,0,0);
	padding:5px 8px 5px 8px;
	border-radius:10px;
}

DIV.light-green-option-box {
	display:block;
	width:100%;
	height:100%;
	padding:10px;
	background:rgb(210,255,210);
	border:2px solid rgb(190,235,190);
	border-radius:5px;	
}

A.blue-link {
	color:rgb(51,122,183);
	font-size:17px;
	font-weight:normal;
	font-family:'Roboto Condensed', sans-serif;
	text-decoration:none;
}

A.blue-link:hover { color:rgb(35,82,124); text-decoration:underline; }

[data-tooltip] {
	position:relative;
	z-index:2;
	cursor:pointer;
}

[data-tooltip]:before,
[data-tooltip]:after {
	visibility:hidden;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	pointer-events:none;
}

[data-tooltip]:before {
	position:absolute;
	bottom:150%;
	left:50%;
	margin-bottom:5px;
	margin-left:-80px;
	padding:7px;
	width:250px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background-color:#000;
	background-color:hsla(0, 0%, 20%, 0.9);
	color:#fff;
	content:attr(data-tooltip);
	text-align:center;
	font-size:14px;
	line-height:1.2;
}

[data-tooltip]:after {   /* add triangle to tooltip */
	position:absolute;
	bottom:150%;
	left:50%;
	margin-left:-5px;
	width:0;
	border-top:5px solid #000;
	border-top:5px solid hsla(0, 0%, 20%, 0.9);
	border-right:5px solid transparent;
	border-left:5px solid transparent;
	content:" ";
	font-size:0;
	line-height:0;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility:visible;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
}

#tooltip-error-box {
	display:none;
	position:relative;
	border:2px solid rgb(255,0,0);
	border-radius:5px;
	padding:10px;
	margin:0 0 14px 0;
	width:100%;
	background:rgb(255,230,230);
	color:rgb(255,0,0);
	z-index:1000;
}

#tooltip-error-box:after, #tooltip-error-box:before {
	top:100%;
	left:50%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
}

#tooltip-error-box:after {
	border-color:rgba(255,0,0,0);
	border-top-color:rgb(255,0,0);
	border-width:15px;
	margin-left:-15px;
}

#tooltip-error-box:before {
	border-color:rgba(255,0,0,0);
	border-top-color:rgb(255,0,0);
	border-width:21px;
	margin-left:-21px;
}

/************ SPINNER ************/

#spinner-tiny,
#spinner-small,
#spinner-medium,
#spinner-large {
	display:none;
	position:relative;
	width:1em;
	height:1em;
	vertical-align:middle;
}

#spinner-visible-tiny,
#spinner-visible-small,
#spinner-visible-medium,
#spinner-visible-large {
	display:inline-block;
	position:relative;
	width:1em;
	height:1em;
	vertical-align:middle;
}

#spinner-tiny, #spinner-visible-tiny { font-size:20px; }
#spinner-small, #spinner-visible-small { font-size:30px; }
#spinner-medium, #spinner-visible-medium { font-size:48px; }
#spinner-large, #spinner-visible-large { font-size:60px; }

DIV.spinner-blade, DIV.spinner-blade-white {
	position:absolute;
	left:0.4629em;
	bottom:0;
	width:0.074em;
	height:0.2777em;
	border-radius:0.0555em;
	background-color:transparent;
	-webkit-transform-origin:center -0.2222em;
	-ms-transform-origin:center -0.2222em;
	transform-origin:center -0.2222em;	
}

DIV.spinner-blade {
	-webkit-animation:spinner-fade 1s infinite linear;
	animation:spinner-fade 1s infinite linear;
}

DIV.spinner-blade-white {
	-webkit-animation:spinner-fade-white 1s infinite linear;
	animation:spinner-fade-white 1s infinite linear;
}

DIV.spinner-blade:nth-child(1), DIV.spinner-blade-white:nth-child(1) { -webkit-animation-delay:0s; animation-delay:0s; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); }
DIV.spinner-blade:nth-child(2), DIV.spinner-blade-white:nth-child(2) { -webkit-animation-delay:0.083s; animation-delay:0.083s; -webkit-transform:rotate(30deg); -ms-transform:rotate(30deg); transform:rotate(30deg); }
DIV.spinner-blade:nth-child(3), DIV.spinner-blade-white:nth-child(3) { -webkit-animation-delay:0.166s; animation-delay:0.166s; -webkit-transform:rotate(60deg); -ms-transform:rotate(60deg); transform:rotate(60deg); }
DIV.spinner-blade:nth-child(4), DIV.spinner-blade-white:nth-child(4) { -webkit-animation-delay:0.249s; animation-delay:0.249s; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); }
DIV.spinner-blade:nth-child(5), DIV.spinner-blade-white:nth-child(5) { -webkit-animation-delay:0.332s; animation-delay:0.332s; -webkit-transform:rotate(120deg); -ms-transform:rotate(120deg); transform:rotate(120deg); }
DIV.spinner-blade:nth-child(6), DIV.spinner-blade-white:nth-child(6) { -webkit-animation-delay:0.415s; animation-delay:0.415s; -webkit-transform:rotate(150deg); -ms-transform:rotate(150deg); transform:rotate(150deg); }
DIV.spinner-blade:nth-child(7), DIV.spinner-blade-white:nth-child(7) { -webkit-animation-delay:0.498s; animation-delay:0.498s; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
DIV.spinner-blade:nth-child(8), DIV.spinner-blade-white:nth-child(8) { -webkit-animation-delay:0.581s; animation-delay:0.581s; -webkit-transform:rotate(210deg); -ms-transform:rotate(210deg); transform:rotate(210deg); }
DIV.spinner-blade:nth-child(9), DIV.spinner-blade-white:nth-child(9) { -webkit-animation-delay:0.664s; animation-delay:0.664s; -webkit-transform:rotate(240deg); -ms-transform:rotate(240deg); transform:rotate(240deg); }
DIV.spinner-blade:nth-child(10), DIV.spinner-blade-white:nth-child(10) { -webkit-animation-delay:0.747s; animation-delay:0.747s; -webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg); }
DIV.spinner-blade:nth-child(11), DIV.spinner-blade-white:nth-child(11) { -webkit-animation-delay: 0.83s; animation-delay: 0.83s; -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); }
DIV.spinner-blade:nth-child(12), DIV.spinner-blade-white:nth-child(12) { -webkit-animation-delay: 0.913s; animation-delay: 0.913s; -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); }

@-webkit-keyframes spinner-fade { 0% { background-color:#69717d; } 100% { background-color:transparent; } }
@keyframes spinner-fade         { 0% { background-color:#69717d; } 100% { background-color:transparent; } }

@-webkit-keyframes spinner-fade-white { 0% { background-color:#ffffff; } 100% { background-color:transparent; } }
@keyframes spinner-fade-white         { 0% { background-color:#ffffff; } 100% { background-color:transparent; } }

/************ ANIMATIONS ************/

@-webkit-keyframes bounce-right-arrow {
	0%,100% {
		-webkit-transform:translateX(0);
		transform:translateX(0);
		-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
		animation-timing-function:cubic-bezier(.215,.61,.355,1);
	}
	50% {
		-webkit-transform:translateX(6px);
		transform:translateX(6px);
		-webkit-animation-timing-function:cubic-bezier(.56,.056,.675,.20);
		animation-timing-function:cubic-bezier(.56,.056,.675,.20);
	}
}

@keyframes bounce-right-arrow {
	0%,100% {
		-webkit-transform:translateX(0);
		transform:translateX(0);
		-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
		animation-timing-function:cubic-bezier(.215,.61,.355,1);
	}
	50% {
		-webkit-transform:translateX(6px);
		transform:translateX(6px);
		-webkit-animation-timing-function:cubic-bezier(.56,.056,.675,.20);
		animation-timing-function:cubic-bezier(.56,.056,.675,.20);
	}
}

@-webkit-keyframes tooltip-fade-in-hold-fade-out {
	0%,20%,80%,100% { opacity:0.0; }
	25%,75% { opacity:1.0; }
}

@keyframes tooltip-fade-in-hold-fade-out {
	0%,20%,80%,100% { opacity:0.0; }
	25%,75% { opacity:1.0; }
}

.animation-element {
	opacity:0.0;
	position:relative;
}

.animation-element.fade-in-left-slide {
	opacity:0.0;
	-moz-transition:all 500ms linear;
	-webkit-transition:all 500ms linear;
	-o-transition:all 500ms linear;
	transition:all 500ms linear;
	-moz-transition-delay:250ms;
	-webkit-transition-delay:250ms;
	-o-transition-delay:250ms;
    transition-delay:250ms;
	-moz-transform:translate3d(-100px, 0px, 0px);
	-webkit-transform:translate3d(-100px, 0px, 0px);
	-o-transform:translate(-100px, 0px);
	-ms-transform:translate(-100px, 0px);
	transform:translate3d(-100px, 0px, 0px);
}

.animation-element.fade-in-left-slide.in-view {
	opacity:1.0;
	-moz-transform:translate3d(0px, 0px, 0px);
	-webkit-transform:translate3d(0px, 0px, 0px);
	-o-transform:translate(0px, 0px);
	-ms-transform:translate(0px, 0px);
	transform:translate3d(0px, 0px, 0px);
}

.animation-element.demo-tooltip-box {
	opacity:0.0;
	display:block;
	position:absolute;
	top:43px;
	left:32px;
	width:325px;
	height:45px;
	margin:0px;
	padding:10px;
	border:2px solid rgb(255,204,0);
	background:rgb(255,240,190);
	border-radius:5px;
	text-align:center;
	color:rgb(70,70,70);
	font-size:17px;
	z-index:300;
}

.animation-element.demo-tooltip-box.in-view {
	-webkit-animation:tooltip-fade-in-hold-fade-out 10s linear 1;
	animation:tooltip-fade-in-hold-fade-out 10s linear 1;
}

.animation-element.fade-in-right-slide {
	opacity:0.0;
	-moz-transition:all 500ms linear;
	-webkit-transition:all 500ms linear;
	-o-transition:all 500ms linear;
	transition:all 500ms linear;
	-moz-transition-delay:250ms;
	-webkit-transition-delay:250ms;
	-o-transition-delay:250ms;
    transition-delay:250ms;
	-moz-transform:translate3d(100px, 0px, 0px);
	-webkit-transform:translate3d(100px, 0px, 0px);
	-o-transform:translate(100px, 0px);
	-ms-transform:translate(100px, 0px);
	transform:translate3d(100px, 0px, 0px);
}

.animation-element.fade-in-right-slide.in-view {
	opacity:1.0;
	-moz-transform:translate3d(0px, 0px, 0px);
	-webkit-transform:translate3d(0px, 0px, 0px);
	-o-transform:translate(0px, 0px);
	-ms-transform:translate(0px, 0px);
	transform:translate3d(0px, 0px, 0px);
}

.animation-element.fade-in-bottom-slide,
.animation-element.fade-in-bottom-slide-delay-0000,
.animation-element.fade-in-bottom-slide-delay-0250,
.animation-element.fade-in-bottom-slide-delay-0500,
.animation-element.fade-in-bottom-slide-delay-0750,
.animation-element.fade-in-bottom-slide-delay-1000 {
	opacity:0.0;
	-moz-transition:all 500ms linear;
	-webkit-transition:all 500ms linear;
	-o-transition:all 500ms linear;
	transition:all 500ms linear;	
	-moz-transform:translate3d(0px, 100px, 0px);
	-webkit-transform:translate3d(0px, 100px, 0px);
	-o-transform:translate(0px, 100px);
	-ms-transform:translate(0px, 100px);
	transform:translate3d(0px, 100px, 0px);
}

.animation-element.fade-in-bottom-slide { -moz-transition-delay:250ms; -webkit-transition-delay:250ms; -o-transition-delay:250ms; transition-delay:250ms; }
.animation-element.fade-in-bottom-slide-delay-0000 { -moz-transition-delay:0ms; -webkit-transition-delay:0ms; -o-transition-delay:0ms; transition-delay:0ms; }
.animation-element.fade-in-bottom-slide-delay-0250 { -moz-transition-delay:250ms; -webkit-transition-delay:250ms; -o-transition-delay:250ms; transition-delay:250ms; }
.animation-element.fade-in-bottom-slide-delay-0500 { -moz-transition-delay:500ms; -webkit-transition-delay:500ms; -o-transition-delay:500ms; transition-delay:500ms; }
.animation-element.fade-in-bottom-slide-delay-0750 { -moz-transition-delay:750ms; -webkit-transition-delay:750ms; -o-transition-delay:750ms; transition-delay:750ms; }
.animation-element.fade-in-bottom-slide-delay-1000 { -moz-transition-delay:1000ms; -webkit-transition-delay:1000ms; -o-transition-delay:1000ms; transition-delay:1000ms; }

.animation-element.fade-in-bottom-slide.in-view,
.animation-element.fade-in-bottom-slide-delay-0000.in-view,
.animation-element.fade-in-bottom-slide-delay-0250.in-view,
.animation-element.fade-in-bottom-slide-delay-0500.in-view,
.animation-element.fade-in-bottom-slide-delay-0750.in-view,
.animation-element.fade-in-bottom-slide-delay-1000.in-view {
	opacity:1.0;
	-moz-transform:translate3d(0px, 0px, 0px);
	-webkit-transform:translate3d(0px, 0px, 0px);
	-o-transform:translate(0px, 0px);
	-ms-transform:translate(0px, 0px);
	transform:translate3d(0px, 0px, 0px);
}

.animation-element.fade-in-scale {
	opacity:0.0;
	-moz-transition:all 500ms linear;
	-webkit-transition:all 500ms linear;
	-o-transition:all 500ms linear;
	transition:all 500ms linear;
	-moz-transition-delay:250ms;
	-webkit-transition-delay:250ms;
	-o-transition-delay:250ms;
    transition-delay:250ms;
	-moz-transform:scale3d(0,0,1);
	-webkit-transform:scale3d(0,0,1);
	-o-transform:scale3d(0,0,1);
	-ms-transform:scale3d(0,0,1);
	transform:scale3d(0,0,1);
}

.animation-element.fade-in-scale.in-view {
	opacity:1.0;
	-moz-transform:scale3d(1,1,1);
	-webkit-transform:scale3d(1,1,1);
	-o-transform:scale3d(1,1,1);
	-ms-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);
}

/************ WEBSITE: EMAIL WIDGET ************/

#email-widget-container {
	display:block;
	position:fixed;
	bottom:0px;
	right:30px;
	width:320px;
}

#email-widget-tab {
	cursor:pointer;
	display:block;
	width:100%;
	margin:0px;
	padding:10px;
	color:rgb(255,255,255);
	background:rgb(208,95,95);
	text-align:left;
	font-size:17px;
	font-weight:bold;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}

#email-widget-tab IMG { float:right; margin:0px 0px 10px 10px; border:0px; }

#email-widget-content {
	position:relative;
	bottom:-450px;
	display:none;
	width:100%;
	margin:0px;
	padding:10px 10px 15px 10px;
	border:5px solid rgb(208,95,95);
	background:rgb(255,255,255);
	text-align:left;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;	
}

#email-widget-success {
	position:relative;
	display:none;
	width:100%;
	margin:0px;
	padding:10px 10px 15px 10px;
	border:5px solid rgb(67,188,67);
	background:rgb(255,255,255);
	text-align:left;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;	
}

SPAN.email-widget-title {
	display:block;
	float:left;
	font-size:28px;
	font-weight:bold;
	color:rgb(208,95,95);
	padding-bottom:10px;
}

SPAN.email-widget-success-title {
	display:block;
	float:left;
	font-size:28px;
	font-weight:bold;
	color:rgb(67,188,67);
	padding-bottom:10px;
}

SPAN.email-widget-body {
	display:block;
	float:none;
	clear:both;
	font-size:18px;
	font-weight:normal;
	color:rgb(51,51,51);
	padding-bottom:15px;	
}

SPAN.email-widget-success-body {
	display:block;
	float:none;
	clear:both;
	font-size:18px;
	font-weight:normal;
	color:rgb(51,51,51);
}

#email-widget-form {
	margin:0px;
	padding:0px;
	border:0px;
	clear:both;
}

INPUT.text-input-email-widget {
	border:2px solid rgb(220,220,220);
	border-radius:5px;
	padding:10px;
	margin-bottom:15px;
	width:100%;
	color:rgb(80,80,80);
	background:rgb(255,255,255);
	font-size:17px;
	font-weight:normal;
	font-family:'Roboto Condensed', sans-serif;
}

INPUT.text-input-email-widget.error { border:2px solid rgb(208,95,95); background:rgb(255,230,230); }

A.email-widget-close-button,
A.email-widget-success-button {
	display:block;
	margin:0px 0px 10px 10px;
	cursor:pointer;
	position:absolute;
	top:10px;
	right:10px;
	font-size:20px;
	font-weight:normal;
	font-family:'Roboto Condensed', sans-serif;
	text-decoration:none;
	color:rgb(160,160,160);
}

#display-email-widget-link {
	cursor:pointer;
	color:rgb(79,0,238);
	text-decoration:underline;
}

/************ WEBSITE: MAIN LANDING PAGE ************/

#top-navigation-website {
	color:rgb(255,255,255);
	width:100%;
	min-height:70px;
	margin:0px;
	padding:0px;
	font-size:17px;
}

#top-navigation-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:60px 20px 40px 20px;
	max-width:960px;
	width:100%;
}

TABLE.top-navigation-layout {
	margin:0px;
	padding:0px;
	border:0px;
	border-collapse:collapse;
	width:100%;
}

TABLE.top-navigation-layout TD.top-navigation-icon {
	margin:0px;
	border:0px;
	padding:0px;
	text-align:left;
	vertical-align:middle;
}

TABLE.top-navigation-layout TD.top-navigation-menu {
	margin:0px;
	border:0px;
	padding:0px;
	text-align:right;
	vertical-align:middle;
}

@media only screen and (min-width:741px) {

	#desktop-navigation-menu { display:block; }
	#mobile-navigation-menu-button { display:none; }
	#mobile-navigation-menu { display:none; }
}

@media only screen and (max-width:740px) {

	#desktop-navigation-menu { display:none; }
	#mobile-navigation-menu-button { display:inline-block; margin-top:6px; cursor:pointer; }
	#mobile-navigation-menu { display:none; }
}

#mobile-navigation-menu {
	display:none;
	position:fixed;
	top:70px;
	left:0px;
	right:0px;
	background:rgb(51,51,51);
	color:rgb(255,255,255);
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
	z-index:500;
}

#hamburger-menu-button {
	display:block;
	width:19px;
	margin:0px;
	padding:0px;
	border:0px;
}

#close-menu-button {
	display:none;
	width:23px;
	margin:0px -2px 0px 0px;
	padding:0px;
	border:0px;
}

HR.hamburger-menu-bar {
	clear:both;
	width:19px;
	margin:4px 0px 4px 0px;
	height:3px;
	border:0px;
	background:rgb(255,255,255);
}

A.header-link {
	display:inline-block;
	color:rgb(200,200,200);
	padding:10px 12px 10px 12px;
	transition:all 0.4s ease;
	text-decoration:none;
}

A.header-link:hover { color:rgb(255,255,255); }

A.header-link-border {
	display:inline-block;
	color:rgb(200,200,200);
	padding:10px;
	margin:0px 0px 0px 12px;
	border:2px solid rgb(200,200,200);
	border-radius:15px;
	transition:all 0.4s ease;
	text-decoration:none;
}

/* A.header-link-border:hover { color:rgb(255,255,255); border:2px solid rgb(255,255,255); background:rgb(230,110,40); background-image:linear-gradient(to right, rgb(230,110,40), rgb(228,60,83)); } */

A.header-link-border:hover { color:rgb(255,255,255); background:rgb(208,95,95); }

A.header-link-mobile {
	clear:both;
	display:block;
	width:100%;
	padding:14px;
	margin:0px;
	border-bottom:1px solid rgb(65,65,65);
	color:rgb(255,255,255);
	text-decoration:none;
	text-align:left;
}

#header-image-box {
	display:block;
	clear:both;
	float:left;
	margin:0px 0px 0px 0px;
	width:100%;
}

#header-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:0px 14px 0px 14px;
	max-width:960px;
	width:100%;
}

#header-text-container {
	float:left;
	margin:0px;
	padding:0px;
	max-width:450px;
	width:100%;
}

#header-text-box {
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	max-width:450px;
	width:100%;
	height:600px;	
}

SPAN.header-title {
	display:inline-block;
	font-size:45px;
	font-weight:bold;
	margin-bottom:25px;
	color:rgb(255,255,255);
}

SPAN.header-subtitle {
	display:inline-block;
	font-size:20px;
	font-weight:normal;
	line-height:170%;
	margin-bottom:25px;
	color:rgb(255,255,255);
}

SPAN.header-subtitle  A { color:rgb(3,239,233); text-decoration:none; }

A.header-link-call-to-action {
	display:inline-block;
	position:relative;
	color:rgb(255,255,255);
	padding:15px 50px 15px 50px;
	width:255px;
	margin:0px;
	border:2px solid rgba(255,255,255,0.35);
	border-radius:25px;
	background:rgb(230,110,40);
	transition:all 0.4s ease;
	text-align:left;
	text-decoration:none;
	font-size:22px;
	font-weight:bold;
	text-shadow:0 0px 5px rgba(0,0,0,0.2);
}

A.header-link-call-to-action:hover { background-image:linear-gradient(to right, rgb(230,110,40), rgb(228,60,83)); }

A.header-link-call-to-action:after {
	content:"";
	position:absolute;
	top:20px;
	right:50px;
	width:16px;
	height:16px;
	background:url('/img/right-arrow.png');
	-webkit-animation:bounce-right-arrow .85s linear infinite;
	animation:bounce-right-arrow .85s linear infinite;
}

#header-slideshow-box, #header-slideshow-box-static {
	float:right;
	width:431px;
	height:600px;
	position:relative;
}

#header-slideshow-box-static IMG {
	position:absolute;
	top:0px;
	left:0px;
	width:431px;
	height:580px;
}

#header-slideshow-box IMG {
	position:absolute;
	opacity:0;
	top:0px;
	left:0px;
	width:431px;
	height:580px;
	-webkit-animation-name:slideshow-fade;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-duration:5s;
    animation-name:slideshow-fade;
    animation-iteration-count:infinite;
    animation-duration:5s;
}

#header-slideshow-image-1 {
	-webkit-animation-delay:0s;
	animation-delay:0s;
}

#header-slideshow-image-2 {
	-webkit-animation-delay:2.5s;
	animation-delay:2.5s;
}

@-webkit-keyframes slideshow-fade {
    0% {opacity:0;}
    10% {opacity:1;}
    50% {opacity:1;}
    60% {opacity:0;}
    100% {opacity:0;}
}

@keyframes slideshow-fade {
    0% {opacity:0;}
    10% {opacity:1;}
    50% {opacity:1;}
    60% {opacity:0;}
    100% {opacity:0;}
}

#header-slideshow-box-mobile, #header-slideshow-box-static-mobile {
	display:none;
	clear:both;
	margin:0 auto 0 auto;
	padding:0px;
	width:100%;
	max-width:431px;
	height:calc(100vw * 1.346);
	max-height:580px;
	text-align:center;
	position:relative;
}

#header-slideshow-box-static-mobile IMG {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:auto;
	max-height:580px;
}

#header-slideshow-box-mobile IMG {
	position:absolute;
	opacity:0;
	top:0px;
	left:0px;
	width:100%;
	height:auto;
	max-height:580px;
	-webkit-animation-name:slideshow-fade;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-duration:5s;
    animation-name:slideshow-fade;
    animation-iteration-count:infinite;
    animation-duration:5s;
}

@media only screen and (min-width:916px) {

	#header-slideshow-box { display:block; }
	#header-slideshow-box-mobile { display:none; }
	#header-slideshow-box-static { display:block; }
	#header-slideshow-box-static-mobile { display:none; }
}

@media only screen and (max-width:915px) {

	#header-slideshow-box { display:none; }
	#header-slideshow-box-mobile { display:block; }
	#header-slideshow-box-static { display:none; }
	#header-slideshow-box-static-mobile { display:block; }
	#header-text-container { float:none; margin:0 auto 0 auto; }
	#header-text-box { text-align:center; }	
}

#announcement-banner-box {
	clear:both;
	display:block;
	width:100%;	
	background-color:rgb(112,100,150);
	background:linear-gradient(to right, rgb(112,100,150) 0%, rgb(230,85,85) 100%);
}

#announcement-banner-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:20px;
	max-width:960px;
	width:100%;
	color:rgb(255,255,255);
	text-align:center;
	font-size:18px;
}

#announcement-banner-content-container A { color:rgb(255,255,255); text-decoration:none; }

#announcement-banner-content-container IMG { border:0px; }

#benefits-container {
	display:block;
	clear:both;
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	background:rgb(255,255,255);
}

#benefits-content-container {
	display:block;
	margin:0 auto 0 auto;
	padding:0px 14px 0px 14px;
	max-width:960px;
	width:100%;
}

DIV.benefit-box {
	display:block;
	float:left;
	width:25%;
	background:rgb(248,249,251);
	text-align:center;
	padding:40px 10px 40px 10px;
}

DIV.benefit-box:hover { background:rgb(238,241,244); }

IMG.benefit-icon { margin:0px 0px 16px 0px; }

IMG.blue-arrow { margin:0px 0px 0px 6px; max-height:10px; }

SPAN.benefit-title {
	display:inline-block;
	width:100%;
	font-size:17px;
	font-weight:bold;
	color:rgb(80,80,80);
	margin:0px 0px 10px 0px;
}

SPAN.benefit-body {
	display:inline-block;
	width:100%;
	font-size:17px;
	font-weight:normal;
	color:rgb(145,145,145);
	margin:0px 0px 10px 0px;	
}

DIV.benefit-box A { color:rgb(51,161,228); font-size:17px; font-weight:normal; text-decoration:none; }

DIV.benefit-box A:hover { text-decoration:underline; }

@media only screen and (min-width:871px) {

	#benefits-container { background:rgb(255,255,255); }

	DIV.benefit-box { clear:none; width:25%; }
	
	#benefits-content-container DIV.benefit-box:nth-child(1) { border-left:1px solid rgb(230,234,236); border-right:1px solid rgb(230,234,236); }
	#benefits-content-container DIV.benefit-box:nth-child(2) { border-right:1px solid rgb(230,234,236); }
	#benefits-content-container DIV.benefit-box:nth-child(3) { border-right:1px solid rgb(230,234,236); }
	#benefits-content-container DIV.benefit-box:nth-child(4) { border-right:1px solid rgb(230,234,236); }
}

@media only screen and (max-width:870px) {

	#benefits-container { background:rgb(248,249,251); }

	DIV.benefit-box { clear:both; width:100%; }
	
	#benefits-content-container DIV.benefit-box:nth-child(1) { border-bottom:1px solid rgb(230,234,236); border-left:0px; border-right:0px; }
	#benefits-content-container DIV.benefit-box:nth-child(2) { border-bottom:1px solid rgb(230,234,236); border-left:0px; border-right:0px; }
	#benefits-content-container DIV.benefit-box:nth-child(3) { border-bottom:1px solid rgb(230,234,236); border-left:0px; border-right:0px; }
	#benefits-content-container DIV.benefit-box:nth-child(4) { border-bottom:1px solid rgb(230,234,236); border-left:0px; border-right:0px; }
}

#problem-container {
	display:block;
	clear:both;
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	height:400px;
	background-color:rgb(64,70,81);
	background-image:url('/img/connected-car.jpg');
	background-size:contain; 
	background-position:left top;
	background-repeat:no-repeat;
}

#problem-image-mobile {
	display:none;
	clear:both;
	width:100%;
	height:400px;
	background-image:url('/img/connected-car.jpg');
	background-size:cover; 
	background-position:left top;
	background-repeat:no-repeat;
}

#problem-content-container {
	display:block;
	margin:0 auto 0 auto;
	padding:0px 14px 0px 14px;
	max-width:960px;
	width:100%;
}

#problem-text-box {
	display:block;
	float:right;
	width:70%;
	height:400px;
	background-image:url('/img/left-gray-gradient.png');
	background-size:auto; 
	background-position:left top;
	background-repeat:no-repeat;
}

#problem-text-box-inner {
	display:block;
	width:auto;
	height:400px;
	color:rgb(255,255,255);
	padding:40px 0px 40px 20px;
	margin:0px 0px 0px 20px;
	background-color:rgb(64,70,81);
}

#problem-text-box-mobile {
	display:none;
	clear:both;
	width:100%;
	margin:0px;
	padding:40px 14px 40px 14px;
	color:rgb(255,255,255);
	background-color:rgb(64,70,81);
	text-align:center;
}

SPAN.problem-title {
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(255,255,255);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:normal;
}

SPAN.problem-body {
	display:block;
	width:100%;
	margin:0px 0px 25px 0px;
	color:rgb(200,200,200);
	font-size:17px;
	font-weight:normal;
}

A.problem-link-border {
	display:inline-block;
	color:rgb(200,200,200);
	padding:10px;
	margin:0px;
	border:2px solid rgb(200,200,200);
	border-radius:15px;
	transition:all 0.4s ease;
	text-decoration:none;
	font-size:18px;
	font-weight:normal;
}

A.problem-link-border:hover { color:rgb(255,255,255); border:2px solid rgb(255,255,255); background:rgb(230,110,40); background-image:linear-gradient(to right, rgb(230,110,40), rgb(228,60,83)); }

@media only screen and (min-width:1016px) {

	#problem-container { display:block; }
	#problem-image-mobile { display:none; }
	#problem-text-box-mobile { display:none; }
}

@media only screen and (max-width:1015px) {

	#problem-container { display:none; }
	#problem-image-mobile { display:block; }
	#problem-text-box-mobile { display:block; }
}

#solution-container {
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	height:auto;
	background:rgb(255,255,255);
}

#solution-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:14px;
	max-width:1260px;
	width:100%;
}

#solution-text-container {
	display:block;
	float:left;
	margin:0px;
	padding:50px 0px 30px 0px;
	max-width:575px;
	width:100%;
}

#solution-image {
	display:block;
	float:right;
	max-width:657px;
	width:100%;
}

SPAN.solution-title {
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(80,80,80);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:left;
}

SPAN.solution-body {
	display:block;
	width:100%;
	margin:0px 0px 25px 0px;
	color:rgb(80,80,80);
	font-size:17px;
	font-weight:normal;
}

TABLE.solution-features, TABLE.kiosk-overview-features {
	margin:0px 0px 20px 0px;
	padding:0px;	
	border-collapse:collapse;
	width:auto;
}

TABLE.solution-features TD.column-left, TABLE.kiosk-overview-features TD.column-left {
	width:auto;
	padding:0px 60px 14px 26px;
	vertical-align:top;
	text-align:left;
	font-size:17px;
	font-weight:normal;
	background-image:url('/img/green-checkmark.png');
	background-size:auto; 
	background-position:left top;
	background-repeat:no-repeat;
}

TABLE.solution-features TD.column-right, TABLE.kiosk-overview-features TD.column-right {
	width:auto;
	padding:0px 0px 14px 26px;
	vertical-align:top;
	text-align:left;
	font-size:17px;
	font-weight:normal;
	background-image:url('/img/green-checkmark.png');
	background-size:auto; 
	background-position:left top;
	background-repeat:no-repeat;
}

TABLE.solution-features TD.column-left IMG, TABLE.kiosk-overview-features TD.column-left IMG,
TABLE.solution-features TD.column-right IMG, TABLE.kiosk-overview-features TD.column-right IMG { vertical-align:middle; margin-right:14px; }

TABLE.kiosk-overview-features TD.column-left,
TABLE.kiosk-overview-features TD.column-right { color:rgb(255,255,255); }

IMG.app-store-badge { max-width:150px; margin:0px 8px 30px 0px; }

#kiosk-overview-container {
	display:block;
	clear:both;
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	height:auto;
	min-height:600px;
	background-image:url('/img/background-kiosk-overview.jpg');
	background-size:cover; 
	background-position:left top;
	background-repeat:no-repeat;
}

#kiosk-overview-content-container {
	display:block;
	margin:0 auto 0 auto;
	padding:0px 14px 0px 14px;
	max-width:960px;
	width:100%;
}

#kiosk-overview-text-box {
	display:block;
	float:right;
	width:75%;
	height:auto;
	min-height:520px;
	background-color:rgba(30,30,30,0.8);
	padding:40px;
	margin:40px 0px 40px 0px;
	text-align:left;
}

SPAN.kiosk-overview-title {
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(255,255,255);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:left;
}

SPAN.kiosk-overview-body {
	display:block;
	width:100%;
	margin:0px 0px 25px 0px;
	color:rgb(255,255,255);
	font-size:17px;
	font-weight:normal;
}

@media only screen and (min-width:901px) {

	#solution-image { float:right; width:100%; max-width:657px; }
	#kiosk-overview-text-box { width:75%; }
	SPAN.solution-title { text-align:left; }
}

@media only screen and (max-width:900px) {

	#solution-text-container { clear:both; float:none; max-width:575px; width:100%; margin:0 auto 0 auto; text-align:center; }
	#solution-image { clear:both; float:none; width:100%; max-width:100%; margin:40px auto 0 auto; }
	#kiosk-overview-text-box { width:100%; }
	
	TABLE.solution-features { margin:0px auto 40px auto; }
	SPAN.solution-title { text-align:center; }
}

#credentials-container {
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	height:auto;
	background-color:rgb(35,65,80);
	background-image:linear-gradient(to bottom right,rgb(5,25,35),rgb(20,60,85),rgb(75,130,145));
}

#credentials-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:14px;
	max-width:960px;
	width:100%;
	text-align:center;
}

SPAN.credentials-main-title {
	display:block;
	width:100%;
	text-align:center;
	padding:26px 0px 0px 14px;
	color:rgb(255,255,255);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:normal;
}

HR.credentials-bar {
	clear:both;
	height:1px;
	background:rgb(30,60,75);
	width:100%;
	border:0px;
	margin:15px 0px 20px 0px;
}

DIV.credentials-box {
	display:block;
	float:left;
	width:33%;
	text-align:center;
	padding:20px 10px 30px 10px;
}

IMG.credentials-icon { margin:0px 0px 16px 0px; }

SPAN.credentials-title {
	display:inline-block;
	width:100%;
	font-size:17px;
	font-weight:bold;
	color:rgb(255,255,255);
	margin:0px 0px 10px 0px;
}

SPAN.credentials-body {
	display:inline-block;
	width:100%;
	font-size:17px;
	font-weight:normal;
	color:rgb(188,212,216);
	margin:0px 0px 10px 0px;	
}

IMG.credentials-logo {
	margin:0px 20px 40px 20px;
}

@media only screen and (min-width:701px) {

	DIV.credentials-box { float:left; width:33%; }
}

@media only screen and (max-width:700px) {

	DIV.credentials-box { float:none; clear:both; width:100%; }
}

#call-to-action-container {
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	height:auto;
	background-color:rgb(255,255,255);
}

#call-to-action-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:80px 14px 80px 14px;
	max-width:960px;
	width:100%;
	text-align:center;
}

SPAN.call-to-action-title {
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(80,80,80);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:center;
}

SPAN.call-to-action-body {
	display:block;
	width:100%;
	margin:0px 0px 55px 0px;
	color:rgb(120,120,120);
	font-size:17px;
	font-weight:normal;
	text-align:center;
}

A.call-to-action {
	display:inline-block;
	position:relative;
	color:rgb(255,255,255);
	padding:15px 50px 15px 50px;
	width:225px;
	margin:0px;
	border:0px;
	border-radius:25px;
	background:rgb(230,110,40);
	transition:all 0.4s ease;
	text-align:left;
	text-decoration:none;
	font-size:22px;
	font-weight:bold;
	text-shadow:0 0px 5px rgba(0,0,0,0.2);
}

A.call-to-action:hover { background-image:linear-gradient(to right, rgb(230,110,40), rgb(228,60,83)); }

A.call-to-action:after {
	content:"";
	position:absolute;
	top:20px;
	right:50px;
	width:16px;
	height:16px;
	background:url('/img/right-arrow.png');
	-webkit-animation:bounce-right-arrow .85s linear infinite;
	animation:bounce-right-arrow .85s linear infinite;
}

#footer-container {
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	height:auto;
}

#footer-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:40px 14px 40px 14px;
	max-width:960px;
	width:100%;
	text-align:center;
	color:rgb(255,255,255);
}

#footer-content-container IMG { border:0px; }

HR.footer-separator {
	clear:both;
	height:1px;
	background:rgb(80,80,80);
	max-width:300px;
	width:100%;
	border:0px;
	margin:20px auto 20px auto;
}

IMG.social-media-logo {
	max-height:45px;
	margin:0px 15px 0px 15px;
	opacity:0.4;	
	-webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}

IMG.social-media-logo:hover { opacity:0.8; }

#footer-navigation-links {
	display:block;
	clear:both;
	width:100%;
	margin:20px 0px 0px 0px;
	padding:0px;
	border:0px;
	text-align:center;
}

A.footer-navigation-link {
	display:inline-block;
	text-decoration:none;
	margin:0px 20px 20px 20px;
	color:rgb(200,200,200);
	font-size:17px;	
	-webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

A.footer-navigation-link:hover { color:rgb(255,255,255); }

SPAN.copyright {
	display:block;
	clear:both;
	width:100%;
	margin:20px 0px 30px 0px;
	padding:0px;
	border:0px;
	text-align:center;
	color:rgb(140,140,140);
	font-size:15px;
}

SPAN.copyright A { color:rgb(200,200,200); }
SPAN.copyright A:hover { color:rgb(255,255,255); }

SPAN.footer-contact-information {
	display:block;
	clear:both;
	width:100%;
	margin:0px 0px 15px 0px;
	padding:0px;
	border:0px;
	text-align:center;
	color:rgb(140,140,140);
	font-size:15px;
}

SPAN.footer-contact-information A { color:rgb(200,200,200); text-decoration:none; }
SPAN.footer-contact-information A:hover { color:rgb(255,255,255); }

@media only screen and (min-width:531px) {

	BR.preferred-break { display:none; }
}

@media only screen and (max-width:530px) {

	BR.preferred-break { display:inline-block; }
}

IMG.member-logo-footer {
	margin:23px 12px 0px 12px;
	height:70px;
	border:0px;
}

/************ WEBSITE: ABOUT PAGE ************/

#header-about-container {
	display:block;
	float:left;
	margin:70px 0px 0px 0px;
	width:100%;
	height:auto;
	background:rgb(255,255,255);
}

#header-about-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:50px 14px 50px 14px;
	max-width:960px;
	width:100%;
	text-align:center;
}

SPAN.header-title-about {
	clear:both;
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(80,80,80);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:center;
}

SPAN.header-subtitle-about {
	clear:both;
	display:block;
	width:100%;
	max-width:610px;
	margin:0px auto 0px auto;
	color:rgb(120,120,120);
	font-size:17px;
	font-weight:normal;
	text-align:center;
}

#who-we-are-container {
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	height:auto;
	background-color:rgba(80,63,145,0.96);
	background:linear-gradient(to right bottom,rgba(40,10,50,0.96),rgba(80,63,145,0.96) 50%,rgba(110,185,230,0.96));	
}

#who-we-are-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:40px 14px 40px 14px;
	max-width:960px;
	width:100%;
	text-align:left;
}

#who-we-are-text-box {
	display:block;
	float:left;
	text-align:left;
	max-width:470px;
	width:100%;
	padding:0px 20px 0px 0px;
}

SPAN.who-we-are-title {
	clear:both;
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(255,255,255);
	font-size:25px;
	font-family:'Open Sans Condensed';
	font-weight:normal;
	text-align:left;
}

SPAN.who-we-are-body {
	clear:both;
	display:block;
	width:100%;
	margin:0px;
	color:rgb(190,195,250);
	font-size:17px;
	font-weight:normal;
	text-align:left;
}

#who-we-are-image {
	display:block;
	float:right;
	border:3px solid rgba(190,195,250,0.2);
	border-radius:15px;
	width:100%;
	max-width:440px;
}

@media only screen and (min-width:951px) {

	#who-we-are-text-box { max-width:470px; padding-bottom:0px; }
	#who-we-are-image { float:right; }
}

@media only screen and (max-width:950px) {

	#who-we-are-text-box { max-width:100%; padding-bottom:40px; }
	#who-we-are-image { float:none; margin:0 auto 0 auto; }
}

#founder-message-container {
	display:block;
	clear:both;
	float:left;
	margin:0px;
	width:100%;
	height:auto;
	background:rgb(240,240,240);
}

#founder-message-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:40px 14px 40px 14px;
	max-width:960px;
	width:100%;
	text-align:left;
}

SPAN.founder-message-title {
	clear:both;
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(80,80,80);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:center;
}

#founder-portrait {
	display:block;
	margin:0 auto 0 auto;
}

SPAN.founder-message-body {
	clear:both;
	display:block;
	width:100%;
	margin:30px auto 0px auto;
	color:rgb(80,80,80);
	font-size:17px;
	font-weight:normal;
	text-align:left;
}

#founder-biography-container {
	display:block;
	clear:both;
	float:left;
	margin:0px;
	width:100%;
	height:auto;
	background:rgb(255,255,255);
	border-top:1px solid rgb(220,220,220);
}

#founder-biography-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:40px 14px 40px 14px;
	max-width:960px;
	width:100%;
	text-align:left;
	color:rgb(120,120,120);
	font-size:17px;
	font-weight:normal;
	font-style:italic; 
}

/************ WEBSITE: DEMO REQUEST PAGE ************/

#demorequest-header-container {
	display:block;
	clear:both;
	margin:70px 0px 0px 0px;
	padding:0px;
	border:0px;
	width:100%;
	height:auto;
	background-color:rgb(112,100,150);
	background:linear-gradient(to right bottom,rgb(112,100,150),rgb(230,85,85));
}

#demorequest-header-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:60px 14px 60px 14px;
	max-width:670px;
	width:100%;
	text-align:center;
}

SPAN.demorequest-header-title {
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(255,255,255);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:center;
}

SPAN.demorequest-header-subtitle {
	display:block;
	width:100%;
	margin:0px;
	color:rgb(255,179,205);
	font-size:17px;
	font-weight:normal;
	text-align:center;
}

#demorequest-container {
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	background-color:rgb(255,255,255);
}

#demorequest-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:30px 14px 0px 14px;
	max-width:1260px;
	width:100%;
	text-align:center;
}

#demorequest-screenshot-sample-image {
	display:block;
	clear:both;
	max-width:1232px;
	width:100%;
	margin:0 auto 0 auto;
}

SPAN.demorequest-overview-title {
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(80,80,80);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:left;
}

SPAN.demorequest-overview-subtitle {
	display:block;
	width:100%;
	margin:0px 0px 10px 0px;
	color:rgb(80,80,80);
	font-size:17px;
	font-weight:normal;
	text-align:left;
}

TABLE.demo-steps {
	display:block;
	margin:0px 0px 10px 0px;
	padding:0px;	
	border-collapse:separate;
	border-spacing:15px;
	width:100%;
	table-layout:fixed;
}

TABLE.demo-steps TD {
	width:100%;
	padding-left:26px;
	vertical-align:top;
	text-align:left;
	font-size:17px;
	font-weight:normal;
	background-image:url('/img/green-checkmark.png');
	background-size:auto; 
	background-position:left top;
	background-repeat:no-repeat;
}

/************ WEBSITE: TOUCHSCREEN PAGE ************/

#touchscreen-header-container {
	display:block;
	clear:both;
	margin:70px 0px 0px 0px;
	padding:0px;
	border:0px;
	width:100%;
	height:auto;
	background-color:rgb(0,20,95);
	background-image:linear-gradient(to bottom right,rgb(0,20,95),rgb(5,145,150));
}

#touchscreen-header-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:60px 14px 60px 14px;
	max-width:670px;
	width:100%;
	text-align:center;
}

SPAN.touchscreen-header-title {
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(255,255,255);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:center;
}

SPAN.touchscreen-header-subtitle {
	display:block;
	width:100%;
	margin:0px;
	color:rgb(188,212,216);
	font-size:17px;
	font-weight:normal;
	text-align:center;
}

#touchscreens-container {
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	height:auto;
	background-color:rgb(255,255,255);	
}

#touchscreens-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:40px 14px 40px 14px;
	max-width:960px;
	width:100%;
	text-align:left;
}

SPAN.touchscreens-title {
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(80,80,80);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:left;
}

SPAN.touchscreens-body {
	clear:both;
	display:block;
	width:100%;
	margin:0px 0px 20px 0px;
	color:rgb(40,40,40);
	font-size:17px;
	font-weight:normal;
	text-align:left;
}

#touchscreens-vertical-text-box {
	display:block;
	float:left;
	text-align:left;
	max-width:344px;
	width:100%;
	padding:0px 20px 0px 0px;
}

#touchscreens-vertical-image {
	display:block;
	float:right;
	border:0px;
	width:100%;
	max-width:566px;
}

#touchscreens-horizontal-text-box {
	display:block;
	clear:both;
	float:left;
	text-align:left;
	width:100%;
	padding:0px 20px 0px 0px;
}

#touchscreens-horizontal-image {
	display:block;
	float:left;
	margin:0px 0px 20px 0px;
	border:0px;
	width:100%;
	max-width:932px;
}

@media only screen and (min-width:951px) {

	#touchscreens-vertical-text-box { max-width:344px; padding-bottom:0px; }
	#touchscreens-vertical-image { float:right; }
	SPAN.touchscreens-title { text-align:left; }
	SPAN.touchscreens-body { text-align:left; }
}

@media only screen and (max-width:950px) {

	#touchscreens-vertical-text-box { max-width:100%; padding-bottom:40px; }
	#touchscreens-vertical-image { float:none; margin:0 auto 0 auto; }
	SPAN.touchscreens-title { text-align:center; }
	SPAN.touchscreens-body { text-align:center; }
}

TABLE.touchscreen-features {
	display:block;
	margin:0px 0px 10px 0px;
	padding:0px;	
	border-collapse:separate;
	border-spacing:15px;
	width:100%;
	table-layout:fixed;
}

TABLE.touchscreen-features TD {
	width:100%;
	padding-left:26px;
	vertical-align:top;
	text-align:left;
	font-size:17px;
	font-weight:normal;
	background-image:url('/img/green-checkmark.png');
	background-size:auto; 
	background-position:left top;
	background-repeat:no-repeat;
}

#touchscreens-horizontal-header-container {
	display:block;
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px;
	border:0px;
	width:100%;
	height:auto;
	background-color:rgb(112,100,150);
	background:linear-gradient(to right bottom,rgb(112,100,150),rgb(230,85,85));
}

#touchscreens-horizontal-header-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:60px 14px 60px 14px;
	max-width:670px;
	width:100%;
	text-align:center;
}

SPAN.touchscreens-horizontal-header-title {
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(255,255,255);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:center;
}

SPAN.touchscreens-horizontal-header-subtitle {
	display:block;
	width:100%;
	margin:0px;
	color:rgb(255,179,205);
	font-size:17px;
	font-weight:normal;
	text-align:center;
}

#youtube-box-kiosks {
	display:block;
	position:relative;
	width:100%;
	height:0;
	padding-bottom:56.25%;
}

#youtube-box-kiosks-iframe {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

/************ WEBSITE: INDUSTRIES, SOLUTIONS, PARTNERS PAGES ************/

#industries-container, #solutions-container, #partners-container, #testimonial-container {
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	height:auto;
	background-color:rgb(230,230,230);	
}

#industries-content-container, #solutions-content-container, #partners-content-container, #testimonial-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:40px 14px 40px 14px;
	max-width:960px;
	width:100%;
	text-align:left;
}

#solutions-content-container A { text-decoration:none; }

SPAN.industries-title, SPAN.solutions-title, SPAN.partners-title, SPAN.testimonial-title {
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(80,80,80);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:center;
}

SPAN.industries-subtitle, SPAN.solutions-subtitle, SPAN.partners-subtitle {
	display:block;
	width:100%;
	margin:0px 0px 25px 0px;
	color:rgb(80,80,80);
	font-size:17px;
	font-weight:normal;
	text-align:center;
}

SPAN.testimonial-body {
	display:block;
	width:100%;
	margin:0px 0px 25px 0px;
	color:rgb(80,80,80);
	font-size:17px;
	font-weight:normal;
	text-align:center;
}

SPAN.testimonial-customer {
	display:block;
	width:100%;
	margin:0px 0px 0px 0px;
	color:rgb(150,150,150);
	font-size:17px;
	font-weight:normal;
	text-align:center;
}

#industry-box {
	display:block;
	float:left;
	width:290px;
	margin:0px 10px 20px 10px;
	background:rgb(255,255,255);
}

#industry-box IMG { width:100%; margin:0px 0px 14px 0px; border:0px; opacity:1.0; }

#industry-box IMG:hover { opacity:0.8; }

@media only screen and (min-width:975px) {

	#industry-box { float:left; clear:none; margin:0px 10px 20px 10px; }
}

@media only screen and (max-width:974px) {

	#industry-box { float:none; clear:both; margin:0px auto 20px auto; }
}

SPAN.industry-box-title, SPAN.solution-box-title {
	display:block;
	width:100%;
	padding:0px 14px 10px 14px;
	color:rgb(80,80,80);
	font-size:25px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:center;
}

SPAN.industry-box-description, SPAN.solution-box-description {
	display:block;
	width:100%;
	padding:0px 14px 14px 14px;
	color:rgb(140,140,140);
	font-size:17px;
	font-weight:normal;
	text-align:center;
}

#partners-header-container {
	display:block;
	clear:both;
	margin:70px 0px 0px 0px;
	padding:0px;
	border:0px;
	width:100%;
	height:auto;
	background-color:rgb(46,25,108);
    background-image:linear-gradient(to bottom right,rgb(46,25,108),rgb(210,102,120),rgb(255,184,127));
}

HR.partners, HR.testimonial {
	clear:both;
	height:1px;
	background:rgb(190,190,190);
	width:90%;
	border:0px;
	margin:15px auto 20px auto;
}

DIV.partner-box {
	display:block;
	float:left;
	width:290px;
	margin:0px 10px 20px 10px;
	background:rgb(255,255,255);
	text-align:center;
	padding:40px 10px 40px 10px;	
}

DIV.partner-box:hover { background:rgb(238,241,244); }

@media only screen and (min-width:871px) {

	DIV.partner-box { float:left; clear:none; width:290px; min-height:420px; margin:0px 10px 20px 10px; }
}

@media only screen and (max-width:870px) {

	DIV.partner-box { float:none; clear:both; width:100%; min-height:auto; margin:0px 0px 20px 0px; }
}

IMG.partner-icon { margin:0px 0px 16px 0px; }

SPAN.partner-title {
	display:inline-block;
	width:100%;
	font-size:17px;
	font-weight:bold;
	color:rgb(80,80,80);
	margin:0px 0px 10px 0px;
}

SPAN.partner-body {
	display:inline-block;
	width:100%;
	font-size:17px;
	font-weight:normal;
	color:rgb(145,145,145);
	margin:0px 0px 10px 0px;	
}

#partners-contact-box {
	clear:both;
	display:block;
	width:100%;
	max-width:450px;
	margin:0px auto 0px auto;
	padding:0px;
}

/************ WEBSITE: SOLUTIONS PAGE ************/

#solution-list-box {
	display:block;
	float:left;
	width:446px;
	margin:0px 10px 20px 10px;
	background:rgb(255,255,255);
}

#solution-list-box IMG { width:100%; margin:0px 0px 14px 0px; border:0px; opacity:1.0; }

#solution-list-box IMG:hover { opacity:0.8; }

@media only screen and (min-width:975px) {

	#solution-list-box { float:left; clear:none; margin:0px 10px 20px 10px; width:446px; }
}

@media only screen and (min-width:493px) and (max-width:974px) {

	#solution-list-box { float:none; clear:both; margin:0px auto 20px auto; width:446px; }
}

@media only screen and (max-width:492px) {

	#solution-list-box { float:none; clear:both; margin:0px auto 20px auto; width:100%; }
}

/************ WEBSITE: CAREERS PAGE ************/

#careers-header-container {
	display:block;
	clear:both;
	margin:70px 0px 0px 0px;
	padding:0px;
	border:0px;
	width:100%;
	height:auto;
	background-color:rgb(112,100,150);
	background:linear-gradient(to right bottom,rgb(112,100,150),rgb(230,85,85));
}

#careers-header-content-container, #partners-header-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:60px 14px 60px 14px;
	max-width:670px;
	width:100%;
	text-align:center;
}

SPAN.careers-header-title, SPAN.partners-header-title {
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(255,255,255);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:center;
}

SPAN.careers-header-subtitle, SPAN.partners-header-subtitle {
	display:block;
	width:100%;
	margin:0px;
	color:rgb(255,179,205);
	font-size:17px;
	font-weight:normal;
	text-align:center;
}

SPAN.partners-header-subtitle { color:rgb(255,210,255); }

#careers-container {
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	height:auto;
	background-color:rgb(255,255,255);	
}

#careers-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:40px 14px 10px 14px;
	max-width:960px;
	width:100%;
	text-align:left;
}

#careers-container-contact {
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	height:auto;
	background-color:rgb(230,230,230);	
}

#careers-content-container-contact {
	clear:both;
	margin:0 auto 0 auto;
	padding:40px 14px 40px 14px;
	max-width:960px;
	width:100%;
	text-align:left;
}

#careers-content-container-contact A { color:rgb(66,139,202); text-decoration:none; transition:all 0.4s ease; }

#careers-content-container-contact A:hover { color:rgb(35,82,124); text-decoration:none; }

#careers-text-box {
	display:block;
	float:left;
	text-align:left;
	max-width:470px;
	width:100%;
	padding:0px 20px 0px 0px;
}

SPAN.careers-title {
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(80,80,80);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:left;
}

SPAN.careers-body {
	clear:both;
	display:block;
	width:100%;
	margin:0px;
	color:rgb(40,40,40);
	font-size:17px;
	font-weight:normal;
	text-align:left;
}

#careers-image {
	display:block;
	float:right;
	border:0px;
	width:100%;
	max-width:440px;
}

@media only screen and (min-width:951px) {

	#careers-text-box { max-width:470px; padding-bottom:0px; }
	#careers-image { float:right; }
	SPAN.careers-title { text-align:left; }
	SPAN.careers-body { text-align:left; }
}

@media only screen and (max-width:950px) {

	#careers-text-box { max-width:100%; padding-bottom:40px; }
	#careers-image { float:none; margin:0 auto 0 auto; }
	SPAN.careers-title { text-align:center; }
	SPAN.careers-body { text-align:center; }
}

TABLE.career-functions {
	display:inline-block;
	margin-top:20px;
	padding:0px;	
	border-collapse:separate;
	border-spacing:15px;
	width:100%;
	table-layout:fixed;
}

TABLE.career-functions TD {
	width:100%;
	padding-left:26px;
	vertical-align:top;
	text-align:left;
	font-size:17px;
	font-weight:normal;
	background-image:url('/img/green-checkmark.png');
	background-size:auto; 
	background-position:left top;
	background-repeat:no-repeat;
}

/************ WEBSITE: BLOG PAGES ************/

#header-blog-container {
	display:block;
	clear:both;
	margin:70px 0px 0px 0px;
	padding:0px;
	border:0px;
	width:100%;
	height:auto;
	background-color:rgb(112,100,150);
	background:linear-gradient(to right bottom,rgb(112,100,150),rgb(230,85,85));
}

#header-blog-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:50px 14px 50px 14px;
	max-width:960px;
	width:100%;
	text-align:center;
}

SPAN.header-title-blog {
	clear:both;
	display:block;
	width:100%;
	margin:0px;
	color:rgb(255,255,255);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:center;
}

#blog-container {
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	width:100%;
	height:auto;
	background:rgb(255,255,255);
}

#blog-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:50px 14px 50px 14px;
	max-width:960px;
	width:100%;
	text-align:center;
}

#blog-content-panel {
	display:block;
	float:left;
	margin:0px;
	width:682px;
	padding:0px 14px 0px 0px;
	border-right:1px solid rgb(200,200,200);
	text-align:left;
}

#blog-content-panel UL LI {
	font-size:18px;
	font-family:'Roboto Condensed';
	font-weight:normal;
	text-align:left;
}

#blog-sidebar-panel {
	display:block;
	float:left;
	margin:0px;
	width:250px;
	padding:0px 0px 0px 14px;
	text-align:left;
}

H1.blog-post-title {
    display:block;
	clear:both;
    width:100%;
    margin:0px 0px 7px 0px;
    color:rgb(208,95,95);
    font-size:30px;
    font-family:'Open Sans Condensed';
    font-weight:bold;
    text-align:left;
}

A.blog-post-title-link { color:rgb(208,95,95); }

A.blog-post-title-link:hover { color:rgb(25,95,95); }

H2.blog-post-subtitle {
    display:block;
	clear:both;
    width:100%;
    margin:0px 0px 10px 0px;
    color:rgb(80,80,80);
    font-size:20px;
    font-family:'Roboto Condensed';
    font-weight:bold;
    text-align:left;
}

SPAN.blog-post-author {
	display:block;
	clear:both;
    width:100%;
    margin:0px 0px 24px 0px;
    color:rgb(180,180,180);
    font-size:15px;
    font-family:'Roboto Condensed';
    font-weight:normal;
    text-align:left;
}

IMG.blog-post-header-image {
	display:block;
	clear:both;
	margin:0px 0px 24px 0px;
	padding:0px;
	border:0px;
}

P.blog-post-content {
    display:block;
	clear:both;
    width:100%;
    margin:0px 0px 14px 0px;
    color:rgb(40,40,40);
    font-size:18px;
    font-family:'Roboto Condensed';
    font-weight:normal;
    text-align:left;
}

A.blog-post-continue-reading, BUTTON.product-guide-call-to-action-button {
	display:inline-block;
	position:relative;
	color:rgb(255,255,255);
	padding:15px 50px 15px 50px;
	width:auto;
	margin:0px;
	border:2px solid rgba(255,255,255,0.35);
	border-radius:25px;
	background:rgb(230,110,40);
	transition:all 0.4s ease;
	text-align:left;
	text-decoration:none;
	font-family:'Roboto Condensed';
	font-size:22px;
	font-weight:bold;
	text-shadow:0 0px 5px rgba(0,0,0,0.2);
}

A.blog-post-continue-reading:hover, BUTTON.product-guide-call-to-action-button:hover { background-image:linear-gradient(to right, rgb(230,110,40), rgb(228,60,83)); }

SPAN.blog-section-header {
    display:inline-block;
    margin:0px 0px 0px 0px;
    color:rgb(208,95,95);
    font-size:22px;
    font-family:'Roboto Condensed';
    font-weight:bold;
    text-align:left;
}

SPAN.blog-section-subheader {
    display:inline-block;
    margin:0px 0px 0px 0px;
    color:rgb(50,50,50);
    font-size:20px;
    font-family:'Roboto Condensed';
    font-weight:bold;
    text-align:left;
}

/************ WEBSITE: LEGAL PAGES ************/

#header-legal-container {
	display:block;
	float:left;
	margin:70px 0px 0px 0px;
	width:100%;
	height:auto;
	background:rgb(240,240,240);
	border-bottom:1px solid rgb(220,220,220);
}

#header-legal-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:50px 14px 50px 14px;
	max-width:960px;
	width:100%;
	text-align:center;
}

SPAN.header-title-legal {
	clear:both;
	display:block;
	width:100%;
	margin:0px;
	color:rgb(80,80,80);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:center;
}

#legal-container {
	display:block;
	clear:both;
	float:left;
	margin:0px;
	width:100%;
	height:auto;
	background:rgb(255,255,255);
}

#legal-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:40px 14px 40px 14px;
	max-width:960px;
	width:100%;
	text-align:left;
	color:rgb(80,80,80);
	font-size:17px;
	font-weight:normal;
}

/************ WEBSITE: CONTACT PAGE ************/

#header-contact-container {
	display:block;
	float:left;
	margin:70px 0px 0px 0px;
	width:100%;
	height:auto;
	background:rgb(255,255,255);
	border-bottom:1px solid rgb(220,220,220);
}

#header-contact-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:50px 14px 50px 14px;
	max-width:960px;
	width:100%;
	text-align:center;
}

SPAN.header-title-contact {
	clear:both;
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(80,80,80);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:center;
}

SPAN.header-subtitle-contact {
	clear:both;
	display:block;
	width:100%;
	margin:0px auto 0px auto;
	color:rgb(120,120,120);
	font-size:17px;
	font-weight:normal;
	text-align:center;
}

#contact-container {
	display:block;
	clear:both;
	float:left;
	margin:0px;
	width:100%;
	height:auto;
	background:rgb(240,240,240);
}

#contact-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:40px 14px 40px 14px;
	max-width:960px;
	width:100%;	
}

#contact-box-left {
	display:block;
	float:left;
	width:50%;
	text-align:left;
	color:rgb(80,80,80);
	font-size:17px;
	font-weight:normal;
	padding:0px 15px 0px 0px;
}

#contact-box-left A { color:rgb(66,139,202); text-decoration:none; transition:all 0.4s ease; }

#contact-box-left A:hover { color:rgb(35,82,124); text-decoration:none; }

#calculator-box-left {
	display:block;
	float:left;
	width:50%;
	text-align:left;
	font-size:17px;
	font-weight:normal;
	padding:0px 15px 0px 0px;
}

#contact-box-right {
	display:block;
	float:left;
	width:50%;
	text-align:right;
	padding:0px 0px 0px 15px;
}

#calculator-box-right {
	display:block;
	float:left;
	width:50%;
	text-align:left;
	padding:0px 0px 0px 15px;
	font-size:17px;
	font-weight:normal;
}

@media only screen and (min-width:801px) {

	#contact-box-left { width:50%; padding:0px 15px 0px 0px; }
	#calculator-box-left { width:50%; padding:0px 15px 0px 0px; }
	#contact-box-right { width:50%; padding:0px 0px 0px 15px; }
	#calculator-box-right { width:50%; padding:0px 0px 0px 15px; }
}

@media only screen and (max-width:800px) {

	#contact-box-left { width:100%; padding:0px 0px 0px 0px; }
	#calculator-box-left { width:100%; padding:0px 0px 0px 0px; }
	#contact-box-right { width:100%; padding:40px 0px 0px 0px; }
	#calculator-box-right { width:100%; padding:40px 0px 0px 0px; }
}

#contact-form {
	margin:0px;
	padding:0px;
	border:0px;
}

INPUT.text-input-contact {
	border:2px solid rgb(220,220,220);
	border-radius:5px;
	padding:10px;
	margin-bottom:14px;
	width:100%;
	color:rgb(80,80,80);
	background:rgb(255,255,255);
	font-size:17px;
	font-weight:normal;
	font-family:'Roboto Condensed', sans-serif;
}

TEXTAREA.textarea-input-contact {
	width:100%;
	resize:vertical;
	border:2px solid rgb(220,220,220);
	border-radius:5px;
	padding:10px;
	margin-bottom:14px;
	color:rgb(80,80,80);
	background:rgb(255,255,255);
	min-height:140px;
	font-size:17px;
	font-weight:normal;
	font-family:'Roboto Condensed', sans-serif;
}

/************ WEBSITE: PRICING PAGE ************/

#pricing-container {
	display:block;	
	clear:both;
	margin:70px auto 0 auto;
	padding:30px 14px 14px 14px;
	width:100%;
	max-width:960px;
}

#pricing-content-container {
	clear:both;
	width:100%;
	margin:0px 0px 30px 0px;
	padding:14px;
	background:rgb(255,255,255);
	border:1px solid rgb(230,230,230);
	border-radius:5px;
}

/************ WEBSITE: FEATURES PAGE ************/

#features-header-container {
	display:block;
	clear:both;
	margin:70px 0px 0px 0px;
	padding:0px;
	border:0px;
	width:100%;
	height:auto;
	background-color:rgb(112,100,150);
	background:linear-gradient(to right bottom,rgb(112,100,150),rgb(230,85,85));
}

#features-header-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:60px 14px 60px 14px;
	max-width:670px;
	width:100%;
	text-align:center;
}

SPAN.features-header-title {
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(255,255,255);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:center;
}

SPAN.features-header-subtitle {
	display:block;
	width:100%;
	margin:0px;
	color:rgb(255,179,205);
	font-size:17px;
	font-weight:normal;
	text-align:center;
}

#features-appbuilder-container {
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	background-color:rgb(255,255,255);
}

#features-appbuilder-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:30px 14px 15px 14px;
	max-width:960px;
	width:100%;
	text-align:center;
}

SPAN.features-appbuilder-title {
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(80,80,80);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:center;
}

SPAN.features-appbuilder-subtitle {
	display:block;
	width:100%;
	margin:0px 0px 25px 0px;
	color:rgb(80,80,80);
	font-size:17px;
	font-weight:normal;
	text-align:center;
}

SPAN.leaderboard-reset {
	display:inline-block;
	color:rgb(50,50,50);
	font-size:14px;
	font-family:'Roboto Condensed',sans-serif;
	font-weight:normal;
	font-style:italic;
}

#features-appbuilder-image {
	display:block;
	clear:both;
	width:100%;
	margin:0 auto 0 auto;
}

TABLE.features-appbuilder {
	display:inline-block;
	margin-top:20px;
	padding:0px;	
	border-collapse:separate;
	border-spacing:15px;
	width:80%;
	table-layout:fixed;
}

TABLE.features-appbuilder TD {
	width:50%;
	padding-left:26px;
	vertical-align:top;
	text-align:left;
	font-size:17px;
	font-weight:normal;
	background-image:url('/img/green-checkmark.png');
	background-size:auto; 
	background-position:left top;
	background-repeat:no-repeat;
}

TABLE.features-appbuilder-mobile {
	display:none;
	margin-top:20px;
	padding:0px;	
	border-collapse:separate;
	border-spacing:15px;
	width:100%;
	table-layout:fixed;
}

TABLE.features-appbuilder-mobile TD {
	width:100%;
	padding-left:26px;
	vertical-align:top;
	text-align:left;
	font-size:17px;
	font-weight:normal;
	background-image:url('/img/green-checkmark.png');
	background-size:auto; 
	background-position:left top;
	background-repeat:no-repeat;
}

@media only screen and (min-width:821px) {

	TABLE.features-appbuilder { display:inline-block; }
	TABLE.features-appbuilder-mobile { display:none; }
}

@media only screen and (max-width:820px) {

	TABLE.features-appbuilder { display:none; }
	TABLE.features-appbuilder-mobile { display:inline-block; }
}

#features-loyalty-container {
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	background-color: rgb(35,65,80);
    background-image: linear-gradient(to bottom right,rgb(5,25,35),rgb(20,60,85),rgb(75,130,145));
}

#features-loyalty-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:30px 14px 30px 14px;
	max-width:960px;
	width:100%;
	text-align:left;
}

#features-loyalty-text-container {
	display:block;
	float:left;
	margin:0px;
	padding:50px 35px 0px 0px;
	width:50%;
}

#features-loyalty-image {
	display:block;
	float:right;
	max-width:466px;
	width:50%;
}

SPAN.features-loyalty-title {
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(255,255,255);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:left;
}

SPAN.features-loyalty-body {
	display:block;
	width:100%;
	font-size:17px;
	font-weight:normal;
	color:rgb(188,212,216);
	margin:0px 0px 25px 0px;
	text-align:left;
}

TABLE.features-loyalty {
	display:block;
	margin:0px;
	padding:0px;	
	border-collapse:collapse;
}

TABLE.features-loyalty TD {
	padding:0px 0px 15px 42px;
	vertical-align:top;
	text-align:left;
	font-size:17px;
	font-weight:normal;
	color:rgb(188,212,216);
	background-image:url('/img/circled-star.png');
	background-size:auto; 
	background-position:left top;
	background-repeat:no-repeat;
}

@media only screen and (min-width:861px) {

	#features-loyalty-text-container { float:left; padding:50px 35px 0px 0px; width:50%; }
	#features-loyalty-image { float:right; width:50%; }
}

@media only screen and (max-width:860px) {

	#features-loyalty-text-container { float:left; padding:0px 0px 15px 0px; width:100%; }
	#features-loyalty-image { float:none; clear:both; width:100%; margin:0 auto 0 auto; }
}

#features-notifications-container {
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	background-color:rgb(255,255,255);
}

#features-games-container {
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	background-color:rgb(210,210,210);
}

#features-notifications-content-container {
	clear:both;
	margin:0px auto 0 auto;
	padding-top:30px;
	max-width:960px;
	width:100%;
}

#features-games-content-container {
	clear:both;
	margin:0px auto 0 auto;
	padding:40px 0px 25px 0px;
	max-width:960px;
	width:100%;
}

#features-notifications-text-container {
	float:right;
	margin:0px;
	padding:50px 14px 15px 14px;
	width:50%;
	text-align:center;
}

#features-games-text-container {
	float:right;
	margin:0px;
	padding:10px 14px 15px 14px;
	width:50%;
	text-align:center;
}

#features-notifications-image, #features-games-image {
	display:block;
	float:left;
	width:50%;
	max-width:466px;
}

SPAN.features-notifications-title, SPAN.features-games-title {
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(80,80,80);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:left;
}

SPAN.features-notifications-body, SPAN.features-games-body {
	display:block;
	width:100%;
	margin:0px 0px 25px 0px;
	color:rgb(80,80,80);
	font-size:17px;
	font-weight:normal;
	text-align:left;
}

TABLE.features-notifications, TABLE.features-games {
	display:block;
	margin:0px;
	padding:0px;	
	border-collapse:collapse;
}

TABLE.features-notifications TD, TABLE.features-games TD {
	padding:0px 0px 15px 34px;
	vertical-align:top;
	text-align:left;
	font-size:17px;
	font-weight:normal;
	color:rgb(80,80,80);
	background-image:url('/img/green-checkmark.png');
	background-size:auto; 
	background-position:left top;
	background-repeat:no-repeat;
}

@media only screen and (min-width:861px) {

	#features-notifications-text-container { float:right; padding:50px 14px 15px 14px; width:50%; }
	#features-notifications-image { float:left; width:50%; }
	
	#features-games-text-container { float:right; padding:10px 14px 15px 14px; width:50%; }
	#features-games-image { float:left; width:50%; }
}

@media only screen and (max-width:860px) {

	#features-notifications-text-container { float:none; clear:both; padding:30px 14px 15px 14px; width:100%; }
	#features-notifications-image { float:none; width:100%; margin:0 auto 0 auto; }
	
	#features-games-text-container { float:none; clear:both; padding:30px 14px 15px 14px; width:100%; }
	#features-games-image { float:none; width:100%; margin:0 auto 0 auto; }
}

#features-deals-container {
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	background-color:rgb(46,25,108);
    background-image:linear-gradient(to bottom right,rgb(46,25,108),rgb(210,102,120),rgb(255,184,127));
}

#features-deals-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:30px 14px 30px 14px;
	max-width:960px;
	width:100%;
	text-align:left;
}

#features-deals-text-container {
	display:block;
	float:left;
	margin:0px;
	padding:50px 35px 0px 0px;
	width:50%;
}

#features-deals-image {
	display:block;
	float:right;
	max-width:466px;
	width:50%;
}

SPAN.features-deals-title {
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(255,255,255);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:left;
}

SPAN.features-deals-body {
	display:block;
	width:100%;
	font-size:17px;
	font-weight:normal;
	color:rgb(255,210,255);
	margin:0px 0px 25px 0px;
	text-align:left;
}

TABLE.features-deals {
	display:block;
	margin:0px;
	padding:0px;	
	border-collapse:collapse;
}

TABLE.features-deals TD {
	padding:0px 0px 15px 42px;
	vertical-align:top;
	text-align:left;
	font-size:17px;
	font-weight:normal;
	color:rgb(255,210,255);
	background-image:url('/img/pink-star.png');
	background-size:auto; 
	background-position:left top;
	background-repeat:no-repeat;
}

@media only screen and (min-width:861px) {

	#features-deals-text-container { padding:50px 35px 0px 0px; width:50%; }
	#features-deals-image { float:right; width:50%; }	
}

@media only screen and (max-width:860px) {

	#features-deals-text-container { padding:0px 0px 15px 0px; width:100%; }
	#features-deals-image { float:none; width:100%; margin:0 auto 0 auto; }	
}

#features-social-container {
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	background-color:rgb(255,255,255);
}

#features-social-content-container {
	clear:both;
	margin:0px auto 0 auto;
	padding-top:30px;
	max-width:960px;
	width:100%;
}

#features-social-text-container {
	float:right;
	margin:0px;
	padding:50px 14px 15px 14px;
	width:50%;
	text-align:center;
}

#features-social-image {
	display:block;
	float:left;
	width:50%;
	max-width:466px;
}

SPAN.features-social-title {
	display:block;
	width:100%;
	margin:0px 0px 14px 0px;
	color:rgb(80,80,80);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:bold;
	text-align:left;
}

SPAN.features-social-body {
	display:block;
	width:100%;
	margin:0px 0px 25px 0px;
	color:rgb(80,80,80);
	font-size:17px;
	font-weight:normal;
	text-align:left;
}

TABLE.features-social {
	display:block;
	margin:0px;
	padding:0px;	
	border-collapse:collapse;
}

TABLE.features-social TD {
	padding:0px 0px 15px 34px;
	vertical-align:top;
	text-align:left;
	font-size:17px;
	font-weight:normal;
	color:rgb(80,80,80);
	background-image:url('/img/green-checkmark.png');
	background-size:auto; 
	background-position:left top;
	background-repeat:no-repeat;
}

@media only screen and (min-width:861px) {

	#features-social-text-container { float:right; padding:50px 14px 15px 14px; width:50%; }
	#features-social-image { float:left; width:50%; }
}

@media only screen and (max-width:860px) {

	#features-social-text-container { float:none; clear:both; padding:30px 14px 15px 14px; width:100%; }
	#features-social-image { float:none; width:100%; margin:0 auto 0 auto; }
}

#features-additional-container {
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	height:auto;
	background-color:rgb(0,20,95);
	background-image:linear-gradient(to bottom right,rgb(0,20,95),rgb(5,145,150));
}

#features-additional-content-container {
	clear:both;
	margin:0 auto 0 auto;
	padding:14px;
	max-width:960px;
	width:100%;
	text-align:center;
}

SPAN.features-additional-main-title {
	display:block;
	width:100%;
	text-align:center;
	padding:26px 0px 0px 14px;
	color:rgb(255,255,255);
	font-size:30px;
	font-family:'Open Sans Condensed';
	font-weight:normal;
}

HR.features-additional-bar {
	clear:both;
	height:1px;
	background:rgb(30,60,75);
	width:100%;
	border:0px;
	margin:15px 0px 20px 0px;
}

DIV.features-additional-box {
	display:block;
	float:left;
	width:25%;
	text-align:center;
	padding:20px 10px 30px 10px;
}

IMG.features-additional-icon { margin:0px 0px 16px 0px; }

SPAN.features-additional-title {
	display:inline-block;
	width:100%;
	font-size:17px;
	font-weight:bold;
	color:rgb(255,255,255);
	margin:0px 0px 10px 0px;
}

SPAN.features-additional-body {
	display:inline-block;
	width:100%;
	font-size:17px;
	font-weight:normal;
	color:rgb(188,212,216);
	margin:0px 0px 10px 0px;	
}

SPAN.features-additional-body A { color:rgb(215,130,60); text-decoration:none; transition:all 0.4s ease; }

SPAN.features-additional-body A:hover { color:rgb(238,165,165); text-decoration:none; }

@media only screen and (min-width:701px) {

	DIV.features-additional-box { float:left; width:25%; }
}

@media only screen and (max-width:700px) {

	DIV.features-additional-box { float:none; clear:both; width:100%; }
}

/************ TOP NAVIGATION: APPBUILDER ************/

#top-nav-bar {
	background:rgb(51,51,51);
	color:rgb(255,255,255);
	height:auto;
	width:100%;
}

#top-header-appbuilder {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	background:rgb(51,51,51);
	color:rgb(255,255,255);
	width:100%;
	height:65px;
	margin:0px;
	padding:0px;
	border:0px;
	z-index:1000;
}

#top-header-appbuilder-content-container {
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	max-width:1194px;
}

#appbuilder-logo {
	float:left;
	margin:14px;
	padding:0px;
	border:0px;
}

#header-buttons {
	float:right;
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	border:0px;
	height:65px;
}

/************ DROP DOWN MENUS ************/

.dropdown-block {
	position:relative;
	float:right;
    display:block;
	margin:0px;
	padding:0px;
	border:0px;
}

.dropdown-button {
    color:white;
    margin:0px;
	padding:0px 15px 0px 15px;
    border:0px;
    cursor:pointer;
	height:65px;
	line-height:65px;
	background:rgb(51,51,51);
}

.dropdown-content {
    display:none;
    position:absolute;
    right:0px;
    background-color:rgb(121,121,121);
    min-width:180px;
    box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color:white;
    padding:14px 17px;
    text-decoration:none;
    display:block;
	border-left:5px solid rgb(121,121,121);
}

.dropdown-content a:hover {
	background-color:rgb(91,91,91);
	border-left:5px solid rgb(218,97,97);
}

.dropdown-block:hover .dropdown-content {
    display:block;
}

.dropdown-block:hover .dropdown-button {
    background-color:rgb(71,71,71);
}

#publish-app-button {
	float:right;
    display:block;
	color:white;
    margin:0px 14px 0px 8px;
	padding:0px;
    border:0px;	
	position:relative;
	top:50%;
	transform:translateY(-50%);
	font-weight:400;
}

#publish-app-button A {
	display:block;
	background:rgb(0,200,0);
	color:rgb(255,255,255);
	padding:14px 20px 14px 20px;
	border-radius:5px;
	cursor:pointer;
	font-size:15px;
	text-decoration:none;
}

#publish-app-button A:hover {
	background:rgb(0,175,0);
}

/************ SIDE NAVIGATION ************/

#side-nav-bar {
	position:fixed;
	left:0px;
	top:0px;
	bottom:0px;
	width:180px;
	height:100%;
	background:rgb(91,91,91);
	color:rgb(255,255,255);
	margin:0px;
	padding:80px 0px 0px 0px;
	border:0px;
	z-index:500;
}

DIV.side-nav-bar-section-header {
	clear:both;
	display:block;
	cursor:pointer;
	width:100%;
	background-color:rgb(51,51,51);
    color:rgb(255,255,255);
    padding:12px 14px 12px 14px;
	text-align:left;
	font-weight:bold;
    text-decoration:none;
	border-top:1px solid rgb(81,81,81);
}

#side-nav-bar ul, #side-nav-bar ul.active {
	clear:both;
    list-style-type:none;
    margin:0px;
    padding:0px;
    width:180px;
}

#side-nav-bar ul { display:none; }
#side-nav-bar ul.active { display:block; }

#side-nav-bar li a {
    display:block;
    color:rgb(255,255,255);
    padding:12px 14px 12px 14px;
    text-decoration:none;
}

#side-nav-bar li {
    text-align:left;
    border-top:1px solid rgb(81,81,81);
}

#side-nav-bar li:last-child {
    border-bottom:1px solid rgb(81,81,81);
}

#side-nav-bar li a.active {
    background-color:rgb(131,131,131);
    color:rgb(255,255,255);
}

#side-nav-bar li a:hover:not(.active) {
    background-color:rgb(111,111,111);
    color:rgb(255,255,255);
}

/************ SIGN UP ************/

A.header-link-signup {
	display:inline-block;
	color:rgb(200,200,200);
	padding:5px 0px 5px 12px;
	transition:all 0.4s ease;
	text-decoration:none;
}

A.header-link-signup:hover { color:rgb(255,255,255); }

#progress-box {
	display:block;
	width:400px;
	margin:0 auto 0 auto;
}

#step1 {
	float:left;
	width:200px;
	text-align:center;
	padding-bottom:6px;
	color:rgb(80,80,80);
}

#step2 {
	float:left;
	width:200px;
	text-align:center;
	padding-bottom:6px;
	color:rgb(80,80,80);
}

#progress-bar {
	clear:both;
	width:400px;
	height:10px;
	margin:0px;
	background:rgb(200,200,200);
	border-radius:5px;
}

#active-bar {
	position:relative;
	left:0px;
	width:0px;
	height:10px;
	margin:0px;
	background:rgb(255,160,160);
	border-radius:5px;
	-webkit-transition:1s ease;
    -moz-transition:1s ease;
    -o-transition:1s ease;
    -ms-transition:1s ease;
	transition:1s ease;
}

#main-content-signup-step-one {
	clear:both;
	width:100%;
	margin:0;
	padding:14px;
	background:rgb(255,255,255);
	border:1px solid rgb(230,230,230);
	border-radius:5px;
	margin-top:14px;
	margin-bottom:30px;
}

#app-name-category {
	float:left;
	width:442px;
}

DIV.category-box {
	float:left;
	width:221px;
	margin:0;
	padding:0;
	border:0;
}

SPAN.signup-title {
	font-weight:700;
	font-size:23px;
	color:rgb(85,85,85);
	margin:0px;
	padding:0px;
}

SPAN.signup-comment {
	font-weight:300;
	font-size:15px;
	color:rgb(150,150,150);
	margin:0px;
	padding:0px;
}

INPUT.signup-category {
	margin-right:10px;
	margin-bottom:18px;
}

#emulator-signup {
	display:block;
	position:relative;
	float:left;
	width:410px;
	margin:0 0 0 50px;
	min-height:770px;
	background-image:url('/img/iphone6-white.png');
	background-origin:padding-box;
	background-position:left top;
	background-repeat:no-repeat;
}

#loading-spinner {
	position:absolute;
	top:346px;
	left:154px;
	width:80px;
	height:79px;
	margin:0;
	padding:0;
	border:0;
	z-index:2000;
}

#emulator-screen {
	display:block;
	position:absolute;
	top:100px;
	left:34px;
	width:321px;
	height:571px;
	margin:0;
	padding:0;
	border:0;
	opacity:0;
	color:rgb(255,255,255);
	background-color:rgb(35,65,80);
	background-image:linear-gradient(to bottom right,rgb(5,25,35),rgb(20,60,85),rgb(75,130,145));
	z-index:1000;
	text-align:center;
	-webkit-transition:1s ease;
    -moz-transition:1s ease;
    -o-transition:1s ease;
    -ms-transition:1s ease;
	transition:1s ease;
}

#emulator-screen-header {
	display:block;
	margin-top:15px;
	width:100%;
	border-top:3px solid rgb(255,255,255);
	border-bottom:3px solid rgb(255,255,255);
	background:rgba(50,50,50,0.65);
	color:rgb(255,255,255);
	padding:15px;
	text-align:center;
}

SPAN.business-name {
	font-size:26px;
	font-family:'Passion One',Arial;
}

SPAN.business-slogan {
	font-size:12px;
}

#emulator-screen-body {
	display:inline-block;
	color:rgb(230,230,230);
	font-size:20px;
	font-weight:400;
	margin-top:200px;
	border:0px;
	padding:20px;
	background:rgba(50,50,50,0.65);
	border-radius:10px;
}

#main-content-signup-step-two {
	clear:both;
	width:100%;
	max-width:400px;
	margin:0 auto 0 auto;
	padding:14px;
	background:rgb(255,255,255);
	border:1px solid rgb(230,230,230);
	border-radius:5px;
	margin-top:14px;
	margin-bottom:30px;
	text-align:center;
	color:rgb(120,120,120);
}

@media only screen and (min-width:961px) {

	#app-name-category { width:442px; }
	#emulator-signup { display:block; }
}

@media only screen and (max-width:960px) {

	#app-name-category { width:100%; }
	#emulator-signup { display:none; }
}

@media only screen and (min-width:451px) {

	#progress-box { display:block; }
}

@media only screen and (max-width:450px) {

	#progress-box { display:none; }
}

/************ LOGIN ************/

#main-content-signin {
	clear:both;
	width:100%;
	max-width:400px;
	margin:0 auto 0 auto;
	padding:0px;		
	margin-top:80px;
	margin-bottom:30px;
}

#main-content-signin-header {
	width:100%;
	background:rgb(80,80,80);
	color:rgb(255,255,255);
	font-size:20px;
	padding:14px;
	text-align:center;	
	border-top:1px solid rgb(230,230,230);	
	border-left:1px solid rgb(230,230,230);	
	border-right:1px solid rgb(230,230,230);	
	border-bottom:0px;
	border-top-right-radius:5px;
    border-bottom-right-radius:0px;
	border-top-left-radius:5px;
	border-bottom-left-radius:0px;
}

#main-content-signin-body-center {
	clear:both;
	width:100%;
	background:rgb(255,255,255);
	padding:14px;
	border-top:0px;	
	border-left:1px solid rgb(230,230,230);	
	border-right:1px solid rgb(230,230,230);	
	border-bottom:1px solid rgb(230,230,230);
	border-top-right-radius:0px;
    border-bottom-right-radius:5px;
	border-top-left-radius:0px;
	border-bottom-left-radius:5px;
	text-align:center;
}

#main-content-signin-body-left {
	clear:both;
	width:100%;
	background:rgb(255,255,255);
	padding:14px;
	border-top:0px;	
	border-left:1px solid rgb(230,230,230);	
	border-right:1px solid rgb(230,230,230);	
	border-bottom:1px solid rgb(230,230,230);
	border-top-right-radius:0px;
    border-bottom-right-radius:5px;
	border-top-left-radius:0px;
	border-bottom-left-radius:5px;
	text-align:left;
}

/************ LEADS ************/

#main-content-leads {
	clear:both;
	width:100%;
	margin:0 auto 0 auto;
	padding:0px;		
	margin-top:40px;
	margin-bottom:40px;
}

#main-content-leads-header {
	width:100%;
	background:rgb(80,80,80);
	color:rgb(255,255,255);
	font-size:20px;
	padding:14px;
	text-align:center;	
	border-top:1px solid rgb(230,230,230);	
	border-left:1px solid rgb(230,230,230);	
	border-right:1px solid rgb(230,230,230);	
	border-bottom:0px;
	border-top-right-radius:5px;
    border-bottom-right-radius:0px;
	border-top-left-radius:5px;
	border-bottom-left-radius:0px;
}

#main-content-leads-body-left {
	clear:both;
	width:100%;
	background:rgb(255,255,255);
	padding:14px;
	border-top:0px;	
	border-left:1px solid rgb(230,230,230);	
	border-right:1px solid rgb(230,230,230);	
	border-bottom:1px solid rgb(230,230,230);
	border-top-right-radius:0px;
    border-bottom-right-radius:5px;
	border-top-left-radius:0px;
	border-bottom-left-radius:5px;
	text-align:left;
}

/************ ACTIVATE ************/

#activate-container {
	display:block;	
	clear:both;
	margin:0 auto 0 auto;
	padding:30px 14px 14px 14px;
	width:100%;
	max-width:960px;
}

#activate-content-container {
	clear:both;
	width:100%;
	margin:0px 0px 30px 0px;
	padding:14px;
	background:rgb(255,255,255);
	border:1px solid rgb(230,230,230);
	border-radius:5px;
}

SPAN.section-title {
	clear:both;
	display:inline-block;
	width:100%;
	text-align:center;
	font-weight:bold;
	font-size:30px;
	padding:15px 0px 14px 0px;
	color:rgb(80,80,80);
}

SPAN.section-subtitle {
	clear:both;
	display:inline-block;
	width:100%;
	text-align:center;
	font-weight:normal;
	font-size:15px;
	color:rgb(80,80,80);	
}

SPAN.red-underline {
	border-bottom:2px solid rgb(218,97,97);
}

#pricing-options-container {
	clear:both;
	width:100%;
	margin:25px 0px 35px 0px;
	padding:0px;
	border:0px;
	text-align:center;
}

#pricing-option-box {
	position:relative;
	display:inline-block;
	width:270px;
	height:auto;
	margin:0px 7px 0px 7px;
	padding:14px;
	background:rgb(235,255,235);
	border-top:3px double rgb(180,230,180);
	border-left:3px double rgb(180,230,180);
	border-right:3px double rgb(180,230,180);
	border-bottom:10px solid rgb(180,230,180);
	border-radius:5px;
	text-align:center;
}

#pricing-option-box-single {
	position:relative;
	display:inline-block;
	width:850px;
	height:auto;
	margin:0px;
	padding:14px;
	background:rgb(235,255,235);
	border-top:3px double rgb(180,230,180);
	border-left:3px double rgb(180,230,180);
	border-right:3px double rgb(180,230,180);
	border-bottom:10px solid rgb(180,230,180);
	border-radius:5px;
	text-align:center;
}

#pricing-option-box:hover, #pricing-option-box-single:hover { border-left:3px solid rgb(180,230,180); border-right:3px solid rgb(180,230,180); border-top:3px solid rgb(180,230,180); border-bottom:10px solid rgb(0,255,0); }

#pricing-option-name {
	clear:both;
	display:block;
	width:100%;
	text-align:center;
	font-weight:bold;
	font-size:35px;
	color:rgb(218,97,97);
	padding:0px 0px 14px 0px;
}

#pricing-option-amount-box {
	clear:both;
	display:block;
	width:100%;
	text-align:center;
	color:rgb(80,80,80);
	padding:0px 0px 14px 0px;
}

SPAN.price-amount {
	font-weight:bold;
	font-size:50px;
	color:rgb(80,80,80);
}

SPAN.price-term {
	font-weight:normal;
	font-size:15px;
	color:rgb(80,80,80);
	margin-left:5px;
}

SPAN.price-frequency {
	font-weight:normal;
	font-size:12px;
	font-style:italic;
}

#pricing-option-details {
	clear:both;
	display:block;
	width:100%;
	text-align:center;
	color:rgb(80,80,80);
	background:rgb(255,255,255);
	border:3px double rgb(180,230,180);
	border-radius:5px;
	padding:14px;
	line-height:21.4286px;
}

#pricing-option-details-outer {
	float:left;
	display:block;
	width:263px;
	margin:0px;
	text-align:center;
	color:rgb(80,80,80);
	background:rgb(255,255,255);
	border:3px double rgb(180,230,180);
	border-radius:5px;
	padding:14px;
	line-height:21.4286px;
}

#pricing-option-details-middle {
	float:left;
	display:block;
	width:262px;
	margin:0px 14px 0px 14px;
	text-align:center;
	color:rgb(80,80,80);
	background:rgb(255,255,255);
	border:3px double rgb(180,230,180);
	border-radius:5px;
	padding:14px;
	line-height:21.4286px;
}

#payment-button-box {
	clear:both;
	display:block;
	width:100%;
	text-align:center;
	padding:14px 0px 0px 0px;
}

#payment-button-box FORM {
	display:inline-block;
	margin:0px;
	padding:0px;
	border:0px;
}

#button-activate {
	display:inline-block;
	cursor:pointer;
	font-family:Arial;
	font-size:16px;
	font-weight:400;
	width:100%;
	padding:12px;
	margin:0px;
	border-radius:5px;
	border:0px;
	color:rgb(255,255,255);
	background:rgb(218,97,97);
	text-align:center;
	text-decoration:none;
}

#button-activate:hover { background:rgb(188,67,67); }

#popular-tag {
	position:absolute;
	top:-3px;
	left:-3px;
	width:87px;
	height:87px;
	background-image:url('/img/most-popular-tag.png');
	z-index:100;
}

#layout-column-trial-badge {
	float:left;
	width:25%;
	text-align:right;
}

#layout-column-key-benefits {
	float:left;
	width:75%;
	text-align:left;
	padding:0px 0px 0px 25px;
}

#layout-column-faqs {
	width:50%;
	float:left;
	padding:0px 15px 0px 15px;
}

#layout-column-key-benefits UL { list-style:none; margin:0px; padding:0px; }

#layout-column-key-benefits UL LI {
	background-image:url('/img/greencheck.png');
	background-repeat:no-repeat;
	text-align:left;
	padding:0px 0px 20px 45px;
	font-weight:normal;
	font-size:18px;
	color:rgb(80,80,80);
}

#horizontal-line-box {
	clear:both;
	position:relative;
    text-align:center;
	width:100%;
	margin:25px 0px 30px 0px;
    z-index:2;
}

#horizontal-line-box:after {
    content:"";
    position:absolute;
    top:50%;
    left:45px;
    right:45px;
    border-top:1px solid rgb(180,180,180);
    z-index:-1;
}

SPAN.horizontal-line-box-title {
	display:inline-block;
    margin:0px;
	padding:0px 10px 0px 10px;
    background:rgb(255,255,255);
	font-size:22px;
	font-weight:bold;
}

SPAN.faq-question {
	font-weight:bold;
	font-size:18px;
	color:rgb(204,68,68);
}

SPAN.faq-answer {
	font-weight:normal;
	font-size:18px;
	color:rgb(80,80,80);
}

SPAN.fine-print {
	clear:both;
	display:block;
	width:100%;
	margin:40px 0px 8px 0px;
	text-align:center;
	font-size:15px;
}

#payment-logos-box {
	clear:both;
	display:block;
	width:100%;
	text-align:center;
}

@media only screen and (min-width:921px) {

	#pricing-option-box { display:inline-block; width:270px; margin:0px 7px 0px 7px; }
	#pricing-option-box-single { display:inline-block; width:850px; margin:0px; }
	#pricing-option-details { height:310px; }
	#pricing-option-details-outer { width:263px; margin:0px; }
	#pricing-option-details-middle { width:262px; margin:0px 14px 0px 14px; }
	#layout-column-trial-badge { width:25%; text-align:right; }
	#layout-column-key-benefits { width:75%; padding:0px 0px 0px 25px; }
	#layout-column-faqs { width:50%; padding:0px 15px 0px 15px; }
}

@media only screen and (max-width:920px) {

	#pricing-option-box { display:block; clear:both; width:100%; margin:0px auto 20px auto; }
	#pricing-option-box-single { display:inline-block; width:100%; margin:0px auto 20px auto; }
	#pricing-option-details { height:auto; }
	#pricing-option-details-outer { width:100%; margin:0px 0px 14px 0px; }
	#pricing-option-details-middle { width:100%; margin:0px 0px 14px 0px; }
	#layout-column-trial-badge { width:100%; text-align:center; }
	#layout-column-key-benefits { width:100%; padding:25px 0px 0px 0px; }
	#layout-column-faqs { width:100%; padding:0px 0px 15px 0px; }
}

#checkout-step-zero,
#checkout-step-one,
#checkout-step-two {
	font-family:'Roboto Condensed',sans-serif;
	font-size:18px;
	font-weight:normal;
}

TABLE.width-100 TD.checkout-title-table-left {
	width:50%;
	padding-top:10px;
	vertical-align:middle;
	text-align:left;
}

TABLE.width-100 TD.checkout-title-table-right {
	width:50%;
	padding-top:10px;
	vertical-align:middle;
	text-align:right;
	color:rgb(180,180,180);
	font-size:16px;
}

A.checkout-navigation-link {
	color:rgb(180,180,180);
	font-size:16px;
	text-decoration:none;
}

A.checkout-navigation-link:hover { color:rgb(204,68,68); }

SPAN.checkout-title {
	margin:0px;
	padding:0px;
	text-align:left;
	font-weight:700;
	font-size:18px;
	color:rgb(204,68,68);
}

HR.checkout-line {
	clear:both;
	height:3px;
	background:rgb(220,220,220);
	width:100%;
	border:0px;
	margin:6px 0px 25px 0px;
}

SPAN.checkout-selected-plan {
	display:block;
	width:100%;
	text-align:left;
	font-weight:700;
	font-size:18px;
	padding-bottom:10px;
}

TABLE.width-100 TD.checkout-item-name {
	width:40%;
	padding:0px 0px 10px 10px;
	vertical-align:top;
	text-align:left;
}

TABLE.width-100 TD.checkout-item-description {
	width:60%;
	padding:0px 0px 10px 10px;
	vertical-align:top;
	text-align:right;
}

TABLE.width-100 TD.optional-item-name {
	width:70%;
	padding:0px 0px 10px 0px;
	vertical-align:top;
	text-align:left;
}

TABLE.width-100 TD.optional-item-selection {
	width:30%;
	padding:0px 0px 10px 0px;
	vertical-align:top;
	text-align:right;
}

TABLE.width-100 TD.checkout-coupon-input {
	width:80%;
	padding:0px 0px 10px 0px;
	vertical-align:top;
	text-align:left;
}

TABLE.width-100 TD.checkout-coupon-button {
	width:20%;
	padding:0px 0px 10px 10px;
	vertical-align:top;
	text-align:center;
}

INPUT.text-input-coupon-code {
	border:2px solid rgb(230,230,230);
	border-radius:5px;
	padding:10px;
	margin-top:7px;
	width:100%;
	background:rgb(252,252,252);
}

INPUT.text-input-coupon-code.error {
	border:2px solid rgb(208,95,95);
	background-image:url('/img/error-icon.png');
	background-origin:padding-box;
	background-position:438px 50%;
	background-repeat:no-repeat;
}

INPUT.text-input-coupon-code.success {
	border:2px solid rgb(97,218,97);
	background-image:url('/img/success-icon.png');
	background-origin:padding-box;
	background-position:438px 50%;
	background-repeat:no-repeat;
}

BUTTON.coupon-apply {
	border:2px solid rgb(230,230,230);
	border-radius:5px;
	padding:10px;
	margin-top:7px;
	width:100%;
	background:rgb(230,230,230);
	text-align:center;
	color:rgb(150,150,150);
}

#button-checkout, #button-submit-payment, #button-submit-bank-details, #button-submit-bank-verification {
	display:inline-block;
	cursor:pointer;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	width:100%;
	padding:16px;
	margin:0px;
	border-radius:5px;
	border:0px;
	color:rgb(255,255,255);
	background:rgb(238,69,34);
	text-align:center;
}

#button-checkout:hover, #button-submit-payment:hover, #button-submit-bank-details:hover, #button-submit-bank-verification:hover { background:rgb(188,67,67); }

SPAN.checkout-charge-disclaimer {
	display:block;
	width:100%;
	text-align:left;
	font-weight:normal;
	font-size:18px;
	padding-bottom:20px;
}

INPUT.checkout-first-name {
	display:block;
	float:left;
	width:243px;
	border:2px solid rgb(220,220,220);
	border-radius:5px;
	padding:10px 10px 10px 10px;
	margin-right:7px;
	margin-bottom:15px;
}

INPUT.checkout-first-name.error { border:2px solid rgb(208,95,95); }

INPUT.checkout-last-name {
	display:block;
	float:left;
	width:242px;
	border:2px solid rgb(220,220,220);
	border-radius:5px;
	padding:10px 10px 10px 10px;
	margin-left:8px;
	margin-bottom:15px;
}

INPUT.checkout-last-name.error { border:2px solid rgb(208,95,95); }

INPUT.checkout-email {
	display:block;
	float:left;
	width:243px;
	border:2px solid rgb(220,220,220);
	border-radius:5px;
	padding:10px 10px 10px 10px;
	margin-right:7px;
	margin-bottom:15px;
}

INPUT.checkout-email.error { border:2px solid rgb(208,95,95); }

INPUT.checkout-password {
	display:block;
	float:left;
	width:242px;
	border:2px solid rgb(220,220,220);
	border-radius:5px;
	padding:10px 10px 10px 10px;
	margin-left:8px;
	margin-bottom:15px;
}

INPUT.checkout-password.error { border:2px solid rgb(208,95,95); }

INPUT.credit-card-number {
	display:block;
	float:left;
	width:500px;
	border:2px solid rgb(220,220,220);
	border-radius:5px;
	padding:10px 10px 10px 54px;
	margin-bottom:15px;
	background-image:url('/img/credit-card-icon.png');
	background-origin:padding-box;
	background-position:15px 50%;
	background-repeat:no-repeat;
}

INPUT.credit-card-number.error { border:2px solid rgb(208,95,95); }

INPUT.credit-card-number.visa {
	background-image:url('/img/credit-card-icon.png'), url('/img/card-icon-visa.png');
	background-origin:padding-box, padding-box;
	background-position:15px 50%, 451px 50%;
	background-repeat:no-repeat, no-repeat;
}

INPUT.credit-card-number.mastercard {
	background-image:url('/img/credit-card-icon.png'), url('/img/card-icon-mastercard.png');
	background-origin:padding-box, padding-box;
	background-position:15px 50%, 451px 50%;
	background-repeat:no-repeat, no-repeat;
}

INPUT.credit-card-number.amex {
	background-image:url('/img/credit-card-icon.png'), url('/img/card-icon-amex.png');
	background-origin:padding-box, padding-box;
	background-position:15px 50%, 451px 50%;
	background-repeat:no-repeat, no-repeat;
}

INPUT.credit-card-number.discover {
	background-image:url('/img/credit-card-icon.png'), url('/img/card-icon-discover.png');
	background-origin:padding-box, padding-box;
	background-position:15px 50%, 451px 50%;
	background-repeat:no-repeat, no-repeat;
}

INPUT.credit-card-number.jcb {
	background-image:url('/img/credit-card-icon.png'), url('/img/card-icon-jcb.png');
	background-origin:padding-box, padding-box;
	background-position:15px 50%, 451px 50%;
	background-repeat:no-repeat, no-repeat;
}

INPUT.credit-card-number.dinersclub {
	background-image:url('/img/credit-card-icon.png'), url('/img/card-icon-dinersclub.png');
	background-origin:padding-box, padding-box;
	background-position:15px 50%, 451px 50%;
	background-repeat:no-repeat, no-repeat;
}

INPUT.credit-card-expiration {
	display:block;
	float:left;
	width:243px;
	border:2px solid rgb(220,220,220);
	border-radius:5px;
	padding:10px 10px 10px 54px;
	margin-right:7px;
	background-image:url('/img/calendar-icon.png');
	background-origin:padding-box;
	background-position:15px 50%;
	background-repeat:no-repeat;
}

INPUT.credit-card-expiration.error { border:2px solid rgb(208,95,95); }

INPUT.credit-card-cvc {
	display:block;
	float:left;
	width:242px;
	border:2px solid rgb(220,220,220);
	border-radius:5px;
	padding:10px 10px 10px 46px;
	margin-left:8px;
	background-image:url('/img/padlock-icon.png');
	background-origin:padding-box;
	background-position:15px 50%;
	background-repeat:no-repeat;
}

INPUT.credit-card-cvc.error { border:2px solid rgb(208,95,95); }

SPAN.checkout-security-statement {
	clear:both;
	display:block;
	width:100%;
	margin:20px 0px 10px 0px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:rgb(245,154,23);
}

IMG.trustlogos {
	width:100%;
	max-width:598px;
	border:0px;
	margin-bottom:20px;
}

SPAN.discount {
	color:rgb(47,200,47);
}

/************ INVOICE / CONTRACT ************/

#invoice-container, #contract-container {
	display:block;	
	clear:both;
	margin:0 auto 0 auto;
	padding:30px 14px 14px 14px;
	width:100%;
	max-width:960px;
}

#invoice-content-container, #contract-content-container {
	clear:both;
	width:100%;
	margin:0px 0px 30px 0px;
	padding:14px;
	background:rgb(255,255,255);
	border:1px solid rgb(230,230,230);
	border-radius:5px;
	font-weight:normal;
	font-size:18px;
}

#invoice-content-container { text-align:center; }
#contract-content-container { text-align:left; font-family:'Times New Roman',serif; }

#contract-signature-content-container {
	clear:both;
	width:100%;
	margin:0px 0px 30px 0px;
	padding:14px;
	background:rgb(255,240,100);
	border:4px solid rgb(255,204,0);
	border-radius:5px;
	font-weight:normal;
	font-size:18px;
}

#invoice-line-box {
	clear:both;
	position:relative;
    text-align:center;
	width:100%;
	margin:0px 0px 15px 0px;
    z-index:2;
}

#invoice-line-box:after {
    content:"";
    position:absolute;
    top:50%;
    left:0px;
    right:0px;
    border-top:1px solid rgb(220,220,220);
    z-index:-1;
}

SPAN.invoice-line-box-title {
	display:inline-block;
    margin:0px;
	padding:0px 10px 0px 10px;
    background:rgb(255,255,255);
	color:rgb(204,68,68);
	font-size:20px;
	font-weight:bold;
}

#invoice-status-box-paid, #invoice-status-box-unpaid {
	clear:both;
	display:inline-block;
	width:100%;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:14px;
	border-radius:5px;
	text-align:center;
}

#invoice-status-box-paid { background:rgb(235,255,235); border:3px solid rgb(180,230,180); }

#invoice-status-box-unpaid { background:rgb(255,240,180); border:3px solid rgb(255,204,0); }

SPAN.invoice-subheading {
	clear:both;
	display:inline-block;
	width:100%;
	padding:25px 0px 10px 0px;	
	font-weight:bold;
	text-align:left;
}

TABLE.width-100  TD.invoice-item-name {
	width:65%;
	padding:5px 10px 5px 0px;
	vertical-align:top;
	text-align:left;
}

TABLE.width-100  TD.invoice-item-price {
	width:35%;
	padding:5px 0px 5px 10px;
	vertical-align:top;
	text-align:right;
}

HR.invoice-line {
	clear:both;
	height:3px;
	background:rgb(220,220,220);
	width:100%;
	border:0px;
	margin:5px 0px 5px 0px;
}

SPAN.invoice-security-statement {
	clear:both;
	display:block;
	width:100%;
	margin:20px 0px 10px 0px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:rgb(245,154,23);
}

TABLE.width-100  TD.invoice-payment-left {
	width:50%;
	padding:0px 7px 0px 0px;
	vertical-align:top;
}

TABLE.width-100  TD.invoice-payment-right {
	width:50%;
	padding:0px 0px 0px 7px;
	vertical-align:top;
}

A.invoice-payment-method-selected {
	display:block;
	width:100%;
	margin:0px;
	padding:14px;
	border-radius:5px;
	text-decoration:none;
	color:rgb(0,0,0);
	background:rgb(230,255,230);
	border:2px solid rgb(97,218,97);
}

A.invoice-payment-method-selected:hover { background:rgb(220,245,220); }

A.invoice-payment-method-not-selected {
	display:block;
	width:100%;
	margin:0px;
	padding:14px;
	border-radius:5px;
	text-decoration:none;
	color:rgb(0,0,0);
	background:rgb(240,240,240);
	border:2px solid rgb(220,220,220);
}

A.invoice-payment-method-not-selected:hover { background:rgb(230,230,230); }

SPAN.invoice-fine-print {
	margin:0px;
	text-align:center;
	font-size:15px;
}

SELECT.invoice-select-list {
	border:2px solid rgb(230,230,230);
	border-radius:5px;
	padding:10px;
	margin-bottom:15px;
	width:100%;
	background:rgb(252,252,252);
	-webkit-appearance:none;
}

SELECT.invoice-select-list.error {
	border:2px solid rgb(208,95,95);
	border-radius:5px;
	padding:10px;
	margin-bottom:15px;
	width:100%;
	background:rgb(252,252,252);
	-webkit-appearance:none;
}

INPUT.invoice-first-name {
	display:block;
	width:100%;
	border:2px solid rgb(220,220,220);
	border-radius:5px;
	padding:10px 10px 10px 10px;
	margin-bottom:15px;
}

INPUT.invoice-first-name.error { border:2px solid rgb(208,95,95); }

INPUT.invoice-last-name {
	display:block;
	width:100%;
	border:2px solid rgb(220,220,220);
	border-radius:5px;
	padding:10px 10px 10px 10px;
	margin-bottom:15px;
}

INPUT.invoice-last-name.error { border:2px solid rgb(208,95,95); }

INPUT.invoice-email {
	display:block;
	width:100%;
	border:2px solid rgb(220,220,220);
	border-radius:5px;
	padding:10px 10px 10px 10px;
	margin-bottom:0px;
}

INPUT.invoice-email.error { border:2px solid rgb(208,95,95); }

INPUT.invoice-credit-card-number {
	display:block;
	width:100%;
	border:2px solid rgb(220,220,220);
	border-radius:5px;
	padding:10px 10px 10px 54px;
	margin-bottom:15px;
	background-image:url('/img/credit-card-icon.png');
	background-origin:padding-box;
	background-position:15px 50%;
	background-repeat:no-repeat;
}

INPUT.invoice-credit-card-number.error { border:2px solid rgb(208,95,95); }

INPUT.invoice-credit-card-number.visa {
	background-image:url('/img/credit-card-icon.png'), url('/img/card-icon-visa.png');
	background-origin:padding-box, padding-box;
	background-position:15px 50%, calc(100% - 13px) 50%;
	background-repeat:no-repeat, no-repeat;
}

INPUT.invoice-credit-card-number.mastercard {
	background-image:url('/img/credit-card-icon.png'), url('/img/card-icon-mastercard.png');
	background-origin:padding-box, padding-box;
	background-position:15px 50%, calc(100% - 13px) 50%;
	background-repeat:no-repeat, no-repeat;
}

INPUT.invoice-credit-card-number.amex {
	background-image:url('/img/credit-card-icon.png'), url('/img/card-icon-amex.png');
	background-origin:padding-box, padding-box;
	background-position:15px 50%, calc(100% - 13px) 50%;
	background-repeat:no-repeat, no-repeat;
}

INPUT.invoice-credit-card-number.discover {
	background-image:url('/img/credit-card-icon.png'), url('/img/card-icon-discover.png');
	background-origin:padding-box, padding-box;
	background-position:15px 50%, calc(100% - 13px) 50%;
	background-repeat:no-repeat, no-repeat;
}

INPUT.invoice-credit-card-number.jcb {
	background-image:url('/img/credit-card-icon.png'), url('/img/card-icon-jcb.png');
	background-origin:padding-box, padding-box;
	background-position:15px 50%, calc(100% - 13px) 50%;
	background-repeat:no-repeat, no-repeat;
}

INPUT.invoice-credit-card-number.dinersclub {
	background-image:url('/img/credit-card-icon.png'), url('/img/card-icon-dinersclub.png');
	background-origin:padding-box, padding-box;
	background-position:15px 50%, calc(100% - 13px) 50%;
	background-repeat:no-repeat, no-repeat;
}

INPUT.invoice-credit-card-expiration {
	display:block;
	width:100%;
	border:2px solid rgb(220,220,220);
	border-radius:5px;
	padding:10px 10px 10px 54px;
	background-image:url('/img/calendar-icon.png');
	background-origin:padding-box;
	background-position:15px 50%;
	background-repeat:no-repeat;
}

INPUT.invoice-credit-card-expiration.error { border:2px solid rgb(208,95,95); }

INPUT.invoice-credit-card-cvc {
	display:block;
	width:100%;
	border:2px solid rgb(220,220,220);
	border-radius:5px;
	padding:10px 10px 10px 46px;
	background-image:url('/img/padlock-icon.png');
	background-origin:padding-box;
	background-position:15px 50%;
	background-repeat:no-repeat;
}

INPUT.invoice-credit-card-cvc.error { border:2px solid rgb(208,95,95); }

#invoice-green-box {
	clear:both;
	width:100%;
	border:3px solid rgb(180,230,180);
	border-radius:5px;
	padding:14px;
	text-align:center;
	background:rgb(235,255,235);
}

/************ THANK YOU and OOPS ************/

#main-content-thankyou,
#main-content-oops {
	clear:both;
	width:100%;
	max-width:650px;
	margin:0px auto 30px auto;
	padding:14px;
	background:rgb(255,255,255);
	border:1px solid rgb(230,230,230);
	border-radius:5px;
	font-size:18px;
}

#step-bubble {
	clear:both;
	width:100%;
	border:3px solid rgb(180,230,180);
	border-radius:5px;
	padding:14px;
	text-align:left;
	background:rgb(235,255,235);
}

/************ APPBUILDER ************/

#main-content-container-appbuilder {
	width:1000px;
	margin:79px 14px 14px 194px;
	padding:0px;
	border:0px;
}

#appbuilder-contents-panel {
	float:left;
	width:600px;
	margin:0px;
	padding:0px;
	border:0px;
}

#appbuilder-contents-panel-full-width {
	float:left;
	width:1000px;
	margin:0px;
	padding:0px;
	border:0px;
}

#appbuilder-contents-box {
	float:left;
	width:100%;
	margin:0px 0px 30px 0px;
	padding:0px;
	border:0px;	
}

#appbuilder-contents-breadcrumb {
	clear:both;
	width:100%;
	margin:0px;
	padding:0px 14px 14px 0px;
	color:rgb(40,40,40);
	font-weight:bold;
}

#appbuilder-contents-box-header {
	clear:both;
	width:100%;
	margin:0px;
	padding:14px;
	border:1px solid rgb(102,153,153);
	background:rgb(102,153,153);
	color:rgb(255,255,255);
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
}

#appbuilder-contents-box-header-dark {
	clear:both;
	width:100%;
	margin:0px;
	padding:14px;
	border:1px solid rgb(91,91,91);
	background:rgb(91,91,91);
	color:rgb(255,255,255);
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
}

#appbuilder-contents-box-body {
	clear:both;
	width:100%;
	margin:0px;
	padding:14px;
	border-left:1px solid rgb(220,220,220);
	border-right:1px solid rgb(220,220,220);
	border-bottom:1px solid rgb(220,220,220);
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	background:rgb(255,255,255);
}

#appbuilder-right-sidebar-panel {
	float:left;
	width:386px;
	margin:0 0 0 14px;
	padding:0px;
	border:0px;
}

#appbuilder-emulator-panel {
	float:left;
	position:relative;
	width:390px;
	margin:0 0 0 10px;
	min-height:770px;
	background-image:url('/img/iphone6-white.png');
	background-origin:padding-box;
	background-position:left top;
	background-repeat:no-repeat;
}

#appbuilder-emulator-iframe {
	position:relative;
	top:100px;
	left:34px;
	width:321px;
	height:571px;
	margin:0;
	padding:0;
	border:0;
	z-index:100;
}

#signal-strength-time-overlay {
	display:block;
	position:absolute;
	top:100px;
	left:34px;
	max-width:321px;
	margin:0px;
	padding:0px;
	border:0px;
	z-index:200;
}

SPAN.menu-option-title {
	color:rgb(80,80,80);
	font-family:'Roboto Condensed',sans-serif;
	font-size:18px;
	font-weight:bold;
}

/************ APPBUILDER: ACCOUNT ************/

TABLE.account-details {
	margin:0px;
	padding:0px;	
	border-collapse:collapse;
	width:100%;
}

TABLE.account-details TD.column-label {
	width:30%;
	padding:0px 14px 7px 0px;
	vertical-align:middle;
	text-align:left;
}

TABLE.account-details TD.column-label LABEL {
	margin:7px 0px 0px 0px;
	padding:0px;
}

TABLE.account-details TD.column-input {
	width:70%;
	padding:0px 0px 7px 0px;
	vertical-align:middle;
	text-align:right;
}

/************ APPBUILDER: MY APPS ************/

#loading-box-myapps {
	display:inline-block;
	width:100%;
	margin-top:14px;
	padding:131px;
	background:rgb(220,220,220);
	font-size:0px;
	border-radius:5px;
	text-align:center;
}

#myapps-list {
	list-style-type:none;
	margin:0px;
	padding:0px;
	border:0px;
}

#myapps-list LI {
	display:block;
	width:100%;
	margin-top:14px;
}

DIV.app-summary-box {
	cursor:pointer;
	width:100%;
	margin:0px;
	background:rgb(240,240,240);
	border-radius:5px;
	padding:20px;
	border:1px solid rgb(220,220,220);
	position:relative;
}

DIV.app-summary-box:hover {
	background:rgb(250,230,230);
	border:1px solid rgb(200,100,100);
}

DIV.app-summary-box-selected {
	cursor:pointer;
	width:100%;
	margin:0px;
	background:rgb(240,255,240);
	border-radius:5px;
	padding:20px;
	border:1px solid rgb(0,200,0);
	position:relative;
}

TABLE.width-100 TD.app-summary-table-left {
	width:140px;
	padding:0px;
	vertical-align:middle;
	text-align:left;
}

TABLE.width-100 TD.app-summary-table-right {
	width:auto;
	padding-left:14px;
	vertical-align:top;
	text-align:left;
}

IMG.app-summary-icon {
	height:140px;
	border:1px solid rgb(220,220,220);
	border-radius:5px;
	padding:0px;
	margin:0px;
	background-color:rgb(252,252,252);
	background-size:cover; 
	background-position:center;
	overflow:hidden;
}

SPAN.app-summary-name {
	display:block;
	width:100%;
	font-size:20px;
	font-weight:400;
	margin-bottom:5px;
	text-align:left;
}

SPAN.app-summary-slogan {
	display:block;
	width:100%;
	font-size:14px;
	font-weight:300;
	color:rgb(150,150,150);
	text-align:left;
	margin-bottom:30px;
}

HR.app-summary-divider {
	display:block;
	height:1px;
	background:rgb(220,220,220);
	border:0px;
	padding:0px;
	margin-bottom:14px;
}

A.app-summary-link-left {
	display:block;
	float:left;
	margin-right:14px;
	text-decoration:none;
	color:rgb(0,170,0);
}

A.app-summary-link-left:hover { color:rgb(0,100,0); }

A.app-summary-link-right {
	display:block;
	float:right;
	margin-left:14px;
	text-decoration:none;
	color:rgb(180,180,180);
}

A.app-summary-link-right:hover { color:rgb(80,80,80); }

SPAN.coming-soon {
	display:block;
	float:left;
	margin:0px;
	text-decoration:none;
	color:rgb(255,0,0);
	font-weight:bold;
	font-style:italic;
}

/************ APPBUILDER: DASHBOARD ************/

TABLE.dashboard {
	margin:0px;
	padding:0px;	
	border-collapse:separate;
	width:100%;
}

TABLE.dashboard TR:first-child TD { border-top:1px solid rgb(102,153,153); border-bottom:0px; background:rgb(102,153,153); color:rgb(255,255,255); }
TABLE.dashboard TR:first-child TD:first-child { border-top-left-radius:5px; border-left:1px solid rgb(102,153,153); }
TABLE.dashboard TR:first-child TD:last-child { border-top-right-radius:5px; border-right:1px solid rgb(102,153,153); }

TABLE.dashboard TR TD { border-bottom:1px solid rgb(220,220,220); background:rgb(255,255,255); color:rgb(80,80,80); }
TABLE.dashboard TR:last-child TD:first-child { border-bottom-left-radius:5px; border-left:1px solid rgb(220,220,220); border-bottom:1px solid rgb(220,220,220); }
TABLE.dashboard TR:last-child TD:last-child { border-bottom-right-radius:5px; border-right:1px solid rgb(220,220,220); border-bottom:1px solid rgb(220,220,220); }

TABLE.dashboard TR TD:first-child { border-left:1px solid rgb(220,220,220); }
TABLE.dashboard TR TD:last-child { border-right:1px solid rgb(220,220,220); }

TABLE.dashboard  TD.left-column {
	width:60%;
	padding:14px;
	vertical-align:middle;
	text-align:left;
}

TABLE.dashboard  TD.left-column IMG { vertical-align:middle; margin-right:14px; }

TABLE.dashboard  TD.right-column {
	width:40%;
	padding:14px;
	vertical-align:middle;
	text-align:left;
}

#loading-box-dashboard {
	display:inline-block;
	width:100%;
	padding:12px;
	background:rgb(220,220,220);
	font-size:0px;
	border-radius:5px;
	text-align:left;
}

A.status-button-green,
A.status-button-pink,
SPAN.status-button-pink {
	display:none;
	width:100%;
	padding:12px;
	color:rgb(255,255,255);	
	border-radius:5px;
	text-align:left;
	text-decoration:none;
}

A.status-button-green  { background:rgb(150,200,150); }
A.status-button-green:hover { background:rgb(0,200,0); }

A.status-button-pink, SPAN.status-button-pink { background:rgb(255,160,160); }
A.status-button-pink:hover, SPAN.status-button-pink:hover { background:rgb(255,120,120); }

SPAN.next-step {
	color:rgb(190,0,0);
	font-weight:bold;
}

HR.divider {
	height:1px;
	background:rgb(220,220,220);
	border:0px;
	padding:0px;
	margin:14px 0px 14px 0px;
}

IMG.right-align {
	float:right;
	margin:0px 0px 14px 14px;
	padding:0px;
	border:0px;
}

UL.standard-bullets {
	margin:0px;
	padding:0px;
	border:0px;
	list-style-position:inside;
}

TABLE.dashboard-services {
	display:block;
	margin:0px 0px 10px 0px;
	padding:0px;	
	border-collapse:separate;
	border-spacing:15px;
	width:100%;
	table-layout:fixed;
}

TABLE.dashboard-services TD {
	width:100%;
	padding-left:26px;
	vertical-align:top;
	text-align:left;
	font-size:15px;
	font-weight:normal;
	background-image:url('/img/green-checkmark.png');
	background-size:auto; 
	background-position:left top;
	background-repeat:no-repeat;
}

/************ APPBUILDER: HOME SCREEN ************/

TABLE.slideshow-image-selection {
	margin:0px;
	padding:0px;
	border:0px;
	border-collapse:collapse;
}

TABLE.slideshow-image-selection TD.slideshow-image-selection-cell {
	margin:0px;
	border:0px;
	padding:0px 12px 0px 0px;
	text-align:left;
	vertical-align:top;
}

SPAN.reload {
	cursor:pointer;
	color:rgb(100,200,100);
}

/************ APPBUILDER: APP FEATURES ************/

#loading-box-features {
	display:inline-block;
	width:100%;
	padding:131px;
	background:rgb(220,220,220);
	font-size:0px;
	border-radius:5px;
	text-align:center;
}

#features-list {
	list-style-type:none;
	margin:0px;
	padding:0px;
	border:0px;
}

#features-list LI {
	display:inline-block;
}

DIV.feature-box {
	cursor:pointer;
	width:120px;
	margin:10px;
	background:rgb(240,240,240);
	border-radius:5px;
	padding:20px;
	border:1px solid rgb(220,220,220);
	position:relative;
}

DIV.feature-box:hover {
	background:rgb(250,230,230);
	border:1px solid rgb(200,100,100);
}

DIV.kiosk-feature-box {
	cursor:pointer;
	width:170px;
	height:138px;
	margin:10px;
	border-radius:0px;
	padding:0px;
	border:1px solid rgb(220,220,220);
	position:relative;
	opacity:0.6;
}

DIV.kiosk-feature-box:hover {
	opacity:1.0;
}

DIV.feature-box-selected {
	cursor:pointer;
	width:120px;
	margin:10px;
	background:rgb(240,255,240);
	border-radius:5px;
	padding:20px;
	border:1px solid rgb(0,200,0);
	position:relative;
}

DIV.kiosk-feature-box-selected {
	cursor:pointer;
	width:170px;
	height:138px;
	margin:10px;
	border-radius:0px;
	padding:0px;
	border:1px solid rgb(220,220,220);
	position:relative;
	opacity:1.0;
}

IMG.feature-image {
	display:block;
	width:100%;
	border:0px;
	margin:0px;
	padding:0px;
}

#green-checkmark {
	display:block;
	color:rgb(0,200,0);
	font-size:30px;
	position:absolute;
	top:3px;
	left:4px;
}

#kiosk-green-checkmark {
	display:block;
	position:absolute;
	top:3px;
	left:4px;
}

#green-checkmark-right {
	display:block;
	color:rgb(0,200,0);
	font-size:30px;
	position:absolute;
	top:3px;
	right:4px;
}

#feature-box-sorting-handle {
	cursor:move;
	display:none;
	color:rgb(210,210,210);
	font-size:17px;
	position:absolute;
	top:3px;
	right:4px;
}

DIV.feature-box:hover  #feature-box-sorting-handle,
DIV.feature-box-selected:hover  #feature-box-sorting-handle,
DIV.kiosk-feature-box:hover  #feature-box-sorting-handle,
DIV.kiosk-feature-box-selected:hover  #feature-box-sorting-handle {
	display:block;
}

DIV.icon-circle {
    width:80px;
    height:80px;
    border-radius:40px;
    font-size:40px;
    color:rgb(255,255,255);
    line-height:80px;
    text-align:center;
    background:rgb(200,100,100);
	border:4px solid white;
}

DIV.feature-name {
	clear:both;
	width:80px;
	text-align:center;
	padding-top:8px;
	font-weight:400;
	white-space:nowrap;
	overflow:hidden;
}

DIV.kiosk-feature-name {
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:left;
	padding:12px;
	color:rgb(255,255,255);
	background:rgba(20,20,20,0.75);
	font-weight:400;
	white-space:nowrap;
	overflow:hidden;
}

TEXTAREA.textarea-input-hours {
	width:100%;
	resize:none;
	border:2px solid rgb(230,230,230);
	border-radius:5px;
	padding:10px;
	margin-top:7px;
	background:rgb(252,252,252);
	min-height:144px;
}

#no-deals-box, #no-offerings-box, #no-lists-box, #no-events-box, #no-freerewards-box, #game-info-box, #no-businesses-box {
	display:none;
	width:100%;
	padding:20px;
	border:4px solid rgb(255,204,0);
	background:rgb(255,240,100);
	margin:0px 0px 14px 0px;
	border-radius:5px;
}

#deals-list, #offerings-list, #lists-list, #events-list, #freerewards-list, #businesses-list {
	list-style-type:none;
	margin:0px;
	padding:0px;
	border:0px;
}

#deal-list-box, #offering-list-box, #lists-list-box, #event-list-box, #freerewards-list-box, #business-list-box {
	display:table;
	width:100%;
	padding:0px;
	border:1px solid rgb(230,230,230);
	background:rgb(240,240,240);
	margin:0px 0px 14px 0px;
	border-radius:5px;
}

#deal-list-box-sorting-handle, #offering-list-box-sorting-handle, #lists-list-box-sorting-handle, #event-list-box-sorting-handle, #business-list-box-sorting-handle {
	cursor:move;
	display:table-cell;
	font-size:18px;
	color:rgb(200,200,200);
	text-align:left;
    vertical-align:middle;
	padding:14px;
	width:7%;
}

#freerewards-list-box-status-image {
	display:table-cell;
	vertical-align:middle;
	padding:14px;
	width:10%;
	text-align:center;
}

#freerewards-list-box-status-image IMG {
	max-width:30px;
	border:0px;
}

#freerewards-list-box-details {
	display:table-cell;
	vertical-align:middle;
	padding:14px;
	width:70%;
	text-align:left;
}

#deal-list-box-deal-image {
	display:table-cell;
	vertical-align:middle;
	padding:14px 0px 14px 0px;
	width:21%;
	text-align:center;
}

#event-list-box-event-image, #business-list-box-business-image {
	display:table-cell;
	vertical-align:middle;
	padding:14px 0px 14px 0px;
	width:21%;
	text-align:center;
}

#offering-list-box-offering-image {
	display:table-cell;
	vertical-align:top;
	padding:14px 0px 14px 0px;
	width:21%;
	text-align:center;
}

#lists-list-box-image {
	display:table-cell;
	vertical-align:top;
	padding:14px 0px 14px 0px;
	width:21%;
	text-align:center;
}

#deal-list-box-deal-image IMG, #offering-list-box-offering-image IMG, #lists-list-box-image IMG, #event-list-box-event-image IMG, #business-list-box-business-image IMG {
	max-width:100px;
	border-radius:5px;
	border:1px solid rgb(230,230,230);
}

#deal-list-box-deal-details, #offering-list-box-offering-details, #lists-list-box-details, #event-list-box-event-details, #business-list-box-business-details {
	display:table-cell;
	vertical-align:middle;
	padding:14px;
	width:52%;
	text-align:left;
}

#deal-list-box-action-buttons, #offering-list-box-action-buttons, #lists-list-box-action-buttons, #event-list-box-action-buttons, #freerewards-list-box-action-buttons, #business-list-box-action-buttons {
	display:table-cell;
	vertical-align:middle;
	padding:14px;
	width:20%;
	text-align:center;
}

SPAN.deal-title, SPAN.offering-title, SPAN.lists-title, SPAN.event-title, SPAN.freerewards-title, SPAN.game-info-title, SPAN.business-name {
	font-size:20px;
	font-weight:400;
	margin-bottom:14px;
}

SPAN.deal-subtitle, SPAN.offering-subtitle, SPAN.lists-subtitle, SPAN.event-subtitle, SPAN.freerewards-subtitle, SPAN.game-info-subtitle, SPAN.business-details {
	font-size:14px;
	font-weight:300;
	color:rgb(150,150,150);
}

SPAN.offering-price, SPAN.event-datetime, SPAN.freerewards-expiration {
	font-size:14px;
	font-weight:normal;
	color:rgb(150,0,0);
}

#google-map {
	width:100%;
	height:300px;
	border-radius:5px;
}

.pac-container {
	z-index: 10000 !important;
}

#button-upload-pdf {
	cursor:pointer;
	font-size:16px;
	font-weight:400;
	padding:12px 50px 12px 50px;
	margin:7px 0px 0px 0px;
	border-radius:5px;
	border:0px;
	color:rgb(255,255,255);
	background:rgb(0,200,0);
	-webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

#button-upload-pdf:hover { background:rgb(0,175,0); }

/************ APPBUILDER: APP STYLES ************/

INPUT.text-input-color-picker {
	border:2px solid rgb(230,230,230);
	border-radius:5px;
	padding:10px;
	margin-top:7px;
	width:100%;
	color:rgb(255,255,255);
}

/************ APPBUILDER: PUSH NOTIFICATIONS, GEOFENCE, BEACONS, ORDER HISTORY ************/

#loading-box-push-notifications, #loading-box-beacons {
	display:inline-block;
	width:100%;
	padding:20px;
	background:rgb(220,220,220);
	font-size:0px;
	border-radius:5px;
	text-align:center;
}

#no-push-notifications-box, #no-beacons-box {
	width:100%;
	padding:25px;
	background:rgb(240,240,240);
	color:rgb(160,160,160);
	text-align:center;
	border-radius:5px;
	border:1px solid rgb(220,220,220);
	font-size:20px;
	font-weight:bold;
}

TABLE.push-notifications, TABLE.order-history, TABLE.reports {
	margin:0px;
	padding:0px;	
	border-collapse:separate;
	width:100%;
}

TABLE.push-notifications TR:first-child TD, TABLE.order-history TR:first-child TD, TABLE.reports TR:first-child TD { border-top:1px solid rgb(91,91,91); background:rgb(91,91,91); color:rgb(255,255,255); }
TABLE.push-notifications TR:first-child TD:first-child, TABLE.order-history TR:first-child TD:first-child, TABLE.reports TR:first-child TD:first-child { border-top-left-radius:5px; border-left:1px solid rgb(102,153,153); }
TABLE.push-notifications TR:first-child TD:last-child, TABLE.order-history TR:first-child TD:last-child, TABLE.reports TR:first-child TD:last-child { border-top-right-radius:5px; border-right:1px solid rgb(102,153,153); }

TABLE.push-notifications TR:last-child TD, TABLE.order-history TR:last-child TD, TABLE.reports TR:last-child TD { border-bottom:1px solid rgb(220,220,220); }
TABLE.push-notifications TR:last-child TD:first-child, TABLE.order-history TR:last-child TD:first-child, TABLE.reports TR:last-child TD:first-child { border-bottom-left-radius:5px; border-left:1px solid rgb(220,220,220); border-bottom:1px solid rgb(220,220,220); }
TABLE.push-notifications TR:last-child TD:last-child, TABLE.order-history TR:last-child TD:last-child, TABLE.reports TR:last-child TD:last-child { border-bottom-right-radius:5px; border-right:1px solid rgb(220,220,220); border-bottom:1px solid rgb(220,220,220); }

TABLE.push-notifications TR TD:first-child, TABLE.order-history TR TD:first-child, TABLE.reports TR TD:first-child { border-left:1px solid rgb(220,220,220); }
TABLE.push-notifications TR TD:last-child, TABLE.order-history TR TD:last-child, TABLE.reports TR TD:last-child { border-right:1px solid rgb(220,220,220); }

TABLE.push-notifications  TD.left-40,
TABLE.push-notifications  TD.left-25,
TABLE.push-notifications  TD.left-20,
TABLE.push-notifications  TD.left-15,
TABLE.push-notifications  TD.left-10,
TABLE.push-notifications  TD.left-quarter-50,
TABLE.push-notifications  TD.left-quarter-60,
TABLE.push-notifications  TD.middle-quarter-20,
TABLE.push-notifications  TD.middle-quarter-15,
TABLE.push-notifications  TD.middle-quarter-10,
TABLE.push-notifications  TD.left-third-60,
TABLE.push-notifications  TD.middle-third-25,
TABLE.push-notifications  TD.left-third-40,
TABLE.push-notifications  TD.middle-third-45,
TABLE.push-notifications  TD.left-third-30,
TABLE.push-notifications  TD.left-quarter-25,
TABLE.push-notifications  TD.middle-third-40 {
	padding:14px;
	vertical-align:middle;
	text-align:left;
}

TABLE.push-notifications  TD.left-40 { width:40%; }
TABLE.push-notifications  TD.left-25 { width:25%; }
TABLE.push-notifications  TD.left-20 { width:20%; }
TABLE.push-notifications  TD.left-15 { width:15%; }
TABLE.push-notifications  TD.left-10 { width:10%; }
TABLE.push-notifications  TD.left-quarter-50 { width:50%; }
TABLE.push-notifications  TD.left-quarter-60 { width:60%; }
TABLE.push-notifications  TD.middle-quarter-20 { width:20%; }
TABLE.push-notifications  TD.middle-quarter-15 { width:15%; }
TABLE.push-notifications  TD.middle-quarter-10 { width:10%; }
TABLE.push-notifications  TD.left-third-60 { width:60%; }
TABLE.push-notifications  TD.middle-third-25 { width:25%; }
TABLE.push-notifications  TD.left-third-40 { width:40%; }
TABLE.push-notifications  TD.middle-third-45 { width:45%; }
TABLE.push-notifications  TD.left-third-30 { width:30%; }
TABLE.push-notifications  TD.left-quarter-25 { width:25%; }
TABLE.push-notifications  TD.middle-third-40 { width:40%; }

TABLE.push-notifications  TD.right-quarter-25,
TABLE.push-notifications  TD.right-quarter-15,
TABLE.push-notifications  TD.right-quarter-10,
TABLE.push-notifications  TD.right-third-15,
TABLE.push-notifications  TD.right-third-30 {
	padding:14px;
	vertical-align:middle;
	text-align:right;
}

TABLE.push-notifications  TD.right-quarter-25 { width:25%; }
TABLE.push-notifications  TD.right-quarter-15 { width:15%; }
TABLE.push-notifications  TD.right-quarter-10 { width:10%; }
TABLE.push-notifications  TD.right-third-15 { width:15%; }
TABLE.push-notifications  TD.right-third-30 { width:30%; }

TABLE.order-history  TD.order-cell-70 {
	width:70%;
	padding:14px;
	vertical-align:top;
	text-align:left;
}

TABLE.order-history  TD.order-cell-20 {
	width:20%;
	padding:14px;
	vertical-align:top;
	text-align:left;
}

TABLE.order-history  TD.order-cell-15 {
	width:15%;
	padding:14px;
	vertical-align:top;
	text-align:left;
}

TABLE.order-history  TD.order-cell-10 {
	width:10%;
	padding:14px;
	vertical-align:top;
	text-align:left;
}

TABLE.order-history  TD.order-cell-25 {
	width:25%;
	padding:14px;
	vertical-align:top;
	text-align:left;
}

TABLE.order-history  TD.order-cell-5 {
	width:5%;
	padding:14px;
	vertical-align:top;
	text-align:left;
}

TABLE.reports  TD {
	width:auto;
	padding:14px;
	vertical-align:top;
	text-align:left;
}

#google-map-notifications {
	width:100%;
	height:300px;
	border-radius:5px;
}

#geo-push-notifications-message-box {
	width:100%;
	padding:14px;
	background:rgb(240,240,240);
	text-align:left;
	border-radius:5px;
	border:1px solid rgb(220,220,220);
}

HR.geo-push-notification-divider {
	height:3px;
	background:rgb(220,220,220);
	border:0px;
	padding:0px;
	margin:22px 0px 14px 0px;
}

/************ IMAGE SELECTION AND CROPPING ************/

#image-selector-aspect-ratio-10000,
#image-selector-aspect-ratio-18343,
#image-selector-aspect-ratio-12321,
#image-selector-aspect-ratio-25116,
#image-selector-aspect-ratio-11364,
#image-selector-aspect-ratio-05612,
#image-selector-aspect-ratio-05622 {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	height:140px;
	border:2px solid rgb(230,230,230);
	border-radius:5px;
	padding:0px;
	margin:7px 0px 0px 0px;
	background-color:rgb(252,252,252);
	background-size:cover; 
	background-position:center;
	overflow:hidden;
}

#image-selector-aspect-ratio-10000 { width:140px; }
#image-selector-aspect-ratio-18343 { width:257px; }
#image-selector-aspect-ratio-25116 { width:352px; }
#image-selector-aspect-ratio-12321 { width:173px; }
#image-selector-aspect-ratio-11364 { width:159px; }
#image-selector-aspect-ratio-05612 { width:78px;  }
#image-selector-aspect-ratio-05622 { width:79px;  }

#image-selector-aspect-ratio-10000:hover  #icon-delete-large,
#image-selector-aspect-ratio-18343:hover  #icon-delete-large,
#image-selector-aspect-ratio-25116:hover  #icon-delete-large,
#image-selector-aspect-ratio-12321:hover  #icon-delete-large,
#image-selector-aspect-ratio-11364:hover  #icon-delete-large,
#image-selector-aspect-ratio-05612:hover  #icon-delete-large,
#image-selector-aspect-ratio-05622:hover  #icon-delete-large {
	display:inline-block;
}

#icon-add-large {
	font-size:40px;
	cursor:pointer;
	color:rgb(80,80,80);
}

#icon-add-large:hover {
	color:rgb(0,200,0);
}

#icon-delete-large {
	display:none;
	font-size:40px;
	cursor:pointer;
	color:rgb(255,0,0);
}

INPUT.file-input { display:none; }

#image-selector-margin-box {
	display:block;
	margin-top:7px;
	padding:0px;
	border:0px;
}

#image-crop-area {
	background:rgb(200,200,200);
	overflow:hidden;
	width:500px;
	height:500px;
}

/************ WEBSITE: SPECIALTY LANDING PAGE ************/

#landing-header-container {
	display:block;
	background:rgb(51,51,51);
	color:rgb(255,255,255);
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
}

#landing-header-content-container {
	display:block;
	margin:0 auto 0 auto;
	padding:14px;
	max-width:960px;
	width:100%;
	text-align:center;
}

SPAN.landing-header-title {
	display:block;
	margin:0px 0px 10px 0px;
	width:100%;
	text-align:center;
	font-size:23px;
	font-weight:bold;
}

SPAN.landing-header-subtitle {
	display:block;
	margin:0px;
	width:100%;
	text-align:center;
	font-size:17px;
}

@media only screen and (min-width:451px) {

	BR.preferred-break-landing-header-title { display:none; }
	BR.preferred-break-coupon-deadline { display:none; }
	BR.preferred-break-special-offer { display:none; }
}

@media only screen and (max-width:450px) {

	BR.preferred-break-landing-header-title { display:inline-block; }
	BR.preferred-break-coupon-deadline { display:inline-block; }
	BR.preferred-break-special-offer { display:inline-block; }
}

#landing-overview-container {
	display:block;
	background:rgb(255,255,255);	
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
}

#landing-overview-content-container {
	display:block;
	margin:0 auto 0 auto;
	padding:30px 14px 30px 14px;
	max-width:960px;
	width:100%;
	color:rgb(50,50,50);
	text-align:center;
	font-size:20px;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:normal;
}

SPAN.bold-crimson {
	color:rgb(150,0,0);
	font-weight:bold;
}

SPAN.bold-crimson-large {
	color:rgb(150,0,0);
	font-weight:bold;
	font-size:24px;
}

SPAN.expo-optin-title {
	color:rgb(150,0,0);
	font-weight:bold;
	font-size:28px;
}

SPAN.bold-green {
	color:rgb(50,134,8);
	font-weight:bold;
}

SPAN.bold-cyan-large-italic {
	color:rgb(120,173,189);
	font-weight:bold;
	font-size:27px;
	font-style:italic;
}

SPAN.expo-optin-form-text {
	color:rgb(100,100,100);
	font-weight:normal;
	font-size:28px;
}

#expo-optin-container {
	display:block;
	background:rgb(255,255,255);	
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
}

#expo-optin-content-container {
	display:block;
	margin:0 auto 0 auto;
	padding:0px 14px 30px 14px;
	max-width:960px;
	width:100%;
	text-align:center;
	background:rgb(220,220,220);
	border:2px solid rgb(200,200,200);
	border-radius:10px;
	padding:20px;
}

#landing-call-to-action-container {
	display:block;
	background:rgb(255,255,255);	
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
}

#landing-call-to-action-content-container {
	display:block;
	margin:0 auto 0 auto;
	padding:0px 14px 30px 14px;
	max-width:960px;
	width:100%;
	text-align:center;
}

BUTTON.landing-call-to-action-button {
	display:inline-block;
	cursor:pointer;
	width:100%;	
	margin:0px;
	padding:20px 14px 20px 14px;
	border:0px;
	border-radius:6px;
	color:rgb(255,255,255);
	background:rgb(238,69,34);
	font-size:23px;
	font-weight:bold;
}

BUTTON.landing-call-to-action-button:hover {
	background:rgb(36,78,99);
}

A.landing-call-to-action-link {
	display:block;
	cursor:pointer;
	width:100%;	
	margin:0px;
	padding:20px 14px 20px 14px;
	border:0px;
	border-radius:6px;
	color:rgb(255,255,255);
	background:rgb(238,69,34);
	font-size:23px;
	font-weight:bold;
	text-decoration:none;
}

A.landing-call-to-action-link:hover {
	background:rgb(36,78,99);
}

#landing-image-container {
	display:block;
	background:rgb(255,255,255);	
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
}

#landing-image-content-container {
	display:block;
	margin:0 auto 0 auto;
	padding:0px 14px 30px 14px;
	max-width:960px;
	width:100%;
	text-align:center;
}

@media only screen and (min-width:651px) {

	IMG.landing-header-image {
		display:block;
		width:100%;
		max-width:932px;
		border-radius:6px;
		border:0px;
	}
	
	IMG.landing-header-image-mobile {
		display:none;
	}
}

@media only screen and (max-width:650px) {

	IMG.landing-header-image {
		display:none;
	}
	
	IMG.landing-header-image-mobile {
		display:block;
		width:100%;
		max-width:650px;
		border-radius:6px;
		border:0px;
	}
}

#landing-about-us-container {
	display:block;
	background:rgb(255,255,255);	
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
}

#landing-about-us-content-container {
	display:block;
	margin:0 auto 0 auto;
	padding:0px 14px 30px 14px;
	max-width:960px;
	width:100%;
	color:rgb(50,50,50);
	text-align:center;
	font-size:20px;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:normal;
}

#expo-optin-about-us-container {
	display:block;
	background:rgb(255,255,255);	
	width:100%;
	margin:0px;
	padding:50px 0px 0px 0px;
	border:0px;
}

#expo-optin-about-us-content-container {
	display:block;
	margin:0 auto 0 auto;
	padding:0px 14px 30px 14px;
	max-width:960px;
	width:100%;
	color:rgb(50,50,50);
	text-align:center;
	font-size:16px;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:normal;
}

#media-logos {
	width:100%;
	max-width:792px;
	margin:0px;
	border:0px;
}

SPAN.privacy {
	display:block;
	width:100%;
	color:rgb(150,150,150);
	text-align:center;
}

IMG.fifty-percent-complete { width:100%; }

IMG.small-lock { vertical-align:middle; }

INPUT.text-input-landing-optin {
	display:block;
	width:100%;
	border:2px solid rgb(220,220,220);
	border-radius:5px;
	padding:10px;
	margin-bottom:15px;
	width:100%;
	color:rgb(80,80,80);
	background:rgb(255,255,255);
	font-size:17px;
	font-weight:normal;
	font-family:'Roboto Condensed', sans-serif;
}

INPUT.text-input-landing-optin.error { border:2px solid rgb(208,95,95); background:rgb(255,230,230); }

INPUT.text-input-expo-optin {
	display:block;
	width:100%;
	border:2px solid rgb(200,200,200);
	border-radius:5px;
	padding:10px;
	margin-bottom:15px;
	width:100%;
	color:rgb(80,80,80);
	background:rgb(255,255,255);
	font-size:22px;
	font-weight:bold;
	font-family:'Roboto Condensed', sans-serif;
}

INPUT.text-input-expo-optin.error { border:2px solid rgb(208,95,95); background:rgb(255,230,230); }

SELECT.select-list-expo {
	border:2px solid rgb(200,200,200);
	border-radius:5px;
	padding:10px;
	margin:0px;
	width:100%;
	color:rgb(80,80,80);
	background:rgb(252,252,252);
	font-size:22px;
	font-weight:bold;
	font-family:'Roboto Condensed', sans-serif;
	-webkit-appearance:none;
}

SELECT.select-list-expo.error { border:2px solid rgb(208,95,95); background:rgb(255,230,230); }

#special-offer-box {
	display:inline-block;
	margin:0px;
	padding:14px 25px 14px 25px;
	border:4px solid rgb(255,204,0);
	background:rgb(255,240,100);
	border-radius:6px;
	font-weight:bold;
	font-size:24px;
}

#coupon-box {
	display:inline-block;
	margin:0px;
	padding:14px 25px 14px 25px;
	border:4px dashed rgb(255,0,0);
	border-radius:6px;
	color:rgb(255,0,0);
	font-weight:bold;
	font-size:24px;
}

#coupon-box IMG {
	vertical-align:middle;
}

TABLE.landing-bullets {
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	width:auto;
}

TABLE.landing-bullets TD.green-bullet-1,
TABLE.landing-bullets TD.green-bullet-2,
TABLE.landing-bullets TD.green-bullet-3 {
	width:100%;
	padding:4px 0px 20px 42px;
	vertical-align:top;
	text-align:left;
	font-size:20px;
	font-weight:normal;
	font-family:'Roboto Condensed', sans-serif;	
	background-size:auto; 
	background-position:left top;
	background-repeat:no-repeat;
}

TABLE.landing-bullets TD.green-bullet-1 { background-image:url('/img/green-bullet-1.png'); }
TABLE.landing-bullets TD.green-bullet-2 { background-image:url('/img/green-bullet-2.png'); }
TABLE.landing-bullets TD.green-bullet-3 { background-image:url('/img/green-bullet-3.png'); }

/************ WEBSITE: DEMO PAGE ************/

#demo-recommendation-box {
	display:block;
	width:100%;	
	border-radius:5px;
	padding:10px;
	margin:0 0 14px 0;
	border:2px solid rgb(255,204,0);
	background:rgb(255,240,190);
	color:rgb(50,50,50);
	text-align:center;
}

SPAN.demo-page-title {
	display:block;
	width:100%;
	font-weight:700;
	font-size:23px;
	color:rgb(208,94,94);
	margin:0px;
	padding-bottom:8px;
	text-align:center;
}

SPAN.demo-page-subtitle {
	display:block;
	width:100%;
	font-weight:normal;
	font-size:15px;
	color:rgb(85,85,85);
	margin:0px 0px 14px 0px;
	padding:0px;
	text-align:center;
}

#main-content-demo {
	clear:both;
	width:100%;
	margin:0px;
	padding:14px;
	background:rgb(255,255,255);
	border:1px solid rgb(230,230,230);
	border-radius:5px;
	margin-top:14px;
	margin-bottom:30px;
}

#main-content-demo-questions {
	clear:both;
	width:100%;
	margin:0px;
	padding:14px;
	border:2px solid rgb(255,204,0);
	background:rgb(255,240,190);
	border-radius:5px;
	margin-top:14px;
	margin-bottom:30px;
	text-align:left;
}

#main-content-demo-aboutus {
	clear:both;
	width:100%;
	margin:0px;
	padding:0px 0px 15px 0px;
	border:0px;
	text-align:center;
	color:rgb(70,70,70);
	font-size:16px;
}

#demo-overview-panel {
	float:left;
	width:502px;
	padding-right:30px;
}

SPAN.demo-section-title {
	display:block;
	width:100%;
	font-weight:700;
	font-size:23px;
	color:rgb(208,94,94);
	margin:0px;
	padding-bottom:8px;
}

SPAN.demo-section-subtitle {
	display:block;
	width:100%;
	font-weight:normal;
	font-size:15px;
	color:rgb(85,85,85);
	margin:0px;
	padding-bottom:12px;
}

HR.demo-divider {
	display:block;
	height:2px;
	background:rgb(220,220,220);
	border:0px;
	padding:0px;
	margin:0px 0px 14px 0px;
}

SPAN.demo-benefits-title {
	display:block;
	width:100%;
	font-weight:700;
	font-size:21px;
	color:rgb(70,70,70);
	margin:0px;
	padding-bottom:14px;
}

TABLE.demo-benefits {
	display:block;
	margin:0px;
	padding:0px;	
	border-collapse:collapse;
}

TABLE.demo-benefits TD {
	padding:0px 0px 15px 34px;
	vertical-align:top;
	text-align:left;
	font-size:17px;
	font-weight:normal;
	color:rgb(80,80,80);
	background-image:url('/img/green-checkmark.png');
	background-size:auto; 
	background-position:left top;
	background-repeat:no-repeat;
}

TABLE.demo-benefits TD A { color:rgb(208,70,70); text-decoration:none; }

TABLE.demo-benefits TD A:hover { color:rgb(255,0,0); text-decoration:underline; }

SPAN.demo-benefit-name {
	font-size:17px;
	font-weight:bold;
	color:rgb(50,134,8);
}

SPAN.demo-benefit-description {
	font-size:17px;
	font-weight:normal;
	color:rgb(70,70,70);
}

#emulator-demo {
	float:left;
	position:relative;
	width:390px;
	margin:0 0 0 10px;
	min-height:770px;
	background-image:url('/img/iphone6-white.png');
	background-origin:padding-box;
	background-position:left top;
	background-repeat:no-repeat;
}

@media only screen and (min-width:961px) {

	#demo-overview-panel { width:502px; padding-right:30px; }
	#emulator-demo { float:left; margin:0 0 0 10px; }
}

@media only screen and (max-width:960px) {

	#demo-overview-panel { width:100%; padding-right:0px; }
	#emulator-demo { clear:both; float:none; margin:0 auto 0 auto; }
}

#emulator-demo-homescreen {
	display:block;
	position:absolute;
	top:100px;
	left:34px;
	width:321px;
	height:571px;
	margin:0px;
	padding:0px;
	border:0px;
	z-index:50;
}

#emulator-demo-appicon {
	display:block;
	position:absolute;
	top:454px;
	left:183px;
	width:100px;
	height:100px;
	margin:0px;
	padding:0px;
	border:0px;
	border-radius:20px;
	z-index:100;
	box-shadow:2px 2px 12px rgb(90,90,90);
}

SPAN.demo-bundle-display-name {
	display:block;
	position:absolute;
	top:560px;
	left:183px;
	width:100px;
	height:auto;
	margin:0px;
	padding:0px;
	border:0px;
	z-index:100;
	color:rgb(255,255,255);
	text-align:center;
	font-weight:normal;
	font-size:16px;
	text-shadow:2px 2px 8px rgb(90,90,90);
}

#emulator-demo-push-icon {
	display:block;
	position:absolute;
	top:284px;
	left:47px;
	width:24px;
	height:24px;
	margin:0px;
	padding:0px;
	border:0px;
	border-radius:4px;
	z-index:100;
}

#demo-push-contents-box {
	display:block;
	position:absolute;
	top:285px;
	left:81px;
	width:260px;
	height:auto;
	margin:0px;
	padding:0px;
	border:0px;
	z-index:100;
}

#demo-push-app-name-time-box {
	display:block;
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
}

SPAN.demo-push-app-name {
	display:inline-block;
	color:rgb(255,255,255);
	text-align:left;
	font-weight:bold;
	font-size:18px;
	text-shadow:2px 2px 8px rgb(90,90,90);
	margin:0px 4px 0px 0px;
}

SPAN.demo-push-time {
	display:inline-block;
	color:rgb(160,150,167);
	text-align:left;
	font-weight:normal;
	font-size:16px;
	text-shadow:2px 2px 8px rgb(90,90,90);
}

SPAN.demo-push-message {
	display:block;
	width:100%;
	color:rgb(230,230,230);
	text-align:left;
	font-weight:normal;
	font-size:18px;
	text-shadow:2px 2px 8px rgb(90,90,90);
	line-height:20px;
}

SPAN.demo-push-slide-to-view {
	display:block;
	width:100%;
	color:rgb(160,150,167);
	text-align:left;
	font-weight:normal;
	font-size:16px;
	text-shadow:2px 2px 8px rgb(90,90,90);
}

SPAN.demo-call-to-action-box-text {
	display:block;
	width:100%;
	text-align:left;
	font-size:17px;
	font-weight:normal;
	color:rgb(80,80,80);
	margin:8px 0px 20px 0px;
}

A.demo-call-to-action-link {
	display:block;
	cursor:pointer;
	width:100%;	
	margin:14px 0px 0px 0px;
	padding:20px 14px 20px 14px;
	border:0px;
	border-radius:6px;
	color:rgb(255,255,255);
	background:rgb(238,69,34);
	font-size:23px;
	font-weight:bold;
	text-align:center;
}

A.demo-call-to-action-link:hover { background:rgb(208,94,94); }

SPAN.demo-call-to-action-box-text A { color:rgb(208,70,70); text-decoration:none; }

SPAN.demo-call-to-action-box-text A:hover { color:rgb(255,0,0); text-decoration:underline; }

/************ BOOTSTRAP OVERRIDES ************/

.modal .modal-dialog {
	width:950px;
}

@media only screen and (min-width:651px) {

	.modal .modal-dialog.landing-page-optin {
		position:relative;
		width:630px;
		margin:150px auto 10px auto;
	}
}

@media only screen and (max-width:650px) {

	.modal .modal-dialog.landing-page-optin {
		position:relative;
		width:auto;
		margin:50px 10px 10px 10px;
	}
}

.modal .modal-dialog.checkout {
	position:relative;
	width:630px;
	margin:150px auto 10px auto;
}

.modal-header {
	background:rgb(220,220,220);
	border-top-right-radius:6px;
	border-top-left-radius:6px;
}

.input-group {
	display:table;
	border-collapse:separate;
	position:relative;
	margin:7px 0px 0px 0px;
	padding:0px;
	border:0px;
}

.form-control {
	display:table-cell;
	border:2px solid rgb(230,230,230);
	border-top-right-radius:0px;
    border-bottom-right-radius:0px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	width:100%;
    margin:0px;
	padding:10px;
	font-family:'Roboto Condensed',sans-serif;
	font-weight:300;
	font-size:15px;
	background:rgb(252,252,252);
	color:rgb(40,40,40);
	vertical-align:middle;
	line-height:21.4286px;
	height:45px;
	z-index:200;
}

.input-group-btn {
	display:table-cell;
	border-top:2px solid rgb(230,230,230);
	border-right:2px solid rgb(230,230,230);
	border-bottom:2px solid rgb(230,230,230);
	border-left:0px;
	border-top-left-radius:0px;
    border-bottom-left-radius:0px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	width:1%;
    margin:0px;
	padding:0px;
	font-family:'Roboto Condensed',sans-serif;
	font-weight:300;
	font-size:15px;
	background:rgb(252,252,252);
	color:rgb(40,40,40);
	vertical-align:middle;
	position:relative;
	height:45px;
	z-index:100;
}

#btn-default {
	border:0px;
	padding:10px 12px 10px 12px;
	margin:0px;
	background:rgb(252,252,252);
}