.cta-navigation {
   background: #091b29;
   position: fixed;
   top: 54px;
   width: 100%;
   z-index: 15;
}

.cta-navigation .container {
   display: flex;
   align-items: center;
}

.breadcrumbs {
   list-style: none;
   margin: 0;
   width: 50%;
}

.breadcrumbs li {
   display: inline-block;
}

.cta-navigation ul {
   align-items: center;
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
   margin: 0;
   width: 60%;
}

.cta-navigation li {
   padding: 10px 0;
}

.cta-navigation ul a {
   display: block;
   color: #ffffff;
   padding: 5px 20px 5px 0;
   transition: background 0.5s, color 0.5s;
}

.cta-navigation ul a:hover {
   color: #ffe339;
   text-decoration: none;
}

.cta-navigation ul a.cta-navigation-button {
   border: 1px solid #ffe339;
   margin-left: 15px;
   padding: 5px 15px;
}

a.cta-navigation-button:hover {
   background: none;
   color: #ffe339;
}

.cta-navigation ul .feature-link-dropdown {
   padding-left: 0;
}

.feature-link {
   position: relative;
}

.feature-link ul.open {
   display: flex;
}

.feature-link-dropdown:after {
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 8px;
   content: "";
   border-top: 5px solid;
   border-right: 5px solid transparent;
   border-bottom: 0;
   border-left: 5px solid transparent;
   position: relative;
   bottom: 2px;
}

.feature-link ul {
   display: none;
   position: absolute;
   width: 625px;
   background: #1c79b3;
   top: 56px;
   left: -180px;
   justify-content: center;
}

.feature-link ul li {
   padding: 0;
   width: 33.333%;
}

.feature-link ul li a {
   padding: 15px;
}

.feature-link img {
   width: 40px;
}

@media (min-width: 992px) {
   .cta-navigation .container {
      width: 100%;
   }
}

@media (min-width: 1200px) {
   .cta-navigation .container {
      width: 1150px;
   }
}

@media only screen and (max-width: 992px) {

   .cta-navigation .container {
      width: 100%;
   }

   .feature-link {
      position: initial;
   }

   .cta-navigation {
      top: 55px;
   }

   .cta-navigation ul {
      padding-right: 0;
      width: 100%;
   }
   
   .cta-navigation ul.open {
      width: 100%;
      left: 0;
   }

   .cta-navigation {
      display:none;
   }

   .cta-navigation ul li.feature-link {
      display: flex;
   }

   .feature-link ul li {
      display: flex;
   }

   .feature-link ul li a {
      padding: 12px;
   }

   .cta-navigation ul .feature-link-dropdown {
      padding-right: 0;
   }

   .banner-video {
      margin-top: 0;
   }
}

@media only screen and (max-width: 600px) {
   .feature-link ul li {
      width: 50%;
   }
}
.banner-center+.accreditations {
   margin-top: 0;
}

.banner-center {
   background: #131313;
   background-size: cover;
   background-position: center center;
   text-align: center;
   padding: 20px 15px 20px 15px;
   position: relative;
}

.banner-center-content {
   color: #ffffff;
   margin: 0 auto;
   max-width: 900px;
   padding: 40px 15px; 
   position: relative;
   z-index: 1;
}

.banner-center-content h1 {
   color: #46DEFF;
   font-size: 36px;
   line-height: 1.2;
   margin: 0;
}

.banner-center-content p {
   font-size: 19px;
   font-weight: 200;
   margin: 10px auto 0 auto;
   max-width: 750px;
}

.banner-center-content .button-links a {
   background: #1c79b3;
   border: 2px solid #1c79b3;
   border-radius: 4px;
   display: inline-block;
   color: #ffffff;
   margin: 20px 10px;
   padding: 10px 15px;
   transition: border 0.5s;
}

.banner-center-content .button-links a:hover {
   border: 2px solid #ffffff;
   text-decoration: none;
}

.banner-center-content .categories a {
   color: #ffffff;
   display: inline-block;
   padding: 10px 15px;
}

.banner-center .video-link a {
   border: 1px solid #ffe339;
   color: #ffffff;
   font-size: 18px;
   display: inline-block;
   padding: 10px 20px;
   transition: color 0.5s;
   text-decoration: none;
   margin-top: 20px;
}

.banner-center .video-link a:hover {
   color: #ffe339;
}

.banner-center .video-link img {
   width: 30px;
}

.banner-center-overlay {
   background: rgba(9, 27, 41, 0.85);
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
}

