@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,400;0,800;1,400;1,800&display=swap');


  /* TO BE REFACTORED */
  body {
    font: 62.5% Lora, Georgia, serif;
    }

  #wrapper #content-container {
      background:#e5e5e5; color:rgba(85, 85, 85, 0.83);
  }

  #wrapper [role="main"] {
      background:#fff; color:rgba(85, 85, 85, 0.83);
  }

  .header {
      z-index: 12;
  }
  .site-nav .row .search-form{display:none;}
  #navholder {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,eaeaea+100 */
      background:#f3f3f3; /* Old browsers */ color:#0b2d4c;
      background: -moz-linear-gradient(top, #f3f3f3 0%, #eaeaea 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #f3f3f3 0%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #f3f3f3 0%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
      border-top: solid 1px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.1);
  }

  #navholder > .row {
      background: none;
  }

  .menu-holder {
      border-bottom: none !important;
  }

  .menu-holder ul.sf-menu > li > a {
      border-top: solid 1px white;
      border-right: solid 1px rgba(0, 0, 0, 0.1);
      border-left: solid 1px white;
      height: 55px;
      padding: 1.2em;
  }

  .menu-holder ul.sf-menu > li {
      margin: 0px;
  }





  .top-leaderboard {
      position: relative;
      width: 100%;
      left: 0;
      top: 0;
      right: 0;
      padding: 2em;
      background: #e8e8e8;
      z-index: 999;
      text-align: center;
  }

  #scroll_totop {display: none !important;}
  #thb-login {display: none !important;}
  .rightpullquote {
    margin: 3em;
    width: 40%;
    float: left;
    max-width: 600px;
    min-width: 280px;
    font-size: 2.1em;
    font-weight: bold;
    color: #1d4466;
  }

  .entry-content div p:first-of-type {
      clear: left;
      font-size: 1.8em;
      margin: 0em 0 1.5em 0;
      /*color: rgba(10, 10, 10, 0.68);*/
  }

  /*.entry-content p:first-of-type:first-letter {
    color: #0b2d4c;
    font-size: 3.13em;
    float: left;
    margin: -0.3em 0.1em -0.45em 0;
    font-weight: bold;
  } */

  .in-between-articles {
    background-color: #fafafa;
    max-width: 100%;
    text-align: center;
    padding: 2em;
  }

  .thb-loading-bottom {
    position: relative;
  }

  .thb-loading-bottom.posts {
    padding-bottom: 100px;
  }

  .thb-loading-bottom:after {
    content: '' !important;
    width: 38px;
    height: 38px;
    position: absolute;
    display: block;
    bottom: 40px;
    left: 50%;
    margin-left: -19px;
    padding: 3px;
    border-radius: 19px;
    background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSIjMjIyMjIyIj4KICA8cGF0aCBvcGFjaXR5PSIuMjUiIGQ9Ik0xNiAwIEExNiAxNiAwIDAgMCAxNiAzMiBBMTYgMTYgMCAwIDAgMTYgMCBNMTYgNCBBMTIgMTIgMCAwIDEgMTYgMjggQTEyIDEyIDAgMCAxIDE2IDQiLz4KICA8cGF0aCBkPSJNMTYgMCBBMTYgMTYgMCAwIDEgMzIgMTYgTDI4IDE2IEExMiAxMiAwIDAgMCAxNiA0eiI+CiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCAxNiAxNiIgdG89IjM2MCAxNiAxNiIgZHVyPSIwLjhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L3BhdGg+Cjwvc3ZnPgo=") center center no-repeat;
  }



  .post-image img, .article-image img, .timeline-article img {
      opacity: 0;
      transition: opacity 0.4s ease-in-out;
      -moz-transition: opacity 0.4s ease-in-out;
      -webkit-transition: opacity 0.4s ease-in-out;
  }

      .slick-slider .slick-slide img {
        opacity: 1 !important;
      }

  .post-image img.image-loaded, .article-image img.image-loaded, .timeline-article img.image-loaded {
      opacity: 1;
      transition: opacity 0.4s ease-in-out;
      -moz-transition: opacity 0.4s ease-in-out;
      -webkit-transition: opacity 0.4s ease-in-out;
  }








/*------------------------------------------------------------------
Subheader
*/
.subheader {
  line-height: 40px;
  direction: ltr;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 12;
  width: 100%;
  display: flex;
  align-items: center;
}
.subheader .subheader-menu > ul > li:first-child > a {
  padding-left: 0;
}
.rtl .subheader > .row {
  direction: rtl;
}
.rtl .subheader > .row .text-right {
  text-align: left;
}
.subheader ul {
  font-size: 11px;
}
.subheader ul > li {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.subheader ul > li > span {
  display: inline-flex;
 /* padding: 0 0 0 5px;*/
  line-height: 40px;
  font-weight: 600;
}
@media only screen and (max-width: 79.99em) {
.subheader ul > li > span {
    padding: 0 0 0 5px;
 }
  }
@media only screen and (min-width: 80em) {
  .subheader ul > li > span {
    padding-left:10px;
  }
}
.subheader ul > li > a {
  display: inline-flex;
  padding-left: 5px; padding-right: 5px;
  line-height: 40px;
}
.subheader ul > li > a .fa {
  margin-left: 5px;
}
@media only screen and (min-width: 80em) {
  .subheader ul > li > a {
    padding:0 10px;
  }
}
.subheader ul > li > a.logout_link {
  text-decoration: underline;
}
.rtl .subheader ul > li > a {
  direction: rtl;
}
.subheader ul > li.social_links_style2 {
  border: 0;
}
.subheader ul > li.social_links_style2 > a {
  display: inline-block;
}
.subheader ul > li.social_links_style2 > a .fa {
  margin: 0;
}
@media only screen and (min-width: 80em) {
  .subheader ul > li.social_links_style2 > a {
    padding: 0 10px;
  }
}
.subheader ul > li.social_links_style2 > a.facebook:hover {
  color: #3b5998;
}
.subheader ul > li.social_links_style2 > a.google-plus:hover {
  color: #dd4b39;
}
.subheader ul > li.social_links_style2 > a.linkedin:hover {
  color: #007bb6;
}
.subheader ul > li.social_links_style2 > a.pinterest:hover {
  color: #cb2027;
}
.subheader ul > li.social_links_style2 > a.twitter:hover {
  color: #00aced;
}
.subheader ul > li.social_links_style2 > a.instagram:hover {
  color: #3f729b;
}
.subheader ul > li.social_links_style2 > a.vk:hover {
  color: #45668e;
}
.subheader ul > li.social_links_style2 > a.tumblr:hover {
  color: #35465c;
}
.subheader ul > li.social_links_style2 > a.xing:hover {
  color: #cfdc00;
}
.subheader ul > li.social_links_style2 > a.soundcloud:hover {
  color: #f80;
}
.subheader ul > li.social_links_style2 > a.dribbble:hover {
  color: #ea4c89;
}
.subheader ul > li.social_links_style2 > a.youtube:hover {
  color: #e52d27;
}
.subheader ul > li.social_links_style2 > a.spotify:hover {
  color: #7ab800;
}
.subheader ul > li.social_links_style2 > a.behance:hover {
  color: #1769ff;
}
.subheader ul > li.social_links_style2 > a.deviantart:hover {
  color: #4e6252;
}
.subheader ul > li.social_links_style2 > a.vimeo:hover {
  color: #1ab7ea;
}
.subheader ul > li.social_links_style2 > a.rss:hover {
  color: #f26522;
}
.subheader ul > li.social_links_style2 > a.twitch:hover {
  color: #6441a5;
}
.subheader ul > li.social_links_style2 > a.whatsapp:hover {
  color: #25d366;
}
@media only screen and (min-width: 80em) {
  .subheader ul > li.social_links_style2 {
    padding: 0 10px;
  }
}
.subheader ul > li .sub-menu {
  top: 100%;
  left: 0;
  z-index: 10;
  text-align: left;
}
.subheader ul > li .sub-menu li a {
  display: block;
  font-size: 10px;
  line-height: 39px;
  padding: 0 15px;
  min-width: 160px;
  border-bottom: 1px solid transparent;
}
.subheader ul > li .sub-menu li a .fa {
  min-width: 10px;
  margin-left: 0;
  margin-right: 12px;
}
.rtl .subheader ul > li .sub-menu li a .fa {
  margin-left: 12px;
  margin-right: 0;
}
.subheader ul > li .sub-menu li:last-child a {
  border-bottom: 0 !important;
}
.subheader ul.right-menu .sub-menu {
  left: auto;
  right: 0;
}
.rtl .subheader ul.right-menu .sub-menu {
  text-align: right;
}
.subheader ul.right-menu .sub-menu li a {
  min-width: 90px;
}
.subheader ul.right-menu .sub-menu > li a.facebook:hover {
  background: #3b5998;
  color: #fff !important;
}
.subheader ul.right-menu .sub-menu > li a.google-plus:hover {
  background: #dd4b39;
  color: #fff !important;
}
.subheader ul.right-menu .sub-menu > li a.linkedin:hover {
  background: #007bb6;
  color: #fff !important;
}
.subheader ul.right-menu .sub-menu > li a.pinterest:hover {
  background: #cb2027;
  color: #fff !important;
}
.subheader ul.right-menu .sub-menu > li a.twitter:hover {
  background: #00aced;
  color: #fff !important;
}
.subheader ul.right-menu .sub-menu > li a.instagram:hover {
  background: #3f729b;
  color: #fff !important;
}
.subheader ul.right-menu .sub-menu > li a.vk:hover {
  background: #45668e;
  color: #fff !important;
}
.subheader ul.right-menu .sub-menu > li a.tumblr:hover {
  background: #35465c;
  color: #fff !important;
}
.subheader ul.right-menu .sub-menu > li a.xing:hover {
  background: #cfdc00;
  color: #fff !important;
}
.subheader ul.right-menu .sub-menu > li a.soundcloud:hover {
  background: #f80;
  color: #fff !important;
}
.subheader ul.right-menu .sub-menu > li a.dribbble:hover {
  background: #ea4c89;
  color: #fff !important;
}
.subheader ul.right-menu .sub-menu > li a.youtube:hover {
  background: #e52d27;
  color: #fff !important;
}
.subheader ul.right-menu .sub-menu > li a.spotify:hover {
  background: #7ab800;
  color: #fff !important;
}
.subheader ul.right-menu .sub-menu > li a.behance:hover {
  background: #1769ff;
  color: #fff !important;
}
.subheader ul.right-menu .sub-menu > li a.deviantart:hover {
  background: #4e6252;
  color: #fff !important;
}
.subheader ul.right-menu .sub-menu > li a.vimeo:hover {
  background: #1ab7ea;
  color: #fff !important;
}
.subheader ul.right-menu .sub-menu > li a.rss:hover {
  background: #f26522;
  color: #fff !important;
}
.subheader ul.right-menu .sub-menu > li a.twitch:hover {
  background: #6441a5;
  color: #fff !important;
}
.subheader ul.right-menu .sub-menu > li a.whatsapp:hover {
  background: #25d366;
  color: #fff !important;
}
.subheader.dark {
  background: #080808;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.subheader.dark .page-title {
  color: #fff;
}
.subheader.dark .page-title:before {
  background: rgba(255, 255, 255, 0.25);
}
.subheader.dark .share-article-vertical .social {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.subheader.dark ul > li {
  color: rgba(255, 255, 255, 0.8);
}
.subheader.dark ul > li > a {
  color: rgba(255, 255, 255, 0.8);
}
.subheader.dark ul > li > a:hover {
  color: white;
}
.subheader.dark ul > li .sub-menu {
  background: #1b1b1b;
}
.subheader.dark ul > li .sub-menu li a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.subheader.dark ul.right-menu {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.subheader.dark ul.right-menu > li:not(.social_links_style2) {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.subheader.dark ul .quick_search .quick_search_icon {
  fill: rgba(255, 255, 255, 0.8);
}
.subheader.dark ul .quick_search .searchform .s {
  background: #1b1b1b;
  /* SEO border-color: #1b1b1c;*/
  color: rgba(255, 255, 255, 0.4);
}
.subheader.dark ul .quick_search.active {
  background: rgba(255, 255, 255, 0.1);
}
.subheader.light {
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.subheader.light .page-title {
  color: #080808;
}
.subheader.light .page-title:before {
  background: rgba(0, 0, 0, 0.25);
}
.subheader.light .share-article-vertical .share-title {
  color: #080808;
}
.subheader.light .share-article-vertical .share-title span {
  color: rgba(0, 0, 0, 0.6);
}
.subheader.light .share-article-vertical .social {
  background: rgba(0, 0, 0, 0.08);
  color: #080808;
}
.subheader.light ul > li a {
  color: rgba(0, 0, 0, 0.8);
}
.subheader.light ul > li a:hover {
  color: black;
}
.subheader.light ul > li .sub-menu {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.subheader.light ul > li .sub-menu li a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.subheader.light ul > li .sub-menu li a:hover {
  background: #f5f5f5;
}
.subheader.light ul.right-menu {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.subheader.light ul.right-menu > li {
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}
.subheader .thb-language-switcher-menu {
  text-transform: uppercase;
}
.subheader.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 30;
  margin: 0;
}
.subheader.fixed.header--slide {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.subheader.fixed.header--unslide {
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.subheader.fixed .logo {
  display: flex;
  align-items: center;
  text-align: left;
}
.subheader.fixed .logo .logolink {
  display: inline-block;
}
.subheader.fixed .logo .logolink .logoimg {
  max-height: 21px;
}
.subheader.fixed .logo .page-title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 600;
  padding-left: 34px;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  max-width: 400px;
  text-transform: none;
}
@media only screen and (min-width: 80em) {
  .subheader.fixed .logo .page-title {
    max-width: 600px;
  }
}
.subheader.fixed .logo .page-title:before {
  content: '';
  display: block;
  width: 1px;
  position: absolute;
  top: 5px;
  left: 16px;
  bottom: 5px;
}
.rtl .subheader.fixed .logo .page-title {
  padding-left: 0;
  padding-right: 34px;
}
.rtl .subheader.fixed .logo .page-title:before {
  left: auto;
  right: 16px;
}
.subheader.fixed .text-center {
  position: static;
}
.subheader.fixed .menu-holder .sf-menu li {
  padding: 0;
  margin: 0;
}
.subheader.fixed .menu-holder .sf-menu li > a {
  font-size: 11px;
  font-weight: 400;
  padding: 0 5px;
}
.subheader.fixed .menu-holder .sf-menu li .sub-menu {
  left: -30px;
}
.subheader.fixed .menu-holder .sf-menu li.menu-item-mega-parent .thb_mega_menu_holder {
  top: 100%;
}
.subheader.fixed .menu-holder ul.sf-menu:not(.secondary) {
  height: 50px;
}
.subheader.fixed .quick_search {
  height: 50px;
  line-height: 50px;
}
.subheader.fixed ul > li > a {
  line-height: 50px;
}
.subheader.fixed ul > li > a .fa {
  line-height: 50px;
}
.subheader.fixed .share-article-vertical {
  float: right;
}
.rtl .subheader.fixed .share-article-vertical {
  float: left;
}
.subheader.fixed > .row {
  position: relative;
}
.subheader.fixed > .row .progress {
  display: block;
  position: absolute;
  bottom: -2px;
  left: -15px;
  height: 2px;
  width: 0;
  background: #1d4466;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.rtl .subheader.fixed > .row .progress {
  left: 0;
  right: -15px;
}
.subheader .row:not(.full-width-row) {
  flex: 1;
}

.quick_search {
  display: inline-block;
  position: relative;
  line-height: 40px;
  vertical-align: middle;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  text-align: right;
  width: auto;
}
@media only screen and (min-width: 64.063em) {
  .quick_search {
    padding: 0 10px;
    text-align: center;
  }
}
.quick_search .quick_toggle {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 2;
}
.quick_search .quick_search_icon {
  vertical-align: middle;
  height: 14px;
  padding: 0;
}
.quick_search .searchform {
  position: absolute;
  top: 100%;
  right: -1px;
  width: 290px;
  opacity: 0;
  z-index: 2;
}
.quick_search .searchform input[type="submit"] {
  display: none;
}
.quick_search .searchform .s {
  padding: 17px 21px 14px;
}
.rtl .quick_search .searchform {
  right: auto;
  left: -1px;
}
.quick_search.active {
  overflow: visible;
  background: #d3d3d3;
  color: #fff;
}
.quick_search.active .quick_search_icon {
  fill: #fff;
}
.quick_search.active .searchform {
  opacity: 1;
}

.inline-social-icons, .subheader.fixed .share-article-vertical, .product-page .product-information .share-article-vertical {
  width: auto;
  padding: 5px 0;
  position: static;
}
.inline-social-icons .share-title, .subheader.fixed .share-article-vertical .share-title, .product-page .product-information .share-article-vertical .share-title {
  float: left;
  padding: 4px 8px;
  height: 36px;
  background: transparent;
}
.inline-social-icons .social, .subheader.fixed .share-article-vertical .social, .product-page .product-information .share-article-vertical .social {
  float: left;
  border: 0;
  width: 40px;
  height: 36px;
  line-height: 38px;
  border-radius: 3px;
  font-size: 12px;
  margin-left: 7px;
}
.inline-social-icons .social span, .subheader.fixed .share-article-vertical .social span, .product-page .product-information .share-article-vertical .social span {
  top: 0;
  left: 0;
  width: 40px;
  height: 36px;
  font-size: 12px;
  line-height: 38px;
  border-radius: 3px;
}





.project-wrapper {
  position: fixed;
      overflow: scroll;
  background-color: #fff;
  height: 100vh;
  z-index: 20;
  top: 0px;
  left: 0px;
  width: 360px;
  padding: 5em;
  border: 1px solid #999;
  box-shadow: 0 1em 2em 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1em 2em 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1em 2em 0 rgba(0, 0, 0, 0.3);
}

.timeline-article {
  border-bottom: 1px solid #bbb;
  padding-bottom: 1em;
  height: 100%;
}

.timeline-article img {
  float: left;
      border-radius: 120px;
      margin-right: 20px;
}


.timeline-article.subheader.fixed, .timeline-sidebar .subheader.fixed  {
  position: relative;
  line-height: 1.2em;
}

.timeline-article .progress {
    margin-left: -30px;
    height: 100%;
}
.timeline-sidebar .progress {
    left: 0px;
    top: 0px;
}

.timeline-article.subheader.fixed .project-date {
    display: none;
}


.progress {
  z-index: -1;
  position: absolute;
  display: none;
  height: 100%;
  color: rgb(34, 34, 34);
  background-color: #1d4466;
}
.subheader.fixed.current .progress {
  display: block;
}



/*.inviewtest {background-color:red;}
.inviewtest2 {background-color:blue;}*/
.past {display:none;}

.slick-slide .article-image img, .slick-slider .slick-slide img {
  opacity: 1 !important;
}

/* Need to hide debugging sections as we were asked to merge everything insto master */
.fixedIndex {
position:absolute;
top:10px;
right:10px;
width:auto;
height:100px;
z-index:11111111;
background-color:red;
font-size:2em;
padding:1em;
display: none;
}



.site-nav ul li:hover:before {
  display: none;
}

.subheader {

}


#menu-main-navigation {
      width: 100%;
}

.site-nav #menu-main-navigation li:hover .mega-menu {
  background-color: #fff;
}

.site-nav #menu-main-navigation li .mega-menu .section-nav h2 {
  color: #222 !important;
}

.site-nav #menu-main-navigation li .mega-menu .section-nav {
  height: 300px;
}

.site-nav ul li:hover:before {
  display: none !important;
}

.site-nav ul.menu-2 {
    position: absolute !important;
    right: 0px;
    width: 100%;
}

.site-nav .nav-all {
      float: right;
}

.site-nav #menu-main-navigation .nav-all:hover .mega-menu {
  background-color: #0b2d4c;
}



/* Timeline Sidebars */


.project-sidebar {
    left: 0em !important;
    overflow: scroll;
}

.article-sidebar {
    left: 0em;
    overflow: auto;
}
.sidebar-closed .article-sidebar {
  left: -319px;
}

.project-sidebar .scrolling-content, .article-sidebar .scrolling-content {
  position: initial !important;
}

.project-sidebar .scrolling-content .sal:before {
  display: none !important;
}

.project-sidebar .scrolling-content .sal li h3 {
    float: none !important;
    width: 100% !important;
    line-height: 1.4em;
}

.single.sidebar-closed .post-detail-row {
    padding-left: 10em;
}

.timeline h1 {
      font: 1.8em Montserrat, "Helvetica Neue", helvetica, arial, sans-serif;
    text-transform: uppercase;
    margin: 0 0 1em 1.6667em;
}

.project-sidebar .scrolling-content {
  padding-top: 0px !important;
}

.project-overview h1 {
    background: #0b2d4c;
    margin: 0;
    padding: 0px;
    color: #fff;
    height: 3em;
    padding: 1em;
}

.project-sidebar .scrolling-content .sal li:first-child:before {
  display: none;
}

.current-section {
    background-color: #0b2d4c !important;
    color: #fff;
}
.current-section a, .current-section a:hover {
  color: #fff;
}


/***** whitepaper *****/
.white_paper_form .extra_checkbox input {
   width: 20px !important;
   float: left;
   position: relative; margin:0;
}




.post-content-container + .share-article {
  width: auto;
  max-width: 100%;
  margin: 0 0 50px;
  float: none;
  text-align: center;
}

.share-container {
  position: relative;
}

.share-article-vertical {
  display: block;
  float: left;
  width: 60px;
  margin-bottom: 30px;
  position: absolute;
  margin-top: 5px;
}
.subheader .share-article-vertical {
  margin: 0;
}
.share-article-vertical .share-title {
  display: block;
  background: #080808;
  padding: 16px 12px;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  margin: 0;
}
.share-article-vertical .share-title em {
  font-style: normal;
}
.share-article-vertical .share-title span {
  display: block;
  margin-top: 5px;
  text-transform: uppercase;
  font-size: 9px;
  color: rgba(255, 255, 255, 0.6);
}
.share-article-vertical .social {
  display: block;
  width: 60px;
  height: 59px;
  line-height: 59px;
  text-align: center;
  font-size: 14px;
  color: #aeaeae;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  position: relative;
}
.share-article-vertical .social.whatsapp span {
  font-size: 14px;
}
.share-article-vertical .social span {
  position: absolute;
  top: 0;
  left: -1px;
  display: block;
  width: 60px;
  height: 59px;
  line-height: 59px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  opacity: 0;
}
.share-article-vertical .social.facebook span {
  background: #3b5998;
}
.share-article-vertical .social.google-plus span {
  background: #dd4b39;
}
.share-article-vertical .social.linkedin span {
  background: #007bb6;
}
.share-article-vertical .social.pinterest span {
  background: #cb2027;
}
.share-article-vertical .social.twitter span {
  background: #00aced;
}
.share-article-vertical .social.instagram span {
  background: #3f729b;
}
.share-article-vertical .social.vk span {
  background: #45668e;
}
.share-article-vertical .social.tumblr span {
  background: #35465c;
}
.share-article-vertical .social.xing span {
  background: #cfdc00;
}
.share-article-vertical .social.soundcloud span {
  background: #f80;
}
.share-article-vertical .social.dribbble span {
  background: #ea4c89;
}
.share-article-vertical .social.youtube span {
  background: #e52d27;
}
.share-article-vertical .social.spotify span {
  background: #7ab800;
}
.share-article-vertical .social.behance span {
  background: #1769ff;
}
.share-article-vertical .social.deviantart span {
  background: #4e6252;
}
.share-article-vertical .social.vimeo span {
  background: #1ab7ea;
}
.share-article-vertical .social.rss span {
  background: #f26522;
}
.share-article-vertical .social.twitch span {
  background: #6441a5;
}
.share-article-vertical .social.whatsapp span {
  background: #25d366;
}
.share-article-vertical .social:hover span {
  opacity: 1;
}

.share-article {
  padding-top: 15px;
  text-align: center;
}
.share-article.simple {
  padding: 0;
  background: none;
  text-align: left;
}
.rtl .share-article.simple {
  text-align: right;
}
.share-article.simple .share-title {
  display: block;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  margin: 0;
  float: left;
  padding: 4px 8px 4px 0;
  height: 36px;
  background: transparent;
}
.share-article.simple .share-title em {
  font-style: normal;
}
.share-article.simple .share-title span {
  display: block;
  margin-top: 5px;
  text-transform: uppercase;
  font-size: 9px;
  color: rgba(8, 8, 8, 0.6);
}
.rtl .share-article.simple .share-title {
  float: right;
  padding: 4px 0 4px 8px;
}
.video-format-post .share-article .share-title {
  display: none;
}
.video-format-post .share-article .social {
  padding-left: 40px;
}
.share-article .share-article {
  text-align: left;
}
.share-article .share-article .share-title {
  display: none;
}
.share-article .share-title {
  margin-bottom: 15px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (min-width: 48.063em) {
  .share-article {
    text-align: left;
  }
  .share-article h6 {
    line-height: 36px;
    margin-bottom: 0;
  }
}
.share-article .social {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 0;
  position: relative;
  border-radius: 3px;
  vertical-align: middle;
  width: 40px !important;
  text-align: center;
}
.share-article .social .fa {
  display: block;
  position: relative;
  line-height: 36px;
}
.share-article .social.whatsapp {
  width: 40px;
  padding: 0;
  font-size: 14px;
  justify-content: center;
}
.share-article .social.whatsapp .fa {
  display: inline-block;
  position: static;
}
.share-article .social.facebook {
  background: #3b5998;
}
.share-article .social.facebook:hover {
  background: #324c82;
  color: #fff !important;
}
.share-article .social.google-plus {
  background: #dd4b39;
}
.share-article .social.google-plus:hover {
  background: #d33724;
  color: #fff !important;
}
.share-article .social.linkedin {
  background: #007bb6;
}
.share-article .social.linkedin:hover {
  background: #006697;
  color: #fff !important;
}
.share-article .social.pinterest {
  background: #cb2027;
}
.share-article .social.pinterest:hover {
  background: #b11c22;
  color: #fff !important;
}
.share-article .social.twitter {
  background: #00aced;
}
.share-article .social.twitter:hover {
  background: #0096ce;
  color: #fff !important;
}
.share-article .social.instagram {
  background: #3f729b;
}
.share-article .social.instagram:hover {
  background: #366285;
  color: #fff !important;
}
.share-article .social.vk {
  background: #45668e;
}
.share-article .social.vk:hover {
  background: #3b5779;
  color: #fff !important;
}
.share-article .social.tumblr {
  background: #35465c;
}
.share-article .social.tumblr:hover {
  background: #2a3749;
  color: #fff !important;
}
.share-article .social.xing {
  background: #cfdc00;
}
.share-article .social.xing:hover {
  background: #b2bd00;
  color: #fff !important;
}
.share-article .social.soundcloud {
  background: #f80;
}
.share-article .social.soundcloud:hover {
  background: #e07800;
  color: #fff !important;
}
.share-article .social.dribbble {
  background: #ea4c89;
}
.share-article .social.dribbble:hover {
  background: #e73177;
  color: #fff !important;
}
.share-article .social.youtube {
  background: #e52d27;
}
.share-article .social.youtube:hover {
  background: #d41f1a;
  color: #fff !important;
}
.share-article .social.spotify {
  background: #7ab800;
}
.share-article .social.spotify:hover {
  background: #669900;
  color: #fff !important;
}
.share-article .social.behance {
  background: #1769ff;
}
.share-article .social.behance:hover {
  background: #0057f7;
  color: #fff !important;
}
.share-article .social.deviantart {
  background: #4e6252;
}
.share-article .social.deviantart:hover {
  background: #405144;
  color: #fff !important;
}
.share-article .social.vimeo {
  background: #1ab7ea;
}
.share-article .social.vimeo:hover {
  background: #13a3d2;
  color: #fff !important;
}
.share-article .social.rss {
  background: #f26522;
}
.share-article .social.rss:hover {
  background: #e8540e;
  color: #fff !important;
}
.share-article .social.twitch {
  background: #6441a5;
}
.share-article .social.twitch:hover {
  background: #57388f;
  color: #fff !important;
}
.share-article .social.whatsapp {
  background: #25d366;
}
.share-article .social.whatsapp:hover {
  background: #20b959;
  color: #fff !important;
}
@media only screen and (min-width: 48.063em) {
  .share-article .social {
    width: auto;
    margin: 0;
  }
}



.post-image {
  min-width: 400px;
  min-height: 300px;
}

.dropdown-content {
    position: absolute;
    background-color: rgb(255, 255, 255);
    max-width: 16em !important;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.29);
    z-index: 99;
    font-size: 0.9em;
    text-align: left;
    margin-top: 1.4em;
    right: 0;
    top: 2em;
    border: 1px solid #d8d8d8;
    display: none;
}

.login-links .dropdown-content li {
      padding: 1em;
      margin-right: 0em !important;
      border-bottom: 1px solid #eee;
}

.login-links .dropdown-content li:hover {
    background-color: #222;
    color: #fff;
}

.login-links .dropdown-content li:hover a {
  color: #fff;
}

.login-links .dropdown-content li a {
  text-decoration: none;
  display: block;
}

.login-open .dropdown-content {
  display: block;
      width: 300px;
}


.microformatting {
  padding-bottom: 1em;
  margin-bottom: 3em;
  border-bottom: solid 1px #e8e8e8;
}
.microformatting .large-3 {
    min-height: 80px;
    float: left !important;
    padding-right: 4em;
    width: 25%;
    margin-bottom: 2em;
}
.microformatting h3 {
  font-family: 'Montserrat-Light', Arial;
  font-weight: 300;
  font-size: 1.5em;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.microformatting span {
    font-family: 'Montserrat', Arial;
    font-weight: 300;
      font-size: 1.5em;
      color: #0b2d4c;
}

.microformatting .large-3:nth-child(n+5){
   display: none;
  }

.microformatting .project-expand {
    color: white;
    padding: 0.35em 4em 0.4em 0.7em;
    background: #0b2d4c;
    font-family: Montserrat-Light;
    text-align: left;
    font-size: 0.9rem;
    border-radius: 2px;
    width: 90px;
    cursor: pointer;
    transition: 0.3s all;
    display: inline-block;
    position: relative;
    margin-bottom: 1em;
    float: left;
    clear: left;
}
.microformatting .project-expand:hover {
    transition: 0.3s all;
    background: #FF9800;
}
.microformatting .project-expand:after {
    content: "\f107";
    font: 0.9em/0.5em fontawesome;
    color: white;
    position: absolute;
    top: 0.95em;
    right: 0.6em;
}
@media only screen and (max-width: 728px) {
    .microformatting .large-3 {
      width: 100%;
      margin-bottom: 0px;
    }
}





/* Cookie PopUp CSS */
#cookiepopup {
  padding: 3em;
  background-color: rgba(15, 43, 70, 0.95);
  position: fixed;
  bottom: 0px;
  width: 462px;
  text-align: center;
  z-index: 99999;
  display: none;
}
@media only screen and (max-width: 728px) {
#cookiepopup {
  width: 100%;
}
}
#cookiepopup h4 { color: #fff; margin: 0px; font-size: 1.8em; }
#cookiepopup p { color: #eee; font-size: 1.4em; }
#cookiepopup .cookiepopup-continue {
  color: #fff;
  font-size: 1.5em;
  text-decoration: underline;
  margin: 2em;
  cursor: pointer;
  position: relative;
  left: -1em;
}
#cookiepopup .cookiepopup-learnmore {
  color: #fff;
  font-size: 1.5em;
  text-decoration: underline;
  position: relative;
  left: -2em;
}
#cookiepopup .cookiepopup-closebutton {
  color: #fff;
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: rgba(255,255,255,0.8);
  color: #222;
  padding: 0.8em 0.9em 0.7em 1em;
  font-size: 2em;
  font-family: Arial;
  font-weight: 900;
  cursor: pointer;
}
#cookiepopup .cookiepopup-closebutton:hover {
  background-color: rgba(0,0,0,0.8);
  color: #fff;
}

@media (max-width: 768px) {
  #cookiepopup h4 { font-size: 1.2rem; }
  #cookiepopup p { font-size: 0.8rem; }
  #cookiepopup .cookiepopup-continue { font-size: 0.8rem; }
  #cookiepopup .cookiepopup-learnmore { font-size: 0.8rem; }
  #cookiepopup .cookiepopup-closebutton { font-size: 1.2em; }
}





/* -------------------------------------- */
/* SIGNATURE GRADIANT PRELOADER ANIMATION */
/* -------------------------------------- */
.g-preloader.type_1::before, .g-preloader.type_1::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  border: 2px solid;
  z-index: 111111; }

.l-preloader-spinner {
  text-align: center;
  color: inherit; }

.l-preloader.done .l-preloader-spinner {
  opacity: 1; }

.l-preloader-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  background-color: transparent;
  color: inherit;
  opacity: 1;
  transition: opacity 0.3s;
  transform: translate3d(-50%, -50%, 0); }

.l-preloader.done {
  opacity: 1;
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition: all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s; }

.l-preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 111111;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.45s;
  background-color: #fff;
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
  }

.g-preloader {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 36px;
  height: 36px; }

.l-preloader .g-preloader {
  width: 50px;
  height: 50px;
  z-index: 111111; }

.g-preloader.type_1::after {
  border-color: transparent;
  border-top-color: inherit;
  -webkit-animation: rotation 0.8s infinite cubic-bezier(0.6, 0.3, 0.3, 0.6);
  animation: rotation 0.8s infinite cubic-bezier(0.6, 0.3, 0.3, 0.6); }

.g-preloader.type_1::before {
  opacity: .2; }

.hidden {
  /*display: none !important;*/
  opacity: 0 !important;
    transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
  }

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes rotation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.l-preloader-logo {
  margin-bottom: 20px;
  opacity: 0;
  -webkit-transition: all 50ms ease-out 0s;
  -moz-transition: all 50ms ease-out 0s;
  -o-transition: all 50ms ease-out 0s;
  transition: all 50ms ease-out 0s; }

