/* Google Fonts */
@import url('//fonts.googleapis.com/css?family=Lato:400,300,700,900');

/* Angular */
select.ng-invalid.ng-touched { border: 1px solid #f00; }

select.ng-invalid.ng-touched {
  background-color: rgba(250, 120, 126, 0.62);
  color: white;
}

input.ng-invalid.ng-touched { border: 1px solid #f00; }

.ng-invalid.ng-touched.ng-touched {
  background-color: rgba(250, 120, 126, 0.62);
  color: white;
}

.help-block,
.help-inline { color: #ff6056; }

/* Bootstrap-specific style overwrites */
#main-container {
  min-height: 100%;
  padding-top: 0px; /* free space at top */
  padding-right: 0px;
  padding-bottom: 191px; /* account for footer, 1px off to look correct in huge sizes */
  padding-left: 0px;
}

.collapse .in .navbar-collapse-hide { display: none; }

/* Angular Modal for lightbox */
.lightbox.modal { text-align: center; }
.lightbox .modal-dialog {
  position: relative;
  width: auto;
  display: inline-block
}

.lightbox .modal-content { display: inline-block; }
.lightbox .modal-header {
  padding: 0;
  border-bottom: 0;
}

.lightbox .close {
  width: 26px;
  height: 26px;
  background-color: #333;
  color: #ccc;
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 1000;
  line-height: 0px;
  padding: 0;
  margin: 0;
  opacity: 1;
  border-radius: 14px;
  text-shadow: none;
  text-align: center;
}

.lightbox .close:hover {
  border: 2px solid #333;
  background-color: #ccc;
  color: #333;
}

/* Font-Awesome styles */
a i { padding: 0 6px 0 0; }

.fa-8x { font-size: 6em; }

/* HTML & Structure */
html, body {
  height: 100%;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  background-color: #fff;
}

h2.subtitle {
  color: #fff;
  font-size: 20px;
}

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #b5b5b5;
}

.form-section {
  background-color: rgba(225, 225, 225, 0.48);
  border: 1px solid rgba(163, 163, 163, 0.65);
  border-radius: 4px;
  margin: 10px 0 10px 0;
  padding: 0 0 8px 8px;
}

.form-section .row { margin: 2px 0 2px 0; }

.form-section .form-group { margin: 3px 0 3px 0; }

.form-section hr {
  margin-top: 10px;
  margin-bottom: 10px;
}

.large-input input {
  height: 42px;
  font-size: 20px;
}

.large-input .input-group-addon { height: 42px; }

.large-input .input-group-btn { height: 42px; }

.addon-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.addon-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

/* Error Styles */
#anchor_errors {
  min-height: 0;
  margin: 0;
}


/* Row styles */
.row-base { padding: 10px 0 30px 0; }

.row-base .row-header h1 {
  text-decoration: none;
  border-bottom: 1px solid #fff;
}

.row-green {
  color: #fff;
  background-color: #366340;
  border-color: #03390b;
  border-bottom: 1px;
}

.row-light-green {
  color: #fff;
  background-color: #749f7d;
  border-color: #03390b;
  border-bottom: 1px;
}

.row-dark-green {
  color: #fff;
  background-color: #005b18;
  border-color: #03390b;
}

.row-home-sell-sheet-item .img-responsive { margin: 0 auto; }

.row-home-sell-sheet-item .sell-hero-img.img-responsive {
  margin-top: 21px;
  margin-bottom: 22px;
}

