/**--- Base CSS -----------------------------------------------------------------**/

body {
	font-size:20px;
}
h2 {
	margin:0px 0px 20px;
}
.text-align-center {
	text-align:center;
}
.bkg_num1 {
	background-color: #2c5c9c;
}
.bkg_num2 {
	background-color: #de6f20;
}
.bkg_num3 {
	background-color:#B2B2B2;
}
.section {
	padding:50px 0px;
	float: left;
	width: 100%;
}
.no_padding {
	padding: 0px !important;
}
img {
	max-width: 100%;
}
.aligncenter {
	display: block;
	margin: 0px auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.text-right {
	text-align:right;
}
.parallax_bckgrd {
	background-color: #DE6F20;
}
.mobile-show {
	display: none;
}
.text-color-light {
	color: #FFF;
}
#terms-of-service-page .row p,
#terms-of-service-page .row li,
#privacy-policy-page .row p,
#privacy-policy-page .row li {
	font-size: 14px;
}

/**--- End Base CSS -----------------------------------------------------------------**/
/**--- Header -----------------------------------------------------------------**/

#header {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:99;
	width:100%;
	background-color:rgba(0,0,0,0);
}
#scroll_header {
	transition: transform 0.5s ease-in-out 0s;
	position:fixed !important;
	top:0px;
	left:0px;
	width:100%;
	background-color: rgba( 255, 255, 255, 0.9 );
	z-index:99999;
	transform:translateY(-100%);
}
.fixed_header {
	transform:translateY(0%) !important;
	box-shadow:0px 2px 2px rgba(43,48,51,0.08) !important;
}
#logo img {
	max-width: 125px;
}
#fixed-logo img {
	max-width: 71px;
	margin: 2px 0px;
}
#scroll_header #main-navigation a {
	color:#2c5c9c;
}
#main-navigation {
	list-style-type: none;
	float: right;
	margin: 15px 0px;
	padding-left: 0px;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
}
#main-navigation li {
	display:inline-block;
	float:left;
	margin: 10px 15px 10px 0px;
}
#main-navigation li:last-child {
	margin-right:0px;
}
#main-navigation a {
	color:#FFF;
}
#main-navigation a:hover {
	text-decoration:none;
	opacity:0.8;
}
.navbar-brand {
	height: 100px;
}
.navbar-brand > img {
	max-height:70px;
}

/**--- End Header -----------------------------------------------------------------**/
/**--- Body -----------------------------------------------------------------**/