.logo-reveal {
  opacity: 1;
  -webkit-transition: all 1000ms ease-out 0s;
  -moz-transition: all 1000ms ease-out 0s;
  -o-transition: all 1000ms ease-out 0s;
  transition: all 1000ms ease-out 0s; }

  .logo-reveal img{
    width: 70%;
  }

.l-preloader {
  color: #002952;
  background: #05284e;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(-45deg, #05284e, #ffffff);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(-45deg, #05284e, #ffffff);
}


/* -------------------------------------- */
/* .SIGNATURE GRADIANT PRELOADER ANIMATION */
/* -------------------------------------- */




.fullwidth, .size-full, .halfleft {
  position: relative;
  margin: 0 0 2em 3em;
  float: right;
  max-width: 40em;
  width: 60%;
  border-radius: 0.3em;
  margin-left: 3em;
  box-shadow: 0.1em 0.1em 0.2em 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0.1em 0.1em 0.2em 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0.1em 0.1em 0.2em 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 1em;
   }
  .fullwidth img, .size-full img, .halfleft img {
    width: 100%; }
  .fullwidth .featured-caption, .size-full .featured-caption, .halfleft .featured-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    padding: 1em;
    font: 1.6em Montserrat, "Helvetica Neue", helvetica, arial, sans-serif;
    color: #666; }

.post-gallery-cta {
    cursor: pointer;
    background-color: #f7f7f7;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.post-gallery-cta:hover {
    background-color: #ff9800;
    color: #fff;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.post-gallery-cta h1 {
    padding: 1em;
}




/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}


.post-gallery-cta a {
  display: none;
}
.post-gallery-cta a:first-child {
  display: block;
}
.post-gallery-cta a img {
  display: none;
}

.menu-item-object-events .mega-menu {
  display: none;
}




/* General styles for the Password modal */

/*
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the
perspective effects (not including the modals and the overlay).
*/
.md-perspective,
.md-perspective body {
  height: 100%;
  overflow: hidden;
}

.md-perspective body  {
  background: #222;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  perspective: 600px;
}

@media screen and (max-width: 768px) {
  .md-content .closebutton {
        width: 100% !important;
    }
    .md-content > div p {
        margin: 0;
        padding: 10px 0;
        font-size: 0.7em;
    }
}

.md-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50%;
  max-width: 630px;
  min-width: 320px;
  height: auto;
  z-index: 100000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.md-show {
  visibility: visible;
}

.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(0,0,0,0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible;
}

/* Content styles */
.md-content {
  color: #fff;
  background: rgba(15, 43, 70, 0.95);
  position: relative;
  border-radius: 3px;
  margin: 0 auto;
}

.md-content h3 {
  margin: 0;
  padding: 0.4em;
  text-align: center;
  font-size: 2.2em;
  font-weight: 900;
  opacity: 1;
  background: rgba(0,0,0,0.1);
  border-radius: 3px 3px 0 0;
  color: #fff;
  padding-top: 1em;
  padding-bottom: 1em;
}

.md-content a {
  color: #fff;
  text-decoration: underline;
}

.md-content .closebutton {
    background: none;
    color: #fff !important;
    padding: 1em 1em;
    text-transform: uppercase;
    font-size: 0.9rem;
    border-radius: 0;
    border: 2px solid #fff;
    position: relative;
    text-decoration: none;
    display: block;
    margin-top: 1em;
    text-align: center;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
    font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif;
}
.md-content h3 .fa-exclamation {
    font-size: 3em;
    font-weight: 300;
    border: 3px solid #fff;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    margin-bottom: 0.2em;
    padding-top: 0.25em;
}
.md-content > div {
  padding: 15px 40px 30px;
  margin: 0;
  font-weight: 300;
  font-size: 1.15em;
}

.md-content > div p {
  margin: 0;
  padding: 10px 0;
  font-size: 1rem;
}

.md-content > div ul {
  margin: 0;
  padding: 0 0 30px 20px;
}

.md-content > div ul li {
  padding: 5px 0;
}

.md-content button {
  display: block;
  margin: 0 auto;
  font-size: 0.8em;
}
.md-trigger {
  display: none !important;
}
.md-close, .login-page-password {
  cursor: pointer;
}

/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

#events_tab div.wpcf7-mail-sent-ok {
    border:none !important;
    background: #8BC34A !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 1em !important;
    border: none !important;
    font-size: 1rem !important;
    margin: 0 !important;
    text-align: center !important;
}

.top-leaderboard-close {
    padding: 14px 18px 14px !important;
    font-size: 2em;
    right: 0px;
    color: #fff;
    background-color: #ddd;
    bottom: 0px;
    position: absolute;
    font-size: 2em;
    font-family: Arial;
    font-weight: 900;
    cursor: pointer;
}
.top-leaderboard-close:hover {
    background-color: #222;
    color: #fff;
}
.top-leaderboard-closed .fixed-top-ads {
  display: none;
}

#search_results_page .search_results .search_img img {
  padding: 5em;
}

.ajax-response {
  display: none !important;
}





body.single-projects .carousel img, body.single-post .carousel img {
  max-width: 100%;
  width: 100%;
  display: block !important;
}
body.single-projects .slick-slider .slick-slide, body.single-post .slick-slider .slick-slide {
  padding: 0em;
  border: none;
  position: relative;
}
body.single-projects .slick-slider .slick-slide:hover, body.single-post .slick-slider .slick-slide:hover {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
body.single-projects .slick-slider .slick-slide img, body.single-post .slick-slider .slick-slide img {
  margin-bottom: 0em;
}
body.single-projects .slick-slider .slick-prev, body.single-post .slick-slider .slick-prev {
    right: auto;
    left: -1.5em;
    z-index: 1;
    background-color: #fff;
    border-radius: 100px;
    box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.19);
}
body.single-projects .slick-slider .slick-next, body.single-post .slick-slider .slick-next {
    left: auto;
    right: 0em;
    z-index: 1;
    background-color: #fff;
    border-radius: 100px;
    box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.19);
}
body.single-projects .slick-slider .slick-dots, body.single-post .slick-slider .slick-dots {
    margin-top: 1em;
    margin-left: 0px;
}
body.single-projects .slick-slider .slick-dots li, body.single-post .slick-slider .slick-dots li {
    margin: 0 0.4em;
    width: 0.8em;
    height: 0.8em;
}
body.single-projects .slick-slider .slick-arrow, body.single-post .slick-slider .slick-arrow {
    width: 4em;
    height: 4em;
}
body.single-projects .slick-slider .slick-arrow:after, body.single-post .slick-slider .slick-arrow:after {
    font: 3.2em/1.25em fontawesome;
    content: "\f105";
    color: black;
    text-indent: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
}
body.single-projects .slick-slider .slick-next:after, body.single-post .slick-slider .slick-next:after {
    left: 5px;
}
body.single-projects .slick-slider .caption, body.single-post .slick-slider .caption {
    position: absolute;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 1rem;
    text-align: left;
    padding: 1em;
    bottom: 10px;
    margin-bottom: 0px;
    height: auto;
    max-width: 100%;
    min-width: 100%;
}

body.single-projects #infinite-article .entry-header .post-categories {
  display: none;
}


/****** search results page *******/
#search_results_page .search_results .search_content .storefront_search_date{
  padding: 0.8em 0.1em !important;
}

  /* .TO BE REFACTORED */


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 .site-nav ul li .mega-menu article{
    display: block !important;
  }
  .site-nav ul li .mega-menu article .article-category{
    top:0em !important;
  }
  .listcat .article-images{
    display: block !important;
  }
}


header .login-form .aiowps-captcha label {
  color: #fff;
}

header .login-form .aiowps-captcha-equation strong {
  color: #fff;
  font-size: 0.8rem;
}

header .login-form .aiowps-captcha-equation #aiowps-captcha-answer {
    margin-top: 1rem;
}

.login-links .login-form {
  height: auto;
  bottom: 30% !important;
}

.login-hover .dropdown-content {
    visibility: hidden;
    z-index: -99;
}

.login-hover .dropdown-content span {
    margin-right: 0em !important;
    border-bottom: 0px solid #eee;
    display: inline-block;
    padding: 1em;
    width: 100%;
    padding-left: 0em;
    padding: 0em !important;
}
.login-hover .dropdown-content span a {
    text-decoration: none;
    padding: 1.5em;
    width: 100%;
    display: block;
}
.login-hover .dropdown-content span:hover {
    background-color: #0b2d4c;
}
.login-hover .dropdown-content span:hover a {
    color: #fff;
}
.login-hover:hover .dropdown-content {
    opacity: 1;
    visibility: visible;
    z-index: 9999;
    display: block;
    width: 300px;
}
.login-links li a {
    text-decoration: underline;
    padding-right: 1em;
    font-size: 1.0em !important;
}

.login-links-top {
    text-align: center;
    margin-left: -2em;
}
.login-links-top li {
  text-align: center;
  margin-left: -2em;
}

.login-links-top li a {
    text-decoration: underline;
    padding-right: 1em;
    font-size: 1.0em !important;
}


.login-hover .dropdown-content span:before {
    display: none !important;
}
@media (max-width: 1100px) {
    .dropdown-content {
        left: 0em;
        right: auto !important;
        padding: 0em !important;
    }
    body.login-open .login-hover:hover .dropdown-content {
        opacity: 0 !important;
        visibility: hidden;
        z-index: -1;
        display: none;
    }
}

.single .article-description {
   border-top: 1px solid #e8e8e8 ;
   padding-top: 1em;
   margin-bottom: 0;
   font-size: 2.2em;
   color: #5e5e5e ;
   line-height: 1.6;
}



.project-timeline-related-heading {
    background: #0b2d4c;
    margin: 0;
    padding: 0px;
    color: #fff;
    height: 3em;
    padding: 1em;
    font: 1.8em Montserrat, 'Helvetica Neue', helvetica, arial, sans-serif;
    text-transform: uppercase;
}

.about_online_page #newsletter .generic-content table td:nth-of-type(1){
width:80%;
}
.about_online_page #newsletter .generic-content table td:nth-of-type(2){
width:20%;
}

/*** pharmaceutical skin override **/
@media (min-width: 1439px) {
  .box-skin_body .top-leaderboard {
    display: block !important;
  }
}



/* ***************************

LIVE REPORTS. Chris Boyle. 6 April 2018

*************************** */
.post-content {
  margin-right: 0.5em;
}
.post-217 .mag_headline {
  display: none;
}

.live-report header.main-header {
  padding: 4em 0;
  position: relative;
}
  .live-report header.main-header:before {
    content: '';
    background: #ebebeb;
    position: absolute;
    left: -5000px;
    right: -5000px;
    top: 0;
    bottom: 0;
    display: block;
  }
  .live-report header.main-header h1 {
    font-size: 4em;
    position: relative;
  }
    .live-report header.main-header h1 small {
      display: block;
      width: 8em;
      padding: 0.5em;
      background: #0b2d4c;
      color: white;
      font: 40% Montserrat, helvetica, arial, sans-serif;
      text-transform: uppercase;
      position: relative;
      margin: 0 0 0.5em 0;
    }
      .live-report header.main-header h1 small b {
        position: relative;
      }
      .live-report header.main-header h1 small:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 100%;
        animation-name: live-report;
        animation-duration: 1s;
        animation-iteration-count: infinite;
      }
    .live-report header.main-header p {
      position: relative;
    }

@keyframes live-report {
    0%   { background: #53a3ec; right: 100%; }
    100% { background:#0b2d4c; right: 0; }
}

.live-report section {
  border-top: solid 0.5em #ebebeb;
  padding-top: 2em;
  margin: 2em -1em 0 -1em;
}
  .live-report section .row {
    margin: 0 -1em;
  }
  .live-report section header h2 {

  }
  .live-report section .columns {
    padding: 1em;
  }
  .live-report section article {
    padding: 2em;
    border-radius: 0.2em;
    box-shadow: 0.1em 0.1em 0.5em 0 rgba(0,0,0,0.1);
  }
    .live-report section article h3 {
      margin: 0 0 1em 0;
    }

  
/* Deals Watch */
/*.deals-watch h2 {
  background: #98d3eb;
  padding: 1em 1em 0.9em 1em;
  border-radius: 0.2em;
  font: 2.1em/1 Montserrat, "Helvetica Neue", helvetica, arial, sans-serif;
  margin: 0 0 1em 0;
  position: relative;
}
  .deals-watch h2:after {
    content: '';
    width: 8.5em;
    position: absolute;
    top: -0.2em;
    right: 0;
    bottom: 0;
    background: url(/wp-content/themes/goodlife-wp-child/assets/img/deals-watch.png) no-repeat;
    background-size: 100%;
  }*/
  
.latest-news-col {
  border-left: none;
}
.deals-watch {
  margin-bottom: 3em;
  padding: 0 0 3em 3em;
  border-bottom: solid 1px #ebebeb;
}
.deals-watch h2 {
  background: #252630;
  color: white;
  padding: 1em 1em 0.9em 1em;
  border-radius: 0.2em;
  font: 2.1em/1 Montserrat, "Helvetica Neue", helvetica, arial, sans-serif;
  margin: 0 0 1em 0;
  position: relative;
}
  .deals-watch h2:after {
    content: '';
    width: 10em;
    position: absolute;
    top: -2.5em;
    right: -1em;
    bottom: 0;
    background: url(../chart2.html) no-repeat;
    background-size: 100%;
  }

.deals-watch li {
  background: white;
  padding: 1.5em;
  border-radius: 0.3em;
  box-shadow: 0 0 0.3em 0 rgba(0,0,0,0.1);
  margin-bottom: 1em;
  position: relative;
}
/*  .deal-date {
    background: #0c2e4c;
    border-radius: 100%;
    color: white;
    width: 4.4em;
    height: 4.4em;
    font: 300 0.6em/1.6em montserrat, arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    float: left;
    margin-left: -0.3em;
    padding: 0.8em 0 0 0;
  }*/
    .deal-date b {
      display: block;
      font-size: 1.8em;
      text-transform: none;;
    }
  .deals-watch li h3 {
    width: 79%;
    float: right;
    margin: 0 0 1em 0;
    font: 1em montserrat, helvetica, arial, sans-serif;
  }
    .deals-watch li h3 a {
      
    }
  .deal-details {
    border-top: solid 1px #ebebeb;
    padding-top: 1em;
    font: 0.85em montserrat, helvetica, arial, sans-serif;
    clear: both;
  }
     .deals-watch li .deal-type {
      float: left;
      width: 49%;
    }
     .deals-watch li .deal-status {
      float: right;
      width: 49%;
      text-align: right;
    }
    .deals-watch li .deal-value {
      position: absolute;
      right: -5em;
      width: 5em;
      top: 2em;
      background: #0c2e4c;
      color: white;
      text-align: right;
      padding: 0.5em;
    }
.deals-watch .cta {
  font: 1.8em Montserrat, helvetica, arial, sans-serif;
  margin-top: 2em;
} 

/* Related companies */
.related-companies {
  position: relative;
}
  .related-companies h3 {
    border-bottom: 0.556em solid #ececec;
    padding-bottom: 1em;
  }
  .related-companies .joyride {
    background: #0b2d4c;
    box-shadow: 0.1em 0.1em 3em 0 rgba(0,0,0,0.3);
    padding: 2em;
    position: absolute;
    width: 40em;
    left: -44em;
    top: 22em;
    z-index: -9999;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out;
  }
    .related-companies .joyride:after {
      content: '';
      position: absolute;
      right: -2em;
      top: 50%;
      margin-top: -2em;
      border-left: solid 2em #0b2d4c;
      border-top: solid 2em transparent;
      border-bottom: solid 2em transparent;
    }
    .related-companies .joyride h4 {
      color: white;
      margin: 0 0 0.3em 0;
      font: lighter 3em montserrat, helvetica, arial, sans-serif;
    }
    .related-companies .joyride p {
      color: white;
      margin: 0;
      font: lighter 1.8em montserrat, helvetica, arial, sans-serif;
    }
    .related-companies .joyride .close-toggle, .close-traffic-driving-pop-up {
      position: absolute;
      right: 0;
      top: 0;
      background: rgba(255,255,255,0.1);
      width: 4em;
      height: 4em;
      cursor: pointer;
      text-indent: -5000px;
      overflow: hidden;
      z-index: 9;
    }
      .related-companies .joyride .close-toggle:after, .close-traffic-driving-pop-up:after {
        content: "\f00d";
        font: 1.4em/3em fontawesome;
        color: white;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        text-indent: 0;
      }
      

  .reached-microformatting .related-companies .joyride {
    top: 17em;
    z-index: 9999;
    visibility: visible;
    opacity: 1;
  }
  .reached-microformatting .related-companies li:first-of-type {
    padding: 5%;
    margin: 0 -5%;
    width: 110%;
    max-width: 110%;
  }
  .end-joyride .related-companies .joyride {
    opacity: 0;
    top: 50em;
    visibility: hidden;
    z-index: -9999;
  }

.sal li:hover {
  background-color: #ebebeb
}

.storefront-preview {
    position: absolute;
    background: #0c2e4b;
    width: 43em;
    right: 16.3em;
    z-index: 9999;
    box-shadow: 0 0 3em 0 rgba(0,0,0,0.35);
    padding: 1em;
    padding-right: 0;
    top: 0;
    padding-bottom: 0;
}
.storefront-preview:after {
    content: '';
    position: absolute;
    right: -.6em;
    top: 12%;
    margin-top: -2em;
    border-left: solid 1.5em #0b2d4c;
    border-top: solid 1.5em transparent;
    border-bottom: solid 1.5em transparent;
}
.closex {
    position: absolute;
    right: 1em;
    color: white;
    font-family: Helvetica Neue, sans-serif;
    margin-top: -.4em;
    border: 1px solid;
    border-radius: 39px;
    padding: .2em;
    width: 1.8em;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
}
.sal li {
  position: relative;
}
.remove {
  display: none
}
.noshow {
  opacity: 0;
}
.storefront-preview .followcheck input {
    width: 8% !important;
    margin-left: .3em;
}
.storefront-preview .sfenquiry {
    padding: 1em;
    background: #143552;
    margin-top: 1em;
}
.storefront-preview  p {
    margin: 0.5em 0 0 0;
    font-size: 0.78em;
    font-family: Montserrat, sans-serif;
}

.storefront-preview .about h5 {
    color: orange;
    font-family: Montserrat, serif;
    margin: 1em 0;
}
.storefront-preview .followcheck {
    font-size: .9em;
}

.storefront-preview .products li {
    border: none;
}
.storefront-preview .help-tip {
    display: none
}
.storefront-preview input {
    width: 95% !important;
}

.storefront-preview textarea {
    width:  95% !important;
    font-size: 1em;
}
.storefront-preview {
    opacity:  0;
    z-index: -9999
}
.autoshow {
    opacity: 1;
    transition:  .2s;
    z-index: 99999;
}
.sal li:hover .storefront-preview {
    opacity: 1;
    transition:  .2s;
    z-index: 99999
}
.storefront-preview .products h5 {
    color: orange;
    font-family: Montserrat, serif;
    margin: 1em 0;
}
.storefront-preview article a {
    color: white;
    font-family: 'Montserrat', sant-serif;
    font-size: 1.4em;
}
.storefront-preview article h6 {
  margin: 0;
}

.storefront-preview .about {
  margin-bottom: 3em;
  }
  .make_an_enq input {
    width: 75%;
    margin: 0 auto;
    background: transparent;
    border-radius: 0em;
    margin-bottom: 0.7em;
    border: 1px solid #a5bdd2;
    border-left: transparent;
    border-right: transparent;
    border-top: transparent;
    color: white;
    font-family: 'Helvetica neue', Arial;
    box-shadow: none;
}
.ci_image {
    display:  inline-block;
}

.c_name {
display: inline-block;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    padding-left: 1em;
    color: white;
    font-size: 1.1em;
}
.storefront-preview .large-7 {
    padding-right: 2em;
}
.ci_image img {
    max-width:  5em;
}

.company_info_sp {
    display:  block;
    margin: 1em 9px;
    margin-left: 0;
}
.storefront-preview p {
    color: white;
}
.storefront-preview .products article {
    margin: 1em 0 2em 0;
}
.storefront-preview .make_an_enq input[type=submit] {
    font-size: 1.1em;
}
.storefront-preview .make_an_enq input[type=submit] {
    font-size: .9em;
    margin-left: .5em;
    margin-top: 0;
    color: #252a2d;
    text-transform: uppercase;
    font-weight: 600;
}
.make_an_enq input[type="text"]:focus {
    background: transparent;
    box-shadow: 0px 3px white;
    transition: 1s;
    border: none;
}

.make_an_enq textarea {
  width: 75%;
  margin: 0 auto;
  background: transparent;
  border-radius: 0.2em;
  border: 1px solid #a5bdd2;
  color: white;
  margin-top: 2em;
  font-family: 'Helvetica neue', Arial;
}


.make_an_enq input::placeholder {
  color: #c9e1f5;
  font-size: 0.9em;
}

.make_an_enq textarea::placeholder {
  color: #c9e1f5;
  font-size: 0.9em;
}

.make_an_enq input[type=submit] {
  background: #ff9800;
  border: none;
  border-radius: 0 !Important;
  padding: 0.5em;
  margin-top: 1em;
}

.followcheck {
  display: inline-block;
  width: 70%;
  text-align: left;
  color: #92adc5;
  font-size: 1.4em;
  font-family: helvetica;
  font-weight: 400;
  margin-top: 1em;
}

.enqbottom .followcheck {
    width: 86%;
}
.spenquiry span {
    color: #0c2f4b;
    font-family: Montserrat, sans-serif;
    background: orange;
    padding: 3px 13px;
    border-radius: 2px;
    font-size: .7em;
}
.spenquiry h3 {
    font-size: 1em !important;
    color: white !important;
    border: none !important;
    margin: 20px 0px !important;
    padding: 0;
    margin-left: 12px !important;
    display: inline-block;
    border-left: 1px solid white;
    padding-left: 12px;
    position: relative;
}

.spcategory span {
    color: white;
    font-family: Montserrat, sans-serif;
    font-size: .72em;
    width: auto;
    position: relative;
    margin: 0 !important;
    padding-right: 1em;
    background: #1a4a71;
    padding: .7em;
}

.spcategory span a {
    color:  white;
    cursor: pointer;
}

.spcategory {
    width:  100%;
    display:  inline-block;
    margin:  2em 0;
}
.followradio {
  width: 1em !important;
}

.c_name a {
    color:  white;
}

.c_name a:hover {
    cursor:  pointer;
    color: white;
}

.storefront-preview .about h5
 a {
    cursor:  pointer;
    color:  orange;
}


.storefront-preview .products h5
 a {
    cursor:  pointer;
    color:  orange;
}

@media (max-width: 800px) {
  .storefront-preview {
      right: 0;
      width: 111%;
      text-align: center;
      margin-right: -23px;
      margin-top: -7em;
  }
  .c_name {
    padding-left: 0;
    display: block;
    margin-top: 22px;
  }
  .sal li .large-3 {
    padding-right: 0 !important;
    margin-bottom: 13px;
  }
  .storefront-preview .sfenquiry {
    margin-left: -1em;
  }
  .company_info_sp {
    margin: 1em 0;
  }
  .spcategory {
    line-height: 2.5;
  }
  .storefront-preview:after {
    display: none;
  }
}

.tab-8 .storefrontcontent {
    margin-top: -0.2em;
}
/* Storefront preview December 2019 */

.sal li {
  position: relative;
  min-height: 5.5em;
  overflow: hidden;
}
  .sal li .storefront-preview.preview-lat-2019 {
    position: absolute;
    background: white;
    padding: 1em;
    box-shadow: 0 0.3em 2em 0 rgba(0,0,0,0.2);
    width: 100%;
    left: 0;
    right: 0;
    border-top: solid 3px #0b2e4a;
    opacity: 0;
    top: 6em;
    z-index: -9999;
    transition: top 0.4s ease-in-out, opacity 0.4s ease-in-out;
  }
    .sal li .storefront-preview.preview-lat-2019:before {
      content: '';
      position: absolute;
      left: 50%;
      margin-left: -1em;
      top: -1em;
      border-bottom: solid 1em #0b2e4a;
      border-left: solid 1em transparent;
      border-right: solid 1em transparent;
    }
    .sal li:hover {
      overflow: visible;
    }
      .sal li:hover .storefront-preview.preview-lat-2019 {
        opacity: 1;
        top: 7.9em;
        z-index: 9999;
      }
      /*.sal li:hover + li {
        z-index: -99;
      }*/
    .sal li .storefront-preview.preview-lat-2019 .company-name {
      margin-top: 1em;
    }
    .sal li .preview-actions {
      margin: 1em 0 2em 0;
      border-top: solid 1px #ebebeb;
    }
      .sal li .preview-actions span {
        height: auto;
      }
        .sal li .preview-actions span a {
          display: block;
          border-bottom: solid 1px #ebebeb;
          position: relative;
          padding: 0.8em 0;
          transition: all 0.3s ease-in-out;
        }
          .sal li .preview-actions span a:after {
            content: "\f105";
            font: 1em/3em fontawesome;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
          }
          .sal li .preview-actions span a:hover {
            border-bottom: solid 1px #ccc;
          }
    .message-company a {
      background: #0b2e4a;
      color: white;
      text-align: center;
      padding: 0.5em;
      display: block;
    }
      .message-company a:hover {
        background: #222;
        color: white;
      }
	  .storefront-preview.preview-lat-2019 p { 
	  color: #0a0a0a;
	  font-size:0.9em;
	  font-family:inherit;
	  }
	  .storefront-preview.preview-lat-2019:after{
	  content:none;
	  }
/* Storefront preview December 2019 End */

@media (min-width: 900px) {
  .tabs-container nav ul li {
      padding-left: 1em !important;
      padding-right: 1em !important;
  }
}

/* Deals Feed / Deals Landing Page / Deals Table */
.single .deals-main {
  margin-top: 0;
}
/*.deals-header {
  position: relative;
  background: #252630;
  background: linear-gradient(to right,#2B6CA4,#80C8BC);
}
  .deals-header img {
    position: absolute;
    top: -17em;
    right: 0;
    width: 60%;
  }
  .deals-header img:nth-of-type(2) {
    right: auto;
    left: 0;
    top: 20em;
    border: none;
    opacity: 0.5;
    width: 60%;
  }
  .deals-header .intro {
    padding: 6em 0 10em 0;
    position: relative;
    z-index: 9;
  }
    .deals-header .intro h1 {
      margin: 0 0 0.5em 0;
      font-size: 6em;
      color: white;
      position: relative;
      padding-right: 3em;
      width: 10em;
    }
    .deals-header .intro p {
      margin: 0;
      font-size: 2.4em;
      max-width: 100%;
      width: 500px;
      color: white;
    }
.deals-content {
  margin-top: -10em;
  padding: 2em 1em 4em 1em;
  background: rgba(255,255,255,1);
  position: relative;
  z-index: 9;
  box-shadow: 0 0 3em 0 rgba(17,94,159,0.12);
  margin-top: -10em;
}
.pagination-deals a {
    color: #00DEA5;
}
.pagination-deals span {
    background: #00DEA5;
}
.deals-content #Analytics {
  width: 960px;
  max-width: 100%;
  padding: 4em 0;
  margin: 0 auto;
}
.chart {
    width: 48%;
    height: 230px;
    float: left;
    padding: 0 3em;
    border-right: solid 1px #ebebeb;
}
.chart2 {
  border: none;
  float: right;
}
  .tabnav {
    clear: both;
  }
    .tabnav li a {
      font: lighter 0.8em Montserrat, helvetica, arial, sans-serif;
      margin-left: 1em;
    }
      .tabnav li a input {
        margin-right: 0.5em;
      }*/
      
/* Latest deals */
.latest-deals {
  margin: 0 -1.5em 3em -1.5em;
}
  .latest-deals .large-3 {
    padding: 1.5em;
  }
    .latest-deals article, .deals-table {
        box-shadow: 0.15em 0.15em 0.5em 0 rgba(0,0,0,0.2);
        border-radius: 0.3em;
        padding: 2em;
        min-height: 20em;
    }
      .latest-deals article h3 {
        font: 1.4em/1 montserrat, helvetica, arial, sans-serif;
      }
      .latest-deals article .deal-value, .latest-deals article .deal-date2 {
        border-top: solid 1px #ebebeb;
        margin-top: 1em;
        padding-top: 1em;
        font: lighter 1.6em/1 montserrat, helvetica, arial, sans-serif;
        color: #666;
        width: 50%;
        display: inline-block;
    color:#00DEA5;
      }
    .deal-value {
        padding-top: 8px !important;
       }
      .latest-deals article .deal-date2 {
        width: 48%;
    color: #00DEA5;
        font-size: 12px;
      }
    thead tr td {
    border-bottom: 1px solid #00DEA5;
    border-top: 1px solid #00DEA5;
  }
  .pagination-deals span {
    background: none;
    color: #00DEA5;
  }
  table thead tr {
    background: white;
   }
      .latest-deals .acquisition {
        border-top: solid 0.5em #0091ff;
      }
      .latest-deals .acquisition h3 {
        color: #0091ff;
      }
     .latest-deals .equity h3 {
        color: orange;
      }
      .latest-deals .private h3 {
        color: #23d44c;
      }
      .latest-deals .debt h3 {
        
      }

      .latest-deals .equity {
        border-top: solid 0.5em orange;
      }
        .latest-deals .latest-equity-offering h3 {
          color: orange;
        }
      .latest-deals .private {
        border-top: solid 0.5em #23d44c;
      }
        .latest-deals .latest-equity-deal h3 {
          color: #23d44c;
        }
      .latest-deals .debt-offering {
        border-top: solid 0.5em red;
      }
        .latest-deals .debt-offering h3 {
          color: red;
        }
    
/* Deals table */
.all-deals h2 {
    text-align: center;
    margin: 0 0 1em 0;
    font-size: 4em;
}
.deals-table {
  font: 1.6em Montserrat, "Helvetica Neue", helvetica, arial, sans-serif;
  padding: 0;
}
  .deals-table tr {
    
  }
    .deals-table tr td {
      padding: 1em;
      font-size: 0.85em;
    border-right: 1px solid #808080;
    font-weight: normal;
    }

#bar_chart path {
    fill: #00DEA5 ;
}
#bar_chart1 path {
    fill: #00DEA5 ;
    stroke: #00DEA5 ;
}
#bar_chart1 circle {
    fill: #00DEA5;
}

    table tbody tr:nth-child(even) {
      background: none;
    }
