﻿html {
  position: relative;
  min-height: 100%;
  min-width: 275px;
  text-align: center; }

body {
  padding-top: 50px;
  padding-bottom: 50px; }

@-ms-viewport {
  width: auto !important; }

h2, h3, h4, h5 {
  margin-top: 0;
  margin-bottom: 0; }

h2, h4, h5 {
  font-family: "Montserrat", sans-serif; }

h2 {
  font-size: 34px; }

h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 30px; }

h4 {
  font-size: 24px; }

h5 {
  font-size: 20px; }

p {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 18px;
  color: #777777; }

a {
  color: #31b0d5; }

.open-sans {
  font-family: "Open Sans", sans-serif; }

.primary-color {
  color: #333333; }

.secondary-color {
  color: #777777; }

.blue-color {
  color: #337ab7; }

.orange-color {
  color: #e0783d; }

.green-color {
  color: #5cb85c; }

.teal-color {
  color: #31b0d5; }

.yellow-color {
  color: #f0ad4e; }

.red-color {
  color: #d9534f; }

.fa-container .fa {
  width: 50px;
  height: 40px;
  font-size: 40px;
  color: #31b0d5; }
  .fa-container .fa.fa-teal {
    color: #31b0d5; }
  .fa-container .fa.fa-green {
    color: #5cb85c; }
  .fa-container .fa.fa-yellow {
    color: #f0ad4e; }
  .fa-container .fa.fa-red {
    color: #d9534f; }

label.error {
  display: block;
  margin-top: 5px;
  margin-bottom: 0;
  color: #a94442;
  text-align: left !important; }

.toast-message {
  text-align: left; }

a:focus, button:focus {
  outline: 0 none !important; }

.validation-summary ul {
  padding-left: 0; }

.validation-summary li {
  list-style-type: none; }

.navbar, .navbar-collapse {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  text-align: left; }
  .navbar .dropdown-menu, .navbar-collapse .dropdown-menu {
    min-width: 100% !important;
    font-size: 16px;
    border-left: none;
    border-right: none;
    border-top: 1px solid #dddddd;
    border-bottom: none;
    background-color: #ffffff !important; }
    .navbar .dropdown-menu li a .focus-text, .navbar-collapse .dropdown-menu li a .focus-text {
      font-weight: bold; }
    .navbar .dropdown-menu .yellow-link, .navbar-collapse .dropdown-menu .yellow-link {
      color: #f0ad4e !important; }
      .navbar .dropdown-menu .yellow-link .focus-text, .navbar-collapse .dropdown-menu .yellow-link .focus-text {
        color: #8a6d3b; }
    .navbar .dropdown-menu .red-link, .navbar-collapse .dropdown-menu .red-link {
      color: #d9534f !important; }
      .navbar .dropdown-menu .red-link .focus-text, .navbar-collapse .dropdown-menu .red-link .focus-text {
        color: #a94442; }

.navbar-collapse .dropdown-menu {
  color: #777777 !important;
  background-color: #f5f5f5; }

.navbar-default {
  background-color: white;
  border: none;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }

.navbar-right {
  margin-right: 0 !important; }

.navbar-brand {
  padding: 0 15px; }
  .navbar-brand img {
    display: inline-block; }
  .navbar-brand #brandLogo {
    height: 50px;
    padding: 8px 0; }
  .navbar-brand #brandText {
    width: 190px;
    padding: 13px 0; }

#loginBtn {
  margin: 8px 0;
  padding: 6px 12px !important; }

hr {
  border-color: #dddddd !important; }

.depressed-section {
  -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.2); }

@media (max-width: 768px) {
  .row-section {
    height: auto !important; } }

.nav.nav-justified a {
  padding: 6px 12px; }

.nav.nav-justified li a {
  color: #31708f;
  border: 1px solid #dddddd; }
  .nav.nav-justified li a:hover, .nav.nav-justified li a:focus {
    background-color: #d9edf7;
    border: 1px solid #bce8f1; }

.nav.nav-justified li.active a, .nav.nav-justified li.active a:hover, .nav.nav-justified li.active a:focus {
  border: 1px solid #269abc;
  background-color: #31b0d5;
  color: #ffffff; }

.lead-brand {
  width: 400px; }

.content-section {
  padding: 45px 0; }
  .content-section .section-header {
    margin-top: 0; }
  .content-section .lead-text {
    margin-bottom: 30px; }
  .content-section.lead-section {
    padding: 30px 0; }
  .content-section.gray-section {
    background-color: #f5f5f5; }
  .content-section.teal-section {
    background-color: #d9edf7; }
    .content-section.teal-section hr {
      border-color: #bce8f1 !important; }
    .content-section.teal-section .section-header {
      color: #31b0d5; }
      .content-section.teal-section .section-header .focus-text {
        font-weight: bold;
        color: #31708f; }
    .content-section.teal-section .section-text {
      color: #31708f; }
  .content-section.blue-section {
    background-color: #CDE5FA; }
    .content-section.blue-section hr {
      border-color: #BBD8F2 !important; }
    .content-section.blue-section .section-header {
      color: #4099E6; }
      .content-section.blue-section .section-header .focus-text {
        font-weight: bold;
        color: #337ab7; }
    .content-section.blue-section .section-text {
      color: #337ab7; }
  .content-section.yellow-section {
    background-color: #fcf8e3; }
    .content-section.yellow-section hr {
      border-color: #faebcc !important; }
    .content-section.yellow-section .section-header {
      color: #f0ad4e; }
      .content-section.yellow-section .section-header .focus-text {
        font-weight: bold;
        color: #8a6d3b; }
    .content-section.yellow-section .section-text {
      color: #8a6d3b; }
  .content-section.green-section {
    background-color: #dff0d8; }
    .content-section.green-section hr {
      border-color: #d6e9c6 !important; }
    .content-section.green-section .section-header {
      color: #5cb85c; }
      .content-section.green-section .section-header .focus-text {
        font-weight: bold;
        color: #3c763d; }
    .content-section.green-section .section-text {
      color: #3c763d; }
  .content-section.red-section {
    background-color: #f2dede; }
    .content-section.red-section hr {
      border-color: #ebccd1 !important; }
    .content-section.red-section .section-header {
      color: #d9534f; }
      .content-section.red-section .section-header .focus-text {
        font-weight: bold;
        color: #a94442; }
    .content-section.red-section .section-text {
      color: #a94442; }

.row.vertical-align {
  display: flex;
  align-items: center; }

.btn {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 20px; }
  .btn.btn-orange {
    background-color: #e0783d !important;
    border: 1px solid #aa5930;
    color: #ffffff !important; }
    .btn.btn-orange:hover, .btn.btn-orange:focus {
      background-color: #C76B36 !important;
      border-color: #777777 !important; }
  .btn:active {
    -webkit-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.3); }

.desktop-frame-border {
  border-radius: 4px;
  max-width: 750px;
  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.4); }
  .desktop-frame-border img {
    border: 1px solid #cccccc;
    width: 100%; }
  .desktop-frame-border .desktop-frame {
    border: 10px solid #dddddd;
    border-top: 5px solid #dddddd;
    border-radius: 4px; }
  .desktop-frame-border .desktop-frame-header {
    height: 25px;
    background-color: #dddddd; }
    .desktop-frame-border .desktop-frame-header .glyphicon {
      padding-bottom: 5px;
      font-size: 18px;
      color: #cccccc; }
  .desktop-frame-border.blue {
    border-color: #A2BFD9; }
    .desktop-frame-border.blue img {
      border-color: #A2BFD9; }
    .desktop-frame-border.blue .desktop-frame {
      border-color: #BBD8F2; }
    .desktop-frame-border.blue .desktop-frame-header {
      background-color: #BBD8F2; }
      .desktop-frame-border.blue .desktop-frame-header .glyphicon {
        color: #8FAFCC; }
  .desktop-frame-border.teal {
    border-color: #A3D0D9; }
    .desktop-frame-border.teal img {
      border-color: #A3D0D9; }
    .desktop-frame-border.teal .desktop-frame {
      border-color: #bce8f1; }
    .desktop-frame-border.teal .desktop-frame-header {
      background-color: #bce8f1; }
      .desktop-frame-border.teal .desktop-frame-header .glyphicon {
        color: #93C2CC; }
  .desktop-frame-border.yellow {
    border-color: #E0D3B7; }
    .desktop-frame-border.yellow img {
      border-color: #E0D3B7; }
    .desktop-frame-border.yellow .desktop-frame {
      border-color: #faebcc; }
    .desktop-frame-border.yellow .desktop-frame-header {
      background-color: #faebcc; }
      .desktop-frame-border.yellow .desktop-frame-header .glyphicon {
        color: #CCBC99; }
  .desktop-frame-border.red {
    border-color: #E0B4BB; }
    .desktop-frame-border.red img {
      border-color: #E0B4BB; }
    .desktop-frame-border.red .desktop-frame {
      border-color: #ebccd1; }
    .desktop-frame-border.red .desktop-frame-header {
      background-color: #ebccd1; }
      .desktop-frame-border.red .desktop-frame-header .glyphicon {
        color: #D49FA7; }
  .desktop-frame-border.green {
    border-color: #B6D49F; }
    .desktop-frame-border.green img {
      border-color: #B6D49F; }
    .desktop-frame-border.green .desktop-frame {
      border-color: #d6e9c6; }
    .desktop-frame-border.green .desktop-frame-header {
      background-color: #d6e9c6; }
      .desktop-frame-border.green .desktop-frame-header .glyphicon {
        color: #A6C78B; }

.row-section {
  margin-bottom: 15px;
  position: relative;
  padding: 15px 15px 25px 15px;
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.35); }
  .row-section .focus-text {
    font-weight: bold; }
  .row-section.list-section {
    color: #777777; }
    .row-section.list-section .row {
      margin-bottom: 15px; }
    .row-section.list-section .list-text {
      text-align: left; }
  .row-section.uniform-padding {
    padding-bottom: 15px; }
  .row-section.extra-info p {
    padding-bottom: 35px; }
  .row-section .bottom-link {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-left: 0;
    border-right: 0;
    border-top: 1px;
    border-bottom: 0;
    text-align: center; }
  .row-section.blue {
    color: #31638F; }
    .row-section.blue.filled {
      background-color: #CDE5FA; }
      .row-section.blue.filled hr {
        border-color: #BBD8F2 !important; }
    .row-section.blue .fa, .row-section.blue .section-header {
      color: #337ab7 !important; }
    .row-section.blue p, .row-section.blue .focus-text {
      color: #31638F; }
  .row-section.teal {
    color: #31708f; }
    .row-section.teal.filled {
      background-color: #d9edf7; }
      .row-section.teal.filled hr {
        border-color: #bce8f1 !important; }
    .row-section.teal .fa, .row-section.teal .section-header {
      color: #31b0d5 !important; }
    .row-section.teal p, .row-section.teal .focus-text {
      color: #31708f; }
  .row-section.green {
    color: #3c763d; }
    .row-section.green.filled {
      background-color: #dff0d8; }
      .row-section.green.filled hr {
        border-color: #d6e9c6 !important; }
    .row-section.green .fa, .row-section.green .section-header {
      color: #5cb85c !important; }
    .row-section.green p, .row-section.green .focus-text {
      color: #3c763d; }
  .row-section.yellow {
    color: #8a6d3b; }
    .row-section.yellow.filled {
      background-color: #fcf8e3; }
      .row-section.yellow.filled hr {
        border-color: #faebcc !important; }
    .row-section.yellow .fa, .row-section.yellow .section-header {
      color: #f0ad4e !important; }
    .row-section.yellow p, .row-section.yellow .focus-text {
      color: #8a6d3b; }
  .row-section.red {
    color: #a94442; }
    .row-section.red.filled {
      background-color: #f2dede; }
      .row-section.red.filled hr {
        border-color: #ebccd1 !important; }
    .row-section.red .fa, .row-section.red .section-header {
      color: #d9534f; }
    .row-section.red p, .row-section.red .focus-text {
      color: #a94442; }
  .row-section.gray {
    color: #777777; }
    .row-section.gray.filled {
      background-color: #f5f5f5; }
      .row-section.gray.filled hr {
        border-color: #dddddd !important; }
    .row-section.gray .fa, .row-section.gray .section-header {
      color: #999999 !important; }

.video-js {
  background-color: #cccccc; }
  .video-js .vjs-tech {
    width: 100% !important;
    height: 100% !important;
    position: relative !important; }
  .video-js .vjs-poster {
    background-size: cover;
    border: none; }

.videoOuterBorder {
  border: 1px solid #cccccc;
  border-radius: 4px;
  max-width: 750px;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); }
  .videoOuterBorder .videoInnerBorder {
    border: 10px solid #dddddd; }
    .videoOuterBorder .videoInnerBorder #videoContainer {
      border: 1px solid #cccccc; }

.modal-dialog {
  max-width: 500px; }

.modal-content {
  border-radius: 4px; }

.modal-header {
  border: none;
  text-align: center;
  padding-bottom: 0; }
  .modal-header #loginLogo {
    height: 40px; }

.modal-body {
  text-align: center;
  padding-top: 0; }
  .modal-body .form-group:last-child {
    margin-bottom: 0; }

#loginModalBtn {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none; }

body.modal-open {
  padding-right: 0 !important;
  overflow: inherit !important; }
  body.modal-open .modal {
    padding-right: 0 !important; }

.modal-backdrop {
  background-color: #337ab7; }

#ccmSection .ccm-feature-container {
  width: 100%;
  height: 210px;
  padding: 15px;
  margin-top: 15px;
  border-radius: 4px; }
  #ccmSection .ccm-feature-container.danger {
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    color: #d9534f !important; }
    #ccmSection .ccm-feature-container.danger hr {
      border-color: #ebccd1 !important; }
    #ccmSection .ccm-feature-container.danger p {
      color: #a94442 !important; }
  #ccmSection .ccm-feature-container.info {
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    color: #31b0d5 !important; }
    #ccmSection .ccm-feature-container.info hr {
      border-color: #bce8f1 !important; }
    #ccmSection .ccm-feature-container.info p {
      color: #31708f !important; }
  #ccmSection .ccm-feature-container.warning {
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    color: #f0ad4e !important; }
    #ccmSection .ccm-feature-container.warning hr {
      border-color: #faebcc !important; }
    #ccmSection .ccm-feature-container.warning p {
      color: #8a6d3b !important; }

#testimonialSection h3 {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 22px; }

#testimonialSection img {
  border-radius: 4px;
  border: 1px solid #999999;
  width: 60px; }

#testimonialSection #testimonialSignature {
  margin-top: 0;
  padding-left: 10px;
  display: inline-block;
  text-align: left;
  font-family: "Montserrat", serif;
  vertical-align: middle; }

#contactSource.placeholder {
  color: #999999; }

#contactSource option:first-child {
  color: #999999 !important; }

#contactSource option {
  color: #333333 !important; }

#homeFooter {
  position: absolute;
  bottom: 1px;
  width: 100%;
  height: 50px;
  padding: 0;
  text-align: left;
  -webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2); }
  #homeFooter .social-media-link {
    display: inline-block;
    padding: 5px;
    margin: 8px 0;
    color: #777777; }
    #homeFooter .social-media-link:first-of-type {
      margin-right: 5px; }
    #homeFooter .social-media-link .fa {
      width: 20px;
      height: 20px;
      font-size: 20px; }
  #homeFooter .copyright-text {
    line-height: 50px;
    font-family: "Montserrat", sans-serif;
    color: #777777; }

@media (min-width: 992px) and (max-width: 1199px) {
  h2 {
    font-size: 28px; }
  h3 {
    font-size: 24px; }
  h5 {
    font-size: 18px; } }

@media (min-width: 768px) and (max-width: 991px) {
  h2 {
    font-size: 27px; }
  h3 {
    font-size: 22px; }
  h4 {
    font-size: 20px; }
  h5 {
    font-size: 14px; }
  p {
    font-size: 16px; }
  #loginBtn {
    border-radius: 0;
    border-left: none;
    border-right: none;
    margin: 0;
    padding: 10px 15px !important; }
  #welcomeFrame {
    margin-top: 30px; }
  .container {
    width: 100% !important; }
  .navbar-header {
    float: none;
    margin-right: -15px !important;
    margin-left: -15px !important; }
    .navbar-header .navbar-brand {
      padding-left: 15px;
      margin-left: 0 !important; }
  .navbar-left, .navbar-right {
    float: none !important; }
  .navbar-toggle {
    display: block; }
  .navbar-collapse {
    border-top: 1px solid transparent;
    background-color: #eeeeee;
    border-color: #dddddd !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
    padding-left: 15px !important;
    padding-right: 15px !important; }
    .navbar-collapse ul {
      margin: 0; }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }
  .navbar-collapse.collapse {
    display: none !important; }
  .navbar-nav {
    float: none !important;
    margin: 0 -15px !important; }
  .navbar-nav .open .dropdown-menu {
    position: static !important;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .navbar-nav > li {
    float: none; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px; }
  .collapse.in {
    display: block !important; }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px; }
  .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 25px; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777; } }

@media (max-width: 767px) {
  h2 {
    font-size: 22px; }
  h3 {
    font-size: 19px; }
  h4 {
    font-size: 17px; }
  h5 {
    font-size: 16px; }
  p {
    font-size: 15px; }
  .row.vertical-align {
    display: block; }
  #loginBtn {
    border-radius: 0;
    border-left: none;
    border-right: none;
    margin: 0;
    padding: 10px 15px !important; }
  .navbar-collapse {
    background-color: #eeeeee;
    border-color: #dddddd !important; }
  .navbar-right {
    margin-right: -15px !important; }
  .navbar-nav {
    float: none !important;
    margin: 0 -15px !important; }
  .lead-brand {
    width: 350px; }
  .modal-dialog {
    max-width: none; }
  .desktop-frame-border {
    margin: 30px auto 0 auto;
    min-width: 200px; }
  #productSection .feature-row {
    min-height: 60px; }
  #ccmSection .ccm-feature-container {
    min-height: 150px; }
  #testimonialSection h3 {
    font-size: 16px; }
  #contactFirstName {
    margin-bottom: 15px; }
  #contactBtn {
    font-size: 16px; }
  .copyright-text {
    font-size: 10px; } }

@media (max-width: 399px) {
  h2 {
    font-size: 18px; }
  h3 {
    font-size: 15px; }
  h4 {
    font-size: 15px; }
  h5 {
    font-size: 14px; }
  p {
    font-size: 14px; }
  #brandLogo {
    display: none; }
  .navbar-brand #brandText {
    width: 165px;
    padding: 15px 0; }
  .lead-brand {
    width: 270px; }
  #testimonialSection #testimonialSignature {
    display: block;
    margin-top: 10px;
    text-align: center;
    padding-left: 0; } }
