body {
	margin: 0;
	padding: 0;
}

.white {
	color: #fff;
}

.orange {
	color: #F26522;
}

.bg-orange {
	background-color: #F26522;
}

.bg-orange a {
	color: white;
}

.bg-orange a:hover {
	color: #F26522;
}

.clear {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
	overflow: hidden;
}

.weight-100 {
	font-weight: 200 !important;
}

.padded {
	padding: 20px;
}

.padded-big {
	padding: 5em;
}

.padded-medium {
	padding: 2em;
}

.indition-logo {
	width: 60%;
}

.banner-title {
	padding: 20px 0;
}

.banner-text {
	padding: 15px 0;
}

.main-banner {
	background: #b3b3b3; /* Old browsers */
	background: -moz-linear-gradient(top, #b3b3b3 0%, #383838 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #b3b3b3 0%, #383838 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #b3b3b3 0%, #383838 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#383838', GradientType=0); /* IE6-9 */
	color: #fff;
}

.container-marketing {
	padding: 25px 0;
}

.container-marketing h2 {
	text-align: center;
}

.homepage-features {
	padding: 45px 0;
	text-align: center;
	background-color: #373737;
	color: #ECECEC;
}

.cra-container {
	color: #fff;
	background-color: #f56225;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 100px;
	text-align: center;
	height: auto;

}

.crm-container {
	color: #000;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	padding: 50px;
	height: auto;
}

.bg-orange {
	color:;
}

.ecommerce-container {
	color: #000;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	padding: 50px;
	height: auto;

}

.icon-box-container {

}

.icon-box-container li {
	font-size: 1.2em;
	padding: 10px;
	list-style: disc;
	text-align: left;

}

.btn-white {
	color: #fff;
	display: block;
	padding: 6px 12px;

	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 2px solid #fff;
}

.btn-orange {
	background-color: #F26522;
	color: #fff;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	vertical-align: middle;
	border-radius: 4px;
}

.img-centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 25px;
}

.img-right {
	float: right;
	padding: 25px 0;
}

.desktop-features-bg {
	background-color: #333;
	color: #fff;
	padding: 25px 0;
}

.desktop-features {
	padding: 35px 0;
}

.mobile-features {
	padding: 35px 0;
	text-align: center;
	background-color: #efefef;
}

.mobile-features-row {
	padding: 25px 0;
}

.homepage-features .glyphicon {
	font-size: 45px;
	padding: 20px 0;
}

.mobile-features .glyphicon {
	font-size: 45px;
	padding: 20px 0;
}

.social-buttons {
	position: relative;
	top: -40px;
	right: -190px;
}

.form-build {
	border: 1px solid #DDD9D9;
	padding: 20px 25px;
}

footer {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: #262626;
	padding: 20px 0px 20px 0px;
}

.footer-left {
	float: left;
}

.footer-right {
	float: right;
}

.cra-quick-look {
	background-color: #fff;
	padding: 45px 0;
	text-align: center;
}