text[y="64.5"] {
    display: none;
}
rect[width='12'] {
    display: none;
}
/* The container-radio */
.container-radio {
    display: inline;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-radio:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-radio input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container-radio .checkmark:after {
  top: 4px;
    left: 4px;
    width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}



.chart-note {
    clear: both;
    float: right;
    width: 35em;
    font: lighter 1.4em Montserrat, helvetica, arial, sans-serif;
    text-align: right;
  padding-right: 12px;
  font-size: 13px;
}
@media (max-width: 960px) {
  .chart, .chart2 {
    width: 100%;
    float: none;
    text-align: center;
    height: 250px !important;
  }
    .chart svg {
      margin: 0 auto;
      max-width: 100%;
    }
}
@media (min-width: 960px) {
  .deals-header .intro {
    padding: 6em 0 10em 0;
  }
  .deals-content {
      margin-top: -10em;
  }
    .chart-note {
      margin-top: -3em;
    }
}




/* Chris Boyle. 24/07/18. Digital Disruption */
body.digital-disruption {
  font-size: 62.5%;
}
    .top-features .row {
        position: relative;
    }
  .hide-animation .row:before {
        opacity: 0;
        z-index: -99;
    }
    .top-features .featured-articles {
        padding: 0;
        font-size: 1em;
    }
        .featured-articles li {
            padding: 0;
            position: relative;
        }
            .featured-articles li article {
                overflow: hidden;
            }
        .featured-articles li:nth-of-type(1) {
            padding: 0;
            height: 62em;
            margin-bottom: 3em;
            background: black;
            overflow: hidden;
            box-shadow: inset 0 0 5em 0 rgba(0,0,0,0.5);
        }
        .featured-articles li:nth-of-type(1) article .featured-image {
            width: 120%;
            max-width: 120%;
            margin: 0 -10%;
            opacity: 0.4;
            transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
        }
        .featured-articles li:nth-of-type(1) article .article-text {
            position: absolute;
            width: 60%;
            top: 50%;
            left: 50%;
            margin-top: -12em;
            margin-left: -30%;
            transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
            padding: 3em 0;
            text-align: center;
            font-size: 1.2em;
            z-index: 9;
            background: rgba(0,0,0,0);
            padding: 5em 3em;
        }
        .featured-articles li:nth-of-type(1):hover .featured-image {
            opacity: 1;
        }
        .featured-articles li:nth-of-type(1):hover article .article-text {
            margin-top: -15em;
            background: rgba(0,0,0,0.8);
        }
        .featured-articles li:nth-of-type(1) article .article-text:before {
            content: '';
            position: absolute;
            top: 2em;
            width: 40%;
            left: 30%;
            background: rgba(255,255,255,0.5);
            height: 1px;
        }
        .featured-articles li:nth-of-type(1) article .article-text:after {
            content: '';
            position: absolute;
            bottom: 2em;
            width: 40%;
            left: 30%;
            background: rgba(255,255,255,0.5);
            height: 1px;
        }
            .featured-articles article .article-tags a {
              text-transform: uppercase;
              font: 1.6em/1 Montserrat, helvetica, arial, sans-serif;
              background: #0b2d4c;
              padding: 0.5em;
              color: white;
              display: inline-block;
            }
            .featured-articles li:nth-of-type(1) article .article-tags a {
                background: #e0ecff;
                color: #1f1e25;
                font-size: 1.2em;
            }
            .featured-articles li:nth-of-type(1) h2 a, .featured-articles li:nth-of-type(1) p {
                color: white;
            }
            .featured-articles li:nth-of-type(1) p {
                opacity: 0.7;
            }


        .featured-articles li:nth-of-type(2) {
            float: right;
        }
        .featured-articles li:nth-of-type(2), .featured-articles li:nth-of-type(3) {
            padding: 0;
            margin: 0;

        }
        .featured-articles li:nth-of-type(4) {
            padding: 0;
            margin: 0;
            clear: left;
        }
        .featured-articles li:nth-of-type(5) {
            padding: 0;
            position: relative;
            overflow: visible;
        }

        /*.top-features .featured-articles li:nth-of-type(1), .top-features .featured-articles li:nth-of-type(2), .top-features .featured-articles li:nth-of-type(3). .top-features .featured-articles li:nth-of-type(4), .top-features .featured-articles li:nth-of-type(5) {
            opacity: 0;
            transition: opacity 0.3s ease-in-out;
            -moz-transition: opacity 0.3s ease-in-out;
            -webkit-transition: opacity 0.3s ease-in-out;
        }
        .top-features .featured-articles li:nth-of-type(1) {
            opacity: 0;
            transition: opacity 1.3s ease-in-out;
            -moz-transition: opacity 1.3s ease-in-out;
            -webkit-transition: opacity 1.3s ease-in-out;
        }
        .top-features .featured-articles li:nth-of-type(2) {
            opacity: 0;
            transition: opacity 2s ease-in-out;
            -moz-transition: opacity 2s ease-in-out;
            -webkit-transition: opacity 2s ease-in-out;
        }
        .top-features .featured-articles li:nth-of-type(3) {
            opacity: 0;
            transition: opacity 3s ease-in-out;
            -moz-transition: opacity 3s ease-in-out;
            -webkit-transition: opacity 3s ease-in-out;
        }
        .top-features .featured-articles li:nth-of-type(4) {
            opacity: 0;
            transition: opacity 4s ease-in-out;
            -moz-transition: opacity 4s ease-in-out;
            -webkit-transition: opacity 4s ease-in-out;
        }
        .top-features .featured-articles li:nth-of-type(5) {
            opacity: 0;
            transition: opacity 5s ease-in-out;
            -moz-transition: opacity 5s ease-in-out;
            -webkit-transition: opacity 5s ease-in-out;
        }
        .top-features .featured-articles li:nth-of-type(6) {
            opacity: 0;
            transition: opacity 5s ease-in-out;
            -moz-transition: opacity 5s ease-in-out;
            -webkit-transition: opacity 5s ease-in-out;
        }
        .hide-animation.top-features .featured-articles li:nth-of-type(1), .hide-animation.top-features .featured-articles li:nth-of-type(2), .hide-animation.top-features .featured-articles li:nth-of-type(3), .hide-animation.top-features .featured-articles li:nth-of-type(4), .hide-animation.top-features .featured-articles li:nth-of-type(5),  .hide-animation.top-features .featured-articles li:nth-of-type(6) {
            opacity: 1;
        }*/



 .featured-articles li:nth-of-type(5) .home-email-subscription {
                padding: 3em;
                background: rgba(255,255,255,0.8);
                box-shadow: 0 0 3em 0 rgba(0,0,0,0.2);
                position: relative;
                z-index: 9;
            }
                .featured-articles li:nth-of-type(5) .home-email-subscription .widget_wysija {
                    display: block !important;
                }
                .featured-articles li:nth-of-type(5) .home-email-subscription ul li:nth-of-type(1) {
                    position: absolute;
                    height: auto;
                    z-index: 9999;
                    font-size: 1.2em;
                    top: 6.9em;
                    left: 1.8em;
                    right: 2em;
                    background: #FFFFE0;
                    padding: 1em 1.5em;
                    border: solid 1px #E6DB55;
                    box-shadow: none;
                }
                
            .featured-articles li:nth-of-type(5) .home-email-subscription:focus {
                box-shadow: 0 0 5em 0 rgba(0,0,0,0.4);
            }
        .featured-articles li:nth-of-type(6) {
            
        }
            .featured-articles li:nth-of-type(2) article, .featured-articles li:nth-of-type(3) article, .featured-articles li:nth-of-type(4) article {
                position: relative;
                height: 31em;
                background: black;
            }
                    .featured-articles li:nth-of-type(2) .article-text, .featured-articles li:nth-of-type(3) .article-text, .featured-articles li:nth-of-type(4) .article-text {
                        position: absolute;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
                        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
                        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
                        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
                        padding: 3em;
                    }
                        .featured-articles li:nth-of-type(2) .article-text h2, .featured-articles li:nth-of-type(3) .article-text h2, .featured-articles li:nth-of-type(4) .article-text h2 {
                            font-size: 2.1em;
                        }
                        .featured-articles li:nth-of-type(4) article, .featured-articles li:nth-of-type(5), .featured-articles li:nth-of-type(6), .home .brexit-tracker-iframe, .featured-articles li:nth-of-type(5) .home-email-subscription {
                            height: 38em;
                        }
                        .featured-articles li:nth-of-type(2) img, .featured-articles li:nth-of-type(3) img, .featured-articles li:nth-of-type(4) img {
                            opacity: 0.7;
                            transition: all 0.4s ease-in-out;
                            -moz-transition: all 0.4s ease-in-out;
                            -webkit-transition: all 0.4s ease-in-out;
                            max-width: 140%;
                            width: 140%;
                            margin: 0 -20%;
                        }
                        .featured-articles li:nth-of-type(2):hover img, .featured-articles li:nth-of-type(3):hover img, .featured-articles li:nth-of-type(4):hover img {
                            opacity: 1;
                            width: 130%;
                            max-width: 130%;
                            margin: 0 -15%;
                        }
            
            
    .featured-articles li h2 {
        font: 3em/1.3 Lora, Georgia, serif;
        margin: 0;
        position: relative;
        text-shadow: 0.01em 0.01em 0.5em black;
    }
        .featured-articles li h2 a {
            color: white;
        }
    .featured-articles li h3 {
        font: lighter 2.4em/1.3 Lora, Georgia, serif;
        margin: 0
    }
        .featured-articles li h3 a {
            color: white;
        }
    .featured-articles li p {
        font: lighter 1.8em/1.5 'Droid Serif', "Helvetica Neue", helvetica, arial, sans-serif;
        margin: 1em 0 0 0;
    }
    .featured-articles li:nth-of-type(4) h2, .featured-articles li:nth-of-type(5) h2, .featured-articles li:nth-of-type(6) h2 {
        font-size: 1.8em;
    }
    .comment-feature {
        margin: 0;
        padding: 3em 0;
    }
            .featured-articles li img {
                width: 100%;
            }
            .featured-articles li .home-email-subscription h3 {
                text-transform: uppercase;
                font: bold 2.7em/1.1 Lato, "Helvetica Neue", helvetica, arial, sans-serif;
                margin: 0 0 0.7em 0;
            }
                .home-email-subscription h3 small {
                    font-size: 100%;
                    color: #000;
                }
            .featured-articles li .home-email-subscription p {
                margin: 0;
                font-size: 1.3em;
            }
                .featured-articles li .home-email-subscription p span.privacy-policy-agree {
                    float: left !important;
                    width: 50% !important;
                    padding-bottom: 1em !important;
                    margin-top: -0.3em !important;
                    font: 1.2em Lato, montserrat, helvetica, arial, sans-serif;
                }
            .featured-articles li .home-email-subscription h3 + p {
                margin: 1em 0 0 0;
                font-size: 2em;
                width: 15em;
            }
            .home-email-subscription input[type=text] {
                background: #e0ecff;
                margin: 1em 0;
                width: 14em;
                position: relative;
                z-index: 9;
                font-size: 1.4em;
            }
            .featured-articles li p .privacy-policy-agree {
                max-width: 12em;
                display: inline-block;
                font-size: 0.8em;
            }
            .featured-articles li p input[type="checkbox"] {
                margin: 0px 12px 0 0;
                width: 4% !important;
            }
            .home-email-subscription .widget_wysija_cont .wysija-submit {
                margin: 1em 0 0 0;
                border: none;
                background: #053561;
                padding: 0.5em 1em;
                font-size: 1.6em;
                color: white;
                cursor: pointer;
                clear: left;
                display: block !important;
            }
            .featured-articles li .home-email-subscription {
                overflow: hidden;
            }
                .featured-articles li .home-email-subscription img {
                    position: absolute;
                    right: -0.75em;
                    bottom: -3em;
                    width: 60%;
                }
        

.article-label {
    position: absolute;
    left: -0.5em;
    top: 0;
    background: #333;
    padding: 0.5em 0.5em 0.4em 2.5em;
    text-transform: uppercase;
    z-index: 9;
    color: white;
    font-size: 1.6em;
    letter-spacing: 0.1em;
    line-height: 1;
}
.featured-articles li:nth-of-type(2) .article-label, .featured-articles li:nth-of-type(3) .article-label {
    display: none;
}
.article-label:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -0.5em;
    border-top: solid 0.5em black;
    border-left: solid 0.5em transparent;
}
.article-label:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -0.5em;
    border-top: solid 0.5em black;
    border-left: solid 0.5em transparent;
}



.digital-disruption.home main {
  padding-top: 0;
  background: none;
}
  .digital-disruption main header {
        background: #a1c4e4;
        padding: 3em 0 12em 0;
        margin: 0 0 -9em 0;
  }
    .digital-disruption h1 {
      max-width: 200px;
      margin: 0em auto;
    }
  .dd-article-list.article-grid {
    font-size: 1em;
    margin: 0 auto;
  }
    .dd-article-list.article-grid .article-list {
      margin: 0 -1.9em;
    }
      .dd-article-list.article-grid .article-list li {

      }
        .dd-article-list.article-grid ul li:nth-child(3n+1) {
          clear: none;
        }
        .dd-article-list.article-grid ul li:nth-child(4n+1) {
          clear: none;
        }
        .dd-article-list.article-grid .article-list li article h2 {
            font-size: 1.8em;
        }

  .dd-latest-content {
    
  }
    .dd-latest-content .listcat article {
      padding: 2em;
    }
      .dd-latest-content .listcat article h3 {
        font-size: 2.1em;
      }


/* Trending / Focus Nav bar */

/* Remove this after style.css version number is updated */
  body .trending {
    background: #0b2d4c;
    box-shadow: 0 0 1em 0 rgba(0,0,0,0.3);
  }
  /* */

  .trending li {
      display: inline-block !important;
  }

  .trending li a:before {
      content: '';
      display: block;
      left: 0;
      top: 50%;
      position: absolute;
      height: 0.75em;
      width: 0.75em;
      margin: -0.3525em 0 0 0;
      border-radius: 100%;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
  }
  body .trending p {
    padding-left: 0;
    font-weight: bold;
    color: white !important;
  }
  body .trending p:before {
    display: none;
  }

  .trending li a {
      color: white;
  }
  .trending li a:before {
      background-color: #b2b2b2; 
  }


.focus-nav {
  background: #e6e6e6;
  margin-bottom: 3em;
}
  .focus-nav p, .focus-nav ul {
    display: inline-block;
    color: #0b2d4c;
    font: 400 1.8em Montserrat, "Helvetica Neue", helvetica, arial, sans-serif;
    margin: 0;
  }
  .focus-nav p {
    padding: 1em;
    background: rgba(0,0,0,0.2);
  }
    .focus-nav ul li {
      display: inline-block;
    }
      .focus-nav ul li a {
        color: #0b2d4c;
        padding: 1em;
        transition: all 0.4s ease-in-out;
        display: inline-block;
      }
      .focus-nav ul li.has-sub-menu {
        background: #b1c6da;
        position: relative;
      }
        .focus-nav ul li.has-sub-menu ul:before {
          content: '';
          position: absolute;
          left: 0em;
          top: 50%;
          margin-top: -1em;
          border-left: solid 1em #b1c6da;
          border-top: solid 1em transparent;
          border-bottom: solid 1em transparent;
        }
        .focus-nav ul li ul {
          padding-left: 2em;
          font-size: 0.9em;
          background: rgba(255,255,255,0.1);
          position: relative;
        }
        .focus-nav ul li a:hover {
          background: #0b2d4c;
          color: white;
        }


@media (max-width: 319px) {
    .top-features .featured-articles li:nth-of-type(6) {
        height: 52em !important;
    }
        .brexit-tracker-iframe {
            height: 48em !important;
        }
            .small-widget {
                height: 48em !important;
            }
                .brexit-cta {
                    margin: 0 0em 0 0;
                }
                .how-text {
                    margin: 0 0 0 1em;
                }
}
@media (min-width: 500px) {
    .small-widget {
        height: 41em !important;
    }
}
@media (max-width: 767px) {
    /*.home-page {
        padding: 0 2em;
    }*/
        .featured-articles li {
            padding: 1em 0 !important;
            float: none !important;
        }
            .featured-articles li:nth-of-type(1) article .article-text {
                position: static;
                margin: 0;
                width: 100%;
            }
            .featured-articles li:nth-of-type(1) {
                height: auto !important;
                margin-bottom: 1em;
            }
                .featured-articles li:nth-of-type(1) article .article-text {
                    position: relative;
                    top: 0;
                    left: 0;
                    margin: 0;
                    width: 100%;
                }
                .featured-articles li:nth-of-type(1):hover article .article-text {
                    margin: 0;
                }
        .featured-articles li:nth-of-type(4) article, .featured-articles li:nth-of-type(5), .featured-articles li:nth-of-type(6), .featured-articles li:nth-of-type(5) .home-email-subscription {
            height: auto;
            margin-bottom: 0;
            float: none;
        }
            .home-email-subscription input[type=text] {
                width: 100%;
            }
}
@media (max-width: 768px) {
    .alm-listing li img {
        width: 100%;
        margin-bottom: 2em;
    }
    .featured-articles li.vi-promo a {
        height: 17em;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .featured-articles li:nth-of-type(2), .featured-articles li:nth-of-type(3) {
        padding: 0 0 2em 2em;
    }
    .featured-articles li:nth-of-type(4) {
        margin-bottom: 2em;
    }
    .featured-articles li:nth-of-type(2), .featured-articles li:nth-of-type(3), .featured-articles li:nth-of-type(4), .featured-articles li:nth-of-type(5) {
        width: 50%;
        float: left;
        clear: none;
    }
        .featured-articles li .home-email-subscription h3, .featured-articles li:nth-of-type(3) h2, .featured-articles li:nth-of-type(4) h2, .featured-articles li:nth-of-type(5) h2, .featured-articles li h3 {
            font-size: 3.6em;
        }
        .featured-articles li .home-email-subscription h3 {
            font-size: 2.4em;
        }
        .featured-articles li p {
            width: auto;
        }
        .featured-articles li .home-email-subscription img {
            width: 50%;
        }
    .featured-articles li:nth-of-type(5) {
        padding-right: 1em;
    }
}
@media (min-width: 1024px) {
    .most-recently {
        padding-right: 3em;
    }
    .mpus-column {
        padding-left: 3em;
    }
    .sidebar-mpu-2 {
        border-top: none;
        padding-top: 0;
    }
}
@media (max-width: 1280px) {
    .featured-articles li h2 {
        font-size: 2.4em;
    }
    .featured-articles li:nth-of-type(3) h2, .featured-articles li:nth-of-type(4) h2, .featured-articles li:nth-of-type(5) h2, .featured-articles li h3 {
        font-size: 1.8em;
    }
    .featured-articles li.vi-promo {
        height: 21.4em;
    }
        .featured-articles li.vi-promo a {
            height: 21.4em;
        }
}
@media (max-height: 900px) {
    .featured-articles li:nth-of-type(1) {
        overflow: hidden;
        height: 55em !important;
    }
        .featured-articles li:nth-of-type(1) article .article-text {
            top: 45%;
        }
    .featured-articles li:nth-of-type(2) article, .featured-articles li:nth-of-type(3) article {
        height: 27.5em;
        overflow: hidden;
    }
}
@media (max-height: 700px) {
        .site-header nav ul li {
            padding-bottom: 0;
        }
    .home-page {
        padding: 1em 2em;
    }
}
@media (max-width: 700px) {
    .featured-articles li.vi-promo:before {
        width: 25em;
        height: 18em;
    }
    .featured-articles li.vi-promo a {
        height: 23em;
    }
    .featured-articles li.vi-promo span {
        margin-top: 6em;
        text-align: center;
    }
    .featured-articles li.vi-promo b {
        float: none;
        margin: 1em auto;
        max-width: 100%;
    }
}
@media (max-width: 900px) {
    .home-page {
        padding: 1em 3em;
    }
}
@media (max-height: 900px) and (max-width: 1440px) {
    .site-header nav {
        background: white;
        border: none;
    }
        .site-header nav ul li {
            margin: 0 0em;
        }
    .home-page {
        padding: 1em 3em;
    }
        .featured-articles li:nth-of-type(1) {
            height: 54em;
        }
    /*.featured-articles li:nth-of-type(2), .featured-articles li:nth-of-type(3) {
        padding: 0 0 2em 2em;
    }
    .featured-articles li:nth-of-type(4) {
        padding: 0 2em 2em 0;
    }
    .featured-articles li:nth-of-type(6) {
        padding: 0 0 0 2em;
    }*/
}
@media (max-width: 500px) {
    .home-page {
        padding: 0;
    }
        .featured-articles li:nth-of-type(1) article .article-text {
            font-size: 0.9em;
            padding: 5em 3em 4em 3em;
        }
}
@media (max-width: 767px) {
    .site-header nav {
        padding: 0em 2em;
        margin: 0;
    }
        .site-header nav .row {
            padding: 1.5em 0 0.5em 0;
        }
    .home-page {
        padding: 0em 3em;
    }
        .featured-articles li:nth-of-type(1) {
            height: auto !important;
        }
    .comment-feature .featured-articles li:nth-of-type(5) {
        height: auto;
        padding: 0 !important;
        margin-top: 1em;
    }
}
@media (max-width: 460px) {
    .site-header nav {
        padding: 0em 1em;
        margin: 0;
    }
    .home-page {
        padding: 0em 2em;
    }
        .featured-articles li:nth-of-type(1) article .article-text {

        }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .featured-articles li:nth-of-type(1) {
        margin-bottom: 2em;
    }
    .featured-articles li:nth-of-type(2) {
        padding-left: 0;
        padding-top: 0em;
    }
    .featured-articles li:nth-of-type(3) {
        padding-top: 0;
    }
    .featured-articles li:nth-of-type(4) {
        padding-right: 0;
        width: 100%;
    }
        .featured-articles li:nth-of-type(4) article {
            overflow: hidden;
        }
    .featured-articles .top-features li:nth-of-type(5) {
        padding: 0 1em 0 0;
    }
    .featured-articles li:nth-of-type(6) {
        padding: 0 0 0 1em;
        float: right;
        margin-bottom: 2em;
        width: 50%;
    }
    .featured-articles li.vi-promo {
        width: 100%;
        margin-bottom: 0;
    }
}
@media (max-width: 1050px) {
    .mpu-header {
        display: none;
    }
}
@media (min-width: 900px) and (max-width: 1050px) {
    .the-page {
        padding-top: 2em;
    }
}
@media (max-width: 460px) {
    .featured-articles li h2 {
        font-size: 2.1em;
    }
}
@media (min-height: 1000px) and (min-width: 1800px) {
    .featured-articles li:nth-of-type(1) {
        height: 55em;
    }
        .featured-articles li:nth-of-type(1) article .article-text {
            font-size: 1em;
        }
    .featured-articles li:nth-of-type(2) article, .featured-articles li:nth-of-type(3) article {
        height: 27.5em;
    }
    .featured-articles li:nth-of-type(5) .home-email-subscription {
        font-size: 0.9em;
        height: 42em;
    }
    .featured-articles li:nth-of-type(4) article, .comment-feature .featured-articles li:nth-of-type(4) article {
        height: 38em;
    }
    .brexit-tracker-iframe {
        height: 41em !important;
    }
        .small-widget {
            height: 40.3em;
        }
}

/* IP Targeting Project. miner problems poll  */
.full-screen-survey {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background: rgba(0,0,0,0.8);
    z-index: 999;
    opacity: 1;
    transition: opacity 0.4s ease-in-out;
    overflow: scroll;
}
.overlay-poll {
    background: white;
    padding: 3em;
    border-radius: 0.3em;
    margin: 8em auto 4em auto;
    width: 78em;
    max-width: 100%;
    text-align: left;
    box-shadow: 0 0 4em 0 rgba(0,0,0,0.3);
    z-index: 9999;
}
  .overlay-poll header {
    margin: -3em -3em 3em -3em;
    background: #0c2e4b;
    padding: 3em 3em 3em 13em;
    position: relative;
  }
    .overlay-poll header:before {
      /*content: "\f200";*/
      content: "\f071";
      font: 7em/1 fontawesome;
      position: absolute;
      left: 0.5em;
      top: 0.4em;
      color: #FED418;
    }
    .close-survey {
      position: absolute;
      right: 2em;
      top: 2em;
      width: 3em;
      height: 3em;
      text-indent: -5000px;
      overflow: hidden;
      cursor: pointer;
    }
      .close-survey:after {
        content: "\f00d";
        font: 3em/1em fontawesome;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        text-indent: 0;
        text-align: center;
        color: white;
      }
  .overlay-poll header .close-survey-thank-you {
      position: absolute;
      right: 2em;
      top: 2em;
      width: 3em;
      height: 3em;
      text-indent: -5000px;
      overflow: hidden;
      cursor: pointer;
    }
      .overlay-poll header .close-survey-thank-you:after {
        content: "\f00d";
        font: 3em/1em fontawesome;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        text-indent: 0;
        text-align: center;
        color: white;
      }
  #infinite-article .entry-content .overlay-poll h2 {
    color: white;
    margin: 0;
    font: 2.7em Montserrat, "helvetica neue", helvetica, arial, sans-serif;
  }
    #infinite-article .entry-content .overlay-poll h2 small {
        display: block;
        font-size: 0.7em;
        line-height: 1.2;
        text-transform: uppercase;
        background: #fed516;
        width: 10.5em;
        color: black;
        padding: 0.2em;
        text-align: center;
        margin: 0 0 0.4em 0;
    }
    #infinite-article .entry-content .overlay-poll  h3 {
      color: white;
    }
    #infinite-article .entry-content .overlay-poll p {
      color: white;
      margin: 0;
      font: 1.8em Montserrat, helvetica, arial, sans-serif;
    }
  .overlay-poll .adyoulike {
    display: none;
  }
    .wpcf7-list-item {
      display: inline-block;
      width: 50%;
      margin: 0 0 1em 0;
    }
    .overlay-poll .wpcf7-checkbox, .overlay-poll .wpcf7-checkbox {
      display: inline-block;
    }
      .overlay-poll .wpcf7-checkbox label, .overlay-poll .wpcf7-label label, .overlay-poll .wpcf7-list-item label {
        position: relative;
        color: white;
        font: 16px Montserrat, helvetica, arial, sans-serif;
        padding-left: 1em;
        cursor: pointer;
      }
        .overlay-poll .wpcf7-checkbox label input[type="checkbox"], .overlay-poll .wpcf7-radio label input[type="radio"] {
          position: relative;
          left: -0.38em;
          opacity: 0.1;
          color: white;
        }
        .overlay-poll .wpcf7-checkbox input[type="checkbox"]:checked + span, .overlay-poll .wpcf7-radio input[type="radio"]:checked + span {
          position: relative;
          color: #fed516;
        }
          .overlay-poll .wpcf7-checkbox label:before, .overlay-poll .wpcf7-radio label:before, .overlay-poll .wpcf7-list-item label:before {
            content: '';
            width: 1.5em;
            height: 1.5em;
            border: solid 0.2em;
            background: rgba(255,255,255,0.2);
            position: absolute;
            left: 0em;
            top: 50%;
            margin-top: -1.2em;
            border-radius: 100%;
            cursor: pointer;
          }
          .overlay-poll .wpcf7-checkbox input[type="checkbox"]:checked + span:after, .overlay-poll .wpcf7-radio input[type="radio"]:checked + span:after {
            content: "\f00c";
            font: 30px fontawesome;
            position: absolute;
            left: -1.3em;
            top: -0.2em;
            color: #fed516;
            text-shadow: 0.1em 0.1em 0.3em rgba(0,0,0,0.5)
          }
        
        #infinite-article .entry-content .overlay-poll p:last-of-type {
          padding: 3em;
          font-size: 1em;
          margin: 0 -3em -3em -3em;
          text-align: center;
          background: rgba(255,255,255,0.2);
        }
        #infinite-article .entry-content .overlay-poll p:first-of-type {
          margin: 1em 0 3em 0;
          padding: 0;
          background: none;
          font-size: 1.8em;
        }
          #infinite-article .entry-content .overlay-poll p:first-of-type strong {
            background: #fed615;
            color: black;
          }
        #infinite-article .entry-content .overlay-poll .wpcf7-form p:first-of-type {
          margin: 3em 0px 1em 0;
        }
        .overlay-poll textarea {
          font-size: 1em !important;
          height: 7em !important;
          line-height: 1.5 !important;
          background-color: #325d80 !important;
          box-shadow: inset 0.1em 0.1em 1em rgba(0,0,0,0.3);
          margin-bottom: 2em;
          color: white;
        }
        .overlay-poll p {
          clear: both;
        }
        .overlay-poll label {
          color: white;
        }
        .overlay-poll .gdpr span {
          display: inline-block;
        }
        .overlay-poll input.wpcf7-submit {
          background: #fed615;
          border: none;
          font-size: 1em;
          float: left;
          text-transform: uppercase;
          padding: 0.5em 3em 0.4em 3em;
          margin: 0 auto;
          cursor: pointer;
          transition: all 0.4s ease-in-out;
          box-shadow: 0.1em 0.1em 2em 0 rgba(0,0,0,0.4);
        }
        .overlay-poll input.wpcf7-submit:hover {
          background: #66abf1;
        }

.proceed-to-article {
    width: 20em;
    max-width: 100%;
    background: white;
    font-size: 1.8em;
    margin: 0 auto;
    padding: 1em 0.5em;
    font: 1.8em montserrat, helvetica, arial, sans-serif;
    border-radius: 0.2em;
    text-transform: uppercase;
    box-shadow: 0.1em 0.1em 2em 0 rgba(0,0,0,0.4);
    margin-top: 10em;
    cursor: pointer;
    max-width: 100%;
}
  .proceed-to-article:hover {
    background: #66abf1;
  }

.overlay-poll h2 small {
    display: block;
    font-size: 0.8em;
    line-height: 1.2;
    text-transform: uppercase;
    background: #fed516;
    width: 9.5em;
    color: black;
    padding: 0.2em;
    text-align: center;
    margin: 0 0 0.4em 0;
}
.overlay-poll h2 {
    color: white;
    margin: 0;
    font: 2.7em Montserrat, "helvetica neue", helvetica, arial, sans-serif;
}
.overlay-poll p:first-of-type {
    margin: 1em 0 3em 0 !important;
    padding: 0 !important;
    background: none !important;
    font-size: 1.8em !important;
}
.overlay-poll p:first-of-type strong {
    background: #fed615 !important;
    color: black !important;
}
.overlay-poll p {
    color: white;
    margin: 0;
    font: 1.8em Montserrat, helvetica, arial, sans-serif;
}
.overlay-poll p:last-of-type {
    padding: 3em;
    font-size: 1em;
    margin: 0 -3em -3em -3em;
    text-align: center;
    background: rgba(255,255,255,0.2);
}  
  
.survey-closed .full-screen-survey {
  opacity: 0;
  z-index: -9999;
  visibility: hidden;
}
.screen-reader-response{
display:none;
}
label.formlabel {
    float: left;
    color: white;
    font: 18px montserrat, helvetica, arial, sans-serif;
    width: 25%;
}
.forminput {
    width: 70%;
    float: right;
}
.fielddiv {
    min-height: 55px;
}
@media (max-width: 660px) {
  #infinite-article .entry-content .overlay-poll h2 {
    font-size: 2.1em;
  }
  .wpcf7-list-item {
    width: 100%;
  }
  .sidebar-toggle {
    display: none;
  }
  .survey-closed .sidebar-toggle {
    display: block;
  }
}
@media (max-width: 400px) {
  .overlay-poll header {
    padding: 3em 3em 3em 3em;
  }
  .overlay-poll header:before {
    display: none;
  }
}


/* Generic lead capture modal: for use in all modals */
.full-screen-modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.8);
  text-align: center;
  z-index: 99999;
  overflow: scroll;
}
    .lead-capture-modal {
        background: white;
        border-radius: 0.2em;
        margin: 8em auto 4em auto;
        width: 78em;
        /*height: 90vh;*/
        max-width: 100%;
        text-align: left;
        box-shadow: 0 0 4em 0 rgba(0,0,0,0.3);
        position: relative;
        z-index: 9999;
    }
        .lead-capture-modal header {
          background: white;
          margin: -3em -3em 3em -3em;
          padding: 3em;
          /*height: 30em;*/
          z-index: 999;
      }
          .lead-capture-modal header img {
              box-shadow: 0.1em 0.1em 1em 0 rgba(0,0,0,0.1);
              margin-top: 3em;
          }
          .lead-capture-modal .close-survey:after {
            color: black;
          }
          .lead-capture-modal .scrollable {
              /*padding: 3em;
              position: absolute;
              left: 0;
              top: 0;
              right: 0;
              bottom: 0;*/
              padding: 3em;
              /*position: absolute;
              top: 30em;*/
              overflow: scroll;
              left: 0;
              right: 0;
              bottom: 0;
          }
            #pardot-form .pd-checkbox input {
              display: inline-block;
            }
            #pardot-form .pd-checkbox label {
              display: inline-block;
              width: 90% !important;
            }

.traffic-driving-pop-up {
    padding: 3em;
    background: #1390cb;
}

    .traffic-driving-pop-up h2, .traffic-driving-pop-up p, .entry-content div.traffic-driving-pop-up p:first-of-type {
        color: white;
    }
      #infinite-article .entry-content .lead-capture-modal.traffic-driving-pop-up h2 small {
          background: none;
          padding: 0;
          letter-spacing: 0.1em;
          font-weight: bold;
      }
    .traffic-driving-pop-up .cta-button {
        margin: 2em 0;
    }
        .traffic-driving-pop-up .cta-button a {
            background: #ed4e4e;
            border-radius: 0.2em;
            padding: 0.8em 4em 0.8em 0.8em;
            box-shadow: 0.1em 0.1em 0.2em 0 rgba(0,0,0,0.2);
            transition: all 0.4s ease-in-out;
            position: relative;
        }
            .traffic-driving-pop-up .cta-button a:hover {
                background: #033a54;
                color: white;
            }
            .traffic-driving-pop-up .cta-button a:after {
                content: "\f078";
                position: absolute;
                font: 1em/2.8em fontawesome;
                right: 0;
                top: 0;
                bottom: 0;
                width: 3em;
                text-align: center;
            }

.traffic-driving-pop-up-closed .traffic-driving-pop-up, .traffic-driving-pop-up-closed .full-screen-modal {
    display: none;
}

@media (min-width: 1024px) {
  .traffic-driving-pop-up .promo-text {
    width: 50%;
  }
  .traffic-driving-pop-up:after {
    content: '';
    background: url(../jpg/whitepaper-promo.jpg) no-repeat;
    background-size: 123%;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    bottom: 0;
  }
  
}
@media (max-height: 800px) {
  .lead-capture-modal header {
    height: 22em;
  }
      .lead-capture-modal header img {
          margin-top: 1em;
          width: 12em;
          margin-left: 3em;
      }
      .lead-capture-modal header p {
          margin-bottom: 0;
      }
  .lead-capture-modal .scrollable {
    top: 21em;
  }
  #pardot-form p.form-field {
    margin: 0;
  }
  .Verdict_Privacy_opt_in  label {
    width: 90%;
  }

  .lead-capture-modal header {
      background: white;
      margin: 0;
      padding: 2em;
      height: auto;
      position: relative;
    }
      .lead-capture-modal header:after, .lead-capture-modal header:before, .lead-capture-modal header p {
        display: none;
      }
      .lead-capture-modal header img {
          display: none;
      }
}
@media (max-height: 700px) {
  .lead-capture-modal {
        background: white;
        border-radius: 0.2em;
        margin: 0 auto 0 auto;
        height: auto;
    }
          .lead-capture-modal .scrollable {
              height: auto;
              top: 0;
              position: relative;
          }
}
      
      #infinite-article .entry-content .lead-capture-modal h2, #infinite-article .entry-content .lead-capture-modal h3, #infinite-article .entry-content .under-post-lead-capture h2, #infinite-article .entry-content .under-post-lead-capture h3, #infinite-article .entry-content .under-post-lead-capture h2 {
        margin: 0 0 1em 0;
        font: 3em/1.3 montserrat, "helvetica neue", helvetica, arial, sans-serif;
      }
          #infinite-article .entry-content .lead-capture-modal h2 small, .under-post-lead-capture header h2 small {
              display: block;
              font-family: montserrat, helvetica, arial, sans-serif;
              text-transform: uppercase;
              background: #0a2d4c;
              color: #b6dcf6;
              width: 12em;
              text-align: center;
              padding: 0.5em;
              font-size: 60%;
              margin-bottom: 0.3em;
          }
      .lead-capture-modal label, .under-post-lead-capture label {
        font: 1.8em/1.3 montserrat, "helvetica neue", helvetica, arial, sans-serif;
      }
      .lead-capture-modal .gdpr, .under-post-lead-capture .gdpr {
          margin: 1em 0;
          padding: 0.8em 0 0 0;
          font: 1.6em/1.3 montserrat, "helvetica neue", helvetica, arial, sans-serif;
          border-top: solid 1px #ebebeb;
          border-bottom: solid 1px #ebebeb;
      }
      .lead-capture-modal .wpcf7-list-item, .under-post-lead-capture .wpcf7-list-item {
        width: auto;
        display: inline;
      }
          .lead-capture-modal .wpcf7-list-item .wpcf7-list-item-label, .under-post-lead-capture .wpcf7-list-item .wpcf7-list-item-label {
            display: none;
          }
      .lead-capture-modal .wpcf7-form-control.wpcf7-submit, .under-post-lead-capture .wpcf7-form-control.wpcf7-submit {
          padding: 0em 3em;
          cursor: pointer;
      }
      .under-post-lead-capture .close-survey {
          display: none;
      }

