html {
  font-size: 16px;
}
body,
body .benchmarking {
  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.4;
}
section {
  margin: 1rem 0;
}
/* negate outer styles */
td, p, li {
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  color: #4C4C4C;
}
p {
  margin: 0 0 1rem 0;
}
.container p {
  font-size: 1rem;
  line-height: 1.5;
}
body h1 {
  /* font-size: 40px; */
  /* font-size: 2.5rem; */
  /* color: #333; */
}
body h2 {
  /* font-size: 18px; */
  /* font-size: 1.8rem; */
}
h1 {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Quicksand, Verdana, Geneva, sans-serif;
  letter-spacing: 0;
  color: #000;
}
/* end others */
.benchmarking .bg-shadow {
  border-top: 1px solid rgba(132,73,178,.7);
  border-bottom: 1px solid rgba(132,73,178,.7);
  -webkit-box-shadow: inset 0 0 5rem rgba(132,73,178,.5);
    -moz-box-shadow: inset 0 0 5rem rgba(132,73,178,).5);
      -ms-box-shadow: inset 0 0 5rem rgba(132,73,178,.5);
      -o-box-shadow: inset 0 0 5rem rgba(132,73,178,.5);
          box-shadow: inset 0 0 5rem rgba(132,73,178,.5);
}
.benchmarking h1, h2, h3, h4, h5, h6 {
  margin-bottom: .625rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.benchmarking h1 {
  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-weight: 600;
  margin-bottom: 0.625rem;
}
.benchmarking h1 {
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 600;
}
.benchmarking h2 {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 500;
}
.benchmarking h3 {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 500;
}
.benchmarking h4 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
}
.benchmarking h5 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 500;
}
.benchmarking h6 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
}
.benchmarking td, p, li {
  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color: #4C4C4C;
}
.benchmarking p {
  margin: 0 0 1rem 0;
}
.benchmarking .container p {
  /* font-size: 1rem; */
  font-size: 0.8175rem;
  line-height: 1.4;
}
/* theme colors */
.benchmarking a {
  color: #00A0B0;
  text-docoration: none !important;
}
.benchmarking a:focus, a:hover {
  color: #017b88;
  text-docoration: none;
}
.benchmarking p {
  margin-top: 0;
  margin-bottom: 1rem;
}
.benchmarking .container .p-footnote {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1.25;
}
.benchmarking .container p span {
  font-weight: 400;
}
.benchmarking .main-banner-section {
  margin-top: 6rem;
  width: 100%;
  /* height: 18.75rem; */
  /* border-top: 0.0625rem solid #fff; */
  border-bottom: 0.4375rem solid #0064a4;
}
.benchmarking .bg-topbanner {
  background-color: #FFFFFF;
}
.benchmarking .bg-adbanner {
  background-color: #00A0B0 !important;
}
.benchmarking .bg-sideheader {
  background-color: #CC333F !important;
  color: #fff !important;
}
.benchmarking .bg-cartheader {
  background-color: #d2d277 !important;
  color: #fff !important;
}
.benchmarking .bg-cartselect {
  background-color: #d2d277 !important;
  color: #333 !important;
}
.benchmarking .bg-cartinfo {
  background-color: #d2d277 !important;
}
.benchmarking .bg-featureheader {
  background-color: #00A0B0 !important;
}
.benchmarking .btn-featurebg {
  background-color: #6A4A3C !important;
  border-color: #6A4A3C !important
  transition: all .3s ease-in-out;
}
.benchmarking .btn-featurebg:hover {
  background-color: #212121 !important;
  border-color: #212121 !important
}
.benchmarking .bg-bordertopcolor {
  border-top: 1px solid #CC333F;
}
.benchmarking #preprefooter {
  visibility: hidden;
  margin: 0 auto;
  width: 100%;
  padding-bottom: 300px;
  overflow: auto;
}
.benchmarking #footer, .push {
  position: relative;
  height: 0px !important;
  margin-top: -410px !important;
  margin-bottom: -40px;
  clear: both;
}
.benchmarking .btn-success {
  background-color: #6A4A3C !important;
  border-color: #6A4A3C !important;
  transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}