@media only screen and (min-width: 768px) {

   .banner-center {
      padding: 40px 15px 40px 15px;
   }

   .banner-center-content .button-links a {
      min-width: 150px;
   }

   .banner-center-content h1 {
      font-size: 45px;
   }

}

@media only screen and (min-width: 992px) {
   .cta-navigation+.banner-center {
      margin-top: 50px;
   }
}
.button-link {
   border: 1px solid #ffe339;
   color: #ffffff;
   display: inline-block;
   font-size: 18px;
   margin: 20px auto 0 auto;
   padding: 10px 18px;
   transition: color 0.5s;
}

.button-link:hover {
   color: #ffe339;
}

/* Content Section Categories -- Links bar */
.content-section-categories {
   background: #09233c;
   padding: 60px 0 0 0;
}

.content-section-categories .row {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

.content-section-categories a {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 15px;
   width: 14%;
}

.content-section-categories a:hover {
   text-decoration: none;
}

.content-section-categories a:hover span {
   color: #ffe339;
}

.content-section-categories span {
   color: #fff;
   display: block;
   text-align: center;
   margin-top: 20px;
}

.content-section-categories img {
   width: 100px;
}

/* Normal Sections */

.content-section {
   background: #022e5f;
   color: #ffffff;
   padding: 60px 0;
}

.content-section h2 {
   font-size: 40px;
   line-height: 1.2;
   margin-top: 0;
}

.content-section h2 {
   border-bottom: 2px solid #1c79b3;
   margin-bottom: 20px;
   padding-bottom: 20px;
}

.content-section h2.title-yellow {
   border-bottom: none;
   color: #ffe339;
   font-size: 30px;
   margin-top: 30px;
}

.content-section br {
   margin: 10px 0;
   display: block;
   content: "";
}

.content-section p {
   line-height: 1.9;
}

.content-section .image .main-image,
.content-slider .owl-carousel {
   width: 350px;
   max-width: 100%;
}

.content-section.even .image .main-image,
.content-intro-carousel.even .content-slider,
.content-intro-carousel.even .content-slider .owl-carousel {
   float: right;
}

.content-slider ul {
   margin: 10px 0 0 0;
}

.content-section .infoLink {
   display: block;
   margin-bottom: 15px;
}

.content-section .infoLink i {
   margin-left: 10px;
}

.content-section .image a.button,
.content-section .content-slider a {
   border: 2px solid #ffe339;
   display: block;
   color: #ffffff;
   cursor: pointer;
   padding: 15px 15px 20px 15px;
   text-align: center;
   margin: 40px 0 0 95px;
   transition: color 0.5s;
   width: 175px;
}

.pdfLink {
   border: 2px solid #ffe339;
   display: inline-block;
   font-size: 16px;
   color: #ffffff;
   margin: 20px 0;
   padding: 10px 15px;
   transition: color 0.5s;
}


.content-section .content-slider a {
   clear: both;
   float: right;
   margin-right: 85px;
}

.content-section .image a:hover,
.content-section .content-slider a:hover {
   color: #ffe339;
   text-decoration: none;
}

.content-section .image a img,
.content-section .content-slider a img {
   width: 30px;
}

.content-section .image a span,
.content-section .content-slider a span {
   color: #ffe339;
   font-size: 24px;
   position: relative;
   top: 6px;
   left: 5px;
}

.content-section.even {
   background: #09233c;
}

.content-section.even .image a {
   float: right;
   margin: 40px 95px 0 0;
}

.content-section.even .image {
   float: right;
   text-align: right;
}

.content-section .small-print {
   font-size: 12px;
   margin-top: 40px;
   text-align: center;
}

.content-section .small-print p {
   margin: 0 auto;
   max-width: 600px;
}

.content-section-blog-link {
   background: #091b29;
}

.content-section-blog-link a {
   color: #ffffff;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 18px;
   padding: 10px;
   text-decoration: none;
   transition: background 0.5s, color 0.5s;
}

.content-section-blog-link a:hover {
   color: #46dee0;
}

.content-section-blog-link svg {
   margin-right: 10px;
   width: 44px;
}


/* Intro Sections */
.content-video-intro ul {
   margin-top: 65px;
}

.content-video-intro .owl-carousel ul {
   margin-top: 10px;
}

.content-video-intro .owl-carousel .owl-dots {
   margin-top: 0;
   padding-top: 0;
}

.content-intro-section {
   background: #09233c;
   padding: 60px 0;
}

.content-intro-section.even {
   background: #022e5f;
}

.content-intro-section .video-popup-embed {
   font-size: 20px;
   position: absolute;
   top: 10px;
   right: 15px;
}

.content-intro-section .video-popup-embed span {
   position: relative;
   top: 3px;
}

.content-intro-section .content-right-list .video-popup-embed {
   cursor: pointer;
   font-size: 16px;
   position: relative;
   top: 0;
   right: 0;
   padding-left: 28px;
}

.content-intro-section .content-right-list .video-popup-embed span {
   color: #ffe339;
}


.content-intro-section .content-right-list ul {
   margin-top: 20px;
}

.content-intro-section .col-md-6 {
   line-height: 1.9;
   margin-top: 10px;
}

.content-intro-section h2 {
   font-size: 40px;
   line-height: 1.2;
   margin-top: 0;
}

.content-intro-section hr {
   border: 1px solid #1c79b3;
}

.content-intro-section br {
   margin: 10px 0;
   display: block;
   content: "";
}

.content-intro-section ul {
   padding: 0;
}

.content-intro-section li {
   font-size: 16px;
   list-style-type: none;
   margin-bottom: 10px;
   text-indent: -30px;
   padding-left: 30px
}

.content-intro-section .icon_check_alt2,
.content-intro-section .icon_folder_download {
   margin-right: 10px;
   color: #ffe339;
}



/* Thin Section CTA */

.section-cta {
   background: #091b29;
   color: #ffffff;
   font-size: 20px;
   text-align: center;
   padding: 8px;
}

.section-cta a {
   border: 2px solid #ffe339;
   display: inline-block;
   font-size: 16px;
   color: #ffffff;
   margin: 0 15px;
   padding: 10px 15px;
   transition: color 0.5s;
}

.section-cta a:hover {
   border: 2px solid #ffe339;
   color: #ffe339;
   text-decoration: none;
}

/* Content Section Comparison */

.contentComparison h3 {
   text-align: center;
}

.contentComparison .col-md-6 hr {
   width: 100px;
}


/* Content Section Comparison Full / Image Gallery*/

.content-section.comparisonFull {
   text-align: center;
}

.content-section.comparisonFull hr {
   width: 200px;
}

.content-section.comparisonFull .comparison-image {
   height: 350px;
   margin: 20px auto 25px auto;
   width: 350px;
}

.content-section.content-section.comparisonFull .owl-prev {
   font-size: 60px;
   margin-right: 40px;
}

.content-section.content-section.comparisonFull .owl-next {
   font-size: 60px;
}

/* If accreditations follow a content section */

.content-section+.accreditations {
   margin-top: 0;
}

/* before and after slider */

.slider-compare p {
   margin-bottom: 30px;
}

img-comparison-slider {
   cursor: pointer;
   visibility: hidden;
}

img-comparison-slider [slot='second'] {
   display: none;
}

img-comparison-slider.rendered {
   visibility: inherit;
}

img-comparison-slider.rendered [slot='second'] {
   display: unset;
}

/* Image with hotspots */

.tippy-box[data-theme~="labcenter"] {
   background: #022e5f;
   color: #ffffff;
}

.tippy-box[data-theme~="labcenter"][data-placement^='top']>.tippy-arrow:before {
   border-top-color: #46DEFF;
}

.image-hotspots p {
   margin-bottom: 30px;
}

.image-hotspots .image-with-hotspots {
   position: relative;
}

.image-hotspots .hotspot {
   background: #091b29;
   border: 1px solid #46DEFF;
   border-radius: 50%;
   display: flex;
   cursor: pointer;
   font-size: 40px;
   font-weight: 700;
   position: absolute;
   width: 44px;
}

/* Blog Signup */

.blog-signup {
   padding: 30px 0;
}

.blog-signup h2 {
   margin: 0;
}

.blog-signup img {
   display: inline-block;
   margin-bottom: 20px;
   width: 80px;
}

.blog-signup input[type="email"] {
   border: 2px solid #ffffff;
   color: #000;
   margin: 20px 0;
   padding: 15px;
   transition: border 0.5s;
   width: 100%;
}

.blog-signup input[type="submit"] {
   background: none;
   border: 2px solid #ffe339;
   color: #ffffff;
   margin-top: 20px;
   padding: 15px 40px;
   transition: color 0.5s;
}

.blog-signup input[type="submit"]:hover {
   color: #ffe339;
   text-decoration: none;
}

.blog-signup #mce-success-response {
   color: green;
   font-size: 20px;
   margin-bottom: 20px;
}