.survey-closed .lead-capture-modal, .survey-closed .full-screen-modal {
  display: none !important;
}

@media (min-width: 768px) {
   .under-post-lead-capture header .header-text {
      padding-right: 2em;
   }
}



/*deals css*/
.deals-header h2, .deals-header h2 {
    width: 43%;
    margin: 1em auto;
    text-align: center;
    font: 2.1em montserrat, helvetica, arial, sans-serif;
    position: relative;
    background: #fefefe;
    padding: 0.5em;
    margin-top: 0;
    text-transform: uppercase;
}
.deals-header {
    margin-bottom: 0em;
    margin-top: 2em;
}
.deals-header small {
    display: block;
    font: 0.4em Montserrat, "Helvetica Neue", helvetica, arial, sans-serif;
    text-transform: uppercase;
    color: black;
    /*background: #00dda0;
    box-shadow: 0 0 1em 0 rgba(0,0,0,0.1);*/
    border: solid 1px;
    padding: 0.5em 0.5em 0.5em 2em;
    width: 16em;
    margin: 0 auto 1em auto;
    position: relative;
  }
.deals-header small:before {
    content: "\f201";
    font: 1em fontawesome;
    position: absolute;
    left: 0.5em;
    top: 50%;
    margin-top: -0.4em;
    color: black;
}
.deals-header h2:after {
    content:  '';
    position:  absolute;
    left:  -0px;
    right:  -0px;
    height:  0.2em;
    background: #00dda0;
    top:  50%;
    z-index: -9;
    margin-top: 0;
    -webkit-animation: dude .75s 1 forwards;
    animation: dude .75s 1 forwards;
    animation-delay: 2.5s;
}
.deals-features.featured-articles li .finance-deals-table-promo, .deals-features.featured-articles li .law-deals-table-promo {
  margin: 0;
}
.deals-league-tables-promo {
  padding: 3em 14em 3em 3em;
  margin-bottom: 3em;
  margin-right: 0;
  box-shadow: 0.1em 0.1em 1em 0 rgba(0,0,0,0.15);
  position: relative;
  overflow: hidden;
  height: 31em;
}
.featured-articles li:nth-of-type(2) img, .featured-articles li:nth-of-type(3) img, .featured-articles li:nth-of-type(4) img {
    opacity: 0.7;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    max-width: 140%;
    width: 140%;
    margin: 0 -20%;
}
.deals-league-tables-promo img, .legal-deals-table-promo img {
    transform: rotate(-7deg);
    top: -10em;
    box-shadow: 0.1em 0.1em 0.8em 0 rgba(0,0,0,0.2);
    width: 64%;
    position: absolute;
    right: -33em;
    opacity: 0.2;
  }
.deals-features.featured-articles li:nth-of-type(2) article h2, .deals-features.featured-articles li:nth-of-type(3) article h2 {
   text-shadow: none;
   font: 2.1em Montserrat, helvetica, arial, sans-serif;
}
.deals-league-tables-promo h2 {
    margin: 0;
    font-size: 2.7em;
    position: relative;
    z-index: 999;
}
.featured-articles li p {
    font: lighter 1.6em/1.5 Montserrat, "Helvetica Neue", helvetica, arial, sans-serif;
    margin: 1em 0 0 0;
}
.deals-league-tables-promo p {
  font: lighter 1.5em/1.5 Montserrat, helvetica, arial, sans-serif;
  z-index: 999;
  position: relative;
}
.featured-articles li:nth-of-type(2) .btn {
  margin-top: 1em;
}
.deals-league-tables-promo h2:after {
  content: '';
  height: 0.5em;
  width: 0em;
  position: absolute;
  right: 1em;
  background: #00dda0;
  transition: width 1s ease-in-out, right 1s ease-in-out;
  transition-delay: 0.5s;
}
.deals-league-tables-promo .btn a {
  position: relative;
  z-index: 999;
  display: block;
  padding: 1em;
  width: 12em;
  text-align: center;
  margin-top: 1em;
}
.featured-articles li:nth-of-type(2) img, .featured-articles li:nth-of-type(3) img, .featured-articles li:nth-of-type(4) img {
  opacity: 0.7;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  max-width: 140%;
  width: 140%;
  margin: 0 -20%;
}
.deals-features.featured-articles li:nth-of-type(2) article, .deals-features.featured-articles li:nth-of-type(3) article {
  height: 25.6em;
}
.deals-features.featured-articles li:nth-of-type(2) article {
  background: #f6f6f6;
}
.deals-features.featured-articles li:nth-of-type(3) article {
  background: #f6f6f6;
}
.submit-deal {
  background: #0b2d4c;
  padding: 3em 6em 5em 3em;
  position: relative;
  border-radius: 0.2em;
  box-shadow: 0.1em 0.1em 0.5em 0 rgba(0,0,0,0.2);
}
.featured-articles li:nth-of-type(3) h2 {
    font: 3em/1.3 Lora, Georgia, serif;
    margin: 0;
    position: relative;          
}
.submit-deal p {
  position: relative;
  z-index: 9;
  color: white;
  opacity: 0.9;
  font: 1.6em Montserrat, helvetica, arial, sans-serif;
}
.featured-articles li p {
    font: lighter 1.6em/1.5 Montserrat, "Helvetica Neue", helvetica, arial, sans-serif;
    margin: 1em 0 0 0;
}
.submit-deal p {
  position: relative;
  z-index: 9;
  color: white;
  opacity: 0.9;
  font: 1.6em Montserrat, helvetica, arial, sans-serif;
}
.submit-deal .btn {
  margin-top: 2em;
}
.submit-deal:after {
  content: "\f15c";
  font: 20em fontawesome;
  color: rgba(255, 255, 255, 0.1);
  position: absolute;
  right: -0.1em;
  bottom: -0.1em;
}
.submit-deal h2 {
  font-size: 3em;
  margin: 0;
  text-align: left;
  text-shadow: none;
  color: white;
}
.submit-deal .btn a {
    padding: 1em 2em;
    background: white;
    color: #0b2d4c;
}
.submit-deal:after {
    content: "\f15c";
    font: 20em fontawesome;
    color: rgba(255, 255, 255, 0.1);
    position: absolute;
    right: -0.1em;
    bottom: -0.1em;
}
.ticker {
    background: #f6f6f6;
    border-bottom: dashed 0.2em rgba(0,0,0,0.2);
}
img.deals_logo {
    margin: 1.2em 0 0 0;
    max-width: 12.8em;
}
.top_string {
    margin: 2em 0;
    padding: 1em 0;
    border-top: 4px solid;
    border-bottom: 4px solid;
    overflow: hidden;
}
.top_string ul {
    display: block;
    width: 50000px;
    margin-left: 0;
    animation-name: rightToLeft;
    animation-duration: 24s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 2s;
}
.top_string li {
    display: inline-block;
    margin-right: 3em;
}
li {
    /*list-style: none;*/
}
.top_string li div {
    display: inline-block;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    font-size: .8em;
}
.all-deals {
    overflow: auto;
}
.small-12.columns.data-page-content {
    border-bottom: 1px solid silver;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: silver;
}
.data-page-content {
    margin-top: 3em;
}
.all-deals h2 {
    text-align: center;
    margin: 0 0 1em 0;
    font-size: 1.8em;
}
.all-deals h2 img {
    width: 2.9em;
    position: relative;
    top: -0.2em;
    margin-left: 0.25em;
}
.all_deals h2 {
    font: 300 2.2em montserrat, helvetica, arial, sans-serif;
    text-transform: uppercase;
    color: white;
    background: #0a2d4b;
    padding: .5em 1em;
}
.all_deals .latest-deals-articles li:nth-child(odd) {
    background: #f8f8f8;
}
.all_deals .latest-deals-articles li {
    padding: 2em 1em;
}
.latest-deals-articles li {
    border-bottom: solid 1px #ebebeb;
}
.single_deal {
    overflow: auto;
    position: relative;
}
.large-1 {
    width: 8.33333%;
}
.deal-date {
    font-size: 0.7em;
}
.deal-date {
    margin-left: 0 !important;
}
.deal-date b {
    font-size: 240%;
    display: block;
}
.deal-date small {
    display: block;
    margin-top: 0.8em;
    color: #666;
}
.all_deals .large-11 {
    padding-left: .7em;
}
.all_deals .single_deal_top_type.deal-type1.article-category, .all_deals .single_deal_top_type_left.deal-type.article-category {
    display: inline-block;
    line-height: 1;
    padding: 0.5em;
    margin-bottom: 0.3em;
}

.single_deal_top_type.deal-type1.article-category {
    display: inline;
}
.all_deals .single_deal_top_type_left.deal-type.article-category {
    margin-left: 0;
}
.all_deals .single_deal_top_type_left.deal-type.article-category {
    float: none;
    margin-left: 1em;
}
.all_deals .single_deal_top_type.deal-type1.article-category, .all_deals .single_deal_top_type_left.deal-type.article-category {
    display: inline-block;
    line-height: 1;
    padding: 0.5em;
    margin-bottom: 0.3em;
}
.single_deal_top_type_left.deal-type.article-category {
    display: inline;
    float: right;
    vertical-align: middle;
    color: #0a2d4b;
}
.all_deals .latest-deals-articles li:nth-child(odd) .type_deal, .all_deals .latest-deals-articles li:nth-child(even) .type_deal, .all_deals .latest-deals-articles li:nth-child(odd) .type_deal {
    background: #00dda0;
    font-size: 1em;
    padding: 0.5em;
}
.all_deals .latest-deals-articles li:nth-child(odd) .type_deal {
    background: white;
}
.type_deal {
    display: inline-block;
    margin-right: 0.5em;
    background: #f3f3f3;
    padding: .5em .3em;
    font-size: .83em;
}
.read_more {
    text-align: right;
}
.DealsArchive {
    background: #33293e;
    padding: 3em;
    margin-bottom: 3em;
    color: white;
    clear: both;
    position: relative;
    border-radius: 0.35em;
}
.DealsArchive a, .DealsArchive a:hover {
    color: white;
}
div#pagination_bottom {
    margin-bottom: 5%;
}

div#pagination_bottom {
    width: 100%;
}
div#pagination_bottom {
    margin-top: 1%;
    clear: both;
}
.pagination-deals {
    text-align: right;
}
.pagination-deals a {
    color: black;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: #00dda0;
    margin-left: 0.5%;
    margin-right: 0.5%;
}
.pagination-deals span {
    background: none;
    color: #00DEA5;
}
.pagination-deals span {
    background: none;
    color: #00DEA5;
    font-size: 20px !important;
}
.pagination-deals a {
    font-size: 15px;
}
.featured-articles li img {
    width: 100%;
}
.featured-articles li:nth-of-type(1) {
    padding: 0;
   /* height: 53.3em; */
    background: black;
    overflow: hidden;
    box-shadow: inset 0 0 5em 0 rgba(0,0,0,0.5);
}
.featured-articles li {
    padding: 0;
    position: relative;
}
.featured-articles li article {
    overflow: hidden;
}
.featured-articles li:nth-of-type(1) article .featured-image {
    opacity: 0.6;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.featured-articles li:nth-of-type(1) article .article-text {
    position: absolute;
    width: 60%;
    top: 50%;
    left: 50%;
    margin-top: -12em;
    margin-left: -30%;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    padding: 3em 0;
    text-align: center;
    font-size: 1.2em;
    z-index: 9;
    background: rgba(0,0,0,0);
    padding: 5em 3em;
}

.top_string li {
    display: inline-block;
    margin-right: 3em;
}
.top_string ul {
    display: block;
    width: 50000px;
    margin-left: 0;
    animation-name: rightToLeft;
    animation-duration: 24s; /* or: Xms */
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
    animation-delay: 2s; /* or: Xms */
}
.top_string {
    margin: 2em 0;
    padding: 1em 0;
    border-top: 4px solid;
    border-bottom: 4px solid;
    overflow: hidden;
}
@keyframes rightToLeft {
    0%   {margin-left: 0;}
    100% {margin-left: -100%;}
}
.top_string li div {
    display: inline-block;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    font-size: .8em;
}
.top_string li div {
    display:  inline-block;
    font-family:  Montserrat, sans-serif;
    font-weight:  300;
    font-size: .8em;
}
.ts_type {
    padding-left: 1em;
}
.ts_deal {
    background: #b7f1db;
}
.single_deal .deal-type1 {
    color: white !important;
    font-weight: 300;
    font-size: .83em;
    background-color: #0b2d4c;
    padding: 0.5em;
}
.all_deals .latest-deals-articles li:nth-child(odd) .type_deal {
    background: #00dda0;
}


/**** league table page css *****/

.league-table {
  box-shadow: 0 0 3em 0 rgba(0,0,0,0.1);
}
  .league-table header {
    background: #32283f;
    padding: 3em;
    position: relative;
  }
    .league-table header h3 {
      color: white;
      font-weight: lighter;
      margin: 0;
      width: 80%;
      font: 2em/1.5 montserrat, helvetica, arial, arial, sans-serif;
    }
    .league-table header p {
        position: relative;
        padding-left: 1.5em;
        color: #64d9a4;
        font: 1.6em/1 montserrat, helvetica, arial, arial, sans-serif;
        margin: 0.5em 0 0 0;
    }
      .league-table header p:before {
        content: "\f073";
        font: 1em fontawesome;
        
        position: absolute;
        left: 0;
        top: 0;
      }
    .league-table header img {
      position: absolute;
      width: 15%;
      right: 3em;
      bottom: 3em;
    }
    .kpis {
  margin: 3em 0;
}
.row .kpis ul.row {
  margin: 0 -0.5em;
}
  .kpis li {
    padding: 0 0.5em;
  }
    .kpis article {
      border-top: solid 0.3em #e9e9fe;
      text-align: center;
      min-height: 9em;
    }
      .kpis article a {
        display: block;
        padding: 1.5em 2em 1em 2em;
        box-shadow: 0 0 4em 0 rgba(0,0,0,0.1);
        transition: all 0.5s ease-in-out;
      }
        .kpis article a:hover {
          box-shadow: 0 0 1em 0 rgba(0,0,0,0.25);
        }
      .kpis article strong {
        font: 0.8em Montserrat, "helvetica neue", helvetica, arial;
        margin: 0 0 0.5em 0;
        padding: 0 0 1em 0;
        border-bottom: solid 0.15em #e9e9fe;
        display: block;
      }
      .kpis article small {
        font: 1.1em Montserrat, "helvetica neue", helvetica, arial;
        margin: 0.5em 0 0 0;
        color: #7b70ce;
        display: block;
      }
      .kpis li:nth-of-type(2) article {
        border-top: solid 0.3em #d6f6e6;
      }
        .kpis li:nth-of-type(2) article strong {
          border-bottom: solid 0.15em #d6f6e6;
        }
        .kpis li:nth-of-type(2) article small {
          color: #4dd193;
        }
      .kpis li:nth-of-type(3) article {
        border-top: solid 0.3em #d9f2fb;
      }
        .kpis li:nth-of-type(3) article strong {
          border-bottom: solid 0.15em #d9f2fb;
        }
        .kpis li:nth-of-type(3) article small {
          color: #18b5e7;
        }
        .DealsArchive {
    background: #33293e;
    padding: 3em;
    margin-bottom: 3em;
    color: white;
    clear: both;
    position: relative;
    border-radius: 0.35em;
}
  .DealsArchive p {
    font: 1.8em montserrat, helvetica, arial, sans-serif;
    margin: 0;
  }
  .DealsArchive .large-6 {
    padding-left: 2em;
  }
  .DealsArchive a, .DealsArchive a:hover {
    color: white;
  }
  .DealsArchive .btn a {
    margin: 1em 0 0 0;
    display: inline-block;
    background: #00dda0;
    color: #33293e;
  }
  .DealsArchive img.screenshot {
    position: absolute;
    width: 32em;
    bottom: 0;
    right: 3em;
    box-shadow: 0.2em 0.2em 3em 0 rgba(0,0,0,0.2);
  }

.league-table-notes {
  padding: 3em;
  background: #f7f7f7;
  margin-bottom: 3em;
}
  .league-table-notes p:first-child {
    margin-top: 0;
  }
  .league-table-notes p:last-child {
    margin-bottom: 0;
  }
  
/* Widget table */
.widget-table tr {
  transition: all 0.5s ease-in-out;
}
  .widget-table tr:hover, table.widget-table tbody tr:nth-child(even):hover {
    background: #f7f7f7;
    box-shadow: 0 0 3em 0 rgba(0,0,0,0.1);
    position: relative;
    z-index: 999;
  }
.widget-table td, .widget-table th {
  font: 1.8em Montserrat, helvetica, arial, sans-serif;
  padding: 1em;
}
  .widget-table thead td, .widget-table thead th {
    border-bottom: solid 1px #9ef8e1;
    border-right: solid 1px #ebebeb;
  }
  .widget-table tbody td {
    border-bottom: solid 1px #ebebeb;
  }
    .widget-table tbody td.rank {
      font-size: 4em;
      color: #00dda0;
      transition: all 0.5s ease-in-out;
      border-left: solid 0.2em transparent;
    }
    .widget-table tbody tr:hover td.rank {
      border-left: solid 0.2em #00dda0;
    }
  table.widget-table tbody tr:nth-child(even) {
    background: none;
  }
  .widget-table td.q2-2017, .widget-table th.q2-2017 {
    background: #fbfbff;
    border-right: solid 1px white;
    transition: all 0.4s ease-in-out;
  }
  .widget-table td.q2-2018, .widget-table th.q2-2018 {
    background: #f7fdfa;
    border-right: solid 1px white;
    transition: all 0.4s ease-in-out;
  }
  .widget-table thead tr:nth-of-type(2) th {
    font-size: 1.4em;
  }
  .widget-table tr:hover td.q2-2017, table.widget-table tbody tr:nth-child(even):hover td.q2-2017 {
    background: #e0f9ec;
  }
  .widget-table tr:hover td.q2-2018, table.widget-table tbody tr:nth-child(even):hover td.q2-2018 {
    background: #ddddfb;
  }
  .widget-table td.up span, .widget-table td.down span {
    position: relative;
    padding-right: 1em;
    display: inline-block;
  }
  .widget-table td.up span {
    color: #64d9a4;
  }
  .widget-table td.down span {
    color: #ebc3f8;
  }
    .widget-table td.up span:after, .widget-table td.down span:after {
      content: "\f0d8";
      font: 1em/1em fontawesome;
      color: #64d9a4;
      position: absolute;
      right: 0em;
      top: 50%;
      height: 1em;
      margin-top: -0.5em;
    }
    .widget-table td.down span:after {
      content: "\f0d7";
      color: #ebc3f8;
    }
  .widget-table tr td.value-change {
    background: #f7fcfe;
  }
  .widget-table tfoot {
    box-shadow: 0 0 2em 0 rgba(0,0,0,0.1);
  }
    .widget-table tfoot tr, .widget-table tfoot tr td {
      background: white;
      text-align: right;
      padding: 1.5em;
    }

.widget-cta {
  background: white;
  box-shadow: 0 0 1.5em 0 rgba(0,0,0,0.1);
  padding: 0.5em 0.5em 0.5em 3em;
  color: #333;
  cursor: pointer;
  display: inline-block;
  position: relative;
  margin-left: 1em;
  transition: all 0.4s ease-in-out;
}
  .widget-cta:hover {
    box-shadow: 0 0 .5em 0 rgba(0,0,0,0.3);
    background: #f7f7f7;
  }
  .widget-cta:before {
    content: "\f003";
    font: 1.2em/1.8em fontawesome;
    color: #64d9a4;
    background: #d6f6e6;
    width: 2em;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    text-align: center;
  }
  .embed-cta:before {
    background: #e9e9fe;
    color: #7b70ce;
    content: "\f121";
  }

.multiple-ctas .widget-cta {
  display: inline-block;
}
.embed-code {
  visibility: hidden;
  z-index: -999;
  opacity: 0;
  height: 0;
  transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
  .embed-code p {
    font-size: 1em;
  }
  .embed-code textarea {
    width: 100%;
    height: 10em;
    font-size: 14px;
    margin-top: 2em;
    color: #999;
  }
.embed-code-open .embed-code {
  visibility: visible;
  opacity: 1;
  height: auto;
  z-index: 9;
}
  .embed-code-open .embed-code p {
    margin-top: 4em;
  }
      .deals-header p {
      width: 500px;
      max-width: 100%;
      margin: 0 auto;
      font-size: 2.1em;
      text-align: center;
    line-height: 1.6;
    }
.featured-articles li .article-date {
    display: inline-block;
    color: white;
    font: 1.6em/1 Montserrat, helvetica, arial, sans-serif;
}
.featured-articles article .article-tags {
    display: inline-block;
}


section.charts {
    clear: both;
    margin-bottom: 5em;
}
.chart {
    transform: scale(.95);
}
.chart {
    width: 48%;
    height: 230px;
    float: left;
    padding: 0 3em;
    border-right: solid 1px #ebebeb;
}
.chart2 {
    border: none;
    float: right;
}
.pagination-deals a:first-child {
    background-color: #fefefe;
}
.pagination-deals a:last-child {
    background-color: #fefefe;
}

.submit-deal h2 {
    font-size: 3em;
    margin: 0;
    text-align: left;
    text-shadow: none;
    color: white;
}

.deals-finance .submit-deal {
    margin-top: 3.4em;
}

/* Surveys for clients */
.page-id-17677 h1 {
  display: none;
}
.post-17677 .post-content img.size-full {
    max-width: 100%;
    width: 100%;
}
.survey {
  box-shadow: 0.1em 0.1em 1em 0 rgba(0,0,0,0.1);
  padding: 3em 3em 0 3em;
  margin: 3em 0 0 0;
}
.survey p {
  font-size: 2.4em;
  margin-top: 0;
}
  .survey span.wpcf7-list-item {
    border-bottom: solid 1px #ebebeb;
    padding: 1em 0;
    margin: 0;
    display: block;
    font-size: 0.7em;
  }
  .survey span span span.wpcf7-list-item {
    position: relative;
    padding-left: 2.5em;
  }
    .survey span span span.wpcf7-list-item:before {
      content: '';
      width: 1.4em;
      height: 1.4em;
      display: block;
      border: solid 0.2em black;
      border-radius: 0.15em;
      box-shadow: inset 0.1em 0.1em 0.3em 0 rgba(0,0,0,0.2);
      position: absolute;
      left: 0;
      top: 0.9em;
    }
    .survey span span span.wpcf7-list-item input {
      position: absolute;
      left: 0.15em;
      top: 0.6em;
      opacity: 0.05;
      z-index: 999;
    }
      .survey span span span.wpcf7-list-item input:checked + span:before {
        content: "\f00c";
        font: 2em fontawesome;
        position: absolute;
        left: 0;
        top: 0.2em;
        color: navy;
      }
    .survey span span span.wpcf7-list-item .label {
      margin-top: 0.8em;
      display: inline-block;
    }
    .survey .submit-survey {
      background: rgba(0,0,0,0.05);
      padding: 3em;
      font-size: 1em;
      margin: 0 -3em;
    }
    .survey .wpcf7-form-control.wpcf7-submit {
      padding: 1em 4em;
      line-height: 1;
      position: relative;
      margin: 0;
      cursor: pointer;
      display: inline-block;
      background: #002d4f;
      color: white;
    }
      .survey .wpcf7-form-control.wpcf7-submit:hover {
        background: black;
      }
      /*.survey .wpcf7-form-control.wpcf7-submit:after {
        content: "\f058";
        font: 1em/2em fontawesome;
        width: 2em;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        text-align: center;
      }*/
  .survey div.wpcf7 .ajax-loader {
    margin-left: 1em;
    width: 3em;
    height: 3em;
    background-size: 100%;
  }

body #itro_popup {
  height: 500px;
  border: none;
  background-position: 0 0;
  box-shadow: 0 0 3em 0 rgba(0,0,0,0.2);
}
  body #itro_popup #popup_content {
        padding: 24em 3em 3em 3em;
  }
    body.page-id-17677 #itro_popup #popup_content h1, #itro_popup #popup_content h1 {
      font-size: 3em;
      display: block;
    }
      body #itro_popup #popup_content h1 small {
        display: block;
      }
.cta-button {
  background: #bddbf4;
  color: black;
  display: inline-block;
  font: 300 1.8em/1 'Montserrat', sans-serif;
  text-decoration: none;
}

.page-id-17677 #itro_popup {
  display: none;
}
.newsletter-signup-banner {
  width: 100%;
  background: rgba(0,0,0,0.05);
  border-top: 2px solid #0b2d4c;
  border-bottom: 2px solid #0b2d4c;
  margin: 0 auto;
  padding: 2em;
}
.newsletter-signup-banner .text-container {
  transition: 1s;
  overflow: hidden;
}
.newsletter-signup-banner h2 {
  font-size: 1.8em;
  margin: 0 20px 0 0;
}
.newsletter-signup-banner button {
  background: #0b2d4c;
  color: white;
  width: 12em;
  margin: 0;
  padding: 1em;
}
.newsletter-signup-banner button:hover {
  cursor: pointer;
}
.newsletter-signup-form {
  height: 0;
  overflow: hidden;
  transition: 1s;
  transition-delay: 1s;
  width: 50%;
  display: flex;
}
.newsletter-signup-form form {
  width: 100%;
  margin: auto;
}
.newsletter-signup-form input.btn.btn-default.railway_sub {
  padding: 3%;
  margin: 3% auto;
  background: #0b2d4c;
  color: white;
}
@media (max-width: 400px) {
  .newsletter-signup-banner {
    margin-right: 2em;
    width: initial;
  }
  .newsletter-signup-banner .text-container {
    height: 225px;
  }
  .newsletter-signup-banner button {
    width: 100%;
    padding: 5%;
  }
  .newsletter-signup-form {
    width: 100%;
  }
  .newsletter-signup-form input.btn.btn-default.railway_sub {
    padding: 5%;
  }
}


/* Chris Boyle 17/12/18. Mining Technology whitepaper download */
.in-article-poll {
    background: #0c2e4b;
    padding: 3em;
}
.in-article-poll { 
  width: 400px; 
  max-width: 100%; 
  background: #1f2f4f; 
  padding: 2em;
}
.entry-content .in-article-poll p { 
  color: white;
}
#infinite-article .entry-content .whitepaper-download-form h2 small { 
  width: 10.5em; 
}
#infinite-article .entry-content .whitepaper-download-form h3 { 
  color: white; 
}
.whitepaper-download-form label { 
  color: white; 
}
.whitepaper-download-form input.wpcf7-submit { 
  font-size: 1em; 
}
.whitepaper-download-form .gdpr input { 
  width: auto; 
  display: inline-block; 
  margin-right: 0.5em;
}
.whitepaper-download-form .gdpr { 
  display: inline-block; 
  color: white; 
  font: 16px Helvetica, Arial;
}
.whitepaper-download-form .wpcf7-list-item-label { 
  display: none;
}
.whitepaper-download-form .wpcf7-submit { 
    line-height: 1;
    padding: 0.5em 1em;
    margin-top: 1em;
}
.whitepaper-download-form .gdpr .wpcf7-list-item {
  width: auto;
  display: inline-block;
}
.whitepaper-download-form  .gdpr a { 
  color: white; 
}
#infinite-article .entry-content .whitepaper-download-form h2 small { 
  width: 10.5em; 
}
#infinite-article .entry-content .whitepaper-download-form h3 { 
  color: white; 
}
.whitepaper-download-form label { 
  color: white; 
}
.whitepaper-download-form input.wpcf7-submit { 
  font-size: 1em; 
}
.whitepaper-download-form .gdpr input { 
  width: auto; 
  display: inline-block; 
  margin-right: 0.5em;
}
.whitepaper-download-form .gdpr { 
  display: inline-block; 
  color: white; 
  font: 16px Helvetica, Arial;
}
.whitepaper-download-form .wpcf7-list-item-label { 
  display: none;
}
.whitepaper-download-form .wpcf7-submit { 
    line-height: 1;
    padding: 0.5em 1em;
    margin-top: 1em;
}
.whitepaper-download-form .gdpr .wpcf7-list-item {
  width: auto;
  display: inline-block;
}
.whitepaper-download-form  .gdpr a { 
  color: white; 
}
.in-article-poll-bottom {
  /*padding: 2em;
  background: #002d4e !important; 
  background: #ebebeb;
  box-shadow: 0 0 2em 0 rgba(0,0,0,0.1);*/
  margin-bottom: 3em;
  margin-top: 3em;
}
.in-article-poll p { 
  color: black !important;
} 
.wpcf7-submit { 
  font-size: 1em;
}
.in-article-poll h3 { 
  margin-top: 0; 
  font-size: 2.1em;
  margin-bottom: 1em;
}
.in-article-poll-bottom label, .in-article-poll-bottom h3, .in-article-poll-bottom h2, .in-article-poll-bottom p { color: white !important; }
.in-article-poll-bottom img {
  display: block; 
  box-shadow: 0 0 2em 0 rgba(0,0,0,0.7); 
  margin-bottom: 2em;
}


/* Whitepaper download modal */
.whitepaper-download-modal {
  
}


@media (max-width: 1280px) {
  .in-article-poll {
    width: 300px;
  }
}
@media (max-width: 990px) {
  .in-article-poll {
    display: none !important;
  }
}

/* Download Report Lead Capture */
.report-download {
    background-color: #2f283d;
    background-image: url(../pricing-title.html);
    background-position: center;
    background-size: cover;
    vertical-align: top;
    padding: 3em;
    position: relative;
    margin-bottom: 3em;
    border-left: solid 1em #02DEA8;
}
    .report-download .globaldata-logo {
        width: 10em;
        margin: 0 0 1em 0;
    }
    #infinite-article .report-download h2 {
      font-size: 3em;
      margin: -1em -1em 1em -1em;
      padding: 1em 3em 1em 1em;
      border-bottom: solid 1px rgba(255,255,255,0.1);
      background: rgba(255,255,255,0.05);
    }
        #infinite-article .report-download h2 .note {
            text-transform: uppercase;
            background: #02DEA8;
            font: 0.5em montserrat, helvetica, arial, sans-serif;
            padding: 0.5em 1em;
            margin-bottom: 0.5em;
            display: inline-block;
            color: #222;
        }
        #infinite-article .report-download form h2 p {
          font-size: 1em;
          margin: 0;
          padding: 0;
        }
        #infinite-article .report-download form h2 p:last-of-type {
          text-align: left;
        }
        #infinite-article .report-download h2 span {
          display: block;
        }
    #infinite-article .report-download .roundel {
      font: 3em montserrat, helvetica, arial, sans-serif;
      width: 5em;
      height: 5em;
      text-align: center;
      background: #02DEA8;
      color: black;
      padding: 1.65em 0.5em 0 0.5em;
      position: absolute;
      right: -0.3em;
      top: -0.3em;
      border-radius: 50%;
    }
        #infinite-article .report-download .roundel small {
          font-size: 0.4em;
          display: block;
        }

    #infinite-article .report-download h2, #infinite-article .report-download p, #infinite-article .report-download ul, #infinite-article .report-download label {
      color: white;
      font-family: montserrat, helvetica, arial, sans-serif;
    }
    #infinite-article .report-download ul.benefits {
      padding-left: 2em;
      margin-bottom: 2em;
      list-style-type: disc;
    }
    #infinite-article .report-download form p {
      border-bottom: solid 1px rgba(255,255,255,0.1);
      padding-bottom: 1em;
      margin-bottom: 1em;
    }
      #infinite-article .report-download form p a {
        color: white;
      }
    #infinite-article .report-download form p:first-of-type {
      border: none;
    }
    .report-download input {
      margin: 0;
    }
    .report-download .gdpr {

    }
      #infinite-article .report-download form .gdpr p {
        border: none;
        padding: 0;
        text-align: left;
      }
    .report-download .gdpr input {
      width: 3em;
      float: none;
      display: inline-block;
    }
    .report-download .gdpr .wpcf7-list-item-label {
      display: inline-block;
      color: white;
      font: 1.8em montserrat, helvetica, arial, sans-serif;
    }
    .report-download .wpcf7-list-item {
      width: auto;
    }
    #infinite-article .report-download p:last-of-type {
      border: none;
      text-align: left;
      color: white;
    }
       #infinite-article .report-download .wpcf7-form-control.wpcf7-submit {
        width: auto;
        margin: 1em 0 0 0;
        float: none;
        cursor: pointer;
        background: #02DEA8;
        padding: 0.5em 3em;
        border: none;
      }
        #infinite-article .report-download .wpcf7-form-control.wpcf7-submit:hover {
          background: white;
        }
      #infinite-article .report-download p span.wpcf7-not-valid-tip, .wpcf7-not-valid-tip {
        color: red;
        clear: both;
        float: right;
        font: 1.8em montserrat, helvetica, arial, sans-serif;
      }


@media (min-width: 560px) {
  .report-download label {
    float: left;
    width: 30%;
  }
  .report-download input {
    float: right;
    width: 65%;
  }
}

@media (max-width: 1024px) {
    #keySticky {
      display: block !important;
      background: #999;
    }
}

.fixed-top-ads {
  position: sticky;
  left: 0;
  top: 0;
  right: 0;
  padding: 2em;
  background: #e8e8e8;
  z-index: 33;
}
#keySticky {
  position: static;
  z-index: 1;
}
.top-leaderboard-close {
    position: absolute;
    z-index: 999; 
}

@media (max-width: 1024px) {
  body.fixed-top-ads-mobile {
    padding-top: 140px;
  }
  .fixed-top-ads-mobile .fixed-top-ads {
    position: fixed;
  }
}
@media (max-width: 768px) {
  body.fixed-top-ads-mobile {
    padding-top: 70px;
  }
}