.panel-green { border-color: #397239; }

.panel-green > .panel-heading {
  color: #fff;
  background-color: #38b76b;
  border-color: #397239;
}

.panel-orange { border-color: #62500f; }

.panel-orange > .panel-heading {
  color: #fff;
  background-color: #b77403;
  border-color: #62500f;
}

.panel-red { border-color: #743134; }

.panel-red > .panel-heading {
  color: #fff;
  background-color: #b74f55;
  border-color: #743134;
}

/* Workspace styles */
#workspace #base-content a,
#workspace #features a { color: #366340; }

#workspace #base-content a:hover,
#workspace #base-content a:focus,
#workspace #features a:hover,
#workspace #features a:focus { color: #237e1e; }

/* Nav styles */
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse { max-height: initial; }

.navbar-brand { padding-right: 0px; }

.navbar-brand img {
  position: relative;
  top: -10px;
}

.navbar-default .navbar-nav > li > a {
  color: #26991f;
  font-weight: 600;
}

.nav a i.fa { padding: 0 5px 0 0; }

.nav > li > a {
  padding-top: 14px;
  padding-bottom: 14px;
}

.navbar-inverse {
  background-color: rgba(25, 68, 17, 0.9);
  border-color: #080808;
  min-height: 60px;
}

#navbar-phone-text a:visited,
#navbar-phone-text a:focus {
  color: #fffbe4;
}

.navbar-phone-text {
  font-weight: bold;
  color: #fffbe4;
  margin-top: 14px;
  margin-left: 15px;
  margin-right: 0px;
  float: left;
}

#navbar-phone-text a:hover {
  color: #d2fc94;
  text-decoration: none;
}

.button--outline {
  border: solid 1px #26a9f2;
  background-color: white;
  color: #26a9f2;
}

.navbar-inverse .navbar-nav > li > a { color: #fffbe4; }

#call-us-mobile {
  color: #00d300;
  position: relative;
  padding-top: 10px;
}

/* Footer styles */
#footer {
  position: relative;
  margin-top: -192px; /* 192px is the natural height of the footer, including padding at top, bottom */
  min-height: 192px;
  clear: both;
  padding: 20px 0;
  background: #333;
  color: #dcdcdc;
  font-size: 12px;
}

#footer .list-inline > li {
  padding-left: 7px;
  padding-right: 7px;
}

#footer .visible-xs-block li { padding: 5px 0; }

#footer a { color: #82c22f; }

#footer a:hover,
#footer a:focus {
  color: #d2fc94;
  text-decoration: none;
}

/* Design-specific styles */
/* TODO use Bootstrap img-circle class and remove border-radius */
.circle {
  height: 125px;
  width: 125px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background: rgba(25, 68, 17, 0.9);
}

.circle-text {
  color: white;
  font-weight: bold;
  font-size: 40px;
}

.circle-parent {
  display: table;
  margin: 20px auto;
}

/* Features Page */
/* TODO refactor these styles to be semantically inline with HTML 5 and Features section */
.section {
  margin: 0;
  position: relative;
  overflow: hidden;
}

.section-h1 { font-size: 60px; }

.section-gallery { height: 200px; }

.section-gallery-text {
  position: relative;
  z-index: 1;
  margin-top: 100px;
  color: #fff;
  text-align: center;
  width: 100%;
  text-shadow: 0 1px 3px rgba(33, 33, 33, 0.38);
  background-color: rgba(36, 36, 36, 0.4);
}

.vertical-line {
  height: 150px;
  border-left: 1px solid gray;
  margin-top: 10px;
}

.landing-detail-text {
  line-height: 40px
}

.landing-link {
  color: #fff;
  font-weight: bold;
}

.landing-image-mobile {
  border-radius: 6px;
  width: 35%;
  min-height: 23px;
}

.landing-image {
  border-radius: 6px;
  width: 75%;
  min-height: 23px;
}

.landing-text { text-shadow: 3px 3px 3px rgba(33, 33, 33, 0.6); }

