.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;
   }
}
   html {
      scroll-padding-top: 200px;
      /* height of sticky header plus extra*/
   }

   .progress-container {
      background: #ccc;
      height: 8px;
      position: sticky;
      top: 105px;
      width: 100%;
      z-index: 15;
   }

   .progress-bar {
      height: 8px;
      background: #008ed6;
      width: 0%;
   }

   .content-article-background {
      background: #09233c;
      color: #ffffff;
      padding: 40px 0 50px 0;
   }

   .content-article-background.smaller .container {
      margin: 0 auto;
      max-width: 800px;
   }

   .content-article-sidebar {
      margin-top: 20px;
   }

   .content-article-sidebar p {
      border-bottom: 1px solid #008ed6;
      margin-bottom: 20px;
      padding-bottom: 10px;
   }

   .content-article-sidebar li {
      margin-top: 10px;
   }

   .content-article-sidebar li::marker {
      color: #ffe339;
   }


   .content-article {
      margin: 25px 0;
   }

   .content-article img {
      display: block;
      margin: 25px auto;
      max-width: 100%;
   }

   .content-article .header-icon hr {
      flex-grow: 1;
      border: 1px solid #008ed6;
      margin: 10px 0;
   }

   .content-article .header-icon .icon-border {
      display: flex;
      position: relative;
   }

   .content-article .header-icon .icon {
      position: relative;
      right: 0;
      top: -30px;
      border: 2px solid #008ed6;
      border-radius: 50%;
      padding: 15px;
   }

   .content-article .header-icon+p {
      width: 88%;
      margin-top: -35px;
   }

   .content-article .header-icon .icon svg {
      display: block;
      margin: 0 auto;
      width: 50px;
   }

   .content-article h2 {
      font-size: 24px;
      line-height: 1.4;
      margin-top: 50px;
   }

   .content-article hr {
      border: 1px solid #008ed6;
      margin: 25px 0 35px 0;
   }

   .content-article ol {
      margin: 20px 0 0 14px;
   }

   .content-article ol i {
      margin-bottom: 20px;
   }

   .content-article ol li::marker {
      color: #ffe339;
   }

   .content-article ul {
      margin: 20px 0 0 14px;
   }

   .content-article ul li {
      list-style-type: none;
      margin-top: 10px;
      position: relative;
   }

   .content-article ul li:before {
      content: "\2022";
      color: #ffe339;
      font-size: 20px;
      font-weight: bold;
      display: inline-block;
      margin: 0 10px 0 0;
      position: absolute;
      top: -4px;
      left: -14px;
   }

   .content-article .owl-carousel ul li:before {
      content: "";
      margin: 0;
   }

   .content-article .owl-carousel .owl-dots {
      margin: 0;
      padding: 0;
   }

   .content-article p {
      font-size: 17px;
      line-height: 1.75;
      margin: 15px 0;
   }

   .content-article p.information {
      background: #091b29;
      border: 1px solid #ffe339;
      padding: 35px;
      position: relative;
      margin: 30px 0;
   }

   .content-article p.information svg {
      display: none;
   }

   .content-article .blog-link {
      border: 1px solid #46dee0;
      background: #091b29;
      color: #ffffff;
      display: flex;
      align-items: center;
      margin: 30px 0;
      padding: 10px;
      text-decoration: none;
      transition: background 0.5s, color 0.5s;
      justify-content: center;
   }

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

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

   .content-article i {
      display: block;
      font-size: 14px;
      text-align: center;
      margin: 0;
   }

   .content-article i.inline {
      display: inline-block;
   }

   .content-article i.copyright {
      font-size: 16px;
   }

   .content-article i.extra-copyright {
      margin-top: 10px;
   }

   .content-article i.extra-copyright div {
      margin-top: 10px;
   }

   .content-article .image-grid {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -10px;
   }

   .content-article .image-grid-item {
      padding: 10px;
      width: 33.33%;
   }

   .content-article .download-file,
   .content-article .video-file,
   .content-article .button-link {
      margin: 20px 0;
      text-align: center;
   }

   .content-article .download-file-button,
   .content-article .video-file-button,
   .content-article .button-link a {
      border: 1px solid #ffe339;
      color: #ffffff;
      display: inline-block;
      font-size: 18px;
      padding: 15px 20px;
      text-decoration: none;
      transition: color 0.5s;
   }

   .content-article .download-file a:hover,
   .content-article .video-file a:hover,
   .content-article .button-link a:hover {
      color: #ffe339;
   }

   .content-article .video-file .glyphicon-play-circle {
      color: #ffe339;
      font-size: 24px;
      position: relative;
      top: 6px;
      left: 5px;
   }

   .content-article .download-file p {
      font-size: 12px;
      font-style: italic;
      margin: 5px 0;
   }

   .content-article code {
      color: #ffe339;
      background: #1b1b1b;
      max-width: 100%;
      min-width: 100px;
      border-radius: 6px;
      display: inline-block;
      margin-top: 20px;
      padding: 20px;
   }

   .content-article .content-and-image {
      background: #022e5f;
      margin: 15px -15px 0 -15px;
   }


   .content-and-slider {
      margin-top: 40px;
   }

   .content-and-slider.stacked .col-md-7,
   .content-and-slider.stacked .col-md-5 {
      width: 100%;
   }

   .content-and-slider ul li {
      list-style-type: none;
      text-align: center;
   }

   .content-and-slider .bullet-list li {
      text-align: left;
      position: relative;
   }

   .content-article iframe {
      display: block;
      height: 500px;
      margin: 35px 0;
      width: 100%;
   }

   .content-article video {
      display: block;
      margin: 20px auto;
   }

   .content-article .table {
      border: 1px solid #ffe339;
      margin-top: 30px;
      table-layout: fixed;
   }

   .content-article .table.table-columns th,
   .content-article .table.table-columns td {
      border-right: 1px solid #ffe339;
   }

   .content-article .table thead th {
      background: none;
      border-bottom: 1px solid #ffe339;
      border-top: 1px solid #ffe339;
      color: #fff;
      font-size: 16px;
      padding: 8px;
   }

   .content-article .table td {
      border-top: 1px solid #ffe339;
      padding: 8px;
   }

   .content-article .table tr:nth-child(even) {
      background-color: #091b29;
   }

   .content-article .blog-mailchimp-signup {
      background: linear-gradient(to right, #091b29 0%, #1c79b3 100%);
      margin-top: 30px;
      padding: 40px;
   }

   .content-article .blog-mailchimp-signup h2 {
      font-size: 34px;
      letter-spacing: 1.6px;
      line-height: 1.2;
      margin: 10px 0;
   }

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

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

   .content-article .blog-mailchimp-signup input[type=submit]:hover {
      color: #ffe339;
   }

   .content-article .blog-mailchimp-signup #mce-success-response {
      color: #00ff00;
      font-size: 20px;
   }

   .content-article .author-details {
      text-align: center;
   }

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

      .col-lg-9 .content-article p.information {
         padding: 35px 35px 35px 120px;
      }

      .content-article p.information svg {
         display: block;
         position: absolute;
         left: -95px;
         top: 45%;
         transform: translateY(-45%);
         width: 80px;
      }

      .col-lg-9 .content-article p.information svg {
         position: absolute;
         left: 25px;
      }
   }

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

      .content-article-background .content-article-inner {
         border-left: 2px solid #0f2f4e;
         padding-left: 30px;
      }

      .content-article-background.smaller .content-article-inner {
         border: none;
         padding: 0;
      }

      .content-article-sidebar {
         position: sticky;
         top: 140px;
      }
   }

   @media only screen and (min-width: 1024px) {
      .content-and-slider.left .col-md-7 {
         float: right;
      }
   }


   @media only screen and (max-width: 992px) {
      .progress-container {
         top: 44px;
      }

      .content-article h2 {
         margin-top: 30px;
      }

   }

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

      .content-article video {
         width: 100%;
      }

      .content-article .header-icon+p {
         margin-top: -15px;
         width: 100%;
      }
   }

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


      .content-article h2 {
         font-size: 22px;
         letter-spacing: 2px;
      }
   }
.cta-download {
   background-color: #091b29;
   padding: 40px 15px;
   text-align: center;
}

.cta-download h3 {
   color: #ffffff;
   font-size: 28px;
   width: 100%;
}

.cta-download a {
   border: 2px solid #46DEFF;
   display: inline-block;
   color: #ffffff;
   margin: 20px 10px;
   padding: 10px 15px;
   transition: color 0.5s;
}

.cta-download a:first-of-type {
   border: 2px solid #ffe339;
}

.cta-download a:first-of-type:hover {
   color: #ffe339;
}

.cta-download a:hover {
   color: #46DEFF;
   text-decoration: none;
}

@media only screen and (min-width: 1024px) {
   .cta-download a {
      min-width: 200px;
   }
}