/* Under post lead capture form. CJB March 2019. */
.under-post-lead-capture {
  margin-top: 3em;
  margin-bottom: 3em;
  padding: 3em;
  background: #f7f7f7;
  border-radius: 0.2em;
  box-shadow: 0.1em 0.1em 0.3em 0 rgba(0,0,0,0.2);
}
.carroll-lead-gen-banner {
  background: #fdd325;
  box-shadow: 0.1em 0.1em 0.3em 0 rgba(0,0,0,0.4);
}
    .under-post-lead-capture header {
      
    }
    @media (min-width: 1440px) {
      #infinite-article .entry-content .under-post-lead-capture h2 {
        font-size: 3em !important;
      }
    }
    .under-post-lead-capture h2 .note {
        background: #FF9800;
        display: inline-block;
        padding: 0.5em 0.5em;
        font: 0.5em Montserrat, arial, sans-serif;
        text-transform: uppercase;
    }
    .under-post-lead-capture h2 span {
        display: block;
    }
    .under-post-lead-capture p {
      clear: both;
    }
        .under-post-lead-capture p label {
            font-size: 1em;
            width: 30%;
            float: left;
        }
        .under-post-lead-capture p input {
            font-size: 1em;
            width: 65%;
            float: right;
        }
        .under-post-lead-capture p.submit-p input {
          width: auto;
          margin: 2em auto;
          float: none;
        }
        body.single-post .post-content .under-post-lead-capture :not(p) img, body.single-post .post-content .full-screen-modal :not(p) img {
          display: block;
        }


/* Slide in Native Ad. CJB March 2019. */
.corner-modal {
    position: fixed;
    right: 0;
    bottom: -15em;
    width: 50em;
    height: 33em;
    max-width: 100%;
    background: #0b2d4c;
    padding: 4em 3em 3em 3em;
    box-shadow: 0 0 2em 0 rgba(0,0,0,0.3);
    transition: all 0.5s ease-in-out;
    z-index: 99999;
}
.corner-modal.image-only {
    height: 52em;
}
    .corner-modal:before {
      content: '';
      width: 0;
      height: 1em;
      display: block;
      background: #FF9800;
      position: absolute;
      left: 0;
      top: 0;
      transition: all 0.5s ease-in-out;
      transition-delay: 0.5s;
    }

    /* For logos in the ad */
    .corner-modal img {
      height: 80px;
      width: auto;
      display: block;
      margin-bottom: 1em;
    }

    /* For full size image ads */
    .corner-modal.image-only img {
        width: 100%;
        max-width: 100%;
        margin: 0;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
    }
    .content-label {
        background: #FF9800;
        display: inline-block;
        padding: 0.5em 0.5em;
        font: 1.6em Montserrat, arial, sans-serif;
        text-transform: uppercase;
    }
    .corner-modal h3 {
        font-size: 2.4em;
        margin: 0.5em 0 1em 0;
    }
      .corner-modal h3 a, .corner-modal p {
        color: white;
      }
    .corner-modal .post-thumbnail {
      padding-right: 2em;
    }
    .corner-modal p {
      margin: 0;
      font: 1.6em Montserrat, arial, sans-serif;
    }
      .corner-modal p a {
        display: none;
      }
    .close-corner-modal {
      position: absolute;
      right: 1em;
      top: 1em;
      width: 4em;
      height: 4em;
      text-indent: -5000px;
      overflow: hidden;
      cursor: pointer;
    }
      .close-corner-modal:after {
        content: "\f00d";
        font: 2em/2em fontawesome;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        color: white;
        text-indent: 0;
      }

.corner-modal .cta a {
  padding: 0.8em 3em 0.8em 0.8em;
  position: relative;
  background: white;
  border-radius: 0.2em;
  font-size: 1.8em;
  box-shadow: 0.1em 0.1em 0.3em 0 rgba(0,0,0,0.2);
}
  .corner-modal .cta a:after {
    content: "\f105";
    font: 1.5em/1.9 fontawesome;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1.5em;
    text-align: center; 
  }
.show-corner-modal .corner-modal {
  bottom: 0;
}
  .show-corner-modal .corner-modal:before {
    width: 100%;
  }
.corner-modal-closed .corner-modal, .corner-modal-closed .gd-report-modal {
  bottom: -80em;
}
.corner-modal.image-only .text-only-ad {
  display: none;
}


@media (min-width: 900px) {
  .apester-poll {
    float: right;
    width: 300px;
    margin: 0 0 3em 3em;
  }
}
@media (min-width: 1280px) {
    .corner-modal h3 {
        font-size: 3em;
    }
}
@media (max-width: 1180px) {
  body .project, body .article {
    padding-left: 0 !important;
  }
  .single main {
    width: 100%;
    padding-left: 2em;
    padding-right: 2em;
  }
  .under-post-lead-capture {
    margin: 0 -2em;
    padding: 2em;
  }
}
@media (max-width: 768px) {
  .corner-modal {
    bottom: -10em;
  }
      .corner-modal .post-thumbnail {
        display: none;
      }
}
@media (max-width: 400px) {
  .corner-modal {
    display: none;
  }
}


/* Fixing padding in mobile. CJB 16 April 2019 */
@media (max-width: 600px) {
  .single.sidebar-closed .post-detail-row {
    padding-left: 2em !important;
    padding-right: 2em !important;
  }
}


/* CJB 18 April 2019. Adding GD Report modal corner ads */
/* GlobalData Report pop-up */
.gd-report-modal {
    background: #2f283d;
    box-shadow: 0 0 1em 0 rgba(0,0,0,0.2);
    width: 400px;
    max-width: 100%;
    padding: 3em;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    right: 0;
    font-size: 0.7em;
}
  .gd-report-modal header img {
    width: 200px;
    margin-bottom: 2em;
  }
  .gd-report-modal h2 {
    color: white;
    font: bold 3em/1.3 Montserrat, helvetica, arial, sans-serif;
    letter-spacing: 0.03em;
  }
        .gd-report-modal h2 a {
            color: white;
        }
  .gd-report-modal p {
    font-size: 1.8em;
    color: white;
    text-transform: none;
  }
  .gd-report-modal .cta {
    margin-top: 3em;
  }
    .gd-report-modal .cta a {
      background: rgb(0, 222, 165);
      padding: 0.5em 1em;
      display: block;
      color: black;
      width: 11em;
      position: relative;
    }
        .gd-report-modal .cta a:after {
            content: "\f105";
            font: 1em/2.3em fontawesome;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            width: 2em;
            background: rgba(0,0,0,0.1);
            color: black;
            text-align: center;
            transition: all 0.4s ease-in-out;
        }
        .gd-report-modal .cta a:hover {
            background: white;
        }
  .gd-report-modal .close-gd-modal {
    position: absolute;
    right: 1em;
    top: 1em;
    width: 4em;
    height: 4em;
    text-indent: -5000px;
    overflow: hidden;
    cursor: pointer;
    transition: bottom 0.5s ease-in-out;
  }
      .gd-report-modal .close-gd-modal:after {
        content: "\f00d";
        font: 2em fontawesome;
        color: white;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        text-indent: 0;
      }
.gd-modal-closed .gd-report-modal {
  bottom: -60em;
}
.close-corner-modal {
      position: absolute;
      right: 1em;
      top: 1em;
      width: 4em;
      height: 4em;
      text-indent: -5000px;
      overflow: hidden;
      cursor: pointer;
    }
      .close-corner-modal:after {
        content: "\f00d";
        font: 2em/2em fontawesome;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        color: white;
        text-indent: 0;
      }

@media(max-width: 768px) {
    .gd-report-modal h2 {
        font-size: 2.1em;
    }
}

/* CJB Fixing sponsored logo on sponsored article 9 / 5 / 19 */
.sponsored-logo {
    max-height: 20em;
}
    .sponsored-logo a:first-of-type {
        display: block;
        text-align: center;
        height: 16em;
    }
        .sponsored-logo a img {
            max-height: 100%;
            width: auto;
        }


/* CJB Styling in article mpu 10/5/2019 */
#in_article {
  margin: 2em auto;
  padding: 2em;
  border-top: solid 1px #ebebeb;
  border-bottom: solid 1px #ebebeb;
  text-align: center;
}

@media (min-width: 768px) {
  #in_article {
    margin: 2em 2em 2em 0em;
    float: left;
  }
}

/* CJB 20/05/19 GD poll / survey in sidebars */
.gd-poll-survey {
    background: #0a2c4c;
    margin: 3em 0;
    padding: 0 0 3em 0;
    overflow: hidden;
}
  .gd-poll-survey header {
    padding: 3em;
    background: rgba(0,0,0,0.5);
    height: 23em;
  }
    .gd-poll-survey header h2 {
      font-size: 3em;
      color: white;
      margin: 0 0 1em 0;
    }
  .gd-poll-survey .slides {
    margin: 0;
    font-size: 1em;
    position: relative;
  }
    .gd-poll-survey .slides .slide {

    }
    .gd-poll-survey .slides .q1, .gd-poll-survey .slides .q2, .gd-poll-survey .slides .q3, .gd-poll-survey .slides .q4, .gd-poll-survey .slides .q5, .gd-poll-survey .slides .q6, .gd-poll-survey .slides .q7, .gd-poll-survey .slides .q8, .gd-poll-survey .slides .q9, .gd-poll-survey .slides .q10, .gd-poll-survey .slides .q11, .gd-poll-survey .slides .q12 {
      padding: 3em;
      height: 20em;
    }

      .gd-poll-survey .slide2, .gd-poll-survey .slide3, .gd-poll-survey .slide4, .gd-poll-survey .slide5, .gd-poll-survey .slide6 {
          position: absolute;
          top: 0;
          background: #0a2c4c;
          right: -100%;
          width: 100%;
          transition: right 0.4s ease-in-out;
      }
      .load-poll-2 .gd-poll-survey .slide2, .load-poll-3 .gd-poll-survey .slide3, .load-poll-4 .gd-poll-survey .slide4, .load-poll-5 .gd-poll-survey .slide5, .load-poll-6 .gd-poll-survey .slide6 {
        right: 0;
      }
      .gd-poll-survey p {
        font-size: 1.8em;
      }
      .gd-poll-survey .poll-next, .gd-poll-survey .poll-prev {
        background: #bddbf4;
        font-size: 1.8em;
        padding: 1em 3em 1em 1em;
        position: relative;
        cursor: pointer;
        width: 6em;
        margin: 0.5em 2em 0 0;
        float: right;
      }
        .gd-poll-survey .poll-next:after, .gd-poll-survey .poll-prev:after {
          content: "\f054";
          font: 1em/3.5em fontawesome;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          width: 2em;
          text-align: center;
        }
      .gd-poll-survey .poll-prev {
        padding: 1em 1em 1em 3em;
        margin: 0.5em 0em 0 2em;
        float: left;
        background: #999;
      }
        .gd-poll-survey .poll-prev:after {
          right: auto;
          left: 0;
          content: "\f053";
        }
    .gd-poll-survey li:nth-child(even) {
      background: rgba(255,255,255,0.1);
    }
  .gd-poll-survey h3, .gd-poll-survey p {
    color: white;
    margin: 0;
  }
  .gd-poll-survey h3 {
    font-size: 2.4em;
    margin: 0 0 1em 0;
  }
  .gd-poll-survey select {
    margin: 1em 0;
  }
  .gd-poll-survey input[type="submit"] {
    width: 80%;
    margin: 3em auto 0 auto;
    cursor: pointer;
    display: none;
  }
  .load-poll-6 .gd-poll-survey input[type="submit"] {
    display: block;
  }


/* Client pop-up */
.client-pop-up {
  position: fixed;
  width: 100%;
  height: 563px;
  left: 0;
  top: 150%;
  background: white;
  box-shadow: 0 0 2em 0 rgba(0,0,0,0.2);
  z-index: 99999;
  transition: margin 0.3s ease-in-out, top 0.7s ease-in-out;
}
  .client-pop-up:before {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: rgba(0,0,0,0.9);
    z-index: -9;
    opacity: 0;
    display: none;
    transition: opacity 0.3s ease-in-out;
  }
  .client-pop-up img.size-full {
    width: 100%;
    max-width: 100%;
    margin: 0;
    float: none;
  }
  .close-client-pop-up {
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    cursor: pointer;
    width: 5em;
    height: 5em;
    text-indent: -50000px;
    overflow: hidden;
  }
    .close-client-pop-up:hover {
      background: #ccc;
    }
    .close-client-pop-up:after {
      content: "\f00d";
      font: 2em/2.5em fontawesome;
      text-align: center;
      text-indent: 0;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      color: #333;
    }
.client-pop-up.load-client-pop-up {
  top: 10em;
}
.load-client-pop-up.client-pop-up:before {
    display: block;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
    transition-delay: 0.3s;
  }
.client-pop-up-closed.client-pop-up, .client-pop-up-closed.full-screen-modal {
  margin-top: -10000px;
}
  .client-pop-up-closed.client-pop-up:before, .client-pop-up-closed.full-screen-modal:before {
    opacity: 0;
    display: none;
  }


@media(min-width: 768px) {
  .client-pop-up {
    width: 600px;
    height: 563px;
    left: 50%;
    margin-left: -300px;
  }
}

#pardot-form {
    /*padding: 3em;
    background: #f7f7f7;
    border-radius: 0.2em;
    box-shadow: 0.1em 0.1em 0.3em 0 rgba(0,0,0,0.2);*/
}
    #pardot-form #submit {
        background: #4CAF50;
        font-size: 1.2em;
        padding: 1em;
        color: white;
        box-shadow: 0.1em 0.1em 0.4em 0 rgba(0,0,0,0.2);
        transition: all 0.4s ease-in-out;
        cursor: pointer;
    }
        #pardot-form #submit:hover {
            background: #333;
        }
.lead-capture-modal.pardot-form {

}
    .lead-capture-modal.pardot-form header {
      margin-bottom: 0;
      position: relative;
      box-shadow: 0 0 2em 0 rgba(0,0,0,0.2);
    }
        .lead-capture-modal.pardot-form header:before, .lead-capture-modal.pardot-form header:after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -2em;
            border-top: solid 2em #92bdda;
            border-left: solid 3em transparent;
        }
        .lead-capture-modal.pardot-form header:after {
            left: auto;
            right: 0;
            border-left: none;
            border-right: solid 3em transparent;
        }
        .lead-capture-modal.pardot-form h2, .under-post-lead-capture h2 { 
          font-size: 2.4em;
          margin-top: 0;
        }
            .lead-capture-modal.pardot-form small {
              background: #FF9800;  
              display: inline-block;
              padding: 0.5em 0.5em;
              font: 0.6em Montserrat, arial, sans-serif;
              text-transform: uppercase;
              display: block;
              width: 11em;
              text-align: center;
            }
        .close-survey-2 { position: relative; text-indent: 0; font: 18px/18px Montserrat, helvetica, arial, sans-serif; padding-right: 3em; width: 10em; margin: 1em auto; }
        .close-survey-2:after { left: auto; font-size: 1em; }
        .lead-capture-modal form h2 small {
            background: #bddbf3;
            font: 0.6em helvetica;
            display: block;
            width: 11em;
            padding: 0.5em;
            text-align: center;
            text-transform: uppercase;
            margin: 0 0 0.5em 0;
        }
    /*.lead-capture-modal.pardot-form iframe {
      padding: 3em;
    }*/

    #pardot-form input[typ="submit"] {

    }

#pardot-form .pd-checkbox input {
    position: relative;
    top: -0.9em;
}
@media (min-width: 600px) {
  #pardot-form label, #pardot-form input {
    display: inline-block;
  }
  #pardot-form p.form-field {
    clear: both;
  }
  #pardot-form label {
    width: 30%;
    float: left;
  }
  #pardot-form input, #pardot-form select {
    width: 65%;
  }
  #pardot-form .pd-checkbox label, #pardot-form .pd-checkbox input {
    width: auto;
    float: none;
  }
}
@media(min-width: 1280px) {
  .lead-capture-modal.pardot-form h2, .under-post-lead-capture h2 { 
    font-size: 3em; 
  }
}

/* Caroll Webinar image pop-up. CJB. 5/6/19 */
body.single-projects .post-content .full-screen-survey :not(p) img, body.single-post .post-content .full-screen-survey :not(p) img {
  display: block;
}
.carroll-webinars-pop-up {
  width: 800px;
  height: 600px;
  margin-left: -400px;
  margin-top: -300px;
  left: 50%;
  top: 50%;
  box-shadow: 0.1em 0.1em 3em 0 rgba(0,0,0,0.7);
}
  .carroll-webinars-pop-up a {
    position: relative;
  }
  .carroll-webinars-pop-up:before {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
    display: block;
  }
  .carroll-webinars-pop-up .close-survey {
    z-index: 999;
  }
    .carroll-webinars-pop-up .close-survey:after {
      color: black;
    }

.error-message, .error {
  border: dotted 2px black;
  padding: 2em;
  background: #ffe8e8;
  font-size: 1.8em;
}

/* CJB 18 June 2019. Article footer banner linking to GD Report download */
body.single-post .post-content .whitepaper-cta {
  margin-top: 8em;
  margin-bottom: 6em;
}
.whitepaper-cta {
    margin-top: 3em;
    padding: 3em;
    background: #d6d6d6;
    border-radius: 0.25em;
    position: relative;
    box-shadow: 0.1em 0.1em 0.5em 0 rgba(0,0,0,0.2);
}
    body.single-post .post-content .whitepaper-cta img.company-logo {
      width: 12em;
      display: block !important;
      margin: 0 0 0.5em 0;
    }
    .whitepaper-cta img.report-download-icon, body.single-post .post-content :not(p) .gd-report-download-banner img.report-download-icon {
        width: 40%;
        max-width: 24em;
        display: block;
        float: right;
        margin: -8em 0em 0em 3em;
        position: relative;
        z-index: 99;
        box-shadow: 0 0 1em 0 rgba(0,0,0,0.5);
    }
    #infinite-article .entry-content .whitepaper-cta h3, .whitepaper-cta h3 {
        margin: 0 0 0.5em 0;
        font: 2.4em/1.3 Montserrat, sans-serif;
    }
    .whitepaper-cta  .cta-button, .under-post-lead-capture .cta-button {
      background: none;
    }
        .whitepaper-cta .cta-button a, .under-post-lead-capture .cta-button a {
            display: inline-block;
            padding: 1em 4em 1em 1em;
            box-shadow: 0.1em 0.1em 0.5em 0 rgba(0,0,0,0.2);
            border-radius: 0.2em;
            position: relative;
            margin-top: 1em;
            background: #fefefe;
            transition: all 0.5s ease-in-out;
        }
        .whitepaper-cta .cta-button a:after, .under-post-lead-capture .cta-button a:after {
            content: "\f178";
            font: 1.4em/2.3em fontawesome;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            width: 2em;
            text-align: center;
        }
        .whitepaper-cta  .cta-button a:hover, .under-post-lead-capture .cta-button a:hover {
          background: orange;
        }
    

@media (max-width: 768px) {
  .gd-report-download-banner img.report-download-icon {
    display: none;
  }
}





.gd-report-download-banner {
    background: #00dca4;
}
    body.single-post .post-content .gd-report-download-banner img.gd-logo, body.single-post .gd-report-download-banner img.gd-logo {
      width: 12em;
      display: block !important;
      margin: 0 0 1.5em 0;
    }
    .gd-report-download-banner img.report-download-icon, body.single-post .post-content :not(p) .gd-report-download-banner img.report-download-icon {
        width: 40%;
        max-width: 24em;
        display: block;
        float: right;
        margin: -10em -1em 0em 2em;
        position: relative;
        z-index: 99;
        box-shadow: 0 0 1em 0 rgba(0,0,0,0.5);
    }
    .gd-report-download-banner h3, #infinite-article .entry-content .gd-report-download-banner h3 {
        margin: 0 0 0.5em 0;
        font: 2.4em/1.3 Montserrat, sans-serif;
        /*color: white;*/
    }
    .gd-report-download-banner .cta-button, .under-post-lead-capture .cta-button {
      background: none;
    }
        .gd-report-download-banner .cta-button a, .under-post-lead-capture .cta-button a {
            display: inline-block;
            padding: 1em 4em 1em 1em;
            box-shadow: 0.1em 0.1em 0.5em 0 rgba(0,0,0,0.2);
            border-radius: 0.2em;
            position: relative;
            margin-top: 1em;
            background: #fefefe;
            transition: all 0.5s ease-in-out;
        }
        .gd-report-download-banner .cta-button a:after, .under-post-lead-capture .cta-button a:after {
            content: "\f178";
            font: 1.4em/2.3em fontawesome;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            width: 2em;
            text-align: center;
        }
        .gd-report-download-banner .cta-button a:hover, .under-post-lead-capture .cta-button a:hover {
          background: orange;
        }
    

@media (max-width: 768px) {
  .gd-report-download-banner img.report-download-icon {
    display: none;
  }
}


.microsite-header .business-logo img {
    max-width: 100% !important;
    height: auto !important;
}
.page-id-47072 .microsite-header .business-logo {
    background: black;
}



/* Improved featured image */
.features .main-feature .feature-image {
    border-radius: 0.25em;
    box-shadow: 0.1em 0.1em 0.5em 0 rgba(0,0,0,0.2);
}


/* Company targeted pop-up */
.company-targeted-pop-up {
  width: 96%;
  height: auto;
  position: absolute;
  left: 2%;
  top: 2%;
  right: 2%;
  margin: 0;
  background: white;
  box-shadow: 0 0 3em 0 rgba(0,0,0,0.2);
  z-index: 99999;
}
    .company-targeted-pop-up:before {
        content: '';
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.75);
    }
    .company-targeted-pop-up header, .company-targeted-pop-up .row {
      padding: 2em;
      position: relative;
      z-index: 9;
      background: white;
    }
        .company-targeted-pop-up header h2 {
            margin: 0;
            font: normal 2.4em montserrat, helvetica, arial, sans-serif;
        }
            .company-targeted-pop-up header h2 strong {
                display: inline-block;
                float: left;
                position: relative;
                padding-bottom: 1em;
            }
                .company-targeted-pop-up header h2 strong:after {
                    content: '';
                    position: absolute;
                    left: 0;
                    bottom: 0.5em;
                    right: 0;
                    height: 0.3em;
                    background: #0b2d4c;
                }
    .company-targeted-pop-up h3 {
        font-size: 3em;
        margin: 0.5em 0 1em 0;
    }
    .company-targeted-pop-up .article-image {
        height: 24em;
        overflow: hidden;
        margin-bottom: 2em;
        border-radius: 0.15em;
        box-shadow: 0.1em 0.1em 0.3em 0 rgba(0,0,0,0.2);
    }
      .company-targeted-pop-up .article-image img {
          opacity: 1;
          width: 100%;
      }
    .headline-highlight {
      position: relative;
      padding-left: 1em;
      font: 1.8em Lato, helvetica, arial, sans-serif;
    }
        .headline-highlight:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 0.5em;
            background: #c5cfea;
        }

  .company-targeted-pop-up.has-whitepaper:after {

        content: '';
        background: url(../whitepaper.html) no-repeat;
        background-size: 100%;
        position: absolute;
        right: -3.3em;
        bottom: -28.6em;
        width: 22%;
        height: 80%;
        z-index: 9;
  }

  .whitepaper-details.columns {
      background: #eaeaea;
      padding: 2em;
      margin: 0 -2em -2em -2em;
  }
      .whitepaper-details.columns p a {
        text-decoration: underline;
      }

.cta a {
    background: #000f38;
    color: white;
    display: inline-block;
    padding: 0.8em 3em 0.8em 0.8em;
    position: relative;
    font-size: 1.8em;
    transition: all 0.3s ease-in-out;
    border-radius: 0.15em;
    min-width: 9em;
    /* box-shadow: 0.1em 0.1em 0.3em 0 rgba(0,0,0,0.3); */
}
    .cta a:after {
        content: "\f105";
        font: 1em/3em fontawesome;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 2em;
    }
    .cta a:hover {
      background: black;
      color: white;
    }

.close-toggle {
    position: absolute;
    right: 0;
    top: 0;
    width: 5em;
    height: 5em;
    background: #ccc;
    z-index: 9;
    text-indent: -5000px;
    cursor: pointer;
}
  .close-toggle:after {
      content: "\f00d";
      font: 2em/2.5em fontawesome;
      text-align: center;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      text-indent: 0;
  }
.company-targeted-pop-up-closed .company-targeted-pop-up {
    display: none !important;
}


@media(min-width: 1024px) {
    .company-targeted-pop-up {
      width: 60em;
     /* height: 50em;*/
      left: 50%;
      top: 10em;
      margin: 0em 0 0 -30em;
    }
        .company-targeted-pop-up.has-whitepaper {
            width: 114em;
            margin: 0em 0 0 -57em;
        }
            .company-targeted-pop-up .recommended-article {
                width: 100%;
            }
            .company-targeted-pop-up.has-whitepaper .recommended-article {
                width: 50%;
                padding-right: 3em;
            }

        .company-targeted-pop-up header, .company-targeted-pop-up .row {
          padding: 4em;
        }
          .company-targeted-pop-up header h2 {

              font-size: 2.1em;
          }
          .company-targeted-pop-up.has-whitepaper header h2 {

              font: normal 3.6em montserrat, helvetica, arial, sans-serif;
          }
        .whitepaper-details.columns {
            padding: 4em;
            min-height: 50em;
            margin: 0 -4em -4em 0;
        }
}
@media (max-width: 768px) {
  .whitepaper-details.columns {
      margin: 3em 0 0 0;
  }
  .company-targeted-pop-up h3 {
    font-size: 2.1em;
  }
  .company-targeted-pop-up:after {
    display: none;
  }
  .company-targeted-pop-up .article-image {
    height: auto;
  }
  .company-targeted-pop-up header h2 strong {
      display: inline;
      float: none;
      position: relative;
      padding-bottom: 0;
  }
      .company-targeted-pop-up header h2 strong:after {
          display: none;
      }
 }



/* Whitepaper download form text fix */
 .whitepaper-form__text ul {
      list-style: circle;
      padding-left: 2em;
 }
     .whitepaper-form__text ul li {
          color: black;
      }


/* Link back to microsite */
body.single main .entry-header {
  padding-top: 0;
}
.microsite-link {
  font-size: 1.8em;
  padding-left: 1.5em;
  position: relative;
  margin-bottom: 2em;
  background: white;
  border-radius: 0.2em;
  padding: 0.7em 1em 0.7em 3em;
  box-shadow: 0.1em 0.1em 0.3em 0 rgba(0,0,0,0.1);
  display: inline-block;
  margin-right: 2em;
}
    .microsite-link:before {
      content: "\f137";
      font: 1em/2.2em fontawesome;
      position: absolute;
      left: 1em;
      top: 50%;
      height: 2em;
      margin-top: -1em;
    }
    .microsite-link a {
       text-decoration: underline;
    }

/* HP Microsite banner 
https://www.packaging-gateway.com/innovation-in-packaging/

.page-id-40858 .microsite-header .business-logo, .page-id-80422 .microsite-header .business-logo, .page-id-81464 .microsite-header .business-logo, .page-id-40858 .microsite-header .business-logo, .page-id-41900 .microsite-header .business-logo, .page-id-41901 .microsite-header .business-logo {
    display: none !important;
}
.page-id-40858 .microsite-header img.banner, .page-id-80422 .microsite-header img.banner, .page-id-81464 .microsite-header img.banner, .page-id-40858 .microsite-header img.banner {
    z-index: 999 !important;
}
.page-id-80422 .microsite-header {
  overflow: auto;
  box-shadow: 0 0 2em 0 rgba(0,0,0,0.1);
}
  .page-id-80422 .microsite-header img.banner {
    width: auto;
  }
  .page-id-40453 .microsite-header img.banner, .page-id-40858 .microsite-header img.banner, .page-id-41900 .microsite-header img.banner, .page-id-40858 .microsite-header img.banner {
    max-width: 100%;
    height: auto;
  }
  .page-id-80422 .microsite-header  .business-logo, .page-id-40453 .microsite-header .business-logo, .page-id-40858 .microsite-header  .business-logo {
    display: none;
  }*/

.microsite-header {
  margin-bottom: 3em;
}
  .microsite-header .header-text {
    display: none;
  }
  .page-id-80422 .microsite-header:before {
      content: '';
      background: url(../medical-illustrations.html) no-repeat;
      background-size: 100%;
      right: -16em;
      left: auto;
      top: -2em;
      width: 70%;
      height: 40em;
      position: absolute;
  }

.page-template-template-microsite-php .top-padding {
  overflow: hidden;
}

  .microsite-header img.banner {
     z-index: 999;
     width: auto;
     max-width: 100%;
    height: auto;
  }
  .microsite-header .business-logo {
    display: none;
  }
 
@media(max-width: 1024px) {
  body .microsite-header {
    overflow: inherit;
  }
    .microsite-header .header-text {
      display: block;
      width: 60%;
      padding: 2em;
      float: left;
    }
        .microsite-header .header-text h1 {
          font-size: 2.4em;
          margin: 0;
        }
        .microsite-header .header-text p {
          margin: 0;
        }
    .microsite-header .business-logo {
      float: right;
      width: 35%;
      margin: 1.5em 1.5em 0 0;
    }
    .microsite-header img.banner {
      display: none;
    }
}



/* Hide site skin */
.page-template-template-microsite.box-skin_body .box_layout_ad {
  display: none !important;
}


/* Hide corner modal */
.page-template-template-microsite .corner-modal {
  display: none;
}



/* Related posts */
.related-posts {
    border-top: solid 0.5em #0b2c4b;
}
    .related-posts h2 {
        font-size: 3em;
    }
.row .related-posts ol.row {
  margin-left: -1em;
  margin-right: -1em;
}
    .row .related-posts li.columns {
        margin-bottom: 2em;
        padding: 0 1em;
        position: relative;
    }
        .related-posts li img {
            display: block;
            margin: 0 0 1em 0;
            width: 100%;
            box-shadow: 0 0 1em 0 rgba(0,0,0,0.1);
            transition: all 0.4s ease-in-out;
        }
          .related-posts li:hover img {
              box-shadow: 0 0 1.5em 0 rgba(0,0,0,0.2)
          }
         .related-posts .article-category {
              font: 0.7em Montserrat, helvetica, arial, sans-serif;
              position: absolute;
              left: 1.5em;
              top: 0.25em;
              text-transform: uppercase;
         }
          .related-posts .article-category a {
              font-weight: lighter;
          }


/* Category amends */
.listcat_special .article-date {
    font: 1.4em montserrat, helvetica, arial, sans-serif;
    margin: 0;
    text-transform: uppercase;
    color: #666;
}


/* Tidy of Apester poll */

@media (min-width: 1280px) {
  .apester-layer {
    left: 3em;
  }
}

body .listcat .article-category a, .related-posts .article-category a {
    background: #0b2d4c;
    color: white;
    padding: 0.2em;
    font-size: 1.2em;
    top: 1.7em;
}
.article-grid ul li {
  min-height: 30em;
}
.dd-latest-content .listcat article h3 {
  font-size: 2.4em;
  margin: 0.5em 0;
}
.feature-card p {
  font-size: 1.4em;
}