.landing-background {
  margin-top: 0px;
  color: #fff;
  /*text-align: center;*/
  background: linear-gradient(rgba(54, 99, 64, 0.9), rgba(54, 99, 64, 0.9)),
  url('/images/hero/telemarketing-woman-1.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
}

.lead-landing-background {
  margin-top: 0px;
  color: #fff;
  /*text-align: center;*/
  background: linear-gradient(rgba(54, 99, 64, 0.9), rgba(54, 99, 64, 0.9)),
  url('/images/features/callAudit.png');
  background-repeat: no-repeat;
  background-position-x: 4%;
  background-size: cover;
}
.hero-well {
  background-color: rgba(249, 255, 251, 0.95);
  color: #000000;
  height:500px;
  margin-bottom: 0px;
  position: relative;
  left: 3%;
}
.solar-landing-background {
  margin-top: 0px;
  color: #fff;
  /*text-align: center;*/
  background: url('/images/landing/solar-landing.jpg');
  background-repeat: no-repeat;
  background-position: 0 -308px;
  background-size: cover;
  min-height: 500px;
}

.solar-text{
  font-size: 1.4em;
}

.hero-well-medium {
  background-color: rgba(249, 255, 251, 0.8);
  color: #000000;
  height:300px;
  margin-bottom: 0px;
  position: relative;
  left: 6%;
}

.solar-landing-background-medium {
  margin-top: 0px;
  color: #fff;
  background: url('/images/landing/solar-landing.jpg');
  background-repeat: no-repeat;
  background-position: 0 -35px;
  background-size: cover;
  min-height: 300px;
}

.hero-well-mobile {
  background-color: rgba(249, 255, 251, 0.8);
  color: #000000;
  height:300px;
  margin-bottom: 0px;
  position: relative;
}

.solar-landing-background-mobile {
  margin-top: 0px;
  color: #fff;
  /*text-align: center;*/
  background: url('/images/landing/solar-landing.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px;
}

.image-gallery-background {
  overflow: hidden;
  position: absolute;
  z-index: 1;
  width: 100%;
  margin-top: -300px;
}

#quick-start-hero {
  background: url("/images/hero/crm-hero.jpg") no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
}

.quickstart-caption {
  padding-top: 100px;
  position: relative;
  z-index: 1;
  color: #fff;
  text-align: center;
  width: 100%;
  text-shadow: 0 1px 3px rgba(33, 33, 33, 0.38);
  background-color: rgba(36, 36, 36, 0.4);
}

#sales-contact-hero {
  background: url("/images/hero/desk-hero-1.jpg") no-repeat;
  width: 100%;
  height: 200px;
  background-size: cover;
  background-position: center;
}

.sales-contact-caption {
  padding-top: 100px;
  position: relative;
  z-index: 1;
  color: #fff;
  text-align: center;
  width: 100%;
  text-shadow: 0 1px 3px rgba(33, 33, 33, 0.38);
}

.image-gallery-background-leads {
  overflow: hidden;
  position: absolute;
  z-index: 1;
  width: 100%;
  margin-top: -300px;
}

/* Home Page */
#top-content { background-color: #fff; }

#top-content .img-video { margin: 0 auto; }

#home-hero {
  margin-top: 0;
  padding-top: 20px;
  min-height: 450px;
}

#home-hero .jumbotron { background-color: initial; }

#home-hero p.lead { font-size: 1.5em; }

#home-hero .home-hero-cta-btn,
#home-summary .home-summary-cta-btn {
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  color: #fff;
  border-radius: 18px;
}

#home-hero .btn-cta-split-left {
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: 1px solid #467800;
  border-top: 0;
  border-bottom: 0;
}

#home-hero .btn-cta-split-right {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-left: 1px solid #467800;
  border-top: 0;
  border-bottom: 0;
}

