.navbar {
  height: 75px;
  background-color: #ffffff;
  margin: 0; }
  .navbar .navbar-brand {
    padding: 11px 15px;
    background: none;
    height: auto; }
  .navbar .navbar-nav li a {
    height: 75px;
    padding: 8px 30px 0px 30px;
    font-size: 16px;
    font-weight: 300; }
  .navbar .navbar-nav li.active a {
    color: #000000;
    background-color: transparent; }
    .navbar .navbar-nav li.active a:hover, .navbar .navbar-nav li.active a:active, .navbar .navbar-nav li.active a:visited {
      color: #000000;
      background-color: transparent; }

@media only screen and (max-width: 1199px) {
  .navbar .container {
    width: 100%; }
  .navbar .navbar-nav li a {
    padding: 20px 12px 0 12px; } }

@media screen and (max-width: 945px) {
  .navbar.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }
    .navbar.navbar-fixed-top .navbar-right {
      float: none !important; }
  .navbar .navbar-header {
    float: none;
    position: relative; }
    .navbar .navbar-header .navbar-toggle {
      display: block;
      float: none;
      position: absolute;
      top: 50%;
      right: 15px;
      transform: translateY(-50%);
      margin: 0;
      background: #eaeaea; }
      .navbar .navbar-header .navbar-toggle .icon-bar {
        background: #00bac6; }
  .navbar .navbar-collapse {
    background: #ffffff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    margin: 0 -15px !important;
    height: 100%;
    max-height: 100%; }
  .navbar .navbar-collapse.collapse {
    display: none !important; }
  .navbar .navbar-nav {
    float: none;
    margin-top: 7.5px; }
    .navbar .navbar-nav > li {
      float: none; }
      .navbar .navbar-nav > li > a {
        padding: 15px;
        height: auto; }
        .navbar .navbar-nav > li > a.single-line {
          line-height: normal; }
        .navbar .navbar-nav > li > a br {
          display: none; }
        .navbar .navbar-nav > li > a.button {
          margin: 0 15px; }
  .navbar .collapse.in {
    display: block !important; } }

@media screen and (max-width: 480px) {
  .navbar {
    height: 88px; }
    .navbar .navbar-header .navbar-brand {
      padding: 20px 15px;
      height: 87px; }
      .navbar .navbar-header .navbar-brand img {
        width: 250px; } }

@media screen and (max-width: 480px) {
  .navbar .navbar-header .navbar-brand img {
    width: 230px; } }

.footer {
  font-size: 14px !important;
  padding-top: 10px;
  padding-bottom: 30px; }
  .footer-trademarks {
    margin-bottom: 20px; }
  .footer h3 {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase; }
  .footer .logo {
    margin-top: 20px; }
  .footer ul {
    font-weight: 300;
    padding: 0 !important;
    list-style-type: none; }
  .footer .small-text {
    margin-top: 20px;
    font-size: 10px; }
  .footer a {
    color: #58595b; }
  .footer-socials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row; }
    .footer-socials li:not(:last-child) {
      margin-right: 10px; }
    .footer-socials a {
      display: block; }
    .footer-socials img {
      height: 45px;
      width: 45px; }
  @media screen and (max-width: 1200px) {
    .footer .container {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .footer h3 {
      margin-top: 15px; } }

h1,
h2,
h3 {
  text-transform: uppercase; }

.text-large {
  font-size: 22px; }

@media screen and (max-width: 1200px) {
  body {
    margin-top: 75px; } }

.slice.intro {
  background-color: #dedede;
  color: #405965; }

.slices .has-border:nth-child(1) {
  background-color: rgba(0, 186, 198, 0.15); }
  .slices .has-border:nth-child(1) h2 {
    color: #00bac6; }
  .slices .has-border:nth-child(1):nth-child(even) {
    background-color: #ffffff; }

.slices .has-border:nth-child(2) {
  background-color: rgba(241, 115, 172, 0.15); }
  .slices .has-border:nth-child(2) h2 {
    color: #f173ac; }
  .slices .has-border:nth-child(2):nth-child(even) {
    background-color: #ffffff; }

.slices .has-border:nth-child(3) {
  background-color: rgba(187, 184, 220, 0.15); }
  .slices .has-border:nth-child(3) h2 {
    color: #bbb8dc; }
  .slices .has-border:nth-child(3):nth-child(even) {
    background-color: #ffffff; }

.slices .has-border:nth-child(4) {
  background-color: rgba(255, 194, 14, 0.15); }
  .slices .has-border:nth-child(4) h2 {
    color: #ffc20e; }
  .slices .has-border:nth-child(4):nth-child(even) {
    background-color: #ffffff; }

.slices .has-border:nth-child(5) {
  background-color: rgba(0, 178, 89, 0.15); }
  .slices .has-border:nth-child(5) h2 {
    color: #00b259; }
  .slices .has-border:nth-child(5):nth-child(even) {
    background-color: #ffffff; }

#what-happens-during-a-colonoscopy {
  background: #ffffff; }

#why-is-colon-cleansing-important {
  background: #ffffff; }

.has-contained-background-image {
  padding: 0; }
  .has-contained-background-image .container {
    padding: 50px 15px;
    background-size: contain;
    background-position: 100% 0;
    background-repeat: no-repeat; }
    .has-contained-background-image .container .img-holder {
      display: none; }
    @media screen and (max-width: 768px) {
      .has-contained-background-image .container {
        background-image: none !important; }
        .has-contained-background-image .container .img-holder {
          display: block; } }

.video-container {
  border: 1px solid #405965; }