#home_banner {
	height: 600px;
	background-image: url("/img/home_background.jpg");
	background-size: cover;
	background-position: bottom center;
	display:table;
}
.inner_banner {
	height: 350px;
	background-image: url("http://placehold.it/1920x350/de6f20/2c5c9c");
	background-size: cover;
	background-position: center;
	display: table;
}
#how_banner {
	background-image: url("/img/howitworks_banner.jpg");
}
#contact_banner {
	background-image: url("/img/contact.jpg");
}
#about_banner {
	background-image: url("/img/about.jpg");
}
#features_banner, #pricing_banner {
	background-image: url("/img/features.jpg");
}
#sign_up_banner {
	background-image: url("/img/sign-up-banner.jpg");
}
#business_management_banner {
	background-image: url("/img/Business-Management-Software.jpg");
}
#online_scheduling_banner {
	background-image: url("/img/Online-Scheduling-Software.jpg");
}
#quickbooks_integration_banner {
	background-image: url("/img/Quickbooks-Integration-Software.jpg");
}
#workforce_management_banner {
	background-image: url("/img/Workfore-Management-Software.jpg");
}
.banner_table {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.banner_tagline {
	font-weight:bold;
	text-shadow: 2px 2px 3px #000;
	color: #FFF;
	font-size: 55px;
}
.row {
	float: left;
	width: 100%;
	clear: both;
	margin-right: 0px !important;
	margin-left: 0px !important;
}
.container-clearfix {
	max-width: 1080px;
	display: block;
	margin: 0px auto;
	float: none !important;
}
.trial_btn {
	background-color: #2c5c9c;
	color: #FFF !important;
	font-weight: bold;
	padding: 10px 20px;
	border-radius: 10px;
	border-bottom:2px solid #2c5c9c;
}
.trial_btn:hover {
	border-bottom:2px solid #254D82;
	opacity:1 !important;
}
.login_btn {
	background-color: #DE6F20;
	color: #FFF !important;
	font-weight: bold;
	padding: 10px 20px;
	border-radius: 10px;
	border-bottom:2px solid #DE6F20;
}
.login_btn:hover {
	border-bottom:2px solid #AB5519;
	opacity:1 !important;
}
.half_blocks {
	min-height:auto;
}
.image_half_blocks {
	background-image: url('http://placehold.it/950x500/DE6F20/2C5C9C');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#block1 {
	background-image: url('/img/block1-bckgrd.jpg');
}
#block2 {
	background-image: url('/img/family_ipad.jpg');
}
#block3 {
	background-image: url('/img/laptop-billing.png');
}
#block4 {
	background-image: url('/img/block4-bckgrd.jpg');
}
.half_blocks .container-clearfix {
	max-width: 650px;
	margin: 100px auto;
}
.block_copy p {
	margin-bottom:30px;
}
.learn_more {
	padding: 10px 25px;
	color: #2C5C9C;
	border: 3px solid;
	border-radius: 5px;
	font-weight:bold;
}
.learn_more:hover {
	background-color: rgba( 0, 0, 0, 0.1 );
	text-decoration:none;
	color: #2C5C9C;
}
.icon-circles {
	border-radius: 150px;
	height: 150px;
	width: 150px;
	margin: 0px auto;
	display: block;
	background-color: #2C5C9C;
	padding: 37px;
}
.icon-circles img {
	max-width: 75px;
}
.testimonial {
	text-align:center;
}
.circle {
	border-radius:150px;
}
.testimonial_caption {
    width: 100%;
    margin-top: 20px;
}
.testimonial_caption p {
	margin: 0px;
}
.testimonial_name {
	font-weight:bold;
}
.testimonial_title {
	font-weight:bold;
	font-size:15px;
}
.testimonial-height {
	min-height: 250px;
}
.input_trial_btn {
	width: 100%;
	padding: 10px;
	border: none;
	background-color: #de6f20;
	border-bottom: 2px solid #de6f20;
	color:#FFF;
}
.input_trial_btn:hover {
	border-bottom: 2px solid #5E2F0E;
}
.form_inputs {
	width:100%;
	padding:10px;
	border:none;
}
.upper_input {
	margin-bottom: 15px !important;
}
.home_badges img {
	width:100%;
}
.box-highlighted {
	float: left;
	width: 100%;
	margin: 25px auto;
	text-align: center;
	background-color: #B2B2B2;
	padding: 10px 0px;
	font-weight: bold;
	color: #333;
	border-radius: 3px;
	border-bottom: 3px solid #B2B2B2;
}
.box-highlighted:hover {
	text-decoration: none;
	color: #333;
	border-bottom: 3px solid #333;
}
.home_badges img {
	max-width: 75px;
}
.home_badges h3 {
	text-transform: uppercase;
}
.orange_arrow {
	background-image: url('/img/orange_arrow.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 75px 0px 125px;
}
.blue_arrow {
	background-image: url('/img/blue_arrow.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 75px 0px 125px;
}
.orange_arrow h2, .blue_arrow h2 {
	margin-bottom: 0px;
}
.orange_man {
	margin: 50px auto;
	display: block;
	width: 100%;
	max-width: 300px;
}
#pricing-line {
	font-size: 50px;
}
.number-highlight {
	color: #E68329;
	font-weight: bold;
}
.double-lined {
	font-size: 20px;
}
.tooltip-main {
	display: none !important;
}
.slider.slider-horizontal {
	width: 100%;
	max-width: 980px;
}
.slider-selection {
	background-image: linear-gradient(to bottom, #E68329 0%, #CF7623 100%);
}
.slider-handle {
	background-color: #3871AC;
	background-image: linear-gradient(to bottom, #3871AC 0%, #33699F 100%);
}
.slider-track {
	background-image: linear-gradient(to bottom, #CCCCCC 0%, #BBBBBB 100%);
}
.comparison-row {
	margin: 10px 0px;
}
.comparison-titles {
	text-align: center;
	text-decoration: underline;
}
.comparison-items {
	line-height: 50px;
}
.comparison-items p {
	margin-bottom: 0px;
	text-align: right;
}
#desktop-comparison-grid .row {
	border-bottom: 1px solid;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#desktop-comparison-grid .row:last-child {
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#desktop-comparison-grid .row > div {
	border-left: 1px solid;
}
#desktop-comparison-grid .row > div:first-child {
	border-left: none;
}
#mobile-comparison-grid .comparison-items {
	border-bottom: 1px solid;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#mobile-comparison-grid .comparison-items:nth-child(11),
#mobile-comparison-grid .comparison-items:nth-child(18),
#mobile-comparison-grid .comparison-items:last-child {
	border-bottom: none;
}
.comparison-titles h3 {
	font-weight: bold;
	text-decoration: underline;
}
.featured-pricings {
	background-color: orange;
	color: #FFF;
	font-weight: bold;
	padding: 10px 5px;
	border-radius: 10px;
	position: relative;
	margin-bottom: 20px;
}
.featured-pricings h2 {
	margin: 0px;
	font-size: 60px;
	margin: 0px 0px 10px;
	text-transform: uppercase;
}	
.featured-pricings p {
	margin-bottom: 0px;
}
.featured-pricings a {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
hr.comparison-lines {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	float: left;
	clear: both;
	width: 100%;
}
.three-lines {
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
}
.two-lines {
	line-height: 25px;
}
.banner-box-overlay {
	margin: -100px 0px 50px;
	background-color: #FFF;
	padding: 10px 0px;
	border-top: 1px solid #2C5C9C;
	border-left: 1px solid #2C5C9C;
	border-right: 1px solid #2C5C9C;
}

/**--- End Body -----------------------------------------------------------------**/
/**--- Modal --------------------------------------------------------------------**/
.modal {
max-width: 800px;
margin: 100px auto 30px;
}
.modal-body {
max-height:300px;
overflow-y: scroll;
}
.modal p {
font-size:14px;
}
/**--- End Modal ----------------------------------------------------------------**/
/**--- Footer -------------------------------------------------------------------**/
#footer {
	padding-bottom:0px;
}
#footer-nav {
	list-style-type: none;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	padding:0px;
}
#footer-nav li {
	float:left;
	margin-right:10px;
	display:inline;
	padding-right: 10px;
}
#footer-nav li:last-child {
	margin-right:0px;
	padding-right: 0px;
}
#footer-nav a {
	color:#333;
}
#footer-nav a:hover {
	opacity: 0.8;
	text-decoration: none;
}
.copy-link {
	color: #333;
}
.copy-link:hover {
	color: #333;
	opacity: 0.8;
	text-decoration: none;
}