/* Different Languages for HP, August 2019 */
.microsite-header {
  clear: both;
}
.language {
    float: right;
    font: 1.6em montserrat, helvetica, arial, sans-serif;
    padding: 0.5em 0.5em 0.5em 2.5em;
    border-radius: 0.2em;
    box-shadow: 0.1em 0.1em 0.2em 0 rgba(0,0,0,0.2);
    margin-top: -1em;
    position: relative;
}
.language:before {
    content: '';
    background: url('../flags.html') no-repeat;
    background-size: 100%;
    width: 20px;
    height: 12px;
    position: absolute;
    left: 0.5em;
    top: 50%;
    margin-top: -6px;
}
.german:before {
    background-position: 0 33.3333%;
}
.french:before {
    background-position: 0 66.6666%;
}
.spanish:before {
    background-position: 0 100%;
}
.page-template-template-microsite .language {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

@media (min-width: 1024px) {
  .under-post-lead-capture .large-9 {
    padding-right: 3em;
  }
}



/* Get alerts on this topic */
.share-article .share-title {
  float: left;
}
.alerts {
  display: block;
  background-color: #0b2d4c;
  margin: 30px auto 0 auto;
  box-shadow: 0 0 1em 0 rgba(0,0,0,0.3);
  padding: 0.5em;
}

.alerts h2 {
  display: inline-block;
  color: #ffffff;
  font-size: 2em !important;
  font-weight: 200;
  font-family: Montserrat, "Helvetica Neue", helvetica, arial, sans-serif;
  margin-right: 20px;
  margin-left: 10px;
}

.alert-email {
  display: inline-block !important;
  margin: 0.5em 0 !important;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -o-transform: translateX(-200px);
    transform: translateX(-200px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-moz-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -o-transform: translateX(-200px);
    transform: translateX(-200px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -o-transform: translateX(-200px);
    transform: translateX(-200px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

.in-article-alerts {
  opacity: 0;
  height: 0;
  overflow: hidden;
  margin: 0;
}

.show-email-alert .in-article-alerts {
  opacity: 1;
  transition: opacity 1s ease-in-out;
  height: auto;
  -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -o-animation-duration: 0.3s;
    animation-delay: 0.2s;
}

.in-article-alerts .sign-up .fa {
  padding-left: 0.5em;
}

@media (max-width:750px) {
  .alerts h2 {
    font-size: 1.7em;
  }
  .alert-email {
    height: 2em;
    margin-left: 9px !important;
  }
  .alerts h2, .alert-email, .sign-up button {
    display: block !important;
  }
}

@media (max-width: 360px) {
  .alert-email {
    max-width: 220px;
  }
  .sign-up button {
    margin: 0.5em;

  }
}

@media (max-width: 1062px) and (min-width: 989px) {
  .alerts h2 {
    font-size: 1.9em;
  }
}

.sign-up button {
  display: inline-block;
  height: 40px;
  width: 100px;
  border: 0.1em solid #FFFFFF;
  text-align:center;
  font-size: 1.5em;
  font-family: Montserrat, "Helvetica Neue", helvetica, arial, sans-serif;
  background-color: #0b2d4c;
  color: #ffffff;
  transition: 0.3s;
  margin: 0.5em;
}

.sign-up button:hover {
  color: #0b2d4c;
  background-color: #FFFFFF;
}

.sign-up .fa {
    padding-right: 0.5em;
}

.gdpr-text {
  opacity: 0;
  visibility: hidden;
  z-index: -99;
  height: 0;
  overflow: hidden;
}
.reveal-gdpr .gdpr-text {
  opacity: 1;
  visibility: visible;
  z-index: 99;
  height: auto;
  margin: 0px 9px 5px 9px;
}

label {
  color: #ffffff !important;
  font-family: Montserrat, "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 1em !important;
}

label a {
  color: #ffffff !important;
}

label input{
  margin-top: 0.5rem;
} 

/*.column, .columns  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: left !important; }*/

.page-template-template-microsite .columns  .column.sidebar:last-child:not(:first-child) {
    float: right;
}


/* Secondary content in mobile fix */
@media (max-width: 1190px) {
    .secondary-content {
      clear: both;
      padding-top: 3em;
    }
    .cybersecurity-microsite .secondary-content {
      clear: none;
      padding-top: 0;
    }
}



@media (max-width: 1439px) {
  .box_layout_ad {
    background-size: 110%;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    padding-top: 6%;
  }
  .box-skin_body .top-leaderboard {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  body.fixed-top-ads-mobile {
    padding-top: 0;
  }
  .box_layout_ad {
    padding-top: 6%;
  }
}
@media (max-width: 900px) {
  .box_layout_ad {
    padding-top: 5%;
  }
}
@media (max-width: 800px) {
  .box_layout_ad {
    padding-top: 4%;
  }
}
@media (max-width: 700px) {
  .box_layout_ad {
    padding-top: 3%;
  }
}
@media (max-width: 600px) {
  .box_layout_ad {
    padding-top: 3%;
    background-size: 115%;
  }
}
@media (max-width: 600px) {
  .box_layout_ad {
    padding-top: 14%;
    background-size: 100%;
    background-image: url('../emirates-mobile-skin.html') !important;
    background-repeat: no-repeat;
  }
}


/* Fix for Normet Future of Mining microsite and Vega Process Instrumentation microsite */
.page-id-81996 .alm-listing, .page-id-81464 .alm-listing {
    font-size: 2.9em;
    margin-top: 2em;
}



/* Latest magazine modal */
.latest-magazine {
  text-align: center;
}
  .latest-magazine .content-label {
    background: none;
    padding: 0;
    color: #FF9800;
  }
  .latest-magazine h3 {
    font-size: 2.4em;
    margin: 0;
  }
  .latest-magazine .post-thumbnail {
    text-align: center;
    height: 120px;
    overflow: hidden;
    margin-bottom: 1em;
  }
    .latest-magazine .post-thumbnail img {
      margin: 1em auto;
      height: auto;
      max-width: 200px;
    }
  .latest-magazine p {
    
  }
  .latest-magazine .cta a {
    background: #FF9800;
    color: #0b2d4c;
    box-shadow: 0.1em 0.1em 0.5em 0 rgba(0,0,0,0.5);
    margin: 1em auto 0 auto;
    text-align: center;
    padding: 0.8em 3em 0.7em 3em;
    text-transform: uppercase;
    line-height: 1;
    font-family: montserrat, helvetica, arial;
  }
    .latest-magazine .cta a:hover {
      background: white;
    }
    .latest-magazine .cta a:after {
      display: none;
    }


.article-promo-pop-up {
  top: 10em;
  margin-top: 0;
  z-index: 9999;
}
  .article-promo-pop-up:before {
    display: block;
    opacity: 1;
  }
  .article-promo-pop-up section {
    padding: 2em;
    position: relative;
    background: white;
    z-index: 999;
  }
    .article-promo-pop-up h2 {
      font-size: 3em;
      margin: 0 0 1em 0;
    }
    .article-promo-pop-up h3 {
      font-size: 2.1em;
      margin: 0 0 1em 0;
    }
    .article-promo-pop-up .feature-image {
      border-radius: 0.25em;
      overflow: hidden;
      box-shadow: 0.1em 0.1em 0.3em 0 rgba(0,0,0,0.3);
    }

/*.article-promo-pop-up .content-label {
  background: none;
  padding: 0;
}
  .article-promo-pop-up .content-label span {
    font-size: 1.5em;
  }
  .article-promo-pop-up .content-label strong {
    background: #FF9800;
    display: block;
    padding: 0.5em;
  }*/
.feature-image {
    margin: 0 0 2em 0;
}

@media (min-width: 768px) {
  .article-promo-pop-up section {
    padding: 3em;
  }
    .article-promo-pop-up h2 {
      font-size: 4em;
    }
    .article-promo-pop-up h3 {
      font-size: 3em;
    }
}

@media (min-width: 1280px) {
  .box-skin_body .leaderboard {
    display: none;
  }
}


/* Slide up modal */
.slide-up-modal {
  position: fixed;
  width: 800px;
  left: 50%;
  bottom: -30em;
  margin-left: -400px;
  background: white;
  z-index: 999;
  box-shadow: 0 0 2em 0 rgba(0,0,0,0.2);
  transition: all 0.5s ease-in-out;
}
  .slide-up-modal .row {
    background: white;
    position: relative;
    z-index: 999;
  }
    .slide-up-modal .text-content {
      padding: 3em;
    }
      .slide-up-modal .text-content h2 {
        margin: 0.2em 0 0.5em 0;
        font-size: 2.4em;
      }
    .slide-up-modal img.size-full {
      width: 100%;
      max-width: 100%;
      float: none;
      margin: 0;
      border-radius: 0;
    }
    .slide-up-modal .close-modal {
      position: absolute;
      right: 0;
      top: 0;
      width: 4em;
      height: 4em;
      text-indent: -5000px;
      overflow: hidden;
      cursor: pointer;
    }
        .slide-up-modal .close-modal:after {
          content: "\f00d";
          font: 2em/2em fontawesome;
          position: absolute;
          top: 0;
          right: 0;
          left: 0;
          bottom: 0;
          text-align: center;
          background: rgba(255,255,255,0.5);
          text-indent: 0;
        }

  .show-corner-modal .slide-up-modal {
    bottom: 0;
  }
  .slide-up-modal:before {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: -9;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }
  .show-corner-modal .slide-up-modal:before {
    z-index: 9;
    visibility: visible;
    opacity: 1;
  }
  .slide-up-modal-closed .slide-up-modal {
    bottom: -30em;
  }
  .slide-up-modal-closed .slide-up-modal:before {
    z-index: -9;
    visibility: hidden;
    opacity: 0;
  }

  @media(max-width: 768px) {
    .slide-up-modal {
      width: 100%;
      left: 0;
      margin: 0;
      right: 0;
    }
    .slide-up-image {
      display: none;
    }
  }
  @media(max-width: 400px) {
    .slide-up-modal .text-content {
      padding: 2em;
    }
  }


  /* Must read */
  .entry-header h1 {
    margin: 0;
  }
  .share-article {
      position: relative;
      display: inline-block;
      margin: 0;
      padding: 0;
      top: 2em;
  }
  .must-read {
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
    padding: 2em 0;
    margin-top: 4em;
    margin-bottom: 3em;
    clear: both;
  }
    .must-read .label {
      text-transform: uppercase;
      font: bold 1.8em/1 montserrat, helvetica, arial, sans-serif;
      position: relative;
      padding-left: 1.2em;
      margin-bottom: 1em;
    }
      .must-read .label:before {
        content: '';
        width: 0.6em;
        height: 0.6em;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -0.3em;
        background: #0b2d4c;
        animation-name: pulsar;
        animation-duration: 1s;
        animation-iteration-count: infinite;
      }
      @keyframes pulsar {
        from { opacity: 0; }
        to { opacity: 1; }
      }
      .must-read p, .entry-content .must-read p:first-of-type {
        margin: -0.3em 0 0 0;
        color: #0b2d4c;
        font-weight: bold;
        font-size: 2em;
        line-height: 1.3em;
      }
      .must-read p a, .share-container .post-content .must-read p a, .must-read p a, .entry-content .must-read p:first-of-type a {
        color: #0b2d4b;
        text-decoration: none;
      }
    .must-read .article-headline {
      padding-left: 2em;
    }
        .read-now a {
          position: relative;
          background: #0b2d4b;
          font-size: 1.6em;
          padding: 0.5em 3em 0.4em 0.5em;
          margin-top: 1em;
          border-radius: 0.2em;
          display: inline-block;
          color: white;
          box-shadow: 0.1em 0.1em 0.3em 0 rgba(0,0,0,0.3);
          transition: all 0.3s ease-in-out;
        }
            .read-now a:after {
                content: "\f105";
                font: 1.2em/1.8em fontawesome;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                width: 1.8em;
                text-align: center;
            }
            .read-now a:hover {
              background: black;
              color: white;
            }
         body.single-post .post-content .must-read .article-image img {
          display: block;
          opacity: 1;   
        }


@media (min-width: 768px) {
    .must-read p, .entry-content .must-read p:first-of-type {
      font-size: 2.2em;
    }
}
@media (min-width: 1024px) {
  .must-read .article-image {
    width: 17%;
  }
  .must-read .article-headline {
    width: 83%;
  }
      .must-read p, .entry-content .must-read p:first-of-type {
        font-size: 2.4em;
      }
}
@media (min-width: 1280px) {
  .must-read p, .entry-content .must-read p:first-of-type {
    font-size: 2.7em;
  }
}
@media (max-width: 768px) {
  .must-read .article-image {
    display: none;
  }
}

/* Track this project */
.track-this-project {
  background: #0b2d4c;
  margin-top: 4em;
  margin-bottom: -2em;
  width: 84em;
  max-width: 100%;
  border-radius: 0.3em;
}
  .track-this-project h2 {
    margin: 0;
    font: 1.6em montserrat, arial, sans-serif;
    color: white;
    display: inline-block;
    background: #000;
    position: relative;
    padding: 0.7em 1em 0.6em 2.5em;
    text-transform: uppercase;
  }
    .track-this-project h2:before {
      content: "\f10b";
      color: #0b2d4c;
      color: white;
      font: 1.25em fontawesome;
      position: absolute;
      left: 0.5em;
      top: 0.45em;
      animation-name: pulsar;
      animation-duration: 1s;
      animation-iteration-count: 5;
    }
  .track-this-project p {
    margin: 0 1em;
    font: 1.6em montserrat, arial, sans-serif;
    color: white;
    display: inline-block;
  }
  .track-toggle {
    background: #ffffff;
    display: inline-block;
    color: #0b2d4c;
    padding: 0.5em 2.5em 0.5em 0.5em;
    font: lighter 1.4em/1 montserrat, helvetica, arial, sans-serif;
    border-radius: 0.2em;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    position: relative;
    top: -0.2em;
  }
      .track-toggle:after {
        content: "\f0a9";
        font: 1em/2.2em fontawesome;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 2em;
        text-align: center;
      }

.track-project-form {
  position: absolute;
  background: #0b2c4a;
  padding: 3em;
  top: 120%;
  z-index: -999;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0.1em 0.1em 1em 0 rgba(0,0,0,0.4);
  transition: opacity 0.5s ease-in-out, top 0.5s ease-in-out;
}
  .track-project-form p, .track-project-form a {
    color: white;
  }
  .track-project-form .tracker-email {
    display: inline-block;
    width: 65%;
  }
  .track-project-form .submit-button {
    display: inline-block;
    width: 30%;
  }

.tracker-form-open .track-project-form {
  z-index: 999;
  opacity: 1;
  visibility: visible;
}



.title.title_size_medium h1 { color: white !important; }
.connectwise-form form { width: 48em; max-width: 100%; }
.connectwise-form label {
    margin-top: 3em;
    color: black !important;
    display: block;
    font-size: 1.8em !important;
    line-height: 1.5;
    border-top: solid 0.5em;
    padding-top: 1em; }
.connectwise-form p label { font-size: 1em !important; }
.connectwise-form span.wpcf7-list-item { margin: 0 2em 0 0em; }
.connectwise-form div.wpcf7-response-output { color: black; }
.connectwise-form .question-comments label { border: none; margin-top: 0 }
.connectwise-form .wpcf7-checkbox span { padding: 0.3em;  display: inline-block }
.connectwise-form .cf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    font-weight: normal;
    display: block;
    font-size: 1.8em;
    padding: 1em;
    margin-top: 1em;
    background: red;
    color: white;
}
.connectwise-form .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    margin: 0;
    border: 1px solid #398f14 !important;
    background-color: white !important;
    border-radius: 0 !important;
}
.connectwise-form input.wpcf7-form-control.wpcf7-submit {
    background: #08243c;
    line-height: 16px;
    padding: 15px;
    color: #fff;
    cursor: pointer;
    border: 3px solid #08243c;
    border-radius: 0;
    transition: 0.5s;
}
.connectwise-form input.wpcf7-form-control.wpcf7-submit:hover {
    background: #1c4569;
    line-height: 16px;
    padding: 15px;
    color: #fff;
    cursor: pointer;
    border: 3px solid #a4c5e3;
    border-radius: 0;
    transition: 0.5s;
}
#connectwise-qns, .qn1-other, #negative-comment, #positive-comment, #neutral-comment {
display:none;
}
.connectwise-qns-open .connectwise-qns, .negative-comment-open #negative-comment, positive-comment-open #positive-comment, .neutral-comment-open #neutral-comment,  {
display:block;
}
.show-qn1-no-qns .qn1-yes-questions {
display: none;
}
.mp-star{
    color: #d11f20;
}
.mp-star-note{
    font-size:16px;
    margin-top: 3em;
}
.mp-star-note b {
    color: #d11f20;
}
.connectwise-form .wpcf7-checkbox, .connectwise-form .wpcf7-list-item { display: block; width: 100%; }
.connectwise-form .wpcf7-checkbox span span, .connectwise-form .wpcf7-checkbox span input { display: inline-block; }

#connectwise-qns { display: none; }


  /* Influencer */
  .influencers header .row {
    text-align: center;
    position: relative;
    padding: 2em 2em 4em 2em;
  }
  .influencers header h1 {
    font: 3em/1.3 "Droid Serif", georgia, serif;
  }
  .influencers header p {
    font: 1.8em/1.4 "Droid Serif", georgia, serif;
    width: 600px;
    max-width: 100%;
    margin: 0 auto 1em auto;
  }
  .influencers header form p {
    font: 1.6em/1.4 Lato, sans-serif;
    margin-top: 1em;
    padding-top: 1em;
  }
  .influencers header form p:first-of-type {
    border-top: solid 2px #ededed;
  }
  .influencers header .powered-by {
    text-align: left;
  }
  .influencers header .date-selector {
    background: #ebebeb;
    border-radius: 0.2em;
    padding: 0.6em 0 0 1em;
    width: 12em;
    height: 3em;
    text-align: left;
    overflow: hidden;
    cursor: pointer;
    font-size: 1.6em;
    line-height: 2;
  }
  .influencers header .date-selector:after {
    content: "\f107";
    font: 1.4em/2.4em fontawesome;
    position: absolute;
    right: 0;
    top: 0;
    width: 2em;
    text-align: center;
  }
  .influencers header .date-selector:hover {
    box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.1);
  }
  .influencers header .date-selector ul {
    font-size: 1.8em;
  }
  .influencers header .date-selector li {
    height: 3em;
    margin-left: -1em;
    padding-left: 1em;
  }


  /* The container must be positioned relative: */
  .custom-select {
    position: absolute;
    top: 4em;
    right: 0;
    width: 17em;
    font-size: 1.4em;
  }

  .custom-select select {
    display: none; /*hide original SELECT element: */
  }

  .select-selected {
    background: #ebebeb;
    border-radius: 0.2em;
  }

  /* Style the arrow inside the select element: */
  .select-selected:after {
    position: absolute;
    content: "";
    top: 1.65em;
    right: 1.5em;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #000 transparent transparent transparent;
  }

  /* Point the arrow upwards when the select box is open (active): */
  .select-selected.select-arrow-active:after {
    top: 1em;
    transform: rotate(180deg);
  }

  /* style the items (options), including the selected item: */
  .select-items div, .select-selected {
    color: #000;
    padding: 1em;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    text-align: left;
  }

  /* Style items (options): */
  .select-items {
    position: absolute;
    background-color: #f7f7f7;
    box-shadow: 0.05em 0.05em 0.1em 0 rgba(0,0,0,0.1);
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
  }

  /* Hide the items when the select box is closed: */
  .select-hide {
    display: none;
  }

  .select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
  }


  /* Influencers */


  .influencers header .date-selector:active {
    overflow: visible;
  }
  .influencers header input[type="search"] {
    box-shadow: 0.05em 0.05em 0.15em 0 rgba(0,0,0,0.5);
    border: none;
    display: inline-box;
    font-size: 1.8em;
    padding: 0.5em;
    height: 3em;
    width: 30em;
  }
  .influencers header button {
    display: inline-block;
    background: #111;
    border-radius: 0.1em;
    font-size: 1.8em;
    padding: 0.5em;
    height: 3em;
    width: 5em;
    color: white;
    position: relative;
    border: none;
    cursor: pointer;
    top: 0.7em;
    transition: all 0.4s ease-in-out;
  }
  .influencers header button:hover {
    background: #053158;
  }
  .influencers header button:after {
    content: "\f002";
    font: 1em/3em fontawesome;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
  }

  .top-influencers, .top-trends {
    background: #053158;
    background: #0067b6;
    padding: 2em;

  }
  .top-influencers .row {
    position: relative;
  }
  .influencers section header {
    border-bottom: solid 0.3em rgba(255,255,255,0.2);
    position: relative;
    margin-bottom: 3em;
  }
  .influencers section header h2 {
    color: white;
    float: left;
    font-family: "Droid Serif", gorgia, serif;
  }
  .influencers .top-influencers .share {
    top: 7em;
    right: -0.5em;
  }
  .influencers .top-influencers .share .share-toggle:after {
    color: white;
  }


  .explainer {
    position: absolute;
    right: 0;
    top: 0;
    width: 20em;
    cursor: help;
  }
  .explainer-toggle {
    background: white;
    float: right;
    width: 3em;
    height: 3em;
    border-radius: 1.5em;
    position: relative;
    text-indent: -5000px;
    overflow: hidden;
    border: solid 1px rgba(0,0,0,0.8);
    box-shadow: 0.1em 0.1em 0.1em 0 rgba(0,0,0,0.2);
  }
  .explainer-toggle:after {
    content: '...';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 1em;
    text-align: center;
    text-indent: 0;
    font-size: 2em;
  }
  .explainer-message {
    background: #eef0f6;
    font-size: 1.4em;
    padding: 2em;
    border-radius: 0.2em;
    position: absolute;
    opacity: 0;
    z-index: -999;
    visibility: hidden;
    bottom: 2em;
    right: -2em;
    box-shadow: 0.1em 0.1em 0.1em 0 rgba(0,0,0,0.5);
    transition: opacity 0.5s ease-in-out, bottom 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
  }
  .explainer-message:after {
    content: '';
    position: absolute;
    right: 2em;
    bottom: -1em;
    border-top: solid 1em #eef0f6;
    border-left: solid 1em transparent;
    border-right: solid 1em transparent;
  }
  .explainer:hover .explainer-message {
    opacity: 1;
    z-index: 999;
    visibility: visible;
    bottom: 3em;
    box-shadow: 0.1em 0.1em 0.9em 0 rgba(0,0,0,0.1);
  }

  .head-shots {

  }
  .head-shots li {
    text-align: center;
    cursor: pointer;
  }
  .influencer-photo {
    border-radius: 50%;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
  }
  .head-shots li .influencer-photo:hover {
    box-shadow: 0.1em 0.1em 1.5em 0 rgba(0,0,0,0.4);
  }
  .head-shots li .name-company {
    color: white;
    font-size: 1.8em;
    margin-top: 1em;
    line-height: 1.3;
  }
  .head-shots li .name-company strong {
    display: block;
  }
  .head-shots li .job-title {
    display: block;
  }
  .head-shots li .org {
    font-weight: lighter;
    font-size: 70%;
  }


  .top-influencers .slick-dots li, .top-influencers .slick-dots li button, .top-influencers .slick-dots li button:before {
    width: 30px;
    height: 30px;
    margin-top: 4em;
  }
  .top-influencers .slick-dots li {

  }
  .top-influencers .slick-dots li button {

  }
  .top-influencers .slick-dots li button:before {
    background: #222;
    border-radius: 15px;
    content: '';
  }


  .top-trends .slick-next, .top-trends .slick-prev {
    width: 6em;
    height: 6em;
    background: none;
    font-size: 1em;
  }
  .top-trends .slick-next:before, .top-trends .slick-prev:before {
    content: "\f105";
    font: 4em/1.5em fontawesome;
    color: black;
  }
  .top-trends .slick-prev:before {
    content: "\f104";
  }


  .top-trends {
    background: white;
  }
  .influencers section.top-trends header, .influencers section.news-reports-opinion header, .influencers .influencer-profile-view header, .influencers .influencer-tweets header {
    border-bottom: solid 0.3em #eff0f5;
    margin-bottom: 3em;
  }
  .top-trends header h2, .influencers .news-reports-opinion section header h2, .influencers section.top-trends header h2, .influencers section.influencer-tweets header h2 {
    color: black;
  }


  .influencer-tweets {
    margin-bottom: 4em;
  }


  .influencers .news-reports-opinion section {
    font-size: 0.8em;
    padding: 0 3em;
  }
  .influencers .news-reports-opinion section header, .influencers .influencer-profile-view header {
    margin-bottom: 3em;
  }
  .influencers .news-reports-opinion section header h2, .influencers .influencer-profile-view header h2  {
    color: black;
    margin: 0;
  }
  .influencers .news-reports-opinion li {
    border-bottom: solid 0.2em #eff0f5;
    margin: 0 0 2em 0;
    padding: 0 0 2em 0;
    position: relative;
    height: 19em;
  }
  .influencers .news-reports-opinion .article-date {
    color: black;
    font-size: 1.6em;
    margin: -0.3em 0 0 0;
  }
  .influencers .news-reports-opinion h3 {
    margin: 0 0 0.5em 0;
    font-weight: bold;
  }
  .influencers .news-reports-opinion p {
    line-height: 1.3;
    margin: 0;
  }
  .influencers .news-reports-opinion .recent-opinion li img {
    height: 3em;
    width: auto;
    margin: 0 0 0.5em 0;
  }

  .poll-widget {
    margin: 2em 0;
  }

  .more-link {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.6em;
  }
  .more-link a {
    color: #053158;
  }
  .more-link a:hover {
    text-decoration: underline;
  }

  .influencers .share {
    position: absolute;
    right: 0;
    top: -0.7em;
  }
  .influencers .share-toggle {
    position: relative;
    width: 4em;
    height: 4em;
    text-indent: -5000px;
    overflow: hidden;
    cursor: pointer;
  }
  .influencers .share-toggle:after {
    content: "\f1e0";
    font: 1.8em/2.1em fontawesome;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    text-indent: 0;
  }
  .influencers .share ul {
    margin: 0;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    background: white;
    transition: opacity 0.5s ease-in-out;
  }
  .influencers .share ul:before {
    content: '';
    position: absolute;
    left: 1em;
    top: -1em;
    border-bottom: solid 1em white;
    border-left: solid 1em transparent;
    border-right: solid 1em transparent;
  }
  .influencers .share ul li {
    border: none;
    height: auto;
    font-size: 1.6em;
    line-height: 2;
    padding: 0 0 0 1.5em;
    margin: 0;
    position: relative;
  }
  .influencers .share ul li:before {
    content: "\f099";
    font: 1em/2em fontawesome;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2em;
  }
  .influencers .share ul li:last-of-type:before {
    content: "\f082";
  }
  .influencers .share:hover ul {
    visibility: visible;
    opacity: 1;
    z-index: 9999;
    padding: 1em;
    box-shadow: 0.1em 0.1em 0.3em 0 rgba(0,0,0,0.3);
  }

  .influencers .top-trends .share ul {
    right: 0.5em;
  }
  .influencers .top-trends .share ul:before {
    left: 0;
    right: 1em;
  }

  .influencers .top-influencers .share {

  }


  .carousel header {
    text-align: center;
    margin-bottom: 3em;
    padding-bottom: 2em;
  }
  .carousel header h3 {
    font: bold 3em Lato, helvetica, arial, sans-serif;
    display: block;
    margin: 0;
  }
  .influencers .carousel header p {
    margin: 0 auto;
    font: bold 1.8em Lato, helvetica, arial, sans-serif;
  }
  .carousel header .share {
    float: right;
  }


  .subscribe-to-mainframe .row {
    border-bottom: solid 0.3em #eff0f5;
    border-top: solid 0.3em #eff0f5;
    text-align: center;
    padding: 3em 0;
    margin: 3em auto;
  }
  .subscribe-to-mainframe .cta {
    margin: 3em auto 0 auto;
  }
  .subscribe-to-mainframe .cta a {
    background: #053158;
    color: white;
    padding: 1em 3em;
    margin: 1em auto;
    display: inline-block;
  }

  .show-influencer-profile .influencer-profile-view {
    opacity: 1;
    z-index: 99999;
    top: 10em;
    visibility: visible;
  }
  .influencer-profile-view {
    background: white;
    border-radius: 0.2em;
    width: 80em;
    max-width: 100%;
    position: fixed;
    left: 50%;
    margin-left: -40em;
    top: 20em;
    opacity: 0;
    z-index: -99999;
    box-shadow: 0 0 2em 0 rgba(0,0,0,0.3);
    transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
  }
  .influencer-profile-view h2 {
    font: 1.8em/1 Poppins, helvetica, arial, sans-serif;
    width: 74%;
  }
  .influencer-profile-view .share {
    float: right;
    position: relative;
  }
  .influencer-profile-view .row.container {
    padding: 2em;
  }
  .influencer-profile-view section {
    background: white;
    position: relative;
    z-index: 99;
    padding: 4em;
  }
  .influencer-profile-view:before {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
  }
  .influencer-profile-view .vcard {
    font-size: 3em;
    line-height: 1.2;
    background: none;
    width: 100%;
    padding: 0;
    margin: 0;
    letter-spacing: 0;
  }
  .influencer-profile-view .vcard .fn {
    display: block;
    font-size: 1em;
  }
  .influencer-profile-view .country-name {
    display: block;
    font-size: 50%;
    opacity: 0.5;
    margin-top: 0.5em;
  }
  .ceo-description p {
    font-size: 1.6em;
    line-height: 1.4;
    margin-bottom: 2em;
  }

  .influencer-social-media-links {
    margin: 2em 0;
  }
  .influencer-social-media-links li {
    display: inline-block;
    font-size: 1.4em;
    padding: 0.2em 0;
  }
  .influencer-social-media-links li.twitter-handle a {
    color: #0396e6;
    margin-right: 1.5em;
  }
  .influencer-social-media-links li.twitter-follow {
    border-right: solid 1px #ccc;
    padding-right: 1.5em;
    margin-right: 1.5em;
  }
  .influencer-social-media-links li.twitter-follow a, .influencer-social-media-links li.linkedin a {
    background: #28aae1;
    color: white;
    position: relative;
    padding: 0.3em 0.5em 0.3em 3em;
    border-radius: 0.2em;
  }
  .influencer-social-media-links li.twitter-follow a:before, .influencer-social-media-links li.linkedin a:before {
    content: "\f099";
    font: 1.1em/2em fontawesome;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2em;
    text-align: center;
  }
  .influencer-social-media-links li.linkedin a {
    background: #017cb8;
  }
  .influencer-social-media-links li.linkedin a:before {
    content: "\f08c";
  }
  .mentions-chart {
    padding-top: 2em;
    text-align: center;
  }

  .social-stats {
    border-top: solid 2px #ededed;
    border-bottom: solid 2px #ededed;
    padding: 1.5em 0 1em;
    clear: both;
    margin-bottom: 2em;
  }
  .social-stats li {
    display: inline-block;
    width: 19.6%;
    text-align: center;
    vertical-align: top;
  }
  .social-stats li h3 {
    color: #888;
    font-size: 1.4em;
    margin: 0;
    padding: 0 1em 0 2em;
    position: relative;
    display: inline-block;
  }
  .social-stats li h3:before {
    content: "\f099";
    font: 1em/1.3em fontawesome;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2em;
    text-align: center;
    color: #0196e8;
  }
  .social-stats li.ceo-followers h3:before {

  }
  .social-stats li.ceo-following h3:before {
    content: "\f06e";
  }
  .social-stats li.ceo-tweet-count h3:before {
    content: "\f080";
  }
  .social-stats li.ceo-favourites h3:before {
    content: "\f004";
  }
  .social-stats li.ceo-retweets h3:before {
    content: "\f079";
  }

  .social-stats li p {
    color: #053158;
    font-size: 3em;
    margin: 0;
    font-weight: bold;
  }
  .social-stats li p small {
    display: block;
    color: #888;
    font-size: 40%;
    line-height: 1em;
  }

  .influencer-profile-view .close-toggle {
    position: absolute;
    right: 1em;
    top: 1em;
    width: 4em;
    height: 4em;
    cursor: pointer;
    text-indent: -5000px;
    overflow: hidden;
  }
  .influencer-profile-view .close-toggle:after {
    content: "\f00d";
    font: 2em/2em fontawesome;
    text-align: center;
    text-indent: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }

  .close-modal .influencer-profile-view {
    opacity: 0;
    top: -100em;
    visibility: hidden;
    z-index: -9999;
  }

  @media (min-width: 540px) {
    .head-shots {
      margin: 0 -1em;
    }
    .head-shots li {
      width: 50%;
      padding: 1em;
      float: left;
    }
  }
  @media (max-width: 768px) {
    .influencer-profile-view {
      top: 0;
      bottom: 0;
      height: 100vh;
    }
    .influencer-profile-view section {
      padding: 1em;
      overflow: scroll;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
    .influencer-profile-view .row.container {
      padding: 0;
      padding-top: 5em;
    }
    .influencer-photo {
      margin-bottom: 3em;
    }
    .influencer-profile-view .vcard {
      font-size: 2em;
    }
    .influencers header .powered-by {
      top: 5em;
    }

    .social-stats li {
      width: 100%;
      display: block;
      padding: 3em 0;
      border-bottom: solid 1px #ebebeb;
    }
    .influencer-social-media-links li {
      margin-bottom: 1em;
      display: block;
    }
    .influencer-social-media-links li.twitter-follow {
      border: none;
      padding: 0;
      margin-right: 0;
    }
  }
  @media (min-width: 500px) and (max-width: 768px) {
    .influencer-profile-view {
      font-size: 0.8em;
    }
    .influencer-photo-col {
      float: left;
      width: 30%;
    }
    .influencer-vcard-col {
      float: right;
      width: 65%;
    }
  }


  .influencers header .powered-by {
    position: absolute;
    left: 0;
    top: 4em;
    width: 140px;
    padding-left: 1em;
    border-left: solid 1em #07dea5;
  }

  .page-template-page-influencers.footer-open .site-footer {
    position: static;
  }


  @media (min-width: 768px) {
    .influencers header .date-selector {
      position: absolute;
      right: 0;
      top: 2em;
    }
    .influencers .influencer-profile-view header .powered-by {
      float: right;
      position: relative;
      top: -1em;
    }
    .influencer-profile-view .vcard {
      margin-top: -0.5em;
    }
    .head-shots {
      margin: 0 -2em;
    }
    .head-shots li {
      width: 25%;
      padding: 2em;
      float: left;
    }
  }
  @media (max-width: 1024px) {
    .influencer-profile-view {
      width: 100%;
      margin: 0;
      left: 0;
    }
  }
  @media (min-width: 1024px) {
    .influencers header .row {
      padding: 3em 3em 5em 3em;
    }
    .influencers header h1 {
      font-size: 4em;
    }
    .influencers header p {
      font-size: 2.1em;
    }
    .top-influencers {
      padding: 3em;
    }
    .head-shots ul {

    }
    .head-shots li {
      width: 20%;

    }
    .influencer-photo-col .influencer-photo {
      margin-bottom: 3em;
    }
  }
  @media (min-width: 1280px) {
    .influencers header .row {
      padding: 4em 4em 6em 4em;
    }
    .influencers header h1 {
      font-size: 5em;
    }
    .influencers header p {
      font-size: 2.4em;
    }
    .top-influencers {
      padding: 4em;
    }


    /* Sticky sidebar mpu */
    .reached-mpu3 #Unit3 {
      position: fixed;
      top: 270px;
      margin-left: 25px;
      transition: all 0.5s ease-in-out;
    }
    .billboard-closed.reached-mpu3 #Unit3 {
      top: 30px;
    }
    #sticky-marker {
      position: relative;
      top: -1000px;
    }
    .reached-sticky-marker #Unit3 {
      position: absolute;
      bottom: 0;
    }

  }
  @media (min-width: 1024px) {
    .head-shots li .influencer-photo {
      width: 90%;
      margin: 0 auto;
    }
  }
  @media (min-width: 1440px) {
    .head-shots ul {
      margin: 0 -3em;
    }
    .head-shots li {
      width: 20%;
      padding: 1em;
    }
    .head-shots li .influencer-photo {
      width: 60%;
      margin: 0 auto;
    }
  }
  @media(min-width: 1024px) and (max-height: 760px) {
    body {
      font-size: 55%;
    }
  }
  @media(min-width: 1024px) and (max-height: 660px) {
    body {
      font-size: 50%;
    }
  }

 

/* Thrive pop-up */
.tve_p_lb_inner h1 {
  font: 1.2em Lato, helvetica, sans-serif;
}
.tve_p_lb_inner p {
  
}
[data-css="tve-u-75df8cad2e4a8a"] .tcb-button-link {

}


.tve_p_lb_inner h1 {
  font: 3em Lato, helvetica, sans-serif;
}
@media (min-width: 1024px) {
  .tve_p_lb_inner h1 {
    font: 4em Lato, helvetica, sans-serif;
  }
}