.signup-bottom-button {
	color: #fff;
	width: 280px;
	font-size: 20px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.companies-features {
	padding: 35px 0;
	text-align: center;
	background-color: #fff;
}

.companies-video-box p {
	padding-bottom: 25px;
}

/* table-layout */

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {

	.clear {
		clear: both;
		display: block;
		font-size: 0px;
		height: 0px;
		line-height: 0;
		width: 100%;
		overflow: hidden;
	}

	body {
		margin: 0;
		padding: 0;
	}

	.indition-logo {
		width: 60%;
	}

	.banner-title {
		padding: 20px 0;
	}

	.banner-text {
		padding: 15px 0;
	}

	.main-banner {
		background: #b3b3b3; /* Old browsers */
		background: -moz-linear-gradient(top, #b3b3b3 0%, #383838 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #b3b3b3 0%, #383838 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #b3b3b3 0%, #383838 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#383838', GradientType=0); /* IE6-9 */
		color: #fff;
		height: 650px;
	}

	.container-marketing {
		padding: 25px 0;
	}

	.container-marketing h2 {
		text-align: center;
	}

	.homepage-features {
		padding: 45px 0;
		text-align: center;
		background-color: #efefef;
	}

	.btn-white {
		color: #fff;
		display: inline-block;
		padding: 6px 12px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.42857143;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		border: 2px solid #fff;
	}

	.btn-orange {
		background-color: #F26522;
		color: #fff;
		display: inline-block;
		padding: 6px 12px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.42857143;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}

	.img-centered {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.img-right {
		float: right;
		padding: 25px 0;
	}

	.desktop-features-bg {
		background-color: #333;
		color: #fff;
		padding: 25px 0;
	}

	.desktop-features-bg img {
		padding-bottom: 20px;
	}

	.desktop-features {
		display: inline;
		padding: 35px 50px;
	}

	.desktop-features img {
		padding-top: 20px;
	}

	.mobile-features {
		padding: 35px 0;
		text-align: center;
		background-color: #efefef;
	}

	.mobile-features-row {
		padding: 25px 0;
	}

	.mobile-features-row img {
		padding: 10px 0;
	}
}

.homepage-features .glyphicon {
	font-size: 45px;
	padding: 20px 0;
}

.mobile-features .glyphicon {
	font-size: 45px;
	padding: 20px 0;
}

.social-buttons {
	position: relative;
	top: -40px;
	right: -190px;
}

.form-build {
	border: 1px solid #DDD9D9;
	margin-top: 25px;

}

footer {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: #262626;
	padding: 20px 0px 20px 0px;
}

.footer-left {
	float: left;
}

.footer-right {
	float: right;
}

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {

	.clear {
		clear: both;
		display: block;
		font-size: 0px;
		height: 0px;
		line-height: 0;
		width: 100%;
		overflow: hidden;
	}

	body {
		margin: 0;
		padding: 0;
	}

	.indition-logo {
		width: 60%;
	}

	.banner-title {
		padding: 20px 0;
	}

	.banner-text {
		padding: 15px 0;
	}

	.main-banner {
		background: #b3b3b3; /* Old browsers */
		background: -moz-linear-gradient(top, #b3b3b3 0%, #383838 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #b3b3b3 0%, #383838 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #b3b3b3 0%, #383838 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#383838', GradientType=0); /* IE6-9 */
		color: #fff;
		height: 800px;
	}

	.container-marketing {
		padding: 25px 0;
	}

	.container-marketing h2 {
		text-align: center;
	}

	.homepage-features {
		padding: 45px 0;
		text-align: center;
		background-color: #efefef;
	}

	.btn-white {
		color: #fff;
		display: inline-block;
		padding: 6px 12px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.42857143;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		border: 2px solid #fff;
	}

	.btn-orange {
		background-color: #F26522;
		color: #fff;
		display: inline-block;
		padding: 6px 12px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.42857143;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}

	.img-centered {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.img-right {
		float: right;
		padding: 25px 0;
		width: 70%;
		height: 60%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.desktop-features-bg {
		background-color: #333;
		color: #fff;
		padding: 25px 0;
	}

	.desktop-features-bg img {
		padding-bottom: 20px;
	}

	.desktop-features {
		display: inline;
		padding: 35px 50px;
	}

	.desktop-features img {
		padding-top: 20px;
	}

	.mobile-features {
		padding: 35px 0;
		text-align: center;
		background-color: #efefef;
	}

	.mobile-features-row {
		padding: 25px 0;
	}

	.mobile-features-row img {
		padding: 10px 0;
	}
}

.homepage-features .glyphicon {
	font-size: 45px;
	padding: 20px 0;
}

.mobile-features .glyphicon {
	font-size: 45px;
	padding: 20px 0;
}

.social-buttons {
	position: relative;
	top: -40px;
	right: -190px;
}

.hp-bottom-banner {
	background: url("img/free-60-day-trail-strip.png");
	background-repeat: no-repeat;
	background-size: cover;

}

.form-build {
	border: 1px solid #DDD9D9;
	margin-top: 25px;

}

footer {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	text-transform: non;
	letter-spacing: 1px;
	background-color: #262626;
	padding: 20px 0px 20px 0px;
}

.footer-left {
	float: left;
}

.footer-right {
	float: right;
}

@media screen and (max-width: 568px) {
	.padded-sm {
		padding: 20px;
	}

	.padded-medium {
		padding: 0;
	}
}