.benchmarking .btn-success:hover {
  background-color: #212121 !important;
  border-color: #212121 !important;
}
.benchmarking .bg-purple {
  background-color: #56416c !important;
  color: #fff7c0 !important;
}
.benchmarking .card {
  border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.benchmarking .card {
  background-color: rgba(237,201,81,.7);
  border: 0;
  position: relative !important;
  border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}
.benchmarking .bg-warning {
  background-color: #6eb33f !important;
}
.benchmarking .card {
  border-radius: 0;
}
.benchmarking .card {
  border-color: 1px solid #6eb33f !important;
}
.benchmarking .card-block {
  border-bottom: 1px solid #6A4A3C;
}
.benchmarking select {
  border: 0;
  border-color: white;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0.1rem 1.25rem;
  background-color: #F9F9F9; /* #126d00; */
  color: #333;
}
.card-block {
  border-bottom: 0;
}
.bg-cardinfo {
  background-color: #00A0B0;
  color: #f9f9f9;
}
.benchmarking .card-header {
  border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}
.benchmarking .card-header {
  background-color: #EDC951;
}
.benchmarking .cloud-title {
  color: #00A0B0 !important;
}
.benchmarking .text-passmark {
  font-size: 0.75rem;
  color: #333;
}
.benchmarking .text-readmore {
  padding-top: 0.3rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #CC333F;
  cursor: pointer;
}
.benchmarking .price-box {
  position: absolute;
  top: -10px;
  right: 10px;
  max-width: 7.8125rem;
  color: #F9F9F9;
  background-color: #00A0B0;
  padding: .5rem;
}
.benchmarking .card-hide {
  display: none;
}
.benchmarking .card-footer {
  padding: 0;
  margin: 0;
}
.benchmarking .card-footer {
  border-top: 0;
}
.benchmarking .card-side {
  border-radius: 0;
}
.benchmarking .card-side {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.benchmarking .card-side {
  border-color: #6eb33f !important;
}
.benchmarking .card-side-header {
  padding: 0.625rem;
}
.benchmarking .card-side-block {
  background-color: #f9f9f9;
}
.benchmarking .card-side-header-title {
  font-size: 1.3rem;
  font-weight: 500;
  font-family: 'Source Sans Pro';
}
.benchmarking .card-side-footer {
  padding: .75rem 1.25rem;
  background-color: #f5f5f5;
}
.benchmarking .ch-pad-1 {
  padding: 1rem 0 !important;
}
.benchmarking .small-side {
  font-size: 70%;
  font-weight: 400;
}
.benchmarking .jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #BFDAAF;
  border-radius: .3rem;
}
.benchmarking .jumbotron-heading {
  color: #56416C;
}
.benchmarking .btn-jumbotron {
  background-color: #86AC97;
  border-color: #86AC97;
  transition: all .2s ease-in-out;
  color: #72697E;
}
.benchmarking .btn-jumbotron:hover {
  background-color: #373737;
  border-color: #373737;
  color: #f9f9f9;
}
.benchmarking .header-override {
  background-color: #50909c;
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid rgba(0,0,0,.125);
}
.benchmarking .sweet-list {
  margin-left: 2rem;
  padding: 1rem 0;
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: justify;
}
.benchmarking ul, ol {
  margin: 0 0 1.5em 0;
}
.benchmarking .sweet-list li {
  list-style-type: square;
  padding: 0.3rem 1rem 0.3rem 0.3rem;
}
.benchmarking .bg-cta {
  background-color: #FFF7C0;
}
.benchmarking .text-cta {
  color: #f9f9f9;
}
.benchmarking .text-muted {
  color: #72697E;
}
.benchmarking .btn-cta {
  background-color: #86AC97;
  border-color: #86AC97;
  transition: all .3s ease-in-out;
}
.benchmarking .btn-cta:hover {
  background-color: #373737;
  border-color: #373737;
  color: #f9f9f9;
}
.benchmarking .footer-container {
  background-color: #373737;
}
.benchmarking .wrapper {
  width: 90%;
  margin: 0 5%;
}
.benchmarking .footer-container footer {
  color: white;
  padding: 20px 0;
}
.benchmarking .noradius {
  -o-border-radius: 0;
  -ms-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.benchmarking .bottom-menu-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.benchmarking .see-more-link {
  color: #56416C;
  transition: all .3s ease-in-out;
}
.benchmarking .see-more-link:hover {
  color: #86AC97;
  text-decoration: none;
}
.benchmarking .bottom-menu-list li a,
.benchmarking .contact-list li a {
  color: #72697E;
  transition: all .2s ease-in-out;
}
.benchmarking .bottom-menu-list li a:hover,
.benchmarking .contact-list li a:hover {
  color: #FFF7C0;
  text-decoration: none;
}
.benchmarking .contact-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.benchmarking .contact-list li {
  padding: .2rem 0;
  font-size: 0.875rem;
}
.benchmarking .bg-neutral {
  background-color: #636c72;
}
.benchmarking .text-neutral {
  color: #636c72;
}
.benchmarking .carousel-item {
  padding-left: 150px;
}
.benchmarking .bg-testimonial {
  background-color: #fbf070;
}
.benchmarking .btn-full {
  display: block;
  width: 100%;
  height: 100%;
  border-color: none !important;
}
.benchmarking .hidden {
  display: none;
}
.benchmarking .green-top {
  background-color: #BFDAAF;
  border-color: #BFDAAF;
}
.benchmarking .yellow-top {
  background-color: #FFF7C0;
  border-color: #FFF7C0;
}
.benchmarking .text-mutewhite {
  color: #f9f9f9;
}
/* to fix non-bootstrap 4 navigation gaps on <ul>'s */
.benchmarking .sf-menu ul {
   position: absolute;
   top: -999em;
   width: 14em;
   border-bottom: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-left: 1px solid #ccc;
   margin-top: -11px;  /* <-- this fixes the gap */
}
.benchmarking ol {
    counter-reset: li;
    margin-left: 0;
    padding-left: 0;
}
.benchmarking ol > li {
    position: relative;
    margin: 0 0 6px 2em;
    padding: 4px 8px;
    list-style: none;
    background: #f6f6f6;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    font-size: 1rem !important;
    line-height: 2rem;
}
.benchmarking ol > li:before {
    content:counter(li);
    counter-increment: li;
    position: absolute;
    top: -2px;
    left: -2em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 2em;
    margin-right: 8px;
    padding: 4px;
    border-top: 2px solid #666;
    color: #fff;
    background: #666;
    text-align: center;
}
.benchmarking li ol,
.benchmarking li ul {
  margin-top: 4px;
}
.benchmarking ol ol li:last-child {
  margin-bottom: 0;
}
.benchmarking .flat-corners {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
      -ms-border-radius: 0;
       -o-border-radius: 0;
          border-radius: 0;
}
/* media queries */
@media screen and (max-width: 400px) {
  .display-3 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.1;
  }
  section {
    margin: 1rem 0;
  }
  .price-num {
    font-size: 1rem;
    line-height: 1;
  }
  .price-box {
    position: absolute;
    top: -30px;
    right: 10px;
    max-width: 7.8125rem;
    color: #fff7c0;
    background-color: #56416c;
    padding: .5rem;
  }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
  /* Styles */
  html {
    font-size: 14px;
  }
  .display-3 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.1;
  }
  section {
    margin: 1rem 0;
  }
  .price-num {
    font-size: 1rem;
    line-height: 1;
  }
  .price-box {
    position: relative;;
    top: -10px;
    right: 10px;
    max-width: 7.8125rem;
    color: #fff7c0;
    background-color: #56416c;
    padding: .5rem;
  }
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPhone 6 (portrait) -------------- */
@media only screen
and (min-device-width : 380px)
and (max-device-width : 670px) {
/* Styles */

  html {
    font-size: 14px;
  }

  body h3 {
    font-size: 19px;
    font-size: 1.2rem;
    font-weight: 600;
  }

  .price-num {
    font-size: 1rem !important;
    font-weight: 600 !important;
  }

  .cloud-title {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
  }

  .display-3 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.1;
  }

}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */

  html {
    font-size: 14px;
  }

  body h3 {
    font-size: 19px;
    font-size: 1.2rem;
    font-weight: 600;
  }

  .price-num {
    font-size: 1rem !important;
    font-weight: 600 !important;
  }

  .cloud-title {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
  }

  .display-3 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.1;
  }
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */

  html {
    font-size: 14px;
  }

  body h3 {
    font-size: 19px;
    font-size: 1.2rem;
    font-weight: 600;
  }

  .price-num {
    font-size: 1rem !important;
    font-weight: 600 !important;
  }

  .cloud-title {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
  }

  .display-3 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.1;
  }
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */

  .benchmarking .card {
    margin-bottom: 2.5rem;
  }
}

