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.small .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;
   }

   .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 {
      margin: 20px 0;
      text-align: center;
   }

   .content-article .download-file-button,
   .content-article .video-file-button {
      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 {
      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;
   }

   @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.small .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;
      }
   }