#home-hero .btn-split-label {
  background-color: #467800;
  background-image: -webkit-linear-gradient(top, #4A7F00, #4F8700);
  background-image: -moz-linear-gradient(top, #4A7F00, #4F8700);
  background-image: -ms-linear-gradient(top, #4A7F00, #4F8700);
  background-image: -o-linear-gradient(top, #4A7F00, #4F8700);
  background-image: linear-gradient(to bottom, #4A7F00, #4F8700);
  color: #eee;
  position: absolute;
  display: inline-block;
  left: 216px;
  top: 9px;
  width: 27px;
  height: 26px;
  text-align: center;
  border-radius: 21px;
  font-style: italic;
}

/*
.btn-cta-demo {
  color: #fff;
  background-color: #6CB800;
  border-color: #61A600;
}
*/

/* 6CB800 - 467800 25pts */
.btn-cta-demo {
  background: #6CB800;
  background-image: -webkit-linear-gradient(top, #6CB800, #467800);
  background-image: -moz-linear-gradient(top, #6CB800, #467800);
  background-image: -ms-linear-gradient(top, #6CB800, #467800);
  background-image: -o-linear-gradient(top, #6CB800, #467800);
  background-image: linear-gradient(to bottom, #6CB800, #467800);
  text-shadow: 1px 1px 3px #666666;
  color: #ffffff;
  text-decoration: none;
}

.btn-cta-demo:focus,
.btn-cta-demo:hover,
.btn-cta-demo:active {
  background: #5B9C00;
  background-image: -webkit-linear-gradient(top, #5B9C00, #365C00);
  background-image: -moz-linear-gradient(top, #5B9C00, #365C00);
  background-image: -ms-linear-gradient(top, #5B9C00, #365C00);
  background-image: -o-linear-gradient(top, #5B9C00, #365C00);
  background-image: linear-gradient(to bottom, #5B9C00, #365C00);
  text-shadow: 1px 1px 3px #666666;
  color: #ffffff;
  text-decoration: none;
}


/* old color 5C9E00 new color 4A7F00 */
/* old color 375E00 new color 254000 */
.btn-cta-demo:active:hover,
.btn-cta-demo:active:focus {
  background: #4A7F00;
  background-image: -webkit-linear-gradient(top, #4A7F00, #254000);
  background-image: -moz-linear-gradient(top, #4A7F00, #254000);
  background-image: -ms-linear-gradient(top, #4A7F00, #254000);
  background-image: -o-linear-gradient(top, #4A7F00, #254000);
  background-image: linear-gradient(to bottom, #4A7F00, #254000);
  text-shadow: 1px 1px 3px #666666;
  color: #ffffff;
  text-decoration: none;
}

/* 1 5B9C00 */
/* 2 569400 */
/* 3 5C9E00 */

#home-hero .btn-cta-split-container {
  position: relative;
  display: inline-block;
}
/* hide at these resolutions */
/*
    < 500px

    992 >= 1175 inclusive
 */

#home-hero .btn-cta-single-container {
  position: relative;
  display: none;
}

#home-steps span {
  display: inline-block;
  width: 100%;
}

.footer-col-a {
  margin-left: -15%;
}

.footer-col-b {
  margin-left: 10%;
}

.video-parent {
  position: absolute;
  top: 5.1%;
  left: 14.6%;
  width: 71%;
  background-color: black;
  height: 73.2%;
}

.landing-video-parent {
  top: 5.1%;
  left: 14.6%;
  width: 50%;
  background-color: black;
  height: 73.2%;
}

.landing-large-video-parent{
  top: 5.1%;
  left: 14.6%;
  background-color: black;
  height: 73.2%;
}

.video-responsive {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  top: 7%;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
}

.video-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.icon-circle {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border: 0px;
  border-radius: 12px;
}

.icon-circle h3 { line-height: 50px; }

#home-features a {
  color: inherit;
  text-decoration: inherit;
}

#home-features article.article-content:hover {
  color: white;
  background-color: #82c22f;
}

.hero-text {
  padding-top: 10px;
  color: #237e1e;
  font-weight: bolder;
}

.username-text {
  color: #237e1e;
  font-weight: bold;
}

#base-content .img-container {
  max-width: 500px;
  max-height: 291px;
  overflow: hidden;
}

.img-container.telemarketing-woman-1 {
  background-image: url("/images/hero/telemarketing-woman-1.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* About Us Page */
.about-us-bg { background-color: #333; }
.about-us-header { font-size: 4em; }

#about-us-features a.white:hover,
#about-us-features a.white:focus {
  color: white;
}

/* Contact Page */
#contact-hero {
  background: url("/images/contact/shutterstock_366997892.jpg") no-repeat;
  height: 100px;
  width: 100%;
  background-size: cover;
}

.contact-caption span {
  position: absolute;
  bottom: 0px;
  left: 32%;
  font-size: 35px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}

.contact-pad { padding: 20px 0 20px 0; }

/* Landing Page - Reseller / Referral Program */
.bg-business-owner {
  background-image: url("/images/hero/shop-owner-hero-1.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Appointment Landing Page */
#landing-appointment .landing-video-parent {
  top: initial;
  left: initial;
  width: initial;
}

#schedule-demo h4 { display: inline-block; }

/* Pricing Page */
#pricing_chart .well {
  min-height: 232px;
  color: #eee;
  border: 0;
}

#pricing_chart .row.well { min-height: 0; }

#pricing_chart .well-admin { background-color: rgba(48, 180, 225, 0.9); }
#pricing_chart .well-dialer { background-color: rgba(95, 82, 200, 0.9); }
#pricing_chart .well-crm { background-color: rgba(79, 170, 37, 0.9); }
#pricing_chart .well-enterprise { background-color: rgba(253, 136, 82, 0.9); }

#pricing_chart .well-dialer,
#pricing_chart .well-admin,
#pricing_chart .well-crm,
#pricing_chart .well-enterprise,
#pricing_chart .price-features {
  max-width: 380px;
  margin: 0 auto 20px;
}

.well-top {
  background-color: #56a933;
  border-color: #56a933;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.well.well-top { padding: 0; }
.well.well-top p { margin: 10px; }

.well-top.square-corners-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.well-top.square-corners-bottom {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.well-enterprise a.white:hover { color: #fff; }

.well-bottom { background-color: rgba(79, 170, 37, 0.9); }
.well-bottom .price-cta .btn { padding: 8px 14px; }

.well-bottom a:hover {
  border-color: #ddd;
  color: #ddd;
}

sup { font-size: 50%; }

.price-actual h1 { font-size: 3em; }

.btn-shaded {
  background-color: rgba(0,0,0,0.1);
  color: #eee;
}

.border-color-white { border-color: #eee; }

.lighter-grey { color: #555; }

#pricing_chart ul span { color: #999; }
#pricing_chart ul a { color: #999; }
#pricing_chart ul a:hover { color: #333; }

.mt34 { margin-top: 34px; }
.mh331 { min-height: 331px; }
.mw280 { min-width: 280px; }

.pricing-blue { color: #37bce5; }
.pricing-green { color: #59b329; }
.pricing-orange { color: #fd935c; }
.pricing-purple { color: #6a5ccf; }

.pricing-blue-border-color { border-color: #37bce5; }
.pricing-green-border-color { border-color: #59b329; }
.pricing-orange-border-color { border-color: #fd935c; }
.pricing-purple-border-color { border-color: #6a5ccf; }

/* Helper styles*/
#hide-me { display: none; }
.hide-me { display: none; }

.display-inline-block { display: inline-block; }

.float-left { float: left; }

.block-center {
  margin-left: auto;
  margin-right: auto;
}

a.title-link { color: inherit;}

.drop-shadow-icon { text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
.drop-shadow-icon-soft { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
.drop-shadow-text { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }

.drop-shadow-img {
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.75);
}
.text-green { color: #38B76B; }
.text-blue { color: rgba(68,138,255,0.87); }
.text-black-outline { -webkit-text-stroke: 0.02em #878787; }
.text-subtle { color: #999; }
.text-bold { font-weight: bold; }
.monitoring-text {color:#279d56; }

.green-check-mark {
  font-size: 40px;
  color: green;
}
.red-error-icon {
  font-size: 40px;
  color: red;
}

.mw100 { min-width: 100px; }
.mw400 { min-width: 400px; }

.maxw400 { max-width: 400px; }
.maxw800 { max-width: 800px; }
.maxw1000 { max-width: 1000px; }
.maxw500 { max-width: 500px; }

.position-relative { position: relative;}

.no-pad { padding: 0 !important; }

.p0 { padding: 0; }

.p5 { padding: 5px; }

.p10 { padding: 10px; }

.p20 { padding: 20px; }

.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }

.pr0 { padding-right: 0; }
.pr10 { padding-right: 10px; }

.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }

.pl0 { padding-left: 0; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pl40 { padding-left: 40px; }



.m0 { margin: 0; }
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m20 { margin: 20px; }

.mtn5 { margin-top: -5px;}
.mt0 { margin-top: 0; }
.mt03 { margin-top: 03px; }
.mt04 { margin-top: 04px; }
.mt05 { margin-top: 05px; }
.mt06 { margin-top: 06px; }
.mt07 { margin-top: 07px; }
.mt10 { margin-top: 10px; }
.mt12 { margin-top: 12px; }
.mt13 { margin-top: 13px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt27 { margin-top: 27px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

.mt55 { margin-top: 55px; }
.mt80 { margin-top: 80px; }

.mtn155 { margin-top: -155px; }

.mr0 { margin-right: 0; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr50 { margin-right: 50px; }

.mb0 { margin-bottom: 0; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.ml-15 { margin-left: -15px; }
.ml0 { margin-left: 0; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }

.ml7pct {margin-left: 7%}
.ml5pct {margin-left: 5%}
.ml3pct {margin-left: 3%}

.rad10 {border-radius: 10px; }
.text-xs { font-size: 10px; }
.text-sm { font-size: 12px; }
.text-md { font-size: 13px; }
.text-1_23em { font-size: 1.23em; }

.wrap { word-wrap: normal }

.t11 { font-size: 11px; }
.t12 { font-size: 12px; }
.t13 { font-size: 13px; }
.t14 { font-size: 14px; }
.t15 { font-size: 15px; }
.t16 { font-size: 16px; }
.t20 { font-size: 20px; }
.t25 { font-size: 25px; }

.em6 { font-size: 6em; }

.w100 { width: 100%; }
.w230 { width: 230px; }

.h100 {height: 100%; }

.weight-300 { font-weight: 300; }
.weight-400 { font-weight: 400; }

.underline { text-decoration: underline; }
.strike { text-decoration: line-through; }
.drop-shadow { text-shadow: #333 -1px 1px; }

.dashed { border-top: dotted 1px; }

.pointer {cursor: pointer; }

.z1 { z-index: 1; }
.z100 { z-index: 100; }
.zn1 { z-index: -1; }

.height-200 {height: 200px;}
.height-300 {height: 300px;}

.white { color: white; }
.green { color: #237e1e; }
.dark-green { color: #366340; }
.dark-green-grey { color: #465446 }

.pink { color: pink; }
.grey-blue { color: #10669C; }
.light-orange { color: #FFA84F; }


.bg-light-green { background-color: #749f7d; }
.bg-foam {
  background: rgba(225, 239, 229, 0.9); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(255, 255, 255, 1), rgba(225, 239, 229, 0.9)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(rgba(255, 255, 255, 1), rgba(225, 239, 229, 0.9)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(rgba(255, 255, 255, 1), rgba(225, 239, 229, 0.9)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(rgba(255, 255, 255, 1), rgba(225, 239, 229, 0.9)); /* Standard syntax */
}
.bg-dark-green { background-color: #366340; }
.bg-gradient-lime-green-to-dark-green {
  background: rgba(130, 194, 47, 1);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(130, 194, 47, 1)), color-stop(100%, rgba(55, 97, 45, 1)));
  background: -webkit-linear-gradient(top, rgba(130, 194, 47, 1) 0%, rgba(55, 97, 45, 1) 100%);
  background: -moz-linear-gradient(top, rgba(130, 194, 47, 1) 0%, rgba(55, 97, 45, 1) 100%);
  background: -ms-linear-gradient(top, rgba(130, 194, 47, 1) 0%, rgba(55, 97, 45, 1) 100%);
  background: -o-linear-gradient(top, rgba(130, 194, 47, 1) 0%, rgba(55, 97, 45, 1) 100%);
  background: linear-gradient(to bottom, rgba(130, 194, 47, 1) 0%, rgba(55, 97, 45, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82c22f', endColorstr='#37612d', GradientType=0);
}

.hover-white:hover { color: white; }
.hover-lime-green:hover {
  color: #82c22f;
  text-decoration: none;
}
.hover-bg-green:hover { background-color: #a1f4ab; }

/* Adobe Kuler Compound Colors */
.dark-green { color: #37612d; }
.green-grey { color: #889984; }
.pastel-yellow { color: #f0ff76; }
.pastel-violet { color: #c184cc; }
.blue-violet { color: #6a5ccf; }
.lime-green { color: #82c22f; }
.bg-green-grey { background-color: #889984; }
.bg-blue-grey {background-color: #d7ede3;}
.bg-pastel-yellow { background-color: #f0ff76; }
.bg-pastel-violet { background-color: #c184cc; }
.bg-blue-violet { background-color: #6a5ccf; }
.hover-bg-pastel-violet:hover { background-color: #c184cc; }
.hover-bg-lime-green:hover { background-color: #82c22f; }
.no-underline:hover { text-decoration: none; }
.no-underline:focus { text-decoration: none; }

.border-1px { border-width: 1px; }
.black-border-1px { border: 1px solid black; }
.border-2px { border-width: 2px; }
.border-solid { border-style: solid; }
.border-rounded-corners { border-radius: 4px; }


/*------------Smart Table----------*/
.st-sort-ascent:before { content: '\25B2'; }
.st-sort-descent:before { content: '\25BC'; }

/*Loader*/
.ajax-loader-outer .well {
  background-color: rgba(60, 154, 48, 0.32);
}

/*MD Menu*/
.md-menu-toolbar { border: 1px solid #26991f; }

.md-menu-content {
  background-color: rgba(76, 175, 80, 0.15);
  padding: 5px 10px 5px 15px;
  overflow: hidden;
}
/*verticle align table content to top of cell*/
.vaTop {vertical-align: top;}

.lsNone {list-style: none;}

.md-menu button {
  border-left: 1px solid #26991f;
  border-top: 1px solid #26991f;
  border-right: 1px solid #26991f;
}

.md-menu-content-save {
  border-top: 1px solid #26991f;
  background-color: rgba(76, 175, 80, 0.37);
  padding: 5px;
}

.md-menu-content-save-top {
  border-bottom: 1px solid #26991f;
  background-color: rgba(76, 175, 80, 0.37);
  padding: 5px;
}

.md-content { overflow: hidden; }
.of-hidden {overflow: hidden;}
/* Style Guide Styles */
#style-guide #guide-title {
  border-bottom: 2px dashed black;
}

/* what are we targeting here, because these styles overwrite Bootstrap SM, MD and LG breakpoints */
@media only screen
and (min-width : 1px)
and (max-width : 736px) {
  .edit-container { padding: 10px 25px 20px 25px; }

  .section-h1 { font-size: 30px; }

  .panel-heading { padding: 5px 10px; }

  .navbar-toggle { left: -40px; }

  .t15 { font-size: 10px; }
  .t20 { font-size: 15px; }
  .t25 { font-size: 20px; }

  .pricing-panel { height: 450px; }

  .pricing-panel-header { height: 127px; }

  #home-hero h2 { font-size: 24px; }

  #home-hero h3 { font-size: 20px; }

  .hero-text { padding-top: 0px; }

  .desk-hero-1 { background-position: 0px 0px; }

  .navbar-inverse { min-height: 50px; }

  .navbar-brand {
    position: relative;
    left: 16px;
  }

  .navbar-inverse .navbar-collapse {
    background-color: rgba(25, 68, 17, 0.9);
    overflow: hidden;
    margin-top: 9px;
  }

  .large-input input {
    height: 42px;
    font-size: 16px;
  }

  /*#footer {  padding: 0 20px 0 20px; }*/

  .image-gallery-background { margin-top: -75px; }
}
/* what are we targeting here, because these styles overwrite Bootstrap SM, MD and LG breakpoints */
@media only screen
and (min-width: 737px)
and (max-width: 9999px) {

  .edit-container {
    padding: 50px 150px 50px 150px;
  }

  .pricing-panel { height:540px }
  .pricing-panel-header { height:150px }

  .navbar .nav {
    position: relative;
    top: 8px;
  }
}

/* Attempting to target very small resolutions e.g. iPhone 5 */
@media (max-width: 500px) {
  .col-xxs-12 {
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0;
  }
  .fa-2x {
    font-size: 1em;
  }
}

/* Bootstrap Breakpoints */
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .fa-8x { font-size: 8em; }

  hr {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  #pricing_chart hr {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav > li > a { padding: 15px 8px; }

  .modal-open .navbar.navbar-fixed-top { padding-right: 15px; }

  #home-hero .home-hero-cta-btn,
  #home-summary .home-summary-cta-btn {
    display: initial;
    width: inherit;
    margin-left: inherit;
    margin-right: inherit;
    cursor: pointer;
    user-select: none;
    text-decoration: none;
    border-radius: 18px;
  }

  #home-business img.block-center {
    margin-left: initial;
    margin-right: initial;
  }

  .contact-caption span {
    font-size: 50px;
    bottom: 24px;
  }

  #contact-hero {
    height: 200px;
    width: 100%;
    position: relative;
  }

  .sm-mt0 { margin-top: 0; }

  .mt-responsive { margin-top: 10px; }


  .navbar-brand img {
    top: -7px;
  }

  #about-us .section-h1 { font-size: 3em }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .nav > li > a {
    padding: 14px 10px;
  }

  .navbar-brand img {
    top: -10px;
  }

  #main-container {
    padding-top: 60px;
  }

  #top-content .top-container,
  #top-content .top-container-video {
    margin-top: 120px;
  }

  .mt-responsive { margin-top: 20px; }

  .section-gallery { height: 300px; }

  #about-us .section-h1 { font-size: 4em }
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #top-content {
    background-position: 40px -175px;
  }

  #top-content .top-container-video {
    margin-top: 60px;
  }

  .contact-caption span {
    position: absolute;
    bottom: 12px;
    left: 42%;
    font-size: 50px;
  }

  #contact-hero {
    height: 400px;
    width: 100%;
    background-position: 75% 52%;
  }

  #about-us .section-h1 { font-size: 6em }

  .mt-responsive { margin-top: 30px; }
}

/* Responsive Text Alignment for Bootstrap 3 */
.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

@media (min-width: 768px) {
  .text-sm-left { text-align: left; }
  .text-sm-right { text-align: right; }
  .text-sm-center { text-align: center; }
  .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) {
  .text-md-left { text-align: left; }
  .text-md-right { text-align: right; }
  .text-md-center { text-align: center; }
  .text-md-justify { text-align: justify; }

  .jumbotron h1 { font-size: 44px; }
}

@media (min-width: 1200px) {
  .text-lg-left { text-align: left; }
  .text-lg-right { text-align: right; }
  .text-lg-center { text-align: center; }
  .text-lg-justify { text-align: justify; }

  .jumbotron h1 { font-size: 63px; }
}

/*Bills*/
.bill {
  color: black;
  width: 812px;
  min-height:1060px;
  border: 1px solid black;
}

.bill-content {
  width: 810px;
  min-height:1060px;
  background-color:white;
}

.bill-content .bill-table-header {
  background-color: #555;
  color: #EEE;
}

.bill-content .invoice-label {
  width: 410px;
}

.bill-content .blrb {
  border-bottom: 1px solid #b5b5b5;
  border-left: 1px solid #b5b5b5;
  border-right: 1px solid #b5b5b5;
}

.bill-content .blr {
  border-left: 1px solid #b5b5b5;
  border-right: 1px solid #b5b5b5;
}

.bill-content .br {
  border-right: 1px solid #b5b5b5;
}

.bill-content .brb {
  border-right: 1px solid #b5b5b5;
  border-bottom: 1px solid #b5b5b5;
}

.bill-content .bb{
  border-bottom: 1px solid #b5b5b5;
}

.bill-content .alt-row {
  background-color: #f5f5f5;
}

.bill-content .pull-bottom {
  width: 810px;
  position: absolute;
  bottom: 50px;
}

.bill-content .amount-due .text-success, .bill-content .amount-due .text-danger {
  color: inherit;
}

.bg-inherit {background-color: inherit;}

/*CTA Split Button Special Handling */
@media (max-width: 499px) {
  #home-hero .btn-cta-split-container {
    position: relative;
    display: none;
  }
  #home-hero .btn-cta-single-container {
    position: relative;
    display: inline-block;
  }
}
@media (min-width: 992px) and (max-width: 1395px) {
  #home-hero .btn-cta-split-container {
    position: relative;
    display: none;
  }
  #home-hero .btn-cta-single-container {
    position: relative;
    display: inline-block;
  }
}
/* hide at these resolutions */
/*
    < 500px

    992 >= 1175 inclusive
 */