/* Article email newsletter form: goes under article main image carousel */
.newsletter-sign-up {
  border-top: solid 0.5em #0b2d4c;
  border-bottom: solid 1px #ccc;
  padding: 1em 0;
  margin-bottom: 3em;
}
  body.single-post .post-content .newsletter-sign-up img {
    display: block;
    margin: -6em 0 0 0;
  }
  #infinite-article .entry-content .newsletter-sign-up h2 {
    margin: 0;
    font: 2.6em Lato, helvetica, sans-serif;
  }
  .entry-content .newsletter-sign-up .benefits {
    list-style: none;
    margin: 1em 0;
    padding: 0;
    font: 1.4em Lato, helvetica, sans-serif;
    text-transform: uppercase;
    color: black;
  }
    .newsletter-sign-up .benefits li {
      display: inline-block;
      margin: 0 1em 0 0;
      padding: 0 1em 0 0;
      position: relative;
    }
      .newsletter-sign-up .benefits li:after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -2px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #0b2d4c;
        display: block;
      }
      .newsletter-sign-up .benefits li:last-of-type {
        padding-right: 0;
        margin-right: 0;
      }
      .newsletter-sign-up .benefits li:last-of-type:after {
        display: none;
      }
  .newsletter-sign-up .cta a {
    font-size: 1.5em;
  }
  #article-newsletter-form {
    
  }
    #article-newsletter-form .newsletter-form {
      margin: 3em 0;
      display: none;
      opacity: 0;
      transition: opacity 0.3s ease-in-out;
    }
      #article-newsletter-form .newsletter-form iframe {
        height: 670px;
      }
  #article-newsletter-form.reveal-form .newsletter-form {
    opacity: 1;
    display: block;
  }


 .newsletter-sign-up .large-3 {
    display: none;
  }

  .secondary-content .newsletter-sign-up {
    padding: 3em 1em;
    background: #f7f7f7;
  }
      .secondary-content .newsletter-sign-up h2 {
        margin-top: 0;
        font-size: 2.4em;
      }


@media (min-width: 768px) {
  .newsletter-sign-up .large-3 {
    display: block;
    padding-right: 2em;
  }
}
@media(min-width: 1440px) {
  .post-content .newsletter-sign-up {
    margin-left: -9em;
  }
    .newsletter-sign-up .large-3 {
      padding-right: 3em;
    } 
}



/* Paginated Posts */
.net-page {
    margin:  4em 0;
    border-top:  solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
    padding: 2em 0;
}



/* YARPP YARPP PARP PARP Fixed Related posts 

“Crime in multi-storey car parks. That is wrong on so many different levels.” 

Ba da bing. One more:

“As a kid I was made to walk the plank. We couldn’t afford a dog.”

*/
.fixed-related-posts {
  border-top: solid 3px #000f38;
  opacity: 0;
  position: fixed;
  bottom: -25em;
  min-height: 17em;
  left: 0;
  right: 0;
  padding: 1em;
  background: white;
  z-index: -9999;
  visibility: hidden;
  box-shadow: 0 0 2em 0 rgba(0,0,0,0.15);
  transition: opacity 0.5s ease-in-out, bottom 0.5s ease-in-out;
}
  .yarpp-related .fixed-related-posts h3, #infinite-article .entry-content .yarpp-related .fixed-related-posts h3 {
    font: bold 1.2em Lato, sans-serif;
    text-transform: uppercase;
    font-size: 1.8em;
    margin: 0 0 0.5em 0;
  }
  .entry-content .yarpp-related ol {
    list-style: none;
  }
   .entry-content .yarpp-related .column:last-child:not(:first-child),  .entry-content .yarpp-related .columns:last-child:not(:first-child) {
    float: left;
   }
  body.single-post .post-content .yarpp-related :not(p) img {
    display: block;
  }
  .single .fixed-related-posts .large-8 {
    padding-right: 1em;
    padding-left: 0.5em;
    font-size: 0.85em;
  }
  .close-related {
    position: absolute;
    right: 1em;
    top: 1em;
  }
    .close-related:hover {
      background: #666;
    }


@media (max-width: 1024px) {
  .show-related .fixed-related-posts, .fixed-related-posts {
    display: none;
  }
}
@media (min-width: 1024px) {
  .show-related .fixed-related-posts {
    /* opacity: 1;
    bottom: 0;*/
    opacity: 1;
    bottom: 0;
    visibility: visible;
    z-index: 9999;
  }
  .show-related.end-joyride .fixed-related-posts {
    opacity: 0;
    bottom: -400px;
  }
}



 /* WP Polls */
  .poll {
    background: #3999f1;
    padding: 3em;
    margin: 1em 0 3em 0;
    border-radius: 0.2em;
    box-shadow: 0.1em 0.1em 0.4em 0 rgba(0,0,0,0.2);
  }
  .post .post-content .poll h2 {
    text-align: center;
    margin: 0;
  }
  .post .post-content .poll h2 img {
    width: 80px;
    margin: 0 auto 0.5em auto;
  }
  .post .post-content .poll p:first-of-type {
    font: 2.1em/1.3 Lato, "Helvetica Neue", helvetica, arial, sans-serif;
    /*color: white;*/
    width: 500px;
    margin: 0 auto;
    max-width: 100%;
  }
  .post-content .poll ul {
    padding: 0;
    margin: 2em auto;
    max-width: 360px;
    font: 1.8em/1.3 Lato, "Helvetica Neue", helvetica, arial, sans-serif;
  }
    .wp-polls ul li {
      position: relative;
    }
    .wp-polls ul li:before {
        content: '';
        display: block;
        width: 1.5em;
        height: 1.5em;
        position: absolute;
        left: 0.1em;
        top: 0.5em;
        border-radius: 50%;
        border: solid 3px;
    }
    .wp-polls-ans ul li:before {
      display: none;
    }
    
  .wp-polls .pollbar {
    height: 2.5em;
    background: white;
    border: none;
    margin: 2em 0 3em 0;
  }
  .post .post-content .poll .wp-polls-ans p:first-of-type {
    font-size: 1.4em;
  }
  .poll .Buttons {
    background: #222;
    border: none;
    color: white;
    padding: 0.9em 2em 0.8em;
    border-radius: 0.2em;
    cursor: pointer;
  }

  @media (min-width: 1024px) {
    .post .post-content .poll p:first-of-type {
      font: 3em/1.3 Lato, "Helvetica Neue", helvetica, arial, sans-serif;
    }
  }





.wp-polls {
    background: #fff;
    padding: 10em 2em 2em 2em;
    position: relative;
    margin: 3em 0;
    border-radius: 0.35em;
    box-shadow: 0.1em 0.1em 0.4em 0 rgba(0,0,0,0.3);
    overflow: hidden;
    clear: both;
}
    .wp-polls:before {
        content: 'Verdict Polls';
        background: #000 url('../png/verdict-poll.png') center center no-repeat;
        background-size: 70px;
        width: 100%;
        height: 7em;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        text-indent: -5000px;
        overflow: hidden;
        z-index: 9;
    }
    /*.wp-polls:after {
        content: '';
        background: url(https://www.army-technology.com/wp-content/uploads/sites/3/2020/01/chart.jpg) no-repeat center bottom;
        background-size: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        display: block;
        opacity: 0.3;
        height: 400px;
    }*/
    .wp-polls form {
      position: relative;
      z-index: 9;
    }
    .entry-content .wp-polls p:first-of-type, .entry-content .wp-polls p {
      margin: 0;
      color: #000;
      font-size: 2.4em;
    }
    .entry-content .wp-polls p:last-of-type {
        font-size: 2.4em;
    }
        .entry-content .wp-polls p:last-of-type a {
            color: #0b2d4c;
        }
    .entry-content .wp-polls p:nth-of-type(3) {
        font: 2.1em/1.3 Lato, "Helvetica Neue", helvetica, arial, sans-serif;
        /*color: white;*/
        width: 500px;
        margin: 0 auto;
        max-width: 100%;
    }
    .entry-content .wp-polls ul {
        padding: 0;
        margin: 1.5em auto;
        max-width: 360px;
        font: 1.6em/1.3 Lato, "Helvetica Neue", helvetica, arial, sans-serif;
    }
        .entry-content .wp-polls ul li, .entry-content .wp-polls ul li label {
            color: #000 !important;
        }
          .entry-content .wp-polls ul li input {
            border: solid 2px #000;
            width: 1em;
            height: 1em;
            border-radius: 50%;
            position: relative;
            top: 0.25em;
            cursor: pointer;
            opacity: 0;
          }
          .wp-polls ul li label {
            color: #222 !important;
          }
          .wp-polls ul li input + label:before {
            content: "";
            width: 1.2em;
            height: 1.2em;
            border-radius: 50%;
            border: solid 3px #000;
            position: absolute;
            left: 0em;
            top: 0.8em;
            background: white;
          }
          .wp-polls ul li input:checked + label:after {
              content: "\f00c";
              font: 1.3em fontawesome;
              color: black;
              position: absolute;
              left: -0.05em;
              top: 0.6em;
              width: 1em;
              height: 1em;
              background: white;
              border-radius: 50%;
          }
          .entry-content .wp-polls ul li label:hover input {
            border: solid 2px #0b2d4c;
          }
        .entry-content .wp-polls .wp-polls-ans ul li {
            margin-bottom: 0.2em;
        }
        .wp-polls .pollbar {
            height: 2.5em;
            background: white;
            border: none;
            margin: 2em 0 3em 0;
        }
    .post-content .wp-polls .Buttons, .wp-polls .Buttons {
        background-color: #000;
        border: none;
        color: white;
        padding: 0.5em 1.5em 0.5em;
        border-radius: 0.2em;
        cursor: pointer;
        margin-bottom: 1em;
        transition: all 0.4s ease-in-out;
        box-shadow: 0 0.1em 0.2em 0 rgba(0,0,0,0.5);
    }
    .post-content .wp-polls p .Buttons, .wp-polls p .Buttons {
        background: black;
        color: white;
        font-size: 0.9em;
        padding: 0.5em 1em;
        margin-top: 1em;
    }
      .wp-polls .Buttons:hover {
        background: #0b2d4c;
        color: white;
      }

.verdict-chart .wp-polls {
  margin: 0;
}

.secondary-content .wp-polls {
  margin-top: 0;
  box-shadow: none;
  
}
  .wp-polls ul li {
    margin-bottom: 0.5em;
  }
  .secondary-content .wp-polls p {
    font: lighter 1.8em montserrat, helvetica, arial, sans-serif;
    margin: 0;
  }
  .secondary-content .wp-polls ul {
    margin-top: 2em;
  }
  .secondary-content .wp-polls ul li label {
    max-width: 75%;
    margin-left: 8%;
  }
  .secondary-content .wp-polls ul li input {
    opacity: 0;
  }

@media (min-width: 1024px) {
    
    .post .post-content .wp-polls p:last-of-type {
        font-size: 1.8em;
        margin-bottom: 0;
    }
    .post .post-content .wp-polls p:nth-of-type(3), #infinite-article .entry-content blockquote.cc-blockquote .wp-polls p:nth-of-type(3) {
        font: 2.1em/1.3 Lato, "Helvetica Neue", helvetica, arial, sans-serif;
    }
    .entry-content .wp-polls div ul + p:last-of-type {
        font-size: 1.6em;
    }
}



/* Tower SEO post */
.share-container .carousel .post-template-single-tower-php {
  margin: 0;
}
#infinite-article .entry-content blockquote.cc-blockquote, #infinite-article .entry-content .microblog-update {
  border-top: solid 1px #dadada;
  margin-top: 2em;
  margin-bottom: 3em !important;
  position: relative;
  font-size: 1em !important;
  padding-top: 2em;
  padding-bottom: 2em;
}
  #infinite-article .entry-content blockquote.cc-blockquote h2, #infinite-article .entry-content .microblog-update h2 {
      margin: 0 0 0.5em 0;
      font-size: 2.4em;
      font-weight: bold;
   }
      #infinite-article .entry-content blockquote.cc-blockquote h2:first-of-type {
        margin-top: 0;
      }
      #infinite-article .entry-content blockquote.cc-blockquote p:nth-of-type(2) + h2:first-of-type {
        margin-top: 1.5em;
      }
      #infinite-article .entry-content blockquote.cc-blockquote h2 a {
        text-decoration: underline;
      }
   #infinite-article .entry-content blockquote.cc-blockquote p, #infinite-article .entry-content .microblog-update p {
      font-size: 1.7em;
      font-weight: normal;
      color: #333;
      margin: 0;
   }
   #infinite-article .entry-content blockquote.cc-blockquote .update-date, #infinite-article .entry-content .microblog-update .update-date {
        text-transform: uppercase;
        font: lighter 1.6em helvetica, arial, sans-serif;
        display: block;
        color: #999;
        margin: 0;
    }
    #infinite-article .entry-content .microblog-update .wp-caption, #infinite-article .entry-content .microblog-update .gallery-caption {
      width: inherit !important;
    }

.latest-update {
  border-top: solid 2px #0b2d4c;
}

body.single-projects .post-content :not(p) img, body.single-post .post-content :not(p) img {
  display: block !important;
}


.articles-with-same-tag h2 {
    margin: 0 0 1em 0;
    padding-top: 1em;
    font: bold 1.8em Montserrat, helvetica, arial, sans-serif;
    text-transform: uppercase;
    position: relative;
}
    .articles-with-same-tag h2:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 5em;
      background: #0b2d4c;
      height: 0.5em;
    }
    .articles-with-same-tag h2 em {
      color: #0b2d4c;
    }
    .sal li {
      transition: all 0.4s ease-in-out;
    }

.view-all {
  border-top: solid 1px #999;
  padding-top: 1em;
  font-size: 1.8em;
  text-align: right;
}
    .view-all a {
      text-decoration: underline;
      position: relative;
      padding-right: 1.5em;
    }
        .view-all a:after {
            content: "\f101";
            font: normal 0.8em/1.5em fontawesome;
            position: absolute;
            right: 0;
            top: 0;
        }

.post-template-single-tower-php .gd-report-modal {
  display: none;
}



@media (min-width: 768px) {
      #infinite-article .entry-content blockquote.cc-blockquote, #infinite-article .entry-content .microblog-update {
        padding-left: 13em;
      }
      #infinite-article .entry-content blockquote.cc-blockquote .update-date, #infinite-article .entry-content .microblog-update .update-date {
        position: absolute;
        left: 0;
        top: 0.9em;
      }
      #infinite-article .entry-content .microblog-update img.alignright, #infinite-article .entry-content .microblog-update img.alignleft {
        max-width: 50%;
      }
      #infinite-article .entry-content .microblog-update img.size-full, #infinite-article .entry-content .microblog-update img.alignnone {
        max-width: 100%;
        width: 100%;
        margin: 0;
        float: none;
      }
}


/* Charts */
.cb-chart {
    box-shadow: 0 0.1em 0.3em 0 rgba(0,0,0,0.15);
    border: solid 1px #ebebeb;
    background: white;
    padding: 3em;
    position: relative;
    text-align: center;
}
    .cb-chart:after {
        content: '';
        background: url(../verdict-charts.html) no-repeat;
        background-size: 100%;
        width: 14em;
        height: 1.3em;
        position: absolute;
        right: 2em;
        bottom: 2em;
    }
    #infinite-article .entry-content .cb-chart h2 {
      margin: 0 auto 2em auto;
      font: lighter 1.8em/1.3 Montserrat, helvetica, arial, sans-serif;
    }
    .cb-chart iframe {

    }



/* Data / Charts based landing pages e.g. Coronavirus */

.post-template-single-corona ul p, .post-template-single-corona ol p, .post-template-single-corona ul ul, .post-template-single-corona ol ol, .post-template-single-corona ul ol, .post-template-single-corona ol ul {
  margin-left: 0;
  margin-right: 0;
}

.post-template-single-corona.box-skin_body {
  padding-top: 0;
}
  /*.box-skin_body.post-template-single-corona .row {
    width: 1200px;
    max-width: 100% !important;
  }
 .post-template-single-corona .box-skin_body{
  width: auto !important;
 }
*/
.post-template-single-corona .full-width-entry-header {
  /*padding-bottom: 1em;
  margin-bottom: 2em;
  border-bottom: solid 1px #999;*/
}
  .post-template-single-corona h1 {
    font-family: montserrat;
    margin: 0.1em 0 0.5em 0;
    text-align: center;
    max-width: 100%;
    width: 900px;
    margin: 0 auto 1em auto;
  }
  .post-template-single-corona .full-width-entry-header p{
    text-align: center;
    max-width: 100%;
    width: 900px;
    margin: 0 auto 1em auto;
  }

.share-cta {
  margin: 0 0 2em 0;
  padding: 2em;
  background: black;
}
  .share-cta h2 {
    font: 2.4em montserrat;
    margin: 0;
    color: white;
  }
  .share-cta p {
    font: 1.6em montserrat;
    margin: 0;
    color: #ebebeb;
  }
  .share-cta input[type="text"] {
    width: 78%;
    display: inline-block;
  }
  .share-cta input[type="submit"] {
    background: #a4c5e3;
    border: none;
    padding: 0.5em;
    margin-top: 0.5em;
    cursor: pointer;
  }
  .share-cta input[type="submit"]:after {
    content: "\f0c5";
    font: 1em fontawesome;
    position: absolute;
    top: 0;
    right: 0;
    
  }


.marquee {
  border-bottom: dashed 1px #333;
  border-top: dashed 1px #333;
  padding: 1em 0;
  position: relative;
  margin: 0 0 2em 0;
  overflow: hidden;
}
  .marquee h2 {
    display: inline-block;
    float: left;
    width: 7em;
    margin: 0;
    font: 1.4em/1 Montserrat, "Helvetica Neue", helvetica, arial, sans-serif;
    position: relative;
    z-index: 99;
    background: white;
    padding: 0.5em 0.5em 0.5em 2em;
  }
  .marquee h2:before {
    content: "\f111";
    font: 1em/1em fontawesome;
    background: black;
    /*border-radius: 50%;*/
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.5em;
    animation-name: pulsar35;
    animation-duration: 1s;
    animation-iteration-count: infinite;
  }
  @keyframes pulsar35 {
    from {opacity: 0;}
    to {opacity: 1;}
  }
  .marquee ul {
    display: inline-block;
    position: absolute;
    width: 3000px;
    margin: 0;
    font: 1.8em/2.5em Montserrat, "Helvetica Neue", helvetica, arial, sans-serif;
    animation-name: marquee;
    animation-duration: 40s;
    animation-iteration-count: infinite;
  }
    .marquee ul li {
      display: inline-block;
      padding: 0 0 0 1em;
      margin: 0 0 0 1em;
      position: relative;
    }
      .marquee ul li:before {
        content: "\f111";
        font: 0.2em/1em fontawesome;
        background: black;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 50%;
      }
      .marquee ul li a {
        color: black;
      }
      
    @keyframes marquee {
      from {right: -3000px;}
      to {right: 0;}
    }
    .marquee ul:hover {
      animation-play-state: paused;
    }
.verdict-chart {
  text-align: center;
  padding: 1em;
  background: url('../loading.html') no-repeat center center;
  background-size: 100px;
}
    .verdict-chart iframe {
      margin: 0 auto;
      max-width: 100%;
      opacity: 0;
      transition: opacity 0.5s ease-in-out;
    }
.three-seconds .verdict-chart, .three-seconds .total {
  background: none;
}
.three-seconds .verdict-chart iframe {
  opacity: 1;
}
.feature-chart {
  padding: 0em;
  margin-bottom: 2em;
}
  .feature-chart iframe {
    border: none;
    border-bottom: solid 1px #999;
  }
.map-overlay {
  background:transparent;
  position:relative;
  width: 100%; /* your iframe width */
  height: 60vh; /* your iframe height */
  top: 60vh; /* your iframe height */
  margin-top: -60vh; /* your iframe height */
}
.cases-per-date {
  
}
.three-charts, .two-charts {
    margin-bottom: 2em;
    padding: 0 0 2em 0;
}


/* Counters / Totals */
.totals {
 text-align: left;
}
  .total  {
    padding: 1em 0;
    margin-bottom: 2em;
    border-bottom: solid 1px #999;
    background: url('../loading.html') no-repeat center center;
    background-size: 100px;
    position: relative;
  }
  .total:after {
    content: "\f067";
    font: 0.6em fontawesome;
    color: #cc0000;
    display: inline-block;
    position: absolute;
    bottom: 1.8em;
    left: 0.3em;
  }
  .recovered {
    border: none;
  }
    .recovered:after {
      color: green;
    }
    .total h3 {
      font: 0.9em montserrat;
      margin: 0;
      color: #33b9f3;
      color: #333;
    }
    .sheet-single-value {
        height: 75px;
        width: 90%;
        overflow: hidden;
    }
        .sheet-single-value:after {

        }
        .sheet-single-value iframe {
          position: relative;
          top: -32px;
          left: -4px;
          width: 2000%;
          max-width: 2000%;
        }

.totals-heading {
  text-align: center;
  font-size: 2.1em;
}
  .totals-heading span {
    background: white;
  }
.country-totals .sheet-single-value {
  height: 45px;
}
  .country-totals .total:after {
    display: none;
  }


    .ssv-small {
      height: 16px;
      margin: 0.5em 0 0 1em;
      position: relative;
      display: inline-block;
      width: 3.5em;
    }
        .ssv-small iframe {
          width: 2000%;
          max-width: 2000%;
        }
        .total span.change-time-frame {
          color: #999;
          font: 0.9em montserrat;
          display: inline-block;
          position: relative;
          top: -0.05em;
          left: -0.2em;
        }

.charts {
  border-bottom: solid 1px #999;
}
.charts header {
  text-align: center;
  padding: 2em 0;
}
  .charts header h2 {
    font: bold 3em montserrat;
    margin: 0 auto 0.5em auto;
    width: 800px;
    max-width: 100%;
  }
  .charts header p {
    font: 1.8em montserrat;
    margin: 0 auto 0.5em auto;
    width: 800px;
    max-width: 100%;
    color: #666;
  }

.last-chart {
  border-bottom: none;
}

.subhead {
  font-family: montserrat;
  font-size: 1.8em;
  margin: 0 0 1em 0;
}
.secondary-content .sal li {
  border-bottom: solid 1px #999;
}
.three-charts {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    margin-bottom: 3em;
    padding: 3em 0;
}
  .three-charts .middle-chart {
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
  }

.need-to-know {
  margin-bottom: 2em;
}
  .need-to-know li, .need-to-know .sal li {
    font-family: montserrat;
    font-size: 1em;
    min-height: 0;
    border-bottom: solid 1px #999;
  }
  .need-to-know .feature-image {
    
  }
      .need-to-know .feature-image img {
        display: block;
        transition: all 0.3s ease-in-out;
      }
      .need-to-know li a {
        color: black;
      }
      .need-to-know a:hover .feature-image img {
        opacity: 1;
      }

body .home-most-read {
  border-top: solid 1em black;
  border-bottom: solid 1em black;
}
body .home-most-read h2 {
    top: -2.8em;
    font-size: 2em;
}
body .home-most-read ol li:before {
  font-weight: bold;
}
body .home-most-read ol li {
  font: 1em/1.4 montserrat;
}
  body .home-most-read ol li a {
    color: black;
  }


.primary-content .sal h3 {
  margin-top: 0;
}
.primary-content .sal p a {
  margin-top: 1em;
  display: block;
}


/* Stats table */
.stats-table {
  font: 1.8em Montserrat, helvetica, sans-serif;
}

  .stats-table tr:nth-child(even) {
    background: #fff;
  }
  .stats-table td {
    border-bottom: solid 1px #ebebeb;
  }
.stat-iframe {
  width: 80px;
  height: 35px;
  overflow: hidden;
  background: url('../loading.html') no-repeat center center;
  background-size: 70px;
  position: relative;
}
  .stat-iframe iframe {
    position: relative;
    top: -30px;
    left: -3px;
    width: 2000%;
    max-width: 2000%;
    border: none;
    overflow: hidden;
  }


/* Quick links */
.quick-links {
  list-style: none;
  margin-bottom: 3em;
}
  .quick-links li {
    position: relative;
    border-bottom: solid 1px #ebebeb;
    padding: 0.5em 0 0.5em 2em;
  }
    .quick-links li:before {
      content: "\f054";
      font: 1em/2em fontawesome;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
    }


@media (max-width: 990px) {
  .home-most-read ol {
      font-size: 1.6em;
  }
}
@media (min-width: 768px) {
  .feature-chart {
    padding: 2em;
  }
  .single .need-to-know .large-8 {
    padding-right: 0;
    padding-left: 0.5em;
  }
}

@media (min-width: 1024px) {
 .post-template-single-corona .full-width-entry-header .large-1 {
    border-right: solid 1px #999; 
    padding-right: 2em;
  }
  .post-template-single-corona .full-width-entry-header .large-11 {
    padding-left: 2em;
  }
  .post-template-single-corona h1 {

    font-size: 3.6em;
  }
  .full-width-map {
    padding: 0 2em 0 0;
  }
  .need-to-know {
    padding-left: 2em;
    border-left: solid 1px #999;
  }
  .totals {
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    margin-bottom: 1em;
    padding: 1em 0;
  }
  .total {
    padding: 1em;
    border-bottom: none;
    display: inline-block;
    float: left;
    width: 25%;
    margin: 0;
  }
    .total:after {
      bottom: 2.2em;
      left: 1.9em;
    }
  .total.deaths {
    border-left: solid 1px #999;
    border-right: solid 1px #999;
  }
  .total.recovered {
    border-right: solid 1px #999;
  }
  .three-charts .middle-chart {
    border-left: solid 1px #999;
    border-right: solid 1px #999;
  }
  .two-charts .left-chart {

  }
  .two-charts .right-chart {
      border-left: solid 1px #999;
  }
}
@media (min-width: 1190px) {
  .post-template-single-corona.box-skin_body #infinite-article .primary-content, .post-template-single-corona #infinite-article .primary-content {
    width: 75%;
    padding-right: 2em;
  }
 .post-template-single-corona.box-skin_body #infinite-article .secondary-content, .post-template-single-corona #infinite-article .secondary-content {
    width: 25%;
    padding-left: 2em;
    border-left: solid 1px #999;
    margin-top: 1em;
  }
  .charts header h2 {
    font: bold 4em montserrat;
  }
}
@media (min-width: 1280px) {
  .post-template-single-corona h1, .post-template-single-corona-country h1 {
    font-size: 4em;
  }
  .verdict-chart {
    padding: 2em;
  }
  .feature-chart {
    margin: 0;
    padding: 0 2em 0 0;
  }
}


@media (min-width: 1439px) {
  .post-template-single-corona.box-skin_body {
    padding-top: 0;
  }
  .post-template-single-corona.box-skin_body .box-skin_layout {
      margin: 0 auto;
      padding: 0;
      background: none;
      max-width: 100%;    
      position: relative;
      width: 100%;
  }
  .post-template-single-corona .box_layout_ad {
    display: none;
  }
  .charts header h2 {
    font: bold 4.4em montserrat;
  }
  .two-charts .verdict-chart {
    padding: 3em;
  }
}

@media(min-width: 1660px) {
  .two-charts {
    margin: 3em 0;
  }
    .charts header h2 {
      font: bold 4.8em montserrat;
    }
    .two-charts .verdict-chart {
      padding: 4.8em;
    }
}


/* Fixing minor issue with skin */
@media (min-width: 1440px) and (max-width: 1640px) {
  .box-skin_body {
    padding-top: 10em;
  }
  .box-skin_body .box-skin_layout {
    width: 1200px;
  }
  .box-skin_body .box_layout_ad {
    background-size: 1690px;
  }
}


/* Sticky promo bar top (HTML in footer.php) */
/*body.home, body.single, .body.archive, body.page {
  padding-top: 4em;
}*/
body.box-skin_body {
  padding-top: 0;
}
.box_layout_ad {
  background-position-y: 4em;
}
body.box-skin_body.promo-bar-closed, body.promo-bar-closed {
  padding-top: 0;
  background-position-y: 0;
}
body.box-skin_body.promo-bar-closed .box_layout_ad {
  background-position-y: 4.4;
}
  .promo-bar {
    position: fixed;
    height: 7em; 
    left: 0;
    top: 0;
    right: 0;
    padding: 0.5em;
    z-index: 9999;
    background: white;
    box-shadow: 0 0 2em 0 rgba(0,0,0,0.3);
    transition: height 0.5s ease-in-out;
    font-size: 0.8em;
  }
    .promo-bar .logo-column {
      max-width: 60px;
      display: none;
    }
    .cta-column {
      padding-left: 2em;
    }
    .promo-bar .animation {
      display: none;
      opacity: 0;
      transition: opacity 0.8s ease-in-out;
    }
    .promo-bar .stats-bar {
      position: absolute;
      bottom: 1em;
      left: 1em;
      right: 1em;
      top: 1em;
    }
    .promo-bar .counters {
      display: none;
    }
    .promo-bar .counter {
      border-left: solid 1px rgba(0,0,0,0.1);
      padding-left: 1em;
    }
    .promo-bar .sheet-single-value {
      height: 26px;
      width: 13.5em;
      margin: 0;
      background: url('../loading.html') no-repeat center center;
      background-size: 50px;
    }
    .three-seconds .promo-bar .sheet-single-value {
      background: none;
    }
    .promo-bar h2 {
      margin: 0;
      font: 2em Montserrat;
      display: inline-block;
      position: relative;
      top: 0.1em;
    }
    .promo-bar .cta {
      display: inline-block;
      margin-top: 0.3em;
    }
      .promo-bar .cta a {
        display: inline-block;
        padding: 0.5em 2em 0.5em 0.5em;
        width: auto;
        font: lighter 1.6em Montserrat;
        margin-left: 1em;
        background: black;
      }
        .promo-bar .cta a:after {
          line-height: 2.5em;
        }
    .promo-bar p {
      margin: 0;
      font: lighter 1.4em Montserrat;
      color: #666;
      /*display: none;*/
    }
  /*.promo-bar:hover {
    height: 30em;
  }*/

.admin-bar .promo-bar {
  top: 30px;
}
.end-joyride .promo-bar {
  display: none;
}
.end-joyride body {
  padding-top: 0;
}

@media (min-width: 600px) {
  .promo-bar {
    font-size: 1em;
  }
  .promo-bar .logo-column {
    display: block;
  }
}
@media (min-width: 980px) and (max-resolution: 97dpi) {
  .promo-bar .logo-column {
      padding-right: 2em;
      max-width: 79px;
  }
  .cta-column {
    padding-left: 0;
  }
  .promo-bar .counters {
    display: block;
  }
}
@media (min-width: 280px) {
  .promo-bar .cta-column {
    padding-top: 0.4em;
  }
}
@media (max-resolution: 200dpi) and (max-width: 460px) {
  .promo-bar {
    font-size: 0.6em;
  }
}
@media (min-width: 1280px) {
  /*body.home, body.single, .body.archive, body.page {
    padding-top: 7em;
  }
  body.home.promo-bar-closed, body.single.promo-bar-closed, .body.archive, body.page.promo-bar-closed {
    padding-top: 0;
  }
  body.box-skin_body {
    padding-top: 13em;
  }*/
  /*
  body.box-skin_body .box_layout_ad {
    background-position-y: 7em;
  }*/
}



/* Microblog */
.post-template-single-microblog {
  background: white;
}
  .corona-counters-small {
    padding: 1em;
    margin-top: 0em;
    background: white;
  }
    .corona-counters-small h2 {
      margin: 0 0 2em 0;
      font: 1.8em montserrat;
    }
      .corona-counters-small  h2 span {
        display: block;
      }
      .corona-counters-small h2 img {
        width: 9em;
      }
    .corona-counters-small ul {
      list-style: none;
      opacity: 1;
      transition: all 0.3s ease-in-out;
    }
      .corona-counters-small ul:hover {
        opacity: 1;
      }
      .corona-counters-small li {
        border-bottom: solid 1px #999;
        padding-bottom: 1em;
        padding-top: 1em;
      }
        .corona-counters-small li.grr, .corona-counters-small li.gdr {
          display: none;
        }
        .corona-counters-small li:last-of-type {
          border: none;
        }
        .corona-counters-small li h3 {
          font: 0.6em montserrat;
          margin: 0;
          opacity: 0.6;
        }
        .corona-counters-small li .sheet-single-value {
          width: 100%;
          height: 40px;
        }

.microblog-label {
  font: 1.8em montserrat;
  text-transform: uppercase;
  background: #c70e0e;
  padding: 0.3em 0.5em 0.2em 0.5em;
  display: inline-block;
  color: white;
  margin-bottom: 0.5em;
}
.single .microblog-label {
  padding: 0;
}
  .single .microblog-label a {
    background: #c70e0e;
    padding: 0.3em 0.5em 0.2em 0.5em;
    color: white;
  }
.powered-by {
  font: 1.6em montserrat;
  width: 18em;
  display: inline-block;
  margin-left: 1em;
}
  .powered-by img {
    width: 8em;
  }

.latest-update {
  border: none;
  background: #333;
  padding: 2em;
  position: relative;
}
  .latest-update:before {
    content: '';
    position: absolute;
    left: 2.5em;
    top: -1em;
    border-bottom: solid 1em #333;
    border-left: solid 1em transparent;
    border-right: solid 1em transparent;
  }
  #infinite-article .entry-content .latest-update h2:first-of-type {
    margin-top: 0;
    color: white;
    padding-top: 1.3em;
    position: relative;
  }
    .latest-update h2:first-of-type:before {
      content: 'Latest';
      font: lighter 0.65em montserrat;
      text-transform: uppercase;
      position: absolute;
      top: 0;
      left: 1.8em;
      color: #c70e0e;
    }
    .latest-update h2:first-of-type:after, .main-feature .microblog-label:before, .main-feature .microblog-label:after, .single .timeline .microblog-label:after, .single .timeline .microblog-label:before  {
      content: '';
      width: 0.5em;
      height: 0.5em;
      border-radius: 50%;
      position: absolute;
      left: 0.2em;
      top: 0.1em;
      background: white;
      animation-name: pulsar;
      animation-duration: 1s;
      animation-iteration-count: infinite;
    }
    .latest-update iframe {
      background: white;
      padding: 1em;
    }
    .single .timeline .microblog-label:after {
      margin-left: 0.5em;
    }
    .single .timeline .microblog-label:before {
      width: 1.4em;
      height: 1.4em;
      border-radius: 50%;
      position: absolute;
      left: -2.6em;
      top: 0.9em;
      border-color: #c70e0e;
    }
  .latest-update p, .entry-content div.latest-update p:first-of-type, .entry-content .latest-update p, .entry-content .latest-update a, .latest-update a:active, .latest-update a:hover, .latest-update h2, .latest-update h3, .latest-update h4, .latest-update blockquote, .latest-update ul, .latest-update ol, #infinite-article .entry-content .latest-update .wp-caption figcaption {
    color: white;
  }
    .entry-content .latest-update a {
      text-decoration: underline;
    }
  .entry-content .latest-update p:last-of-type {
    margin-bottom: 0;
  }

