@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}


/**STEVE CUSTOM **/

	body {margin:0px; padding:0px; background-color:#ffffff; color:#666666; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size:16px; line-height:160%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; width:100% !important;}
    
    a, a:link, a:visited {
		color:#ff9b30; text-decoration:none;
		-webkit-transition:all .5s ease; -moz-transition:all .5s ease;
		-o-transition:all .5s ease; -ms-transition:all .5s ease;
		transition:all .5s ease;
	}
	a:hover, a:active {text-decoration:none !important; color:#999999 !important;}
	a.view-online, a.view-online span {color:#999999 !important;}

    p {
        color: #333333;
        font: 16px 'Roboto', Helvetica, Arial, sans-serif;
        font-weight: 300;
        line-height: 160%;
        margin-bottom: 18px;
    }

	h1 {
		font-family:'Roboto', Helvetica, Arial, sans-serif;
        font-weight: 500;
		font-size:32px; line-height:140%;
		color:#222222 !important;
		padding:0; margin:20px 0 20px 0;
	}
	h2 {
		font-family:'Manrope', Helvetica, Arial, sans-serif;
        font-weight: 500;
		font-size:26px; line-height:140%;
		color:#222222 !important;
		padding:0; margin:0 0 18px 0;
	}
	h3 {
		font-family:'Manrope', Helvetica, Arial, sans-serif;
        font-weight: 500;
		font-size:20px; line-height:140%;
		color:#111111 !important;
		padding:0; margin:15px 0 20px 0;
	}
	h4 {
		font-family:'Manrope', Helvetica, Arial, sans-serif;
        font-weight: 500;
		font-size:18px; line-height:160%;
		color:#111111 !important;
		padding:0; margin:35px 0 17px 0;
	}
    
    h5 {
		font-family:'Manrope', Helvetica, Arial, sans-serif;
        font-weight: 500;
		font-size:16px; line-height:160%;
		color:#111111 !important;
		padding:0; margin:18px 0 14px 0;
	}
    
    h6 {
		font-family:'Manrope', Helvetica, Arial, sans-serif;
		font-size:14px; line-height:160%;
		color:#333333 !important;
		padding:0; margin:18px 0 14px 0;
        font-variant: small- caps;
        font-stretch: expanded;
        font-weight: 400;
	}
    
	a, a:link, a:visited {color:#ff9b30; text-decoration:none; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;}
	a:hover, a:active {text-decoration:none !important; color:#999999 !important;}
	a.view-online, a.view-online span {color:#999999 !important;}
	h1, h2 {font-family:'Manrope', sans-serif; color:#333333 !important; padding:0px; margin:0px 0px 20px 0px;}
	h3 {color:#333333 !important; padding:0px; margin:0px 0px 20px 0px;}
	p {margin:0 0 15px 0; padding:0;}
	img {border:none; -ms-interpolation-mode: bicubic; max-width:100%;}
	a img {border:none;}
    p.lead {color: #222222; font-size: 19px; font-weight: 300; line-height: 160%; margin-bottom:20px; margin-top: 20px; }
	table td {border-collapse:collapse;}
	.row {padding:0px; margin:0px auto;}
	.wide-image {width: 100%; max-width:345px; margin:0px auto;}
	.extra-wide-image {width: 100%; max-width:430px; margin:0px auto;}
	.text {font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size:17px; line-height:150%; font-weight:300; color:#666666;}
    .bold {font-weight:600; color:#000; }
	.col-onethird {width:33.33333333%;}
	.button:hover {border-color:#b85e5e !important;}
	.pre-header + .row, .pre-header + .row .banner {border-top-left-radius:3px; border-top-right-radius:3px;}
	.container .row:last-child {border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-bottom: none !important;}
	@-moz-document url-prefix() { img {image-rendering: optimizeQuality;} } /*Optimize retina images scale down on FireFox*/
	
	 /*Media queries*/
	@media (max-width: 1024px) {
		.container {padding-left:20px !important; padding-right:20px !important;}
	}
	@media (max-width: 860px) {
		.row {width:100% !important; max-width:780px !important;}
	}
	@media (max-width: 820px) {
		.container {padding:0 !important;}
	}
	@media (max-width: 700px) {
		html, body {margin:0 !important; padding:0 !important;}
		body > div div {margin-left:auto !important; margin-right:auto !important;} /*Android Email 5*/
	}
	@media (max-width: 600px) {
		.col-onethird, .col-half, .col-twothird-wide, .col-onethird-wide, .text-container-right, .side-header {float:none !important; width:100% !important; max-width:100% !important;}
		.inner, .inner-image, .side-header-inner, .side-cta-container, .link-container {padding-left:20px !important; padding-right:20px !important;}
		.tables-container {padding-left:0px !important; padding-right:0px !important;}
		.text-container-right .left-spacer, .side-header .left-spacer, .pre-header, .footer + .row-spacer {display:none;}
		.step-spacer-1 {width:24% !important;}
		.step-spacer-2 {width:65% !important;}
		.menu, .top-phone {text-align:left !important; padding-top:0 !important;}
		.pricing-table th, .pricing-table td {padding-left:5px; padding-right:5px;}
		.pricing-table .button {padding:15px 5px !important; display:block !important;}
		.sidebar.col-onethird-wide {border-left:none !important;}
		.pricing-table-header {font-weight:bold !important; font-size:16px !important;}
		.side-header-inner {font-size:24px !important;}
		.bottom-spacer {height:30px !important; line-height:30px !important;}
		.inner-image.step-left {padding-left:0px !important;}
		.inner-image.step-right {padding-right:0px !important;}
		.add-border {border-bottom:1px solid #eeeeee !important;}
		.row-spacer td {height:15px !important; line-height:15px !important;}
	}
	@media (max-width: 480px) {
		.banner-heading-container {font-size:24px !important; font-weight: 400 !important; line-height: 140% !important;}
		.pricing-table-container {border: 1px solid #eeeeee;}
		.pricing-table .feature-th { display: block; width: 94%; clear: both; float: none !important; padding: 10px 3% !important; border: none !important; word-wrap: break-word; left: 0; right: 0; position: relative;}
		.pricing-table td {float: left; padding: 10px 3% !important; border: 0 !important; border-left: 1px solid #eeeeee !important; display: block !important;}
		.pricing-table td.first-child {border-left:0px !important;}
		.pricing-table.three-products td {width: 27% !important;}
		.pricing-table.two-products td {width: 43.5% !important;}
		.banner-bg {background-size: auto 100%;}
		.inner-image.step-left {padding-right: 5px !important;}
		.inner-image.step-right {padding-left: 5px !important;}
		.icon {display: block !important; margin: 5px auto 30px auto !important; float: none !important;}
		.step-spacer-2 {font-size:14px !important; word-break: break-word;}
	}
	@media (max-width: 380px) {
		.button-container {width:100% !important; min-width:100% !important;}
		.banner-cta-container table {width:100% !important;}
		.invoice-icon-td {width:50px !important; padding-right:0px !important;}
		.invoice-icon-td img {width:50px !important;}
		.website {font-size:20px !important;}
	}
	/*Media queries*/

.list.list-icons li .fa,
.list.list-icons li .icons {
	color: #00a8bd;
	border-color: #00a8bd;
}

.list.list-icons.list-icons-style-3 li .fa,
.list.list-icons.list-icons-style-3 li .icons {
	background-color: #00a8bd;
}

.list.list-ordened li:before {
	color: #00a8bd;
	border-color: #00a8bd;
}

.list.list-ordened.list-ordened-style-3 li:before {
	background-color: #00a8bd;
}

html .list-primary.list-icons li .fa,
html .list-primary.list-icons li .icons {
	color: #00a8bd;
	border-color: #00a8bd;
}

html .list-primary.list-icons.list-icons-style-3 li .fa,
html .list-primary.list-icons.list-icons-style-3 li .icons {
	background-color: #00a8bd;
	color: #FFF;
}

html .list-primary.list-ordened li:before {
	color: #00a8bd;
}

html .list-primary.list-ordened.list-ordened-style-3 li:before {
	background-color: #00a8bd;
	color: #FFF;
}

html .list-secondary.list-icons li .fa,
html .list-secondary.list-icons li .icons {
	color: #fc842b;
	border-color: #fc842b;
}

html .list-secondary.list-icons.list-icons-style-3 li .fa,
html .list-secondary.list-icons.list-icons-style-3 li .icons {
	background-color: #fc842b;
	color: #FFF;
}

html .list-secondary.list-ordened li:before {
	color: #fc842b;
}

html .list-secondary.list-ordened.list-ordened-style-3 li:before {
	background-color: #fc842b;
	color: #FFF;
}

html .list-tertiary.list-icons li .fa,
html .list-tertiary.list-icons li .icons {
	color: #606062;
	border-color: #606062;
}

html .list-tertiary.list-icons.list-icons-style-3 li .fa,
html .list-tertiary.list-icons.list-icons-style-3 li .icons {
	background-color: #606062;
	color: #FFF;
}

html .list-tertiary.list-ordened li:before {
	color: #606062;
}

html .list-tertiary.list-ordened.list-ordened-style-3 li:before {
	background-color: #606062;
	color: #FFF;
}

html .list-quaternary.list-icons li .fa,
html .list-quaternary.list-icons li .icons {
	color: #969696;
	border-color: #969696;
}

html .list-quaternary.list-icons.list-icons-style-3 li .fa,
html .list-quaternary.list-icons.list-icons-style-3 li .icons {
	background-color: #969696;
	color: #FFF;
}

html .list-quaternary.list-ordened li:before {
	color: #969696;
}

html .list-quaternary.list-ordened.list-ordened-style-3 li:before {
	background-color: #969696;
	color: #FFF;
}

html .list-dark.list-icons li .fa,
html .list-dark.list-icons li .icons {
	color: #2e353e;
	border-color: #2e353e;
}

html .list-dark.list-icons.list-icons-style-3 li .fa,
html .list-dark.list-icons.list-icons-style-3 li .icons {
	background-color: #2e353e;
	color: #FFF;
}

html .list-dark.list-ordened li:before {
	color: #2e353e;
}

html .list-dark.list-ordened.list-ordened-style-3 li:before {
	background-color: #2e353e;
	color: #FFF;
}

html .list-light.list-icons li .fa,
html .list-light.list-icons li .icons {
	color: #FFF;
	border-color: #FFF;
}

html .list-light.list-icons.list-icons-style-3 li .fa,
html .list-light.list-icons.list-icons-style-3 li .icons {
	background-color: #FFF;
	color: #777;
}

html .list-light.list-ordened li:before {
	color: #FFF;
}

html .list-light.list-ordened.list-ordened-style-3 li:before {
	background-color: #FFF;
	color: #777;
}

/** END **/

/***** Message Box Styles *****/
.box {
	margin: 0px 0;
	padding: 0px 0px 0px 0px;
}

.box.error2 {
	background: #fdeff0 no-repeat;
	background-position: 10px 10%;
	border: 1px dashed #FF95A0;
	border-color: #FF95A0 #FF95A0 #FF95A0 #FF95A0;
}

.box.success {
	background: #DEFFE8 url('../images/success-icon.png') no-repeat;
	background-position: 30px 50%;
	border: 1px solid #7EDB9B;
	border-color: #C6FFD8 #7EDB9B #7EDB9B #C6FFD8;
}

.box.error {
	background: #FFE0E3 url('../images/error-icon.png') no-repeat;
	background-position: 30px 50%;
	border: 1px solid #FF95A0;
	border-color: #FFD3D8 #FF95A0 #FF95A0 #FFD3D8;
}

.box.info {
	background: #DEEDFF url('../images/info-icon.png') no-repeat;
	background-position: 30px 50%;
	border: 1px solid #83ADDE;
	border-color: #D1E8FF #83ADDE #83ADDE #D1E8FF;
}

.box.info2 {
	background: #DEEDFF no-repeat;
	background-position: 30px 30%;
	border: 1px solid #83ADDE;
	border-color: #D1E8FF #D1E8FF #83ADDE #D1E8FF;
}



.box.warning {
	background: #FFF7D1 url('../images/warning-icon.png') no-repeat;
	background-position: 30px 50%;
	border: 1px solid #FFC952;
	border-color: #FFF0A2 #FFC952 #FFC952 #FFF0A2;
}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 870px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}



/* List */
.list li {
	color: #000;
	font: 15px 'Raleway', Arial sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 15px;
	margin-left: 20px;
	margin-top: 20px
}



.list.pull-left li {
	text-align: left;
	margin-left:  25px;
}

.list.list-icons {
	list-style: none;
	padding-left: 0;
	padding-right: 0;
}

.list.list-icons li {
	position: relative;
	padding-left: 25px;
}

.list.list-icons li > [class*="fa-"]:first-child,
.list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > [class*="fa-"]:first-child,
.list.list-icons li a:first-child > .icons:first-child {
	position: absolute;
	left: 0;
	top: 5px;
}

.list.list-icons.list-icons-style-2 li {
	padding-top: 5px;
	padding-left: 36px;
}




/* Headings */
h1, h2, h3, h4, h5, h6 {
	color: #212529;
	font-weight: 200;
	letter-spacing: -.05em;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}

h1 {
	font-size: 2.2em;
	line-height: 44px;
	margin: 0 0 32px 32px;
}


h2 {
	font-size: 1.8em;
	font-weight: 300;
	line-height: 42px;
	margin: 0 0 32px 0;
}

h3 {
	font-size: 1.5em;
	font-weight: 400;
	line-height: 36px;
	margin: 50 0 40px 0;
}

h4 {
	font-size: 1.3em;
	font-weight: 300;
	line-height: 160%;
	margin: 40 0 30px 0;
	margin: 40 0 30px 0;
}

h5 {
	font-size: 1.1em;
	font-weight: 300;
	line-height: 1.4em;
    line-height: 160%;
	margin: 30 0 20px 0;
}

h6 {
	color: #333;
	font-size: 1em;
	font-weight: 400;
	line-height: 26px;
	margin: 0 0 14px 0;
}

h1.big {
	font-size: 4.2em;
	line-height: 54px;
}

h1.small {
	font-size: 2.2em;
	line-height: 42px;
	font-weight: 600;
}

h1.short {
	margin-bottom: 15px;
}

h2.short {
	margin-bottom: 15px;
}

h3.short,
h4.short,
h5.short,
h6.short {
	margin-bottom: 9px;
}

h1.shorter,
h2.shorter,
h3.shorter,
h4.shorter,
h5.shorter,
h6.shorter {
	margin-bottom: 0;
}

h1.tall,
h2.tall,
h3.tall,
h4.tall,
h5.tall,
h6.tall {
	margin-bottom: 33px;
}

h1.taller,
h2.taller,
h3.taller,
h4.taller,
h5.taller,
h6.taller {
	margin-bottom: 44px;
}

h1.spaced,
h2.spaced,
h3.spaced,
h4.spaced,
h5.spaced,
h6.spaced {
	margin-top: 22px;
}

h1.more-spaced,
h2.more-spaced,
h3.more-spaced,
h4.more-spaced,
h5.more-spaced,
h6.more-spaced {
	margin-top: 44px;
}

h1.dark,
h2.dark,
h3.dark,
h4.dark,
h5.dark {
	color: #212529;
}

h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light {
	color: #FFF;
}

h1.text-shadow,
h2.text-shadow,
h3.text-shadow,
h4.text-shadow,
h5.text-shadow,
h6.text-shadow {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}