.content-section .image .magnify-image {
   border: 2px solid #ffe339;
   width: 350px;
}

.content-section .image .magnify-image a {
   border: none;
   display: inline-block;
   margin: 0;
   padding: 0;
   width: auto;
}

.content-section.even .image .magnify-image {
   float: right;
}

.content-section .image .magnify-image a img {
   width: auto;
}

@media only screen and (max-width: 1280px) {
   .content-video-intro ul {
      margin-top: 0;
   }
}

@media only screen and (max-width: 1024px) {

   .content-section .image .magnify-image,
   .content-section.even .image .magnify-image {
      float: left;
      margin-top: 20px;
      width: 100%;
   }
   
   .content-section .image .magnify-image a,
   .content-section.even .image .magnify-image a {
      margin-top: 0;
   }

   .content-section .content-slider a {
      clear: both;
      margin: 0 auto;
   }

   .content-intro-section .video-popup-embed {
      display: block;
      font-size: 20px;
      position: relative;
      top: 0;
      right: 0;
      margin: 20px 0;
   }

   .content-video-intro iframe {
      margin-top: 0;
   }

   .content-section-categories {
      padding: 0;
   }

   .content-section .row {
      display: flex;
      flex-wrap: wrap;
   }

   .content-section .content {
      order: 1;
      width: 100%;
   }

   .content-section,
   .content-intro-section {
      padding: 30px 0;
   }

   .content-section h2,
   .content-intro-section h2 {
      font-size: 30px;
   }

   .content-section .image,
   .content-intro-carousel .content-slider {
      order: 2;
      text-align: center;
      width: 100%;
   }

   .content-section .small-print {
      order: 3;
   }

   .content-section.even .image,
   .content-section.even .image .main-image {
      float: none;
      text-align: center;
   }

   .content-intro-carousel.even .content-slider,
   .content-intro-carousel.even .content-slider .owl-carousel {
      float: none;
      margin: 20px auto 0 auto;
   }

   .content-section .image .main-image,
   .content-intro-carousel .content-slider {
      display: block;
      margin: 20px auto 0 auto;
   }

   .content-section .image a,
   .content-section.even .image a {
      float: left;
      clear: both;
      margin: 20px auto 0 auto;
      width: 100%;
   }

   .content-intro-section .col-md-6 {
      margin-top: 20px;
   }

   .blog-signup img {
      display: block;
   }
}