.entry-content .quick-updates {
  margin: 4em 0;
}
  .entry-content .quick-updates ul {
    list-style: none;
    margin: 0;
    font-size: 2.4em;
    font-weight: bold;
  }
    .entry-content .quick-updates li, .timeline li {
      position: relative;
      padding-left: 1em;
      position: relative;
      border-bottom: solid 1px #d6d6d6;
      padding: 0.4em 0 0.4em 1em;
    }
      .entry-content .quick-updates li a {
        color: black;
      }
      .entry-content .quick-updates li:before, .timeline li time:before, .timeline ul:before {
        content: '';
        position: absolute;
        left: 0.1em;
        top: 0.7em;
        width: 0.5em;
        height: 0.5em;
        border-radius: 50%;
        background: #c70e0e;
      }
      .entry-content .quick-updates li:last-of-type {
        border: none;
      }

  #infinite-article .microblog .entry-content blockquote.cc-blockquote h2 {
      margin: 1.5em 0 0.5em 0;
      font-size: 2.1em;
      font-weight: bold;
      color: #c70e0e;
   }
      #infinite-article .entry-content blockquote.cc-blockquote h2 a {
        text-decoration: underline;
        color: #c70e0e;
      }
      #infinite-article .microblog .entry-content blockquote.cc-blockquote h2:first-of-type {
        margin-top: 0;
      }
  #infinite-article .entry-content .microblog-update .update-date {
    font-weight: bold;
    text-transform: none;
    color: #c70e0e;
    top: 1.4em;
  }
  #infinite-article .entry-content .microblog-update p {
    margin: 0 0 1em 0;
  }
  #infinite-article .entry-content .microblog-update p:last-of-type {
    margin: 0;
  }

.timeline ul {
  position: relative;
  border-left: solid 2px #ccc;
  margin-bottom: 3em;
  padding-top: 3em;
}
  .timeline ul:before {
    background: #ddd;
    width: 1em;
    height: 1em;
    left: -0.55em;
    top: -0.1em;
  }
  .timeline li, main .latest-news-col .latest-news li:first-child, main .latest-news-col .latest-news li:last-child {
    border: none;
    padding-left: 1.5em;
    margin-left: -0.5em;
    margin-bottom: 0.5em;
    border: none;
  }
    
    .timeline time, .timeline .article-date {
      display: inline-block;
      font: bold 1em montserrat;
      color: #111;
      position: relative;
    }
      .timeline li time:before {
        background: #ccc;
        width: 0.7em;
        height: 0.7em;
        left: -1.4em;
        top: 0.3em;
        transition: all 0.3s ease-in-out;
      }
      .timeline li:hover time:before {
        background: #999;
      }
    .timeline .article-date {
      color: #777;
      display: block;
      margin: 0 0 1em 0;
      
    }
    .timeline span, .timeline span a {
      font: bold 1em montserrat;
      color: #c70e0e;
      display: block;
      transition: all 0.3s ease-in-out;
    }
    .timeline li:hover span, .timeline li:hover span a {
      color: black;
    }

.gd-comment-wires h2 {

}
    .gd-comment-wires h2:before {
      display: none;
    }
    .gd-comment-wires h2 img {
      width: 9em;
      position: relative;
      top: -0.15em;
    }

/*.gd-banner a {
  font: 2.4em montserrat;
  padding: 1em;
  display: block;
  background: #2d293c;
  color: white;
}
  .gd-banner a img {
    display: block;
    margin: 0 0 1em 0;
    width: 7em;
  }
  .gd-banner a:hover {
    color: white;
  }*/

.gd-banner {
  margin: 2em 0;
}


@media (min-width: 460px) {
  .latest-update {
    padding: 3em;
  }
}
@media (min-width: 768px) {
  .corona-counters-small h2 {
      margin: 0;
  }
  .corona-counters-small {
    border-bottom: solid 1px #999;
    padding: 1em 0;
  }
   .corona-counters-small li {
      display: inline-block;
      float: left;
      width: 33%;
      border-right: solid 1px #999;
      border-bottom: none;
      margin-bottom: 0;
      padding-left: 1em;
      padding-top: 0;
      padding-bottom: 0em;
    }
}
@media (min-width: 900px) {
  .corona-counters-small  h2 {
    display: inline-block;
    float: left;
    width: 18%;
    padding-left: 1em;
  }
  .corona-counters-small ul {
    display: inline-block;
    float: right;
    width: 80%;
  }
      .corona-counters-small li h3 {
        font-size: 0.8em;
      }
  .microblog article {
    padding-right: 2em;
  }
}
@media (min-width: 1280px) {
  .corona-counters-small li {
        width: 20%;
      }
        .corona-counters-small li.grr, .corona-counters-small li.gdr {
          display: inline-block;
        }
}
@media (min-width: 1440px) {
  .corona-counters-small {
    /*margin-top: -2em;*/
  }
}


/* Home page live feature */
main .features {
  border: none;
  padding-right: 0;
}
  main .features .main-feature .row {
    padding-bottom: 0;
  }
  main .main-feature {
      background: #333;
  }
    main .main-feature .article-text {
      padding: 1em;
    }
    .main-feature .microblog-label, .timeline .microblog-label {
      position: relative;
      left: 1.5em;
    }
      .main-feature .microblog-label:before, .single .timeline .microblog-label:before {
        left: -1.6em;
        width: 0.8em;
        height: 0.8em;
        top: 50%;
        margin-top: -0.4em;
      }
      .single .timeline .microblog-label:before {
        background: #333;
        left: -1.8em;
      }
      .main-feature .microblog-label:after, .single .timeline .microblog-label:after {
        left: -1.9em;
        width: 1.5em;
        height: 1.5em;
        top: 50%;
        margin-top: -0.75em;
        background: none;
        border: solid 3px #c70e0e;
        animation: none;
      }
      .single .timeline .microblog-label:after {
        left: -2.66em;
      }
    main .features .main-feature .row .article-text .article-category:after, main .features .main-feature .row .article-text .article_category:after, main .features .main-feature .row .article-text .article-author:after {
      display: none;
    }
    .features .main-feature .row .article-text h2 {

    }
    main .features .main-feature .row .article-text h2 a, main .features .main-feature .row .article-text p {
      color: white;
    }
    main .features .main-feature .row .article-text p {
      margin-top: 0.5em;
      margin-bottom: 0;
    }
    .features .main-feature .feature-image {
      margin: 0;
      border-radius: 0;
      max-height: 32em;
      overflow: hidden;
      border: solid 1em #333333;
    }
      .features .main-feature .feature-image img {
        display: block;
      }


main .latest-news-col {
  border: none;
}
  main .latest-news-col .latest-news h2 {
      position: relative;
      padding-left: 0.9em;
      text-transform: none;
      font-weight: bold;
      font-size: 2.1em;
      margin: 0 0 1em 0;
  }
  .latest-news-col .timeline {
    margin-top: -4em;
  }
  main .latest-news-col .latest-news {
    padding-bottom: 0;
  }
    main .latest-news-col .timeline {
      margin-bottom: 1em;
    }
  main .latest-news-col .mpu {
    
  }

@media (max-width: 768px) {
  .home main .row .features .main-feature {
    background: #333;
  }
}
@media (min-width: 460px) {
  main .main-feature .article-text {
      padding: 2em;
    }
}
@media (min-width: 1280px) {
  .features .main-feature .row .article-text h2 {
      font-size: 3em;
  }
}
@media (min-width: 1660px) {
  body .row, body.box-skin_body .row {
    width: 1440px;
    max-width: 100%;
  }
  .features .main-feature .row .article-text h2 {
      font-size: 3.6em;
  }
}

/* Cybersecurity */
.archive main.cybersecurity-microsite {
  position: relative;
  background: #131b40;
  padding: 8em 0 0 0;
}
  .archive main.cybersecurity-microsite:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    background: #131b40 url('../cybersecurity.html') no-repeat center 0em;
    background-size: 100%;
    transition: all 3s ease-in-out;
  }
  .archive.loaded main.cybersecurity-microsite:before {
    opacity: 1;
  }
  .archive main.cybersecurity-microsite header {
    text-align: center;
  }
    .archive main.cybersecurity-microsite header h1 {
      margin: 0;
      font-size: 2.1em;
    }
    .archive main.cybersecurity-microsite header h1, .archive main.cybersecurity-microsite header p {
      color: white;
      font-family: Montserrat, helvetica, arial, sans-serif;
      margin: 0;
      position: relative;
      z-index: 999;
    }
    .archive main.cybersecurity-microsite header p {
      margin: 1em 0 0 0;
    }
  .microsite-content {
    background: white;
    padding: 2em;
    margin-top: 6em;
    position: relative;
  }
    .archive main.cybersecurity-microsite .featured-articles li:nth-of-type(1) {
      width: 100%;
      height: 42em !important;
      margin: 0;
    }
      .archive main.cybersecurity-microsite .featured-articles li:nth-of-type(1) article .featured-image {
        opacity: 0.4;
      }
      .microsite-content .featured-articles li h2 {
        font-size: 2em;
      }
       .microsite-content .featured-articles li:nth-of-type(2) article,  .microsite-content .featured-articles li:nth-of-type(3) article,  .microsite-content .featured-articles li:nth-of-type(4) article {
          height: 21em;
       }
    

.sector-focus {
  clear: both;
  padding-top: 2em;
  text-align: center;
  margin: 0 -0.25em;
}
  .sector-focus h2 {
    position: relative;
  }
    .sector-focus h2 span {
      font: 1em/1 Montserrat;
      text-transform: uppercase;
      padding: 0 0.5em;
      background: white;
      position: relative;
      z-index: 9;
    }
    .sector-focus h2:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 50%;
      height: 1px;
      background: #999;
    }
    .sector-focus ul {
      margin: 0 -0.25em;
    }
      .sector-focus li {
        width: 50%;
        float: left;
        padding: 0 0.25em;
      }
        .sector-focus li a {

        }
          .sector-focus li span {
            font: 1em montserrat;
            margin: 0.5em 0 0 0;
            display: block;
          }

.archive main.cybersecurity-microsite .sidebar_inner {
  padding-top: 2em;
}

.secondary-content .mpu {
  border-top: solid 1px #ededed;
  margin-top: 2em;
  position: relative;
}
  .single .secondary-content .mpu:before {
    content: 'Advertising';
    font: 1em montserrat;
    color: #d2d2d2;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    position: absolute;
    left: 50%;
    top: -0.6em;
    width: 11em;
    margin-left: -5.5em;
    background: white;
    padding: 0 0.5em;
  }
  .single .secondary-content .mpu div, .single .secondary-content .mpu ins {
    background: #ededed;
    width: 300px;
    min-height: 250px;
    display: block !important;
    margin: 0 auto;
  }

.secondary-content .wp-polls {
      background: #131b40 url('../cybersecurity.html') no-repeat center bottom;
      background-size: 100%;
      height: 54em;
      margin: 0;
    }
        .secondary-content .wp-polls p, .secondary-content .wp-polls ul, .secondary-content .wp-polls ul li label, .secondary-content .wp-polls p a {
          color: white !important;
        }
          .secondary-content .wp-polls ul li input + label:before {
            top: 0;
          }
          .wp-polls ul li input:checked + label:after {
            font: 0.9em fontawesome;
            left: 0.15em;
            top: 0.15em;
          }
          .entry-content .wp-polls ul li input:checked + label:after {
            font: 0.8em fontawesome;
            left: 0.2em;
            top: 1.25em;
            box-shadow: inset 0 0.1em 0.5em rgba(0,0,0,0.2);
          }


.archive main.cybersecurity-microsite .most-read {
  margin: 0;
  width: 100%;
  max-width: 100%;
}

.primary-content .alm-listing .alm-reveal > li {
  border-bottom: solid 1px #ddd;
  padding-bottom: 2em;
}
.primary-content .alm-listing .alm-reveal > li h3 {
  font-size: 1.3em;
  margin: 0;
}
.primary-content .alm-listing .alm-reveal > li p {
  font-size: 1em;
}
  .primary-content .alm-listing .alm-reveal > li p.entry-meta {
    margin: 0 0 1em 0;
    font-size: 0.9em;
    font-weight: lighter;
  }


@media (min-width: 440px) and (max-width: 1440px) {
  .archive main.cybersecurity-microsite .featured-articles li {
      width: 50%;
      float: left !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .sector-focus li {
      width: 33.333%;
      float: left;
    }
}
@media (min-width: 990px) {
  .archive.loaded main.cybersecurity-microsite:before {
    top: -11em;
  }
  .large-8.columns {
      padding-right: 3em;
  }
  .sector-focus li {
    width: 16.666%;
    float: left;
  }
}
@media (min-width: 1280px) {
  .archive.loaded main.cybersecurity-microsite:before {
    top: -12em;
  }
     .archive main.cybersecurity-microsite .microsite-content {
      margin-top: 12em;
    }
    .archive main.cybersecurity-microsite header {
      padding-bottom: 4em;
    }
      .archive main.cybersecurity-microsite header h1 {
        font-size: 4em;
        position: relative;
      }
        .archive main.cybersecurity-microsite header h1:before {
            content: '';
            background: url(../cybersecurity-icon.html) no-repeat;
            background-size: 100%;
            position: absolute;
            left: 50%;
            top: -1.4em;
            width: 0.8em;
            margin-left: -0.4em;
            height: 1em;
        }
    .microsite-content {
      background: white;
      padding: 4em;
    }
        .archive main.cybersecurity-microsite .featured-articles li:nth-of-type(1) {
          height: 33em !important;
        }
          .microsite-content .featured-articles li:first-if-type h2 {
              font-size: 2.7em;
          }
}
@media (min-width: 1440px) and (min-height: 700px) {
  .archive main.cybersecurity-microsite {
    padding: 8em 0 0 0;
  }
    .archive.loaded main.cybersecurity-microsite:before {
      top: -17em;
    }

  .archive main.cybersecurity-microsite .row {
      max-width: 1500px !important;
  }
    .archive main.cybersecurity-microsite .microsite-content {
      margin-top: 14em;
    }
      .archive main.cybersecurity-microsite .featured-articles li:nth-of-type(1) {
          width: 66.66667%;
          height: 54em !important;
      }
      .archive main.cybersecurity-microsite .featured-articles li {
        width: 33.3333%;
      }
      .microsite-content .featured-articles li:nth-of-type(2) article, .microsite-content .featured-articles li:nth-of-type(3) article, .microsite-content .featured-articles li:nth-of-type(4) article {
          height: 27em;
      }
}
@media (min-width: 1800px) {
          .archive.loaded main.cybersecurity-microsite:before {
            top: -20em;
          }
      .archive main.cybersecurity-microsite .microsite-content {
        margin-top: 16em;
      }
  }


.unsubscribe-link {
  position: relative;
  padding: 0 0 0 2em;
  font: 1.6em montserrat;
}
.unsubscribe-link:before {
  content: "\f0f3";
  font: 1em/1em fontawesome;
  position: absolute;
  left: 0;
  top: 50%;
  height: 1em;
  margin-top: -0.5em;
}


/* Data feature */
.data-feature {

}
  .data-feature .entry-header h1 {
      font-size: 1em;
  }
  .data-feature h1 span, .data-feature p, .data-feature ul, .data-feature ol, .data-feature cc-blockquote, .data-feature .entry-content p:first-of-type, .data-feature .entry-header .entry-meta, .data-feature .entry-header .byline  {
    width: 900px;
    max-width: 100%;
    margin: 0 auto 1.5em auto;
    color: black;
    display: block;
    font-family: Merriweather Sans, Helvetica Neue, helvetica, arial, sans-serif;
  }
  
  #infinite-article.data-feature .entry-header {
    
  }
    .data-feature .data-article-label, .data-feature .entry-header .article-date, .data-feature .entry-header .byline {
      display: inline-block;
      margin: 0 1em 0 0;
      color: white;
      font-size: 1.6em;
    }
    #infinite-article.data-feature .entry-header .byline {
      margin: 1.5em auto 3em auto;
      display: block;
        z-index: 9;
        position: relative;
    }
    .data-feature .data-article-label, .data-feature .entry-header .article-date {
      background: black;
      padding: 0.4em 0.75em;
    }
    .data-feature .entry-header .data-article-label {
      background: white;
      color: #666;
    }
    .data-feature .entry-header h1 {
      margin: 0;
    }
    .data-feature .entry-header h1 span {
      font: bold 2.4em Lora, georgia, serif;
      margin: 0 auto;
    }
    .data-feature .featured-image {
      text-align: center;
      border-radius: 0;
    }
      .data-feature .featured-image img {
        width: 100%;
        max-width: 100%;
        opacity: 0;
        position: fixed;
        top: 20em;
        left: 0;
        right: 0;
        transition: all 6s ease-in-out;
      }
      .loaded .data-feature .featured-image img {
        opacity: 0.6;
      }
  .article.data-feature .entry-content, .article.data-feature .entry-header {
    padding: 2em !important;
  }
    .data-feature .entry-content p {
      line-height: 1.7;
    }
      .data-feature .entry-content p:first-of-type {
        color: #0b2d4c;
        margin-bottom: 2.5em;
      }
          .data-feature .entry-content p:first-of-type:first-letter {
              float: left;
              font-size: 2.2em;
              margin: 0.1em 0.2em -0.1em 0;
              background: #0b2d4c;
              color: white;
              line-height: 1;
              padding: 0.2em 0.3em 0.1em;
          }
     .data-feature .entry-content .chart-embed {
      margin: 3em 0;
      padding: 3em 2em;
      background: #ebebeb;
      text-align: center;
    }
    .chart-embed figcaption {
      margin-top: 1.5em;
      color: #555;
      font: 1.6em montserrat;
      position: relative;
      padding-left: 2em;
      text-align: left;
    }
    .chart-embed figcaption:before {
      content: "\f080";
      font: 1em fontawesome;
      position: absolute;
      left: 0;
      top: 0.2em;
    }

    .entry-content blockquote.alignright.pullquote, .entry-content blockquote.alignleft.pullquote, .entry-content blockquote.pullquote {
      font-size: 2.1em;
      padding-top: 0.7em;
      position: relative;
    }
      #infinite-article .entry-content blockquote.pullquote:before {
        content: '';
        display: block !important;
        width: 4em;
        height: 0.5em;
        background: #1d4466;
        position: absolute;
        left: 0;
        top: 0;
      }
    .data-feature .entry-content blockquote.pullquote p:first-of-type:first-letter {
        float: none;
        font-size: inherit;
        margin: inherit;
        background: none;
        padding: 0;
        color: inherit;
    }


@media (min-width: 460px) {
  .article.data-feature .entry-content {
    padding: 3em !important;
  }
}
@media (min-width: 768px) {
  #infinite-article.data-feature .entry-header {
    height: 50vh;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 2em;
    background: black;
  }
  .data-feature .entry-header .header-text {
      position: absolute;
      bottom: 0em;
      left: 0em;
      right: 0em;
      z-index: 999;
      margin: 0;
  }
    .data-feature .entry-header .header-text:before {
      content: '';
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.8+100 */
      background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 20%;
      z-index: 9;
    }
      .data-feature h1 span {
        position: relative;
        z-index: 9;
        color: white;
        font-size: 3em;
      }
  .data-feature .entry-content {
    
  }

}
@media (min-width: 1024px) {
  .data-feature .entry-header h1 span {
      font-size: 3.6em;
  }
   .data-feature .entry-content {
      padding: 6em 0;
   }
    .data-feature .entry-content .chart-embed {
      margin: 4em 0;
      padding: 4em 4em;
    }
      .data-feature .entry-content .chart-embed iframe, .data-feature .entry-content .chart-embed figcaption {
        width: 1200px;
        max-width: 100%;
        margin: 0 auto;
      }
      .data-feature .entry-content .chart-embed figcaption {
        margin-top: 2em;
      }
    .entry-content blockquote.alignright.pullquote, .entry-content blockquote.alignleft.pullquote {
      font-size: 2.1em;
      width: 30%;
      margin: 3em 3em 3em 3em;
    }
    .data-feature .entry-content blockquote.pullquote.alignleft {
      float: left;
    }
    .data-feature .entry-content blockquote.pullquote.alignright {
      float: right;
    }
}
@media (min-width: 1280px) {
  .data-feature .entry-header h1 span {
      font-size: 4.4em;
  }
  .entry-content blockquote.alignright.pullquote, .entry-content blockquote.alignleft.pullquote {
      margin: 3em 3em 3em 3em;
  }
}
@media (min-width: 1440px) {
  .data-feature .entry-header h1 span {
      font-size: 4.8em;
  }
  .data-feature .entry-content p {
    font-size: 2.1em;
  }
    .data-feature .entry-content p:first-of-type {
      font-size: 2.7em;
    }
  .entry-content blockquote.alignright.pullquote, .entry-content blockquote.alignleft.pullquote {
      margin: 3em 3em 3em 3em;
      font-size: 3em;
  }
  .data-feature .entry-content .chart-embed {
    margin: 5em 0;
    padding: 6em;
  }
}
@media (min-width: 1660px) {
  .data-feature .entry-header h1 span {
      font-size: 5.4em;
  }
  .data-feature .entry-content .chart-embed {
    margin: 5em 0;
    padding: 8em;
  }
}

@media (max-width: 840px) {
  .article.data-feature .entry-header h1 {
    font-size: 1em !important;
    }
}

.entry-content iframe {
  overflow: auto;
  margin: 1em auto;
}
.sg-body, .entry-content .sg-body {
  background: none;
}
.sg-survey-form, .entry-content .sg-survey-form {
  width: 100%;
}
.sg-wrapper, .entry-content .sg-wrapper {
  overflow-x: visible;
}
.sg-header, .entry-content .sg-header {
  display: none;
}
.sg-content, .entry-content .sg-content {
  padding: 30px;
  box-shadow: 0 0.3em 1.5em 0 rgba(97,184,239,0.3);
  margin: 40px 0 50px 0;
  position: relative;
  width: 100%;
}
  .sg-content:after, .entry-content .sg-content:after {
    content: 'Polls by GlobalData';
    background: url('../polls-by-globaldata.html') no-repeat;
    width: 230px;
    height: 30px;
    background-size: 100%;
    text-indent: -500000px;
    overflow: hidden;
    position: absolute;
    right: 24px;
    bottom: 16px;
  }
  .sg-question-set, .entry-content .sg-question-set {
    height: auto !important;
    /* I didn't want to do this, but I also don't want large empty spaces in the middle of articles. However, we may need to remove this once we have a better solution */
  }
  .sg-content h2, #infinite-article .entry-content .sg-content h2 {
    margin-top: 0;
    font: bold 21px Montserrat, helvetica, arial, sans-serif;
  }
  .sg-type-radio ul.sg-list, .entry-content .sg-type-radio ul.sg-list {
    font-size: 18px;
  }
  .sg-content label, #infinite-article .entry-content .sg-content label {
    color: #555 !important;
  }
  .sg-button-bar, .entry-content .sg-button-bar {
    text-align: left;
    margin-top: 20px;
  }
    .sg-survey .sg-button, .entry-content .sg-survey .sg-button {
      background: black;
      font-size: 18px;
      padding: 10px 40px;
      box-shadow: 0 0.1em 0.2em 0 rgba(0,0,0,0.2);
    }

.notificationsBanner {
      background-color: #ffa500;
  }
  
.triangle-down-banner {
    width: 0px;
    height: 0px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #0b2d4b;
    float: right;
    margin-right: 1.8em;
}
  
.notificationsBanner h1 {
  font-size: 14px;
  }
  


.covid-banner {
  /*background: #1abc9c;
  padding: 10px;*/
  margin: 6em 0 4em 0;
  padding: 20px 0;
  border-top: solid 2px #0b2d4c;
  border-bottom: solid 2px #0b2d4c;
}
  #infinite-article .entry-content .covid-banner h2 {
    margin: 0 1em 0 0;
    font: 24px Rubik, montserrat, arial, sans-serif;
    display: inline-block;
  }
    .covid-banner h2 small {
      display: block;
      font-weight: bold;
      font-size: 70%;
      text-transform: uppercase;
      margin-bottom: 1em;
    }
  .covid-banner img {
      margin: 30px 0 0 0;
  }
  .covid-banner .cta-button {
    display: inline-block;
    background: transparent;
  }
    .covid-banner .cta-button a {
      background: #0b2d4c;
      color: white;
      padding: 0.6em 5em 0.6em 0.6em;
      position: relative;
      border-radius: 0.2em;
      display: inline-block;
      margin-top: 20px;
    }
      .covid-banner .cta-button a:after {
        content: "\f0da";
        font: 1em/2.3em fontawesome;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 2em;
        text-align: center;
      }

.entry-content .covid-banner .parent-company p, .entry-content .covid-banner .parent-company p:first-of-type {
  font: lighter 1.2em Montserrat, helvetica, arial, sans-serif;
  color: #666;
  margin: 0;
}
.covid-banner .parent-company img {
  width: 130px;
  margin-bottom: 5px;
  display: block;
}

@media (min-width: 768px) {
  /*.covid-banner {
    padding: 20px;
  }*/
    .covid-banner h2 {
      font-size: 36px;
    }
    
}



/* Excellence Award */
.archive main.excellence-award {
  padding-top: 0;
  background: white;
}
  .excellence-award .category-header {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
  background: #45484d; /* Old browsers */
  background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    text-align: center;
    padding: 3em 0;
    margin: 0;
  }
    .excellence-award .category-header p {
      color: white;
      font: lighter 2em/1 Lora;
      margin: 2em auto 0 auto;
      /* width: 600px; */
      width: auto;
      max-width: 100%;
    }
  .register-cta {
    text-align: center;
    padding: 3em 0;
  }
    .register-cta p {
      font: lighter 2em/1 Lora;
      margin: 0 0 2em 0;
    }
    .register-cta .cta a {
      background: #D4AF37;
      font: bold 2em/1 Montserrat;
      text-transform: uppercase;
      text-align: center;
      padding: 1em 3em;
    }
      .register-cta .cta a:after {
        display: none;
      }
  .archive main.excellence-award section {
    width: 1092px;
    max-width: 100%;
    margin: 0 auto;
  }
  .about-awards {
    /* border-bottom: solid 1px #ebebeb; */
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);  
  }
    .about-awards h2 {
      margin: 0 0 1em 0;
      font-size: 3em;
    }
    .about-awards p {
      line-height: 1.5;
    }
    .about-awards ul {
      list-style: disc;
      width: 600px;
      max-width: 100%;
      font-weight: bold;
      margin: 2em 0;
    }

@media (min-width: 768px) {
  .about-awards li {
    width: 49%;
    display: inline-block;    
  }
}



/* Sign-up CTA */
.entry-content div.sign-up-cta {
  margin-bottom: 3.5em;
}
.entry-content div.sign-up-cta p:first-of-type {
  font-style: italic;
  font-size: 2.1em;
}


.nokiabanner {
  margin-top: 3em;
  margin-bottom: 3em;
  padding: 3em;
  background: #f7f7f7;
  border-radius: 0.2em;
  box-shadow: 0.1em 0.1em 0.3em 0 rgba(0,0,0,0.2);
  font-family: "Montserrat";
}

.nokiabanner h1 {
  font-size: 23px;
  margin-left: 0.7em;
}

.nokiabanner li {
  font-size: 15px;
  list-style-type: circle;
  padding-bottom: 1em;
  text-decoration: underline;
  color: blue;
  position: relative;
  list-style-position: inside;
  text-indent: -1.4em;
  padding-left: 1em;
}

.nokiabanner a:hover {
  color: blue;
}

.nokiabanner li:last-child{
  padding-bottom: 1em;
}


/* *******************************************************************

Excellence Award CSS Start 

******************************************************************* */

.rg-cta-txt{
  font-size: 18px !important;
  color: #080808;
  margin-top: 20px !important;
  margin-bottom: 25px !important;
  line-height: 150%;
}


.about-awards{
  margin-top: 40px;
  padding-bottom: 4em;
}
.about-awards p{
  color: #080808;
  margin-bottom:0;
}
.about-awards ul{
  list-style: disc !important;
}
.about-awards ul li{
  color: #080808;
  list-style: disc !important;
}
.about-our-site{
  margin-top: 4em !important;
  margin-bottom: 4em !important;
}
.about-our-site  h2 {
  margin: 0 0 1em 0;
  font-size: 3em;
}
.about-our-site  p{
  color: #080808;
}
.packages h2{
  font-size: 3em;
  margin: 0 0 1em 0;
}
.gold{
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding:25px;
}
.gold h3{
  color: #D4AF37;
  font-size: 23px;
  font-weight: 800;
  text-transform: uppercase;
  margin-top:0;
  font-family: 'Montserrat';
}
.gold .price{
  color: #D4AF37;
  font-size: 23px;
  font-weight: 800;
  text-align: right;
  font-family: 'Montserrat';
}
.gold ul{
  list-style: disc !important;
  margin-left: 20px;
}
.gold ul li{
  color: #080808;
  margin-bottom: 10px;
}
.silver{
  margin-top: 4em !important;
  margin-bottom: 4em !important;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding:25px;
}

.silver h3{
  color:#7B7B7B;
  font-size: 23px;
  font-weight: 800;
  text-transform: uppercase;
  margin-top:0;
  font-family: 'Montserrat';
}
.silver .price{
  color: #7B7B7B;
  font-size: 23px;
  font-weight: 800;
  text-align: right;
  font-family: 'Montserrat';
}

.silver ul{
  list-style: disc !important;
  margin-left: 20px;
}
.silver ul li{
  color: #080808;
  margin-bottom: 10px;
}

.bronze{
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding:25px;
}

.bronze h3{
  color: #CD7F32;
  font-size: 23px;
  font-weight: 800;
  text-transform: uppercase;
  margin-top:0;
  font-family: 'Montserrat';
}
.bronze .price{
  color: #CD7F32;
  font-size: 23px;
  font-weight: 800;
  text-align: right;
  font-family: 'Montserrat';
}

.bronze ul{
  list-style: disc !important;
  margin-left: 20px;
}
.bronze ul li{
  color: #080808;
  margin-bottom: 10px;
}

.form-box{
  background: #FFFFFF;
  border-radius: 4px;
  padding:25px;
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 5em;
  margin-bottom: 3em;
}
.form-box h4{
  font-family: 'Lora';
  font-weight: bold;
  font-size: 25px;
  line-height: 32px;
  color:#000000;
  text-align: left;
  margin-top: 0;
  margin-bottom: 25px;
}
.form-box p{
  color: #080808 !important;
  margin: 10px 0 30px 0!important;
  text-align: left!important;
  font-family: 'Lora'!important;
  font-weight: normal !important;
  font-size: 18px !important;
  width: 100% !important;
}
.lbl-txt{
    color: #080808 !important;
    text-align: left;
    font-size: 18px !important;
    font-family: 'Lora';
    font-weight: normal;
    font-size: 18px;
    line-height: 150%;
}
.txt-bx{
  background: #FFFFFF;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.08) !important;
  border: 0 !important;
}

.form-box select {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.08) !important;
  border: 0 !important;
  color:#080808;
}
.form-box textarea{
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.08) !important;
  border: 0 !important;
  color:#080808;
  margin-top: 30px;
  margin-bottom: 30px;
}
.form-box ul {
  margin-left:20px;
}
.form-box ul li {
  text-align: left !important;
  color:#080808;
  list-style: disc;
  margin-bottom: 7px;
}

.sub-butn{
  /* height: 28px; */
  width: 100px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 23px;
  line-height: 150%;
  text-align: center;
  color: #FFFFFF;
  background: #0A2C4B;
  border-radius: 4px !important;
  text-transform: uppercase;
  border:0;
  cursor: pointer;
}
.btn-back{
  color: #0A2C4B !important;
  background: #FFFFFF !important;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.25) !important;
}
.btn-send{
  background:#13CE66 !important;
  color:#ffffff;
}
.clear-fixz{
  clear: both;
}
.txt-right{
  text-align: right !important;
}
.float-right{
  float: right;
}
@media (max-width: 375px){
  .about-awards ul{
    margin-left: 20px;
  }
  .gold .price{
    text-align: left;
    margin-bottom: 20px;
  }
  .silver .price{
    text-align: left;
    margin-bottom: 20px;
  }
  .bronze .price{
    text-align: left;
    margin-bottom: 20px;
  }
  .form-box{
    max-width: 350px;
  }
}

/* *******************************************************************

Excellence Award CSS End

******************************************************************* */



/* Hub71 Microsite */
.hub71 .category-header {
  background: #043058;
  padding: 30px 20px;
  margin: 20px 0;
}
  .hub71 .category-header h1, .hub71 .category-header p {
    color: white;
    margin: 0;
    background: none;
    font: 36px Lato;
  }
    .hub71 .category-header h1:after {
      display: none;
    }
  .hub71 .category-header p {
    font: 24px Lato;
  }

@media (min-width: 1024px) {
  .hub71 .category-header {
    padding: 50px 40px;
  }
  .hub71 .secondary-content {
    padding-left: 40px;
  }
}

.cta-pdf a {
  background: #13CE66;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  padding: 0.5em 2em;
  /* border: 1px solid #888; */
  color: #222;
  display: inline-block;
  border-radius: 0.15em;
}