/**--- End Footer -----------------------------------------------------------------**/
/**--- Page Overwrites ------------------------------------------------------------**/

#home-page .half_blocks {
	min-height: 500px;
}
#features-page .half_blocks .container-clearfix {
    margin: 0px auto;
}
#contact-page .form_inputs {
	border: 3px solid #EEE;
}

/**--- End Page Overwrites --------------------------------------------------------**/
/**--- Mobile CSS -----------------------------------------------------------------**/

@media(max-width:768px) {
.mobile-hide {
	display: none !important;
}
.mobile-show {
	display: inline-block !important;
}
.testimonial-height {
	min-height: auto;
}
.testimonial {
	margin-bottom: 50px;
}
.form_inputs {
	margin-bottom: 15px !important;
}

}

/**--- End Mobile CSS -------------------------------------------------------------**/

/**--- Print ----------------------------------------------------------------------**/
@media screen {
  #printSection {
      display: none;
  }
}

@media print {
  body * {
    visibility:hidden;
  }
  #printSection, #printSection * {
    visibility:visible;
  }
  #printSection {
    position:absolute;
    left:0;
    top:0;
  }
  #printSection div, #printSection p {
  font-size: 14px;
  }
}
/**--- End Print -----------------------------------------------------------------**/



/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 26px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 2500ms infinite linear;
  -moz-animation: spinner 2500ms infinite linear;
  -ms-animation: spinner 2500ms infinite linear;
  -o-animation: spinner 2500ms infinite linear;
  animation: spinner 2500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: 
  rgba(44, 92, 156, 0.75) 1.5em 0 0 0, 
  rgba(222, 111, 32, 0.75) 1.1em 1.1em 0 0, 
  rgba(44, 92, 156, 0.75) 0 1.5em 0 0, 
  rgba(222, 111, 32, 0.75) -1.1em 1.1em 0 0, 
  rgba(44, 92, 156, 0.75) -1.5em 0 0 0, 
  rgba(222, 111, 32, 0.75) -1.1em -1.1em 0 0, 
  rgba(44, 92, 156, 0.75) 0 -1.5em 0 0, 
  rgba(222, 111, 32, 0.75) 1.1em -1.1em 0 0;
  box-shadow: 
  rgba(44, 92, 156, 0.75) 1.5em 0 0 0, 
  rgba(222, 111, 32, 0.75) 1.1em 1.1em 0 0, 
  rgba(44, 92, 156, 0.75) 0 1.5em 0 0, 
  rgba(222, 111, 32, 0.75) -1.1em 1.1em 0 0, 
  rgba(44, 92, 156, 0.75) -1.5em 0 0 0, 
  rgba(222, 111, 32, 0.75) -1.1em -1.1em 0 0, 
  rgba(44, 92, 156, 0.75) 0 -1.5em 0 0, 
  rgba(222, 111, 32, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}