/* Galaxy S3 ----------- */
@media only screen and (-webkit-device-pixel-ratio: 2) {
  /* Styles */

  .benchmarking .card {
    margin-bottom: 2.5rem;
  }
}

@media (min-width:320px) {
/* smartphones, iPhone, portrait 480x320 phones */

  .benchmarking .card {
    margin-bottom: 2.5rem;
  }

  .row {
    margin-bottom: 0;
  }

}

@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px) and (max-width: 680px) and (orientation: landscape) {
/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */

  html {
    font-size: 14px;
  }

  body h3 {
    font-size: 19px;
    font-size: 1.2rem;
    font-weight: 600;
  }

  .price-box {
    position: absolute;
    top: -10px;
    right: 0 !important;
    max-width: 7.8125rem;
    color: #fff7c0;
    background-color: #56416c;
    padding: .3rem !important;
  }

  .price-num {
    font-size: 1rem !important;
    font-weight: 600 !important;
  }

  .cloud-title {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
  }

  .display-3 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.1;
  }

  .benchmarking .card {
    margin-bottom: 2.5rem;
  }

  .row {
    margin-bottom: 0;
  }

}

@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }

.benchmarking #cloud-motto,
.benchmarking #cloud-ads {
  background-color: rgba(0,100,164,.7);
}
.benchmarking .cloud-inset {
  position: relative;
  padding: 1rem 0;
  border-top: 1px solid rgba(0,100,164,.7);
  border-bottom: 1px solid rgba(0,100,164,.7);
  -webkit-box-shadow: inset 0 0 5rem rgba(0,100,164,.5);
  -moz-box-shadow: inset 0 0 5rem rgba(0,100,164,.5);
  -ms-box-shadow: inset 0 0 5rem rgba(0,100,164,.5);
  -o-box-shadow: inset 0 0 5rem rgba(0,100,164,.5);
  box-shadow: inset 0 0 5rem rgba(0,100,164,.5);
}
.benchmarking .cloud-sides {
  border-left: 1px solid rgba(0,100,164,.7);
  border-right: 1px solid rgba(0,100,164,.7);
}
.benchmarking .btn-dark {
  background-color: #373737 !important;
  border-color: #373737 !important;
  transition: color 0.2s ease-out 0s;
}
.benchmarking .btn-dark:hover {
  background-color: #212121 !important;
  border-color: #212121 !important;
}
/* footer menu overrides */
.benchmarking .location .location-body p {
  font-size: 12px;
  color: #f2f2f2;
  margin: 0 19px 0 0;
  float: left;
}
.benchmarking .footer__menu-links li a {
  color: #ababab;
  transition: all 0.2s ease-out 0s;
  line-height: 30px;
} 
.benchmarking .footer__menu-links li {
  list-style-type: none;
  padding-right: 10px;
  float: left;
  font-size: 12px;
}
.benchmarking .footer__copy {
    float: left;
    width: 305px;
    margin: 5px 0 0 0;
    padding: 5px 5px 10px 0;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    color: #ababab;
    box-sizing: border-box;
}