@media only screen and (max-width: 768px) {
   .content-section-categories {
      display: none;
   }

   .section-cta span {
      display: block;
      margin-bottom: 10px;
   }
}
.cta-form-slim {
   background: #091b29;
   padding: 40px 0 50px 0;
}

.cta-form-slim img {
   display: block;
   margin-bottom: 20px;
   width: 80px;
}

.cta-form-slim h2 {
   margin: 0;
}

.cta-form-slim p {
   font-size: 18px;
   margin-top: 20px;
}

.cta-form-slim form {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   margin: 0 15px;
}

.cta-form-slim input[type="email"],
.cta-form-slim input[type="text"] {
   border: 2px solid #ffffff;
   color: #000;
   margin-top: 20px;
   padding: 15px;
   transition: border 0.5s;
   width: 100%;
}

.cta-form-slim input:focus {
   border: 2px solid #46DEFF;
}

.cta-form-slim input[type="submit"] {
   background: none;
   border: 2px solid #ffe339;
   color: #ffffff;
   margin-top: 25px;
   padding: 15px;
   transition: color 0.5s;
}

.cta-form-slim input[type="submit"]:hover {
   color: #ffe339;
   text-decoration: none;
}

.cta-form-slim .cta-ask-expert-error p {
   color: red;
   margin: 20px 15px;
}

.cta-form-slim .cta-ask-expert-success p {
   color: green;
   margin: 20px 15px;
}


@media only screen and (min-width: 1024px) {
   .cta-form-slim form { 
      flex-direction: row;
   }

   .cta-form-slim img {
      display: inline-block;
   }

   .cta-form-slim input[type="email"] {
      flex: 1;
      margin-right: 20px;
   }
   
   .cta-form-slim input[type="text"] {
      flex: 2;
      margin-right: 20px;
   }

   .cta-form-slim input[type="submit"] {
      margin-top: 20px;
      width: 150px;
   }
}